*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body 
{
	font-family: 'Poppins', sans-serif!important;
    /*font-family: 'Lato', sans-serif;*/
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    letter-spacing: 0;
    background: url('../images/OCRBack.png')no-repeat;
    background-position: right bottom;
    /*margin-right: 200px;*/
    z-index: 10;
}
.wrapper 
{
    display: flex;
    width: 100%;
    align-items: stretch;
}

.content 
{
    width: 100%;
    transition: all 0.3s;
    margin-top: 0.6rem;
    margin-left: -1.5rem;
    height: 100%;
    overflow: hidden;
    position: relative;
}
/*.row 
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -22px;
}*/
.sidebar 
{
   /*height: 100%;*/
   /*overflow: hidden;*/
	position: relative;
	top: 0.0625rem;
	left: -1.5rem;
	width: 15.375rem;
  /*height: auto;*/

	min-height: 99vh!important;
	background: #ECEFF6 0% 0% no-repeat padding-box;
	box-shadow: 0rem 0rem 0.5rem #00000029;
	border-radius: 1.4375rem;
	opacity: 1;
	z-index: 1;
 }
.sidebar #logo
{
	position: absolute;
	top: 1rem;
	width: 12rem;
	height: 3.4375rem;
	background: #D9E0EF 0% 0% no-repeat padding-box;
	opacity: 1;
	border-radius: 1.5625rem;
	margin: 0 0 6.8125rem 1.5rem;
}
.sidebar #logo img
{
	position: absolute;
	top: 0.4375rem;
	left: 1.0625rem;
	width: 3.0625rem;
	height: 1.9375rem;
	opacity: 1;
}
.sidebar #menu
{
	position: absolute;
	top: 6.8125rem;
	left: 2.5625rem;
	width: 4.9375rem;
	height: 1.125rem;
	text-align: left;
	font-style: 0.9375rem;
	letter-spacing: 0.04125rem;
	color: #637280;
	opacity: 1;
}
.sidebar #menu ul
{
	list-style-type: none;
}
.sidebar #menu ul li
{
	display: inline-block;
}
.sidebar #menu ul > li
{
  float:left;
  margin-right: 1.25rem;
  width: 8.125rem;
  height: 2.5rem;
}
.sidebar #menu ul > li > image
{
  width: 1.1875rem;
  height: 1.3125rem;
}
.sidebar #menu ul li a
{
	color: #637280;
}
.sidebar #menu ul li a.active
{
	font-weight: bold;
	color:#395979;
}
.page-head
{
	position: absolute;
	top: 0.3125rem;
	left: 0;
	width: 95%;
  height: 4.1875rem;
	background: #E0F4FB 0% 0% no-repeat padding-box;
	opacity: 1;
	border-radius: 0 2.8125rem 2.8125rem 0;
}
.page-head h2
{
	height: 2rem;
	text-align: left;
	margin-top: 1rem;
	font-size: 1.625rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #101D29;
	opacity: 1;
	margin-left: 0.1rem;
}
.page-head span
{
  font-size: 0.8125rem;
  color: #819AA3;
  margin-left: 1rem;
}
.main-content2 
{  
    width: 104%;
    padding:2rem 0rem;
    margin-top: 5rem;
    z-index: 2;
}
/*css for login.html*/
.sign-container
{
	width: 100vw;
	height: 100%;
	background: url(../images/back.png);
	background-size: 100% 120%;
	position: absolute;
}
#ocr
{
	margin: 20%;
}
#logo
{
	margin: 10% 0 0 38%;
}
h2
{
	margin:10% 0 5% 20%;
}
.form-control
{
	width: 21.625rem;
	height: 2.5rem;
	border-radius: 1.5625rem;
	color: #4d4d4f;
	margin:0 0 0 37%;
	border:0.0625rem solid white;
	font-size: 0.9rem;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0.0625rem solid #FFFFFF;
  -webkit-text-fill-color: #4d4d4f;
  -webkit-box-shadow: 0 0 0 62.5rem #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s;
}

#check
{
	color: #b1b1b1;
	margin:5% 0 0 37%;
	position: absolute;
	font-size: 0.8rem;
}
#fp 
{
	margin:3% 0 0 12%;
	position: absolute;
	font-size: 0.8rem;
}
#fp a
{
	color: #b1b1b1;
	
}
#login
{
	background: white;
	color: #4d4d4f;
	/*padding: 10px;*/
	border-radius: 1.25rem;
	font-size: 1.2rem;
	height: 2.5rem;
	width: 10.625rem;
	margin:3% 0 0 51%;
}

