@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
/*font-family: 'Open Sans', sans-serif;*/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

div,
p,
a,
td,
th {
    font-family: 'Open Sans', sans-serif;
}

.input-checkbox {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    color: #555;
}

.header {
    background: #fff;
}

.header-in {
    background: #fff;
	border-bottom:1px solid #e5e5e5;border-bottom:1px solid rgba(0,0,0,0.1);
}

.input-sm {
    height: 36px;
}

.clear {
    clear: both;
    height: 0px;
    display: block;
    overflow: hidden;
}

.main-nav ul.nav::after {
    background: #FFF;
}

div.navbar-collapse.collapse.in {
    background: #333;
    border: solid #FCFCFC;
    border-width: 0 1px 1px;
}

div.navbar-collapse.collapse.in li a:hover {
    background: #000 !important;
}

div.navbar-collapse.collapse.in li a.active {
    background: #9f021e !important;
}

.navbar-inverse .navbar-toggle {
    background: #000 !important;
    border-color: #000;
    margin-right: 2px;
}

.main-nav ul.nav a {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    color: #fff;
    background-color:transparent;
    border: solid #ccc;
    border-width: 0px;
	opacity:0.6;
	text-transform:capitalize;
}

.main-nav ul.nav .dropdown-menu a {
    border-width: 0 0px 1px 0;
}

.main-nav ul.nav a.active {
    background: #2363c3;
    color: #fff;
    border: 0px solid #1e5cb9;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #343434;
}

.icon-dash a, .main-nav ul.nav .icon-dash a.active{background:url(../img/dashboard.png) 12px center no-repeat;background-size:auto 40%;}
.icon-stu a{background:url(../img/student.png) 12px center no-repeat;background-size:auto 40%;}
.icon-cou a{background:url(../img/course.png) 12px center no-repeat;background-size:auto 40%;}
.icon-sub a{background:url(../img/subject.png) 12px center no-repeat;background-size:auto 40%;}
.icon-que a{background:url(../img/question.png) 12px center no-repeat;background-size:auto 40%;}
.icon-exa a{background:url(../img/exam.png) 12px center no-repeat;background-size:auto 40%;}
.icon-rex a{background:url(../img/re-rxam.png) 12px center no-repeat;background-size:auto 40%;}
.icon-hel a{background:url(../img/helpdesk.png) 12px center no-repeat;background-size:auto 40%;}
.icon-stce a{background:url(../img/study-center.png) 12px center no-repeat;background-size:auto 40%;}
.icon-cour a{background:url(../img/courier.png) 12px center no-repeat;background-size:auto 40%;}
.icon-sat a{background:url(../img/seting.png) 12px center no-repeat;background-size:auto 40%;}
.icon-tra a{background:url(../img/transaction.png) 12px center no-repeat;background-size:auto 40%;}
.icon-new a{background:url(../img/news.png) 12px center no-repeat;background-size:auto 40%;}
.icon-sup a{background:url(../img/small-updates.png) 12px center no-repeat;background-size:auto 40%;}
.icon-rep a{background:url(../img/reports.png) 12px center no-repeat;background-size:auto 40%;}
.icon-cer a{background:url(../img/certificate.png) 12px center no-repeat;background-size:auto 40%;}

