@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html{
   height: 100%;
   box-sizing: border-box;
}
body{
   /* font-family:arial; */
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   color:#828282;
   position: relative;
   padding-bottom: 156px;
   min-height: 100%;
   font-weight: normal;
}

.main-footer {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1rem;
   background-color: #262626;
   text-align: center;
   color:#fff;
   height: 126px;
   width: 100%;
 }

 .main-footer img{
    padding-top: 30px;
 }


 .password-reset-section .panel-heading{
   background:#f4f4f4;
   text-transform: uppercase;
   color: #5c5c5c;
   font-size: 16px;
   font-weight: 600;
 }
 

.login-box{
   max-width: 620px;
   margin: 0 auto;
   background: #f4f4f4;
   padding: 40px;
   position: relative;
   margin-bottom:40px;
}

.login-box input[type="text"],
.login-box input[type="password"]{
   background: #f4f4f4;
   height: 50px;
   border: 1px solid #929292;
   font-size: 16px;
}

.login-box .btn.btn-blue{
   width: 140px;
   font-size: 18px;
   font-weight: 600;
   position: relative;
}

.login-box .btn.btn-blue i{
   position: absolute;
   right: 20px;
   top: 16px;
}

.forgot-password{
   position: absolute;
   right: 0;
   bottom: -40px;
}

.forgot-password a{
   font-style: italic;
   color:#bfbfbf;
}

.container{
   padding: 0;
}

.eye-icon{
   color:#5c5c5c;
   font-size: 28px;
}

.fa-star{
   color: #FFC107;
}

.close-icon{
   color:#5c5c5c;
   font-size: 28px;
}

.cat-info{
   margin: 3px 0px 0 5px;
   float: left;
}

.accordion-toggle{
   cursor: pointer;
}

.bootstrap-select .btn{
   background: #fff;
   color:#828282;
   font-weight: normal;
}

.case-sections .dataTable thead tr{
   background: #f4f4f4;
   color:#5c5c5c;
   
}

.case-sections .dataTable thead tr th{
   border-bottom:0;
   padding: 15px 10px;
   font-size: 12px;
   text-transform: uppercase
}

.standard-table{
   margin: 40px 0;
   margin-bottom: 0;
}

.standard-table .table th{
   text-transform: uppercase;
   color: #5c5c5c;
   background: #f4f4f4;
   padding: 13px 12px;
   font-size: 12px;
   font-weight: 600;
   border-bottom-width: 1px;
}


.standard-table .table td{
   padding: 13px 12px;
   color:#828282;
   font-size: 14px;
   text-align: left;
   vertical-align: middle;
}

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

.standard-table .table td a{
   color:#7ac6b6;
}

.case-sections .dataTable thead tr th.sorting_asc:after{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\f107";
   top: 3px;
   font-size: 16px;
}

.case-sections .dataTable thead tr th.sorting_desc:after{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\f106";
   top: 3px;
   font-size: 16px;
}



.case-sections  table.dataTable{
   border:1px solid #ddd !important;
}

.case-sections table.dataTable td{
   vertical-align: middle;
}


.list-update-case-view .grey-header{
   padding: 10px;
}

.btn-secondary{
   background: #828282;
   color:#fff;
}

.btn-secondary:hover{
   color:#fff;
   background: #a2a2a2;
}

.btn-blue{
   background: #257ca3;
   border-color: #257ca3;
   color:#fff;
}

.btn-blue:hover{
   background:#2987b1;
   border-color:#2987b1;
   color:#fff;
}

.blue-widget{
   background: #257ca3;
   padding: 20px;
   color: #fff;
}

.form-control{
   height: 40px;
}

.cat-list{
   padding-top: 5px;
   width: 80%;
   padding-left: 12px;
}

.expand-inner-div{
   margin: 0;
   padding: 10px;
}

.expand-inner-div.border-bottom{
   border-bottom: 1px solid #ddd;
}

.cost-section{
   padding: 24px;
   padding-top:0;
   border-right: 1px solid #ddd;
   border-left: 1px solid #ddd;
}

.time-allocation-section{
   padding: 14px;
   padding-top:0;
   padding-right: 0;
}

.cost-section .expanded-table tr:not(.black-bg) td:first-child{
   padding-left: 0;

}

.cost-section .expanded-table tr:not(.black-bg) td:last-child{
   padding-right:0;
}

.cost-section .expanded-table tr.last-column-pad td{
   padding-bottom: 20px;
}

.activity-table.table td{
   vertical-align: middle;
}

.percentage-icon{
   margin-top: 5px;
   margin-right: 8px;
}

.margin0{
   margin:0 !important;
}
.margin-top10{
   margin-top:10px;
}
.margin-top20{
   margin-top:20px;
}
.margin-top30{
   margin-top:30px;
}
.margin-top40{
   margin-top:40px;
}
.margin-top50{
   margin-top:50px;
}
.margin-bottom10{
   margin-bottom:10px;
}
.margin-bottom20{
   margin-bottom:20px;
}
.margin-bottom30{
   margin-bottom:30px;
}
.margin-bottom40{
   margin-bottom:40px;
}
.margin-bottom50{
   margin-bottom:50px;
}
.margin-left10{
   margin-left:10px;
}
.margin-left20{
   margin-left:20px;
}
.margin-left30{
   margin-left:30px;
}
.margin-left40{
   margin-left:40px;
}
.margin-left50{
   margin-left:50px;
}
.margin-right5{
   margin-right:5px;
}
.margin-right10{
   margin-right:10px;
}
.margin-right20{
   margin-right:20px;
}
.margin-right30{
   margin-right:30px;
}
.margin-right40{
   margin-right:40px;
}
.margin-right50{
   margin-right:50px;
}
.margin-auto{
   margin:0 auto;
}
.padding0{
   padding:0;
}
.padding-bottom10{
   padding-bottom:10px;
}
.padding-bottom20{
   padding-bottom:20px;
}
.padding-bottom30{
   padding-bottom:30px;
}
.padding-bottom40{
   padding-bottom:40px;
}
.padding-bottom50{
   padding-bottom:50px;
}
.padding-bottom60{
   padding-bottom:60px;
}
.padding-bottom70{
   padding-bottom:70px;
}
.padding-left5{
   padding:0 0 0 1px;
}
.padding-left10{
   padding-left:10px;
}
.padding-left20{
   padding-left:20px;
}
.padding-left30{
   padding-left:30px;
}
.padding-left40{
   padding-left:40px;
}
.padding-left50{
   padding-left:50px;
}
.padding-left60{
   padding-left:60px;
}
.padding-left70{
   padding-left:70px;
}
.padding-right5{
   padding:0 1px 0 0;
}
.padding-right10{
   padding-right:10px;
}
.padding-right20{
   padding-right:20px;
}
.padding-right30{
   padding-right:30px;
}
.padding-right40{
   padding-right:40px;
}
.padding-right50{
   padding-right:50px;
}
.clear{
   clear:both;
}
/* .border-box{
   border:1px solid #646567;
   height:auto;
   overflow:hidden;
   padding-top:40px;
} */
.logo{
   position:relative;
   /* top: 45px; */
   margin-top:15px;
}

