*:active,
*:focus {
    outline: 0 !important;
}
body {
    background-image: url('../img/fondo2.png');

    background-color: #fff;
    color: grey;
    font-family: "montserrat" !important; 
    font-weight: 100;
    height: 100vh;
    width: 100vw;
    font-size:5.625vw;
    margin: 0;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    overflow:hidden;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ 
}

.container-fluid {
    text-align: left;
    margin-top: 45% !important;
    width: 90%;
}

.backbtn {
    margin-right:20px;
    color: white;
    border-radius: 15px !important;
    border: 3px solid white; 
    background: transparent;
    font-size: 0.2em !important;
    height: auto !important;
    padding:2% 5% 2% 5%;
    font-family: "montserrat-1";
}

.cl_white {
    color: #FFF !important;
}


.formrut{
    height: 2.5em;
    font-size: 0.5em;
    border-radius: 5px !important;

}

.foot2{
    text-align: right;
}

.checkdeudas
{
    width:25px; 
    height:25px;
}

.btn-varios {
    border: none;
    color: white;
    border-radius: 50px !important;
    background:#3D7DD3 !important;
    font-size: 0.5em !important;
    height: auto !important;
    padding: 3%; 
    padding-left: 5%;
    padding-right: 5%;
    font-family: "montserrat-1";
}

.btn-varios:active{
    background:rgb(255, 91, 50) !important;
}

/*ingreso datos*/

.ingrese{
    font-size:0.6em;
    font-family: "montserrat-1";
}


.table td{
    padding: 1% 1% 2% 0 !important;;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table th {
    padding:1% 1% 2% 0 !important;;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    padding: 1% 1% 2% 0 !important;
}

.table tfoot td {
    padding: 2% 1% 2% 1% !important;
    vertical-align: top;
}




/*Letras tamaños*/

@font-face {
    font-family: "montserrat";
    src: url(../plugins/montserrat/Montserrat-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "montserrat-1";
    src: url(../plugins/montserrat/Montserrat-Bold.ttf) format("truetype");
}

.montserrat {
    font-family: "montserrat";
}

.montserrat-bold {
    font-family: "montserrat-1";
}
.tam0{
    font-size:0.5em !important;
}

.tam03{
    font-size:0.3em !important;

}

.tam04{
    font-size:0.4em !important;

}

.tam05{
    font-size:0.5em !important;

}

.tam06{
    font-size:0.6em !important;

}

.tam07{
    font-size:0.7em !important;

}

.tam08{
    font-size:0.8em !important;

}

.tam09{
    font-size:0.9em !important;

}

.tam1 {
    font-size:1em !important;
}

.tam15{
    font-size:1.5em;
}

.tam2 {
    font-size:2em;
}

.tam3{
    font-size: 3em;
}

.tam4{
    font-size:4em;
}

.tam5{
    font-size:5em;
}

.tam6{
    font-size:6em;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/cargar.svg') 50% 50% no-repeat;
}


/*------------------
*carrusel
-------------------*/

.custom-card-title {
    width: 100% !important;
    padding: 1rem 0.2rem!important;
    color: white !important;
    text-align: center;
    margin: 0 !important;
    font-size: 1.2rem;
}

.bg_white {
    background: linear-gradient(to right, #28A1B5, #00D0DF) !important;
}

.flex-parent-center {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.card-main-container {
    background-color:white;
    border-radius: 20px;
    margin: 0.3rem;
    margin-bottom:30px;
    text-decoration: none !important;

}

.img-card-ref {
    display: flex;
    justify-content: center;
    padding: 1rem 2rem !important;
}

a {
    text-decoration: none !important;
}
.img-txt {
    font-size: 0.4em;
    text-align: center;
    padding-bottom: 10%;
    font-family: "montserrat-1";
    color:#3D7DD3 ;
}

.img-txt:hover
{
    text-decoration: none !important;

}

/*color del ingrese su rut cuando continua sin ingresar datos*/
.textcolor::-webkit-input-placeholder {
    color: red;
    border: "2px solid red";
 }
.textcolor
{
    border: "2px solid red";
    color:red;
}


.teclado{
    background:#333399;
   
}

.flex-center {
    align-items: center;
    display: flex !important;
    justify-content: center;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}


#myTabContent{
/* background-color: white; */
height: 60vh;
}
/*
Pisos
*/
#myTabContent #OFICINAS {
    height: 90%;
}
#myTabContent #OFICINAS #nav-tabContent{
    height: 60vh;
}
#myTabContent #OFICINAS #nav-tabContent #nav-primer, #myTabContent #OFICINAS #nav-tabContent #nav-segun{
    height: 85%;
    margin-top:5%;
    width: 80%;
    margin-left:18%;   
} 
#OFICINAS #ofi{
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    padding-left: 8%;
}

#TRAMITES #tram{
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
}

#OFICINAS #Pisos,#TRAMITES #Trami{
    width: 90%; 
   
}

#OFICINAS #Pisos{
    width: 90%; 
    border-bottom: 0 !important;
}

#OFICINAS #Pisos .nav-item{
    
    width: 45%; 
    text-align: center;
    border: solid 1px black;
    height: 30%;
    border-radius: 10px;
    color: rgb(168, 168, 168);
    font-size: 0.5em;  

}

