*{font-family:avenir,'Lato',sans-serif;margin:0px;color:#222;}
html{height:100%;}
body .env { padding: 15px 0px 15px 0px; background-color: #c7371b; text-align:center; color: #ffd8ea; letter-spacing: 1em; font-size: 13px; text-transform: uppercase; border-bottom:2px solid red;}

#container{background-color:#efefef;}
#main { overflow: hidden; padding: 10px 20px 0px 20px;background-color:#efefef;}

#about-client{font-size:13px!important;font-weight:normal!important;font-style:italic;color:#666;}
.approve-admin{color:#4bc261;display:inline-block;margin-top:10px;padding:0px 4px;}
.b{font-weight:bold;}
.btn2{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#4b8fbd;color:white!important;font-weight:normal!important;padding:8px 15px;text-decoration:none!important;display:inline-block;margin-right:10px;}
.btn2:hover {background-color:#74b2dc;}
.btn3{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#888!important;font-weight:normal!important;text-decoration:none!important;border:1px solid #888;padding:8px 15px;display:inline-block;margin-left:10px;}
.btn3:hover {border:1px solid #777;color:#666!important;background-color:#efefef;}
.btn-receipt{padding-left:20px;color:#4b8fbd;}
.btn-receipt:hover{text-decoration:none;}
.c{text-align:center;}
.chg-pw-link{font-size:14px;color:#4b8fbd;padding-left:15px;}
.clear{clear:both;}
.courier{font-family:courier,serif;}
.debug { border: 1px solid red; margin: auto; padding: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: pink; font-family: arial, serif; color: #800000; }
.errflash { /*clear: left; */background: #fef6f3; border: 1px solid #cd0a0a; color: #cd0a0a; text-align: left; font-size: 13px; font-weight: bold; height: 35px; line-height: 35px; margin: 5px 25px 10px 25px; padding-left: 30px; background-image: url('/img/alert.gif'); background-repeat: no-repeat; background-position: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; letter-spacing: 0.02em; }
.errflash b{color:#cd0a0a;}
.errormsg{color:#eb0707;}
.expired{display:block;font-size:14px;color:#555;}
.expired i{padding-left:5px;color:#999;}
.f14{font-size:14px!important;}
.flash{ background-color:#d3e6f3; margin:20px 50px 10px 50px; border:1px solid #7094ac;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;color:#1c5982;padding:10px 20px; }
.flash i{color:#1c5982;}
.gray{color:gray;}
.gray2 { color: #999!important; }
.hideSubmit { position: absolute; left: -9999px; width: 1px; height: 1px; }
.i50{width:50px!important;}
.i100{width:100px!important;}
.i200{width:200px!important;}
.i300{width:300px!important;}
.i400{width:400px!important;}
.i500{width:500px!important;}
.l{text-align:left;}
.link-blue{color:#4b8fbd;}
.nosidebar { padding: 25px 50px!important; }
.pl20{padding-left:20px;}
.blue-link{color:#4b8fbd;}
#reset-emp-pw{color:#4b8fbd;}
.search2 { font-size: 14px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #777; width: 210px; border: 1px solid silver; background-image: url(/img/search.png); background-position: 3px 7px; background-repeat: no-repeat; margin-top:5px;padding: 8px 12px 8px 25px; }
.vc-logo{width:200px;margin-top:10px;}
#verify-pad{height:500px;}
#warning{margin-left:50px;padding-bottom:15px;color:#ee0a0a;font-style:italic;}

#ccpa {width:90%!important;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:30px;}
#ccpa tr th{font-size:13px;}
#ccpa tr td{font-size:13px!important;}
#ccpa tr td:first-child{width:75%;}
#ccpa tr td:last-child{text-align:center;}
#ccpa tr:last-child td{border-bottom:0px!important;}
#hide-inactive{display:inline-block;margin-top:20px;margin-left:20px;background-color:#ddd;padding:3px 9px;}
#hide-inactive label{margin-left:8px;font-size:14px;}
#hide-inactive input[type=checkbox]{transform: scale(1.3);position:relative;top:-2px;}
.deny-admin{color:#f1133d;display:inline-block;margin-top:10px;padding:0px 4px;}
#deny table tr td b{font-weight:600;font-size:16px;display:block;}
#deny table tr td span{font-size:15px;font-style:italic;}
#deny table tr td textarea{border:1px solid gray;height:150px;padding:5px;font-family:avenir,'Lato',arial,sans-serif;font-size:16px;}

.edit-icon { font-size: 18px; color: #f90!important; }
.edit-icon i { font-size: 18px; color: #f90!important; }

#pagination{margin:20px 0px 20px 5px;line-height:35px;color:#555;}
#pagination a{color:#555;text-decoration:none;}
#pagination a:hover {text-decoration:underline;}
#pagination .btn{margin-top:10px;display:inline-block;padding:2px 15px;border:1px solid #666;margin-left:10px;background-color:#999;color:#efefef;font-size:16px;}
#pagination .fld{margin-top:10px;border:1px solid #c0c0c0;padding:10px 15px;font-size:16px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;letter-spacing:0.1em;width:500px;}
.norecs{font-size:20px!important;font-style:italic;text-align:center;padding:100px 0px!important;}

#quick-approve{width:600px;margin-left:auto;margin-right:auto;text-align:center;background-color:white;margin-top:100px;padding:100px;font-size:20px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#quick-approve h1{font-weight:normal;font-size:60px;padding-bottom:20px;}
#quick-approve h1 img{position:relative;top:8px;}
#quick-approve a{color:#4b8fbd;}

#login-page{background-color:white;background-image:url('/img/blue-bg.jpg');background-repeat:no-repeat;background-size:100% 100%;}
#login-page #container{background-color:white;width:500px;margin-left:auto;margin-right:auto;overflow:hidden;margin-top:100px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);padding-bottom:50px;}
#login-page #container #logo{width:85%;padding-bottom:10px;padding-top:30px;}
#login-page #frm{border:0px;text-align:center;}
#login-page #frm input[type=text]{border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:12px 15px 12px 70px;font-size:16px;color:#666;margin-top:25px;width:310px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#login-page #frm input[type=password]{border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:12px 15px 12px 70px;font-size:16px;color:#666;margin-top:25px;width:310px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#login-page #uname{ letter-spacing:0.08em;background-image: url(/img/uname.jpg); background-repeat: no-repeat; background-position: 15px 12px; background-size:46px;background-position:0;}
#login-page #password{ letter-spacing:0.47em;background-image: url(/img/lock.jpg); background-repeat: no-repeat; background-position: 15px 12px; background-size:46px;background-position:0;}
#login-page #button{text-transform:uppercase;background-color:#4b8fbd;color:white;display:block;width:367px;margin-left:auto;margin-right:auto;text-decoration:none;margin-top:30px;margin-bottom:20px;padding:20px 16px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;letter-spacing:0.15em;font-size:18px;}
#login-page #button:hover {background-color:#5ca2d2;}
#login-page #register{color:#4b8fbd;display:inline-block;float:left;margin-left:50px;text-decoration:none;}
#login-page #register:hover {text-decoration:underline;}
#login-page #forgot-pw{color:#999;display:inline-block;float:right;margin-right:50px;text-decoration:none;}
#login-page #forgot-pw:hover {text-decoration:underline;}
#login-page #container h1{font-weight:normal;font-size:48px;margin-bottom:15px;color:#444;margin-top:30px;}
#login-page #container h1 img{height:45px;padding-right:15px;position:relative;top:5px;}
#login-page #fpw-msg{color:#666;width:400px;margin-left:auto;margin-right:auto;}
#login-page #reset_email{background-image:url(/img/email.jpg);background-repeat:no-repeat;background-position:15px 12px;background-size:46px;background-position:0;} 
#login-page #account-type{margin:25px 0px;width:400px;margin-left:auto;margin-right:auto;}
#login-page #account-type b{color:#555;padding-right:20px;}
#login-page #account-type label{padding-left:3px;color:#666;padding-right:10px;}
#login-page #goback{color:#4b8fbd;text-decoration:underline;}
#login-page #goback:hover {text-decoration:none;}

#verifiers-billing .receipt{font-weight:normal;font-size:14px;padding:2px 5px;}
#verifiers-billing .receipt:hover {background-color:#4b8fbd;color:white;text-decoration:none;}

.button-row2{text-align:center;}
.button-row2 .button {border:1px solid #e5bb4d;display:inline-block;font-size:16px;background-color:#ffee9a;color:#444;margin-bottom:20px;text-decoration:none;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;letter-spacing:.05em;padding:15px 40px;}
.button-row2 .button:hover {background-color:#FDF7BE;}

#dlg_action #frm{border:0px;}
#dlg_action #frm table{border:0px;}
#dlg_action #frm table tr td{border:0px!important;}

#dlg_register{margin:10px 0px 50px 0px;}
#dlg_register div{color:#666;font-size:16px;padding-bottom:10px;float:left;width:48%;}
#dlg_register div h1{font-weight:normal;font-size:28px;color:black;padding-bottom:5px;}
#dlg_register a{width:80px;background-color:#5ca2d2;display:block;margin-top:10px;text-decoration:none;color:white;padding:10px 15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#dlg_register a:hover {background-color:#4b8fbd;}

#sidebar { float:left; width:250px; background-color: #efefef; color: #444; border-right: 1px solid silver; padding: 20px 20px 100px; }
#sidebar-search { font-size: 14px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #777; width: 210px; border: 1px solid silver; background-image: url(/img/search.png); background-position: 3px 7px; background-repeat: no-repeat; margin-bottom: 25px; padding: 8px 12px 8px 25px; }
#sidebar a { color: #666; font-size: 15px; text-decoration: none; letter-spacing: .02em; display: block; border-bottom: 1px solid #888; padding: 10px 10px 10px 30px; }
#sidebar h1{ font-weight:normal;color:#444;font-size:17px;color:#222; border-bottom:1px solid #c0c0c0;padding-bottom:5px;text-transform:uppercase;}
.with-sidebar{margin-left:10px!important;}
#sidebar .filter {margin-top:15px;margin-left:15px;}
#sidebar .filter h1{color:#777;text-transform:none;font-size:15px;font-weight:bold;border-bottom:none;}
#sidebar .filter p{margin-left:4px;}
#sidebar .filter label{font-size:14px;color:#555;margin-left:7px;}
#sidebar select{width:210px;border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;font-size:14px;padding:6px 9px;}
#sidebar .filters-toggle{display:none;}

.data-grid{border-collapse:collapse;width:100%;}
.data-grid th{background-color:#ccc;color:#666;padding:15px 25px;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}
.data-grid th a{color:#666;text-decoration:none;}
.data-grid th a:hover {text-decoration:underline;}
.data-grid th i{color:#666;}
.data-grid td{padding:20px;border-bottom:1px solid #c0c0c0;font-size:16px;color:#333;background-color:white;}
.data-grid td a { color: #4b8fbd; font-weight: 700; text-decoration: underline; }
.data-grid td a:hover { color: #6bacd8; }
.data-grid td .cname {font-size:18px;}
.data-grid td .note {display:block;color:#666;font-size:16px;}
.data-grid td .note2 {color:#777;display:block;font-size:15px;font-style:italic;font-weight:normal;padding-right:20px;}
.data-grid .alert span{display:block;color:red;margin-bottom:3px;}
.data-grid .alert input{margin-left:3px;}
.data-grid .alert label{color:#555;padding-left:3px;position:relative;top:2px;}
.data-grid #dob_month{width:25%;margin-right:5px}
.data-grid #dob_day{width:25%;margin-right:5px;}
.data-grid #dob_year{width:25%;}
.data-grid .alert-blue{/*background-color:#d3e6f3;color:#1c5982;*/font-size:15px!important;color:#186da6;font-style:italic;}
.data-grid .alert-blue i{/*color:#1c5982;*/padding-right:5px;color:#186da6;}
.data-grid .alert-blue .step2-alert{color:#186da6;}
.data-grid .rdo{margin-bottom:10px;}
.data-grid .rdo label{color:#444;padding-left:3px;}
.data-grid .rdo .cost{color:black;font-weight:bold;padding-left:5px;}
.data-grid .chk a{font-weight:normal;}
.data-grid h3{color:#666;font-weight:normal;}
.data-grid .and{margin-top:15px;margin-bottom:15px;font-size:16px;font-weight:bold;}
.data-grid h4{color:#555;text-transform:uppercase;font-size:14px;font-style:italic;padding-left:25px;display:inline-block;}
.data-grid #emp_msg{height:150px;}
.data-grid .narrow{width:30%!important;}

#verification .amt_type{color:#888;font-size:15px;}
#verification .amt_total{font-weight:bold;display:inline-block;padding-top:5px;font-size:18px;color:#555;}

#frm{border:1px solid #999;background-color:white;}
#frm input[type=text]{border:1px solid #c0c0c0;padding:12px 15px;font-size:18px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;letter-spacing:0.1em;width:500px;}
#frm input[type=password]{border:1px solid #c0c0c0;padding:12px 15px;font-size:18px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;letter-spacing:0.3em;width:500px;}
#frm textarea{border:1px solid #c0c0c0;padding:12px 15px;font-size:18px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;letter-spacing:0.1em;width:500px;}
#frm table{width:100%;}
#frm table tr th{background-color:#edf4fe;border-bottom:1px solid #89b4d3;border-top:1px solid #89b4d3;height:50px;color:#095f9e;}
#frm table tr td { border-bottom: 1px solid #e1e1e1!important; padding:20px 0px;font-size:17px;}
#frm table tr td:first-child { font-weight: bold; padding-left:20px;padding-right:5px;}
#frm table tr td:last-child { min-width: 60%; padding-right:20px;}
#frm table tr .note{color:#666;font-weight:normal;display:block;font-size:15px;}
#frm .buttons{text-align:left;}
#frm .button {border:1px solid #e5bb4d;display:inline-block;font-size:16px;background-color:#ffee9a;color:#444;margin-bottom:20px;text-decoration:none;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;letter-spacing:.05em;padding:15px 40px;font-weight:normal;}
#frm .button:hover {background-color:#FDF7BE;}
#frm .buttons .btn-gray{display:inline-block;margin-left:20px;padding:15px 25px;background-color:#efefef;border:1px solid #999;color:#555;text-decoration:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-weight:normal;}
#frm .buttons .btn-gray:hover {background-color:#ddd;}
#frm button {border:1px solid #e5bb4d;display:inline-block;font-size:16px;background-color:#ffee9a;color:#444;margin-bottom:20px;text-decoration:none;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;letter-spacing:.05em;padding:15px 40px;font-weight:normal;}
#frm button:hover {background-color:#FDF7BE;}
#frm select{width:530px;border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;font-size:18px;padding:12px 15px;}

#finch-link {border:1px solid #e5bb4d;display:inline-block;font-size:16px;background-color:#ffee9a;color:#444;margin-bottom:20px;text-decoration:none;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;letter-spacing:.05em;padding:15px 40px;font-weight:normal;}
#finch-link:hover {background-color:#FDF7BE;}

/*verify*/
#request-summary{font-weight:normal!important;}
#request-summary div{width:75%;padding-bottom:20px;padding-left:20px;}
#request-summary div p{display:none;}
#request-summary div b{color:#444;}
#request-summary h1{font-weight:normal;font-size:30px;color:#888;margin-bottom:10px;}
#request-summary img{/*height:80px;*/width:250px;float:right;}
#request-summary-warning{font-weight:normal;padding:10px 0px 20px 20px;overflow:hidden;}
#request-summary-warning i{color:#d00622;float:left;}
#request-summary-warning ul{float:left;}
#request-summary-warning ul li{color:#d00622;}
#verify-progress{text-align:center;margin:10px 0px;}
#verify-progress img{ width:40px;}
#verify-progress .bar{ height:auto;width:auto;}
#verify-hdr-on{background-color:#186da6;color:white;font-weight:normal!important;font-size:20px!important;}
.verify-hdr-off{background-color:#dde9f2!important;color:#3a83b3!important;font-weight:normal!important;font-size:18px!important;border-top:2px solid #accadf;}
.verify-hdr-off .edit{float:right;display:inline-block;}
.verify-hdr-off .edit i{color:#186da6;}
.verify-hdr-off .edit a{color:#186da6;font-weight:normal;text-decoration:none;font-size:16px;}
.verify-hdr-off #emp-name{float:right;margin-right:20px;font-size:14px;color:#186da6;font-weight:bold;margin-top:3px;}
.verify-hdr-off #emp-name i{color:#186da6;font-weight:normal;padding-left:5px;}
#verify-confirm{text-align:center;padding-bottom:50px;}
#verify-confirm img{}
#verify-confirm #h1{font-size:30px;display:block;}
#verify-confirm #h2{font-size:24px;display:block;color:#666;margin-top:20px;}
#verify-confirm p{padding-top:15px;font-size:18px;width:75%;margin-left:auto;margin-right:auto;line-height:1.8em;color:#555;}
#verify-confirm a{display:inline-block;margin-top:25px;border:1px solid #e5bb4d;background-color:#ffee9a;color:#444;text-decoration:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:15px 40px;font-weight:normal;}
#verify-confirm a:hover {background-color:#fdf7be;}
#verify-right{margin:0px 50px 100px;}
/*end*/

.ui-button-text{color:#2e6e9e;}
.ui-dialog .ui-dialog-title{color:white;font-weight:normal;}
.ui-dialog-buttonset .ui-button {color:#2e6e9e!important;}
.ui-widget-overlay { opacity: .65;filter:Alpha(Opacity=65); }

#header{background-color:#186da7;padding:0 20px;overflow:hidden;}
#header img{width:36px;float:left;margin-top:8px;margin-left:15px;}
#header .vm {color:#f2f9ff;float:left;font-style:italic;font-size:25px;letter-spacing:.1em;line-height:50px;padding:0px 0px 0px 15px;font-weight:normal;margin-top:2px;}
#header #top-menu {float:right;line-height:50px;padding-bottom:5px;}
#header #top-menu div{float:left;font-size:15px;letter-spacing:0.07em;margin-right:20px;margin-left:20px;}
#header #top-menu #navicon{display:none;}
#header #top-menu #navicon i{color:#9bc7e8;font-size:28px;}
#header a {text-decoration:none;color:#9bc7e8;}
#header a:hover {text-decoration:underline;}

.header-row{ overflow:hidden;}
.header-row h1{float:left;color:#333;font-weight:normal;font-size:42px;letter-spacing:0.05em;}
.header-row h1 span{color:#888;font-size:30px;}
.header-row a {float:right;}
.header-row .button {border:1px solid #e5bb4d;display:inline-block;font-size:16px;background-color:#ffee9a;color:#444;margin-bottom:20px;text-decoration:none;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;letter-spacing:.05em;padding:15px 40px;}
.header-row .button:hover {background-color:#FDF7BE;}
.header-row .filter{display:none;}

#header-links{float:right;margin:15px 10px 0px 0px;}
#header-links a{display:inline-block;padding:10px 20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-left:10px;text-decoration:none;background-color:#d0d0d0;font-size:15px;}
#header-links a:hover {background-color:#76afd5;color:white;}

#footer{ overflow:hidden; border-top:1px solid gray; padding:20px 50px; font-size:14px; }
#footer a{color:#777;display:inline-block;padding-left:20px;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .left{ float:left; color:#777; }
#footer .left span{color:#777;padding-left:10px;font-weight:bold;}
#footer .right{ float:right; color:#777; }

#mmenu {background-color: #186da7; padding: 0px 20px 0px 30px; border-bottom: 1px solid #186da7;overflow:hidden;}
#mmenu a{text-decoration:none;}
#mmenu .tab{ border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; float: left; display:block; border-top: 1px solid #5b94ba; border-left: 1px solid #5b94ba; border-right: 1px solid #5b94ba; height: 40px; line-height: 40px; font-size: 16px; letter-spacing: .08em; margin-right: 4px; padding: 0 25px; color:#f2f9ff;background-color:#4e8eb9;border-bottom:1px solid:#4e8eb9; }
#mmenu .tab:hover { background-color:#82b9dd;border-bottom: 1px solid #4b80a3; }
#mmenu .on { color: #186da7; background-color: #FFF; border-bottom: 1px solid #FFF; font-weight:bold;}
#mmenu .on:hover {background-color:#fff;border-bottom:1px solid #fff;}
#mm_logout{display:none!important;}

#dashboard-client{overflow:hidden;margin:0px 0px 200px 0px;width:97%;padding-right:5px;}
#dashboard-client .clear{clear:both;}
#dashboard-logo{float:right;height:60px;margin-right:40px;}
#dashboard-client #top{margin-top:20px;overflow:hidden;}
#dashboard-client #top-left{float:left;width:50%;}
#dashboard-client #top h1{color:#666;font-weight:normal;font-size:14px;padding:8px 0px 10px 10px;}
#dashboard-client #top h2{text-align:center;font-weight:normal;font-size:48px;color:#555;}
#dashboard-client #top-left #pending{border-top:5px solid #73bbeb;border-left:1px solid silver;border-right:1px solid silver;border-bottom:1px solid silver;background-color:white;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;float:left;width:49%;height:140px;}
#dashboard-client #top-left #emps{border-top:5px solid #c4d758;border-right:1px solid silver;border-left:1px solid silver;border-bottom:1px solid silver;background-color:white;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;float:right;width:49%;height:140px;}
#dashboard-client #top-left #pending i{color:#73bbeb;font-size:20px;padding-right:10px;position:relative;top:2px;}
#dashboard-client #top-left #emps i{color:#c4d758;font-size:20px;padding-right:10px;}
#dashboard-client #top-left span{color:#999;font-style:italic;float:right;display:inline-block;font-size:13px;padding-right:10px;}
#dashboard-client #top-right{float:right;width:49%;background-color:white;border-top:5px solid #71d089;border-right:1px solid silver;border-left:1px solid silver;border-bottom:1px solid silver;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;height:320px;}
#dashboard-client #top-right h2{font-size:54px;margin-top:15px;}
#dashboard-client #top-right h3{text-align:center;color:#999;font-weight:normal;font-size:24px;}
#dashboard-client #top-right p{color:silver;text-align:center;font-weight:normal;margin-top:20px;padding:0px 45px 0px 45px;font-size:15px;line-height:1.6em;}
#dashboard-client #top-right i{color:#71d089;font-size:20px;padding-right:10px;position:relative;top:2px;}
#dashboard-client #top #requests{border-bottom:1px solid silver;border-left:1px solid silver;border-right:1px solid silver;border-top:5px solid #e94c62;background-color:white;height:163px;margin-top:10px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;overflow:hidden;}
#dashboard-client #top #requests h1{float:left;}
#dashboard-client #top #requests select{float:right;margin:5px 10px 0px 0px;border:1px solid #e0e0e0;padding:3px;width:125px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#dashboard-client #top #requests .box{float:left;width:33%;text-align:center;margin-top:10px;}
#dashboard-client #top #requests .box:nth-child(odd) {border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
#dashboard-client #top #requests h4{color:#999;font-weight:normal;font-size:14px;}
#dashboard-client #top #requests i{color:#e94c62;font-size:20px;padding-right:10px;}
#dashboard-client #bottom{border:1px solid silver;margin-top:20px;background-color:white;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;text-align:center;}
#dashboard-client #bottom .chart-wrapper{width:95%;margin-left:auto;margin-right:auto;padding:20px 0px 50px 0px;}

#client-emps{padding:20px 0px 50px 0px;overflow:hidden;}
#client-emps .statbox{width:49%;background-color:white;border:1px solid silver;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;text-align:center;height:175px;}
#client-emps .statbox:first-child {float:left;}
#client-emps .statbox:last-child {float:right;}
#client-emps .statbox h1 {font-weight:normal;color:#777;font-size:18px;padding-top:25px;}
#client-emps .statbox h2 {font-weight:normal;color:#333;font-size:40px;padding:5px 0px 5px 0px;}
#client-emps .statbox h3 {font-weight:normal;color:#c0c0c0;font-size:18px;font-style:italic;}

@media (max-width: 1020px) { 
#requests-pending tr td:nth-child(5) a{display:block;margin:5px 0px;}
#dashboard-client #top h2{font-size:42px;}
#dashboard-client #top-right h2{font-size:48px;}
#dashboard-client #top-right h3{font-size:20px;}
#dashboard-client #top-right p{font-size:14px;}
#verifiers-index tr th:nth-child(4) {display:none;}
#verifiers-index tr th:nth-child(5) {display:none;}
#verifiers-index tr th:nth-child(6) {display:none;}
#verifiers-index tr th:nth-child(7) {display:none;}
#verifiers-index tr td:nth-child(4) {display:none;}
#verifiers-index tr td:nth-child(5) {display:none;}
#verifiers-index tr td:nth-child(6) {display:none;}
#verifiers-index tr td:nth-child(7) {display:none;}
#requests-all tr th:nth-child(5) {display:none;}
#requests-all tr th:nth-child(6) {display:none;}
#requests-all tr td:nth-child(5) {display:none;}
#requests-all tr td:nth-child(6) {display:none;}
}

@media (max-width: 920px) { 
#verify-hdr-on{font-size:18px!important;}
.verify .note2{font-size:13px!important;}
.verify tr td:first-child{font-size:15px!important;}
.verify input[type=text]{padding:7px 10px!important;font-size:15px!important;}
.verify textarea{padding:7px 10px!important;font-size:15px!important;}
.verify select{font-size:15px!important;padding:8px 5px!important;}
#request-summary div{width:95%;}
#approval-history tr th:nth-child(4) {display:none;}
#approval-history tr td:nth-child(4) {display:none;}
#requests-pending tr th:nth-child(4) {display:none;}
#requests-pending tr td:nth-child(4) {display:none;}
#sidebar{width:93%;padding-bottom:20px;}
#sidebar-fields{display:none;}
#sidebar-search{width:95%;}
#sidebar .filters-toggle{display:inline-block;text-transform:none;font-weight:normal;font-size:13px;border:0px;color:#0f96f0;float:right;position:relative;top:-8px;padding-right:20px;}
#sidebar .filters-toggle:hover {text-decoration:underline;}
#sidebar .filter{float:left;margin-right:50px;margin-bottom:20px;}
#clients-requests th:nth-child(4) {display:none;}
#clients-requests th:nth-child(5) {display:none;}
#clients-requests td:nth-child(4) {display:none;}
#clients-requests td:nth-child(5) {display:none;}
#requests-all tr th:nth-child(2) {display:none;}
#requests-all tr td:nth-child(2) {display:none;}
}

@media (max-width: 820px) { 
#mmenu .tab{font-size:15px;padding:0px 10px;font-weight:normal;}
.header-row h1{font-size:36px;}
#header-links{display:block;width:100%;overflow:hidden;}
#header-links a{float:left;display:block;}
#frm input[type=text]{padding:10px 12px;font-size:17px;letter-spacing:0.05em;width:90%;}
#frm input[type=password]{padding:10px 12px;font-size:17px;letter-spacing:0.15em;width:90%;}
#frm textarea{padding:10px 12px;font-size:17px;letter-spacing:0.05em;width:90%;}
#frm table tr td { padding:15px 0px;font-size:16px;}
#frm table tr td:first-child { font-weight:normal; padding-left:10px;}
#frm table tr td:last-child { padding-right:10px;}
#frm table tr .note{font-size:14px;}
#frm .button {font-size:15px;}
#frm button {font-size:15px;}
#frm select{width:90%!important;font-size:17px;padding:10px 11px;}
.chg-pw-link{display:block;padding-left:0px;}
#verifiers-billing tr th{font-size:14px;}
#verifiers-billing tr td{font-size:14px;}
#verifiers-billing tr th:nth-child(4) {display:none;}
#verifiers-billing tr td:nth-child(4) {display:none;}
.verify-hdr-off #emp-name{clear:both;float:left;}
.verify label{font-size:15px!important;}
.verify .chk span{font-size:13px!important;}
#footer .right{clear:both;float:left;margin-top:10px;}
#footer .right a{padding-left:0px;padding-right:10px;}
.data-grid .alert-blue .step2-alert{font-weight:normal;font-size:14px!important;}
#request-summary img{width:200px;}
#verify-confirm{text-align:center;padding-bottom:50px;}
#verify-confirm #h1{font-size:28px;}
#verify-confirm #h2{font-size:21px;}
#verify-confirm p{font-size:16px;}
#dashboard-client #top h2{font-size:30px;}
#dashboard-client #top-right h2{font-size:40px;margin-top:10px;}
#dashboard-client #top-right h3{font-size:16px;}
#dashboard-client #top-right p{font-size:13px;margin-top:10px;}
#dashboard-client #top #requests h4{font-size:12px;}
#dashboard-client #top #requests select{width:105px;}
#client-emps .statbox{width:99%;margin-bottom:20px;}
#verifiers-index .cname{font-size:15px;}
#verifiers-index .note{font-size:14px;}
#admin-clients tr th{font-size:14px;}
#admin-clients tr td{font-size:14px;}
#admin-clients tr td a{font-size:15px;}
#admin-clients .note{font-size:14px;}
}

@media (max-width: 720px) { 
#top-menu .name{display:none;}
#top-menu .logout{display:none;}
#mmenu{display:none;}
#mm_logout{display:inline-block!important;}
#header #top-menu #navicon{display:inline-block;position:relative;top:6px;}
#mmenu{padding-left:0px;}
#mmenu .tab{display:block;clear:both;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:0px;border:0px;font-size:15px;width:100%;padding-left:25px;border-bottom:1px solid #efefef;}
#mm_logout{border-bottom:0px!important;}
#request-summary img{width:150px;}
#request-summary b{display:block;}
#approval-history tr th{font-size:14px;padding:5px!important;}
#approval-history tr td{font-size:14px;padding:5px!important;}
#requests-pending tr th {font-size:14px;}
#requests-pending tr td {font-size:14px;}
#requests-pending tr td:nth-child(5) a {padding:5px;}
#dashboard-logo{clear:both;float:left;height:50px;}
#dashboard-client #top h2{font-size:26px;}
#dashboard-client #top-right{height:337px;}
#dashboard-client #top-right h2{font-size:36px;margin-top:0px;}
#dashboard-client #top-right p{padding:0px 25px 0px 25px;}
#dashboard-client #top #requests select{float:left;margin-left:10px;width:125px;}
#dashboard-client #top #requests{height:180px;}
#vv tr td:first-child{font-size:14px;}
#vv input{font-size:14px!important;width:350px!important;}
#vv select{font-size:14px!important;width:350px!important;}
#vv textarea{font-size:14px!important;width:350px!important;}
#admin-clients tr th:nth-child(2){display:none;}
#admin-clients tr th:nth-child(3){display:none;}
#admin-clients tr td:nth-child(2){display:none;}
#admin-clients tr td:nth-child(3){display:none;}
#admin-clients tr td:last-child{display:none;}
#admin-clients tr td:last-child{display:none;}
}

@media (max-width: 620px) { 
#dlg_register{margin-bottom:20px;}
#dlg_register div{font-size:16px;width:90%;margin-bottom:20px;}
#dlg_register div h1{font-size:24px;}
#main { padding-left:5px;}
.nosidebar { padding-left:10px!important; }
.header-row h1{font-size:30px;}
#header-links a{margin-bottom:10px;}
#frm input[type=text]{padding:7px 10px;font-size:15px;}
#frm input[type=password]{padding:7px 10px;font-size:15px;}
#frm textarea{padding:7px 10px;font-size:15px;}
#frm table tr td { font-size:15px;}
#frm table tr .note{font-size:12px;}
#frm .button {font-size:14px;}
#frm button {font-size:14px;}
#frm select{font-size:15px;}
#frm .buttons .btn-gray{display:none;}
#verifiers-billing tr th{font-size:13px;padding:10px 5px;}
#verifiers-billing tr td{font-size:13px;padding:10px 5px;}
#verifiers-billing tr td:nth-child(3) .gray{display:none;}
#verify-right{margin-left:10px;margin-right:10px;}
.verify-hdr-off #emp-name {margin-top:10px;}
.verify-hdr-off #emp-name i{display:block;padding-left:0px;}
#verify-hdr-on{font-size:16px!important;}
.verify tr td:first-child {font-weight:bold!important;}
.verify select{width:90%!important;margin-bottom:8px;}
#verify-confirm #h1{font-size:24px;}
#verify-confirm #h2{font-size:18px;}
#verify-confirm p{font-size:14px;}
.receipt{display:none;}
#dashboard-client #top h2{font-size:36px;}
#dashboard-client #top-left {width:99%;}
#dashboard-client #top-right{clear:both;float:left;margin-top:20px;width:99%;}
#dashboard-client #top-right h2{font-size:48px;}
#dashboard-client #top-right h3{font-size:20px;}
#dashboard-client #top-right p{font-size:16px;}
#dashboard-client #bottom{display:none;}
#dashboard-client #top #requests select{float:right;margin-left:0px;}
#verifiers-index tr th:nth-child(3) {display:none;}
#verifiers-index tr td:nth-child(3) {display:none;}
#verifiers-index .cname{font-size:14px;}
#verifiers-index .note{font-size:13px;}
#requests-all .cname{font-size:14px;}
#requests-all .note{font-size:13px;}
}

@media (max-width: 520px) { 
#login-page #container #logo{width:95%;}
#login-page{background-image:none;}
#login-page #container{box-shadow:none;width:90%;margin-top:20px;} 
#login-page #frm input[type=text]{padding:12px 15px 12px 20px;font-size:15px;width:80%!important;}
#login-page #frm input[type=password]{padding:12px 15px 12px 20px;font-size:15px;width:80%!important;}
#login-page #uname{ letter-spacing:0.02em;background-image: none;}
#login-page #password{ letter-spacing:0.2em;background-image: none;}
#login-page #button{width:80%;padding:15px 15px 15px 20px;font-size:16px;font-weight:bold;}
#login-page #register{font-size:14px;margin-left:30px;}
#login-page #forgot-pw{font-size:14px;margin-right:30px;}
#login-page #goback{font-size:14px;}
#login-page #reset_email{background-image:none;}
#login-page #fpw-msg{width:90%;}
#login-page #account-type{width:90%;}
#login-page #account-type b{display:block;padding-bottom:5px;}
#dlg_register div{font-size:14px;}
#dlg_register div h1{font-size:20px;}
.data-grid .alert-blue .step2-alert{font-size:13px!important;}
#header img{margin-left:5px;}
#header .vm{font-size:18px;font-weight:normal;}
#header-links a{font-size:14px;}
#frm input[type=text]{font-size:14px;}
#frm input[type=password]{font-size:14px;}
#frm textarea{font-size:14px;}
#verify-progress{display:none;}
.verify label{font-size:14px!important;}
.verify textarea{width:80%!important;height:200px!important;}
.verify-hdr-off .edit{display:inline-block;margin-right:20px;}
#request-summary img{float:left;}
#request-summary div p{display:block;clear:both;}
#step-summary .buttons td:first-child {display:none;}
.button{margin-left:20px;}
#approval-history tr th:nth-child(5){display:none;}
#approval-history tr td:nth-child(5){display:none;}
#requests-pending tr th:nth-child(5){display:none;}
#requests-pending tr td:nth-child(5){display:none;}
#requests-pending tr th{padding:5px;}
#requests-pending tr td{padding:5px;}
#dashboard-client #top h2{font-size:42px;}
#dashboard-client #top-left #pending{width:100%;margin-bottom:10px;}
#dashboard-client #top-left #emps{clear:both;width:100%;}
#dashboard-client #top-right h2{font-size:40px;}
#dashboard-client #top-right h3{font-size:17px;}
#dashboard-client #top-right p{font-size:15px;}
#dashboard-client #top #requests {height:auto;padding-bottom:25px;}
#dashboard-client #top #requests .box{clear:both;width:100%;}
#dashboard-client #top #requests .box:nth-child(odd) {border-left:0px;border-right:0px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
#dashboard-client #top #requests select{clear:both;float:left;margin-left:10px;}
#requests-all tr th:nth-child(3) {display:none;}
#requests-all tr td:nth-child(3) {display:none;}
#add-client tr td{font-size:14px!important;}
#add-client tr td input{width:200px!important;}
#vv tr td:first-child{font-size:13px;}
#vv input{font-size:13px!important;width:250px!important;}
#vv select{font-size:13px!important;width:250px!important;}
#vv textarea{font-size:13px!important;width:250px!important;}
}

@media (max-width: 420px) { 
#login-page #register{font-size:13px;margin-left:15px;}
#login-page #forgot-pw{font-size:13px;margin-right:15px;}
#login-page #goback{font-size:13px;}
#header .vm{font-size:15px;}
#frm .button {padding:10px 25px;font-weight:bold;}
#frm button {padding:10px 25px;font-weight:bold;}
.verify tr td:first-child {font-size:13px!important;}
.verify label{font-size:13px!important;}
#footer .left span{display:block;padding-left:0px;}
#footer .right a{font-size:12px;}
#footer{padding-bottom:50px;}
small i{font-size:12px;}
.step2-alert{display:block;width:280px!important;}
#dashboard-client #top-right {height:auto;padding-bottom:25px;}
#dashboard-client #top-right h2{font-size:30px;}
#dashboard-client #top-right h3{font-size:16px;}
#dashboard-client #top-right p{font-size:14px;}
#clients-requests tr th{font-size:14px;padding:5px;}
#clients-requests tr td{font-size:14px!important;padding:5px;}
#clients-requests .cname{font-size:14px!important;}
#vv input{width:150px!important;}
#vv select{width:150px!important;}
#vv textarea{width:150px!important;}
#admin-clients tr th:nth-child(4){display:none;}
#admin-clients tr td:nth-child(4){display:none;}
}