.margin-0{
	margin: 0px;
}
.margin-10{
	margin: 10px !important;
}
.margin-30{
	margin: 30px !important;
}
.margin-t-10{
	margin-top: 10px !important;
}
.margin-t-5{
	margin-top: 5px;
}
.margin-t-7{
	margin-top: 7px;
}
.margin-rl-15px{
	margin-right: 15px;
	margin-left: 15px;
}
.font-11{
	font-size: 11px;
}
.font-12{
	font-size: 12px;
}
.font-12-select > button{
	font-size: 12px;
}
.font-13{
	font-size: 13px;
}
.font-15{
	font-size: 15px !important;
}
.font-17{
	font-size: 17px !important;
}
.font-20{
	font-size: 20px !important;
}
.font-35{
	font-size: 35px;
}
.font-60{
	font-size: 60px !important;
}
.font-80{
	font-size: 80px !important;
}
.font-130{
    font-size: 130px !important;
}
.font-200{
    font-size: 200px !important;
}
.color-gray-3{
	color: #8D99AE;
}
.color-white{
	color: #FFF;
}
.color-black{
	color: #15161D !important;
}
.color-black-light{
  color: #555555;
}
.font-bold{
	font-weight: bold;
}
.background-white{
	background: white;
}
.background-green{
	background: #3dbc43 !important;
}
.background-green-2{
	background: #35a33a !important;
}
.color-green{
	color: #3dbc43;
}
.border-radius-15{
	border-radius: 15px;
}
.padding-0{
	padding: 0px;
}
.padding-rl-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.padding-rl-5por{
	padding: 0px 5%;	
}
.padding-rl-30{
	padding: 0px 30px;
}
.padding-t-50{
	padding-top: 50px;
}
.padding-tb-10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding-l-5{
	padding-left: 5px;
}
.padding-t-10{
	padding-top: 10px;
}
.info-circle{
	width: 150px;
    height: 150px;
    border-radius: 50%;
    font-size: 90px;
    border: 2px solid #ef2144;
    color: #ef2144;
}
.center-div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.width-100{
	width: 100%;
}
.border-1-gray{
	border: 1px solid #eee;
}
.border-top-gray{
	border-top: 2px solid #E4E7ED;
}
.border-2-green{
	border: 2px solid #3dbc43;
}
.styleHR {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 50%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(209, 5, 40), rgba(0, 0, 0, 0));
}
.cursor-pointer{
	cursor: pointer;
}
.display-none{
	display: none !important;
}
.display-block{
	display: block !important;
}
.display-inline{
	display: inline-block !important;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.w-100{
    width: 100%;
}

.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }                             
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }         
.pr-1 { padding-right:.25rem!important; }                       
.pb-1 { padding-bottom:.25rem!important; }      
.pl-1 { padding-left:.25rem!important; }                            
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }                                              
.pr-2 { padding-right:.5rem!important; }                                
.pb-2 { padding-bottom:.5rem!important; }               
.pl-2 { padding-left:.5rem!important; }                                             
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }                               
.pr-3 { padding-right:1rem!important; }             
.pb-3 { padding-bottom:1rem!important; }                
.pl-3 { padding-left:1rem!important; }                              
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }                             
.pr-4 { padding-right:1.5rem!important; }               
.pb-4 { padding-bottom:1.5rem!important; }              
.pl-4 { padding-left:1.5rem!important; }                                
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }   
.pr-5 { padding-right:3rem!important; } 
.pb-5 { padding-bottom:3rem!important; }    
.pl-5 { padding-left:3rem!important; }  
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

.row.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.job-offer-item{
    position: relative;
	margin: 15px 0px;
	border: solid 1px #e4e7ede3;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.08)!important;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.job-offer-item .job-offer-item-body{
    padding: 25px;
    background-color: #FFF;
}

.job-offer-item .job-offer-item-body.detail{
    padding: 30px 40px;
}

.job-offer-item .job-offer-item-footer{
	background: #f9f9f9;
    text-align: right;
    padding: 6px 19px;
    border-top: #E4E7ED 1px solid;
}

.job-offer-item .job-offer-item-footer.detail{
    padding: 16px 30px;
}

