.note-status-output{
    display: none !important;
}
div{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.btn, .form-control{
    border-radius: 0px;
}
.btn-xs{
    margin-top: -4px;
    margin-left: 2px;
    height: 20px;
    font-size: 11px;
    color: white;
    background: #337ab7;
}
.btn-xs:hover{
    background: #286090;
    color: white;
}
.servicio-cantidad{
    height: 20px !important;
    padding: 3px !important;
    text-align:center;
}
body{
    padding: 0px;
    margin: 0px;
    background: #ddd;
    font-family: "Arial" !important;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    background-attachment: fixed;
}

a{
    text-decoration: none !important;
    color: #0e306e;
}
a:hover{
    text-decoration: none;
    color: #46abff;
}
#contenedor-todo {
    background-color: #FFFFFF;
    min-height: 90vh;
}
#footer {
    background-color: #333;
    color: #FFFFFF;
    padding: 40px;
    text-align: center;
}
#cabecera{
    height: 85px;
    background: white;
    background: rgba(255, 255, 255, 0.80);
}
#suprasubcabecera{
    margin-bottom: -10px;
}
#subcabecera{
    width: 1200px;
    margin: auto;
    margin-top: -4px;
    margin-bottom: 14px;
}

#contenido{
    min-height: 500px;
    background: #fff;
}


/**MENU DE ARRIBA SOLO **/
#supramenu{
    margin-top: 0px;
    width: 100%;
    height: 38px;
    padding-top: 5px;
}

#cabecera a:hover{
    color: #40556F;
}
.form-control[readonly], .form-control[disabled]{
    cursor: auto !important;
}
.create-new-container {
    float:left;
    margin-right: 10px;
    margin-bottom: 20px;
}
table.view-item-table tr td:nth-child(odd){
    font-weight: bold;
    padding-bottom: 4px;
}

.dt-buttons::before {
    content: "Exportar CSV: ";
}
.dt-buttons {
    margin-bottom: 10px;
    display: inline;
}

.modal-backdrop {
    z-index: -1 !important;
}
#ui-datepicker-div {
    z-index: 2000 !important;
}

.tright {
    text-align: right;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number]{
    text-align: right;
    -moz-appearance: textfield;
}

.fit-content{
    width: 1%;
    white-space: nowrap;
}

.text-right{
    text-align: right;
}

.display-flex-center {
    display:flex;
    align-items:center;
}

.notification-indicator{
    background-color: lightcoral !important;
}

.user-menu .notification-indicator{
    vertical-align: top;
}
.user-menu-info {
    display: block;
    padding: 3px 20px;
}

thead input {
    width: 100%;
}
.inner-data + .inner-data{
    border-top: 1px solid #bbb
}
.descripcion-span{
    float: right;
    font-weight: bolder;
}
.t_center{
    text-align: center;
}
.notification_seen{
    background-color: lightgray !important;
}
.scroll-y{
    max-height: 100px;
    overflow-y: scroll;
}
@media (min-width: 768px){
    .navbar-nav-center{
        float:none !important;
        margin: 0 auto !important;
        display: table !important;
        table-layout: fixed !important;
    }
}