body {  
    background: url("../images-new/bg.gif") no-repeat scroll center top #E8E8E8;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #5C5C5C;
}
a{
    color:#428bca;	
}
a, a:focus{
    outline:none;
}
a:hover{
    text-decoration:none;
}
ul, li{
    list-style:none;
}
input, textarea{
    border-radius:0px;
    resize:none;
}
label{
    font-weight:400;
}

/********* background color **********/
.mehronbg, .mehronbg a{
    background:#660000;
    color:#fff !important;
}
.greenbg, .greenbg td, .greenbg a{
    background:#5cb85c !important;
    color:#fff !important;
}
.yellowbg, .yellowbg td, .yellowbg a{
    background:#f0ad4e !important;
    color:#fff !important;
}
.redbg, .redbg td, .redbg a{
    background:#d9534f !important;
    color:#fff !important;
}.bluebg, .bluebg a{
    background:#5bc0de;
    color:#fff !important;
}
.lightyellowbg, .lightyellowbg a{
    background:#f5e2ae !important;
    color:#fff;
}
/********** bootstrap *********/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background:#41A9E2;
    color:#fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    bordder-color:#4d4d4d;
    background:#213347;
    color:#fff;	
}
.btn-primary{
    background:#41a9e2;
    border-color:#41a9e2; 
}
.border-horizontal{
    border-bottom:1px #c5dbec solid;
    padding-bottom:5px;
}
.input-sm{
    padding:6px 12px !important; 
}
.form-signin {
    max-width: 450px;
    padding: 10px 25px 25px;
    font-weight:400;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    background:rgba(255,255,255,0.4);
    margin-bottom:20px;
    margin-top: 100px;
}
.form-signin .checkbox{
    line-height:25px;
}
.form-signin h1{
    text-align:center;
    margin-top:0px;
}
.form-signin h2{
    font-size:24px;
}
.form-signin .forgetpass{
    line-height:50px;
    text-align:right;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    margin-bottom:15px;
}
.form-control{ 
    height:auto;
    font-size:12px;
    box-shadow:none !important;

} 
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.loginfooter{
    text-align:center;
}
.changepass{
    margin-top:20px;
    margin-bottom:10px; 
}
.changepass i{
    font-size:16px;
}
.changepass a{
    margin-left:10px;
    text-transform:capitalize;
}
.logo{
    margin:5px 0 8px;
    display:inline-block;
}
.navbar{
    min-height:40px;
}
.navbar-inverse{
    background: #4d4d4d;
    border:0px;
    border-radius:0px;
}
.navbar-inverse .navbar-nav > li > a{
    color:#fff;    
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight:700;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a{
    background: #46a9e0;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background: #46a9e0;	
}
.submenu{
    background:#41a9e2;
}
.submenu ul{
    padding-left:0px;
}
.submenu li{
    float:left;
}
.submenu li a{
    color:#fff;
    padding:8px 15px;
    display:inline-block;
}
.submenu li a:hover, .submenu li.active a{
    background:#349dd7;
    text-decoration:none;
}
.searchbox{
    background:#fff;
    margin-top:6px;
    padding:0 10px;
    border-radius:5px;
    float:right;
    /*	width:20%;*/
}
.searchbox input{
    background:#fff;
    border:0px;
    color:#383838;
}
.searchbox input[type="text"]{
    padding:6px 10px;
    width:90%;
    margin-bottom:0px;
    color:#4d4d4d;
}
.searchbox input[type="submit"]{
    background:url(../images-new/search-icon.png) no-repeat 0 0;
    width:8%;
    position:relative;
    top:2px;
    height:15px;
}
.mainbox{
    background:#fff;
    border:1px #C5DBEC solid;
    border-radius:5px;
    margin-bottom:15px; 
}
.mainboxtwo{
    background:#fff;
    border-radius:5px;
    padding:10px;
    margin-bottom:15px;
}
.ticker{
    padding-top: 0px;
    padding-bottom: 0;
    margin-bottom: 5px;
}
.mainboxtwo h2{
    margin-top:0px;
}
.table, .borderless table{	
    margin-bottom:0px !important;
}
.borderless tr td {
    border: 0px !important;
    padding:4px 0px !important;
}
.usertitle{
    color:#007bc6;
    margin-top:0px;
    font-size:20px;
}
.mainbox .boxhead{
    width:100%;
    background: #41a9e2; /* Old browsers */
    border-bottom:1px #C5DBEC solid;
    border-radius:5px 5px 0px 0px;
    clear:both; 
    padding:5px 10px 0px;
    min-height:34px;
}
.mainbox .boxhead h5{
    font-weight:700;
    margin:4px 0 0;
    font-size:14px;
    float:left;
    color:#fff;
}
.boxhead .input-group{
    float:left;
    width:48%;
}
.boxhead .input-group-addon{
    border:0px;
    font-size:12px;
    background:0px;
    padding:0px;
    padding-right:10px;
    line-height:normal;
    color:#fff;
}
.pager ul{
    padding-right:40px;
    /*	width:100%;*/
    text-align:right;
}
.pagination > li > a:hover{
    background:#2c96ca;
    color:#fff;
}
.pagination > li > a, .pagination > li > span{
    color:#5C5C5C;	
}
.pager li > a, .pager li > span{
    border-radius:0px;
    display: inline-block;
    /*float: left;*/
    margin-left: -1px;
    padding: 7px 11px;
    text-transform:uppercase;
}

.pager{
    background:#fff;
    padding:15px 0 0px;
    float:right;
    margin:0px;
}
.pagecounter{
    margin-top:22px;
    float:left;
    /*	margin-left:40px;*/
    font-weight:700
}
.lastpager{
    margin:0px 0 30px;
}
.mainbox .pager:first-child{
    padding-bottom:0px;
}
.pager li > a:hover, .pager li > a:focus{
    background:#41a9e2;
    border-color:#41a9e2;
    color:#fff;
}
.boxhead .form-control {  
    height: auto;
    font-size: 12px;  
    border-radius: 4px !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.boxhead .selectpicker{
    padding:2px 7px;
    line-height:13px; 
}
.bootstrap-select > .btn{
    padding-left:10px !important;
    font-size:12px !important;
    height:32px;
}
.bootstrap-select.btn-group .dropdown-menu{
    padding-left:0px;
}
.tab-pane .bootstrap-select.btn-group .dropdown-menu li{
    text-align:left;
    margin-left:0%;
}
.bootstrap-select.btn-group .dropdown-menu li a{
    font-size:12px; 
}
.searchtoggle .bootstrap-select.btn-group .dropdown-menu li a{
    margin:0px;	
}
.boxhead .bootstrap-select > .btn{
    height:24px;
}
.boxhead input.form-control{
    padding:2px 10px 3px;
} 
.form-group input{
    padding:6px 10px !important
}
.table > thead > tr > th, .table > tbody > tr > td{
    border-color:#C5DBEC;	
}
.modal-body .form-group .form-control{
    text-align:left;
}
.modal-body label{
    font-weight:700;
}
.table thead tr th{
    color:#2c96ca;
    background:#e7f4fd; 	
}
.bodyfooter{
    background:#41a9e2;
    padding:30px 0;
    color:#fff;
}
.dashboardbox{
    border:1px #ddd solid;
    padding:20px 10px;
    background:white;
    margin-bottom:15px;
    background: #cfcfcf; 
    border:0px;
    border-radius:5px;
    min-height:130px;
}
.dashboardbox .col-xs-8{
    padding-left:0px;
}
.dashboardbox .col-md-8{
    padding-left:0px;
}
.dashboardbox:hover{
    background: #41a9e2;
    color:#fff;
    cursor:pointer;
}
.reviewico{
    background:url(../images-new/review-icon.png) no-repeat 0 0;
    width:88px;
    height:87px;
    display:inline-block;
}
.dashboardbox:hover .reviewico{
    background-position:0 bottom;
}
.profileico{
    background:url(../images-new/profile-icon.png) no-repeat 0 0;
    width:88px;
    height:87px;
    display:inline-block;
}
.dashboardbox:hover .profileico{
    background-position:0 bottom;
}
.dashboardbox h4{
    margin-top:0px;
    margin-bottom:15px
}
.dashboardbox p{
    font-size:14px;
}
.editbtn, .viewbtn{
    float:right;
    color:#fff;
    line-height:25px;
}
.editbtn:hover, .viewbtn:hover{
    color:#fff;
    text-decoration:underline;
}
.table > tbody > tr > td{
    border:0px !important;
}
.table th i{
    margin-top:3px;
}
.eventable a{
    font-size:16px;
    margin:0 8px;
}
.eventable a:hover{
    color:#000;
}
.eventable a:last-child:hover{
    color:#f00;
}
.eventable a:first-child{
    margin-left:0px;
}
.eventable a:hover{
    text-decoration:none;
}
.eventselect{
    margin-right:10px;
}
a.headbox{
    background:#f1d282;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    color:#5a4b24;
}
a.headbox i{ 	
    font-size:20px;
    color:#5a4b24;
    display:inline-block;    
    position: relative;
    top: 2px;
}
a.headbox:last-child i{
    font-size:17px;
    padding-bottom:5px;
}
a.headbox:hover{
    text-decoration:none;
    background:#e2c26d;
}
.form-horizontal{
    margin:20px 0;
}
.headingbar{
    background: #e7f4fd;
    color: #2c96ca;
    padding:10px;
}
.headingbar h5{
    margin:0px;
}
.selectlist{
    margin-left:0px;
    padding-left:0px;
}
.selectlist li{
    width:100%;
    padding:8px;
    background:#e7f4fd;
    border-radius:5px;
    margin-bottom:5px;
}
.selectlist li a{
    float:right;
    position:relative;
    top:2px;
}
.btn-primary{
    background:#41a9e2;
    border-color:#41a9e2;
}
.pageselect label{
    margin-left:10px;
}
.pageselect select{
    background-color: transparent; 
    border-color: #c5dbec;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #428bca;
    display: inline-block;
    font-size: 14px;
    height: 31px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 5%;
    margin-right:10px;
}
.leaves{
    margin-bottom:20px;
       height: 274px;
}
.leaves .table-bordered,
.leaves .table-bordered th{
    border-color:#c5dbec;
}
.leaves .table > tbody > tr > td {
    text-align:center;
    padding:0px;
}
.leaves a{
    padding:8px;
    display: inline-block;
    width:100%;
    color:#666666;
    vertical-align: middle;
}
.calendar-month-header th{
    text-align:center;
    background:#41a9e2;
    color:#fff;
}
.calendar-week-header th{
    text-align:center;
    background:#e7f4fd;
    color:#41a9e2;
}
.weekend {
    color:#41a9e2
}
.weekend a{
    color:#41a9e2
}
.colorscheme{
    margin:10px 0;
}
.colorscheme span{
    padding-top:5px;
    width:100%;
    text-align:center;
    display:block;
    padding-bottom:5px;
    border-radius:3px;
}
.colorscheme div:first-child span{
    text-align:left;
}
.colorscheme div:first-child span.btn-success{
    text-align:center !important;
}
.colorscheme div:first-child span.btn-danger{
    text-align:center !important;
}
.btn-today{
    background:#f5e2ae;
}
.btn-holiday, td.holidays{
    background:#660000;
    color:#fff;
}
td.leave{
    background: #d9534f;
    color: #fff;
}
.leaveheadingbar{
    background: #e7f4fd;
    color: #2c96ca;
    padding:10px;
    font-size:18px;
    text-align:center;
    margin:20px 0;
    font-weight:700
}
.leaveheadingbar a{
    color: #334559;	
}
.leaveheadingbar span{
    font-size:18px;
}
.leaveheadingbar samp{
    font-size:24px;
    font-family:Arial, Helvetica, sans-serif;
}
.leaveheadingbar a:hover{
    text-decoration:none;
    color:#4d4d4d;
}
.form-group .fa-plus-circle{
    font-size:36px;
    padding:0px;
    position:relative;
    right:6px;
}
.reportpage .form-control {
    padding: 6px 12px 8px;
}
.table caption{
    background:#e7f4fd;
    padding:10px 0;
    color:#2c96ca;
    font-weight:700;
    border-top:1px #c5dbec solid;
}
.table tfoot{
    background:#e7f4fd;
}
.adminbox{
    text-align:center;
    margin:15px 0;
    width:100%;
}
.adminbox i{
    font-size:50px;
    width:100%;
    margin-bottom:10px;
}
.adminitem{
    padding:30px 0;
}
.adminitem:focus{
    background:#213347;
    color:#fff;
}
.adminitem a{
    font-size:16px;
}
.btngroup{
    padding:10px;
}
.btngroup a{
    margin-left:10px;
    font-size:12px;
}
.btngroup a:first-child{
    margin-left:18px;
}
.btngroup a:last-child{
    margin-right:18px;
}
.searchtoggle{
    background:#4d4d4d;
    display:none;
    float:left;
    width:99.3%; 
    margin:10px 5px 0;
    padding:19px;
    position:relative;
}
.searchtoggle:after{ 
    bottom: 100%; 
    left: 17.2%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
}
.searchtoggle:after { 
    border-color: rgba(136, 183, 213, 0); 
    border-bottom-color: #4d4d4d; 
    border-width: 10px; 
    margin-left: -30px;
} 
.searchtoggle a{
    font-size:17px;
    margin-right:20px;
    margin-bottom:20px;
    display:inline-block;
    color:#fff;
}
.searchtoggle a.btn{
    font-size:12px;
    margin-left:0px !important;
}
.searchtoggle a:first-child{
    margin-left:30px;
}

.hidetoggle{
    background:#f1d282;
    display:none;
    float:left;
    width:98.1%; 
    margin:10px 5px 0;
    padding:19px;
    left:10px;
    position:absolute;
    /*	top:40px;*/
    z-index:999
}
.hidetoggle:after{ 
    bottom: 100%; 
    left: 11%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
}
.hidetoggle:after { 
    border-color: rgba(136, 183, 213, 0); 
    border-bottom-color: #f1d282; 
    border-width: 10px; 
    margin-left: -30px;
} 
.hidetoggle a{
    font-size:14px;
    margin-right:20px;
    display:inline-block;
    padding:1px 10px 4px;
}
.hidetoggle a:first-child{
    margin-left:30px;
}
.hidetoggle form label{
    margin-left:0px !important;
    margin-bottom:10px;
    margin-right:20px !important;
    line-height:23px;
}
.hidetoggle .radio-inline input[type="checkbox"]{
    padding-left:0px;
}
.hidetoggle ul{
    float:left;
    padding-left:0px;
    width:20%;
    margin:0px;
}
.reviewlist .hidetoggle:after{
    /*left: 17%;*/
    left:14%;	
}
.reviewlist .searchtoggle:after{
    /*left:25.5%;*/	
    left: 23.5%
}



.reportlist .hidetoggle:after{
    /*left: 17%;*/
    left:6%;	
}
.reportlist .searchtoggle:after{
    /*left:25.5%;*/	
    left: 12.5%
}


.empreviewlist .hidetoggle:after{
    /*left: 17%;*/
    left:7%;	
}
.empreviewlist .searchtoggle:after{
    /*left:25.5%;*/	
    left: 16.5%
}

.inventoryitem .hidetoggle:after{
    /*left:27%;*/
    left:28%
}
.inventoryitem .searchtoggle:after{
    /*left:32.5%;*/
    left: 35.5%
}

.logslist .hidetoggle:after{
    /*left:27%;*/
    left:15%
}
.logslist .searchtoggle:after{
    /*left:32.5%;*/
    left: 22.5%
}

.searchtoggle a:last-child{
    margin-top:0px !important; 	
}
#toolkit h1{
    margin-top:15px;
}
.modal-header{
    background:#41a9e2;
    border-radius:5px 5px 0px 0px;
}
.modal-title{
    text-align:left;
    text-transform:capitalize;
    color:#fff;
}
.modal-dialog .close{
    color:#fff;
    opacity:0.7;
    margin-top:2px;
}
.form-control-static{
    text-align:left;
}
.datetwo{
    padding:0 15px !important;
}
.date3{
    padding:0 4px !important;
    width:55%;
}
.date3 input{
    padding:3px 12px 10px	;
}
.table-responsive a.fa-edit, .table-responsive a.fa-eye, .table-responsive a.fa-remove{
    font-size:14px;
    margin-right:5px;
}
.table-responsive th{
    border-width:1px !important;
}
.table-responsive .activegrid, .table-responsive tr:hover{
    background:#dbdbdb
}
.borderless tr:hover{
    background:none;
}
.panel-group{
    margin-top:10px;
}
.panel-body ul{
    padding:0px;
} 
.panel-body ul a{
    background:url(../images-new/panel-arrow.png) no-repeat left center;
    padding:6px 0;
    padding-left:10px;
    display:block;
    border-bottom:1px #ddd solid;
}
.panel-body ul a:hover{
    padding-left:15px; 
    background-position:5px center;
}
.panel-body ul li:last-child a{
    border:0px;
}
.panel-title a i{
    float:right;
}
.tabpanel{
    margin:15px;
}
/*.tab-content{
        padding:15px;
        border-color:#d9d9d9;
        border-width:0px 1px 1px;
        border-style:solid;
}*/
.stats ul{
    border:0px;
    text-align:center
}
.stats li a{
    border-radius:0px;
}
.stats li a:hover{
    border-color:#fff;
}
.stats i{
    padding-right:5px;
    font-size:50px;
    width:100%;
    margin-bottom:10px;
}
.stats h3{
    text-align:center;
    margin: 100px 0 50px;
    font-weight:700;
}
.chartspace{
    margin-top:15px;
}
.form-signin i{
    padding-right:5px;
}
.btn-lg, .btn-group-lg > .btn{
    font-size:14px;
    text-transform:uppercase;
}
.right-inner-addon i {
    padding:5px 8px;
    border:0px; 
    position: absolute;
    right: 0;
    z-index:999
}
.fa-remove{
    color:#d43f3a;
}

.tabpanel li{
    text-align:center;
    margin:0 3.5%
}
.tabpanel i{
    width:100%;
    display:block;
    font-size:50px;
    margin-bottom:10px;
}
.table-responsive .table-striped td td{
    width:40%;
}
.reminderlist button{
    margin-bottom:11px;
}
.employehead .boxhead{
    margin-bottom:20px;
}
.employehead .btn{
    margin-right:15px;	
}

.btngroup a.searchbtn:last-child{
    margin-top:0px;
}
.attendancebox label{
    font-weight:700;
}
.boxhead input[type="submit"]{
    background: url("../images-new/search-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;    
    position: absolute;
    right: 2%;
    top: 4px;
    width: 8%;
    z-index:99;
    border:0px;
}
.smallselect{
    width:100px !important;
}
.reviewhead{
    text-align:center;
    margin-bottom:20px;
}
.subreviewhead h5{
    display:inline-block;	
}
.subreviewhead .selectitem{
    display:inline-block;
    text-align:center;
    margin:0 5px;
}
@media (max-width:480px){
    .logo{
        text-align:center;
        display:block;
    }
    .pull-right{
        float:none !important;
    }
    .reportpage .btn{
        margin-bottom:10px;
    }
    .submenu li{
        float:none;
    }
    .submenu li a{
        padding-left:0px;
    }
    .submenu{
        display:none;
    }
    .changepass{
        margin: 0 0 15px;
    } 
    .boxhead .input-group{
        float:none;
        width:100%;
        margin:10px 0;
    } 
    .mainbox .btngroup a.btn{
        width:96%;
        margin-top:10px;
        margin-left:2%;
    } 
    .hidetoggle ul{
        width:50%;
    }
    .pageselect select{
        width:auto;
    }
    .mainbox .boxhead{
        float:none;
    }
    .date3{
        width:auto; 
    }
    .tabpanel li{
        width:100%;
    }
    .modal-content .form-group{
        text-align:left;
    }
    .modal-footer .btn{
        margin-bottom:15px;
    }

    .dashboardbox{
        min-height:auto;
    }

    .input-group{
        width:50% !important;	
        float:left !important;
        margin-top:20px !important;
    }

    .input-group-addon{
        color:#666 !important

    }
    .changepass{
        text-align:center;
    }
    .changepass span{
        display:inline;
        margin-bottom:8px;
    }
    .boxhead .input-group {
        display: block; 
        margin: 10px 0;
        text-align: left;
        width: 100% !important;
    }
    .boxhead .input-group .input-group-addon{
        text-align:left;
    }
    .datetwo{
        margin-top:0px !important;
        width:100% !important
    }
    .btngroup .pull-left{
        float:none !important;
    }
    .employehead .btn{
        margin-left:15px;
    }
    #InsertTable #tblForm{    
        height: 160px;
        overflow-x: hidden;
    }
    .modal-footer .btn{margin:0px;}
    .pager{
        float:left;
    }
    .reportpage .form-group label{
        padding-left:0px;		
    }
    .reportpage .input-group{
        margin:0px !important;
        width:100% !important		
    }

    .lastpager li > a, .lastpager li > span{
        width:20%;
        text-align:center;
    }
}
@media(max-width:640px){	
    .searchbox{
        float:none;
        margin-bottom:10px;
        width:100%;
        top:0px;
    }
    .lastpager li > a, .lastpager li > span{
        width:10%;
        text-align:center;
    }

    .col-xm-12 {
        width: 100% !important;
    }

}
@media(max-width:360px){
    .changepass span{
        display:block;
        margin-bottom:8px;
    }
    #settings .btn{
        margin-bottom:3px;
    }

    .col-xm-12 {
        width: 100% !important;
    }
}
@media (max-width:768px){
    .table{
        word-break:break-all;
    }
    .adminitem a{
        font-size:14px;
    }
    .reportpage .col-sm-8{
        text-align:center;
        margin:auto;
        float:none;		
    }
    .dashboardbox{
        min-height:200px;	
    }
    h3.usertitle{
        font-size:16px;
    }
    .panel-title{
        font-size:13px;
    }
    .panel-body{
        font-size:11px;
    }
    .collapsed .glyphicon-minus:before{
        content:"+"

    }
    .hidetoggle::after{
        left: 22%;
    }
    .searchtoggle::after{
        left: 35.5%;
    }   
    .table-responsive {
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        overflow-x:scroll;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #ddd;
        -webkit-overflow-scrolling:touch
    }
    .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 .pull-right{
        float:none !important;
    }

    .reviewlist .hidetoggle::after {
        left: 33%;
    }
    .col-sm-3 .bootstrap-select.form-control{
        margin-bottom:5px;
    }

    .col-sm-3 .form-control{
        margin-bottom:5px;
    }


    .tab-content .col-sm-4 {
        width: 50%;
    }

    .searchbox{
        width:80%;
    }


}
@media (min-width:768px){
    .navbar-collapse{
        padding:0px;	
    }
    .handbookbtn{
        position:fixed;
        right:0px;
        top:20%;
        display:block;
    }
    .btngroup a:last-child{
        margin-right:18px;
        margin-left:17px;
        margin-top:10px;
    }
    .nav-tabs li:last-child{
        margin-left:0px;
    }
    .colorscheme span{
        margin-bottom: 10px;	
    }

    #header .col-sm-4 {
        width: 33.3333%;
    }


    .form-horizontal .control-label {
        text-align: left;
    }

    .collapsed .glyphicon-minus:before{
        content:"+"

    }

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

    .searchbox{
        width:50%;
    }
    .container-fluid .col-sm-4{
        width: 50%;
    }
    .collapsed .glyphicon-minus:before{
        content:"+"

    }

    .reviewlist .hidetoggle::after {
        left: 24%;
    }

    .table-responsive {
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        overflow-x:scroll;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #ddd;
        -webkit-overflow-scrolling:touch
    }
    .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 .pull-right{
        float:none !important;
    }

    .dashboardbox {
        min-height: 140px;
    }


}

