*: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:2.5vw;
    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: 10% !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.7em;
    font-size: 0.5em;
    border-radius: 5px !important;

}

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

.btn-varios {
    border: none;
    color: white;
    border-radius: 90px !important;
    background-image: linear-gradient(to bottom,#0089E1, #394391);
    font-size: 0.6em !important;
    height: auto !important;
    padding: 1.3%; 
    /* padding-left: 2%;
    padding-right: 2%; */
    font-family: "montserrat-1";
}

.btn-cerrar{
    margin-bottom: 10%;
    font-size:0.4em;
    border: none;
    border-radius: 10px !important;
    background-color: #b3b2b2; 
    color: white;
    padding: 6% 2%; 
}

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

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

/*ingreso datos*/

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


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

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

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

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

.footdiv{
    padding-top:1.5%;
    font-size:0.4em !important;
}

.tbl-header{
    background-color: rgba(255,255,255,0.3);
   }
  .tbl-content{
    height:300px;
    overflow-x:auto;
    margin-top: 0px;
    border: 1px solid rgba(255,255,255,0.3);
  }
  /* th{
    padding: 20px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
  }
  td{
    padding: 15px;
    text-align: left;
    vertical-align:middle;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    border-bottom: solid 1px rgba(255,255,255,0.1);
  }
   */


/*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;
}

.tam01{
    font-size:0.1em !important;
}

.tam02{
    font-size:0.2em !important;
}

.tam025{
    font-size:0.25em !important;
}

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

}

.tam035{
    font-size:0.35em !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;
}


.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-image: linear-gradient(to bottom, #005CB3, rgb(3, 68, 129)); */
    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: 1.5rem 1rem !important;
}

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

.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;
   
}

.offset-teclado{
    margin-left: 40%;
}


.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 {
    width: 90%;
}
/*
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: 25%; 
    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;
}

/*

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.35em;
    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.35em;
    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.35em;
    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.23em;
    margin-bottom: 1%;

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

.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: 80%; */
    height: 55%;
    max-height: 55%;
    overflow: auto;
    margin: 2% 0 2% 8%;
}
/*--------------------------------------------------------------------------------------------
* fin check
--------------------------------------------------------------------------------------------*/
.boor{
    border-radius: 30px;  
    padding : 10px 50px;
}

/* Suppress Connecting/Waiting/Reading/Transerring */
#statuspanel[type="status"] {
  display: none !important;
}
/* Suppress Link Destination Overlay */
#statuspanel[type="overLink"] {
  display: none !important;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
.statuspanel-label {
    display: none !important;
}

#nav-bar {
    display: none !important;
}

#TabsToolbar {
    visibility: collapse !important;
}