@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


body
{
	/*background: rgba(201, 213, 218, 1);*/
	background: #e7e7e7; 
	color: rgb(0,0,0);
	font-family: "Open Sans", sans-serif;
}




th{
	font-weight: 400;
}

button{
	border-style: hidden;
}


.container {
  background-color: #ffffff;
  padding: 10px;
  margin: 10px;
  border-radius: 7px;
}


.shadow {
  box-shadow: -2px 3px 3px 0px #a9a9a945;
  border-style: solid;
  border-width: 1px;
  border-color: #d4d4d4;

}


.blueText {
	color: #0174e4;
	font-weight: 600;
}

.greenText {
	color: #007d00;
	font-weight: 600;
}

.redText {
	color: red;
	font-weight: 600;
}

.blackText {
	color: black;
	font-weight: 600;
}


.todoalerts{
	height:180px;
	width:350px;
	float:right;
	overflow: scroll;
	overflow-x: hidden;
	background-color: #757575;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.todoContainerH {
	position:relative;

	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	display: inline-block;
	margin:3px;
	background-color:#abb1bb;
}

.todoContainer {
	position:relative;

	display: inline-block;
	margin:3px;
	background-color:#c4d8ec;
}

.todolH{
	width:31px;
	
	display:inline-block;
	padding:3px;
	float:left;
	
}

.todomH{
	width: 338px;
	
	display:inline-block;
	padding:3px;
	float:left;
	text-align:center;
	font-size:1.5em;
	font-weight:400;
	
}



.todorH{
	width:31px;
	
	display:inline-block;
	padding-right:10px;
	float:right;

	
}

.todol{
	width:301px;
	
	display:inline-block;
	padding:3px;
	float:left;
	
}


.todor{
	width:31px;
	
	display:inline-block;
	padding:3px;
	float:right;
	
}

.todo i{
	padding: 3px;
	font-size: 1.5em;
	cursor: pointer;
	color:#000;
	
}

.todor i{
	padding: 3px;
	font-size: 1.5em;
	cursor: pointer;
	color:#8a0000;
	
}

.todoR{
	padding: 3px;
	
}



.todorH i{
	padding: 3px;
	font-size: 1.5em;
	cursor: pointer;
	color:#078a12;
	
}

.fr{
	float:right;
}
.todoP {
	padding: 3px;
	
}

.alertsContainerH {
	border-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	display: inline-block;
	margin:3px;
	background-color:#FF6666;
}

.alertsContainer {
	border-radius: 5px;

	display: inline-block;
	margin:3px;
	background-color:#FF6666;
}

.alertslH{
	position:relative;
	display:inline-block;
	padding:3px;
	color:#000;
	width:31px;
	float:left;
	
}

.alertsmH{
	position:relative;
	display:inline-block;
	padding:3px;
	color:#000;
	width:264px;
	float:left;
	text-align:center;
	font-size:1.5em;
	font-weight:400;
	
}

.alertsrH{
	position:relative;
	display:inline-block;
	padding:3px;
	color:#000;
	width:31px;
	float:left;
	
}



.alertsl{
	position:relative;
	display:inline-block;
	padding:3px;
	color:#000;
	width:301px;
	float:left;
	
}


.alertsr{
	position:relative;
	display:inline-block;
	padding:3px;
	color:#000;
	width:31px;
	float:right;
	
}


.alerts i{
	padding: 3px;
	font-size: 1.5em;
	cursor: pointer;
	color:#000;
	
}

.alertsr i{
	padding: 3px;
	font-size: 1.5em;
	cursor: pointer;
	color:#000000;
	
}
/* unvisited link */
a.edit:link {
    color: black;
}

/* visited link */
a.edit:visited {
    color: black;
}

/* mouse over link */
a.edit:hover {
    color: blue;
}

/* selected link */
a.edit:active {
    color: black;
}


a.set:link {
    color: black;
    text-decoration: none;
}

/* visited link */
a.set:visited {
    color: black;
    text-decoration: none;
}

/* mouse over link */
a.set:hover {
    color: lightblue;
    text-decoration: none;
}

/* selected link */
a.set:active {
    color: lightblue;
    text-decoration: none;
}


.alt tr:nth-child(even) {
	background: #F3F3F3;
}
.alt tr:nth-child(odd) {
	background: #FFF;
}

.alt2 tr:nth-child(even) {
	background: #F3F3F3;
}
.alt2 tr:nth-child(odd) {
	background: #FFF;
}

