@import url('contact.css');
@import url('contract.css');
@import url('expenses.css');
@import url('home.css');
@import url('login.css');
@import url('policies.css');
@import url('profile.css');
@import url('timesheet.css');
@import url('fancybox.css');

.active_li{border-bottom-style: solid;border-color:#04A1C8} 


body{margin:0;color:#61686F;background:#fff;font:16px/27px Calibri;min-width:1180px;height:100%;}
html{height:100%}
select:focus{outline:0}
select{width:100%}
img{border-style:none}
a{text-decoration:none;color:#0370AB}
a:hover{text-decoration:underline}
input,textarea,select{font:100% 'Open Sans',Arial,Helvetica,sans-serif;vertical-align:middle}
form,fieldset{margin:0;padding:0;border-style:none}
input[type=text],input[type=password],input[type=file],input[type=submit],textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0}
.wrapper{min-height:100%}
.w1{padding:0 0 132px;}
.container{margin:auto;width:1170px;overflow:hidden}
.topheader{overflow:hidden;width:100%;border-bottom:1px solid #ebebeb;padding:12px 0}
.topheader .item{font-size:14px;line-height:20px;color:#009ce2;margin:0 0 0 24px;float:right;text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Calibri;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;}
.topheader .item a{float:left;padding:0 0 0 20px}
.topheader .item.logout a{background:url(../images/bg-logout.png) no-repeat 0 2px;color:#F2A900;}
.topheader .item.profile a{color: #0370AB;
    background:url(../images/bg-profile.png) no-repeat}
.topheader .item a:hover{text-decoration:none;opacity:.8}
.menu{padding-bottom:0px;padding-top:0px;overflow:hidden}
.logo{float:left;text-indent:-9999px;overflow:hidden;background: url(../images/logo.png) no-repeat center center;/* width:220px; */width:25%;height: 86px;}
.logo a{display:block;height:100%}

/*navigation*/
#nav{margin:0 -12px 0 0;padding:30px 0 0;list-style:none;overflow:hidden;float:right;
    color: #0370AB;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Calibri;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
    font-variant: all-small-caps;}
#nav li{float:left;margin:0 12px}
#nav li a{color:#0370AB;text-decoration:none}
#nav li a:hover{color:#012189;text-decoration:none}
/*#nav li.active a{border-bottom-style: solid;border-color:#04A1C8;align-items: center; }*/
.header{background:#01216a;background:-moz-linear-gradient(left,#01216a 0%,#009bde 100%);background:-webkit-linear-gradient(left,#01216a 0%,#009bde 100%);background:linear-gradient(to right,#3bafe5 50%,#1648b9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01216a',endColorstr='#009bde',GradientType=0);width:100%;overflow:hidden;padding:38px 0}
.right-item{float:right;text-align:right}
.left-item{display: inline-block !important} 
.header h1{color: #FFF;font-feature-settings: 'clig' off, 'liga' off;
    font-family: Calibri;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 66.667% */}
.header .right-item{text-align: right;}
#main{width:100%;overflow:hidden;position:relative}
.decor{position:absolute;bottom:-10px;right:60px;z-index:-1}
.content{width:940px;margin:0 auto;padding:50px;position:relative}
.content:after{display:block;clear:both;content:''}
.button{float:right;background:#3baee5;background:-moz-linear-gradient(top,#3baee5 0%,#1c9fdc 100%);background:-webkit-linear-gradient(top,#3baee5 0%,#1c9fdc 100%);background:linear-gradient(to bottom,#3baee5 0%,#1c9fdc 100%);background:#F2A900;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3baee5',endColorstr='#1c9fdc',GradientType=0);border-radius:5px;-webkit-border-radius:5px;border:1px solid #ebebeb;min-height:30px;color:#fff;display:block;text-align:center;line-height:35px;padding:0 15px;font-size:13px;cursor:pointer}
.content .list{margin:40px 0 0;padding:0;list-style:none;overflow:hidden;background:#fff;border:1px solid #e5e5e5;border-width:1px 1px 0 0}
.content .list li{background:#012b72;width:33.3%;display:inline-block;vertical-align:top;margin:0 -3px 0 0}
.content .list li a{display:block;padding:20px 10px 10px;text-align:center;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;background:#fff}
.content .list li a:hover{opacity:.8}
.button:hover{background-color:#FFD470 !important;background-image:-moz-linear-gradient(top,#2886bd,#004d9f);background-image:-ms-linear-gradient(top,#2886bd,#004d9f);background-image:-o-linear-gradient(top,#2886bd,#004d9f);border:1px solid #ebebeb;text-decoration:none}
#main .right-item h2,#main .left-item h2{color:#012169;font:bold 24px/28px Raleway,sans-serif;margin:0}
#main .right-item h3,#main .left-item h3{color:#009ce2;font-size:16px;line-height:20px;font-weight:400;margin:0}
.capture{color:#4a4a4a;font-family:'Open Sans',sans-serif;font-style:italic;font-size:13px;line-height:16px;text-align:right;max-width:250px;display:block;float:right;padding:6px 16px 0 0}
.total_label{line-height:22px;color:#012169;float:left;font-family:'Raleway',sans-serif;font-weight:700;font-size:19px}
.total_value{color:#009ce2;float:left;font-family:'Open Sans',sans-serif;font-weight:700;font-size:18px;line-height:22px}
.content h2{color:#0370AB;font:bold 24px/30px Calibri;margin:0}
.button .plus{background:url('../images/plus.png') no-repeat 100% 50%;display:block;padding:0 31px 0 0;}
.content.select-area .select-opener{background:url(../images/bg-select.png) no-repeat;position:absolute;height:45px;width:31px;right:0;top:0;cursor:pointer}
/*Footer*/
.new_footer_font{color: #FFF !important; 
    text-align: center !important;
    font-feature-settings: 'clig' off, 'liga' off !important;
    font-family: Calibri !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important; /* 125% */
    position: relative;}/*margin-top: 220px !important;*/
.new_referral_image{
    height: auto;
    width: auto;
    margin-left: 97px;
}
.new_referral_text{
    height: auto;
    width: auto;
    margin-left: 400px;
    margin-top: 30px;

}
.new_abolute{
    position: absolute;
}
.footer{position:relative;width:100%;overflow:hidden;background:#131416;height: 300px;}/*padding:50px 0;margin:-132px 0 0*/
.footer .container{width: 100%}
.footer ul{margin:0;padding:0;list-style:none;overflow:hidden;text-align:center}
.footer ul li{display:inline-block;vertical-align:top;overflow:hidden;border-left:1px solid #FFF;padding:0 3px 0 6px}
.footer ul li:first-child{border:none}
.footer ul li a{color:#FFF}
.footer ul li a:hover{text-decoration:none;color:#fff}
.footer ul.social-networks{position: relative;float:right;margin:0 0 0 -100%;margin-right: 18%;
    margin-top: 10px}/*margin-top: 220px !important;*/
.footer ul.social-networks li{float:left;margin:0 0 0 10px;border:none}
.footer ul.social-networks li a{width:32px;height:32px;text-indent:-9999px;overflow:hidden;background:url(../images/bg-social.png) no-repeat;float:left}
.footer ul.social-networks li a.twitter{width:35px;background: url(../images/icon-twitter.png) no-repeat}
/*.footer ul.social-networks li a.twitter:hover{background-position:0 -32px}*/
.footer ul.social-networks li a.linkedin{background: url(../images/icon-linkedin.png) no-repeat}
/*.footer ul.social-networks li a.linkedin:hover{background-position:-51px -32px}*/

.open-file{background:#1a9ddb url(../images/bg-file2.png) no-repeat scroll 19px 10px;border:1px solid #1a9ddb;border-radius:4px;-webkit-border-radius:4px;color:#fff;float:left;font:14px/20px "Open Sans",sans-serif;height:20px;padding:10px 20px 10px 43px}
.open-file:hover{background:url(../images/bg-btn-hover.gif) no-repeat 0 50%;text-decoration:none}
.grey-area{border-top:1px solid #ddd;background:#fafafa;padding:46px 0 0;overflow:hidden}
.grey-area:after{display:block;clear:both;content:''}
.grey-area .content{padding-top:0;padding-bottom:20px}
.grey-area .col1{min-width:170px}
.grey-area .col2{width:50px}
.grey-area .col4{min-width:30px}
.grey-area .hours{min-width:60px}
.grey-area.select-area .select-opener{background:url(../images/bg-select.png) no-repeat;position:absolute;height:45px;width:31px;right:0;top:0;cursor:pointer}
.grey-area td{color:#012169;font:bold 14px/22px Raleway,sans-serif;background:url(../images/bg-select.png)}
.grey-area .payment_data td{font:13px/18px "Open Sans",sans-serif;background: none;}

/*Popup for file*/
#popup2{background-color:#fff;left:50%;position:absolute;top:-9999px;z-index:1001;margin:0 0 0 -248px;width:495px}
#popup2 .popup .close{text-indent:-9999px;overflow:hidden;position:absolute;background:rgba(0,0,0,0) url(../images/bg-close2.png) no-repeat scroll 0 0;cursor:pointer;height:38px;right:-18px;top:-18px;width:38px}
#popup2 .popup .h{overflow:hidden;padding:40px 58px}
#popup2 .popup h2{margin:0 0 15px;color:#012169;font:bold 15px/20px Raleway,sans-serif}

/*Paging*/
.paging{overflow:hidden;text-align:center;padding:18px 0 37px}
.paging ul{margin:0;padding:0;list-style:none;overflow:hidden;display:inline-block;vertical-align:top}
.paging ul li{overflow:hidden}
.paging ul li a{display:block;margin:0 3px;float:left;padding:5px;min-width:28px;line-height:28px;background:#fff;border:1px solid #ebebeb;color:#4a4a4a;text-align:center}
.paging ul li a:hover,.paging ul li a.selected{background:#0370AB;border-color:#0370AB;color:#fff;text-decoration:none}
.paging .next,.paging .prev{float:left;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#f7f7f7 100%);background:-webkit-linear-gradient(top,#fff 0%,#f7f7f7 100%);background:linear-gradient(to bottom,#fff 0%,#f7f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0);border:1px solid #ebebeb;border-radius:5px;-webkit-border-radius:5px;padding:12px 25px;color:#4a4a4a}
.top-paging{float:right;margin:-36px 0 0}
.top-paging select{width:100px;cursor:pointer}
.paging .next:hover,.paging .prev:hover{background:#dbdbdb;background:-moz-linear-gradient(top,#dbdbdb 0%,#b5b5b5 100%);background:-webkit-linear-gradient(top,#dbdbdb 0%,#b5b5b5 100%);background:linear-gradient(to bottom,#dbdbdb 0%,#b5b5b5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb',endColorstr='#b5b5b5',GradientType=0);text-decoration:none}
.top-paging .select-area .center{padding:11px 12px 12px}
.top-paging .select-area{margin:0 0 0 10px;float:right;background:#fff;border:1px solid #ebebeb;height:39px}
.top-paging .select-area .select-opener{margin:0;width:25px;height:39px;background:url(../images/bg-select2.gif) no-repeat}

.top-paging a{float:left;font-size:13px;line-height:15px;color:#a9a9a9;margin:11px 0 0}
.top-paging a:hover{text-decoration:none}
.top-paging a:before{content:'|';margin:0 7px}
.top-paging a:first-child:before{display:none}
.paging .next{float:right}
.success{display:inline-block;vertical-align:top;border:1px solid #20ac4a;color:#20ac4a;font-size:14px;padding:14px 22px 13px 49px;background:url(../images/icon-done.png) no-repeat 21px 12px}
.top-h{text-align:center;overflow:hidden}
.top-h .button{margin:0 0 0 -100%}
.top-h .success{padding:7px 22px 8px 49px}
.add-file{margin:33px -9999px -20px;padding:20px 9999px;overflow:hidden;background:#ededed}
#fader{width:100%;height:100%;position:fixed;top:0;left:0;background:#000}

/*Custom Form*/
.jcf-hidden{display:block!important;position:absolute!important;left:-9999px!important}
.select-area{position:relative;overflow:hidden;cursor:default;height:45px;float:left;color:#4a4a4a;font:13px/16px 'Open Sans',sans-serif;background:#ededed}
.select-focus{border-color:red}
.select-area .center{white-space:nowrap;padding:14px 18px;float:left}
.select-area .select-opener{background:url(../images/bg-select.png) no-repeat;position:absolute;height:45px;width:31px;right:0;top:0;cursor:pointer}
.select-options{position:absolute;overflow:hidden;background:#fff;z-index:2000}
.select-options .drop-holder{border:1px solid #012169;overflow:hidden;height:1%}
.select-options ul{list-style:none;padding:0;margin:0}
.select-options ul li{width:100%;float:left}
.select-options ul a{text-decoration:none;padding:5px 10px;display:block;cursor:pointer;cursor:default;color:#000;height:1%;font-size:12px}
.select-options .item-selected .a{text-decoration:none;background:#012169;color:#fff;cursor:pointer}
.timesheet .select-area{width:100%!important}
.chk-area{border:1px solid #ebebeb;border-radius:4px;-webkit-border-radius:4px;background:#fff;margin:0 10px 0 0;float:left;width:20px;height:20px}
.chk-checked{background:#1a9ddb url(../images/bg-check.png) no-repeat 50% 3px}
.file-area .jcf-input-wrapper{position:relative;overflow:hidden;float:left}
.file-area .jcf-upload-button{border:1px solid #777;padding:10px 15px;background:#777;color:#fff;float:left;height:20px;background:#1a9ddb url(../images/bg-file2.png) no-repeat 19px 10px;padding:10px 10px 10px 43px;width:190px;font:14px/20px 'Open Sans',sans-serif;border:1px solid #1a9ddb;border-radius:4px;-webkit-border-radius:4px}
.file-area .jcf-fake-input{padding:11px 15px;float:left;margin:0 5px;color:#fff;color:#4a4a4a;font:14px/20px 'Open Sans',sans-serif;height:20px;background:none}
.file-area .jcf-fake-input em{font:14px/20px 'Open Sans',sans-serif}
.file-disabled .jcf-upload-button{border-color:#eee;background-color:#eee;color:#777}
.file-disabled .jcf-fake-input{border-color:#eee;color:#aaa}
.right-side{float:right}
.right-side input[type="submit"]{float:right;border-radius:4px;-webkit-border-radius:4px;margin:0;padding:0;font-size:14px;line-height:44px;height:44px;width:149px;margin:0 0 0 3px;color:#fff;border:none;cursor:pointer;background:#F2A900}
.left-side{float:left}
.save{background:#012169;font-size:14px;padding:4px 43px}
.delete{margin:4px auto 0;display:block;opacity:0;line-height:45px;cursor:pointer;}
tr:hover .delete{opacity:1}
.top-h{overflow:hidden;padding:0 0 10px}
.top-h .button{padding:4px 15px;margin:0 0 0 -100%}
.top-h .button img{vertical-align:middle}
.right-side input[type="submit"]:hover{background-color:#FFD470;text-decoration:none}

.expense #buttons input.button {float: left;padding: 4px 43px 4px 23px!important;width: auto!important;margin: 0 27px 0 0;font-size: 14px; border-radius: 5px;-webkit-border-radius: 5px;}
.expense #buttons #addmore:after {content: url(../images/plus.png);position: relative;left: -65px;top: 14px;}
.readonly {background: #f7f7f7 !important;color: #bababa !important;}

.popup .h form strong {width: 100%;display: block;color: #012169;}
.popup .h form textarea {
    display: block;
    height: 100px;
    padding: 10px;
    font-size: 13px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px 0;
    border: 1px solid #EBEBEB;
}
.file-attachment {border: 1px solid #ebebeb;padding: 2px;margin-bottom: 40px;min-height: 56px;}
.file-attachment label {
    text-align: left;
    padding: 16px 10px 8px 10px;
    font: 14px/24px 'Open Sans',sans-serif;
    display: inline-block;
    max-width: 50%;
    overflow: hidden;
}
.upload-button input[type="button"],
.file-attachment input[type="button"] {
    float: right;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    width: 149px;
    margin: 6px 0 0 3px;
    color: #fff;
    border: none;
    cursor: pointer;
    background: #1a9ddb;
    right: 7px;
}
.popup .h form input[type="submit"]:hover,
.file-attachment input[type="button"]:hover {
	background-color: #31a9e1;
    background-image: -webkit-linear-gradient(top,#2886bd,#004d9f);
    background-image: -moz-linear-gradient(top,#2886bd,#004d9f);
    background-image: -ms-linear-gradient(top,#2886bd,#004d9f);
    background-image: -o-linear-gradient(top,#2886bd,#004d9f);
    text-decoration: none;
}
.popup .h form input[type="submit"] {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    width: 149px;
    color: #fff;
    border: none;
    cursor: pointer;
    background: #1a9ddb;
    display: inline-block;
}
.upload-button {text-align: center;}
input#fileToUpload {
    position: fixed;
    left: -99999px;
    z-index: 0;
    visibility: hidden;
}
.timesheet #buttons input.button {
    float: left;
    padding: 4px 53px 4px 23px!important;
    width: auto!important;
    margin: 0 27px 0 0;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.timesheet #buttons #addmore:after {
    content: url(../images/plus.png);
    position: relative;
    left: -70px;
    top: 13px;
	.select-area .select-opener{background:url(../images/bg-select.png) no-repeat;position:absolute;height:45px;width:31px;right:0;top:0;cursor:pointer}
}
.top-h a.button {
    padding: 4px 30px 4px 23px !important;
    width: auto !important;
    margin: 0;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.top-h a.button::after {
    content: url(../images/plus.png);
    position: relative;
    left: 10px;
    top: 4px;
}
.expense .content td.c8 input[type="submit"] {display: none;}
.screenlock {background: rgba(255,255,255,0.5); position:fixed; top:0; bottom:0; right:0; left:0; z-index: 1000; display:none;}
.spantext {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
}
/* upload */
.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.file-attachment .file-area .jcf-input-wrapper {
    width: 1px;
    height: 1px;
    left: -9999999px;
}
.upload-button input[type="button"] {float: none;}
.tempUpload {display: none;}
div#files ul li {
    width: 33%;
    list-style-type: none;
    font-size: 12px;
    position: relative;
}
.uploadURL, .uploadDescription {display: none;}
.uploadDelete {
    background: url('../images/removerow.png');
    width: 16px;
    height: 16px;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}
div#files ul li .uploadName {
    text-align: right;
    padding-right: 30px;
}
div#files ul li {
    width: 33%;
    list-style-type: none;
    font-size: 12px;
    position: relative;
    display: inline-block;
    float: left;
}
div#files {
    padding-left: 280px;
    position: relative;
    top: -5px;
}
div#files ul {
    margin-top: -20px;
}
.add-file input[value="Attach"] {
    background: #1a9ddb url(../images/bg-file2.png) no-repeat scroll 19px 10px;
    border: 1px solid #1a9ddb;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    float: left;
    font: 14px/20px "Open Sans",sans-serif;
    height: 42px;
    padding: 10px 20px 10px 43px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.add-file input[value="Attach"]:hover {
    background: url(../images/bg-btn-hover.gif) no-repeat 0 50%;
    text-decoration: none;
}
/*.button.done {pointer-events: none;}*/
span a span.banner {
    color: #012169;
    font: bold 15px/18px 'Open Sans',sans-serif;
    text-align: center;
    margin: 0 0 24px;
}
div span h4 a {
    background: #3baee5;
    background: -moz-linear-gradient(top,#3baee5 0%,#1c9fdc 100%);
    background: -webkit-linear-gradient(top,#3baee5 0%,#1c9fdc 100%);
    background: linear-gradient(to bottom,#3baee5 0%,#1c9fdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3baee5',endColorstr='#1c9fdc',GradientType=0);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ebebeb;
    min-height: 30px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 15px;
    min-width: 77px;
}
/*
.contract .esign-list li:before {
    content: url(../images/bg-pdf.png);
    position: relative;
    top: -12px;
}
*/
.contract .esign-list li {
    margin-top: 12px;
}
.contract .esign-list li div {
    display: inline-block;
}
.contract .esign-list li {
    width: 100%;
    text-align: left;
}
.contract .esign-list li:before {
    background-image: url(../images/bg-pdf.png);
    width: 34px;
    height: 44px;
    background-size: 34px 44px;
    display: inline-block;
    content: "";
    margin-right: 22px;
    position: relative;
    top: 12px;
}
.contract .esign-list li div:last-child {
    float: right;
}
div span h4 a:hover {
    background-color: #31a9e1;
    background-image: -webkit-linear-gradient(top,#2886bd,#004d9f);
    background-image: -moz-linear-gradient(top,#2886bd,#004d9f);
    background-image: -ms-linear-gradient(top,#2886bd,#004d9f);
    background-image: -o-linear-gradient(top,#2886bd,#004d9f);
    border: 1px solid #ebebeb;
    text-decoration: none;
}
#viewpopup2{display:none}
#viewpopup2{position:absolute;width:1152px;margin:0 0 0 -576px;top:50%;left:50%;height:800px;z-index:1001}
#viewpopup2 .h{overflow:hidden}
#viewpopup2 .h .top{overflow:hidden;width:100%;padding:0 0 19px}
#viewpopup2 .h h3{float:left;color:#fff;margin:0;font-size:24px;line-height:28px;font-weight:400}
#viewpopup2 .h .r{float:right;min-width:300px;}
#viewpopup2 .h .button{float:left}
#viewpopup2 .h .button:hover{background-color:#31a9e1;background-image:-webkit-linear-gradient(top,#2886bd,#004d9f);background-image:-moz-linear-gradient(top,#2886bd,#004d9f);background-image:-ms-linear-gradient(top,#2886bd,#004d9f);background-image:-o-linear-gradient(top,#2886bd,#004d9f);text-decoration:none}
#viewpopup2 .popup{background:#fff;padding:50px;overflow:hidden;width:1050px}
#viewpopup2 .close {
    cursor: pointer;
    margin: 0 0 0 16px;
    float: right;
    padding-right: 25px;
    background: url(../images/bg-close3.png) no-repeat;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    overflow: hidden;
}
#viewpopup2 .print, #viewpopup2 .save {
    background: #3bafe5;
    background: -moz-linear-gradient(top,#3bafe5 0%,#1c9edc 100%);
    background: -webkit-linear-gradient(top,#3bafe5 0%,#1c9edc 100%);
    background: linear-gradient(to bottom,#3bafe5 0%,#1c9edc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3bafe5',endColorstr='#1c9edc',GradientType=0);
    border: none;
    padding: 0 15px;
    font-size: 13px;
    margin: 0 0 0 15px;
    width: 66px;
}
#viewpopup2 .print img,#viewpopup2 .save img{margin:9px 6px 0 0}
/*
div#viewpopup2 {top: 25px !important;}
.contract .slide #viewpopup2 .h {padding: 0;}
.contract #viewpopup2 .h .top {border: none;background: none;margin-bottom: 0;}
.contract .file #viewpopup2 .save.button, .contract .file #viewpopup2 .print.button {
    width: 80%;
    max-width: 66px;
    min-width: 66px;
}
*/
/*
.file a[href="#viewpopup"] {
    position: relative;
    top: 9px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    width: 100%;
    max-width: 600px;
    text-align: left;
    padding: 5px 50px;
    float: left;
}
*/
.file a[href="#viewpopup"] {
    position: relative;
    top: 9px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    width: 100%;
    max-width: 600px;
    text-align: left;
    padding: 5px 50px 5px 60px;
    float: left;
    /*color: #012169;*/
    font: bold 14px/18px 'Open Sans',sans-serif;
    margin: 0 0 24px;
}
.contract .file a.button {
    position: relative;
    top: -10px;
}

/* start of url stuff */
.contract .file a.button {
    position: relative;
    top: -10px;
    position: absolute !important;
    top: 50%;
    margin-top: -22px;
    right: 0;
}
.contract .file {
    position: relative;
}
.contract .file .icon {
    position: absolute;
    top: 50%;
    margin-top: -22px;
}
.failure {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e62619;
    color: #e62619;
    font-size: 14px;
    padding: 14px 22px 13px 49px;
    background: url(../images/icon.png) no-repeat 21px 12px;
}
.top-h .failure {
    padding: 7px 22px 8px 49px;
}
#p-TimesheetmonthlyDailyUnits .success {
    display: inline-block;
    position: relative;
    margin-left: -56px;
    margin-bottom: 40px;
}
.timesheet #buttons input.button:disabled:hover {
    background: #f7f7f7;
    color: #9f9f9f;
}



/*-- --*/
/*
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
		display:none;
		height:0;
	}
	1% {
		display:block;
		opacity:0;
		height:0;
	}
	99%{
		height:21px;
		opacity:0.8;
	}
	to{
		opacity:0.8;
		height:auto;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		display:none;
		height:0;
	}
	1% {
		display:block;
		opacity:0;
		height:0;
	}
	99%{
		height:21px;
		opacity:0.8;
	}
	to{
		opacity:0.8;
		height:auto;
	}
}
*/
.referral input[type="button"]:hover{
    /*background-color: #FFD470*/
}
.referral input[type="button"]{
    padding: 10px 8px 13px 8px;
    margin-top: -13px;
    color: #ffffff;
    /*background: #F2A900;*/
    /*font-family: Calibri;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    font-variant: all-small-caps;
    border: 0px;
    /*border-radius: 5px;*/
    /*cursor: pointer;*/
}
.styled-select.mes_hold{background:none;}
.mes_hold{
	position:relative;
}
.mes_hold span.err_msg{
	display:block;
	padding:0 5px !important;
	color:#e62619 !important;
	font-size:12px !important;
	margin:-15px 0 0 10px !important;
	position:relative;
	line-height:21px !important;
	z-index:10;
	border:1px solid #e62619;
	background:#fff;
	float:left;
	clear:both;
	overflow:hidden;
	
	display:none;
	opacity:0;
	height:0;
	/*
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	*/
}
.mes_hold.w_error span.err_msg{
	/*
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	*/
	display:block;
	opacity:0.8;
	height:auto;
}
.w_error input,
.w_error textarea,
.w_error select,
.w_error .select-area{ background:#fae5e3 !important;}
body.popup_dis{overflow:hidden;}
/*
.def_form .btn_submit{
	cursor:default !important;
	background:#bbb !important;
}*/
#form_popup{
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#form_popup .popup{
	width:300px;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -160px;
	padding:10px;
	background:#fff;
	border:2px solid #F2A900;
	color:#e62619;
	z-index:2;
}
#form_popup .fader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-6666px;
	background:#000;
	z-index:1;
}
#form_popup .popup .message{
	font-size:16px;
	line-height:20px;
	text-align:center;
	margin-bottom:15px;
    color : #0370AB;
}
#form_popup .popup .button_hold{
	text-align:center;
}
#form_popup .popup .button{
	float:none;
	display:inline-block;
}
#form_popup .popup .button a{background:#009ce2;display:inline-block;font-size:18px;line-height:normal;margin:0 auto;color:#fff;padding:5px 10px;}
#form_popup .popup .button a:hover{background-color:#31a9e1;background-image:-webkit-linear-gradient(top,#2886bd,#004d9f);background-image:-moz-linear-gradient(top,#2886bd,#004d9f);background-image:-ms-linear-gradient(top,#2886bd,#004d9f);background-image:-o-linear-gradient(top,#2886bd,#004d9f);text-decoration:none}

/* Form Input Warning */
body .input_warning {position: absolute; width: 180px; margin-left: -90px; box-sizing: border-box; transform: ; left: 50%; background-color: #FF9800; color: #fff !important; padding: 10px 15px; margin-top: 15px; z-index: 10001;}
body .input_warning:before {content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: 100%; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FF9800; }

/* Disabled Button Styling */
.disable-button,
.disable-button:hover {
  background: #dfdfdf !important;
  color: #929292 !important;
}

.disable-button:active,
.disable-button:focus{outline: none;}

#targetId ul,
#targetId2 ul,
#targetId3 ul{ background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    margin-bottom: 30px;
    max-width: 738px;
    overflow: hidden;
    padding: 31px 30px;}

#targetId ul li,
#targetId2 ul li,
#targetId3 ul li{font-size:15px; font-size: 15px;
    line-height: 24px;color:#4a4a4a;font-weight:bold;}

#targetId ul li a,
#targetId2 ul li a,    
#targetId3 ul li a{color:#4a4a4a}


/* superannuation file upload */
body.wsbsbe_count .add-file .file-area,
body.weekdaynum_count .add-file .file-area,
.expense.expense-claim .add-file .file-area,
.profile.superannuation-details .add-file .file-area {display: block;width: 100%;}

body.wsbsbe_count .jcf-input-wrapper,
body.weekdaynum_count .jcf-input-wrapper,
.expense.expense-claim .file-area .jcf-input-wrapper,
.profile.superannuation-details .file-area .jcf-input-wrapper {float: none !important;}

body.wsbsbe_count .file-area .jcf-input-wrapper .jcf-fake-input em,
body.weekdaynum_count .file-area .jcf-input-wrapper .jcf-fake-input em,
.expense.expense-claim .file-area .jcf-input-wrapper .jcf-fake-input em,
.profile.superannuation-details .file-area .jcf-input-wrapper .jcf-fake-input em {padding-left: 0;}

body.wsbsbe_count .file-area .jcf-input-wrapper .jcf-fake-input,
body.weekdaynum_count .file-area .jcf-input-wrapper .jcf-fake-input,
.expense.expense-claim .file-area .jcf-input-wrapper .jcf-fake-input,
.profile.superannuation-details .file-area .jcf-input-wrapper .jcf-fake-input {margin: 0 0 11px;}

a.unk-file,
a.png-file,
a.jpg-file,
a.jpeg-file,
a.doc-file,
a.docx-file,
a.xls-file,
a.xlsx-file,
a.pdf-file,
a.gif-file {display: block;margin-bottom: 10px !important;width:100%}
a.unk-file:before {
    background-image: url(../images/bg-unk.png);
    width: 34px;
    height: 44px;
    background-size: 34px 44px;
    display: inline-block;
    content: "";
    margin-right: 22px;
    position: relative;
    top: 12px;
}
a.png-file:before {
    background-image: url(../images/bg-png.png);
    width: 34px;
    height: 44px;
    background-size: 34px 44px;
    display: inline-block;
    content: "";
    margin-right: 22px;
    position: relative;
    top: 12px;
}
a.jpg-file:before,
a.jpeg-file:before {
    background-image: url(../images/bg-jpg.png);
    width: 34px;
    height: 44px;
    background-size: 34px 44px;
    display: inline-block;
    content: "";
    margin-right: 22px;
    position: relative;
    top: 12px;
}
a.xls-file:before,
a.xlsx-file:before {
    background-image: url(../images/bg-xls.png);
    width: 34px;
    height: 44px;
    background-size: 34px 44px;
    display: inline-block;
    content: "";
    margin-right: 22px;
    position: relative;
    top: 12px;
}
a.doc-file:before,
a.docx-file:before {
    background-image: url(../images/bg-doc.png);
    width: 34px;
    height: 44px;
    background-size: 34px 44px;
    display: inline-block;
    content: "";
    margin-right: 22px;
    position: relative;
    top: 12px;
}
a.pdf-file:before {
    background-image: url(../images/bg-pdf.png);
    width: 34px;
    height: 44px;
    background-size: 34px 44px;
    display: inline-block;
    content: "";
    margin-right: 22px;
    position: relative;
    top: 12px;
}
a.gif-file:before {
    background-image: url(../images/bg-gif.png);
    width: 34px;
    height: 44px;
    background-size: 34px 44px;
    display: inline-block;
    content: "";
    margin-right: 22px;
    position: relative;
    top: 12px;
}
a.unk-file:after,
a.png-file:after,
a.pdf-file:after,
a.jpg-file:after,
a.gif-file:after {
    content: initial !important;
    background-image: initial !important;
}
.total span.err_msg.w_error {
    display: block;
    opacity: 0.8;
    height: auto;
}
.total span.err_msg {
    position: absolute;
    left: 55px;
    top: 45px;
    display: block;
    padding: 0 5px !important;
    color: #e62619 !important;
    font-size: 12px !important;
    line-height: 21px !important;
    z-index: 10;
    border: 1px solid #e62619;
    background: #fff;
    clear: both;
    overflow: hidden;
    display: none;
    opacity: 0;
    height: 0;
}
.non_zero.w_error {
    color: red !important;
}
body.wsbsbe_count .date-td span.mes_hold.w_error span.err_msg {
    position: absolute;
    width: 150px;
}
.timesheet.fsbsbee .grey-area td.date-td.mes_hold.w_error span.err_msg {
    position: absolute;
    width: 150px;
}
body.timesheet .delete-container a {
    width: 20px;
    height: 20px;
    background: url('https://cxcdev-workforce-14db805b2df-14ece5f7d1e.cs6.force.com/MyCXC/resource/1469817134000/CXCAsset/images/removerow.png');
    display: block;
    background-size: 20px 20px;
    position: relative;
    top: 12px;
}
.mes_hold.warning span.err_msg {
    display: block;
    opacity: 0.8;
    height: auto;
}
body.weekdaynum_count .grey-area .content .mes_hold.w_error .err_msg,
body.wsbsbe_count .date-td span.mes_hold.warning span.err_msg {
    position: absolute;
    width: 150px;
}
body.weekdaynum_count .delete-container a {top: 0;}

.fileupload-popup {
    background: rgba(0,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

span.upload-message {
    padding: 5px 10px !important;
    color: #e62619;
    font-size: 12px !important;
    line-height: 21px !important;
    z-index: 10;
    border: 1px solid #e62619;
    background: #fff;
    left: 50%;
    margin-left: -84px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}
.c7.mes_hold.w_error span.err_msg {position: absolute;}
.left-side .spinner{margin-left: -156px;}
.right-side .spinner {left: initial !important;right: 125px;}