﻿.b-brand .b-bg {
    background: url("../Content/mesaDeServiciosIcon.svg") no-repeat center center;
}

.b-brand .b-title {
    margin-left: 3px;
}
    .b-title img{
    width: 97px;
}

.pcoded-navbar.menu-light .header-logo {
    background: url(../Content/bkgHeaderExpanded_A.png) no-repeat left top, #264B8D;
    border-bottom: 3px solid #B3B3B3;
    height:73px;
}

.pcoded-navbar.navbar-collapsed .header-logo {
    background-position-x: -184px;
}

.pcoded-navbar.navbar-collapsed:hover .header-logo {
    background-position-x:0;
}

.pcoded-header .input-group .input-group-text, .pcoded-header a, .pcoded-header dropdown-toggle, .pcoded-header .dropdown.drp-user.show::before {
    color: #fff;
}

.pcoded-header {
    background: url(../Content/bkgHeaderExpanded_B.png) no-repeat left top, url(../Content/bkgHeaderRight.jpg) calc(100% + 22px) top no-repeat, #264B8D;
    color: #fff;
    border-bottom: 3px solid #B3B3B3;
}

    .pcoded-header:after {
        content: "";
        height: 70px;
        width: 163px;
        background:url(../Content/microshifLogo.svg) no-repeat, #fff;
        position: relative;
        border-top-left-radius: 34px;
        border-bottom-left-radius: 34px;
    }

    .pcoded-header .dropdown .profile-notification {
        left: -6px;
    }

.textHeader {
    font-size: 12px;
    line-height: 1;
    position: relative;
    top: 11px;
}

    .textHeader div {
        padding-bottom: 3px;
    }


footer {

    position: fixed;
    background: #264B8D;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 69px;
    color: #fff;
    display:none;
}

.feather.icon-trending-up {
    display:none!important;
}

.bitcoin-wallet i {
    right: 21px;
}

.nombreUsuario {
    color: #264B8D !important;
    font-size: 16pt;
    font-weight: bold;
}

    /*--------------------------------------------*/
.theme-bg-R-01 {
    background: #CA5555;
}

.theme-bg-R-02 {
    background:#2D6BBB;
}

.theme-bg-R-03 {
    background: #7FAA40;
}

.theme-bg-R-04 {
    background: #7777BD;
}

/*-------------Helpers----------------*/
.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

/*--------------------GRIDS-------------------------*/

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-filter-panel, 
.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-pager {
    border-top: 1px solid #A3BFF7;
}

.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer, .dx-datagrid .dx-row-lines > td, .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #A3BFF7;
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer, .dx-datagrid .dx-column-lines > td {
    border-left: 1px solid #A3BFF7;
    border-right: 1px solid #A3BFF7;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
    background: #e8e7e7 !important;
    color: #404040;
}

.dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row > td:first-child {
    background: #fff;
}

.dx-texteditor-input-container {
margin:3px;
}

.posicionTabla {
    position: relative;
    top: -31px
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 1px;
}


/*-------------------Elementos---------------------*/

.barraBotones {
    position: relative;
    z-index: 2;
    display: inline;
}

.dx-button-has-icon .dx-button-content {
    padding: 3px 5px;
}

.dx-button-has-text .dx-icon {
    margin-right: 7px;
    margin-left: 3px;
}

.dx-button-mode-contained.dx-button-normal.dx-button-has-text {
    background: #ff7800;
    color: #fff;
    border:none;
}

    .dx-button-mode-contained.dx-button-normal.dx-button-has-text:hover {
        background: #dd4e07;
    }

    .dx-button-mode-contained.dx-button-normal.dx-button-has-text .dx-icon {
        color: #fff;
    }


h3.tituloH3 {
    font-size: 17px;
    border-bottom: 1px solid #f1f1f1;
    padding: 6px 0;
}

h5.titlePage {
    margin-bottom: 13px;
    font-size: 17px;
    font-weight: 400;
    margin-right: 10px;
    line-height: 1.1;
    position: relative;
    font-family: "Open Sans", sans-serif;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
}

h5, h5.titlePage, h3.tituloH3 {
    color: #264B8D !important;
}

