.banner_utm {
    background-image: url("/Content/images/main-banner.jpg");
}

.autorizado {
    color: #04A043;
}

.pendiente {
    color: red;
    font-style: italic;
}

.barra-utm {
    border-color: #337ab7;
}

.letrero-utm {
   color: #04A043;
   font-weight: bold;
}

.letrero-utm-error {
   color: black;
   font-weight: bold;
}

.leftspan
{
    padding-right:20px;
    border-right: 2px solid #707070;
}

.rightspan {
    margin-left: -0.138297872340425%;
    *margin-left: -0.13191489361702%;
    padding-left:20px;
    border-left: 2px solid #707070;
}

.tabla_utm {
    background-color: #04A043;
    color: white;
    font-size: larger;
}

.tabla_utm_seccion {
    background-color: #04A043;
    color: white;
    font-size: larger;
    text-align: center;
}

.tabla_utm_encabezado {
    color: #04A043;
    font-weight: bold;
}

.table-curved {
    border-collapse: separate;
    border: solid #ccc 1px;
    border-radius: 6px;
    border-left:0px;
    border-top:0px;
}
.table-curved > thead:first-child > tr:first-child > th {
    border-bottom: 0px;
    border-top: solid #ddd 1px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.table-curved > :first-child > :first-child > :first-child {
    border-top-left-radius: 6px;
}
.table-curved > :first-child > :first-child > :last-child {
    border-top-right-radius: 6px;
}
.table-curved > :last-child > :last-child > :first-child {
    border-bottom-left-radius: 6px;
}
.table-curved > :last-child > :last-child > :last-child {
    border-bottom-right-radius: 6px;
}

.table-striped > tbody > tr:nth-child(2n) > td 
{
    background-color: #D9F4DD;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #04A043;
    color: white;
}

.esqsupder {
    color: white;
}

.menuopciones {
    background-color: #042953;
}

td.tabla_utm_footer {
    background-color: #04A043 !important;
    color: white;
    font-size: larger;
    font-weight: bold;
}

/* Zona para mostrar el TreeView */

    .tree {
        min-height:20px;
        padding:19px;
        margin-bottom:20px;
        /* background-color:#fbfbfb;
        border:1px solid #999; */
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        /* border-radius:4px; */
        -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
        -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
    }

    /* .well {
        background-color: #ddd;
        border: none !important;
    } */

    .tree li {
        list-style-type:none;
        margin:0;
        padding:10px 5px 0 5px;
        position:relative
    }
    .tree li::before, .tree li::after {
        content:'';
        left:-20px;
        position:absolute;
        right:auto
    }
    .tree li::before {
        border-left:1px solid #999;
        bottom:50px;
        height:100%;
        top:0;
        width:1px
    }
    .tree li::after {
        border-top:1px solid #999;
        height:20px;
        top:25px;
        width:25px
    }
    .tree li span {
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border:1px solid #999;
        border-radius:5px;
        display:inline-block;
        padding:3px 8px;
        text-decoration:none
    }
    .tree li.parent_li>span {
        cursor:pointer
    }
    .tree>ul>li::before, .tree>ul>li::after {
        border:0
    }
    .tree li:last-child::before {
        height:30px
    }
    .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
        background:#eee;
        border:1px solid #94a0b4;
        color:#000
    }

.nodo-autorizado {
    background-color: #04A043;
    color: white;
}

.nodo-sin-autorizar {
    background-color: #C9193C;
    color: white;
}

.servicio-autorizado {
    background-color: #249390;
    color: white;
}

.letrero-nodo {
    margin-left: 5px;
    border: none !important;
}

a#navlogin {
    margin-top: -3px;
}

.color-tema {
    color: limegreen;
}

.color-fondo {
    /* background-color: rgba(255, 255, 255, 0.3); */
    background-color: rgba(0, 0, 0, 0);
}

.panel-utm {
    background-color:rgba(238, 255, 232, 0.5);
    min-height: 280px;
}

.panel-titulo {
    background-color:rgba(238, 255, 232, 0.5);
    font-size: larger;
}

.titulo-noticia-header {
    color: white; 
    background-color: #04A043;
}

.panel-login {
    min-height: 340px;
}

iframe.externo {
    width:100%; 
    height:100vh; 
    display:block;
}