﻿/*
    FONTS
*/
@font-face {
    font-family: "Noto Sans";
    src: url("../Fonts/NotoSans/NotoSans-Regular.ttf") format("truetype"),url("../Fonts/NotoSans/NotoSans-Regular.woff") format("woff"),url("../fonts/NotoSans/NotoSans-Regular.otf") format("otf");
}
@font-face {
  font-family: "TekoRegular";
  src: url("../Fonts/Teko/TekoRegular.otf") format("opentype"), url("../Fonts/Teko/TekoRegular.woff") format("woff"); 
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../Fonts/Teko/LYjNdG7kmE0gfa19pRtB.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:  url('../Fonts/Teko/LYjNdG7kmE0gfaJ9pRtB.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../Fonts/Teko/LYjNdG7kmE0gfaN9pQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/

/* ApexMk2 */
@font-face {
  font-family: "ApexMk2";
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/ApexMk2/ApexMk2-Regular.otf') format('otf'),url('../Fonts/ApexMk2/ApexMk2-Regular.woff') format('woff') ;
}






body{


    /*min-height: calc(100vh - 30px);*/
    color:black;
    font-family:TekoRegular;
    /*background:repeat url('../img/bg1.png');*/    

    background-color: #0a0012;
    /*background-image: url('../img/bg1.png');*/
    /*background-image: url('../img/bg2.jpg');*/
    background-image: url('../img/bg.png');
    background-size:cover;
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

body>.container{

    min-height: calc(100vh - 54px);
    min-height: -o-calc(100vh - 54px);
    min-height: -webkit-calc(100vh - 54px);
    min-height: -moz-calc(100vh - 54px);
}

/*DIALOGS*/
.modal-body {
    /*background-color: #15161B;*/
    background-color: #FFFFFF;
    /*background-image: url('../img/bg2.jpg');*/
    
    font-size:1.5em;
    color:#3A5373;
    /*color:#FFFFFF;*/
    padding:0!important;
}
.modal-body .descriptionP{
    color:#FFFFFF;
}
.modal-body .text-center img{
    margin:20px;
}
.modal-content{
    /*background-color:#000!important;*/
    background-color:#FFFFFF!important;
    color:#9d813c;
    font-family:TekoRegular;
}
.modal-header, .modal-footer{
    /*background-color: #101725;*/
    background-color: #05529C;
}
.modal-fixed, .modal-dialog{
    margin:0;
}
.modal-fixed, .modal-dialog .modal-content{
    height: auto !important;
    max-height: 100vh!important;
    overflow:hidden;
}
.modal-fixed .modal-body{
  height: auto !important;
  max-height: calc(100vh - 99px) !important;
  overflow-y:auto!important;
}
.modal-fixed .modal-footer{
    display:none;
}
.modal-fixed button.close{
    letter-spacing: 4px;
    border: 1px solid;
    color: #ece68d !important;
    opacity:0.9!important;
}
/*TITLE*/
h1,h2,h3,h4,h5 {
    /*color:black;*/
    font-family:"ApexMk2";
}
h1{
    color:#ece68d!important; /*#e3c8ff*/
}

.bg-primary
{
    background-color:#2F5B8C!important;
}
.bg-secondary, .card-header{
    background-color:#3167a4!important;
    color:#f2f2f2!important;
}
.bg-3{
    background-color:#e9ecef!important;
}
.btn-link{
    color:#f2f2f2!important;
}


/*FOOTER*/
footer {
    background-color:#595959;
    color:white;
    margin-top:30px;
}

/*BUTTONS*/
.btn-primary {
    color: #fff;
    background-color:#42658c;
    border-color:#476b93;
}
.btn-primary:hover {
    color: #fff;
    background-color:#486b93;
    border-color:#476b93;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color:#65809f;
    border-color:#476b93;
}



/*MENU*/
.navbar-dark .navbar-nav .nav-link{
    color:white;
    font-size:1.1em;
}

/*CARDS*/
.card-header.card-header-small-gray{
    padding: 0;
    background-color:#DAE1EA !important;
    color:#000000!important;
}
.card-header.card-header-small-gray .btn-link{
        color:#000!important;
}

/*OBLIQUE HEADERS*/
.titleObl1{
    -moz-transform: skew(7deg, 0deg);
    -webkit-transform: skew(7deg, 0deg);
    -o-transform: skew(7deg, 0deg);
    -ms-transform: skew(7deg, 0deg);
    transform: skew(7deg, 0deg);
    background-color:#3A3134;
    opacity:0.8;
    color:#fff!important;
}
.titleObl1 h1{
    border-bottom: 10px solid #9c9c9c;
}
/*CONTINERS*/
.descriptionP{
    /*-webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;*/
    background-color: #037AC4;

    border-left:1px solid #2B3850;
    border-top: 2px solid #2B3850;
    border-bottom: 2px solid #2B3850;
    border-right: 1px solid #2B3850;
    padding:7px;
    text-align: left;
    font-family:'Verdana','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 22px;
    /*opacity:0.9;*/
    margin-top: 1em;
}
.descriptionP a{
    color:yellow!important;
}
/*LIST GROUP 1*/
.list_menu .list-group-item, .list_menu .list-group-item.active{
    background-color:#000!important;
    opacity: 0.8!important;
    color:#9d813c;
    border: 3px solid #838383;
    border-radius: 0px 0px 15px 0px;
    font-size:1.5em!important;
    letter-spacing:1px;
    padding: .30rem 0.6rem;
}
.list_menu .list-group-item:hover{
    color:#FFF;
}
.list_menu .list-group-item:not(:last-child), .list_menu .list-group-item.active:not(:last-child) {
    margin-bottom:0.5vw;
}
.list_menu .list-group-item.active {
    opacity: 1!important;
    color:white;
    /*border: 2px solid #aa8000;*/
}

/*LIST GROUP 2*/
.list_menu2 .list-group-item, .list_menu2 .list-group-item.active{
    background-color:transparent;
    color:#FFF;
    /*border-top: 2px solid #aa8000;*/
    /*border-bottom: 2px solid #aa8000;*/
    border:none;
    /*border-right:none;
    border-left:none;*/
    font-size:1.8em!important;
    letter-spacing:1px;
    padding: 0.8rem 0.6rem;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.list_menu2 .list-group-item:hover{
    background-image:url('../img/whitebg.png');
    opacity: 0.5!important;
    color:#000;
}
.list_menu2 .list-group-item:not(:last-child), .list_menu2 .list-group-item.active:not(:last-child) {
    margin-bottom:0.2vw;
}
.list_menu2 .list-group-item.active, .list_menu2 .list-group-item:hover {
    background-image:url('../img/whitebg.png');
    opacity: 0.5!important;
    /*color:white;*/
    /*background-color:white !important;*/
    opacity: 0.8!important;
    color:#000;
}
.list-group a img{
    width:50px;
    margin-right:12px;
}

/*MODALS*/
/*xs and sm*/
@media (max-width: 768px) {  
    .modal-dialog{
        margin:0!important;
        max-width:100vw!important;
        padding:0!important;
    }
    .modal{
        padding:0!important;
    }
    .descriptionP {
        font-size:15px;
    }
}
