/*#fac279; bright orange*/
/*#fac279; medium orange*/
/*#f9e0c0; pale orange*/
/*#f7e6d2; extreme pale orange simple-list*/
  
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -65px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 65px; 
}
.site-footer {
  background: #113f59;
}
.footer-content{
  padding: 20px 10px 10px 10px;
  margin-left: 150px;
  float: right;
}
.footer-content > p,.footer-content > h4 {
  color:#c9c9c9;
}
.footer-content > .all-rights {
  color:#999;
  font-size: 13px;
}
.footer-content > p {
  font-size: 16px;
}
.footer-number{
  color: #fff;
}
.right{
  float: right;
}


/* Global Styles */
p, a, div {
  font-family: 'Open Sans', sans-serif;
}
p, label, th,h4{
  color: #4d4d4d;
}
a{
  color:#113f59;
}
a:hover{
  text-decoration: none;
}
.cf{
  clear: both;
}
.bodycontainer {
  margin-top: 50px;
  background-color: #EDEDED;
}
.topspace{
  margin: 5px 0px 5px 0px;
}
.space{
  margin: 18px 0px 5px 0px;
}
.smspace{
  margin: 10px 0px 5px 0px;
}
.bigspace{
  width: 100%;
  margin-bottom: 20px;
}
.huge {
  font-size: 50px;
  line-height: normal;
}
#wrapper {
  padding-left: 0;
}

#page-wrapper {
  width: 100%;
  padding: 10px;
  background-color: #EDEDED;
}
.simple-list tr:nth-of-type(2n+1){
background-color: #f7ecdf; 
}

@media screen and (max-width: 1260px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/*nav dropdown*/
.top-nav-dropdown > li > a {
  color:#113f59!important;
}
.top-nav-dropdown > li{
  text-align: left;
}
.top-nav-dropdown{
  margin-top: 2px!important;
}
.fa-info{
  padding: 0px 5px 0px 5px !important;
}
.dropdown-menu-account{
  min-width: 75px!important;
  padding: 5px 10px!important;
  margin: 2px 0px!important;
}
.dropdown-menu-account > li > a {
  line-height: 1!important;
  color: #337ab7!important;
}
.dropdown-menu-account > li > a:hover,
.dropdown-menu-account > li > a:focus {
  color: #3c5e8e!important;
  background-color: #fff!important;
}
.link-focus:focus{
  text-decoration: none;
}


/*quick classes*/
.block{
  display: block;
}
.title{
  color:#113f59;
}
.add-depttitle{
  margin-left: 20px;
}
.tc {
  text-align: center;
}
.auto{
  margin-left: auto;
  margin-right: auto;
}
.ib{
  display: inline-block;
}
.clear{
  clear: both;
}
@media(max-width:768px) {
  .top-nav-dropdown{
    margin-top: 2px!important;
  }
}
@media(min-width:768px) {

  #wrapper {
    padding-left: 90px;
  }

  #page-wrapper {
    padding: 10px;
  }
  .bodycontainer {
    margin-top: 50px;
  }

  .username{
    display:inline-block;
  }

}



/*form style */
.sb{
  width: 80%;
}
.sbs{
  width: 30%;
}
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .form-control {
  display: inline-block;
  width: 60%;
  vertical-align: middle;
}
.form-inline .form-small {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
}
.form-inline .form-control-static {
  display: inline-block;
}
.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
  width: auto;
}
.form-inline .input-group > .form-control {
  width: 100%;
}
.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
  padding-left: 2px;

}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  position: relative;
  margin-right: 6px;
  margin-left: 6px;
}
.form-inline .has-feedback .form-control-feedback {
  top: 0;
}



/* Top Navigation */
.modal-title {
    color: #fff;
}
.modal-header-success {
    color:#fff;
    background-color: #113f59!important;
}
.close {
   color: #fff; 
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: inherit;
  
}
.support-modal-copy{
 margin-right: 30px;
}
.support-modal-copy p{
  font-size: 16px;
  padding-bottom: 10px;
  color: #4b4c4c;
}
.support-text{
  float: left;
}
.support-phone{
  float: right;
}
.phone-number-bold{
  color: #337ab7;
}
.support-modal-error{
 color: #a94442;
 display: none;
 text-align: center;
}
#suport-form-col-left{
 margin-right: 28px;
 }