/*checkbox css*/
#checklabel
{
	margin-left: 17.5rem;
	font-size: 0.8rem;
	color: #b1b1b1;
	margin-top: 1rem;
	padding: 0.3125rem 1.6875rem;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -624.9375rem;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.875rem; height: 1.875rem;
  background: #fff;
  border-radius: 0.625rem;

 }

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: 0.55em; left: .50em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}

[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/*css for customerMaster.html*/
.new
{
  margin-right: -2rem;
  margin-left: 0.625rem;
}
.custom-select 
{
    /*padding: 0rem 1.75rem 0.375rem 0.75rem!important;*/
}
#newCust
{
	float: right;
	width: 12.5rem;
	height: 2.5rem;
	margin-top: 0.9rem;
	margin-right: -5rem;
	border-radius: 1.25rem;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #FFFFFF;
	background-color: #00ADEE;
	opacity: 1;
}

#example1
{
  width: 100%;
  /*border:1px solid red;*/
  border-radius: 0.625rem;
  /*padding: 0.625rem;*/
}
#example1 thead
{
  border-radius: 0.625rem;
  border: 0.0625rem solid #00ADEE;
}
#example1 th
{
  background: #00ADEE 0% 0% no-repeat padding-box;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.625rem;
}
#example1 #first
{
  border-radius: 0.625rem 0rem 0rem 0.625rem;
}
#example1 #last
{
  border-radius: 0rem 0.625rem 0.625rem 0rem;
}
.table th, .table td 
{
    vertical-align: top;
    border-top: none!important;
}
table.dataTable 
{
    border-collapse: separate !important;
    border-spacing: 0;
}
.table-striped tbody tr:nth-of-type(2n) 
{
    background-color: #F5FAFF!important;
}
.table-striped tbody tr:nth-of-type(2n+1) 
{
    background-color: #FFFFFF!important;
}
table 
{
  border-collapse: collapse;
}
th 
{
    padding: .5em 1em;
    font-weight:normal;
    font-size:1rem;
    border-right:0.125rem solid #f5f5f5;
}
thead tr
{
    border-radius:0.5rem;
    box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.1);
    background: white;
}
thead:after
{
  line-height:0.7; 
  content:"\200C"; 
  display:block;
  background-color: white;
}
table tbody 
{
  box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.1);
  border-radius:0.5rem;
}
table tbody td 
{
    display: table-cell;
    padding:0.3125rem;
    font-size: 0.875rem;
    border-right:0.125rem solid #f5f5f5;
}
table tbody tr td:first-child 
{
    padding: 0.75rem;
}
table tbody tr:first-child td:first-child 
{
    border-top-left-radius: 0.3125rem;
}
table tbody tr:first-child td:last-child 
{
    border-top-right-radius: 0.3125rem;
}
table tbody tr:last-child td:first-child 
{
    border-bottom-left-radius: 0.3125rem;
}
table tbody tr:last-child td:last-child 
{
    border-bottom-right-radius: 0.3125rem;
}
td input
{
  background:white;
  border:none;
}
#example1 > thead > tr > th:last-child[class*="sort"]:after 
{
    content: "" !important;
}
#example1 > thead > tr > th:last-child[class*="sort"]:before
{
    content: "" !important;
}
#example1_filter .form-control
{
  	background-image:url('../images/search.png')!important;
  	background-repeat:no-repeat;
	background-position: 9.125rem 0rem !important;
 	border-radius: 0.3125rem;
	margin-right: 0.5rem;
 	border:none;
  height: 2.5rem;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
  }
  #example1_length label
  {
  	width: 1.5625rem;
  }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination
  {
  	padding: 0.625rem!important;
  }
 /* .current-row{
background-color:#00ADEE;
color:#FFF;
}*/

/*CSS for createCustomer.html*/
.page-title
{
	text-align: left;
	font-size: 1.3125rem;
	letter-spacing: 0rem;
	color: #333333;
	margin: 0 0 0.625rem 1rem;
	font-weight: bold;
}
.main-content2 label
{
	font-size: 1rem;
	margin-top: 0.3rem;
}
.form-control1,.form-control2
{
  width: 18.1875rem;
  height: 2.5rem;
  border: 0.03125rem solid #b2c2cd;
	border-radius: 0.375rem;
	opacity: 1;
	resize: none;
	color: #333333;
	font-size: 1rem;
	padding: 0.25rem 0rem 0.5rem 0.625rem;
}
.form-control2
{
   width: 8.4375rem;
   color: #333333;
 }
