/*
 * Skin: Blue
 * ----------#C13C8D
 */
        .pagination-ys {
            /*display: inline-block;*/
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px;
        }

            .pagination-ys table > tbody > tr > td {
                display: inline;
            }

                .pagination-ys table > tbody > tr > td > a,
                .pagination-ys table > tbody > tr > td > span {
                    position: relative;
                    float: left;
                    padding: 8px 12px;
                    line-height: 1.42857143;
                    text-decoration: none;
                    color: #00965e;
                    background-color: #ffffff;
                    border: 1px solid #dddddd;
                    margin-left: -1px;
                }

                .pagination-ys table > tbody > tr > td > span {
                    position: relative;
                    float: left;
                    padding: 8px 12px;
                    line-height: 1.42857143;
                    text-decoration: none;
                    margin-left: -1px;
                    z-index: 2;
                    color: #aea79f;
                    background-color: #f5f5f5;
                    border-color: #dddddd;
                    cursor: default;
                }

                .pagination-ys table > tbody > tr > td:first-child > a,
                .pagination-ys table > tbody > tr > td:first-child > span {
                    margin-left: 0;
                    border-bottom-left-radius: 4px;
                    border-top-left-radius: 4px;
                }

                .pagination-ys table > tbody > tr > td:last-child > a,
                .pagination-ys table > tbody > tr > td:last-child > span {
                    border-bottom-right-radius: 4px;
                    border-top-right-radius: 4px;
                }

                .pagination-ys table > tbody > tr > td > a:hover,
                .pagination-ys table > tbody > tr > td > span:hover,
                .pagination-ys table > tbody > tr > td > a:focus,
                .pagination-ys table > tbody > tr > td > span:focus {
                    color: black;
                    background-color: #eeeeee;
                    border-color: #dddddd;
                }
