/* Geral */

.login-page {background-color: #ddd;}
.theme-indigo .topnavbar .navbar-header {background-color: #888;}
.theme-indigo .topnavbar .nav-wrapper {background-color: #888; border-bottom: 1px solid #666;}

.light .sidebar .nav-heading {
    border-left-color: #ccc;
    background-color: #fcfcfc;
    color: #333;
}

.body-xs .page-header,
.body-sm .page-header {
    margin-bottom: 40px;
}
.body-xs .page-header h2,
.body-sm .page-header h2 {
    display: block;
    width: 100%;
}
.body-xs .page-header .breadcrumb,
.body-sm .page-header .breadcrumb {
    display: block;
    float: left;
    margin: 0;
    padding: 10px 0;
}



/* topbar */

header .dropdown.drop_usuario {}
header .dropdown.drop_usuario .dropdown-menu .usuario a {cursor: default;}
    .dropdown-menu ul.menu li.usuario .menu-note h4 {color: #000; font-weight: bold;}
    .dropdown-menu ul.menu li.usuario:hover {background-color: transparent;}
    .dropdown-menu ul.menu li.usuario img {width: 35px; height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
    .drop_usuario .dropdown-menu ul.menu .icon-circle {color: #666;}

/* DataTables */

.dataTable.table > thead > tr > th {
	font-weight: bold;
	color: #333; 
	border-bottom-color: #666;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f987;
}

.table-hover > tbody > tr:hover {
    background-color: #52ebff0f;
}

.dataTable.table td {
    font-size: 16px;
    line-height: 30px;
}


/* CSS debug */

#cssdebug {
    display: none; 
    position: absolute; 
    width: 100px;
    left: 50%; margin-left: -50px;
    height: 40px;
    top: 10px;
    padding: 5px;
    background-color: #eee;
    font-size: 20px;
    color: #2196F3;
    border: 1px solid #2196F3;
    text-align: center;
    z-index: 2000;
}
/*body.debug #cssdebug {display: block;}*/





/* --- ORDEM --- */

.box_ordem {
    display: inline-block; 
    position: relative; 
    margin: 0 auto; 
    padding: 0 20px; 
    min-width: 100px;
    text-align: center; 
    line-height: 30px;
}
.box_ordem span {
    position: relative; 
    display: inline-block; 
    width: 30px; 
    text-align: center; 
    cursor: pointer;
}
    .box_ordem span input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        border: 1px solid #ccc;
        border-bottom: 2px solid #1f91f3;
    }


.box_ordem em i b {display: none;}

.box_ordem a.btn {
    position: absolute; 
    width: 20px; height: 20px;
    padding: 0;
}
    .box_ordem .btn.disabled {opacity: 0.4;}
    .box_ordem .btn:not(.btn-link):not(.btn-circle) {box-shadow: none;}
    .box_ordem a:hover {background-color: transparent;}
    .box_ordem a.top {top: -5px; right: 0}
    .box_ordem a.bottom {bottom: -5px; right: 0}
    .box_ordem a.up {top: -5px; left: 0}
    .box_ordem a.down {bottom: -5px; left: 0}
.box_ordem a i {
    display: inline-block; 
    position: absolute; 
    top: 0; left: 0;
    width: 20px;
    font-size: 20px; 
    color: #ccc;
}
.box_ordem a:hover i {color: #337ab7;}


/* --- MENU ORDER --- */

.menu_order {
    width: 350px;
}
.menu_order > tbody > tr > td {
    vertical-align: middle;
}

/*.menu_order .box_ordem {min-width: 50px;}*/
.menu_order .box_ordem span {/*visibility: hidden;*/}



/* --- BUSCA ---*/

.search-result h3 a em {font-style: normal; color: #ccc; font-weight: normal; font-size: 15px;}
.search-result p em {background-color: #ff6; color: #666;}



/* --- FULL CALENDAR ---- */
#calendar table thead th {
    background-color: #eee;
    font-weight: bold;
    padding: 5px;
} 

#calendar table tbody td {
    background-color: #fff;
    border-color: #eee;
}
    #calendar table tbody td.fc-today {
        background-color: #52ebff0f;
    } 

#calendar h2 {font-size: 25px;}

#calendar .fc-toolbar {margin-top: 14px;}



/*  agenda (próximas reservas) */

.card.proximas td {padding: 5px;}
.card.proximas td i {margin-right: 10px; font-size: 12px;}
    .card.proximas td.chegada i {color: #900;}
    .card.proximas td.partida i {color: #090;}


.card.proximas td a {color: #666;}
.card.proximas td strong {display: block; clear: left;}
.body-lg .card.proximas td strong {width: auto; display: inline; margin-right: 10px;}