/*IMPORT ALL STYLES*/
@import url("colors.css");
@import url("icons.css");
@import url("fonts.css");
@import url("logo.css");
/*@import url("navbar.css");*/
@import url("nav.css");
@import url("logout.css");
@import url("hightlight.css");
@import url("typography.css");
@import url("position.css");
@import url("badges.css");
@import url("accordion.css");
@import url("forms.css");
@import url("button.css");
@import url("alert.css");
@import url("bg.css");
@import url("text-bg.css");
@import url("breadcrumb.css");
@import url("cards.css");
@import url("modal.css");
@import url("side-menu-icons.css");
@import url("aside.css");
@import url("wpdatatables.css");
@import url("rotate.css");
@import url("divider.css");
/*@import url("forms-tools.css");*/
@import url("comments-box.css");
@import url("revisions-table.css");
@import url("progress.css");
@import url("lead.css");
@import url("spacer.css");
/* LOADER */
body.loading{
    overflow:hidden;
}

body .loader{
    display:none;
}

body.loading .loader{
    display:block;
}

body.loading .loader{
    display:flex;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background:var(--etrck-bg-yellow);
    z-index:999999;
    justify-content:center;
    align-items:center;
}
/*BODY*/
body{
    font-family: var(--etrck-font-simple);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--etrck-text-primary);
    background-color: var(--etrck-primary);
    /*Fixed navbars use position: fixed, meaning they’re pulled from the normal flow of the DOM and may require custom CSS (e.g., padding-top on the <body>) to prevent overlap with other elements.*/
    padding-top: 4rem;
    /*SIDE SECTION ICON MENU NEED A SPACE*/
    padding-right: 4rem;
    overflow-x: hidden;
}
body.no-header{
    padding-right: 0;
}

.inside-block {
    width: 95%;
    background: var(--etrck-bg-yellow);
    border-radius:5px;
    height: 95%;
}

/*HOME*/
body.home,
body.fullscreen{
    padding:0!important;
    margin:0!important;
}

body.home .container-fluid:not(.navigation__nav) .row,
body.fullscreen .container-fluid:not(.navigation__nav) .row{
    height:100vh;
}

body.thirdscreen{
    padding:0!important;
    margin:0!important;
}

body.thirdscreen .container-fluid .row .header-content,
body.thirdscreen .container-fluid .row .main-content{
    height:auto;
    min-height: 280px;
}

/*PREPARE ANIMATION OF HEADER AND MAIN*/
.header-content,
.main-content{
    transition: all .3s ease-in-out;
}

/*MODULE*/
.module {
    padding: 30px;
    background: var(--etrck-bg-light);
    border-radius: 5px;
    margin-bottom: 40px;
}

.module.module-patient {
    background: #ffffff;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}

.module-green{
    background: #bdffb7;
}

h2.title-form{
    padding-bottom:.925rem;
    margin-bottom:.925rem;
    font-size: 1.5rem;
    border-bottom: 1px solid var(--etrck-text-primary)
}

/*SCROLLSPY*/
#contextualnav li a.active{
    font-weight:500;
    opacity:1;
}

#contextualnav li a:not(.active){
    opacity:.6;
}

/*PENTESTADD*/
/*404*/
p.mega {
    font-family: 'Work Sans';
    font-size: 20rem;
    text-align: center;
    font-weight: 800;
    color: var(--etrck-form-background);
}
/*PENTESTADD*/

a mark {
    background-image: none;
    transition: all .3s ease;
    color : #97d700;

}

a mark:hover {
    background-image: linear-gradient(#0000 calc(100% - 0.5em), #97d700 0.5em);
    color:#151515;
}