/* Generales */
.primary {
    color: #DB0B34;
}

.secundary {
    color: gray;
}

.header-icon {
    color: #DB0B34;
}

.footer-radio {
    margin: 0px;
}

.modal-icon-size {
    font-size: 35px;
    color: #DB0B34;
}

.modal-header-confirm {
    border-bottom: none !important;
    padding: 10px 10px 10px 20px !important;
    text-align: left;
}

    .modal-header-confirm p {
        margin-top: 15px;
    }

    .modal-header-confirm i {
        font-size: 45px;
    }


.modal-footer-confirm {
    border-top: none !important;
    text-align: right;
}

.toolbar-menu-icon {
    font-size: 25px !important;
}
/* Controls */

.es-obligatorio > input, .es-obligatorio > select, .es-obligatorio > textarea {
    background-color: #FEFFD1 !important;
}

.es-obligatorio > div:first-child {
    background-color: #FEFFD1 !important;
    border: 1px solid #e5e6e7;
}

.m-r-0 {
    margin-right: 0px !important;
}


/* Large desktops and laptops */
@media (min-width: 1200px) {

    .header-icon-x {
        font-size: 60px;
        margin: 15px 0px -10px 0px;
    }

    .header-toolbar {
        display: block;
    }

    .header-toolbar-mov {
        display: none;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    .header-icon-x {
        font-size: 60px;
        margin: 15px 0px -10px 0px;
    }

    .header-toolbar {
        display: block;
    }

    .header-toolbar-mov {
        display: none;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    .header-icon-x {
        font-size: 60px;
        margin: 15px 0px -10px 0px;
    }


    .header-toolbar {
        display: block;
    }

    .header-toolbar-mov {
        display: none;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    .header-icon-x {
        font-size: 60px;
        margin: 15px 0px -10px 0px;
    }

    .header-toolbar {
        display: block;
    }

    .header-toolbar-mov {
        display: none;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    .header-icon-x {
        font-size: 30px;
        margin: 15px 0px -10px 0px;
    }

    .header-toolbar {
        display: none;
    }

    .header-toolbar-mov {
        display: block;
    }

    .toolbar-top-menu-first {
        margin-left: -37px !important;
    }

    .toolbar-top-menu {
        margin-left: -80px !important;
    }
}


.table-responsive .row {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: -15px;
}

.table-responsive .dataTables_wrapper {
    padding-bottom: 0px;
}

/*  Quito margin inferior en los botones de las grillas */
.float-e-margins table .btn {
    margin-bottom: 0px;
}

/* Fondo rojo en grilla al seleccionar */
.table > tbody > tr:hover {
    background-color: #FFEBEB;
}

/* Encabezado gris oscuro en las grillas */
.table > thead {
    background-color: #888888;
    color: white;
}

.sorting_disabled {
    background-color: #B7B4B4 !important;
}

.bootstrap-datetimepicker-widget a {
    color: #DB0B34;
}

/* Detalle de Solicitudes de Usuario */
form[name='modalDetalleSolicitud'] .form-group {
    margin-bottom: 4px;
}

form[name='modalDetalleSolicitud'] .ibox-content {
    padding-bottom: 10px;
    padding-top: 5px;
}

span.field-validation-error {
    color: red;
}

.date .fa-calendar, .input-group .fa-ellipsis-h {
    color: #DB0B34;
}

.inmodal .modal-header {
    padding: 10px;
    text-align: left;
}


.panel-filter {
    padding: 10px;
}

.select-row {
    cursor: pointer;
}

td.right-column {
    text-align: right;
}

/* Resumen de Errores en los Forms */
.validation-summary-errors {
    color: red;
}

/* Fix para dropdown dentro de grillas */
.btn-group {
    white-space: nowrap;
}

.btn + .dropdown-toggle {
    margin-left: -4px;
}

.table-responsive {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/* Tamaño semi grande para modales */
.modal-semi-lg .modal-dialog {
    width: 700px;
}

/* Centrar texto de título de las grillas */
.table > thead th {
    text-align: center;
}

/* Estilo del menú de la esquina superior derecha */
#sidenewmenu {
    width: 300px;
}

    #sidenewmenu:before {
        position: absolute;
        top: -7px;
        left: 273px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    #sidenewmenu:after {
        position: absolute;
        top: -6px;
        left: 274px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid transparent;
        content: '';
    }

    #sidenewmenu ul {
        padding: 0; /* remove default padding and all margins! */
        margin: 0;
        list-style-type: none; /* remove the • */
    }

        #sidenewmenu ul li {
            width: 150px;
            min-height: 100px;
            float: left;
        }

            #sidenewmenu ul li a {
                color: inherit;
                padding: 15px;
                min-height: 100px;
            }

                #sidenewmenu ul li a i {
                    font-size: 2.0em;
                    color: #DB0B34;
                    display: block;
                }


.container-login {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container-login {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container-login {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container-login {
        width: 1170px;
    }
}

.btn-secondary {
    color: #fff;
    background-color: #C60C30;
    border-color: #DB0B34;
}

    .btn-secondary:hover {
        color: #fff;
        font-style: inherit;
    }

.iframe-container {
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .iframe-container iframe,
    .iframe-container object,
    .iframe-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.form-control:focus {
    border-color: #293846 !important;
    outline: 0;
}

.modal-title {
    font-size: x-large;
}

h4 small {
    font-size: 60%;
    font-style: italic;
}

.msg {
    background: #fefefe;
    color: #666666;
    font-weight: bold;
    font-size: small;
    padding: 12px;
    padding-left: 16px;
    border-top: solid 3px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 1px 1px 1px 2px rgba(0,0,0,.08);
    -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
    box-shadow: 1px 1px 1px 2px rgba(0,0,0,.08);
}

.msg-info {
    border-color: #b8dbf2;
}

.msg-success {
    border-color: #cef2b8;
}

.msg-warning {
    border-color: rgba(255,165,0,.5);
}

.msg-danger {
    border-color: #ec8282;
}

.msg-primary {
    border-color: #9ca6f1;
}

.msg-magick {
    border-color: #e0b8f2;
}

.msg-info-text {
    color: #39b3d7;
}

.msg-success-text {
    color: #80d651;
}

.msg-warning-text {
    color: #db9e34;
}

.msg-danger-text {
    color: #c9302c;
}

.msg-primary-text {
    color: rgba(47,106,215,.9);
}

.msg-magick-text {
    color: #bb39d7;
}

.modal-body {
    background: #f8fafb;
}

.modal-header {
    padding: 7px;
}

.pagination {
    min-width: 310px;
}

dt {
    white-space: normal !important;
}