@media (min-width:1024px){

    .col-md-3 {
        width: 25%;
    }	

    .col-md-4 {
        width: 33.3333%;
    }
}



/***************************************/

.align-right {
    text-align: right;
}

.margin-right-0 {
    margin-right: 0px !important;
}
.requiredField {
    color: #FF0000;
    /*margin-left: 5px;*/
}

.form-control-small {
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 92%;
}

.ui-datepicker-trigger {
    float: right;
}

.ui-widget-header {
    color: #000 !important;
}

.message-box {
    display: block;
    margin: 50px auto 0 !important;
    width: 97%;
}

.select-small {
    width: 92%;
}

.searchtoggle .btn:first-child{
    margin-left:0px !important;
}

.searchtoggle input[typpe="text"]:first-child {
    margin-left: 30px;
}
.dashboardbox .img-circle{ 
    height: 80px;
    width: 80px
}
.form-control-xs {
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 88%;
}

.form-text-width {
    width: 75% !important;
}

.tabpanel li {
    margin: 0 2.5%;
}
.page-list2{
    text-align: right;
    margin-top: 14px;

}
.pager2{
    float: right;
    margin-bottom: 0;
    margin-top: 14px;
    /*width: 35% !important;*/
}

.bootstrap-select.btn-group .dropdown-menu li a{
    width: 100%;
    text-align: left;
}
.workSpace{
    background: none repeat scroll 0 0 #41a9e2;
    border-color: #41a9e2;    
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color:#fff
}
#addButton{
    display:inline-block;
}
.workSpace .ui-combobox input{
    height: 22px !important;
    font-weight: 400;    
}
.workSpace .ui-button{
    margin-left:0px !important;
    margin-top: 0px !important;
}
.boxhead input[type="submit"]{
    background: url("../images-new/search-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;    
    position: absolute;
    right: 2%;
    top: 4px;
    width: 8%;
    z-index:99;
    border:0px;
}

.panel-body ul a.active {
    padding-left: 21px;
    background-position: 11px center;
}

#new_items_heading{
    margin-bottom: 30px;
}
.table-responsive td{
    position: relative;
}
.table-responsive td .ui-datepicker-trigger {
    position: absolute;
    right: 15px;
    top: 15px; 
}      