#OFICINAS .nav-tabs.hijoOfi .nav-link.active{
    background-color:#3D7DD3 ;
    color:white !important;
    border-bottom: 0 !important;
}
#TRAMITES #nav-tabContent #nav-patentes,#TRAMITES #nav-tabContent #nav-permiCircu,#TRAMITES #nav-tabContent #nav-dereAs,#TRAMITES #nav-tabContent #nav-licenCondu, #TRAMITES #nav-tabContent #nav-dirOb {
    width: 90%;
    height: 16em;
    overflow: auto;
}
/*
TRAMITE
*/

#myTabContent #TRAMITES #nav-tabContent{
    height: 85%;
    width: 100%;
    margin-top:2%;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
} 
#TRAMITES #Trami{
    border: solid 1px black;
    border-radius: 10px;
}
#TRAMITES #Trami .nav-item{
    width: 20%; 
    color: rgb(168, 168, 168);
    font-size: 0.35em;  
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
#TRAMITES .nav-tabs.hijotrami .patent.nav-link.active{
    background-color: rgb(255, 47, 41);
    color:white !important;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
#TRAMITES .nav-tabs.hijotrami .permic.nav-link.active{
    background-color: rgb(0, 116, 204);
    color:white !important;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
#TRAMITES .nav-tabs.hijotrami .licenc.nav-link.active{
    background-color: rgb(0, 140, 80);
    color:white !important;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
#TRAMITES .nav-tabs.hijotrami .derea.nav-link.active{
    background-color: rgb(250, 100, 0);
    color:white !important;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

#TRAMITES .nav-tabs.hijotrami .dirob.nav-link.active{
    background-color: #563f74;
    color:white !important;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

/*

Patentes

*/    
#TRAMITES #nav-tabContent{
    width: 90%;
}
#nav-patentes button{
    background-color: rgb(237, 95, 95);
    border-radius: 50px;
    color: white;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 0.28em;
    margin-bottom: 2%;

}
#nav-patentes button:focus{
    background-color: rgb(255, 47, 41);
}

/*
permiCircu
*/
#nav-permiCircu button{
    background-color: rgb(102, 172, 203);
    border-radius:50px; 
    color:white;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 0.28em;
    margin-bottom: 2%;

}
#nav-permiCircu button:focus{
    background-color: rgb(0, 116, 204);
}
#nav-licenCondu button{
    background-color: #8baf9a;
    border-radius:50px; 
    color:white;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 0.28em;
    margin-bottom: 2%;

}
#nav-licenCondu button:focus{
    background-color: #2f9662;
}
#nav-dereAs button{
    background-color: #e8985d;
    border-radius:50px; 
    color:white;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 0.24em;
    margin-bottom: 1.7%;

}
#nav-dereAs button:focus{
    background-color: #ff7300;
}

#nav-dirOb button{
    background-color: #7e68a7;
    border-radius:50px; 
    color:white;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 0.28em;
    margin-bottom: 1.7%;

}
#nav-dirOb button:focus{
    background-color: #563f74;
}

.nover{
    display: none;
}

#comercialNa1 ul, #comercialJu1 ul,#profesional1 ul,#alchoolesNa1 ul,#alchoolesJu1 ul{
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  #comercialNa1, #comercialJu1 ,#profesional1,#alchoolesNa1,#alchoolesJu1 {
    padding-left: 1em; 
    text-indent: -.7em;
  }
  
  #comercialNa1 li::before,#comercialJu1 li::before ,#profesional1 li::before,#alchoolesNa1 li::before,#alchoolesJu1 li::before {
    content: "• ";
    color: red; /* or whatever color you prefer */
  }


/*--------------------------------------------------------------------------------------------
* check
--------------------------------------------------------------------------------------------*/

.custom-checkbox {
    width: 55px;
    height: 30px;
}

.custom-checkbox input {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
    opacity: 0;
}

[class*=custom-checkbox-switch] {
    position: relative;
    width: 75%;
    height: 70%;
    border-radius: 30px;
    margin: 0;
    transition: 1s all;
}

.custom-checkbox input~.custom-checkbox-switch-0 {
    border: 2px solid #999999;
    /* background: rgba(0, 0, 0, .3); */
    top: -40px;
}

.custom-checkbox input~.custom-checkbox-switch-1 {
    border: 2px solid #4cc17b;
    /* background: rgba(0, 255, 0, .3); */
    top: -61px;
}

.custom-checkbox input~.custom-checkbox-ball {
    position: relative;
    background: #CCC;
    border-radius: 25px;
    top: -80px;
    width: 30%;
    height: 60%;
    margin-left:37%;
    transform: translateX(4px);
    transition: 1s all;
    -webkit-transform: translateX(4px);
    -webkit-transition: 1s all;
    -moz-transform: translateX(4px);
    -moz-transition: 1s all;
}

.custom-checkbox input:checked~.custom-checkbox-ball {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
}

.custom-checkbox input:checked~.custom-checkbox-switch-0 {
    opacity: 0;
}

.custom-checkbox input:not(:checked)~.custom-checkbox-switch-1 {
    opacity: 0;
}

.custom-checkbox input:not(:checked)~.custom-checkbox-ball {
    background:#999999;
}

.custom-checkbox input:checked~.custom-checkbox-ball {
    background:#4cc17b;
}

#scroll {
    width: 100%;
    height: 70%;
    max-height: 70%;
    overflow: auto;
    margin: 2% 0;
}
/*--------------------------------------------------------------------------------------------
* fin check
--------------------------------------------------------------------------------------------*/
.boor{
    border-radius: 30px;  
    padding : 10px 50px;
}