@charset "utf-8";
/* CSS Document */

html body {
    font-family: Lato,Helvetica,Arial,Tahoma,sans-serif;
}
/*a {
    color: #0059cc !important;
    text-decoration: none;
}*/
.container-fluid.wrapper{ margin:15px;}

.paddingcol{ padding-left:0px !important; padding-right:0px !important;}
.top {
    vertical-align: top; margin-bottom:7px;
}
.top a {
    color: #0059cc;
    text-decoration: none;
    font-size: 12px;
}

.right{color: #4c4c4c; font-size: 12px; text-align:right}

.payrollcal{color: black;opacity:0.95;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;padding:0px 0px 0px 0px;text-align:center;margin-bottom:0px;margin-top:1px;background:#d9e4f7;font-size:11px; font-weight:bold;}

.payrollcal a {
    color: #0059cc;
    text-decoration: none;
}

.cyberhrlogo{ color: #635d5a; text-align:center; font-size:20px;}
.applogo{ float:left; margin:0px 2px 0px 2px;}

.cyberhr{ border:0px none !important; background-color:#FFFFFF !important; color: #635d5a !important; text-align:center !important; font-size:20px !important;}

.btn-group.open .dropdown-toggle {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset !important;
}

.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.125) !important;box-shadow:inset 0 0px 0px rgba(0,0,0,.125) !important;}

.btn.active, .btn:active {
    background-image: none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}


.btn-primary {
    background-color: #006dcc !important;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


.admin {
    background-color: orange !important;
    border: 1px solid silver !important;
}


.btnnew {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;

    background-color: #f5f5f5 !important;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    background-repeat: repeat-x !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3 !important;
    color: #333333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    padding: 2px 4px !important;

    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
}

    .btnnew:hover {
        background-image: linear-gradient(to bottom, #e6e6e6, #ffffff) !important;
    }

.divheight{ height:7px;}

.bold {
    font-weight: bold;
}
.xxxsmall {
    font-size: 10px;
}

.inputbox{ height:28px !important; width:32%!important; padding: 3px 12px !important; border-radius: 2px !important;  font-size: 11px !important;}

.btn {padding: 4px 12px;}

*::before, *::after {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
form {
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}
.rbs_sidebarContent {
    text-align: left;
}
html body {
    font-family: Lato,Helvetica,Arial,Tahoma,sans-serif;
}
body {
    line-height: 20px;
}
body {
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}
html {
    font-size: 10px;
}
html {
    font-family: sans-serif;
}

.btn-inverse {
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-inverse:hover {  background-color: #222222; text-decoration:none; color: #ffffff }

.inputbox2{ height:28px !important; padding: 3px 12px !important; border-radius: 2px !important;  font-size: 11px !important;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    
    border-color: #919296 #919296 transparent !important;
   
}

.nav-tabs {
    border-bottom: 1px solid #fff !important;
}
.nav-tabs > li > a:hover {
    border-color: #919296 #919296 #fff !important;
    background-color:#fff !important;
}

.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: -2px !important;
     border-bottom: 1px solid #919296 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #000 !important;
  text-decoration: none;
  background-color: #0081c2 !important;
}
.norecords{padding:15px; font-size:12px;}

.selectbox{border: 1px solid #ccc;
    color: black;
    font-family:arial; font-size: 11px;
    padding: 5px 10px 5px 10px;
    }
    
    .inputboxedit{ height:28px !important; width:50%!important; padding: 3px 12px !important; border-radius: 2px !important;  font-size: 11px !important;}
    
    .textareaedit{  width:70%!important; padding: 3px 12px !important; border-radius: 2px !important;  font-size: 11px !important;}
    
    .radiolable{ font-size:12px !important; font-weight:normal !important;  margin-bottom: 3px !important; margin-top: 3px !important;}
.boldunderline{ font-weight:bold; text-decoration:underline}
.margintop{margin-top:20px;}
.printbutton{width:400px !important; border-bottom:1px solid #919296; height:42px}

.btn-group-sm > .btn, .btn-sm {
   
    padding: 5px 8px !important;
}

/*.divcollapse{ background:url(../Images/expanded.png) no-repeat; width:11px; height:11px; float:left; margin-top:3px; border:none; outline:none}*/
.divexpand {background:url(../Images/collapsed.png) no-repeat; width:11px; height:11px; float: left; margin-top:3px;border:none; outline:none  }

.divpadding { float: left; padding-top: 6px; }

@media (min-width: 768px) and (max-width: 980px) 
{
.printbutton{width:610px !important; }
}


@media (min-width: 990px) and (max-width: 1024px)
 {
.printbutton{width:159px !important; }

}

@media (min-width: 1100px) and (max-width: 1152px)
 {
.printbutton{width:290px !important; }

}

@media (min-width: 1200px) and (max-width: 1280px) 

{
.printbutton{width:400px !important; }

}


@media (min-width: 1300px) and (max-width: 1450px) 

{
.printbutton{width:500px !important; }

}


@media (min-width: 1500px) and (max-width: 1600px) 

{
.printbutton{width:630px !important; }

}

@media (min-width: 1700px) and (max-width: 1920px) 

{
.printbutton{width:1047px !important; }

}

@media (min-width: 1950px) and (max-width: 2000px) 

{
.printbutton{width:1047px !important; }

}

/*layout styles*/

.headerRight{
    padding:0 7px;
}
.headerRight .header-sec{
    float: left; margin-right: 10px; width: 38.5%;
}
.headerRight .btn.dropdown-toggle{
    padding-bottom:5px;
}
.headerRight .header-sec2{
    width:60%;
    float:left;
} 
.header-sec2 .header-row{
    width:35%;
    float:left;
    margin-left: 2%;
}
.header-top .right{
    padding:0 7px;
    float:right;
}

.payrollcal{
    visibility:hidden; /*temporary need to remove after integration*/
}
.kn-tabstrip-custom .k-tabstrip{
    border:0; !important;
}

 .k-upload-sync .k-upload-button, .k-ie7 .k-upload-button, .k-ie8 .k-upload-button, .k-ie9 .k-upload-button{
        margin:0 !important;
    }


 .k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default {
        /*border: none !important;*/
        background: none;
    }

    .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading {
        border-top: 3px solid #0062E6 !important;
    }

    .k-tabstrip-items .k-item.k-state-hover {
        background-color: #fff !important;
        border-top: 3px solid #CCC !important;
        border-left: 1px solid #CCC !important;
        border-right: 1px solid #CCC !important;
        border-bottom: none !important;
    }

    .k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link {
        padding: 15px 7px 10px 7px !important;
        font-size: 12px !important;
        color: #4c4c4c !important;
    }

    
    /*.k-widget {
        color: #0059CC !important;
        font-size: 13px !important;
    }*/

    .k-grid-header .k-header .k-link, .k-grid-header .k-header, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn {
        color: #555 !important;
    }

    .k-grid-header th.k-header > .k-link {
        font-size: 12px !important;
        font-weight: bold !important;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link {
        line-height: 1.950em !important;
    }
    /*.k-widget {
        color: #337ab7 !important;
        font-size: 13px !important;
    }*/
    .k-button {
        font-size: 95% !important;
    }

    .numericRequiredfield{
        width: 200px; border-left: 3px solid #990000;
    }

#DateOfBirth {
    border-left: 3px solid #990000 !important;
}



.popover {
font-family: "Lato, Helvetica, Arial, Tahoma, sans-serif" !important;
font-size: 12px !important;
font-weight: 600 !important;
text-align: justify;
}

a[href$='.docx'], a[href$='.doc']{
background:transparent url(../Images/icons/docx.gif) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.pdf']{
background:transparent url(../Images/icons/pdf.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.vcf']{
background:transparent url(../Images/icons/vcf.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.zip']{
background:transparent url(../Images/icons/zip.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.css']{
background:transparent url(../Images/icons/css.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.gif']{
background:transparent url(../Images/icons/gif.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.html']{
background:transparent url(../Images/icons/html.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.jpg']{
background:transparent url(../Images/icons/jpg.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.css']{
background:transparent url(../Images/icons/css.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.log']{
background:transparent url(../Images/icons/log-icon.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.png']{
background:transparent url(../Images/icons/png.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.pps'], a[href$='.ppt'], a[href$='.pptx']{
background:transparent url(../Images/icons/powerpoint.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.rar']{
background:transparent url(../Images/icons/rar.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.rtf']{
background:transparent url(../Images/icons/RTF.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.txt']{
background:transparent url(../Images/icons/txt.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.wps']{
background:transparent url(../Images/icons/wps-file.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.xml']{
background:transparent url(../Images/icons/xml-file.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

a[href$='.zip']{
background:transparent url(../Images/icons/zip.png) center left no-repeat;
display:inline-block;
padding-left:30px;
line-height:18px;
}

/*.k-widget {
color: #4c4c4c !important;
font-size: 13px !important;
}*/

.k-widget {
        color: #4c4c4c !important;
        font-size: 12.14px !important;
    }
.tabNote{
    color:#000080;
   font-size:small;  
   margin-bottom:5px;
   font-weight:700;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .k-numerictextbox .k-input {
        width: 100% !important;
        height: auto !important;
    }

    .k-datepicker .k-input {
        width: 100% !important;
        height: auto !important;
    }

    .k-datetimepicker .k-input {
        width: 100% !important;
        height: auto !important;
    }

    .hide {
        display: none;
    }
}

#cp_msg_wrapper {
    z-index: 11000;
}

.btnbar {
    margin-top: 10px;
}

.popupbtndiv {
    text-align: center !important;
    margin-top: 40px;
}