.support-input input{
  width: 240px!important
}
.support-input-dropdown select{
  width: 240px!important
}
.support-message, .support-message textarea{
  width: 100%!important
}
.brand-svg > img {
  width: 140px;
  height: auto;
}
@media(max-width:600px) {
 

.support-input input{
  width: 190px!important;
}
.support-input-dropdown select{
  width: 190px!important;
}
.support-text{
  float: none;
}
.support-phone{
  float: none;
}

}




/* navbar */
.navbar-default {
  background-color: #FFF;
  border-color: #E7E7E7;
}
/* title */
.navbar-brand {
    padding: 5px 15px 15px;

}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #21212E;
}
/* link */
.navbar-default .navbar-nav > li > a {
  color: #628896;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #d9d9d9;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #113f59;;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
  color: #B5BCC6;
  background-color: #D5D5D5;
}
#powericon{
 font-size: inherit;
}
#useraccounticon{
 font-size: inherit;
}
#username{
  float: right;
  padding: 15px 20px 15px 20px;
  margin-right: 15px;
} 
#username:hover{
  background-color: #103f59; 
} 
#logout{
  float: right;
  padding: 15px 20px 0px 0px;
} 

#accountlinksm{
  display: none;
}

#accountlinklrg{
  display: inline-block;
}
.help-icon{
  margin-right: 15px; 
  width: 100%; 
  float: right;
  color: #113f59;  
  width: auto;
  height: 100%;
  padding: 16px 12px 13px 8px; 
}
.help-icon:hover{
  background-color: #103f59;
}
.help-icons{
  font-size:13px; 
  margin-right: 13px; 
  height: 35px; 
  background-color: #122c3d;
}
.help-icons a:hover, .help-icons a:focus{
  text-decoration: none;
}
.help-icons a:hover{
  color: #fff;
}
.help-icon:nth-of-type(1){
 margin-right: 10px; 
}
.nav-icons{
  width: 20px; 
  height: 20px;
}
.nav-icon-logo{
  width: 63px; 
  height: auto;
}
.nav-icons-b{
  width: 15px; 
  height: 15px;
}
.logout{
  color:#113f59;
}
#user-dropdown-mobile{
  display: none;
}   
.mobilemenu{
  display: none;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #777;
  border-bottom-color: #777;
}
.top-nav>li {
  display: inline-block;
  float: left;
}

.top-nav>li>a {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
  color: #000;
  background-color: #fff;
}

.top-nav>.open>.dropdown-menu {
  float: right;
  position: absolute;
  margin-top: 0;
  border: 1px solid rgba(0,0,0,.15);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);

}
.top-nav>.open>.dropdown-menu>li>a {
  white-space: normal;
}

ul.message-dropdown {
  padding: 0;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}

li.message-preview {
  width: 275px;
  border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
  padding-top: 15px;
  padding-bottom: 15px;
}

li.message-footer {
  margin: 5px 0;
}

ul.alert-dropdown {
  width: 200px;
}
@media(max-width:910px) {
  .mobilemenu{
    display: inline-block;
  }
  .help-icons{
    display: none;
  }
  #user-dropdown-desktop{
    display: none;
  }
  #user-dropdown-mobile{
    display: inline-block;
    font-size: 18px;
    color: #113f59;
  }
  #user-dropdown-mobile:hover{
    color: #fff;
  }
  #powericon{
   font-size: 20px;
 }
 #accountlinksm{
  display: inline-block;
  
}

#accountlinklrg{
  display: none;
}

#logout{
  float: left;
} 
}



/*sub nav style */
.subnav, .subnav-account{
  width: 100%; 
  height: 50px; 
  background-color: #113f59; 
  display: block;
  top: 50px; 
  font-size: 14px;
}