.alt3 tr:nth-child(even) {
	background: lightyellow;
	
}
.alt3 tr:nth-child(odd) {
	background: #f5f5d5;
	
}
th,tr,td {
	padding: 4px;
}

th {
	font-size: 1.1em;
}


table td.totalsl {
	text-align:left;
	border-top: thin solid;
	
}

table td.totalsr {
	text-align:right;
	border-top: thin solid;
	
}

table td.totalsn {
	text-align:right;
	
	
}


.login1Button {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:27px;
	font-weight:bold;
	padding:12px 44px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
    top: 200px;
}
.login1Button:hover {
	background-color:#eb675e;
}
.login1Button:active {
	position:relative;
	top:1px;
}


.login2Button {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:27px;
	font-weight:bold;
	padding:12px 44px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
    top: 350px;
}
.login2Button:hover {
	background-color:#eb675e;
}
.login2Button:active {
	position:relative;
	top:1px;
}
.wrapper {
    text-align: center;
}

  table.center {
    margin-left:auto; 
    margin-right:auto;
  }

.logoutButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:1em;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;

}
.logoutButton:hover {
	background-color:#eb675e;
}

.settingsButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:1em;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;

}
.settingsButton:hover {
	background-color:#eb675e;
}

.adenButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:1em;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;

}
.adenButton:hover {
	background-color:#eb675e;
}



.greenButtons {

	background-color:#C6FCCA;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	display:inline-block;
	cursor:pointer;
	color:#000;

	font-size:.9em;
	padding:4px 4px;
	text-decoration:none;
	

}
.greenButtons:hover {
	background-color:#AAD9AE;
	color:#ffffff;
}



.estimateButtonsd {

	background-color:#F0ACB9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	display:inline-block;
	cursor:pointer;
	color:#000;

	font-size:.9em;
	padding:4px 4px;
	text-decoration:none;
	

}
.estimateButtonsd:hover {
	background-color:#C97F8D;
	color:#ffffff;
}
.myclientButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:1em;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;

}
.myclientButton:hover {
	background-color:#eb675e;
}


fieldset {
    border: 0;
}



.yellowButton {
	margin:4px;
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;

	font-size:1em;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.yellowButton:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.yellowButton:active {
	position:relative;
	top:1px;
}

.greenButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:1em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.greenButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.greenButton:active {
	position:relative;
	top:1px;
}

.homeButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:1em;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;

}
.homeButton:hover {
	background-color:#eb675e;
}


