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

@import url('//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext');

    /** Generated by FG **/
/*@font-face {
	font-family: 'Conv_MyriadPro-Regular_0';
	src: url('../fonts/MyriadPro-Regular_0.eot');
	src: local('☺'), url('../Styles/fonts/MyriadPro-Regular_0.woff') format('woff'), url('../Styles/fonts/MyriadPro-Regular_0.ttf') format('truetype'), url('../Styles/fonts/MyriadPro-Regular_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/



/** Generated by FG **/
/*@font-face {
	font-family: 'Conv_MyriadPro-Bold_0';
	src: url('../fonts/MyriadPro-Bold_0.eot');
	src: local('☺'), url('../Styles/fonts/MyriadPro-Bold_0.woff') format('woff'), url('../Styles/fonts/MyriadPro-Bold_0.ttf') format('truetype'), url('../Styles/fonts/MyriadPro-Bold_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
  .HRLine2 {

 
 
}


body {
    /* margin-left: 0px; */
    /* margin-top: 0px; */
    /* margin-right: 0px; */
    /* margin-bottom: 0px; */
    /* background: #0064a1; */
    /* background: -webkit-linear-gradient(#0064a1,#ffffff); */
    background:none;
    background: none;
    /* background: linear-gradient(#0064a1,#ffffff); */
    /* height: 100%; */
    /* background-repeat: no-repeat; */
    background-color: #f4f8f9!important;
    font-family: 'Open Sans', sans-serif;
}
.main-content-area{ width:100%; height:auto;}
.all-area{ margin-left:auto; margin-right:auto;/* width:1201px;*/ width:100%!important; height:auto; background-color:#fff;}


.all-area {
   
    box-shadow: 0 4px 8px 0 rgba(0, 100, 161, 0.2), 0 6px 20px 0 rgba(0, 100,161, 0.19);
    text-align: center;
}
.logo{ float:left; padding-top:14px; padding-left:14px; height:40px; }
.top_space {
    width: 100%;
    float: left;
    height: 90px;
    background-color: #fff;
    padding-left: 17px;
    padding-right: 17px;
}

.info {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
    padding: 15px !important;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif !important;
    background-image: none !important;
    font-size: 16px !important;
}

.top_logo_area {
    float: left;
    width: auto;
    /* height: 90px; */
    text-align: left;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.user-profile {
    padding-left: 5px;
    float: left;
    height: 90px;
    width: auto;
    padding-right: 91px;
    margin-top: 6px;
}
.user-profile p{height:68px; float:left; /*width:50px; */padding-left:5px; margin-top:12px;}
.user-profile h4 {
    float: left;
    width: auto;
    height: 34px;
    font-size: 21px!important;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #0177bf;
    font-weight: normal;
    margin-left: 0px;
    text-align: left;
    margin-top: 12px;
}


.user-profile h5 {
    float: left;
    font-size: 16px;
    margin-top: -37px;
    color: #999;
    font-family: 'Open Sans', sans-serif;
    /* font-weight: normal; */
}
.company { margin-top:-14px !important;
}
.user-home {
    float: left;
    width: 75px;
    height: 90px;border-left: 1px solid #efeeee;
    border-right: 1px solid #efeeee;
}
.help {
    float: left;
    width: 75px;
    height: 90px;
    border-right: 1px solid #efeeee;
}
.logout {
    float: left;
    width: 75px;
    height: 90px;
}
.klmp {
    display: inline-block; 
    text-align: center;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;*/
}
.main-menu-area{ width:100%; float:left; height:85px; background-image:url(../images/menu-bg.jpg); background-repeat:no-repeat;}
.bg{background-color: #000;height: 46px;}
.left-side {
    width: 20%;
    height: auto;
    float: left;
    background-color: #0177bf;
    height: 1005px;
    margin-top: 20px;
}

.left-side2 {
    width: 272px;
    height: auto;
    float: left;
    
    height: 1005px;
	
	background: #ccebfb;
    background: -webkit-linear-gradient(#ccebfb,#0177bf);
    background: -o-linear-gradient(#ccebfb,#0177bf);
    background: -moz-linear-gradient(#ccebfb,#0177bf);
    background: linear-gradient(#ccebfb,#0177bf); background-repeat: no-repeat;
}
.middle {width:20px;  height: 1005px; float:left;
}



.right-side{ /*width:928px;*/  width:89%!important; height:auto; float:left;margin-top: 41px;}
.profile-pic2 {
    width: 40px;    
    /*border: 2px solid #63b9ed !important;*/
    border-radius: 50%;
    -webkit-border-radius: 50%;
    /*margin-right: 5px;*/
}
.profile-pic {
    width: 143px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 5px;
    /*border: 6px solid #63b9ed !important;*/
    margin-top: 64px;
    margin-left: 5px;
}
.editPhoto{
        position: absolute;
    margin-top: -85px;
    margin-left: 40px;
}
.RadTabStrip_Office2010Black .rtsLevel.rtsLevel1 {
    background-color: #0177bf !important;
    /* padding: 5px 0px; */
    /*height: 40px!important;*/
}
.copyright {
    margin-left: 10px;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000;
    /* margin-top: 30px; */
    font-weight: normal;
    padding-top: 25px;
}
.about {
    margin-right: 10px;
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000;
    /* margin-top: 30px; */
    font-weight: normal;
    padding-top: 29px;
}

.about a {
    text-decoration: none;
    color: #000;
}

.panel-title {
    font-size: 17px!important;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: normal;
    /* margin-top: 9px; */
    margin-left: 15px;
}
    
  .panel-heading .btn, .panel-heading .btn-group {
    margin: 5px 5px 1px 20px;
    padding-right: 25px;
}  
.panel-heading {
    border-top-left-radius: 0px!important; 
   border-top-right-radius: 0px!important; 
	
	border-bottom: 0px solid transparent!important; 
    padding: 0;
    position: relative;
}
.left-side2 h2{ text-align:center; font-family: 'Open Sans', sans-serif ; font-size:18px; color:#fff; margin-top:11px;}
.left-side2 h4{ text-align:left;font-family: 'Open Sans', sans-serif ; font-size:15px; color:#fff; margin-left:24px;   }
.left-side h2 {
    text-align: center;
    font-family: 'Open Sans', sans-serif ;
    font-size: 18px;
    color: #fff;
    margin-top: 11px;
    margin-bottom: 38px;
}
.left-side h4 {
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    font-size: 19px;
    color: #fff;
    margin-left: 24px;
    font-weight: normal;
}
.profile-phonenumber{ font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important;} 

.profile-phonenumber:before{content: ""; background-image:url(../images/HRCentralImages/phone-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}

.profile-email{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px;font-weight: normal;}

.profile-email:before{content: ""; background-image:url(../images/HRCentralImages/email-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}

.profile-alert{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px;font-weight: normal;}

.profile-alert:before {content: ""; background-image: url(../images/HRCentralImages/alert-icon.png); background-repeat: no-repeat; width: 19px; height: 19px; float: left; margin-left: 20px; margin-top: -2px; padding-right: 5px;}

.profile-date{ margin-top:0px;font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important;} 

.profile-date:before{content: ""; background-image:url(../images/HRCentralImages/calender-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}
.clearfix {
   clear: both;
}
.profile-job{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px;font-weight: normal;}
.profile-job:before{content: ""; background-image:url(../images/HRCentralImages/job-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}

.profile-place{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px;}

.profile-place:before{content: ""; background-image:url(../images/HRCentralImages/place-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}
.profile-production{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px; font-weight: normal;}
.profile-division{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px;font-weight: normal;}
.profile-division:before{content: ""; background-image:url(../images/HRCentralImages/division-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}
.profile-production:before{content: ""; background-image:url(../images/HRCentralImages/production-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}
.profile-ammount{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px;}
.profile-workflow:before{content: ""; background-image:url(../images/HRCentralImages/workflow-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}
.profile-workflowMsg:before{content: ""; background-image:url(../images/HRCentralImages/wfmsg.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}
.profile-ammount:before{content: ""; background-image:url(../images/HRCentralImages/ammount-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}
.profile-employee:before{content: ""; background-image:url(../images/HRCentralImages/user-tie.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:0px; padding-right:5px;}
.profile-widgets:before{content: ""; background-image:url(../images/HRCentralImages/widgets.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:3px; padding-right:5px;}
.divider{background-image:url(../images/divider.png); margin-left:20px; margin-top:0px; background-repeat:no-repeat; width:100%; height:10px; float:left }

.profile-report-user{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px;font-weight: normal;}
.profile-report-user:before{content: ""; background-image:url(../images/HRCentralImages/report-user-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}

.profile-report-Anniversary{font-family: 'Open Sans', sans-serif ;  font-size:15px; color:#fff; float:left; font-weight:normal!important; margin-top:0px;font-weight: normal;}
.profile-report-Anniversary:before{content: ""; background-image:url(../images/HRCentralImages/ammount-icon.png); background-repeat:no-repeat; width:19px; height:19px; float:left; margin-left:20px; margin-top:-2px; padding-right:5px;}
.divider {
    border-bottom: 1px solid  #a7c9de !important; margin-left: 0px;
}

[role=button] {
    cursor: pointer;
}
.btn-kool-default {
    background-color: #007eca;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    border-radius: 4px !important;
}
.btn-kool-default2 {
    border: 1px solid #000;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background-color: #000;
    border-radius: 4px !important;
}
.btn-kool-default-reset {
            border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 8px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background-color: #999999;
    border-radius: 4px !important;
}

.btn-kool-default-back {
    background-color: #999999;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    border-radius: 4px !important;
}

.btn-kool-default-next {
    background-color: #CC6600;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    border-radius: 4px !important;
}

.btn-kool-default-print {
    background-color: #996633;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    border-radius: 4px !important;
}

.btn-kool-default-skip {
    background-color: #d1a44a;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    border-radius: 4px !important;
}

.btn-kool-default-instruction {
    background-color: #999966;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    border-radius: 4px !important;
}
.btn2 {
    /*font-size: 20px!important;*/
    font-family: 'Open Sans', sans-serif ; text-decoration:none;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 4px !important;
}

.btn3 {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #fff;
    border-radius: 4px !important;
}

@font-face {
	font-family: 'avantgarde_md_btMdOb';
	src: url('../fonts/avgardmi-webfont.eot');
	src: url('../fonts/avgardmi-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/avgardmi-webfont.woff2') format('woff2'),  url('../fonts/avgardmi-webfont.woff') format('woff'),  url('../fonts/avgardmi-webfont.ttf') format('truetype'),  url('../fonts/avgardmi-webfont.svg#avantgarde_md_btMdOb') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'avantgarde_bk_btbook';
	src: url('../fonts/avgardn-webfont.eot');
	src: url('../fonts/avgardn-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/avgardn-webfont.woff2') format('woff2'),  url('../fonts/avgardn-webfont.woff') format('woff'),  url('../fonts/avgardn-webfont.ttf') format('truetype'),  url('../fonts/avgardn-webfont.svg#avantgarde_bk_btbook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'avant_garde-demi_extreme_leRg';
	src: url('../fonts/avan_exl-webfont.eot');
	src: url('../fonts/avan_exl-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/avan_exl-webfont.woff2') format('woff2'),  url('../fonts/avan_exl-webfont.woff') format('woff'),  url('../fonts/avan_exl-webfont.ttf') format('truetype'),  url('../fonts/avan_exl-webfont.svg#avant_garde-demi_extreme_leRg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'avant_guardregular';
	src: url('../fonts/avaswfte-webfont.eot');
	src: url('../fonts/avaswfte-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/avaswfte-webfont.woff2') format('woff2'),  url('../fonts/avaswfte-webfont.woff') format('woff'),  url('../fonts/avaswfte-webfont.ttf') format('truetype'),  url('../fonts/avaswfte-webfont.svg#avant_guardregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'avant_guardbold';
	src: url('../fonts/avbswfte-webfont.eot');
	src: url('../fonts/avbswfte-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/avbswfte-webfont.woff2') format('woff2'),  url('../fonts/avbswfte-webfont.woff') format('woff'),  url('../fonts/avbswfte-webfont.ttf') format('truetype'),  url('../fonts/avbswfte-webfont.svg#avant_guardbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'avantgarde_md_btmedium';
	src: url('../fonts/avgardm-webfont.eot');
	src: url('../fonts/avgardm-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/avgardm-webfont.woff2') format('woff2'),  url('../fonts/avgardm-webfont.woff') format('woff'),  url('../fonts/avgardm-webfont.ttf') format('truetype'),  url('../fonts/avgardm-webfont.svg#avantgarde_md_btmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'avantgarde_bk_btbook_oblique';
	src: url('../fonts/avgardni-webfont.eot');
	src: url('../fonts/avgardni-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/avgardni-webfont.woff2') format('woff2'),  url('../fonts/avgardni-webfont.woff') format('woff'),  url('../fonts/avgardni-webfont.ttf') format('truetype'),  url('../fonts/avgardni-webfont.svg#avantgarde_bk_btbook_oblique') format('svg');
	font-weight: normal;
	font-style: normal;

}

/***New Style***/
.HRHeading {
    font-size: 21px;
    font-weight: 700;
    color: #1380c3;
    font-family: 'Open Sans', sans-serif ;
    text-align: left;
    font-weight: normal;
}

.HRLabelBold {
    text-align: left;
    font-size: 11pt;
    font-weight: normal;
    color: #000;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight:bold
    /* font-family: Conv_MyriadPro-Bold_0; */
}

.HRLabelLargeBold {
    text-align: left;
    font-size: 11pt;
    font-weight: normal;
    color:#000;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 8px;
    padding-bottom:8px;
}
#divNewHire hr {
    border: 0;
    border-top: 1px solid #6cafd7!important;
}
.HRLabelNew {
    text-align: left;
    font-size: 10.5pt;
    font-weight: normal;
    color: #666565;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left:10px;
}
.HRLabel {
    text-align: left;

    font-size: 10.5pt;
    font-weight: normal;
    color: #000;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 5px;
    padding-bottom: 5px;
    /* font-family: Conv_MyriadPro-Bold_0; */
}

.HRTextbox {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 13.5px;
    font-weight: normal;
    height: 30px;  
}

.HRDate {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 13.5px;
    font-weight: normal;
    height: 20px;  
}

.HRLine {
    border: 1px solid white !important;
    border-top: 0px;
    
    size:30px !important;
    border-bottom-color: #d3cbcb !important;
}

.HRList {
    border: 1px solid #0177bf;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 13.5px;
    font-weight: normal;
    height: 30px; 
}

.HRListFull {
    border: 1px solid #0177bf;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 13.5px;
    font-weight: normal;
    height: 30px; 
    width: 100%;
}
.HRListModule {
    border: 1px solid #0177bf;
    font-family: 'Open Sans', sans-serif ;
    color: #fff;
    background-color: #000;
    font-size: 17.5px;
    font-weight: normal;
    height: 27px;
    margin-right: 19px;
}

.HRSpace {
    height:10px;
}

/*styling the sub tab menu*/
.RadTabStrip_Office2010Black .rtsLevel.rtsLevel2, .RadTabStrip_Office2010Black .rtsLevel.rtsLevel3, .RadTabStrip_Office2010Black .rtsLevel.rtsLevel4, .RadTabStrip_Office2010Black .rtsLevel.rtsLevel5 {
     background-image: url(../Images/transparent.png) !important;
    /* background-repeat: repeat-x; */
    
}
.RadTabStrip_Office2010Black .rtsLevel2 {
    background-position: 0 0;
   
}
.RadTabStrip_Office2010Black .rtsLevel {
     background-color: #a2a1a2;     
}
.RadTabStrip .rtsLevel {
    width: 100%;
    clear: both;
    position: relative;
    padding-top: 1px;
}

.rtsLevel2 {
     background-color: #ffffff !important; 
     border-bottom: thin solid #cccccc;
}

.RadTabStrip .rtsTxt, .RadTabStripVertical .rtsTxt {
    font-family: 'Open Sans', sans-serif  !important;
    font-size: 18px;
    text-decoration-color: #0077be !important;
    font-weight: normal;
}
.RadTabStrip .rtsSelected {
 
    text-decoration: none!important;
    color: #0177bf !important;
    font-weight: bold !important;
}
/***********************office 2007 tab control style - main tab *******************************/
.RadTabStrip_Office2007 {
  color: black!important;}
  .RadTabStrip_Office2007 .rtsLevel1 {
  background-color: #0077be !important; } 
  .RadTabStrip_Office2007 .rtsLI, .RadTabStrip_Office2007 .rtsLink {
    color: #bbbcbc!important;
}
   .RadTabStrip_Office2007 .rtslevel2
  {
      background-color: #0077be !important;
  color: #00156e !important;}
 .RadTabStrip_Office2007 .rtsLevel .rtsSelected {
    color: #fff !important;
    height: 30px !important;
}
  /* RadListbox button problem in IE11 */
  .RadListBox .rlbNoButtonText .rlbButtonText {
    padding-left: 18px;
    width: 0px;
    font-size: 0px;
    height:16px !important;
}

.RadTabStrip_Office2007 .rtsLevel1 {
    background-color: #000 !important;
    /* background-image: url(WebResource.axd?d=dOt40ZzfcbwV7rH_v_1PytGjtDPRuI6XjxJBKaSeCjBiQmmr_6izPP9Ig…sYIDNbqufE-aGdmaVMy5DasY4FY9C56uj2032kZByOnBV34ReSaF0&t=636156037235173605); */
    background-image: url(../Images/transparent.png) !important;
    background-position: 0 100%;
    background-repeat: no-repeat;
    height: 43px !important;
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
     padding: 0px 10px 0px 0px!important; 
     font-family: 'Open Sans', sans-serif  !important;min-width: 100px !important; 
}

/***********end main tab************/

/*style for telerik rad combobox*/
.RadComboBox_Office2010Blue {   
    /*border: thin solid #cccccc !important;*/
    font-family: 'Open Sans', sans-serif  !important;    
    background-color: #ffffff !important;    
    font-weight:normal !important;
    height:30px !important;
    color: #131111 !important;
    width:190px !important;
    /*text-transform:uppercase;*/
}

.RadComboBoxDropDown_Office2010Blue,.RadDropDownList_Office2010Blue {
    border-color: #cccccc !important;
     color: #131111 !important;
    background-color: #fff !important;
   font-size: 14px !important;
   font-family: 'Open Sans', sans-serif  !important;
   padding-top:5px !important;
   /*text-transform:uppercase;*/
}
.RadComboBox_Office2010Blue table,
.RadComboBox_Glow table,
.RadComboBox_Bootstrap table,
.RadComboBox_Office2010Silver table
{
   border: thin solid #cccccc !important;
    /*width:190px !important;*/
    height: 30px;
}

.RcbWithLabel .RadComboBox table
{ 
    width:126px !important;
}

.RcbWithLabel .RadComboBox_Office2010Blue
{
    width:250px !important;
}

.RadComboBox_Office2010Blue table td.rcbInputCell,
.RadComboBox_Glow table td.rcbInputCell,
.RadComboBox_Bootstrap table td.rcbInputCell,
.RadComboBox_Office2010Silver table td.rcbInputCell
 {
    padding: 4px 4px 0 5px !important;
    border-width: 0;
}

.RadComboBox_Office2010Blue .rcbInput {
    color: #131111 !important;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif  !important;
    line-height: 16px;
}

.RadComboBoxDropDown_Office2010Blue .rcbHovered, .RadComboBoxDropDown_Office2010Blue .rcbCheckAllItemsHovered {
    color: #fff !important;
    background-color: #29adfb !important;
}

.RadComboBox_Office2010Blue .rcbInputCell, .RadComboBox_Office2010Blue .rcbArrowCell {
     background-image: url(../Images/transparent.png) !important;
    /*background-image: url(WebResource.axd?d=X4Y_C3P8AlF2FVV7CS4BCIGJfvAgrRAl2KdbZfoB9ouq1W4DWYlQxcy-e…0uwmeynIebmo5sP4fszq23vE6ZrHAeXyIKuXHBGznrn1T5XFV7JX0&t=636156037235173605);*/
}

/*style for small telerik rad combobox*/
.RadComboBox_Glow {   
    /*border: thin solid #cccccc !important;*/
    font-family: 'Open Sans', sans-serif  !important;    
    background-color: #ffffff !important;    
    font-weight:normal !important;
    height:30px !important;
    color: #131111 !important;
    width:85px !important;
    /*text-transform:uppercase;*/
}

.RadComboBoxDropDown_Glow {
    border-color: #cccccc !important;
     color: #131111 !important;
    background-color: #fff !important;
   font-size: 14px !important;
   font-family: 'Open Sans', sans-serif  !important;
   padding-top:5px !important;
   /*text-transform:uppercase;*/
}

.RadComboBox_Glow .rcbInput {
    color: #131111 !important;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif  !important;
    line-height: 16px;
}

.RadComboBoxDropDown_Glow .rcbHovered, .RadComboBoxDropDown_Glow .rcbCheckAllItemsHovered {
    color: #fff !important;
    background-color: #29adfb !important;
}

.RadComboBox_Glow .rcbInputCell, .RadComboBox_Glow .rcbArrowCell {
     background-image: url(../Images/transparent.png) !important;
    /*background-image: url(WebResource.axd?d=X4Y_C3P8AlF2FVV7CS4BCIGJfvAgrRAl2KdbZfoB9ouq1W4DWYlQxcy-e…0uwmeynIebmo5sP4fszq23vE6ZrHAeXyIKuXHBGznrn1T5XFV7JX0&t=636156037235173605);*/
}
.RadComboBox_Glow .rcbInputCell {
    border-color: #cccccc !important;
    color: #fff;
     background-color: #ffffff !important;
}

.RadComboBox_Glow .rcbArrowCell {
      background-color: #ffffff !important;
        border-color: #ffffff !important;
}

.RadComboBox_Glow table td.rcbInputCell, .RadComboBox_Glow table td.rcbArrowCell {
     border-width: 0px !important;
}

.RadComboBox_Glow .rcbArrowCell a {
    background-image: none !important;
}

.RadComboBox_Glow .rcbArrowCell {

color:#000 !important;
}

/*style for medium telerik rad combobox*/
.RadComboBox_Bootstrap {   
    /*border: thin solid #cccccc !important;*/
    font-family: 'Open Sans', sans-serif  !important;    
    background-color: #ffffff !important;    
    font-weight:normal !important;
    height:30px !important;
    color: #131111 !important;
    width:190px !important;
    /*text-transform:uppercase;*/
}

.RadComboBoxDropDown_Bootstrap {
    border-color: #cccccc !important;
     color: #131111 !important;
    background-color: #fff !important;
   font-size: 14px !important;
   font-family: 'Open Sans', sans-serif  !important;
   padding-top:5px !important;
   /*text-transform:uppercase;*/
}

.RadComboBox_Bootstrap .rcbInput {
    color: #131111 !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif  !important;
    line-height: 16px;
}

.RadComboBoxDropDown_Bootstrap .rcbHovered, .RadComboBoxDropDown_Bootstrap .rcbCheckAllItemsHovered {
    color: #fff !important;
    background-color: #29adfb !important;
}

.RadComboBox_Bootstrap .rcbInputCell, .RadComboBox_Bootstrap .rcbArrowCell {
     background-image: url(../Images/transparent.png) !important;
}
.RadComboBox_Bootstrap .rcbInputCell {
    border-color: #cccccc !important;
    color: #fff;
     background-color: #ffffff !important;
}

.RadComboBox_Bootstrap .rcbArrowCell {
      background-color: #ffffff !important;
        border-color: #ffffff !important;
}

.RadComboBox_Bootstrap table td.rcbInputCell, .RadComboBox_Bootstrap table td.rcbArrowCell {
     border-width: 0px !important;
}

.RadComboBox_Bootstrap .rcbArrowCell a {
    background-image: none !important;
}

.RadComboBox_Bootstrap .rcbArrowCell {

color:#000 !important;
}

/*Right Shade*/
.RightShade {
    -webkit-box-shadow: 7px 0 5px -2px #c0c0c0;
    box-shadow: 7px 0 5px -2px #c0c0c0;
}

.RadComboBox_Office2010Blue .rcbArrowCellRight,
.RadComboBox_Glow .rcbArrowCellRight,
.RadComboBox_Bootstrap .rcbArrowCellRight,
.RadComboBox_Office2010Silver .rcbArrowCellRight
{
   /*-webkit-appearance: menulist !important;
   -moz-appearance: scrollbarbutton-down !important;
   appearance: menulist !important;*/
}

.RadTabStrip_Office2010Black .rtsLevel.rtsLevel1 {
    background-color: #0177bf !important;
    /* padding: 5px 0px; */
    height: 40px;
}
#jobDtl { margin-top:20px;
}
#remoteDtl {margin-top:20px;
}



.RadTabStrip_Office2007 .rtsLevel1 .rtsLink {
     background-image: none!important;
    background-position: 0 0;
    color: #00156e;
}

.btn-kool-default-add {
    background-color: #007eca;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 12pt;
    padding: 9px 15px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 4px !important;
}

.icon-address-book:before {
    content: "\e382";
    color: #999!important;
}

.icon-list:before {
    content: "\e188";
    color: #999!important;
}

.AlphabetDis{
    margin: 20px 0px 0px 0px;border-bottom:1px solid black;border-top:1px solid black;background-color: #000 !important;padding: 11px;color: #fff !important;
}
.AlphabetPager a {
    color: #fff !important;
   
}
.HrSearch { width:50%;vertical-align:top;
}
.HrDivider {border-right: 1px solid rgb(200, 200, 200);background: rgb(244, 244, 244);font-size: 75px;
}
.btn-success {
    background-color: #65B688;
    border-color: #0077be !important;
}
.RadTabStrip_Office2007 .rtsLevel1 .rtsOut {
    background-image:none!important;
    background-position: 100% 0;
}
.RadTabStrip_Office2007 .rtsLevel1 .rtsSelected {
        font-size: 11pt; 
    font-weight: bold;
    /*background-color: #fff; */
   /* min-width: 100px !important;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;*/


    background-repeat: repeat-x !important;
    background-position: 0% 100% !important;
}

.RadTabStrip_Office2007 .rtsLevel1 .rtsOut {
    background-image: none !important;
    
}

Table.TableBody {
   
    height: 45px !important;
}

.HrSearchBox
{
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
border:1px solid #e0e0e0; border-radius:5px !important; -moz-border-radius: 5px;
padding:33px 20px;
}
.HrSearchBoxNew {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.21);
    border-radius: 9px !important;
    -moz-border-radius: 5px;
    padding: 33px 20px;
}

.HRLabelStyle-1 {
    text-align: left;
    font-size: 11pt;
    font-weight: 500;
    color: #808080;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 5px;
    padding-bottom: 5px;
    /*font-family:Conv_MyriadPro-Bold_0;*/
}

.rtsLink .rtsSelected{    font-size: 11pt;
    font-weight: bold;
    padding-top: 2px;
    color: #1380c3!important;}


.all-area {
    box-shadow: 0 4px 8px 0 rgba(0, 100, 161, 0.2), 0 6px 20px 0 rgba(0, 100,161, 0.19);
    text-align: center;
}

.bottom-Footer {
    width: 100%;
    margin-bottom: 0px;
    height: 120px;
    background-color: #fff;
    /* margin-top: 20px; */
    border: -top;
    border-top: #000;
    border-top: 10px solid #000;
    padding-top: 16px;
}
.warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif  !important;
    background-image: none !important;
    font-size: 18px !important;
}

.success
{
    padding: 15px 5px 15px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #6cca33 !important;
    background-color: #ddffdd !important;
    border-color: #6cca33 !important;
    font-family: 'Open Sans', sans-serif  !important;
    background-image: none !important;
    font-size: 18px !important;
    font-size: normal !important;
    font-weight: normal !important;
}

.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif ;
    background-image: none;
    font-size:13px;
}

#ctl00_menuTab .RadTabStrip_Office2010Black .rtsLevel1 .rtsLink {
     background-image:none !important;
   
}


.RadTabStrip_Office2010Black .rtsLevel1 .rtsOut {
    /*background-image:none !important;*/
}

 .hR-Title{  text-decoration: none !important; 
   text-transform: capitalize !important;     
    font-size: 22px!important; 
    color: #0e80cb!important; }

 .hRJob-Title{color: #000;
    margin-top: 0px;
    font-size: 15px;}

.hR-workarea{ 
    font-size: 13px!important; 
}
.form-wizard.form-wizard-horizontal .form-wizard-nav .progress {
   display: none !important;    
}

.hr-setting-menu-margin{
    margin-bottom:10px;
}

.form-wizard.form-wizard-horizontal .nav .step {
   
    border: 6px solid #eeeeee !important; 
   
}

/***********For required textboxes***************/
.HRReqTxtbox {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    height: 30px;  
    background-color: #FFDDDD;
}

.HRReqList {
    border: 1px solid #0177bf;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #FFDDDD; 	
    font-size: 14px;
    font-weight: normal;
    height: 30px; 
}

.form-wizard.form-wizard-horizontal .nav li.active .step, .form-wizard.form-wizard-horizontal .nav li:hover .step {
   
    border-color: #0077be !important;
}

.RadTabStrip_Office2010Black .rtsLevel1 {
    background-image:none!important;
}
.ValidationError, .errorMsg {
    font-family: Verdana, Arial, Helvetica;
    text-align: left;
    font-weight: normal !important;
    font-size: 17px !important;
    border: 1px solid;
    padding: 16px 3px 16px 22px !important;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #ffffff;
    background-color: #eb4141 !important;
    
    color: #fff !important; 
    margin-bottom: 13px;
    border-radius: 6px;
    height: auto !important; background-image: none !important; 
    font-weight: normal; 
}

.ValidationError li {
    padding: 2px 0px;
    float: none;
    /* list-style: none; */
    padding-right: 61px;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?s5muq4');
  src:  url('fonts/icomoon.eot?s5muq4#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?s5muq4') format('truetype'),
    url('fonts/icomoon.woff?s5muq4') format('woff'),
    url('fonts/icomoon.svg?s5muq4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
    content: "\e900";
    position: absolute;
    margin-left: -58px;
}
.margin-menu { 
    /*margin-right:50px;*/
}
.icon-profile:before {
  content: "\e923";
  position: absolute;
  margin-left: -50px;
}
.icon-user-plus:before {
    content: "\e973";
    position: absolute;
    margin-left: -76px;
}
.icon-search:before {
    content: "\e986";
    position: absolute;
    margin-left: -85px;
}
.icon-cog:before {
  content: "\e994";
    position: absolute;
  margin-left: -50px;
}
.icon-cogs:before {
  content: "\e995";
  position: absolute;
  margin-left: -50px;
}
.icon-meter:before {
    content: "\e9a6";
    position: absolute;
    margin-left: -61px;
}
.icon-tree:before {
    content: "\e9bc";
    position: absolute;
    margin-left: -59px;
}

.icon-envelop:before {
  content: "\e945";
  color:#808080;
}
.icon-calendar:before {
  content: "\e953";
  color:#808080;
}
.icon-mobile:before {
  content: "\e958"; 
  color:#808080;
}

.RadTabStrip .rtsLI {
    
    /*width:140x !important;*/
}

.RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL {
   
    margin-left: 19px !important; margin-right: 19px!important;
}

.RadTabStrip .rtsLevel .rtsIn {
    padding-left: 20px;
    padding-right: 0px;
    margin-top: 5px !important;
}

.RadTabStrip .rtsLink
{
    padding-left:4px !important;
}

.hrSearch-margin
{
    margin-left:10px;
}

.button
{
    background-color: #0077be !important;
}

.rtsLevel2{ height:38px!important;  }
.pageSection {
    min-width: 1200px!important;
    width: 100% !important;
    display: inline-block;
    background-color: #ffffff;
    box-shadow: none!important;
    text-align: center;
   /* min-height: 700px;*/
}

.icon-people:before {
    content: "\e11c";
    font-size: 16px!important;
}

.clearfix{
	
	 display: block;
    content: "";
    clear: both;
}



@media (min-width: 1024px){
.right-side {
    /* width: 928px; */
    width: 77%!important;
    height: auto;
    float: left;
    margin-top: 41px;
	}}

@media (min-width: 1440px){
.right-side {
    /* width: 928px; */
    width: 78%!important;
    height: auto;
    float: left;
    margin-top: 41px;
}

	
	
	
	
	.btn-kool-default {
    background-color: #007eca;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 8px 40px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width:none!important;
    border-radius: 4px !important;
}

    a[class='btn-kool-default'] {
        display: inline-block;
    }
	
	.btn-kool-default2 {
    border: 1px solid #000;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 8px 40px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background-color: #000;
    border-radius: 4px !important;
}

    .btn-kool-default-back {
    background-color: #999999;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 8px 40px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    border-radius: 4px !important;
}

.btn-kool-default-next {
    background-color: #CC6600;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 8px 40px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    border-radius: 4px !important;
}
}


@media (min-width: 2560px){
.right-side {
    /* width: 928px; */
    width:89%!important
    height: auto;
    float: left;
    margin-top: 41px;
	}}


.pager .next > a, .pager .next > span {
    float: right!important;
    font-size: 16px;
    background-color: #fff;
    color: #007eca;
    /* border-radius: 50%; */
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    width: 74px;
    margin-left: 5px;
}
.width75
{
    width:75px !important;
}
.width100
{
    width:100px !important;
}
.width85
{
    width:85px !important;
}

.width150
{
    width: 150px !important;
}

.fullwidth
{
    width:100% !important;
}

.HRTextboxFull {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    height: 30px;  
    width:90% !important;
}
.text-box-space{float:left; width:auto; height:auto; margin-right:5px;   }

.HRListPaging {
    border: 1px solid #0177bf;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    height: 20px; 
}

/* new style for previous button in hr wizard*/
.pager li > a, .pager li > span {
    border-radius: 2px;
    font-weight: 600;
    padding: 6px 14px 7px 14px;
    color: #333;
    float: left!important;
    font-size: 16px;
    background-color: #fff;
    color: #007eca;
    /* border-radius: 50%; */
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    width: 98px;
    margin-left: 5px;
}

.rmpHidden
{
    visibility:hidden;
}

.noDecoration
{
    text-decoration:none !important;
}

.HRLineNoMargin {
    border: .5px solid #d3cbcb;
    border-top: 0px;
    margin-top: 0px !important;
}

.right-side-space {
    float: right;
    border-left: 1px solid #efeeee;
    padding-left: 10px;
    width: auto;
    height: 90px;
}

.RadTabStrip_Office2007 .rtsLevel .rtsSelected:after {
    content: '';
    margin-top: 0px;
    position: absolute;
    display: inline-block;
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid #0077be;
    border-left: 11px solid rgba(0, 0, 0, 0);
    margin-top: 1px;
}
.Alerts {
    float: left;
    width: 70px;
    height: 90px;
    border-left: 0px solid #e0e0e0;
    border-right: 0px solid #e0e0e0;
}

Table.TableBody {
    font-weight: normal;
    font-size: 10px;
    color: #000;
    border-width: 0px; 
     border-color:none; 
     border-style:none; 
}

/*.icon-home3 new:before {
    content: "\e1bc";
    font-size: 25px;
    color: #000;
}*/

.icon-exit3:before {
    content: "\e24b";
	font-size: 23px;
    color: #000;
}
.icon-users:before {
    content: "\e03c";
	font-size: 25px;
    color: #000;
}


.icon-alarm:before {
    content: "\e37e";
	font-size: 25px;
    color: #000;
}
.icon-bubbles6:before {
    content: "\e2db";
		font-size: 23px;
    color: #000;
}
.con {
    position: absolute;
    background-color: #0177bf;
    padding: 5px;
    border-radius: 10px;
    margin-top: -26px;
    font-size: 10px;
    margin-left: 16px;
    width: 21px;
    color: #fff;
}

.RadTabStrip_Office2010Black .rtsLevel1 .rtsLink {
    background-image: none !important;
    background-position: 0 0;
    color: #000000 !important;
}

.RadTabStrip_Office2010Black .rtsLevel1 .rtsOut {
   background-image:none!important;
    background-position: 100% 0;
}

.RadTabStrip_Office2010Black .rtsLevel1 .rtsSelected, .RadTabStrip_Office2010Black .rtsLevel1 .rtsSelected:hover {
    color: #fff!important;
}

.client-logo {
    width: 18%;
    float: left;
    text-align: left!important;
    margin-left: 10px;
    float: left;
    font-family: 'Open Sans', sans-serif ;
    font-size: 15px;
    color: #000;
    /* margin-top: 30px; */
    font-weight: normal;
    padding-top: 0px;
}

.logo {
    width: 20%;
    float: left;
    text-align: right!important;
    margin-left: 10px;
    float: left;
    font-family: 'Open Sans', sans-serif ;
    font-size: 15px;
    color: #000;
    /* margin-top: 30px; */
    font-weight: normal;
    padding-top: 0px;
}

.popup-header {
    background: #0077be;
}

.dropdown-menu-nomargin {
    margin: 0 0 0 0 !important; 
}

.ale {
    position: absolute;
    background-color: #ee8366;
    padding: 5px;
    border-radius: 10px;
    margin-top: -26px;
    font-size: 10px;
    margin-left: 16px;
    width: 21px;
    color: #fff;
}

.dropdown-menu .popup-header:after {
    border-bottom: 6px solid #0077be !important;
}

.popup-messages > li.unread > a {
    background: #fff!important;
}

.popup-messages {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 197px;
    overflow-y: auto;font-family: 'Open Sans', sans-serif ; font-size: 15px;
}

.popup-messages > li > a > span {
    color: #676767;
    font-size: 13px!important;
}

.section-body {
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 100000000000000000000000000000000!important;
}

.HRTextboxSmall {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    height: 30px;  
    width:50% !important;
}

.HRCancelLink
{
    background-color: #000000;
    /* border: 1px solid; */
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 8px 30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 132px;
    text-decoration: none !important;
    border-radius: 4px !important;
}.styled-select {
   width: 100px;
   height: 17px;
   overflow: hidden;
   overflow: -moz-hidden-unscrollable;
   background: url(images/downarrow_blue.png) no-repeat right white;
   border: 2px double red;
   display: inline-block;
   position:relative;
   }

 .form-wizard.form-wizard-horizontal .nav li.done .step {
    color: #ffffff;
    border-color: #0077be;
    background-color: #0077be;
    font-weight: 600;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

 .pager .previous > a, .pager .previous > span {
    float: left;
    background-color: #0177bf;
    color: white;
}

.RadTabStrip .rtsLevel2 .rtsTxt
{
    font-size:15px !important;
    text-decoration:none;
}

.RadTabStrip_Office2007 .rtsLevel1 .rtsTxt
{
    border-right: 1px solid #696969;
}

#content-wrap {
    width: 100% !important;
    margin: auto;
    background-color: #ffffff;
    display: inline-block;
}

/** 15-02-2017 **/


option {
    background-color: #fff!important;
    color: #000;
}

.HRTextboxMulti {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    height: 100px;  
    width:90% !important;
}

.HRTextboxMulti2 {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    height: 100px;  
}

input[type=text], input[type=password], textarea {
    -webkit-appearance: none;
    padding-left: 5px;
}




@media (min-width: 1440px){	
	


#content-wrap {
    width: 100% ;
    height:100%; 
}


	
	
	
	
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?8xcmpn');
  src:  url('fonts/icomoon.eot?8xcmpn#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?8xcmpn') format('truetype'),
    url('fonts/icomoon.woff?8xcmpn') format('woff'),
    url('fonts/icomoon.svg?8xcmpn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  /*font-family: 'icomoon' !important;*/
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail4:before {
    content: "\e175"; font-size:19px!important;
}
.icon-pencil:before {
  content: "\e905";
}
.icon-books:before {
    content: "\e920";
    font-size: 19px!important;
}

.icon-files-empty:before {
  content: "\e925";
}
.icon-copy:before {
  content: "\e92c";
}
/*.icon-coin-pound:before {
  content: "\e93d"; font-size:19px!important;
}
*/

.icon-coin-pound:before {
    content: "";
    background-image: url(../Images/coin.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px; float: left; margin-left: 27px;
    
  
}

.icon-address-book:before {
  content: "\e944";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-alarm:before {
  content: "\e950";
}
.icon-stopwatch:before {
  content: "\e952";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-display:before {
  content: "\e956";
}
.icon-laptop:before {
  content: "\e957";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-user:before {
  content: "\e971"; font-size:19px !important;
}


.icon-user-minus:before {
  content: "\e974";
}
.icon-user-check:before {
  content: "\e975"; font-size: 19px!important;
}
.icon-user-tie:before {
  content: "\e976" ; font-size:19px!important;
}
.icon-search:before {
  content: "\e986";
}
.icon-enlarge:before {
  content: "\e989";
}
.icon-shrink2:before {
  content: "\e98c";
}
.icon-cog:before {
  content: "\e994";
}
.icon-cogs:before {
  content: "\e995";
}
.icon-pie-chart:before {
  content: "\e99a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars:before {
  content: "\e99c";
	color:#808080;
}
.icon-trophy:before {
  content: "\e99e";font-size:19px!important;
}
.icon-meter:before {
  content: "\e9a6";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-clipboard:before {
  content: "\e9b8";font-size:19px!important; color: #000;
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-attachment:before {
  content: "\e9cd";
}
/*.icon-question:before {
  content: "\ea09";font-size:19px!important;
}*/



.icon-question:before {
  
	  content: "";
    background-image: url(../Images/Terminate.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px; float: left; margin-left: 28px;
	
	
}
.icon-play2:before {
  content: "\ea15";
}
.icon-forward2:before {
  content: "\ea1b";
}
.icon-arrow-right:before {
  content: "\ea34";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-arrow-right2:before {
  content: "\ea3c"; font-size:19px!important;
}
.icon-arrow-left2:before {
  content: "\ea40";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-tumblr:before {
  content: "\eab9";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-pinterest2:before {
  content: "\ead2";
}
.icon-safari:before {
  content: "\eadd";
}
.icon-file-pdf:before {
  content: "\eadf";
}

@media (min-width: 2560px){
	
	
	
#content-left2 {
    width: 34.7% !important;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

#content-wrap {
    width: 100% ;
    height:100%; 
}

}

.birth-date {
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif ;
    font-size: 15px;
    color: #fff;
    float: left;
    font-weight: normal!important;
}

.birth-date:before {
    content: "\e2d2";
    background-image: none;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    float: left;
    margin-left: 20px;
    margin-top: -2px;
    padding-right: 5px;
}
.default-font {
    font-family: 'Open Sans', sans-serif  !important;
    font-weight: 500 !important;
    padding-bottom: 12px;
    padding-top: 10px;
    /* margin-left: 12px; */
    font-size: 19px;
}

.prevImage{position: absolute;
    margin-left: -78px;
    margin-top: 46px;}


.nextImage{
	
	position: absolute;
    margin-top: 46px;
    margin-left: 52px;
	
}

@media (min-width: 1024px){
		
.prevImage {
    position: absolute;
    margin-left: 2px;
    margin-top: 46px;
}

.nextImage {
    position: absolute;
    margin-top: 46px;
    margin-left: 7px;
}

}

.HRLabelHead {
     text-align: left;
    font-size: 14pt;
    font-weight: bold;
    color: #808080;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 5px;
    padding-bottom: 5px;
}

.HRLabelHead2 {
     text-align: left;
    font-size: 12pt;
    font-weight: 500;
    color: #808080;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 5px;
    padding-bottom: 5px;
}

.NumericTextBox
{
    border: thin solid #cccccc !important;
    font-family: 'Open Sans', sans-serif  !important;
    color: #131111 !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: normal !important;
    height: 30px !important;
}

.HRSubHeading {
    font-size: 18px;
    font-weight: 700;
    color: #1380c3;
    font-family: 'Open Sans', sans-serif ;
    text-align: left;
    font-weight: normal;
}

.HRSubHeadingSmall {
    font-size: 14px;
    font-weight: 700;
    color: #1380c3;
    font-family: 'Open Sans', sans-serif ;
    text-align: left;
    font-weight: normal;
}

.HRTextboxExtraSmall {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    height: 30px;  
    width:25% !important;
}

.BoldText {
    font-family: 'Open Sans', sans-serif  !important;
}

.RadInput_Default, .RadInputMgr_Default,.riTextBox {

    font: 13px 'Open Sans', sans-serif  !important;
}


.text-white a,.text-white a:hover
{
	color: #ffffff !important;
}
tr.SectionStrip {
    font-weight: bold;
    font-size: 15px;
    height: 30px;
    text-align: left;
    background-color: rgb(255, 255, 255);
    color: rgb(92, 92, 92);
    padding: 5px; border-bottom: 1px solid #c7c1c1 !important;
}


tr.SectionStrip {
    font-weight: bold;
    font-size: 17px;
}

tr.SectionStrip {
    font-weight: bold;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(58, 58, 58) !important;
    text-align: left;
    background-color: rgb(255, 255, 255) !important;
    height: 39px;
    padding: 5px;
    border-bottom: 1px solid rgb(192, 192, 192) !important;
}



.default-font {
    font-family: 'Open Sans', sans-serif  !important;
    font-weight: 500 !important; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    outline: 0; font-family:'Open Sans', sans-serif  !important; 
    color: #ffffff;
    background-color: #0077be;
    box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
    -webkit-box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
    -moz-box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
}
#ctl00_BoardingContent_upEmployeeTaskSearch{ padding: 5px!important;}
.default-font {
    font-family: 'Open Sans', sans-serif  !important;
    font-weight: 500 !important; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
}
.RadInput_Default .riLabel {
    color: #000;
    font-size: 13px!important;
}
.RadComboBox .rcbLabel {
   padding-right: 2px !important;
    font-size: 13px !important;
   
}
.popup-header > span {
    display: inline-block;
    margin: 11px 12px 12px 12px;
    color: #fff;
}
.rgPager .riSingle .riTextBox {
   
    height: 34px!important;
}

.ModuleDropdown {
    font-family: 'Open Sans', sans-serif  !important;
    color: #000000;
    background-color: #f1f1f1!important;
   height: 28px!important;
}

.ModuleDropdown {
    border-color: #fff!important;
    height: 28px!important;
}
div.RadGrid .rgDetailTable {
    border: 1px solid black !important;
    /* border-right-width: 0px !important; */
}

.DetailTableHeader {
    background-image: none !important;
    background-color: orange !important;
}
.dropdown-toggle{ margin-right: 8px;}

.default-font-medium {
    font-family: 'Open Sans', sans-serif  !important;
    font-weight: 500 !important;
    padding-bottom: 12px;
    padding-top: 10px;
    font-size: 15px;
}
.font-family-menu {
    font-family: 'Open Sans', sans-serif  !important;
    font-size: 14px !important;
    font-style: normal !important;
}

.font-regular
{
    font-style:normal !important;
}

.dropdown-menu {
    font-size: 14px !important;
  
}


.icon-plus:before {
    content: "\e104"!important;
    color: #000!important;
    font-size: 12px!important;
}

.icon-file6:before {
    content: "\e220";
    font-size: 15px!important;
}
.icon-loop4:before {
    content: "\e17c";
    color: #000;
    font-size: 13px!important;
}

.icon-lock:before {
    content: "\e182";color: #000;
}

.icon-remove2:before {
    content: "\e0d8";color: #000;
}

.icon-user-plus2:before {
    content: "\e042";color: #000;
}

.icon-folder2:before {
    content: "\e1f9";color: #000; font-size: 13px;
}

.icon-signup:before {
    content: "\e0b6";color: #000;
}

.icon-print2:before {
    content: "\e0f7";color: #000;
}
.icon-checkmark:before {
    content: "\e2ac"; color: #000;
}

.icon-mail4:before {
    content: "\e175";
    font-size: 19px!important;color: #000;
}

.icon-menu2:before {
    content: "\e167";color: #000;
}
.icon-headphones:before {
  content: "\e910";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-phone-hang-up:before {
  content: "\e943";
}
.icon-hour-glass:before {
  content: "\e979";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-wrench:before {
  content: "\e991";
}
.icon-equalizer:before {
  content: "\e992";
}

.icon-hammer2:before {
  content: "\e9a8";
}
.icon-bin:before {
  content: "\e9ac";
  color:black !important;
}
.icon-download3:before {
  content: "\e9c7";
}
.icon-upload3:before {
  content: "\e9c8";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-plus:before {
  content: "\e9cf";
}
.icon-eye-minus:before {
  content: "\e9d0";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-enter:before {
  content: "\ea13";
}
.icon1-exit new:before {
  content: "\ea14";
}
.icon-sort-amount-asc:before {
  content: "\ea4c";
}
.icon-sort-amount-desc:before {
  content: "\ea4d";
}
.icon-shift:before {
  content: "\ea4f";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-rss:before {
  content: "\ea9b";
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    color: #fff !important;
}

.CurvedBox {
    box-shadow: 3px 3px 3px 3px #c0c0c0;
    margin-bottom: 10px;
    border-radius: 20px;
}

td.CurvedBlueHead {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #A9C9EF;
    height: 25px;
    color: #000066;
    border-radius: 15px 15px 0px 0px;
}

/*#ctl00_BoardingContent_rcbddlDesignationWithJobCode_DropDown,
#ctl00_BoardingContent_Wizard1_rcbddlDesignationWithJobCode_DropDown
{
    width:305px !important;
}*/

/*style for long telerik rad combobox*/
.RadComboBox_Office2010Silver {   
    /*border: thin solid #cccccc !important;*/
    font-family: 'Open Sans', sans-serif  !important;    
    background-color: #ffffff !important;    
    font-weight:normal !important;
    height:30px !important;
    color: #131111 !important;
    width:300px !important;
    /*text-transform:uppercase;*/
}

.RadComboBoxDropDown_Office2010Silver {
    border-color: #cccccc !important;
     color: #131111 !important;
    background-color: #fff !important;
   font-size: 14px !important;
   font-family: 'Open Sans', sans-serif  !important;
   padding-top:5px !important;
   /*text-transform:uppercase;*/
}

.RadComboBox_Office2010Silver .rcbInput {
    color: #131111 !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif  !important;
    line-height: 16px;
}

.RadComboBoxDropDown_Office2010Silver .rcbHovered, .RadComboBoxDropDown_Office2010Silver .rcbCheckAllItemsHovered {
    color: #fff !important;
    background-color: #29adfb !important;
}

.RadComboBox_Office2010Silver .rcbInputCell, .RadComboBox_Office2010Silver .rcbArrowCell {
    background-image:none !important;
     /*background-image: url(../Images/transparent.png) !important;*/
   
}
.RadComboBox_Office2010Silver .rcbInputCell {
    border-color: #cccccc !important;
    color: #fff;
     background-color: #ffffff !important;
}

.RadComboBox_Office2010Silver .rcbArrowCell {
      background-color: #ffffff !important;
        border-color: #ffffff !important;
}

.RadComboBox_Office2010Silver table td.rcbInputCell, .RadComboBox_Office2010Silver table td.rcbArrowCell {
     border-width: 0px !important;
}

.RadComboBox_Office2010Silver .rcbArrowCell a {
    /*background-image: none !important;*/
    background-image: url(../Images/transparent.png) !important;
}

.RadComboBox_Office2010Silver .rcbArrowCell {

color:#000 !important;
}

 .align-right
    {
        text-align:right;
    }
    .align-left
    {
        text-align:left;
    }
     .align-center
    {
        text-align:center;
    }
     
.btn-kool-defaultLinkSave{
     background-color: #007eca;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff !important;
    height:30px;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 4px !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 110px;
    display:inline-block;
    border-radius: 4px !important;
}

.btn-kool-defaultLinkCancel{
     background-color: black;
    border: 1px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff !important;
    height:30px;
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    padding: 10px 4px !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    min-width: 110px;
    display:inline-block;
    border-radius: 4px !important;
}

.panel-heading-bg
{
    background-color: #0077be; color: White; padding-top: 5px; margin-top: -4px
}

.panel-title-pad
{
    padding: 3px 12px 10px 10px;
}

.RadGrid_Bootstrap .rgSelectedRow>td{
    color:black !important;
    border-color:#ddd !important;
}
/*E-verify*/
.CaseNumber {
    text-align: right;
    font-weight: bold;
    font-size: 19px !important;
    color: #cc0000 !important;
    font-family: 'Open Sans', sans-serif  !important;
}

TD.EVPH {
    font-weight: bold;
    font-size: 18px;
    color: #000066;
    font-family: 'Open Sans', sans-serif ;
}

.EVLabel {
    text-align: left;
    font-size: 13pt;
    font-weight: bold;
    color: #0077be;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 5px;
    padding-bottom: 5px;
}

.EVTextboxMulti {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    height: 100px;  
    width:99% !important;
}

TD.EVLabel1
{
    font-weight: normal;
    font-size: 13px;
    color: #000000;
        font-family: 'Open Sans', sans-serif ;
}

td.EVResult
{	
	font-weight: bold;
	font-size: 16px;
	color: #336633;
font-family: 'Open Sans', sans-serif ;
}
.lblDocument {
    font-weight: normal;
    font-size: 11pt !important;
    color: #686868 !important;
    font-family: 'Open Sans', sans-serif  !important;
    vertical-align: middle;
    text-decoration: underline;
}
.lblDocStatus {
    
    font-size: 11pt;
    color: #000;
        font-family: 'Open Sans', sans-serif ;
    vertical-align: middle;
}

td.Eligibility
{	
	font-weight: bold !important;
	font-size: 20px !important;
	color: #000000 !important;
	font-family: 'Open Sans', sans-serif  !important;
}

.topLinks {
    font-weight: normal;
    font-size: 13pt !important;
    color: #000000 !important;
    font-family: 'Open Sans', sans-serif  !important;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
}

.popuptitle
{	
	background: #99CCFF !important;
	color: #000000 !important;
	font-weight: bold !important;
	height: 15px !important;
	padding: 5px;
}
  
.popupMessage
{
	font-weight: 500 !important;
	font-size: 11px !important;
	color: #000000 !important;
	line-height: 14px;
	font-family: 'Open Sans', sans-serif  !important;
	text-align: justify;	
	padding: 5px;	
	background-color: #EBF1F4 !important;
}

.TncResult
{
	font-weight: bold !important;
	font-size: 16px !important;
	color: #ff0000 !important;
	font-family: 'Open Sans', sans-serif  !important;
}

.EVDisabledTxtbox
{
     border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 13.5px;
    font-weight: normal;
    height: 30px; 

	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-weight: 500;
	font-size: 11px;
	border-left: #cccccc 1px solid;
	color: #000000;
	border-bottom: #cccccc 1px solid;
	font-family: 'Open Sans', sans-serif ;
	height: 15px;
	background-color: #f1f1f1;
	text-align: left;
	text-decoration: none;
}

TD.EVContact
{
	font-weight: 400;
	font-size: 8pt;
	color: #100D74;
	font-family: 'Open Sans', sans-serif ;
}

/*.RadDropDownList_Office2010Blue .rddlInner
{
    background-color: #e3e9f1;
    background-image: none !important;
}

.RadDropDownList_Office2010Blue .rddlFocused {
    border: thin solid #cccccc !important;
    color: #1e395b;
    background-color: #007eca !important;
    background-image: none !important;
}

.rddlPopup_Office2010Blue .rddlItemHovered {
    color: #ffffff !important;
    background-color: #007eca !important;
}

.rddlPopup_Office2010Blue .rddlItemSelected {
    color: #ffffff !important;
    background-color: #007eca !important;
}

.RadDropDownList_Office2010Blue .rddlHovered {
    color: #ffffff !important;
    background-color: #007eca !important;
}*/

.rddlPopup_Office2010Blue,.button,
.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table
,tr.PortalSectionStrip,.TreeHead,.TreeLink,.TreeLinkContent,.MenuText,.TextMatter
,TD.PH,.LargeTextMatter,TD.FormLabels
,TD.FormLabels,.submitbtn,.cancelbtn
,td.Label,.RadComboBoxDropDown_Web20
,.LargeTextMatterLeft,input, button, select, textarea,table
,.TreeSubHead,.GridRow,TD.links
,.RadListBox_Default,TD.PageFooter,.portaltopstrip
{

    font-family: 'Open Sans', sans-serif  !important;
}

td.FormLabels
{
    font-size:10pt !important;
    font-weight: bold;
}

.ReqTxtbox,.RemoveTheme,.ReqCombo,.RemoveComboTheme, .DisabledTxtbox,.Textbox,.AllTxtbox
{
	 font-family: 'Open Sans', sans-serif  !important;
	 font-size: 14px !important;
	 height: 22px !important;
}

.font-weight-normal
{
    font-weight:normal !important;
}

.RadCalendar_Sunset th
{
 color: #000 !important;
}

.bluethemebox {
    background-color: #0077be;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.darkredthemebox {
    background-color: #AC193D;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.darkorangethemebox {
    background-color: #D24726;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.orangethemebox {
    background-color: #FF8F32;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.greenthemebox {
    background-color: #008A17;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.graythemebox {
    background-color: #585858;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.pinkthemebox {
    background-color: #DC4FAD;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.purplethemebox {
    background-color: #8C0095;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.lightgreenthemebox {
    background-color: #82BA00;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.tealthemebox {
    background-color: #008299;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.lighttealthemebox {
    background-color: #03B3B2;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.valign-bottom
{
    vertical-align:bottom;
}
.LightBlueBg
{
   background-color: #C3D8F1;
}
.LightGreenBg
{
     background-color: #C0EDC0;
}
.OrangeBg
{
     background-color: #FE9166;
}
.LightRedBg
{
    background-color: #EFC5C5;
}
.RoseBg
{
    background-color: #E8B0E8;
}
.VioletBg
{
    background-color:#c2c2ee;
}
.BlueGreenBg {
    background-color:#8ce3e8;
}
.YellowGreenBg {
    background-color:#dcd968;
}

#legends div.first {
    margin: 0px 5px;
}
#legends div {
    float: left;
    height: 10px;
    margin: 0px 5px 0px 25px;
    width: 10px;
}
#legends span {
    float: left;
    margin-top: -2px;
}
.homemasterpad
{
    padding-left:40px;
}
.smalltable
{
    width:60%;
}

.W4Data {
    border: thin solid #cccccc;
    font-family: 'Open Sans', sans-serif ;
    color: #131111;
    background-color: #ffffff;
    font-size: 13.5px;
    font-weight: normal;
    height: 30px;  
}

.W4Text {
    text-align: left;

    font-size: 10.5pt;
    font-weight: normal;
    color: #000;
    font-family: 'Open Sans', sans-serif ;
    padding-top: 5px;
    padding-bottom: 5px;
    /* font-family: Conv_MyriadPro-Bold_0; */
}

.RadComboBox_Office2010Blue .rcbArrowCell a,
.RadComboBox_Glow .rcbArrowCell a,
.RadComboBox_Bootstrap .rcbArrowCell a,
.RadComboBox_Office2010Silver .rcbArrowCell a
{
    background-image:url('../ResponsiveStyle/img/down-arrow.svg') !important;
    background-repeat:no-repeat;
    background-position: 0px 0px !important;
    width: 18px !important;
    height: 12px !important;
}
.text-bold
{
    font-weight:bold !important;
}
.no-margin
{
    margin:0px !important;
}
.table-fixed
{
    table-layout:fixed !important;
}
.table-auto
{
    table-layout:auto !important;
}
.display-inline,.display-inline label
{
    display:inline !important;
}
.RadGrid_Bootstrap .rgSelectedRow a {
    color:black !important;
}
TD.Error,td div .Error
{
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
	font-family: 'Open Sans', sans-serif;	
}
TD.PH
{
	font-weight: bold;
	font-size: 16px;
	color: #000066;
	font-family: 'Open Sans', sans-serif;
}

.zero-pad
{
    padding:0px !important;
}

.fa-download:before {
    font-family: FontAwesome;
}

.HRRadioNormal .RadioButton label,.HRRadioNormal label {
    font-weight: normal !important;
}

.HRRadDate .RadPicker table span input
{
height:30px !important;
min-width:100px !important;
}

.font-bold{
    font-weight:bold !important;
}

.HRFormLabelSmall {
font-size:10px !important;
}
Table.HRPortalOutline table td {
    padding-left: 1px !important;
}
.HRPortalOutline .ValidationError ul li {
    list-style: none;
}
        legend a {
  color: inherit;
}
legend.legendStyle {
padding-left: 5px;
padding-right: 5px;
}
fieldset.fsStyle {
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #999999;
padding: 4px;
margin: 5px;
}
legend.legendStyle {
font-size: 90%;
color: #888888;
background-color: transparent;
font-weight: bold;
}

legend {
width: auto;
border-bottom: 0px;
}

@media (min-width :320px){
.text-align {
   text-align:left !important;
	}}

@media (min-width :360px){
.text-align {
   text-align:left !important;
	}}

@media (min-width :420px){
.text-align {
   text-align:left !important;
	}}

@media (min-width :480px){
.text-align {
   text-align:left !important;
	}}

 @media (min-width :768px){
.text-align{
   text-align:left !important;
	}
 }

 @media (min-width :2560px){
.text-align{
   text-align:right !important;
	}}

 @media (min-width :1440px){
.text-align{
   text-align:left !important;
	}}

@media (min-width :1024px) {
    .text-align {
        text-align: right !important;
    }}

.panel-heading-bg-hr {
    background-color: #5072af !important;
}

.HrSearchBoxNoShadow
{
border:1px solid #e0e0e0; border-radius:5px !important; -moz-border-radius: 5px;
padding:10px 5px;
}