body{font-size:16px;overflow-x: hidden;font-display:auto;}
a {text-decoration: none;}
.strong{font-weight: bold;}
.bg-jobatus{background-color: #010b8b;}
.text-jobatus{color: #010b8b;}
pre.devinfo::-webkit-scrollbar {background-color: #fcfcfc;height: 10px;}
pre.devinfo::-webkit-scrollbar-thumb {background: #010b8b;border-top-right-radius: 10px;}
pre.devinfo {background: #fcfcfc;border-left: 10px solid #010b8b;border-radius: 10px;tab-size:2;padding: 10px;letter-spacing: .5px;font-size: 10pt;color: #000;}

pre[data-lang]::before { content: attr(data-lang); display: block; }



.div_searchbtn{justify-content: center;}
.div_searchbtn > input{    font-size: 20px;padding: 5px 30px;}
.sticky-top{margin-right: -15px!important;margin-left: -15px!important;}
.navbar-right{font-size:16px;padding-top:5px;}
.links{text-align:center;font-size:16px;} 
.login a{color:#777;}
.javat{width: 100%;}
.login{text-align:right;padding-right:10px;margin-top:5px;font-size:16px;}
.searchlinks{text-align:left;margin-top:5px;font-size:16px;}
.searchlinks a{color:#337ab7;text-decoration:underline;}
.logout a{color:#777;}
.new{width: 30px;margin-top: -15px;}
.logout{text-align:right;padding:10px 5px 10px 0;margin-top:5px;}
body{background-color: #f5f5f5;}
.cookie-consent{background: none repeat scroll 0 0 rgba(0,0,0,0.8); color: white; font-size: 16px; line-height:30px; margin: 0; padding: 0; position: fixed; bottom:0; left:0; text-align: center; width: 100%;z-index: 10;}
.cookie-consent p{display:inline-block; margin: 0;}
.close-cookie-panel{border: medium none; height: 24px; width: 15px; float:right; margin: 0 7px;font-size:25px;cursor:pointer;}
.btn-info{text-decoration:none;}
#footer{margin-top: 20px;}
#mi-jobatus{color:#337ab7;text-decoration:underline;cursor:pointer;padding:15px 25px 5px 0;text-align:right;}
.active{color:#000 !important;text-decoration:none !important;}
#header{padding-bottom:5px;}
#logo{padding-top: 15px;}
.ui-widget-content{background:#FFF;border: 1px solid #000a8b;border-radius: 0;z-index: 2147483647;}
.ui-widget-content a{color:#000;}
.ui-menu-item .ui-state-focus{color:#FFF;background:#000a8b !important;border-radius:0;}
.ui-menu-item{padding-right:0.8px}
.ui-menu-item .ui-state-hover{color:#FFF;background:#000a8b !important;}
#appContainer{width: 100%; height: 63px; z-index:3;}
#fijo{padding:10px 0 0 0;position: fixed;border-bottom: 1px #CCC solid; top: 0; left: 0; right: 0; background-color: #f5f5f5; z-index: 3; box-sizing: border-box; }
#static{padding-right: 0;}
#appClose{display: inline-block; position: relative; float: left; padding: 15px 10px;color:#222;}
.appPromoicon{border-radius:8px; display:inline-block;}
.appPromoicon img{vertical-align: 0;width: 48px;}
#appPromotext{display:inline-block;}
.promoTitle{ font-size: 16px; font-weight: 700; color: #515151;}
.promoText{ color: #515151; font-size: 16px; line-height: 1em; }
.stars{display:inline-flex; color:#777;}
.glyphicon-star {color:#777;}
.glyphicon-star-empty { color:#777;}
#appPromoBanner_view_link_container{padding-top:10px;padding-right:30px;padding-left: 0;}
#appButton{font-size:16px; width:100%; color:#fff; text-align:center; border:1px solid #fff; background-color:#189d0e; border-radius:8px; font-weight:600; padding-top:5px; padding-bottom:5px; }
#WAContainer{width:100%;z-index:3;}
#WAfijo{background-color: #f5f5f5;border-bottom:2px solid #eee;box-sizing:border-box;display:inline-block;padding:0 5px;position:fixed;z-index:3;width:100%;padding-top:2px;}
#WAClose{color:#555;display:inline-block;text-align: center;padding-top: 15px;}
#WAPromotext{color:#888;font-size:16px;text-align:center;padding-top: 15px;}
div#WAPromotext{padding-left: 0}
div#WAClose{padding-right: 0}
#WAButton{background-color:#189d0e;border:3px solid #fff;border-radius:8px;color:#fff;display:inline-block;font-size:16px;font-weight:bold;padding:6px 0;text-align:center;margin-top:5px;}
.WAicon{padding-top:2px;}
.WAicon img{width:46px;height:40px;}
.similar{font-size: 16px;}
.divfill{height: auto;background-color: #ffffff}
.noti_space{overflow: hidden;position: fixed;top: 10%;width: 400px;z-index: 1001;/*display: none;*/;left: 5;right: 1%;}

.noti_objetivos {overflow: hidden;background-color: #ffffff;width: 400px;/*height: 100px;*/display: none;box-sizing: border-box;box-shadow: 0 0 1.25rem 0 rgba(0,0,0,.4);bottom: 0;left: 5;right: 1%;float:left;margin-top: 5px;border: 1px solid #bababa;}
.div_enlace{text-align: center; padding-bottom: 15px;}
.div_bloque_noti{height: 100px;}
.noti_objetivos > div > img {width:20%; height:100px;float: left;}
.texto_noti{color:#333;padding-top: 5px;padding-right: 25px;text-align: justify;margin-right: 5px;font-size: 16px;}
.cerrar_noti{color:#F33;float: right;font-size: 20px;cursor: pointer;padding-right: 10px;}
.red_price{color: #c33f3f;text-decoration: line-through;font-size: 20px;}
.texto_modal{font-size: 28px;color:#000000;}
.texto_modal_small{font-size: 18px;color:#000000;}
.modal-header{border-bottom: 0px solid;}
.modal-footer{border-top: 0px solid;}
.modal-body{text-align: center;}
.enlace_cv{font-size:22px;}
.modal-center{text-align: center!important;}
.navbar-nav>li>span {color: #777; padding: 10px 15px;padding-bottom: 15px;position: relative;display: block;text-decoration: none;}

.blackback{background: rgba(0,0,0,0.4);height: 560px;}
.logonavbar{height: 100%;}
#acceder{color: #000;font-weight: 500;}
.navbar-form{display: inline-block;padding-right: 0px;padding-left: 0px;}
.row1 a{color:#666666;padding-left: 20px;}
.row2 a{color:#000000;padding-left: 20px;}
.row3 a{color:#000000;}
.user_menu{margin-right: -15px!important;margin-left: -15px!important;}
.row4 a{color:#666666;}
.tarjet{background:#f5f5f5;margin-top: 30px;padding: 20px;}
.tarjet_car{background:#f5f5f5;margin-top: 30px;padding: 20px;}
.tarjet_other{background:#ffffff;margin-top: 30px;padding: 20px;}
.title_other{color:#000;font-size:25px;line-height: 36px;padding:8px 0;border-bottom: 1px solid;padding-left: 20px;padding-top: 8px;padding-bottom: 8px;margin-top: 10px;margin-bottom: 10px;}
#share-facebook_png{height:23px;width:23px;background-position:0px 0;display: inline-block;}
.share-twitter_png{height:23px;width:23px;background-position:-183px 0;display: inline-block;}
.sprites{background-image:url(/static/image/sprite_classifieds_list.png);background-color:transparent;background-repeat:no-repeat;}
.iframe{border:none; overflow:hidden; width:115px; height:21px;}
.footer_oficial{background-color:#010b8b;color: #FFF;}
.linkin_block{padding: 7px 10px 7px;border-bottom: 1px solid rgba(255,255,255,0.2); color:#337ab7;}
.linkin_block > a{color:#fff;text-decoration: none;}
.red_social_links a{border: 1px solid #337ab7; border-radius: 600px; padding: 6px 9px; color: #fff; height: 36px; width: 38px; font-size: 23px; text-align: center; margin-right: 10px; display: inline-block;}
.red_social_links i{font-size:24px;margin-right: 10px;}
.headerf{font-weight: 500;font-size: 20px;padding-bottom: 5px;padding-top: 20px;font-family: 'Slabo 27px', serif;}
.copyright{text-align: right;margin-top:40px;}
.followi{padding:10px 0}
footer{border-top: 3px solid #ffffff;}
.glycolor{color:#265a88;}
.pagination {text-align:center;font-size:16px;color:#000;display:block;}
.pagination .arrows{font-size:16px;display: inline-block;}
.step-links a{font-size:16px;text-decoration:none;color:#010b8b;}
.current_page{background:none repeat scroll 0 0 #010b8b;color:#FFF !important;font-weight:bold;border-radius: 3px;}
.arrows{padding:15px;border: solid 1px #010b8b;margin-top: 15px;}
.pag_title{font-size:16px;}
.box-line{width: 100%;text-align: center;}
.box-line span{padding: 30px;background-color: #fff;display: inline-block;border-radius: 300px;box-shadow: -19px 17px 46px inset #bbb;margin: 22px !important;}
.text-line{display: block;width: 80%;margin: auto;color: #000;font-size: 30px;font-family: 'Helvetica Neue';text-align: center;padding: 17px 0;margin-bottom:44px}
a.gatrack:hover{text-decoration:none}
.careers_cont{background-color: #f5f5f5;padding-bottom: 30px;}
#sidebarCollapse{display: none;}
#sidebar{display: none}
.close-sidebar{float:right;margin-top: 8px;margin-right: 8px;}
.btn_mobile{text-align: center;display: none;}
.div_geo{display: none;}


/* Estilos unificados subheader */
.mirror_icon{-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.subheader{background-color: red;height: 10vh;}
.subhicon{border-radius: 70px;background-color: #f5f5f5;display: inline-block;padding: 20px;margin: 10px 0 -25px 20px;}
.subhicon img{width:50px;}
.subhicon i{font-size:40px;}
.subhtitle{font-family: 'Montserrat', sans-serif;font-size: 40px;color: #000;vertical-align: bottom;;display: inline-block;font-weight: 200;margin-bottom: 0rem!important;}
/* #credential_picker_container{display: none;} */
/* #credential_picker_container{margin-top:5vh;height: 15vh !important;} */
.section{background-color:#fff;margin-bottom:10px;padding:10px 20px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.2);border-radius: 2px;}
.section_border{background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.2);border-radius: 2px;}
@media (max-width: 1200px) {
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);padding-right: 15px;}
    .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    .navbar-nav {float: none!important;margin-top: 7.5px;}
	.navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .collapse.in{display:block !important;}
    #sidebar-wrapper {margin-left: 0;}
    #page-content-wrapper {min-width: 0;width: 100%;}
    #wrapper.toggled #sidebar-wrapper {margin-left: -15rem;}
    .navbar_desktop{display: none;}
    .cont-fluid-width{width: 100%;}
    .subhtitle{font-size:28px;margin: 0 0 0 0;display:inline;}
    .subhicon{border-radius: 70px;background-color: #f5f5f5;display: inline-block;padding: 20px;margin: 0 0 -25px 0;}
    .subheader{background-color: #f5f5f5;height: 14vh;}
    .subhicon{border-radius: 70px;background-color: #f5f5f5;display: inline-block;padding: 20px;margin: 10px 0 -25px 20px;}
    .subhicon img{width:50px;margin-left:-4vw;}
    .navbar-nav>li>span {color: #777; padding: 0px 0px;padding-bottom: 15px;position: relative;display: block;text-decoration: none;}
    
}

.blanklalala{cursor: pointer;text-decoration: underline;color: #337ab7;}
.lalala{cursor: pointer;text-decoration: underline;color: #337ab7;}
.footerlalala{color:#ffffff;text-decoration: none!important;}
/*.wrapper {display: flex;align-items: stretch;}*/
#sidebar.active {margin-left: -250px;margin-bottom: 0px;}
a[data-toggle="collapse"] {position: relative;}
.dropdown-toggle::after { display: block;     position: absolute; top: 50%; right: 20px;  transform: translateY(-50%); }    
#sidebar {background: #ffffff;transition: all 0.3s;min-width: 250px;max-width: 250px;border-right:1px solid #999;}
#sidebar .sidebar-header {padding: 20px;background: #6d7fcc;}
#sidebar ul.components {padding: 20px 0;/*border-bottom: 1px solid #47748b;*/}
#sidebar ul p {color: #fff;padding: 10px;}
#sidebar ul li a {padding: 10px;font-size: 1.1em;display: block;}
#sidebar ul li a:hover {color: #7386D5;background: #fff;}
#sidebar ul li.active > a, a[aria-expanded="true"] {color: #fff;background: #6d7fcc;}
ul ul a {font-size: 0.9em !important;padding-left: 30px !important;background: #6d7fcc;}
#sidebar ul.components {padding: 20px 0;border-bottom: 1px solid #999;}
#navbar_mobile{display: none;}
#navbar_desktop{display: block;}
@media (max-width: 767px) {
    .blackback{background: rgba(0,0,0,0.4);height: 600px;}
    .img_logo_jobatus{padding-left: 2vw;}
.fieldset{padding:10px;}
.noti_objetivos {top: 0;width: 100%;right: 5%;}
.noti_objetivos > div > img {height:150%;width:15%;}
.div_bloque_noti{font-size:12px;height: 40px;}
.div_enlace{padding-bottom: 10px;}
.noti_space{position:fixed;bottom:0;top:auto;width: 90%;right: 5%;}
.div_enlace{padding-top: 6%;}
.btn{font-size:16px;}
.menu_superior {display:none;}
 /*#sidebar {margin-top: 25px;}*/
.cont-fluid-width{width: 100%;}
#sidebarCollapse{display: block;}
.img_sidebar{width: 95%;;}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    /* top layer */
    z-index: 9999;
    overflow: scroll;
}

.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
}
/* display .overlay when it has the .active class */
.overlay.active {
    display: block;
    opacity: 1;
}

#dismiss {
    width: 35px;
    height: 35px;
    position: absolute;
    /* top right corner of the sidebar */
    top: 0px;
    right: 10px;
}


}

@media (max-width: 1199px) {
#sidebar{display: block}
#sidebarCollapse{display: block;}
#sidebar {
    min-width: 250px;
    max-width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    /* top layer */
    z-index: 9999;
    overflow: scroll;
}

.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
}
/* display .overlay when it has the .active class */
.overlay.active {
    display: block;
    opacity: 1;
}

#dismiss {
    width: 35px;
    height: 35px;
    position: absolute;
    /* top right corner of the sidebar */
    top: 0px;
    right: 10px;
}

}

@media (max-width:767px){
    .blackback{background: rgba(0,0,0,0.4);height: 600px;}
    
    #contact {
    padding: 10px 10px;
    text-decoration: none;
    font-size: 17px;
    /*bottom: 0;*/
    /*top: 0;*/
    /*position: fixed;*/
    z-index: 1000;
    left: 0;
}
  }
  
.btn > a {text-decoration: none;}

/* Menu de navegacion del panel de usuario (se usa en nav_panel.html) */
.sect {padding: 2px 0;text-align: center;margin: 8px 0;border-right: 1px solid #010b8b;padding: 0 20px;}
.sect > a {color: #010b8b;font-size: 14px;text-decoration: none;}
.lastone {border-right: none!important;}

@media (max-width : 600px) {
    .offcanvas {
      width : 75% !important;
    }
 
  }
  @media (max-width : 320px) {
    .offcanvas {
      width : 85% !important;
    }
 
  }