@font-face {
  font-family: nunito-regular;
  src: url(fonts/nunito-regular.ttf)
}

body {
   /* background-color: #05FFC0; */
   /* background-image: linear-gradient(#163042, #010508);*/
    
  /*  background-color: #010508;
    background: linear-gradient(#163042, #010508);*/ 

   /* height: 99vh;*/
 /*   background-size: cover;*/
  /*  background-repeat: no-repeat;*/
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-family: 'nunito-regular', 'Roboto', Arial, Tahoma, sans-serif;


}

html, body {
  /*  height: 99vh !important;*/

}

input[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
    background-color: #b3b3b3 !important;
    border: 2px solid #b3b3b3 !important;
}

input {
    background: #212930 !important;
    color: #fff !important;
    padding: 34px 30px !important;    
    border-radius: 60px !important;
    margin-bottom: 30px !important;
    font-size: 1.3em !important;
}

input::placeholder {
  color: #999 !important;
}

div[tradiogroup="radio_horas"] {
   width: 120% !important; 
   margin-left: -35px !important;
   margin-lright: -35px !important;
}

a {
    text-decoration: none !important;
}

/* Retira icone de erro de TMessage */
.sa-error {
    display: none !important;
}

.nav-tabs {
    border-bottom: 1px solid #888 !important;
}

.nav-tabs .nav-item .nav-link.active {
    background: transparent !important;
    color: #fff !important;
    border-bottom: none !important;
}

.nav-tabs > li > a:before {
    border-bottom: 2px solid #fff !important;
}

.nav-tabs li.active a {
     color: #999 !important; 
}

a.nav-link:not(.active):hover {
    background-color: transparent !important;
}