.greyButton {
	-moz-box-shadow:inset 0px 1px 3px 0px #b7ccc9;
	-webkit-box-shadow:inset 0px 1px 3px 0px #b7ccc9;
	box-shadow:inset 0px 1px 3px 0px #b7ccc9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c7c7c7), color-stop(1, #d6d9d9));
	background:-moz-linear-gradient(top, #c7c7c7 5%, #d6d9d9 100%);
	background:-webkit-linear-gradient(top, #c7c7c7 5%, #d6d9d9 100%);
	background:-o-linear-gradient(top, #c7c7c7 5%, #d6d9d9 100%);
	background:-ms-linear-gradient(top, #c7c7c7 5%, #d6d9d9 100%);
	background:linear-gradient(to bottom, #c7c7c7 5%, #d6d9d9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#d6d9d9',GradientType=0);
	background-color:#c7c7c7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d2faed;
	display:inline-block;
	cursor:pointer;
	color:#718277;

	font-size:1em;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #76f0de;
}



.dropbtn {
	display: inline-block;
	background: #93c0f6;
	background-image: -webkit-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -moz-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -ms-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -o-linear-gradient(top, #93c0f6, #1362c1);
	background-image: linear-gradient(to bottom, #93c0f6, #1362c1);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #385bbf;
	/* -webkit-box-shadow: inset 0px 1px 3px #666666; */
	/*-moz-box-shadow: inset 0px 1px 3px #666666;*/
	/* box-shadow: inset 0px 1px 3px #666666; */
	color: #fff8c5;
	font-size: 1em;
	padding: 6px 16px 9px 16px;
	text-decoration: none;   
    cursor: pointer;
}

.dropbtn2 {
	display: inline-block;
	background: #93c0f6;
	background-image: -webkit-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -moz-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -ms-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -o-linear-gradient(top, #93c0f6, #1362c1);
	background-image: linear-gradient(to bottom, #93c0f6, #1362c1);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #385bbf;
	/* -webkit-box-shadow: inset 0px 1px 3px #666666; */
	/*-moz-box-shadow: inset 0px 1px 3px #666666;*/
	/* box-shadow: inset 0px 1px 3px #666666; */
	color: #fff8c5;
	font-size: 1em;
	padding: 6px 16px 9px 16px;
	text-decoration: none;   
    cursor: pointer;
}

.dropbtn3 {
	display: inline-block;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 3px;
	border: 1px solid #385bbf;
	/* -webkit-box-shadow: inset 0px 1px 3px #666666; */
	/*-moz-box-shadow: inset 0px 1px 3px #666666;*/
	/* box-shadow: inset 0px 1px 3px #666666; */
	font-size: 1em;
	text-decoration: none;   
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown2 {
	float:right;
    position: relative;
    display: inline-block;
}
.dropdown3 {
	float:right;
    position: relative;
    display: inline-block;
}
.dropdown4 {
	margin: 0 auto;
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
}
.dropdown2-content {
	right: 10px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
}
.dropdown3-content {
	right: 10px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
}
.dropdown4-content {
	right: -30px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
}
.dropdown-content a {
    color: #545454;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown2-content a {
	font-size: .9em;
    color: #545454;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown3-content a {
	font-size: .9em;
    color: #545454;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown4-content a {
	font-size: .9em;
    color: #545454;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown2-content a:hover {background-color: #f1f1f1}
.dropdown3-content a:hover {background-color: #f1f1f1}
.dropdown4-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #E49892;
}

.dropdown2:hover .dropdown2-content {
    display: block;
}
.dropdown3:hover .dropdown3-content {
    display: block;
}

.dropdown4:hover .dropdown4-content {
    display: block;
}

.dropbtnr {
    background-color: #ADD8E6;
    color: #666;
    padding: 6px 16px 9px 16px;
    border-radius: 5px;
    font-size: 1em;
    border: none;
    cursor: pointer;
}
.dropbtnr:hover {
    background-color: #CCE1E7;

}


.dropbtnd {
    background-color: #e4685d;
    color: #FFF;
    padding: 6px 16px 9px 16px;
    border-radius: 5px;
    font-size: 1em;
    border: none;
    cursor: pointer;
}
.dropbtnd:hover {
    background-color: #CCE1E7;

}

.itemButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #ff7475;
	-webkit-box-shadow:inset 0px 39px 0px -24px #ff7475;
	box-shadow:inset 0px 39px 0px -24px #ff7475;
	background-color:#ea6b6c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

	display:inline-block;
	cursor:pointer;
	color:#272727;

	font-size:1em;
	padding:6px 1em;
	text-decoration:none;
	

}
.itemButton:hover {
	-moz-box-shadow:inset 0px 39px 0px -24px #ea6b6c;
	-webkit-box-shadow:inset 0px 39px 0px -24px #ea6b6c;
	box-shadow:inset 0px 39px 0px -24px #ea6b6c;
	background-color:#ff7475;
}



.nav {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	/*padding: .3em .4em;*/
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	/*margin-bottom: .5em;*/
	cursor: pointer;
	font-family: 'Cairo', sans-serif;
	font-weight: 700;

}
.nav:hover {
	transform: scale(1.05) perspective(1px);
	-webkit-box-shadow: -2px 2px 8px 2px rgba(0,0,0,0.15); 
box-shadow: -2px 2px 8px 2px rgba(0,0,0,0.15);

}
.navBotSml {
	padding-bottom: .5em;
}
.navSmaller {
	padding:3px;
}

.greenHigh{
	color: #000000;
    background: #afffb6;
    padding: 0 3px 0 3px;
}
.redHigh{
	color: #000000;
    background: #ff7e7e;
    padding: 0 3px 0 3px;
}

/* green */
.green {

    color: #383838;
    border: solid 1px #0000000a;
    background: #7edfc1;

}

.green:hover {

    color: #383838;
    border: solid 1px #0000000a;
    background: #7edfc1;

}

/* blue */
.blue {

    color: #1d1d1d;
    border: solid 1px #0000001c;
    background: #86b4ea;

}

.blue:hover {

    color: #1d1d1d;
    border: solid 1px #0000001c;
    background: #b6d1f0;
}

.orange {

    color: #2c2c2c;
    border: solid 1px #0000001c;
    background: #fff0c5;

}

.orange:hover {

    color: #2c2c2c;
    border: solid 1px #0000001c;
    background: #fff0c5;

}



.red {
    color: #1c1b1b;
    border: solid 1px #0000001f;
    background: #ff8a7c;
}

.red:hover {

    color: #1c1b1b;
    border: solid 1px #0000001f;
    background: #ff8a7c;
}

.white {
    color: #000;
    border: solid 1px #53d2dc8c;
    background: #ffffff;
}

.white:hover {

    color: #000;
    border: solid 1px #53d2dc8c;
    background: #ffffff;
}
.offwhite {
    color: #000;
    border: solid 1px #2d30a1;
    background: #c2d6e3;
}
.offwhite:hover {

    color: #000;
    border: solid 1px #53d2dc8c;
    background: #ffffff;
}
.itemButtonm {
	-moz-box-shadow:inset 0px 39px 0px -24px #5FEE9A;
	-webkit-box-shadow:inset 0px 39px 0px -24px #5FEE9A;
	box-shadow:inset 0px 39px 0px -24px #5FEE9A;
	background-color:#5BE494;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

	display:inline-block;
	cursor:pointer;
	color:#000;

	font-size:1em;
	padding:6px 1em;
	text-decoration:none;
	

}
.itemButtonm:hover {
	background-color:#59DE90;
}



/*.nav {
	display: inline-block;
	background: #93c0f6;
	background-image: -webkit-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -moz-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -ms-linear-gradient(top, #93c0f6, #1362c1);
	background-image: -o-linear-gradient(top, #93c0f6, #1362c1);
	background-image: linear-gradient(to bottom, #93c0f6, #1362c1);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 20px;
	border: 1px solid #385bbf;*/
	/* -webkit-box-shadow: inset 0px 1px 3px #666666; */
/*	-moz-box-shadow: inset 0px 1px 3px #666666;*/
	/* box-shadow: inset 0px 1px 3px #666666; */
/*	color: #fff8c5;
	font-size: 1em;
	padding: 6px 16px;
	text-decoration: none;  */ 
/*}*/

/*.nav:hover {
  background: #1362c1;
  background-image: -webkit-linear-gradient(top, #1362c1, #93c0f6);
  background-image: -moz-linear-gradient(top, #1362c1, #93c0f6);
  background-image: -ms-linear-gradient(top, #1362c1, #93c0f6);
  background-image: -o-linear-gradient(top, #1362c1, #93c0f6);
  background-image: linear-gradient(to bottom, #1362c1, #93c0f6);
  cursor:pointer;
  text-decoration: none;
}*/


.vnav {
  display: inline-block;
  background: #f2f2f2;
  /*
  background-image: -webkit-linear-gradient(top, #ffffff, #2b6a94);
  background-image: -moz-linear-gradient(top, #ffffff, #2b6a94);
  background-image: -ms-linear-gradient(top, #ffffff, #2b6a94);
  background-image: -o-linear-gradient(top, #ffffff, #2b6a94);
  background-image: linear-gradient(to bottom, #ffffff, #2b6a94);
  */
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;

  color: #000;
  font-size: 1em;
  padding: 6px 16px 6px 16px;
  text-decoration: none;
}


.action {
  display: inline-block;
  background: #63c8ff;
  background-image: -webkit-linear-gradient(top, #63c8ff, #2b6a94);
  background-image: -moz-linear-gradient(top, #63c8ff, #2b6a94);
  background-image: -ms-linear-gradient(top, #63c8ff, #2b6a94);
  background-image: -o-linear-gradient(top, #63c8ff, #2b6a94);
  background-image: linear-gradient(to bottom, #63c8ff, #2b6a94);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  border:1px solid #ffffff;
  -webkit-box-shadow:inset 0px 1px 3px #666666;
  -moz-box-shadow:inset 0px 1px 3px #666666;
  box-shadow:inset 0px 1px 3px #666666;
  color: #ffffff;
  font-size: .8em;
  padding: 4px 12px 7px 12px;
  text-decoration: none;
}


.action:hover {
  background: #aadefa;
  background-image: -webkit-linear-gradient(top, #aadefa, #487491);
  background-image: -moz-linear-gradient(top, #aadefa, #487491);
  background-image: -ms-linear-gradient(top, #aadefa, #487491);
  background-image: -o-linear-gradient(top, #aadefa, #487491);
  background-image: linear-gradient(to bottom, #aadefa, #487491);
  cursor:pointer;
  text-decoration: none;
}



.navSmall {
/*  display: inline-block;
  background: #63c8ff;
  background-image: -webkit-linear-gradient(top, #63c8ff, #2b6a94);
  background-image: -moz-linear-gradient(top, #63c8ff, #2b6a94);
  background-image: -ms-linear-gradient(top, #63c8ff, #2b6a94);
  background-image: -o-linear-gradient(top, #63c8ff, #2b6a94);
  background-image: linear-gradient(to bottom, #63c8ff, #2b6a94);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  border:1px solid #ffffff;
  -webkit-box-shadow:inset 0px 1px 3px #666666;
  -moz-box-shadow:inset 0px 1px 3px #666666;
  box-shadow:inset 0px 1px 3px #666666;
  color: #ffffff;*/
  font-size: .8em;
  padding: 4px 12px 6px 12px;
/*  text-decoration: none;*/
}

/*.navSmall:hover {
  background: #aadefa;
  background-image: -webkit-linear-gradient(top, #aadefa, #487491);
  background-image: -moz-linear-gradient(top, #aadefa, #487491);
  background-image: -ms-linear-gradient(top, #aadefa, #487491);
  background-image: -o-linear-gradient(top, #aadefa, #487491);
  background-image: linear-gradient(to bottom, #aadefa, #487491);
  cursor:pointer;
  text-decoration: none;
}*/


.vnavSmall {
  display: inline-block;
  background: #f2f2f2;
  /*
  background-image: -webkit-linear-gradient(top, #ffffff, #2b6a94);
  background-image: -moz-linear-gradient(top, #ffffff, #2b6a94);
  background-image: -ms-linear-gradient(top, #ffffff, #2b6a94);
  background-image: -o-linear-gradient(top, #ffffff, #2b6a94);
  background-image: linear-gradient(to bottom, #ffffff, #2b6a94);
  */
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;

  color: #000;
  font-size: .8em;
  padding: 4px 12px 6px 12px;
  text-decoration: none;
}

/*
.names {
  font-size:.9em;
  margin: 3px;
  text-align: left;
  border-radius: 8px;
  padding:6px;
  background-color: #78B0F3;
  opacity: 0.8;

  
}
.names:hover {
  background-color: #78B0F3;
  opacity: 1;
  cursor: pointer;

}
*/



.names {
font-size:.9em;
/*    color: #ffffff;
    border: solid 1px #000;
    background: #74b2ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#74b2ff), to(#537bad));
    background: -moz-linear-gradient(top, #74b2ff, #537bad);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74b2ff', endColorstr='#537bad');*/
padding:6px;
margin: 3px;

}
/*.names:hover {
    background: #74b2ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#537bad), to(#499aff));
    background: -moz-linear-gradient(top, #537bad, #499aff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#537bad', endColorstr='#499aff');
}*/

.names2 {
  font-size:.9em;
  text-align: left;
  border-radius: 8px;
  padding:6px;
  background-color: #78B0F3;
  opacity: 0.8;
  border-style: none;

  
}
.names2:hover {
  background-color: #78B0F3;
  opacity: 1;
  cursor: pointer;

}


.enums {
  font-size:.9em;
  text-align: left;
  border-radius: 8px;
  padding:6px;
  background-color: #F3BB78;
  opacity: 0.8;
  margin: 3px;

}
.enums:hover {
  background-color: #F3BB78;
  opacity: 1;
  cursor: pointer;

}


.enums2 {
  color: #FFF;
  font-size:.9em;
  text-align: left;
  border-radius: 8px;
  padding:6px;
  background-color: #6295E6;
  opacity: 1;

}
.enums2:hover {
  background-color: #5480C5;
  opacity: 1;
  cursor: pointer;

}


.enums3 {
	margin: 3px;
  color: #000;
  font-size:.9em;
  text-align: left;
  border-radius: 8px;
  padding:6px;
  background-color: #FCFFBF;
  opacity: 0.8;

}
.enums3:hover {
  background-color: #FCFFBF;
  opacity: 1;
  cursor: pointer;

}


.fBar {
	width: 100%;
	display:inline-block;
	margin-top: 13px;
	margin-bottom: 13px;
/*	margin-left: 5px;
	margin-right: 5px;*/
/*	margin-right: 10px;
	padding: 5px;*/
	background-color: #F3BB78; 
	border-radius: 8px;
}

.fBar2 {
	width: 100%;
	color: #FFF;
	display:inline-block;
	margin-top: 13px;
	margin-bottom: 13px;
/*	margin-left: 5px;
	margin-right: 5px;*/
/*	margin-right: 10px;
	padding: 5px;*/
	background-color: #48728b; 
	border-radius: 8px;
}

.fade {
  opacity: 0.8;

}
.fade:hover {
  opacity: 1;

}

tr.border-top td {
  border-top-style: solid;
  border-width: 1px;
  border-color: black;
}

.onoffswitch {
    position: relative; width: 74px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 14px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px;
    font-size: 14px; color: white;  font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 8px;
    background-color: #3CF04A; color: #000000;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 8px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 10px; margin: 3px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 54px;
    border: 2px solid #999999; border-radius: 14px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}



/*//////////// ACCOUNT.PHP //////////////*/

.headerPricesDiv {


	margin: 1%;
	width:46%;
	display:inline-block;
	float:left;

}
.headerPrices {

	width: 100%;
    background-color: #012a421f;
}

.headerPrices tr {
	background: (255,255,255, 0);
}
.tdleft{

 display:inline-block;
  width: 48%;
 float:left;
 text-align: right;
 padding: 2px;
}

.tdright{

 display:inline-block;
 width: 48%;
 float:left;
 text-align: right;
 padding: 2px;
}

.btdleft{
 display:inline-block;
  width: 48%;
 float:left;
 text-align: right;
 padding: 2px;
 /*border-bottom:1pt solid #000;*/
}

.btdright{
 display:inline-block;
 width: 48%;
 float:left;
 text-align: right;
 padding: 2px;
/* border-bottom:1pt solid #000;*/
}

.headerPrices .btmbrdr{
    border-bottom: 1pt solid #7b8f9b;
    /* border-color: #000; */
}

.help{
	z-index: 9999;
	display: inline-block;
	position: fixed;
	right: 0;
	bottom: 0;
	margin-bottom: 10px;
	padding: 2px;
	cursor: pointer;
}

#settingsModal {
	width: 50%;
	z-index: 9999;
	color: #fff;
	background-color: #333c43;
	display: none;
	padding: 20px;
 	position: fixed;
  	top: 50px;
	margin-left: 25%;
	margin-right: 25%;
}


#settingsModal a{
	  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  display: inline-block;
  transition: 0.3s;
}


#insertModal {
    width: 90%;
    z-index: 1;
    color: #91a1ab;
    background-color: #333c43;
    display: none;
    padding: 20px;
    position: fixed;
    left: 3%;
    top: 100px;
    text-align: center;
    margin: 2%;
/*  	transform: translate(-50%, -50%);*/
}

#uploadModal {
    width: 40%;
    z-index: 1;
    color: #91a1ab;
    background-color: #333c43;
    display: none;
    padding: 20px;
    position: fixed;
    left: 30%;
    top: 100px;
    text-align: left;
    margin: 2%;
/*  	transform: translate(-50%, -50%);*/
}



#insertModal2 {
	margin: 0 auto;
	width: 100%;
	z-index: 9999;
	color: #91a1ab;
	background-color: #333c43;
	display: none;
	padding: 20px;
}
#sectionModal {
    width: 50%;
    z-index: 1;
    color: #91a1ab;
    background-color: #333c43;
    display: none;
    padding: 20px;
    position: fixed;
    left: 25%;
    top: 100px;
    text-align: center;
    margin: 2%;
}


#templateModal {
    width: 50%;
    z-index: 1;
    color: #91a1ab;
    background-color: #333c43;
    display: none;
    padding: 20px;
    position: fixed;
    left: 25%;
    top: 100px;
    text-align: center;
    margin: 2%;
}

#loadTemplateModal {
    width: 50%;
    z-index: 1;
    color: #91a1ab;
    background-color: #333c43;
    display: none;
    padding: 20px;
    position: fixed;
    left: 25%;
    top: 100px;
    text-align: center;
    margin: 2%;
}



.fabutton {
    background: none;
    padding: 4px;
    border: none;
} 


.pgreen {
	color: #54b37a;
}

.pyellow {
	color: #fff2b3;
}

.pred {
	color: #ff7575;
}

.pblack {
	color: #000;
}

.pgrey {
	color: #787878;


}


div.fafafa {
    background-color: #ffffff;
    min-width: 97%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    box-shadow: -2px 3px 7px 0px #a9a9a9
}

div.ebebeb {
    background-color: #ffffff;
    min-width: 97%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    box-shadow: -2px 3px 7px 0px #a9a9a9
}



.clients td {
	padding: .4em 1em .4em 1em;
}