/*Texto de toolbar de cada view*/
.md-toolbar-tools {
    font-size:0.9em!important; 
}

/*grillas*/

.app_rightAlign {text-align:right }
.app_leftAlign {text-align:left }
.app_centerAlign {text-align:center }
.app_bold {
    font-weight: bold;
}
.app_TS1 {font-weight:bold; }
.app_TS2 {}
.app_TS3 {}



/*switch animation*/
.animate-switch.ng-enter 
{
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
    display: block!important;
    opacity:0;
}
.animate-switch.ng-enter-active 
{
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
    display: block!important;
    opacity:1;
}

.animate-switch.ng-leave 
{
    opacity:1;
}
.animate-switch.ng-leave-active 
{
    opacity:0;
}

/*side nav width*/
md-sidenav {
    min-width:8em;
}

/*Resumen de cuenta*/
.resumen-item {
    font-size: 0.9em;
    margin-bottom: 0.4em;
}
.resumen-item .icon-file-pdf{
    margin-right: 0.2em;
    position: relative;
    top: 0.2em;
}

/*Cotizaciones Operar*/
/*#toastBounds md-tab-item:nth-child(7) {
    background-color: rgb(0,175,219);
    color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 3px;
    cursor: pointer;
    transition: none;
}*/

#toastBounds.cotiVF md-tab-item:nth-child(4) {
    background-color: rgb(0,175,219);
    color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 3px;
    cursor: pointer;
    transition: none;
}

#toastBounds input[name="cotiFind"] {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    padding: 0 15px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
}

.botonOperar {
    float: left;
}

/* Futuros */
.activo-subyecente {
    width: 100%;
}

.activo-subyecente span {
    font-size: 14px;
    margin-left: 13px;
}

.card-headline {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}

md-card-content p {
    font-size: 85%;
}

.admin-message-button {
    font-size: 13px;
    width: 40%;
}

.admin-nav-icon {
    color: #000000;
    text-decoration: none;
    min-width: 88px;
}

.admin-crud-footer {
    margin-bottom: 60px;
}

.admin-crud-button {
    width: 140px;
}

.admin-crud-column {
    /*
        box-shadow: 2px 2px 2px #999999;
    */
}

.admin-crud-column:nth-child(2n+1) {
    background: #F3F3F3;
    box-shadow: -2px 0px 5px #cccccc;
}

.admin-fields-box {
    max-height: 500px;
    transition: max-height 0.5s linear;
    overflow-y: hidden;
}

.admin-fields-container {
    margin: 8px 0;
}

.admin-filter-label {
    font-size: 12px;
}

.admin-filter-input {
    font-size: 12px;
}

.admin-filters-icon {
    color: #FFFFFF;
    text-decoration: none;
    min-width: 98px;
}

.admin-filters-iconExport {
    color: #FFFFFF;
    text-decoration: none;
    min-width: 120px;
}

.admin-bottom-margined {
    margin-bottom: 40px;
}

.column-small {
    width: 110px !important;
}

.column-small {
    width: 110px !important;
}

.column-medium {
    width: 160px !important;
}

.column-actions {
    width: 80px !important;
}

.column-actionsMC {
    width: 120px !important;
}

.clickable {
    cursor: pointer;
}

.hidden {
    display: none;
}

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.4;
    opacity: .40;
    filter: alpha(opacity=40);
    overflow-y: hidden;
    overflow-x: hidden;
}

.white_content {
    display: none;
    position: fixed;
    top: 25%;
    left: 50%;
    min-width 360px;
    margin-left: -180px;
    z-index: 1002;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: hidden;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin: 1rem 8px;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.deleted-record {
    color: #F70000 !important;
}

@media (max-width: 360px) {
    md-sidenav {
        width: 100%;
    }

    .resumen-item {
        font-size: 0.8em;
    }

    .admin-crud-button {
        width: 100%;
    }
}

@media (max-width: 599px) {
    #toastBounds.cotiVF md-tab-item:nth-child(4) {
        display:none;
    }

    .botonOperar {
        float: none;
    }
    
    #operarMobile {
        margin: 6px 0;
        width: 100%; 
    }

    .min-height-title-resp {
        min-height: 32px;
    }
}

/*SideNav width configuration*/
md-sidenav, 
md-sidenav.md-locked-open, 
md-sidenav.md-closed.md-locked-open-add-active {
    max-width: 230px !important;
}

/*iPhone < 5:*/
@media screen and (device-aspect-ratio: 2/3), (device-aspect-ratio: 40/71), (device-aspect-ratio: 667/375),(max-width: 28em) {
    .ui-iggrid-headertext {font-size:0.9em!important;}
    .ui-widget {font-size:0.9em!important;}
    .ui-iggrid-expandbuttoncontainer-group-by{width:10px;}
    .ui-iggrid-table {line-height: 2;}
}

