/*
    test in http://www.w3schools.com/colors/colors_picker.asp
    gris: #676D72
    cyan: #D82934
*/

/*Header large*/
.img-src {
    background-image: url('../images/header-logo-large.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 200px; 
}

.img-src-left {
    background-image: url('../images/header-logo-left.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 82px;
    height: 82px;
    left: 2%;
    top: 3px;
}

.img-src-right {
    background-image: url('../images/header-logo-right.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 92px;
    height: 17px;
    right: 5%;
}


/*Header small*/
@media screen and (device-aspect-ratio: 2/3), (device-aspect-ratio: 40/71), (device-aspect-ratio: 667/375),(max-width: 28em) {
    .img-src {
        background-image: url(../images/header-logo-small.png) !important;
        max-width: 150px;
    }
 }

/* infragistics*/
.ui-iggrid th,.ui-iggrid th.ui-state-default {border-color: #676D72; border-bottom-width:1px!important; border-top-color:transparent!important;  border-right-color:transparent!important}
.ui-iggrid th.ui-state-default:first-child {border-left-color:#676D72!important}
.ui-iggrid th.ui-state-hover {background-color: #00ADD3!important;} /*9B1119*/
.ui-iggrid th.ui-state-active {background-color: #66E0FF!important;}
.ui-iggrid table th:first-child {border-left-color:#676D72!important}
.ui-iggrid-groupedrow {background-color:#EFEFEF}
.ui-iggrid-header{background-color:#00ADD3!important; } /*ff002b*/
.ui-iggrid-headertext {color:#FFFFFF; }
.ui-iggrid tr.ui-ig-altrecord{background-color:#FFFFFF}
.ui-iggrid tfoot td.ui-widget-content, .ui-iggrid tfoot td.ui-state-default{background-color:#EFEFEF}
.ui-iggrid-table{ border: solid 1px #676D72!important; }
.ui-widget {font-size:0.7em!important;}
.ui-iggrid td.ui-state-hover a:hover {color: #00ADD3!important;}

/* color de mfb*/
.mfb-component__button--child, .mfb-component__button--main{background-color:#00ADD3!important} /*ff002b*/

/*Color de text accent*/
.app_TS1 {
    color: #00ADD3 !important;
    word-wrap: break-word;
}
.text-footer-cma {
    color: #00ADD3;
}

.admin-message-header {
    background-color: #00ADD3 !important;
    color: #ffffff;
}

md-tabs.admin-tabs .md-tab.md-active {
    background: #00ADD3;
}

.layout-xs-column {
    display: -webkit-flex;
}

.monedaSelect {
    width: 400px;
}

@media (max-width:1279px) {
    .img-src-left {
        left: 3%;
    }

    #login-page .img-src-left {
        left: 2% !important;
    }
}

@media (max-width:899px) {
    .img-src-left {
        left: 5%;
    }
}
/*Telefonos*/

@media (max-width:599px) {
    #masDatosGrid {
        border: none !important;
    }

    .ui-iggrid .ui-iggrid-scrolldiv:first-child, .ui-iggrid > table tr:first-child td, .ui-iggrid > table > tbody tr:first-child th, .ui-iggrid-responsive-vertical {
        border-top: none !important;
    }

    md-dialog .md-dialog-content {
        padding: 14px;
    }

    div[aria-label="Filtros"] .md-dialog-content {
        padding: 14px 14px 0px 14px;
    }

    .ui-iggrid-table {
        line-height: 1;
    }

    #ctasPaginationContainer {
        text-align: start !important;
    }

        #ctasPaginationContainer > button:last-child {
            position: fixed;
        }

    input[type=date] {
        width: 30%;
    }

    .layout-margin, .layout-margin-gt-sm, .layout-margin-gt-sm > *, .layout-margin-md, .layout-margin-md > *, .layout-margin > *, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md {
        margin: 8px 8px 0px 8px;
    }

    .layout-xs-column {
        display: block;
        text-align: center;
    }

    .md-dialog-content .layout-column {
        display: table;
    }

    .md-dialog-content .layout-align-start-center {
        display: flex !important;
    }

    .masInfoWrapper {
        width: 25%;
        margin: 0 auto;
    }

    #listaCuentasButton {
        margin: 0 auto;
    }

    #masInfoButton {
        margin: 0 5px 0 auto
    }

    .md-toolbar-tools {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .debeSeleccionar {
        margin-top: 5px;
    }

    md-input-container .hint {
        position: initial;
    }

    .mostrarDatos {
        max-width: 98%;
        max-height: 98%;
    }

    .adaptToMobile {
        width: 100%;
    }

    .monedaSelect {
        width: inherit;
    }

    #importeInput {
        max-width: 100%;
    }

    .adaptButton {
        white-space: normal;
        line-height: 24px;
    }

    .white_content {
        width: 72% !important;
    }

    .xs-cuentas {
        max-width: 93%;
    }

    .img-src-left {
        left: 8%;
    }
}

@media (max-width:399px) {
    .img-src-left {
        left: 10%;
    }
}

/*Tablets*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #masDatosGrid {
        border: none !important;
    }

    #login {
        display: block !important;
    }

    .ui-iggrid .ui-iggrid-scrolldiv:first-child, .ui-iggrid > table tr:first-child td, .ui-iggrid > table > tbody tr:first-child th, .ui-iggrid-responsive-vertical {
        border-top: none !important;
    }

    md-dialog .md-dialog-content {
        padding: 14px;
    }

    div[aria-label="Filtros"] .md-dialog-content {
        padding: 14px 14px 0px 14px;
    }

    .ui-iggrid-table {
        line-height: 1;
    }

    input[type=date] {
        width: 30%;
    }

    .layout-margin, .layout-margin-gt-sm, .layout-margin-gt-sm > *, .layout-margin-md, .layout-margin-md > *, .layout-margin > *, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md {
        margin: 8px 8px 0px 8px;
    }

    .md-dialog-content .layout-column {
        display: table;
    }

    #operarFormularioContainer {
        display: flex;
    }

    .flex-80, .layout-row > .flex-80 {
        max-width: 98% !important;
    }

    md-input-container .hint {
        position: initial;
    }

    .layout-fill {
        height: 100% !important;
    }

    #operarFormularioContainer .layout-column {
        display: flex;
    }

    .md-dialog-content .layout-align-start-center {
        display: flex !important;
    }

    .masInfoWrapper {
        width: 25%;
        margin: 0 auto;
    }

    #listaCuentasButton {
        margin: 0 auto;
    }

    #masInfoButton {
        margin: 0 5px 0 auto
    }

    .md-toolbar-tools {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .debeSeleccionar {
        margin-top: 5px;
    }
}

.menuActivo {
    background-color: #134679;
    color: #FFFFFF;
}

.hoverButton:hover {
    color: #676D72;
    background-color: rgba(62, 155, 252, 0.20);
    /*
    background-color: #25588b;
    color: #FFFFFF;
    */
}