.subhr {
  display: none
}
.subnavlinks{
  padding: 15px 10px 0px 30px;
}
.subactive {
  color: #fff;
}
.subnavlink{
  color: #b9bdc6;
  display: inline-block;
}
.subnavlink:hover, .subactive:hover{
  color: #fff!important;

}
.subnavlink, .subactive{
  padding-right: 15px;
  text-decoration: none;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #ffffff;
  border-color: #ddd;
}
.submobile{
  border-top: 0px;
  border-bottom: 0px;
}
@media(max-width:650px) {
  .subnavlinks{
    padding: 5px 0px 10px 0px;
    text-align: center;
  }
  .subnavlink{
    display: block;
    padding: 3px;
    margin-left: 5px;
  }
  .subactive{
    display: block;
    padding: 3px;
    margin-left: 5px;
  }
  .subnav{
    height: 96px;
  }
  .subnav-account{
    height: 128px;
  }
  .submobile{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .subhr{
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
    border-top: 1px solid #0b2e41;
  }
  
}




/* Side Navigation */
.side-nav>li>ul {
  padding: 0;
}

.side-nav>li>ul>li>a {
  display: block;
  padding: 10px 15px 10px 38px;
  text-decoration: none;
  color: #778399;
}

.side-nav>li>ul>li>a:hover {
  color: #fff;
}
@media(min-width:768px) {
  .side-nav {
    position: fixed;
    top: 51px;
    left: 225px;
    width: 100px;
    margin-left: -225px;
    border: none;
    border-radius: 0;
    overflow-y: auto;
    background-color: #122c3d;
    bottom: 0;
    overflow-x: hidden;
    padding-bottom: 40px;
    font-size: 10px;
  }
  .side-nav>li>a {
    width: 100px;
  }
  .side-nav li a:hover,
  .side-nav li a:focus {
    outline: none;
    background-color: #113f59 !important;
  }
}



/* navbar right */
.navbar-right{
  position: relative;
  float: right;
}

.navbar-right:hover {
  background-color: #ffffff;
}

.navbar-right .dropdown-menu {
  background-color: #ffffff;
}

      

/*dash*/
.buy-time-card{
  height: 80px;
  width: auto;
  margin-bottom: 10px;
}
.buy-time-card-copy{
  font-size: 16px;
}
.buy-time-card-btn{
  margin-top: 5px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-size: 14px;
  padding: 9px 17px 9px 17px;
  background: #7fc67f;
  border: solid #ededed 0px;
  text-decoration: none;
  color: #ffffff;
}
.buy-time-card-btn:hover{
  background: #3c5e8e;
  text-decoration: none;
}
.upgrade-link{
  text-decoration: none;
  font-weight: 700;
}
.upgrade-link:focus{
  text-decoration: none;
}
.upgrade-modal-icon{
  height: 30px;
  width: auto;
}
.upgrade-modal-product{
  height: auto;
  width: 154px;
  float: left;
}
#upgrademodal .modal-dialog {
  width: 700px;
}
#upgrademodal .modal-body {
  padding: 0 24px 14px;
}
#upgrademodal .close {
  color: #000;
}
#upgrademodal h3 {
  font-weight: bold;
  color: #0F3F59;
}
#upgrademodal ul {
  padding-left: 14px;
}
#upgrademodal .p-for-ul {
  margin-top: 18px;
  margin-bottom: 0;
  clear: both;
}

/***Dash Graph**/

.mobile-key{
  padding: 0px 10px 10px 10px;
  display: none;
  color: #999;
  font-weight: 200;
}
.key-break-mobile{
  display: none;
}
.reg-key,
.otone-key,
.ottwo-key,
.vac-key,
.hol-key,
.sic-key,
.oth-key{
  padding: 0px 10px 0px 5px;
}
.reg-key{
  color:#144a60;
}
.otone-key{
  color:#3b808c;
}
.ottwo-key{
  color:#99d6d3;
}
.vac-key{
  color:#6fc59c;
}
.hol-key{
  color:#e3e891;
}
.sic-key{
  color:#fdcd81;
}
.oth-key{
  color:#cfa976;
}
/*@media(max-width:1199px) {
  .mobile-key{
  display: inline-block;
  }
}
@media(max-width:1200px) {
  .highcharts-legend{
  display: none;
  }
}
@media(max-width:800px) {
  .key-break-mobile{
  display: block;
  }
}
@media(max-width:350px) {
  .mobile-key{
  font-size: 11px;
  }
}*/
/**User Page**/