/* ESTILOS */

@media all and (-ms-high-contrast:none)
{
    body {
        overflow:hidden;
    }
}

/*va en login.css*/
.small-link {
  font-size: 10px;
}

/*va en ctas.css*/
.autocomplete-custom-template li {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal; }
.autocomplete-custom-template li:last-child {
  border-bottom-width: 0; }
.autocomplete-custom-template .item-title, .autocomplete-custom-template .item-metadata {
  display: block;
  line-height: 2; }
.autocomplete-custom-template .item-title md-icon {
  height: 18px;
  width: 18px; }


.bold {
    font-weight: bold;
}

/*Icono en grilla de infragistics*/
.app_gridIcon {
    font-size: 2em;
}
/*Label en select de estado de cuante. Pasar a estado.css*/
.label-select {
     -webkit-font-smoothing: antialiased; 
     position: absolute; 
     font-size: 12px; 
     line-height: 24px; 
     box-sizing: border-box; 
     display: block; 
     color: rgba(0, 0, 0, 0.87);
}
/*Se utiliza en filtros y registración de solicitud de usuario, para sumarización de errores*/
.error-message {
    color:red;
    min-width: 300px;
}

/************************SignalR Animations************************/
.app_CeldaRoja {
    -webkit-animation: redAnimation 5s; /* Chrome, Safari, Opera */
    animation: redAnimation 5s;
}

@-webkit-keyframes redAnimation {
    /* Chrome, Safari, Opera */
    0% {
        background: white;
    }

    25% {
        background: rgb(255, 133, 133);
    }

    100% {
        background: rgb(255, 222, 222);
    }
}

@keyframes redAnimation {
    /* Standard syntax */
    0% {
        background: white;
    }

    25% {
        background: rgb(255, 133, 133);
    }

    100% {
        background: rgb(255, 222, 222);
    }
}

.app_CeldaVerde {
    -webkit-animation: greenAnimation 5s; /* Chrome, Safari, Opera */
    animation: greenAnimation 5s;
}

@-webkit-keyframes greenAnimation {
    /* Chrome, Safari, Opera */
    0% {
        background: white;
    }

    25% {
        background: rgb(133, 255, 133);
    }

    100% {
        background: rgb(222, 255, 222);
    }
}

@keyframes greenAnimation {
    /* Standard syntax */
    0% {
        background: white;
    }

    25% {
        background: rgb(133, 255, 133);
    }

    100% {
        background: rgb(222, 255, 222);
    }
}


.app_TextShadow {
    -webkit-animation: shadowTextAnimation 5s;
    animation: shadowTextAnimation 5s;
}

@-webkit-keyframes shadowTextAnimation {
    /* Chrome, Safari, Opera */
    0% {
        text-shadow: none;
    }

    25% {
        text-shadow: 0 0 2px gray, 0 0 2px gray;
    }

    100% {
        text-shadow: none;
    }
}

@keyframes shadowTextAnimation {
    /* Standard syntax */
    0% {
        text-shadow: none;
    }

    25% {
        text-shadow: 0 0 2px gray, 0 0 2px gray;
    }

    100% {
        text-shadow: none;
    }
}
/********************End SignalR Animations************************/


/*Input hints https://material.angularjs.org/1.0.1/demo/input (ver sección Errors Advanced)*/
md-input-container .hint {
    /* Position the hint */
    position: absolute;
    left: 2px;
    right: auto;
    bottom: 7px;
    /* Copy styles from ng-messages */
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: grey; 
}
md-input-container .hint.ng-hide,
md-input-container .hint.ng-enter,
md-input-container .hint.ng-leave.ng-leave-active {
    bottom: 26px;
    opacity: 0; 
}
md-input-container .hint.ng-leave,
md-input-container .hint.ng-enter.ng-enter-active {
    bottom: 7px;
    opacity: 1; 
}

.pointer {
    cursor: pointer;
}
/*md-select de instrumento en evolución, en estado step3. pasar a estado.css*/
.smallDropDown {
    margin: 0;
}

/*Toolbar de cada view*/
.fab-button-action {
    z-index: 0!important;
}

/*Se usa en lpanel (sección nombre de usuario) y en operar (en botón intradiaria)*/
.hoverBorder {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    transition:border 250ms ease-in-out;
}

.hoverBorder:hover {
    border: 1px solid rgba(0, 0, 0, .2);
}

.img-footer-esco {
    margin:10px;
}

.text-footer {
    font-size: 12px;
    left: 10%;
    font-style: oblique;
    display: flex;
    padding-top: 2.3%;
    text-align: center;
    width: 70%;
    margin-left: 5%;
}

