.white{color:#fff;}.black{color:#000;}.red{color:#ff0000;}.green{color:Green;}
.fnt8 {font-size:8px !important;}.fnt10 {font-size:10px;}.fnt11 {font-size:11px;}.fnt12 {font-size:12px;}.fnt14 {font-size:14px;}.fnt16 {font-size:16px;}
.hand{cursor:pointer;}.hide{display:none;}.undl {border-bottom:1px solid #2d488b;}
input[type="checkbox"], input[type="radio"], select {cursor:pointer;} input, textarea {padding-left:2px;} textarea {font-family: 'Open Sans', arial, sans-serif;}
.valid_box{font-size:14px; clear:both;background:url(images/valid.png) no-repeat left #edfce9;border:1px #cfcfcf solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 0px 0;color:#333;}
.error_box{font-size:14px; clear:both;background:url(images/error.png) no-repeat left #fce9e9;border:1px #cfcfcf solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 0px 0;color:#333;}
.warning_box{font-size:14px; clear:both;background:url(images/warning.png) no-repeat left #feefb3;border:1px #cfcfcf solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 0px 0;color:#333;}
a, a:visited, a:focus, a:active, a:hover{outline:0 none !important;} /* color: #ff2e44; */
.validate{font-size:10px !important;color:#ff0000;}
.listbox{font-size:11px;}
table.listboxcb {background:#fff;border:1px solid #2d488b;font-size:11px;}
table.listboxcb tr td {text-align:left;margin:2px;padding:2px 0px 0px 5px;}
table.listboxcb tr td label {cursor:pointer;}
table.listboxcb tr td label::after {content: '';}
table.listboxcb tr td input[type="checkbox"] {position:relative;margin-right:5px;top:3px;}
.theme{color:#2d488b;} .prel{position:relative;}
.t13{top:13px;}.mt7{margin-top:7px;}.pt7{padding-top:7px;}
.timeTb{width:50px;padding:2px;text-align:center;font-size:13px;}
.logobdr{border:1px solid #2d488b;padding:1px;}
.bodyMinH{min-height:500px;} .dbicon{position:relative;top:-15px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:none;}
.au-btn--green:focus{border:1px solid #2d488b;} a:focus{text-decoration:underline;}
.stfrpt-btnsettlement{position:relative;left:-50px;top:-8px;} .stfrpt-btnoffdays{position:relative;left:-70px;top:-8px;} .stfrpt-btnpaidleaves{margin-top:12px;}
.ml5{margin-left:15px;} .ml15{margin-left:15px;} .ml30{margin-left:30px;}
input[type="text"], input[type="password"], select, textarea, span.select2 {border:1px solid #2d488b !important;}
.fas{color:#2d488b;}.ucase{text-transform:uppercase;}
.onlyMobile {display:none;}
.fl{float:left;}.fr{float:right;}
ul.smallfnt li a {font-size:12px !important;color:#2d488b !important;font-weight:bold;}
/* ***************** staff.aspx ***************** */
.skltbs-panel input[type="text"] {margin-bottom:6px;}
.skltbs-panel select {margin-bottom:6px;}
.skltbs-panel .bgred {font-weight:bold;background:#ff0000;color:white;}
.skltbs-panel .rtlbl {width:95%;text-align:right;}
.bdr1px{border:1px solid #000;}
.bdr1pxg{border:1px solid #cfcfcf;}
.bdr2pxw{border:2px solid #fff !important;}
.bgsilver{background:Silver !important;}
.bggray{background:#F2F2F2 !important;}
.wd100{width:100%;}
.rd{color:#DC2E33;}
.rel{position:relative;}
.tal{text-align:left !important;}
.fxdh div{border:0px solid #000;height:30px;}
.fxdh .twox{height:60px !important;}
.fxdh .threex{height:90px !important;}
.fxdh .fourx{height:120px !important;}
.fxdh .sixx{height:180px !important;}
.cal{left:-20px;top:-1px;}
.top2x{top:2px !important;}
.imgtt{top:-1px !important;width:13px;}
input[type="checkbox"] {position:relative;top:2px !important;}
.ml10{margin-left:10px;}.ml7{margin-left:7px;}
/* ************************************************ */
@media (max-width:640px) and (min-width:320px) {
.onlyMobile {display:block;}
}
@media (max-width: 767.98px) {
.stfrpt-btnsettlement{position:relative;left:0px;top:0px;} .stfrpt-btnoffdays{position:relative;left:0px;top:0px;} .stfrpt-btnpaidleaves{margin-top:0px;}
.ml5{margin-left:0px;} .ml15{margin-left:0px;} .ml30{margin-left:0px;}
.onlyMobile {display:block;}
}
.gradient {
background: repeating-linear-gradient(
45deg,
#fff 0%,
#2d488b 100%
);
}
/* jquery2dotnet.com/2015/11/html-table-row-blink-background-color.html 
jsfiddle.net/lesson8/qhxk50fk/ */
@-webkit-keyframes blink {
50% {
background: rgba(251, 117, 117, 0.5);
}
}
@-moz-keyframes blink {
50% {
background: rgba(251, 117, 117, 0.5);
}
}
@keyframes blink {
50% {
background: rgba(251, 117, 117, 0.5);
}
}
.blink {
-webkit-animation-direction: normal;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: blink;
-webkit-animation-timing-function: linear;
-moz-animation-direction: normal;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-name: blink;
-moz-animation-timing-function: linear;
animation-direction: normal;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-name: blink;
animation-timing-function: linear;
}
@media (max-width: 991px) {
.header-desktop {position: relative;top: 0;left: 0;height: 50px;}
.onlyMobile {display:block;}
}
/* ***************** admin panel ***************** */
.theme-btn{background-color:#f67d4a;color:#fff;font-weight:700;padding:10px;border-radius:0;display:inline-block;transition:all .3s;border:1px solid #fff;}
.theme-btn:hover{background-color:#fb6728;}
.theme-btn:hover{color:#fff;text-decoration:none;}
div.pagination {
width:100%;
clear:both;
padding:10px 0 10px 0;
margin:0px;
text-align:left;
float:left;
clear:both;
font-size:11px;
}
div.pagination a {
padding: 7px 10px 7px 10px;
margin-right: 2px;
border: 1px solid #505050;
text-decoration: none; 
color: #505050;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #505050;
color: #fff;
background-color: #f67d4a;
cursor:pointer;
}
div.pagination span.current {
padding: 7px 10px 7px 10px;
margin-right: 2px;
border: 1px solid #505050;
font-weight: bold;
background-color: #f67d4a;
color: #FFF;
}
div.pagination span.disabled {
padding: 7px 10px 7px 10px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}