/*Base Structures*/
body{    font-family: arial;
    font-size: 13px;
}
body.LoginMain.Employers{background-image:url(../Images/TemplateImages/peopleBG.jpg);background-size:cover;background-attachment:fixed;}
.EmpyraBranding{background-image:url(../Images/TemplateImages/EmpyraWorks_logo_Small-Logo.png);width:189px;height:49px;display:block;margin:10px auto;}
.webMain{max-width:1280px;background:#fff;/* box-shadow:0 0 58px 46px #fff; */padding-top: 20px!important;margin-top: 45px !important;margin-bottom: 0!important;outline: 20px solid rgba(0, 0, 0, 0.32);}
body.Website.BodyWebMain{background-image:url(../Images/TemplateImages/peopleBG.jpg);background-size: contain;background-attachment:fixed;background-position: center 40px;}
.Logo{background-image:url(../Images/TemplateImages/EmpyraWorks_logo_Large-Icon-Left.png);height: 116px;width: 98% !important;background-size: contain;display:block;padding-bottom:20px;border-bottom: 2px solid rgba(0, 0, 0, 0.08);background-repeat:no-repeat;background-position:center center;}
.SmallLogo{background-image:url(../Images/TemplateImages/SmallLogo.png);background-repeat:no-repeat;background-position:center center;background-color:#fff;display:block;width:43px;min-width: 43px;background-size: contain;height: 44px;}
.loader-item .Logo {
    width: 300px !important;
    border-bottom: 0px;
}
/*.webMain:before {Content: "";background: rgba(0, 0, 0, 0.2);top: -100%;left: 0;width: 200px;height: 300%;position: fixed;z-index: -1;transform: rotate(45deg);}
.webMain:after {Content: "";background: rgba(51, 109, 168, 0.39);top: -100%;left: 14%;width: 200px;height: 300%;position: fixed;z-index: -1;transform: rotate(45deg);}
*/
/*Login Structures*/
.ContentWrapper.LB{margin:0 auto;max-width:680px;transform:translateY(-50%);position:relative;top:50%;background:rgba(0,17,49,0.83);padding:20px 0;border-radius:30px;box-shadow:0 0 84px -10px #011f58;}
.LB #Contentfooter .fg_6{border-top:2px solid rgba(255,255,255,.1);margin-top:20px;}
.LB .LoginMain .BrandingEmpyra{text-align:center;}
.LB .cmdLogin{background:green!important;}
.LB .BrandingEmpyra{text-align:center;}
.LB .Logo{width:100%;}
.ContentWrapper.LB:before {Content: "";background: rgba(220, 80, 48, 0.14);top: -100%;left: 0;width: 20%;height: 300%;position: fixed;z-index: -1;transform: rotate(45deg);}
.ContentWrapper.LB:after {Content: "";background: rgba(0, 0, 0, 0.13);top: -100%;left: -24%;width: 20%;height: 300%;position: fixed;z-index: -1;transform: rotate(45deg);}


/* MainTemplate Structures*/
.MB .Logo,.WelcomeContainer{display:inline-block;/* min-width:250px; */vertical-align:middle;}
.MB .HeaderContainer{/* display:flex; *//* align-items:center; */margin-bottom: 20px;}
.MB .WelcomeContainer{/* width:100%; */}
.MB h2,.MB h3{margin:0;padding:0;}
.MB h2{font-weight:700;color:#235bc5;border-bottom:1px Solid #ccc;}
.MB h3{font-style:italic;color:#336da8;}
.MB .BrandingEmpyra{text-align:center;border-top:1px solid #ccc;margin-bottom: 20px;margin-top: 20px;}
.MB Legal{color:#333;}
.MB .Legal a,.MB .Legal a:visited,.MB .Legal a:active,.MB .copyRight{color:#333;}

/* Special Classing */
.webButton-Group{display:flex;width:100%;margin: 10px 0;}
.webButton{width:100%;text-align:center;padding:10px;border:1px solid #ccc;display: block;margin: 0;border-radius:4px;font-weight:700;position:relative;color: #ffffff!important;text-decoration:none;background: rgb(0, 113, 189);font-size:17px;box-shadow: inset 0 -12px 0 0 rgba(0, 0, 0, 0.09);box-sizing: border-box;}
.webButton .fa:before{position:absolute;font-size:23px;top:10px;left:10px;}
.webButton .fa:before{color: #ffffff !important;}
.webButton:hover{background: #0d89dc;color: #ffffff!important;text-shadow: 1px 1px 0px #333;}
.webButton:hover .fa:before{color: #ffffff!important;}
.SpecialCall {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 6px;
}
.SpecialCall > span.SPContent {
    padding: 10px;
    display: block;
    font-size: 2em;
}

.SpecialCall > span.SPContent strong {
    display: block;
    font-style: italic;
    font-size: 1.2em;
    color: #235bc5;
}

span.fa.BookMark:before {content: "\f02e";line-height: 80px;margin: 0;padding: 0;margin-top: -6px;color: #bf2828;text-shadow: -2px 1px 0px #333;width: 80px;}
.SpecialCall span.fa.SaveJob{background: transparent;/* transform: rotate(20deg); */}
.SpecialCall span.fa.SaveJob:before {line-height: 80px;margin: 0;padding: 0;margin-top: -6px;color: #009900;text-shadow: -2px 1px 0px #333;width: 80px;}

.SpecialCall span.fa {
    float: right;
    font-size: 80px;
    width: 80px;
}
.SpecialCall {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1ffff+0,e1ffff+7,e1ffff+12,fdffff+12,e6f8fd+30,c8eefb+54,bee4f8+75,b1d8f5+100;Blue+Pipe+%232 */
background: #e1ffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
td[class$=-title] {
    font-size: 21px;
    padding-top: 20px;
    /* border-bottom: 1px solid #ccc; */
    text-transform:uppercase;
    color:#235bc5;
    padding-bottom: 20px;
}
td[class$=-title]:after {
    border-bottom: 1px solid #ccc;
    content: "";
    display: block;
}
td[class$=-title]:before{content: "\f0a4";font-family: fontawesome;font-size: 1em;padding-right:10px;color: #ccc;}
.half_2 img, .half_1 img, .abc_2 img, .ab_2 img, .c_2 img, .a_3 img, .b_3 img, .c_3 img, .bc_3 img, .ab_4 img ,.c_4 img,
.ab_4alt img,.c_4alt img,.abc_5 img,.c_4 img{
    border-radius: 10px;
    padding: 0 !important;
    margin: 10px 0 !important;
    border: 4px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px #ccc;
}

/*Legal - Copyright */
.Legal a,.Legal a:visited,.Legal a:active{color:#fff;}
.Legal a:hover{text-decoration:none;}
.copyRight{color:#fff;}

/*Top Menu*/
.TopMenuContainer{float:left;display:flex;width: 100%;}
.webLoginContainer{position: absolute;padding: 10px;background:#fff;height: 44px;box-sizing: border-box;top: 0;right: 0;}
.NavBar{background:#235bc5;box-shadow:0 0 4px rgba(0,0,0,.5);position:fixed;top:0;width:100%;left:0;z-index: 99999;}
.TopMenuContainer .webResponsiveMenu{background:#235bc5;}
.TopMenuContainer .flexnav li a:link, .flexnav li a:visited {
    color: #fff;
}

.flexnav li:hover a:link {
    color: #fff;
    background: rgba(0,0,0,.3);
}

.flexnav li:hover ul li a:link, .flexnav li:hover ul li a:visited {
    background: #fff;
    color: #235bc5;
}

.flexnav li ul li:hover a:link, .flexnav li ul li:hover a:visited {
    background: #f5f5f5;
}

/*Reset Defaults*/
body{min-width:inherit!important;margin:0;padding:0;}
table{width:100%;border-collapse:collapse;}
div[class^=grid_]{min-height:1px;}
span[id$=_lblSpace]{display:none;}
.LoginLabel{padding-top:10px!important;}
.LoggedInImageBlock input{width:100%;}
input[type=image],img{max-width:100%;width:auto;height:auto;}
.LoggedInImageBlock{text-align:center;}
.GridList,.rgMasterTable{visibility:visible!important;}
div[id$=_LoginProgress] img{display:none;}

/* Content Editor Format Helpers */
form#wmbody{position:relative;height:100%;}
.OneFlowSectionBox,.OneFlowSectionBoxContent{height:100%;position:relative;border:0;}
.OneFlowSectionBoxContent{margin-top:0!important;padding-top:37px;box-sizing:border-box;}
.OneFlowSectionBoxContent #pageloader{display:none!important;}
.OneFlowSectionBoxContent .NavBar{top:38px;height:43px;}

/*Loader*/
#pageloader{width:100%;height:100%;top:0;left:0;position:fixed;z-index: 99999;background:#FFF;}
.loader-item{position:absolute;width:auto;height:auto;/* margin: -25px 0 0 -25px; */transform:translateY(-50%) translateX(-50%);top:45%;left:50%;text-align:center;}
.loader{margin:6em auto;font-size:5px;position:relative;text-indent:-9999em;border-top:1.1em solid #336DA8;border-right:1.1em solid #336DA8;border-bottom:1.1em solid #DF5C40;border-left:1.1em solid #336DA8;-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;}
.loader,.loader:after{border-radius:50%;width:10em;height:10em;}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media all and (max-width: 768px) {
    .ContentWrapper.LB {
        top: auto;
        transform: none;
        border-radius: 0;
    }
    .webMain {outline:none;width:100% !important;}
}
/******Need to Move to Controls CSS*/
tr.PaginationBox table {
    width: auto;
}
/*Featured Jobs*/
.Widget .FeaturedJobsList {
    max-height: 206px;
    overflow: auto;
    margin-bottom: 5px;
    background: #fff;
    outline: 1px solid #ccc;
}


/******Cleint Specific CSS Below*/
.Slider {
    margin-top: 44px;
       /*border-bottom: 12px solid #dcf7ff;*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ffffff 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.Slider img {
    width: 100%;
}
.Tile {
    background: #ccc;
    display: flex;
    flex-flow: column;
    text-align: center;
    margin-bottom: 10px;
}

.Tile h1 {
    font-size: 1.5em;
    font-weight: 100;
    color: #fff;
    text-transform: uppercase;
    background: rgba(0,0,0,.3);
    padding: 10px;
    margin: 0;
}

.Tile h2 {
    font-size: 1.2em;
    /* min-height: 50px; */
    color: #fff;
    background: rgba(255,255,255,.1);
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 0;
}

.Tile span {
    padding: 10px;
    color: #fff;
    font-size: 1.1em;
}

.Tile span a {
    display: block;
    border: 1px solid rgba(255,255,255,.7);
    padding: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
    background: rgba(0,0,0,.6);
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: inset 0 -23px 39px -20px rgba(0,0,0,.6), 0px 3px 4px rgba(0,0,0,.4);
    transition: all .2s ease-in-out;
}
.Tile span a:hover {
    background: rgba(0, 0, 0, 0.56);
    color: rgb(255, 255, 255);
    box-shadow: inset 0 0px 4px 0px rgba(0,0,0,.6);
    border-color: rgba(0,0,0,.4);
}
.Tile.JobSeekers {
    background: #7eb52d;
}

.Tile.Employers {
    background: #005b99;
}

.Tile.Jobs {
    background: #ed8923;
}

.Tile.SSCalculator {
    background: #af0f0f;
}