.job-offer-item .job-offer-item-footer.detail img{
    filter: contrast(0.5);
    opacity: 0.2;
    float: left;
    width: 50px;
    margin-top: 3px;
    margin-left: 11px;
}

.job-offer-item .job-offer-item-footer label{
    color: #8D99AE;
    font-weight: 500;
    font-size: 12px;
    margin: 0px;
    letter-spacing: 0.5px;
}

.job-offer-item-body .title{
    text-transform: uppercase;
    font-size: 16px;
    text-align: left;
    margin-bottom: 5px;
}

.job-offer-item-body.detail .title{
    font-size: 19px;
    margin-bottom: 10px;
}

.job-offer-item-body .title a{
    font-weight: inherit;
}

.job-offer-item-body .subtitle{
	text-transform: uppercase;
    font-size: 12px;
    color: #8D99AE;
    text-align: left;
    margin-bottom: 0px;
}

.job-offer-item-body.detail .subtitle{
    font-size: 14px;
}

.job-offer-item-body .lbl-schedule-type{
	font-size: 13px;
    padding: 5px;
    width: 100%;
    margin-bottom: 2px;
}

.job-offer-item-body.detail .icons{
	color: #8D99AE;
	transition: all ease 0.2s;
	cursor: pointer;
    font-size: 18px;
}

.job-offer-item-body.detail .icons:hover{
	transform: rotate(15deg);
}

.job-offer-item-body .lbl-location{
	font-size: 12px;
    width: 100%;
    text-align: center;
    color: #8D99AE;
    letter-spacing: 0.5px;
    margin: 0px;
}

.job-offer-item-body.detail .lbl-location{
	font-size: 14px;
    text-align: right;
    margin-top: 10px;
}

.job-offer-item-body .sections{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.job-offer-item-body .sections-block{
    display: block;
}

.job-offer-item-body .sections > div:not(:last-child){
    border-right: 1px solid #eee;
}

.job-offer-item-body .sections-block > div:not(:last-child){
    border-bottom: 1px solid #eee;
}

.job-offer-item-body .sections > div:first-child, .job-offer-item-body .sections-block > div:first-child{
    background: #f9f9f9;
    border: 1px solid #eee;
}

.job-offer-item-body .sections > div{
    width: 100%;
    padding: 11px 20px;
}

.job-offer-item-body .sections-block > div{
    width: 100%;
    padding: 23px 20px;
}

.job-offer-item-body .sections > div p, .job-offer-item-body .sections-block > div p{
    text-align: left;
    letter-spacing: 0.5px;
    font-size: 13px;
    margin-bottom: 7px;
    color: #8D99AE;
}

.job-offer-item-body .sections > div h4{
    font-size: 14px;
    margin: 0px;
}

.job-offer-item-body .sections-block > div h4{
    font-size: 15px;
    margin: 0px;
}

.font-weight-500{
	font-weight: 500;
}

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

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #35a33a;
}

.form-control {
    border-radius: 0px;
}

.form-control:focus{
	box-shadow: none;
    border-width: 2px;
    border-color: #000000;
    border-radius: 3px;
}

.justify-content-end{
	justify-content: end;
}

.mark, mark {
    padding: 0.2em 10px;
    background-color: #e9ffea;
    color: #054f09ad;
}

.btn{
	display: inline-block;
    padding: 9px 25px;
    border: none;
    border-radius: 40px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    font-size: 13px;
}

.btn.btn-small{
  padding: 1px 18px !important;
  font-size: 12px !important;
}

.primary-btn {
  background-color: #3dbc43;
  color: #FFF;
}

.primary-btn:hover, .primary-btn:focus {
  opacity: 0.9;
  color: #FFF;
}

.btn:focus, .btn:hover {
    outline: none !important;
    border-style: none !important;
}

.modal-body {
    padding: 15px 30px;
}

.modal-header {
    padding: 15px 30px;
    text-transform: uppercase;
}

.modal-footer {
    padding: 15px 30px;
    background: #f9f9f9;
    border-radius: 0px 0px 6px 6px;
    border-top: #E4E7ED 1px solid;
}

.background-gray-1{
	background: #f9f9f9;
}

.background-gray-2{
	background: #FBFBFC;
}

.background-gray-3{
	background: #f3f3f3;
}

