body
{
    font-size: medium;
}

body, html
{
    /*background: fixed;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
}

.caja_sombra
{
    background-color: white;
}

.btn_sombra, .caja_sombra
{
    box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.75);
    border-radius: 13px 13px 13px 13px;
    -moz-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.75);
    -moz-border-radius: 13px 13px 13px 13px;
    -webkit-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.75);
    -webkit-border-radius: 13px 13px 13px 13px;
}

.mimenu
{
    font-family: Gotham;
    font-size: large;
    font-weight: 600;
    text-align: center;
}

.notama, .notroj
{
    color: black;
    font-family: Arial;
    font-size: small;
    font-weight: 600;
    vertical-align: middle;
    text-align: center;
    height: 18px;
    width: 18px;
}

.notama
{
    background: url(img/a_mini.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;
    right: 40px;
}

.notroj
{
    background: url(img/r_mini.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;
    right: 20px;
}

.midiv
{
    margin: auto;
}

.rengmed
{
    height: 10px;
}

.mbnegro, .mbrojo, .mbazul, .mbverde, .mbrosa, mboro
{
    border: solid;
}

.mbverde
{
    border-color: green;
}

.mbnegro
{
    border-color: black;
}

.mbrojo
{
    border-color: red;
}

.mbrosa
{
    border-color: pink;
}
.mbazul
{
    border-color: blue;
}
.mbmboro
{
    border-color:gold;
}

.mhr
{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.vcenter /* Aplicarse al Div completo*/
{
    line-height: 33px;
}

.datepicker
{
    z-index: 1151 !important;
}

/* CSS PARA GRIDVIEW */
.mGrid, .mGridmin
{
    width: 100%;
    background-color: #fff;
    border: solid 1px #525252;
    border-collapse: collapse;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

    .mGrid td, .mGridmin td
    {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
        /*font-size: 12px;*/
    }

    .mGrid th, .mGridmin th
    {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(img/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        /*font-size: 13px;*/
    }

    .mGrid .alt, .mGridmin .alt
    {
        background: #fcfcfc url(img/grd_alt.png) repeat-x top;
    }

    .mGrid .pgr, .mGridmin .pgr
    {
        background: #424242 url(img/grd_pgr.png) repeat-x top;
    }

        .mGrid .pgr table, .mGridmin .pgr table
        {
            margin: 5px 0;
        }

        .mGrid .pgr td, .mGridmin .pgr td
        {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .mGrid .pgr a, .mGridmin .pgr a
        {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover, .mGridmin .pgr a:hover
            {
                color: #000;
                text-decoration: none;
            }
    /* AQUI TERMINA CSS PARA GRID VIEW */

    .mGrid td
    {
        font-size: 12px;
    }

    .mGrid th
    {
        font-size: 13px;
    }

    .mGridmin td
    {
        font-size: 10px;
    }

    .mGridmin th
    {
        font-size: 11px;
    }
    
#dialog .modal-body
{
    overflow: visible;
}

.en1ok, .en2ok, .enmin1ok, .enmin2ok
{
    font-family: Arial,Verdana;
    color: #000;
}

.en1ok
{
    font-size: 20px;
    margin-left: 140px;
}

.en2ok
{
    font-size: 16px;
    margin-left: 140px;
}

.enmin1ok
{
    font-size: 16px;
    margin-left: 70px;
}

.enmin2ok
{
    font-size: 12px;
    margin-left: 55px;
}

.enFond
{
    background-image: url(img/greploid.png);
    background-repeat: repeat-x;
    border-spacing: 0;
    border: none;
    height: 92px;
}

.enFondmin
{
    background-image: url(img/greploid_min.png);
    background-repeat: repeat-x;
    border-spacing: 0;
    border: none;
    height: 92px;
}


.enImg1, .enImg2, .enImg1G, .enImg2G
{
    background-repeat: no-repeat;
}

.enImg1
{
    background-image: url(img/fondoheader_sistemaswebSN.png);
}

.enImg1G
{
    background-image: url(img/fondoheader_sistemasweb.png);
}

.enImg2
{
    background-image: url(img/fondoheader_cSN.png);
}

.enImg2G
{
    background-image: url(img/fnd_hdr_300x60.jpg);
}

#inferior
{
    color: #FFF;
    background: #505152 none repeat scroll 0% 0%;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 1px;
    height: 65px;
    z-index: 0;
    font-family: Arial,Verdana;
    font-size: 11px;
}

.txtmed
{
    font-size: 12px;
}

.txtmin
{
    font-size: 10px;
}


/*CODIGO PARA EL NAVBAR COLORES*/
.navbar-default
{
    background-color: #693c88;
    border-color: #8e44ad;
}

    .navbar-default .navbar-brand
    {
        color: #ffffff;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
        {
            color: #ecdbff;
        }

    .navbar-default .navbar-text
    {
        color: #ffffff;
    }

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

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
        {
            color: #ecdbff;
        }

    .navbar-default .navbar-nav > li > .dropdown-menu
    {
        background-color: #693c88;
    }

        .navbar-default .navbar-nav > li > .dropdown-menu > li > a
        {
            color: #ffffff;
        }

            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus
            {
                color: #ecdbff;
                background-color: #8e44ad;
            }

        .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider
        {
            background-color: #693c88;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
    {
        color: #ecdbff;
        background-color: #8e44ad;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
    {
        color: #ecdbff;
        background-color: #8e44ad;
    }

    .navbar-default .navbar-toggle
    {
        border-color: #8e44ad;
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
        {
            background-color: #8e44ad;
        }

        .navbar-default .navbar-toggle .icon-bar
        {
            background-color: #ffffff;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form
    {
        border-color: #ffffff;
    }

    .navbar-default .navbar-link
    {
        color: #ffffff;
    }

        .navbar-default .navbar-link:hover
        {
            color: #ecdbff;
        }

@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        color: #ffffff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
        {
            color: #ecdbff;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #ecdbff;
        background-color: #8e44ad;
    }
}
/*AQUI TERMINA EL CODIGO PARA NAVBAR*/


.mycajadiv
{
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.b
{
    font-size: 14px;
    font-weight: 700;
    background-color: #EEEEEC;
    text-align: right;
    height: 31px;
}

.alerta
{
    font-size: 14px;
    color: #E00;
    text-align: center;
    font-weight: bold;
}
#mapAdm, #mapAdm2, #mapAdm3
{
    height:370px;
    width:100%;
}


#map
{
    height: 450px;
    width: 100%;
}

#map2
{
    height: 100px;
    width: 100%;
}


/* JUSTIFICACIONES PROBANDO */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg
{
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg
{
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg
{
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg
{
    text-align: justify;
}

@media (max-width: 767px)
{
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs
    {
        text-align: inherit;
    }

    .text-left-xs
    {
        text-align: left;
        background-color: #FFF;
        font-size: 13px;
    }

    .text-center-xs
    {
        text-align: center;
    }

    .text-right-xs
    {
        text-align: right;
    }

    .text-justify-xs
    {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm
    {
        text-align: inherit;
    }

    .text-left-sm
    {
        text-align: left;
    }

    .text-center-sm
    {
        text-align: center;
    }

    .text-right-sm
    {
        text-align: right;
    }

    .text-justify-sm
    {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md
    {
        text-align: inherit;
    }

    .text-left-md
    {
        text-align: left;
    }

    .text-center-md
    {
        text-align: center;
    }

    .text-right-md
    {
        text-align: right;
    }

    .text-justify-md
    {
        text-align: justify;
    }
}

@media (min-width: 1200px)
{
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg
    {
        text-align: inherit;
    }

    .text-left-lg
    {
        text-align: left;
    }

    .text-center-lg
    {
        text-align: center;
    }

    .text-right-lg
    {
        text-align: right;
    }

    .text-justify-lg
    {
        text-align: justify;
    }
}

.LinkPaging
{
    width: 20px;
    background-color: White;
    border: Solid 1px Black;
    text-align: center;
    margin-left: 8px;
}

.detailCCT, .myoptions
{
    cursor: pointer;
}


.bchek
{
    height: 28px;
    font-weight: bold;
}

.verticalText{
	text-align: center;
	vertical-align: middle;	
	width: 15px;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	white-space: nowrap;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);  				
    display:block;
}
#transH {
    background-color: #94BA1D;
    opacity: 0.8;
    color: #000;
}
#transv {
    background-color: #8C8377;
    opacity: 0.7;
    color: #000;
    font-style: italic;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    font-weight: bold;
}
.verticalh{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px;
    height:20px;
}
.tdEnca
{
    height:150px;
    vertical-align:bottom;
    text-align:center;
}
.r-aling
{
    text-align:right;
}
/*#imgt
{
    border:solid;
    border-color:pink;
}*/
/*div
{
    border:solid;
    border-color:purple;
}*/

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.icon{height:135px;}

.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}

.NotifyMenu
{
    position: absolute;
    top: 30%;
    left: 55%;
}
.TitMenu
{
    font-size:x-large;
    font-weight:500;
}

.btnmin
{
    height:25px;
    width:25px;
}

.fcelTit, .encf1
{
    background-color:#D0D3D4;
}
.encf1
{
    font-weight:600;
}

.row {
      position: relative;
    top: 0px;
    left: 0px;
}

  .bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
  }

 .col-centered{
    margin: 0 auto;
    float: none;
}