.menu-right{
   padding-top:15px;
}

.username{
   text-transform: uppercase;
   color:#1d1d1b;
   padding-right:20px;
   border-right: 2px solid #1d1d1b;
   margin-right: 20px;
   margin-top:8px;
   font-size: 16px;
   text-decoration: none;
   font-weight: 600;
}

/* .logo img{
   width:50%;
} */
.border-box p{
   font-size:32px;
   font-weight:normal;	
}
.border-box a{
   font-size: 24px;
   color: #000;
   line-height: 35px;
}
.border-box a:hover{
   text-decoration:none;
}
.border-box a:focus{
   text-decoration:none;
   outline:none;
}
.icon{
   font-family: "FontAwesome";
   font-size: 28px;
   margin-right: 15px;
   position: relative;
   top: 2px;
}
/* .icon img{
   width: 50%;
} */
.width70{
   width:70%;
}
.width80{
   width:80%;
}
.width20{
   width:20%;
}
.btn{
   line-height:2;
}
.btn.btn-sm{
   line-height: 1.5;
}
.btn-grey{
   background-color:#ddd;
}


/* pop up */

a.outline-btn{
   border: 1px solid #ccc;
   font-size: 18px;
   width: 120px;
   height: 35px;
   display: block;
   float: left;
   background: #fff;
   margin-top: 20px;
   margin-right:20px;
   text-decoration: none;
   line-height: 35px;
}
a.black-btn{
   border: 1px solid #000;
   font-size: 18px;
   width: 120px;
   height: 35px;
   display: block;
   float: left;
   background: #000;
   margin-top: 20px;
   color: #fff;
   text-decoration: none;
   line-height: 35px;
}

/* End Pop Up*/


/*form*/
/* #content form input[type="text"],
#content form input[type="password"] {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
   -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
   -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
   -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
   box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background: #ffffff url(../img/login.png) no-repeat;
   border: 1px solid #646567;
   color: #777;
   font: 16px Arial, sans-serif;
   margin: 0 0 15px;
   padding: 12px 10px 12px 50px;
   width: 70%;
   height:50px;
} */