.text-footer2 {
    font-size: 12px;
    font-style: oblique;
    display: flex;
    padding-top: 2.3%;
    text-align: center;
    margin-right: 90px;
}
/*@media screen and (max-width: 480px) {
 .text-footer {
    font-size: 12px;
    left: 10%;
    font-style: normal;
    width: 70%;
    margin-left: 5%;
    text-align: center;
  }
}
@media screen and (max-width: 320px) {
 .text-footer {
    font-size: 9px;
    left: 10%;
    font-style: normal;
    margin-left: 8%;
    text-align: center;
  }
}*/

/*@media screen and (max-width: 480px) {
 .img-footer-esco {
    display: none;
  }
}*/

.hoverLink:hover {
    color:#00ADD3!important;
}

md-radio-button:focus {
    outline: none;
    border: 0;
 }


span:focus {
    outline: none;
    border: 0;
 }


ng-md-icon {
    outline: none;
    border: 0;
 }

md-divider{
    outline: none;
    border: 0;
 }
.margen{
    padding-left:83%;
}

.md-is-open {
    z-index: 11000 !important;
}

.operar-plazos {
    background: #ededed;
    margin-bottom: 2%;
    border-bottom: 1px rgba(0,0,0, 0.19) solid;
}
.operar-plazos md-radio-group {
    width: 100%;
}
.operar-plazos ul {
    width: 100%;
    list-style-type: none;
    padding: 0;
}
.operar-plazos ul li {
    float: left;
    text-align: left;
}
.operar-plazos ul li:first-child {
    margin-left: 4%;
}

.operar-plazos md-radio-button {
    margin-top: 0 !important;
}
.operar-plazos md-radio-button:last-child {
    margin-right: 0;
}

/* -- Cotizaciones Operar -- */

.coti-plazos {
    background: #ededed;
    margin-bottom: 2%;
    border-bottom: 1px rgba(0,0,0, 0.19) solid;
    margin-top: 3px;
}
.coti-plazos md-radio-group {
    width: 100%;
}
.coti-plazos ul {
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
}
.coti-plazos ul li {
    float: left;
    text-align: left;
}
.coti-plazos ul li:first-child {
    margin-left: 4%;
}

.coti-plazos md-radio-button {
    margin-top: 0 !important;
}
.coti-plazos md-radio-button:last-child {
    margin-right: 0;
}

.coti-md-actions {
    padding-left: 0;
}

.coti-btn-comprar {
    background: green !important;
}

.coti-btn-vender {
    background: red !important;
}

md-select.coti-plazos-select {
    display: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

.btn-hide-xs {
    display: inline-block;
}
.btn-xs {
    display: none;
    min-width: 50px;
}

.coti-masinfo h2 {
    font-size: 70% !important;
}

@media screen and (max-width: 480px) {
    .operar-plazos {
        margin-bottom: 4%;
    }

    .coti-plazos {
        margin-bottom: 4%;
    }
}

@media screen and (max-width: 499px) {
    .btn-hide-xs {
        display: none;
    }
    .btn-xs {
        display: inline-block;
    }
}

@media screen and (max-width: 599px) {
    .coti-btn {
        margin: 3px 8px;
    }

    md-select.coti-plazos-select {
        display: block;
    }

    .coti-radio-group {
        display: none;
    }

    table.admin-table.md-row-select th.md-column:first-child {
        padding-left: 8px;
    }
    
    table.admin-table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
        padding-right: 14px;
    }

    table.admin-table.md-row-select th.md-column:last-child {
        padding-right: 22px;
    }
}

@media screen and (max-width: 740px) {
    md-radio-button.coti-radio .md-label {
        margin-left: 22px !important;
    }

    .coti-plazos ul {
        font-size: 80%;
    }

    .coti-plazos ul li:first-child {
        width: 20% !important;
    }

     .coti-btn {
         font-size: 74%;
     }
}

md-radio-button.coti-radio {
    margin-bottom: 10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
  .ie-margin-top-10 { margin-top: 10px; }
  .ie-margin-top-20 { margin-top: 20px; }
  .ie-margin-top-30 { margin-top: 30px; }
  .ie-margin-top-40 { margin-top: 40px; }
  .ie-margin-top-50 { margin-top: 50px; }
  .ie-margin-bottom-10 { margin-bottom: 10px; }
  .ie-margin-bottom-20 { margin-bottom: 20px; }
  .ie-margin-bottom-30 { margin-bottom: 30px; }
  .ie-margin-bottom-50 { margin-bottom: 50px; }
  .ie-display-block {display: block; }
  .ie-chart-dialog-content { display: block; }
  .ie-chart-dialog-content .unisyncChart { position: relative; margin-left: 50%; left: -10em; }
  .ie-width-100-pc { width: 100%; }
}