.form-control:focus
{
	outline: 0;
  	box-shadow: none;
  	border: 0.0625rem solid #b2c2cd;
    box-shadow: 0 0 0.21875rem 0 rgba(0, 0, 0, 0.16);
}
::placeholder 
{
  color: #333333;
  opacity: 1; /* Firefox */
}
#contactlname
{
	margin-left: 1.3rem;
}
.mandatory
{
	width: 0.375rem;
	height: 0.4375rem;
	color: red;
	margin-left: -0.8rem;
	margin-top: 0.3rem;
}
.wv-select--native 
{
    display: inline-block;
    box-sizing: border-box;
    margin: -0.1875rem 0;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.0625rem solid #b2c2cd;
    border-radius: 0.375rem;
    cursor: text;
    transition: border .1s linear;
    min-height: 2.5rem;
    padding: 0;
    box-shadow: none;
    position: relative;
    line-height: 2.5rem;
    background: #fff;
    overflow: hidden;
    width: 100%;
    min-width: 10rem;
    max-width: 20rem;
    color: #333333;
	  font-size: 1rem;
}
.wv-select--native select 
{
    cursor: pointer;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    outline: none;
    -moz-appearance: window;
    text-overflow: "";
    color: #333333;
	  font-size: 1rem;
    padding: 0.25rem 0rem 0.5rem 0.625rem;
}
.wv-select--native::after 
{
    content: "";
    width: 0;
    height: 0;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    border-top: 0.3125rem solid #1c252c;
    position: absolute;
    right: 0.625rem;
    top: 1.125rem;
    pointer-events: none;
}

.input-group-addon
{
	position: absolute;
	margin-left: 16.7rem;
	margin-top: 0.3rem;
}
.form-group
{
	width: 18.1875rem;
}
hr
{
	width: 90%;
	margin:0 0 0 1%;
}
/*button styling*/
.btn
{
	width: 8.375rem;
	height: 2.5rem;
}
#reset,#next
{
	border-radius: 1.25rem;
	border:0.0625rem solid #00ADEE;
	color: #00ADEE;
	font-size: 1.125rem;
	font-weight: 550;
}
#create
{
	border-radius: 1.25rem;
	background: #00ADEE;
	color: #FFFFFF;
	margin-left: 9.7rem;
	margin-top: -4.3rem;
	font-size: 1.125rem;
	font-weight: 550;
}
/*CSS for projectMaster.html*/
#newCust
{
	float: right;
	width: 12.5rem;
	height: 2.5rem;
	margin-top: 0.9rem;
	margin-right: -5rem;
	border-radius: 1.25rem;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #FFFFFF;
	background-color: #00ADEE;
	opacity: 1;
}
/*CSS for templateadd.html*/
.list-container
{
 padding-bottom: 1rem;
 max-width:20rem;
 width: auto;
 margin-top: -1rem;
}
.labelStyle
{
    font-size:0.75rem!important;
    height: 1.4375rem;
    min-width: 8.875rem;
    width: auto;
    border: 0.0625rem solid #eee;
    border-radius: 0.1875rem;
    border-radius: 0.1875rem;
    padding-left: 0.375rem;
    font-size: 0.875rem;
    background-color: #fff;
}
input[type="checkbox"]
{
   -webkit-appearance: initial;
   appearance: initial;
   float:right;
   width: 1.25rem;
   height: 1.25rem;
 }

input[type="checkbox"]:checked:after 
{
    content: "x";
    color: #333;
    float: right;
    padding-right: 0.3rem;
}
input[type="checkbox"]:focus
{
        outline:0;
}

.addAdditionalFields 
{
    position: absolute;
    width: 1.25rem;
    height: 1.625rem;
    background: #00ADEE 0% 0% no-repeat padding-box;
    border-radius: 0.25rem;
    opacity: 1;
    margin-top: 0.38125rem;
    margin-left: 32.2rem;
    color: white;
}
.addAdditionalFields span
{
	font-size: 1.3125rem;
  margin: -0.9375rem 0 0.625rem -0.375rem;
  position: absolute;
}
#create_project
{
  width:33%;
  border:0.0625rem solid #1788ff;
  border-radius: 1.5625rem;
  background:#1788ff; 
  color: white;
  font-size: 1rem; 
  font-weight: bold;
  margin-top: 2rem;
  float: right;
   border: none;
  outline: none;
  box-shadow: none;
  margin-right: 5rem;
  height: 2.5rem;
}
#create_project:focus, #create_project:hover, #create_project:active
{
  border: none;
  outline: none;
  box-shadow: none;
}
.additionalFieldRowContainer
{
   height: 21rem;
   overflow-y: auto;
   overflow-x: hidden;
}
.additionalFieldRowContainer .col-md-6
{
	padding-left: 0.625rem!important;
}
.additionalFieldRowContainer::-webkit-scrollbar 
{
  width: 0.25rem;
}
.additionalFieldRowContainer::-webkit-scrollbar-track 
{
 	background: #00ADEE;
 	background-clip: content-box;
  border: 0.0625rem solid  #EFEAEA;
}
.additionalFieldRowContainer::-webkit-scrollbar-thumb 
{
  background-color: #EFEAEA;
  border:0.25rem solid transparent;
}

