:root { 
    --yellow: #f9be01; 
    --green: #34d47d;
    --info: #3e57d5;
    --greenhover: #1dbf67;
    --textlight:#103840:
}
.header,.hd--expanded.mn--max .content__header::before, .hd--expanded.mn--min .content__header::before {
    background-color: #103840;
}

h1,h2,h3,h4,h5,h6{font-family: 'Homenaje', sans-serif !important; }
video{width:auto; max-width:100%;}
iframe{ max-width:100%;}
#signinbox{width: 320px !important;margin: 0 auto;}
.content,.modal-body,.table,.list-group-item,.table-striped > tbody > tr:nth-of-type(2n+1){color:#000 !important}
.pointer{cursor: pointer;}
.card-body video{max-width: 800px;margin: 0 auto;}
#recording-area video{max-width:100%}
.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active{background:var(--green);}
.mainnav__caption{color:var(--textlight);}
.p-16{font-size:16px !important;}
.card-cv-title{font-family: Ubuntu;font-size: 24px !important;font-weight: 500}
.skill-tag{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
padding: 6px 30px;
display: inline-block;
margin-right: 10px;
border: 1px solid #f5f5f5;
font-weight: 500;
margin-bottom: 15px;
font-size: 16px;}
/*Forms*/
.form-check-input:checked{background-color:var(--green);border-color:var(--green);}
#ui-datepicker-div{z-index:1000000 !important;}
.select2-results__group:hover{cursor:pointer;}
/*Alerts and backgrounds*/
.alert-info{background:var(--green);color:#FFF;}
.alert-success{background:var(--green);color:#FFF;}
.alert-success a,.alert-info a{color:#FFF;}
.alert-warning{background:var(--yellow);color:#000;}
.alert-outline-success{background:#FFF;border:2px solid var(--green);color:#000;font-size:16px;}
.alert-outline-info{background:#FFF;border:2px solid var(--info);color:#000;font-size:16px;}
/*Backgrounds*/
.bg-warning{background:var(--yellow);}
.bg-success{background:var(--green) !important;}
.bg-primary{background:var(--green) !important;}
/*Buttons*/
.btn-primary{background:var(--green);color:#FFF;border:1px solid var(--green);}
.btn-success{background:var(--green);color:#FFF;border:1px solid var(--green);}
.btn-primary:hover{background:var(--greenhover);color:#FFF;border:1px solid var(--green);}
.btn-success:hover{background:var(--greenhover);color:#FFF;border:1px solid var(--green);}
.btn-warning{background:var(--yellow);color:#FFF;border:1px solid var(--yellow);}
.btn-outline-dark:hover{color:#FFF !important;}
.btn-purple{color:#FFF;border:1px solid #8d42f5;background:#8d42f5;}
.btn-outline-purple{color:#8d42f5;border:1px solid #8d42f5;}
.btn-outline-purple:hover{color:#FFF;border:1px solid #8d42f5;background:#8d42f5;}
/*Rating*/
.rate {float: left;height: 46px;padding: 0 10px;}
.rate:not(:checked) > input {position:absolute;top:-99999px;left:0;visibility: hidden;}
.rate:not(:checked) > label {float:right;width:1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:30px;color:#ccc;}
.rate:not(:checked) > label:before {content: '★ ';}
.rate > input:checked ~ label {color: #ffc700;}
.rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label {color: #deb217;}
.rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label {color: #c59b08;}
/*Tabñes*/
.table-company th{border-bottom:1px solid grey !important;}

/*navs*/
.nav-app .nav-link {background:#E6EDEE;font-family: Manrope;font-weight: 500;font-size: 16px;line-height: 21.86px;letter-spacing: 0%;color:#595959;}
    .nav-app .nav-link.active{
        background-color: #FFF !important;
        font-family: Manrope;
        font-weight: 500;
        font-size: 16px;
        line-height: 21.86px;
        letter-spacing: 0%;
        color:#595959;
        border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;
    }
    .nav-app .nav-link:not(:first-child){
        margin:0 3px;
    }
    .nav-app .nav-link:first-child{
        margin:0 3px 0 0px;
    }
    .nav-app .nav-link:last-child{
        margin:0 0px 0 3px;
    }
/*Pagination*/
.page-link-angle{padding:9px 12px;}
/*Avatar*/
.avatarlist{ -webkit-background-size: cover !important; -moz-background-size: cover !important;-o-background-size: cover !important; background-size: cover !important;background-position:top !important;width:96px !important;height:96px !important;margin:0 auto 10px auto !important;}
.avatarprofile{ -webkit-background-size: cover !important; -moz-background-size: cover !important;-o-background-size: cover !important; background-size: cover !important;background-position:top !important;width:250px !important;height:250px !important;margin:0 auto 10px auto !important;}
/*togglebtn*/
  .toggle.btn{
        min-height: 25px !important;
        height: 25px;
    }
    .toggle > .toggle-group > .toggle-off.btn ,.toggle > .toggle-group > .toggle-on.btn{
        margin-top:-5px !important;
    }
    
    .clase {
        padding: 6px;
        background-color: #e9ecef;
        border-radius: 5px;
        cursor: move;
    }
    .droppable {
        height: 80px;
        vertical-align: middle;
    }