span.ikd-its-tggl-line.header-inline-block.desk-disp-none {
    display: none;
}
/* .dataTables_scrollHeadInner, .table{
    width:100%!important
}; */
!*/html, body {
min-height:100%
}
.layout-boxed html, .layout-boxed body {
    height: 100%
}
@font-face {
    font-family: 'shruti';
    src: url('../fonts/shruti.eot');
    src: url('../fonts/shruti.eot') format('embedded-opentype'),
         url('../fonts/shruti.woff2') format('woff2'),
         url('../fonts/shruti.woff') format('woff'),
         url('../fonts/shruti.ttf') format('truetype'),
         url('../fonts/shruti.svg#shruti') format('svg');
}
@font-face {
    font-family:samplefont;
    src: url(fonts/Poppins-Light.ttf);
    font-weight:300;
}
@font-face {
    font-family:samplefont2;
    src: url(fonts/Poppins-Medium.ttf);
    font-weight:400;
}
@font-face {
    font-family:samplefont3;
    src: url(fonts/Poppins-Regular.ttf);
    font-weight:500;
}
@font-face {
    font-family:samplefont4;
    src: url(fonts/Poppins-SemiBold.ttf);
    font-weight:600;
}
@font-face {
    font-family:samplefont5;
    src: url(fonts/Poppins-Bold.ttf);
    font-weight:700;
}
@font-face {
    font-family:otherfont;
    src: url(fonts/SNAP___.TTF);
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-family:calibri;
    font-weight:400;
    color: #000000;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: 300;
}
.wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden
}
.wrapper:before, .wrapper:after {
    content: " ";
    display: table
}
.wrapper:after {
    clear: both
}
.layout-boxed .wrapper {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    position: relative
}
.layout-boxed {
    background: url('../img/boxed-bg.jpg') repeat fixed
}
.content-wrapper, .right-side, .main-footer {
    /* -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;
    transition: transform .3s ease-in-out, margin .3s ease-in-out; */
    margin-left: 300px;
    z-index: 820
}
.layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer {
    margin-left: 0
}
.content-wrapper, .right-side {
    min-height: 100%;
    background-color: #f0f0f0;
    z-index: 800;
    /* border-top: 1px solid #e1e1e1; */
    transition: all .2s;
}
.main-footer {
    padding: 15px;
    color: #343434;
    -webkit-box-shadow: -2px -8px 41px -14px rgba(202, 210, 222, 0.61);
    -moz-box-shadow: -2px -8px 41px -14px rgba(202, 210, 222, 0.61);
    box-shadow: -2px -8px 41px -14px rgba(202, 210, 222, 0.61);
    border-top: 1px solid #D6D6D6;
    background: #ffffff;
    font-size: 14px;
    padding: 15px 15px;
    margin-left: 295px;
    transition: all .2s;
}
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
    position: fixed
}
.fixed .main-header {
    top: 0;
    right: 0;
    left: 0
}
.fixed .content-wrapper, .fixed .right-side {
    padding-top: 50px
}
@media (min-width:767px) and (max-width:1024px){
    input[type="search"]{
        width: 235px !important;
    }
    .ext-col-ipad-display-none{
        display: none;
    }
    .col-sm-3.employee-mrg-pdng {
    	width: 25%;
    }
    .form-group.btn-m-t-20 .sbt-prc-fnd-bttn {
    	margin-top: 20px;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    	width: 410px !important;
    	left: 340px !important;
    }
    .ipad-label-f-s-16{
        font-size: 16px !important;
    }
    .main-footer .pull-right.ftr-mrg-pdng{
        float: left !important;
        margin-top: 8px !important;
    }
    span.new-line-res {
    	display: unset !important; 
    	padding-left: 0px !important;
    }
    .sidebar-mini footer.main-footer{
        margin-left: 320px;
    }
    .sidebar-mini.sidebar-collapse footer.main-footer{
            margin-left: 50px !important;
    }
    .col-md-3.col-sm-12.m-t--20 {
    	margin-top: -20px;
    }
    .n-ipad-width-100per .col-md-4.col-sm-12, .ipad-width-50per-100per .col-md-4.col-sm-6, .col-sm-6.ipad-width-100per{
        width: 100%;
    }
    .table-striped.table-bordered.table-hover.dataTable.no-footer td.noExport .dflt.dflt-bttn {
    	margin-bottom: 10px;
    }
    button.lnkbtn.icon-btn.btn-svn.btn-m-t--30 {
    	margin-top: -30px;
    }
     .ipad-width-50per .col-md-3.col-sm-12, .ipad-width-50per .col-md-4.col-sm-6.ipad-col-md-4-w-100{
     	width: 100%;
     }
    .ipad-width-50per .col-md-2.col-sm-6, .ipad-width-50per .col-md-3.col-sm-6{
        width: 50%;
    }
    div.m-10 .col-lg-12.col-md-12.col-xs-12{
        margin-left: 0px !important;
        padding: 0px 24px;
    }
    div.m-r-10 .box-header.with-border{
        margin-right: 0px !important;
    }
    div.m-r-10 .col-lg-12.col-md-12.col-xs-12{
        padding: 0px 24px;
    }
    #change-pwd-btn {
    	padding: 10px 25px 10px 25px !important;
    	margin: 10px 0px !important;
    	width: 22% !important;
    }
    .col-md-3.col-sm-4.col-xs-12, .col-sm-3{
        width: 100%;
    }
    button.lnkbtn.icon-btn.btn-svn.cir-btn-link{
        padding: 0px 0px 0px 0px !important;
        font-size: 14px;
    }
    .col-md-6 .form-group img#companyBanner {
    	margin-top: 10px;
    }
    #change-pwd-btn{
        width: 40% !important;
    }
}
@media (min-width:767px) and (max-width:1024px) and (orientation : landscape){
    .row.col-md-2-ipad-width-100 .col-sm-2 {
    	width: 100%;
    }
    .m-btn-m-b-10 .additional-information-bttn{
        width: 185px !important;
    	margin-bottom: 5px;
    }
    .col-md-12.col-sm-12 .nowrap.resp-msg-newline span{
        white-space: normal;
    }
    .skin-blue.sidebar-mini.sidebar-collapse .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
         left: 240px !important;
    }
    .skin-blue.sidebar-mini .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
         left: 340px !important;
    }
    .main-footer .pull-right.ftr-mrg-pdng, .col-md-6.msg-ipad-width-full {
        width: 100%;
    }
    .col-md-3.col-sm-12.m-t--20 {
    	margin-top: -20px;
    }	
    #listingTable_filter input[type="search"]{
        width: 280px !important;
    }
    #change-pwd-btn {
    	padding: 10px 25px 10px 25px !important;
    	margin: 10px 0px !important;
    	width: 18% !important;
    }
    button.lnkbtn.icon-btn.btn-svn.cir-btn-link{
            padding: 0px !important;
    }
    .cir-top-div {
        width: 180px !important;
    	height: 180px !important;
    }
    .set-ipad-config-cir-btn .col-md-3.col-sm-6, .set-ipad-live-rep-cir-btn{
        width: 33.33%;
    }
    .col-md-2.col-sm-12.ipad-rote-width-md-2 {
    	padding: 0px 8px;
    }
}
@media (max-width:767px) {
    .unauthorize-msg{
        font-size: 14px !important;
       padding-bottom: 30px !important;
       padding-top: 10px !important;
    }
    .oops-txt{
       font-size: 30px !important;
       padding: 10px 0px !important;
    }
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 100px
    }
    #change-pwd-btn {
    	padding: 1px 10px 3px 2px;
    	margin: 10px 0px;
    	width: auto !important;
    }
    .content-wrapper, .right-side, .main-footer {
        margin-left: 0
    }
    .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
        -webkit-transform: translate(275px, 0);
        -ms-transform: translate(275px, 0);
        transform: translate(275px, 0)
    }
}
.fixed.layout-boxed .wrapper {
    max-width: 100%
}
body.hold-transition .content-wrapper, body.hold-transition .right-side, body.hold-transition .main-footer, body.hold-transition .main-sidebar, body.hold-transition .left-side, body.hold-transition .main-header .navbar, body.hold-transition .main-header .logo {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}
.content {
    min-height: 250px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Poppins', sans-serif;
} 
.anchor {
 	color: #ffffff; 
}
a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #000;
}
.page-header {
    margin: 10px 0 20px 0;
    font-size: 22px
}
.page-header>small {
    color: #666;
    display: block;
    margin-top: 5px
}
.main-header {
    position: fixed;
    width:100%;
    max-height: 100px;
    z-index: 1030;
    border-bottom: 1px solid #e1e1e1;
    transition: all .2s;
}
.main-header2 {
    max-height: 100px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
}
.main-header .navbar {
    margin-bottom: 0;
    margin-left: 295px;
    border: none;
    min-height: 50px;
    border-radius: 0
}
.layout-top-nav .main-header .navbar {
    margin-left: 0
}
.main-header #navbar-search-input.form-control {
    background: rgba(255,255,255,0.2);
    border-color: transparent
}
.main-header #navbar-search-input.form-control:focus, .main-header #navbar-search-input.form-control:active {
    border-color: rgba(0,0,0,0.1);
    background: rgba(255,255,255,0.9)
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
    color:#ccc;
    opacity:1
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
    color:#ccc
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
    color:#ccc
}
.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: right
}
@media (max-width:991px) {
    .main-header .navbar-custom-menu a, .main-header .navbar-right a {
        color: inherit;
        background: transparent
    }
}
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 12px 15px;
    font-family: fontAwesome;
    font-size: 21px;
    margin-right: 5px;
}
.main-header .sidebar-toggle:hover {
    color: #fff
}
.main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active {
    background: transparent
}
.main-header .sidebar-toggle .icon-bar {
    display: none
}
.main-header .navbar .nav>li.user>a>.fa, .main-header .navbar .nav>li.user>a>.glyphicon, .main-header .navbar .nav>li.user>a>.ion {
    margin-right: 5px
}
.main-header .navbar .nav>li>a>.label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9
}
.main-header .logo {
    display: block;
    float: left;
    height: 53px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    width: 300px;
    font-family: Calibri;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden
}
.main-header .logo .logo-lg {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 22px;
}
.main-header .logo .logo-mini {
    display: none
}
.main-header .navbar-brand {
    color: #fff
}
.content-header {
    position: relative;
    padding: 6px 15px 6px 15px;
}
.content-header>h1 {
    color: #343434;
    font-family: calibri;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}
.content-header>h1>small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300
}
.content-header>.breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px
}
.content-header>.breadcrumb>li>a {
    color: #444;
    text-decoration: none;
    display: inline-block
}
.content-header>.breadcrumb>li>a>.fa, .content-header>.breadcrumb>li>a>.glyphicon, .content-header>.breadcrumb>li>a>.ion {
    margin-right: 5px
}
.content-header>.breadcrumb>li+li:before {
    content: '>\00a0'
}
@media (max-width:991px) {
    .content-header>.breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #d2d6de;
        padding-left: 10px
    }
    .content-header>.breadcrumb li:before {
        color: #97a0b3
    }
    .navbar-custom-menu .navbar-nav>li {
        float: left
    }
    .navbar-custom-menu .navbar-nav {
        margin: 0;
        float: left
    }
    .navbar-custom-menu .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px
    }
    .ch-line2 {
        margin: 0px auto;
        width: 99.5%;
        line-height: 40px;
    }
    .navbar-collapse.pull-left {
        float: none !important
    }
    .navbar-collapse.pull-left+.navbar-custom-menu {
        display: block;
        position: absolute;
        top: 0;
        right: 40px
    }
}
#mypdf-btn{
    border: 0px;
    position: absolute;
    top: 23%;
    right: 15px;
    margin-bottom: 0px;	
    z-index:999 !important;
}
.navbar-toggle {
    color: #fff;
    border: 0;
    margin: 0;
    padding: 15px 15px
}
@media (max-width:767px) {
    .main-header {
        position: fixed;
    }
    .main-header .logo, .main-header .navbar {
        width: 100%;
        float: none
    }
    .main-header .navbar {
        margin: 0
    }
    .main-header .navbar-custom-menu {
        float: right
    }
    .main-header .navbar-right {
        float: none
    }
    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px
    }
    .main-header .navbar-right>li {
        color: inherit;
        border: 0
    }
    a.logo.m-hide-logo{
        display: none;
    }
    .left-side {
        padding-top: 100px;
    }
    .main-sidebar{
        padding-top: 53px;
    }
    .main-sidebar, .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0)
    }
    body.skin-blue.sidebar-mini.sidebar-collapse.sidebar-open aside.main-sidebar {
    	transform: translate(0px, 0);
    }
    .sidebar-open .main-sidebar, .sidebar-open .left-side {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
    min-height: 100%;
    z-index: 810;
}
.sidebar {
    padding-bottom: 10px
}
.sidebar-form input:focus {
    border-color: transparent
}
.user-panel {
    position: relative;
    width: 100%;
    padding: 10px;
    overflow: hidden
}
.user-panel:before, .user-panel:after {
    content: " ";
    display: table
}
.user-panel:after {
    clear: both
}
.user-panel>.image>img {
    width: 100%;
    max-width: 45px;
    height: auto
}
.user-panel>.info {
    padding: 5px 5px 5px 15px;
    line-height: 1;
    position: absolute;
    left: 55px
}
.user-panel>.info>p {
    font-weight: 600;
    margin-bottom: 9px
}
.user-panel>.info>a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: 11px
}
.user-panel>.info>a>.fa, .user-panel>.info>a>.ion, .user-panel>.info>a>.glyphicon {
    margin-right: 3px
}
.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0
}
.sidebar-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
}
.sidebar-menu > li > a {
    display: block;
    padding: 6px 5px 6px 5px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {
    width: 20px
}
.sidebar-menu>li .label, .sidebar-menu>li .badge {
    margin-right: 5px
}
.sidebar-menu>li .badge {
    margin-top: 3px
}
.sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 16px;
    font-weight: 500;
}
.sidebar-menu li>a>.fa-angle-left, .sidebar-menu li>a>.pull-right-container>.fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px
}
.sidebar-menu li.active>a>.fa-angle-left, .sidebar-menu li.active>a>.pull-right-container>.fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.sidebar-menu li.active>.treeview-menu {
    display: block
}
.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 0px
}
.sidebar-menu .treeview-menu .treeview-menu {
    padding-left: 20px
}
.sidebar-menu .treeview-menu>li {
    margin: 0;
}
.sidebar-menu .treeview-menu > li > a {
    display:block;
    font-size: 14px;
    font-weight: 300;
    padding: 0.5px 5px 0.5px 10px;
    letter-spacing: 0.2px;
}
.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon, .sidebar-menu .treeview-menu>li>a>.ion {
    width: 20px
}
.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left, .sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down, .sidebar-menu .treeview-menu>li>a>.fa-angle-left, .sidebar-menu .treeview-menu>li>a>.fa-angle-down {
    width: auto
}
@media (min-width:768px) {
     .sidebar-mini.sidebar-collapse .main-footer{
     	margin-left: 0px;
     	transition: all .2s;
     }
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side {
        margin-left: 20px !important;
        z-index: 840
    }
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 0px !important;
        z-index: 850
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li {
        position: relative
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
        margin-right: 0
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
        border-top-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 300px;
        left: 50px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
        top: 0;
        margin-left: -3px;
        padding: 12px 5px 12px 20px;
        background-color: inherit
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
        float: right;
        width: auto!important;
        left: 320px!important;
        top: 10px!important
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
        display: none
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 44px;
        margin-left: 0
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none !important;
        -webkit-transform: translateZ(0)
    }
    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px
    }
    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        display: none;
    }
    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
        display: none
    }
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px
    }
}
footer.main-footer span.dark-2 {
    color: #000000;
}
footer.main-footer span.new-line-res {
    color: #006dcb;
}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
    white-space: nowrap;
    overflow: hidden
}
.sidebar-menu:hover {
    overflow: visible
}
.sidebar-form, .sidebar-menu>li.header {
    overflow: hidden;
    text-overflow: clip
}
.sidebar-menu li>a {
    position: relative
}
.sidebar-menu li>a>.pull-right-container {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px
}
.control-sidebar-bg {
    position: fixed;
    z-index: 1000;
    bottom: 0
}
.control-sidebar-bg, .control-sidebar {
    top: 0;
    right: -230px;
    width: 230px;
    -webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out
}
.control-sidebar {
    position: absolute;
    padding-top: 50px;
    z-index: 1010
}
span.mobile-display-block {
    display: none;
}
.dropdown.only-mobile-display-show {
    display: none;
}
.emp-btn-mt-4 {
    	margin-top: 4px;
}
@media (max-width:768px) {
	.receivefood-btns-set span#receivefood {
	    margin-left: 10px;
	    display: block;
	    margin-top: 15px;
	    margin-bottom: 10px;
	}
	.feedback-form-box .title-set{
		margin-bottom: 10px !important;
	}
	.feedback-form-box .rating-sub textarea.form-control {
	    margin-top: 0px;
	}
	.container.p-lr-0 {
	    padding: 0px;
	}
	.order-box .row.m-lr-0.order-id-time .col-md-7.col-xs-7.text-right{
		padding: 0px !important;
	}
	.order-container .order-box{
		padding: 4px !important;
	}
	.order-box .order-details .m-lr-0.order-id-time{
		font-size: 14px !important;
	}
	.total-price-lbl, .total-price-value{
		font-size: 16px !important;
	}
	.dask-mob-p-l-set {
	    padding-left: 5px !important;
	}
	.box-body.box-body-p-lr-0{
		padding:0px !important;
	}
	div#cartTableBody .checkout-list-box label.lbl-name-txt{
		font-size: 14px !important;
	}
	.container.mobile-p-lr-0 {
	    padding: 0px;
	}
	.checkout-list-box .product-full-list .p-lr-0 {
	    padding: 0px;
	}
	.menu-item-box .menu-item div#prebookingover{
		font-size: 12px !important;
	}
	.canteen-name{
		font-size: 16px !important;
	}
	.order-container .order-box{
		margin-bottom: 10px !important;
	}
	.order-details .order-lbl-txt.order-lbl-txt-height-fix{
		min-height: auto !important;
	}
	div#cartTableBody{
		padding: 5px 5px !important;
		width: 100% !important;
	}
	.checkout-btn-top{
		padding: 4px 10px !important;
		left: 30% !important;
		width: 40% !important;
		font-size: 16px !important;
	}
	.border-box-item .menu-item-box p {
	    font-size: 12px !important;
	    margin-bottom: 8px !important;
	}
	.menu-item-box h3.product-name-box{
		height: 30px !important;
		margin: 4px 0px !important;
		font-size: 12px !important;
	}
	.menu-item-box .menu-item .food-img {
    	height: 100px !important;
    }
	.row.border-box-item .menu-item-box {
	    padding: 0px 8px;
	    margin-bottom: 12px;
	}
	.border-box-item{
		padding: 10px 0px !important;
	}
	.part-40-inside{
		margin: 10px auto 0px !important;
		max-width: 100% !important;
	}
	.mobile-dis-none{
		display:none !important;
	}
	.new-dashboard .box-body .lable-year{
		font-size: 14px;
    	margin-top: 1px;
	}
	.box-body.new-dashboard .col-chart-box div#chartContainera {
	    height: 315px !important;
	}
	.box.fix-height-dashboard-box .border-left-right{
		border:0px;
	}
    .box-body .nav-tabs-custom.resp-btn-color ul.nav.nav-tabs li {
        margin-right: 1px !important;
    }
    .row.mobile-p-t-0 div#scrolltable {
        padding-top: 0px;
    }
    .form-group.m-mb-10.n-m-mb-0 {
        margin-bottom: 0px;
    }
    .col-md-3.sml-divi-pl-0 div#EmployeeDeskLeptop {
    	margin-left: 15px;
    }
    .col-md-3.sml-divi-pl-0 div#you-self {
    	margin-left: 0px;
    }
    div#bordermodal1 .modal-dialog.modal-md {
    	margin-top: 60px;
    }
    .m-pt-5 {
        padding-top: 5px;
    }
    span.mobile-display-block.m-mt-0 {
    	margin-top: 0px !important;
    }
    div#calendar .fc-view.fc-month-view.fc-basic-view .fc-popover.fc-more-popover .fc-body.aui-widget-content .fc-event-container{
        background:#fff7f5 !important;
    }
    .main-header{
        z-index: 999999 !important;
    }
    .col-lg-12.col-md-12.col-xs-12.mobile-search-excel {
    	z-index: 999;
    }
    .row.m-m-lr--13 .box-body.mobile-col-sm-3-b-border .row {
    	margin: 0px -12px;
    }
    .demo.new-celeb-page .our-teamh{
        margin-bottom: 15px;
    }
    .demo.new-celeb-page .col-lg-3.col-md-3.col-sm-3.col-xs-6 {
    	padding: 0px 8px !important;
    }
    .our-teamh .title{
        min-height: 30px;
    }
    a.dflt.dflt-bttn.download-btn-n {
        margin: 2px 0px;
    }
    .table-responsive .dataTables_info{
        font-weight: normal;	
    }
    .table-responsive .table>thead>tr>th, .table-responsive .table>tbody>tr>th, .table-responsive .table>tfoot>tr>th, .table-responsive .table>thead>tr>td, .table-responsive .table>tbody>tr>td, .table-responsive .table>tfoot>tr>td{
        font-size: 12px !important;
    }
    div#employeeSummaryDivBox .emp-smmry-line{
        padding: 0px !important;
    }
    .mob-font-sm {
    	font-size: 12px;
    }
    div#reqularHeads.empl-information .emp-dark{
        font-size: 16px !important;
    }
    div#calendar .fc-view-container  .fc-popover.fc-more-popover .fc-body.ui-widget-content .fc-body.ui-widget-content{
        background: #fff !important;
    }
    #celebration .email-signature .signature-content li{
        text-align: left;
    }
    div#celebrationsLeptop, div#AuthorityDeskLeptop, div#you-self{
    	margin-left: 15px;
    }
    #celebration .email-signature .signature-content:before{
        display: none !important;
    }
    #celebration .email-signature .signature-content{
        padding-top: 0px !important;
    }
    .about-box {
        padding: 20px 15px !important;
        margin-top: 0px !important;
    }
    p.about-ph-120 {
    	height: auto !important;
    }
    .box.about-box-body {
    	height: auto !important;
    }
    .our-teamh .title, .our-teamh .post{
        font-size: 12px !important;
    }
    .row.cal-header h1.box-title.active-title-set.xs {
        margin: 5px 0px 5px 12px !important;
    }
    .celebration-title {
    	border-bottom: 1px solid #fff;
    }
    .row.m-0 .col-md-4 .ls-bttn {
        width: 48% !important;
        margin: 0px 2px !important;
    }
    .box.mobile-m-t-15 {
    	margin-top: 15px;
    }
    .col-md-1.m-d-none{
        width: auto !important;
        display: inline-block !important;
        padding-left: 0px;
    }
    .row.cal-header .col-md-11{
         min-width: 54% !important;
        display: inline-block !important;
        padding-right: 0px !important;
        width: auto !important;
    }
    span.username_txt{
        margin-left: 8px;
    }
    .md-btn-mt-20 {
    	margin-top: 0px !important;
    }
    .row.counter.main-shift-sum h3.box-subtitle {
    	font-size: 16px;
    }
    .employee-p, .customer-p, .order-p, .design-p{
        font-size: 18px !important;
    }
    .emp-sum-label{
        font-size: 18px !important;
    }
    .sl-pl-lable{
        font-size: 14px !important;
    }
    .col-md-4.new-leave-summary .table-leave-summary {
    	background: transparent !important;
    }
    .main-shift-sum .design-p-n{
        font-size: 18px !important;
        display: initial !important;
    }
    .counter.m-t-20 p.design-p{
        margin-bottom: 0px !important;
    }
    .counter.top-sec-dashboard .design-box{
        margin-top: 5px !important;
    }
    .content-wrapper .box .box-header.with-border.dashboard-header-color{
        margin-top: 5px;
    }
    .main-shift-sum .design-p-n{
        font-size: 18px
    }
    .login-control{
        height: 35px;
    }
    i#togglePassword{
        top: 10px !important;
    }
    .name{
        font-size: 13px !important;
    }
    .login_main_panel{
        background: transparent !important;
    }
    .col-sm-3.employee-mrg-pdng .employee-light{
        font-size: 14px;
    }
    .dropdown.only-mobile-display-show .additional-information-bttn.dropdown-toggle {
    	margin: 2px 0px !important;
    }
    .dropdown.only-mobile-display-show ul.dropdown-menu{
       float: right;
       right: 0;
       left: auto;
       margin-top: 22px;
    }
    .dropdown.only-mobile-display-show.open .dropdown-menu>li>a .additional-information-bttn{
       padding: 1px 10px !important;
       margin: 0px !important;
       float: left;
       width: 100%;
       display: block;
       text-align: left;
       border: 1px solid #fff;
    }
    .dropdown.only-mobile-display-show.open .dropdown-menu>li>a{
        padding: 0px 10px;
    }
    .emp-btn-mt-4.m-dis-none {
    	display: none;
    }
    .dropdown.only-mobile-display-show {
        display: block;
    }
    .col-lg-12.col-md-12.col-xs-12.ganerateletter {
    	padding: 0px;
    }	
    div#form16Div h3 u span.templateName{
        font-size: 14px !important;
    }
    .col-md-12.th-f-b-r table.table.table-striped.no-footer.table-holidaymaster thead tr th {
    	font-weight: 500;
    }
    .col-lg-12.col-md-12.col-sm-12.text-right.cm-mandatory-msg label#validationLabel {
          display: block !important;
          width: 100%;
          float: left !important;
          text-align: left;
    }
    span.week-name-span{
        font-size: 14px !important;
    }
    .validationMsg{
        font-size: 12px !important;
    }
    .additional-information-bttn.m-mt-2 {
        margin-top: 2px;
        margin-right: 0px !important;
    }
    .form-group label{
        font-size: 14px !important;
    }
    .box-header.with-border.box-header-remove.m-mt-20 {
    	margin-top: 20px;
    }
    .row.img-cel .col-md-3 .image-celebration{
        margin-bottom: 4px;
        padding: 2px 2px !important;
    }
    .sect-heading{
        font-size: 16px !important;
    }
    .tab-content.pad-tab-content-20 .row.ipad-width-50per .template-name-salaryhead {
    	font-size: 16px;
    }
    button.dt-button.pull-right.btn-plus-icon.btn-bg-color-green {
    	font-size: 14px;
    	margin-right: 2px !important;
    }
    div#employeeMasterList table.table.table-striped.table-responsive tr td {
    	font-size: 12px !important;
    }
    div#employeeMasterList table.table.table-striped.table-responsive {
    	table-layout: auto;
    }
    .row.ipad-width-50per label.hrms{
        font-size: 16px;
    }
    section.content-header .additional-information-bttn i.fa{
        font-size: 10px !important;
    }
    .form-group.btn-m-pl-20 {
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .revert{
        font-size: 10px !important;
        height: 20px !important;
        line-height: 20px !important;
        width: 20px !important;
    }
    .header-mobile-display-block{
        display: block;
    }
    .content-wrapper {
    	margin-top: 45px !important;
    }
    .ikd-its-tggl-line.mobile-width{
        font-size: 12px !important;
    }
    .main-shift-sum .design-box{
        margin-bottom: 5px;
    }
    nav.navbar.navbar-static-top .ikd-its-tggl-line.mobile-width{
        margin-top: 12px !important;
        line-height: 24px !important;
    }
    .content-header .inline i.fa.fa-angle-right{
        font-size: 12px !important;
    }
    li.treeview.active ul.treeview-menu.menu-open li{
        border-right: 0px solid #d8d8d8a6 !important;
    }
    ul.sidebar-menu.tree. li.treeview.active{
        width: 270px !important;
    }
    .additional-information-bttn{
        font-size: 11px !important;
        padding: 1px 2px !important;
        margin-bottom: 1px !important;
    }
    .content-wrapper .content-header{
        padding: 6px 6px 6px 6px;
    }
    .main-header nav.navbar.navbar-static-top .ikd-its-tggl-line.mobile-width {
        width: 40% !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a i.fa.fa-angle-double-right{
        left: -16px !important;
    }
    body.skin-blue.sidebar-mini aside.main-sidebar .fdf a#sideBar{
        width: 18px !important;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse.sidebar-open a#sideBar, body.skin-blue.sidebar-mini.sidebar-open a#sideBar{
    	left: 270px !important;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse a#sideBar, body.skin-blue.sidebar-mini a#sideBar {
    	left: 230px !important;
    }
    div#shift-summary-box .box{
        min-height: auto !important;
    }
    .login_main_panel .main_part{
        position: fixed !important;
        overflow: auto;
    }
    .login_main_panel .part-40-inside form#formLogin{
        margin-top: 25px;
    }
    div#uploadBriefcaseDoc .form-group label {
    	word-break: break-all !important;
    }
    .row.crr-container.career-post-box .crr-link-text{
        font-size: 18px;
        padding: 10px 0px;
    }
    .crr-page-heading{
        font-size: 24px;
    }
    .row.tbl-mt-0 div#salaryReport {
    	margin-top: 0px !important;
    }
    div#createTableDiv .col-md-5 .col-md-3 input[type=number] {
    	margin-bottom: 15px;
    }
    div#createTableDiv .col-md-5 .col-md-5.text-right {
    	text-align: left;
    }
    .col-xs-12.confirm-pass-m-t-5.error-msg-group .five-err-msg,
    .row.position-fix-remove div.errtxtPassword, .row.position-fix-remove div.errtxtConfirmPassword {
    	font-size: 12px !important;
    }
    .form-group.fg-mmb-0 {
    	margin-bottom: 0px;
    }
    .img-title-lab{
        padding: 2px 4px;
        font-size: 14px !important;
    }
    .col-sm-1.mobile-width-10per {
          width: 40%;
          float: left;
    }
    .col-sm-5.mobile-width-90per {
        width: 40%;
        float: left;
    }
    .investment-bg-gray .box-title.title-color-blue{
        font-size: 16px;
    }
    .col-sm-2.col-md-2.ext-col-ipad-display-none.width-change-min .form-group {
    	margin-bottom: -20px !important;
    }
    .col-lg-12.col-md-12.col-sm-12.set-ipad-config-cir-btn .col-md-2.col-sm-6.col-xs-6 .cir-top-div button.lnkbtn.icon-btn.btn-svn{
        font-size: 12px;
        font-weight: 600;
    }
    .col-lg-12.col-md-12.col-sm-12.set-ipad-config-cir-btn .col-md-2.col-sm-6.col-xs-6 .cir-top-div .cir-btn-link img {
    	width: 50px;
    }
    .col-lg-12.col-md-12.col-sm-12.set-ipad-config-cir-btn .col-md-2.col-sm-6.col-xs-6 .cir-top-div {
        width: 130px !important;
        height: 130px !important;
    }
    .login-box, .register-box {
        width: 90%;
        margin-top: 20px;
    }
    .margin-top-30 {
    	margin-top: 12px !important;
    }
    .demo.new-celeb-page .email-signature .title, .row.img-cel .signature-details .title{
        font-size: 13px !important;
    }
    .row.img-cel .signature-details{
        padding: 10px 0px 0px 38px !important;
    }
    .demo.new-celeb-page .row.img-cel .col-md-3 {
        text-align: center;
        margin-top: 5px;
    }
    .col-lg-4.col-md-4.col-sm-4 .row.img-cel .col-md-3 {
        margin-top: 5px;
        text-align: center;
    }
    .col-xs-12.confirm-pass-m-t-5.error-msg-group {
    	padding: 0px;
    	margin-left: 0px;
    }
    .main-sidebar.m-m-t-30 {
    	margin-top: 0px !important;
    }
    .col-lg-12.col-md-12.col-xs-12.small-table-btn-m-b-1 table#regularsalaryHeadListing tbody tr td a.dflt.dflt-bttn {
    	margin-bottom: 1px;
    }
    ul.sidebar-menu.tree{
        margin-top: 10px;
    }
    .ikd-its-tggl-line.header-inline-block form{
        margin-left: 0px !important;
    }
    .col-md-3.col-sm-3.img-box-gall .login-heading-logo img{
        padding: 0px !important;
    }
    .modal.silder-popup span.close.cursor {
        top: 125px;
        z-index: 999;
    }
    .modal.silder-popup .modal-content{
         width: 100% !important;
    }
    .demo.new-celeb-page .email-signature .signature-icon{
        width: 70px !important;
    	height: 70px !important;
    }
    .celebration-box.col-md-4{
        width: 100% !important;
    }
    button#excelbutton {
    	margin-bottom: 2px;
    }
    .content-header>h1{
        font-size: 12px;
    }
    .col-md-3.text-center.pad-l-r-5-0 .form-group img#companyLogo {
    	width: 100% !important;
    }
    .col-md-3.text-center img#companyLogo {
    	width: 100px !important;
    }
    .wel-msg{
    	padding-top:10px;
    }
    .login-heading-logo.text-center span img{
        height: 115px !important;
        border-radius: 0px !important;
    }
    .login-heading-logo.text-center span {
        width: 115px !important;
        background: #fff !important;
        height: 115px !important;
        display: inline-block !important;
        border-radius: 0% !important;
    }
    div#attendanceList_wrapper .dt-buttons a.dt-button.data-left {
        margin-bottom: 8px;
    }
    .form-group.m-btn-pad .sbt-prc-fnd-bttn {
        padding: 4px 10px;
    }
    .box{
        margin-bottom: 10px !important;
    }
    .box.z-index-mobile {
        margin-bottom: 0px;
    }
    .login_main_panel .main_part .part-40{
        box-shadow: unset;
    }
    .margin-top-30 input.login-bttn{
        font-size: 20px; 
    	width: 150px;
    }
    .login-heading-logo.text-center img{
        width: 115px !important;
    }
    .lnkbtn.icon-btn.btn-svn.green-background.ver-btn-m-b-10{
        margin-bottom: 10px;
    }
    .navbar-custom-menu ul.nav.navbar-nav li.dropdown.notifications-menu.open ul.dropdown-menu ul.menu{
        max-height: 250px;
    }
    #calendar .ui-widget-content .fc-scroller.fc-day-grid-container {
    	height: auto !important;
    }
    .nav-tabs.control-sidebar-tabs {
        display: table
    }
    .nav-tabs.control-sidebar-tabs>li {
        display: table-cell
    }
    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-left: 0
    }
    .control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer {
        margin-right: 230px
    }
    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0)
    }
    .modal-content {
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125);
        box-shadow: 0 2px 3px rgba(0,0,0,0.125)
    }
    .box .box-header.with-border h3.box-title{
        font-size: 14px;
    }
    .box-header.with-border a .additional-information-bttn{
        padding: 2px 3px !important;
    }
    .box-header.with-border a .additional-information-bttn {
    	margin-right: 3px !important;
    }
    .col-md-3.col-sm-3.img-box-gall {
        width: 50%;
        float: left;
    }
    .m-btn-m-b-10 .additional-information-bttn{
        width: auto;
    }
    .additional-information-bttn{
        font-size: 11px;
    }
    span.m-d-n {
    	display: block;
    }
    .dataTables_scroll table#example tbody tr td a.dflt.dflt-bttn,
    table#example tbody tr td a.dflt.dflt-bttn, .dataTables_scrollBody table#leaveRequest tbody tr td a.dflt.dflt-bttn {
    	margin-bottom: 2px;
    }
    .skin-blue .sidebar-menu>li.treeview.active>.treeview-menu{
        width: 270px !important;
    }
    div#empTable_wrapper .dataTables_scrollBody table.table.table-striped.table-responsive.dataTable.no-footer tbody tr td a.dflt.dflt-bttn {
    	margin-bottom: 2px;
    }
    a.dropdown-toggle.toggle-emp-master-img:focus {
    	background: transparent !important;
    }
    .ikd-its-tggl-line{
        font-size: 16px !important;
    }
    .login-heading-logo.text-center.footer-logo img{
        width: 70px !important;
    }
    footer.main-footer {
    	font-size: 12px;
    }
    .main-footer .pull-right.ftr-mrg-pdng {
    	margin-top: 0px;
    }
    .main-footer .pull-left.ftr-mrg-pdng img {
    	width: 15px;
    }
    .main-footer .pull-right.ftr-mrg-pdng img {
    	width: 15px;
    }
    .main-footer span.dark-2 span.new-line-res{
        display: contents;
    }
    .main-footer{
        padding:3px 1px 3px 4px;
    }
    nav.navbar.navbar-static-top .header-inline-block #modules{
        margin-left: 0%;
    	width: 100%;
    }
    nav.navbar.navbar-static-top .header-inline-block{
        width: 45%;
        margin-left: 8px;
        margin-bottom: 4px;
    }
    .copyright-txt-login{
        bottom: 0% !important;
        font-size:16px !important; 
    }
    .part-40 .alert.alert-success.invalid-login.col-md-12.msg-login {
        position: relative !important;
        width: 100% !important;
        margin-top: 0px !important;
    }
    .part-40 .login-heading {
    	padding-top: 10px;
    }
    .box-body.emplayee-info div#salaryProcessDt, .col-lg-12.col-md-12.col-xs-12.m-p-0-col-md-12 {
    	padding: 0px;
    }
    div#salaryProcessDeductionDt{
        padding: 0px !important;
    }
    .box-body.emplayee-info .box-header.with-border h3.box-title{
        font-size: 14px;
    }
    .emplayee-info .grossTotalDiv, .emplayee-info .grossTotalDiv b{
        font-size: 14px !important;
    }
    .emplayee-info .grossTotalDiv{
        margin-right: 0px !important;
        padding-right: 0px;
    }
    .part-40{
        height: 100% !important; 
    }
    .web-dis-none{
        display: block;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
        width: 260px !important;
        left: 55px !important; 
    }
    .navbar-custom-menu .dash-board, .navbar-custom-menu .dash-board:focus{
        padding: 0px !important;
    	background: #ffffff;
    }
    ul.dropdown-menu.m-w-100per ul.menu.nav.nav-pills li a{
        width: 100%;
    }
    .tab-pane.fade{
        display: none;
    }
    .tab-pane.fade.in{
        display: block;
    }
    div#calender-first, div#you-self, div#your-circle, div#calender-second, div#notifications,div#calenderHRManagement {
    	display: none;
    }
    div#calender-first.active, div#you-self.active, div#your-circle.active, div#calender-second.active, div#notifications.active,div#calenderHRManagement.active {
    	display: block;
    }
    .box-header.with-border .navbar-custom-menu {
    	display: block !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable div#noteDiv {
    	height: 300px !important;
    }
    div#noteDiv .col-lg-12.col-md-12.col-xs-12 .col-md-4 .form-group{
        margin-bottom: 0px;
    }
    .ui-dialog-content.ui-widget-content span#noteTime{
        font-weight: 700;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all div#noteDiv .col-lg-12.col-md-12.col-xs-12{
        margin-top: 10px;
    }
    .navbar-custom-menu li.dropdown.notifications-menu.open ul.menu.nav.nav-pills{
        min-height: 224px;
    }
    .col-lg-12.col-md-12.col-sm-12.col-xs-12.m-remove-pad {
    	padding: 0px;
    }
    .navbar-custom-menu li.dropdown.notifications-menu ul.dropdown-menu{
        z-index: 99999999999;
    }
    #calender-first .fc-content-skeleton td.fc-more-cell{
        line-height: 11px;
    }
    .ui-dialog-content.ui-widget-content span#noteTime, .ui-dialog-content.ui-widget-content  span#startTime{
        box-shadow: 0px 3px 0px #d0d0d0;
    }
    #emp_present,#emp_anniversary,#emp_card,#emp_status, #emp_birthday, #emp_department, #emp_designation, #emp_type, #emp_category, #emp_dateOfRetired, #emp_dateOfJoin, #emp_dateOfResign, #emp_caste, #emp_payScale, #emp_religions{
        display: none !important;
    }
    #emp_present.active,#emp_anniversary.active,#emp_card.active, #emp_status.active, #emp_birthday.active, #emp_department.active, #emp_designation.active, #emp_type.active, #emp_category.active, #emp_dateOfRetired.active, #emp_dateOfJoin.active, #emp_dateOfResign.active, #emp_caste.active, #emp_payScale.active, #emp_religions.active{
        display: block !important;
    }
    canvas.canvasjs-chart-canvas{
        max-width: 100%;
    	max-height: 270px;
    	margin-top: 30px;
    }
    .main-header nav.navbar.navbar-static-top .sidebar-toggle{
        padding: 10px 10px;
    }
    span.new-line-res{
        display: block;
        padding-left: 25px;
    }
    .navbar-custom-menu .navbar-nav>li>a{
        padding-bottom: 10px;
    }
    table#jobPosting td.tb-heading-under.tbl-width.wid-5 .green-background {
        margin: 2px 0px;
    }
    td.tb-heading-under.tbl-width.wid-5 a.dflt.dflt-bttn {
        margin: 2px 0px;
    }
    .col-lg-4.col-md-4.col-sm-12.col-xs-12.mobile-add-pading {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .pull-right.mobile-disp-none {
    	display: none;
    }
    .box-tools.pull-right .navbar-custom-menu ul.nav.navbar-nav {
    	display: none;
    }
    .counter.top-sec-dashboard p.design-p{
        padding: 6px 0px 0px 0px !important;
    }
    .design-box .inside-border .counter-count {
        font-size: 18px !important;
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
    .inside-border .col-md-4{
        line-height: 60px !important;
    }
    .emp-master-img{
        border: 1px solid #000000c2;
    }
    #salaryReport .salaryReportscrollHead, #empTable .salaryReportscrollHead, #listingDiv .dataTables_scroll .salaryReportscrollHead, #ragularSalaryHead .salaryReportscrollHead, #ctcSalaryHead .salaryReportscrollHead, #employeeList .salaryReportscrollHead, #employeeMasterList .salaryReportscrollHead {
    	width: 100% !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable{
        width: 90% !important;
        margin-left: 15px !important;
    }
    div#enableWebDiv .col-lg-12.col-md-12.col-xs-12 .col-md-4 .form-group {
    	margin-bottom: 0px;
    }
    .form-group-m-m-b-0 .col-md-4 .form-group {
    	margin-bottom: 0px;
    }
    .form-group-m-m-b-0 .col-md-6 .form-group {
    	display: none;
    }
    .form-group-m-m-b-0.ui-dialog-content.ui-widget-content{
        padding: .5em 4px;
    }
    .note-popup-pad.ui-dialog-content.ui-widget-content {
    	padding: 6px 4px;
    }
    .note-popup-pad.ui-dialog-content.ui-widget-content .form-group label{
        font-size: 14px;
    }
    .row.main-boxformtr div#divColumns_header {
        padding-bottom: 0px !important;
    }
    .col-md-10.m-border-btm {
        border-bottom: 1px solid #f1f1f1;
    }
    .tbl-radio-btn span#policyApplicableSpan tbody td input[type=radio] {
    	margin: 0px !important;
    }
    .m-p-lr-0 {
    	padding: 0px;
    }
    .box-header.with-border a .additional-information-bttn.mobile-mr-30 {
    	margin-right: 25px !important;
    }
    div#form16Div .col-sm-12.col-md-12.text-center h1 {
    	font-size: 14px;
    }
    div#form16Div h3 u span.templateName {
    	font-size: 18px;
    }
    .design-box.jobopen-box .inside-border .counter-count {
    	margin-bottom: 10px;
    }
    .design-box.jobopen-box p.design-p{
        margin-bottom: 0px;
    }
    .info-box.main-total-letter .inside-main-total-letter span.info-box-number.counter-count{
        font-size: 24px !important;
    }
    .design-box.interview-box .inside-border p.design-p.text-center {
        padding-top: 10px;
        margin-bottom: 0px;
    }
    .design-box.total-resumes .info-box.main-total-letter, div#total_resumes .info-box.main-total-letter{
        margin-bottom: 10px !important;
    }
    .box-body.recr-dashboard .box-body {
    	padding: 10px !important;
    }
    .inside-border.total-box a i{
        font-size: 32px !important;
    }
    .inside-border.total-box a i{
        top: 25px !important;
    }
    .inside-border.total-box p.design-p {
    	padding-top: 15px !important;
    	margin-bottom: 0px !important;
    }
    #divdownloadupload{
        padding: 15px 0px !important;
    }
    div#bordermodal14 .modal-dialog.modal-md .modal-body .col-xs-12 label.lbl-1{
        margin-top: 0px !important;
    }
    .box-body .alert{
        padding: 3px 10px;
        margin-bottom: 15px;
    }
    .box-body.main-dashboard-box .row.box-box-shadow .col-md-4 .box-header{
        padding: 4px 4px 5px !important;
    }
    .box-body.main-dashboard-box .box-box-shadow .box{
        padding: 4px 2px !important;
    }
    .box-header.with-border.dashboard-header-color h1.box-title.active-title-set,
    .box-header.with-border.dashboard-header-color .additional-information-bttn{
        font-size: 12px;
    }
    .content-wrapper .box .box-header.with-border.dashboard-header-color .text-dec-underline{
        font-size: 14px;
    }
    aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a i{
        width: 26px !important;
    	height: 20px !important;
    	font-size: 12px !important;
    	padding: 5px 0px !important;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse nav.navbar.navbar-static-top i.fa.fa-bars:before,
    body.skin-blue.sidebar-mini nav.navbar.navbar-static-top i.fa.fa-bars:before{
        content: "\f0c9" !important;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse.sidebar-open nav.navbar.navbar-static-top i.fa.fa-bars:before,
    body.skin-blue.sidebar-mini.sidebar-open nav.navbar.navbar-static-top i.fa.fa-bars:before{
        content: "\f00d" !important;
    }
    .row.border-btm-profile .prfile-label-name, .row.border-btm-profile .profile-label-txt{
        font-size: 12px;
    }
    .row.employee-profile-box .profile-img-height-width {
        width: 150px !important;
        height: 150px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .row.employee-profile-box{
        padding: 10px 0px !important;
    }
    .mobile-display-none-profile{
        display: none !important;
    }
    .mobile-display-block-profile {
        display: block !important;
       margin-bottom: 15px !important;
       border-bottom: 1px solid #ebebeb !important;
       padding-bottom: 15px !important;
    }
    .box-body.main-dashboard-box .box-header.with-border .box-tools.pull-right button.btn.btn-box-tool{
        display: block !important;
    }
    .form-group.mobile-form-group-mb-0 {
    	margin-bottom: 0px;
    }
    .mobile-column-w-50p .column{
        width: 50% !important;
    }
    .mobile-column-w-50p .column img.hover-shadow{
        height: 160px !important;
    }
    .mobile-chk-mr-4 input[type=checkbox] {
        margin-right: 4px;
    }
    .row.col-set-table-box .col-md-3 input[type=checkbox] {
        display: initial;
    }
    .row.col-set-table-box .col-md-3{
        padding: 0px 0px 0px 5px !important;
    }
    .table-responsive.mobile-excel-mb-5 a.dt-button.data-left{
        margin-bottom: 5px;
    }
    .modal-dialog.popup-w-1390 {
    	width: auto !important;
    }
    .mobile-claim-temp-name label {
        font-size: 14px !important;
    }
    .box-body div#attendenceHistory_wrapper .dataTables_info, .box-body  div#commonHistory_wrapper .dataTables_info{
        width: auto;
    }
    .sect-box.sec-box-mobile-p-7 {
        padding: 7px;
    }
    .row.mobile-txt-left-btn .col-md-9 input#addAnnexureRow {
        margin-bottom: 10px;
    }
    .row.mobile-txt-left-btn .col-md-3.text-right {
        text-align: left;
    }
    .ipad-width-50per.mobile-excel-btn-mb-10 a.dt-button.data-left {
        margin-bottom: 10px;
    }
    td.mobile-approve-reject-btn .dflt-bttn {
        margin-bottom: 4px;
    }
    div#ManageDetails .sect-box .form-group.radio-chk-m-t-4 {
        margin-bottom: 15px !important;
    }
    .col-lg-12.col-md-12.col-xs-12.mobile-search-excel .col-md-8.col-sm-8.col-xs-8 input#Search {
        width: 100% !important;
    }
    .row.mobile-txt-left .col-md-4 .col-md-9 {
        margin-bottom: 15px;
    }
    .col-md-4.holiday-count-mobile input#addAnnexureRow {
        margin-bottom: 15px;
    }
    .col-md-4.holiday-count-mobile .col-md-3.text-right {
        text-align: left;
        padding-left: 15px !important;
    }
    .row.counter.top-sec-dashboard .design-box.background-mf-sum .inside-border{
        margin-bottom: 3px;
    }
    .box-header.with-border.mobile-claim-appli-headerbox .additional-information-bttn {
        margin-right: 1px !important;
    }
    .with-border.mobile-claim-appli-headerbox h3.box-title {
    	font-size: 15px !important;
    }
    .with-border.mobile-claim-appli-headerbox{
        padding: 5px 0px 5px 2px;
    }
    .row.mobile-txt-left .text-right {
    	text-align: left;
    }
    .col-md-3.mobile-m-t-20 {
    	margin-top: 20px;
    }
    .main-header .navbar{
        min-height: 45px;
    }
    a.dropdown-toggle.toggle-emp-master-img, a.dropdown-toggle.toggle-emp-master-img:hover{
        margin-top: 3px;
    }
    .ikd-its-tggl-line.mobile-width{
        min-width: 32% !important;
    	display: inline-block;
    	padding-left: 5px;
    }
    a.project-edit {
    	display: none;
    }
    span.ikd-its-tggl-line.header-inline-block.chk-out {
        border: 1px solid red;
        padding: 2px 4px;
        padding-bottom: 4px;
        border-radius: 5px;
        margin-left: 0px !important;
        background-color: red;
        width: auto;
        color:#fff;
    }
    span.ikd-its-tggl-line.header-inline-block.chk-in {
        border: 1px solid green;
        padding: 2px 4px;
        padding-bottom: 4px;
        border-radius: 5px;
        margin-left: 0px !important;
        background-color: green;
        width: auto;
        color: #fff;
    }
    span.ikd-its-tggl-line.header-inline-block.chk-in span,
    span.ikd-its-tggl-line.header-inline-block.chk-out span{
    	color:#fff;
    }
    li.mobile-display-none {
    	display: none !important;
    }
    div#module-display-none{
        display: none;
    }
    span.mobile-display-block .chk-out .fa, span.mobile-display-block .chk-out span {
    	color: #fff !important;
    	cursor: pointer;
    	font-size: 12px;
    }
    span.mobile-display-block .chk-in .fa, span.mobile-display-block .chk-in span {
    	color: #fff !important;
    	cursor: pointer;
    	font-size: 12px;
    }
    span.mobile-display-block i.fa {
    	padding-right: 4px;
    }
    span.mobile-display-block span.ikd-its-tggl-line.header-inline-block {
    	width: auto;
    }
    span.mobile-display-block{
        display: inline-block;
        margin-top: 15px !important;
    }
    .leave-sub-total-num{
        font-size: 18px !important;
    }
    .leave-sub-title{
        font-size: 14px !important;
    }
    .col-md-4.p-l-r-0 {
    	padding: 0px 15px !important;
    }
    .box-header.with-border .color-title-green, .box-header.with-border h3.box-title.color-title-blue,
    .box-header.with-border h3.box-title.color-title-cele{
        font-weight: 400 !important;
    }
    div#mobileViewDisplayBlock ul.nav.nav.nav-pills li.active a{
        border-top-color: #3c8dbc;
        background: #3c8dbc;
    }
    div#mobileViewDisplayBlock ul.nav.nav.nav-pills {
    	margin-bottom: 10px;
    }
    div#mobileViewDisplayBlock ul.nav.nav.nav-pills li a {
    	padding: 2px 4px;
    	font-size: 11.5px;
    	background: #c1dff9;
    	border-top-color: #3c8dbc;
    }
    div#mobileViewDisplayBlock {
        display: block !important;
    }
    span.license-m-d-none{
        display: none;
    }
    .box-body.cal-body-p-t-6 #calendar .fc-basic-view .fc-body .fc-row {
    	height: 60px !important;
    }
    #anunceId{
        font-size: 12px !important;
        margin-left: 5px !important;
    }
    .h3-font-size-13 b, h3.box-title.bold.h3-font-size-13 span.xxx{
        font-size: 11px !important;
    }
    .dropdown.desk-float-left{
        display: none;
    }
    .img-rotate img {
        margin-top: 0px !important;
        transform: rotate(360deg) !important;
    }
    span.cal-word-info {
    	font-size: 12px !important;
    }
    .margin-top-50{
        margin-top: 25px !important;
    }
    .box-inside-cel {
    	margin-bottom: 5px;
    }
    .icon-txt-info-com {
    	margin-right: 0px !important;
    	font-size: 12px;
    }
    .row.m-0 .col-md-2 .ls-bttn{
        width: 48% !important;
        margin: 0px 2px !important;
    }
    .box-inside-cel {
    	margin-bottom: 5px;
    }
    .row.m-0 .col-md-2 .ls-bttn .lst-nt{
        width: 55% !important;
    }
    .row.m-0 .col-md-2 .ls-bttn{
        margin-bottom: 5px !important;
        border-radius: 5px !important;
    }
    div#you-self, div#your-circle{
    	display: block !important;
    }
    .part-40-inside{
        box-shadow:rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
        top: 20px !important;
        padding: 10px 30px !important;
        box-sizing: border-box !important;
        margin-bottom: 10px !important;
    }
    button#btnSubmitReject:focus {
        outline: unset;
    }
    .row.ipad-width-50per .form-group input.sbt-prc-fnd-bttn {
    	padding: 4px 16px;
    }
    .formula-button{
        margin: 1px !important;
    	font-size: 14px !important;
    }
    .formula-main-section{
        padding: 1px !important;
    }
    .emp-cal-num-name-lable{
        margin-top: -30px;
    }
    .col-sm-3.employee-mrg-pdng{
        margin-bottom: 8px;
    }
    .col-sm-12.mrg-top-10.mob-dis-block-msg b {
        display: block;
    }
    .col-sm-3.employee-mrg-pdng .employee-dark{
        font-size: 14px !important;
    }
    .margin-top-30 input.login-bttn{
        padding: 8px 20px !important;
    	font-size: 16px !important;
    }
    .col-md-12.login-title {
        margin-bottom: 5px;
        font-size: 20px !important;
    }
    .table-responsive .dataTables_info{
        width: 100%;
    	padding-top: 5px;
    }
    .box-body .nav-tabs-custom>.tab-content{
        padding: 10px !important;
    }
    div#myTabs.resp-btn-color ul.nav.nav-tabs li a, div#tabs ul.nav.nav-tabs li a{
        padding: 4px 3px;
    }
    div#myTabs.resp-btn-color ul.nav.nav-tabs li, div#tabs.resp-btn-color ul.nav.nav-tabs li{
        margin-top: 6px;
    	margin-left: 0px;
    }
    .col-sm-4.m-d-n {
        display: none;
    }
    .m-btn-m-b-10 .additional-information-bttn{
        margin-bottom: 2px !important;
    }
    .table-responsive{
        border:0px;
    }
    .dflt-bttn{
        margin: 2px 0px;
    }
    .box-header.with-border a.pull-right.a-notification-sec {
    	margin-top: 4px;
    }
    .col-sm-12.m-overflow-scroll .table-responsive {
    	overflow: auto;
    }
    ul.ul-li-info-salary-process li{
        display: block !important;
    }
    .hdEffectiveDate .col-sm-4.ipad-width-100 .col-sm-6.col-xs-6 {
    	padding-right: 0px;
    }
    .hdEffectiveDate .col-sm-4.ipad-width-100 .col-xs-6.pad-lr-0 {
    	padding: 0px;
    }
    .row.border-bottom-salaryprocess .col-sm-5 .form-control{
        margin-bottom: 4px;
    }
    .m-table-over-scroll {
    	overflow: scroll !important;
    }
    .hdEffectiveDate .col-sm-4.ipad-width-100 .amunt-txt{
        text-align: left;
    }
    .col-sm-2.text-align-right-md {
    	text-align: left !important;
    }
    .col-md-7.mid-div-p-l-0 {
    	padding-left: 15px !important;
    }
    div#employeeMasterList .dataTables_info {
    	width: 100%;
    }
    .col-sm-3.grossTotalDiv.m-r-15 {
    	margin-right: 30px !important;
    }
    div#employeeSalaryDiv .table-responsive{
        border: 0px;
    }
    div#employeeSalaryDiv a.dt-button.data-left{
        margin-bottom: 10px;
    }
    .celebration-main-div select#celebrationId, .celebration-main-div select#celebrationMonth{
        width: 25% !important;
        padding: 0px 2px;
    }
    div#bdayCelebrationsDiv .image-celebration{
        height: 60px;
    	width: 60px;
    }
    div#emp_department, .month-summary {
    	padding-right: 15px !important;
    	padding-left: 15px !important;
    }
    #employeeSalaryDiv table{
        table-layout: auto !important;
    }
    div#listingDiv.mobile-emp-status-table table.table.table-striped.table-bordered.table-hover.tb.fixedtable.dataTable.no-footer tr td, div#listingDiv.mobile-emp-status-table table.table.table-striped.table-bordered.table-hover.tb.fixedtable.dataTable.no-footer tr th {
    	white-space: nowrap !important;
    }
    .table-responsive.p-lr-15.mobile-responsive {
        overflow: scroll;
    }
    .table-responsive.adjustment-table tbody tr td input {
        width: 100px;
    }
    .table-responsive.adjustment-table tbody tr td, .table-responsive.adjustment-table thead tr th,
    .table-responsive.p-lr-15.mobile-responsive tbody tr td, .table-responsive.p-lr-15.mobile-responsive thead tr th{
        white-space: nowrap !important;
    }
    .table-responsive.adjustment-table {
        overflow: auto;
    }
    .col-md-3.image-celeb-0-l-0 .box-image-celeb{
        text-align: center;
    }
    .col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-3-p-r-0 .design-box{
        margin-left: auto;
        margin-right: auto;
    }
    .nav-tabs-custom.resp-btn-color.empl_list table.table.table-striped.display.dataTable.no-footer{
        min-width: 140%;
    }
    #employeeList .nav-tabs-custom.resp-btn-color.empl_list  .tab-content{
        padding: 10px !important;
    }
    #employeeList .nav-tabs-custom.resp-btn-color.empl_list ul.nav.nav-tabs li{
        margin-left: 0px;
    }
    .table-responsive-mobile .col-lg-12.col-md-12.col-xs-12.table-responsive,
    form#incrementSalaryReport .col-lg-12.col-md-12.col-xs-12 .table-responsive,
    div#employeeList .table-responsive {
        overflow: auto;
    }
    span#policyApplicableSpan a.popup-table-delete-btn.dflt.dflt-bttn {
    	margin-bottom: 2px;
    }
    .dataTables_scrollHeadInner table{
        margin-bottom: 0px;
    }
    div#empTable_wrapper a.dt-button.data-left {
    	margin-bottom: 4px;
    }
    div#employeeMasterList div#employeeList_wrapper a.dt-button.data-left {
    	margin-bottom: 5px;
    }
    #divlistingTable table{
        table-layout: auto !important;
    }
    .counter.m-t-20 .design-box{
        margin-bottom: 5px;
    }
    .col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 .design-box.background-1{
        margin-bottom: 5px;
    }
    .counter.top-sec-dashboard .design-box.background-2, .counter.top-sec-dashboard .design-box.background-3{
        margin-bottom: 5px;
    }
    div#form16Div .col-md-12.bold-b-tag {
    	overflow-x: auto;
    }
    .col-md-12.m-m-b-20 {
    	margin-bottom: 20px;
    }
    div#sectionPolicyTable .col-md-6 .form-group {
    	margin-bottom: 0px;
    	margin-top: 20px;
    }
    tbody.m-width-fix th.tb-heading-under.titleWidth {
        width: 100%;
    }
    .mobile-col-sm-3-b-border .emp-smmry-line{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .mobile-col-sm-3-b-border .col-sm-3.employee-mrg-pdng {
    	border-bottom: 1px solid #dbdbdb;
    	margin-bottom: 5px;
    }
    .part-40{
        margin-top: 20px;
        padding: 20px 20px !important;
    }
    .login-heading{
        font-size: 18px !important;
        padding-top: 15px !important;
    }
    .main_part{
        top:10px !important;
    }
    .login_main_panel .main_part{
		width: 90% !important;
        height: 100% !important;
    }
    .navbar-custom-menu li.dropdown.notifications-menu a.dropdown-toggle{
        line-height: 30px !important;
        margin-top: 3px;
    }
    a.emp-name-header-dropdwn, .crr-container{
        display: block !important;
    }
    a.empl-name-header{
        display: none !important;
    }
    #salaryReport .dataTables_scrollHead table.table.table-striped.table-responsive.dataTable.no-footer{
        margin-bottom: 0px;
    }
    .navbar-custom-menu ul.nav.navbar-nav li.dropdown.notifications-menu.open a.dropdown-toggle{
        line-height: 30px;
    }
    .row.cal-name-p-r-5 h3.box-title.bold.h3-font-size-13{
        margin-right: 30px;
    }
    form#salaryStructure .col-sm-8 .amunt-txt {
    	text-align: left;
    	padding-bottom: 0px;
    }
    #salaryReport .table-responsive{
        padding: 10px 0px;
        overflow: auto;
    }
    #popup_container{
        min-width: 330px !important;
    }
    .m-btn-m-b-10 .additional-information-bttn{
        margin-bottom: 5px;
        width: 180px;
    }
    .row.m-set-sect-box .form-group{
        margin: 12px 0px;
    }
    .row.m-set-sect-box .col-sm-6{
        padding: 0px;
    }
    .row.m-set-sect-box .col-sm-3.col-sm-3-m-p-0{
        margin-left: 0px !important;
    	padding: 0px;
    }
    .row.m-set-sect-box .col-sm-6 .col-sm-3{
        text-align: left !important;
    }
    .mobile-table-div-t-t-10, div#salaryReport.col-lg-12.col-md-12.col-xs-12{
        margin-top: 10px;
    }
    .sbt-prc-fnd-bttn.mobile-btn-m-b-10{
        margin-bottom: 10px;
    }
    #listingTable_filter input[type="search"], input[type="search"]{
        width: 270px !important;
    }
    span.coln-float-right{
        display: none;
    }
    .crr-container .crr-item{
        margin: 20px 0px;
    	width: 100% !important;
    }
    .pull-right.ftr-mrg-pdng{
        float: left !important;
        margin-top: 10px; 
    }
    .navbar-custom-menu ul.nav.navbar-nav a.dropdown-toggle.dash-board{
        color: #344b85 !important;
        background: none;
    }
    .control-sidebar {
        padding-top: 100px
    }
    .part-40{
        height: auto !important;
    }
    .set-center-row{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .zoom {
        padding: 20px 20px;
        transition: transform .2s;
        margin: 0 auto;
    }
}
.control-sidebar>.tab-content {
    padding: 10px 15px
}
.control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
    right: 0
}
.control-sidebar-open .control-sidebar-bg, .control-sidebar-open .control-sidebar {
    right: 0
}
.nav-tabs.control-sidebar-tabs>li:first-of-type>a, .nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover, .nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus {
    border-left-width: 0
}
.nav-tabs.control-sidebar-tabs>li>a {
    border-radius: 0
}
.nav-tabs.control-sidebar-tabs>li>a, .nav-tabs.control-sidebar-tabs>li>a:hover {
    border-top: none;
    border-right: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent
}
.nav-tabs.control-sidebar-tabs>li>a .icon {
    font-size: 16px
}
.nav-tabs.control-sidebar-tabs>li.active>a, .nav-tabs.control-sidebar-tabs>li.active>a:hover, .nav-tabs.control-sidebar-tabs>li.active>a:focus, .nav-tabs.control-sidebar-tabs>li.active>a:active {
    border-top: none;
    border-right: none;
    border-bottom: none
}
.control-sidebar-heading {
    font-weight: 400;
    font-size: 16px;
    padding: 10px 0;
    margin-bottom: 10px
}
.control-sidebar-subheading {
    display: block;
    font-weight: 400;
    font-size: 14px
}
.control-sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0 -15px
}
.control-sidebar-menu>li>a {
    display: block;
    padding: 10px 15px
}
.control-sidebar-menu>li>a:before, .control-sidebar-menu>li>a:after {
    content: " ";
    display: table
}
.control-sidebar-menu>li>a:after {
    clear: both
}
.control-sidebar-menu>li>a>.control-sidebar-subheading {
    margin-top: 0
}
.control-sidebar-menu .menu-icon {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px
}
.control-sidebar-menu .menu-info {
    margin-left: 45px;
    margin-top: 3px
}
.control-sidebar-menu .menu-info>.control-sidebar-subheading, .control-sidebar-menu .progress{
    margin: 0
}
.control-sidebar-menu .menu-info>p {
    margin: 0;
    font-size: 11px
}
.control-sidebar-dark {
    color: #b8c7ce
}
.control-sidebar-dark, .control-sidebar-dark+.control-sidebar-bg {
    background: #222d32
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
    border-bottom: #1c2529
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a {
    background: #181f23;
    color: #b8c7ce
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus {
    border-left-color: #141a1d;
    border-bottom-color: #141a1d
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active {
    background: #1c2529
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-dark .control-sidebar-heading, .control-sidebar-dark .control-sidebar-subheading {
    color: #fff
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active {
    background: #222d32;
    color: #fff
}
.control-sidebar-dark .control-sidebar-menu>li>a:hover {
    background: #1e282c
}
.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p {
    color: #b8c7ce
}
.control-sidebar-light {
    color: #5e5e5e
}
.control-sidebar-light, .control-sidebar-light+.control-sidebar-bg {
    background: #f9fafc;
    border-left: 1px solid #d2d6de
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs {
    border-bottom: #d2d6de
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a {
    background: #e8ecf4;
    color: #444
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus {
    border-left-color: #d2d6de;
    border-bottom-color: #d2d6de
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active {
    background: #eff1f7
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active {
    background: #f9fafc;
    color: #111
}
.control-sidebar-light .control-sidebar-heading, .control-sidebar-light .control-sidebar-subheading {
    color: #111
}
.control-sidebar-light .control-sidebar-menu {
    margin-left: -14px
}
.control-sidebar-light .control-sidebar-menu>li>a:hover {
    background: #f4f4f5
}
.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p {
    color: #5e5e5e
}
.dropdown-menu {
    box-shadow: none;
    border-color: #eee
}
.dropdown-menu>li>a {
    color: #777
}
.dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.ion {
    margin-right: 10px
}
.dropdown-menu>li>a:hover {
    background-color: #e1e3e9;
    color: #333
}
.dropdown-menu>.divider {
    background-color: #eee
}
.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {
    width: 204px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%
}
.navbar-nav>.notifications-menu>.dropdown-menu>li, .navbar-nav>.messages-menu>.dropdown-menu>li, .navbar-nav>.tasks-menu>.dropdown-menu>li {
    position: relative
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header, .navbar-nav>.messages-menu>.dropdown-menu>li.header, .navbar-nav>.tasks-menu>.dropdown-menu>li.header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444 !important;
    text-align: center
}
@media (max-width:991px) {
    .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
        background: #fff !important;
        color: #444 !important
    }
    .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
        background: #fff !important;
        color: #444 !important
    }
    .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
        background-color: #f9f9f9
    }
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
    text-decoration: none;
    font-weight: normal
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu, .navbar-nav>.messages-menu>.dropdown-menu>li .menu, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
    background: #006dcb;
    color: #ffffff !important;
    text-decoration: none
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
    color: #444444 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
    width: 20px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
    margin: 0;
    padding: 10px 10px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
    padding: 0;
    margin: 0 0 0 45px;
    color: #444444;
    font-size: 15px;
    position: relative
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
    margin: 0 0 0 45px;
    font-size: 12px;
    color: #888888
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
    content: " ";
    display: table
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
    clear: both
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    padding: 10px
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
    color: #666666
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
    padding: 0;
    margin: 0
}
.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px
}
.navbar-nav>.user-menu>.dropdown-menu, .navbar-nav>.user-menu>.dropdown-menu>.user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 175px;
    padding: 10px;
    text-align: center
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255,255,255,0.2)
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    z-index: 5;
    color: #fff;
    color: rgba(255,255,255,0.8);
    font-size: 17px;
    margin-top: 10px
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
    display: block;
    font-size: 12px
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #dddddd
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:before, .navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
    content: " ";
    display: table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
    clear: both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #444 !important
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #f9f9f9;
    padding: 10px
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before, .navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
    content: " ";
    display: table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
    clear: both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #666666
}
.navbar-nav>.user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px
}
@media (max-width:767px) {
    .navbar-nav>.user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px
    }
}
.open:not(.dropup)>.animated-dropdown-menu {
    backface-visibility: visible !important;
    -webkit-animation: flipInX .7s both;
    -o-animation: flipInX .7s both;
    animation: flipInX .7s both
}
@keyframes flipInX {
0% {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transition-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transition-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
transform:perspective(400px)
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px)
}
}
.navbar-custom-menu>.navbar-nav>li {
    position: relative
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 10px;
    left: auto
}
@media (max-width:991px) {
    .navbar-custom-menu>.navbar-nav {
        float: right
    }
    .navbar-custom-menu>.navbar-nav>li {
        position: static
    }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff
    }
}
.form-control2 {
    border-radius: 0px;
    box-shadow: none;
    border-color: #cccccc;
    height: 35px;
    margin-top: 0px;
    font-size: 14px !important;
    font-weight: bold !important;
}
.form-control {
    border-color: #ced4da;
    border-radius: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(113, 106, 202, 0.11);
    -moz-box-shadow: 0px 1px 10px 0px rgba(113, 106, 202, 0.11);
    box-shadow: 0px 1px 10px 0px rgba(113, 106, 202, 0.11);
    height: 30px;
    margin-top: 10px;
    font-size: 14px !important;
    font-weight: bold !important;
}
.form-control:focus {
    border-color: #6c65c5;
    box-shadow: none;
    color: #575962;
    transition: all 0.3s ease-in-out 0s;
    font-weight: 400;
    border-radius: 5px;
}
 .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
    color:#bbb;
    opacity:1
}
.form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.form-group.has-success label {
    color: #00a65a
}
.form-group.has-success .form-control, .form-group.has-success .input-group-addon {
    border-color: #00a65a;
    box-shadow: none
}
.form-group.has-success .help-block {
    color: #00a65a
}
.form-group.has-warning label {
    color: #f39c12
}
.form-group.has-warning .form-control, .form-group.has-warning .input-group-addon {
    border-color: #f39c12;
    box-shadow: none
}
.form-group.has-warning .help-block {
    color: #f39c12
}
.form-group.has-error label {
    color: #dd4b39
}
.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
    border-color: #dd4b39;
    box-shadow: none
}
.form-group.has-error .help-block {
    color: #dd4b39
}
.input-group .input-group-addon {
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #fff
}
.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {
    border-radius: 0
}
.icheck>label {
    padding-left: 0
}
.form-control-feedback.fa {
    line-height: 34px
}
.input-lg+.form-control-feedback.fa, .input-group-lg+.form-control-feedback.fa, .form-group-lg .form-control+.form-control-feedback.fa {
    line-height: 46px
}
.input-sm+.form-control-feedback.fa, .input-group-sm+.form-control-feedback.fa, .form-group-sm .form-control+.form-control-feedback.fa {
    line-height: 30px
}
.progress, .progress>.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none
}
.progress, .progress>.progress-bar, .progress .progress-bar, .progress>.progress-bar .progress-bar {
    border-radius: 1px
}
.progress.sm, .progress-sm {
    height: 10px
}
.progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar {
    border-radius: 1px
}
.progress.xs, .progress-xs {
    height: 7px
}
.progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar {
    border-radius: 1px
}
.progress.xxs, .progress-xxs {
    height: 3px
}
.progress.xxs, .progress-xxs, .progress.xxs .progress-bar, .progress-xxs .progress-bar {
    border-radius: 1px
}
.progress.vertical {
    position: relative;
    width: 30px;
    height: 200px;
    display: inline-block;
    margin-right: 10px
}
.progress.vertical>.progress-bar {
    width: 100%;
    position: absolute;
    bottom: 0
}
.progress.vertical.sm, .progress.vertical.progress-sm {
    width: 20px
}
.progress.vertical.xs, .progress.vertical.progress-xs {
    width: 10px
}
.progress.vertical.xxs, .progress.vertical.progress-xxs {
    width: 3px
}
.progress-group .progress-text {
    font-weight: 600
}
.progress-group .progress-number {
    float: right
}
.table tr>td .progress {
    margin: 0
}
.progress-bar-light-blue, .progress-bar-primary {
    background-color: #175295
}
.progress-striped .progress-bar-light-blue, .progress-striped .progress-bar-primary {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-green, .progress-bar-success {
    background-color: #00a65a
}
.progress-striped .progress-bar-green, .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-aqua, .progress-bar-info {
    background-color: #00c0ef
}
.progress-striped .progress-bar-aqua, .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-yellow, .progress-bar-warning {
    background-color: #f39c12
}
.progress-striped .progress-bar-yellow, .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-red, .progress-bar-danger {
    background-color: #dd4b39
}
.progress-striped .progress-bar-red, .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}
.small-box>.inner {
    padding: 10px
}
.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none
}
.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0,0,0,0.15)
}
.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0
}
.small-box p {
    font-size: 15px
}
.small-box p>small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px
}
.small-box h3, .small-box p {
    z-index: 5
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,0.15)
}
.small-box:hover {
    text-decoration: none;
    color: #f9f9f9
}
.small-box:hover .icon {
    font-size: 95px
}
@media (max-width:767px) {
    .small-box {
        text-align: center
    }
    .small-box .icon {
        display: none
    }
    .small-box p {
        font-size: 12px
    }
}
.box {
    position: relative;
    border-radius: 0px;
    background: #ffffff;	
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
.box.box-primary {
    border-top-color: #3c8dbc
}
.box.box-info {
    border-top-color: #00c0ef
}
.box.box-danger {
    border-top-color: #dd4b39
}
.box.box-warning {
    border-top-color: #f39c12
}
.box.box-success {
    border-top-color: #00a65a
}
.box.box-default {
    border-top-color: #d2d6de
}
.box.collapsed-box .box-body, .box.collapsed-box .box-footer {
    display: none
}
.box .nav-stacked>li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0
}
.box .nav-stacked>li:last-of-type {
    border-bottom: none
}
.box.height-control .box-body {
    max-height: 300px;
    overflow: auto
}
.box .border-right {
    border-right: 1px solid #f4f4f4
}
.box .border-left {
    border-left: 1px solid #f4f4f4
}
.box.box-solid {
    border-top: 0
}
.box.box-solid>.box-header .btn.btn-default {
    background: transparent
}
.box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover {
    background: rgba(0,0,0,0.1)
}
.box.box-solid.box-default {
    border: 1px solid #d2d6de
}
.box.box-solid.box-default>.box-header {
    color: #444;
    background: #d2d6de;
    background-color: #d2d6de
}
.box.box-solid.box-default>.box-header a, .box.box-solid.box-default>.box-header .btn {
    color: #444
}
.box.box-solid.box-primary {
    border: 1px solid #3c8dbc
}
.box.box-solid.box-primary>.box-header {
    color: #fff;
    background: #3c8dbc;
    background-color: #3c8dbc
}
.box.box-solid.box-info {
    border: 1px solid #00c0ef
}
.box.box-solid.box-info>.box-header {
    color: #fff;
    background: #00c0ef;
    background-color: #00c0ef
}
.box.box-solid.box-info>.box-header a, .box.box-solid.box-info>.box-header .btn, .box.box-solid.box-primary>.box-header a, .box.box-solid.box-primary>.box-header .btn,
.box.box-solid.box-danger>.box-header a, .box.box-solid.box-danger>.box-header .btn  {
    color: #fff
}
.box.box-solid.box-danger {
    border: 1px solid #dd4b39
}
.box.box-solid.box-danger>.box-header {
    color: #fff;
    background: #dd4b39;
    background-color: #dd4b39
}
.box.box-solid.box-warning {
    border: 1px solid #f39c12
}
.box.box-solid.box-warning>.box-header {
    color: #fff;
    background: #f39c12;
    background-color: #f39c12
}
.box.box-solid.box-warning>.box-header a, .box.box-solid.box-warning>.box-header .btn, .box.box-solid.box-success>.box-header a, .box.box-solid.box-success>.box-header .btn{
    color: #fff
}
.box.box-solid.box-success {
    border: 1px solid #00a65a
}
.box.box-solid.box-success>.box-header {
    color: #fff;
    background: #00a65a;
    background-color: #00a65a
}
.box.box-solid>.box-header>.box-tools .btn {
    border: 0;
    box-shadow: none
}
.box.box-solid[class*='bg']>.box-header {
    color: #fff
}
.box .box-group>.box {
    margin-bottom: 5px
}
.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em
}
.box>.overlay, .overlay-wrapper>.overlay, .box>.loading-img, .overlay-wrapper>.loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.box .overlay, .overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255,255,255,0.7);
    border-radius: 3px
}
.box .overlay>.fa, .overlay-wrapper .overlay>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px
}
.box .overlay.dark, .overlay-wrapper .overlay.dark {
    background: rgba(0,0,0,0.5)
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
    content: " ";
    display: table
}
.box-header:after, .box-body:after, .box-footer:after {
    clear: both
}
.box-header {
    color: #ffffff;
    display: block;
    padding: 5px 10px;
    position: relative;
    text-transform: capitalize;
    background: #dbdbdb;
}
.box-header.with-border {
    border-bottom: none;
}
.collapsed-box .box-header.with-border {
    border-bottom: none
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    font-family: calibri;
    color: #000;
    letter-spacing: 0.9px;
    margin: 0;
    line-height: 1
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion {
    margin-right: 5px
}
.box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px
}
.box-header>.box-tools [data-toggle="tooltip"] {
    position: relative
}
.box-header>.box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color:#433e72;
    padding: 3px 1px 0px 8px;
    border-left: 1px solid #433e72 !important; 
    
}
.open .btn-box-tool, .btn-box-tool:hover {
    color:#433e72;
}
.btn-box-tool.btn:active {
    box-shadow: none
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    border-top: 1px solid #ebedf2;
}
.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}
.box-body>.table {
    margin-bottom: 0
}
.box-body .fc {
    margin-top: 5px
}
.box-body .full-width-chart {
    margin: -19px
}
.box-body.no-padding .full-width-chart {
    margin: -9px
}
.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}
.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff
}
.chart-legend {
    margin: 10px 0
}
@media (max-width:991px) {
    .chart-legend>li {
        float: left;
        margin-right: 10px
    }
}
.box-comments {
    background: #f7f7f7
}
.box-comments .box-comment {
    padding: 8px 0;
    border-bottom: 1px solid #eee
}
.box-comments .box-comment:before, .box-comments .box-comment:after {
    content: " ";
    display: table
}
.box-comments .box-comment:after {
    clear: both
}
.box-comments .box-comment:last-of-type {
    border-bottom: 0
}
.box-comments .box-comment:first-of-type {
    padding-top: 0
}
.box-comments .box-comment img {
    float: left
}
.box-comments .comment-text {
    margin-left: 40px;
    color: #555
}
.box-comments .username {
    color: #444;
    display: block;
    font-weight: 600
}
.box-comments .text-muted {
    font-weight: 400;
    font-size: 12px
}
.todo-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto
}
.todo-list>li {
    border-radius: 2px;
    padding: 10px;
    background: #f4f4f4;
    margin-bottom: 2px;
    border-left: 2px solid #e6e7e8;
    color: #444
}
.todo-list>li:last-of-type {
    margin-bottom: 0
}
.todo-list>li>input[type='checkbox'] {
    margin: 0 10px 0 5px
}
.todo-list>li .text {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600
}
.todo-list>li .label {
    margin-left: 10px;
    font-size: 9px
}
.todo-list>li .tools {
    display: none;
    float: right;
    color: #dd4b39
}
.todo-list>li .tools>.fa, .todo-list>li .tools>.glyphicon, .todo-list>li .tools>.ion {
    margin-right: 5px;
    cursor: pointer
}
.todo-list>li:hover .tools {
    display: inline-block
}
.todo-list>li.done {
    color: #999
}
.todo-list>li.done .text {
    text-decoration: line-through;
    font-weight: 500
}
.todo-list>li.done .label {
    background: #d2d6de !important
}
.todo-list .danger {
    border-left-color: #dd4b39
}
.todo-list .warning {
    border-left-color: #f39c12
}
.todo-list .info {
    border-left-color: #00c0ef
}
.todo-list .success {
    border-left-color: #00a65a
}
.todo-list .primary {
    border-left-color: #3c8dbc
}
.todo-list .handle {
    display: inline-block;
    cursor: move;
    margin: 0 5px
}
.chat {
    padding: 5px 20px 5px 10px
}
.chat .item {
    margin-bottom: 10px
}
.chat .item:before, .chat .item:after, .chat .item>.attachment:before, .chat .item>.attachment:after {
    content: " ";
    display: table
}
.chat .item:after, .chat .item>.attachment:after {
    clear: both
}
.chat .item>img {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 50%
}
.chat .item>.online {
    border: 2px solid #00a65a
}
.chat .item>.offline {
    border: 2px solid #dd4b39
}
.chat .item>.message {
    margin-left: 55px;
    margin-top: -40px
}
.chat .item>.message>.name {
    display: block;
    font-weight: 600
}
.chat .item>.attachment {
    border-radius: 3px;
    background: #f4f4f4;
    margin-left: 65px;
    margin-right: 15px;
    padding: 10px
}
.chat .item>.attachment>h4 {
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 14px
}
.chat .item>.attachment>p, .chat .item>.attachment>.filename {
    font-weight: 600;
    font-size: 13px;
    font-style: italic;
    margin: 0
}
.box-input {
    max-width: 200px
}
.modal .panel-body {
    color: #444
}
.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 5px;
    margin-bottom: 15px
}
.info-box small {
    font-size: 14px
}
.info-box .progress {
    background: rgba(0,0,0,0.2);
    margin: 5px -10px 5px -10px;
    height: 2px
}
.info-box .progress, .info-box .progress .progress-bar {
    border-radius: 0
}
.info-box .progress .progress-bar {
    background: #fff
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2)
}
.info-box-icon>img {
    max-width: 100%
}
.info-box-content {
    padding: 5px 10px;
    margin-left: 100px
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px
}
.progress-description, .info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.info-box-text {
    text-transform: uppercase
}
.info-box-more {
    display: block
}
.progress-description {
    margin: 0
}
.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px
}
.timeline>li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px
}
.timeline>li:before, .timeline>li:after {
    content: " ";
    display: table
}
.timeline>li:after {
    clear: both
}
.timeline>li>.timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative
}
.timeline>li>.timeline-item>.time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px
}
.timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1
}
.timeline>li>.timeline-item>.timeline-header>a, .alert h4{
    font-weight: 600
}
.timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {
    padding: 10px
}
.timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}
.timeline>.time-label>span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px
}
.timeline-inverse>li>.timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none
}
.timeline-inverse>li>.timeline-item>.timeline-header {
    border-bottom-color: #ddd
}
.btn {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent
}
.btn.uppercase {
    text-transform: uppercase
}
.btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px
}
.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn:focus {
    outline: none
}
.btn.btn-file {
    position: relative;
    overflow: hidden
}
.btn.btn-file>input[type='file'] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: none;
    background: white;
    cursor: inherit;
    display: block
}
.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd
}
.btn-default:hover, .btn-default:active, .btn-default.hover {
    background-color: #e7e7e7
}
.btn-primary {
    background-color: #ffffff;
    border-color: #cfdcde;
    color: #677083;
    height: 45px;
    line-height: 45px;
    padding: 0px 12px;
    margin-top: 10px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #ffffff;
    border-color: #cfdcde;
    color: #677083;
}
.btn-success {
    background-color: #00a65a;
    border-color: #008d4c
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
    background-color: #008d4c
}
.btn-info {
    background-color: #00c0ef;
    border-color: #00acd6
}
.btn-info:hover, .btn-info:active, .btn-info.hover {
    background-color: #00acd6
}
.btn-danger {
    background-color: #dd4b39;
    border-color: #d73925
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
    background-color: #d73925
}
.btn-warning {
    background-color: #f39c12;
    border-color: #e08e0b
}
.btn-warning:hover, .btn-warning:active, .btn-warning.hover {
    background-color: #e08e0b
}
.btn-submit {
    background-color: #016db6;
    border-color: #005187;
    margin-top: 10px;
}
.btn-submit:hover, .btn-submit:active, .btn-submit.hover {
    background-color: #1989d3;
    color: #fff;
    border-color: #1b9bef;
}
.btn-cn {
    background-color: #05840e;
    color: #fff;
    border-color: #007408;
    margin-top: 10px;
}
.btn-cn:hover, .btn-cn:active, .btn-cn.hover {
    background-color: #006707;
    color: #fff;
    border-color: #005606;
}
.btn-dl {
    background-color: #c42b3e;
    color: #fff;
    border-color: #b10c21;
    margin-top: 10px;
}
.btn-dl:hover, .btn-dl:active, .btn-dl.hover {
    background-color: #b40218;
    color: #fff;
    border-color: #900012;
}
.btn-goback {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #ffffff;
}
.btn-goback:hover, .btn-goback:active, .btn-goback.hover {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #ffffff;
}
.btn-rcc {
    background-color: #e5eaed;
    border-color: #d6dbde;
    color: #292828;
    margin-top: 10px;
}
.btn-rcc:hover, .btn-rcc:active, .btn-rcc.hover {
    background-color: #d2d7da;
    color: #595858;
    border-color: #bfc4c7;
}
.btn-back {
    background-color: #666666;
    border-color: #474747;
    color: #ffffff;
}
.btn-back:hover, .btn-back:active, .btn-back.hover {
    color: #ffffff;
}
.btn-outline {
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    color: rgba(255,255,255,0.7);
    border-color: rgba(255,255,255,0.7)
}
.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn[class*='bg-']:hover {
    -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 100px rgba(0,0,0,0.2)
}
.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px
}
.btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {
    font-size: 20px;
    display: block
}
.btn-app:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa
}
.btn-app:active, .btn-app:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-app>.badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400
}
.callout {
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee
}
.callout a {
    color: #fff;
    text-decoration: underline
}
.callout a:hover {
    color: #eee
}
.callout h4 {
    margin-top: 0;
    font-weight: 600
}
.callout p:last-child {
    margin-bottom: 0
}
.callout code, .callout .highlight {
    background-color: #fff
}
.callout.callout-danger {
    border-color: #c23321
}
.callout.callout-warning {
    border-color: #c87f0a
}
.callout.callout-info {
    border-color: #0097bc
}
.callout.callout-success {
    border-color: #00733e
}
.alert {
    border-radius: 3px
}
.alert .icon {
    margin-right: 10px
}
.alert .close {
    color: #000;
    opacity: .2;
    filter: alpha(opacity=20)
}
.alert .close:hover {
    opacity: .5;
    filter: alpha(opacity=50)
}
.alert a {
    color: #fff;
    text-decoration: underline
}
.alert-success {
    border-color: #e6811b;
}
.alert-danger, .alert-error {
    border-color: #d73925
}
.alert-warning {
    border-color: #e08e0b
}
.alert-info {
    border-color: #00acd6
}
.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    color: #3e3e3e;
    background-color: #b0ebff;
    border-color: #9ad5e9 #9ad5e9 rgba(0, 0, 0, 0);
}
.nav-pills>li>a {
    border-radius: 0;
    border-top: 3px solid transparent;
    color: #444
}
.nav-pills>li>a>.fa, .nav-pills>li>a>.glyphicon, .nav-pills>li>a>.ion {
    margin-right: 5px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    border-top-color: #3c8dbc
}
.nav-pills>li.active>a {
    font-weight: 600
}
.nav-stacked>li>a {
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444
}
.nav-stacked>li.active>a, .nav-stacked>li.active>a:hover {
    background: transparent;
    color: #444;
    border-top: 0;
    border-left-color: #3c8dbc
}
.nav-stacked>li.header {
    border-bottom: 1px solid #ddd;
    color: #777;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase
}
.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px
}
.nav-tabs-custom>.nav-tabs {
    margin: 0;
    border-bottom-color: #f4f4f4;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}
.nav-tabs-custom>.nav-tabs>li {
    border-top: 3px solid transparent;
    margin-bottom: -2px;
    margin-right: 5px;
    background: #dedede;
}
.nav-tabs-custom>.nav-tabs>li>a {
    color: #444;
    border-radius: 0
}
.nav-tabs-custom>.nav-tabs>li>a.text-muted {
    color: #999
}
.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover {
    background: transparent;
    margin: 0
}
.nav-tabs-custom>.nav-tabs>li>a:hover {
    color: #ffffff;
    background: #224f8e;
}
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
    border-color: transparent
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #bc2d41;
}
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #224f8e;
    color: #ffffff;
}
.nav-tabs-custom>.nav-tabs>li.active>a {
    border-top-color: transparent;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
    background: #224f8e;
}
.nav-tabs-custom>.nav-tabs>li:first-of-type {
    margin-left: 0
}
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
    border-left-color: transparent
}
.nav-tabs-custom>.nav-tabs.pull-right {
    float: none !important
}
.nav-tabs-custom>.nav-tabs.pull-right>li {
    float: right
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
    margin-right: 0
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
    border-left-width: 1px
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
    border-left-color: #f4f4f4;
    border-right-color: transparent
}
.nav-tabs-custom>.nav-tabs>li.header {
    line-height: 35px;
    padding: 0 10px;
    font-size: 20px;
    color: #444
}
.nav-tabs-custom>.nav-tabs>li.header>.fa, .nav-tabs-custom>.nav-tabs>li.header>.glyphicon, .nav-tabs-custom>.nav-tabs>li.header>.ion {
    margin-right: 5px
}
.nav-tabs-custom>.tab-content {
    background: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 100%;
    padding: 30px !important;
    border: 1px solid #f0f0f0b8;
}
.nav-tabs-custom .dropdown.open>a:active, .nav-tabs-custom .dropdown.open>a:focus {
    background: transparent;
    color: #999
}
.nav-tabs-custom.tab-primary>.nav-tabs>li.active {
    border-top-color: #3c8dbc
}
.nav-tabs-custom.tab-info>.nav-tabs>li.active {
    border-top-color: #00c0ef
}
.nav-tabs-custom.tab-danger>.nav-tabs>li.active {
    border-top-color: #dd4b39
}
.nav-tabs-custom.tab-warning>.nav-tabs>li.active {
    border-top-color: #f39c12
}
.nav-tabs-custom.tab-success>.nav-tabs>li.active {
    border-top-color: #00a65a
}
.nav-tabs-custom.tab-default>.nav-tabs>li.active {
    border-top-color: #d2d6de
}
.pagination>li>a {
    background: #fafafa;
    color: #666
}
.pagination.pagination-flat>li>a {
    border-radius: 0 !important
}
.products-list {
    list-style: none;
    margin: 0;
    padding: 0
}
.products-list>.item {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    padding: 10px 0;
    background: #fff
}
.products-list>.item:before, .products-list>.item:after {
    content: " ";
    display: table
}
.products-list>.item:after {
    clear: both
}
.products-list .product-img {
    float: left
}
.products-list .product-img img {
    width: 50px;
    height: 50px
}
.products-list .product-info {
    margin-left: 60px
}
.products-list .product-title {
    font-weight: 600
}
.products-list .product-description {
    display: block;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.product-list-in-box>.item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #f4f4f4
}
.product-list-in-box>.item:last-of-type {
    border-bottom-width: 0
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #00000091 !important;
    font-size: 14px !important;
    white-space: unset !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{
        padding: 5px 0px 4px 3px;
}

/* @media print { */
/* .table > thead > tr > th {  */
/*  	border: 1px solid #cccccc !important;  */
/*  	background-color: rgb(52, 73, 94); */ */
/*  	-webkit-background-color: rgb(52, 73, 94);  */
/*  	-webkit-print-color-adjust: exact;  */
/*  	color: rgb(255, 255, 255);  */
/*  	font-size: 10px !important;  */
/*  	word-wrap: break-word; */
/*  	}  */
/* .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { */
/* 	word-wrap: break-word; */
/* } */
/* .dataTables_info { */
/* 	display: none; */
/* 	} */
/* .empTable_filter { */
/* 	display: none; */
/* 	} */
/* .DTFC_ScrollWrapper { */
/* 	height: auto !important; */
/* 	} */
/* .dataTables_scrollBody { */
/* 	height: auto !important; */
/* 	overflow: hidden !important; */
/* 	} */
/* } */

.table > thead > tr > th {
    border: 1px solid #cccccc !important;
    background-color: rgb(52, 73, 94);
    -webkit-background-color: rgb(52, 73, 94);
    font-weight: 500;
    color: rgb(255, 255, 255);
    font-size: 14px;
    white-space: nowrap;
}
.table tr td .progress {
    margin-top: 5px
}
.table-bordered {
    border: 1px solid #cccccc;
}
.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 #cccccc;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 2px
}
.table.no-border, .table.no-border td, .table.no-border th {
    border: 0
}
table.text-center, table.text-center td, table.text-center th {
    text-align: center;
}
.table.align th {
    text-align: left;
}
.table.align td {
    text-align: right
}
.label-default {
    background-color: #d2d6de;
    color: #444
}
.direct-chat .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0
}
.direct-chat.chat-pane-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.direct-chat-messages {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 10px;
    height: 250px;
    overflow: auto
}
.direct-chat-msg, .direct-chat-text {
    display: block
}
.direct-chat-msg {
    margin-bottom: 10px
}
.direct-chat-msg:before, .direct-chat-msg:after {
    content: " ";
    display: table
}
.direct-chat-msg:after {
    clear: both
}
.direct-chat-messages, .direct-chat-contacts {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}
.direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    margin: 5px 0 0 50px;
    color: #444
}
.direct-chat-text:after, .direct-chat-text:before {
    position: absolute;
    right: 100%;
    top: 15px;
    border: solid transparent;
    border-right-color: #d2d6de;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none
}
.direct-chat-text:after {
    border-width: 5px;
    margin-top: -5px
}
.direct-chat-text:before {
    border-width: 6px;
    margin-top: -6px
}
.right .direct-chat-text {
    margin-right: 50px;
    margin-left: 0
}
.right .direct-chat-text:after, .right .direct-chat-text:before {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: #d2d6de
}
.direct-chat-img {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px
}
.right .direct-chat-img {
    float: right
}
.direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px
}
.direct-chat-name {
    font-weight: 600
}
.direct-chat-timestamp {
    color: #999
}
.direct-chat-contacts-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.direct-chat-contacts {
    -webkit-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    -o-transform: translate(101%, 0);
    transform: translate(101%, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    background: #222d32;
    color: #fff;
    overflow: auto
}
.contacts-list>li {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 10px;
    margin: 0
}
.contacts-list>li:before, .contacts-list>li:after {
    content: " ";
    display: table
}
.contacts-list>li:after {
    clear: both
}
.contacts-list>li:last-of-type {
    border-bottom: none
}
.contacts-list-img {
    border-radius: 50%;
    width: 40px;
    float: left
}
.contacts-list-info {
    margin-left: 45px;
    color: #fff
}
.contacts-list-name, .contacts-list-status {
    display: block
}
.contacts-list-name {
    font-weight: 600
}
.contacts-list-status {
    font-size: 12px
}
.contacts-list-date {
    color: #aaa;
    font-weight: normal
}
.contacts-list-msg {
    color: #999
}
.direct-chat-danger .right>.direct-chat-text {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff
}
.direct-chat-danger .right>.direct-chat-text:after, .direct-chat-danger .right>.direct-chat-text:before {
    border-left-color: #dd4b39
}
.direct-chat-primary .right>.direct-chat-text {
    background: #3c8dbc;
    border-color: #3c8dbc;
    color: #fff
}
.direct-chat-primary .right>.direct-chat-text:after, .direct-chat-primary .right>.direct-chat-text:before {
    border-left-color: #3c8dbc
}
.direct-chat-warning .right>.direct-chat-text {
    background: #f39c12;
    border-color: #f39c12;
    color: #fff
}
.direct-chat-warning .right>.direct-chat-text:after, .direct-chat-warning .right>.direct-chat-text:before {
    border-left-color: #f39c12
}
.direct-chat-info .right>.direct-chat-text {
    background: #00c0ef;
    border-color: #00c0ef;
    color: #fff
}
.direct-chat-info .right>.direct-chat-text:after, .direct-chat-info .right>.direct-chat-text:before {
    border-left-color: #00c0ef
}
.direct-chat-success .right>.direct-chat-text {
    background: #00a65a;
    border-color: #00a65a;
    color: #fff
}
.direct-chat-success .right>.direct-chat-text:after, .direct-chat-success .right>.direct-chat-text:before {
    border-left-color: #00a65a
}
.users-list>li {
    width: 25%;
    float: left;
    padding: 10px;
    text-align: center
}
.users-list>li img {
    border-radius: 50%;
    max-width: 100%;
    height: auto
}
.users-list>li>a:hover, .users-list>li>a:hover .users-list-name {
    color: #999
}
.users-list-name, .users-list-date {
    display: block
}
.users-list-name {
    font-weight: 600;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.users-list-date {
    color: #999;
    font-size: 12px
}
.carousel-control.left, .carousel-control.right {
    background-image: none
}
.carousel-control>.fa {
    font-size: 40px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -20px
}
.modal {
    background: rgba(0,0,0,0.6)
}
.modal-content {
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125);
    box-shadow: 0 2px 3px rgba(0,0,0,0.125);
    border: 0
}
.modal-header {
    border-bottom-color: #f4f4f4
}
.modal-footer {
    border-top-color: #f4f4f4
}
.modal-primary .modal-header, .modal-primary .modal-footer {
    border-color: #307095
}
.modal-warning .modal-header, .modal-warning .modal-footer {
    border-color: #c87f0a
}
.modal-info .modal-header, .modal-info .modal-footer {
    border-color: #0097bc
}
.modal-success .modal-header, .modal-success .modal-footer {
    border-color: #00733e
}
.modal-danger .modal-header, .modal-danger .modal-footer {
    border-color: #c23321
}
.box-widget {
    border: none;
    position: relative
}
.widget-user .widget-user-header {
    padding: 20px;
    height: 120px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}
.widget-user .widget-user-username {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2)
}
.widget-user .widget-user-desc {
    margin-top: 0
}
.widget-user .widget-user-image {
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -45px
}
.widget-user .widget-user-image>img {
    width: 90px;
    height: auto;
    border: 3px solid #fff
}
.widget-user .box-footer {
    padding-top: 30px
}
.widget-user-2 .widget-user-header {
    padding: 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}
.widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300
}
.widget-user-2 .widget-user-desc {
    margin-top: 0
}
.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
    margin-left: 75px
}
.widget-user-2 .widget-user-image>img {
    width: 65px;
    height: auto;
    float: left
}
.mailbox-messages>.table {
    margin: 0
}
.mailbox-controls {
    padding: 5px
}
.mailbox-controls.with-border {
    border-bottom: 1px solid #f4f4f4
}
.mailbox-read-info {
    border-bottom: 1px solid #f4f4f4;
    padding: 10px
}
.mailbox-read-info h3 {
    font-size: 20px;
    margin: 0
}
.mailbox-read-info h5 {
    margin: 0;
    padding: 5px 0 0 0
}
.mailbox-read-time {
    color: #999;
    font-size: 13px
}
.mailbox-read-message {
    padding: 10px
}
.mailbox-attachments li {
    float: left;
    width: 200px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    margin-right: 10px
}
.mailbox-attachment-name {
    font-weight: bold;
    color: #666
}
.mailbox-attachment-icon, .mailbox-attachment-info, .mailbox-attachment-size {
    display: block
}
.mailbox-attachment-info {
    padding: 10px;
    background: #f4f4f4
}
.mailbox-attachment-size {
    color: #999;
    font-size: 12px
}
.mailbox-attachment-icon {
    text-align: center;
    font-size: 65px;
    color: #666;
    padding: 20px 10px
}
.mailbox-attachment-icon.has-img {
    padding: 0
}
.mailbox-attachment-icon.has-img>img {
    max-width: 100%;
    height: auto
}
.lockscreen {
    background: #d2d6de
}
.lockscreen-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300
}
.lockscreen-logo a {
    color: #444
}
.lockscreen-wrapper {
    max-width: 400px;
    margin: 0 auto;
    margin-top: 10%
}
.lockscreen .lockscreen-name {
    text-align: center;
    font-weight: 600
}
.lockscreen-item {
    border-radius: 4px;
    padding: 0;
    background: #fff;
    position: relative;
    margin: 10px auto 30px auto;
    width: 290px
}
.lockscreen-image {
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: -25px;
    background: #fff;
    padding: 5px;
    z-index: 10
}
.lockscreen-image>img {
    border-radius: 50%;
    width: 70px;
    height: 70px
}
.lockscreen-credentials {
    margin-left: 70px
}
.lockscreen-credentials .form-control {
    border: 0
}
.lockscreen-credentials .btn {
    background-color: #fff;
    border: 0;
    padding: 0 10px
}
.lockscreen-footer {
    margin-top: 10px
}
.login-logo, .register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300
}
.login-logo a, .register-logo a {
    color: #444
}
.login-page, .register-page {
    background: #d2d6de
}
.login-box, .register-box {
    width: 360px;
    margin: 7% auto
}
.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666
}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #777
}
.login-box-msg, .register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px
}
.social-auth-links {
    margin: 10px 0
}
.error-page {
    width: 600px;
    margin: 20px auto 0 auto
}
@media (max-width:991px) {
    .error-page {
        width: 100%
    }
    .error-page>.headline {
        float: none;
        text-align: center
    }
    .error-page>.error-content {
        margin-left: 0
    }
    .error-page>.error-content>h3 {
        text-align: center
    }
}
.error-page>.headline {
    float: left;
    font-size: 100px;
    font-weight: 300
}
.error-page>.error-content {
    margin-left: 190px;
    display: block
}
.error-page>.error-content>h3 {
    font-weight: 300;
    font-size: 25px
}
.invoice {
    position: relative;
    background: #fff;
    border: 1px solid #f4f4f4;
    padding: 20px;
    margin: 10px 25px
}
.invoice-title {
    margin-top: 0
}
.profile-user-img {
    margin: 0 auto;
    width: 100px;
    padding: 3px;
    border: 3px solid #d2d6de
}
.profile-username {
    font-size: 21px;
    margin-top: 5px
}
.post {
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #666
}
.post:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}
.post .user-block {
    margin-bottom: 15px
}
.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.btn-social>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2)
}
.btn-social.btn-lg {
    padding-left: 61px
}
.btn-social.btn-lg>:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}
.btn-social.btn-sm {
    padding-left: 38px
}
.btn-social.btn-sm>:first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}
.btn-social.btn-xs {
    padding-left: 30px
}
.btn-social.btn-xs>:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}
.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0
}
.btn-social-icon>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2)
}
.btn-social-icon.btn-lg {
    padding-left: 61px
}
.btn-social-icon.btn-lg>:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}
.btn-social-icon.btn-sm {
    padding-left: 38px
}
.btn-social-icon.btn-sm>:first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}
.btn-social-icon.btn-xs {
    padding-left: 30px
}
.btn-social-icon.btn-xs>:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}
.btn-social-icon>:first-child {
    border: none;
    text-align: center;
    width: 100%
}
.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0
}
.btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0
}
.btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0
}
.btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: rgba(0,0,0,0.2)
}
.btn-adn:focus, .btn-adn.focus {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0,0,0,0.2)
}
.btn-adn:hover {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0,0,0,0.2)
}
.btn-adn:active, .btn-adn.active, .open>.dropdown-toggle.btn-adn {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0,0,0,0.2)
}
.btn-adn:active, .btn-adn.active, .open>.dropdown-toggle.btn-adn {
    background-image: none
}
.btn-adn .badge {
    color: #d87a68;
    background-color: #fff
}
.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:focus, .btn-bitbucket.focus {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:hover {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:active, .btn-bitbucket.active, .open>.dropdown-toggle.btn-bitbucket {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:active, .btn-bitbucket.active, .open>.dropdown-toggle.btn-bitbucket {
    background-image: none
}
.btn-bitbucket .badge {
    color: #205081;
    background-color: #fff
}
.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:focus, .btn-dropbox.focus {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:hover {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:active, .btn-dropbox.active, .open>.dropdown-toggle.btn-dropbox {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:active, .btn-dropbox.active, .open>.dropdown-toggle.btn-dropbox {
    background-image: none
}
.btn-dropbox .badge {
    color: #1087dd;
    background-color: #fff
}
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2)
}
.btn-facebook:focus, .btn-facebook.focus {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0,0,0,0.2)
}
.btn-facebook:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0,0,0,0.2)
}
.btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0,0,0,0.2)
}
.btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
    background-image: none
}
.btn-facebook .badge {
    color: #3b5998;
    background-color: #fff
}
.btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: rgba(0,0,0,0.2)
}
.btn-flickr:focus, .btn-flickr.focus {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0,0,0,0.2)
}
.btn-flickr:hover {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0,0,0,0.2)
}
.btn-flickr:active, .btn-flickr.active, .open>.dropdown-toggle.btn-flickr {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0,0,0,0.2)
}
.btn-flickr:active, .btn-flickr.active, .open>.dropdown-toggle.btn-flickr {
    background-image: none
}
.btn-flickr .badge {
    color: #ff0084;
    background-color: #fff
}
.btn-foursquare {
    color: #fff;
    background-color: #f94877;
    border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:focus, .btn-foursquare.focus {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:hover {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:active, .btn-foursquare.active, .open>.dropdown-toggle.btn-foursquare {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:active, .btn-foursquare.active, .open>.dropdown-toggle.btn-foursquare {
    background-image: none
}
.btn-foursquare .badge {
    color: #f94877;
    background-color: #fff
}
.btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0,0,0,0.2)
}
.btn-github:focus, .btn-github.focus {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0,0,0,0.2)
}
.btn-github:hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0,0,0,0.2)
}
.btn-github:active, .btn-github.active, .open>.dropdown-toggle.btn-github {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0,0,0,0.2)
}
.btn-github:active, .btn-github.active, .open>.dropdown-toggle.btn-github {
    background-image: none
}
.btn-github .badge {
    color: #444;
    background-color: #fff
}
.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2)
}
.btn-google:focus, .btn-google.focus {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0,0,0,0.2)
}
.btn-google:hover {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0,0,0,0.2)
}
.btn-google:active, .btn-google.active, .open>.dropdown-toggle.btn-google {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0,0,0,0.2)
}
.btn-google:active, .btn-google.active, .open>.dropdown-toggle.btn-google {
    background-image: none
}
.btn-google .badge {
    color: #dd4b39;
    background-color: #fff
}
.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: rgba(0,0,0,0.2)
}
.btn-instagram:focus, .btn-instagram.focus {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0,0,0,0.2)
}
.btn-instagram:hover {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0,0,0,0.2)
}
.btn-instagram:active, .btn-instagram.active, .open>.dropdown-toggle.btn-instagram {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0,0,0,0.2)
}
.btn-instagram:active, .btn-instagram.active, .open>.dropdown-toggle.btn-instagram {
    background-image: none
}
.btn-instagram .badge {
    color: #3f729b;
    background-color: #fff
}
.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:focus, .btn-linkedin.focus {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:hover {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:active, .btn-linkedin.active, .open>.dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:active, .btn-linkedin.active, .open>.dropdown-toggle.btn-linkedin {
    background-image: none
}
.btn-linkedin .badge {
    color: #007bb6;
    background-color: #fff
}
.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: rgba(0,0,0,0.2)
}
.btn-microsoft:focus, .btn-microsoft.focus {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0,0,0,0.2)
}
.btn-microsoft:hover {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0,0,0,0.2)
}
.btn-microsoft:active, .btn-microsoft.active, .open>.dropdown-toggle.btn-microsoft {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0,0,0,0.2)
}
.btn-microsoft:active, .btn-microsoft.active, .open>.dropdown-toggle.btn-microsoft {
    background-image: none
}
.btn-microsoft .badge {
    color: #2672ec;
    background-color: #fff
}
.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: rgba(0,0,0,0.2)
}
.btn-openid:focus, .btn-openid.focus {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0,0,0,0.2)
}
.btn-openid:hover {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0,0,0,0.2)
}
.btn-openid:active, .btn-openid.active, .open>.dropdown-toggle.btn-openid {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0,0,0,0.2)
}
.btn-openid:active, .btn-openid.active, .open>.dropdown-toggle.btn-openid {
    background-image: none
}
.btn-openid .badge {
    color: #f7931e;
    background-color: #fff
}
.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0,0,0,0.2)
}
.btn-pinterest:focus, .btn-pinterest.focus {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0,0,0,0.2)
}
.btn-pinterest:hover {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0,0,0,0.2)
}
.btn-pinterest:active, .btn-pinterest.active, .open>.dropdown-toggle.btn-pinterest {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0,0,0,0.2)
}
.btn-pinterest:active, .btn-pinterest.active, .open>.dropdown-toggle.btn-pinterest {
    background-image: none
}
.btn-pinterest .badge {
    color: #cb2027;
    background-color: #fff
}
.btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: rgba(0,0,0,0.2)
}
.btn-reddit:focus, .btn-reddit.focus {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0,0,0,0.2)
}
.btn-reddit:hover {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0,0,0,0.2)
}
.btn-reddit:active, .btn-reddit.active, .open>.dropdown-toggle.btn-reddit {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0,0,0,0.2)
}
.btn-reddit:active, .btn-reddit.active, .open>.dropdown-toggle.btn-reddit {
    background-image: none
}
.btn-reddit .badge {
    color: #eff7ff;
    background-color: #000
}
.btn-soundcloud {
    color: #fff;
    background-color: #f50;
    border-color: rgba(0,0,0,0.2)
}
.btn-soundcloud:focus, .btn-soundcloud.focus {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0,0,0,0.2)
}
.btn-soundcloud:hover {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0,0,0,0.2)
}
.btn-soundcloud:active, .btn-soundcloud.active, .open>.dropdown-toggle.btn-soundcloud {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0,0,0,0.2)
}
.btn-soundcloud:active, .btn-soundcloud.active, .open>.dropdown-toggle.btn-soundcloud {
    background-image: none
}
.btn-soundcloud .badge {
    color: #f50;
    background-color: #fff
}
.btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:focus, .btn-tumblr.focus {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:hover {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:active, .btn-tumblr.active, .open>.dropdown-toggle.btn-tumblr {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:active, .btn-tumblr.active, .open>.dropdown-toggle.btn-tumblr {
    background-image: none
}
.btn-tumblr .badge {
    color: #2c4762;
    background-color: #fff
}
.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0,0,0,0.2)
}
.btn-twitter:focus, .btn-twitter.focus {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0,0,0,0.2)
}
.btn-twitter:hover {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0,0,0,0.2)
}
.btn-twitter:active, .btn-twitter.active, .open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0,0,0,0.2)
}
.btn-twitter:active, .btn-twitter.active, .open>.dropdown-toggle.btn-twitter {
    background-image: none
}
.btn-twitter .badge {
    color: #55acee;
    background-color: #fff
}
.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: rgba(0,0,0,0.2)
}
.btn-vimeo:focus, .btn-vimeo.focus {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0,0,0,0.2)
}
.btn-vimeo:hover {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0,0,0,0.2)
}
.btn-vimeo:active, .btn-vimeo.active, .open>.dropdown-toggle.btn-vimeo {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0,0,0,0.2)
}
.btn-vimeo:active, .btn-vimeo.active, .open>.dropdown-toggle.btn-vimeo {
    background-image: none
}
.btn-vimeo .badge {
    color: #1ab7ea;
    background-color: #fff
}
.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0,0,0,0.2)
}
.btn-vk:focus, .btn-vk.focus {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0,0,0,0.2)
}
.btn-vk:hover {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0,0,0,0.2)
}
.btn-vk:active, .btn-vk.active, .open>.dropdown-toggle.btn-vk {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0,0,0,0.2)
}
.btn-vk:active, .btn-vk.active, .open>.dropdown-toggle.btn-vk {
    background-image: none
}
.btn-vk .badge {
    color: #587ea3;
    background-color: #fff
}
.btn-yahoo {
    color: #fff;
    background-color: #720e9e;
    border-color: rgba(0,0,0,0.2)
}
.btn-yahoo:focus, .btn-yahoo.focus {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0,0,0,0.2)
}
.btn-yahoo:hover {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0,0,0,0.2)
}
.btn-yahoo:active, .btn-yahoo.active, .open>.dropdown-toggle.btn-yahoo {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0,0,0,0.2)
}
.btn-yahoo:active, .btn-yahoo.active, .open>.dropdown-toggle.btn-yahoo {
    background-image: none
}
.btn-yahoo .badge {
    color: #720e9e;
    background-color: #fff
}
.fc-button {
    background: #f4f4f4;
    background-image: none;
    color: #444;
    border-color: #ddd;
    border-bottom-color: #ddd
}
.fc-button:hover, .fc-button:active, .fc-button.hover {
    background-color: #e9e9e9
}
.fc-header-title h2 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
    margin-left: 10px
}
.fc-header-right {
    padding-right: 10px
}
.fc-header-left {
    padding-left: 10px
}
.fc-widget-header {
    background: #fafafa
}
.fc-grid {
    width: 100%;
    border: 0
}
.fc-widget-header:first-of-type, .fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0
}
.fc-widget-header:last-of-type, .fc-widget-content:last-of-type {
    border-right: 0
}
.fc-toolbar {
    padding: 0px;
    margin: 0
}
.fc-day-number {
    font-size: 16px;
    font-weight: 300;
    padding-right: 10px
}
.fc-color-picker {
    list-style: none;
    margin: 0;
    padding: 0
}
.fc-color-picker>li {
    float: left;
    font-size: 30px;
    margin-right: 5px;
    line-height: 30px
}
.fc-color-picker>li .fa {
    -webkit-transition: -webkit-transform linear .3s;
    -moz-transition: -moz-transform linear .3s;
    -o-transition: -o-transform linear .3s;
    transition: transform linear .3s
}
.fc-color-picker>li .fa:hover {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}
#add-new-event {
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s
}
.external-event {
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    cursor: move
}
.external-event:hover {
    box-shadow: inset 0 0 90px rgba(0,0,0,0.2)
}
.select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active {
    outline: none
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 34px
}
.select2-container--default.select2-container--open {
    border-color: #3c8dbc
}
.select2-dropdown {
    border: 1px solid #d2d6de;
    border-radius: 0
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3c8dbc;
    color: white
}
.select2-results__option {
    padding: 6px 12px;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-top: -4px
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 6px;
    padding-left: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    right: 3px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0
}
.select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field {
    border: 1px solid #d2d6de
}
.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {
    outline: none;
    border: 1px solid #3c8dbc
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #444
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6de;
    border-radius: 0
}
.select2-container--default .select2-selection--multiple:focus {
    border-color: #3c8dbc
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #d2d6de
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border-color: #367fa9;
    padding: 1px 10px;
    color: #fff
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: rgba(255,255,255,0.7)
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px
}
.pad {
    padding: 10px
}
.margin {
    margin: 10px
}
.margin-bottom {
    margin-bottom: 20px
}
.margin-bottom-none {
    margin-bottom: 0
}
.margin-r-5 {
    margin-right: 5px
}
.inline {
    display: inline
}
.description-block {
    display: block;
    margin: 10px 0;
    text-align: center
}
.description-block.margin-bottom {
    margin-bottom: 25px
}
.description-block>.description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px
}
.description-block>.description-text {
    text-transform: uppercase
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
    color: #fff !important
}
.bg-gray {
    color: #000;
    background-color: #d2d6de !important
}
.bg-gray-light {
    background-color: #f7f7f7
}
.bg-black {
    background-color: #111 !important
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #dd4b39 !important
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #f39c12 !important
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #ff9a34 !important
}
.bg-blue {
    background-color: #0073b7 !important
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #337ab7 !important
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #ff9a34 !important
}
.bg-navy {
    background-color: #001f3f !important
}
.bg-teal {
    background-color: #39cccc !important
}
.bg-olive {
    background-color: #3d9970 !important
}
.bg-lime {
    background-color: #01ff70 !important
}
.bg-orange {
    background-color: #ff851b !important
}
.bg-fuchsia {
    background-color: #f012be !important
}
.bg-purple {
    background-color: #605ca8 !important
}
.bg-maroon {
    background-color: #d81b60 !important
}
.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important
}
.bg-black-active {
    background-color: #000 !important
}
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
    background-color: #d33724 !important
}
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
    background-color: #db8b0b !important
}
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
    background-color: #00a7d0 !important
}
.bg-blue-active {
    background-color: #005384 !important
}
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
    background-color: #357ca5 !important
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
    background-color: #008d4c !important
}
.bg-navy-active {
    background-color: #001a35 !important
}
.bg-teal-active {
    background-color: #30bbbb !important
}
.bg-olive-active {
    background-color: #368763 !important
}
.bg-lime-active {
    background-color: #00e765 !important
}
.bg-orange-active {
    background-color: #ff7701 !important
}
.bg-fuchsia-active {
    background-color: #db0ead !important
}
.bg-purple-active {
    background-color: #555299 !important
}
.bg-maroon-active {
    background-color: #ca195a !important
}
[class^="bg-"].disabled {
    opacity: .65;
    filter: alpha(opacity=65)
}
.text-red {
    color: #dd4b39 !important
}
.text-yellow {
    color: #f39c12 !important
}
.text-aqua {
    color: #00c0ef !important
}
.text-blue {
    color: #0073b7 !important
}
.text-black {
    color: #111 !important
}
.text-light-blue {
    color: #3c8dbc !important
}
.text-green {
    color: #00a65a !important
}
.text-gray {
    color: #d2d6de !important
}
.text-navy {
    color: #001f3f !important
}
.text-teal {
    color: #39cccc !important
}
.text-olive {
    color: #3d9970 !important
}
.text-lime {
    color: #01ff70 !important
}
.text-orange {
    color: #ff851b !important
}
.text-fuchsia {
    color: #f012be !important
}
.text-purple {
    color: #605ca8 !important
}
.text-maroon {
    color: #d81b60 !important
}
.link-muted {
    color: #7a869d
}
.link-muted:hover, .link-muted:focus {
    color: #606c84
}
.link-black {
    color: #666
}
.link-black:hover, .link-black:focus {
    color: #999
}
.hide {
    display: none !important
}
.no-border {
    border: 0 !important
}
.no-padding {
    padding: 0 !important
}
.no-margin {
    margin: 0 !important
}
.no-shadow {
    box-shadow: none !important
}
.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments {
    list-style: none;
    margin: 0;
    padding: 0
}
.list-group-unbordered>.list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}
.flat {
    border-radius: 0 !important
}
.text-bold, .text-bold.table td, .text-bold.table th {
    font-weight: 700
}
.text-sm {
    font-size: 12px
}
.jqstooltip {
    padding: 5px !important;
    width: auto !important;
    height: auto !important
}
.bg-teal-gradient {
    background: #39cccc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
    color: #fff
}
.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
    background: -moz-linear-gradient(center bottom, #3c8dbc 0, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
    color: #fff
}
.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff
}
.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff
}
.bg-yellow-gradient {
    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff
}
.bg-purple-gradient {
    background: #605ca8 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
    color: #fff
}
.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff
}
.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff
}
.bg-black-gradient {
    background: #111 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111 0, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
    color: #fff
}
.bg-maroon-gradient {
    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff
}
.description-block .description-icon {
    font-size: 16px
}
.no-pad-top {
    padding-top: 0
}
.position-static {
    position: static !important
}
.list-header {
    font-size: 15px;
    padding: 10px 4px;
    font-weight: bold;
    color: #666
}
.list-seperator {
    height: 1px;
    background: #f4f4f4;
    margin: 15px 0 9px 0
}
.list-link>a {
    padding: 4px;
    color: #777
}
.list-link>a:hover {
    color: #222
}
.font-light {
    font-weight: 300
}
.user-block:before, .user-block:after {
    content: " ";
    display: table
}
.user-block:after {
    clear: both
}
.user-block img {
    width: 40px;
    height: 40px;
    float: left
}
.user-block .username, .user-block .description, .user-block .comment {
    display: block;
    margin-left: 50px
}
.user-block .username {
    font-size: 16px;
    font-weight: 600
}
.user-block .description {
    color: #999;
    font-size: 13px
}
.user-block.user-block-sm .username, .user-block.user-block-sm .description, .user-block.user-block-sm .comment {
    margin-left: 40px
}
.user-block.user-block-sm .username {
    font-size: 14px
}
.img-sm, .img-md, .img-lg, .box-comments .box-comment img, .user-block.user-block-sm img {
    float: left
}
.img-sm, .box-comments .box-comment img, .user-block.user-block-sm img {
    width: 30px !important;
    height: 30px !important
}
.img-sm+.img-push {
    margin-left: 40px
}
.img-md {
    width: 60px;
    height: 60px
}
.img-md+.img-push {
    margin-left: 70px
}
.img-lg {
    width: 100px;
    height: 100px
}
.img-lg+.img-push {
    margin-left: 110px
}
.img-bordered {
    border: 3px solid #d2d6de;
    padding: 3px
}
.img-bordered-sm {
    border: 2px solid #d2d6de;
    padding: 2px
}
.attachment-block {
    border: 1px solid #f4f4f4;
    padding: 5px;
    margin-bottom: 10px;
    background: #f7f7f7
}
.attachment-block .attachment-img {
    max-width: 100px;
    max-height: 100px;
    height: auto;
    float: left
}
.attachment-block .attachment-pushed {
    margin-left: 110px
}
.attachment-block .attachment-heading {
    margin: 0
}
.attachment-block .attachment-text {
    color: #555
}
.connectedSortable {
    min-height: 100px
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.sort-highlight {
    background: #f4f4f4;
    border: 1px dashed #ddd;
    margin-bottom: 10px
}
.full-opacity-hover {
    opacity: .65;
    filter: alpha(opacity=65)
}
.full-opacity-hover:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}
.chart {
    position: relative;
    overflow: hidden;
    width: 100%
}
.chart svg, .chart canvas {
    width: 100% !important
}

@media print {
    .row.title-letter h3 {
    margin-top: 1100px !important;
}
.no-print, .main-sidebar, .left-side, .main-header, .content-header {
    display: none !important
}
.content-wrapper, .right-side, .main-footer {
    margin-left: 0 !important;
    min-height: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}
.fixed .content-wrapper, .fixed .right-side {
    padding-top: 0 !important
}
.invoice {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0
}
.invoice-col {
    float: left;
    width: 33.3333333%
}
.table-responsive {
    overflow: auto
}
.table-responsive>.table tr th, .table-responsive>.table tr td {
    white-space: normal !important
}
}
.tb {
    color: #000000;
    margin-right: 5px;
}
.form_filed {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    margin-top: 20px;
    text-align: left;
    float: left;
}
.by_default {
    font-size: 16px;
    color: #4f4f4f;
    margin-top: 20px;
    text-align: left;
    float: left;
}
.err_mssg {
    font-size: 16px;
    color: #F00;
    margin-top: 20px;
    text-align: left;
    float: left;
}
.err_mssg2 {
    font-size: 16px;
    color: #F00;
    margin-top: 5px;
    text-align: left;
    float: left;
}
.cv {
    font-size: 16px;
    color: #3ccd6c;
    margin-top: 20px;
    text-align: left;
    float: left;
}
.valid_indication {
    border-radius: 4px;
    box-shadow: none;
    background: #eef2f5;
    height: 45px;
    margin-top: 10px;
    background-image: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    border: 1px solid #c5d0d4;
}
.input-group {
    margin-top: 10px;
}
.date_pic {
    border-radius: 0;
    box-shadow: none;
    background: #ffffff;
    height: 45px;
    background-image: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    border: 1px solid #c5d0d4;
}
.form_bx {
    margin-top: 20px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
.switch input {
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #2196F3;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.sdf {
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 45px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.listing_select {
    border: 1px solid #ccc;
    height: 30px;
    margin: -3px 5px 0;
    width: 60px;
}
.one {
    width: 100%;
    height: auto;
    float: left;
    margin-top: -10px;
}
.doc_mssg {
    margin-top: 20px;
}
.dash {
    display: inline-block;
    width: 5%;
    margin-bottom: 5px;
    font-weight: normal;
    color: #4f4f4f;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    float: left;
}
.abrs {
    font-size: 14px;
    font-weight: 500;
    color: #016db6;
    margin-top: 20px;
    text-align: left;
    float: left;
}
.chkbx {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    top: 180px !important;
    box-shadow: 0px 0px 36px #A0A0A0;
    -webkit-box-shadow: 0px 0px 36px #A0A0A0;
    -moz-box-shadow: 0px 0px 36px #A0A0A0;
    -ms-box-shadow: 0px 0px 36px #A0A0A0;
}
.ct_filed1 {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    margin-bottom: 20px;
    text-align: left;
    float: left;
}
.ct_filed2 {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    margin-bottom: 20px;
    text-align: left;
    float: left;
}
.rd {
    color: red;
}
.check-box {
    display: inline-block;
    margin-top: 15px;
}
.form-f {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    margin-top: 20px;
    text-align: left;
    float: left;
    width: 100%;
}
.tender_list {
    margin-top: 10px;
}
.tyc {
    margin-top: 42px;
}
.vt {
    text-align: left;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    margin-top: 10px;
}
.tnd_bttn {
    color: #016db6;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 12px;
    padding: 0 10px;
    width: auto;
    text-decoration: underline;
    display: inline-block;
}
.tnd_bttn:hover {
    color: #000000;
}
.pn {
    margin-top: 20px;
}
.pnl {
    border: 1px solid #b1c2ca;
    padding: 20px;
    box-sizing: border-box;
}
.bd-title {
    font-size: 18px;
}
.print-bt {
    background: #e67d21;
    border-left: 3px solid #d05f00;
    border-radius: 0px;
}
.print-bt:hover {
    background: #e67d21;
}
.pdf-bt {
    background: #e84c3d;
    border-left: 3px solid #cc261a;
    border-radius: 0px;
}
.pdf-bt:hover {
    background: #cc261a;
    color: #ffffff;
}
b, strong {
    font-weight: 500;
}
.loginbutoon {
    padding: 5px 20px;
    margin-top: 10px;
    background: #fff;
    border: none;
    font-weight: 400;
}
.dt-button.buttons-pdf.buttons-html5 {
    background: #175295 none repeat scroll 0 0;
    color: #ffffff;
    padding: 2px 15px;
}
.dt-button.buttons-print {
    background: #5867dd none repeat scroll 0 0;
    color: #ffffff;
    margin-left: 5px;
}
.dt-button.buttons-print:hover {
    color: #000000;
}
.dt-button.buttons-excel.buttons-html5 {
    background: #5867dd none repeat scroll 0 0;
    color: #ffffff;
    padding: 2px 15px;
    margin-left: 5px;
}
iframe {
    width: 100% !important;
}
#listingTable_filter input[type="search"] {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 40px;
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 30px !important;
    line-height: 1.42857;
    margin-right: 15px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 325px;
    outline: none;
}
input[type="search"] {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 40px;
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 30px !important;
    line-height: 1.42857;
    margin-right: 15px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 325px;
    outline: none;
}
.print, .dt-button {
    background-color: #5867dd;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 15px;
    height: 27px;
    line-height: 21px;
    margin-right: 10px !important;
    text-align: center;
    width: auto;
    padding: 0px 5px;
}
.dt-buttons {
    float: right;
}
.tab-content .form-group input.code {
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important;
    float: left;
    margin-right: 2%;
    width: 18%;
}
.tab-content .form-group input.land {
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important;
    float: left;
    margin-right: 2%;
    width: 60%;
}
.tab-content .form-group input.ext {
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important;
    float: left;
    width: 16%;
    margin-right: 2%;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}
.select2-container .select2-selection--multiple {
    -moz-user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: outside none none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.ch-heading {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
}
.ch-heading-small {
    font-size: 16px;
    font-weight: 300;
    text-align: left;
}
.nxt {
    background: #000000 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    margin-top: 0;
    padding: 5px 30px;
    text-align: center;
    width: auto;
}
.rgtr {
    border: none;
    background: #175295 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    margin-top: 0;
    margin-left: 10px;
    padding: 5px 30px;
    text-align: center;
    width: auto;
}
.lbl-fields {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-top: 20px;
}
.search-button {
    width: auto;
    height: auto;
    padding: 10px 30px;
    margin-right: 10px;
    margin-bottom: 20px;
    background: #175295;
    color: #ffffff;
    cursor: pointer;
    margin-top: 20px;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
.search-button:hover {
    background: #000000;
}
.clear-button {
    width: auto;
    height: auto;
    padding: 10px 30px;
    margin-right: 10px;
    margin-bottom: 20px;
    background: #c42b3e;
    color: #ffffff;
    cursor: pointer;
    margin-top: 20px;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
.clear-button:hover {
    background: #000000;
}
.cr-box {
    float: left;
}
.cr-lbl {
    float: left;
    margin-left: 10px;
    margin-top: 1px;
    display: inline-block;
    font-weight: 400 !important;
    margin-bottom: 5px;
    max-width: 100%;
}
.lblfr-fields {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0px;
}
.lblfr-fields-center {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
}
.lbl-1 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0px;
}
.lbl-2 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0px;
}
.fr-cntrl {
    margin-top: 0px;
}
.fr-grp {
    margin-bottom: 20px;
}
.fr-grp2 {
    margin-top: 20px;
}
.g {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 10px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: 10px;
}
.g-back {
    background-color: #016db6;
    border-color: #005187;
    float: right;
    margin-bottom: 5px;
    border-radius: 20px;
}
.g-back:hover {
    color: #ffffff;
    background: #C42B3E;
    border-color: #90090a;
}
.inline {
    display: inline !important;
}
.tab-content .fr-grp input.code {
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important;
    float: left;
    margin-right: 2%;
    width: 18%;
}
.sl-section {
    width: 100%;
    height: auto;
    margin-top: 0px;
}
.sl-title-box {
    width: 100%;
    height: auto;
    padding: 10px;
    background: #b7d8fa;
    border: 1px solid #b2bde2;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #373962;
}
.sl-section p {
    color: #000000;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0px;
}
.lbl-3 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500 !important;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0px;
}
.lbl-4 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500 !important;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0px;
}
.rd {
    color: red;
}
.pt-print {
    width: auto;
    height: auto;
    padding: 5px 15px;
    background: #175295;
    color: #ffffff;
    text-align: center;
    border: none;
}
.pt-pdf {
    width: auto;
    height: auto;
    padding: 5px 15px;
    background: #c42b3e;
    color: #ffffff;
    text-align: center;
    border: none;
}
font {
    font-weight: 300 !important;
}
.main-scroll {
    width: 100%;
    overflow-y: auto;
}
.sub-scroll {
    width: 100%;
}
.main-scroll, .sub-scroll {
    transform: rotateX(180deg);
    -moz-transform: rotateX(180deg); /* Mozilla */
    -webkit-transform: rotateX(180deg); /* Safari and Chrome */
    -ms-transform: rotateX(180deg); /* IE 9+ */
    -o-transform: rotateX(180deg); /* Opera */
}
.ins-name {
    color: #ffffff;
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin-top: 13px;
    text-align: left;
}
#info {
    border: 1px solid red;
    padding: 15px;
    margin-top: 10px;
}
.ad-search {
    background: #175295 none repeat scroll 0 0;
    border-radius: 20px;
    box-sizing: border-box;
    color: #ffffff;
    height: auto;
    margin: 10px 0;
    padding: 10px 20px;
    width: auto;
    display: inline-block;
    float: right;
    cursor: pointer;
}
.ad-search:hover {
    background: #C42B3E;
    transition: all ease-in-out 0.3s;
}
.ad-search span {
    margin-left: 5px;
}
#listingTable_length select {
    height: 30px;
    text-align: center;
    width: 60px;
    color: #000000;
    background: #ebebeb;
    border: 1px solid #cccccc;
}
.tn-listing-div {
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    height: auto;
    padding: 20px 20px;
    width: 100%;
    background: #f8f8f8;
    margin-bottom: 30px;
}
.search-by {
    border-bottom: 1px solid #dadada;
    color: #175295;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.com-cp {
    float: right;
    font-size: 12px;
}
.txt-area {
    height: 100px !important;
}
.tbl-box {
    width: 100%;
    height: auto;
    padding: 10px;
    border: 1px solid #98b6db;
    background: #c6ddfa;
    margin-top: 30px;
}
.hh {
    font-size: 18px;
    font-weight: 400;
    color: #005ca5;
}
.lblfr-fields2 {
    float: left;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 30px;
    text-align: left;
}
.in-pt {
    float: left;
    margin-top: 33px !important;
}
.in-pt2 {
    margin-top: 0px !important;
}
.in-pt3 {
    margin-top: 0px !important;
}
.bt-mr {
    float: left;
    margin-top: 22px !important;
}
.rm-vm {
    float: left;
    font-size: 22px;
    margin-left: 18px;
    margin-top: 10px;
}
.login-panel {
    width: 100%;
    height: auto;
    padding: 10px 10px;
    background: #218DD6;
    margin-bottom: 10px;
}
.login-button {
    background: #175295 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    line-height: 40px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    margin-top: 10px;
}
.login-button a {
    text-decoration: none;
    color: #ffffff;
}
.ints-i {
    float: left;
    margin-top: 10px !important;
}
.ints-l {
    float: left;
    margin-left: 5px;
    margin-right: 20px;
    margin-top: 7px;
}
.red-clr {
    color: red;
    font-weight: 400;
}
.lg-main-modal {
    width: 100%;
    height: auto;
    padding: 30px;
    border: 3px dashed #C42B3E;
}
.upload-button {
    background: #016db6 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    height: auto;
    padding: 8px 15px;
    width: auto;
    font-size: 14px;
    display: inline-block;
}
.text-lbl-1 {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    display: inline-block;
    line-height: 50px;
}
.text-lbl-2 {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    line-height: 50px;
}
.bid-table {
    width: 100%;
    height: auto;
    padding: 20px;
    border: 1px solid #cccccc;
    background: #f3f4f6;
    box-sizing: border-box;
}
.bid-table h4 {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.main-log-panel {
    border-top: 5px solid #10aae8;
    padding: 10px 0;
    width: 100%;
    box-shadow: 0px 0px 5px #1a1a1a;
    background: #ffffff;
}
.e2e-head-small {
    font-size: 25px;
    color: #175295;
    font-weight: 500;
}
.e2e-head-big {
    color: #c42b3e;
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0;
}
.login-pad {
    padding: 0px 30px;
}
.pd {
    padding: 0px 0px !important;
}
.mrg-top {
    margin-top: 50px;
}
.remember {
    color: #ffffff;
    font-size: 16px;
    margin-left: 5px;
}
.lgn-login {
    background-color: #10aae8;
    color: #ffffff;
    height: 30px;
    line-height: 25px;
    margin-top: 10px;
    padding: 0 20px;
    border: 1px solid #ffffff;
}
.frgt-password {
    color: #ffffff;
    display: inline;
    float: right;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    font-weight: 400;
}
.login-foot.txt-white.font-16 {
    color: #ffffff;
    display: block;
    font-size: 16px;
    line-height: 60px;
    padding-left: 13px;
    text-align: left;
}
.n {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 40px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 10px;
}
.n-next {
    background-color: #016db6;
    border-color: #005187;
    float: right;
    margin-bottom: 5px;
    border-radius: 20px;
}
.n-next:hover {
    color: #ffffff;
    background: #C42B3E;
    border-color: #90090a;
}
.ch-lbl-int {
    float: left;
    margin: 10px 0 !important;
}
.ch-lbl {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    color: #c42b3e;
    font-weight: 400 !important;
}

.ch-lbl-int-2 {
    float: left;
    margin: 2px 0 !important;
}
.ch-lbl-2 {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    color: #c42b3e;
    font-weight: 400 !important;
    margin-right: 30px !important;
}
.all-marked {
    font-size: 12px;
    font-weight: 400;
    float: right;
}
.form-group label {
    color: #3f4047;
    font-size: 17px;
    font-weight: 400 !important;
    margin-bottom: 0;
}
.form-group input {
    margin: 0px 0px;
}
.form-group textarea {
    margin-top: 0;
    border-radius: 5px !important;
}
.form-group select {
    margin-top: 0;
}
.check-all {
    border-radius: 5px;
    background: #ffffff;
    color: #000000;
    display: inline;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    padding: 0.2em 0.6em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    cursor: pointer;
    margin: 0px 5px;
}
.check-all:hover {
    background: #002366;
    color: #ffffff;
}
.revert {
    border: 2px solid #5867dd;
    -webkit-box-shadow: 0px 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    -moz-box-shadow: 0px 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0px 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    color: #5867dd;
    float: right;
    font-size: 12px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    width: 25px;
    border-radius: 50%;
    margin: 0px 0px;
}
.revert:hover {
    background: #5867dd;
    color: #ffffff;
}
.lnkbtn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow:0px 5px 10px 2px rgb(88 103 221 / 19%) !important;
    -moz-box-shadow:0px 5px 10px 2px rgb(88 103 221 / 19%) !important;
    box-shadow:0px 5px 10px 2px rgb(88 103 221 / 19%) !important;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 10px 20px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}
.valid-border-red {
    border:1px solid red;
}
.btn-glyphicon {
    padding: 8px;
    background: #ffffff;
    margin-right: 10px;
}
.icon-btn {
    padding: 1px 15px 3px 2px;
    border-radius: 50px;
}
.btn-svn {
    /* background-color: #5867dd;
    border-color: #5867dd; */
    border-color: #4489f6;
    background-image: linear-gradient(to top, #005cea 0%, #75aaff 100%);
}
.btn-svn:hover, .btn-svn:active, .btn-svn.hover {
    /* background-color: #384ad7; */
    color: #fff;
    border-color: #4489f6;
    background-image: linear-gradient(to top, #2073f7 0%, #75aaff 100%);
}
.text-svn {
    color: #005bea;
}
.btn-clr {
    background-color: #f39c12;
    border-color: #d58300;/* 	margin-top:10px; */
}
.btn-clr:hover, .btn-clr:active, .btn-clr.hover {
    background-color: #ffb53f;
    color: #fff;
    border-color: #ffb53f;
}
.text-clr {
    color: #f39c12;
}
.btn-dlt {
    background-color: #C42B3E;
    border-color: #b1091e;/* 	margin-top:10px; */
}
.btn-dlt:hover, .btn-dlt:active, .btn-dlt.hover {
    background-color: #fc3851;
    color: #fff;
    border-color: #fc3851;
}
.text-dlt {
    color: #C42B3E;
}
.text-justy {
    text-align: justify;
}
.dflt {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.42857;
    margin-bottom: 0px;
    padding: 2px 5px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0px 0px;
}
.web-dis-none{
    display: none;
}
.dflt-bttn {
    background-color: #ffffff;
    border-color: #5867dd;
    color: #5867dd;
}
.dflt-bttn:hover, .dflt-bttn:active, .dflt-bttn.hover {
    background-color: #5867dd;
    color: #ffffff;
    border-color: #5867dd;
}
.mrg-top-10 {
    margin-top: 3px !important;
}
.mrg-top-20 {
    margin-top: 20px !important;
}
.mrg-top-15 {
    margin-top: 15px !important;
}
.mrg-top-30 {
    margin-top: 30px !important;
}
.mrg-top-40 {
    margin-top: 40px !important;
}
.mrg-top-50 {
    margin-top: 50px !important;
}
.form-group2 {
    margin-bottom: 10px;
}
.red {
    color: red;
}
.tech-table {
    background: #d0eafd none repeat scroll 0 0;
    border: 1px solid #a1c6f2;
    box-sizing: border-box;
    height: auto;
    padding: 20px;
    width: 100%;
}
.box-header2 {
    padding: 0px;
}
.box-header.with-border2 {
    border-bottom: 1px solid #83a8d4;
}
.brd-top {
    border-top: none;
}
.total {
    color: red;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
}
.ds-inline {
    display: inline;
}
.ds-block {
    display: block;
}
.formula-main-section {
    background: #c2dcfc none repeat scroll 0 0;
    border: 1px solid #b0d5fe;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 14px;
    width: 100%;
}
.formula-section {
    width: 100%;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.formula-button {
    -moz-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 40px;
    margin: 3px;
    font-size: 16px;
    font-weight: 400;
}
.formula-bttn-white {
    background: #eceff4 none repeat scroll 0 0;
    border: 1px solid #9bc0e9;
    color: #175295;
}
.formula-bttn-white:hover {
    background: #016db6;
    color: #ffffff;
    border: 1px solid #005187;
    transition: all ease-in-out 0.5s;
}
.formula-bttn-test {
    background: #00c0ef;
    color: #ffffff;
    border: 1px solid #00acd6;
}
.formula-bttn-save {
    background: #016db6;
    color: #ffffff;
    border: 1px solid #005187;
}
.sgt-lbl-int {
    float: left;
    margin: 10px 0 !important;
}
.sgt-lbl {
    float: left;
    margin-left: 5px;
    margin-top: 8px;
    margin-right: 25px;
}
.colon {
    float: left;
    left: -5px;
    position: relative;
}
.cahoot-bl {
    color: #175295;
    font-weight: 400;
}
.cahoot-rd {
    color: #C42B3E;
    font-weight: 400;
}
.lbl-light {
    color: #ff9a29;
    font-weight: 400;
}
.lbl-dark {
    color: #ffffff;
    font-weight: 400;
}
.ch-line {
    margin: 0px auto;
    width: 99.4%;
    border-bottom: 1px solid #575757;
    line-height: 40px;
}
.advancesearch {
    width: 190px;
    height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f4811f;
    float: left;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    text-align: left;
}
.ch-line2 {
    margin: 0px auto;
    width: 99.5%;
    line-height: 40px;
}
.red-border {
    border-color: red;
}
.dash-div {
    width: 100%;
    height: auto;
    text-align: center;
}
.mrg-left-10 {
    margin-left: 10px;
}
.mrg-left-15 {
    margin-left: 15px;
}
.mrg-left-20 {
    margin-left: 20px;
}
.mrg-left-30 {
    margin-left: 30px;
}
.mrg-left-40 {
    margin-left: 40px;
}
.mrg-left-50 {
    margin-left: 50px;
}
.header-date {
    height: auto;
    margin-top: 20px;
    width: 100%;
    text-align: right;
}
.main-flex {
    float: right;
    height: auto;
    width: 100%;
}
.header-contact {
    background: #10aae8 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    flex: 1 1 0;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 35px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border: 1px solid #ffffff;
}
.hcr {
    background: #10aae8 !important;
}
.current-timezone {
    color: #175295;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
}
.date {
    display: inline;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-align: left;
    text-transform: uppercase;
}
.time {
    color: #c42b3e;
    display: inline;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    margin-left: 10px;
}
.lgn-wrapper {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    background: #ffffff;
}
.lgn-right {
    background: #72ac58;
}
.lgn-right-padding {
    box-sizing: border-box;
    height: 100%;
    padding: 10px 10px;
    width: 100%;
}
.links {
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;
    color: #ffffff;
}
.lgnbtn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #175295;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 10px 20px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin-top: 15px;
}
.icon-btn {
    border-radius: 50px;
    padding: 1px 10px 3px 2px;
}
.btn-glyphicon {
    padding: 8px;
    background: #ffffff;
    margin-right: 10px;
}
.btn-glyphicon2 {
    padding: 8px;
    background: #c42b3e;
    margin-right: 10px;
}
.btn-exn {
    background-color: #ffffff;
    border-color: #175294;/* 	margin-top:10px; */
}
.btn-exn:hover, .btn-exn:active, .btn-exn.hover {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.text-exn {
    color: #ffffff;
}
.lgn-left-padding {
    box-sizing: border-box;
    height: 100%;
    padding: 20px;
    width: 100%;
}
.lgn-para {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 40px;
    margin-top: 10px;
    padding-bottom: 15px;
    text-align: justify;
}
.lgn-marquee-padding {
    box-sizing: border-box;
    height: auto;
    padding: 10px 0;
    width: 100%;
    margin-top: 150px;
}
.lgn-marqueebox {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    border: 2px solid #003477;
    height: auto;
    padding: 15px;
    width: 100%;
    border-radius: 25px;
    box-shadow: 0 0 5px #d9d9d9;
}
.lgn-footer {
    background: #10aae8; /* Old browsers */
    background: -moz-linear-gradient(top, #474747 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #474747 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #474747 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    bottom: 0;
    height: auto;
    padding: 10px 0;
    position: static;
    width: 100%;
}
.terms-conditions {
    color: #ffffff;
    float: none;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    margin: 10px 0px;
}
.cahoot {
    color: #ffffff;
    float: none;
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0;
    text-align: center;
}
.downloads-heading {
    border-bottom: 1px solid;
    color: #ffffff;
    font-weight: 400;
    padding-bottom: 10px;
}
.announcement-para {
    border-bottom: 1px solid #cbcbcb;
    color: #616161;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 40px;
    margin-top: 10px;
    padding-bottom: 15px;
    text-align: justify;
}
.announcement-heading {
    color: #175295;
    font-weight: 500;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.header-part {
    float: right;
    height: auto;
    margin-top: 0px;
    width: 100%;
}
.header-line {
    background: #a6a6a6 none repeat scroll 0 0;
    float: right;
    height: 40px;
    margin: 11px 10px;
    width: 1px;
    display: none;
}
.header-circle-icon {
    background: #ff9a34 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: none;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 3px;
    text-align: center;
    width: 30px;
}
.header-circle-text {
    color: #343434;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}
.mobile {
    font-size: 18px !important;
}
.print-logo {
    width: auto;
    height: auto;
    text-align: center;
    display: none;
}
 @media print {
.print-logo {
    width: auto;
    height: auto;
    text-align: center;
    display: block;
    padding-bottom: 20px;
}
}
.section-one {
    padding-top: 80px;
}
.section-two {
    padding-top: 80px;
}
.section-three {
    padding-top: 80px;
}
.header-contact a {
    text-decoration: none;
    color: #ffffff;
}
#sec-2 {
    padding-top: 70px;
}
#sec-3 {
    padding-top: 0px;
}
#sec-4 {
    padding-top: 0px;
}
#sec-5 {
    padding-top: 70px;
    background: #daeafe;
}
#sec-6 {
    padding-top: 70px;
}
#sec-7 {
    padding-top: 70px;
}
.e2e-head-big2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    margin: 15px 0;
}
.t-line-height {
    font-size: 14px;
    text-align: left;
    font-weight: 300;
    line-height: 30px;
    margin: 10px 0px;
}
.content-wrapper2 {
    background-color: #ecf0f5;
    margin-left: 230px;
    min-height: 100%;
    z-index: 800;
}
.refresh-icons {
    font-size: 18px;
    color: #ffffff;
}
.valid-background-color {
    background-color: #efefef !important;
    color: #585252;
    font-weight: 600;
}
.valid-background-color::placeholder{
    color:#585252;
    font-weight: 600;
}
.col-md-3.col-xs-3.first-date-display .form-control.valid-background-color{
    background-color: #FFF !important;
}
.total-tender {
    color: #c42b3e;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
}
#pendingTender > span {
    font-weight: 500;
}
#archivedTender > span {
    font-weight: 500;
}
#cancelledTender > span {
    font-weight: 500;
}
#pendingForEvaluationTender > span {
    font-weight: 500;
}
#awardedTender > span {
    font-weight: 500;
}
.pg-title {
    font-weight: 400;
}
.bx-height-1 {
    height: 515px;
}
.bx-height-2 {
    height: 400px;
}
.bx-height-3 {
    height: 350px;
}
#pendingAuction > span {
    font-weight: 500;
}
#liveAuction > span {
    font-weight: 500;
}
#archivedAuction > span {
    font-weight: 500;
}
.sl-select {
    color: #000000;
    float: right;
}
.progress-bar-pending, .progress-bar-pndg {
    background-color: #F9BF3B
}
.progress-striped .progress-bar-pending, .progress-striped .progress-bar-pndg {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-live, .progress-bar-lv {
    background-color: #00B16A
}
.progress-striped .progress-bar-live, .progress-striped .progress-bar-lv {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-future, .progress-bar-ftre {
    background-color: #F9690E
}
.progress-striped .progress-bar-future, .progress-striped .progress-bar-ftre {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-archived, .progress-bar-archv {
    background-color: #F22613
}
.progress-striped .progress-bar-archived, .progress-striped .progress-bar-archv {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-evaluated, .progress-bar-evltd {
    background-color: #175295
}
.progress-striped .progress-bar-evaluated, .progress-striped .progress-bar-evltd {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-cancelled, .progress-bar-cncld {
    background-color: #95A5A6
}
.progress-striped .progress-bar-cancelled, .progress-striped .progress-bar-cncld {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-awarded, .progress-bar-awrd {
    background-color: #E87E04
}
.progress-striped .progress-bar-awarded, .progress-striped .progress-bar-awrd {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-registered, .progress-bar-rgstrd {
    background-color: #D2527F
}
.progress-striped .progress-bar-registered, .progress-striped .progress-bar-rgstrd {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-activeted, .progress-bar-actvtd {
    background-color: #03A678
}
.progress-striped .progress-bar-activeted, .progress-striped .progress-bar-actvtd {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-rejected, .progress-bar-rjctd {
    background-color: #6C7A89
}
.progress-striped .progress-bar-rejected, .progress-striped .progress-bar-rjctd {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.progress-bar-declined, .progress-bar-dclnd {
    background-color: #CF000F
}
.progress-striped .progress-bar-declined, .progress-striped .progress-bar-dclnd {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.30) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.30) 50%, rgba(255,255,255,0.30) 75%, transparent 75%, transparent)
}
.tag-line {
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 50px;
}
.tag-line-2 {
    font-size: 22px;
    font-weight: 400;
    color: #003477;
    margin-top: 50px;
}
.tag-line-italic {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    font-style: italic;
    margin-top: 15px;
}
.address-text {
    display: inline-block;
    font-size: 18px;
    text-align: left;
    font-weight: 300;
    color: #ffffff;
    line-height: 30px;
    margin-top: 50px;
}
.address-text2 {
    display: inline-block;
    font-size: 18px;
    text-align: left;
    font-weight: 300;
    color: #ffffff;
    line-height: 30px;
    margin-top: 50px;
}
.contact-icons {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #10aae8;
    display: inline-block;
    font-size: 36px;
    height: 65px;
    line-height: 65px;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.contact-us-left {
    padding: 0px 30px;
    height: 787px;
}
.contact-us-right {
    box-sizing: border-box;
    height: 100vh;
    padding: 0px 30px;
    width: 100%;
}
.height {
    height: 150px !important;
}
.white-table-bg {
    width: 100%;
    height: auto;
    padding: 20px;
    background: #ffffff;
    margin-top: 20px;
    box-shadow: 0px 0px 5px #cccccc;
    -webkit-box-shadow: 0px 0px 5px #cccccc;
    -ms-box-shadow: 0px 0px 5px #cccccc;
    -o-box-shadow: 0px 0px 5px #cccccc;
    -moz-box-shadow: 0px 0px 5px #cccccc;
}
div.bhoechie-tab-container {
    margin-top: 30px;
}
.bhoechie-tab {
    border-left: 1px solid #a2b2c6;
    height: 677px;
    overflow-y: scroll;
}
div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #003477;
    background-image: #003477;
    color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #003477;
}
div.bhoechie-tab-content {
    padding-left: 20px;
    padding-top: 10px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}
.tb-heading {
    width: 100%;
    height: auto;
    margin-top: 0px;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
}
.questions {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #003477;
    text-align: left;
}
.answers {
    color: #565656;
    display: block;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    margin-top: 10px;
}
.tb {
    border: 1px solid #989898;
    margin-top: 20px;
}
.tb-heading {
    border: 1px solid #ffffff;
    line-height: 40px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    width: auto;
}
.tb-heading-under {
    border: 1px solid #989898;
    line-height: 40px;/* 	text-indent:10px; */
}
.ttft {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0px;
    padding: 5px 7px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}
.ttft-bttn {
    background-color: #daeafe;
    border-color: #97d2eb;
    color: #3d78bb;
}
.ttft-bttn:hover, .ttft-bttn:active, .ttft-bttn.hover {
    background-color: #3399FF;
    color: #fff;
    border-color: #3399FF;
}
.act-width {
    width: 150px;
}
.act-width-2 {
    width: 190px;
}
.act-rd-bttn {
    float: left;
    margin-top: 3px !important;
    margin-right: 5px !important;
}
.act-lbl {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000000;
    margin-top: 0px !important;
    margin-right: 20px !important;
    float: left;
}
.lgn-lbl {
    color: #000000 !important;
}
.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-left {
    text-align: left;
}
#LoginReport_filter input[type="search"] {
    background-color: #ecf0f5;
    border: 1px solid #b9bec3;
    border-radius: 40px;
    color: #30383e;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857;
    margin-right: 15px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 325px;
}
.paginate_button.previous {
    background: #175295 none repeat scroll 0 0;
    border-radius: 30px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 3px 10px;
}
.tb-form-heading {
    font-size: 16px;
    font-weight: 400;
}
.lgn-txt-logo {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0px;
    display: block;
    color: #10aae8;
    margin-left: 0px;
    text-align: center !important;
}
.mrg-top-90 {
    margin-top: 90px;
}
.blk {
    display: none;
}
.icon-main-button {
    background: #ffffff none repeat scroll 0 0;
    height: auto;
    margin-top: 5px;
    padding: 3px;
    width: 100%;
}
.icon-main-button-icon {
    background: #f06c4e none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 20px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    width: 30px;
}
.icon-main-button-text {
    float: left;
    font-size: 10px;
    font-weight: 400;
    line-height: 30px;
    margin-left: 10px;
}
.amunt-green-box {
    width: 100%;
    text-align: right;
    background: green;
    border-radius: 50px;
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 8px 15px;
    margin-top: 10px;
    height: 40px;
}
.amunt-blue-box {
    width: 100%;
    text-align: right;
    background: #0967c4;
    border-radius: 50px;
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 8px 15px;
    margin-top: 10px;
    height: 40px;
}
.amnt-red-box {
    width: 100%;
    text-align: right;
    background: red;
    border-radius: 50px;
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 8px 15px;
    margin-top: 10px;
    height: 40px;
    
}
@media screen and (max-width: 768px) and (min-width: 320px) {
    .main-sidebar {
        display: block;
    }
    .messages-menu.last-login-time {
        display: none !important;
    }
    .messages-menu {
        text-align: center;
        width: 100%;
    }
    .skin-blue .main-header .navbar .nav > li > a {
        text-align: center !important;
        display: block;
    }
    .dropdown.notifications-menu {
        width: 100%;
    }
    .sidebar-toggle {
        display: block;
    }
    .ikd-its-tggl-line {
    color: red;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    text-align: left;
    }
    .content-header > h1 {
    line-height: 22px;
    margin: 10px 0px;
    }
    .inline {
    display: inline;
    font-size: 16px;
    font-weight: 400;
    }
    .email-ver {
    padding: 10px 10px;
    display: block;
    margin: 10px 0px;
    }
    #sec-1 {
    padding-top: 120px;
    }
    .email-ver {
    display: block !important;
    padding: 10px 10px !important;
    }
}				
@media (min-width: 1200px) {
.lgn-txt-logo {
    color: #0194cf;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 15px;
    text-align: left !important;
}
.header-part {
    width: auto;
    height: auto;
    float: right;
    margin-top: 11px;
}
.header-line {
    width: 1px;
    height: 40px;
    margin-top: 11px;
    background: #a6a6a6;
    margin: 11px 10px;
    float: right;
    display: block;
}
.header-circle-icon {
    background: #ff9a34 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 3px;
    text-align: center;
    width: 30px;
}
.header-circle-text {
    color: #343434;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
}
.main-flex {
 	width: 330px; */
    height: auto;
    display: -webkit-flex;  Safari */
    display: flex;
    float: right;
}
.header-contact {
    background: #10aae8 none repeat scroll 0 0;
    color: #ffffff;
    -webkit-font-family: 'shruti';
    -moz-font-family: 'shruti';
    -ms-font-family: 'shruti';
    -o-font-family: 'shruti';
    font-family: 'shruti';
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: 35px;
    text-align: center;
    margin-top: 15px;
    margin-left: 5px;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #ffffff;
}
.blk {
    display: block;
}
.lgn-marquee-padding {
    box-sizing: border-box;
    height: auto;
    padding: 20px;
    width: 100%;
    margin-top: 0px;
}
.lgn-right-padding {
    box-sizing: border-box;
    height: 100vh;
    padding: 100px 10px;
    width: 100%;
}
.lgn-footer {
/* 	background: #474747; */
/* 	background: -moz-linear-gradient(top, #474747 0%, #000000 100%); */
/* 	background: -webkit-linear-gradient(top, #474747 0%,#000000 100%); */
/* 	background: linear-gradient(to bottom, #474747 0%,#000000 100%); */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=0 ); */
    background:#10aae8;
    height: auto;
    padding: 10px 0;
    width: 100%;
    position: fixed;
    bottom: 0px;
}
.terms-conditions {
    font-size: 14px;
    text-align: left;
    font-weight: 300;
    color: #ffffff;
    float: left;
    margin: 0px;
}
.cahoot {
    font-size: 14px;
    text-align: right;
    font-weight: 300;
    color: #ffffff;
    float: right;
    margin: 0px;
}
}
 @media (min-width: 1920px) {
.main-flex {
    display: flex;
    float: right;
    height: auto;
/* 	width: 465px; */
}
.icon-main-button-text {
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-left: 10px;
}
.frgt-password {
    color: #ffffff;
    display: inline;
    float: right;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
}
.lgn-txt-logo {
    color: #0194cf;
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 15px;
    text-align: left;
    cursor: pointer;
}
}
.tb-form-heading1 {
    font-size: 16px;
    font-weight: 400;
    color: #175295;
}
.tb-form-heading2 {
    font-size: 16px;
    font-weight: 400;
    color: #C42B3E;
}
.tb-form-heading3 {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.tb-form-heading4 {
    font-size: 16px;
    font-weight: 400;
    color: #218dd6;
}
.box-header2 {
    color: #ffffff;
    display: block;
    padding: 10px;
    position: relative;
    text-transform: capitalize;
    background: #218DD6;
}
.mr-bottom {
    margin-bottom: 40px;
}
.mr-none {
    margin-bottom: 0px;
}
#MappedBidder_filter input[type="search"] {
    background-color: #ecf0f5;
    border: 1px solid #b9bec3;
    border-radius: 40px;
    color: #30383e;
    float: right;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857;
    margin-right: 15px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 325px;
}
#MappedBidder_filter > label {
    line-height: 30px;
}
.bt-fl-input {
    float: left;
}
.bt-fl-1 {
    float: left !important;
    margin-top: 0px !important;
    margin-left: 20px !important;
}
.rgs-mssg {
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    margin: 20px 0px;
    color: #000000;
}
.rgs-mssg-red {
    color: #C42B3E;
    font-weight: 500;
}
.faq-tb-heading {
    background: #175295 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    text-indent: 20px;
    margin-top: -10px;
    width: auto;
}
.vndr-rgst-box {
    max-width: 850px;
    height: auto;
    background-color: #daeafe;
    border: 1px solid #97d2eb;
    padding: 30px;
    margin: 40px auto;
}
.vndr-rgstr-headingbox {
    background: #175295;
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    margin-top: 0;
    text-align: center;
    line-height: 50px;
}
.ikd-its-tggl-line {
    color: red;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    text-align: left;
    margin-top: -3px;
}
.publish-section {
    font-size: 13px;
    background: #c0ec99;
    width: auto;
    padding: 5px 10px;
    margin: 0px 5px;
    border: 1px solid #a2c980;
    color: #3343434;
}
.app {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0px;
    padding: 5px 10px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0px 5px;
}
.app-bttn {
    background-color: #e4b830;
    border-color: #c69500;
    color: #7c5d00;
}
.app-bttn:hover, .app-bttn:active, .app-bttn.hover {
    background-color: #7c5d00;
    color: #fff;
    border-color: #c69500;
}
.verify {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 40px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 10px;
}
.verify-bttn {
    background-color: #009111;
    border-color: #006a0c;
    float: right;
    margin-bottom: 5px;
    border-radius: 20px;
}
.verify-bttn:hover {
    color: #ffffff;
    background: #006a0c;
    border-color: #006a0c;
}
.resend {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 40px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 10px;
}
.resend-bttn {
    background-color: #c42b3e;
    border-color: #a9061a;
    float: right;
    margin-bottom: 5px;
    border-radius: 20px;
}
.resend-bttn:hover {
    color: #ffffff;
    background: #a9061a;
    border-color: #a9061a;
}
.sbc-heading {
    font-size: 18px; 
    font-weight: bold;
}
.sbc-td {
    font-weight: bold;
}
.cstm-tltp{
    width: 50%;
    height: auto;
}
.yellow {
    color: #daa91e !important;
}
.orange {
    color: #f06c4e !important;
}
.fnt-16 {
    font-size: 16px !important;
}
.head-clc {
    color: #ffce43 !important;
}
.hrms {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hrms input {
    position: absolute;
    opacity: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #dadada;
    border-radius: 50%;
}
.hrms:hover input ~ .checkmark {
    background-color: #72ac58;
}
.hrms input:checked ~ .checkmark {
    background-color: #72ac58;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.hrms input:checked ~ .checkmark:after {
    display: block;
}
.hrms .checkmark:after {
 	top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
}
/* The container */
.conta {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000000 !important;
}
/* Hide the browser's default checkbox */
.conta input {
    position: absolute;
    opacity: 0;
}
/* Create a custom checkbox */
.chckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 1px solid #B9B9B9;
}
/* On mouse-over, add a grey background color */
.conta:hover input ~ .chckmark {
    background-color: #72ac58;
}
/* When the checkbox is checked, add a blue background */
.conta input:checked ~ .chckmark {
    background-color: #72ac58;
    transition: all eas-in-out 0.3s;
}
/* Create the checkmark/indicator (hidden when not checked) */
.chckmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.conta input:checked ~ .chckmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.conta .chckmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rptx-box {
    border: 1px solid #bdbdbd;
    padding: 5px 10px;
    background: #cccccc;
    margin-bottom: 0px;
    margin-top: 10px;
}
.color-white {
    color: #ffffff !important;
}
.sbt-prc-fnd-bttn {
    width: auto;
    height: auto;
    display: inline-block;
    background: #fff;
    border: 2px solid #5867dd;
    color: #5867dd;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 4px 18px;
    border-radius: 20px;
    }	
.sbt-prc-fnd-bttn:hover {
    background: #5867dd;
    color: #ffffff;
}
.sect-box {
    width: 100%;
    display: block;
    border: 1px solid #D0D0D0;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.table-fixed thead {
  width: 99%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}
.sect-bttn-heading {
    display: inline;
    width: 100%;
    background: #6e6e6e;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.additional-information-bttn {
    width: auto;
    height: auto;
    display: inline-block;
    float: right;
    background: #10aae8;
    border: 1px solid #06a0de;
    padding:1px 4px;
    /* padding :1% 2% 1% 2%;*/
    text-align: center;
    border-radius: 5PX;
    font-size: 14px;
}
.emp-half-left {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    margin-top: 15px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #343434;
}
.emp-half-left input {
    position: absolute;
    opacity: 0;
}
.emp-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #cccccc;
}
.emp-half-left:hover input ~ .emp-mark {
    background-color: #cccccc;
}
.emp-half-left input:checked ~ .emp-mark {
    background-color: #72ac58;
}
.emp-mark:after {
    content: "";
    position: absolute;
    display: none;
}
.emp-half-left input:checked ~ .emp-mark:after {
    display: block;
}
.emp-half-left .emp-mark:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.font-size-20 {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #343434;
}
.pdf-border-box {
    width: 100%;
    height: auto;
    border: 1px solid #DADADA;
    padding: 20px 10px 0px 10px;
    box-sizing: border-box;
}
.pdf-line {
    width: 100%;
    border-bottom: 1px solid #DADADA;
    line-height: 25px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.pdf-line-2 {
    width: 100%;
    border-bottom: none;
    line-height: 25px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.pdf-sm-lbl {
    display: block;
    text-align: left;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
}
.pdf-bg-lbl {
    display: block;
    text-align: left;
    color: #ff9a29;
    font-size: 22px;
    font-weight: normal;
}
.orng {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0px;
    padding: 5px 10px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0px 5px;
}
.orng-bttn {
    background-color: #f06c4e;
    border-color: #e66244;
    color: #000000;
}
.orng-bttn:hover, .orng-bttn:active, .orng-bttn.hover {
    background-color: #cd492b;
    color: #fff;
    border-color: #cd492b;
}
.lgt {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0px;
    padding: 5px 10px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0px 5px;
}
.lgt-bttn {
    background-color: #BE90D4;
    border-color: #b276ce;
    color: #000000;
}
.lgt-bttn:hover, .lgt-bttn:active, .lgt-bttn.hover {
    background-color: #a76bc3;
    color: #fff;
    border-color: #a76bc3;
}
.emp-smmry-line2 {
    margin: 0px auto;
    width: 100%;
    line-height: 18px;
}
.emp-light {
    color: #343434;
    font-weight: 400;
    font-size: 16px;
}
.emp-dark {
    color: #0082c0;
    font-weight: 400;
    font-size: 16px;
}
.amunt-txt {
    width: 100%;
    text-align: right;
    color: #0082c0;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 15px 0px;
}
.amunt-box {
    width: 100%;
    text-align: center;
    background: #cccccc;
    border-radius: 50px;
    color: #000000;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 5px 0px;
    margin-top: 10px;
}
.mn-act {
    background: #ff9a34 !important;
    border-left-color: #000000 !important;
    color: #000000 !important;
}
.treeview.mn-act a {
    color: #000000 !important;
}
.pd-lbl {
    color: #343434;
    font-size: 16px;
    line-height: 50px;
}
.blk-box{
    width: 70px;
    display: block;
    height: 20px;
    float: left;
    
}
.int-anc {
    background: none;
    border: none;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    font-weight: bold;
    padding: 0px !important;
}
.alg-right{
    text-align: right !important;
    width: 150px;
}
.txt-lft {
    text-align: left !important;
}
.txt-cntr {
    text-align: center !important;
}
.txt-rght {
    text-align: right !important;
}
.white {
    background: #ffffff;
}
.left-dt-head {
    border-bottom: 3px solid #000000;
    font-weight: bold;
}
.bttm-ttl {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    color: #000000;
    font-weight: bold;
    line-height: 22px;
    }
.orng-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    margin-top:10px;
    color: #555;
    background-color: #ffffff;
    background-image: none;
    border:1px solid #5867dd;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.orng-control:focus {
    background-color: #ffffff;
    border-color: ##5867dd;
    box-shadow: none;
    color: #000;
    transition: all 0.3s ease-in-out 0s;
    font-weight: 500;
}
.orng-control[disabled], fieldset[disabled] .orng-control {
    cursor: not-allowed;
}
.orng-control[disabled], .orng-control[readonly], fieldset[disabled] .orng-control {
    background-color: #5867dd;
    opacity: 1;
    color: #FFF;
    border-radius: 50px;
}
.ttl-main-bx {
    width: 100%;
    height: auto;
    padding: 15px 10px 15px 0px;
    box-sizing: border-box;
    background: #e2e2e2;
    margin-top: 20px;
}
.ttl-bx {
    width: 100%;
    height: 35px;
    border-radius: 10px;
    background: #E67E22;
    text-align: right;
    color: #fff;
    margin-top: 10px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    padding-right: 15px;
}
.ttl-amnt {
    display: block;
    line-height: 35px;
    text-align: right;
    color: #555;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}
.clear{clear:both;}

.wid-5 {
    width: 5% !important;
}
.wid-10 {
    width: 10% !important;
}
.wid-20 {
    width: 20% !important;
}
.wid-25 {
    width: 25% !important;
}
table#port-tbl {
    width:100%;
    font-size:14px;
    font-family:Calibri;
    border-collapse: collapse;
    }
table#port-tbl th {
    background:#34495e;
    color:#ffffff;
    padding:5px;
    font-weight:normal;
    border:1px solid #cccccc;
    word-wrap: break-word; 
    }
table#port-tbl td {
    color: #4e4e4e;
    border: 1px solid #4e4e4e;
    padding: 5px;
    word-wrap: break-word;
    }
.higlitnnn{
    color: red;
}
.dataTables_paginate a {
    background: #10aae8 !important;
    padding: 3px 5px !important;
}
.dataTables_paginate span a {
    background: #cccccc !important;
    color: #333333;
}
.higlit {
    font-weight: bold !important; 
    text-transform: uppercase !important; 
    color: red !important; 
    color: Blue !important; 
    background: #8febeb !important;
}
.retire{
    color: orange !important;
    font-weight: bold !important;  
}
.join{
    color: #ff00c6 !important;
    font-weight: bold !important;
}
.divborder{
border-bottom:1px solid #ccc;
}
.email-ver {
    width: auto;
    height: auto;
    padding: 2px 10px;
    background: #10aae8;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 50px;
}
.email-ver:hover {
    background: #72ac58;
    transition: all eas-in-out 0.3s;
    color: #ffffff;
}
.las-heading {
    display: block;
    margin: 10px 0px;
    font-size: 22px;
    font-weight: bold;
    color: #343434;
    text-align: left;
}
.green-background {
    background: #72ac58 !important;
}
.grey-background {
    background: #808080 !important;
}
.orange-background {
    background: #FF4500 !important;
}
.yellow-background {
    color: black;
    background: #FFFF00 !important;
    border: 1px solid #e4e4e4;
}
.red-background {
    background: #FF0000 !important;
}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-15 {margin-top:15px;}
.margin-top-20 {margin-top:20px;}
.margin-top-25 {margin-top:25px;}
.margin-top-30 {margin-top:30px;}
.margin-top-35 {margin-top:35px;}
.margin-top-40 {margin-top:40px;}
.margin-top-45 {margin-top:45px;}
.margin-top-50 {margin-top:50px;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-15 {margin-bottom:15px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-25 {margin-bottom:25px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-35 {margin-bottom:35px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-bottom-45 {margin-bottom:45px;}
.margin-bottom-50 {margin-bottom:50px;}
.margin-left-5 {margin-left:5px;}
.margin-left-10 {margin-left:10px;}
.margin-left-15 {margin-left:15px;}
.margin-left-20 {margin-left:20px;}
.margin-left-25 {margin-left:25px;}
.margin-left-30 {margin-left:30px;}
.margin-left-35 {margin-left:35px;}
.margin-left-40 {margin-left:40px;}
.margin-left-45 {margin-left:45px;}
.margin-left-50 {margin-left:50px;}
.margin-right-5 {margin-right:5px;}
.margin-right-10 {margin-right:10px;}
.margin-right-15 {margin-right:15px;}
.margin-right-20 {margin-right:20px;}
.margin-right-25 {margin-right:25px;}
.margin-right-30 {margin-right:30px;}
.margin-right-35 {margin-right:35px;}
.margin-right-40 {margin-right:40px;}
.margin-right-45 {margin-right:45px;}
.margin-right-50 {margin-right:50px;}
#listingTable_paginate {
    margin-top: 10px;
}
.cl-details {
    width: auto;
    height: auto;
    display: inline;
    font-weight: bold;
    padding: 1px 7px;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
}
.dv-left {
    width: auto;
    height: auto;
    float: left;
}
.dv-right {
    width: auto;
    height: auto;
    float: none;
}
.ls-bttn {
    width: auto;
    height: auto;
    display: inline;
    margin-right: 5px;
    padding: 5px 5px;
    font-size: 15px;
    text-align: center;
    color: #FFF;
    background: #10aae8;
    border-radius: 5px;
    margin: 2px 2px;
    float: left;
}
.lst-nt {
    background: #b92d42 !important;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 50px;
    margin-top: -10px;
}
.present {
    background: #6ba14b;
    color: #ffffff;
}
.absent {
    background: #f20000;
    color: #ffffff;
}
.half_day {
    background: #f9c802;
    color: #ffffff;
}
.miss_punch {
    background: #FD6A02;
    color: #ffffff;
}
.week_off {
    background: #b599ee;
    color: #ffffff;
    }
.leave {
    background: #de72de;
    color: #ffffff;
}
.holiday {
    background: #6781e1;
    color: #ffffff;
}
.holiday_half {
    background: #5d99f1;
    color: #ffffff;
}
.sect-heading {
    font-size: 18px;
    color: #3f4047;
    font-weight: 500;
}
.extr {
    border: none !important;
    position: absolute !important;
    left: 159px !important;
    top: 0px !important;
}
div#targetDiv {
    height: auto !important;
}
div#targetDivOut {
    height: auto !important;
}
div#targetDivIn {
    height: auto !important;
}
select.ui-datepicker-month {
    color: #686868;
    font-size:16px !important;
}
select.ui-datepicker-year{
    color: #686868;
       font-size:16px !important;
}
.boton-mrg-10 {
    margin-top: 10px;
}
.read-blog-box {
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    background: #DADFE1;
    border:1px solid #BFBFBF;
    margin-bottom: 20px;
}
.blog-title {
    display: blog;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #2C3E50;
}
.blog-content {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #2C3E50;
    margin-top: 10px;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 10px;
}
.posted-by {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #2C3E50;
    margin-bottom: 20px;
}
.posted-by span {
    background: #72ac58;
    padding: 1px 10px;
    color: #ffffff;
    border-radius: 10px;
    display: block !important;
    font-size: 12px !important;
}
.posted-on {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #2C3E50;
}
.posted-on span {
    background: #72ac58;
    padding: 1px 10px;
    color: #ffffff;
    border-radius: 10px;
    display: block;
    font-size: 12px;
}
.reply-blog-box {
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    background: #ffffff;
    border:1px solid #cccccc;
    margin-top: 50px;
    border-radius: 20px;
}
.reply-blog-title {
    display: blog;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #2C3E50;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
}
.replyed-by {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #2C3E50;
    margin-bottom: 20px;
}
.replyed-by span {
    background: #10aae8;
    padding: 1px 10px;
    color: #ffffff;
    border-radius: 10px;
    font-size: 12px;
    display: block;
}
.replyed-on {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #2C3E50;
}
.replyed-on span {
    background: #10aae8;
    padding: 1px 10px;
    color: #ffffff;
    border-radius: 10px;
    font-size: 12px;
    display: block;
}
.reply-mrg {
    margin-bottom: 40px;
}
.general_notes {
    background: #367879;
    color: #ffffff;
}
.lwp {
    background: #FF5F5F;
    color: #ffffff;
}
.emp-smmry-line {
    margin: 0px auto;
    width: 99%;
    border-bottom: 0px;
    line-height: 14px;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.career-vacancy-tab {
    width: auto;
    height: auto;
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 5px 25px;
    text-align: center;
    border-radius: 50px;
    background: linear-gradient(70deg, rgba(196,43,61,1) 0%, rgba(24,82,148,1) 100%);
    margin-right: 0px;
    margin-bottom: 10px;
}
.career-vacancy-tab:hover {
    background: #0074e8;
    color: #ffffff;
    text-decoration: none;
}
.profile-title {
    display: block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #0056ab;
    line-height: 22px;
    margin-top: 50px;
}
.job-location {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    line-height: 30px;
    margin-bottom: 20px;
}
.job-desc-box {
    max-width: 700px;
    height: auto;
    background: #ececec;
    border: 1px solid #E0E0E0;
    margin: 0 auto;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 20px;
    margin-bottom: 50px;
}
.job-dec-small {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #7B8787;
    line-height: 20px;
    letter-spacing: 1px;
}
.job-dec-big {
    display: block;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #3C4A59;
    line-height: 20px;
    letter-spacing: 1px;
}
.job-mrg-bttm {
    margin-bottom: 30px;
}
.job-border {
    border-bottom: 1px solid #ACBAC9;
    padding-bottom: 10px;
}
.job-margin-top {
    margin-top: 20px;
}
#listingDiv {
    margin-top: 20px;
}
div.m-r-10 .box-header.with-border{
    margin-right: 10px;
}
/* new css */
form#tblModuleRolesDataBean .form-group .form-control {
    padding: 3px 27px;
}
.header-inline-block{
     display: inline-block;
}
.header-inline-block #modules{
        padding: 6px 18px;
        color: #000;
}
.res-btn-center button.lnkbtn.icon-btn.btn-svn{
    border-radius: 50px;
    padding: 10px 36px 10px 36px;
    width: 70%;
}
.res-btn-center .btn-center-body .col-sm-3{
    text-align: center;
}
.res-btn-center .btn-center-body .m-b-13{
    margin-bottom: 13px;	
}
button.lnkbtn.icon-btn.btn-svn.btn-w-15{
    width: 15%;
}
.name-bg-color{
        background: linear-gradient(70deg, rgba(196,43,61,1) 0%, rgba(24,82,148,1) 100%);
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>.name-bg-color>a{
        color:#FFFFFF !important;	
}
.btn-color-change .ls-bttn{
    background-color: #224f8e;
}
.btn-color-change .ls-bttn a:hover{
    color:#ffffff !important;
}
.content-height-change{
    min-height: 40px;
}
input#imgfile{
    margin-bottom: 5px;	
}
.btn-float-right{
    float: right;
    margin-right: 25px;
}
button.lnkbtn.icon-btn.btn-svn.m-t-40 {
    padding: 8px 20px;
    width: 170px;
    margin-top: 40px;
    box-shadow: 0px 0px 0px 1px #ffffff !important;
}
button.lnkbtn.icon-btn.btn-svn.m-top-20{
     padding: 8px 20px;
    width: 170px;
    box-shadow: 0px 0px 0px 1px #ffffff !important;
}
.box-main-f-pw{
        padding: 120px 0px;
}
#sub-btn-set{
    padding: 7px 20px;
    width: 135px;
}
/* Career Page Design */	
.crr-page-heading {
    display: block;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #2A2A2A;
    }
.crr-container {
  	display: flex;
  	flex-wrap: w
  	-ms-display: flex;
  	-webkit-display: flex;
  	-moz-display: flex;
  	justify-content: center;
  	-ms-justify-content: center;
  	-moz-justify-content: center;
  	-webkit-justify-content: center;
    }
.crr-item {
    margin: 20px 15px;
    width: 320px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    }
.crr-icon-part {
    background: #d0e6fe;
    padding: 30px 0px;
    border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    }
.crr-icon {
    font-size: 60px;
    display: block;
    text-align: center;
    color: #201866;
    }
.crr-link-text {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #201866;
    padding: 20px 0px;
    border: 1px solid #201866;
    border-left: 12px solid #201866;
    }
.crr-item:hover .crr-link-text {
    background: #201866;
    color: #ffffff;
    border-radius: 0px;
    transition: ease 0.3s;
}
.crr-common {
    display: block;
    margin-bottom: 25px;
    line-height: 20px;
    background: #d0e6fe;
    padding: 15px 20px;
    border-left: 8px solid #201866;
    margin-top: 10px;
    }
.crr-small {
    display: block;
    font-size: 16px;
    color: #201866;
}
.crr-big {
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #008ac8;
}
.user-highlight {
    background: #10aae8;
    color: #ffffff !important;
    padding: 10px;
}
.box.box-border-none{
    border-top: 5px solid #72ac58;
}
#change-pwd-btn{
    /* padding: 10px 25px 10px 25px; */
    margin: 10px 0px;
    width: 10%;
}
.popup-btn-submit{
        padding: 10px 35px;
}
.icon-bg.text-svn{
    font-size: 74px !important;
    background: none;
    color: grey;
}
.icon-bg-42{
    font-size: 74px !important;
    background: none;
    color: grey;
}
.icon-bg-44{
    font-size: 74px !important;
    background: none;
    color: grey;
}
.cir-btn-link:hover{
    color: #b82d43;
    background: none;
}
.cir-top-div{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
}
.cir-btn-link{
    width: 100% !important;
    height: 100% !important;
    text-align: center;
    border-radius: 50% !important;
    color: #3b4a82;
    font-size: 16px;
    background:#ffffff;
    outline: none;
    padding: 0px 12px !important;
    font-weight: 500;
    white-space: normal;
    font-family: trebuchet MS;
}
.back-p-4{
    padding: 4px;
}
#salaryReport .salaryReportscrollHead, #empTable .salaryReportscrollHead, #listingDiv .dataTables_scroll .salaryReportscrollHead, #ragularSalaryHead .salaryReportscrollHead,
 #ctcSalaryHead .salaryReportscrollHead, #employeeList .salaryReportscrollHead,#employeeMasterList .salaryReportscrollHead{
    width : 99% !important;
}
#salaryReport .salaryReportscrollHeadfull, #empTable .salaryReportscrollHeadfull, #listingDiv .dataTables_scroll .salaryReportscrollHeadfull{
    width : 100% !important;
}
@media (min-width:768px) and (max-width:1024px){
    .mobile-col-sm-3-b-border .col-sm-3.employee-mrg-pdng{
        border: none;
    }
    .row.col-md-2-ipad-width-100 .col-sm-2 {
    	width: 100%;
    }
    .navbar-custom-menu li.dropdown.notifications-menu a.dropdown-toggle{
        line-height: 30px !important;
    }
    .navbar-custom-menu ul.nav.navbar-nav li.dropdown.notifications-menu.open a.dropdown-toggle{
        line-height: 30px !important;
    }
    .empl-name-header{
        display: none !important;
    }
    ul.nav.navbar-nav ul.dropdown-menu .emp-name-header-dropdwn{
        display: block !important; 
    }
    .col-sm-4.ipad-width-100 {
    	width: 100%;
    }
    .m-btn-m-b-10 .additional-information-bttn{
        width: auto;
    }
    .pull-right.ftr-mrg-pdng{
        float: right !important;
        margin-top: 0px;
    }
    .main-footer{
        margin-left: 0px;
    }
    .zoom:hover{
        -ms-transform: scale(1.) !important;
    	-webkit-transform: scale(1.) !important;
    	transform: scale(1) !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
        width: 650px !important;
        left: 78px !important; 
    }
    #emp_birthday .no-footer .dataTables_scrollHead table.table.table-striped.table-responsive.displayDatatable.dataTable.no-footer{
        width: 100% !important;
    }
    #salaryReport .salaryReportscrollHead, #empTable .salaryReportscrollHead, #listingDiv .dataTables_scroll .salaryReportscrollHead{
    width : 100% !important;
    }
}
table.table.table-striped.table-responsive.mrg-top-10.m-b-10{
    margin-bottom: 10px;
}
button#btnDeleteEvent{
    background: #367879;
    color: #ffffff;
    line-height: 26px;
    font-size: 11px;
    border: none;
}
.closeon{
    position: absolute;
    bottom: -1px;
    right: 0px;
}
.fc-day-grid-event .fc-content{
    width: 88%;
}
a.dt-button{
    padding: 4px 6px;
}
.set-dashboard-tabs .tab-pane.fade {
    display: none;
}
.set-dashboard-tabs .tab-pane.fade.in{
    display: block;
}
.navbar-custom-menu ul.nav.navbar-nav a.dropdown-toggle.dash-board{
    padding: 0px;
    color: #6ba14b;
}
li.dropdown.notifications-menu.open ul.menu.nav.nav-pills li a{
    width: 200px;
}
.box .navbar-custom-menu .nav>li>a:hover, .box .navbar-custom-menu .nav>li>a:active, .box .navbar-custom-menu .nav>li>a:focus{
    background-color: #ffffff;
}
.box ul.dropdown-menu.m-w-100per ul.menu.nav.nav-pills .active a{
    color: #ffffff !important;
}
.box-header.with-border .navbar-custom-menu {
    display: none;
}
#calendar .fc-toolbar.fc-header-toolbar {
    margin-top: -8px;
    margin-left: 0px;
}
.fc-toolbar .fc-left{
    float: left !important;
    display: inline-block !important;
    width: auto !important;
}
.dropdown.open .dropcolor .cl-details {
    color: #ffffff;
}
.dropdown.open .dropcolor .cl-details:hover {
    color: #000;
}
span.glyphicon.glyphicon-calendar.fa-plus:before, span.glyphicon.glyphicon-calendar.fa-minus:before {
    content: "\e109";
}
.sundayBorader{
    border-color: red;
}
.duty-list-table{
    width: :50px !important;
    font-size: 20px !important;
    height: 40px;	
}
.dutySundayBorder{
    border-color: #b599ee;
}
.dutyHolidayHalfBorder{
    border-color: #04c9e8;
}
.dutyHolidayFullBorder{
    border-color: #4eceb7;
}
.pull-left.ftr-mrg-pdng, .pull-right.ftr-mrg-pdng {
   font-weight: 600;
}
.department-iocn i.fa.fa-info-circle{
    margin-top: 35px;
}
.ganerateletter button, .ganerateletter input#btnAdd {
    /* background: #5867dd; */
    border: none;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 30px;
    outline: unset;
    background-image: linear-gradient(to top, #0073ee 0%, #005bea 100%);
    border-color: #0071ee;
}
button#addEmp.m-t-10{
    margin-top: 10px;
}
input#addBtn.add-btn{
    padding: 4px 30px;
}
.content.content-m-t-20 {
    margin-top: 20px;
}
.col-md-10.set-font-description h4 {
    font-size: 14px;
    font-weight: 400;
    font-family: calibri;
}
span.coln-float-right {
    float: right;
}
.row.set-center-row .col-md-2 b {
    font-weight: 600;
}
tr.tr-btn-m-l-r button{
    margin: 0px 2px;
}
tr.trObj.tr-btn-m-l-r textarea {
    margin-top: 10px;
}
#offerletter textarea{
    width: 100%;
    resize: none;
}
.trObj.row.tr-btn-m-l-r .col-md-3{
    text-align: center;
    margin-top: 30px;
}
.trObj.row.tr-btn-m-l-r button{
    width: 62px;
    margin: 2px 3px;
}
#offerletter .col-md-9 textarea{
    margin: 10px 0px;
}
.datatable-box{
    box-shadow: 0px 0px 0px 1px darkgrey;
    padding: 0px 10px 0px 0px;
    margin: 8px 0px 0px 0px;
}
.trObj.row.tr-btn-m-l-r span{
    float: right;
}
.trObj.row.tr-btn-m-l-r .col-md-9{
    padding-left: 0px;
}
.day-txtarea-m-t-10{
    margin-top: 10px !important;	
}
.doc-check-list{
    float: right;
    color: #FFF;
    background: #5867dd;
    padding: 0px 7px;
    border-radius: 10px;
}
.employee-dark.email-wordbreak{
      word-break: break-all;
}
/* .dataTables_scrollHead, .dataTables_scrollFoot {
    display: block;
} */
/* .table-responsive{
  overflow: hidden;
} */
.lable-font-size-16 .form-group label{
    font-size: 16px;
}
.form-group textarea{
    resize: none;
}
div#popup_message {
    text-align: center;
}
div#listingDiv.letter-rules-table tbody tr td {
    white-space: normal;
}
i.fa.fa-pencil-square-o.glyphicon.btn-glyphicon.glyphicon-trash.img-circle.text-svn:before, i.fa.fa-pencil-square.glyphicon.btn-glyphicon.glyphicon-trash.img-circle.text-svn:before {
    content: "\f044" !important;
}
.btn-m-t-45{
    margin-top: 45px;
}
.set-a-btn .dflt.dflt-bttn a:hover{
    background-color:#5867dd;
    border-color: #5867dd;
    color: #ffffff !important;
}
.set-a-btn .dflt.dflt-bttn a{
    color: #5867dd !important;
}
ul.sidebar-menu.tree {
    margin-bottom: 80px;
    margin-top: 5px;
}
canvas.canvasjs-chart-canvas{
        width: 100%;
    }
    .col-sm-12 .emp-smmry-line .col-sm-2 .emp-light b{
        font-weight: 600;
    }
.col-sm-3.employee-mrg-pdng .employee-dark {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color:#c0504e;
    text-align: left;
    line-height: 20px;
    font-weight: bold;
}
td.dataTables_empty {
    text-align: left;
}
.dropdown.desk-float-left{
    float: left;
}
 @media (min-width:720px) and (max-width:1280px){
    .main_part {
    	height: 460px !important;
    	width: 100%;

    }
    .main_part{
        max-width: 100% !important;
    }
    .part-60 img{
        height: 450px;
    }
    .margin-top-50 {
    	margin-top: 30px !important;
    }
}
 @media print{
 	#empTable_wrapper .dataTables_scroll .table>tbody>tr>td, 
 	#empTable_wrapper .dataTables_scroll .table>tbody>tr>th, 
 	#empTable_wrapper .dataTables_scroll .table>tfoot>tr>td, 
 	#empTable_wrapper dataTables_scroll .table>tfoot>tr>th, #empTable_wrapper .dataTables_scroll .table>thead>tr>td, #empTable_wrapper .dataTables_scroll .table>thead>tr>th,
 	{
 		white-space: normal !important;
 	}
 	table#employeeList.table-striped.table-responsive.dataTable.no-footer{
 		width: 100% !important;
 	}
 	table#employeeList.table-striped.table-responsive.dataTable.no-footer>tbody>tr>td, 
 	table#employeeList.table-striped.table-responsive.dataTable.no-footer>tbody>tr>th, 
 	table#employeeList.table-striped.table-responsive.dataTable.no-footer>tfoot>tr>td, 
 	table#employeeList.table-striped.table-responsive.dataTable.no-footer>tfoot>tr>th, 
 	table#employeeList.table-striped.table-responsive.dataTable.no-footer>thead>tr>td, 
 	table#employeeList.table-striped.table-responsive.dataTable.no-footer>thead>tr>th{
 		    white-space: normal;
 		    width: auto !important;
 	}
 }
 .row.cal-name-p-r-5 .col-md-4.col-sm-12.col-xs-12{
    padding-right: 8px;
}
.h3-font-size-13{
    font-size: 14px !important;
}
.form-group.create-row-btn-m-t-20 {
    margin-top: 20px;
}
div#popup_container.popup-hr-doc-width {
    min-width: 328px !important;
    max-width: 328px !important;
}
.nowrap.resp-msg-newline {
    color: #5867dd;
}
button.dflt.dflt-bttn.letter-btn {
    width: 40px;
    height: 40px;
}
.profile-img-height-width {
    height: 100px;
    width: 102px;
    border: 1px solid grey;
    margin-bottom: 10px;
}
a.myModel.history-btn.lnkbtn.icon-btn.btn-svn {
    padding: 8px 24px;
    margin-top: 22px;
}
.menu.menu-height-290{
    max-height: 290px !important;
}
.col-sm-7 textarea#txtaFormFormula {
    border-radius: 15px !important;
    resize: none;
}
.alert.alert-success{
    background-color: #399439 !important;
    border:1px solid #399439 !important;
}
button.hr-top-btn-salary {
    float: right;
    border: none;
    margin: 0px 5px;
    border-radius: 10px;
    padding: 1px 14px;
    color:#5867dd;
    outline: none;
    font-weight: 600;
}
.salary-active{
    background-color: #5867dd !important;
    color:#FFF !important;
    outline: none;
}
#salaryReport a.dt-button, #empTable a.dt-button{
        padding: 2px 8px;
    margin: 0px 4px 8px !important;
}
#salaryReport .dt-button , #empTable .dt-button{
    background-color: #5867dd;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 15px;
    height: 25px;
    line-height: 21px;
    margin: 1px 9px 7px!important;
    text-align: center;
    width: auto;
    padding: 0px 5px;
}
a button {
    color: white;
}
a.hr-top-btn {
    width: auto;
    display: inline;
    margin-right: 5px;
    padding: 5px 5px;
    font-size: 13px;
    text-align: center;
    color: #FFF !important;
    background: #10aae8;
    border-radius: 5px;
    float: left;
    margin: 0px 0px -6px 0px;
}
#divlistingTable table.table.table-striped.table-bordered.table-hover.tb.dataTable.no-footer {
    margin-top: 0px !important;
}
h1.box-title.active-title-set{
    font-size:16px;
    padding: 5px 5px;
    color: #FFF !important;
    background: #10aae8;
    border-radius: 5px;
    margin-right: 5px;
}
.fg-button.ui-button.fbuttonui-state-default.first{
    color:#000;
}
.empl-name-header{
    float: left;
    padding-top: 18px;
    margin-right: 10px;
    font-weight: 600;
    color:#000;
}
.emp-name-header-dropdwn{
    display: none !important; 
}
div#varifiedMobileNo{
     margin: 1% 8% 1%;
}
button#varifiedMobile {
    margin: 6% 1% -1%;
}
button#btneditMobile {
    margin: 6% 1% 0%;
}
.additional-information-bttn.create-btn-table {
    background: #61b325;
    border: 1px solid #569627;
}
div#varifiedMobileNo.mar-top-var-btn-set {
    margin-top: 5px;
}
.text-dec-underline{
    text-decoration: underline;
}
#rgHead.hr-top-btn-salary, #ctcHead.hr-top-btn-salary {
    text-decoration: underline;
}
div#totalStructureAmountPay.amunt-green-box, div#totalPayable.amunt-green-box, #totalStructureAmountDeduct.amnt-red-box, #totalAmountDeductable.amnt-red-box{
    width: 100%;
    text-align: left;
    background: #fff;
    border-radius: 50px;
    color: #444;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 5px 15px;
    margin-top: 10px;
    height: 30px;
}
#finalAmount.amunt-blue-box{
    width: 100%;
    text-align: right;
    background: white;
    border-radius: 50px;
    color: #444;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 5px 15px;
    margin-top: 10px;
    height: 30px;
}
#finalAmountPayable.amunt-green-box, #finalAmountDeductable.amnt-red-box, #finalAmount.amunt-blue-box{
    background: #fff;
    color:#000;	
    box-shadow: unset;
    border:0px;
}
.row.mrg-top-30 div#finalAmount.amunt-blue-box.form-control {
    background: #FFF !important;
}
a#salaryProcessDivShowHide.revert {
    margin: 0px;
}
.emp-master-img{
    border-radius: 20%;
    /* box-shadow: 0px 0px 1px 0px grey; */
    border: 1px solid #000000c2;
    padding: 2px 2px;
    border: 2px solid #006dcb;
}
a.dropdown-toggle.toggle-emp-master-img, a.dropdown-toggle.toggle-emp-master-img:hover{
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 10px;
    margin-top: 5px;
    background: #FFF;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.h3-font-size-13 b {
    font-weight: 600;
}
.row.emp-info-row-m-b-20 {
    margin-bottom: 20px;
}
div#employeeList_length {
    margin: 2px 2px 0px;
}
#divlistingTable .dataTables_scrollHeadInner table {
    width: 100% !important;
}
#ragularSalaryHead .dataTables_scrollHeadInner, #employeeList .dataTables_scrollHeadInner  , #employeeSalaryDiv .dataTables_scrollHeadInner ,#ctcSalaryHead .dataTables_scrollHeadInner , #employeeMasterList .dataTables_scrollHeadInner{
    width: 100% !important;
}
 #divlistingTable .dataTables_scrollHeadInnerHead  {
    width: 100% !important;
}
.dataTables_scrollHeadInner table {
    width: 100% !important;
}
.white-font.roll-back-btn-m-t-10, .roll-back-btn-m-t-10{
    margin-top: 10px;
}
.roll-back-btn-m-t-10-alink{
    margin-top: 10px;
    font-size: 1em;
    border-color: #5867dd;
    color: #5867dd !important;
}
.roll-back-btn-m-t-10-alink:hover {
    color: #FFF !important;
}
div#empTable_wrapper .dt-buttons a.dt-button.data-left:hover{
    color:#FFF;
}
#divlistingTable table tr th:first-child,#employeeList table tr td:first-child,#ragularSalaryHead table tr td:first-child ,#ragularSalaryHead table tr th:first-child,
#ctcSalaryHead table tr td:first-child ,#ctcSalaryHead table tr th:first-child, #employeeEditDutyList table tr th , #employeeEditDutyList table tr td{
  width : 4%;
} 
#divlistingTable table tr th:last-child,#divlistingTable table tr td:last-child {
  width : 7%;
}
#divlistingTable table ,#ragularSalaryHead table,#employeeList table ,#employeeSalaryDiv table,#ctcSalaryHead table,#employeeMasterList table{
    table-layout:fixed;
    width: auto;
}
#employeeList table tr th:last-child,#employeeList table tr td:last-child {
  width : 11%;
}
td, th {
    width : auto;
    white-space: pre-line;
    display: table-cell;
    text-overflow: ellipsis;
    vertical-align: inherit;
}
.hideColumn{
    display:none;
} 
/* #employeeSalaryDiv .dataTables_scrollHead,#employeeSalaryDiv .dataTables_scrollFoot ,#employeeSalaryDiv .dataTables_scrollBody,#employeeSalaryDivWages .dataTables_scrollFoot{
    display: block;
} */
/* #employeeSalaryDiv  .dataTables_scrollBody {
    transform:rotateX(180deg);
}
#employeeSalaryDiv  .dataTables_scrollBody table,#employeeSalaryDiv  .dataTables_scrollHeader  {
    transform:rotateX(180deg);
} */
#employeeSalaryDiv  .salaryReportscrollFoot ,#employeeSalaryDivWages .salaryReportscrollFoot{
    width: 99% !important;
}
/* #employeeSalaryDiv .dataTables_scrollFootInner,#employeeSalaryDiv .dataTables_scrollFootInner table ,#employeeSalaryDivWages .dataTables_scrollFootInner,#employeeSalaryDivWages .dataTables_scrollFootInner table ,
#employeeMasterList .dataTables_scrollFootInner{
    width: 100% !important;
} */
#dialog-confirm {
    display:none
}
.shut-up {
    float:left;
    display: inline-block;
    margin-top: 1em;
}
 #employeeSalaryDivWages  .table>tbody>tr>td .form-control,  #employeeSalaryDivWages .table>tbody>tr>th .form-control ,#employeeMasterList .table>tbody>tr>th .form-control {
       border-radius: 0px !important; 
       width: 94%;
      margin: 4% 4% 11% 1% !important; 
      height: auto !important;
      padding: 3px 4px  !important; 
      text-align: -webkit-right !important; 
}
 #employeeSalaryDiv  .table>tbody>tr>td,  #employeeSalaryDiv   .table>tbody>tr>th, #employeeSalaryDiv .table>tfoot>tr>td, 
 #employeeSalaryDiv .table>tfoot>tr>th, #employeeSalaryDiv  .table>thead>tr>td, #employeeSalaryDiv  .table>thead>tr>th,
 #employeeSalaryDivWages  .table>tbody>tr>td,  #employeeSalaryDivWages   .table>tbody>tr>th, #employeeSalaryDivWages .table>tfoot>tr>td, 
 #employeeSalaryDivWages .table>tfoot>tr>th, #employeeSalaryDivWages  .table>thead>tr>td, #employeeSalaryDivWages  .table>thead>tr>th,
  #employeeMasterList  .table>tbody>tr>td,  #employeeMasterList   .table>tbody>tr>th, #employeeMasterList .table>tfoot>tr>td, 
 #employeeMasterList .table>tfoot>tr>th, #employeeMasterList  .table>thead>tr>td, #employeeMasterList  .table>thead>tr>th{
    white-space: nowrap !important;
}
#employeeDutyList table, #employeeEditDutyList table{
    table-layout: fixed;
}
#employeeDutyList label,#employeeEditDutyList label,#employeeEditDutyList select, #viewEmployeeDuty label,#viewEmployeeDuty label,#viewEmployeeDuty select{
     width: max-content !important;
    float: left;
    margin: 0% 0% 1% 1%;
    border-radius: 7px !important;
}
#employeeEditDutyList input[type=text], #viewEmployeeDuty input[type=text]{
    padding: 3px 9px !important;
    float: left;
    width: max-content !important;
    margin: 0% 0% 1% 1%;
    border-radius: 7px !important;
}
#manualAttadReport .salaryReportscrollHead, #employeeEditDutyList .salaryReportscrollHead, #employeeDutyList .salaryReportscrollHead,
#userAttendanceReport .salaryReportscrollHead{
    width : 99% !important;
}
#manualAttadReport table,#userAttendanceReport table {
    table-layout : fixed !important;
    width : 100% !important;
}
td, th {
    width : auto;
     white-space: pre-line;
    display: table-cell;
    text-overflow: ellipsis;
    vertical-align: inherit;
}
 .table>thead>tr>th , .table>thead>tr>td
 {
    white-space: nowrap !important;
}
#manualAttadReport  .table>tbody>tr>td,  #manualAttadReport   .table>tbody>tr>th, #manualAttadReport .table>tfoot>tr>td, 
#manualAttadReport .table>tfoot>tr>th, #manualAttadReport  .table>thead>tr>td, #manualAttadReport  .table>thead>tr>th,
#employeeEditDutyList  .table>tbody>tr>td, #employeeEditDutyList   .table>tbody>tr>th, #employeeEditDutyList .table>tfoot>tr>td, 
#employeeEditDutyList .table>tfoot>tr>th, #employeeEditDutyList  .table>thead>tr>td, #employeeEditDutyList  .table>thead>tr>th,
#userAttendanceReport  .table>tbody>tr>td,  #userAttendanceReport .table>tbody>tr>th, #userAttendanceReport .table>tfoot>tr>td, 
#userAttendanceReport .table>tfoot>tr>th, #userAttendanceReport .table>thead>tr>td, #userAttendanceReport .table>thead>tr>th
{
    white-space: nowrap !important;
}
#employeeEditDutyList .duty-list-tabletotal{
    width: 50px !important;
    font-size: 20px !important;
    height: 50px;	
}
.table-responsive.table-scroll-dataTables_scroll .dataTables_scroll{
    overflow: scroll;
}
.salaryStruct{
    color: red !important;
    font-weight: bold !important;  
}
.boldTitle{
    font-weight: bold !important;
}
.hr-top-btn.atten-btn{
    float: left;
    position: absolute;
    right: 165px;
    top: -6px;
}
span.title-bold {
    font-weight: 600;
}	
table.table.table-striped.display.investment-table input {
    margin: 0px;
    height: 30px;
}
.mrg-top-10.btn-pad-save input#btnCheckApprove {
    padding: 4px 14px;
}
.removeRigthPadding{
    padding-right: 0px !important;
}
.btn-m-b-10 {
    margin-bottom: 10px;
}
.word-break-td div#listingDiv table#listingTable td {
    word-break: break-all;
}
form#tblModuleRolesDataBean .form-group .form-control {
    padding: 3px 14px;
}
#sectionPolicyTable>.table>tbody>tr>td,#sectionPolicyTable>.table>tbody>tr>th,#sectionPolicyTable>.table>tfoot>tr>td, 
#sectionPolicyTable>.table>tfoot>tr>th,#sectionPolicyTable>.table>thead>tr>td, #sectionPolicyTable .table>thead>tr>th{
    border: 0px !important;
}
.grossTotalDiv{
    float: right !important;
    text-align: -webkit-right !important;
    color: black !important;
}
/******* Start Media Query  ********/
@media (min-width:900px) and (max-width:1600px){
    #celebration .email-signature .signature-content span.count{
        width: 70px !important;
    }
    .box.about-box-body {
    	height: 600px !important;
    }
    .content-wrapper.about-box-body1 {
    	min-height: auto !important;
    }
    span.footer-ml-0 .main-footer {
    	margin-left: 0px !important;
    }
    .content-wrapper.mml-0 {
    	margin-left: 0px !important;
    	margin-top: 0px !important;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse footer.main-footer{
        margin-left: 0px !important;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse nav.navbar.navbar-static-top{
        margin-left: 50px;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse a.logo.m-hide-logo{
        width: 50px;
    }
    body.skin-blue.sidebar-mini .main-header .navbar {
       margin-left: 275px;
       padding-left: 10px;
    }
    body.skin-blue.sidebar-mini a.logo.m-hide-logo {
    	width: 275px;
    }
    section.content-header .additional-information-bttn {
        margin-right: 2px !important;
        margin-left: 1px !important;
        padding: 1px 2px !important;
    }
    .skin-blue .sidebar-menu>li>.treeview-menu{
        width: 275px !important;
    }
    .content-wrapper, .right-side, .main-footer{
        margin-left: 280px !important;
    }
     .main-footer{
     	margin-left: 275px !important;
     }
    body.skin-blue.sidebar-mini.sidebar-collapse aside.main-sidebar .fdf a#sideBar{
        left: 0px !important;
    }
    body.skin-blue.sidebar-mini aside.main-sidebar .fdf a#sideBar {
    	left: 275px !important;
    }
    .left-side, .main-sidebar {
    	width: 275px!important;
    }
    section.content-header .additional-information-bttn i.fa{
        font-size: 10px !important;
    }
    h3.box-subtitle{
        font-size: 16px !important;
    }
    .revert{
        height: 22px;
    	line-height: 21px;
    	width: 22px;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse .validationMsg{
        font-size: 12px !important;
    }
    body.skin-blue.sidebar-mini .validationMsg{
        font-size: 12px !important;
    }
    h4.modal-title.popup-title-smdiv{
        font-size: 14px;
    }
    .col-md-3.col-sm-6 .form-group input#employeeDocumentfile {
    	width: 100%;
    }
    .sm-div-m-b-1 {
    	margin-bottom: 10px;
    }
    .box-celebration .total-cel{
        font-size: 14px !important;
    }
    .col-sm-3.col-md-3.line-height-sm span.line-height-30.radio-m-r-4{
        line-height: 22px;
    }
    .new-leave-box .ls-bttn span.display-block{
        font-size: 12px !important;
    }
    .demo.new-celeb-page .email-signature .signature-icon{
        width: 60px !important;
    	height: 60px !important;
    }
    .signature-icon .image-celebration{
        border-radius: 0px !important;
    }
    form#formLogin .margin-top-30 input.login-bttn{
        padding: 8px 46px;
    	font-size: 16px;
    }
    .name{
        font-size: 14px;
    }
    #formLogin .login-control{
        height: 40px;
    }
    span.week-name-span{
        font-size: 14px !important;
    }
    .box-week-off fieldset{
        padding: .35em .300em .40em !important;
    	margin: 0 0px !important;
    }
    .hdEffectiveDate .col-sm-4.ipad-width-100 {
    	padding: 0px 7px;
    }
    .col-sm-2.small-div-min-width {
    	width: 10.666667%;
    }
    .col-sm-4.ipad-width-100 .form-control.amunt-box {
    	height: 30px;
    }
    .pad-lr-0{
        padding: 0px;
    }
    .row.border-bottom-salaryprocess .col-sm-7{
        padding-right: 0px;
        padding-left: 8px;
    }
    .employeewisesalary .ttl-amnt{
        font-size: 18px;
    }
    div#divdownloadupload .col-md-8 .comp-address-config div{
        font-size: 14px;
    }
    .col-md-12.text-center.comp-address-config div#companyTitle{
        font-size: 18px;
    }
    .form-group.row img#companyLogo {
    	width: 100px;
    }
    .col-md-12.text-center.comp-address-config{
        padding: 0px;
    }
    .main_part{
        top:20px !important;
    }
    .part-40{
        padding: 20px 50px !important;
    }
    div#reqularHeads.empl-information .manage-sal-box .col-sm-4 .box-body .col-sm-7{
        padding: 0px;
    }
    .design-box .inside-border .counter-count{
        margin-top: 0px !important;
    }
    .design-box .inside-border i.fa.fa-users {
    	font-size: 20px !important;
    }
    .info-box.main-total-letter .inside-main-total-letter span.info-box-number.counter-count {
       font-weight: 500;
       font-size: 18px !important;
       margin-top: 0px !important;
    }
    .design-box .inside-border .counter-count{
        font-size: 18px !important;
    }
    .emp-sum-label{
        font-size: 16px !important;
    }
    .col-sm-3.col-md-3.table-box{
        padding: 0px 5px !important;
    }
    h3.proc-con-title{
        font-size: 12px !important;
        margin: 10px 0px !important;
    }
    .form-control{
        height: 25px;
    }
    .content-header{
        padding: 5px 10px 5px 10px;
    }
    .content-header>h1{
        font-size: 16px;
    }
    .revert{
        margin: 0px 0px 5px 0px;
    }
    #listingTable_filter input[type="search"]{
        padding: 4px 10px;
        height: 25px !important;
        font-size: 13px;
    }
    #listingTable_length select{
        height: 25px;
    }
    .print, .dt-button{
        font-size: 13px;
        line-height: 18px;
    }
    #listingDiv{
        margin-top: 0px;
    }
    .dataTables_info{
        padding-top: 5px;
    }
    #listingTable_paginate{
        margin-top: 5px;
    }
    .form-group label{
        font-size: 14px;
    }
    .box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title{
        font-size: 16px;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
        padding: 3px 2px 4px 5px;
    }
    .main-footer{
        padding: 10px 15px;
    }
    .form-group {
    	margin-bottom: 25px;
    }
    .mrg-top-20 {
    	margin-top: 15px !important;
    }
    .sum-cir-center{
        margin-left: auto;
        margin-right: auto;
    }
    .col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-3-p-r-0 .design-box{
        width: 90px !important;
        height: 90px !important;
    }
    .col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-3-p-r-0{
        margin: 10px 4px;
    }
    .box-image-celeb{
        margin-top: 15px !important;
    }
    /* .image-celebration{
        height: 150px !important;
        width: 100% !important;
        border-radius: 0px !important;
    } */
    .image-celeb-0-l-0{
        padding-left: 0px;
    }
    .row.img-cel .col-md-9 {
    	padding: 0px;
    }
    .demo.new-celeb-page .email-signature .title, .row.img-cel .signature-details .title{
        font-size: 13px !important;
    }
    .row.img-cel ul.signature-content li i{
        width: 30px !important;
    }
    .row.img-cel .signature-details{
        padding: 10px 0px 10px 32px !important;
    }
    .demo.new-celeb-page .row.img-cel .signature-details span.user-icon{
        top: 2px !important;
    }
}
@media (max-width: 1366px) and (min-width: 768px){
	.row.new-celebration-box.new-celebration-employee .birth-subbox.bdayToday{
		font-size: 30px;
		line-height: 28px;
	}
	 .row.new-celebration-box.new-celebration-employee .col-md-4.col-sm-4 .counter h3{
	 	font-size: 10px !important;
	 }
	.row.new-celebration-box.new-celebration-employee .col-md-4.col-sm-4 {
	    padding: 0px 2px !important;
	}
	.row.new-celebration-box.new-celebration-employee .counter .counter-icon {
	    font-size: 18px !important;
	    line-height: 45px !important;
	    height: 60px !important;
	    width: 60px !important;
	    margin: 0 auto;
	    border-radius: 50%;
	}
	.col-chart-box .dashboard-lable{
		margin-bottom: 10px !important;
	}
	.box-body.new-dashboard .lable-year{
		font-size: 14px;
	}
	.row.new-celebration-box .col-md-4 {
    	padding: 0px 6px !important;
	}
	.row.new-celebration-box {
    	padding: 0px 5px !important;
	}
	.new-celebration-box .total-cel, .holiday-lable{
		font-size: 12px !important;
	}
	.box-body.new-dashboard{
		padding:8px 0px;
	}
	.new-celebration-box .counter.red .counter-icon, .new-celebration-box .counter .counter-icon{
		font-size: 35px !important;
	    line-height: 65px !important;
	    height: 80px !important;
	    width: 80px !important;
	}
	.new-celebration-box .counter h3{
		font-size:11px !important;
	}
	.box-body.new-dashboard span.counter-count.count-per, .box-body.new-dashboard .count-per{
		font-size: 14px !important;
	}
	.date-month{
		width: 90% !important;
		font-size: 12px !important;
	}
	.new-dashboard .box-body .dashboard-lable{
		font-size: 14px !important;
	}
	.birth-subbox.bdayupcoming{
		font-size:18px;
	}
	.birth-subbox.bdayToday{
		font-size: 24px !important;
		line-height: 26px !important;
	}
	.box-body.gender-box .counter-count, .box-body.new-dashboard .counter-count{
    	font-size: 24px !important;
    }
    .body-full-height-fix {
    	min-height: 400px !important;
    }
    #celebration .email-signature .signature-content span.count{
        width: auto !important;
    	padding: 0px 5px;
    }
    .tab-title-name{
        font-size: 14px !important;
        margin: 2px 0px !important;
    }
    .our-teamh .pic img{
        width: 85px !important;
        height: 85px !important;
    }
    .demo.new-celeb-page .our-teamh{
        padding: 7px 0 18px !important;
    }
    .our-teamh .pic{
        width: 85px !important;
    	height: 85px !important;
    }
    .our-teamh .title, .our-teamh .post{
        font-size: 12px !important;
    }
    .new-dashboard .box-body .dashboard-lable{
        font-size: 14px !important;
    }
    img.gender-img{
        width: 60px !important;
    }
    .row.counter.main-shift-sum {
    	margin-bottom: 10px !important;
    }
    div#shift-summary-box .box{
        min-height: auto !important;
    }
    .main-shift-sum .design-p-n{
        font-size: 14px !important;
    }
    h3.box-subtitle{
        font-size: 14px !important;
    }
    div#dutyLocationHide .col-sm-3 .rptx-box .conta .chckmark{
        height: 16px;
    	width: 16px;
    }
    div#dutyLocationHide .col-sm-3 .rptx-box .conta .chckmark:after{
        left: 5px;
    	top: 1px;
    }
    div#dutyLocationHide .col-sm-3 .rptx-box .conta{
        padding-left: 20px;
    }
    div#dutyLocationHide .col-sm-3 .rptx-box{
        padding: 5px 5px;
    }
    .box-header.with-border .btn-plus-icon i.fa.fa-plus{
        padding: 2px 3px;
        line-height: 12px;
    }
    .sbt-prc-fnd-bttn{
        padding: 2px 18px;
    }
    div#your-circle .new-leave-box .ls-bttn span.display-block{
        font-size: 11px !important;
    }
    .cir-btn-link{
        font-size: 14px !important;
    }
    .cir-top-div .cir-btn-link img{
        width: 50px;
    }
    .cir-top-div{
        width: 150px !important;
    	height: 150px !important;
    }
    .inside-main-total-letter .info-box-content {
    	margin-left: 0px !important;
    }
    .info-box-icon{
        height: 80px;
    }
    .info-box-content{
        margin-left: 90px !important; 
    }
    .design-box.total-resumes .info-box{
        min-height: 80px;
    }
    #skills label.progress-label {
    	font-size: 14px !important;
    	margin-top: 0px;
 	   line-height: 16px !important;
    }
    #skills .progress{
        margin-bottom: 3px !important;
    }
    .box-body.recr-dashboard .box-body {
    	padding: 10px !important;
    }
    .info-box.main-total-letter .inside-main-total-letter span.info-box-number.counter-count{
        line-height: 18px !important;
    }
    .info-box.main-total-letter{
        min-height: auto !important;
    }
    .design-box.total-resumes .inside-border .total-box-4{
        border-right: 44px solid #64269f !important;
    }
    .design-box.total-resumes .inside-border .total-box-3{
        border-right: 44px solid #af0081 !important;
    }
    .design-box.total-resumes .inside-border .total-box-2{
        border-right: 44px solid #0071a7 !important;
    }
    .design-box.total-resumes .inside-border .total-box-1{
        border-right: 44px solid #c75b00 !important;
    }
    .inside-border.total-box a i{
        font-size: 24px !important;
       right: 28px !important;
       color: #fff;
       top: 24px !important;
    }
    .design-box .inside-border .emp-sum-label {
    	font-size: 14px !important;
    }
    .inside-main-total-letter span.info-box-text {
    	font-size: 14px !important;
    }
    .col-sm-3.col-md-3.line-height-sm span.line-height-30.radio-m-r-4{
        line-height: 22px !important;
    }
    .line-height-sm .form-group.radio-chk-m-t-4 span.line-height-30.radio-m-r-4 {
        line-height: 24px;
    }
    .box-body .alert{
        padding: 2px 10px;
        margin-bottom: 12px;
    }
    .row.border-btm-profile .col-md-5, .row.border-btm-profile .col-md-7 {
    	padding: 0px 4px;
    }
    .row.border-btm-profile label {
        font-size: 12px !important;
        font-weight: 500 !important;
        margin-bottom: 0px !important;
    }
    .modal-dialog.popup-w-1390 {
    	width: 1200px !important;
    }
    .modal-dialog.width-800.new-width-1200 {
    	width: 800px !important;
    }
    div#addToFiled .input-group .input-group-btn button.btn.btn-default {
    	padding: 2px 8px !important;
    	font-size: 14px !important;
    }
    .cal-name-p-r-5.calender-name h3.box-title.bold.h3-font-size-13 b,
    .row.cal-name-p-r-5.calender-name h3.box-title.bold.h3-font-size-13 span.xxx {
 	   font-size: 12px !important;
    }
    .leave-sub-total-num{
        font-size: 22px !important;
    }
    .row.cal-header .col-md-1.m-d-none {
    	width: auto !important;
    }
    .row.cal-header .col-md-11 {
    	width: 80% !important;
    }
    .table-leave-summary{
        height: 94px !important;
    }
    div#chartContainer4, div#chartContainer4BST{
    	height: 230px !important;
    }
    .box-celebration .total-cel, .box-celebration .sab-tile-1 .count{
        font-size: 13px !important;
    }
    .celebration-title{
        font-size: 13px !important;
    }
    .part-40-inside{
        padding: 5px 50px !important;
    }
    .row.col-set-table-box .col-md-3{
            padding: 0px 5px !important;
    }
    .row.col-set-table-box label {
    	font-size: 12px;
    }
    .table-responsive.table-scroll-dataTables_scroll.word-break-table div#listingDiv .dataTables_scroll .table th,
    .table-responsive.table-scroll-dataTables_scroll.word-break-table div#listingDiv .dataTables_scroll .table td {
    	word-break: break-word;
    }
    section.dashboard-right-bar div#divlistingTable .dataTables_info{
        font-weight: 500;
    }
    .login-heading-logo.text-center span img{
        height: 100% !important;
    	width: 100% !important;
    }
    .login-heading-logo.text-center span {
        width: 140px !important;
        background: #fff !important;
        height: 140px !important;
        display: inline-block !important;
        border-radius: 50% !important;
        padding-top: 10px;
    }
    .col-md-3.col-sm-3.img-box-gall .login-heading-logo img{
        padding: 0px !important;
    }
    .copyright-txt-login{
        bottom: 0% !important;
    }
    .login-heading-logo.text-center.footer-logo img {
    	width: 50px !important;
    }
    .login-heading-logo.text-center.footer-logo {
    	bottom: 14% !important;
    }
    .row .validationMsg{
        font-size: 12px;
    }
    div#leaveSummaryCount{
        max-height: 81px !important;
    	overflow: auto;
    	min-height: 81px !important;
    }
    span.week-name-span{
        margin-right: 0px !important;
    }
    .box-week-off .col-md-6 {
    	padding: 0px 8px;
    }
    .col-sm-1.upload-btn-p-l-0 {
    	padding-left: 0px;
    }
    input#leaveMonth{
        width: 40% !important;
    }
    .title-employee-sec.select-salary-head-title{
        font-size: 14px !important;
    }
    .template-name-salaryhead{
        font-size: 14px !important;
    }
    .width-change-plus {
    	width: 37.333333%;
    }
    .width-change-min {
    	width: 12.666667%;
    }
    .row.border-bottom-salaryprocess .col-sm-7{
        padding-left: 2px;
    }
    .pad-lr-0 .amunt-txt{
        font-size: 14px !important;
    }
    .employeewisesalary .col-sm-3.pad-right-5 {
    	padding: 0px 5px;
    }
    .employeewisesalary .col-sm-1.removeRigthPadding{
        width: 10%;
    }
    .employeewisesalary .pd-lbl{
        font-size: 14px;
    	line-height: 35px;
    }
    .employeewisesalary .ttl-amnt{
        font-size: 14px;
    }
    .employeewisesalary .emp-dark{
        font-size: 14px;
    }
    .col-sm-3.employee-mrg-pdng .employee-dark{
        font-size: 14px;
    }
    .emp-light{
        font-size: 14px !important;
    }
    div#divdownloadupload .form-group.row .col-md-8{
        padding-right: 5px;
        padding-left: 5px;
    }
    .col-md-12.text-center.comp-address-config div#companyTitle {
    	font-size: 16px;
    }
    div#divdownloadupload .col-md-4.text-center {
    	padding: 0px;
    }
    .margin-top-30{
        margin-top: 20px !important;
    }
    .main_part{
        top:20px;
    }
    .login-heading{
        padding-top: 20px;
    }
    .login-heading-logo.text-center img{
        width: 140px !important;
    }
    div#celebration-box-body{
        padding: 5px 0px;
    }
    span.mf-sum-icon img {
    	width: 40px;
    }
    .col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 {
    	padding: 0px 8px;
    }
    .btn-m-b-10 {
    	margin-bottom: 10px;
    }
    .form-group {
    	margin-bottom: 20px;
    }
    .btn-glyphicon{
        padding: 5px;
        margin-right: 5px;
    }
    .box-header .box-title{
        font-size: 14px;
    }
    .form-group label {
    	font-size: 13px;
    }
    form#tblModuleRolesDataBean .form-group .form-control{
        padding: 3px 8px;
    }
}
/******* End Media Query  ********/
 .emplayee-info .box-title {
    font-weight: 700 !important;
}
.emplayee-info  .grossTotalDiv, .emplayee-info .grossTotalDiv b{
    font-weight: 700 !important;
    font-size: 18px;
}
.tdWidth{
    width: 12% !important;
}
.remove-table-border.table {
  border-collapse: collapse !important;
}
.remove-table-border.table tr:first-child td {
  border-top: 0 !important;
}
.remove-table-border.table tr td:first-child {
  border-left: 0 !important;
}
.remove-table-border.table tr:last-child td {
  border-bottom: 0 !important;
}
.remove-table-border.table tr td:last-child {
  border-right: 0 !important;
}
#employeeEditDutyList input.form-control.duty-list-table {
    max-width: 90% !important;
    padding: 4px 2px !important;
    text-align: center;
}
/* Login screen */
.main_part{
    background:none !important;
    box-shadow:none !important;
    width: 100%;
}
.part-40{
    height: auto !important;
    width: 100% !important;
    top: 50px !important;
}
.main_part {
    height: 476px !important;
}
.login-heading {
    font-size: 28px;
}
.margin-top-50 {
    margin-top: 30px !important;
    margin-bottom: 10px;
}
.margin-top-30 input.login-bttn {
    border-radius: 5px;
}
.margin-top-30 input.login-bttn {
    border: 0px;
    padding: 10px 30px;
    margin-top: 12px;
    background-color: #238399;
    border-color: #238399;
    width: 100px;
    font-size: 17px;
    font-weight: 600;
    color: #FFF !important;
}
.margin-top-30 input.login-bttn:hover {
    background-color: #238399;
    color: #fff;
    font-weight: 600;
}
.col-md-6.msg-login{
    margin-top: 5px;
    margin-bottom: 0px;
}
.margin-top-30 input.login-bttn:focus {
    outline: none;
}
/* End LoginScreen */
/* New Dashboard */
.counter{
    text-align: center;
}
.employees,.customer,.design,.order{
    margin-top: 70px;
    margin-bottom: 70px;
}
.counter-count{
    font-size: 30px;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-bottom: 20px;
}
.employee-p,.customer-p,.order-p,.design-p{
    font-size: 22px;
    color: #ffffff;
    padding: 30px 0px 0px 0px;
}
.background-1 {
    background-image: linear-gradient(to top, #ff0844 0%, #ef807e 100%);
}
.background-2{
    background: #229b31;	
}
.background-3{
    background: #0047bd;
}
.background-4 {
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}
.background-5 {
    background: #d60638;
}
.background-6 {
    background: #eb6c01;
}
.background-7{
    background: #2196F3;
}
/* 10-8-19 */
.counter.top-sec-dashboard .design-box {
    border-radius: 10px;
    margin-top: 10px;
}
.box.counter.m-t-20.fix-height-dashboard-box .row.sum-cir-center {
    margin-top: 6px;
}
.counter.top-sec-dashboard p.design-p {
    padding: 4px 0px 7px 0px;
    border-bottom: 1px solid #ffffff54;
    margin-bottom: 0px;
}
.counter.top-sec-dashboard .counter-count{
    padding-bottom: 7px;
    padding-top: 10px;
}
span.icon-pati-1 {
    background: #fff;
    padding: 2px 8px;
    border-radius: 40px;
}
span.icon-pati-1 i {
    font-size: 20px;
    color: #229b31;
}
span.icon-pati-2 i.fa.fa-users {
    color: #fff;
    font-size: 20px;
}
span.icon-pati-2 {
    border-radius: 50%;
    padding: 2px 6px;
}
span.icon-pati-3 {
    border-radius: 50%;
    padding: 2px 10px;
}
span.icon-pati-3  i.fa.fa-file {
    color: #d60638;
    font-size: 20px;
}
.background-2 .counter-count{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #53a95e;
}
.background-3 .counter-count {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.background-1 .counter-count {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.counter.m-t-20 p.design-p {
    padding: 12px 0px 0px;
    margin-bottom: 0px;
}
.row.m-t-20 {
    margin-top: 20px;
}
.counter.m-t-20 .counter-count {
    font-weight: 500;
    font-size: 30px;
    margin-top: 0px;
    padding-bottom: 20px;
}
.counter.m-t-20 p.design-p {
    font-size: 24px;
    margin-bottom: 10px;
}
.col-md-3-p-r-0 {
    padding-right: 10px;
    padding-left: 10px;
}
@media (min-width:900px) and (max-width:1600px)	
{	
    /* body.skin-blue.sidebar-mini.sidebar-collapse input#leaveMonth{
        width: 20% !important;
    	padding: 0px 1px !important;
    	font-size: 11px !important;
    }
    body.skin-blue.sidebar-mini input#leaveMonth{
        width: 10% !important;
        padding: 0px 1px !important;
    }
    div#leaveSummaryCount{
        max-height: 102px !important;
    	overflow: auto;
    	min-height: 102px !important;
    } */
    .col-md-4.col-sm-12.m-t--20 .emp-cal-num-name-lable{
        padding:0px 0px;	
    }
    label.form-control.duty-list-table {
    	height: 30px;
    	line-height: 22px;
    }
    #employeeEditDutyList input.form-control.duty-list-table{
        height: 30px !important;
    }
    .design-box .inside-border span.mf-sum-icon img{
        width: 26px !important;
    }
    .celebration-main-div select#celebrationId, .celebration-main-div select#celebrationMonth{
        font-size: 11px !important;
    	padding: 0px 4px;
    	margin-top: -3px !important;
    }
    .inside-border .col-md-4 span.mf-sum-icon i.fa.fa-list-ol{
        padding: 6px 6px !important;
        font-size: 15px !important;
    }
    span.mf-sum-icon img {
    	width: 34px;
    }
    .month-summary .box.counter.m-t-20 input#applyMonth{
        font-size: 11px !important;
        padding: 0px 4px;
    }
    .box-body.main-dashboard-box .box-header.with-border input#leaveMonth{
        font-size: 11px !important;
    }
    .month-summary{
        padding: 0px 0px;
    }
    .counter.top-sec-dashboard .design-box .col-md-8{
        width: 61.666667%;
        padding: 0px 10px;
    }
    .counter.top-sec-dashboard .design-box .col-md-4.col-xs-4{
        width: 38.333333% !important
    }
    .male-female-box .inside-border .design-p, .male-female-box .inside-border .counter-count{
    	font-size: 24px !important;
    }
    .inside-border .col-md-4 span.mf-sum-icon{
        font-size: 28px !important;
    }
    .employee-p, .customer-p, .order-p, .design-p {
    	font-size: 16px;
    }
    span.icon-pati-1 i {
    	font-size: 12px;
    	color: #229b31;
    }
    span.icon-pati-2 i.fa.fa-users{
        font-size: 14px;
    }
    span.icon-pati-3 i.fa.fa-file{
        font-size: 12px;
    }
    .col-lg-4.col-md-4.col-sm-4.col-xs-12.col-md-4-p-r-0 {
    	padding-right: 0px;
    }
    .counter.m-t-20 .design-box .inside-border .counter-count{
        padding-bottom: 5px !important;
    }
    .counter.m-t-20 p.design-p {
    	font-size: 12px;
    	padding: 4px 2px;
    	margin-bottom: 0px;
    }
    .counter.m-t-20 .counter-count{
        font-size: 18px;
        padding-bottom: 12px;
    }
    .row.sum-cir-center .col-md-3-p-r-0{
        padding: 0px 4px;
    }
    .counter.top-sec-dashboard .counter-count{
        font-size: 20px;
    }
    .col-lg-4.col-md-4.col-sm-12.col-xs-12.col-md-4-rem-pad-lr-0{
        padding: 0px 15px;
    }
    .counter.top-sec-dashboard p.design-p span.icon-pati-3 img{
        width: 12px;
    }
    span.icon-pati-1 {
        background: #fff;
        padding: 2px 6px;
        border-radius: 40px;
    }
    /* Login Screen */
    .part-40{
        margin-top: 20px;
    }
    canvas.canvasjs-chart-canvas {
    	width: 100% !important;
    }
}
@media (min-width:768px) and (max-width:1360px){
	.checkout-btn-top{
		padding: 3px 10px !important;
	}
	.menu-item-box {
	    margin-bottom: 20px !important;
	    padding: 0px 10px !important;
	}
	.menu-item-box h3.product-name-box{
		height: 35px !important;
		margin: 5px 0px !important;
		font-size: 14px !important;
	}
	.menu-item-box .menu-item .food-img{
		height: 130px !important;
	}
	.login-box-pt-35{
		padding-top: 0px !important;
	}
	.login-foot{
		padding-top: 20% !important;
	}
	a.cmp-name-txt, a.cmp-name-txt:hover, a.cmp-name-txt:focus{
		font-size: 30px !important;
	}
	.box-body.create-emp-box .sect-box .col-md-2.sl-div-widh {
    	width: 36% !important;
	}
	.box-body.create-emp-box .sect-box span.radio-m-r-4{
		margin-right: 2px !important;
	}
	.box-body.create-emp-box .sect-box .form-group label{
		font-size: 13px !important;
	}
	.col-md-6.mid-div-p-l-0 {
	    width: 30% !important;
	}
	.box-body.create-emp-box .sect-box .form-control {
	    padding: 2px 2px 2px 2px;
		font-size: 12px !important;
	}
    #celebration .email-signature .signature-content a.anchor{
        font-size: 12px !important;
    }
    #celebration .email-signature .signature-content span.count{
        margin-top: 8px !important;
        font-size: 12px !important;
    }
    .content-wrapper.about-box-body1 {
    	min-height: auto !important;
    }
    .box.about-box-body {
    	height: 475px !important;
    }
    .our-teamh .social li{
        padding: 0px 2px !important;
    }
    .ls-bttn.leave-application-btn{
        padding: 0px 4px !important;
        margin: 3px 23px 0px 0px !important;
        font-size: 12px;
    }
    .copyright-txt-login{
        font-size: 12px !important;
    }
    .part-40-inside .login-heading{
        font-size: 18px !important;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse  .main-header .logo{
        width: 50px;
    }
    body.skin-blue.sidebar-mini .main-header .logo{
        width: 275px;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse  .main-header .navbar{
        margin-left: 50px;
    }
    body.skin-blue.sidebar-mini .main-header .navbar{
        margin-left: 275px;
        padding-left: 10px;
    }
    div#shift-summary-box .inside-border .counter-count{
        padding-bottom: 2px !important;
    }
    .col-lg-4.col-md-4.col-sm-4.col-xs-12.col-md-3-p-r-0 {
    	padding: 0px 6px;
    }
    .employee-p, .customer-p, .order-p, .design-p{
        font-size: 14px !important;
    }
    .box-body.main-dashboard-box .row.box-box-shadow .col-md-4 .box-header{
        padding: 0px 4px 4px !important;
    }
     .line-height-sm .form-group.radio-chk-m-t-4 span.line-height-30.radio-m-r-4 {
        line-height: 24px;
    }
    .icon-txt-info-com .fa {
        font-size: 11px !important;
    }
    .icon-txt-info-com{
        margin-right: 2px !important;
    	font-size: 12px !important;
    }
    .sidebar-menu > li > a{
        padding: 6px 5px 6px 7px;
    }
    .modal.silder-popup .modal-content {
    	width: 40%;
    }
}
@media (min-width:768px) and (max-width:1366px){
	.checkout-btn-top{
		padding: 3px 10px !important;
	}
	.menu-item-box {
	    margin-bottom: 20px !important;
	    padding: 0px 10px !important;
	}
	.menu-item-box h3.product-name-box{
		height: 35px !important;
		margin: 5px 0px !important;
		font-size: 14px !important;
	}
	.menu-item-box .menu-item .food-img{
		height: 130px !important;
	}
	.login-box-pt-35{
		padding-top: 0px !important;
	}
	.login-foot{
		padding-top: 20% !important;
	}
	a.cmp-name-txt, a.cmp-name-txt:hover, a.cmp-name-txt:focus{
		font-size: 30px !important;
	}
	.box-body.create-emp-box .sect-box .col-md-2.sl-div-widh {
    	width: 36% !important;
	}
	.box-body.create-emp-box .sect-box span.radio-m-r-4{
		margin-right: 2px !important;
	}
	.box-body.create-emp-box .sect-box .form-group label{
		font-size: 13px !important;
	}
	.col-md-6.mid-div-p-l-0 {
	    width: 30% !important;
	}
	.box-body.create-emp-box .sect-box .form-control {
	    padding: 2px 2px 2px 2px;
		font-size: 12px !important;
	}
    .content-wrapper.about-box-body1 {
    	min-height: auto !important;
    }
    .box.about-box-body {
    	height: 475px !important;
    }
    .post{
        margin-bottom: 2px !important;
    	padding-bottom: 2px !important;
    }
    .our-teamh .social li{
        padding: 0px 2px !important;
    }
    body.skin-blue.sidebar-mini.sidebar-collapse footer.main-footer {
    	margin-left: 0px !important;
    }
    .main-header nav.navbar.navbar-static-top .ikd-its-tggl-line.mobile-width{
         width: 45% !important;
         font-size: 16px;
    }
    .box.fix-height-dashboard-box .box-body {
    	min-height: 125px;
    }
    h1.box-title.active-title-set{
        font-size: 14px;
    	padding: 3px 5px;
    }
    div#celebration .box-body.new-leave-box .col-md-4.sm-dev-pd {
    	padding: 0px 10px;
    }
    .inside-border .col-md-4 span.mf-sum-icon i.fa.fa-list-ol{
        padding: 5px 5px !important;
    }
    .counter.m-t-20 .design-box .inside-border .counter-count{
        padding-bottom: 5px !important;
    }
    .box-celebration .box-inside-cel .border-btm-white {
    	padding: 5px 2px !important;
    }
    .box-inside-cel .border-btm-white img{
        width: 26px !important;
    }
    table.table.table-leave-summary td{
        height: 104px !important;
    }
    .new-leave-box .col-md-4 .box-celebration .box-inside-cel .row {
    	margin: 0px;
    }
    .new-leave-box .col-md-4 .box-celebration .box-inside-cel .row .col-md-6.col-xs-6{
    	padding: 0px;
    }
    .row.img-cel .col-md-9 ul.signature-content li{
        margin: 1px 0 1px !important;
        font-size: 12px !important;
    }
    .table-responsive.font-size-pading .dataTables_scroll .dataTables_scrollBody table#empTable tr td{
        white-space: normal !important;
        text-align: left !important;
        word-break: break-all;
    }
    div#divdownloadupload .col-md-6 .form-group.row {
    	margin-bottom: 0px !important;
    }
    .cmp-detail-form-m-b-15 .form-group {
    	margin-bottom: 13px !important;
    }
    .comp-address-config div {
    	font-size: 12px !important;
    }
    div#companyTitle{
        font-size: 16px !important;
    }
    div#divdownloadupload .form-group.row{
        padding: 5px 0px 0px 0px !important;
    }
    .image-celebration{
        height: 121px !important;
    	width: 100% !important;
    }
    .col-lg-4.col-md-4.col-sm-4 .row.img-cel {
    	margin-bottom: 0px;
    }
    .demo.new-celeb-page .email-signature .signature-icon{
        width: 55px !important;
    	height: 55px !important;
    }
    .demo.new-celeb-page .email-signature .signature-details .user-icon,
    .demo.new-celeb-page .row.img-cel .signature-details span.user-icon{
        font-size: 14px !important;
        width: 24px !important;
    }
    .demo.new-celeb-page .email-signature .signature-details, .demo.new-celeb-page .row.img-cel .email-signature .signature-details,
    .demo.new-celeb-page .row.img-cel .signature-details{
        padding: 10px 0px 10px 24px !important;
    }
    .demo.new-celeb-page .email-signature .signature-content li i{
            font-size: 12px !important;
            width: 24px !important;
    }
    .demo.new-celeb-page .email-signature .signature-content li{
        font-size: 12px !important;
        margin: 2px 0 2px !important;
    }
    .demo.new-celeb-page .email-signature:after{
        width: 3px !important;
    }
    .demo.new-celeb-page .email-signature{
        padding: 10px 4px 15px 102px !important;
    }
    .demo.new-celeb-page .email-signature:before{
            width: 100px !important;
    }
    .demo.new-celeb-page .email-signature .title, .row.img-cel .signature-details .title{
        font-size: 12px !important;
    }
    .table-height-500{
        max-height: 500px;
    	overflow-y: scroll;
    }
    strong.title-employee-sec{
        font-size: 16px;
    }
    .additional-information-bttn{
        font-size: 12px;
        padding: 0px 5px;
    }
    button.lnkbtn.icon-btn.btn-svn.small-m-b-20{
        margin-bottom: 15px;
    }
    .small-table-btn-m-b-1 tbody .dflt.dflt-bttn {
    	margin-bottom: 1px;
    }
    .emp-cal-num-name-lable{
        line-height: 16px;
    }
    .design-box .inside-border p.design-p, .design-box .inside-border p.design-p{
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    div#leaveSummaryCount .cl-leav-summary a {
    	color: #fff;
    }
    div#leaveSummaryCount .col-sm-3 {
    	width: 100%;
    }
    .counter.top-sec-dashboard .design-box .col-md-8{
        padding: 0px 3px;
    }
    .login-heading{
        padding-top: 10px !important;
    }
    span.icon-pati-3{
        padding: 2px 4px;
    }
    .part-40{
        margin-top: 10px;
        padding:20px 50px !important; 
    }
    .main_part{
        width: 100% !important;
    }
    canvas.canvasjs-chart-canvas {
    	width: 100% !important;
    }
}
canvas.canvasjs-chart-canvas{
    width: 100% !important;
}
.cl-leav-summary span {
    font-size: 18px;
    font-weight: 600;
}
.cl-leav-summary{
    text-align: center;
    border-radius: 20px;
    color: #fff;
    background: #62b6fb;
}
.counter.m-t-20 .design-box {
    border-radius: 10px;
    padding: 3px; 
}
.design-box .inside-border {
    border: 2px solid #fff;
    border-radius: 10px;
}
.col-md-6.login-title{
    font-size: 22px;
    padding: 6px 0px 0px 5px;
}
.alert.alert-success.col-md-6.msg-login {
    background-color: #98425d !important;
    border: 1px solid #97425f !important;
    text-align: center;
}
.box-box-shadow .box {
    box-shadow: 0px 0px 1px 0px grey;
}
.box-box-shadow .box .box-tools.pull-right:focus, .box-box-shadow .box .box-tools.pull-right .btn:focus{
    outline: none !important;
}
.box-box-shadow .box .box-tools.pull-right button.btn.btn-box-tool{
    background: #fff;
    border: 1px solid #948f8f !important;
    padding: 0px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    box-shadow: none;
}
.box-box-shadow .box .box-header.with-border{
    box-shadow: 0px 1px 0px grey;
}
.box-box-shadow .box .box-tools.pull-right button.btn.btn-box-tool .fa{
    vertical-align: middle;
}
.background-mf-sum{
    background: #2b97b2;
}
.inside-border .col-md-4{
    border-right: 1px solid #fbfbfb63;
    line-height: 78px;
    padding: 0px;
}
.inside-border .col-md-4 span.mf-sum-icon{
    font-size: 44px;
}
.inside-border .col-md-4 span.mf-sum-icon i.fa{
    vertical-align: middle;
    color: #fff;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .box-tools.pull-right:focus {
    outline: none;
}
h3.proc-con-title {
    font-size: 16px;
}
.col-sm-3.col-md-3.table-box .form-group{
    margin: 0px;
}
.col-sm-3.col-md-3.table-box {
    box-shadow: 0px 0px 1px;
}
td.tb-heading-under.remove-m-hr hr {
    margin: 0px;
    border-color: #8998a5;
}
.body-new td.tb-heading-under.remove-m-hr {
    white-space: normal !important;
    min-width: 60px !important;
    padding: 3px 1px;
}
.header-new th.tb-heading.sorting {
    white-space: nowrap !important;
    min-width: 48px !important;
}
div#manualAttadReports table.table.table-striped.display.dataTable.no-footer.DTFC_Cloned .table-striped>tbody>tr:nth-of-type(odd){
        height: unset !important;
}
.emp-sum-label{
    font-size: 22px;
    color: #ffffff;
}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 .design-box.background-2, .col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 .counter-count{
    background: #4aacc5;
}
span.icon-pati-1 i{
    color: #4aacc5;
}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 .design-box.background-3 .counter-count, .col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 .design-box.background-3{
        background: #8064a1;
}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 span.icon-pati-2 i.fa.fa-users{
    color:#8064a1;
}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 .design-box.background-1, .col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0  .design-box.background-1 .counter-count{
    background: #f75c51;
}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 .design-box.background-6 .counter-count,
.col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-4-p-r-0 .design-box.background-6{
    background: #7b8a92;
    border-radius: 10px;
}
.design-box .inside-border i.fa.fa-users{
    font-size: 28px;
}
.design-box .inside-border .counter-count{
    font-weight: 500;
    font-size: 28px;
    margin-top: 0px;
}
.info-box.main-total-letter .inside-main-total-letter span.info-box-number.counter-count{
    font-weight: 500;
    font-size: 28px;
}
.text-box-highlight {
    border-color: #1e92ef;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(77, 131, 173, 0.6);
}
div#manualAttadReports {
    overflow-y: scroll;
    height: 500px;
    overflow-x: auto;
}
div#manualAttadReports .emp-name-td{
    max-width: 605px;
    text-overflow: unset;
    white-space: nowrap !important;
}
select#celebrationId{
    margin-top: -3px;
    margin-bottom: -25px;
}
#celebration-box-body{
    height: auto;
    overflow-y: auto;
}
.celebration-box{
    padding: 4px 4px;
    border: 1px solid #dbdbdb;
    background: #06b5c9;
    margin: 0px 0px 5px 2px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-3-p-r-0 .design-box .inside-border .counter-count{
    margin-top: 0px;
}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.col-md-3-p-r-0 .design-box .inside-border{
    border:0px;
}
.celebration-box .inside-border {
    border: 1px solid #fff;
    padding: 4px 4px;
    border-radius: 10px;
}
.image-celebration{
    height: 90px;
    width: 90px;
    border-radius: 50px;
    border: 1px solid aliceblue;
}
.box-image-celeb{
     border-radius: 50px;
}
.col-md-3.image-celeb-0-l-0{
    padding-left: 0px;
}
.tab-pane #empTable2 .additional-information-bttn{
    float: left;
}
/* div#ctcSalaryHead .dataTables_scrollHeadInner, div#ragularSalaryHead .dataTables_scrollHeadInner{
    display: none;
} */
div#ragularSalaryHead
table#ctcsalaryHeadListing thead tr th, table#ctcsalaryHeadListing thead tr th div, table#ctcsalaryHeadListing thead tr,
table#regularsalaryHeadListing thead tr th, table#regularsalaryHeadListing thead tr th div,  table#regularsalaryHeadListing thead tr{ 
    height: auto !important;
    padding: 4px;
}
strong.title-employee-sec {
    font-weight: 600;
    color: #337ab7;
}
.month-summary .box.counter.m-t-20 .box-tools.pull-right {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}
.month-summary .box.counter.m-t-20 input#applyMonth{
    width: 30%;
    margin-top: -3px;
    float: right;
    height: 25px;
}
.inside-border .col-md-4 span.mf-sum-icon i.fa.fa-list-ol{
    font-size: 18px;
    background: #fff;
    border-radius: 40px;
    padding: 8px 8px;
    color: #eb2835 !important;
}
.box-headerp-b-0 {
    padding-bottom: 3px;
}
/* div#emp_department, .month-summary {
    padding: 0px;
} */
a.project-edit i.fa.fa-edit {
    font-size: 10px;
    color: #c0504e;
    border: 1px solid #c0504e;
    padding: 3px 4px;
    border-radius: 30px;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
}
a.project-edit i.fa.fa-edit:hover{
    background: #c0504e;
    color:#fff;
}
.celebration-main-div select#celebrationId, .celebration-main-div select#celebrationMonth{
    display: inline;
    margin-top: 0px;
    float: right;
    height: 25px;
    margin-top: -2px;
    width: 28%;
    margin-right: 1px;
}
.celebration-main-div .box-tools.pull-right {
    margin-left: 4px;
}
a.skip-btn {
    line-height: 20px;
}
div#companyTitle {
    font-size: 18px;
    font-weight: 600;
}
.col-md-7 .col-md-2 .form-group img#companyLogo {
    padding-top: 20px;
}
.comp-address-config div {
    font-size: 15px;
}
div#reqularHeads.empl-information {
    padding: 0px 15px;
}
div#reqularHeads.empl-information .emp-dark {
    font-weight: 600;
    font-size: 18px;
}
div#reqularHeads.empl-information .manage-sal-box .col-sm-4 .box-body{
    min-height: 300px;
}
div#ctcHeads .col-sm-4 .box-header.with-border .emp-dark{
    font-weight: 600;
    font-size: 18px;
}
.modal-header.modal-header-pad-14 {
    padding: 14px !important;
}
.modal .modal-content .modal-header button.close:hover{
    background: transparent;
}
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover {
    font-weight: normal;
}
.border-bottom-new .employee-mrg-pdng{
        border-bottom: 1px solid #ebedf2;
        padding-bottom: 5px;
}
.lnkbtn.icon-btn.reset-btn-login {
    color: #5867dd;
    border: 2px solid #5867dd;
    padding: 6px 16px;
    font-weight: 600;
}
.lnkbtn.icon-btn.reset-btn-login:hover {
    color: #fff;
    border: 2px solid #5867dd;
    background: #5867dd;
}
input#leaveMonth {
    width: 27%;
    display: inline;
    float: right;
    height: 25px;
    margin-top: -2px;
    padding: 0px 3px;
}
.box-tools.pull-right.box-tootle-posi-rela {
    position: relative;
    right: 0px;
    top: 0px;
    left: 5px;
}
.col-lg-12.col-md-12.col-xs-12.m-b-10{
    margin-bottom: 10px;
}
.part-40{
    background: transparent !important;
    box-shadow:0px 0px 2px 1px #055bb3;
}
.main_part{
    width: 100%;
    bottom: auto !important;
    top:50px;
}
.login-heading{
    color: #00CFD6 !important;
    padding-top: 10px;
    text-align: center !important;
    font-size: 20px !important;
    text-transform: uppercase;
    font-family: 'calibri' !important;
}
/* .login-control{
    border-bottom: 2px solid #00cfd6 !important;
} */
.forgot-password{
    /* float: unset !important;
    text-align: center !important;
    display: block !important;
    margin-top: 20px !important;
    color: #00CFD6 !important; */
    font-size: 16px !important;
}
.part-40 .alert{
    margin-top: 12px;
}
.part-40 form#formLogin .validationMsg{
    position: absolute;
}
.col-md-12.login-title {
    margin-bottom: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    color: rgb(1, 109, 182);
    text-transform: uppercase;
}
.alert.alert-success.invalid-login.col-md-12.msg-login {
    background: #c70d0d !important;
    border-color: #c70d0d !important;
}
input#j_username::placeholder, input#j_password::placeholder {
    color: #cfcfcf !important;
}
div#employeeSalaryDiv table tr td:last-child {
    color: white;
}
nav.navbar.navbar-static-top.navbar-without-login {
    background: linear-gradient(70deg, rgba(196,43,61,1) 0%, rgba(24,82,148,1) 100%);
    margin-left: 0px !important;
}
.navbar-without-login .empl-name-header, div#reqularHeads .manage-sal-box .box-header.with-border .emp-dark, div#ctcHeads .manage-sal-box .emp-dark, .background-mf-sum p.design-p, .design-box.background-mf-sum .counter-count{
    color:#fff;
}
label.company_logo_label, .emp-dark.emp-dark-bold, a.project-name, .cl-leav-summary span.cl-value{
    font-weight: 600 !important;
}
div#divdownloadupload .form-group.row{
    margin: 0px;
    border: 1px solid #bbbaba;
    padding: 18px 0px 0px 0px;
}
button.lnkbtn.icon-btn.btn-svn.upload-btn {
    background: #F44336;
    border-color: #F44336;
}
button.lnkbtn.icon-btn.btn-svn.upload-btn:focus{
    outline: none;
}
button.lnkbtn.icon-btn.btn-svn.upload-btn  i.fa.fa-upload{
    color:#F44336;
}
div#divdownloadupload .form-group.row .col-md-4.text-center img#companyLogo {
    width: 150px;
}
.col-sm-12.box-shadow-bottom{
     box-shadow: 0px 1px 0px #e2e2e2; 
}
.box-shadow-bottom .col-sm-4{
    padding: 7px 10px;
}
.box-shadow-bottom .col-sm-4 .form-control{
    margin-top: 0px;
}
.box-shadow-bottom .col-sm-4 .pd-lbl{
    line-height: 25px;
}
.box-border-col-6 {
    border: 1px solid #e2e2e2;
}
.pad-top-10 {
    padding-top: 10px;
}
.col-sm-4.border-btm-first-div {
    border-bottom: 1px solid #e2e2e2;
    background: #f3f2f2;
}
.col-sm-4.border-btm-first-div{
    padding: 0px 10px;
}
.row.border-bottom-salaryprocess {
    border-bottom: 1px solid #dbdbdb;
}
.row.border-bottom-salaryprocess .col-sm-5 .form-control{
    margin-top: 2px;
}
.row.border-bottom-salaryprocess .emp-half-left{
    margin-bottom: 7px;
    margin-top: 7px;
}
.max-height-all-div {
    max-height: 500px;
    overflow: auto;
}
div#reqularHeads .manage-sal-box .box-header.with-border, div#ctcHeads .manage-sal-box .box-header{
    background: #1682c0;
}
.box-body.employeewisesalary .ttl-main-bx{
     border: 1px solid rgb(208, 208, 208);
     background: #fff;
}
.ttl-amnt.amunt-txt{
        margin-top: 0px;
        line-height: 25px;
        color: #0082c0;
        text-align: left !important;
}
label.emp-half-left.lab-green {
    color: green;
    font-weight: 600;
}
label.emp-half-left.lab-red {
    color: red;
    font-weight: 600;
}
.col-sm-4.ipad-width-100 .amunt-box{
    background: #fff;
    border: none;
    box-shadow: none;
}
#employeeSalaryDivWages .table>tbody>tr>td .form-control{
    margin:0% 0% 0% 0% !important;
    border-radius: 5px !important;
}
.table-form-control-space .emp-half-left, table#rDataTable .form-control, .table-form-control-space .form-control, .box-body.mobile-col-sm-3-b-border .row-m-0{
    margin:0px;
}
.leave-status-table-scroll .table>tbody>tr>td {
    white-space: nowrap !important;
}
.table-responsive.leave-status-table-scroll table#example {
    overflow-x: scroll !important;
}
.col-md-7.mid-div-p-l-0 {
    padding-left: 0px;
}
div#bordermodal .modal-content .modal-header button.close:hover,
.modal.fade.popup-dialog-modal button.close:hover{
    background:#000;
}
.template-name-salaryhead {
    font-size: 18px;
}
.tab-content.pad-tab-content-20 {
    padding: 20px;
    box-shadow: 0px 0px 0px 1px #d8d8d8;
}
a.pull-right.info-btn-table {
    font-size: 22px;
    color: #00BCD4;
}
table#rDataTable tbody>tr>td {
    padding: 4px 4px;
}
.title-employee-sec.select-salary-head-title {
    font-weight: 600;
    font-size: 18px;
}
div#range {
    border-top: 1px solid #d8d8d8;
    padding-top: 10px;
}
div#range .rptx-box {
    background: #efefef;
}
div#dvFormulaCal {
    border-top: 1px solid #d8d8d8;
    padding-top: 10px;
}
.bg-light-blue-header {
    background: #efdfc8;
}
#change-pwd-btn.change-btn{
    padding: 5px 18px 6px 18px;
    margin: 10px 0px;
    /* width: 8%; */
}
form#formLogin .mrg-top-20.forget-pwd-msg .erremailId.validationMsg {
    position: relative;
}
#employeeEditDutyList input.form-control.duty-list-table {
    height: 35px;
}
.btn-svn:focus, button.btn.btn-box-tool:focus {
    outline-color: transparent;
}
.btn-plus-icon i.fa.fa-plus {
    background: #ffffff;
    color: #5867dd;
    padding: 3px 3px;
    font-size: 11px;
    border-radius: 30px;
}
.emplayee-info div#attendanceReport h3.box-title{
    vertical-align: middle;
}
.sbt-prc-fnd-bttn:focus, .dflt-bttn:focus {
    outline-color: transparent;
}
.border-box-tds-process {
    border: 1px solid #dbdbdb;
}
.col-sm-12.subtitile-p-t-10 {
    padding-top: 10px !important;
}
.box-title.title-color-blue {
    color: #006dca;
}
button.dt-button.pull-right.btn-plus-icon {
    margin-right: 7px !important;
}
.title-managesalaryhead {
    font-size: 18px;
    font-weight: 600;
    color: black;
}
.title-create-table {
    border-bottom: 1px solid #e2e2e2;
    background: #f3f2f2;
    padding: 12px 10px;
    vertical-align: middle;
}
.title-create-table .emp-smmry-line{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.title-create-table .emp-smmry-line .emp-dark{
    font-weight: 600;
}
form#salaryHead .row.box-shadow-bottom .orng-control{
    height: 30px;
}
a.dflt.dflt-bttn.btn-red-template:hover{
    background-color: #ff0000;
    color:#fff;
}
.counter.m-t-20 .design-box .inside-border .counter-count {
    padding-bottom: 10px;
}
.design-box .inside-border span.mf-sum-icon img {
    width: 34px;
}
div#leaveSummaryCount .cl-leav-summary a {
    	color: #fff;
    }
div#leaveSummaryCount .col-sm-3 {
    	width: 100%;
}
.tb-width-70 {
    width: 70%;
}
.tb-width-80, th.th-width-80 {
    width: 80%;
}
table#salaryTable th.text-right, div#otherIncomeProcess th.text-right,
table#investmentSectionPolicyTable td.text-right, table#investmentSectionPolicyTable th.text-right, .border-box-tds-process td.text-right,
.border-box-tds-process th.text-right{
    padding-right: 4px;
    text-align: right;
}
table#investmentSectionPolicyTable th.text-center{
    text-align: center;
}
table#investmentSectionPolicyTable td.td-width-10.text-center, table#investmentSectionPolicyTable td.td-width-10.text-right, .tb-width-10, .box-body.border-box-tds-process td.td-width-10{
    width: 10%;
}
td.td-width-90, th.th-width-90 {
    width: 90%;
}
 .col-sm-3.grossTotalDiv.m-r-15 {
    margin-right: 15px;
}
table.table.table-striped.display.xx.dataTable.no-footer tbody .tb-heading {
    color: #000;
}
.emp-cal-num-name-lable {
    color: #397ebd;
    font-weight: 600;
    padding: 6px 0px;
    margin-bottom: 0px;
    font-size: 16px;
}
.cir-top-div.toggle.btn.btn-default.off {
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 200px !important;
    min-height: 200px !important;
    margin-bottom: 20px;
    background: none;
    border: 0px;
    padding: 0px;
    display: block;
    overflow: visible !important;
}
button.lnkbtn.icon-btn.btn-svn.reset-pwd-btn#change-pwd-btn {
    width: auto;
    padding: 0px 15px 2px 2px;
}
.col-sm-2.text-align-right-md {
    text-align: right;
}
td.tb-heading-under.tbl-width.cl-lable-txt {
    font-weight: 600;
    font-size: 19px !important;
    padding-left: 10px;
    color: #555;
}
.box-week-off label {
    color: #333;
    padding: 0px 5px;
}
span.week-name-span {
    line-height: 24px;
    font-size: 16px;
    margin-right: 3px;
}
ul.ul-li-info-salary-process li {
    display: initial;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 500;
}
ul.ul-li-info-salary-process {
    list-style-type: none;
    float: right;
}
.box-week-off legend{
    width: auto;
    border:0px;
    margin-bottom: 0px;
}
.box-week-off fieldset{
    border: 1px solid silver;
    padding: 8px 10px;
}
div#employeeSalaryDiv a.dt-button.data-left:hover, div#bonusReport a.dt-button.data-left {
    color: #fff;
}
td.td-table-p-4 {
    padding-right: 4px !important;
}
.dflt.dflt-bttn.paid-btn {
    background-color: #ffffff;
    border-color: #008c2c;
    color: #008c2c;
}
.dflt.dflt-bttn.paid-btn:hover{
    background-color: #008c2c;
    color:#ffffff;
}
div#leaveSummaryCount .cl-leav-summary {
    margin-bottom: 2px;
}
.emp-duty-request .row.validationError.alert-danger label#validationLabel {
    margin-bottom: 0px;
    padding: 4px 0px;
}
.emp-duty-request .row.validationError.alert-danger {
    border-radius: 4px;
    margin-bottom: 10px;
}
div#manualAttadReports .dt-buttons a.dt-button.data-left:hover, div#verticalAttadReports .dt-buttons a.dt-button:hover{
    color: #fff;
}
#subViewDiv .mrg-top-10 .modal-dialog.modal-md button.close:hover {
    background-color: #000;
    color: #fff;
}
.sm-2-m-t-20, .sm-1-m-t-20, .row-m-t-20{
    margin-top: 20px;
}
.box-week-off .col-md-6 fieldset{
    padding: .35em .100em .35em .100em !important;
    margin: 0 2px !important;
    border: 1px solid silver !important;
}
td.table-last-td-txt{
     word-break: break-all;
}
.width-3per {
    width: 3% !important;
}
.width-8per {
    width: 8% !important;
}
.width-5per {
    width: 5% !important;
}
.width-6per {
    width: 6% !important;
}
.width-7per {
    width: 7% !important;
}
.width-13per {
    width: 13% !important;
}
.width-30per {
    width: 30% !important;
}
div#leaveSummaryCount {
    max-height: 97px;
    overflow: auto;
    min-height: 97px;
}
.p-all-5{
    padding: 5px;
}
table#Pfdetail thead th {
    cursor: default;
}
.cir-top-div .cir-btn-link:hover {
    background:#e7e9f9;
}
.btn-bg-color-green{
    background-color: green;
}
.btn-bg-color-green i.fa.fa-plus{
    color:green;
}
table#otherIncomePopUpTable th.tb-heading-under {
    padding: 4px 4px;
}
.investment-bg-gray{
    background: #dbdbdb;
    margin-bottom: 10px;
}
.investment-bg-gray .box-title.title-color-blue{
    vertical-align: middle;
}
.badge-notofiaction {
    background: #d60638;
    padding: 5px 8px;
    line-height: 14px;
    border-radius: 50px;
    margin-right: 4px;
}
span.a-head-dashboard-pending, span.a-head-dashboard-pending:hover {
    font-weight: 600;
    color:#fff;    
}

.download-btn-popup i.fa.fa-download, tbody#DocLst a.dflt.dflt-bttn i.fa.fa-download{
    color:#5867dd;
}
.download-btn-popup:hover i.fa.fa-download, tbody#DocLst a.dflt.dflt-bttn:hover i.fa.fa-download{
    color:#fff;
}
.img-notification-icon{
    /* background: #337ab7; */
    border-radius: 40px;
    width: 28px;
    padding: 0px 2px;
}
.a-notification-sec, .a-notification-sec:hover{
    background:  #337ab7;;
    padding: 2px 3px;
    border-radius: 4px;
}
div#employeeList.income-txt-table .form-control {
    margin: 0px;
}
.login-heading-logo.text-center img{
    width: 160px;
}
.cm-mandatory-msg {
    margin-bottom: 5px;
    margin-top: -5px;
}
.content-wrapper .box .box-body .box .box-header.with-border{
    background: #e7e7e7;
}
.content-wrapper .box .box-header.with-border{
    background-color: #d1d1d1;
}
.content-wrapper .box .box-header.with-border.dashboard-header-color {
    background: #d1d1d1;
}
.content-wrapper .box .box-header.with-border.dashboard-header-color .text-dec-underline{
    color:#000;
}
.pad-l-r-5-0{
    padding-left: 5px;
    padding-right: 0px;
}
.box.collapsed-box .btn-box-tool:focus {
    outline: unset !important;
}
.form-group{
    margin-bottom: 25px;
}
button.btn.dropdown-toggle.cl-details.present:hover {
    color: #fff;
}
div#employeeEditDutyList input[type="search"] {
    margin-bottom: 8px;
}
table#rDataTable tbody td input[type=radio] {
    margin-left: 4px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable table#otherIncomePopUpTable,
.col-lg-12.col-md-12.col-xs-12 table#investmentSectionPolicyTable {
    margin-bottom: 10px;
}
header.main-header span.logo-lg img {
    height: 40px;
}
table#listingTable td.noExport a .dflt.dflt-bttn {
    margin-top: 3px;
    min-width: 27px !important;
}
.row.main-boxformtr div#divColumns_header {
    padding-bottom: 18px;
}
td.tb-heading-under input.dt-button.noExport:focus {
    outline: unset;
}
div#viewUploadedFile {
    margin-bottom: 10px;
}
.box-header.with-border button.dt-button.pull-right.btn-plus-icon:focus {
    outline: unset;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
    box-shadow: unset;
}
div#annivCelebrationsDiv {
        color: red;
}
button.btn.dropdown-toggle.cl-details.present:focus {
    color: #fff;
    outline: unset;
}
.table-responsive.grid-max-height-300 {
    max-height: 300px;
    overflow: auto;
}
.skin-blue .sidebar-menu>li>a i {
    width: 22px;
}
.design-box.background-mf-sum.bg-2{
      background: linear-gradient(to right, #0087a8, #005b9a);
}
.design-box.background-mf-sum{
      background: linear-gradient(to right, #e91931, #f05a42);
}
.design-box.background-mf-sum.bg-3{
    background: linear-gradient(to right, #e71c7b, #f12371);
}

/* New -loading */
.loader {
    border: 16px solid #91005a !important;
    border-radius: 50% !important;
    border-top: 16px solid #f68020 !important;
    border-right: 16px solid #2db26c !important;
    border-bottom: 16px solid #1c7288 !important;
    width: 120px !important;
    height: 120px !important;
    -webkit-animation: spin 2s linear infinite !important;
    animation: spin 5s linear infinite !important;
  }
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(360deg); }
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(360deg); }
  }
.ctpl-c-img{
    padding-top: 45px;
    position: absolute;
    padding-left: 45px;
    width: 75px !important;
}
  /* End Loading */ 
.loadingClass {
    height: 100%; width: 100%; -o-display: flex; -ms-display: flex; -moz-display: flex; -weckit-display: flex; display: flex; position: fixed; align-items: center; justify-content: center;z-index:1
}
.col-lg-12.col-md-12.col-sm-12.text-right.cm-mandatory-msg {
    margin-bottom: 0px;
}
/* .toggle.btn.btn-primary label.btn.btn-primary.toggle-on {
    background: green;
    color: #fff;
}
.toggle.btn.btn-default.off label.btn.btn-default.active.toggle-off{
    background: red;
    color: #fff;
} */
.letter-box-gen {
    border: 1px solid #d1d1d1;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
}
button.btn.btn-primary.btn-generate-let {
    padding: 2px 3px;
    line-height: 0;
    height: 35px;
    width: 35px;
    position: absolute;
    left: -15px;
}
button.btn.btn-primary.btn-generate-let:focus{
    background-color: #fff;
}
.sect-box.sect-box-main {
    background: #fbfbfb;
    border-radius: 10px;
    padding: 30px 0px 10px 0px;
}
/* div#employeeMasterList.employeemaster-header-set .dataTables_scrollHeadInner table.table.table-striped.table-responsive.dataTable.no-footer thead {
    display: none;
} */
/* div#employeeMasterList.employeemaster-header-set .dataTables_scrollBody table.table.table-striped.table-responsive.dataTable.no-footer thead,
div#employeeMasterList.employeemaster-header-set .dataTables_scrollBody table.table.table-striped.table-responsive.dataTable.no-footer thead tr,
div#employeeMasterList.employeemaster-header-set .dataTables_scrollBody table.table.table-striped.table-responsive.dataTable.no-footer thead tr th{
    height: 30px;
}
div#employeeMasterList.employeemaster-header-set .dataTables_scrollBody table.table.table-striped.table-responsive.dataTable.no-footer thead tr th .dataTables_sizing{
    height: 20px !important;
} */
div#employeeMasterList.employeemaster-header-set table#employeeList{
    overflow: auto;
    width: auto !important;
}
label.btn.btn-primary.toggle-on {
    background-color: #449d44;
    color: #fff;
}
label.btn.btn-default.active.toggle-off {
    background-color: #c9302c;
    color: #fff;
}
.cmp-setting-on-off .toggle.btn{
    border-radius: 10px;
}
.part-40 .alert.alert-success.invalid-login.col-md-12.msg-login{
    position: absolute;
    width: 78%;
    margin-top: 35px;
}
.part-40 .login-heading .col-md-12.login-title{
    margin-bottom: 40px;
}
.part-40 .login-heading {
    padding-top: 10px;
}
.copyright-txt-login {
    color: #000;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}
.login-heading-logo.text-center.footer-logo{
    bottom: 15%;
    margin-top: 35px;
}
.login-heading-logo.text-center.footer-logo img{
    width: 95px;
}
.part-40 .margin-top-30 input.login-bttn{
    background-color: rgb(142 45 81);
}
.part-40 .login-heading-logo.text-center img{
    background: #fff;
    border-radius: 100px;
}
.crr-container.career-post-box {
    display: block;
}
.div#attemptCount.border-box{
    border-radius: 5px;
    margin: 0px;
    border: 1px solid;
    margin-bottom: 20px;
    padding: 11px 0px;
}
.div#attemptCount.border-box .col-md-1.col-sm-1 .form-group {
    margin-bottom: 15px;
}
a.dflt.dflt-bttn.color-white-download i {
    color: #5867dd;
}
a.dflt.dflt-bttn.color-white-download:hover i{
    color:#fff;
}
div#addAnnexure {
    height: 550px;
    overflow: auto;
}
ol.pdf-num {
    padding-left: 0px !important;
}
/* High Resolution  Start */
@media (max-width: 4440px) and (min-width: 2220px){
    .box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title{
        font-size: 26px;
    }
    .additional-information-bttn{
        font-size: 22px;
    }
    .form-control{
        height: 40px;
        font-size: 22px !important;
    }
    .form-group {
    	font-size: 22px;
    }
    .form-group label{
        font-size: 22px;
    }
    .col-lg-12.col-md-12.col-sm-12.text-right.cm-mandatory-msg,
    .pull-left.ftr-mrg-pdng, .pull-right.ftr-mrg-pdng{
        font-size: 20px;
    }
    .content-header>h1{
        font-size: 30px;
    }
    strong.title-employee-sec{
        font-size: 24px;
    }
    .fa:before{
        font-size: 20px;
    }
    .icon-btn{
        font-size: 24px;
    }
    a.project-edit i.fa.fa-edit{
        height: 30px;
        width: 30px;
    }
    input#imgfile{
        font-size: 20px;
    }
    .part-40 .login-heading-logo.text-center img{
        border-radius: 500px;
    }
    .login-heading-logo.text-center img {
    	width: 220px;
    }
    .main_part {
    	width: 100% !important;
    }
}
/* High Resolution End */
.part-40-inside {
	/* background: #fff !important;
    box-shadow: 3px 4px 15px rgba(0, 0, 0, .15);
    height: auto !important;
    width: 100% !important;
    top: 50px !important;
    padding: 20px 50px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 25px;
    border-radius: 5px; */
    max-width: 65%;
    position: relative;
    z-index: 99;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    margin: 50px auto 0px;
    border-radius: 5px;
    padding: 20px 40px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}
tbody#tourMasterBody td .validationMsg {
    display: none;
}
.row.col-set-table-box {
    margin: 0px;
}
.row.col-set-table-box .col-md-3, .row.col-set-table-box{
    border: 1px solid #999999;
}
table.table.table-striped.display.table-valid-msg-none.dataTable.no-footer td.tb-heading-under.tbl-width .validationMsg {
    display: none;
}
table.table.table-striped.no-footer.table-holidaymaster .form-control,
table.table.table-striped.no-footer.table-valid-msg-none .form-control {
    margin-top: 0px;
}
table.table.table-striped.no-footer.table-holidaymaster td .validationMsg {
    display: none;
}
table.table.table-striped.no-footer.table-holidaymaster input[type=radio] {
    margin-left: 10px;
}
section.dashboard-right-bar div#divlistingTable .dt-buttons a.dt-button:hover {
    color: #fff;
}
section.dashboard-right-bar div#listingTable_wrapper .dt-buttons {
    margin-left: 10px;
}
table.table.table-striped.no-footer.table-valid-msg-none .validationMsg,
table.table.table-striped.table-responsive.table-valid-msg-none .validationMsg{
    display: none;
}
.login-heading-logo.text-center span {
    width: 160px;
    background: #fff;
    height: 160px;
    display: inline-block;
    border-radius: 50%;
}
.login-heading-logo.text-center span img {
    height: 160px;
    border-radius: 50%;
}
.tab-panel-issue .tab-pane.fade {
    display: none;
}
.tab-panel-issue .tab-pane.fade.in.active{
    display: block;
}
.table-responsive.font-size-pading .table>tbody>tr>td, 
.table-responsive.font-size-pading .table>tbody>tr>th,
.table-responsive.font-size-pading .table>tfoot>tr>td,
.table-responsive.font-size-pading .table>tfoot>tr>th,
.table-responsive.font-size-pading .table>thead>tr>td,
.table-responsive.font-size-pading .table>thead>tr>th{
    padding: 3px 1px 4px 1px;
}
div#table-width-fixed-99 .dataTables_scrollHead {
    width: 99% !important;
}
div#table-width-fixed-99 .table>tbody>tr>td,
div#table-width-fixed-99 .table>tbody>tr>th,
div#table-width-fixed-99 .table>tfoot>tr>td,
div#table-width-fixed-99 .table>tfoot>tr>th,
div#table-width-fixed-99 .table>thead>tr>td,
div#table-width-fixed-99 .table>thead>tr>th{
    word-break: break-word;
}
.table-responsive.letter-rules-table table#jobPosting a.dflt.green-background {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 3px 2px;
}
.table-responsive.adjustment-table input.form-control.txt-rght {
    margin-top: 0px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    cursor: no-drop;
}
.row.col-set-table-box .col-md-3{
    padding: 0px 8px;
}
.row.box-1 .col-md-3 input.form-control {
    margin: 0px;
}
.row.box-1 {
    margin-top: 20px;
}
.row.box-1 span {
    float: right;
}
.box-info .row.box-1 {
    margin: 8px 8px;
    border-bottom: 1px solid #e7e7e7;
}
lable.ll {
    color: #2f4c87;
}
.col-md-3.col-sm-3.img-box-gall .login-heading-logo img {
    border-radius: 0px;
}
.img-title-lab{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    background: #337abc;
    color: #fff;
}
.img-box-gall .login-heading-logo.text-center span{
    width: 100%;
    background: #fff;
    height: 250px;
}
.col-md-3.col-sm-3.img-box-gall .login-heading-logo img{
    width: 100%;
    height: 250px;
    border: 1px solid #337abc;
    padding: 0px;	
}
.celebration-box.col-md-4.new-celeb-page {
    width: 33%;
    background: transparent;
}
.celebration-box .inside-border{
    min-height: 140px;
}
.box-body.main-dashboard-box #celebration-box-body {
    height: 368px;
    overflow-y: auto;
}
.box-body.main-dashboard-box {
    padding-top: 0px;
}
.box-body.main-dashboard-box .celebration-box .inside-border {
    min-height: auto;
}
div#myModal span.close.cursor:hover{
    background-color: transparent;
}
.five-err-msg {
    font-size: 14px;
}
.col-md-3.image-celeb-0-l-0 .box-image-celeb{
    text-align: center;
    margin-top: 15px;
}
.celebration-box.col-md-4.new-celeb-page .col-md-9 {
    color: #000;
}
.col-md-4.new-celeb-page {
    padding: 2px 4px;
}
.demo.new-celeb-page .email-signature{
    background: #20508f;
    font-family: 'Poppins', sans-serif;
    padding: 15px 20px 15px 140px;
    box-shadow: -6px 6px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    height: 185px;
}
.demo.new-celeb-page .email-signature:before,
.demo.new-celeb-page .email-signature:after{
    content: "";
    background: linear-gradient(to right bottom, #ada996, #f9f9f9);
    width: 130px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 80% 0, 100% 15%, 100% 85%, 76% 100%, 0 100%);
}
.demo.new-celeb-page .email-signature:after{
    background: linear-gradient(to bottom right, #fdb44e, #e28504);
    width: 15px;
    left: auto;
    right: 0;
    clip-path: none;
}
.demo.new-celeb-page .email-signature .signature-icon{
    background: #20508f;
    width: 80px;
    height: 80px;
    padding: 3px;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    left: 25px;
    top: 50%;
}
.demo.new-celeb-page .email-signature .signature-icon img{
    width: 75px;
    height: 75px;
    transform: rotate(-45deg);
    border-radius: 0px;
}
.demo.new-celeb-page .email-signature .signature-details,
.demo.new-celeb-page .row.img-cel .email-signature .signature-details{
    padding: 10px 0px 10px 38px;
    position: relative;
    border-bottom: 1px solid #a7a7a794;
}
.demo.new-celeb-page .email-signature .signature-details .user-icon,
.demo.new-celeb-page .row.img-cel .signature-details span.user-icon{
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 32px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 50%;
}   
.demo.new-celeb-page .row.img-cel .signature-details span.user-icon{
    color: #20508f;
}
.demo.new-celeb-page .email-signature .title, .row.img-cel .signature-details .title{
    color: #f09e2b;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}
.demo.new-celeb-page .email-signature .title span, .row.img-cel .signature-details .title span{
    color: #fdb44e;
    font-weight: 600;
}
.demo.new-celeb-page .email-signature .post{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
}
.demo.new-celeb-page .email-signature .signature-content{
    padding: 0 0 1px;
    margin: 0;
    list-style: none;
    position: relative;
}
.demo.new-celeb-page .email-signature .signature-content:before{
    content: '';
    /* background: linear-gradient( #fdb44e, #e28504); */
    height: 100%;
    width: 35px;
    /* position: absolute; */
    left: 0;
    top: 0;
}
.demo.new-celeb-page .email-signature .signature-content li{
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    padding: 0 0 0 0px;
    margin: 5px 0 5px;
    position: relative;
    border-bottom: 1px solid #a7a7a794;
}
.demo.new-celeb-page .email-signature .signature-content li i{
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 35px;
    /*position: absolute; */
    left: 0;
    top: 50%;
}
.demo.new-celeb-page .email-signature .social-links li a{
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    display: block;
    transition: all 0.3s ease 0s;
}
.demo.new-celeb-page .email-signature .social-links li a:hover{ text-shadow: 2px 2px 1px rgba(0, 0, 0,0.4); }
@media screen and (max-width:767px){
    .demo.new-celeb-page .email-signature{
        height: auto !important;
    }
    .demo.new-celeb-page .email-signature .title, .row.img-cel .signature-details .title{
        margin: 0px 0px 10px 0px;
    }
    .demo.new-celeb-page .email-signature .signature-content li{
        margin: 7px 0 7px !important;
    }
    .demo.new-celeb-page .email-signature{
        text-align: center;
        padding: 130px 0 5px 0px;
    }
    .demo.new-celeb-page .email-signature:before{
        width: 100%;
        height: 118px;
        clip-path: polygon(0 0, 100% 0, 100% 70%, 80% 100%, 20% 100%, 0 70%);
    }
    .demo.new-celeb-page .email-signature:after{
        width: 100%;
        height: 5px;
        top: auto;
        bottom: 0;
    }
    .demo.new-celeb-page .email-signature .signature-icon{
        top: 25px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
    }
    .demo.new-celeb-page .email-signature .signature-details,
    .demo.new-celeb-page .row.img-cel .email-signature .signature-details{
        padding: 0;
        text-align: center;
        margin: 0 0 10px;
    }
    .demo.new-celeb-page .email-signature .signature-details .user-icon{ display: none; }
    .demo.new-celeb-page .email-signature .signature-content{
        text-align: left;
        padding-top: 0px;
        margin: 0 0 5px;
        display: block;
    }
    .demo.new-celeb-page .email-signature .social-links{
        width: 100%;
        transform: translateX(50%);
        top: auto;
        bottom: 8px;
        right: 50%;
    }
    .demo.new-celeb-page .email-signature .social-links li{ display: inline-block; }
}
.demo.new-celeb-page .col-lg-4.col-md-4.col-sm-4 {
    padding: 8px 8px;
}
div#divlistingTable  .dataTables_wrapper.no-footer .dt-buttons a.dt-button:focus span {
    color: #fff;
}
.header-inline-block #modules{
    padding: 0px 18px;
    vertical-align: bottom;
}
.ikd-its-tggl-line.header-inline-block{
    line-height: 15px;
}
.ikd-its-tggl-line.header-inline-block .form-group {
    margin-bottom: 0px;
}
.ikd-its-tggl-line.header-inline-block .form-group .l-name{
    font-size: 14px;
    color: #337ab7;
    margin-left: 40px;
}
.ikd-its-tggl-line.header-inline-block form{
    margin-left: 10px;
}
button.dflt.dflt-bttn.remove-btn {
    background-color: #ffffff;
    border: 1px solid #5867dd !important;
    color: #5867dd;
    padding: 2px 5px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0px 0px;
}
button.dflt.dflt-bttn.remove-btn:hover{
    background-color: #5867dd;
    border: 1px solid #5867dd !important;
    color: #fff;
}
.box-header.with-border.bg-light-blue-header .box-tools.pull-right button.btn.btn-box-tool {
    outline: unset !important;
}
input.form-control.ui-autocomplete-input.valid-background-color.ui-corner-all {
    border-radius: 5px;
}
.main-sidebar.m-m-t-30 {
    margin-top: 5px;
}
nav.navbar.navbar-static-top.recruitment-header .ikd-its-tggl-line.header-inline-block {
    margin-top: 12px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.performance-header .ikd-its-tggl-line.header-inline-block {
    margin-top: 5px;
}
.eclaim-header .ikd-its-tggl-line.header-inline-block {
    margin-top: 5px;
}
.etour-header .ikd-its-tggl-line.header-inline-block{
    margin-top: 12px;
}
.recruitment-header .ikd-its-tggl-line.header-inline-block select#modules, .performance-header .header-inline-block #modules,
.eclaim-header select#modules, .etour-header select#modules{
    padding: 0px 18px;
    vertical-align: bottom;
    border-color: #ced4da;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0px 1px 10px 0px rgb(113 106 202 / 11%);
    height: 30px;
    margin-top: 0px;
    font-size: 14px !important;
}
.cir-top-div .cir-btn-link:hover img {
    transform: scale(1.1);
    transition: transform .3s ease-in-out, width .3s ease-in-out;
}
.cir-top-div .cir-btn-link img {
    top: -3px;
    margin-top: -10px;
    margin-bottom: 8px;
}
select[readonly] {
  background: #eee;
  pointer-events: none;
  touch-action: none;
}
.popup-close-cus{
    margin-top: 0px !important;
    margin-right: 0px !important;
    border: 1px solid #837cac !important;
    background: #c3c3c3 !important;
    color: #837cac !important;
    font-weight: 800 !important;
    border-radius: 1px !important;
    font-size: 15px !important;
    padding: 3px 6px !important;
}
.row.img-cel {
    margin: 0px;
    background: #fff9f9f0;
    margin-bottom: 2px;
    border: 1px solid #e5e5e5f0;
}
.row.img-cel .signature-details {
    padding: 10px 0px 10px 38px;
    position: relative;
    border-bottom: 1px solid #a7a7a794;
}
.row.img-cel .col-md-9 ul.signature-content li {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 0 0 0px;
    margin: 5px 0 5px;
    position: relative;
    border-bottom: 1px solid #a7a7a794;
    list-style: none;
    position: relative;
}
.row.img-cel ul.signature-content{
    padding: 0 0 1px;
    margin: 0;
    list-style: none;
    position: relative;
}
.row.img-cel ul.signature-content li i {
    color: #20508f;
    font-size: 14px;
    text-align: center;
    width: 35px;
    left: 0;
    top: 50%;
}
.row.img-cel .col-md-3 .image-celebration {
    height: 150px;
    width: 100%;
    border-radius: 0px;
    border: 1px solid #e8e8e8;
    padding: 8px 8px;
    background: #7878785c;
}
div#bdayCelebrationsDiv .row.img-cel .col-md-9{
        background: #efefef;
}
.demo.new-celeb-page .row.img-cel .col-md-3 {
    padding: 0px;
}
.table-responsive.table-form-control-space.m-table-over-scroll table#viewPandingCandidates td.tb-heading-under.tbl-width textarea.form-control.Imp.valid-background-color {
    overflow: auto !important;
    resize: unset !important;
    height: 45px !important;
}
.row.m-0 {
    margin: 0px;
}
.row.m-0 .col-md-2 {
    padding: 0px;
}
.row.m-0 .col-md-2 .ls-bttn{
    width: 100%;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 0px;
    padding: 5px 0px;
    margin: 0px;
}
.row.m-0 .col-md-2 .ls-bttn .anchor {
    color: #10aae8;
}
.row.m-0 .col-md-2 .ls-bttn .lst-nt {
    margin-top: 5px;
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 16px;
}
.Pending-cls span.lst-nt {
    background: #ff8250 !important;
    background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%) !important;
}
.Rollbacked-cls span.lst-nt {
    background: #7297d6 !important;
    /*background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%) !important;*/
}
.Recommended-cls .lst-nt {
    background: #dd4f00 !important;
    /*background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important;*/
}
.Approved-cls .lst-nt {
    background: #008631 !important;
    /*background-image: linear-gradient(to top, #1dd986 0%, #3cba92 100%) !important;*/
}
span.lst-nt.all-employee-block{
	background:#4675e4 !important;
}
.Rejected-cls .lst-nt {
    background:#eb3c27 !important;
    /*background-image: linear-gradient(to top, #e51e2f 0%, #ff8083 100%) !important;*/
}
.Declined-cls .lst-nt {
    background: #c04000 !important;
    /*background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%) !important;*/
}
.ls-bttn.leave-application-btn{
    padding: 0px 8px;
    margin: 0px 30px 0px 0px;
    float: right;
    background: #ff8250;
}
.color-title-blue {
    color: #000 !important;
}
.color-title-green {
    color: #000 !important;
}
.new-leave-box .ls-bttn span.display-block {
    display: block;
}
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    background: transparent !important;
}
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end span.fc-title{
    color:#000 !important;
}
.box-celebration {
    /* background:linear-gradient(to right, #01966e, #017959); */
    padding: 0px 2px;
    color: #fff;
    border-radius: 5px;
    background-image: linear-gradient(180deg, #3dacef 0%, #089cf5 100%);
}
.celebration-title {
    padding: 2px 0px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}
.box-celebration .total-cel {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.box-celebration .sab-tile-1 .count {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    border-radius: 6px;
    margin-right: 5px;
}
.border-btm-white {
    border-bottom: 0px solid #f2f2f3;
    padding-top: 5px;
    text-align: center;
}
.border-right-white{
    border-right:0px solid #fff;
}
.box-celebration .sab-tile-1 {
    padding: 4px 0px;
}
.box-celebration.bg-work-annv {
    background-image: linear-gradient(to right, #a453fd 0%, #6e47f3 100%);
}
/* h3.box-title.color-title-cele {
    color: #000;
    font-weight: 600 !important;
} */
.icon-txt-info-com .fa {
    font-size: 12px;
}
span.Present-icon-txt i.fa {
    color: #008450;
}
span.Absent-icon-txt i.fa{
    color: #b81d13;
}
span.Half-Day-icon-txt i.fa {
    color: #f9c802;
}
span.Missed-Punch-icon-txt i.fa {
    color: #FD6A02;
}
span.Week-Off-icon-txt i.fa {
    color: #b599ee;
}
span.Leave-LWP-icon-txt i.fa {
    color: #de72de;
}
span.Holiday-Full-icon-txt i.fa {
    color: #6781e1;
}
span.Holiday-Half-icon-txt i.fa {
    color: #5d99f1;
}
span.Missed-Shift-icon-txt i.fa {
    color: #FF5F5F;
}
div#calendar {
    margin-bottom: 6px;
}
.icon-txt-info-com {
    margin-right: 8px;
}
h3.box-title.bold.h3-font-size-13 span.xxx {
    color: #006dcb;
    font-size: 14px;
    font-weight: 600;
}
.row.m-0 .col-md-2 .ls-bttn .anchor i {
    width: 100%;
}
.col-md-12.mb-7 {
    margin-bottom: 4px;
}
span.sym-info {
    padding: 0px 5px;
    color: coral;
}
span.cal-word-info i.fa {
    color: red;
    padding-right: 2px;
}
h1.box-title.active-title-set.xs {
    /* background: #1079cc; */
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}
h3.box-title.color-title-blue i.fa {
    color: #1079cc;
}
h3.box-title.color-title-green .fa {
    color: #4aad39;
}
h3.box-title.color-title-cele span.glyphicon.glyphicon-calendar {
    color: #f96db3;
}
.img-rotate img{
    margin-top: 24px;
    transform: rotate(270deg);
}
.table-leave-summary {
    background: #f20000;
    width: 100%;
    border-radius: 10px;
    height: 168px;
    margin-bottom: 5px !important;
}
table.table.table-leave-summary td {
    border: 1px solid #dddddd !important;
    height: 125px;
}
.leave-sub-title{
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.sl-pl-lable {
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 110px;
    overflow: auto;
}
span.count-val {
    color: #ff4700;
    font-weight: 600;
}
td.today-bg {
    background: #efefef;
}
td.month-bg {
    background: #efefef;
}
table.table.table-leave-summary td .sl-pl-lable a {
    display: block;
    background: antiquewhite;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 12px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    border: 1px solid #ffffffb3;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}
.leave-sub-total-num {
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}
table.table.table-leave-summary td .sl-pl-lable a span.cl-value{
    color: #fff;
}
.today-bg.today-bg-1{
    background: linear-gradient(to right, #0595b5, #007fd5);
}
.month-bg.today-bg-2{
    background: linear-gradient(to right, #038f95, #0aa58a);
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover .fa, .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover .far, 
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover .fas{
    transform: scale(1.2);
    transition: transform .3s ease-in-out, width .3s ease-in-out;
}
div#mobileViewDisplayBlock {
    display: none;
}
/* 20-4-22 */
.modal-header.popup-header-cls-btn .close, .modal-header.popup-header-cls-btn .close{
    margin-top: -50px;
    color: #fff;
    background: #000000 none repeat scroll 0 0 !important;
}
/* End 20-4 */
.row.m-0 .col-md-2 .ls-bttn:hover i {
    transform: scale(1.2);
    transition: transform .3s ease-in-out, width .3s ease-in-out;
}
.ls-bttn.leave-application-btn a.anchor:hover {
    color: #fff;
}
.dt-buttons a.dt-button.data-left:hover {
    color: #fff;
}
td.text-center .dflt-bttn:focus{
    border-color:#5867dd !important;
}
span.icon-box-title i.fa.fa-list-alt {
    color: #009247;
}
span.icon-box-title i.fa.fa-user {
    color: mediumpurple;
}
span.icon-box-title i.fas.fa-paste {
    color:#f02373;
}
span.icon-box-title i.fas.fa-chart-line {
    color: #0083a7;
}
span.icon-box-title i.fas.fa-chart-pie {
    color: coral;
}
.col-md-4.p-l-r-0 {
    padding: 0px;
}
.row.counter.top-sec-dashboard .design-box.background-mf-sum .inside-border {
    border: 0px;
}
.box-celebration.bg-blue {
    background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #db68b8 66%, #d16bc5 100%);
}
table.table.table-leave-summary td.month-bg .sl-pl-lable a {
    background:linear-gradient(to right, #038f95, #0aa58a);
}
table.table.table-leave-summary td.today-bg .sl-pl-lable a {
    background:linear-gradient(to right, #0595b5, #0080d3);
}
.col-md-1.m-d-none {
    width: auto;
    padding-right: 2px;
}
.row.cal-header .col-md-11 {
    width: 87.5%;
    padding-left: 0px;
}
.row.m-0 .col-md-2 .ls-bttn i.far.fa-file-alt {
    color: #ff8250;
}
.row.m-0 .col-md-2 .ls-bttn i.fas.fa-paste {
    color: #6fb3e0;
} 
.row.m-0 .col-md-2 i.fas.fa-clipboard-list {
    color: #ffb752;
}
.row.m-0 .col-md-2 i.fa.fa-clipboard {
    color: #a162e1;
}
.row.m-0 .col-md-2 i.fa.fa-check-square {
    color: #87b87f;
}
.row.m-0 .col-md-2 i.fa.fa-users, .row.m-0 .col-md-2 i.fa.fa-window-close {
    color: #f20000;
}
.row.m-0 .col-md-2 i.fa.fa-user-times {
    color: #ff8250;
}
div#calender-first {
    margin-bottom: 0px;
}
.modal-dialog.width-800 {
    width: 800px;
}
.modal-dialog.width-800 .col-sm-4.col-md-4 label {
    font-size: 14px;
    font-weight: 600 !important;
}
.modal-dialog.width-800 .modal-body .row {
    border-bottom: 1px solid gray;
}
.modal-dialog.width-800 .modal-body .form-group{
    margin-bottom: 0px;
    padding: 4px;
}
.modal-dialog.width-800 .col-sm-4.col-md-4 label span {
    font-weight: 600 !important;
    color: #0082c0;
}
span.line-height-30 {	
    line-height: 30px;
}
span.radio-m-r-4 {
    margin-right: 4px;
}
.row.position-fix-remove div.errtxtPassword,
.row.position-fix-remove div.errtxtConfirmPassword {
    position: absolute !important;
}
select.form-control.select-min-height-180 {
    height: 180px;
}
div#table-width-fixed-99.income-table .dataTables_scrollHead {
    width: 100% !important;
}
div#table-width-fixed-99.income-table td.txt-white-space-nowrap {
    white-space: nowrap !important;
    padding: 0px 0px !important;
}
.cal-name-p-r-5.calender-name .col-md-8.col-sm-8.col-xs-12 h3.box-title.bold.h3-font-size-13 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px 0px;
}
.col-md-4.col-sm-4.col-xs-12 h3.box-title.bold.h3-font-size-13 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px 0px;
}
.row.cal-name-p-r-5.calender-name {
    margin: 0px -15px 8px -15px;
}
.form-group.radio-chk-m-t-4 input[type=checkbox], .form-group.radio-chk-m-t-4 input[type=radio]{
    margin-top: 3px;
}
.modal-dialog.width-800.new-width-1200 {
    width: 1200px;
}
.modal-dialog.popup-w-1390 {
    width: 1390px;
}
.mobile-claim-temp-name {
    margin-bottom: 10px;
}
table.table.table-leave-summary td.month-bg .sl-pl-lable {
    color: #000;
}
.box-body.main-dashboard-box .box-header.with-border .box-tools.pull-right button.btn.btn-box-tool {
    display: none;
}
.box-body.main-dashboard-box .row.box-box-shadow .col-md-4 .box-header {
    background: #efefef;
    box-shadow: unset;
    padding: 6px 6px;
}
.box-body.main-dashboard-box .row.box-box-shadow .col-md-4 .box-body {
    background: #efefef;
    border-top:1px solid #e1e1e1;
}
.box-body.main-dashboard-box .box-box-shadow .box {
    box-shadow: unset;
    padding: 8px 10px;
    background: #efefef;
}
/* Employee Profile  */
.employe-profile-title {
    background: #f0f0f0;
    padding: 10px 10px;
    font-weight: 600;
    font-size: 18px;
    color: #337ab7;
}
.row.employee-profile-box {
    margin: 0px;
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    padding: 30px;
}
.row.employee-profile-box .profile-img-height-width img#empImage {
    width: 100%;
    height: 100%;
}
.row.employee-profile-box .profile-img-height-width {
    width: 100%;
    height: 100%;
}
label.label-empl-photo {
    font-weight: 600;
    display: block;
    text-align: center;
}
.row.border-btm-profile {
    margin: 0px;
    border-bottom: 1px solid #dfdfdf;
    padding: 8px 0px;
}
.row.border-btm-profile .prfile-label-name {
    color: #337ab7;
    font-weight: 600;
}
.row.border-btm-profile .profile-label-txt{
    font-weight: 600;
}
.col-md-5.profile-m-t-30 {
    margin-top: 30px;
}                    
.mobile-display-block-profile {
    display: none;
}  
body.skin-blue.sidebar-mini.sidebar-collapse nav.navbar.navbar-static-top i.fa.fa-bars:before {
    content: "\f0c9";
}
body.skin-blue.sidebar-mini nav.navbar.navbar-static-top i.fa.fa-bars:before{
    content: "\f00d";
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a i {
    background: transparent;
    width: 34px;
    height: 22px;
    color: #ffffff;
    font-size: 14px;
    padding: 4px 0px;
    text-align: center;
    margin-right: 2px;
    border-radius: 5px;
    background: #006dcb;
    background-image: linear-gradient(to top, #32bfed 0%, #4468e7 100%);
}
aside.main-sidebar span.pull-right-container i.fa.fa-fw.pull-right.fa-plus,
aside.main-sidebar span.pull-right-container i.fa.fa-fw.pull-right.fa-minus{
    background: transparent !important;
    color: #000 !important;
    width: auto;
    height: auto;
    padding: 0px;
    border-radius: 0px;
}
ul.sidebar-menu.tree li i.fa.fa-angle-double-right {
    background: transparent !important;
    color: #3a9beb !important;
}
.btn-ganerateletter button.lnkbtn.icon-btn.btn-svn {
    border-radius: 50px;
    padding: 1px 10px 3px 2px;
}
.btn-ganerateletter button.lnkbtn.icon-btn.btn-svn i.fa.fa-plus,
.btn-ganerateletter i.fa.fa-trash.glyphicon.btn-glyphicon.glyphicon-trash {
    margin-right: 5px;
}
/* Start Sildebar menu icon code Start */
/* aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-eraser:before{
    content: "EEP";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-object-group:before{
    content: "MST";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-th-large:before{
    content: "EMP";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-ticket-alt:before{
    content: "GPM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-user:before{
    content: "SFT";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-adjust:before{
    content: "LVM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-list-alt:before{
    content: "LAA";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-money-bill-alt:before{
    content: "PAY";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-file:before{
    content: "SCR";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-server:before{
    content: "MIS";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-cog:before{
    content: "CFG";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-graduation-cap:before{
    content: "STM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-sitemap:before{
    content: "TDS";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-indent:before{
    content: "INV";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-chart-line:before{
    content: "ICR";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-film:before{
    content: "RES";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-copy:before{
    content: "R";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-bell:before{
    content: "NTF";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-braille:before{
    content: "EVT";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-cogs:before{                                                                                                                                                        
    content: "TRN";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-paste:before{
    content: "EPM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-file-alt:before{
    content: "CEM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-id-badge:before{
    content: "RSR";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-bars:before{
    content: "RMS";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-bandcamp:before{
    content: "PAR";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-university:before{
    content: "PAS";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-bookmark:before{
    content: "CLM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a i.fa.fa-book.book:before{
    content: "TP";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-clipboard-list:before{
    content: "EPS";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-tachometer-alt:before{
    content: "IDB";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-bath:before {
    content: "CLM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-crosshairs:before{
    content: "LVM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-wheelchair:before{
    content: "ORG";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-users:before{
    content: "EMP";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-yelp:before{
    content: "SM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-rupee-sign:before{
    content: "SP";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-rss:before {
    content: "DMM";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-bicycle:before{
    content: "VMS";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-simplybuilt:before{
    content: "HRL";
    font-family: calibri;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-slack:before{
    content: "URL";
    font-family: calibri;
} */
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a i.far.fa-money-bill-alt,
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a i.far.fa-file-alt {
    font-weight: 600;
}
/* End Sildebar menu icon code End */
.bootstrap-wysihtml5-insert-image-modal.modal.fade.in .modal-header a.close {
    background: #000;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 30px;
    line-height: 25px;
}
.col-sm-3.col-md-3.email .toggle{
    margin-left: 20px;
}
.col-sm-3.col-md-3.sms .toggle{
    margin-left: 20px;
}
alert.alert-success.invalid-login.col-md-12.msg-login {
    background: #902c4f !important;
    border-color: #902c4f !important;
    position: absolute;
    width: 78%;
    margin-top: 40px;
}
form#formLogin {
    margin-top: 90px;
}
select#departmentId option {
    height: 12px;
}
.col-sm-12.col-md-4.width-change-plus.mt-30 {
    margin-top: 30px;
}
.blink{
    animation: blink 2s linear infinite;
}
@keyframes blink{
    0%{opacity: .0;}
    50%{opacity: .7;}
    100%{opacity: 1;}
}
#divdownloadupload{
    padding: 30px 0px;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a i.fa.fa-angle-double-right{
    margin-right: -1px;
    position: absolute;
    left: -20px;
    top: -2px;
}
div#subViewDiv .row.position-fix-remove .nowrap.resp-msg-newline {
    font-size: 14px;
}
.table-responsive.font-size-pading.only-sal-process tfoot#empTableFooter tr, .table-responsive.font-size-pading.only-sal-process tfoot#empTableFooter tr td, .table-responsive.font-size-pading.only-sal-process tfoot#empTableFooter tr td div {
    height: 30px !important;
    line-height: 30px !important;
}
.table-responsive.font-size-pading.only-sal-process .dataTables_scrollFoot.salaryReportscrollFoot {
    display: none !important;
}
.cke_contents {
    height: 500px !important;
}
/* New Dashboard */
.design-box.jobopen-box p.design-p {
    text-align: center;
}
.design-box.jobopen-box {
    background: mediumorchid;
    padding: 5px;
    border-radius: 10px;
}
.design-box.jobopen-box:hover .counter-count {
    transform: scale(1.1);
    transition: transform .3s linear,-webkit-transform .3s linear;
}
.design-box.interview-box:hover .counter-count {
    transform: scale(1.1);
    transition: transform .3s linear,-webkit-transform .3s linear;
}
.design-box.total-resumes .inside-border .total-box-1 {
    background: #eb6c01;
    border-radius: 5px;
    padding: 0px 0px 0px 10px;
    border-right: 60px solid #c75b00;
}
.design-box.total-resumes .inside-border .total-box-2{
    background: #007bb5;
    border-radius: 5px;
    padding: 0px 0px 0px 10px;
    border-right: 60px solid #0071a7;
}
.design-box.total-resumes .inside-border .total-box-3{
    background: #cc0097;
    border-radius: 5px;
    padding: 0px 0px 0px 10px;
    border-right: 60px solid #af0081;
}
.design-box.total-resumes .inside-border .total-box-4{
    background: #7036a7;
    border-radius: 5px;
    padding: 0px 0px 0px 10px;
    border-right: 60px solid #64269f;
}
.design-box.total-resumes .counter-count.text-left {
    text-align: left;
    padding-bottom: 40px;
}
.inside-border.total-box a i {
    position: absolute;
    font-size: 32px;
    right: 34px;
    color: #fff;
    top: 32px;
    opacity: 0.7;
}
.inside-border.total-box:hover i{
    transform: scale(1.1);
    transition: transform .3s linear,-webkit-transform .3s linear;
}
span.total-res-no {
    color: #fff;
    font-weight: 600;
}
.design-box.interview-box {
    background: #007bff;
    padding: 5px;
    border-radius: 10px;
}
label.progress-label {
    margin-bottom: 0px;
}
#skills .progress-bar.bg-success {
    background-color: #28a745 !important;
}
#skills .bg-info {
    background-color: #17a2b8 !important;
}
#skills .bg-warning {
    background-color: #ffc107 !important;
}
#skills .bg-danger {
    background-color: #dc3545 !important;
}
#skills .progress {
    height: 34px;
    margin-bottom: 8px;
    border: 1px solid #d1d9db;
}
#skills .progress .skill {
    font-family: "Open Sans", sans-serif;
    line-height: 35px;
    padding: 0;
    margin: 0 0 0 7px;
    text-transform: uppercase;
}
#skills .progress-bar span.badge {
    background: #fafafa;
    color: #000;
    padding: 8px 1px;
    border-radius: 50px;
    margin: 0px -2px 3px 1px;
    width: 25px;
    height: 25px;
}
div#skills .skills-content .progress-bar{
    text-align: left;
}
#skills label.progress-label {
    font-size: 15px;
    margin-top: 3px;
}
.design-box.total-resumes .info-box-number {
    margin-top: 5px;
    font-size: 22px;
    padding-bottom: 0px;
    color: #000;
    text-align: left;
    font-weight: 500 !important;
}
.design-box.total-resumes .info-box{
    background: #ebebeb;
}
.design-box.total-resumes span.info-box-text {
    color: #000;
}
.design-box.total-resumes span.info-box-icon.bg-aqua {
    background: #00c0ef !important;
}
.design-box.total-resumes .info-box.aa span.info-box-text {
    color: #00c0ef;
    padding-top: 5px;
    font-size: 18px;
    text-transform: capitalize;
}
.design-box.total-resumes .info-box.bb span.info-box-text {
    color: #dd4b39;
    padding-top: 5px;
    font-size: 18px;
    text-transform: capitalize;
}
.design-box.total-resumes .info-box.cc span.info-box-text {
    color:#ff9a34;
    padding-top: 5px;
    font-size: 18px;
    text-transform: capitalize;
}
.design-box.total-resumes .info-box:hover i.fa{
    transform: scale(1.1);
    transition: transform .3s linear,-webkit-transform .3s linear;
}
.box-body.recr-dashboard .box-body {
    background-image: linear-gradient(to top, #ededed 0%, #ededed 100%);
    box-shadow: 0 0 15px rgb(14 14 14 / 30%) inset;
    padding: 10px;
    border-radius: 10px;
}
.total-box-data {
    background: #007bff;
    padding: 5px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
}
.design-box.total-resumes .inside-border.total-box p.design-p {
    padding-top: 10px;
}
.design-box.total-resumes .inside-border.total-box .counter-count.text-left {
    padding-bottom: 14px;
}
.info-box.main-total-letter .info-box-content {
    margin: 0px;
    padding: 8px 0px;
    text-align: center;
}
.info-box.main-total-letter span.info-box-number.counter-count{
    text-align: center;
}
.inside-main-total-letter {
    border: 2px solid #fff;
    padding: 4px;
    border-radius: 5px !important;
}
.design-box.total-resumes .info-box.main-total-letter {
    background: green;
    color: #fff;
    padding: 5px;
    border-radius: 5px !important;
}
.info-box.main-total-letter .inside-main-total-letter span.info-box-text,
.info-box.main-total-letter .inside-main-total-letter span.info-box-number.counter-count{
    color: #fff;
}
.inside-main-total-letter .info-box-content span.info-box-text {
    text-transform: capitalize;
}
.info-box.main-total-letter {
    background: #03aacd;
    color: #fff;
    padding: 6px;
    border-radius: 5px !important;
    margin-bottom: 0px !important;
    
}
.info-box.main-total-letter .inside-main-total-letter span.info-box-number.counter-count {
    padding-bottom: 0px !important;
}
.design-box.jobopen-box .counter-count {
    padding-bottom: 20px;
}
.inside-main-total-letter span.info-box-text {
    font-size: 18px;
}
.dataTables_scroll table.table.table-striped.display.set-a-btn.dataTable.no-footer .dflt.dflt-bttn:hover a .fa {
    color: #fff;
}

/* Start New Tabs Design  */
.new-tabs-design .vertical-tab{
    display: table;
    padding-left: 10px;
    width: 100%;
}
.new-tabs-design .vertical-tab .nav-tabs{
    width: 18%;
    min-width: 18%;
    border: none;
    box-shadow: -6px 0 0 rgb(34 82 148 / 85%);
    vertical-align: top;
    display: table-cell;
}
.new-tabs-design .vertical-tab .nav-tabs li{ 
    float: none; 
    margin-left: 20px;
}
.new-tabs-design .vertical-tab .nav-tabs li.tab-ml-0{
    margin-left: 0px;
}
.new-tabs-design .vertical-tab .nav-tabs li a{
    color: #444;
    background: #ddd;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    text-align: left;
    padding: 2px 10px 2px;
    margin: 0 0 2px -10px;
    border-radius: 0 20px 20px 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease 0s;
}
.new-tabs-design .vertical-tab .nav-tabs li a:hover,
.new-tabs-design .vertical-tab .nav-tabs li.active a,
.new-tabs-design .vertical-tab .nav-tabs li.active a:hover{
    color: #fff;
    background: #225294db;
    border: none;
}
.new-tabs-design .vertical-tab .nav-tabs li a:before{
    display:none;
}
.new-tabs-design .vertical-tab .nav-tabs li.tab-ml-0 a:before{
    content: '';
    background: linear-gradient(to top right,transparent 50%,#333 50%);
    height: 4px;
    width: 10px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    display:block
}
.new-tabs-design .vertical-tab .tab-content{
    color: #555;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 21px;
    padding: 15px 15px 15px 20px;
    display: table-cell;
}
.new-tabs-design .vertical-tab .tab-content h3{
    color: #7E6A63;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px;
}
.new-tabs-design .vertical-tab .nav-tabs li.tab-ml-0 a {
    background: #225294;
    color: #fff;
    padding: 4px 15px 4px;
    font-size: 18px;
}
@media only screen and (max-width: 479px){
    .new-tabs-design .vertical-tab .nav-tabs{
        width: 100%;
        display: block;
    }
    .new-tabs-design .vertical-tab .nav-tabs li a{
        padding: 10px 10px 9px;
        margin: 0 0 12px -10px;
    }
    .new-tabs-design .vertical-tab .tab-content{
        font-size: 14px;
        display: block; 
    }
}
.new-tabs-design .vertical-tab ul.nav.nav-tabs li ul.nav.nav-tabs {
    padding-left: 20px;
}
ul.nav.nav-tabs.inside-ul {
    padding-left: 0px !important;
    width: 18%;
    min-width: 18%;
    border: none;
    box-shadow: unset;
    display: initial;
}
.row.new-tabs-design ul.nav.nav-tabs .collapse {
    margin-left: 0px !important;
}
.new-tabs-design .vertical-tab .nav-tabs li.collapse{
    margin-left: 0px !important;
}
.modal-body.new-popup-demo .employee-light {
    font-weight: 500;
}
.modal-body.new-popup-demo .employee-dark {
    font-size: 16px;
    font-weight: 600;
}
.modal-body.new-popup-demo{
    padding-top: 0px;
}
.row.border-btm {
    border-bottom: 1px solid #f4f4f4;
    padding: 10px 0px;
}
.col-md-pos-abs {
    width: 20%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}
/* End New Tabs Design  */
span.footer-ml-0 .main-footer {
    margin-left: 0px;
}
.footer-ml-0.bg-footer footer.main-footer{
    background: #f0f0f0;
    border-top: 0px;
    box-shadow: unset;
}
div#investmentDeclarationPopup {
    height: auto !important;
}
.col-sm-3.hdEffectiveDate .dateBox.pull-left.form-control.valid-background-color.valid-border-red{
    border:1px solid #ced4da;
}
.col-sm-12.tbl-m-t--1 .fixTableHead thead th{
    top: -1px;
}
.box.fix-height-dashboard-box .box-body {
    min-height: 145px;
}
.col-md-4.dashboard-md4-pd-lr-0 span.icon-box-title i.fa.fa-clock{
    color: #0074dd;
}
.main-shift-sum .design-p-n {
    margin-bottom: 0px;
    font-size: 22px;
    color: #fff;
    display: block;
}
.row.counter.main-shift-sum {
    margin-bottom: 15px;
}
.design-box.shift-sum-bg1 {
    background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);
}
.main-shift-sum .design-box {
    padding: 4px 4px;
    border-radius: 10px;
}
.main-shift-sum .inside-border {
    padding-top: 10px;
}
.main-shift-sum .shift-sum-bg2 {
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
}
.main-shift-sum .shift-sum-bg3 {
    background-image: linear-gradient(to top, #7028e4 0%, #da97ed 100%);
}
.main-shift-sum .shift-sum-bg5 {
    background-image: linear-gradient(-60deg, #ff3838 0%, #ff8787 100%);
}
.main-shift-sum .shift-sum-bg6{
    background-image: linear-gradient(to top, #979797 0%, #c9c9c9 100%);
}
h3.box-subtitle {
    font-size: 18px;
    font-weight: 400;
    font-family: calibri;
    color: #000;
    margin: 0px 10px;
    border-bottom: 1px solid #e1e1e1;
    padding: 6px 6px;
    text-align: left;
    margin-bottom: 13px;
    letter-spacing: 0.9px;
}
h3.box-subtitle i.fa.fa-sitemap {
    color: #2e8b57;
}
.main-shift-sum .inside-border .counter-count {
    padding-top: 10px;
}
div#shift-summary-box .box {
    min-height: 418px;
}
div#shift-summary-box .inside-border .counter-count{
    padding-bottom: 6px;
    padding-top: 0px;
}
.main-shift-sum .inside-border .col-md-12.col-xs-12 {
    padding: 0px 4px;
}
i#togglePassword {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
}
a#sideBar span.menu-txt {
    display: block;
    width: 100%;
}
body.skin-blue.sidebar-mini.sidebar-collapse .wrapper {
    background: #eeeeee;
}
body.skin-blue.sidebar-mini.sidebar-collapse aside.main-sidebar .fdf a#sideBar {
    left: 0;
    transition: all .2s;
}
body.skin-blue.sidebar-mini aside.main-sidebar .fdf a#sideBar{
    left: 295px;
    background: #006dcb;
    position: absolute;
    color: #fff;
    padding: 12px 4px;
    line-height: 18px;
    width: 24px;
    text-align: center;
    top: 150px;
    clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%);
    height: 115px;
    vertical-align: middle;
    padding: 20px 0px;
    font-weight: 600 !important;
    transition: all .2s;
    background-image: linear-gradient(to top, #32bfed 0%, #4468e7 100%);
}
span.fdf{
    transition: transform .3s ease-in-out;
    position: fixed;
}
body.skin-blue.sidebar-mini span.menu-txt{
    display: none;
}
.table-responsive tbody td .table thead th {
    color: #000000 !important;
    font-weight: 600;
}
.table-responsive tbody td .table thead {
    background: #dddddd !important;
}
li.treeview.active ul.treeview-menu li a:after, li.treeview.active ul.treeview-menu li a:before{
    content: '';
    left: -18px;
    position: absolute;
    right: auto;
}
li.treeview.active ul.treeview-menu li a:after{
    border-top: 2px solid #3a9beb;
    height: 2px;
    top: 8px;
    width: 18px;
}
li.treeview.active ul.treeview-menu li a:before{
    border-left: 2px solid #3a9beb;
    bottom: 10px;
    height: 100%;
    top: -12px;
    width: 1px;
}
aside.main-sidebar section.sidebar ul.sidebar-menu.tree li a .fa-angle-double-right:before{
    content: "\f054";
}
li.treeview.active ul.treeview-menu.menu-open li {
    border-right: 1px solid #d8d8d8a6;
}
.content-header .inline span.subtitle-header {
    color: #e85d1e;
}
.content-header .inline i.fa.fa-angle-right {
    font-size: 18px;
}
.our-teamh{
    padding: 10px 0 35px;
    background: #f7f5ec;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.our-teamh .pic{
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-bottom: 0px;
    z-index: 1;
    position: relative;
}
.our-teamh .pic:before{
    content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background: #ee4266;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.2;
    transform: scale(3);
    transition: all 0.3s linear 0s;
}
.our-teamh .pic:before{ height: 100%; }
.our-teamh .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ee4266;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.our-teamh .pic img{
    width: 100%;
    height: 130px;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
}
.our-teamh:hover .pic img{
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
}
.our-teamh .team-content{ margin-bottom: 0px; }
.our-teamh .title{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-top: 10px;
}
.our-teamh .post{
    display: block;
    font-size: 15px;
    color: #444;
    text-transform:capitalize;
}
.our-teamh .social{
    width: 100%;
    padding: 0;
    margin: 0;
    background: #eb1768;
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.5s ease 0s;
}
.our-teamh .social{ bottom: 0; }
.our-teamh .social li{ display: inline-block;padding: 5px 2px;color:#fff; }
.our-teamh .social li a{
    display: block;
    padding: 10px;
    font-size: 17px;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.our-teamh .social li a:hover{
    color: #eb1768;
    background: #f7f5ec;
}
@media only screen and (max-width: 990px){
    .our-teamh{ margin-bottom: 30px; }
}
.content-wrapper .box .box-header.with-border.box-header-remove {
    padding: 1.4px 0px;
    background-color: #3b93ea;
}
section.content-header .additional-information-bttn i.fa {
    font-size: 12px;
}
.main-header nav.navbar.navbar-static-top .ikd-its-tggl-line.mobile-width{
    width: 50%;
}
.content-wrapper{
    margin-top: 60px;
}
ul.treeview-menu.menu-open li:hover a {
    padding-left: 14px;
    /* transition: transform .3s ease-in-out, margin .3s ease-in-out !important; */
    transition: all 0.4s;
}
.about-version-title {
    font-size: 30px;
    font-weight: 600;
    color: #932c4e;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px;
}
.about-version-name {
    font-size: 18px;
    font-weight: 600;
    color: #4b89bf;
    margin-bottom: 10px;
}
.about-version-label {
    font-size: 18px;
    font-weight: 600;
}
.about-logo img {
    width: auto;
    border: 1px solid gray;
    border-radius: 50%;
    margin: 25px 0px;
}
.about-copyright {
    font-size: 18px;
    padding: 0px 0px;
    text-align: center;
    font-weight: 600;
}
.about-disc-txt {
    font-size: 16px;
    padding-top: 5px;
    margin-bottom: 20px;
    border-top: 1px solid #d5d5d5;
    margin-top: 10px;
}
.about-box {
    padding: 20px 30px;
    margin-top: 50px;
}
.box.about-box-body {
    height: 750px;
}
.skin-blue .sidebar-menu>li.treeview.active ul.treeview-menu {
    display: block !important;
}
ul.treeview-menu.menu-open li:hover a span{
    transform: scale(1.5);	
}
ul.sidebar-menu.tree li.treeview ul.treeview-menu li a span {
    padding: 4px 0px;
}
div#subViewDiv table.table.table-striped.table-responsive.mrg-top-10 tr td, div#subViewDiv table.table.table-striped.table-responsive.mrg-top-10 tr th {
    white-space: normal !important;
    font-size: 13px !important;
}
div#pdfDownload button.sbt-prc-fnd-bttn {
    background: #5867dd;
    border-radius: 3px !important;
    float: right;
}
.md-btn-mt-20 {
    margin-top: 20px;
}
body.skin-blue.sidebar-mini .ikd-its-tggl-line span.license-m-d-none {
    margin-left: -10px;
    font-size: 14px;
}
body.skin-blue.sidebar-mini.sidebar-collapse .ikd-its-tggl-line span.license-m-d-none{
    margin-left: 0px;
}
span.username_txt {
    color: #2b5191;
    font-size: 16px;
    font-weight: 600;
}
.table>tbody>tr>td .form-control:focus{
        border-color: #2a41ff;
        background: #fff1db !important;
}
.salary-str-error .validationMsg {
    position: relative;
    line-height: 16px;
}
span.Incomplete-Working-Hours-icon-txt i.fa.fa-circle {
    color: #dcaf09;
}
.new-doc-pdf-box {
    border: 1px solid #000;
    padding: 30px 30px;
    margin-bottom: 20px;
}
.table-responsive tbody td .table thead tr th {
    color: #000 !important;
    font-weight: 600;
}
.table-responsive tbody td .table thead {
    background: #dddddd !important;
}
.table-responsive.custom-fixTableHead {
   overflow-y: auto;
   max-height: 500px;
}
.table-responsive.custom-fixTableHead thead th {
   position: sticky;
   top: 0;
}
.table-responsive.custom-fixTableHead table {
   border-collapse: collapse;        
   width: 100%;
}
.table-responsive.custom-fixTableHead table th {
   background: #006dca;
}
.box-body.cal-body-p-t-6 {
    border: 1px solid #e7e7e7cc;
}
.col-md-12.mb-10 {
    margin-bottom: 10px;
}
.box-celebration.bg-blue .count {
    color: #bc67d4;
}
.box-celebration .count {
    color: #08a3ef;
}
.box-celebration.bg-work-annv .count {
    color:#6937e5;
}
.col-md-3.sml-divi-pl-0 {
    padding-left: 0px;
}
div#celebration .col-md-12.mb-10 .row.row-m-0{
    margin: 0px;
}
div#celebration .row.row-m-0 .col-md-6 .col-md-6.col-xs-6.pd-l-0 {
   padding: 0px;
}
div#celebration .row.row-m-0 .col-md-6 .col-md-6.col-xs-6.border-right-white{
    padding: 0px;
}
.box-celebration .box-inside-cel .row.row-m-0 {
    margin: 0px;
}
.box-body.main-dashboard-box .row.box-box-shadow .col-md-4 .box-body {
    background: #efefef;
    border-top: 1px solid #e1e1e1;
}
.col-md-4.dashboard-md4-pd-lr-0 .box-inside-cel .row.row-m-0 .col-md-6.col-xs-6 {
    padding: 0px;
}
div#manualAttadReports table.table.table-striped.display.dataTable.no-footer thead th {
    position: sticky;
    background: #006dca;
}
.box-body.new-leave-box .col-md-12.border-btm-white .celebration-title{
    height: 50px;
}
.box-body.new-leave-box .box-inside-cel .row.row-m-0 .sab-tile-1 {
    padding-top: 10px;
}
.row.m-0 .col-md-4 .ls-bttn {
    width: 100%;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 0px;
    padding: 5px 0px;
    margin: 0px;
}
.row.m-0 .col-md-4 .ls-bttn .anchor {
    color: #000000;
}
.row.m-0 .col-md-4 .ls-bttn:hover {
    background: #c4c4c44f;
    transition: color .15s,background-color .15s,border-color .15s,box-shadow .15s,-webkit-box-shadow .15
}
.Pending-cls span.lst-nt {
    background: #4675e4 !important;
    /*background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%) !important;*/
}
.row.m-0 .col-md-4 .ls-bttn .lst-nt {
    margin-top: 5px;
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 16px;
}
.Rollbacked-cls span.lst-nt {
    background: #7297d6 !important;
    /*background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%) !important;*/
}
.row.m-0 .col-md-4 .ls-bttn .anchor {
    color: #000000;
}
.row.m-0 .col-md-4 .ls-bttn .lst-nt {
    margin-top: 5px;
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 16px;
}
.col-md-3.sml-divi-pl-0 div#you-self .box-body.new-leave-box .row.m-0 .col-md-4,
.col-md-3.sml-divi-pl-0 div#your-circle .box-body.new-leave-box .row.m-0 .col-md-4,
{
    padding: 0px;
}
div#celebrationsLeptop .box-body.new-leave-box .box-celebration .row.row-m-0 .border-btm-white{
    border-bottom: 0px;
}
div#celebrationsLeptop .box-body.new-leave-box .box-inside-cel .row.row-m-0 .sab-tile-1 .total-cel {
    padding-top: 10px;
}
.col-md-3.sml-divi-pl-0 .box-body.new-leave-box .row.m-0 .col-md-4 {
    padding: 0px;
}
.header-fix-reports thead.custom-header tr,
.header-fix-reports thead.custom-header tr th,
.header-fix-reports thead.custom-header tr th div {
    height: auto !important;
}
.header-fix-reports thead.custom-header tr,
.header-fix-reports thead.custom-header tr th{
    background: #006dca;
}
.header-fix-reports .dataTables_scrollHead .dataTables_scrollHeadInner thead.custom-header {
    display: none !important;
}
.header-fix-reports .fixTableHead {
    overflow-y: unset;
    max-height: unset;
    height: unset;
}
.header-fix-reports .table>thead>tr>th, .header-fix-reports .table>tbody>tr>th, .header-fix-reports .table>tfoot>tr>th, .header-fix-reports .table>thead>tr>td, .header-fix-reports .table>tbody>tr>td, .header-fix-reports .table>tfoot>tr>td{
    border:1px solid #333 !important;
}
.col-lg-12.col-md-12.col-xs-12.space-excel-btn div#empTable_length {
    margin-right: 15px;
}
div#employeeSalaryDiv .table-responsive.fix-headerstatement .dataTables_scrollHead.salaryReportscrollHead {
    display: none;
}
div#employeeSalaryDiv .table-responsive.fix-headerstatement .dataTables_scrollBody thead tr, div#employeeSalaryDiv .table-responsive.fix-headerstatement .dataTables_scrollBody thead tr th,
 div#employeeSalaryDiv .table-responsive.fix-headerstatement .dataTables_scrollBody thead tr th div{
    height: 30px !important;
    line-height: 30px;
}
table.table.table-leave-summary td {
    padding: 0px !important;
}
.col-sm-12.mrg-top-20.forget-pwd-msg .erremailId {
    font-size: 12px;
}
.modal .modal-header h4 {
    margin: 0px;
}
.modal .modal-content .modal-header {
    border-bottom: 1px solid #ededed;
    color: #006dca !important;
}
.forgot-msg {
    position: absolute;
    left: 14px;
    top: 35px;
    font-size: 12px;
}
div#dutyLocationHide .col-sm-3 .rptx-box .conta{
    font-size: 16px
}
section.content div#header i.fa {
    font-size: 12px;
}
.table-responsive.fixTableHeadff div#tableId_wrapper .dataTables_length {
    margin-right: 5px;
}
span.employee-txt {
    color: dodgerblue;
    font-weight: 600;
}
.additional-information-bttn.m-r-30{
    margin-right: 30px;
}
.fr-grp.f-s-12.val-w-280per .errtxtPassword {
    width: 290%;
}
.part-40-inside form#formLogin .validationMsg {
    color: red;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th{
    color: #fff !important;
    font-weight: 600;
}
tr.even {
    background-color: #fff !important;
}
table.table.table-striped.table-responsive th, table.table.table-striped.table-responsive th b,
table.table.table-striped.display.dataTable.no-footer .tb-heading, table.table.table-striped.display.dataTable.no-footer .tb-heading b{
    background: #006dca !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.row.cal-header h1.box-title.active-title-set.xs{
    font-weight: 400;
    font-family: calibri;
    margin: 5px 0px 5px 0px;
}
.excel-btn-n2, .excel-btn-n, a.dt-button.noExport.pull-right.excel-btn-n {
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%) !important;
}
a.dflt.dflt-bttn.btn-red-template {
    background-color: red;
    border-color: red;
    color: #ffffff;
    padding: 2px 6px;
}
.dflt-bttn.delete-btn-n, .dflt-bttn.delete-btn-n:hover {
    border-radius: 5px;
    color: #fff;
    border-color: red;
    background: red;
}
.dflt-bttn.view-btn-n, .dflt-bttn.view-btn-n:hover {
    border-radius: 5px;
    color: #fff;
    border-color:#0dace1 !important;
    background: #0dace1 !important;
}
.dflt-bttn.add-btn-n, .dflt-bttn.add-btn-n:hover {
    border-radius: 5px;
    color: #fff;
    border-color: #088813;
    background-image: linear-gradient(to top, #008000 0%, #088813 100%);
}
.dflt-bttn.edit-btn-n, .dflt-bttn.edit-btn-n:hover {
    border-radius: 5px;
    color: #fff;
    border-color: royalblue;
    background: royalblue;
    margin-bottom: 2px;
}
.dflt-bttn.download-btn-n, .dflt-bttn.download-btn-n:hover {
    border-radius: 5px;
    color: #fff;
    border-color: mediumpurple;
    background: mediumpurple;
}
a.dflt.dflt-bttn.btn-red-template {
    background-color: #858585 !important;
    border-color: #858585 !important;
    color: #ffffff !important;
    padding: 2px 6px;
    border-radius: 4px !important;
}
.dflt-bttn.other-gray-btn-n, .dflt-bttn.other-gray-btn-n:hover{
    border-radius: 5px;
    color: #fff;
    border-color: #858585;
    background: #858585;	
}
.print-btn-n {
    background-image: linear-gradient(to right, #868f96 0%, #707070 100%) !important;
}
section.content-header .additional-information-bttn {
    color: #fff;
}
p.about-ph-120 {
    height: 120px;
}
.content-header h1.inline .fa-angle-right:before {
    content: "/";
}
header.main-header a.project-name {
    color: #006dcb;
}
span.header-icon i.fa, span.header-icon i.fas, span.header-icon i.far {
    color: #3b93ea;
}
div#employeeSummaryDivBox .box-body {
    background: rgb(244 244 244);
    border-top: 1px solid #d0d0d0;
    padding: 0px 10px;
}
div#employeeSummaryDivBox .emp-smmry-line{
    margin-bottom: 0px;
    padding: 7px 0px;
}
@keyframes span.license-m-d-none{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}
span.inside-license{
    animation: blink 1s linear infinite;
}
ul.dropdown-menu ul.menu.menu-height-290 li a i {
    color: #006dca;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover i {
    color: #fff;
}
.oops-txt {
    font-size: 48px;
    text-align: center;
    padding: 20px 0px;
}
.unauthorize-msg{
    color: #000 !important;
    font-weight: 600;
    font-size: 22px;
    padding-bottom: 40px;
    padding-top: 20px;
}
#celebration .email-signature{
    background: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 0;
    padding: 10px 0;
    border-top: 10px solid #f982bd;
    border-bottom: 10px solid #f982bd;
    box-shadow: 0 30px 30px -20px rgb(0 0 0 / 30%);
}
#celebration .email-signature .signature-icon{
    background-color: #00A7FB;
    height: 110px;
    width: 110px;
    padding: 5px;
    margin: 0 auto 15px;
}
#celebration .email-signature .signature-icon img{
    height: auto;
    width: 100%;
    border-radius: 20px;
}
#celebration .email-signature .title{
    color: #00A7FB;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}
#celebration .email-signature .post{
    color: #6DCEF6;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    display: block;
}
#celebration .email-signature .signature-content{
    width: 100%;
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
#celebration .email-signature .signature-content:before{
    content: "";
    background: repeating-linear-gradient(#eb7ce7, #eb7ce7 5px, #a569ff 5px, #b176ff 10px);
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#celebration .email-signature .signature-content li{
    color: #fff;
    background:#c78752;
    font-size: 14px;
    padding: 15px 5px 16px 5px;
    background-image: linear-gradient(to top, #c78752 0%, #c78752 100%);
}
#celebration .email-signature .signature-content li:nth-child(even){ background:#ab8b8a;background-image: linear-gradient(to top, #ab8b8a 0%, #ab8b8a 100%);}
#celebration .email-signature .signature-content li i{
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    width: 25px;
    height: 25px;
    margin-right: 0px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
}
#celebration .email-signature .signature-content span.count{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    border-radius: 6px;
    margin-right: 0px;
    display: inline-block;
    width: 75px;
    color:#f965b2;
    float: right;
}
#celebration .email-signature .signature-content a.anchor{
    color:#fff !important;
    display: block;
}
#celebration .email-signature .signature-content a.anchor:hover i{
    background-color: #fff;
    color: #ff6db5;
}
span#ha {
    color: #717171;
}
div#calender-first .box-header.with-border .additional-information-bttn.m-r-30{
    background-image: linear-gradient(-20deg, #4560e7 0%, #8da2ef 100%);
    border: 1px solid #7a95fd;
}
.content-wrapper .box .box-header.with-border.dashboard-header-color .additional-information-bttn{
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
    border: 1px solid #0fa564;
}
.body-full-height-fix {
    min-height: 600px;
}
.add-btn-green{
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
    border-color: #0ca361;
}
.add-btn-green .fa{
    color: #0ca461;
}
.add-btn-green:hover{
    border-color: #0ca361;
    background-image: linear-gradient(to top, #0cbb6f 0%, #58b7a1 100%);
}
.search-btn-n i.fa.fa-search-plus {
    font-size: 13px !important;
    padding: 5px 5px;
    color: #55abc3;
}
.search-btn-n {
    background-image: linear-gradient(-225deg, #5eb2c5 0%, #50A7C2 100%);
    border-color: #55abc3;
}
.search-btn-n:hover {
    background-image: linear-gradient(-225deg, #5eb2c5 0%, #3d9ab7 100%) !important;
    border-color: #55abc3 !important;
}
.form-group.m-mb-10.n-m-mb-0 {
    margin-bottom: 0px;
}
@media screen and (max-width:576px){
    #celebration .email-signature{
        padding: 0;
        border: none;
    }
    #celebration .email-signature .signature-content{
        width: 100%;
        text-align: center;
    }
    #celebration .email-signature .signature-content{ padding: 30px 0 0; }
    #celebration .email-signature .signature-content:before{
        width: 100%;
        height: 30px;
    }
}
.new-dashboard .box-body {
    background-image: linear-gradient(to top, #ededed 0%, #ededed 100%);
    box-shadow: inset 0 -3em 3em rgb(191 191 191 / 30%), 0 0 0 2px #d9d9d9, 0.3em 0.3em 1em rgb(112 112 112 / 60%);
    box-shadow: 0 0 15px rgb(14 14 14 / 30%) inset;
}
.new-dashboard .fix-height-dashboard-box .box-body {
    min-height: auto;
    border-radius: 10px;
}
.box-body.new-dashboard .counter-count{
    color: #4675e4;
    font-size: 40px;
    font-weight: 600;
    display: inline;
}
.box-body.new-dashboard .count-per {
    color: gray !important;
    font-size: 18px;
    margin-left: 5px;
}
.box-body.new-dashboard span.counter-count.count-per {
    color: gray !important;
    font-size: 18px;
    margin-left: 0px;
    padding-bottom: 0px;
}
div#chartContainera {
    background: #f3f3f3;
}
.sub-dashboard-lable {
    text-align: center;
    font-size: 18px;
    color: #505050;
    font-weight: 600;
    padding-bottom: 10px;
}
.border-left-only{
    border-left: 1px solid #505050cc;
}
.lable-year {
    width: 20%;
    float: left;
    text-align: right;
    padding-right: 5px;
    font-size: 15px;
    margin-top:-3px;
}
.progress.cust-progress .bg-warning {
    background: #feb561;
}
.lable-new-joining {
    font-size: 18px;
    color: #505050;
    font-weight: 600;
    float: left;
    padding-right: 10px;
}
.service-new-joining {
    border-bottom: 1px solid lightgrey;
}

.service-new-joining .dashboard-count {
    padding-bottom: 0px !important;
    text-align: left !important;
}
.holiday-lable {
    text-align: center;
    font-size: 18px;
    color: #4675e4;
    font-weight: 600;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background: rgb(237 237 237);
    border-radius: 10px;
    margin-bottom: 3px;
    font-weight: 600;
    box-shadow: rgba(14, 14, 14, 0.3) 0px 0px 15px inset;
    padding: 3px 2px;
}
.border-left-right {
    border-left: 1px solid #505050cc;
    border-right: 1px solid #505050cc;
}
.paid-holiday-box .dashboard-lable {
    padding-bottom: 0px !important;
}
.paid-holiday-box .service-new-joining {
    margin-bottom: 4px;
}
.box-body.new-dashboard .box, .box-body.new-dashboard .box box-body{
    border-radius: 10px;
}
.new-dashboard .box-body.gender-box {
    position: relative;
}
.new-dashboard .box-body.gender-box .dashboard-lable,
.new-dashboard .fix-height-dashboard-box .gender-box .dashboard-count{
    text-align: right;
    padding-right: 15px;
    padding-bottom: 10px;
}
.box-body.gender-box .counter-count {
    font-size: 40px;
    padding-bottom: 0px;
}
.progress.cust-progress span.badge.badge-dark{
    float: right;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px 0px;
    vertical-align: middle;
    margin-top: 1px;
    line-height: 15px;
    border-radius: 50px;
    background: #fff;
    color: #feb561;
}
.service-new-joining span.counter-count{
    font-size: 22px !important;
}
.new-dashboard .box-body.new-leave-box .row.row-m-0 {
    margin-bottom: 10px;
}
.new-dashboard .box.fix-height-dashboard-box .box-celebration{
    background-image: linear-gradient(120deg, #4876e3 0%, #4675e4 100%);
}
.new-dashboard .box-celebration .count{
    color: #4675e4;
}
.box-body.new-dashboard .row.row-m-0 .border-btm-white {
    padding: 8px 0px;
}
.new-dashboard .box.fix-height-dashboard-box .cust-progress {
    margin-bottom: 8px;
}
.new-dashboard .box-body:hover {
    transform: translateY(0px) scale(1.0);
    transition: all 0.25s ease;
    background-image: linear-gradient(to top, #ededed 0%, #ededed 100%);
/*    box-shadow: inset 0 -3em 3em rgb(191 191 191 / 30%), 0 0 0 2px #d9d9d9, 0.3em 0.3em 1em rgb(112 112 112 / 60%);*/
    box-shadow: 0 0 15px rgb(14 14 14 / 30%) inset;
}
.box-body.new-dashboard {
    box-shadow: inset 0 -3em 3em rgb(255 255 255 / 30%), 0 0 0 2px #e1e1e1, 0.3em 0.3em 1em rgb(199 199 199 / 60%);
}
.new-dashboard .border-bottom{
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 8px;
}
.leave-summ-box .counter{
    color: #068b77;
    background: linear-gradient(#eee,#f1f1f1);
    font-family: 'Poppins', sans-serif;
    width: 90%;
    text-align: center;
    padding: 7px 10px;
    margin: 0 auto;
    border-radius: 15px 15px 0 0;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    border: 1px solid;
    border-radius: 10px;
}
.leave-summ-box .counter:before{
    content: "";
    background: linear-gradient(to right,#00a65a,#00a65a);
    width: calc(100% + 20px);
    height: 60px;
    border-radius: 5px 5px 20px 20px;
    position: absolute;
    bottom: -1px;
    left: -10px;
    z-index: -1;
}
.leave-summ-box .counter h3{
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.leave-summ-box .counter .counter-value{
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 2px;
    display: block;
}
.leave-summ-box .counter .counter-icon{
    color:#fff;
    background: linear-gradient(to right,#00a65a,#00a65a);
    font-size: 30px;
    line-height: 65px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 5px solid #fff;
    margin: 0 auto;
}
.leave-summ-box .counter.pink{ color: #ED4497; }
.leave-summ-box .counter.pink:before,
.leave-summ-box .counter.pink .counter-icon{
    background: linear-gradient(to right,#ED4497,#F076AD);
}
.leave-summ-box .counter.orange{ color: #fa8231; }
.leave-summ-box .counter.orange:before,
.leave-summ-box .counter.orange .counter-icon{
    background: linear-gradient(to right,#fa8231,#fd9644);
}
.leave-summ-box .counter.blue{ color: #2F6A9F; }
.leave-summ-box .counter.blue:before,
.leave-summ-box .counter.blue .counter-icon{
    background: linear-gradient(to right,#2F6A9F,#578BBC);
}
@media screen and (max-width:990px){
    .leave-summ-box .counter{ margin-bottom: 40px; }
}
.row.leave-summ-box .dashboard-count {
    padding-bottom: 0px;
}
.date-month {
  	width: 80%;
    margin-left: auto;
    margin-right: auto;
    background: rgb(237 237 237);
    border-radius: 10px;
    margin-bottom: 8px;
    font-weight: 600;
    color: #505050;
    box-shadow: rgba(14, 14, 14, 0.3) 0px 0px 15px inset;
    padding: 4px 2px;
}
.sl-pl-lable-border {
    margin: 2px 0px;
}
.sl-pl-lable-border a {
    width: 80%;
    display: block;
    font-weight: 500;
    background: rgb(237 237 237);
    border-radius: 10px;
    padding: 2px 0px;
    line-height: 22px;
    margin: 2px auto;
    box-shadow: rgba(14, 14, 14, 0.3) 0px 0px 15px inset;
}
.sl-pl-lable-border a:hover {
    background: rgb(237 237 237);
    border-radius: 10px;
    padding: 2px 0px;
    line-height: 22px;
    box-shadow: rgba(14, 14, 14, 0.3) 0px 0px 15px inset;
}
.new-celebration-box .counter{
    font-family: 'Montserrat Alternates', sans-serif;
    text-align: center;
}  
.new-celebration-box .counter .counter-icon{
    color: #fff;
    background-color:#8064a1;
    font-size: 40px;
    line-height: 80px;
    height: 95px;
    width: 95px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.new-celebration-box .counter .counter-value{
    color: #51abe8;
    background-color: #eee;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 5px 4px;
    margin: -25px 0 0;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display: block;
}
.new-celebration-box .counter h3{
    color: #fff;
    background-color: #8064a1;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding: 8px 5px;
    margin: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.2) inset;
    display: inline-block;
    width: 92%;
    margin-bottom:10px;
}
.new-celebration-box .counter.green .counter-icon,
.new-celebration-box .counter.green h3{
    background-color: #00a65a;
}
.new-celebration-box .counter.green .counter-value{ color: #3BB44A; }
.new-celebration-box .counter.red .counter-icon,
.new-celebration-box .counter.red h3{
    background-color: #F2474F;
}
.new-celebration-box .counter.red .counter-value{ color: #F2474F; }
.new-celebration-box .counter.orange .counter-icon,
.new-celebration-box .counter.orange h3{
    background-color: #F89128;
}
.new-celebration-box .counter.orange .counter-value{ color: #F89128; }
@media screen and (max-width:990px){
    .new-celebration-box .counter{ margin-bottom: 40px; }
}  
.new-celebration-box .total-cel {
    text-align: center;
    font-size: 18px;
    color: #505050;
    font-weight: 600;
    font-family: calibri !important;
} 
.birth-subbox{
    background: rgb(237 237 237);
    border-radius: 10px;
    padding: 2px 0px;
    line-height: 22px;
    margin: 4px auto 12px auto;
    box-shadow: rgba(14, 14, 14, 0.3) 0px 0px 15px inset;
    width: 70%;
}
span.align-w-set {
    display: inline-block;
    width: 25%;
    text-align: left;
    font-weight:600;
}
.sl-pl-lable-border span.cl-value {
    display: inline-block;
    width: 20%;
    font-weight: 600;
}
.new-dashboard .box-body {
    background-image: linear-gradient(to top, #ededed 0%, #ededed 100%);
    box-shadow: inset 0 -3em 3em rgb(191 191 191 / 30%), 0 0 0 2px #d9d9d9, 0.3em 0.3em 1em rgb(112 112 112 / 60%);
    box-shadow: 0 0 15px rgb(14 14 14 / 30%) inset;
}
.new-dashboard .fix-height-dashboard-box .box-body {
    min-height: auto;
    border-radius: 10px;
}
.new-dashboard .box-body .dashboard-lable {
    text-align: center;
    font-size: 18px;
    padding-bottom: 4px;
    font-weight: 600;
    color: #505050;
}
.new-dashboard .box-body .dashboard-count{
	text-align: center;
	padding-bottom: 5px;
}
.box-body.new-dashboard .counter-count{
	color: #4675e4;
    font-size: 40px;
    font-weight: 600;
    display: inline;
}
.box-body.new-dashboard .count-per {
	color: #e56717 !important;
    font-size: 18px;
    margin-left: 5px;
}
.box-body.new-dashboard span.counter-count.count-per {
    color: gray !important;
    font-size: 18px;
    margin-left: 0px;
    padding-bottom: 0px;
}
div#chartContainera {
    background: #f3f3f3;
}
.sub-dashboard-lable {
    text-align: center;
    font-size: 18px;
    color: #505050;
    font-weight: 600;
    padding-bottom: 10px;
}
.border-left-only{
	border-left: 1px solid #505050cc;
}
.lable-year {
    width: 20%;
    float: left;
    text-align: right;
    padding-right: 5px;
    font-size: 15px;
    margin-top:-3px;
    font-weight: 600;
}
.progress.cust-progress .bg-warning {
    background: #7297d6;
}
.lable-new-joining {
    font-size: 18px;
    color: #505050;
    font-weight: 600;
    float: left;
    padding-right: 10px;
}
.service-new-joining {
    border-bottom: 1px solid lightgrey;
}

.service-new-joining .dashboard-count {
    padding-bottom: 0px !important;
    text-align: left !important;
}
.border-left-right {
    border-left: 1px solid #505050cc;
    border-right: 1px solid #505050cc;
}
.paid-holiday-box .dashboard-lable {
    padding-bottom: 0px !important;
}
.paid-holiday-box .service-new-joining {
    margin-bottom: 2px;
}
.box-body.new-dashboard .box, .box-body.new-dashboard .box box-body{
	border-radius: 10px;
}
.new-dashboard .box-body.gender-box {
	position: relative;
}
.new-dashboard .box-body.gender-box .dashboard-lable{
	text-align: right;
    padding-right: 15px;
    padding-bottom: 10px;
}
.new-dashboard .fix-height-dashboard-box .gender-box .dashboard-count{
    text-align: right;
    padding-right: 15px;
    padding-bottom: 6px;
}
img.gender-img {
    position: absolute;
    width: 80px;
    margin-left: 7px;
    padding-top: 10px;
}
.box-body.gender-box .counter-count {
    font-size: 40px;
    padding-bottom: 0px;
}
.progress.cust-progress span.badge.badge-dark{
	float: right;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px 0px;
    vertical-align: middle;
    margin-top: 1px;
    line-height: 15px;
    border-radius: 50px;
    background: #fff;
    color: #03396c;
}
.service-new-joining span.counter-count{
	font-size: 22px !important;
}
.new-dashboard .box-body.new-leave-box .row.row-m-0 {
    margin-bottom: 10px;
}
.new-dashboard .box.fix-height-dashboard-box .box-celebration{
	background-image: linear-gradient(120deg, #4876e3 0%, #4675e4 100%);
}
.new-dashboard .box-celebration .count{
	color: #4675e4;
}
.box-body.new-dashboard .row.row-m-0 .border-btm-white {
    padding: 8px 0px;
}
.new-dashboard .box.fix-height-dashboard-box .cust-progress {
    margin-bottom: 6px;
}
.new-dashboard .box-body:hover {
    transform: translateY(0px) scale(1.0);
    transition: all 0.25s ease;
    background-image: linear-gradient(to top, #ededed 0%, #ededed 100%);
/*    box-shadow: inset 0 -3em 3em rgb(191 191 191 / 30%), 0 0 0 2px #d9d9d9, 0.3em 0.3em 1em rgb(112 112 112 / 60%);*/
    box-shadow: 0 0 15px rgb(14 14 14 / 30%) inset;
}
.box-body.new-dashboard {
    box-shadow: inset 0 -3em 3em rgb(255 255 255 / 30%), 0 0 0 2px #e1e1e1, 0.3em 0.3em 1em rgb(199 199 199 / 60%);
}
.leave-summ-box .counter{
	color: #068b77;
	background: linear-gradient(#eee,#f1f1f1);
    font-family: 'Poppins', sans-serif;
    width: 90%;
    text-align: center;
    padding: 7px 10px;
    margin: 0 auto;
    border-radius: 15px 15px 0 0;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    border: 1px solid;
    border-radius: 10px;
}
.leave-summ-box .counter:before{
    content: "";
    background:linear-gradient(to right, #0c767a, #058e76);
    width: calc(100% + 20px);
    height: 60px;
    border-radius: 5px 5px 20px 20px;
    position: absolute;
    bottom: -1px;
    left: -10px;
    z-index: -1;
}
.leave-summ-box .counter h3{
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.leave-summ-box .counter .counter-value{
	font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 2px;
    display: block;
}
.leave-summ-box .counter .counter-icon{
    color:#fff;
    background: linear-gradient(to right, #0c767a, #058e76);
    font-size: 30px;
    line-height: 65px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 5px solid #fff;
    margin: 0 auto;
}
.leave-summ-box .counter.pink{ color: #ED4497; }
.leave-summ-box .counter.pink:before,
.leave-summ-box .counter.pink .counter-icon{
    background: linear-gradient(to right,#ED4497,#F076AD);
}
.leave-summ-box .counter.orange{ color: #fa8231; }
.leave-summ-box .counter.orange:before,
.leave-summ-box .counter.orange .counter-icon{
    background:linear-gradient(to right, #008ba9, #005c9a);
}
.leave-summ-box .counter.blue{ color: #2F6A9F; }
.leave-summ-box .counter.blue:before,
.leave-summ-box .counter.blue .counter-icon{
    background: linear-gradient(to right,#2F6A9F,#578BBC);
}
@media screen and (max-width:990px){
    .leave-summ-box .counter{ margin-bottom: 40px; }
}
.row.leave-summ-box .dashboard-count {
    padding-bottom: 0px;
}
.sl-pl-lable-border {
    margin: 2px 0px;
}
.sl-pl-lable-border a {
	width: 80%;
	display: block;
    font-weight: 500;
    background: rgb(237 237 237);
    border-radius: 10px;
    padding: 1px 0px;
    line-height: 22px;
    margin: 2px auto;
    box-shadow: rgba(14, 14, 14, 0.3) 0px 0px 15px inset;
}
.sl-pl-lable-border a:hover {
	background: rgb(237 237 237);
    border-radius: 10px;
    padding: 1px 0px;
    line-height: 22px;
    box-shadow: rgba(14, 14, 14, 0.3) 0px 0px 15px inset;
}
.new-celebration-box .counter{
    font-family: 'Montserrat Alternates', sans-serif;
    text-align: center;
}  
.new-celebration-box .counter .counter-value{
	color: #51abe8;
    background-color: #eee;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 5px 4px;
    margin: -25px 0 0;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display: block;
}
.new-celebration-box .counter.green .counter-icon,
.new-celebration-box .counter.green h3{
    background-color: #ab8b8a;
}
.new-celebration-box .counter.green .counter-value{ color: #3BB44A; }
.new-celebration-box .counter.red .counter-icon,
.new-celebration-box .counter.red h3{
    background-color:#c78752;
}
.new-celebration-box .counter.red .counter-value{ color: #F2474F; }
.new-celebration-box .counter.orange .counter-icon,
.new-celebration-box .counter.orange h3{
    background-color: #F89128;
}
.new-celebration-box .counter.orange .counter-value{ color: #F89128; }
@media screen and (max-width:990px){
    .new-celebration-box .counter{ margin-bottom: 40px; }
}  
.birth-subbox{
	background: rgb(237 237 237);
    border-radius: 10px;
    padding: 2px 0px;
    line-height: 22px;
    margin: 0px auto 8px auto;
    box-shadow: rgba(14, 14, 14, 0.3) 0px 0px 15px inset;
    width: 70%;
}
span.align-w-set {
    display: inline-block;
    width: 25%;
    text-align: left;
	font-weight:600;
}
.sl-pl-lable-border span.cl-value {
    display: inline-block;
    width: 20%;
    font-weight: 600;
}
.box-body.new-dashboard span.counter-count.lbl-green {
    color: #008631;
}
.box-body.new-dashboard span.counter-count.lbl-absent {
    color: #eb3c27;
}
.box-body.new-dashboard span.counter-count.count-per {
    color: #e56717 !important;
    /* background: #e56717; */
}
.box-body.new-dashboard span.counter-count.lbl-dayShift {
    color: #dd4f00;
}
.box-body.new-dashboard span.counter-count.lbl-nightShift {
    color: #454545;
}
.leave-summ-box span.counter-value.todayCnt {
    color: #008ba9;
}
.leave-summ-box span.counter-value.monthCnt {
    color: #0c767a;
}
.birth-subbox.bdayupcoming {
    color: #eb3c27;
}
.birth-subbox.bdayToday {
    color: #008631;
    padding: 2px 0px;
    line-height: normal;
    font-size: 40px;
    font-weight: 600;
    font-family: calibri !important;
    line-height: 36px;
}
.box-body.new-dashboard span.counter-count.lbl-missPunch {
    COLOR: #c04000;
}
.box-body.new-dashboard span.counter-count.lbl-lateComing {
    color: #ee7600;
}
.box-body.new-dashboard span.counter-count.lbl-onProb {
    color: #008200;
}
.new-dashboard .box-body .dashboard-lable.holiday-name {
    color: #c78752;
}
.box-body.new-dashboard span.counter-count.lbl-paidHoliday {
    color: #008631;
}
.leave-summ-box .counter.orange{
	border-color: #0088a8;
}
.paid-holiday-box .box-body .row {
    overflow: auto;
    height: 125px;
}
body.skin-blue.sidebar-mini .new-celebration-box .counter h3{
	 padding: 8px 1px;
	 font-size: 11.5px;
}
.col-chart-box .dashboard-lable {
    margin-bottom: 25px;
}
.col-chart-box div#chartContainera .canvasjs-chart-container canvas.canvasjs-chart-canvas,
.col-chart-box div#chartContainera .canvasjs-chart-container{
	height: 100% !important;
}
.col-chart-box div#chartContainera {
    height: 445px !important;
}
.box-body.new-dashboard .box.fix-height-dashboard-box {
    margin-bottom: 15px;
}
.box.fix-height-dashboard-box.leave-sum .dashboard-lable.border-bottom {
    margin-bottom: 20px;
}
.col-md-4.main-col-p-lr-10 {
    padding: 0px 10px;
}
.today-green-lab{
	color:#c04000;
}
.row.new-celebration-box.new-celebration-employee .counter .counter-icon {
    font-size: 24px;
    line-height: 52px;
    height: 70px;
    width: 70px;
    margin: 0 auto;
    border-radius: 50%;
}
.row.new-celebration-box.new-celebration-employee .total-cel{
	font-size: 15px;
    font-weight: 600;
}
.row.new-celebration-box.new-celebration-employee .col-md-4.col-sm-4 {
    padding: 0px 8px;
}
.row.new-celebration-box.new-celebration-employee .birth-subbox.bdayToday{
	font-size: 30px;
	line-height: 28px;
}
img.anniversary-img {
    margin-top: -8px;
}
.row.new-celebration-box.new-celebration-employee img.anniversary-img {
    width: 45%;
}
.box-body.create-emp-box .sect-box .form-group label {
    font-size: 15px;
}
.box-body.create-emp-box .sect-box .form-group {
    margin-bottom: 15px;
}
.box-body.create-emp-box .sect-box {
    margin-bottom: 10px;
    padding: 10px 10px 5px;
}
/* popup change */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    background: #175295;
    border: 0;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    box-shadow: unset;
    border: solid 5px #175295;
    padding: 0px;
    border-radius: 5px;
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle span.ui-dialog-title {
    color: #fff;
}
.modal-dialog.modal-md {
    border: solid 5px #175295;
    border-radius: 5px;
}
.modal .modal-content .modal-header {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #ffffff !important;
    background: #175295;
    border: solid 1px #175295;
    border-bottom: solid 1px #175295;
    cursor: default;
    padding: 4px 0px 8px 0px;
    margin: 0em;
}
.box-body.recr-dashboard .box-box-shadow .box {
    border-radius: 10px;
}
.box-body.recr-dashboard .dashboard-lable.border-bottom {
    text-align: center;
    font-size: 18px;
    padding-bottom: 4px;
    font-weight: 600;
    color: #505050;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 20px;
}
.recr-dashboard .Selected-Onboarding {
    background: teal;
}
.recr-dashboard .Scheduled-Interviews-box {
    background: mediumslateblue;
}
.box-body.recr-dashboard .design-box.total-resumes .info-box.aa, .box-body.recr-dashboard .design-box.total-resumes .info-box.bb, .box-body.recr-dashboard .design-box.total-resumes .info-box.cc {
    background: #ffffff;
}
.design-box.ERF-Requests-box {
    background: #ff7158;
}
 span.ikd-its-tggl-line.header-inline-block.chk-out {
        border: 1px solid red;
        padding: 2px 4px;
        padding-bottom: 4px;
        border-radius: 5px;
        margin-left: 0px !important;
        background-color: red;
        width: auto;
        color:#fff;
        cursor: pointer;
    }
    span.ikd-its-tggl-line.header-inline-block.chk-in {
        border: 1px solid green;
        padding: 2px 4px;
        padding-bottom: 4px;
        border-radius: 5px;
        margin-left: 0px !important;
        background-color: green;
        width: auto;
        color: #fff;
        cursor: pointer;
    }
    span.ikd-its-tggl-line.header-inline-block.chk-in span,
    span.ikd-its-tggl-line.header-inline-block.chk-out span{
    	color:#fff;
    }
.form-control.disp-none {
    display: none;
}
.login-foot {
    width: 53%;
    text-align: center;
    right: 0px;
    position: relative;
    float: left;
    height: 100%;
    padding-top: 28%;
    padding-bottom: 20px;
    background: transparent;
}
.login-foot img {
    height: auto;
    width: 150px;
    margin-bottom: 30px;
}
a.cmp-name-txt, a.cmp-name-txt:hover, a.cmp-name-txt:focus {
    font-size: 36px;
    font-weight: 600;
    color: rgb(235, 100, 80);
    text-decoration: none;
}
.login-foot .txt-ctpl-blue {
    color: rgb(35, 131, 153) !important;
}
.login-foot.font-16 .form-group h1 {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 0px;
}
.login-box-pt-35 {
    padding-top: 35px;
}
.part-40-inside .wel-msg{
	position: relative;
    margin-bottom: 0px;
    text-align: center;
    font-family: calibri;
    color: rgb(235, 60, 39);
    font-weight: 600;
    font-size: 20px !important;
    white-space: normal !important;
}
/*new css start*/
.menu-item-box .menu-item img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: all 500ms;
}
.menu-item-box .menu-item .food-img {
    height: 200px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.menu-item-box .menu-item{
	box-shadow: rgb(51 51 51 / 65%) 0px 2px 8px;
    border-radius: 10px;
    position: relative;
    padding-bottom: 10px;
}
.menu-item-box .menu-item:hover img {
    transform: scale(1.1);
}
.menu-item-box h3.product-name-box {
    height: 40px;
    font-weight: 600;
    font-size: 18px;
    display: grid;
    align-items: center;
    color: #000;
}
.menu-item-box {
    margin-bottom: 30px;
}
.canteen-name{
	margin: 5px 0px 5px;
    font-weight: 800;
    font-size: 18px;
    color: green;
}
.border-box-item{
	border: 1px solid #80808021;
    padding: 15px 0px;
    border-radius: 8px;
    background: #f0f0f052;
}
.menu-item a#modeldescription {
    color: #000;
}
div#targetDiv img.product-img-popup {
    width: 100%;
    height: 300px;
}
div#targetDiv .row.row-m-lr-0 {
    margin: 0px;
    padding: 4px 0px;
}
.product-popup-main-box .product-detail-box {
    padding-top: 8px;
}
.product-detail-box .row.row-m-lr-0 {
    border-bottom: 1px solid #80808054;
}
.product-detail-box span.popup-lbl-name {
    font-weight: 400;
    color: lightslategrey;
}
.product-detail-box span.popup-product-name {
    font-size: 18px;
    font-weight: 600;
}
.product-popup-main-box .product-detail-box span.popup-lbl-txt {
    font-weight: 500;
}
.QR-code-generate-title {
    font-weight: 600;
    color: #e85d1e;
    font-size: 20px;
}
.qrcode-download-popup a.qrcode-btn {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    padding: 8px 18px;
    display: inline-block;
    border-radius: 8px;
    margin-bottom: 10px;
}
div#targetDiv .qrcode-popup-box img {
    border: 1px solid #808080bd;
    margin: 8px 0px;
}
.order-box .order-details .row.m-lr-0 {
    margin: 0px 0px;
}
.order-box .order-details .m-lr-0.order-id-time{
    border-bottom: 1px dashed #e85d1e;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 0px;
    margin-bottom: 8px;
    color: #009688;
}
.order-container .order-box{
	background-color: papayawhip;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
}
.order-details .row.m-lr-0.order-total-border {
    border-top: 1px dashed #e85d1e;
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
    padding-top: 8px;
    color: #009688;
}
.order-details .order-lbl-name {
    font-weight: 600;
}
.order-details .order-lbl-txt {
    font-weight: 600;
}
.order-details .qr-generate-btn{
	background: #e85d1e;
    padding: 4px 10px;
    color: #fff;
    border-radius: 5px;
    float: right;
}
.menu-item-box .menu-item div#prebookingover {
    position: absolute;
    top: 0px;
    z-index: 99;
    background: red;
    color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
}
.add-to-cart {
    background: #009688;
    color: #fff;
    border: 0px;
    padding: 5px 10px;
    border-radius: 4px;
}
.menu-item-box .menu-item .cart-quantity-container button {
    background: #009688;
    color: #fff;
    border: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    margin: 0px 4px;
}
.menu-item-box .menu-item .cart-quantity-container span {
    font-size: 18px;
    font-weight: 600;
    color: #009688;
}
.checkout-btn-top{
	background: #006dca;
    color: #fff;
    border: 0px;
    padding: 8px 10px;
    border-radius: 4px;
    margin-bottom: 5px;
    float: right;
    width: 13%;
    display: block;
    bottom: 0;
    position: fixed;
    left: 46%;
    z-index: 999999;
    font-size: 22px;
    font-weight: 600;
}
.order-details .order-lbl-txt.order-lbl-txt-height-fix {
    min-height: 80px;
}
button.product-plu-min-btn {
    background: #009688;
    color: #fff;
    border: 0px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 4px;
    margin: 0px 4px;
}
span.num-item-product {
    font-size: 18px;
    font-weight: 600;
    color: #009688;
}
div#cartTableBody {
    border: 0px solid #dbdbdb;
    padding:0px;
    border-radius: 5px;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}
.box-header.your-cart-title{
	background: transparent !important;
	text-align: center;
}
.box-header.your-cart-title h3.box-title{
	color: #fff;
    padding: 8px 24px;
    font-size: 18px;
    font-weight: 600;
    background: #009688;
    border-radius: 30px;
    text-align: center;
}
div#cartTableBody .checkout-list-box label.lbl-name {
    font-size: 18px;
    margin-bottom: 0px;
}
div#cartTableBody .checkout-list-box label.lbl-name-txt {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 500;
}
div#cartTableBody .checkout-list-box {
   	background: beige;
    margin-bottom: 15px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    position: relative;
}
.checkout-list-box button.btn.btn-sm.btn-warning.remove-order-btn {
    border-radius: 50px;
    font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 16px;
    text-align: center;
    padding: 4px 4px;
}
.header-btn-set .additional-information-bttn {
    padding: 4px 10px;
}
.checkout-list-box .product-full-list {
    padding: 5px 0px;
    border-bottom: 1px solid #dbdbdb;
}
form#checkoutform .lnkbtn {
    font-weight: 600;
}
.total-price-lbl, .total-price-value {
    font-size: 18px;
    font-weight: 600;
    padding-top: 5px;
}
.feedback-form-box {
    background: beige;
    border: 1px solid gray;
    padding: 20px;
    border-radius: 10px;
}
.feedback-form-box .form-group{
	margin-bottom:0px !important;
}
.feedback-form-box .rating .validationMsg,
.feedback-form-box .rating-sub .validationMsg{
	margin-top: 0px !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    position: relative !important;
}
.feedback-form-box .title-set {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #bdbdbd;
    padding: 8px 0px;
}
.receivefood-btns-set .lnkbtn.icon-btn.btn-svn {
    padding: 6px 14px;
    font-size: 16px;
    font-weight: 600;
}
.receivefood-btns-set span#receivefood .lnkbtn.icon-btn.btn-svn {
    border-color: #01b7a6;
    background-image: linear-gradient(to top, #009688 0%, #01ccb9 100%);
}
.receivefood-btns-set span#receivefood .lnkbtn.icon-btn.btn-svn:hover{
	background-image: linear-gradient(to top, #029386 0%, #05c3b1 100%);
}
.receivefood-btns-set span#receivefood{
	margin-left: 10px;
}
div#placeorder i.fa.fa-arrow-right {
    padding-left: 4px;
    vertical-align: middle;
}
.feedback-orders-list div#orderslist {
    background: beige;
    border: 1px solid gray;
    padding:10px 20px;
    border-radius: 10px;
}
.feedback-orders-list div#orderslist .border-bottom {
    padding: 8px 0px;
    border-bottom: 1px solid #dedede;
}
.feedback-orders-list div#orderslist .border-bottom:last-child {
    border-bottom: 0px;
}
.feedback-orders-list div#orderslist .border-bottom .icon-btn {
    padding: 4px 14px;
}
.font-w-bold{
	font-weight: 600;
}