#LogoMok {
    background-image: url(../../../img/mok_logo.png);
    background-size: auto !important;
    float: left;
    width: 300px;
    height: 106px;
    background-size: cover;
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
    background-repeat: no-repeat;
}
.tab-content{padding:10px;background:white;border-width: 0 1px 1px 1px;border-style:solid;border-color:#d9d9d9;border-radius: 0 0 4px 4px;}
.btnDescarga
{
    font-size: 15px;
    color: white !important;
    background-color: transparent !important;
}

    .btnDescarga:hover
    {
        color: white !important;
        background-color: #00965e !important;
    }
.subMenu
{
    margin-top:0px !important;
}
.tooltipGrafico
        {
            position: absolute;
            z-index: 999;
            left: -9999px;
            word-wrap: break-word;
            max-width: 350px;
            padding: 0 0.2em;
            color: #333;
            background: #fff;
            border: 1px solid #aaa;
            border-radius: 4px 4px 4px 4px;
            box-shadow: 1px 2px 4px rgba(0,0,0,0.2), 0 0px 10px rgba(0,0,0,0.05) inset;
        }
.botonMOK
        {
            background-color: #00965e !important;
            border-color: #dddddd !important;
        }


.cabecera .logo {
    background-color: #00965e!important;
}

.cabecera .navbar-static-top {
    background-color: #00965e !important;
}

        .cabecera li.user-header
        {
            background-color: #00965e !important; 
        }

.main-header .navbar .nav > li > a
{
    color: #ffffff;
}

    .main-header .navbar .nav > li > a:hover,
    .main-header .navbar .nav > li > a:active,
    .main-header .navbar .nav > li > a:focus,
    .main-header .navbar .nav .open > a,
    .main-header .navbar .nav .open > a:hover,
    .main-header .navbar .nav .open > a:focus
    {
        background: rgba(0, 0, 0, 0.1);
        color: #f6f6f6;
    }
/*ESTILO DEL USUARIO*/
.navbar-nav > .user-menu > .dropdown-menu
{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}

    .navbar-nav > .user-menu > .dropdown-menu,
    .navbar-nav > .user-menu > .dropdown-menu > .user-body
    {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .navbar-nav > .user-menu > .dropdown-menu > li.user-header
        {
            height: 175px;
            padding: 10px;
            text-align: center;
        }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img
            {
                z-index: 5;
                height: 90px;
                width: 90px;
                border: 3px solid;
                border-color: transparent;
                border-color: rgba(255, 255, 255, 0.2);
            }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p
            {
                z-index: 5;
                color: white;
                font-size: 15px;
                margin-top: 10px;
            }

                .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small
                {
                    display: block;
                    font-size: 12px;
                }

        .navbar-nav > .user-menu > .dropdown-menu > .user-body
        {
            padding: 15px;
            border-bottom: 1px solid #f4f4f4;
            border-top: 1px solid #dddddd;
        }

            .navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
            .navbar-nav > .user-menu > .dropdown-menu > .user-body:after
            {
                content: " ";
                display: table;
            }

            .navbar-nav > .user-menu > .dropdown-menu > .user-body:after
            {
                clear: both;
            }

            .navbar-nav > .user-menu > .dropdown-menu > .user-body a
            {
                color: #444 !important;
            }

@media (max-width: 991px)
{
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a
    {
        background: #fff !important;
        color: #444 !important;
    }
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer
{
    background-color: #f9f9f9;
    padding: 10px;
}

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after
    {
        content: " ";
        display: table;
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after
    {
        clear: both;
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default
    {
        color: #666666;
    }

.navbar-nav > .user-menu .user-image
{
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}

@media (max-width: 767px)
{
    .navbar-nav > .user-menu .user-image
    {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}

/* ESTILOS DEL BOTON DE DESPLIEGUE DE SIDEBAR (ICONO QUE MUEVE SIDEBAR) */
.main-header .navbar .navbar-custom-menu > .nav
{
    margin-right: 10px;
        z-index:999999;
}

.navbar .sidebar-toggle
{
    color: gray;
}

    .navbar .sidebar-toggle:hover
    {
        color: #f6f6f6;
        background: rgba(0, 0, 0, 0.1);
    }

/* ESTILOS SMARTPHONE */
@media (max-width: 767px)
{
    .main-header .navbar .dropdown-menu li.divider
    {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .main-header .navbar .dropdown-menu li a
    {
        color: #fff;
    }

        .main-header .navbar .dropdown-menu li a:hover
        {
            background: #367fa9;
        }
}

.main-header .logo
{
    background-color: #367fa9;
    color: white !important;
    border-bottom: 0px solid transparent;
}

    .main-header .logo > a
    {
        color: white !important;
    }

    .main-header .logo:hover
    {
        background: #357ca5;
    }

.main-header li.user-header
{
    background-color: #3c8dbc;
}

.content-header
{
    background: transparent;
}

.user-panel > .info,
.user-panel > .info > a
{
    color: #fff;
}

.sidebar-menu > li.header
{
    color: #4b646f;
    background: #1a2226;
    
}

.sidebar-menu > li > a
{
    border-left: 3px solid transparent;
    margin: 0px;
    color:gray;
}

    .sidebar-menu > li > a:hover,
    .sidebar-menu > li.active > a
    {
        color: #ffffff;
        background: #1e282c;
        border-left-color: #3c8dbc;
    }

.sidebar-menu > li > .treeview-menu
{
    margin: 0 1px;
    background-color:#eee;
    
}

.wrapper,
.main-sidebar,
.left-side
{
    background: #222d32;
}

.sidebar a
{
    color: #b8c7ce;
}

    .sidebar a:hover
    {
        text-decoration: none;
    }

.treeview-menu > li > a
{
    color: gray;
    margin-left:10px;
}

    .treeview-menu > li.active > a,
    .treeview-menu > li > a:hover
    {
        color: black;
    }

.sidebar-form
{
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .sidebar-form input[type="text"],
    .sidebar-form .btn
    {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
        -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

    .sidebar-form input[type="text"]
    {
        color: #666;
        border-top-left-radius: 2px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 2px !important;
    }

        .sidebar-form input[type="text"]:focus,
        .sidebar-form input[type="text"]:focus + .input-group-btn .btn
        {
            background-color: #fff;
            color: #666;
        }

            .sidebar-form input[type="text"]:focus + .input-group-btn .btn
            {
                border-left-color: #fff;
            }

    .sidebar-form .btn
    {
        color: #999;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        border-bottom-left-radius: 0 !important;
    }

.layout-top-nav .main-header > .logo
{
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0px solid transparent;
}

    .layout-top-nav .main-header > .logo > a
    {
        color: #ffffff;
    }

    .layout-top-nav .main-header > .logo:hover
    {
        background: #3b8ab8;
    }



/* 
--------------------------------------------------------------------------
	SOBRE ESCRITURA DE ESTILOS DEL FRAMEWORK GENERAL
--------------------------------------------------------------------------
*/


/* ESTILO GENERAL DE LAS IMAGENES */
img
{
    max-width: 100%;
}

/* CAJA PRINCIPAL */
.wrapper
{
    background: white;
}

/* BARRA NAVEGACION GENERAL */
.navbar
{
    background: #f6f6f6;
}

    .navbar .sidebar-toggle
    {
        color: #ffffff;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .navbar .sidebar-toggle:hover
        {
            color: #f6f6f6;
            background: #4C0066;
        }

/* ESTILOS DE BARRA LATERAL */
.main-sidebar
{
    background: none;
    font-size: 14px;
    border-right:0px #ddd solid;
}

.sidebar-menu > li.header
{
    color: black;
    background: white;
    font-size: 1em;
    line-height: 44px;
    padding: 0px 4px;
    margin: 0px;
}

.sidebar-menu > li > a
{
    border-left: 5px solid transparent;
    margin: 0px;
    border-bottom: 0px solid #ddd;
    line-height: 43px;
    padding: 0px 4px;
    /*-moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;*/
}

    .sidebar-menu > li > a:hover, .sidebar-menu > li.active > a
    {
        color: black;
        background: #f6f6f6;
        border-left-color: #00965e;
        /*padding: 0px 15px;*/
    }

.sidebar-menu > li.active > a
{
    color: black;
    background: #f6f6f6;
    border-left-color: #00965e;
        /*padding: 0px 15px;*/
}

.sidebar-menu > li.especial > a
{
    font-size: 0.9em;
    line-height: 36px;
    background: #eee;
    color: black;
}

    .sidebar-menu > li.especial > a:hover
    {
        padding: 0px 4px;
    }*/

/* ESTILOS PARA LAS CJAS DE GRAFICOS */
div.box
{
    border: none;
    box-shadow: 2px 2px 2px #ccc;
    -o-box-shadow: 2px 2px 2px #ccc;
    -ms-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
}

    div.box .box-header
    {
        background: #00965e;
        color: white;
        line-height: 35px;
        padding: 0px 15px;
    }

.caja-grafico-total
{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: white;
    box-shadow: 2px 2px 2px #ccc;
    -o-box-shadow: 2px 2px 2px #ccc;
    -ms-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    margin-bottom: 20px;
}

.grafico-simple
{
    width: 48%;
    margin: 0px 0%;
    float: left;
    height: auto;
    overflow: hidden;
}

.caja-grafico-total h3
{
    background: #00965e;
    color: white;
    display: block;
    line-height: 35px;
    height: 35px;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
}

span.azul-grafico
{
    color: #21A2DE;
}

span.gris-grafico
{
    color: #cccccc;
}


/* 
--------------------------------------------------------
	ESTILOS GENERALES
--------------------------------------------------------
*/

/* CAJA DEL LOGOTIPO PRINCIPAL */
div.logotipo
{
    width: 80%;
    height: auto;
    overflow: hidden;
    padding: 0px;
    margin: 15px 10%;
}

header.superior
{
    width: 100%;
    height: 90px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #ddd;
}

div.logo-mok
{
    width: 80px;
    height: 50px;
    float: left;
    margin: 20px;
}

div.usuario
{
    width: 60px;
    height: 60px;
    float: right;
    margin: 15px;
}

p.breadcrumb
{
    line-height: 40px;
    float: left;
    font-size: 1.1em;
    margin: 0px 0px 0px 20px;
    color: #333;
    padding: 0px;
}

a.editar, a.cerrar
{
    display: block;
    float: right;
    margin: 27px 0px 0px 15px;
    line-height: 26px;
    padding: 0px 7px;
    color: white; /* CSS3 Transitions */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.editar
{
    background: #BB3C90;
}

a.cerrar
{
    background: #832964;
}

a.editar:hover
{
    background: #4C0066;
}

a.cerrar:hover
{
    background: #4C0066;
}

/* BOTON DE REFRESCO */
a.btn-refresh
{
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background: #B63C94;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    a.btn-refresh:hover
    {
        background: #4C0066;
    }

/* MODULOS DE SECCIONES */
div.modulo
{ /*border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;*/
    height: 110px;  
    box-shadow: 2px 2px 2px #ccc;
    -o-box-shadow: 2px 2px 2px #ccc;
    -ms-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
} 

div.modulo-icono
{
    width: 22%;
    height: 110px;
    float: left;
    /*border-top-left-radius:8px;-o-border-top-left-radius:8px;-ms-border-top-left-radius:8px;-webkit-border-top-left-radius:8px;-moz-border-top-left-radius:8px;
border-bottom-left-radius:8px;-o-border-bottom-left-radius:8px;-ms-border-bottom-left-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-bottom-left-radius:8px;*/
}

div.modulo-contenido
{
    width: 70%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

    div.modulo-contenido p, div.modulo-contenido h3
    {
        text-align: center;
        float: none;
        color: white;
    }

    div.modulo-contenido h3
    {
        font-size: 2.5em;
    }

    div.modulo-contenido p
    {
        font-size: 1.2em;
    }

/* COLORES DE MODULOS*/
.icono-casos
{
    background: #ca7f00;
}

.casos
{
    background: #ffa100;
}

.icono-ordenes-trabajo
{
    background: #482a92;
}

.ordenes-trabajo
{
    background: #5b33bb;
}

.icono-reingresos
{
    background: #0d6c03;
}

.reingresos
{
    background: #10a400;
}

.icono-reembolsos
{
    background: #024885;
}

.reembolsos
{
    background: #0066be;
}

img.centrado
{
    float: none;
    margin-left: auto;
    margin-right: auto;
}



/* 
-----------------------------------
ESTILOS GENERALES DE AYUDA 
-----------------------------------
*/

.imagen-izquierda
{
    float: left;
    margin: 5px 10px 5px 0px;
    border: 6px solid #eee;
}

.imagen-derecha
{
    float: right;
    margin: 5px 0px 5px 10px;
    border: 6px solid #eee;
}

p.left
{
    float: left;
    margin: 0px 0px 0px 15px;
}

p.right
{
    float: right;
    margin: 0px 15px 0px 0px;
}

/* ESPACIOS Y SEPARACIONES */
.no-space
{
    margin: 0px;
    padding: 0px;
}

.no-top
{
    margin-top: 0px;
}

.no-bottom
{
    margin-bottom: 0px;
}

.top-10
{
    margin-top: 10px;
}

.top-20
{
    margin-top: 20px;
}

.top-30
{
    margin-top: 30px;
}

.top-40
{
    margin-top: 40px;
}

.bottom-5
{
    margin-bottom: 5px;
}

.bottom-10
{
    margin-bottom: 10px;
}

.bottom-20
{
    margin-bottom: 20px;
}

.bottom-30
{
    margin-bottom: 30px;
}

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

.padding-10
{
    padding: 10px 0px;
}

.padding-20
{
    padding: 20px 0px;
}

.padding-30
{
    padding: 30px 0px;
}

.left-10
{
    margin-left: 10px;
}

.left-20
{
    margin-left: 20px;
}

.left-30
{
    margin-left: 30px;
}

.right-10
{
    margin-right: 10px;
}

.right-20
{
    margin-right: 20px;
}

.right-30
{
    margin-right: 30px;
}

.total
{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.separador
{
    margin: 20px 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.separador-gris
{
    margin: 20px 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
.fa
{
    font:17px/2 FontAwesome;
    line-height:1;
}
.cajaGrilla
{
    border-radius:5px !important;
}
.cajaGrilla .box-header
{
    font-size:20px !important;
    border-radius:5px 5px 0px 0px !important;
}
.land
        {
            stroke: #00965e;
            fill: lightgray;
            stroke-width: 1px;
            stroke-opacity: 1;
            -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);
            box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);
            -webkit-transition: all 0.4s ease;
            
            transition: all 0.4s ease; 
            opacity:0.4;
        }

            .land:hover
            {
                stroke: #00965e;
                -webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
                box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
                /*transform: scale(1.06,1);
                -ms-transform: scale(1.06,1);
                -moz-transform: scale(1.06,1);
                -webkit-transform: scale(1.06,1);*/
            }

        .mapa
        {
            width: auto;
        }


        .tooltipRegion
        {
            /*
            height: auto !important;
            width: 350px;
            /*position: absolute !important;
            /*left: 30%;
                float: left;*/
            visibility: hidden;
            min-height: 152px !important;
        }


        /*Adicionales*/
.boxTrack {
    width:90%;
    margin: 20px auto 10px;
    height:auto;
}

.boxTrackTitulo {
    padding:15px 0 15px;
    font-size:25px;
    color : #01965E;
}

.cardTrack {
    width:100%;
    background: #EDEFF4;
    padding: 15px 25px;
    margin:0;
    border-radius : 15px;
    height:100px;
}

.centrarDiv {
    display:flex;
    align-items : center;
    justify-content :center;
    height:100%;
}

.circuloCheck {
    background: #01965E;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: white;
}

.circuloMid {
    background: #EDEFF4;
    border: 2px solid #01965E;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #01965E;
}

.circuloBlock {
    border: 2px solid #a7a7a7;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #a7a7a7;
}