/*
    ////////////////////////////////////////////////////////////
    HTML RESET
*/
html {
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    padding-top: 120px;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
    font-family: 'Open Sans', sans-serif;
}

footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #222;
    color: #555;
}

hr {
    border: solid 1px #555 !important;
}

h1, h2, h3 {
    text-transform: uppercase;
}

a:hover, a:visited, a:link, a:active {
    text-decoration: none !important;
}

/*
    ////////////////////////////////////////////////////////////
    BOOTSTRAP EXTENSIONS
*/
.ml-1 {
    margin-left: 4px;
}
.mx-1 {
    margin-left: 4px;
    margin-right: 4px;
}
.mr-1 {
    margin-right: 4px;
}

.w-100 {
    width: 100%;
}

.me-1 {
    margin-right: 1rem;
}

.me-2 {
    margin-right: 2rem;
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.atp-brand {
    color: #002288;
    font-weight: bold;
}

.wta-brand {
    color: #aa00bb;
    font-weight: bold;
}





.input-group-btn:nth-last-child(2) > button,
.input-group-btn:nth-last-child(2) > input {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.btn-danger {
    background-color: #c7002c !important;
    border-color: #c7002c !important;
}

.btn {
    border-radius: 8px !important;
}

input.form-control,
select.form-control,
select.form-select{
    border-radius: 8px;
}
.btn-classy {
    border-bottom-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    padding: 12px !important;
}
    .btn-classy.btn-carded {
        border-bottom-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        border-top-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
        padding: 12px !important;
        width: 26% !important;
        height: 150px !important;
        margin: 3.3%;
        display: inline-block !important;
        float: left;
    }
.card-button {
    overflow: hidden;
    border-radius: 8px;
    display: inline-block;
    width: 30%;
    height: 100px;
    margin: 1%;
    padding: 15px;
    box-shadow: 0px 0px 10px #525252;
    transition: all .3s;
}
    .card-button:hover {
        transform1: scale(0.9);
        box-shadow: 0px 0px 3px black;
    }
@media(max-width:750px){
    .card-button {
        width: 95%;
        height: auto;
        margin-left: 5%;
        margin-top: 1%;
    }
}

.text-wta {
    color: rgb(25 129 126) !important;
}
.bg-wta {
    background-color: rgb(0 0 0) !important;
    color: white !important;
}
.text-atp {
    color: rgb(25 129 126) !important;
}
.bg-atp {
    background-color: rgb(25 129 126) !important;
    color: white !important;
}

.bg-info, .alert-info, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    backgro1und-color: rgb(25 129 126) !important;
    background-color: #33ccff !important;
    color: white !important;
}
.btn-primary {
    background-color: rgb(0 0 0) !important;
    border-color: rgb(0 0 0) !important;
    color: white !important;
}
.btn-primary:hover {
    background-color: rgba(36, 19, 112,0.7) !important;
    border-color: rgb(0 0 0) !important;
    color: white !important;
}
.bg-gray {
    background-color: #f0f0f0 !important;
}
.bg-white {
    background-color: white !important;
}
.bg-warning {
    background: #ffd000 !important;  
}

.bg-warning-light {
    background: #fff4c4 !important; 
}

.btn-spaced {
    min-width: 120px;
}

.btn-transparent1 {
    color: rgb(153,84,187);
    background-color: transparent;
}
.btn-transparent1:hover,
.btn-transparent1:focus,
.btn-transparent1:active,
.open > .dropdown-toggle.btn-transparent1 {
    color: #fff;
    background-color: rgb(153, 84, 187);
}

.btn-transparent {
    color: rgb(60,60,60);
    background-color: transparent;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.open > .dropdown-toggle.btn-transparent {
    color: #fff;
    background-color: rgb(160,180,200);
}
.btn-neutral {
    color: #222;
    background-color: #eee;
}
.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:active,
.o1pen > .dropdown-toggle.btn-transparent {
    color: #f00;
    background-color: #444;
}

.text-secondary {
    color: #fff;
}

.panel-neutral {
    border-color: #111;
}
.panel-neutral > .panel-heading {
    background: #111; 
    color: #ffffff;
    border-color: #111;
}

.tiny {
    font-size: 0.65rem;
}

.italic {
    font-style: italic;
}

.opacity8 {
    opacity: 0.8;
}

.opacity6 {
    opacity: 0.6;
}


/*
    ////////////////////////////////////////////////////////////
    GENERAL-PURPOSE CLASSES 
*/
@media print {
    .container-toprint {
        border: solid 0px #ffffff !important;
        margin-top: -50px !important;
        padding: 0px !important;
    }
    .bs-caret {
        display: none !important;
    }
    ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent !important;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent !important;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent !important;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent !important;
    }
}

.bordered {
    border: solid 2px #999999;
    /*margin: 5px;*/
    margin-bottom: 5px;
    padding: 10px;
    /*box-shadow: 0px 0px 10px #999999;*/
    border-radius: 8px;
}

.spaced {
    border: solid 1px #ede;
    margin: 5px;
    padding: 10px;
}

.padded-xs, .padded-sm {
    padding: 3px;
}

.padded-md {
    padding: 10px;
}

.padded-lg {
    padding: 25px;
}
.noshow {
    display: none;
}

.bold {
    font-weight: 700;
}

.normal {
    font-weight: 400;
}

.normal-italic {
    font-weight: 400;
    font-style: italic;
}

.hilite-border {
    zoom: 120%;
}

.regular-border {
    zoom: 100%;
}

/*
    ////////////////////////////////////////////////////////////
    CAPUA COMMON STYLES
*/
.dropdown-menu {
    padding: 0px !important;
    border: solid 2px #19817e !important;
    border-radius: 10px !important;
    overflow: hidden;
}
.dropdown-menu div {
    margin: 0px!important;
}
    .dropdown-menu div table {
        margin: 3%!important;
        width:auto!important;
    }
@media(max-width:1398px) {
    .customTabbedNav {
        float: right;
    }
}
@media(max-width:1298px) {
    .customTabbedNav ul li {
        font-size: 12px!important;
    }
}
.customTabbedNav {
    margin-bottom: 10px;
}
.btn-secondary {
    color: #ffffff;
    background-color: #871883 !important;
    border-color: #871883 !important;
    transition: all .3s;
}
/*.btn-secondary .badge {
    color: #871883 !important;
}

.btn-secondary .text-danger,
.btn-secondary span {
    color: white !important;
}*/

.btn-secondary:hover {
    background-color: #111; /*rgba(135,24,131,0.5) !important;*/
}


.btn-default {
    color: #ffffff;
    background-color: yellow;
    backg1round-color: #871883 !important;
    bo1rder-color: #871883 !important;
    transition: all .3s;
}
/*.btn-default .badge {
    color: #871883 !important;
}*/
.btn-default .text-danger,
.btn-default span {
    color: white !important;
}
.btn-default:hover {
    color: #871883 !important;
    background-color: #ffffff !important;
    border-color: #871883 !important;
}
.btn-default:hover span,
.btn-default:hover .text-danger {
    color: #871883 !important;
}
.btn-invisible.text-left {
    text-align: left!important;
}
.nav-tabs {
    border-bottom: 2px solid #e9e9e9!important;
}
    .nav-tabs > li > a{
        transition: all .3s;
    }
    .nav-tabs > li.active > a {
        border: none !important;
        border-bottom: solid 5px #a736a9 !important;
    }
.nav-tabs > li.active > a:hover {
    background: #19817e !important;
    color: white !important;
    border: none !important;
    border-bottom: solid 5px #a736a9 !important;
}
.nav-tabs > li > a:hover {
    background: #19817e !important;
    color: white !important;
    border: none !important;
}
.nav-tabs > li > a:hover h5 {
    color: white !important;
}
.col-xs-12.col-xs-offset-0.col-sm-12.col-sm-offset-0.col-md-12.col-md-offset-0.col-lg-10.col-lg-offset-1.bg-white, .col-xs-12.col-md-8.col-md-offset-2.bg-white {
    box-shadow: 0px 0px 15px #b9b9b9;
}
.capua-topbar {
    background: rgb(51, 20, 91);
    color: #fff;
    opacity: .7;
    text-align: center;
}

.capua-header {
    background: rgb(0 0 0);
    color: #fff;
    padding-bottom: 10px;
    box-shadow: 0px 5px 10px #7e7e7e;
}

.capua-footer {
    color: #999;
    background: rgb(30, 30, 30);
    padding: 10px;
}

.capua-tab {
    min-height: 300px;    
}

.capua-notset {
    background: transparent;
    color: transparent;
    padding: 2px;
    margin-right: 10px;
}

.capua-gold {
    background: gold;
    color: gold;
    padding: 2px;
    border: solid 1px #ffc000;
    margin-right: 10px;
}

.capua-silver {
    background: silver;
    color: silver;
    padding: 2px;
    border: solid 1px #a0a0a0;
    margin-right: 10px;
}

.capua-bronze {
    background: #a67d3d;
    color: #a67d3d;
    padding: 2px;
    border: solid 1px #967D3D;
    margin-right: 10px;
}

.capua-white {
    background: #fff;
    color: #fff;
    padding: 2px;
    border: solid 1px #444;
    margin-right: 10px;
}

.capua-ro-enabled {
    background: #6e6;
    color: #080;
    padding: 2px;
    border: solid 1px #444;
    margin-right: 10px;
}

.capua-logged-user {
    opacity: 0.8;
    color: #fff;
}

.capua-logged-coordinator {
    opacity: 0.8;
    color: #90ee90;
}

.capua-logged-admin {
    opacity: 0.8;
    color: #ffaa00;
}

.capua-logged-system {
    opacity: 0.8;
    color: #ff4400;
}

.capua-info-tip {
    padding: 4px;
    margin-top: 5px;
    background: #f0e68c;
}
.capua-badge {
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    padding: 5px !important;
}
.capua-badge-gold {
    font-size: 0.8em;
    background: gold;
    color: #111;
    padding: 2px;
    border: solid 1px #dda000;
}
.capua-badge-silver {
    font-size: 0.8em;
    background: #909090;
    color: #fff;
    padding: 2px;
    border: solid 1px #555;
}
.capua-badge-bronze {
    font-size: 0.8em;
    color: #fff;
    background: #a67d3d;
    padding: 2px;
    bor1der: solid 1px #967D3D;
    border: solid 1px #aa0;
}
.capua-badge-white {
    font-size: 0.8em;
    background: #fff;
    color: #111;
    padding: 2px;
    border: solid 1px #555;
}
.capua-badge-notspecified {
    font-size: 0.8em;
    background: #dde;
    color: #fff;
    padding: 2px;
    border: solid 1px #777;
}

.capua-badge-ro-enabled {
    font-size: 0.8em;
    background: #6e6;
    color: #111;
    padding: 2px;
    border: solid 1px #555;
}

.capua-selector-gold {
    color: #111;
    border: solid 1px #111!important;
    background: gold; 
} 
.capua-selector-silver {
    color: #111;
    border: solid 1px #111!important;
    background: #999; 
} 
.capua-selector-bronze {
    color: #111;
    border: solid 1px #111!important;
    background: #a67d3d; 
} 
.capua-selector-white {
    color: #111;
    border: solid 1px #111!important;
    background: #ededed; 
}

@font-face {
    font-family: 'fs-industry';
    src: url("/fonts/FSIndustrie-Regular.otf") format("opentype");
    font-style: normal;
}
@font-face {
    font-family: fs-industry-bold;
    src: url("/fonts/FSIndustrieCd-Bold.otf") format("opentype");
    font-style: normal;
}


.disable-screen {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255,255,255,0.5);
}

.links-container > a:hover {
    text-decoration: underline !important;
    text-decoration-color: white;
}

footer {
    padding: 0;
}