@import url(https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500,600,700|Poppins:300,400,500,600,700);@charset "UTF-8";

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

@import url(https://cdn.materialdesignicons.com/3.5.95/css/materialdesignicons.min.css);

html{
    font-size: 20px;
    font-family: 'Poppins', sans-serif !important;
    min-height: 100%;
    position: relative;
    height: 100vh;
}

html, body {
    width: 100%;
    font-family: 'Poppins', sans-serif !important;
    color: #4D4D4D;
}



a {
    color: #FFB000;
}

a:hover {
    text-decoration: none;
}

.img-thumbnail, body {
    background-image: url(../img/background-backoffice.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.panel {
    margin-bottom: 0;
}

.container .panel-default>.panel-heading, .container-fluid .panel-default>.panel-heading {
    background-color:inherit;
    border: none;
    font-family: 'Cormorant Garamond', serif !important;
    color: #FFB000;
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
    padding: 0 .5rem;
    line-height: 1;
    margin-bottom: 1rem;
}

/* Header */

.navbar-default{
    border:none;
    margin-bottom:2rem;
}

.bo-navbar {
    border-bottom: 3px solid rgba(64, 22, 0, .8);
    box-shadow: 6px 4px 15px #ccc;
}

.bo-navbar .navbar-header {
    height: 6rem;
}

.bo-navbar .header-img {
    height: 6rem;
}

.bo-menu {
    position: absolute;
    top: 30%;
    right: 3rem;
    color: #FFB000;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      
    cursor:pointer;
}

.bo-menu a:focus, a:hover {
    color: #FDAF2A;
}

.left-menu a{
    display:block;
    background-color: #808080;
    color:#fff;
    margin:1rem 0;
    padding: .3rem .75rem;
    text-align: center;
    border-radius: 0 24px 24px 0;
    text-decoration: none;
}

.input-field{
    margin-top:1.5rem;
}

.total-hoy{
    font-size:1rem;
    color:#401600;
    font-weight: 500;
}

.total-title{
    margin-top:1rem;
    font-size:1rem;
    color:#FDAF2A;
}

.icon-container{
    display:inline;
    margin-right:.3rem;
}

.icon-container i{
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #808080;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.breadcrumbs {
    margin-bottom: 2rem;
}

.breadcrumbs a{
    display:inline;
    color: #4D4D4D;
}

.breadcrumbs a, .breadcrumbs span {
    vertical-align: top;    
}

.color-solarium{
 color:#FFB000;
}

.left-menu a.active{
    background-color:#FFB000;
}

.left-menu a:hover{
    background-color:#FFB000;
}

.datefilter-container input{
    display:inline;
}

.bo-menu:hover {
    color: #401600;
}

.bo-menu i {
    font-size: 2rem !important;
    width: 2rem;
    height: 2rem;
}

/* Header Anterior */

.header-img{
    padding: 1rem 0; 
    display:inline;
}

.navbar-header{
    text-align: center; 
    width: 100%;
    height: 8.5rem;
}


.panel{
    box-shadow:none;
    background-color: inherit;
}

.panel-default{
    border:none;
}

.panel-body {
    margin-bottom: 3rem;
}

a.dropdown-item {
    display: block;
    padding: 1.5rem .5rem;
    line-height: 0;
}


.dropdown-menu{
    right:10px;
    left:unset;
    padding: 0;
}

.dropdown-item{
    color:#401600;
    border-bottom:1px solid #707070;
}

.login-img{
    margin: -.5rem 0 -1rem;
    width:100%;
    height:auto;
}

.login-img img{
    width:100%;
    box-shadow: 6px 15px 15px white;
}

.form-control {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

/* Footer */

.bo-footer {
    width: 100%;
    bottom: 0;
    position: fixed;
}

.bo-footer img {
    width: 100%;
}

.bo-footer-box {
    background-color: #EBEBEB;
    width: 100%;
    padding: 0 1rem 1rem;
}

.bo-footer-title {
    font-size: .8rem;
    color: #707070;
    text-align: center;
}

.bo-footer-title b {
    color: #401600;
}

.bo-footer-title b:hover {
    color: #FFB000;
}

/* Container */

.container-all {
    margin: 0 auto;
    text-align: center;
}

/* Dashboard */

.dashboard-box {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    padding: 0 1rem;
    color: #401600;
}

.dashboard-box i {
    font-size: 4rem;
    width: 4rem;
    height: 4rem;
    line-height: 1;
}

.dashboard-titulo {
    font-size: 1.5rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin: 1.5rem .5rem;
}

/* Sidebar */

.sidebar-box {
    margin-bottom: 3rem;
}

.bo-sidebar {
    width: 100%;
    height: 1.8rem;
    color: #FFB000;
    background-color: white;
    border: 2px solid #FFB000;
    border-radius: 0 2rem 2rem 0;
    line-height: 1rem;
    text-align: center;
    margin-top: 1rem;
    text-transform: none; 
}

.sidebar-active {
    color: white;
    background-color: #FFB000;
    border: 2px solid #FFB000;
}

.sidebar-active:hover {
    opacity: .75;
}

.bo-sidebar:hover {
    color: white;
    background-color: #FFB000;
    border: 2px solid #FFB000;
    cursor: pointer;
}

/* Botones */

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
    border: 1px solid #FFB000 !important;
    background-color: #FFB000 !important;
    color: white !important;
}

.bo-button-login {
    border: 1px solid #FFB000;
    background-color: #FFB000;
    border-radius: 2rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0 1.2rem;
    text-transform: none;
    box-shadow: none;
    margin: 1rem 0;

}

.bo-button-login:hover {
    border: 1px solid #401600 !important;
    background-color: #401600 !important;
}

.bo-button {
    border: 1px solid #FFB000;
    background-color: white;
    border-radius: 2rem;
    color: #FFB000;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0 1.2rem;
    text-transform: none;
    box-shadow: none;
    cursor:pointer;
    transition: 0.3s;
}

.bo-button:hover, .bo-button.active, .bo-button:active, .bo-button:focus, .bo-button:focus-within {
    border: 1px solid #FFB000;
    background-color: #FFB000;
    color: white;
    text-decoration: none;
}

.table-container .bo-button, .table-container .bo-button, .btn-filtrar .bo-button {
    font-size: .8rem;
    font-weight: 400;
    padding: 0 .8rem;
}

.download-button {
    color: #401600;
    margin-top: 1rem;
    cursor: pointer;
    background: transparent;
    border: hidden;
}

.download-button:hover {
    color: #FFB000;
}

.download-button span {
    vertical-align: top;
}

.ficha-container .download-button {
    margin-left: 2rem;
}

dt, kbd kbd, label {
    font-weight: 500;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    font-size: .65rem;
}

button:focus {
    background-color: transparent !important;
}

/* Tables */

.table-container {
    /* overflow-x: auto; */
    font-size: .65rem;
}

.table-container td, .table-container th {
    min-width: 6rem;
}

.table-container thead {
    border-bottom: 2px solid rgba(64, 22, 0, .35);
}

.table-container th {
    color: #401600;
    font-weight: 600;
}

.table-container th, .table-container td {
    padding: .3rem .25rem;
}

.table-container [type="checkbox"].filled-in:not(:checked)+label:after {
    top: .4rem;
}

.table-container [type="checkbox"].filled-in:checked+label:before, [type="checkbox"].filled-in:checked+label:after {
    top: 10px;
}

.table-link {
    text-decoration: underline;
    color: #FFB000;
    cursor:pointer;
    transition: 0.3s;
}

.btn.bo-sidebar:focus{
    color: #FFB000;
    background-color: #fff;
}

.input-field .prefix {
    margin-top: .7rem;
    font-size: 1.5rem;
    width: 2rem;
}

.input-field .prefix.active {
    color: #FFB000 !important;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    font-size: .8rem;
    height: 2rem;
    border-bottom: 2px solid rgba(64, 22, 0, .5);
}

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

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

.input-field label {
    font-weight: 400;
    font-size: .8rem;
}

.table-container .input-field .prefix ~ input, .table-container .input-field .prefix ~ textarea, .input-field .prefix ~ label, .table-container .input-field .prefix ~ .validate ~ label, .table-container .input-field .prefix ~ .autocomplete-content {
    width: calc(80% - 2rem);
}

table.highlight>tbody>tr:hover {
    background-color: rgba(64, 22, 0, .05);
}

/* Página Interior */

.ficha-container {
    width: 50%;
    text-align: center;
    margin: 0 auto;
}

.ficha-titulo, .ficha-texto {
    vertical-align: top;
    display: inline-block;
    font-size: .8rem;
    margin-bottom: 1rem;
    text-align: left;
}

.ficha-titulo {
    color: #401600;
    font-weight: 600;
    width: 50%;
}

.ficha-texto {
    width: 49%;
}

/* Paginación */

.pagination>li>a, .pagination>li>span {
    background-color: transparent;
    border: 1px solid #fdaf;
    color: #401600;
}

.pagination>li>a:hover {
    color: #401600 !important;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    background-color: transparent;
    border-color: transparent;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: white;
    background-color: #FDAF2A;
    border-color: #FDAF2A;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #401600;
    background-color: transparent;
    border-color: #FDAF2A;
}

/* Responsivo */

@media screen and (max-width:1366px){
    html{
        font-size:18px;
    }
}

@media screen and (min-width: 1366px) {
    .container { width: 1320px;}
}

@media screen and (max-width:768px) and (min-width:481px) {
    .container .panel-default>.panel-heading {font-size: 2rem; text-align: center; padding-left: 0; margin-left: 0;}
    .dashboard-box {width: 49%; margin-bottom: 2.5rem; padding: 0;}
    .dashboard-titulo {font-size: 1.2rem;}
    .bo-menu {right: 1rem;}
    .table-container {margin-top: -1rem;}
    .ficha-container {width: 90%; text-align: left;}
    .ficha-titulo, .ficha-texto {width: auto;}
    .ficha-texto {margin-left: 1rem;}
    .sidebar-box {width: 80%; margin: 0 auto 3rem !important;}
    .total-hoy, .total-title {text-align: center;}
}

@media screen and (max-width:480px) and (min-width:320px) {
    .panel-body {margin-bottom: 3rem;}
    .container .panel-default>.panel-heading, .container-fluid .panel-default>.panel-heading {font-size: 2rem; text-align: center; padding-left: 0; margin: 1rem 0;}
    .dashboard-box { width: 90%; margin-bottom: 2.5rem; padding: 0;}
    .dashboard-titulo {font-size: 1.2rem;}
    .bo-menu {right: 1rem;}
    .table-container {margin-top: -1rem;}
    .ficha-container {width: 90%; text-align: left;}
    .ficha-titulo, .ficha-texto {width: auto;}
    .ficha-texto {margin-left: 1rem;}
    .btn-filtrar {text-align: center; margin-bottom: 1rem;}
}