/* Custom Stylesheet */


/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

body {
    visibility: hidden;
    overflow  : auto !important;
}

.pace-active {
    visibility: visible !important;
}

.icon-block {
    padding: 0 15px;
}

/*@media only screen and (max-width: 1700px) and (min-width: 994px) {
    #tricon {
        width: 100% !important;
    }
}*/

@media only screen and (max-width: 600px) {
    #logo-container img {
        padding-top: 4px !important;
    }
}

@media only screen and (max-width: 375px) {
    #logo-container img {
        padding-top: 7px !important;
        width      : 220px !important;
        height     : auto !important;
    }
}

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

    header,
    main,
    footer {
        padding-left: 0;
    }
}

.animated {
    visibility: visible !important;
}

/*#sidenav-overlay,
.lean-overlay {
    visibility: hidden;
    opacity: 0 !important;
    padding-left: 240px;
    width: auto;
}*/

.nav-header,
#slide-out li a:hover {
    background-color: #757575 !important;
}

.nav-body {
    color: #fff !important;
}

.navstyle {
    /*height: 64px;
    line-height: 64px;*/
    /*font-size: 2rem;*/
    color: #fff !important;
}

#slide-out li a {
    color    : #fff !important;
    font-size: 0.98rem !important;
}

#slide-out li.active {
    background-color: #212121 !important;
}

#slide-out {
    width           : 240px;
    background-color: #424242;
    opacity         : 1;
}

#slide-out li.nohover {
    border-color: #fff !important;
}

#slide-out li.nohover h1 {
    color      : #fff !important;
    font-size  : 1.1rem;
    line-height: 200%;
    margin     : 1.14rem 0 .912rem 0;
}

.slider-header h1 {
    font-size  : 2.92rem;
    line-height: 110%;
    margin     : 1.46rem 0 1.168rem 0;
}

.slider-header h2 {
    font-size  : 1.64rem;
    line-height: 110%;
    margin     : .82rem 0 .656rem 0;
}

.cbn {
    background-color: #424242 !important;
}

.cbn ul li {
    padding-left: 24px !important;
}

.contenido {
    padding-left: 240px;
}

@media only screen and (max-width: 992px) {
    .contenido {
        padding-left: 0;
    }
}

.nohover:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}

p:not(.skip-p) {
    padding-top   : 10px;
    padding-bottom: 10px;
}

[type="radio"].with-gap:checked+label:before {
    border-color: #607d8b;
}

[type="radio"].with-gap:checked+label:after {
    border-color    : #607d8b;
    background-color: #607d8b;
}

[type="checkbox"].filled-in:checked+label:after {
    border-color    : #607d8b;
    background-color: #607d8b;
}

.input-field .prefix.active {
    color: #607d8b;
}

input:not([type]):focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #607d8b !important;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #607d8b !important;
    box-shadow   : 0 1px 0 0 #607d8b !important;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #607d8b !important;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #b0bec5 !important;
}

.dropdown-content li:not(.disabled)>a,
.dropdown-content li:not(.disabled)>span {
    color: #ff5722 !important;
}

h1 {
    font-size: 3.2rem;
}

a.collection-item {
    color: #ff5722 !important;
}

.bottom-nav li a {
    color: white !important;
}

label {
    font-size: 1rem;
}

.collapsible-body {
    background-color: #fcfcfc;
}

.collapsible-body form .row {
    margin: 0 30px 15px 30px;
}

@media only screen and (min-width: 1350px) {
    .row .col.xxl3 {
        width: 25%;
    }
}

@media only screen and (min-width: 1500px) {
    .row .col.xxl4 {
        width: 33%;
    }
}

.collection .collection-item p {
    margin : 0;
    /*color: rgba(0, 0, 0, .71);*/
}

.recimg img {
    padding-top: 10px;
}

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

/*.disabled span {
    color: rgba(0, 0, 0, .3) !important;
}*/

.card .card-content .card-title {
    line-height: 36px !important;
}

.hidden {
    display: none;
}

.button-collapse i,
a {
    cursor: pointer;
}

.wrong {
    padding         : 10px;
    background-color: #EF9A9A !important;
}

.wrongp {
    padding         : 40px 10px !important;
    background-color: #EF9A9A !important;
}

[type="checkbox"].no-pad + label {
    padding-left: 15px !important;
    display: inline !important;
}