*{
    box-sizing: border-box;
}
body
{
	margin:0 auto;
	width:100%;
	height:100%;
	background-color:#d6fffa;/*#fffdc0;*/
	background-image: url(../Images/DESK.jpg);
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: cover;
    background-position: center;
	font-family: arial;
	font-size:13px;
	font-weight:bolder;
	padding:1px 1px 1px 1px;	
	color:brown;
}
.muldiv::after {
  content: "";
  clear: both;
  display: table;
}
[class*="divcol-"] {
  float: left;
  padding: 1px;
}
.divcol-1 {width: 8.33%;}
.divcol-2 {width: 16.66%;}
.divcol-3 {width: 25%;}
.divcol-4 {width: 33.33%;}
.divcol-5 {width: 41.66%;}
.divcol-6 {width: 50%;}
.divcol-7 {width: 58.33%;}
.divcol-8 {width: 66.66%;}
.divcol-9 {width: 75%;}
.divcol-10 {width: 83.33%;}
.divcol-11 {width: 91.66%;}
.divcol-12 {width: 100%;}
@media only screen and (max-width: 800px) 
{
  	[class*="divcol-"] {
	width: 100%;
	}
}
div>input
{
	font-family: arial;/*Trebuchet MS;*/
	font-size:13px;
}
.menu-top
{
	display:flex;
    align-items:center;
}
.menu-top input
{
    flex:1;
}
.sidenav 
{
  height: 96%;
  width: 22%;
  position: fixed;
  z-index: 100;
  top: 55;
  left: 0;
  background-color: #ffd699;/*#00bba8;*/
  overflow-x: hidden;
}
.menu-item, .dropdown-btn 
{
  display: block;
  padding: 6px 8px 6px 10px;
  width: 100%;
  cursor: pointer;
  outline: none;
  text-align: left;
  text-decoration: none;
  font-size: 15px;
  color: green;
  border-top: solid 1px white;
  border-bottom: solid 1px white;
}
.menu-item:hover, .dropdown-btn:hover,.dropdown-container a:hover {
  color: brown;
  background:#ffb84d;
}
.active {
  background: #fffdc0;
}
.dropdown-container {
  display: none;
}
.dropdown-container a{
	padding-left: 20px;
	border:none;
	color:#990033;
	font-size:14px;
}
.fa-caret-down:before {
  content: url(../Images/DOWN.png);
}
.fa-caret-down {
  float: right;
  padding-right: 20px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 14px;}
  .sidenav a {font-size: 14px;}
}
thead th {position: sticky; top: 0; z-index: 1;}
input:disabled,select[disabled]
{
	background-color:#cccc00;
	color:brown;
}
input:focus,input[type=Button]:focus,textarea:focus,select:focus
{background-color :yellow;color:brown;}
input[type=radio]:checked
{
  border: 1px solid #090;
  box-shadow: 0 0 3px 3px #090;
  font-size:20px;
  color:red;
}
.scrolldiv {overflow-y:auto;}	
@media print {
	.scrolldiv {overflow:visible;}
	.page-break{display: block;page-break-after: always;}
}
/*Login Page Styles*/ 
.quote
{
	font-family:arial;
	font-size:14px;
	font-weight:bolder;
	color: #6600CC;
	height: 23px;
}
.gobtn
{
	background-color:brown;
	color:white;
	font-family: arial;/*Trebuchet MS;*/
	font-size:12px;
	font-weight:bolder;
	height:24px;
	width:75px;
	text-align:center;
	vertical-align:middle;
	text-transform: uppercase;
	cursor:pointer;
}
.error-message {
	text-align:center;
	color:#FF0000;
	font-family: arial;/*Trebuchet MS;*/
	font-size:12px;
}
.trodd
{
	background-color: #f27eec;	
}
.treven
{
	background-color: #f8b6ea;
}
.savebtnlong
{
	background-color:#fafaf99;
	color:brown;
	font-family: arial;/*Trebuchet MS;*/
	font-size:11px;
	font-weight:bolder;
	height:24px;
	width:160px;
	text-align:center;
	vertical-align:middle;
	text-transform: uppercase; 
}
/*loader styles*/
.loader {
    border: 14px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
	border-bottom: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
 }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.loaderbox
{
	position:fixed;
	top: 50%;
    left: 40%;
	margin-top: -50px;
    margin-left: -50px;
	z-index:1;
	height:50px;
	width:150px;
	padding:5px;
	background-color: #ffcd43;
	font-family:arial;
	font-size:13px;
}
#loading
{
  background-color: #ffcd43;
  position: fixed;
  z-index: 1;
  height:50px;
	width:150px;
}
/*End of Login Page Styles*/
[class*="num-"] {
	height: 21px;
	padding:2px;
	border: #A3C3E7 1px solid;
	border-radius: 4px;
	text-align:right;
	color:blue;
	font-family: arial;/*Trebuchet MS;*/
	font-size:12px;
	font-weight:bolder;
}
.num-50 {width: 50px;}
.num-75 {width: 75px;}
.num-100 {width: 100px;}
.num-125 {width: 125px;}
.num-150 {width: 150px;}
.num-175 {width: 175px;}
.num-200 {width: 200px;}
.num-250 {width: 250px;}
[class*="txt-"] {
	height: 24px;
	padding:1px;
	border: #A3C3E7 1px solid;
	border-radius: 4px;
	font-family: arial;/*Trebuchet MS;*/
	font-size:12px;
	font-weight:bolder;
}
.txt-50 {width: 50px;}
.txt-75 {width: 75px;}
.txt-100 {width: 100px;}
.txt-125 {width: 125px;}
.txt-150 {width: 150px;}
.txt-175 {width: 175px;}
.txt-200 {width: 200px;}
.txt-250 {width: 250px;}
.txt-275 {width: 275px;}
.txt-290 {width: 290px;}
.txt-325 {width: 325px;}
.txt-340 {width: 340px;}
.txt-375 {width: 375px;}
.txt-400 {width: 400px;}
.txt-450 {width: 450px;}
.txt-500 {width: 500px;}
.txt-550 {width: 550px;}
.txt-600 {width: 600px;}
.txt-700 {width: 700px;}
[class*="dpn-"] {
	height: 24px;
	padding:1px;
	border: #A3C3E7 1px solid;
	border-radius: 4px;
	color:brown;
	font-family: arial;/*Trebuchet MS;*/
	font-size:13px;
	font-weight:bolder;
}
.dpn-50 {width: 50px;}
.dpn-75 {width: 75px;}
.dpn-100 {width: 100px;}
.dpn-150 {width: 150px;}
.dpn-200 {width: 200px;}
.dpn-250 {width: 250px;}
.dpn-275 {width: 275px;}
.dpn-300 {width: 300px;}
.dpn-350 {width: 350px;}
.dpn-400 {width: 400px;}
.dpn-500 {width: 500px;}
[class*="rot-"] {
	height: 24px;
	padding:1px;
	border: #A3C3E7 1px solid;
	border-radius: 4px;
	text-align:right;
	color:brown;
	font-family: arial;/*Trebuchet MS;*/
	font-size:12px;
	font-weight:bolder;
	background-color: #ffb84d;/*#ccff33;*/
}
.rot-50 {width: 50px;}
.rot-75  {width: 75px;}
.rot-100 {width: 100px;}
.rot-150 {width: 150px;}
.rot-290 {width: 290px;}
.rot-400 {width: 400px;}
.tarea
{
	resize:none;
	border: green 1px solid;
	border-radius: 4px;
	font-family: arial;/*Trebuchet MS;*/
	font-size:12px;
	color:brown;
	font-weight:bolder;
	background-color: #ffd699;
}
.tareasrch
{
	resize: none;
	border: #ebd495 1px solid;
	border-radius: 4px;
	font-family: arial;/*Trebuchet MS;*/
	font-size:12px;
	font-weight:bolder;
	background-color: #ffd699;
}
.percentbox
{
	width:55px;
	height: 21px;
	text-align: right;
	padding:2px;
	border: #A3C3E7 1px solid;
	border-radius: 4px;
	color:blue;
	font-weight:bolder;
}
.tdaligncenter
{
	text-align: center;
}
.tdalignleft
{
	text-align: left;
	padding-left:5px;
}
.tdalignright
{
	text-align: right;
	padding-right:3px;
}
ul
 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #009999;
}
ul > span
{
	float:right;
	font-family: arial;/*Trebuchet MS;*/
	font-size:15px;
	color:white;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
li 
{
    float: left;
}
li a, .dropbtn 
{
    display: inline-block;
	font-family: arial;/*Trebuchet MS;*/
	font-size:15px;
	font-weight:bolder;
    color: white;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn 
{
    background-color: blue;
}
li.dropdown 
{
    display: inline-block;
}
.dropdown-content 
{
    display: none;
    position: absolute;
    background-color:#dfe6e9;
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
}
.dropdown-content a 
{
    color: brown;
    padding: 4px 4px;
    text-decoration: none;
    display: block;
    text-align: left;
	font-family: arial;/*Trebuchet MS;*/
	font-size:12px;
	font-weight:bolder;
	border:solid 1px white;
}
.dropdown-content a:hover 
{
	background-color: #009999;
	color:white;
}
.dropdown:hover .dropdown-content 
{
    display: block;
}
.tbl-50
{
	width:50%;
	border:solid 1px #000000;
	border-collapse:collapse;
}
.tbl-75
{
	width:75%;
	border:solid 1px #000000;
	border-collapse:collapse;
}
.tbl-100,.tbl-cart,.tbl-pay
{
	width:100%;
	border:solid 1px #000000;
	border-collapse:collapse;
}
.tbl-75 td,.tbl-75 th,.tbl-50 td,.tbl-50 th,.tbl-100 td,.tbl-100 th
{
	border:solid 1px #000000;
	border-collapse:collapse;
	font-family: trebuchet ms;
	font-size:13px;
	padding:3px;
}
.tbl-pay td,.tbl-pay th
{
	border:solid 1px #000000;
	border-collapse:collapse;
	font-family: arial;
	font-size:12px;
	padding:1px;
}
.tbl-cart td,.tbl-cart th
{
	border:solid 1px #000000;
	border-collapse:collapse;
	font-family: arial;
	font-size:14px;
	font-weight:bolder;
	padding:3px;
}
.tbl-100 th,.tbl-50 th,.tbl-75 th,.tbl-cart th,.tbl-pay th
{background-color: #eed092;}
.tbl-100 tr:hover td,.tbl-50 tr:hover td,.tbl-75 tr:hover td,.tbl-cart tr:hover td,.tbl-pay tr:hover td
 {background-color: #ffb84d;}/*#c1ea4f*/
.tbl-50 tr:nth-child(even),
.tbl-75 tr:nth-child(even),
.tbl-100 tr:nth-child(even),
.tbl-pay tr:nth-child(even)
{
    background-color: #fffdc0;
	/*background-color: #f9f9f9;*/
	color:brown;
	font-weight:bolder;
}
.tbl-50 tr:nth-child(odd),
.tbl-75 tr:nth-child(odd),
.tbl-100 tr:nth-child(odd),
.tbl-pay tr:nth-child(odd)
{
	background-color:white;
    font-weight:bolder;
	color:green;
}
.tblCheck td
{
	font-family: arial;/*Trebuchet MS;*/
	font-size:13px;
	font-weight:bolder;
}
.spnRequired
{
	font-family: arial;/*Trebuchet MS;*/
	font-size:13px;
	font-weight:bolder;
	color:red;
}
.spnNormal
{
	color:brown;
}
.spnBold
{
	font-size:12px;
	font-weight:bolder;
	color:brown;
}
.spnRed
{
	font-size:14px;
	font-weight:bolder;
	color:red;
}
.easylink
{
	text-decoration: none;
}
.easydate
{
	width: 130px;
	height: 21px;
	padding:2px;
	border: #e6c878 1px solid;
	border-radius: 4px;
	font-family: arial;/*Trebuchet MS;*/
	font-size:13px;
	font-weight:bolder;
	color:brown;
	background-color:#ebd495;
}
/*autocomplete styles*/
[class*="acm-"] {
	/*height: 30px;*/
	position: relative;
	display: inline-block;
	padding-top:1px;
}
.acm-200 {width: 200px;}
.acm-250 {width: 250px;}
.acm-300 {width: 300px;}
.acm-350 {width: 350px;}
.acm-400 {width: 400px;}
.acm-450 {width: 450px;}
.acm-500 {width: 500px;}
.acm-550 {width: 550px;}
.acm-600 {width: 600px;}
.acm-700 {width: 700px;}
.acm-900 {width: 900px;}
@media only screen and (max-width:600px) 
{
  	[class*="acm-"] {
	width: 100%;
	}
}
.autocomplete-items {
  position: absolute;
  border: 1px solid green;
  max-height:400px;
  overflow-x:hidden;
  overflow-y:auto;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4; 
  color:brown;
  font-family: arial;
	font-size:12px;
	font-weight:bolder;
}
.autocomplete-items div:hover {
  background-color: yellow;
}
.autocomplete-active {
  /*background-color: #e9e9e9 DodgerBlue !important;*/
  background-color: yellow !important;
  color: #fff;
}
/*Modal box styles*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}
@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/* The Close Button */
.mclose {
  color: white;
  float: right;
  font-size: 20px;
}
.mclose:hover,
.mclose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-body {padding: 2px 16px;}
.batch-modalbg {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
[class*="modwin-"] {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
} 
.modwin-25 {width: 25%;}
.modwin-40 {width: 40%;}
.modwin-50 {width: 50%;}
.modwin-60 {width: 60%;}
.modwin-75 {width: 75%;}
.modwin-90 {width: 90%;}
.modwin-95 {width: 95%;height:95%;}
.batch-modal-header,.batch-modal-footer
{
  padding: 5px;
  background-color: brown;
  font-family:arial;
  font-size:14px;
  color: white;
}
.batch-modal-body {padding: 1px;}
@font-face 
{
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../Includes/font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.material-icons 
{
  font-family: 'Material Icons';
  font-weight: bolder;
  font-style: normal;
  font-size: 15px;
  color:#ff00bf;		/*#009999;*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align:bottom;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.topnav {
  overflow: hidden;
  background-color: #ffce41;
}
.topnav a {
  float: left;
  display:block;
  color: red;
  text-align: center;
  padding: 1px 16px;
  text-decoration: none;
  font-size: 15px;
  font-weight:bolder;
}
.topnav a:hover {
  background-color: #04AA6D;
  color: white;
}
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}
.topnav .icon {
  display: none;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
/*
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  text-align:center;
  width:25%;
  height:37%;
}
.card3 {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  text-align:center;
  width:33%;
  height:40%;
}
@media only screen and (max-width: 650px) 
{
  .card {width: 100%;}
  .card3 {width: 100%;}
}
.card:hover {
  box-shadow: 0 10px 20px 0 rgba(0,256,0,0.9);
}*/

/*Toggle Switch Styles*/
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
  margin : 3px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  top: 2px;
  right:2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  /*background-color: #2196F3;*/
  background-color: #701705;
}

input:focus + .slider {
  box-shadow: 0 0 5px #701705;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*End of Toggle switch styles*/
.org-mode {
  /*background-color: #fffdc0;*/
 background-image: url(../Images/easybg.jpg);
}