

body {
    font-family: 'robotoregular';
}

.control-sidebar-dark,
.control-sidebar-dark + .control-sidebar-bg {
    display: none;
}

.main-header {
    background: #FFF;
    border-bottom: 1px solid #BDE4F8;
}

    .main-header > .navbar {
        border-right: 1px solid #B3D5FB;
    }

.skin-blue .main-header .logo {
    background: #FFF;
    margin: 0px 0;
    height: 60px;
}

.skin-blue .content-header {
    /*margin-bottom: 20px;*/
}

    .skin-blue .content-header h1 {
        background-position: right;
        padding-right: 40px;
    }

.navbar-nav > .user-menu .user-image {
    border: 1px solid #337ab7;
}

/*Below styles Created by karthikeyan.R for the arabic inline css move to CSS file*/
.Pad-left-7px {
    padding-right: 7px !important;
}
.Pad-left-8px {
    padding-right: 8px !important;
}
.pad-right-0px {
    padding-left: 0px !important;
}

.pad-left-0px {
    padding-right: 0px !important;
}
.pad-left-10px{
    padding-right: 10px;
}
.mar-right-0px {
    margin-right: 0px !important;
}
.pad-left7-right-1{
    padding-right: 7px !important;
    padding-left: 1px !important;
}
.new-text {
    border-left: 1px solid #A7D3E8;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    padding-top: 10px;
}
.LeavePolicyCheckbox {
    margin-top:0px;
    margin-bottom:0px;
    padding-right:10px;
    min-height: 17px;
}
.pull-left-button{
    text-align :right;
}
.pad-left-3px {
    padding-right:3px !important;
}
.pad-right-60px {
    padding-left:60px !important;
}
/*End*/

/* progressbar Css */
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: #FFFFFF;
    border: 2px solid #d9f0fb;
    width: 50%;
    padding: 0;
    top: 0;
}

    .modalPopup .header {
        background: #d9f0fb none repeat scroll 0 0;
        min-height: 16.43px;
        padding-top: 15px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px;
        padding-right: 30px;
    }

    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
    }

    .modalPopup .footer {
        padding: 6px;
    }

    .modalPopup .yes, .modalPopup .no {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
    }

    .modalPopup .yes {
        background-color: #3c8dbc;
        border: 1px solid #0DA9D0;
    }

    .modalPopup .no {
        background-color: #3c8dbc;
        border: 1px solid #5C5C5C;
    }

.modalPopupNews {
    background-color: #FFFFFF;
    border: 3px solid #3c8dbc;
    border-radius: 12px;
    padding: 0;
    width: 20%;
    position: absolute;
    z-index: 9999;
    right: 40%;
    top: 20;
    min-width: 200px;
    max-height: 150px;
}

    .modalPopupNews .header {
        background-color: #3c8dbc;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        font-family: Arial;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }

    .modalPopupNews .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
    }

    .modalPopupNews .footer {
        padding: 6px;
    }

    .modalPopupNews .yes, .modalPopupNews .no {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
    }

    .modalPopupNews .yes {
        background-color: #3c8dbc;
        border: 1px solid #0DA9D0;
    }

    .modalPopupNews .no {
        background-color: #3c8dbc;
        border: 1px solid #5C5C5C;
    }


/**/


.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
    background: #117BAE;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-left),
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    width: 230px;
}

.double-line1 {
    display: flex;
    width: 100%;
}

.double-line2 {
    width: 100%;
}

.double-line3 {
    float: right;
    padding-top: 3px;
}

.double-line4 {
    display: block;
    overflow: hidden;
    height: auto;
}

.menu-hed {
    /*margin-top: 12px;*/
}

.menu-hed1 {
    margin: 10px 0 4px 0;
}

.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
    padding: 7.5px 15px;
}

.main-header .navbar-custom-menu,
.main-header .navbar-right {
    height: 60px;
}

.logo:hover {
    background: #FFF !important;
}

.skin-blue .main-header .navbar {
    background: #FFF;
}

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #E61E2A;
    }
    /* Padding added by karthikeyan.R*/
    .skin-blue .main-header .navbar .nav > li > a {
        color: #666;
        padding-top: 22px;
        padding-right: 10px;
        padding-left: 10px;
        height: 60px;
    }

.MenuPadding {
    padding-right: 10px !important;
}

.MenuPadding1 {
    padding-right: 8px !important;
}
/* End */
.fa:active {
    color: #64C1EE;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: #E61E2A;
}

.nav-docmini {
    /*height:38px;*/
}

.skin-blue .main-sidebar {
    background: #EFF8FD;
}

.content-wrapper,
.right-side {
    background: #FFF;
    border-right: 1px solid #B3D5FB;
    padding-bottom: 1px;
}

.skin-blue .wrapper {
    background: #EFF8FD;
}

.sidebar-menu > li {
    border-bottom: 1px solid #BDE4F8;
    font-size: 13px;
    transition: all 0.5s ease 0s;
}

.sidebar-menu .exp-pad {
    padding: 2px 0;
}

.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
    margin-top: 12px;
}

.skin-blue .treeview-menu > li > a {
    color: #34475F;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    /*padding: 11px 4px 11px 0;*/
    /*Modified by Manikandan*/
    padding: 6px 0px 6px 0;
}

    .skin-blue .treeview-menu > li > a:hover {
        color: #64C1EE;
    }

.dropdown-menu,
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    font-size: 12px;
    font-weight: normal !important;
    font-family: Verdana, Geneva, sans-serif;
    /*Calendar control is not working due to below lines.if you are uncomment this kindly check the same*/
    /*height:60px;*/
}

.skin-blue .sidebar-menu > li:hover > a {
    color: #020202;
    background: #E1F2FB;
    border-right-color: #E61E2A;
    transition: all 0.5s ease 0s;
}

.skin-blue .sidebar-menu > li.active > a {
    background: #FFF;
    color: #117BAE;
}

.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar-menu .treeview-menu > li > a > .ion {
    color: #66C2EE;
}

.sidebar-menu .treeview-menu > li > a.active > .fa {
    color: #64C1EE;
}

    .sidebar-menu .treeview-menu > li > a.active > .fa::before {
        content: "\f111";
    }

.skin-blue .sidebar-menu > li.header {
    color: #B8C7CE;
    background: #EFF8FD;
    padding-top: 20px;
}

.skin-blue .sidebar span {
    line-height: 17px;
}

.sidebar-menu .icon {
    padding-left: 12px;
    padding-bottom: 0px;
}

.sidebar-menu > li > a {
    padding: 14px 14px 10px 5px;
}

.skin-blue .sidebar a {
    color: #354860;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0;
    background: #FFF;
}

.sidebar-menu .treeview-menu > li {
    padding-right: 17%;
}
/*Margin Modify by Karthikeyan.R*/
.alr-logo {
    padding: 0px 15px 0px 12px;
    border-right: 1px solid #D6D6D6;
    margin-top: 10px;
}

    .alr-logo a {
        padding: 0 !important;
    }

.dashboard {
    background: #D9F0FB;
    border-bottom: 1px solid #BDE4F8;
    padding: 12px 1.5% 12px 1.5%;
}

    .dashboard h3 {
        font-weight: normal;
        font-size: 18px;
        color: #212121;
        margin: 0;
        background: url(../img/dash.png) no-repeat right;
        padding-right: 40px;
    }

/*===*/

.filters {
    border: 1px solid #C9E1FC;
}