#username { background-position: 10px 14px !important }
#password { background-position: 10px -48px !important }
input[type="submit"].grey-btn{
   background: rgb(254,231,154);
   background: -moz-linear-gradient(top,  rgba(154,154,154,1) 0%, rgba(110,110,110,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: -o-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: -ms-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#6e6e6e',GradientType=0 );
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
   color: #ffffff;
   cursor: pointer;
   font: bold 22px Arial, sans-serif;
   height: 45px;
   position: relative;
   width: 100%;
   border:none;
}
input[type="submit"].grey-btn:hover {
   background: rgb(254,193,81);
   background: -moz-linear-gradient(top,  rgba(136,136,136,1) 0%, rgba(90,90,90,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: -o-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: -ms-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#5a5a5a',GradientType=0 );
}
input[type="button"].grey-btn{
   background: rgb(254,231,154);
   background: -moz-linear-gradient(top,  rgba(154,154,154,1) 0%, rgba(110,110,110,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: -o-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: -ms-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#6e6e6e',GradientType=0 );
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
   border: medium none;
   color: #ffffff;
   cursor: pointer;
   font: bold 18px Arial,sans-serif;
   height: 30px;
   margin: 5px;
   position: relative;
   width: 50%;
}
input[type="button"].grey-btn:hover {
   background: rgb(254,193,81);
   background: -moz-linear-gradient(top,  rgba(136,136,136,1) 0%, rgba(90,90,90,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: -o-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: -ms-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#5a5a5a',GradientType=0 );
}
a.grey-btn{
   background: rgb(254,231,154);
   background: -moz-linear-gradient(top,  rgba(154,154,154,1) 0%, rgba(110,110,110,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: -o-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: -ms-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#6e6e6e',GradientType=0 );
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
   color: #ffffff;
   cursor: pointer;
   font: bold 24px Arial, sans-serif;
   height: 45px;
   position: relative;
   width: 100%;
   border:none;
   padding:5px 0;
   display:inline-block;
   text-align:center;
}
a.grey-btn:hover, a.grey-btn:focus {
   background: rgb(254,193,81);
   background: -moz-linear-gradient(top,  rgba(136,136,136,1) 0%, rgba(90,90,90,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: -o-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: -ms-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#5a5a5a',GradientType=0 );
   text-decoration:none;
}
input[type="submit"].footer-btn{
   background: rgb(254,231,154);
   background: -moz-linear-gradient(top,  rgba(154,154,154,1) 0%, rgba(110,110,110,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: -o-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: -ms-linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   background: linear-gradient(top,  rgba(154,154,154,1) 0%,rgba(110,110,110,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#6e6e6e',GradientType=0 );
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
   border: medium none;
   color: #ffffff;
   cursor: pointer;
   font: bold 18px Arial,sans-serif;
   height: 30px;
   margin: 5px;
   position: relative;
   width: 50%;
}
input[type="submit"].footer-btn:hover {
   background: rgb(254,193,81);
   background: -moz-linear-gradient(top,  rgba(136,136,136,1) 0%, rgba(90,90,90,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: -o-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: -ms-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   background: linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(90,90,90,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#5a5a5a',GradientType=0 );
}
/*form end*/


/* RADIO start*/
.regular-radio {
   display: none;
}

.regular-radio + label {
   -webkit-appearance: none;
   background-color: #fafafa;
   border: 1px solid #cacece;
   box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
   padding: 9px;
   border-radius: 50px;
   display: inline-block;
   position: relative;
}

.regular-radio:checked + label:after {
   content: ' ';
   width: 10px;
   height: 10px;
   border-radius: 50px;
   position: absolute;
   top: 4px;
   background: #fff;
   box-shadow: inset 0px -15px 15px #5c5c5c;
   text-shadow: 0px;
   left: 4px;
   font-size: 32px;
}

.regular-radio:checked + label {
   background-color: #e9ecee;
   color: #99a1a7;
   border: 1px solid #5c5c5c;
   box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
   box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
/* RADIO end*/

.text-remember{
   position:relative;
   top:-10px;
   color:#808080;
   font-size:16px;
   margin-left:5px;
}
/* .login-form a{
   text-decoration:underline;
   color:#808080;
   font-size:16px;
} */
.login-form a:hover{
   text-decoration:none;
}
.detail-box{
   height:auto;
   /* background:#000; */
   padding:12px 0;
   text-align: left;
}

.detail-box .btn.btn-blue{
   border-radius: 4px !important;
   margin-left: 5px;
   padding: 5px 20px;
}

/* .detail-box.left{
   padding-right: 10px;
}

.detail-box.right{
   padding-left: 10px;
} */

.help-block{
   color: #E91E63;
   text-align: left;
}

.input-left{
   float:left;
   width:49%;
}
.input-right{
   float:right;
   width:49%;
}
.label{
   color:#828282;
   font-weight:bold;
   font-size:13px;
   vertical-align: top;
   line-height: 28px;
}
.stars{
   padding: 10px 0;
   float:left;
   margin-right:15px;
}
.stars-gemiddelden{
   padding: 7px 0 15px;
   float:left;
   margin-right:15px;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover{
   background:#fff;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{
   background:#fff;
}
.btn-default:hover{
   background:#fff;
}
.dropdown-menu .divider{
   background-color: none;
   border-bottom: 1px dotted #000;
   height: 0px;
   margin: 10px 0;
   overflow: hidden;
   padding: 0;
   display:none;
}
.caret {
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: 10px dashed;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
   border-bottom: 10px dashed;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
   font-weight:normal;
}
.bootstrap-select.btn-group .bs-caret span{
   display: none;
}
.bootstrap-select.btn-group .bs-caret{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
}
.bootstrap-select.btn-group .bs-caret:before{
   content: "\f107";
   
}


.text{
   font-weight:bold;
   font-size:14px;
   color:#000;
}
.dropdown-header{
   color:#000;
   margin-top:20px;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover{
   color:#000;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text{
   font-weight:normal;
}
.rating-star {
   margin: 0 5px;
   vertical-align: inherit;
}
.home-icon{
   background: rgba(0, 0, 0, 0) url("../img/sprite2.png") no-repeat scroll 0 6px / 1400% auto;
   display: block;
   float: left;
   height: 36px;
   width: 22px;
   position: relative;
   top: 3px;
}
/* .btn{
   padding: 5px 12px;
} */
.seperator{
   border-top:1px solid #cfcfd0;
   margin:10px 0;
}
.left-col{
   color:#404040;
   text-align:left;
}
.left-col p{
   font-size:14px;
}
p.text-bold{
   font-weight:bold;
}
.text-bold{
   font-weight:bold;
}
.text-right{
   text-align:right;
}
.text-center{
   text-align:center;
}
.star-icon{
   background: rgba(0, 0, 0, 0) url("../img/sprite2.png") no-repeat scroll -97px 0 / 590% auto;
   display: block;
   height: 36px;
   margin-left: 145px;
   width: 62px;
}
.one-star-icon{
   background: url("../img/1star.png") no-repeat;
   display: block;
   height: 23px;
   margin-left: 145px;
   width: 25px;
}
.three-star-icon{
   background: url("../img/3star.png") no-repeat;
   display: block;
   height: 23px;
   margin-left: 145px;
   width: 88px;
}
.total-box{
   width:100%;
   height:auto;
   /* background:#f3f3f3;
   border:1px solid #dddddd; */
   overflow:hidden;
   /* margin-top:10px; */
   line-height: 28px;
   border-bottom: 1px solid #ddd;
}

.hours-box{
   width: 100%;
   padding: 10px;
   border: 1px solid #ddd;
   padding-right: 100px;
}

.hours-box .grey-box.no-border{
   border-bottom: 0;
}

.graph-right{
   position: absolute;
   right: 30px;
   top: 0;
   width: 10%;
   height: 100%;
   border-left: 1px solid #ddd;
}

.left-total-box{
   width:50%;
   /* background: url("../img/sep.png") no-repeat right; */
   float:left;
   padding:10px 10px 0;
   text-align:left;
   height:140px;
}
.left-total-box p{
   font-size:15px;
}
.right-total-box{
   width:50%;
   float:left;
   padding:10px 10px 0;
   text-align:left;
   height:140px;
}
.right-total-box p{
   font-size:15px;
}
p.font18{
   font-size:18px;
}
.graph-icon{
   float: left;
   margin-left: 10px;
   margin-top: 110px;
   width: 15%;
}
.btn-primary {
   background-color: #fff !important;
   background-image: none;
   border-color: #fff;
   box-shadow: none;
}
.btn-primary:hover {
   background-color: #fff;
   border-color: #fff;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{
   background-color: #fff;
   border-color: #fff;
}
.btn.active, .btn:active{
   box-shadow:none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{
   outline:none;
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary{
   background-color: #fff;
   border-color: #fff;
}
.btn-primary:hover {
   background-color: #fff;
   border-color: #fff;
}
.btn-primary.focus, .btn-primary:focus {
   background-color: #fff;
   border-color: #fff;
}
.watch-icon{
   background: url("../img/clock.png") no-repeat;
   height: 20px;
   margin-right: 10px;
   width: 17px;
   display: inline-block;
   vertical-align: middle;
}
.money-icon{
   background: url("../img/euro.png") no-repeat;
   height: 17px;
   margin-right: 10px;
   width: 13px;
   display: inline-block;
   vertical-align: middle;
}
a.lock-icon{
   background: url("../img/lock-icon.png") no-repeat;
   width:33px;
   height:33px;
   display:block;
   float:left;
}
a.lock-icon:hover{
   background: url("../img/lock-icon-h.png") no-repeat;
}
a.measure-icon{
   background: url("../img/balance-icon.png") no-repeat;
   width:33px;
   height:33px;
   display:block;
   float:left;
   margin-left:5px;
}
a.measure-icon:hover{
   background: url("../img/balance-icon-h.png") no-repeat;
}
a.document-icon{
   background: url("../img/icon11.png") no-repeat;
   width:45px;
   height:45px;
   display:block;
   float:left;
}
a.document-icon:hover{
   background: url("../img/icon11-hover.png") no-repeat;
}
a.menu-icon{
   text-decoration:none !important;
}
.grey-box{
   /* background:#f3f3f3; */
   /* border-left:1px solid #6c6d6f;
   border-right:1px solid #6c6d6f;*/
   border-bottom:1px solid #ddd; 
   padding:10px;
   height:auto;
   overflow:hidden;
}

.no-border{
   border:0;
}

.grey-box:last-child{
   border-bottom: 0;
}

.grey-box p{
   margin:0;
}

/* menu start*/
ul.menu{
   width:100%;
   /* height:130px; */
   background:#f4f4f4;
   /* border:1px solid #646567; */
   margin:25px 0 20px;
   padding:15px 5px;
   text-align:left;
   float: left;
   /* height: 90px; */
   /* display: flex;
   align-items: center; */
   display: table-row;
}
ul.menu li{
   width:25%;
   /* float:left; */
   list-style:none;
   border-right:2px solid #c8c7cc;
   /* height:129px; */
   padding: 0 20px;
   /* height: 100%; */
   display: table-cell;
   vertical-align: middle;
   position: relative;
}
ul.menu li.itemCount3{
   width:33.3%;
}
ul.menu li:last-child{
   border-right:none;
}

/* ul.menu li:last-child a{
   line-height:65px;
} */
/* ul.menu li [class*="icon"]{
   width:90px;
   height:80px;
   float:left;
   background:url(../img/sprite.png) no-repeat;
}
ul.menu li span.icon1{
   background-position: 15px 0px;
   background-size: 400% auto;
   margin-right:10px;
}
ul.menu li span.icon2{
   background-position: -80px 0px;
   background-size: 400% auto;
   margin-right:10px;
}
ul.menu li span.icon3{
   background-position: -184px 0px;
   background-size: 400% auto;
   margin-right:10px;
}
ul.menu li span.icon4{
   background-position: -285px 0px;
   background-size: 400% auto;
   margin-right:10px;
} */
ul.menu li a{
   color:#5c5c5c;
   font-size:14px;
   font-weight:bold;
   line-height:20px;
   /* height:90px; */
   display:block;
   vertical-align: middle;
}

ul.menu li a i{
   font-size: 25px;
   float: left;
   position: absolute;
   top: 30%;
}

ul.menu li a span{
   display: block;
   margin-left: 40px;
   text-transform: uppercase;
}

/* ul.menu li.active a:after{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 10px 0 10px;
border-color: #94c9b7 transparent transparent transparent;
bottom: -30px;
position: absolute;
left: 45%;
} */

/* ul.menu li:hover{
   background:#848484 url(../img/traingle.png) no-repeat;
   background-position:center bottom;
} */
ul.menu li:hover a{
   color:#7ac6b6;
   text-decoration:none;
}
ul.menu li:hover span.icon1{
   background-position: 15px -115px;
}
ul.menu li:hover span.icon2{
   background-position: -80px -115px;
}
ul.menu li:hover span.icon3{
   background-position: -184px -115px;
}
ul.menu li:hover span.icon4{
   background-position: -285px -115px;
}
/* ul.menu li.active{
   background:#646567 url(../img/traingle.png) no-repeat;
   background-position:center bottom;
} */
ul.menu li.active a{
   color:#7ac6b6;
}
/* ul.menu li.active span.icon1{
   background-position: 15px -115px;
}
ul.menu li.active span.icon2{
   background-position: -80px -115px;
}
ul.menu li.active span.icon3{
   background-position: -184px -115px;
}
ul.menu li.active span.icon4{
   background-position: -285px -115px;
} */
/* menu end*/

/*nav*/
.menu-nav{
   /* border-bottom:1px solid #646567;
   border-left:1px solid #646567;
   border-right:1px solid #646567; */
   /* height:45px; */
   /* -moz-box-shadow:    2px 6px 12px -12px #000000 inset;
  -webkit-box-shadow: 2px 6px 12px -12px #000000 inset;
  box-shadow:         2px 6px 12px -12px #000000 inset; */
  background: #f4f4f4;
  /* width: 100%;
  float: left; */
  padding: 10px;
}
.menu-nav ul{
   list-style:none;
   margin:0;
   padding:0;
   display: table-row;
}
.menu-nav ul li{
   border-right:2px solid #c8c7cc;
   /* float:left; */
   width: 16.66%;
   /* height:45px; */
   text-align: center;
   text-transform: uppercase;
   display: table-cell;
   vertical-align: middle;
   font-size: 12px;
}
.menu-nav ul li a{
   color:#5c5c5c;
   font-weight: 600;
   width: 100%;
   display:block;
   /* height:45px; */
   padding: 0 15px;
}
.menu-nav ul li a:hover{
   /* background:#333 url("../img/traingle.png") no-repeat scroll center bottom / 9% auto;
   background-position:center bottom; */
   color:#7ac6b6;
   font-weight:bold;
   text-decoration:none;
}
.menu-nav ul li a.active{
   /* background:#000 url("../img/traingle.png") no-repeat scroll center bottom / 9% auto;
   background-position:center bottom; */
   color:#7ac6b6;
   font-weight:bold;
   text-decoration:none;
}
.menu-nav ul li:last-child{
   border-right:none;
}
/* .menu-nav ul li:last-child a{
   color:#000;
   font-weight:bold;
   padding-top: 3px;
   word-spacing: 95px;
   line-height:18px;
} */
/* .menu-nav ul li:last-child a:hover{
   color:#fff;
}
.menu-nav ul li:last-child a.active{
   color:#fff;
} */
.table-responsive{
   margin-top:35px;
}
/* .table{
   border:2px solid #818284;
}
.table tr.expanddiv{
   background:#ffffff;
}
.expanddiv .row {
   margin-left: 0;
   margin-right: 0;
}
.table tr.greydiv{
   background:#f3f3f3;
}
.table tr{
   background:#f3f3f3;
}
.table tr:hover{
   background:#ffffff;
}
.table tr:active{
   background:#ffffff;
}
.table tr:focus{
   background:#ffffff;
}
.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active{
   background:#ffffff;
}
.table td{
   border-top:2px solid #818284;
   border-bottom:none;
   border-right:2px solid #818284;
   vertical-align:middle !important;
   line-height: 35px !important;
}
.table td:last-child{
   border-right:none;
}
.table tr:last-child{
   border-bottom:2px solid #818284;
}
.table td:first-child{
   border-left:2px solid #818284;
   line-height: 50px !important;
} */
/* .glyphicon{
   top: 10px;
} */
.table td.grey-text{
   color: #7f7f7f;
}
.table tr:hover td.grey-text{
   color: #000;
}
.question-icon{
   background:url("../img/icon1.png") no-repeat;
   display: inline-block;
   height: 15px;
   vertical-align: middle;
   width: 15px;
}
.table tr:hover .question-icon{
   background:url("../img/icon1-active.png") no-repeat;
}
.footer{
   /* background:#000; */
   /* height:40px; */
   margin-top:20px;
   margin-bottom: 50px;
   /* background: #f4f4f4; */
   padding: 10px 0;
   width: 100%;
   float: left;
}
.footer a{
   color:#5c5c5c;
   font-weight:bold;
   font-size:16px;
   padding:10px 0;
}

.footer .col-md-4{
   padding: 0;
}

.footer a:hover{
   text-decoration:none;
   color: #7ac6b6;
}
.table td.hiddenRow{
   border: medium none;
   padding: 0;
}
.right-arrow{
   background:url("../img/icon2.png") no-repeat;
   width:35px;
   height:35px;
}
.down-arrow{
   background:url("../img/icon8.png") no-repeat;
   width:35px;
   height:35px;
}
.glyphicon-chevron-up::before {
   content: "";
   background:url("../img/icon-expand.png") no-repeat;
   width:26px;
   height:27px;
   display:block;
   cursor:pointer;
}
.glyphicon-chevron-down::before {
   content: "";
   background:url("../img/icon-collapse.png") no-repeat;
   width:26px;
   height:27px;
   display:block;
   cursor:pointer;
}
.tabs-left > li > a{
   border-radius: 0;
}
/* .tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus{
   border-bottom-color: #818284 !important;
} */
/* .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
   border-width: 2px;
   border-color: #818284 #818284 transparent;
} */
.nav-tabs > li.active:first-child > a, 
.nav-tabs > li.active:first-child > a:focus, 
.nav-tabs > li.active:first-child > a:hover{
   border-top-width: 0px;
   border: 0;
   
}
.tabs-left > li > a{
   border-radius: 0px !important;
   color:#555;
   padding-left: 10px;
   border: 0 !important;
}
.tabs-left > li > a i{
   float: right;
   right: 15px;
   position: relative;
}
.nopadding{
   padding:0;
}

.nav-tabs>li>a:hover{
   border-color: transparent;
   background-color: transparent;
}

.tabs-left, .tabs-right{
   padding-top:0 !important;
   border-right:0 !important;
}
/* .tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus{
   background:rgba(255, 255, 255, 255) url("../img/left-bg.png") no-repeat scroll left top / 10px auto;
} */
.tabs-left > li, .tabs-right > li{
   /* background: #f3f3f3; */
   margin-bottom: 1px;
   margin-top: 2px;
}
.tabs-left > li:first-child, .tabs-right > li:first-child{
   margin-top: 0px;
}
/*.tabs-left > li > a:first-child{
   border-top:none;
}*/
.tabs-left > li.active:first-child{
   border-top:2px solid #818284;
}

.tabs-left > li.active {
   /* margin-right: -3px !important; */
   z-index:1;
}
.tabs-left > li.active:first-child{
   border-top:none;
}
.tabs-left > li {
   margin-right: 0 !important;
}
.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus{
   outline:none;
   color:#7ac6b6;
   border: 0 !important;
}
.tab-content{
   border-bottom: none;
	   height: auto;
	   overflow: hidden;
	   border-right: 0
}
/* .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
   border-top:2px solid #818284;
} */
.expanded-table{
   border-left:none;
}
.expanded-table td{
   border:none;
   background:#fff;
   padding:6px 10px;
   line-height: 22px !important;
}
.expanded-table td:first-child{
   border-left:none;
   line-height: 22px !important;
}
.expanded-table .form-control{
   box-shadow:none;
}
.expanded-table tr:last-child{
   border-bottom:none;
}
.zoom-table td{
   border-bottom:1px solid #ddd !important;
   padding:8px 10px;
   line-height: 18px !important;
   border-right: none;
   border-top:none;
}
.zoom-table tr:last-child td{
   border-bottom:none !important;
}
/* .zoom-table tr:hover{
   background:#f3f3f3;
}
.table tr.greydiv:hover{
   background:#f3f3f3;
} */
/* .table tr.greydiv{
   border-left: 2px solid #818284;
} */
.zoom-table td:first-child {
   border-left: none;
   line-height: 18px !important;
}
.zoom-table tr:last-child {
   border-bottom: none;
}
.grey-border{
   border-right: 2px solid #818284;
   border-left: 2px solid #818284;
}
/* .grey-border-bottom, table td.bottomGreyBorder{
   border-bottom: 2px solid #818284;
} */
.grey-border-top{
   border-top:2px solid #818284;
}
tr.black-bg td{
   background: #257ca3;
   color: #fff;
   font-size: 14px;
   font-weight: normal;
   padding: 6px 10px;
}
tr.black-bg td:first-child{
   border-radius: 3px 0 0 3px;
}

tr.black-bg td:last-child{
   border-radius: 0 3px 3px 0;
   text-align: right;
}

input.activities{
   border: 1px solid #ddd;
   border-radius: 3px;
   height: 25px;
   line-height: 25px;
   margin: 0;
   padding: 0 10px;
   text-align: left;
   width: 120px;
}
.form-row{
   width:100px;
}
.form-row input {
   padding: 3px 1px;
   width: 100%;
}
input.currency {
   text-align: left;
   padding-right: 2px;
   background:#ececec;
   border-left:none;
}
.input-group-addon{
   background:#ececec;
   padding:6px 5px 6px 12px;
}
.input-group .form-control {
   float: none;
}
.input-group .input-buttons {
   position: relative;
   z-index: 3;
}
.zoom-bg-down{
   background:#f3f3f3;
   border-bottom:none !important;
}
.white-tooltip + .tooltip > .tooltip-inner {background-color: rgb( 255, 255, 255 ); color:#000; border:2px solid #757678;}
.white-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#ffffff; background-color: rgb( 255, 255, 255 );}
.input-group .search-control{
   width: 98%;
   border-radius: 4px !important;
}
.btn-search{
   padding:2px 30px; 
   border-radius: 4px !important;
   /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#979797), to(#6e6e6e)); 
   /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #979797, #6e6e6e); 
   /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #979797, #6e6e6e); 
   /* IE 10 */ background: -ms-linear-gradient(top, #979797, #6e6e6e); 
   /* Opera 11.10+ */ background: -o-linear-gradient(top, #979797, #979797);
   border:none;
   text-align:center;
   color:#fff;
   font-weight:bold;
   font-size:16px;
	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#979797', GradientType=1 );
}
/* .detail-box .form-group{
   margin:0;
} */
.grey-header{
   background: #fff;
   padding:5px 10px;
   font-size:14px;
   font-weight:600;
   color:#5c5c5c;
   margin:10px 0 10px 0;
   height:auto;
   overflow:hidden; 
   line-height:39px;
   border:1px solid #ddd;
}
/*.grey-header img{
   width:85%;
}*/
.grey-header .pull-right{
   text-align:right;
}
table.dataTable{
   border:1px solid #818284 !important;
   margin-bottom: 25px !important;
   margin-top: 1px !important;
}
/* table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{
   border-right:1px solid #818284;
} */
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate{
   display:none;
}
.dataTable thead tr{
   background: #000;
   color:#fff;
   text-align:center;
}
/* .dataTable thead tr:hover{
   background: #000;
} */
.top10{
   top:10px;
}
.header-offer img{
   width:68%;
   margin:65px auto 40px;
   text-align:center;
}
.header-offer .form-control{
   /* border: 2px solid #666769; */
   font-size:14px;
}
.header-offer .form-control::-moz-placeholder{
   color:#808080;
}
.bs-example{
   margin:70px 0 20px;
}
/*.bs-example .table{
   border:none;
}*/
/* .bs-example .table > caption + thead > tr:first-child > td, .bs-example .table > caption + thead > tr:first-child > th, .bs-example .table > colgroup + thead > tr:first-child > td, .bs-example .table > colgroup + thead > tr:first-child > th, .bs-example .table > thead:first-child > tr:first-child > td, .bs-example .table > thead:first-child > tr:first-child > th{
   background:#000;
   color:#fff;
}
.bs-example .table td:first-child {
   border-left: none;
}
.bs-example .table th {
   border-bottom: none;
   border-right: 2px solid #818284;
   border-top: none;
   line-height: 35px !important;
   vertical-align: middle !important;
   font-weight:bold;
}
.bs-example .table td{
   border:2px solid #818284;    
   border-top: none;
   line-height: 35px !important;
   vertical-align: middle !important;
   white-space: nowrap;
   padding: 1px 3px !important;
}
.bs-example .table td:first-child{
   font-weight:bold;
}
.bs-example .table td:last-child, .bs-example .table th:last-child {
   border-right: none;
} */
.footer-box{
   padding:20px;
   font-size:14px;
   background: #f4f4f4;
   color: #5c5c5c;
}

.link{
   color: #94c9b7;
}

.footer-box .foot-sections{
   margin-bottom: 20px;
}

.footer-box .foot-sections:last-child{
   margin-bottom: 0;
}

.modal-dialog img{
   width:100%;
}
.modal-header {
   min-height: auto;
   padding: none;
   /* border:1px solid #000; */
   text-align: left;
}
button.close{
   left: 29px;
   position: relative;
   top: -28px;
   opacity:1;
}
.close:focus, .close:hover{
   opacity:1;
}
/* .black-border{
   border:1px solid #000;
} */
.modal-content{
   box-shadow:none;
   border:0px solid rgba(209, 209, 209, 0.5);
   border-radius:0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
   background-color: #fff;
   background-image: none;
   color: #262626;
   outline: medium none;	
}
.dropdown-menu > li > a:hover{
   background-color: #D8D8D8;
	background-image: none;
   color: #262626;
   outline: medium none;
}
.tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus{
   margin-top:0px;
}
.bootstrap-select.btn-group .dropdown-menu li:first-child {
   border-bottom: 1px dashed #000;
   padding-bottom: 8px;
}
.spinner .form-control{
   background:none;
   border:none;
   width: 71%;
   padding: 6px 0;
}
.spinner .input-group-addon{
   border:none;
   padding:4px 5px 6px 12px;
   background:none;
}
.spinner .fa{
   color:#434342;
}
.spinner{
   width:100px;
   background:#ececec;
   border:1px solid #ddd;
   border-radius:3px;
   padding-left: 15px;
}
.currency{
   padding:8px 5px 6px 10px;
}
.spinner.input-group input{
   text-align:left;
   color:#000;
}
.spinner .input-group-addon{
   padding: 4px 5px 6px 0px;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"]{
   margin-bottom:10px;
}
.admin-text{
   left: -92px;
   position: relative;
}
.drop .dl-menuwrapper{
   position:relative !important;
}
.drop .dl-menuwrapper:first-child {
margin-right: 100px;
padding-left:0px;
}
.drop .dropdown .btn{
   padding: 0 15px;
   margin-right: 10px;
}
.drop .dropdown-menu{
   left: 1px;
}
.dropdown{
   position:absolute;
}
.dropdown .btn{
   background:url(../img/menu.png) no-repeat right;
   padding: 0 24px;
   height:34px;
}
.dropdown .btn:hover{
   background:url(../img/menu-hover.png) no-repeat right;
}
ul.dl-menu{
   margin:0;
   padding:0;
   list-style:none;
   box-shadow: 0 0 5px #cfcfcfdd;
}
ul.dl-menu li{
   border-bottom:1px solid #eee;
   padding:0;
}
ul.dl-menu li:last-child{
   border-bottom:none;
}
ul.dl-menu li a:hover{
   background:#fff;
   color:#94c9b7;
}
ul.dl-menu li a{
   color:#828282;
   font-size:14px;
   font-weight: bold;
   display:block;
   /* padding-left:35px; */
   padding: 10px 10px;
   line-height: normal;
   text-decoration: none;
   text-transform: uppercase;
}

header .dl-menuwrapper button:after {
   content: '';
   position: absolute;
   width: 60%;
   height: 2px;
   background: #000;
   top: 10px;
   left: 16%;
   box-shadow: 0 8px 0 #000, 0 16px 0 #000;
}

header .dl-menuwrapper button.dl-active{
   background: #fff;
}

header  .dl-menuwrapper button.dl-active:after{
   box-shadow: 0 8px 0 #000, 0 16px 0 #000;
   background: #000;
   width: 60%;
   height: 2px;
   top: 10px;
}

/* ul.dl-menu li a.gebruiker-aanmaken{
   background:url(../img/icon1.jpg) no-repeat left;	
}
ul.dl-menu li a.gebruikerslijst-tonen{
   background:url(../img/icon2.jpg) no-repeat left;	
}
ul.dl-menu li a.uitloggen{
   background:url(../img/icon3.jpg) no-repeat left;	
}
ul.dl-menu li a.gebruiker-aanmaken:hover{
   background:url(../img/icon1-hover.jpg) no-repeat left #fff;
   color:#000;
}
ul.dl-menu li a.gebruikerslijst-tonen:hover{
   background:url(../img/icon2-hover.jpg) no-repeat left #fff;
   color:#000;
}
ul.dl-menu li a.uitloggen:hover{
   background:url(../img/icon3-hover.jpg) no-repeat left #fff;
   color:#000;
} */
.admin-box{
   /* border:1px solid #646567; */
   height:auto;
   overflow:hidden;
   /* padding:30px; */
}

.admin-box h4{
   text-transform: uppercase;
   color:#5c5c5c;
   font-size: 16px;
}

.admin-box label{
   line-height:30px;
}

.admin-box label.control-label{
   display: block;
   text-align: right
}

.admin-box table.dataTable thead .sorting::after{
   content:none;
}
.admin-box table.dataTable a{
   color:#000;
   text-decoration:underline;
}
.admin-box .form-control{
   /* border:2px solid #626668; */
   box-shadow:none;
   font-size: 14px;
   height: 40px;
}

a.average-lock-icon{
   background: url("../img/lock-icon-h.png") no-repeat;
   width:33px;
   height:33px;
   display:block;
   float:left;
}

a.average-lock-icon:hover{
   background: url("../img/lock-icon.png") no-repeat;
}

a.average-measure-icon{
   background: url("../img/balance-icon-h.png") no-repeat;
   width:33px;
   height:33px;
   display:block;
   float:left;
   margin-left:5px;
}
a.average-measure-icon:hover{
   background: url("../img/balance-icon.png") no-repeat;
}

.disableClick{
   pointer-events: none;
}

.zoom-bg-down{
   background:#f3f3f3;
   border-bottom:none !important;
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
   ul.menu li a {
   font-size: 12px;
}
ul.menu li span.icon1 {
   background-position: 15px 0px;
   background-size: 319% auto;
   margin-right: 0;
}
ul.menu li span.icon2 {
   background-position: -60px 0px;
   background-size: 320% auto;
   margin-right: 0;
}
ul.menu li span.icon3 {
   background-position: -135px 0px;
   background-size: 320% auto;
   margin-right: 0;
}
ul.menu li span.icon4 {
   background-position: -224px 0px;
   background-size: 320% auto;
   margin-right: 0;
}
ul.menu li.active span.icon1 {
   background-position: 15px -89px;
}
ul.menu li.active span.icon2 {
   background-position: -60px -89px;
}
ul.menu li.active span.icon3 {
   background-position: -135px -89px;
}
ul.menu li.active span.icon4 {
   background-position: -224px -89px;
}
.stars {
   margin-right: 8px;
}

.stars-gemiddelden {
   padding: 5px 0 15px;
   float: left;
   margin-right: 8px;
}
input[type="submit"].grey-btn{
   font: bold 18px Arial, sans-serif;
}
.total-box{
   line-height: 18px !important;
}
.grey-box{
   padding: 10px 5px;
}
.menu-nav ul li a{
   padding-top: 3px;
}
.tabs-left > li > a {
   font-size: 12px !important;
}
.black-border img{
   width:90%;
}
.black-border {
   margin-bottom: 50px;
}
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
.border-box{
   margin-top:165px;
}
.logo {
   top: 202px;
}
ul.menu{
   height:151px;
}
ul.menu li{
   height:150px;
}
ul.menu li.active span.icon1 {
   background-position: 15px -95px;
}
ul.menu li.active span.icon2 {
   background-position: -69px -95px;
}
ul.menu li.active span.icon3 {
   background-position: -150px -95px;
}
ul.menu li.active span.icon4 {
   background-position: -238px -96px;
}
ul.menu li span {
   width: 75px;
}
ul.menu li a {
   color: #000;
   font-size: 16px;
}
ul.menu li span.icon2 {
   background-position: -72px 0px;
}
ul.menu li span.icon3 {
   background-position: -150px 0px;
}
ul.menu li span.icon4 {
   background-position: -238px 0px;
   margin-right: 0px;
}
ul.menu li:hover span.icon1 {
   background-position: 15px -95px;
}
ul.menu li:hover span.icon2 {
   background-position: -69px -95px;
}
ul.menu li:hover span.icon3 {
   background-position: -150px -95px;
}
ul.menu li:hover span.icon4 {
   background-position: -238px -96px;
}
.rating-star{
   margin:0;
}
select.bs-select-hidden, select.selectpicker {
   display: block !important;
}
.form-control{
   height:45px;
}
.margin-top20 {
   margin-top: 10px;
}
.padding-left40 {
   padding-left: 15px;
}
.width80 {
   width: 89%;
}
.graph-icon {
   float: left;
   height: 100px;
   margin-left: 15px;
   margin-top: 132px;
   width: 11%;
}
.left-total-box, .right-total-box{
   padding: 10px 5px 0;
}
.menu-nav ul li a{
   padding-top: 2px;
}
.grey-border-bottom {
   padding: 8px 0;
   font-size: 12px;
}
.tabs-left > li > a{
   font-size: 12px;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
   .border-box{
		   margin-top:70px;
   }
   .logo {
		   position: relative;
	   top: 120px;
   }
   select.bs-select-hidden, select.selectpicker {
	   display: block !important;
   }
   ul.menu li a {
	   font-size: 18px;
   }
   .form-control{
		   height:45px;
   }
   .margin-top20 {
	   margin-top: 10px;
   }
   .graph-icon {
   }
}

.hide {
   display: none;
}

/* .activityTotalHours {
   border-bottom: 2px solid #818284;
}		 */
.font-weight-normal{
   font-weight: normal;
}
.sorting_1 label.top10{margin-right: 7px;}
.createcase-form-block span.label{margin-top:-6px; display: inline-block;}
.stars i{top:-9px; position: relative; font-size: 16px; margin-left: 5px; color: #FFC107;}
.stars > .label.first{padding-left: 0; position: relative; top: -3px;}

/* .download-calc-tableinner table tr:last-child td, .download-calc-tableinner table tr:last-child{border-bottom: 0;}
.download-calc-tableinner{border-radius: 6px; border: 2px solid #818284;}
.download-calc-tableinner table{border:none;  margin-bottom: 0px !important;}
.download-calc-tableinner table th:first-child{border-radius: 5px 0 0 0;}
.download-calc-tableinner table th:last-child{border-radius: 0px 5px 0 0;}
.download-calc-tableinner table tr:last-child td:first-child {border-radius: 0px 0 0 5px;}
.download-calc-tableinner table tr:last-child td:last-child {border-radius:  0px 5px 5px 0;} */

.modal-dialog a.black-btn, .modal-dialog a.outline-btn{border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px;}
.information-icon .glyphicon{top: 4px; right: -3px; color: #000;}
.popover{max-width: 343px;}

.table-footerinfo-details{
	 padding-left: 0px;
	 list-style: none;
} 
.table-footerinfo-details span.list-details{display: inline-block; width: 18px; float: left; color: #257ca3}
.table-footerinfo-details span.list-detailsinfo{display: inline-block; float:left; width:97%;}
.table-footerinfo-details li{
   margin-bottom: 5px; 
   clear:both;
   overflow: hidden;
   text-align: justify;    
} 
.download-calc-tableinner table{
   margin-bottom: 5px;
}
.download-calc-tableinner table td, .download-calc-tableinner table th{
   text-align: center;
}
.download-calc-tableinner table td:first-child, .download-calc-tableinner table th:first-child{
   text-align: left;
}

.download-calc-tableinner table td:last-child, .download-calc-tableinner table th:last-child{
   text-align: right;
}

.header-offer .bs-example.download-calc-table{margin-top:35px;}

@media (min-width:  991px){
.margin-left14{padding-left: 14px; margin-top: 6px;}

.usercontact-info-details .col-md-2{
   width:14% !important;
}

.usercontact-info-details .col-md-10{
   width: calc(100% - 14%) !important;
}    
}


.download-calc-tableinner table td{
    text-align: right;
}
.download-calc-tableinner table .column-width {
    width:18%;
}
.default-rate{
    width: 120px !important;
}

.hidden-filter{
	overflow: hidden;
}


.prosecutor-block{
	border-bottom:1px solid #ddd;
	padding:30px 20px 10px 20px;
   position: relative;
}

.prosecutor-block .col-sm-3{
   border-right: 1px solid #ddd;
}

.prosecutor-block .table tr:first-child td{
   border-top: 0;
   padding-top: 0;
}

.prosecutor-block .table{
   margin-bottom: 0;
}

.black{
   color:#000;
}

/* .prosecutor-block .saperator{
	padding: 10px 15px
}
.prosecutor-block p{
	margin: 0 0 5px 0;
}
.prosecutor-block .table-responsive{
	margin-top:0;
}
.prosecutor-block .table-responsive .table{
	margin:12px 0;
}
.prosecutor-block .table-responsive .table tr{
	background:transparent;
}
.prosecutor-block .table-responsive .table tr td{
	line-height:1.6!important;
}
.prosecutor-block .table-responsive .table tr td p{
	margin-bottom:0;
}
.table-noborder, .table-noborder td:first-child, .table-noborder tbody tr td, .table-noborder tr:last-child{
	border:0;
}
.prosecutor-block .saperator{
	position: relative;
}
.prosecutor-block .saperator:after{
    background: url(../img/sep-transparent.png) no-repeat right;
    content: "";
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    right: 0;
} */
.icon-sigma {
    background-image: url(../img/sigma.png);
    position: absolute;
    width: 16px;
    height: 18px;
    bottom: 0;
    right: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}

.menu-nav > ul > li {
	position: relative;
}

/* .prosecutor-block .watch-icon{
	width:30px;
	padding-left:30px;
	height:35px;
	background: rgba(0, 0, 0, 0) url("../img/sprite2.png") no-repeat scroll -188px 0 / 950% auto;

}

.prosecutor-block .money-icon{
	width:30px;
	padding-left:30px;
	height:35px;
	background: rgba(0, 0, 0, 0) url("../img/sprite2.png") no-repeat scroll -145px 3px / 950% auto;

} */

.menu-nav > ul > li .icon-sigma{
    display:none;
    cursor:pointer;
}
.menu-nav > ul > li a.active + .icon-sigma {
    display:block;
}

/*UI CHNAGES*/
ul.dl-menu li a span{
    line-height:16px;
}

ul.dl-menu li a.navmenu-historydata span{
    display: inline-block;
    margin-bottom: 10px;
}

ul.dl-menu li a.navmenu-historydata input{
   margin: 10px 5px 0 0px;
}

.dl-menuwrapper .dl-menu{
    z-index: 9 !important;
}

.hours-block .grey-box{
    padding: 13px 10px !important;
    
}

.hours-block .grey-box-downarrow{
    background: #f3f3f3;
}

.grey-box-downarrow .down-arrow{
    background: url(../img/sep_down.png) center -7px no-repeat;
    width: 31px;
    height: 16px;
    position: absolute;
    top: 151px;
    left: calc(50% - 79px);
}
.complexity-block .bootstrap-select{
   width:140px !important;
   font-size: 12px;
   margin-top: 8px;
}
/* Below css added by raviraj to show cursor for sorting */
th.search_by_asc {
    cursor: pointer;
}
th.search_by_desc {
    cursor: pointer;
}
.ajax-loader {
    display: none;
  position: absolute;
  left: 50%;
}

.icon-droparrow{
    background-image: url("../img/toggle-icon.png");
    background-repeat: no-repeat;
    bottom: -24px;
    height: 20px;
    position: absolute;
    right: calc(50% - 10px);
    width: 27px;
    cursor: pointer;
    z-index: 1;
}



.icon-droparrow[aria-expanded="true"]{
   background-image: url("../img/toggle-icon-active.png");
}


.custom-checkbox{
   padding: 10px 0;
   margin: 0;
}