.builder-template-login {
   /* height: 100vh  !important;*/
    /*background-size: cover !important;*/
  /*  background-image: linear-gradient(#163042, #010508);*/
    background-color: #163042;
    position: relative !important;
   /* overflow: hidden;*/


    background: url(../images/fundo-sis.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.sweet-alert {
    border-radius: 50px !important;
}

.sweet-alert button {
    border-radius: 50px !important;
    background-color: #1D364D !important;
    padding: 10px !important;
    min-width: 100px !important;
}


/* barra de rolagem */
/* width */
::-webkit-scrollbar {
  width: 20px;
  background: #222930; 
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #52FFC1; 
  border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #52FFC1; 
}
/* /barra de rolagem */

/* login */
.panel {
    /*box-shadow: 0px 0px 15px 3px #333;*/
    border-radius: 20px; 
    border: 1px solid rgba(0,0,0,.125);

    margin-bottom: 0px !important;
}

.fonte-padrao {    
    /*font-family:Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-family: inherit !important;
    font-size: 14px !important;
} 

.fonte-padrao-inicial-cliente {    
    /*font-family:Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-family: inherit !important;
    text-align:center;
    margin-top: 20px; 
    margin-bottom: 40px; 
    line-height: 1px;
    font-size: 30px;
    font-weight: bold;
} 

.body-opcoes {
    background: #222930 !important; 
    color: #fff !important; 
    border-radius: 50px !important; 
    padding: 40px !important; 
    margin-top: 25px !important; 
    /*
    height: 70vh !important; 
    overflow-y: auto !important; 
    overflow-x: hidden !important;
    */
}

.fonte-padrao-inicial {
    /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-family: inherit !important;
    font-size: 20px !important;
    text-align: center;
    /*margin-bottom: 20px;*/
   /*line-height: 0px;/*1px;*/
   line-height: 26px;
    font-weight: normal; 
    width: 100%;
    color: #122431;
    text-decoration: none !important;
    /*text-shadow: 0px 0px 6px #000 !important;*/
    margin-top: -60px; 
   /* padding: 30px 0px;*/
    /*background: rgba(22, 44, 60, 0.8);*/
   /* background:
    linear-gradient(
      rgba(0,0,0,0),rgba(0,0,0,0.9)
    ) !important;*/
    z-index: 100000;


    border-radius: 0 0 49px 49px !important;

    background: url("../../../control/public/AgendaPublica/img/fundo-menu2.png");
    background-position: top;
    background-repeat: no-repeat;
    height: 60px;


    
}  

.painel-padrao{
    margin-right: 2px!important; 
    margin-left: 2px!important; 
    margin-bottom: -15px!important;
    width: 100%!important;
}

.corpo-publico {
    width:100% !important;
    margin:auto !important;
    margin-top:10px !important;
}


.content .contents .form-group label, .content .bg .form-group label {
    top:  0px !important;
}

.select-cadastro{
    font-size: 12px !important;
    color: #b3b3b3;
    margin-top: 40px;
    margin-bottom: 30px;
    top:  0px !important;
}

.content .contents .form-group.field--not-empty label, .content .bg .form-group.field--not-empty label {
    margin-top: 0px !important;
}

.red {
    color: #b3b3b3 !important;
}

[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
    border: 2px solid #b3b3b3 !important;
}



.form-check {
    padding-left: 0px !important;
}


.card {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.btn-padrao {    
    background: #1A364D !important;
  /*  height: 40px !important;*/
    width: 90% !important;
    display: block !important;
    margin: auto !important;
    border: none !important;
    color: #fff !important;
    font-weight: bold !important;

    padding: 30px !important;    
    border-radius: 500px !important;
    font-size: 1.6em !important;
}

.btn-default{    
    background: #1A364D !important;
    min-width: 200px;
  /*  height: 40px !important;*/
    display: inline-block !important;
    margin: auto !important;
    border: none !important;
    color: #fff !important;
    font-weight: bold !important;

    padding: 15px !important;    
    border-radius: 50px !important;
    font-size: 1.1em !important;
}

.btn-horarios{    
    padding: 10px !important;

    background: #1A364D !important;
    min-width: 200px;
  /*  height: 40px !important;*/
    display: inline-block !important;
    margin: auto !important;
    border: none !important;
    color: #fff !important;
    font-weight: bold !important;

    padding: 20px !important;    
    border-radius: 50px !important;
    font-size: 1.2em !important;
}

.btn-letra {
    color: #fff; 
    border: none; 
    background: transparent; 
    box-shadow: none !important; 
    margin-top: 35px; 
    text-align: left; 
    width: 100%;
}


.form-line {
    border-color: transparent !important;
} 

.form-line {
    border-color: transparent !important;
} 

.login-avatar {
    padding-top: 20px !important;
}

.fa-eye-slash {
    padding-bottom:  30px !important;;
}


.form-block {
    background: transparent !important; 
    box-shadow: none !important;
    border: none !important;
    padding:  0px 0px !important;
    padding-bottom: 0px !important;
}

.tdatagrid_col {
    color: #fff !important;
}

.tdatagrid_cell {
    color: #fff !important;
}

.bs-callout-warning {
    background: transparent !important; 
    box-shadow: none !important;
    border: none !important;
}

.table tbody tr td, .table tbody tr th {
    border: none !important;
}

.panel-footer{
    background: transparent !important; 
    box-shadow: none !important;
    border: none !important;
}

.panel-heading {
    background: transparent !important; 
    box-shadow: none !important;
    border: none !important;
    color: #fff !important;
    margin-top: 50px !important;
}

.arrow_steps_step .arrow_steps {
    /*padding-left: 0px !important;*/
    margin-top: 40px !important;
}


.arrow_steps_step .step {
    background-color: transparent !important; 
    color: #fff !important;
    font-size: 1em !important;
    font-weight: normal !important;
    color: #999 !important;
}


.arrow_steps_step::-webkit-scrollbar-thumb, .arrow_steps_step .step.current, .arrow_steps_step .step.preview-current {
    font-size: 1.6em !important;
    font-weight: normal !important;
    color: #fff !important;
}


.div_arrow_steps{
    background: transparent !important; 
}

.tpagenavigation {
    display: none;
}

.content .contents .form-group input, .content .bg .form-group input {
    border: none !important;
}

.table>thead>tr>th.tdatagrid_col, .table>thead>tr>th.tdatagrid_action {
    border: none !important;
}

.card-title {
    font-size: 20px !important;
}

.div_arrow_steps.disabled>.arrow_steps {
    opacity: 1 !important;
}


.etapa_mobile {
    display: none;
    color: #fff;
    font-size: 20px;
}

.tit_etapa {
    color: #fff !important;
    font-size: 20px !important;
}

.tit-agendamento {
    font-size: 1.4em !important; 
    color: #fff !important;
}

/* Calendário */

.tcalendar {
    margin-top: 15px !important;
    border-radius: 30px !important;
    width: 400px !important;
    height: 400px !important;
    border: none !important;
}

.tcalendar table {
    border: none !important;
}

.calendar-data {
    background: #e5e5e5 ;
}

.tcalendar table td.calendar-data:hover {
    background: #e5e5e5;
    color: #fff;
}

.calendar-selected {
    background: #fff;
}

.tcalendar table td.calendar-selected:hover {
    background: #007bff;
    border-radius: 50px !important;    
}

.tcalendar table tr.calendar-rowdata td {
    font-family: inherit !important;
    font-size: inherit !important;
    padding: 10px !important;
}

.tcalendar table td {
    border: none !important;
}

.calendar-header {
    padding: 15px 10px !important;
    font-size: 20px !important;
    color: #fff !important;
    background: #1A364D !important;
    border-color: red !important;
    border-radius: 25px 25px 0 0 !important;;
}

div.tcalendar table td.calendar-header-day {
    color: #fff !important;
    background: #1A364D !important;
    font-weight:  normal !important;;
}

.calendar-data  {
     border-radius: 50px !important; 
}

/* /Calendário */

.tcheckgroup_label  {
    margin: 10px !important;
    color: #fff !important;
}

.margens-laterais {
   padding: 0px !important;
   margin: 0 !important;
} 

.espacamento {
    padding: 1%;
}

.tamanho-img-inicial {
    width: 100% !important;  
    border-radius: 50px; 
    height: 23vh; 

    background-size: 100% !important;

    /*

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    

    */

}

@media only screen and (max-width: 1150px) {

    .fonte-padrao-inicial {  
        height: 60px  !important;
        line-height: 14px !important;   
        margin-top: -40px; 
    }

}


@media only screen and (max-height: 750px) {

    .espacamento {
        padding: 1%;
    }

    .tamanho-img-inicial {
        height: 23vh;      
        border-radius: 20px !important;
    }

    .fonte-padrao-inicial {
        font-size: 14px !important; 
        border-radius: 0 0 19px 19px !important; 
        width: 100%; 
        height: 50px  !important;
        line-height: 14px !important;   
        margin-top: -40px; 
    }

}



@media only screen and (min-width: 1400px) and (min-height: 2300px) {

    .fonte-padrao-inicial {
        font-size: 20px !important;    
    }

    .espacamento {
        padding: 2%;
    }

    .tamanho-img-inicial {
        height: 14vh;      
    }

}

@media only screen and (max-width: 1150px) {

    .margens-laterais {
       margin-left: -20px; 
       margin-right: -20px; 
    }

    .fonte-padrao-inicial {
        font-size: 17px !important;  
        border-radius: 0 0 49px 49px !important;     
        height: 40px;
    }

    .espacamento {
        padding: 2%;
    }

    .tamanho-img-inicial {
        height: 16vh;      
    }
}

@media only screen and (max-width: 1200px) and (min-height: 2300px) {

    .fonte-padrao-inicial {
        font-size: 20px !important;    
    }

    .espacamento {
        padding: 2%;
    }

    .tamanho-img-inicial {
        height: 16vh;      
    }
}



@media only screen and (max-width: 600px) {

    body {
      /*  height: 100vh !important;*/
    }
 
    input {
        padding: 30px 25px !important;    
        border-radius: 60px !important;
        margin-bottom: 30px !important;
        font-size: 1.3em !important;
    }

    div > div.panel > .panel-body {
        padding-bottom: 0px !important;
    }


    .margens-laterais {
       margin-left: -20px; 
       margin-right: -20px; 
    } 

    .espacamento {
        padding: 2%;
    }

    .tamanho-img-inicial {
        height: 14vh;      
        border-radius: 20px !important;
    }

    .builder-template-login {
        /*height: 100vh;*/
    }

    /* Calendário */
    .tcalendar {
      /*  width: 120% !important;*/
        margin-left: -45px !important;
        margin-right: -45px !important;
    }

    .tcalendar table tr.calendar-rowdata td {
        font-family: inherit !important;
        font-size: inherit !important;
        padding: 10px !important;
    }

    .tcalendar table td {
        border: none !important;
    }

    /* /Calendário */

    .panel-heading {
        margin-top:  20px !important;
    }

    /* barra de rolagem */
    /* width */
    ::-webkit-scrollbar {
      width: 25px;
      background: #222930; 
    }

    /* Track */
    ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey; 
      border-radius: 20px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: #52FFC1; 
      border-radius: 20px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: #52FFC1; 
    }
    /* /barra de rolagem */

    .painel-padrao{
        margin-bottom: 0px!important;
    }

    .corpo-publico {
        margin-top:0px !important;
        width:100% !important;
    }

    .fonte-padrao-inicial {
        font-size: 12px !important;  
        border-radius: 0 0 19px 19px !important;  
        height: 50px  !important;
        line-height: 14px !important;   
        margin-top: -40px; 
    }

    .tit-agendamento {
        padding-top: 20px !important;
    }

    .body-opcoes {
        border-radius: 30px !important; 
        padding: 20px !important; 
        margin-top: 25px !important; 
      /*  height: 65vh !important; */
    }

    .btn-padrao {    
        font-weight: bold !important;
        padding: 20px 0px !important;    
        border-radius: 500px !important;
        font-size: 1.6em !important;
    }

    .form-block  {
        padding:  0px 0px !important;
        padding-bottom: 0px !important;
    }

    .arrow_steps {
        display: none;
    }

    .card {
        margin-bottom: 0px !important;
    }

    .etapa_mobile {
        display: block;
    }

    .btn-default{
    
        min-width: 100px;

        font-weight: bold !important;

        padding: 10px 35px !important;    
        border-radius: 25px !important;
        font-size: 1em !important;
    }

    .div-horarios {
        width: 120%;
        margin-left: -45px;
        margin-right: -45px;
    }


    .panel-footer{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}


@media (max-width: 1200px) {
    .container {
        max-width: 100% !important;
    }

}