.main-nav ul.nav .icon-dash a.active{background:#ff4b16 url(../img/dashboard.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-stu a.active{background:#ff4b16 url(../img/student.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-cou a.active{background:#ff4b16 url(../img/course.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-sub a.active{background:#ff4b16 url(../img/subject.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-que a.active{background:#ff4b16 url(../img/question.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-exa a.active{background:#ff4b16 url(../img/exam.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-rex a.active{background:#ff4b16 url(../img/re-rxam.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-hel a.active{background:#ff4b16 url(../img/helpdesk.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-stce a.active{background:#ff4b16 url(../img/study-center.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-cour a.active{background:#ff4b16 url(../img/courier.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-sat a.active{background:#ff4b16 url(../img/seting.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-tra a.active{background:#ff4b16 url(../img/transaction.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-new a.active{background:#ff4b16 url(../img/news.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-sup a.active{background:#ff4b16 url(../img/small-updates.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-rep a.active{background:#ff4b16 url(../img/reports.png) 12px center no-repeat;background-size:auto 40%;}
.main-nav ul.nav .icon-cer a.active{background:#ff4b16 url(../img/certificate.png) 12px center no-repeat;background-size:auto 40%;}

.ui-timepicker-standard a{text-align:left;}


.footer {
    color: #999;
}

.in-footer {
    color: #999;
}

.logout {
    background: #8B0000 !important;
}

.site-credit {
    background: url(../img/logo.png) center center no-repeat;
    background-size: 100% auto;
    width: 228px;
    margin-bottom: -5px;
    min-height: 40px;margin-left:40px;
	padding: 20px 0;
}

.content-out {
    background: #fff;
    border: solid #eeefef;
}

.login-heading span {
    background: url(../img/login.png) left center no-repeat;
}

.content {
    background: #fff;
	margin-left:42px;
	transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms;-moz-transition:all ease-in-out 300ms;-ms-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms;
}
.open_menu .content {margin-left:235px;}

.login-box .btn-primary:hover {
    background: #000;
}

.synp-box {
    border: 1px solid #ccc;
    background: #f4f4f4;
}

.synp-box .panel-heading {
    background: #eee;
}

.pagination span.current {
    background: #DDD;
}

.pagination span {
    border: solid #ccc;
    border-width: 1px 1px 1px 0;
    background: #f4f4f4;
}

.pagination span:hover {
    background: #ddd;
}

.bg-gray {
    background: #f4f4f4 !important;
    border: 1px solid #E0E0E0;
}

.checkbox-head {
    background: #ccc;
}

.notice-board {
    border: 0px solid #ccad52;
	box-shadow: none;
	-webkit-box-shadow: none;
	min-height: 270px;
	padding:0px;
}

.thumbnail:hover {
    border-color: #999 !important;
}

.catbox {
    border: 1px solid #ccc;
}

.catbox>ul>li {
    background: #ddd;
}

.catbox>ul>li>ul {
    border-top: 1px solid #ccc;
}

.catbox>ul>li>ul>li {
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.light_box {
    background: #efefef;
}

.subgallery ul li {
    border: 1px dashed #acacac;
    background: none;
}

.subgallery ul li.current-edit {
    border: 2px dashed #464646;
    background: #fde8a8;
}

.btn-gray {
    background: #e1e1e1;
    color: #000;
    border: 1px solid #e1e1e1;
}

.btn-gray:hover {
    color: #000;
    background: #FFF;
    border: 1px solid #fff;
}

.table .btn,
.panel-heading .btn,
.head .btn {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    vertical-align: top;
}

.panel-heading .btn.btn-primary {
    color: #fff;
    background-color: #1e527f;
    border-color: #1e527f;
    margin-top: -2px;
}

.panel-heading .btn.btn-primary:hover,
.panel-heading .btn.btn-primary:focus,
.panel-heading .btn.btn-primary.focus,
.panel-heading .btn.btn-primary:active,
.panel-heading .btn.btn-primary.active {
    color: #fff;
    background-color: #1c4263;
    border-color: #1c4263;
}

.panel-heading .btn.btn-success {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.panel-heading .btn-success:hover,
.panel-heading .btn.btn-success:focus,
.panel-heading .btn.btn-success.focus,
.panel-heading .btn.btn-success:active,
.panel-heading .btn.btn-success.active {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

table.table th {
    color: #000;
    background: #f5f5f5;
}

.panel-inverse>.panel-heading {
    background: #2363c3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    line-height: 25px;
    font-size: 150%;
    color: #ffffff;
}

.input-file-container {
    background: #FFF;
    border: 1px solid #ccc;
    color: #555;
}

.input-file-container:focus {
    border-color: #66afe9;
}

.js .input-file-trigger {
    background: #286090;
    color: #fff;
}

.js .input-file:hover+.input-file-trigger,
.js .input-file:focus+.input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
    background: #34495E;
    color: #39D2B4;
}

.js .file-return {
    color: #999ba8;
}

.form-control {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
}

.dropdown-menu {
    font-size: 95%;
    text-align: left;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus,
.main-nav ul.nav .dropdown-menu a:hover {
    color: #323232;
    background-color: #f4f4f4;
}

label.error {
    color: #FF0000;
    font-weight: 400;
    text-transform: none;
/*    line-height: 26px;
    padding: 0px 0 0px 25px;
    background*/: url(../img/error.png) left center no-repeat;
    /*margin-top: 5px;*/
}

.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #2599bb;
    border-color: #2599bb;
}

.input-group .form-control {
    z-index: 1;
}

.wall_wrapp .row {
    display: block;
    transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
    -khtml-transition: all ease-in-out 600ms;
    -moz-transition: all ease-in-out 600ms;
    -ms-transition: all ease-in-out 600ms;
    -o-transition: all ease-in-out 600ms;
    max-height: 0px;
    overflow: hidden;
}

.wall_wrapp .acdtitle {
    display: block;
    background: #1361c6;
    color: #FFF;
    margin: 8px 0;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
    -khtml-transition: all ease-in-out 600ms;
    -moz-transition: all ease-in-out 600ms;
    -ms-transition: all ease-in-out 600ms;
    -o-transition: all ease-in-out 600ms;
    max-height: 100px;
}

.wall_wrapp .acdtitle span {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    font-weight: 400;
}

.acd-sno {
    display: inline-block;
    min-width: 20px;
    margin-left: 5px;
}

.acd-ttl {
    display: inline-block;
    width: 60%;
    max-width: 220px;
    overflow: hidden;
}

.acd-prcc {
    display: inline-block;
    margin-left: 1%;
}

.open.wall_wrapp .row {
    display: block;
    border: 1px solid #DFDFDF;
    margin: 15px 2px;
    padding: 15px 0 0 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 600ms ease-in-out 800ms;
    -webkit-transition: all 600ms ease-in-out 800ms;
    -khtml-transition: all 600ms ease-in-out 800ms;
    -moz-transition: all 600ms ease-in-out 800ms;
    -ms-transition: all 600ms ease-in-out 800ms;
    -o-transition: all 600ms ease-in-out 300ms;
    max-height: 400px;
}

.open.wall_wrapp .acdtitle {
    max-height: 0px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.act-onoff {
    float: right;
}

.act-onoff button {
    margin: 0 3px;
}

.total_fix_tbl .add_table {
    background: #d1d3d4;
    position: relative;
    padding: 6px 12px;
}

table.table td.ex_total_lbl {
    width: 4%;
    font-weight: 600;
    vertical-align: middle;
    padding-left: 18px;
    text-transform: uppercase;
}

table.table td.ex_total {
    width: 30%;
    font-weight: 600;
    vertical-align: middle;
}

table.table td.add_btns {
    width: 10%;
    text-align: right;
}

.table .add_btns .btn {
    min-width: 40px;
    padding: 8px !important;
    display: inline-block;
    line-height: 14px !important;
    background: #fa2c3b;
    height: 32px;
	color:#FFF;
}

.file-upload {
    display: block;
    text-align: center;
}

.file-upload .file-select {
    display: block;
    border: 1px solid #d7d7d7;
    color: #000;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    overflow: hidden;
}

.file-upload .file-select .file-select-button {
    background: #898989;
    padding: 0 10px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    vertical-align: top;
}

.file-upload .file-select .file-select-name {
    line-height: 38px;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    height: 38px;
    overflow: hidden;
    max-width: 60%;
}

.file-upload .file-select:hover {
    border-color: #d7d7d7;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
    background: #000;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}


/*.file-upload.active .file-select{border-color:#000;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#000;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}*/

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.hasDatepicker.form-control {
    background: #fff url(../img/date_calendor.png) 98% center no-repeat;
    background-size: auto 64%;
    padding-right: 30px !important;
}

.input-group-addon {
    background: #898989;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
    border: 1px solid #898989;
}

.act-onoff button.view_row,
.act-onoff button.delete_row {
    background: none;
    border: 0;
    display: inline-block;
    padding: 3px 5px;
    min-width: 30px;
    line-height: 24px;
    text-indent: -200px;
    overflow: hidden;
}

.act-onoff button.view_row {
    background: url(../img/view_w.png) center center no-repeat;
    background-size: auto 80%;
}

.act-onoff button.delete_row {
    background: url(../img/delete_w.png) center center no-repeat;
    background-size: auto 80%;
}

.bg_gredient {
    background: rgb(37, 125, 215);
    background: -moz-radial-gradient(center, ellipse cover, rgba(37, 125, 215, 1) 0%, rgba(0, 35, 89, 1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(37, 125, 215, 1) 0%, rgba(0, 35, 89, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(37, 125, 215, 1) 0%, rgba(0, 35, 89, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#257dd7', endColorstr='#002359', GradientType=1);
    min-height: 100%;
    min-height: 94vh;
    overflow-x: hidden;
}

.login_area_wrap {
    display: block;
    max-width: 370px;
    margin: 0 auto;
    padding: 15px 10px;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
}

@media all and (max-height:420px) {
    .login_area_wrap {
        display: block;
        max-width: 370px;
        margin: 2% auto 0;
        padding: 15px 10px;
        color: #FFF;
        text-align: center;
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        -khtml-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
    }
}

.login_area_wrap .login-box {
    margin: 8px auto;
}

.login_area_wrap h3 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin: 28px 0 10px;
}

.login_area_wrap .login-box label {
    display: none !important;
}

.login_area_wrap .login-box .form-control {
    background: #FFF;
    color: #000;
}

.login_area_wrap .login-box .btn-primary {
    background: #000;
    line-height: 28px;
    padding: 0px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
}

.login-box .btn-primary:hover {
    background: #4D4D4D;
}

.login_area_wrap .login-box a.forgot {
    display: inline-block;
    clear: both;
    padding: 0;
    margin: 8px 0;
    line-height: 28px;
    font-weight: 400;
    font-size: 100%;
    color: #FFF;
    text-decoration: none;
}

.login_area_wrap .login-box a.forgot:hover {
    color: #000;
    text-decoration: none;
}

.login_footer {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    color: #FFF;
    bottom: 0px;
    line-height: 22px;
    left: 0px;
    position: fixed;
}

.ui-datepicker {
    background: #fff;
    /* Old browsers */
    background: #fff -moz-linear-gradient(top, #fcfcfc 0%, #fff 100%);
    /* FF3.6+ */
    background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc)), color-stop(100%, #fff));
    /* Chrome,Safari4+ */
    background: #fff -webkit-linear-gradient(top, #fcfcfc 0%, #fff 100%);
    /* Chrome10+,Safari5.1+ */
    background: #fff -o-linear-gradient(top, #fcfcfc 0%, #fff 100%);
    /* Opera11.10+ */
    background: #fff -ms-linear-gradient(top, #fcfcfc 0%, #fff 100%);
    /* IE10+ */
    background: #fff linear-gradient(top, #fcfcfc 0%, #fff 100%);
    /* W3C */
    font-size: 11px;
    padding: 0px;
    border: 1px solid #ccc;
    width: 200px;
    z-index: 1111111112 !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 5px 0;
}

.ui-datepicker .ui-datepicker-header {
    background: #2363c3;
    border: 0px;
}

.ui-datepicker table {
    width: 100%;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 4px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 4px;
}

.ui-datepicker .ui-datepicker-next {
    right: 4px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    background: url(../img/next_arrow.png) left top no-repeat;
    background-size: 100% 100%;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
    background: url(../img/prev_arrow.png) left top no-repeat;
    background-size: 100% 100%;
}
.ui-datepicker .ui-datepicker-title {
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.ui-datepicker table td {
    text-align: center;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #1852a8;
    background: #2363c3;
    font-weight: normal;
    color: #fff;
}
.ui-datepicker .ui-datepicker-title select {
    background: none;
    border: 0px;
}
.ui-datepicker .ui-datepicker-title select option {
    color: #000;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 39%;
}
.ui-datepicker a {
    cursor: pointer;
    text-decoration: none;
}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #898989;
    background: #898989;
    font-weight: normal;
    color: #fff;
}*/
.ui-datepicker-prev {}
.ui-datepicker-next {
    float: right;
}
.ui-datepicker-title {
    text-align: center;
    font-weight: bold;
}
.locked {
    background: #fafafa;
}
.wo5,
.wo6 {
    color: #848484;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}

.cnavigation {}

.cnavigation .primary,
.cnavigation .secondary {
    background: #f4f4f4;
    height: 39px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.holiday_detail .cnavigation .secondary {
    padding: 0 15px;
}

.holiday_detail .cnavigation .secondary p {
    margin-bottom: 0px;
    line-height: 39px;
    font-weight: 600;
    font-size: 12px;
}

.holiday_detail .cnavigation .secondary p span {
    color: #3C0;
}

.holiday_detail table.table th {
    width: 30%;
}

.holiday_detail table.table td ul {
    margin: 0;
    list-style-type: disc;
    padding: 0 0 0 15px;
}

.holiday_detail table.table td ul li b {
    color: #2363c3;
}

#calendar .holiday_detail table.table td {
    height: auto;
    width: auto;
}

#calendar .holiday_detail table.table td:nth-child(3) {
    text-align: center;
    width: 10%;
}

.cnavigation .primary .prev {
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -khtml-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    display: inline-block;
    background: #ccc;
    padding: 4px 18px;
    float: left;
    color: #000
}

.cnavigation .primary .dtitle {
    display: block;
    padding: 4px 15px;
    text-align: center;
    float: left;
    width: 60%;
    width: calc(100% - 150px);
    margin: 0 auto;
}

.cnavigation .primary .next {
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -khtml-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    display: inline-block;
    background: #ccc;
    padding: 4px 18px;
    float: right;
    color: #000
}

.cnavigation .primary .next:hover,
.cnavigation .primary .prev:hover {
    color: #fff;
    background: #000;
    text-decoration: none;
}

#calendar td {
    height: 70px;
    width: 14.2857%
}

#calendar td span.cdate {
    font-weight: 500;
    font-size: 15px
}

.checkdates {}

.input-check-data {
    display: inline-block;
    border: 1px solid #666;
    margin: 5px;
    padding-right: 5px;
    background: #666;
    width: 56px;
}

.input-check-data span.checkbox-in {
    background: #e4e4e4;
    display: inline-block;
    padding: 5px 7px 1px;
    border-right: 1px solid #666;
}

.input-check-data span.checkbox-out {
    display: inline-block;
    padding: 1px 7px 0px;
    border-right: 1px solid #666;
    line-height: 23px;
}

.input-check-data span input[type="checkbox"] {
    margin: 0;
}

.input-check-data .input-data {
    display: inline-block;
    font-weight: 500;
    color: #fff;
    padding-left: 4px;
    position: relative;
    top: -2px;
}

.datebox {
    border: 1px solid #ccc;
    background: #f4f4f4;
    font-size: 10px;
    font-weight: bold;
    margin: 2px 3px 0 0;
    padding: 2px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.bg-event-note {
    background: #FCF8E3 !important;
}

.ui-datepicker table td.ui-datepicker-days-cell-over .ui-state-default {
    background: #0abcb6 !important;
    color: #fff !important;
    border: 1px solid #0abcb6 !important;
}

table.table th a {
    color: #000;
}

.table-bordered>thead>tr>th.start_date,
.table-bordered>thead>tr>th.end_date {
    min-width: 94px;
    white-space: nowrap;
}

.panel-heading .btn.btn-primary.new_request {
    background: url(../img/new.png) left center no-repeat;
    font-size: 11px;
    border: 0px;
    padding: 2px 0 2px 22px !important;
    background-color: transparent;
    line-height: 27px;
    background-size: auto 58%;
    text-transform: uppercase;
}

.panel-heading .btn.export_btn {
    background: url(../img/export.png) left center no-repeat;
    font-size: 11px;
    border: 0px;
    padding: 2px 0 2px 22px !important;
    background-color: transparent;
    line-height: 27px;
    background-size: auto 16px;
    text-transform: uppercase;margin-top: -5px;
}

.btn.export_btn {
	background:#333 url(../img/export.png) 8px center no-repeat;
    font-size: 11px;
    border: 0px;
    padding: 2px 10px 2px 30px !important;
    line-height: 27px;
    background-size: auto 16px;
    text-transform: uppercase;
	margin:20px 15px 10px;
}
.btn.export_btn:hover {
	background:#000 url(../img/export.png) 8px center no-repeat;
	background-size: auto 16px;
}

.panel-heading .btn.btn-primary.back_btn {
    background: url(../img/back_arrow.png) left center no-repeat;
    padding: 2px 6px 2px 24px !important;
    text-transform: uppercase;
    font-size: 11px;
    border: 0px;
    background-size: auto 68%;
    margin-top: 2px;
}

.panel-heading .btn.btn-primary.edit_btn {
    background: url(../img/edit_w.png) left center no-repeat;
    padding: 2px 6px 2px 24px !important;
    text-transform: uppercase;
    font-size: 11px;
    border: 0px;
    background-size: auto 68%;
    margin-top: 2px;
}
.navbar-nav > li.dropdown{background:url(../img/caret.png) 95% 10px no-repeat;}
.panel-heading .btn.btn-primary.view_btn {
    background: url(../img/view.png) left center no-repeat;
    padding: 2px 6px 2px 24px !important;
    text-transform: uppercase;
    font-size: 11px;
    border: 0px;
    background-size: auto 68%;
    margin-top: 2px;
}

select.input-sm {
    height: 40px;
    line-height: 40px;
}.spinner {    display: inline-block;    opacity: 0;    width: 0;    -webkit-transition: opacity 0.25s, width 0.25s;    -moz-transition: opacity 0.25s, width 0.25s;    -o-transition: opacity 0.25s, width 0.25s;    transition: opacity 0.25s, width 0.25s;}.has-spinner.active {    cursor:progress;}.has-spinner.active .spinner {    opacity: 1;    width: auto;}.has-spinner.btn.active .spinner {    min-width: 20px;}.spinner_wrap{display:block;position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(255,255,255,0.6);text-align:center;opacity:0px;z-index-1;transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms;-moz-transition:all ease-in-out 300ms;-ms-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms;}.spinner_wrap.active{display:block;opacity:1;z-index:1120;}.spinner_wrap img, .lds-css{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}.lds-css{position:absolute;}@keyframes lds-rolling {  0% {    -webkit-transform: translate(-50%, -50%) rotate(0deg);    transform: translate(-50%, -50%) rotate(0deg);  }  100% {    -webkit-transform: translate(-50%, -50%) rotate(360deg);    transform: translate(-50%, -50%) rotate(360deg);  }}@-webkit-keyframes lds-rolling {  0% {    -webkit-transform: translate(-50%, -50%) rotate(0deg);    transform: translate(-50%, -50%) rotate(0deg);  }  100% {    -webkit-transform: translate(-50%, -50%) rotate(360deg);    transform: translate(-50%, -50%) rotate(360deg);  }}.lds-rolling {  position: relative;}.lds-rolling div,.lds-rolling div:after {  position: absolute;  width: 80px;  height: 80px;  border: 10px solid #0055a5;  border-top-color: transparent;  border-radius: 50%;}.lds-rolling div {  -webkit-animation: lds-rolling 1s linear infinite;  animation: lds-rolling 1s linear infinite;  top: 100px;  left: 100px;}.lds-rolling div:after {  -webkit-transform: rotate(90deg);  transform: rotate(90deg);}.lds-rolling {  width: 200px !important;  height: 200px !important;  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);}


.navbar-nav > li{float:none;display:block;width:100%;white-space:nowrap;}
.navbar-toggle {
    display: block;
	position: absolute;
	left: 0;
	top: 0px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 2px;
    border-radius: 1px;
    background: #000;
}
.filter_input{padding:0 5px;font-size:12px;}.filter_input h4{font-size:100%;margin:0px !important;line-height:38px;font-weight:600;}.filter-box {padding: 0px 0px 15px !important;background:none !important;border:0px !important;}.filter_input .btn{margin-top:0px;}.filter_input input,.filter_input .btn{height:40px;line-height:28px;}
.txt {line-height:40px;}
.header-in .pull-right .dropdown{float:left;}
.header-in .pull-right .dropdown .dropdown-toggle{padding: 11px 16px;line-height: 44px;cursor: pointer;color: #6D6D6D;border-left: 1px solid #E1E1E1;position: relative;display: block;text-decoration: none;font-family: 'Open Sans', sans-serif;border-right: 1px solid #E1E1E1;margin:-10px 0;}
.header-in .pull-right .dropdown .dropdown-toggle:hover{color:#000;}
.header-in .pull-right .dropdown .dropdown-toggle .label, .header-in .pull-right .dropdown .dropdown-menu li span.label {display: inline;font-size: 75%;font-weight: bold;line-height: 1;color: #ffffff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em !important;-webkit-border-radius: .25em !important;-moz-border-radius: .25em !important;-ms-border-radius: .25em !important;-o-border-radius: .25em !important;padding: 1px 4px !important;text-shadow: none;cursor: pointer;min-width: 10px;}
.header-in .pull-right .dropdown .dropdown-toggle .label{top: 8px;left: 6px;position: absolute;background-color: #f56b6b;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 200px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 12px;text-align: left;background-color: #ffffff;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 3px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;}
.dropdown-menu-right {left: auto;right: 0;}
.dropdown-header {display: block;padding: 3px 20px;font-size: 11px;line-height: 1.42857143;color: #777777;white-space: nowrap;}
.dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: normal;color: #333333;white-space: nowrap;}
.col-xs-logout {background: url(../img/logout.png) 95% center no-repeat;padding: 8px 35px 8px 15px;background-color: none;border: 0px;background-size: auto 40%;color:#000;margin:-10px -15px -10px 0px;line-height:50px;border-radius:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important;-ms-border-radius:0px !important;-o-border-radius:0px !important;}
.col-xs-logout:hover {background-color:#EAEAEA;color:#000;}
.col-xs-logout span.glyphicon{display:none;}
.cal_wrapper{float:left;background:#f6f6f6;width:100%;margin-bottom:20px;}

.cnavigation .primary{border: 0px solid #ccc;background: #f5f5f5;}
.cal_wrapper .table-bordered{border:0px;margin-bottom:0;}
.cal_wrapper .table-bordered > thead > tr > th {border:0px;text-align:center;font-weight:600;}
#calendar .cal_wrapper tbody{border-left:1px solid #ddd;}
#calendar .cal_wrapper td{height:148px;padding-left:0 !important;padding-right:0 !important;min-width: 100px;}
#calendar .cal_wrapper td.current{background:#FFF;}
#calendar .cal_wrapper td.wo6, #calendar .cal_wrapper td.wo5{background:#f5f5f5;}
.cdate,.notconfirm_holiday,.confirm_holiday,.event_cal,.employee_on_leave{display:block;padding:6px;font-weight:400;}
.cdate{font-size:14px;color:#000;text-align:right;margin-bottom:8px;line-height:24px;padding-top:0px;}
.notconfirm_holiday{background:#ed1c24;color:#FFF;font-size:12px;line-height:normal;border-left:#790000 solid 4px;}
.confirm_holiday{background:#00a651;color:#FFF;font-size:12px;line-height:normal;border-left:#005e20 solid 4px;}
.event_cal{background:#f7941d;color:#FFF;font-size:12px;line-height:normal;border-left:#a0410d solid 4px;}
.employee_on_leave{background:#d7d7d7;color:#000;font-size:12px;line-height:normal;border-left:#111111 solid 4px;}
.tooltio_icon{background:url(../img/tooltip_icon.png) left top no-repeat;display:inline-block;margin-left:5%;width:16px;height:16px;}
.tooltip{text-align:left;}
.cnavigation .primary .prev{background:url(../img/prev_arrow_2.png) 15px center no-repeat;background-size:auto 40%;padding-left:40px;}
.cnavigation .primary .prev:hover{background:url(../img/prev_arrow_2.png) 10px center no-repeat;background-size:auto 40%;color:#000;}
.cnavigation .primary .next{background:url(../img/next_arrow_2.png) 80% center no-repeat;background-size:auto 40%;padding-right:40px;}
.cnavigation .primary .next:hover{background:url(../img/next_arrow_2.png) 90% center no-repeat;background-size:auto 40%;color:#000;}
.cnavigation .primary .dtitle {display: block;padding: 4px 15px;text-align: center;float: left;width: 60%;width: calc(100% - 180px);margin: 0 auto;text-transform:capitalize;font-size:160%;font-weight:600;}
.tooltip-inner {text-align:left;}

/*.modal-content {background:#ebebeb;border:1px solid #d7d7d7;}
.modal-dialog {top:50%;max-width:400px;margin:15px auto;}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-125%);
    -ms-transform: translate(0,-125%);
    -o-transform: translate(0,-125%);
    transform: translate(0,-125%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.modal-header {
    min-height: 14.429px;
    padding: 10px 10px 0;
    border-bottom: 0px solid #e5e5e5;
}
button.close {line-height: 14px;}
.modal-footer {
    padding: 10px;
    text-align: center;
    border-top: 0px solid #e5e5e5;
}*/
.model-info{padding:10px;font-size:13px;font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center;}.model-info b{text-transform:uppercase;color:#000;font-weight:700;}
.modal-footer .btn.btn-primary{text-transform:uppercase;font-size:12px;background:#1361c6;border:1px solid #0a59bf;color:#FFF;min-width:40px;font-weight:400;font-family: 'Open Sans', sans-serif;}
.modal-footer .btn.btn-danger{text-transform:uppercase;font-size:12px;background:#fe2b34;border:1px solid #f21922;color:#FFF;min-width:40px;font-weight:400;font-family: 'Open Sans', sans-serif;}
.cal_information{display:none;}
.cal_info_row{display:block;padding:0px 0;border:1px solid #d9d7da;border-left-width:3px;background:#FFF;margin-bottom:7px;position:relative;min-height:48px;}
	.cal_info_padd{padding:6px 0;}
	#calendar .cal_information table td span{position:relative;width:18px;height:18px;margin-left:6px;background:url(../img/down_arrow.png) center center no-repeat;display:inline-block;vertical-align: top;}
	#calendar .cal_information table td span.employee_names{position:absolute;top:100%;left:-50PX;min-width:100px;background:#FFF;border:1px solid #d9d7da;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:7px 10px;height:auto;width:auto;font-size:11px;margin:0;opacity:0;transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms;-moz-transition:all ease-in-out 300ms;-ms-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms;z-index:-1;}
	#calendar .cal_information table td span:hover span.employee_names{opacity:1;z-index:2;}
	.news_row {border-left-color:#fc9314;} .leave_row{border-left-color:#2f950d;} .confirm_holiday_row{border-left-color:#2363c3;} .nconfirm_holiday_row{border-left-color:#ec151c;}.absent_row{border-left-color:#ec151c;}
	.pop_up_content .cal_info_row{margin-left:0px;margin-right:0px;padding: 6px 0;}
	.pop_up_content .cal_info_row table td{border:0px;line-height:normal;background:#FFF;color:#000;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;font-size:12px;height:auto;padding:4px 3px 4px 10px;width:60%;}
	.pop_up_content .cal_info_row table td:first-child{width:45px;text-align:center;border-right:1px solid #cbcbcb;padding-left:5px;max-width:45px;line-height: 14px;}
	.pop_up_content .cal_info_row table td:last-child{width:60px;text-align: right;padding-right: 15px;}
	.pop_up_content .cal_info_row table td strong{display:block;font-size:140%;line-height:10px;margin-bottom: 2px;}
	.pop_up_content .cal_info_row table td button.edit_btn, .pop_up_content .cal_info_row table td .edit_btn{background:url(../img/edit.png) 4px center no-repeat;background-size:auto 16px;border:0px;line-height:16px;padding:4px 4px 4px 24px;color:#000;font-weight:500;text-transform:uppercase;font-size:13px;}
	#user_pop_up_edit{min-width: 350px;left:50% !important;top:50% !important;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
	.calendar-page .button.b-close{display:none;}
	.modal {z-index: 10001;}
	.modal-backdrop {z-index: 10000;}
	.calendar-page .modal-content {background:none;border: 0px solid #d7d7d7;-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);box-shadow: 0 5px 15px rgba(0, 0, 0, 0);}
	.paid_row{background-color:#e4f9df !important;} .unpaid_row{background-color:#fae5e5 !important;}

@media all and (min-width:900px) and (max-width:1300px) {
.dashboard_notification {margin: 0 -10px 17px;}
.created{white-space:nowrap;}
}
@media all and (min-width:900px) and (max-width:1150px) {
	.filter-box .btn {padding: 4px 6px;font-size: 10px;line-height:line-height: 18px;}
	.table .btn, .label, span.label {min-width: 45px;padding:2px 8px 3px !important;margin: 0 1px;line-height: 1.6;font-size: 10px;}
}
@media all and (max-width:992px) {
	.main-nav {width:0px;}
	.content {margin-left:0px;}
	.open_menu .content {margin-left:0;}.profile_info {display: block;}
	.cal_wrapper {float:none;}
	.col-md-12.col-sm-12.form-group .submit{margin:0 -15px;}
}
@media all and (max-width:900px) {
    .filter-box h4{font-size:12px;text-transform: uppercase;margin:0 0 5px !important;}	.filter_input{padding:0 5px 10px;}	.filter-box{padding:10px 0px 3px !important;}	table.table td{line-height:normal !important}
}

@media all and (max-width:769px) {
	.cnavigation .primary .dtitle {font-size: 140%;}
    .btn-primary {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .input-sm {
        height: 34px;
    }
    .login_area_wrap {
        display: block;
        max-width: 220px;
    }
    .login_area_wrap h3 {
        display: block;
        font-size: 12px !important;
        font-weight: 600 !important;
        margin: 28px 0 10px;
    }
	.header-in .site-credit {margin-top: -8px;
        background: url(../img/logo.png) left 0px no-repeat;
        background-size: 65% auto;margin-bottom:-10px;margin-left: 30px;
    }
	.col-xs-logout{background: url(../img/logout_w.png) 85% center no-repeat;background-size: auto 18px;color: #fff;}
	.header-in .pull-right .dropdown .dropdown-toggle .label{width:auto;}
	.header-in .pull-right .dropdown .dropdown-toggle {color: #fff;}
	.header-in .pull-right .dropdown .dropdown-toggle:hover {color: #6D6D6D;}
	.collapse {display: block;}.main-nav{padding-top: 10px;}
    .header-in {
        padding: 10px 10px;
		background:#000;
    }
    .header-in .pull-right {
        float: right !important;
		margin-right:68px;
    }
    .header-in .pull-left {
        width: 50px;
        text-align: right;
        padding-top: 5px;
    }
	.header-in .site-credit {
		margin-top: -8px;
		background: url(../img/logo_w.png) left 0px no-repeat;
		background-size: 65% auto;margin-left: 0px;
	}
	.navbar-toggle {left:auto;right:0px;}
	.navbar-toggle .icon-bar {background:#FFF;}
    .welcome_btn {
        position: relative;
        background: none;
        border: 0px;
        padding: 3px;
        padding-right: 6px;
    }
    /*.welcome_btn:before {
        position: absolute;
        content: "|";
        right: -2px;
        top: 0px;
        line-height: 21px;
        color: #FFF;
    }*/
    .site-credit {
        margin-right: 10px;
    }
    .main-nav {
        top: 48px;
        min-height: 0px;
    }
    .content {
        padding-top: 92px;
    }
    .navbar-header {
        height: 0px;
        min-height: 0;
    }
    div.navbar-collapse.collapse.in {
        top: 0px;
    }
    .nav>li {
        position: relative;
        display: block;
        margin-top: 0px;
    }
    .main-nav ul.nav a,
    div.navbar-collapse.collapse.in li a {
        /*background: #000;
        border-width: 0 0 1px;
        color: #f4f4f4;*/
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        border-radius: 0px 0px 0 0;
        margin-right: 0px;
    }
    div.navbar-collapse.collapse {
        background: none;
        border: 0px solid #FCFCFC;
    }
    .navbar-nav {
	margin: 0 -15px;	max-height: 84vh;	max-height: calc(100vh - 50px);	overflow:auto;
    }
    div.navbar-collapse.collapse.in li a.active,
    .main-nav ul.nav a.active {
        /*background: #2363c3 !important;
        color: #fff;
        border: 1px solid #2363c3;*/
    }
    .navbar .container-fluid {
        height: 0px;
        min-height: 0px;
    }
    .panel-inverse>.panel-heading {
        font-weight: 600;
        position: fixed;
        width: 100%;
        /*top: 52px;*/
        top: 69px;
        left: 15px;
        z-index: 2;
        padding: 5px 11px 5px 13px;
    }
    .table.paySlips tr td:first-child,
    .table.paySlips tr th:first-child {
        display: none;
    }
    .table.leave_application.table th,
    .table.leave_application.table td,
    .table.paySlips.table th,
    .table.paySlips.table td,
    table.table th,
    table.table td {
        font-size: 12px;
        font-weight: 600;
        line-height: normal !important;
        color: #000;
        padding: 8px 6px !important;
        line-height: 20px !important;
    }
    .table.leave_application.table td,
    .table.paySlips.table td,
    table.table td {
        font-size: 11px;
        font-weight: 500;
    }
    .table.paySlips.table th,
    .table.leave_application.table th,
    table.table th.sreated_date,
    table.table th.subject,
    table.table th.amt,
    table.table th.butons,
    table.table th.created,
    table.table th.reason,
    table.table th.receipt, table.table tr th.listing,
	table.table th.time {
        padding: 8px 6px 8px 26px !important;
    }
    .table.paySlips tr th:nth-child(2), table.table tr th.listing {
        background: #f5f5f5 url(../img/month_calendor.png) 4px center no-repeat;
        background-size: auto 16px;
    }
	table.table th.time {background: #f5f5f5 url(../img/leave_dashboard_icon.png) 4px center no-repeat;
        background-size: auto 15px;}
    .table.paySlips tr th:nth-child(3),
    table.table th.sreated_date,
    table.table th.subject,
    table.table th.created,
    table.table th.reason {
        background: #f5f5f5 url(../img/date_calendor.png) 4px center no-repeat;
        background-size: auto 16px;
    }
    .table.paySlips tr th:nth-child(4),
    table.table th.butons {
        background: #f5f5f5 url(../img/action.png) 4px center no-repeat;
        background-size: auto 16px;
    }
    .table .btn.download_btn, .table .btn.generate_btn {
        background: url(../img/download.png) center center no-repeat;
        width: 20px;
        height: 20px;
        padding: 0;
        background-color: transparent;
        border: 0px;
        text-indent: -120px;
        overflow: hidden;
        min-width: 20px;
        background-size: auto 78%;
    }
    table.table th.amt {
        background: #f5f5f5 url(../img/amt.png) 4px center no-repeat;
        background-size: auto 17px;
    }
    table.table th.receipt {
        background: #f5f5f5 url(../img/receipt.png) 4px center no-repeat;
        background-size: auto 17px;
    }
	.table .btn.generate_btn {
        background: url(../img/generate.png) center center no-repeat;background-size: auto 17px;
	}
	.table .btn.mr-5 {margin-right: 0px !important;}
	table.table th.created{white-space:nowrap;}
    .table-bordered>tbody>tr>td.actions {
        text-align: left;
        width: 15%;
    }
    table.table th.subject {
        width: 28%;
    }
    table.table th.sreated_date {
        width: 12%;
    }
    table.table th.amt {
        width: 10%;
        white-space: nowrap;min-width:60px;
    }
    .actions2 {
        width: auto;
        min-width: 40px;
    }
    .actions2 a {
        margin: 0;
        padding: 0;
    }
    .approved_status td,
    .Approved_lbl:before {
        background: #a4d39e;
        color: #000;
    }
    .pending_status td,
    .Pending_lbl:before {
        background: #fcdd99;
        color: #000;
    }
    .cancel_status td,
    .Cancelled_lbl:before {
        background: #ef6c53;
        color: #000;
    }
    .table.leave_application.table th.requested,
    .table.leave_application.table th.start_date,
    .table.leave_application.table th.end_date {
        background: #f5f5f5 url(../img/date_calendor.png) 6px center no-repeat;
        background-size: auto 46%;
    }
    .table.leave_application.table th.actions {
        background: #f5f5f5 url(../img/action.png) 6px center no-repeat;
        background-size: auto 47%;
    }
    .actions {
        width: 80px;
    }
    .table.leave_application.table td.buttons.actions2 {
        text-align: left;
    }
    .table.leave_application.table td.buttons.actions2 a {
        background: none;
        border: 0;
        font-size: 12px;
        color: #2363c3;
        padding: 3px 3px !important;
        min-width: 20px;
    }
    .ledgent {
        display: block;
        position: fixed;
        z-index: 5;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background: #FFF;
        color: #000;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
    }
    .Cancelled_lbl,
    .Approved_lbl,
    .Pending_lbl,.Holiday_lbl, .Absent_lbl, .Leaves_lbl, .news_lbl, .paid_lbl, .unpaid_lbl {
        padding: 3px 5px 3px 14px;
        position: relative;
        vertical-align: top;
        margin: 0 3px;
        display: inline-block;
    }
    .Cancelled_lbl:before,
    .Approved_lbl:before,
    .Pending_lbl:before,.Holiday_lbl:before, .Absent_lbl:before, .Leaves_lbl:before, .news_lbl:before, .paid_lbl:before, .unpaid_lbl:before {
        position: absolute;
        content: "";
        left: 0px;
        top: 10px;
        width: 9px;
        height: 9px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;
    }
	.Holiday_lbl:before{background:#2363c3;}
	.Absent_lbl:before{background:#e91c21;}
	.Leaves_lbl:before{background:#1f9b00;}
	.news_lbl:before{background:#f69522;}
	.paid_lbl:before{background:#20a600;}
	.unpaid_lbl:before{background:#f14a4a;}
    .darkBG {
        background: #e9e9e9;
    }
    .darkBG .content,
    .darkBG .content .panel {
        background: #e9e9e9;
    }
    label {
        font-weight: 600;
        text-transform: none;
        color: #000;
        font-size: 12px;
        margin-bottom: 2px;
    }
    .form-control {
        font-weight: 500;
        color: #000;
    }
    .btn.edit_submit {
        font-size: 12px;
        font-weight: 600;
        line-height: 17px;
        display: inline-block;
        min-width: 62px;
        border-color: #000;
        background: #000;
        text-align: center;
    }
    span.label.status_btn,
    .btn.print_btn {
        font-size: 12px;
        padding: 4px 8px !important;
        line-height: 24px !important;
        min-width: 64px;
        text-align: center;
        display: inline-block;
        border: 0px;
    }
    .table-bordered>tbody>tr>td.actions a {
        background: none;
        border: 0px;
        font-weight: 600;
        color: #2363c3;
        font-size: 11px;
    }
    h5 {
        font-size: 12px;
        font-weight: 700;
    }
    table.table.expenses_view th.subject {
        width: 56%;
    }
    table.table.expenses_detail_list th.reason {
        width: 36%;
    }
    table.table.expenses_detail_list td:last-child {
        text-align: center;
    }
    table.table.expenses_detail_list td:last-child a {
        font-weight: 700;
    }
    .status_tbl,
    table.table.status_tbl th.status {
        border: 0px;
    }
    .table .status_detail .btn {
        min-width: 77px;
        padding: 8px;
        font-size: 12px;
        font-weight: 600;
    }
    .table-bordered.remart_tbl>tbody>tr>td {
        white-space: normal !important;
    }
    .table-bordered.remart_tbl>tbody>tr>td>p>i {
        display: block;
    }
    span.remark {
        font-weight: 600;
    }
    .total_fix_tbl,
    .subject_wrap {
        position: fixed;
        top: 86px;
        left: 0px;
        width: 100%;
        background: #e9e9e9;
        z-index: 2;
    }
    .subject_wrap {
        top: 125px;
        padding: 8px 14px;
    }
    .total_fix_tbl table.table.add_table td {
        padding: 6px 6px !important;
        font-size: 12px;
    }
    table.table td.ex_total_lbl {
        width: 22%;
    }
    .wall_wrapp .row {
        margin: 0 -5px;
    }
    .open.wall_wrapp .row {
        border: 0px;
        padding: 0;
        margin: 0 -5px;
    }
    .table .add_btns .btn {
        font-size: 11px;
    }
    .total_fix_tbl .add_table {
        margin-bottom: 0px;
    }
    .table .add_btns .btn {
        min-width: 34px;
        line-height: 12px !important;
        height: 27px;
        border: 0px;
        padding: 6px 8px !important;
    }
    .added_expences_form_wrap {
        padding-top: 90px;
        margin: 0 -9px;
    }
    .file-upload .file-select,
    .file-upload .file-select .file-select-button,
    .file-upload .file-select .file-select-name {
        height: 32px;
        line-height: 32px;
    }
    .content .container-fluid {
        padding-left: 13px;
        padding-right: 13px;
    }
    .panel-inverse>.panel-heading {
        line-height: 28px;
    }
    .table-bordered>thead>tr>th.start_date,
    .table-bordered>thead>tr>th.end_date {
        min-width: 65px;
        white-space: nowrap;
    }
    .table-responsive {
        overflow-x: auto;
        width: 100%;
    }
    .panel-heading .btn.btn-primary.new_request,
    .panel-heading .btn.btn-primary.back_btn,
    .panel-heading .btn.btn-primary.edit_btn,
    .panel-heading .btn.btn-primary.view_btn {
        padding: 2px 0px 2px 24px !important;
    }
    .total_fix_tbl table.table.add_table td {
        font-size: 11px;
    }
    .total_fix_tbl table.table.add_table td.ex_total_lbl {
        width: 30%;
        padding: 6px 6px 6px 13px !important;
    }
    .wall_wrapp .acdtitle {
        font-size: 11px;
    }
    .total_fix_tbl table.table.add_table td.add_btns {
        padding: 6px 10px 6px 6px !important;
    }
    .wall_wrapp .acdtitle {
        margin: 5px 9px;
        padding: 3px 5px;
    }
    .acd-sno {
        min-width: 10px;
    }
    .acd-ttl {
        width: 48%;
    }
    .act-onoff button.view_row,
    .act-onoff button.delete_row {
        min-width: 19px;
        line-height: 18px;
    }
    .open.wall_wrapp .row {
        padding-top: 8px;
    }
    .table .btn.submit_entry {
        background:url(../img/submit.png) left top no-repeat; background-size:auto 80%;width:20px;height:20px;text-indent:-1000px;overflow:hidden;min-width:10px;}
    .table .btn.edit_entry,	.table .btn.print_btn,.table .btn.edit_btn,.table .btn.view_btn,.table .btn.del_btn,.table .btn.cancel_btn,.table.leave_application.table td.buttons.actions2 a,
    .table.leave_application.table td.buttons.actions2 a.view_btn,	.table.leave_application.table td.buttons.actions2 a.edit_btn,.table.leave_application.table td.buttons.actions2 a.edit_entry {
        background: none;
        border: 0px;
        width: 16px;
        min-width: 16px;
        text-indent: 200px;
        overflow: hidden;
        line-height: 12px !important;
    }
    .table .btn.edit_entry,
    .table.leave_application.table td.buttons.actions2 a.edit_entry,.table .btn.edit_btn,.table.leave_application.table td.buttons.actions2 a.edit_btn	{
        background: url(../img/edit2.png) left center no-repeat;
        background-size: auto 16px;
    }
    .table .btn.view_btn,
    .table.leave_application.table td.buttons.actions2 a.view_btn {
        background: url(../img/action.png) left center no-repeat;
        background-size: auto 16px;
    }
    .table .btn.del_btn,
    .table.leave_application.table td.buttons.actions2 a.del_btn {
        background: url(../img/delete.png) left center no-repeat;
        background-size: auto 16px;
    }
    .table .btn.cancel_btn,
    .table.leave_application.table td.buttons.actions2 a.cancel_btn {
        background: url(../img/cancel.png) left center no-repeat;
        background-size: auto 16px;
    }	.table .btn.print_btn{		background: url(../img/printer.png) left center no-repeat;        background-size: auto 16px;	}
	.btn-inverse {
    	background: #000;
	}
	.save_btn{min-width:60px;}
	.btn.btn-primary.submit_btn{background-color: #2363c3;border-color: #2363c3;min-width:60px;}
	.notice-board{min-height:20px;}
	.filter-box h4 {font-size: 12px;text-transform: uppercase;margin: 0 0 0px !important;line-height:18px;}
	.col-md-12.col-sm-12.form-group .submit {margin: 0 0px;}
	.col-md-12.col-sm-12.form-group .submit .btn-primary{min-width:60px;}
	.modal-dialog {top:50%;max-width:300px;margin:15px auto;}
	
	.cal_wrapper thead {
		font-weight: 600;
		text-transform: uppercase;
		text-align:center;
	}
	
	.cal_wrapper tbody {
		color: #7c8a95;
		text-align:center;
	}
	.all-data-box{position:absolute;bottom:1px;text-align:center;width:100%;line-height:6px;}
	.all-data-box .event_cal, .all-data-box .employee_on_leave, .all-data-box .confirm_holiday, .all-data-box .notconfirm_holiday{text-indent:100px;width:6px;height:6px;line-height:4px;white-space:nowrap;display:inline-block;overflow:hidden;border:0px;margin:0 1px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:0px;}
	.all-data-box .employee_on_leave{background:#269d05;}
	#calendar .cal_wrapper td.today, .all-data-box .confirm_holiday {background:#165fc8;}
	#calendar .cal_wrapper td.today .all-data-box .confirm_holiday{background:#fff;}
	#calendar .cal_wrapper th{display: inline-block;
		height: 3em;
		line-height: 30px !important;
		text-align: center;
		width: 14.17%;
		min-height:1em;padding: 0 !important;margin:0;}
	#calendar .cal_wrapper td{
		border: 2px solid transparent;
		border-radius: 50%;
		-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;
		display: inline-block;
		height: 4em;
		line-height: 4em;
		text-align: center;
		width: 14.17%;min-width:10px;padding: 0 !important;
	}
	#calendar .cal_wrapper td.current {background: none;position:relative;}
/*	#calendar .cal_wrapper td.current.absent-inside .cdate:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:#777278;width:50%;height:50%;z-index:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}*/
	#calendar .cal_wrapper td:hover {
		border: 2px solid #00addf;
	}
	/*#calendar .cal_wrapper td.current.absent-inside .cdate a{color:#FFF;}*/
	#calendar .cal_wrapper td.locked,
	#calendar .cal_wrapper td.wo6, #calendar .cal_wrapper td.wo5 {
		color: #cbd1d2;
    	background:none;
	}
	#calendar td span.cdate {line-height:34px;text-align:center;margin:0px;padding:0;}
	#calendar td span.cdate a{display:block;position:relative;z-index:1;}#calendar td span.cdate a:hover, #calendar td span.cdate a:active, #calendar td span.cdate a:focus{text-decoration:none;}
	#calendar .cal_wrapper td.locked:hover,
	#calendar .cal_wrapper td.wo6:hover, #calendar .cal_wrapper td.wo5:hover {
		border: 2px solid #cbd1d2;
	}
	
	td.today {
		background: #00addf;
		color: #fff !important;position:relative;
	}
	td.today a{color:#FFF;}
	.cal_wrapper {padding-bottom:20px;}
	.event-inside {
		cursor: pointer;
		position: relative;
	}/*
	.event-inside:after {
		background: #00addf;
		border-radius: 50%;
		bottom: .5em;
		display: block;
		content: '';
		height: .5em;
		left: 50%;
		margin: -.25em 0 0 -.25em;
		position: absolute;
		width: .5em;
	}
	
	.event.current-day:after {
		background: #f9f9f9;
	}*/
	.darkBG .content .container-fluid, .calendar-page .content .container-fluid {padding-left: 0px;padding-right: 0px;}
	.cal_wrapper {background: #d2d3d7;margin:0;}
	.darkBG .panel-inverse > .panel-body, .calendar-page .panel-inverse > .panel-body {padding:0;}
	.cnavigation .primary {border: 0px solid #ccc;background: #d2d3d7;}
	.cnavigation .primary .dtitle {font-size: 14px;} .cnavigation .primary .prev, .cnavigation .primary .next {font-size: 11px;}
	.cnavigation .primary{margin-bottom:0px;}
	#calendar .cal_wrapper th{background:none;font-size:15px;}
	#calendar .table-responsive{background:#FFF;}
	.cal_information{display:block;background:#d2d3d7;padding:0 13px;overflow:auto;padding-bottom:22px;}
	.calendar_bg{background:#e8eae9;}
	#calendar .cal_information table td{border:0px;line-height:normal;background:#FFF;color:#000;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;font-size:12px;height:auto;padding-left:10px !important;width:80%;}
	#calendar .cal_information table td:first-child{width:45px;text-align:center;border-right:1px solid #cbcbcb;padding-left:5px;max-width:45px;line-height: 14px;}
	#calendar .cal_information table td strong{display:block;font-size:140%;line-height:10px;margin-bottom: 2px;}
	#calendar .table-responsive {margin:0px;}
	
	.open_menu .main-nav {z-index:10001;top:0px;}.main-nav {top: 0px;}
	.collapse_row{position:absolute;top:10px;right:10px;background:url(../img/down_arrow.png) center center no-repeat;width:14px;height:14px;background-size:auto 14px}
	.collapse_row.open_col{background:url(../img/up_arrow.png) center center no-repeat;background-size:auto 14px}
	.collapse_row:hover, .collapse_row:active, .collapse_row:focus{text-decoration:none;}
	.more_content{display:none;width:100%;}
	.pop_up_content h4 {font-size:13px;padding: 10px 15px;line-height: 20px;}
	.pop_up_content form label{font-weight:700;color:#000;margin-bottom:5px;}
	.pop_up_content form .form-group {margin-bottom: 10px;}
	.calendar-page .pop_up_content form{margin:0 0px 22px;padding:10px 7px;}
	.unpaid_row {border-left: 6px solid #f14a4a;}
	.paid_row {border-left: 6px solid #20a600;}
	.leaves_cont{display:inline-block;margin:5px 12px 5px 0;padding:4px 10px;line-height:26px;font-size:12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
	.total{background:#E9E9E9;color:#000}
	.available{background:#D6FAD3;color:#000}
	.taken{background:#FDE7D9;color:#000}
	.additional{background:#FFC1C1;color:#000}
}

@media all and (max-width:430px) {
    table.table th.amt {
        width: 18%;min-width:65px;
    }
	table.table td i{font-size:9px;line-height:normal;}
	#calendar td {padding: 4px 3px !important;}
	.holiday_detail table.table td ul li i{font-size:11px;}
}

@media all and (max-width:360px) {
    .table.leave_application.table th,
    .table.leave_application.table td,
    .table.paySlips.table th,
    .table.paySlips.table td,
    table.table th,
    table.table td {
        font-size: 11px;
        font-weight: 600;
    }
    .table.leave_application.table td,
    .table.paySlips.table td,
    table.table td {
        font-size: 10px;
        font-weight: 500;
    }
	#calendar .cal_wrapper th{display: inline-block;
		height: 2em;
		line-height: 30px !important;
		text-align: center;
		min-height:1em;padding: 0 !important;margin:0;}
}
@media print {
  body {-webkit-print-color-adjust: exact;-moz-print-color-adjust: exact;-ms-print-color-adjust: exact;-o-print-color-adjust: exact;print-color-adjust: exact;}
}
@page {
    size:A4 landscape;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 0;
    -webkit-print-color-adjust: exact;-moz-print-color-adjust: exact;-ms-print-color-adjust: exact;-o-print-color-adjust: exact;print-color-adjust: exact;
}