div .ui-datepicker-trigger {
    position: absolute; 
    top: 7px; 
    right: 22px;
}
.panel-body ul a.active {
    padding-left: 21px;
    background-position: 11px center;
}
.table > tbody > tr > td{

}
/***************************************/


.no-zindex {
    z-index: 0;
}

.ui-datepicker  {
    z-index: 5 !important;
}

.hideshowbtn {    
    color:#fff;
    line-height:25px;
}
.hideshowbtn:hover {
    color:#fff;
    text-decoration:underline;
}


.Editor-container .dropdown-toggle{
    font-size: 11px !important;
    
}

.Editor-container .btn, .Editor-container .dropdown-toggle{
    font-size: 12px !important;
    margin-right: 0px !important;
    
}

.searchlinks a:hover, a:focus {
    /*color: #fff;*/
}

.adduls {
 clear:both;
 display:inline-block;
 width:100%;
}
.adduls li{
 float:left;
 width:18%;
 margin-bottom:8px;
 line-height:1.6em;
}
//=====================================

.leave_Pending a {
    color: #fff !important;
}
.leave_holiday {
    background-color: #600 !important;
    color: #fff !important;
}
.leave_Approved a {
    background-color: #79c53e !important;
}


/*==================================================*/
td.today{background: none repeat scroll 0 0 #f5e2ae;}
td.leave_Pending{}
.leave_Pending a {
    color: #fff !important;
}
/*==================================================*/
.leave_Approved {
    background-color: #79c53e !important;
}
.leave_Approvedtoday {
    background-color: #79c53e !important;
}
.leave_Approved a {
    background-color: #79c53e !important;
}
.leave_Pending {
    background-color: #f00;
    color: #fff;
}
.leave_Pending a {
    color: #fff !important;
}
.leave_Pending a:hover {
    background-color: #f00 !important;
    color: #fff !important;
}
.leave_Pendingtoday {
    background-color: #f00;
    color: #fff;
}
.leave_Pendingtoday a {
    color: #fff !important;
}
.leave_Pendingtoday a:hover {
    background-color: #f00 !important;
    color: #fff !important;
}
.leave_ApprovedbyDM {
    background-color: #fbec88 !important;
    color: #000;
}
.leave_ApprovedbyDM a:hover {
    background-color: #fbec88 !important;
    color: #000 !important;
}
.leave_ApprovedbyDM a {
    color: #000 !important;
}
.token_Approved {
    background-color: #fdd017 !important;
    color: #000 !important;
}
.token_Approved a {
    background-color: #fdd017 !important;
    color: #000 !important;
}
.token_Pending {
    background-color: #00fa9a;
    color: #000;
}
.token_Pending a {
    color: #000 !important;
}
.token_Pending a:hover {
    background-color: #00fa9a !important;
    color: #000 !important;
}
.token_ApprovedbyDM {
    background-color: #8eebec !important;
    color: #000;
}
.token_ApprovedbyDM a:hover {
    background-color: #8eebec !important;
    color: #000 !important;
}
.token_ApprovedbyDM a {
    color: #000 !important;
}
.leave_holiday {
    background-color: #600 !important;
    color: #fff !important;
}
.leave_holiday a {
    background-color: #600;
    color: #fff !important;
}
#notes_cancel {
    background: url("../images/buttons-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #298fd0;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    height: 24px;
    margin-right: 2px;
}
.blue_button {
    background: url("../images/buttons-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #298fd0;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    height: 24px;
    margin-right: 2px;
}
.searchbox {
    color: white;
    text-decoration: none;
}
.token_Used {
    background-color: #006600 !important;
    color: #fff !important;
}
span.holiday{    
    background:#660000;
    color:#fff;
}
.colorscheme div:first-child span {
    text-align: center;
}
/*==================================================*/
.calendar-year-view-table td a {
    color: #666666;
    display: block;
    height: 22px;
    padding-top: 4px;
    text-decoration: none;
}
.leave_Pending a {
    color: #fff !important;
}
* {
    margin: 0;
    padding: 0;
}
.calendar-year-view-table td {
    color: #666666;
    text-align: center;
}
/*====================================================*/
.leaves .table > tbody > tr > td  {
    
    padding:  8px;
}
.leaves a {
    padding:  0px;
}
.highlight {
    background-color: #BCBCBC;
}