h5.titlePage:after {
    content: "";
    background-color: #04a9f5;
    position: absolute;
    left: -20px;
    top: 0;
    width: 4px;
    height: 20px;
}

.card .card-header {
padding:10px 25px;
}

.card-block {
    padding: 10px 20px!important;
}

.dashboardHome .card-block {
    padding: 20px 30px !important;
}

.dx-form-group-caption {
    font-size: 15px;
    color: #264B8D !important;
}

.dx-calendar-caption-button {
    background: #264B8D!important;
}

    .dx-calendar-caption-button .dx-button-content {
        color: #fff !important;
    }
/*--------Forms-------*/
.dx-texteditor-input {
    min-height: 23px !important;
    padding: 0;
}

.dx-widget, .dx-widget input, .dx-widget textarea {
    font-family: "Open Sans", sans-serif;
}

.dx-placeholder::before {
    padding: 2px 9px 8px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 5px;
}

label {
    margin-bottom: 0.3rem;
}

.GrupoIncidencia {
    padding: 10px;
    margin-top:30px !important;
}

    .GrupoIncidencia .dx-form-group-with-caption > .dx-form-group-content {
        padding-bottom: 0;
    }

.dx-datebox.dx-auto-width .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
    padding-right: 0;
}

.dx-dropdowneditor-button {
    min-width: 23px;
    width: 23px;
}

.dx-numberbox-spin-container {

    width: 17px!important

}

.dx-htmleditor .dx-button-mode-text .dx-icon {
    color: #333;
}

.dx-htmleditor .dx-state-disabled .dx-button .dx-icon, .dx-htmleditor .dx-state-disabled.dx-button .dx-icon {
    opacity: .6;
}


/*---------PopUp---------*/

.dx-overlay-content .dx-popup-content {
    overflow-y:auto;
}

.dx-popup-normal {
    background: #fff url(../Content/mesaDeServiciosIconPopUp.svg) -45px calc(100% + 20px) no-repeat !important;
    background-size: 100px !important;
}

.dx-popup-title {
    padding: 2px 14px;
    background: url(../Content/bkgHeaderExpanded_B.png) no-repeat left top, url(../Content/bkgHeaderRight.jpg) calc(100% + 165px) top no-repeat, #264B8D;
    color: #fff;
}

    .dx-popup-title.dx-toolbar .dx-toolbar-label {
        font-size: 15px;
    }

    .dx-popup-title.dx-toolbar {
        padding: 2px 14px;
    }

.dx-button-mode-text .dx-icon {
    color: #fff;
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding-top:0;
}

.dx-fileuploader-input-wrapper .dx-button {
    float:none;
}

.dx-fileuploader-input-container {
    display:none;
}

.dx-fileuploader-input-wrapper {
text-align:center;
}

.dx-fileuploader-button .dx-button-content {
    background: #337ab7;
    color: #fff;
    border: none;
    border-radius: 5px;
}

.dx-fileuploader-button .dx-button-content:hover {
    background: #296293;
}
    .dx-button-mode-contained {
    border-color:transparent;
}

/*--------------Queries--------------*/

@media(max-width:991px) {
    .navbar.pcoded-header {
        background: url(../Content/bkgHeaderExpanded_B.png) no-repeat left top, url(../Content/bkgHeaderRight.jpg) calc(100% + 180px) top no-repeat, #264B8D;
        display: block;
    }

    .pcoded-header::after {
        background: url(../Content/microshifLogoCirculo.svg) no-repeat;
        right: 61px;
        top: 18px;
        height: 35px;
        width: 35px;
        position: absolute;
    }

        .pcoded-header > .collapse:not(.show) {
        background:none;
        }

    .navbar.pcoded-header .m-header {
        width: 141px;
        display: block;
        float: left;
        padding-top: 18px;
    }

    .pcoded-header .navbar-nav > li:first-child {
    padding-left:0;
    }
}


@media(min-width:780px) {
    .pcoded-navbar.menu-light {
        margin-left: 0!important;
    }
}


@media(max-width:779px) {
    footer {
        display: block;
        z-index: 3;
    }

}