/*User Navigation Bar*/
.textfield{
  margin: 0px 0px 10px 0px;
}
.profile-card-name{
  color:#3c5e8e;
}
.usernav{
  width: 100%; 
  height: 50px; 
  background-color: #113f59; 
  position: absolute; 
  top: 175px;
  font-size: 16px;
}
.usertoggle{
  font-size: 14px;
  text-align: center;
  padding-bottom: 15px;
  margin-top: -10px;
  color:#3c5e8e;
}
.usernavlinks{
  padding: 15px 10px 0px 200px;
}
.usernavlinks a:hover{
  text-decoration: none;
}
.usernavlink{
  padding-right: 15px;
  color: #fff;
  text-decoration: none;
}
.profilecard{
  position: relative; 
  width: 200px; 
  padding: 0px 30px 0px 30px; 
  z-index: 2;
}
.mobilenametag{
  display: none;
}
.employee-eligible{
  font-size: 16px;
  color:#3c5e8e;
  padding: 10px 15px 0px 10px;
  display: inline-block;
}
.eligible-container{
  padding: 0px 0px 10px 0px;
}
.employee-hr{
  margin-top: 5px;
}
.choose-holiday{
  width: 290px;
  margin: 0px 0px 10px 10px;
  display: inline-block;
}
.accrual-date{
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .usertoggle{
    padding-top: 50px;
    margin-top: 0px;
  }
  .profilecard{
    display: none;
  }
  .usernav{
    top: 50px;
  }

  .usernavlinks{
    padding: 15px 0px 0px 15px;
  }

}
@media(max-width:650px) {
  .usertoggle{
    padding-top: 110px;
  }
  .usernav{
    height: 100px;
  }
  .usernavlinks{
    text-align: center;
    padding: 5px 0px 0px 0px;
  }
  .usernavlink{
    display: block;
    padding: 3px;
    margin-left: 5px;
  }

}
@media(max-width:505px) {
  #addholiday{
    margin: 0px 0px 3px 10px;
  }
  .eligible-sm{
    margin: 0px 0px 3px 10px;
  }
}



/*pagination style*/
.pagination > li > a,
.pagination > li > span {
  color: #3c5e8e;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color:#3c5e8e;
}


/*buttons*/
.btn-submit{
  background-color:#7FC67F;
  color: #fff;
}
.btn-submit:hover{
  background-color:#61b861;
  color: #fff;
}
#addrow{
  float: right;
  margin: 0px 35px 0px 0px;
}
#addholiday{
  margin: 0px 0px 3px 0px;
}