#my_file 
{
   display: none;
}
#get_file 
{
  width: 2.1875rem;
  height: 2.5rem;
  background: #00ADEE;
  border:0.0625rem solid #00ADEE;
  border-radius: 0rem 0.3125rem 0.3125rem 0rem;
  float: right;
}
#customfileupload
{
    display: inline;
    font-size: 0.875rem;
    width: 15.625rem;height: 1.875rem;
    height: 2.5rem;
}
#upload_file
{
  border-radius: 0.3125rem;border:0.0625rem solid #e2e2e2;box-shadow: 0 0 0.21875rem 0 rgba(0, 0, 0, 0.16);height: 2.5rem;
}

#create_template
{
	width: 12.5rem;
  height: 2.5rem;
  background: #00ADEE 0% 0% no-repeat padding-box;
  border-radius: 1.25rem;
  opacity: 1;
  margin-left: 7.5rem;
  margin-top: 1.5rem;
  font-size: 1.0625rem;
  color: #FFFFFF;
  font-weight: bold;
}
.form-control3
{
	width: 20.375rem;
  height: 2.5rem;
  border: 0.03125rem solid #b2c2cd;
	border-radius: 0.375rem;
	opacity: 1;
	resize: none;
	color: #333333;
	font-size: 1rem;
	padding: 0.25rem 0rem 0.5rem 0.625rem;
}
.description-textarea
{
	  resize: none;
  height: 6.25rem!important;
}
/*CSS for templateDetails.html*/
.form-group img
{
  margin-left: -1.5rem;
}
/*new code for toggle button label and value*/
.switch-field 
{
    display: flex;
    margin: 2.25rem auto;
    overflow: hidden;
    border-radius: 0.9375rem;
    width: 17.8rem;
    background: #EFF1F2;
}

.switch-field input 
{
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 0.0625rem;
    width: 0.0625rem;
    border: 0;
    overflow: hidden;
}

.switch-field label 
{
    background-color: #EFF1F2;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    padding: 0.5rem 1.75rem;
    margin-right: 0.1875rem;
    transition: all 0.1s ease-in-out;
    border-radius: 0.9375rem;
    margin-bottom: 0.0625rem;
    margin-top: 0rem;
}

.switch-field label:hover 
{
    cursor: pointer;
}

.switch-field input:checked + label 
{
    background-color: #00ADEE;
    box-shadow: none;
    color: white;
    height: 2.0625rem;
    margin-top: 0rem;
}

.switch-field label:first-of-type 
{
    border-radius: 0.9375rem;
}

.switch-field label:last-of-type 
{
    border-radius: 0.9375rem;
}