.fil-text {
    background: linear-gradient(#D1ECFA, #B3DFF7);
    font-size: 13px;
    color: #0B4E6F;
    padding: 5% 15% 5% 0%;
    /*margin-left:30%;*/
}

.fil-btn {
    padding: 0;
    margin: 0;
    border: 0;
}

.nav-tabs-custom {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #C9E1FC;
    border-top: none;
    margin-bottom: 20px;
}

    .nav-tabs-custom > .nav-tabs {
        background: linear-gradient(#D1ECFA, #B3DFF7);
        border-radius: 0;
        padding-bottom: 2px;
    }

.border-line1 {
    border-left: 1px solid #79C7F0;
}

.border-line2 {
    border-left: 1px solid #79C7F0;
    border-right: 1px solid #79C7F0;
}

.nav-tabs-custom > .nav-tabs > li {
    margin-left: 0;
}

    .nav-tabs-custom > .nav-tabs > li.active {
        border-top-color: #E61E2A;
    }

        .nav-tabs-custom > .nav-tabs > li.active > a,
        .nav-tabs-custom > .nav-tabs > li.active:hover > a {
            background: #E7F5FD;
        }

    .nav-tabs-custom > .nav-tabs > li.header {
        color: #0B4766;
        font-size: 18px;
        line-height: 34px;
    }

.nav-tabs-custom > .tab-content {
    background: #E9F6FD;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
    margin-left: 15px;
}

.att-date {
    margin-left: 10px;
}
/*=Attendance Data===*/

.atte-box1,
.atte-box2,
.atte-box3,
.atte-box4,
.atte-box5,
.atte-box6 {
    padding: 10px 15px;
    margin: 10px;
}

.atte-box1 {
    background: #83DAF6;
    border: 1px solid #45C7F1;
}

.atte-box2 {
    background: #FFAEAE;
    border: 1px solid #FF9B9B;
}

.atte-box3 {
    background: #00CC71;
    border: 1px solid #00B765;
}

.atte-box4 {
    background: #ABDC83;
    border: 1px solid #77C444;
}

.atte-box5 {
    background: #FFB66C;
    border: 1px solid #FF8B17;
}

.atte-box6 {
    background: #CB97FF;
    border: 1px solid #B062FF;
}
    /*====*/

    .atte-box1 h1,
    .atte-box2 h1,
    .atte-box3 h1,
    .atte-box4 h1,
    .atte-box5 h1,
    .atte-box6 h1 {
        font-size: 56px;
        margin: 0;
        font-family: 'HelveticaNeueCondensed';
    }

.atte-box1 h1 {
    color: #1696D3;
}

.atte-box2 h1 {
    color: #DD4B39;
}

.atte-box3 h1 {
    color: #009351;
}

.atte-box4 h1 {
    color: #6BB63A;
}

.atte-box5 h1 {
    color: #DD7D1E;
}

.atte-box6 h1 {
    color: #7F41BE;
}
/*====*/

.atte-box1 h4,
.atte-box2 h4,
.atte-box3 h4,
.atte-box4 h4,
.atte-box5 h4,
.atte-box6 h4 {
    color: #FFF;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 0;
    font-family: 'HelveticaNeueCondensed';
}
/*====*/

.atte-box1 a,
.atte-box2 a,
.atte-box3 a,
.atte-box4 a,
.atte-box5 a,
.atte-box6 a {
    font-family: 'HelveticaNeueCondensed';
}

    .atte-box1 a:hover,
    .atte-box2 a:hover,
    .atte-box3 a:hover,
    .atte-box4 a:hover,
    .atte-box5 a:hover,
    .atte-box6 a:hover {
        color: #FFF;
    }

.atte-box1 a {
    color: #1596D2;
}

.atte-box2 a {
    color: #DD4B39;
}

.atte-box3 a {
    color: #009150;
}

.atte-box4 a {
    color: #64AA35;
}

.atte-box5 a {
    color: #DD7D1E;
}

.atte-box6 a {
    color: #8042BE;
}

.atte-box1 .arr1 {
    background: url(../img/arr1.png) no-repeat left;
    padding-left: 10px;
}

.atte-box2 .arr2 {
    background: url(../img/arr2.png) no-repeat left;
    padding-left: 10px;
}

.atte-box3 .arr3 {
    background: url(../img/arr3.png) no-repeat left;
    padding-left: 10px;
}

.atte-box4 .arr4 {
    background: url(../img/arr4.png) no-repeat left;
    padding-left: 10px;
}

.atte-box5 .arr5 {
    background: url(../img/arr5.png) no-repeat left;
    padding-left: 10px;
}

.atte-box6 .arr6 {
    background: url(../img/arr6.png) no-repeat left;
    padding-left: 10px;
}
/*====*/

.atte-box1 li,
.atte-box2 li,
.atte-box3 li,
.atte-box4 li,
.atte-box5 li,
.atte-box6 li {
    padding-left: 1px;
}
/*====*/

.app-dates {
    float: right;
}

.app-line {
    float: right;
    margin: 0 22px 0 30px;
}

.app-icons {
    float: right;
    margin-top: 8px;
}

.app-info {
    float: right;
}

.app-more {
    float: left;
    text-align: left;
    font-size: 13px;
}

    .app-more ul {
        margin: 0;
    }
/*===Approval Data===*/

.approval-data {
    background: #FFF;
}

    .approval-data h3 {
        margin: 0;
        padding: 10px 20px;
        font-family: 'HelveticaNeueCondensed';
        font-size: 17px;
    }

    .approval-data .bg-col1 {
        color: #006C3B;
        background: #00CC71;
    }

    .approval-data .bg-col2 {
        color: #17657B;
        background: #5BC0DE;
    }

    .approval-data .bg-col3 {
        color: #193F5E;
        background: #579AD0;
    }

    .approval-data .leave-icons {
        padding: 4% 4%;
    }

.leave-icons .rounded {
    width: 67px;
    height: 67px;
    border-radius: 100%;
    padding-top: 15px;
}

.leaveapp {
    background: #00CC71;
}

.forwarded {
    background: #FF7F00;
}

.pending {
    background: #DD4B39;
}

.ondutyapp {
    background: #5BC0DE;
}

.perapp {
    background: #579AD0;
}

.approval-data .leave-icons h2 {
    color: #46658C;
    font-size: 30px;
    font-family: 'HelveticaNeueCondensed';
    margin: 0;
}

.approval-data .leave-icons h4 {
    color: #46658C;
    font-size: 14px;
    font-family: 'HelveticaNeueCondensed';
    margin-top: 10px;
    margin-bottom: 5px;
}

.approval-data .leave-icons ul {
    margin: 0;
    text-align: center;
}

.approval-data .leave-icons li {
    text-align: center;
    padding: 0;
}

.approval-data .leave-icons .lrline {
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    height: 5em;
    margin: 0 5%;
    padding: 0 6%;
}
/*===Exception Data===*/

.exp-box1,
.exp-box2,
.exp-box3,
.exp-box4,
.exp-box5,
.exp-box6 {
    border-radius: 75px;
    padding: 15px 40px;
    margin: 10px;
}

.exp-box1 {
    background: #FF5151;
    color: #D50000;
}

.exp-box2 {
    background: #D0457B;
    color: #9F1348;
}

.exp-box3 {
    background: #FBB167;
    color: #B35900;
}

.exp-box4 {
    background: #2FB67B;
    color: #008247;
}

.exp-box5 {
    background: #8386FF;
    color: #434077;
}

.exp-box6 {
    background: #2F94D1;
    color: #005B93;
}

    .exp-box1 h1,
    .exp-box2 h1,
    .exp-box3 h1,
    .exp-box4 h1,
    .exp-box5 h1,
    .exp-box6 h1 {
        font-size: 56px;
        margin: 0;
        font-family: 'HelveticaNeueCondensed';
    }

    .exp-box1 h4,
    .exp-box2 h4,
    .exp-box3 h4,
    .exp-box4 h4,
    .exp-box5 h4,
    .exp-box6 h4 {
        font-size: 17px;
        margin: 0;
        font-family: 'HelveticaNeueCondensed';
        color: #FFF;
        margin-top: 20px;
    }

    .exp-box1 a,
    .exp-box2 a,
    .exp-box3 a,
    .exp-box4 a,
    .exp-box5 a,
    .exp-box6 a {
        font-size: 13px;
        font-family: 'HelveticaNeueCondensed';
    }

        .exp-box1 a:hover,
        .exp-box2 a:hover,
        .exp-box3 a:hover,
        .exp-box4 a:hover,
        .exp-box5 a:hover,
        .exp-box6 a:hover {
            color: #FFF;
        }

.exp-box1 a {
    color: #D50000;
}

.exp-box2 a {
    color: #9F1348;
}

.exp-box3 a {
    color: #B35900;
}

.exp-box4 a {
    color: #008247;
}

.exp-box5 a {
    color: #383665;
}

.exp-box6 a {
    color: #005B93;
}

.exp-box1 .aro1 {
    background: url(../img/aro1.png) no-repeat left;
    padding-left: 10px;
}

.exp-box2 .aro2 {
    background: url(../img/aro2.png) no-repeat left;
    padding-left: 10px;
}

.exp-box3 .aro3 {
    background: url(../img/aro3.png) no-repeat left;
    padding-left: 10px;
}

.exp-box4 .aro4 {
    background: url(../img/aro4.png) no-repeat left;
    padding-left: 10px;
}

.exp-box5 .aro5 {
    background: url(../img/aro5.png) no-repeat left;
    padding-left: 10px;
}

.exp-box6 .aro6 {
    background: url(../img/aro6.png) no-repeat left;
    padding-left: 10px;
}

.exp-date {
    float: right;
    width: 49%;
}

.exp-line {
    float: right;
    width: 1px;
}

.exp-icon {
    float: left;
    text-align: left;
    width: 49%;
}

.exp-info {
    float: right;
}

.exp-more {
    float: left;
    text-align: left;
}

    .exp-more ul {
        margin: 0;
    }

    .exp-more li {
        padding-left: 1px;
    }
/*==FOOTER==*/

.main-footer {
    text-align: left;
    border-top: 1px solid #B3D5FB;
    border-right: 1px solid #B3D5FB;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #6C6C6C;
}

    .main-footer a {
        color: #6C6C6C;
    }

        .main-footer a:hover {
            color: #005384;
        }
/*===*/

.leave-sanpadding {
    padding: 3% 0 10% 0;
}
/*All border enable in Report change by karthikeyan.R */

.inr-ftr {
    border: 1px solid #C9E1FC;
    border-bottom: none;
    background: linear-gradient(#FBFDFF, #F6FCFF);
}

.inr-ftr1 {
    border: 1px solid #C9E1FC;
    background: linear-gradient(#FBFDFF, #F6FCFF);
}
/*End*/

.inr-ftr .leave-manda {
    text-align: left;
    font-size: 11px;
    color: #333;
    font-family: Verdana, Geneva, sans-serif;
    padding-left: 20px;
    line-height: 30px;
}

    .inr-ftr .leave-manda span {
        color: #F00;
    }

.inr-fil-text {
    font-size: 13px;
    color: #0B4D6E;
    font-family: 'robotoregular';
    text-align: center;
    padding: 8px 0 7px 0;
    width: 74px;
    border-left: 1px solid #ACD1FB;
    background: rgba(209, 236, 250, 1);
    background: -moz-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(209, 236, 250, 1)), color-stop(100%, rgba(179, 223, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1ecfa', endColorstr='#b3dff7', GradientType=0);
}

.inr-fil-btn {
    padding: 0;
    margin: 0;
    border: 0;
}
/*===Employee Master===*/

.lve-sancolor {
    background: #D9F0FB;
}

.empl-mtr {
    border-bottom: 1px solid #BDE4F8;
    padding: 12px 20px 12px 20px;
    background: #D9F0FB;
}

    .empl-mtr .hdline,
    .empl-mtr .hdline4,
    .empl-mtr .headline1,
    .empl-mtr .headline2 {
    }

        .empl-mtr .hdline4 h3 {
            font-size: 18px;
            color: #212121;
            margin: 0;
            font-weight: normal;
            background: url(../img/lic-req.png) no-repeat;
            padding-right: 25px;
        }

        .empl-mtr .hdline h3 {
            font-size: 18px;
            color: #212121;
            margin: 0;
            font-weight: normal;
            background: url(../img/emp-master.png) no-repeat 0 3px;
            padding-right: 35px;
        }

        .empl-mtr .headline1 h3 {
            font-size: 18px;
            color: #212121;
            margin: 0;
            font-weight: normal;
            background: url(../img/lve-san.png) no-repeat 0;
            padding-right: 35px;
        }

        .empl-mtr .headline2 h3 {
            font-size: 18px;
            color: #212121;
            margin: 0;
            font-weight: normal;
            background: url(../img/swipe-icon.png) no-repeat 0;
            padding-right: 35px;
        }

    .empl-mtr .subline {
        text-align: left;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        color: #999;
    }

        .empl-mtr .subline a {
            color: #545454;
        }

            .empl-mtr .subline a:hover {
                color: #999;
            }

.emp-filter {
    border: 1px solid #C5DFFC;
    padding: 20px;
    /*font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;*/
    font-family: robotoregular;
    color: #5D5D5D;
}

.Usergrp-filter {
    border: 1px solid #C5DFFC;
    /*Changed by Manikandan.R To reduce space in usergroup list page*/
    padding: 20px 20px 0;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

.emp-filter ul {
    margin-bottom: 0;
    padding: 0;
}

.arrow-btn {
    border: 0;
    padding: 0;
}

.emport-button {
    margin-bottom: 0;
    text-align: center;
}

.field-btn {
    /*margin-top:10px;*/
}
    /*Export data control are not loaded properly by Manikandan.R*/
    .field-btn li {
    }

        .field-btn li:last-child {
            margin-bottom: 0;
        }

.emp-filter h4 {
    font-size: 13px;
    color: #5D5D5D;
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
}

.emp-filter .list-martop {
    margin-top: 3.2%;
}

.bdrtop-none {
    border-top: none;
}

.form-horizontal .control-label {
    text-align: right;
    font-weight: normal;
    font-size: 13px;
    color: #5D5D5D;
    /*padding-top:0;
	line-height:15px;*/
}

.con-top {
    padding-top: 0px !important;
}

label {
    font-weight: normal;
}

.form-control {
    border-radius: 3px;
    padding: 4px 12px;
    height: auto;
    min-height: 29px;
    font-family: 'robotoregular';
    font-size: 13px;
    color: #999;
    width: 100% !important;
}
/*Change the width for the Leave application page textbax karthikeyan */

.form-control1 {
    border-radius: 3px;
    padding: 4px 12px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: url(../img/hor-line.jpg) no-repeat #FFF 5px 10px;
    font-family: 'robotoregular';
    font-size: 13px;
    color: #999;
    width: 100%;
}
/*End*/

.filter-icon {
    background: url(../img/filter-icon.png) no-repeat #FFF left;
}

.filter-button {
    text-align: left;
    margin-left: 18%;
    padding-top: 5px;
}

.filter-button1 {
    margin-left: 9%;
    padding-top: 5px;
}

.filter-button2 {
    text-align: left;
    margin: 20px 0px 0px 15px;
}

.filter-button3 {
    text-align: left;
    margin-left: 10%;
    padding-top: 5px;
}

.exp-btn {
    margin: 20px 0 20px 15px;
}

.glyphicon-search {
    color: #F90;
    font-size: 10px;
    margin-left: 3px;
}

.glyphicon-refresh {
    color: #0386B3;
    font-size: 10px;
    margin-left: 3px;
}

.src-btn,
.clr-btn,
.add-btn,
.del-btn,
.bulk-btn,
.view-btn,
.next-btn .back-btn,
.save-btn,
.gene-btn {
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    color: #0C5F85;
    font-size: 13px;
    padding: 4px 11px;
    background: linear-gradient(#FFF, #D6D6D6);
    margin-top: 0px;
    font-family: 'robotoregular';
}

.view-btn-Image {
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    color: #0C5F85;
    font-size: 13px;
    padding: 4px 11px;
    background: url(../img/exp-data.png) no-repeat #FFF right;
    margin-top: 0px;
    font-family: 'robotoregular';
}

.del-btn,
.bulk-btn,
next-btn .gene-btn,
.save-btn {
    margin-right: 10px;
}

.fa-search,
.fa-refresh,
.fa-plus,
.fa-times,
.fa-wrench,
.fa-eye,
.fa-chevron-left,
.fa-plus-circle,
.fa-floppy-o {
    /* padding-left: 5px;*/
}

.fa-search {
    /*color: #FF7F00;*/
}

.fa-refresh {
    /*color: #1991B9;*/
}

.fa-plus {
    /*color: #048E6B;*/
}

.fa-times {
    /*color: #FF2727;*/
}

.fa-wrench {
    /*color: #7040FE;*/
}

.fa-eye {
    /*color: #DD1E1E;*/
}

.fa-chevron-left {
    /* color: #333;*/
}

.fa-plus-circle {
    /*color: #00F;*/
}
/*This Color command by Karthikeyan.R*/

.fa-floppy-o {
    /*   color: #51BB2E;*/
}

.fa-exchange {
    /*  color: #D93600;*/
}

.clr-btn {
    margin-right: 10px;
}
/*==TABLE==*/

.table {
    margin-bottom: 0;
}

.border-table {
    border: 1px solid #C5DFFC;
    padding: 20px;
    margin-top: 20px;
}

.res-table {
    border: 1px solid #C5DFFC;
}

.table-bordered {
    border: 1px solid #C5DFFC;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #C5DFFC !important;
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    color: #2C3B50;
    /*vertical-align: middle !important;*/
    border: 1px solid #C5DFFC !important;
}

.table-bg {
    background: #F0FAFF;
}

.empheader {
    background: #D9F0FB;
    font-size: 13px;
    color: #2C3B50;
}

.UserGroupHeader {
    min-width: 200px;
}

.UserGroupHeaderChild {
    min-width: 60px;
}

.empfont-header {
    text-align: center;
}

.sch-bg {
    background: #B3DFF7;
}

.table-icons {
    text-align: center;
}

.name-focus {
    color: #F00 !important;
}

.view-icons,
.edit-icons,
.del-icons {
    border: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.view-icons {
    background: url(../img/view-icon.png) no-repeat;
}

.edit-icons {
    background: url(../img/edit-icon.png) no-repeat;
}

.del-icons {
    background: url(../img/del-icon.png) no-repeat;
}

.page-button {
    text-align: left;
}

.das-table3 {
    font-size: 12px;
    font-weight: normal;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

.page-nos {
    margin-top: 20px;
}

.page-of,
.page-nobox {
    float: right;
}

.page-of {
    color: #666;
    font-size: 11px;
    line-height: 30px;
    margin-left: 5%;
}
/*==TABLE 1===*/
/*Border design change by karthikeyan for the All border apply in dashboard grid view*/

.das-table1 {
    width: 100%;
    border: 1px solid #C5DFFC !important;
    background: #FFF;
}

    .das-table1 .head1 {
        border: 1px solid #C5DFFC;
        font-size: 13px !important;
        font-family: 'robotoregular' !important;
        font-weight: bold !important;
    }

    .das-table1 .HeaderWidth {
        width: 39%;
        min-width: 180px !important;
    }

    .das-table1 .pad-lft {
        padding-right: 3%;
    }

    .das-table1 .col1-padding {
        width: 40%;
    }

    .das-table1 .to-emp1,
    .das-table1 .count1,
    .das-table1 .pre1,
    .das-table1 .excel1,
    .das-table1 .pdf1 {
        border: 1px solid #C5DFFC;
        font-size: 12px;
        font-weight: normal;
        min-width: 50px;
        font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    }

        .das-table1 .to-emp1 span {
            padding-left: 5%;
        }

    .das-table1 .count1,
    .das-table1 .pre1,
    .das-table1 .excel1,
    .das-table1 .pdf1 {
        text-align: center;
    }

.grid-chart {
    margin: 4% 0 0 10%;
}

.grid-chart1 {
    margin: 2% 0 0 12%;
}

.grid-chart2 {
    margin: 4% 0 0 10%;
}
/*End*/
/*Border design change by karthikeyan for the All border apply in dashboard grid view*/
/*==TABLE 2===*/

.das-table2 {
    width: 100%;
    border: 1px solid #C5DFFC;
    background: #FFF;
    font-size: 12px;
    font-weight: normal;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    color: #6C6C6C;
}

    .das-table2 .head2 {
        border: 1px solid #C5DFFC;
        text-align: center;
        border-bottom: 1px solid #C5DFFC;
        min-width: 120px;
    }

    .das-table2 .HeaderWidth1 {
        width: 20%;
        min-width: 120px !important;
    }

    .das-table2 .subhead2 {
        border: 1px solid #C5DFFC;
        font-size: 13px !important;
        color: #2C3A50;
        font-family: 'robotoregular' !important;
        font-weight: bold;
    }

    .das-table2 .leave1 {
        border: 1px solid #C5DFFC;
    }

        .das-table2 .leave1 span {
            padding-left: 15px;
        }

.lea-col {
    color: #006C3C;
}

.ond-col {
    color: #17657B;
}

.per-col {
    color: #193F5E;
}

.das-table2 .count2 {
    text-align: center;
    width: 10%;
    min-width: 50px;
    border: 1px solid #C5DFFC;
    font-size: 12px;
    font-weight: normal;
    min-width: 50px;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

.das-table2 .pad-lft1 {
    padding-right: 3%;
}

.das-table2 .head2 span {
    padding-left: 5%;
}

.das-table2 .pen-text {
    color: #DD4B39;
}

.das-table2 .for-text {
    color: #FF7F00;
}

.das-table2 .app-text {
    color: #00B866;
}
/*End*/
/*===Dashboard Graph===*/

.graph-part1 {
    background: #fff;
    padding: 2%;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    .graph-part1 li {
        margin: 20px 0;
    }

.left-part01 {
    color: #6C6C6C;
}

    .left-part01 .color-1 {
        color: #006C3C;
    }

    .left-part01 .color-2 {
        color: #17657B;
    }

    .left-part01 .color-3 {
        color: #193F5E;
    }

    .left-part01 span {
        padding-left: 15px;
    }

.center-part01 {
}

.right-part01 {
    text-align: center;
    color: #FFF;
    min-width: 30px;
}

    .right-part01 .bg-1 {
        background: #1696D3;
    }

    .right-part01 .bg-2 {
        background: #FF6C6C;
    }

    .right-part01 .bg-3 {
        background: #009351;
    }

    .right-part01 .bg-4 {
        background: #8CC765;
    }

    .right-part01 .bg-5 {
        background: #E59A50;
    }

    .right-part01 .bg-6 {
        background: #B76FFF;
    }

    .right-part01 .bg-7 {
        background: #006C3C;
    }

    .right-part01 .bg-8 {
        background: #17657B;
    }

    .right-part01 .bg-9 {
        background: #193F5E;
    }

    .right-part01 .bg-10 {
        background: #E0588B;
    }

    .right-part01 .bg-11 {
        background: #4F4F4F;
    }

    .right-part01 .bg-12 {
        background: #C04A47;
    }

    .right-part01 .bg-13 {
        background: #00769D;
    }

    .right-part01 .bg-14 {
        background: #4141CB;
    }

    .right-part01 .bg-15 {
        background: #1F2C3D;
    }
/*===Dashboard Graph===*/
/*=Exp Data=*/

.exp-data {
    border-bottom: 1px solid #BDE4F8;
    padding: 11px 20px 9px 20px;
    background: #D9F0FB;
}

.exp-data1 {
    border-bottom: 1px solid #BDE4F8;
    padding: 13px 20px 6px 20px;
    background: #D9F0FB;
}

.lvepad-line {
    padding-bottom: 8px;
}

.exp-data .hdline2,
.exp-data1 .hdline3,
.exp-data1 .hdline5 {
}

    .exp-data1 .hdline3 h3 {
        font-size: 18px;
        color: #212121;
        margin: 0;
        font-weight: normal;
        background: url(../img/export-data.png) no-repeat;
        padding-right: 35px;
        height: 24px;
    }

    .exp-data1 .hdline5 h3 {
        font-size: 18px;
        color: #212121;
        margin: 0;
        font-weight: normal;
        background: url(../img/org-icon.png) no-repeat;
        padding-right: 35px;
        height: 24px;
    }

    .exp-data .hdline2 h3 {
        font-size: 18px;
        color: #212121;
        margin: 0;
        font-weight: normal;
        background: url(../img/lev-app.png) no-repeat;
        padding-right: 35px;
        height: 24px;
    }

.exp-data .subline1,
.exp-data1 .subline2 {
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #999;
}

    .exp-data .subline1 a,
    .exp-data1 .subline2 a {
        color: #545454;
    }

        .exp-data .subline1 a:hover,
        .exp-data1 .subline2 a:hover {
            color: #999;
        }

.exda-table {
    border: 1px solid #C9E1FC;
    border-bottom: none;
    background: #fbfdff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fbfdff 0%, #f6fcff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fbfdff 0%, #f6fcff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fbfdff 0%, #f6fcff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfdff', endColorstr='#f6fcff', GradientType=0);
    /* IE6-9 */
}

    .exda-table h6 {
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: #333;
        font-weight: normal;
        text-align: left;
        border-bottom: 1px solid #C9E1FC;
        padding: 0 30px 10px 17px;
        margin-bottom: 0;
    }

        .exda-table h6 span {
            margin-left: 5px;
        }

    .exda-table .inr-tbl {
        padding: 20px 30px 70px 17px;
        font-size: 13px;
        color: #5D5D5D;
    }

.lve-emphdr {
    font-size: 13px;
    color: #5D5D5D;
}

.ser-btnpad {
    border: 1px solid #9B9B9B;
    border-radius: 3px;
    color: #0C5F85;
    font-size: 13px;
    padding: 4px 11px;
    background: linear-gradient(#FFF, #D6D6D6);
    font-family: 'robotoregular';
}
/*=Exp Data=*/

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 0;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    /*margin-left: 10px;*/
}

.btn-primary {
    border: 1px solid #9b9b9b;
    border-radius: 3px;
    margin-top: 0;
    border-color: #CCC;
    color: #5D5D5D;
    padding: 7px 12px;
    font-size: 13px;
    font-weight: normal;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
    /* IE6-9 */
}

    .btn-primary:hover {
        color: black;
        background: #ffffff !important;
    }

.leaappline {
    border-bottom: 1px solid #303;
}
/*Font Family remove from IM for the Mandatory field by Karthikeyan.r*/

.mandatory {
    background: url(../img/hor-line-left.jpg) no-repeat #FFF 10px 10px;
    background-position:right;
}
/* End */
/* To Change the Width Karthikeyan.R for the leave application*/

.sml-txtfld1,
.sml-txtfld2 {
    padding: 4px 12px;
    height: auto;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background: url(../img/hor-line.jpg) no-repeat #FFF 5px 10px;
    width: 100%;
}
/*End*/

.sml-txtfld1 {
    margin: 0 15px 0 4px;
}

.lev-fornpad {
    padding: 0;
    margin: 0;
}

.button-marg {
    margin-left: 20%;
}
/* To Change the Width Karthikeyan.R for the leave application*/

.session {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-right: 8px;
}

.lve-pad {
    padding-right: 16px;
}

.session1,
.session2 {
    float: right;
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #777;
}

.session1 {
    margin: 0 10px 0 10px;
}
/*End*/
/*==*/
/*Change border in all border in the table modify by karthikeyan.R*/

.bla-table {
    border: 1px solid #A7D3E8;
    width: 360px;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    margin-top: 9%;
}

    .bla-table h3 {
        margin: 0;
        background-color: #D9F0FB;
        font-weight: normal;
        font-size: 18px;
        text-align: center;
        padding: 8px 0;
    }
    /*Font size changed by karthikeyan.R*/

    .bla-table .leave-type {
        border: 1px solid #A7D3E8;
        padding: 5px 10px;
        font-size: 12px;
        color: #212121;
    }
    /*End*/

    .bla-table .balance-leave {
        border: 1px solid #A7D3E8;
        padding: 5px 10px;
        font-size: 12px;
        color: #212121;
    }

    .bla-table .leave-typebox {
        border: 1px solid #A7D3E8;
        padding: 5px 10px;
        /*line-height: 25px;*/
        font-size: 13px;
        background: #E1F2FB;
        color: #333333;
    }

    .bla-table .balance-leavebox {
        padding: 5px 60px 5px 10px;
        line-height: 25px;
        font-size: 13px;
        background: linear-gradient(#E5F5FC, #B9E3F8);
        color: #333333;
    }
/*End*/

.line13 {
    margin: 30px 0;
    border-bottom: 1px solid #B8E3F8;
}

.line14 {
    border-bottom: 2px solid #B8E3F8;
    margin: 30px 0;
}

.line15 {
    border-bottom: 2px solid #B8E3F8;
    margin: 5px 0 20px 0;
}

.line16 {
    border-bottom: 2px solid #B9E3F9;
    margin: 5px 10px 20px 10px;
}

.line17 {
    border-bottom: 2px solid #B8E3F8;
    margin-top: 10px;
}

.line18 {
    border-bottom: 1px solid #B9E3F9;
    margin: 20px 10px;
}

.line19 {
    border-bottom: 2px solid #B8E3F8;
}

.appli-date {
    font-size: 13px;
    color: #5D5D5D;
    line-height: 30px;
    font-weight: bold;
}

.count {
}

.officetab-bg {
    background: #F3FBFE;
}
/*===FILTER*===*/

.panel {
    box-shadow: none;
}

.panel-heading {
    padding: 0;
}

.panel-default {
    border-color: #C9E1FC;
}

    .panel-default > .panel-heading {
        background: rgba(251, 253, 255, 1);
        background: -moz-linear-gradient(top, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
        background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(251, 253, 255, 1)), color-stop(100%, rgba(246, 252, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfdff', endColorstr='#f6fcff', GradientType=0);
    }

.panel-heading h4 {
    font-size: 13px;
    color: #0B4D6E;
    margin: 0;
    font-family: 'robotoregular';
    text-align: center;
    padding: 10px 0 9px 0;
    width: 74px;
    border-left: 1px solid #ACD1FB;
    background: rgba(209, 236, 250, 1);
    background: -moz-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(209, 236, 250, 1)), color-stop(100%, rgba(179, 223, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1ecfa', endColorstr='#b3dff7', GradientType=0);
}

.panel-group .panel {
    border-radius: 0;
}

.drop-table {
    background: #E0F2FC;
}

.panel-body {
    padding: 0px;
}

.lve-aplfont {
    font-size: 13px;
}

.leave-appinput {
    font-size: 11px;
    color: #777;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 20px;
}

.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
    white-space: normal;
}
/*===LICENCE REQUEST GENERATION===*/

.lce-part {
    border: 1px solid #C9E1FC;
}

.lce-box1 {
    background: rgba(251, 253, 255, 1);
    background: -moz-linear-gradient(top, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
    background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(251, 253, 255, 1)), color-stop(100%, rgba(246, 252, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(251, 253, 255, 1) 0%, rgba(246, 252, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfdff', endColorstr='#f6fcff', GradientType=0);
    padding: 10px 30px 10px 20px;
    border-bottom: 1px solid #C9E1FC;
}

.lce-cus {
}

.lce-comm {
    float: right;
}

    .lce-cus h3,
    .lce-comm h3 {
        color: #0B4666;
        font-size: 17px;
        margin: 0;
        padding-right: 25px;
    }

.lce-cus h3 {
}

.lce-comm h3 {
}

.lce-man {
    float: left;
    text-align: left;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
}

    .lce-man span {
        color: #F00;
    }

.lce-box2 {
    font-size: 13px;
    color: #5D5D5D;
    /*padding-bottom:25%;*/
}

.box-pad {
    padding: 20px 0;
}

.for-pad {
    padding: 0 30px;
}

.lce-box2 .leftside-box {
    border-left: 1px solid #C9E1FC;
    padding: 20px 45px 10px 10px;
}

.lce-box2 .rightside-box {
    padding: 20px 20px 10px 10px;
}

.man-dat {
    background: url(../img/hor-line-left.jpg) no-repeat #FFF 10px 10px;
    background-position:right;
}

.Man-dat {
    background: url(../img/hor-line-left.jpg) no-repeat #FFF 10px 10px;
     background-position:right;
}

.butt-right {
    margin-left: 18%;
}
/*===ALL SWIPES REPORT===*/

.swipe-part {
    padding: 20px 30px 200px 30px;
}

    .swipe-part h4 {
        font-size: 13px;
        color: #5D5D5D;
        margin: 0;
        text-align: center;
        margin-bottom: 10px;
    }

.arrow-btn {
    border: 0;
    padding: 0;
    margin-bottom: 10px;
}

.swipe-part .cal-date {
    font-weight: bold;
    color: #5D5D5D;
    line-height: 30px;
}

.src-padleft {
    padding-right: 0;
}

.src-padleft8px {
    padding-right: 8px;
}

.src-sizeChange {
    width: 40%;
}

.src-padTopMargin {
    margin-top: 15px;
}

.src-padbottomMargin {
    margin-bottom: 15px;
}

.src-padRightBorder {
    border-left: 1px solid #C5DFFC;
}

.src-padright {
    padding-right: 50px !important;
}

.src-borderLeft {
    /*border-right:none !important;*/
}

.src-margintop {
    margin-top: 0px !important;
}

.src-LeavePaddingRight {
    padding-left: 26px;
}

.src-margintop {
    margin-top: 0;
}

.Session-padright {
    padding-left: 5px;
}

.Session-padLeftrtp {
    padding-right: 22px;
}
/*===ORGANIZATION LEVELS===*/

.org-part {
    padding: 20px 30px;
}

.org-com {
    border: 1px solid #C5DFFC;
}

    .org-com h3 {
        background: #D9F0FB;
        margin: 0;
        color: #2C3A50;
        font-size: 13px;
        padding: 10px 20px;
    }

    .org-com .row001 {
        background: url(../img/org-line.png) top no-repeat;
        min-width: 30px;
        height: 25px;
        margin-right: 30px;
    }

    .org-com .row002 {
        background: #f0F;
        margin-right: 20px;
    }

    .org-com .row003 {
        background: #fF0;
        margin-right: 20px;
    }
/*===EMPLOYEE MASTER ADD===*/

.man-defalt {
}

.mas-manda1,
.mas-manda2,
.mas-manda3,
.mas-manda4 {
    display: none;
}

.respos-tab .nav-tabs > li:active a #tab2 > .mas-manda2 {
    display: block;
}

.respos-tab {
    border: 1px solid #C9E1FC;
}

.empadd-man {
}

    .empadd-man h6 {
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: #333;
        font-weight: normal;
        text-align: left;
        padding: 12px 30px 10px 20px;
        margin: 0;
    }

        .empadd-man h6 span {
            margin-left: 5px;
        }

.respos-tab ul {
    border-bottom: none;
    background: rgba(209, 236, 250, 1);
    background: -moz-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(209, 236, 250, 1)), color-stop(100%, rgba(179, 223, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1ecfa', endColorstr='#b3dff7', GradientType=0);
}

.respos-tab .nav-tabs > li.active > a,
.respos-tab .nav-tabs > li.active > a:focus,
.respos-tab .nav-tabs > li.active > a:hover {
    color: #1281B8;
    border: none;
    border-top: 2px solid #E61E2A;
    background: url(../img/tab-bg.jpg) top repeat-x #FFF;
}

.respos-tab .nav-tabs > li {
    border-left: 1px solid #ACCAEC;
    margin-bottom: 0;
}

    .respos-tab .nav-tabs > li:last-child {
        border-left: none;
    }

.respos-tab li span {
    padding-left: 6px;
}

.respos-tab .nav-tabs > li > a {
    margin-left: 0;
    padding: 10px 20px;
    color: #0B4D6E;
    border-radius: 0;
    border: none;
    border-top: 2px solid transparent;
}

.responsive-tabs-container[class*="accordion-"] .tab-pane {
    margin-bottom: 0 !important;
}

.emp-gender {
}

    .emp-gender ul {
        margin: 0;
        background: none;
    }

.form-group span {
    color: #5D5D5D;
    /*Command by karthikeyan.R for the Manual time entry purpose*/
    /*padding-top:7px;*/
    /*font-size:11px;*/
}

.office-tab {
    padding: 20px 5px 0 5px;
}

.mas-ulbg {
    background: none !important;
    margin-bottom: 0;
    padding: 0;
}

.emp-img {
    width: 126px;
    height: 126px;
    border-radius: 100%;
    border: 1px solid rgb(214, 214, 214);
}

.emp-img1 {
    padding-right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid rgb(214, 214, 214);
}

    .emp-img1:hover {
        width: 100px;
        height: 100px;
        position: absolute;
        z-index: 9999;
        border-color: #0B4D6E;
        border-radius: 100%;
        border: 1px solid rgb(214, 214, 214);
    }

.emp-photo {
    width: 64px;
    height: 64px;
    margin: 25px 33px;
}

.datefj {
    border: 1px solid #E7313B;
    color: #E7313B;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 29px;
}

.office-btn {
    margin: 5px 0;
}

.list-mar {
    margin-left: 3%;
    color: #5D5D5D;
}

.list-mar3 {
    /*margin-left: 3%;*/
    color: #5D5D5D;
}

.list-mar4 {
    margin-left: 3%;
    color: #5D5D5D;
    padding-right: 25px;
}
/*===USER GROUP===*/

.user-group {
    border: 1px solid #C9E1FC;
}

.urgrp-ftr {
    height: 33px;
    border-bottom: 1px solid #C9E1FC;
    background: #fbfdff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fbfdff 0%, #f6fcff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fbfdff 0%, #f6fcff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fbfdff 0%, #f6fcff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfdff', endColorstr='#f6fcff', GradientType=0);
    /* IE6-9 */
}

.urg-hdr {
    padding: 25px 14px;
}

.user-grptab {
}

    .user-grptab ul {
        border-top: 1px solid #C9E1FC;
        border-bottom: 1px solid #C9E1FC;
        background: rgba(209, 236, 250, 1);
        background: -moz-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(209, 236, 250, 1)), color-stop(100%, rgba(179, 223, 247, 1)));
        background: -webkit-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        background: -o-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        background: -ms-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        background: linear-gradient(to bottom, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1ecfa', endColorstr='#b3dff7', GradientType=0);
    }

    .user-grptab .nav-tabs > li.active > a,
    .user-grptab .nav-tabs > li.active > a:focus,
    .user-grptab .nav-tabs > li.active > a:hover {
        color: #1281B8;
        border: none;
        background: url(../img/ug-hov.jpg) #FFF;
    }

    .user-grptab .nav-tabs > li {
        border-left: 1px solid #ACCAEC;
        margin-bottom: 0;
    }

    .user-grptab li span {
        padding-left: 6px;
    }

    .user-grptab .nav-tabs > li > a {
        margin-left: 0;
        padding: 7px 20px;
        color: #0B4D6E;
        border-radius: 0;
        border: none;
    }

.user-table {
}

    .user-table .table-her,
    .user-table .table-her1 {
        background: #F3FBFE;
        color: #117AAD;
        font-size: 13px;
    }

    .user-table .table-her {
    }

    .user-table .table-her1 {
        text-align: center;
    }

    .user-table .table-her span {
        /*padding-left:15px;*/
    }

    .user-table .table-her1 span {
        padding-left: 10px;
    }

    .user-table .inr-tabtext1 {
        padding-right: 5% !important;
        color: #6C6C6C;
        font-size: 12px;
        font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    }

    .user-table .inr-tabtext2 {
        text-align: center;
    }

    .user-table .table > tbody > tr > td {
        padding: 5px 0;
    }
/*===CONFIGURATION===*/

.config-hdr {
    border-top: 1px solid #C9E1FC;
    border-bottom: 1px solid #C9E1FC;
    background: #fbfdff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fbfdff 0%, #f6fcff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fbfdff 0%, #f6fcff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fbfdff 0%, #f6fcff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfdff', endColorstr='#f6fcff', GradientType=0);
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 20px;
    margin-right: 0;
}

.con-spc {
    margin-top: 20px !important;
}

.config-hdr h3 {
    font-size: 15px;
    color: #0B4666;
    margin: 0;
    padding: 10px 30px;
    font-weight: bold;
}

.config-table {
    padding: 0 30px;
}

.config-font {
    font-family: Verdana, Geneva, sans-serif;
    color: #777;
}

.con-btnmar {
    margin-bottom: 20px;
}

.respos-tab1 {
    border: 1px solid #C9E1FC;
}

    .respos-tab1 ul {
        border-bottom: none;
        background: rgba(209, 236, 250, 1);
        background: -moz-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(209, 236, 250, 1)), color-stop(100%, rgba(179, 223, 247, 1)));
        background: -webkit-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        background: -o-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        background: -ms-linear-gradient(top, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        background: linear-gradient(to bottom, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1ecfa', endColorstr='#b3dff7', GradientType=0);
    }

    .respos-tab1 .nav-tabs > li.active > a,
    .respos-tab1 .nav-tabs > li.active > a:focus,
    .respos-tab1 .nav-tabs > li.active > a:hover {
        color: #1281B8;
        border: none;
        border-top: 2px solid #E61E2A;
        background: url(../img/tab-bg.jpg) top repeat-x #FFF;
    }

    .respos-tab1 .nav-tabs > li {
        border-left: 1px solid #ACCAEC;
        margin-bottom: 0;
    }

        .respos-tab1 .nav-tabs > li > a {
            margin-left: 0;
            padding: 10px 20px;
            color: #0B4D6E;
            border-radius: 0;
            border: none;
            border-top: 2px solid transparent;
        }
/*===LEAVE POLICY===*/

.lve-polhdr1 {
    margin: 0px 10px 2px 10px;
    padding: 8px 20px 10px 0px;
    background: #2471a3;
}

    .lve-polhdr1 h3 {
        margin: 0;
        font-size: 17px;
        font-weight: normal;
        color: White;
    }

.lve-polhdr2 {
    margin: 0 10px;
    padding: 7px 20px 3px 0px;
    background: #2471a3;
}

    .lve-polhdr2 h3 {
        margin: 0;
        font-size: 17px;
        color: White;
        font-weight: bold;
    }

.lve-polhdr3 {
    margin: 0px 10px;
    padding: 7px 20px 3px 0px;
    background: #2471a3;
}

    .lve-polhdr3 h3 {
        margin: 0;
        font-size: 17px;
        color: White;
        font-weight: bold;
    }

.lve-polhdr4 {
    margin: 0 10px 0;
    padding: 12px 5px 0 0;
    background: #F3FBFE;
    border-bottom: 1px solid #C5DFFC;
}

.lve-polhdr5 {
    margin: 0 10px 0;
    padding: 12px 5px 0 0;
    background: #F3FBFE;
    border-bottom: 1px solid #C5DFFC;
}

.lvepol-table {
    margin: 0 9px;
}

.lvepo-tblhdr {
    font-size: 12px;
    color: #117AAD !important;
    background: #F3FBFE;
    text-align: center;
}

.lve-text {
    text-align: center;
}

.lve-clsl {
    font-size: 12px;
    color: #6C6C6C;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

.lve-form1 {
    border: 1px solid #ACD1FB;
    border-radius: 0;
}

.lvepol-table .table > tbody > tr > td {
    padding: 4px 8px;
}

.lve-drop {
    border-radius: 0px;
    padding: 5px 0;
    color: #6C6C6C;
    font-size: 11px;
    border: none;
    min-width: 40px;
    background: none;
}

.holiday-chkbox {
    text-align: right;
    min-width: 87px;
}

    .holiday-chkbox li {
        line-height: 30px;
    }

        .holiday-chkbox li span {
            padding-left: 10px;
        }
/*==CHECK BOX===*/

.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-custom-label,
.radio-custom-label {
    position: relative;
    outline: none !important;
    padding-right: 30px;
}

.pad-none {
    padding-right: 0;
}

.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
    content: '';
    background: #EFEFEF;
    border: 1px solid #9C9C9C;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-left: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #EFEFEF;
    color: #0085B2;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #bbb;
}

.checkbox-custom:focus + .checkbox-custom-label,
.radio-custom:focus + .radio-custom-label {
    outline: 1px solid #ddd;
    /* focus style */
}

.sum-marright {
    margin-left: 10px;
}

.record {
    font-size: 11px;
    font-weight: normal;
    margin: 0;
}

.space {
    height: 41px;
}

.pad-left {
    padding-right: 0 !important;
}

.pad-right {
    padding-left: 0 !important;
}

.lve-potablebg {
    background: #F3FBFE;
}

.lve-tblwid1 {
    min-width: 90px;
}

.lve-tblwid2 {
    min-width: 140px;
}

.TableWidth {
    width: 60%;
}

.TableWidth1 {
    width: 40%;
}

.shiftVisibleman {
    display: none;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: Black;
}

.minwithUser {
    min-width: 120px;
    max-width: 200px;
}

.BrandLogo {
    margin-right: 32%;
}
/*===MEDIA SCREEN===*/
@media (max-width: 992px) {
    .TableWidth {
        width: 100%;
    }

    .shiftVisibleman {
        display: block;
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: Black;
    }

    .modalPopup {
        background-color: #FFFFFF;
        border: 3px solid #3c8dbc;
        width: 80%;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .TableWidth1 {
        width: 40%;
    }

    .BrandLogo {
        margin-right: 10%;
    }
}

@media (max-width: 800px) {
    .BrandLogo {
        margin-right: 12%;
    }
}

@media (max-width: 390px) {
    .BrandLogo {
        margin-right: 2%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .approval-data .leave-icons li {
        padding: 0;
    }

    .leave-icons .rounded {
        width: 47px;
        height: 47px;
        padding-top: 5px;
    }

    .approval-data .leave-icons .lrline {
        margin: 0 5px;
        padding: 0 5px;
        height: 4em;
    }

    .app-line {
        margin: 0 3%;
    }

    .atte-box1 h4,
    .atte-box2 h4,
    .atte-box3 h4,
    .atte-box4 h4,
    .atte-box5 h4,
    .atte-box6 h4 {
        font-size: 16px;
    }

    .BrandLogo {
        margin-right: 15%;
    }
}

@media (max-width: 1024px) {
    .atte-box1 h4,
    .atte-box2 h4,
    .atte-box3 h4,
    .atte-box4 h4,
    .atte-box5 h4,
    .atte-box6 h4 {
        font-size: 14px;
    }

    .exp-box1,
    .exp-box2,
    .exp-box3,
    .exp-box4,
    .exp-box5,
    .exp-box6 {
        border-radius: 30px;
        padding: 15px 25px;
    }

        .exp-box1 h4,
        .exp-box2 h4,
        .exp-box3 h4,
        .exp-box4 h4,
        .exp-box5 h4,
        .exp-box6 h4 {
            font-size: 14px;
        }

    .atte-box1 h1,
    .atte-box2 h1,
    .atte-box3 h1,
    .atte-box4 h1,
    .atte-box5 h1,
    .atte-box6 h1 {
        font-size: 48px;
    }

    .app-line {
        margin: 0 4%;
    }
}

@media (max-width: 991px) {
    /*===L R G===*/

    .lce-box1 {
        padding: 2% 8%;
    }

    .lce-cus h3,
    .lce-comm h3 {
        margin-bottom: 3%;
    }

    .lce-comm,
    .lce-man {
        float: none;
        text-align: right;
    }

    .respos-tab {
        border: none;
    }

    .responsive-tabs-container[class*="accordion-"] .accordion-link {
        background: #C2E5F9 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #0B4D6E !important;
        margin-bottom: 0 !important;
        margin-top: 15px;
    }

    .responsive-tabs-container[class*="accordion-"] .tab-pane {
        /*padding:20px;*/
        border: 1px solid #C9E1FC;
    }
    /*The below style added by karthikeyan fro the purpose of License request*/
    .lce-box2 .leftside-box {
        border-left: none !important;
        padding: 20px 45px 10px 10px;
    }
    /*End*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .lce-box2 .rightside-box,
    .lce-box2 .leftside-box {
        padding: 4%;
    }

    .src-padRightBorder {
        border-left: none;
    }
}

@media (max-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-left),
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
       /* border: 1px solid #BDE4F8;*/
    }

    .emp-filter {
        border-top: 1px solid #C5DFFC;
    }

    .empl-mtr .subline {
        text-align: right;
        margin-top: 10px;
    }

    .filter-button,
    .filter-button1 {
        margin-left: 0;
        width: 100%;
    }

    .page-button {
        text-align: right;
        margin-top: 10px;
    }

    .main-footer {
        text-align: center;
    }

    .grid-chart,
    .grid-chart1,
    .grid-chart2 {
        margin: 3% 0 0 0;
        width: 100%;
    }

    .exp-box1,
    .exp-box2,
    .exp-box3,
    .exp-box4,
    .exp-box5,
    .exp-box6 {
        border-radius: 30px;
        padding: 15px 15px;
    }

    .atte-box1 h1,
    .atte-box2 h1,
    .atte-box3 h1,
    .atte-box4 h1,
    .atte-box5 h1,
    .atte-box6 h1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .skin-blue .main-header .logo,
    .skin-blue .main-header .navbar,
    .skin-blue .main-header .navbar {
        border-bottom: 1px solid #B3D5FB;
    }

    .content-wrapper,
    .right-side,
    .main-header > .navbar,
    .main-footer {
    }

    .approval-data .leave-icons li {
        padding: 0 7%;
    }

    .ser-btnpad {
        margin-top: 10px;
    }

    .button-marg {
        float: right !important;
        margin-right: 2%;
    }

    .exda-table .inr-tbl {
        padding: 20px 10px 20px 30px;
    }

    .session1,
    .session2 {
        width: 95%;
        margin: 10px 2.5%;
        float: none;
    }

    .sml-txtfld1,
    .sml-txtfld2 {
        width: 95%;
    }

    .sml-txtfld2 {
        margin: 10px 15px 0 15px;
    }

    .form-padding {
        padding: 0 10px;
    }

    .panel-heading h4 {
        padding: 9px 10px 10px 10px;
        margin-left: 0;
    }

    .bla-table {
        width: 90%;
        margin: 5%;
    }

    .line13 {
        display: none;
    }

    .das-table1 .col1-padding {
        width: auto;
    }

    .dashboard {
        padding: 10px 1.5%;
    }

    .alr-logo a {
        padding: 0 !important;
    }

    .button-marg {
        width: 100%;
        margin: 0;
    }

    .lve-aplfont {
        width: 100%;
    }

    .src-btn,
    .clr-btn,
    .add-btn,
    .del-btn,
    .bulk-btn,
    .view-btn,
    .back-btn,
    .save-btn,
    .gene-btn {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        padding: 8px 0;
    }

    .view-btn-Image {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        padding: 8px 0;
    }

    .button-alt {
    }

    .butt-right,
    .button-marg {
        margin-left: 0;
        width: 100%;
    }

    .form-control1 {
        width: 100%;
    }

    .form-control {
        width: 100%;
    }

    .ser-btnpad {
        width: 100%;
        padding: 7px 0;
    }

    .lce-box2 {
    }

        .lce-box2 .rightside-box,
        .lce-box2 .leftside-box {
            padding: 5% 10%;
        }

    .button-alt {
        width: 90%;
        margin: 10px 5% 10px 2.5%;
    }

    .content-header {
        margin-bottom: 5%;
    }

    .inr-hdrright {
        text-align: right;
        margin-top: 10px;
    }

    .exp-btn {
        width: 90%;
        margin-right: 10%;
    }

    .butt-right {
        margin-left: 0;
        width: 100%;
    }

    .lve-mar {
        margin-bottom: 15px;
    }

    .src-padleft {
        padding-right: 15px;
    }

    .src-padleft8px {
        padding-right: 15px;
    }

    .src-sizeChange {
        min-width: 40%;
    }

    .src-padTopMargin {
        margin-top: 0px !important;
    }

    .src-padbottomMargin {
        margin-bottom: 0px !important;
    }

    .src-padRightBorder {
        border-left: none;
    }

    .src-padright {
        padding-right: 15px !important;
    }

    .src-borderLeftFooter {
        border-right: 1px solid #BDE4F8 !important;
    }

    .src-borderLeft {
        /*border-right:1px solid #BDE4F8 !important;*/
    }

    .src-margintop {
        margin-top: 15px !important;
    }

    .src-LeavePaddingRight {
        padding-left: 15px;
    }

    .Session-padLeftrtp {
        padding-right: 15px;
    }

    .Session-padright {
        padding-left: 15px;
    }

    .explist {
        width: 100%;
    }

    .urg-hdr {
        padding: 5px 10px;
        line-height: 30px;
    }

    .user-table .inr-tabtext1 {
        padding: 0 5px !important;
    }

    .checkbox-custom-label,
    .radio-custom-label {
        padding-right: 5px;
    }

    .field-btn li:last-child {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .nav-tabs-custom > .nav-tabs > li.header {
        font-size: 12px;
        padding: 0 5px;
    }

    .att-date {
        margin-left: 5px;
    }

    .nav-tabs-custom {
        margin-top: 0;
        margin-bottom: 10%;
    }

    .approval-data .leave-icons .lrline {
        border: 0;
        margin: 0;
        padding: 0;
    }

    .exp-box1,
    .exp-box2,
    .exp-box3,
    .exp-box4,
    .exp-box5,
    .exp-box6 {
        border-radius: 20px;
        padding: 15px 20px;
    }

    .approval-data .leave-icons li {
        text-align: center;
        padding: 0 1.5%;
    }

    .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
        margin-left: 0;
    }

    .nav > li > a {
        padding: 0;
    }

    .das-table1 {
        width: 100%;
    }

    .das-table2 .subhead2 {
        font-size: 10px !important;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .das-table2 .pad-lft1,
    .das-table1 .pad-lft {
        padding-right: 1%;
    }

    .das-table2 .leave1 span,
    .das-table1 .to-emp1 span {
        padding-left: 5px;
    }

    .das-table1 .to-emp1,
    .das-table1 .count1,
    .das-table1 .pre1,
    .das-table1 .excel1,
    .das-table1 .pdf1 {
        font-size: 12px;
        min-width: 50px;
    }

    .graph-part1 li {
        margin: 10px 0;
    }

    .approval-data .leave-icons {
        padding: 10px 2%;
    }

    .exp-data .subline1,
    .exp-data1 .subline2 {
        text-align: right;
        margin-top: 10px;
    }

    .app-line {
        margin: 0 10%;
    }
}

.new-space {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*===Dashboard Graph===*/

.inner-header {
    border-bottom: 1px solid #BDE4F8;
    padding: 11.5px 20px;
    background: #D9F0FB;
}

.inr-hdrleft {
}

    .inr-hdrleft span {
        float: right;
        width: 33px;
    }

    .inr-hdrleft h3 {
        float: right;
        margin: 0;
        font-size: 18px;
    }

.inr-hdrright {
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #999;
}

    .inr-hdrright a {
        color: #525252;
    }

        .inr-hdrright a:hover {
            color: #999;
        }
/*===*/

user-group {
    border: 1px solid #c9e1fc;
}

.urgrp-ftr {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fbfdff 0%, #f6fcff 100%) repeat scroll 0 0;
    border-bottom: 1px solid #c9e1fc;
    height: 33px;
}

.urg-hdr {
    padding: 20px 14px;
}

.user-grptab {
}

    .user-grptab ul {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(209, 236, 250, 1) 0%, rgba(179, 223, 247, 1) 100%) repeat scroll 0 0;
        border-bottom: 1px solid #c9e1fc;
        border-top: 1px solid #c9e1fc;
    }

    .user-grptab .nav-tabs > li.active > a,
    .user-grptab .nav-tabs > li.active > a:focus,
    .user-grptab .nav-tabs > li.active > a:hover {
        background: #fff url("../img/ug-hov.jpg") repeat scroll 0 0;
        border: medium none;
        color: #1281b8;
    }

    .user-grptab .nav-tabs > li {
        border-left: 1px solid #accaec;
        margin-bottom: 0;
    }

    .user-grptab li span {
        padding-left: 6px;
    }

    .user-grptab .nav-tabs > li > a {
        border: medium none;
        border-radius: 0;
        color: #0b4d6e;
        margin-left: 0;
        padding: 7px 20px;
    }

.user-table {
}

    .user-table .table-her,
    .user-table .table-her1 {
        background: #f3fbfe none repeat scroll 0 0;
        color: #117aad;
        font-size: 13px;
    }

    .user-table .table-her1 {
        text-align: center;
    }

    .user-table .table-her span {
        padding-left: 15px;
    }

    .user-table .table-her1 span {
        padding-left: 10px;
    }

    .user-table .inr-tabtext1 {
        color: #6c6c6c;
        font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding-right: 5% !important;
    }

    .user-table .inr-tabtext2 {
        text-align: center;
    }

    .user-table .table > tbody > tr > td {
        padding: 5px 0;
    }

/*The following Css Added by karthikeyan for the normal grid view page style */
.GridPager a, .GridPager span {
    display: block;
    height: 25px;
    width: 25px;
    text-align: center;
    text-decoration: none;
}

.GridPager a {
    background-color: #fafafa;
    color: #666;
    border: 1px solid #ddd;
    padding-top: 2px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.GridPager span {
    border: 1px solid #C5DFFC;
    /*padding:5px 10px;*/
    font-size: 14px;
    line-height: 1.5;
    color: Red;
}

    .GridPager span:hover {
        z-index: 3;
        color: #23527c;
        background-color: #eee;
        border-color: #ddd;
    }

.GridColumn {
    min-width: 100px;
}

.GridColumn200 {
    min-width: 200px;
}

.GridColumn50 {
    min-width: 50px;
}
/*End*/

.line-spec {
    line-height: 40px;
}