/*login btns*/
.loginmodule{
  width: 100%;
  padding-top: 80px;
  text-align: center;
}
.loginspacing{
  padding: 20px 0px 0px 0px;
  margin: 0px auto 0px auto;
  width: 250px;
}
.loginbutton{
  margin-top: 20px;
}
.logintitle{
  color: #3c5e8e;
}
.input-group-addon {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #8a8b8f;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.loginbtn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #7fc67f;
  padding: 10px 100px 10px 100px;
  border: solid #ededed 0px;
  text-decoration: none;
  margin: 20px 0px 0px 0px;
}
.loginbtn:hover {
  background: #3c5e8e;
  text-decoration: none;
}
/*submit department  and account btns*/
.submit-support-modal{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  background: #7fc67f;
  font-size: 16px;
  padding: 9px 20px 9px 20px;
  border: solid #ededed 0px;
  text-decoration: none;
  color: #ffffff;
  margin: 15px 0px 0px 0px;
}
/*department buttons*/
.submitdepcancel{
  font-size: 12px;
  padding: 8px 17px 8px 17px;
  background: #fff;
  margin: 40px 2px 0px 2px;
}
.submitdept{
  background: #7fc67f;
}
.submitdeptnew{
  background: #6f92c3;
}
.submitdept, .submitdeptnew{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-size: 12px;
  padding: 9px 17px 9px 17px;
  margin: 40px 2px 0px 2px;
  border: solid #ededed 0px;
  text-decoration: none;
  color: #ffffff;
}
.upgrade-premium, .upgrade-uattend{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-size: 12px;
  padding: 8px 17px 8px 17px;
  border: solid #ededed 0px;
  text-decoration: none;
  color: #ffffff;
}
.cancel-support-modal{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-size: 16px;
  padding: 8px 17px 8px 17px;
  border: solid #d9d9d9 1px;
  text-decoration: none;
  background: #fff;
  color: #999;
}
.submitdepcancel, .cancel-account{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-size: 12px;
  padding: 8px 17px 8px 17px;
  border: solid #d9d9d9 1px;
  text-decoration: none;
  background: #fff;
  margin: 0px 5px 0px 5px;
  color: #999;
}
.upgrade-uattend{
  background: #7fc67f;
  margin: 40px 5px 0px 0px;
}
.upgrade-premium{
  background: #81a0ca;
  margin: 40px 0px 0px 0px;
}
.submitdept{
  background: #7fc67f;
  margin: 40px 5px 0px 0px;
}
.submitdept:hover, .upgrade-uattend:hover, .sumbit-support-modal:hover{
  background: #3c5e8e;
  text-decoration: none;
}
.upgrade-premium:hover {
  background: #3c5e8e;
  text-decoration: none;
}
.submitdeptnew{
  background: #6f92c3;
  margin: 40px 5px 0px 5px;
}
.submitdeptnew:hover {
  background: #3c5e8e;
  text-decoration: none;
}
.submitdepcancel:hover,.cancel-account:hover, .cancel-support-modal:hover {
  background: #fff;
  text-decoration: none;
  color: #3c5e8e;
  border: solid #3c5e8e 1px;
}
@media(max-width:650px) {
  .toolcase-mobile{
        margin: 0px 0px 5px 0px;
  }
}
  
  /*time cards buttons*/ 
  .tooltip-inner {padding:10px;background-color: #3c5e8e;}
  .tooltip.top .tooltip-arrow{border-top-color:#3c5e8e;}
  .tooltip.right .tooltip-arrow{border-right-color:#3c5e8e;}
  .tooltip.bottom .tooltip-arrow{border-bottom-color:#3c5e8e;}
  .tooltip.left .tooltip-arrow{border-left-color:#3c5e8e;}
  .timecardtools{
      -webkit-border-radius: 5;
      -moz-border-radius: 5;
      border-radius: 5px;
      padding: 6px 12px 6px 12px;
      border: solid #c0c0c0 1px;
      text-decoration: none;
      background: #fff;
      color: #113f59;
      margin-top: 5px;
    }
  .timecard-toolcase{
     float: left;
   }
   .timecardtools:hover {
    background: #fff;
    color: #3c5e8e;
    border: solid #3c5e8e 1px;
  }
  .timecard-btns{
    float: right; 
  }
  .submittimecard{
    background: #7fc67f;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-size: 14px;
    padding: 7.25px 25px 7.25px 25px;
    border: solid #ededed 0px;
    text-decoration: none;
    color: #ffffff;
    margin: 0px 0px 0px 5px;
  }
  .submittimecard:hover {
    background: #3c5e8e;
    text-decoration: none;
  }
  .submittimecardcancel{
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-size: 14px;
    padding: 6.5px 25px 6.5px 25px;
    border: solid #d9d9d9 1px;
    text-decoration: none;
    background: #fff;
    color: #999;
  }
  .submittimecardcancel:hover {
    background: #fff;
    color: #3c5e8e;
    border: solid #3c5e8e 1px;
  }
  .approvetimecard{
    background: #7fc67f;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-size: 14px;
    padding: 7.25px 25px 7.25px 25px;
    border: solid #ededed 0px;
    text-decoration: none;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
  }
  .approvetimecard:hover {
    background: #3c5e8e;
    text-decoration: none;
  }
  .approvetimecardcancel{
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-size: 14px;
    padding: 6.5px 25px 6.5px 25px;
    border: solid #d9d9d9 1px;
    text-decoration: none;
    background: #fff;
    color: #999;
  }
  .approvetimecardcancel:hover {
    background: #fff;
    color: #3c5e8e;
    border: solid #3c5e8e 1px;
  }
@media(max-width:650px) {
    .timecard-btns-bottom{
      margin-top: 5px;
    }
    .timecard-toolcase{
      position: relative;
    }
}
  /*general button style*/
  .submitbtn{
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    background: #7fc67f;
    padding: 10px 94px 10px 94px;
    border: solid #ededed 0px;
    text-decoration: none;
    margin: 20px 0px 0px 0px;
  }
  .submitbtn:hover{
    background: #3c5e8e;
    text-decoration: none;
  }

  .help{
    font-size: 12px;
  }
  .help:hover{
    text-decoration: none;
  }
  /*button media styles */
@media only screen and (max-width: 768px) {
    .logintitle{
      font-size: 24px;
    }
}
@media(max-width:650px) {
    /*time cards*/
    .timecard-toolcase{
      float: none;
      text-align: center;
      display: block;
    }
    .timecard-btns{
      float: none;
      text-align: center;
      display: block;
    }
    .cancel-account,.upgrade-uattend,.upgrade-premium{
      display: block;
      margin: 5px 0px 5px 0px;
    }
}


  /*error style */
  .error-message{
    color: #a94442;
    display: none;
    text-align: center;
  }


  /*edit forms */
.trash, .exitout, .check {
    margin:0px 1px 3px 1px;
}
.leave{
    display: none;
}
.keep{
    display: none;
    min-width: 85px;
}
.keeptrash{
    display: inline-block;
    min-width: 50px;
}
.keeplunch{
    padding-left: 10px;
}

.hfdate {
   max-width: 250px;
   min-width: 224px;
}
 .hfnames{
  max-width: 250px;
  min-width: 225px;
}
.hfhours{
  max-width: 80px;
  min-width: 70px;
}
.hfcodes{
  max-width: 150px;
  min-width: 140px;
}
.hfapply{
  max-width: 110px;
  min-width: 90px;
}
.hfworking{
  max-width: 110px;
  min-width: 90px;
}



/*table styles bootstrap override */
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 0px solid #ddd;
  border-top: 0px solid #ddd;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
.table > tbody + tbody {
  border-top: 0px solid #ddd;
}



/*setting export fields*/
.exportfields {
  width: 200px;
}
.exportfieldslist {
  min-width: 230px;
}
.exportfields::-webkit-input-placeholder {
 color: #666666;
}
.exportfields:-moz-placeholder { /* Firefox 18- */
  color: #666666; 
}
.exportfields::-moz-placeholder {  /* Firefox 19+ */
  color: #666666;  
}
.exportfields:-ms-input-placeholder {  
  color: #666666;  
}
.selectlunch::-webkit-input-placeholder {
 color: #666666;
}
.selectlunch:-moz-placeholder { /* Firefox 18- */
  color: #666666; 
}
.selectlunch::-moz-placeholder {  /* Firefox 19+ */
  color: #666666;  
}
.selectlunch:-ms-input-placeholder {  
  color: #666666;  
}




/* export logic styles*/
.csv,.qbl,.px, .adp{
  display: none
}
.errorspace{
  padding: 10px 10px 10px 10px;
}
.pccolums, .pccolumns-right{
  width:auto;   
}
.pccolumns-right{
  clear: both;
}
.exporthr{
  display: none;
}
@media(min-width:768px) {
 .pccolums, .pccolumns-right{
  width:50%;
  display: inline-block;
}
.pccolumns-right{
  float: right;
}
.exporthr{
  display: block;
}
.topspace{
  margin: 18px 0px 5px 0px;
}
}



/*departments styles*/
.deptsearch{
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  width: 225px;
  position: absolute;
  top:0px;
  right:0px;
}
.smalltoggle{
  text-align: center;
  padding:  5px;
}
.searchbox:hover{
  background-color: #bfbfbf; 
}
.smdepttoggle{
  font-size: 14px;
  text-align: center;
  color:#113f59;
  width: 100%;
  margin-top: 5px;
}
.smtoggletext{
  padding: 0px 5px 0px 5px;
}
.depttoggle{
  font-size: 18px;
  text-align: center;
  padding-bottom: 10px;
  color:#3c5e8e;
}
.toggletext{
  padding: 0px 15px 0px 15px;
}
.depttogglebtn:hover{
 color: #fac279;
}
.deptenu{
  color: #404040
}
@media(max-width:768px) {
  .smdepttoggle{
    font-size: 12px;
    text-align: center;
    color:#3c5e8e;
    width: 100%;
    margin-top: 10px;
  }
  .deptsearch{
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
    width: 100%;
    position: relative;
    display: block;
  }
  .smalltoggle{
    text-align: center;
    padding:  5px 0px 10px 0px;
  }

  .depttoggle{
    font-size: 14px;
  }
}
@media(max-width:580px) {
  .smdepttoggle{
    clear:both;
    text-align: center;
  }
}



/*Time Card Styles*/
.smtimecardtoggle{
  font-size: 16px;
  color:#fff;
  float: left;
}
.timecardtogglebtn:hover{
 color:#fac279;
} 
.timecard-summary-title {
  margin-right: 20px;
  font-weight: 600;
}
.timecard-summary{
  margin-right: 12px;
}
.timecard-totals {
  color: #fff;
}
.totals-summary{
  color:#000
}

.totals-summary tr:nth-of-type(2n+2){
  background-color: #f7e6d2;
}

.transfer-total{
  font-weight: 700;
}
.timecard-summaries{
  text-align: right;
  color: #666666;
}
.timecard-fields{
  width: 80px;
}
.timecardsubnav{
  width: 100%; 
  height: 50px; 
  background-color: #113f59; 
  display: block;
  top: 50px; 
}
.timecardsubnavlinks{
  padding: 15px 10px 0px 40px;
}
.timecardcopy{
  font-size: 14px;
  color: #666666;
}


.timecard tr:nth-of-type(4n+1){
  background-color:#fcfcfc;
}
.timecard tr:nth-of-type(4n+2){
  background-color: #ededed; 
  font-size:12px;
}
.timecard tr:nth-of-type(4n+3){
  background-color: #f7e6d2;
}
.timecard tr:nth-of-type(4n+4){
  background-color:  #f9e0c0;
  font-size:12px;
}
.timecardday{
  font-size: 14.5px;
  font-weight: 200;
  color: #3c5e8e;
}
@media(max-width:650px) {
  .timecard-top-controlls{
    display: none;
  }
  .smtimecardtoggle{
    font-size: 12px;
    text-align: center;
    float: none;
  }
  .timecardsubnavlinks{
    padding: 17px 0px 0px 0px;
  }  
}


/*add dept styles*/
.adtitle, .adtitletop {
  background-color: #f7e6d2;
  font-weight: 400;
  font-size: 16px; 
  margin-left:-15px;
  margin-right: -15px; 
  padding: 8px 0px 0px 0px;
  padding-bottom: .02px;
}
.adtitletop{
  margin-top: -20px; 
}
.adtitle{
  margin-top: 15px;
}



/*Reports styles*/
.approve-time-card, .approve-next{
   -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-size: 14px;
    padding: 6.5px 25px 6.5px 25px;
    border: solid #7fc67f 1px;
    text-decoration: none;
    background: #fff;
    color: #7fc67f;
}
.approve-time-card:hover, .approve-next:hover {
    background: #fff;
    color: #3c5e8e;
    border: solid #3c5e8e 1px;
}
  
.approve-next{

}
.user-card-name, .user-card-payperiod{
  float: left;
  padding-top: 10px;
  font-size: 16px;
}
.user-card-name{
  padding-right: 15px;
  font-weight: 700;
}
.batch-report-name-list{
  list-style-type: none;
  padding: 0px;
}
.batch-modal-header{
  padding-top: 0px!important;
  padding-bottom: 5px!important;
}
.smbatchtoggle{
  color:#113f59;
  padding-top: 12px;
  margin-left: 38%;
}
.batch-modal-space{
  margin-top: 50px;
}
.batch-report-name-title{
  
}
.batch-report-name-status{

}
.time-card-approval {
  display: absolute;
  padding: 0px 0px 0px 0px;
}
.no-approved {
  color:#a94442;
  margin-top: 10px;
}
.yes-approved {
  color:#7fc67f;
  margin-top: 10px;
  display: none;
}
.time-card-approval > h4 {
  display: block;
}
.batch-timecard tr:nth-of-type(4n+1){
  background-color:#f2f2f2;
}
.batch-timecard tr:nth-of-type(4n+2){
  background-color: #e6e6e6; 
  font-size:12px;
}
.batch-timecard tr:nth-of-type(4n+3){
  background-color: #f7e6d2;
}
.batch-timecard tr:nth-of-type(4n+4){
  background-color: #f4cb9a; 
  font-size:12px;
}
.batch-table-container{
  min-width: 100%;
  overflow: scroll;
}
.batch-table { 
  width: 100%;
  display: table; 
}
.batch-row { 

  display: table-row; 
}
.batch-cell { 
  display: table-cell;
  min-width: 300px;
  padding: 5px 10px 8px 8px; 
}
.batch-cell > input { 
  margin-right: 5px;
}
.batch-plus{
  padding: 0px 7px 0px 7px;
}
.date-input{
  color: #113f59!important;
}
.indent{
  padding-left: 20px;
}
.reports-timecard{
  float:right;  
  margin:5px 5px 0px 5px;
}
.reports-active-filter{
  float:right;  
  margin:5px 0px 0px 0px;
}
.reports-dropdown{
  color:#113f59!important;
}
.report-date-toggle{
  font-size: 16px;
  float: right;
  color:#3c5e8e;
  width: 317px;
  margin: 5px 0px 0px 0px;
}
.reports-toolcase{
  float: left;
}
.report-dept-title{
  color: #4d4d4d;
  font-weight: 700;
  background-color: #fac279;
}
.report-total{
  font-weight: 600;
  color: #666;
}
.dropdown-emp-filter{
  min-width: 75px!important;
}
.report-table-timecard tr:nth-of-type(2n+2){
  background-color: #f7f7f7;
}
.report-table-timecard tr:nth-of-type(1){
  background-color: #fac279;
}
.report-table-timecard tr:last-of-type {
  background-color: #f9e0c0;
  font-weight: 600;
  color: #4d4d4d;
}
.summary-toggle{
  font-size: 13px;
  color:#3c5e8e;
  padding: 12px;
  width: 700px;
  margin-left: 130px;
}
.summary-date{
  margin-left: 20px;
}
.report-table-employee-all tr:nth-of-type(1){
  background-color: #f7e6d2;
}
.report-table-employee-all tr:nth-of-type(2n+2){
  background-color: #f2f2f2;
}
.reports-summary-emplyee tr:nth-of-type(2n+2){
  color: #4d4d4d
}
.reports-summary-emplyee tr:nth-of-type(1){
  background-color: #f7e6d2;
}
.report-summary-list tr:nth-of-type(1){
  background-color: #fac279;
}
.report-summary-list tr:nth-of-type(2n+3){
  background-color: #f7ecdf;
}
.batch-summary-list div:nth-child(1){
  background-color: #fac279;
}
.batch-summary-list div:nth-of-type(2n+3){
  background-color: #f7e6d2;
}
.check-all, .check-all-hrs{
 margin-left: 8px;   
}
.check-all-hrs{
  font-weight: 600;
  color:#666666;
}
@media(max-width:980px) {
  .summary-toggle{
    margin-left: 0px;
    padding: 20px;
    width: 100%;
    height: 50px;
    float: left;
  }
}
@media(max-width:650px) {
    .smbatchtoggle{
    margin-left: 0;
    text-align: center;
  }
  .summary-toggle{
    padding: 12px;
  } 
  .summary-toggle{
    padding: 10px;
    width: 100%;
    height: 50px;
    float: none;
    text-align: center;
  } 
  .reports-dropdown{
    width:100%!important;
    margin:3px 0px 3px 0px;
  }
  .report-date-toggle{
    width:100%!important;
    margin:7px 0px 3px 0px;
  }
  .reports-timecard, .reports-active-filter{
    float:none;  
    display: block;
    width: 100%;
    text-align: center;
    margin:4px 0px 0px 0px;
  }  
}
.summary-date, 
.summary-dept{
  display: block;
  margin:5px;
}


/*Account styles*/
.input-plus-dropdown{
  width: 40%!important;
}
.account-invoices{
  color: #4d4d4d;
}
.account-invoices tr:nth-of-type(2n+2){
  background-color: #edf7ed;
}
.account-balance-table tr:nth-of-type(2n+1){
  background-color: #f2f2f2;
}
.account-balance-table tr:last-of-type{
  background-color: #edf7ed;
  font-weight: 600;
  color: #4d4d4d;
}
.current-balance-title{
  padding-right:20px;
}
.current-balance-titles{
  margin-bottom: 15px;
}
@media(max-width:650px) {
  .current-balance-title{
    display: block;
  }
}

/*chat widget*/
#fc_chat_layout{
  margin-right: 65px;
}

.chat-widget {

 top: 345px;

 right: -100px;

 border-bottom-left-radius: 5px;

 margin-top: -5px;

 padding: 12px;

 position: fixed;

 z-index: 9999;

 background-color: #122c3d;

 cursor: pointer;

 border-radius: 5px 0px 0px 5px;

 transition-duration: 0.25s;

}

.chat-widget .light{

 font-weight: 300;

 font-family: helvetica;

 color: #fff;

 font-size: 16px;

 padding-top: 6px;

 padding-left: 10px;

 float: left;

}

.chat-widget i{

 display: inline-block;

 height: 30px;

 width: 36px;

 float: left;

 background-repeat: no-repeat;

 background-image: url(../assets/images/fresh-chat-icon.png);

}

.chat-widget:hover,

.chat-widget.hover{

 right: 0;

 transition-duration: 0.25s;

}