#sidebar 
{
    min-width: 6.1875rem;
    max-width: 6.1875rem;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    background-color: #eceff6;
    position: relative;
    left: 0rem;
    height: 118vh;
   /* min-height: 99% !important;
    height: :99%!important;*/
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 0rem 1.59375rem 1.59375rem 0rem;
    box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.16);
    z-index: 2;
}
#sidebar #logo
{
	position: absolute;
	top: 1rem;
	width: 3.5625rem;
	height: 3.4375rem;
	background: #D9E0EF 0% 0% no-repeat padding-box;
	border-radius: 0.8125rem;
	opacity: 1;
	margin-left: 0.375rem;
}
#sidebar #logo img
{
	position: absolute;
	top: 0.75rem;
	left: 0.5625rem;
	width: 2.4375rem;
	height: 1.5625rem;
	opacity: 1;
}
#sidebar #menu
{
	position: absolute;
	top: 6.8125rem;
	width: 4.9375rem;
	height: 1.125rem;
	text-align: left;
	font-style: 0.9375rem;
	letter-spacing: 0.04125rem;
	color: #637280;
	opacity: 1;
}
.content1 
{
	position: absolute;
    width: 100vw;
    min-height: 86vh;
    transition: all 0.3s;
    margin-top: 0.6rem;
    margin-left: 0rem;
}
.title-head
{
	height: 2.375rem;
  background: #00ADEE 0% 0% no-repeat padding-box;
  box-shadow: 0rem 0rem 0.375rem #00000029;
  opacity: 1;
  color: #FFFFFF;
  border-radius: 0.375rem;
}
.title-head span
{
	font-size: 1rem;
	position: absolute;
	top: 0.4rem;
}
.wv-select--native1 
{
    display: inline-block;
    box-sizing: border-box;
    margin: -0.1875rem 0 0 7.3125rem;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.0625rem solid #00ADEE;
    border-radius: 0.375rem;
    cursor: text;
    transition: border .1s linear;
    min-height: 1.5625rem;
    padding: 0;
    box-shadow: none;
    position: relative;
    line-height: 2.125rem;
    background: #00ADEE;
    overflow: hidden;
    min-width: 11.25rem;
   color: #FFFFFF;
	 font-size: 1rem;
	 height: 1.5625rem;
}
.wv-select--native1 select 
{
    cursor: pointer;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    outline: none;
    -moz-appearance: window;
    text-overflow: "";
    color: #FFFFFF;
	  font-size: 1rem;
    padding: 0.25rem 0rem 0.5rem 0.625rem;
    background: #00ADEE;
}
.wv-select--native1::after 
{
    content: "";
    width: 0;
    height: 0;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    border-top: 0.3125rem solid #FFFFFF;
    position: absolute;
    right: 0.625rem;
    top: 1.125rem;
    pointer-events: none;
}
.main-content2
{  
    width: 104%;
    /*padding:2rem 1rem;*/
    margin-top: 4rem;
    z-index: 2;
}
.form-control11
{
  width: 12.9375rem;
  height: 2.5rem;
  border: 0.03125rem solid #b2c2cd;
	border-radius: 0.375rem;
	opacity: 1;
	resize: none;
	color: #333333;
	font-size: 1.125rem;
	padding: 0.25rem 0rem 0.5rem 0.625rem;
}
.form-control12
{
  width: 4.3125rem;
  height: 2.5rem;
  border: 0.03125rem solid #b2c2cd;
	border-radius: 0.375rem;
	opacity: 1;
	resize: none;
	color: #333333;
	font-size: 1.125rem;
	padding: 0.25rem 0rem 0.5rem 0.625rem;
	margin-left: 0.625rem;
}
.form-control13
{
  width: 1.625rem;
  height: 1.625rem;
  border: 0.03125rem solid #b2c2cd;
	border-radius: 0.375rem;
	opacity: 1;
	resize: none;
	color: #333333;
	font-size: 1.125rem;
	padding: 0.25rem 0rem 0.5rem 0.625rem;
	margin-top: 0.625rem;
}
.wv-select--native2 
{
    display: inline-block;
    box-sizing: border-box;
    margin: -0.1875rem 0;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.0625rem solid #b2c2cd;
    border-radius: 0.375rem;
    cursor: text;
    transition: border .1s linear;
    min-height: 2.5rem;
    padding: 0;
    box-shadow: none;
    position: relative;
    line-height: 2.5rem;
    background: #fff;
    overflow: hidden;
    min-width: 12.9375rem;
    color: #333333;
	 font-size: 1.125rem;
}
.wv-select--native2 select 
{
    cursor: pointer;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    outline: none;
    -moz-appearance: window;
    text-overflow: "";
    color: #333333;
	  font-size: 1.125rem;
    padding: 0.25rem 0rem 0.5rem 0.625rem;
}
.wv-select--native2::after 
{
    content: "";
    width: 0;
    height: 0;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    border-top: 0.3125rem solid #1c252c;
    position: absolute;
    right: 0.625rem;
    top: 1.125rem;
    pointer-events: none;
}
#tem-reset
{
	border-radius: 1.25rem;
	border:0.0625rem solid #00ADEE;
	color: #00ADEE;
	font-size: 1.125rem;
	font-weight: 550;
	margin-left: 1.7rem;
}
#tem-save
{
	border-radius: 1.25rem;
	background: #00ADEE;
	color: #FFFFFF;
	margin-left: 14rem;
	margin-top: -4.3rem;
	font-size: 1.125rem;
	font-weight: 550;
}
#verify
{
	border-radius: 1.25rem;
	background: #00ADEE;
	color: #FFFFFF;
	float: right;
	margin-top: 2rem;
	font-size: 1.125rem;
	font-weight: 550;
}
.sub
{
	position: absolute;
  bottom: -1.375rem;
}
/*CSS for templateVerification.html*/
#prod
{
	float: right;
	width: 12.5rem;
	height: 2.5rem;
	margin-top: 0.9rem;
	margin-right: -6rem;
	border-radius: 1.25rem;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #FFFFFF;
	background-color: #00ADEE;
	opacity: 1;
}
/*CSS for Usermaster.html*/
#addCust
{
	float: right;
	width: 12.5rem;
	height: 2.5rem;
	margin-top: 0.9rem;
	margin-right: -5rem;
	border-radius: 1.25rem;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #FFFFFF;
	background-color: #00ADEE;
	opacity: 1;
}
#last_name
{
	margin-left: 1.5rem;
}
/*CSS for userEdit.css*/
.switch-field1 
{
    display: flex;
    overflow: hidden;
    border-radius: 0.9375rem;
    width: 12.875rem;
    background: #EFF1F2;
}