.item-question{
	position: relative;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border: 1px solid #eeeeeede;
    background: white;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 10px;
}
	
.item-question > i{
	position: absolute;
    right: 33px;
    top: 27px;
    font-size: 27px;
    transform: rotate(16deg);
    opacity: 1;
    color: #0a942f;
}

.item-question > label{
	font-weight: 500;
    width: 100%;
    color: #323438;
    font-size: 16px !important;
    margin: 0;
    padding: 10px 50px 10px 19px;
    user-select: none;
    border: 1px solid #E4E7ED;
    border-bottom: none;
    background: rgb(246,246,246);
    background: linear-gradient(142deg, rgba(246,246,246,1) 41%, rgb(238 238 238) 90%);
}

.opacity-08{
    opacity: 0.8;
}

.border-none{
    border: none;
}

#icon-state-search {
    display: flex;
    justify-content: center;
    margin-top: 90px;
}

#icon-state-search > div {
    display: grid;
    text-align: center;
}

#icon-state-search i{
    opacity: 0.1;
}

#icon-state-search label{
    margin-top: 12px;
    opacity: 0.2;
    user-select: none;
    font-size: 15px;
}

#divPadreQuestions{
    padding: 20px;
}

p {
    text-align: justify;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.hover-color-red:hover{
    color: tomato !important;
}

.hover-color-blue:hover{
    color: #1078ff !important;
}

.dropdown-compartir .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 10px;
    width: 259px;
    min-width: 64px;
    z-index: 100;
    border-radius: 13px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: transparent;
    border: 2px solid #f5f5f5;
    margin-top: 7px;
    backdrop-filter: blur(4px);
}

.dropdown-compartir .dropdown-menu li {
  display: inline-block;
  margin: 2px;
}
.dropdown-compartir .dropdown-menu a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  transition: all ease 0.2s;
}

.facebook  { background-color: #1877f2; }
.whatsapp  { background-color: #25d366; }
.linkedin  { background-color: #0077b5; }
.twitter   { background-color: #1da1f2; }
.copy      { background-color: #6c757d; }

.dropdown-compartir .dropdown-menu a:hover {
  opacity: 0.8;
  background: #3dbc4352;
  color: #156118;
}

.dropdown-backdrop {
    position: static;
}

/* BOOTSTRAP */

/* Pequeño (sm) - ≥576px */
@media (min-width: 576px) {}

/* Mediano (md) - ≥768px */
@media (min-width: 768px) {}

/* Grande (lg) - ≥992px */
@media (min-width: 992px) {}

/* Extra grande (xl) - ≥1200px */
@media (min-width: 1200px) {}

/* *************** */

/* Menor a 576px (xs) */
@media (max-width: 575.98px) {}

/* Menor a 768px (sm) */
@media (max-width: 767.98px) {
    .job-offer-item-body .subtitle{
        margin-bottom: 20px;
    }
    .header-search {
        padding: 11px 20px;
    }
    .header-search .input {
        width: 70%;
    }
    .header-search .search-btn {
        width: 30%;
    }
    .job-offer-item-body.detail .title {
        font-size: 17px;
    }
    .job-offer-item-body.detail .subtitle {
        font-size: 12px;
    }
    .job-offer-item .job-offer-item-body.detail {
        padding: 25px 30px;
    }
    .job-offer-item-body.detail .title > label{
        display: none;
    }
    #divPadreQuestions{
        padding: 10px;
    }
    .item-question > label {
        font-size: 14px !important;
    }
}

/* Menor a 992px (md) */
@media (max-width: 991.98px) {
    .header-ctn {
        border: 1px solid #e3e3e324;
        backdrop-filter: blur(36px);
        margin-top: 6px;
        background: inherit;
    }
    .header-ctn>div>a>span {
        font-size: 10px;
    }
    .dropdown-compartir .dropdown-menu {
        width: 64px;
    }
}

/* Menor a 1200px (lg) */
@media (max-width: 1199.98px) {}


/* CUSTOMS */

@media (max-width: 380.98px) {
    .job-offer-item-body .sections > div:not(:first-child):not(:last-child) {
        border-bottom: 1px solid #eee;
        border-right: none;
    }
}