.switch-field1 input 
{
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 0.0625rem;
    width: 0.0625rem;
    border: 0;
    overflow: hidden;

}

.switch-field1 label 
{
    background-color: #EFF1F2;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    padding: 0.5rem 1.375rem;
    margin-right: 0.1875rem;
    transition: all 0.1s ease-in-out;
    border-radius: 0.9375rem;
    margin-bottom: 0.0625rem;
    margin-top: 0rem;
}

.switch-field1 label:hover 
{
    cursor: pointer;
}

.switch-field1 input:checked + label 
{
    background-color: #00ADEE;
    box-shadow: none;
    color: white;
    height: 2.0625rem;
    margin-top: 0rem;
}

.switch-field1 label:first-of-type 
{
    border-radius: 0.9375rem;
}

.switch-field1 label:last-of-type
{
    border-radius: 0.9375rem;
}
/*CSS for templateEdit.html*/

#reset,#next
{
  border-radius: 1.25rem;
  border:0.0625rem solid #00ADEE;
  color: #00ADEE;
  font-size: 1.125rem;
  font-weight: 550;
  margin-left: -0.3rem;
  margin-right: 3rem;
  background-color: #FFFFFF;
}
#back
{
  float: right;
  width: 8.375rem;
  height: 2.5rem;
  margin-top: 0.9rem;
  margin-right: -4rem;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #FFFFFF;
  background-color: #00ADEE;
  opacity: 1;
}
/*addTemplateFieldData.html*/
.jcrop-tracker
{
  /*border:1px solid red;*/
  /*border:1px solid #00ADEE;*/
}
.jcrop-dragbar
{

}
.jcrop-handle
{
  background-color: #00ADEE;
}
.jcrop-vline
{
  border:0.0625rem solid #00ADEE;
  /*width: 1px!important;*/
}
.jcrop-hline
{
  border:0.0625rem solid #00ADEE;
  /*width: 1px!important;*/
}
/*CSS for templateProduction.html*/
#preview
{
  float: right;
  width: 12.5rem;
  height: 2.5rem;
  margin-top: 0.9rem;
  margin-right: -6rem;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #FFFFFF;
  background-color: #00ADEE;
  opacity: 1;
}
.pprev, .pnext
{
  width: 1.75rem;
  height: 1.5rem;
  border: 0.03125rem solid #8096AD;
  background-color: #FFFFFF;
  font-size: large;
  margin-top: 0.4rem;
}
.pnext
{
  border-radius: 0.8125rem 0 0 0.8125rem;
  margin-left: 9.1rem;
}
.pprev
{
  float: right;  
  border-radius: 0 0.8125rem 0.8125rem 0;
  margin-left: -0.3rem;
}
#contain
{
  width: 27.5625rem;
  height: 30.75rem;
  border: 0.0625rem solid #00ADEE;
  border-radius: 1.25rem;
  position: absolute;
  top: 12.5rem;
  right: 31.25rem;
  display: none;
  transition: 2s;
}
#contain-head
{
  width: 27.5625rem;
  height: 3rem;
  border:0.0625rem solid #00ADEE;
  border-radius: 1.25rem 1.25rem 0 0 ;
  background: #00ADEE 0% 0% no-repeat padding-box;
  padding: 0.625rem;
  
}
#contain-head h3
{
  font-size: 1rem;
  color: #FFFFFF;
}
#close img
{
  position: absolute;

top: 1.125rem;

float: right;

right: 1.3125rem;
}
#contain-body #addFiles, #addFolders
{
  width: 6.375rem;
  height: 4.75rem;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.03125rem solid #395979;
  border-radius: 0.375rem;
  opacity: 1;
  display: inline-block;
  margin-top: 1rem;
  margin-left: 1.5rem;
}
#contain-body #addFiles p, #addFolders p
{
  font-size: 0.5625rem;
  color: #707070;
  margin-top: 2.2rem;
  text-align: center;
}
#addFiles img
{
  position: absolute;
  margin: 4% 0 0 8%;
}
#addFolders img
{
  position: absolute;
  margin: 4% 0 0 7%;
}
#contain-body h3
{
  font-size: 1rem;
  letter-spacing: 0rem;
  color: #395979;
  margin-top: 1.5rem;
  margin-left: 1.5rem;
}
#contain-body #down, #up
{
  width:1.1875rem;
  height: 1.1875rem;
  border: 0.03125rem solid #395979;
  border-radius: 0.125rem 0rem 0rem 0.125rem;
  margin-left: 1.5rem;
  background-color: #FFFFFF;
}
#contain-body #up
{
  width:1.1875rem;
  height: 1.1875rem;
  border:0.03125rem solid #395979;
  border-radius: 0rem 0.125rem 0.125rem 0rem;
  margin-left: -0.3rem;
}
#contain-body #down label, #up label
{
  position: absolute;
  margin-top: -0.875rem;
  margin-left: -0.375rem;
  color: #707070;
}
#del, #delAll
{
  width: 4.9375rem;
  height: 1.375rem;
  border: 0.03125rem solid #395979;
  border-radius: 0.6875rem;
  text-transform: uppercase;
  background-color: #FFFFFF;
  font-size: 0.625rem;
  float: right;
  margin-right: 1.25rem;
  color: #707070;
  margin-top: 0.6rem;
}
#file-container
{
  width: 23.9375rem;
  height: 13.4375rem;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.03125rem solid #395979;
  border-radius: 0.375rem;
  margin-left: 1.5rem;
  margin-top: 1rem;
  overflow-y: scroll;
}
#file-container p
{
  margin-top: 0.5rem;
  font-size: 0.625rem;
}
.file-table,.file-head
{
  width: 100%;
  height: 0.75rem;
  padding: 0rem!important;
  font-size: 0.5625rem;
}
.btn1
{
  width: 5.4375rem;
  height: 1.875rem;
  border-radius: 0.9375rem;
}
#cancel
{
  border:0.0625rem solid #00ADEE;
  color: #00ADEE;
  font-size: 0.6875rem;
  font-weight: 550;
  background-color: #FFFFFF;
  text-transform: uppercase;
  /*margin-left: 2.5rem;*/
  /*margin-top: 3.5rem;*/
  position: absolute;
  top: 28.3125rem;
  left: 73%
}
#batch
{
  border:0.0625rem solid #00ADEE;
  background: #00ADEE;
  color: #FFFFFF;
  /*margin-left: 9.7rem;*/
  /*margin-top: -4.3rem;*/
  font-size: 0.6875rem;
  font-weight: 550;
  text-transform: uppercase;
  position: absolute;
  top: 28.3125rem;
  left: 48%;
}
.progress 
{
  margin:1.25rem auto;
  padding:0;
  width:90%;
  height:1.875rem;
  overflow:hidden;
  background:#e5e5e5;
  border-radius:0.375rem;
  margin-top: 0.5rem;
}

.bar 
{
  position:relative;
  float:left;
  min-width:1%;
  height:100%;
  background:cornflowerblue;
}

.percent 
{
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,-50%);
  margin:0;
  font-family:tahoma,arial,helvetica;
  font-size:0.75rem;
  color:white;
}
.picker > input,.picker1 > input
{
  display: none;
}
.picker img,.picker1 img
{
  width: 2.5rem;
  cursor: pointer;
}
#listing,#listing1,#sizeing
{
  list-style-type: none;
  font-size: 0.5625rem;
}
.vprev, .vnext
{
  width: 1.75rem;
  height: 1.5rem;
  margin-top: 1rem;
  border: 0.03125rem  solid #8096AD;
}
.vnext img,.vprev img
{
  margin-top: -0.2rem;
}
.vnext
{
  border-radius: 0.8125rem 0 0 0.8125rem;
  margin-left: 52.4rem;
}
.vprev
{
  float: right;  
  border-radius: 0 0.8125rem 0.8125rem 0;
  margin-left: -0.3rem;
}
/*CSS for templatePreview.html*/
#sidebar1 
{
    min-width: 6.1875rem;
    max-width: 6.1875rem;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    background-color: #eceff6;
    position: relative;
    left: 0rem;
    height: 99vh;
   /* min-height: 99% !important;
    height: :99%!important;*/
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 0rem 1.59375rem 1.59375rem 0rem;
    box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.16);
    z-index: 2;
}
#sidebar1 #logo
{
  position: absolute;
  top: 1rem;
  width: 3.5625rem;
  height: 3.4375rem;
  background: #D9E0EF 0% 0% no-repeat padding-box;
  border-radius: 0.8125rem;
  opacity: 1;
  margin-left: 0.375rem;
}
#sidebar1 #logo img
{
  position: absolute;
  top: 0.75rem;
  left: 0.5625rem;
  width: 2.4375rem;
  height: 1.5625rem;
  opacity: 1;
}
#sidebar1 #menu
{
  position: absolute;
  top: 6.8125rem;
  width: 4.9375rem;
  height: 1.125rem;
  text-align: left;
  font-style: 0.9375rem;
  letter-spacing: 0.04125rem;
  color: #637280;
  opacity: 1;
}
#example1 thead
{
  border-radius: 0.625rem;
  background: #00ADEE;
  color: white;
}
#excel
{
  border-radius: 1.25rem;
  border:0.0625rem solid #00ADEE;
  color: #00ADEE;
  font-size: 1.125rem;
  font-weight: 550;
  margin-top: 2rem;
  float: right;
  margin-left: 2rem;
}
#excel img
{
  margin-left: 0.625rem;
}
#csv
{
  float: right;
  border-radius: 1.25rem;
  background: #00ADEE;
  color: #FFFFFF;
  margin-top: 2rem;
  font-size: 1.125rem;
  font-weight: 550;
}
#csv img
{
  margin-left: 0.625rem;
}
/*projectAssign.html*/
#assign
{
  border-radius: 1.25rem;
  background: #00ADEE;
  color: #FFFFFF;
  margin-left: 9.7rem;
  margin-top: -4.3rem;
  font-size: 1.125rem;
  font-weight: 550;
}
/*responsive codes*/
/*media query for 1366 X 768*/
@media only screen and ( min-width: 1366px )
{
  /*login.html*/
  #checklabel 
  {
    margin-left: 15.5rem;
    margin-top: 1rem;
    padding: 0.3125rem 1.688rem;
  }
  [type="checkbox"]:not(:checked) + label:before,
  [type="checkbox"]:checked + label:before 
  {
    left: 0;
    top: 0;
   }
  [type="checkbox"]:not(:checked) + label:after,
  [type="checkbox"]:checked + label:after 
  {
    top: 0.55em;
    left: 0.5em;
  }
  /*templateMaster.html*/
  .sidebar #logo 
  {
    margin: 0 0 6.8125rem 0.8rem;
  }
  #example1::-webkit-scrollbar 
  {
    width: 10px;
    height:8px;
  }
  #example1::-webkit-scrollbar-track 
  {
    background: #f1f1f1; 
    border-radius:10px;
  }
  #example1::-webkit-scrollbar-thumb 
  {
    background: #999; 
    border-radius:10px;
  }
  .dataTables_scrollHead th
  {
    background: #00ADEE!important;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.625rem;
  }
  .dataTables_scrollHead #first
  {
    border-radius: 0.625rem 0rem 0rem 0.625rem;
  }
  .dataTables_scrollHead #last
  {
    border-radius: 0rem 0.625rem 0.625rem 0rem;
  }
  .sorting_1
  {
    /*border-left:1px solid #e2e2e2;*/
  }
  #contactlname 
  {
    margin-left: 2.3rem;
  }
  .input-group-addon 
  {
    margin-left: 18rem;
  }
   /*createTemplate.html*/
  .addAdditionalFields 
  {
    margin-left: 31rem;
  }
  /*updateTemplate*/
  #next 
  {
    margin-right: 2rem;
  }
  /*addTemplateFieldData*/
  .wv-select--native1 
  {
    margin: -0.087rem 0 0 7.3125rem;
  }
  .switch-field label 
  {
    padding: 0.5rem 1.35rem;
  }
  /*production*/
  .title-head span 
  {
    left: -1rem;
  }
  .pnext 
  {
    margin-left: 8.1rem;
  }
  #contain 
  {
    height: 32.5rem;
  }
  #batch, #cancel
  {
    top: 30rem;
  }
  .main-content2 
  {
    padding: 2rem 0rem;
  }
  #example1 
  {
    padding:0.1rem;
  }


















 }

 /*mouseOnHover tooltip*/
 [data-tooltip-text]:hover {
  position: relative;
}
[data-tooltip-text]:hover:after {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);

  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  color: #FFFFFF;
  font-size: 12px;
  content: attr(data-tooltip-text);

  margin-bottom: 10px;
  top: 130%;
  left: 0;    
  padding: 7px 12px;
  position: absolute;
  width: auto;
  min-width: 50px;
  max-width: 300px;
  word-wrap: break-word;

  z-index: 9999;
}