/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
/*estilos param info movil*/
.infomovil {
    color: #666;
    line-height: 20px;
    margin: 0 0 10px;
}

body
{
    font: 12px/1.5 sans-serif;
    color: #333;
    overflow-y: scroll;
}

/*Chome*/
::-webkit-scrollbar {
    width: 6px;
    background: #ccc;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(170,170,170,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

a:focus
{
    outline: 0px dashed;
}

hr
{
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1
{
    font-size: 20px;
}

h2
{
    font-size: 18px;
}

h3
{
    font-size: 14px;
}

h4
{
    font-size: 12px;
}

h5
{
    font-size: 12px;
}

h6
{
    font-size: 12px;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol
{
    list-style: decimal;
}

ul
{
    list-style: disc;
}

li
{
    margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address
{
    margin-bottom: 10px;
    -webkit-text-size-adjust: none;
}

.block h1,
.block h2,
.block h3,
.block h4,
.block h5,
.block h6
{
    color: #333;
    margin-top: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
fieldset > label
{
    font-family: 'Open Sans', sans-serif;
}

.block h1,
.block h2,
.flat_area h1,
.flat_area h2,
.flat_area h3,
.flat_area h4,
.flat_area h5,
.flat_area h6
{
    letter-spacing: -1px !important;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}

.block h3,
.block h4,
.block h5,
.flat_area h3,
.flat_area h4,
.flat_area h5
{
    margin-bottom: 10px;
}

.block p,
.flat_area p
{
    color: #666;
    line-height: 20px;
    margin: 0 0 10px;
}

    .block p strong,
    .flat_area p strong
    {
        color: #333;
    }

.block ul,
.block ol,
.flat_area ul,
.flat_area ol
{
    list-style-position: inside;
    padding: 0;
}

.block ul,
.block ol
{
    margin-bottom: 15px;
}

.flat_area ul,
.flat_area ol
{
    margin-bottom: 5px;
}

.block > ul > li,
.block > ol > li,
.block > .section > ul > li,
.block > .section > ol > li
{
    color: #666;
    line-height: 24px;
    padding: 0px 0;
    margin: 0;
    border-bottom: 1px solid #eee;
}

.flat_area ul li,
.flat_area ul li
{
    color: #666;
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #eee;
}


.block ul li:first-child,
.block ol li:first-child,
.flat_area ul li:first-child,
.flat_area ul li:first-child
{
    /*comento porque sino en el pop up de estado movil, en el tab tiempo real, el nombre se eleva*/
    /*padding-top: 0;*/
}

.flat_area small
{
    font-size: 12px;
    color: #666;
    font-weight: normal;
    letter-spacing: 0;
}

.flat_area a
{
    font-weight: bold;
}
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_12,
.container_16
{
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    letter-spacing: -4px;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
    margin-left: 0.99%;
    margin-right: 0.99%;
    position: relative;
    /*
	display: block;
	float: left;
*/
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: 0;
}

.container_12 > *,
.container_16 > *
{
    letter-spacing: 0;
}

.container_12 .grid_3,
.container_16 .grid_4
{
    width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
    width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
    width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
    width: 98%;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha
{
    margin-left: 0;
}

.omega
{
    margin-right: 0;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1
{
    width: 6.333%;
}

.container_12 .grid_2
{
    width: 14.666%;
}

.container_12 .grid_4
{
    width: 31.333%;
}

.container_12 .grid_5
{
    width: 39.666%;
}

.container_12 .grid_7
{
    width: 56.333%;
}

.container_12 .grid_8
{
    width: 64.666%;
}

.container_12 .grid_10
{
    width: 81.333%;
}

.container_12 .grid_11
{
    width: 89.666%;
}
/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1
{
    width: 4.25%;
}

.container_16 .grid_2
{
    width: 10.5%;
}

.container_16 .grid_3
{
    width: 16.75%;
}

.container_16 .grid_5
{
    width: 29.25%;
}

.container_16 .grid_6
{
    width: 35.5%;
}

.container_16 .grid_7
{
    width: 41.75%;
}

.container_16 .grid_9
{
    width: 54.25%;
}

.container_16 .grid_10
{
    width: 60.5%;
}

.container_16 .grid_11
{
    width: 66.75%;
}

.container_16 .grid_13
{
    width: 79.25%;
}

.container_16 .grid_14
{
    width: 85.5%;
}

.container_16 .grid_15
{
    width: 91.75%;
}
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .prefix_3,
.container_16 .prefix_4
{
    padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
    padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
    padding-left: 75%;
}
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1
{
    padding-left: 8.333%;
}

.container_12 .prefix_2
{
    padding-left: 16.666%;
}

.container_12 .prefix_4
{
    padding-left: 33.333%;
}

.container_12 .prefix_5
{
    padding-left: 41.666%;
}

.container_12 .prefix_7
{
    padding-left: 58.333%;
}

.container_12 .prefix_8
{
    padding-left: 66.666%;
}

.container_12 .prefix_10
{
    padding-left: 83.333%;
}

.container_12 .prefix_11
{
    padding-left: 91.666%;
}
/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1
{
    padding-left: 6.25%;
}

.container_16 .prefix_2
{
    padding-left: 12.5%;
}

.container_16 .prefix_3
{
    padding-left: 18.75%;
}

.container_16 .prefix_5
{
    padding-left: 31.25%;
}

.container_16 .prefix_6
{
    padding-left: 37.5%;
}

.container_16 .prefix_7
{
    padding-left: 43.75%;
}

.container_16 .prefix_9
{
    padding-left: 56.25%;
}

.container_16 .prefix_10
{
    padding-left: 62.5%;
}

.container_16 .prefix_11
{
    padding-left: 68.75%;
}

.container_16 .prefix_13
{
    padding-left: 81.25%;
}

.container_16 .prefix_14
{
    padding-left: 87.5%;
}

.container_16 .prefix_15
{
    padding-left: 93.75%;
}
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .suffix_3,
.container_16 .suffix_4
{
    padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
    padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
    padding-right: 75%;
}
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1
{
    padding-right: 8.333%;
}

.container_12 .suffix_2
{
    padding-right: 16.666%;
}

.container_12 .suffix_4
{
    padding-right: 33.333%;
}

.container_12 .suffix_5
{
    padding-right: 41.666%;
}

.container_12 .suffix_7
{
    padding-right: 58.333%;
}

.container_12 .suffix_8
{
    padding-right: 66.666%;
}

.container_12 .suffix_10
{
    padding-right: 83.333%;
}

.container_12 .suffix_11
{
    padding-right: 91.666%;
}
/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1
{
    padding-right: 6.25%;
}

.container_16 .suffix_2
{
    padding-right: 16.5%;
}

.container_16 .suffix_3
{
    padding-right: 18.75%;
}

.container_16 .suffix_5
{
    padding-right: 31.25%;
}

.container_16 .suffix_6
{
    padding-right: 37.5%;
}

.container_16 .suffix_7
{
    padding-right: 43.75%;
}

.container_16 .suffix_9
{
    padding-right: 56.25%;
}

.container_16 .suffix_10
{
    padding-right: 62.5%;
}

.container_16 .suffix_11
{
    padding-right: 68.75%;
}

.container_16 .suffix_13
{
    padding-right: 81.25%;
}

.container_16 .suffix_14
{
    padding-right: 87.5%;
}

.container_16 .suffix_15
{
    padding-right: 93.75%;
}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* Internet Explorer fixes */
.lt-ie7 .grid_1,
.lt-ie7 .grid_2,
.lt-ie7 .grid_3,
.lt-ie7 .grid_4,
.lt-ie7 .grid_5,
.lt-ie7 .grid_6,
.lt-ie7 .grid_7,
.lt-ie7 .grid_8,
.lt-ie7 .grid_9,
.lt-ie7 .grid_10,
.lt-ie7 .grid_11,
.lt-ie7 .grid_12,
.lt-ie7 .grid_13,
.lt-ie7 .grid_14,
.lt-ie7 .grid_15,
.lt-ie7 .grid_16,
.lt-ie8 .grid_1,
.lt-ie8 .grid_2,
.lt-ie8 .grid_3,
.lt-ie8 .grid_4,
.lt-ie8 .grid_5,
.lt-ie8 .grid_6,
.lt-ie8 .grid_7,
.lt-ie8 .grid_8,
.lt-ie8 .grid_9,
.lt-ie8 .grid_10,
.lt-ie8 .grid_11,
.lt-ie8 .grid_12,
.lt-ie8 .grid_13,
.lt-ie8 .grid_14,
.lt-ie8 .grid_15,
.lt-ie8 .grid_16
{
    margin-left: .92%;
    margin-right: .92%;
}
/* Oisin Additions */
.columns
{
    width: 100%;
    clear: both;
}

.col_100,
.col_80,
.col_70,
.col_30,
.col_50,
.col_33,
.col_66,
.col_25,
.col_75,
.col_60,
.col_40,
.col_20
{
    position: relative;
    display: block;
    float: left;
}

    .col_100.lines,
    .col_80.lines,
    .col_70.lines,
    .col_30.lines,
    .col_50.lines,
    .col_33.lines,
    .col_66.lines,
    .col_25.lines,
    .col_75.lines,
    .col_60.lines,
    .col_40.lines,
    .col_20.lines,
    .lines .col_100,
    .lines .col_80,
    .lines .col_70,
    .lines .col_30,
    .lines .col_50,
    .lines .col_33,
    .lines .col_66,
    .lines .col_25,
    .lines .col_75,
    .lines .col_60,
    .lines .col_40,
    .lines .col_20
    {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        margin-top: -1px;
        margin-right: -1px;
    }

.columns.shade
{
    position: relative;
    z-index: 100;
    border-bottom: 1px solid #8D949E !important;
    margin-bottom: -1px;
}

    .columns.shade,
    .columns.shade > div,
    .columns.shade > div > div
    {
        border-color: #8D949E;
    }

.col_100
{
    width: 100%;
}

.col_50
{
    width: 50%;
}

.col_33
{
    width: 33.333333333%;
}

.col_66
{
    width: 66.666666666%;
}

.col_25
{
    width: 25%;
}

.col_80
{
    width: 80%;
}

.col_75
{
    width: 75%;
}

.col_70
{
    width: 70%;
}

.col_60
{
    width: 60%;
}

.col_40
{
    width: 40%;
}

.col_30
{
    width: 30%;
}

.col_20
{
    width: 20%;
}

html
{
    height: 100%;
}

body
{
 /*background: #CCCCCC url(images/backgrounds/bg_noise.png) repeat fixed;*/
    background: #E0E0E0 /*url(images/backgrounds/back.gif) repeat-x*/;
    height: 100%;
}
/*--------------------------------
Sidebar and Topbar
--------------------------------*/
#topbar
{
    display: none;
    z-index: 10;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

    #topbar a.logo
    {
        float: left;
        margin-left: 15px; /* para ULP se utiliza 42 para vizion2 se utiliza 15  */
        width: 300px; /* para ULP se utiliza 250 para vizion2 se utiliza 300  */
        margin-bottom: 0;
    }

    #topbar .user_box
    {
        float: right;
        width: 215px;
        margin-right: 9px;
        margin-top: 10px;
        margin-bottom: 0;
        padding: 5px;
    }

#sidebar
{
    position: fixed;
    top: 10px;
    margin-left: 10px;
    z-index: 10;
    left: 0;
}

.sidebar
{
    width: 175px;
}

    .sidebar div.cog
    {
        display: none;
    }

    .sidebar a.logo
    {
        margin-bottom: 5px;
        margin-left: -7px;
    }

a.logo span
{
    visibility: hidden;
}

/*Logo para ULP*/

/*a.logo
{
    background: url(images/powered.png) no-repeat;
    display: block;
    height: 87px;
    width: 180px;
    z-index: 10;
    margin-top: -22px;
}*/

/*Logo para Vizion2*/

a.logo
{
    background: url(images/LogoMAGAP_h80px.png) no-repeat;
    display: block;
    height: 87px;
    width: 180px;
    z-index: 10;
    margin-top: -22px;
}

.referenciaV
{
    background: url(images/icons/iconos/bkgVSimple.png) no-repeat;
    display: block;
    height: 18px;
    width: 18px;
    margin:4px;
}

.referenciaA
{
    background: url(images/icons/iconos/bkgASimple.png) no-repeat;
    display: block;
    height: 18px;
    width: 18px;
    margin:4px;
}

.referenciaC
{
    background: url(images/icons/iconos/bkgCSimple.png) no-repeat;
    display: block;
    height: 18px;
    width: 18px;
    margin:4px;
}

.referenciaR
{
    background: url(images/icons/iconos/bkgRSimple.png) no-repeat;
    display: block;
    height: 18px;
    width: 18px;
    margin:4px;
}

.referenciaG
{
    background: url(images/icons/iconos/bkgGSimple.png) no-repeat;
    display: block;
    height: 18px;
    width: 18px;
    margin:4px;
}

.referenciaZA
{
    background: url(images/icons/iconos/point.png) no-repeat;
    display: block;
    height: 18px;
    width: 18px;
    margin:4px;
}

.referenciaZPOI
{
    background: url(images/icons/iconos/pointPOI.png) no-repeat;
    display: block;
    height: 18px;
    width: 18px;
    margin:4px;
}

/*------User Box --------*/
.dark_box
{
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    margin: 0 -1px;
}

.user_box
{
    color: #fff;
    padding: 5px;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

    .user_box .user_links
    {
        float: right;
        width: 95px;
        padding-right: 5px;
        word-wrap: break-word;
    }

    .user_box img
    {
        border: 1px solid #333;
        float: left;
        margin-right: 8px;
        margin-bottom: 0;
        padding: 0;
        display: block;
        zoom: 1;
    }

    .user_box h2
    {
        color: #fff;
        line-height: 12px;
        margin-bottom: 7px;
        margin-top: 5px;
        font-size: 13px;
    }

    .user_box h3
    {
        color: #ccc;
        margin-bottom: 7px;
        margin-top: 0;
        font-size: 12px;
        font-weight: 400;
    }

        .user_box h3 a
        {
            color: #ccc;
        }

    .user_box ul
    {
        padding: 0;
        margin: 0;
    }

        .user_box ul li
        {
            position: relative;
            float: left;
            margin: 0;
            display: inline;
            list-style: none;
            zoom: 1;
        }

            .user_box ul li a
            {
                font-size: 11px;
                color: #aaa;
                zoom: 1;
            }

                .user_box ul li a:hover
                {
                    color: #fff;
                }

                .user_box ul li a:hover
                {
                    color: #fff;
                }

            .user_box ul li span
            {
                color: #666;
                margin: 0 4px;
            }
/*------ Side Accordion and list --------*/
.side_accordion,
.side_links
{
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 0;
}

    .side_accordion li,
    .side_links li
    {
        list-style: none;
        width: 100%;
        position: relative;
        margin-left: 0;
        overflow: visible;
    }

    .side_accordion > li,
    .side_links > li
    {
        background-color: #D0D6DA;
    }

    .side_accordion li a,
    .sidebar .side_links li a
    {
        color: #555;
        font-weight: 700;
        font-size: 12px;
        display: block;
        line-height: 32px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #959ba2;
        border-left: none;
        border-right: none;
        text-indent: 0;
        text-shadow: 0 1px 0 #fff;
        padding-left: 10px;
        zoom: 1;
        overflow: visible;
        position: relative;
    }

    .side_accordion li:first-child a,
    .sidebar .side_links li:first-child a
    {
        border-top: 0;
    }

    .side_accordion > li.current,
    .side_links > li.current,
    .side_accordion > li.current:hover,
    .side_links > li.current:hover
    {
        border-left: 5px solid #4C5766;
        width: auto;
    }

        .side_accordion > li.current > a,
        .side_links > li.current > a,
        .side_accordion > li.current:hover > a,
        .side_links > li.current:hover > a
        {
            padding-left: 5px;
        }

    .side_accordion li a:hover,
    .side_links li a:hover
    {
        color: #000;
    }

    .side_accordion li a img,
    .side_links a img
    {
        float: left;
        padding: 4px 7px 0 0;
        margin-left: -5px;
    }

    .side_accordion li span,
    .side_links li span
    {
        display: block;
        position: absolute;
        right: 2px;
        top: 2px;
    }

    .side_accordion li:first-child a,
    .side_links li:first-child a
    {
        border-top: 0 solid #fff;
    }

    .side_accordion > li:last-child > a,
    .side_links li:last-child a
    {
        border-bottom: 0 solid #fff!important;
    }

.scrollbarDrawer {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 305px;
}

/*Chome*/
.scrollbarDrawer::-webkit-scrollbar {
    width: 6px;
    background: #ccc;
}

.scrollbarDrawer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.scrollbarDrawer::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(170,170,170,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.scrollbarDrawer::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

ul.drawer
{
    position: relative;
    border-left: 0!important;
    border-right: 0!important;
    border-top: 0 solid #333!important;
    border-bottom: 0 solid #333;
    margin-top: -1px;
    margin-bottom: -1px;
    padding-left: 0;
    display: none;
    background: url(images/interface/sidenav_tooth-trans.png) 8px 0 no-repeat;
    background-color: #313841;
}

ul.drawer li a
{
    filter: none;
    background-image: none;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
    border-top: 0 solid #333!important;
    border-left: 0 solid #333!important;
    border-right: 0 solid #333!important;
    color: #eee!important;
    font-weight: 400;
    line-height: 32px;
    font-size: 12px;
    text-shadow: 0 1px 0 #000!important;
    border-radius: 0;
}

li:last-child ul.drawer li
{
    margin-bottom: 1px;
}

ul.drawer li a:hover
{
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.lt-ie9 ul.drawer li a:hover
{
    background: url(images/interface/trans_black.png) repeat;
}

ul.drawer li:last-child a
{
    border-bottom-width: 0;
}

ul.drawer li:first-child a
{
    border-top: none;
}

li:last-child ul.drawer li:last-child a
{
    border-bottom-width: 0!important;
}
/*------ Search --------*/
#search_side
{
    padding: 0;
    margin: 0 -1px;
    margin-bottom: 10px!important;
    display: block;
    position: relative;
    display: block;
}

    #search_side input
    {
        background: transparent url(images/icons/small/white/magnifying_glass.png) 5px 3px no-repeat;
        border: none;
        display: block;
        padding: 7px 5px 7px 33px;
        width: 136px;
        color: #fff;
        opacity: .7;
        box-shadow: none;
    }

        #search_side input:hover,
        #search_side input:focus
        {
            opacity: 1;
        }
/*--------------------------------
	Stacked Navigation
--------------------------------*/
#stackbar
{
    display: none;
}
/*--------------------------------
	Main Container
--------------------------------*/
#wrapper
{
    padding-bottom: 50px;
    padding-top: 10px;
    position: relative;
    min-width: 700px;
}

div.main_container
{
    margin: 0px 10px 10px 196px;
    *top: 10px;
    /*background: #eeeeee url(images/interface/grey_noise.png) repeat;*/
    /* background:#F6F7F8; */
    padding: 15px 10px 0;
    width: auto;
    position: relative;
    display: block;
    *padding-bottom: 15px;
    /*box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);*/
    border-radius: 4px;
    border-top-left-radius: 4px;
}

    div.main_container.glass
    {
        background: none;
        box-shadow: none !important;
        border: none !important;
        margin-top: -10px !important;
        margin-bottom: 0px !important;
    }

        div.main_container.glass > div
        {
            position: relative;
            z-index: 1;
            border: 1px solid rgba(0, 0, 0, 0.75);
            border-width: 1px;
            background: rgba(0, 0, 0, 0.5);
            margin: -15px -5px 0;
            width: auto;
            letter-spacing: -4px;
        }

            div.main_container.glass > div > *
            {
                letter-spacing: 0;
            }

.glass .lines > div,
.glass .info_box > div.split
{
    border-color: #000 !important;
}

.glass .info_box > label
{
    background: rgba(0, 0, 0, 0.3);
    border-color: #000;
    color: #fff;
}

div.main_container.full_size
{
    padding: 0;
    border-color: transparent;
}

    div.main_container.full_size > .box
    {
        width: 100%!important;
        margin: -2px 0 -1px !important;
        background: none;
    }

        div.main_container.full_size > .box.tabs
        {
            margin: -2px 0 -1px !important;
        }

        div.main_container.full_size > .box.all_open .block
        {
            border-width: 0 0 1px!important;
        }

        div.main_container.full_size > .box .block
        {
            border-width: 0!important;
        }

        div.main_container.full_size > .box .block
        {
            border-width: 0!important;
        }

.toggle_container
{
    background: #E0E0E0;
}

div.main_container p a,
.text a
{
    font-weight: 700;
    border-bottom: 1px dashed #ccc;
}

    .text a:hover
    {
        color: #000;
        border-bottom: 1px dashed #000;
    }

.isolate .center
{
    display: block;
    position: relative;
    width: 500px;
}

    .isolate .center .main_container
    {
        margin: 0!important;
        padding: 20px 20px 5px;
    }

        .isolate .center .main_container.full_size
        {
            padding: 0;
        }

.isolate
{
    position: relative;
}

    .isolate .center
    {
        top: 20%;
        margin: 0 auto;
        width: 750px;
    }

    .isolate > .wide
    {
        width: 960px;
    }

    .isolate > .narrow
    {
        width: 400px;
    }

    .isolate #loading_overlay .loading_message
    {
        margin-left: 0;
    }

    .isolate .section > :last-child
    {
        margin-bottom: 0!important;
    }
/*------ Top Navigation --------*/
#nav_top
{
    margin: -15px -10px 20px;
    border-bottom: 0px solid #fff;
}

.dropdown_menu
{
    display: block;
    position: relative;
    z-index: 500;
    letter-spacing: 0;
    margin-bottom: 20px;
}

    .dropdown_menu ul
    {
        margin: 0;
        padding: 0;
        border-bottom: 0 solid #aaa;
    }

        .dropdown_menu ul li
        {
            margin: 0;
            float: left;
            list-style: none;
            position: relative;
            display: block;
            zoom: 1;
            background: #D0D6DA;
        }

            .dropdown_menu ul li:first-child a
            {
                border-left: none;
            }

            .dropdown_menu ul li a.end
            {
                width: 0;
                height: 34px;
                padding: 0;
                border-right: none;
            }

            .dropdown_menu ul li a
            {
                border-right: 1px solid #aaa;
                border-left: 1px solid #fff;
                padding: 0;
                display: inline-block;
                float: left;
                margin-bottom: 0;
                line-height: 32px;
                height: 32px;
                white-space: nowrap;
                text-decoration: none;
                text-indent: 0;
                font-size: 12px;
                font-weight: 700;
                color: #555;
                text-shadow: 0 1px 0 #fff;
                border-bottom: 1px solid #aaa;
                border-top: 1px solid #fff;
                zoom: 1;
            }

                .dropdown_menu ul li a:hover
                {
                    color: #000;
                }

    .dropdown_menu > ul > li.has_dropdown > a
    {
        cursor: default;
        background: url(images/interface/dropdown_triangle.png) bottom right no-repeat;
    }

    .dropdown_menu ul li a img
    {
        float: left;
        margin: 0 -5px 0 5px;
        padding: 4px 0 0;
    }

    .dropdown_menu ul li.icon_only a img
    {
        margin: 0 5px!important;
    }

    .dropdown_menu ul li a span
    {
        padding: 0 10px;
    }

    .dropdown_menu > ul > li.current > a
    {
        /*border-top: none!important;*/
        border-bottom: 1px solid #000;
        border-left: none;
        color: #fff;
        text-shadow: 0 1px 0 #000;
        border-right: 1px solid #4b4b4b;
        /*padding-bottom: 1px;*/
        background-color: #4c5766;
        margin-left: -1px;
        padding-left: 1px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    }

    .dropdown_menu > ul > li:first-child.current > a
    {
        margin-left: 0;
        padding-left: 0;
    }

#main_container .dropdown_menu > ul > li.current > a:hover
{
    color: #fff;
}

.dropdown_menu ul li:first-child.current > a
{
    border-top-left-radius: 3px;
}

.dropdown_menu ul li a:hover
{
    color: #000;
}

.dropdown_menu > ul > li > ul,
.dropdown_menu ul li ul.dropdown
{
    background-color: #fff;
    display: block;
    position: absolute;
    top: 33px;
    z-index: 501;
    left: -9999px;
    zoom: 1;
    border: 1px solid #aaa;
    border-top: 1px solid #aaa;
    width: 140px;
}

.dropdown_menu ul li:hover ul.dropdown
{
    left: -1px;
    right: auto;
}

.dropdown_menu ul li:hover ul.dropdown_right
{
    right: 0;
    left: auto;
}

.dropdown_menu ul li ul.dropdown li
{
    position: relative;
    float: none;
    background-color: #DFE2E4;
    z-index: 100;
}

    .dropdown_menu ul li ul.dropdown li.current:hover,
    .dropdown_menu ul li ul.dropdown li.current
    {
        border-left: 5px solid #4C5766;
        margin-left: -1px;
    }

    .dropdown_menu ul li ul.dropdown li a
    {
        display: block;
        float: none;
        background-image: none;
        background-color: transparent;
        filter: none!important;
        border-bottom: 1px solid #b5b8bb;
        border-top: 1px solid #f1f1f1;
        border-left: 1px solid #fff;
        border-right: none;
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 400;
        text-shadow: 0 1px 0 #fff;
    }

    .dropdown_menu ul li ul.dropdown li:last-child a
    {
        border-bottom: 0 solid #b5b8bb;
    }

li.has_drawer > a
{
    background: transparent url(images/interface/nav_plus.gif) right 7px no-repeat !important;
}

.sidebar ul.side_accordion > li.has_drawer > a
{
    background-position: right!important;
}

li.has_drawer.open > a
{
    background-image: url(images/interface/nav_minus.gif) !important;
}

.dropdown_menu ul li ul.dropdown li ul.drawer
{
    margin: -1px;
    border: 0;
    border-top: 0 solid #111;
    width: auto!important;
    border-left: none;
}

    .dropdown_menu ul li ul.dropdown li ul.drawer li
    {
        border-radius: 0;
        background: none;
        filter: none!important;
        zoom: 1;
    }

        .dropdown_menu ul li ul.dropdown li ul.drawer li a
        {
            display: block;
            border-bottom: 1px solid #2f3134;
            color: #eee;
            text-shadow: 0 1px 0 #4e5660;
            border-top: 0 solid #999;
            border-radius: 0;
            border-left: none;
            text-shadow: 0 1px 1px #000;
            background: transparent url(images/interface/blank.png) repeat9 !important;
            filter: none!important;
            zoom: 1;
        }

            .dropdown_menu ul li ul.dropdown li ul.drawer li a:hover
            {
                background-color: rgba(0, 0, 0, 0.1);
                color: #fff;
            }

        .dropdown_menu ul li ul.dropdown li ul.drawer li:last-child a
        {
            border-bottom: 0 solid #ccc;
        }

.dropdown_menu ul li ul.dropdown li:last-child ul.drawer li:last-child a,
.dropdown_menu ul li ul.dropdown li:last-child
{
    margin-bottom: 0;
}

.dropdown_menu ul li ul.dropdown li ul.drawer
{
    margin-bottom: 0;
    filter: none;
}

.dropdown_menu ul li ul.dropdown li:last-child ul.drawer
{
    margin-bottom: 0;
}

    .dropdown_menu ul li ul.dropdown li:last-child ul.drawer li:last-child
    {
        margin-bottom: -1px;
    }

.dropdown_menu #mobile_nav
{
    display: none;
    margin-top: -15px;
    margin-bottom: 10px;
}

    .dropdown_menu #mobile_nav select
    {
        display: block;
        width: 100%;
    }
/*----- Boxes -------*/
.box
{
    position: relative;
    background: #fff;
    margin-bottom: 15px;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.03);
}

    .box h2.box_head
    {
        font-size: 12px;
        font-weight: 700;
        line-height: 32px;
        color: #fff;
        margin: 0 auto;
        text-indent: 10px;
        text-shadow: 0 1px 0 #000;
        border-width: 1px;
        border-style: solid;
        user-select: none;
    }

        .box h2.box_head span
        {
            color: #fff;
            font-weight: 400;
            font-size: 11px;
        }

            .box h2.box_head span a
            {
                color: #fff;
                opacity: .75;
            }

                .box h2.box_head span a:hover
                {
                    opacity: 1;
                }

    .box .controls
    {
        position: absolute;
        right: 0;
        top: -1px;
    }

        .box .controls button
        {
            margin: 9px 7px 0 5px;
        }

    .box.light h2.box_head,
    .box.light h2.box_head small
    {
        border-color: #959BA2;
        color: #333!important;
        text-shadow: 0 1px 0 #FFF!important;
    }

    .box.light a.toggle
    {
        background-image: url(images/interface/lite_toggle.png);
    }

    .box.light a.show_all_tabs
    {
        background-image: url(images/icons/small/white/blocks_images.png);
    }

    .box h2.box_head small
    {
        font: normal 11px sans-serif;
        color: #ddd;
    }

.block h2 small
{
    font: normal 12px sans-serif;
    color: #aaa;
    letter-spacing: normal;
    margin-left: 5px;
}

.box a.toggle
{
    background: rgba(0, 0, 0, 0.1) url(images/interface/toggle.png) 2px -15px no-repeat;
    display: block;
    height: 17px;
    width: 19px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    float: right;
    margin: 8px 7px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

    .box a.toggle:hover
    {
        border: 1px solid rgba(0, 0, 0, 0.35);
    }

.box a.toggle_closed
{
    background-position: 2px 2px;
}

.box a.show_all_tabs
{
    background: rgba(0, 0, 0, 0.1) url(images/icons/small/white/blocks_images.png) -2px -3px no-repeat;
    display: block;
    height: 17px;
    width: 19px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    float: right;
    margin: 8px 7px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

a.show_all_tabs:hover
{
    border: 1px solid rgba(0, 0, 0, 0.35) !important;
}

.box a.grabber
{
    background: url(images/interface/grabber.gif) no-repeat;
    background: url(images/interface/grabber-trans.png) no-repeat;
    display: block;
    height: 22px;
    width: 22px;
    float: right;
    margin: 6px 6px 0 0;
    cursor: move;
    opacity: .8;
}

    .box a.grabber:hover
    {
        opacity: 1;
    }

.all_open .block
{
    border: 1px solid #ccc!important;
    border-width: 0 1px 1px!important;
    height: auto!important;
}

.box .block
{
    padding: 0 10px;
    padding: 0;
    margin-top: 0;
    position: relative;
    background: none;
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    background: #fff;
}

.box.no_titlebar .block
{
    border-width: 1px;
}

.box .block.tab_sider
{
    border-width: 1px 1px 1px 0;
}

.box .section
{
    padding: 5px;
    margin: 0;
}

.section.small
{
    padding: 5px;
}

    .section.small p
    {
        margin-bottom: 5px;
        line-height: 15px;
    }

.section.lines
{
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: -1px;
    margin-right: -1px;
}

.box .block h1.section,
.box .block h2.section,
.box .block h3.section
{
    padding-bottom: 15px;
}
/* List styles */
ul.flat
{
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

    ul.flat li
    {
        margin: 0 0 0 1px;
        margin-left: 0;
        border-bottom: 1px solid #eee;
        width: auto;
        padding: 5px 10px!important;
        list-style: none;
        display: block;
    }

    ul.flat.large li
    {
        padding: 15px 20px!important;
    }

    ul.flat.small li
    {
        padding: 0 10px !important;
    }

    ul.flat li:first-child
    {
        border-top: 1px solid #eee;
    }

    ul.flat:first-child li:first-child
    {
        border-top: 0;
    }

    ul.flat:last-child li:last-child
    {
        border-bottom: 0;
    }

    ul.flat li img
    {
        float: left;
        margin: 0 10px 0 -5px;
    }

        ul.flat li img.send_right
        {
            margin: 0 -5px 0 10px;
        }

    ul.flat li h3
    {
        margin: 5px 0;
    }

    ul.flat li p
    {
        margin: 0;
    }

.dashed_placeholder
{
    display: inline-block;
    margin: 0 0.9%;
    background: #eee;
    outline: 1px dashed #bbb;
}

.flat_area
{
    margin-bottom: 15px;
    margin-top: 0;
}

    .flat_area > p
    {
        text-shadow: 0 1px 0 #fff;
        padding: 0 10px;
    }

    .flat_area > :last-child
    {
        margin-bottom: 0;
    }

    .flat_area h2
    {
        border: none;
        background: none;
        border-bottom: 1px solid #ccc;
        padding: 2px 5px 10px;
        box-shadow: 0 1px 0 #fff;
    }

        .flat_area h2 .holder
        {
            float: right;
            margin: -5px -5px 0 0;
        }

            .flat_area h2 .holder > label
            {
                font-size: 11px;
                font-family: sans-serif;
                font-weight: normal;
                color: #666;
                letter-spacing: 0;
            }

            .flat_area h2 .holder > *
            {
                display: inline-block;
            }

.glass .flat_area h1,
.glass .flat_area h2,
.glass .flat_area h3,
.glass .flat_area h4,
.glass .flat_area h5
{
    color: #fff;
    border-color: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: none;
    text-shadow: 0 1px 0 #000;
}

    .glass .flat_area h1 small,
    .glass .flat_area h2 small,
    .glass .flat_area h3 small,
    .glass .flat_area h4 small,
    .glass .flat_area h5 small
    {
        color: #ddd;
    }

.glass .flat_area p
{
    color: #f3f3f3;
}
/* Indented Bar / Area */
.indented_button_bar
{
    border: 1px solid #959BA2;
    background: #ccc;
    padding: 5px;
}

    .indented_button_bar.has_columns
    {
        padding: 8px 10px;
    }

    .indented_button_bar .section
    {
        padding: 10px;
    }

    .indented_button_bar .columns,
    .indented_button_bar .columns > div,
    .indented_button_bar .columns fieldset
    {
        border: 0;
        margin: 0;
    }

    .indented_button_bar button
    {
        margin-bottom: 0;
    }

.indented_area
{
    border-radius: 3px;
    margin-bottom: 15px;
}

    .indented_area .box
    {
        border-radius: 3px;
        margin: 0 0 10px;
        position: relative;
        box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.06), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
        border: 1px solid #959BA2;
    }

        .indented_area .box .block
        {
            border: 0;
            border-radius: 3px;
        }
/* Mask Container */
.mask_content
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 500;
    padding: 15px 10px;
    background: #F6F7F8;
}
/*-----End of Main Container -------*/
/*--------------------------------
Loading Overlay
--------------------------------*/
#loading_overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    background-color: rgba(0, 0, 0, 0);
    z-index: 9999;
}

    #loading_overlay .loading_message
    {
        background: #fff;
        padding: 0;
        line-height: 25px;
        height: 30px;
        border: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 50%;
        width: 150px;
        margin-left: 23px;
        text-align: center;
        color: #333;
        font-weight: 700;
    }

.isolate #loading_overlay .loading_message
{
    margin-left: -75px !important;
}

#loading_overlay .loading_message img
{
    margin: 7px auto;
}
/*
.box,.block,.flat_area,.indent,.dropdown_menu {
	opacity:0;
}
*/
/*----- End of Loading Overlay -------*/
/*--------------------------------
	Bradcrumb and Toggle All
--------------------------------*/
.breadcrumb
{
    float: left;
}

ul.breadcrumb
{
    border: 1px solid #aaa;
}

    ul.breadcrumb > li
    {
        float: left;
        display: block;
        height: 20px;
        line-height: 20px;
        border-width: 0;
        font-size: 11px;
    }

        ul.breadcrumb > li > a,
        ul.breadcrumb > li > span
        {
            display: block;
            padding: 0 5px 0 17px;
            background: url(images/interface/breadcrumb_divider.png) no-repeat;
            background-position: -5px;
        }

        ul.breadcrumb > li:first-child > a
        {
            background: none;
            padding: 0 0 0 5px;
        }

        ul.breadcrumb > li:last-child > span
        {
            padding: 0 10px 0 17px;
            font-weight: 700;
        }
/* Toggle All slider */
.toggle_all
{
    border: 1px solid #aaa;
}

    .toggle_all > a
    {
        padding-right: 40px;
        padding-left: 8px;
        text-align: right;
        right: 0;
        margin-top: 1PX;
        background: url(images/interface/box_toggle_h.png) 96% bottom no-repeat;
    }

    .toggle_all.closed > a
    {
        background-position: 96% top;
    }

    .toggle_all a
    {
        color: #666!important;
        display: block;
        height: 20px;
        white-space: nowrap;
    }

        .toggle_all a:hover
        {
            color: #333!important;
        }

    .toggle_all .show_all
    {
        display: none;
    }

    .toggle_all.closed .show_all
    {
        display: block;
    }

    .toggle_all.closed .close_all
    {
        display: none;
    }
/*-----End of Bradcrumb and Toggle All -------*/
/*--------------------------------
Form Elements
--------------------------------*/
form
{
    margin-bottom: 0!important;
}

fieldset
{
    position: relative;
    border: 1px solid #ddd;
    border-width: 0 0 1px 0;
}

    .no_lines fieldset,
    fieldset.no_lines,
    .no_lines .section,
    .section.no_lines,
    .no_lines fieldset.label_side > label,
    fieldset.no_lines.label_side > label,
    .no_lines fieldset.label_side > div,
    fieldset.no_lines.label_side > div
    {
        border-color: transparent!important;
    }

.columns > div > fieldset
{
    border-right: 1px solid #ddd;
}

.columns > .col_100 > fieldset
{
    border-right: 0px solid #ddd;
}

.columns > div > fieldset.right
{
    border-right-width: 0;
    margin-right: 0;
}

.columns > div > fieldset.bottom
{
    border-bottom-width: 0;
    margin-bottom: 0;
}

fieldset.top
{
    border-top-width: 1px;
    margin-top: -1px;
}

fieldset.bottom
{
    border-bottom-width: 0px;
    margin-bottom: 0px;
}

fieldset > label
{
    font-size: 13px;
    font-weight: 700;
    padding: 0px 20px 10px 20px;
    margin-right: 10px;
    display: block;
    color: #333;
}

    fieldset > label span
    {
        display: inline;
        font-weight: 400;
        font-size: 11px;
        font-family: sans-serif;
        color: #999;
        margin-left: 5px;
        line-height: 8px;
    }

        fieldset > label span.click
        {
            cursor: pointer;
        }

fieldset > div
{
    width: auto;
    padding: 0 20px 15px;
}

    fieldset > div > .text,
    fieldset > div > .select2
    {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    fieldset > div > *:first-child
    {
        margin-top: 0px;
    }

    fieldset > div > .value
    {
        margin-top: 3px;
        font-size: 13px;
        font-weight: 700;
        display: block;
        color: #333;
    }

    fieldset > div > p.comment
    {
        margin-top: 10px;
    }

label.error
{
    font-weight: 700;
    font-size: 10px;
    background: #DA202C;
    color: #fff;
    position: absolute;
    bottom: 8px;
    right: 7px;
    display: block;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #9E253B;
    border-width: 1px 0 0 1px;
}

input.text,
.textarea,
.ui-multiselect,
table input.text,
.chzn-container-multi .chzn-choices
{
    width: 100%!important;
    box-sizing: border-box;
    border: 0;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 2px 0 #ddd;
    border-radius: 1px;
}

input.text
{
    line-height: 32px;
    height: 32px;
    padding: 0 0 0 5px;
}

    input.text.width_50
    {
        width: 50%;
    }

    input.text.width_25
    {
        width: 25%;
    }

    input.text.width_75
    {
        width: 25%;
    }

.textarea_holder,
.textarea
{
    padding: 5px 0 0 5px;
    min-height: 50px;
}

    .textarea_holder > textarea
    {
        height: 100px;
        width: 100%;
        display: block;
    }

    input.text:hover,
    .textarea:hover
    {
        box-shadow: inset 0 0 2px 0 #aaa;
    }

    input.text:focus,
    .textarea:focus
    {
        box-shadow: inset 0 0 2px 0 #555;
    }

.required_tag
{
    background: url(images/interface/input_required.png) top right;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: -1px;
    margin-top: 0;
}

fieldset.label_side > label
{
    width: 100px;
    position: relative;
    float: left;
    left: 0;
    /* padding: 15px 20px; */
    border-right: 1px solid #eee;
    clear: left;
    line-height: 15px;
    margin-bottom: -5px;
    /*margin-top: 5px;*/
}

    fieldset.label_side > label > span
    {
        display: block;
        margin: 5px 0 -15px;
        line-height: normal;
    }

        fieldset.label_side > label > span > a
        {
            color: #999;
        }

fieldset.label_side > div
{
    width: auto;
    margin-left: 140px;
    /*padding: 15px 20px;*/ /*pau*/
    border-left: 1px solid #eee;
    clear: right;
}

.compressed fieldset > div,
fieldset.compressed > div
{
    width: auto;
    padding: 8px 10px 7px;
    clear: right;
}

.compressed fieldset.label_side > div,
fieldset.label_side.compressed > div
{
    border-left: 1px solid #eee;
    margin-left: 122px;
}

.compressed fieldset.label_side > label,
fieldset.compressed.label_side > label
{
    line-height: 10px;
}

.compressed fieldset > label, fieldset.compressed > label
{
    padding: 0px 11px 5px 11px;
}

.compressed fieldset.label_side.label_small > label,
fieldset.label_side.label_small.compressed > label
{
    width: 88px;
}

.compressed fieldset.no_label > div,
fieldset.compressed.no_label > div
{
    padding: 8px 9px;
}

fieldset.label_side > div > input.text
{
    width: 100%;
}

fieldset.label_side.label_small > label
{
    width: 70px;
}

fieldset.label_side.label_small > div
{
    margin-left: 110px;
}

fieldset.no_label > div
{
    padding: 15px 20px;
}

fieldset.label_top.empty_label > div
{
    margin-top: 23px;
    padding: 15px 20px;
}

fieldset > div > label
{
    display: block;
    line-height: 25px;
}

    fieldset > div > label:first-child
    {
        margin-top: -3px;
    }

fieldset > div.inline > label.text
{
    display: inline-block;
    line-height: 26px;
    margin-right: 10px;
    margin-top: 0;
}

fieldset > div > label input[type=radio],
fieldset > div > label input[type=checkbox]
{
    margin-right: 8px;
}

fieldset > div > button
{
    margin-bottom: 0;
}

.edit_text input
{
    background: #fff;
    margin-bottom: 10px;
    border: none;
}

.button_bar
{
    padding: 10px;
    border: 1px solid #fff;
    border-top: 1px solid #aaa;
    margin: -1px -1px;
    clear: both;
}

.ui-dialog .button_bar,
.isolate .button_bar
{
    margin: -1px 0 0 0;
}

.button_bar.small
{
    padding: 5px;
}

.ui-dialog .button_bar
{
    margin: 0;
    border-width: 1px 0 0 0;
    border-top: 1px solid #BAC5CC;
}

.button_bar button
{
    margin-bottom: 0;
}

.button_bar label,
.indented_button_bar label
{
    line-height: 30px;
    float: left;
    font-weight: 700;
}

.button_bar label
{
    margin: 0 15px 0 5px;
}

.indented_button_bar label
{
    margin: 0 15px 0 10px;
}

.button_bar button.send_right,
.indented_button_bar button.send_right
{
    margin-right: 0!important;
    margin-left: 5px!important;
}

.button_bar p,
.indented_button_bar p
{
    float: left;
    margin: 6px 10px;
}

.alert
{
    border: 1px solid #999;
    padding: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 0 1px 1px #000;
}

.section > :first-child
{
    margin-top: 0;
}

.section > :last-child
{
    margin-bottom: 0;
}

.alert:hover
{
    cursor: pointer;
}

.alert img
{
    margin: -3px 5px 0 0;
    float: left;
}

.alert.badge
{
    position: absolute;
    display: block;
    z-index: 100;
    right: -5px !important;
    top: -8px !important;
    margin: 0;
    text-align: center;
    padding: 2px 4px!important;
    line-height: 7px;
    height: 10px;
    text-indent: 0;
    font-size: 11px;
    border: 2px solid #fff!important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    zoom: 1;
}

select
{
    margin-right: 5px;
    margin-bottom: 14px;
    margin-right: 5px;
    margin-top: 8px;
}

    select.full_width
    {
        display: block;
        width: 100%!important;
    }

.time_picker_holder .selector,
.inline .selector,
.inline select
{
    float: left;
}

.slider
{
    margin-top: 5px;
}

.slider_vertical span
{
    float: left;
    margin-right: 3.5%;
}

    .slider_vertical span:last-child,
    .slider_vertical span.last-child
    {
        margin-right: 0;
    }

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

.ui-slider ol.slider_labels
{
    margin-top: 15px;
    width: 100%;
    margin-left: 1%;
    position: absolute;
}

.slider ol.slider_labels li:last-child,
.slider ol.slider_labels li.last-child
{
    margin-right: 0!important;
}

.ui-slider ol.slider_labels li
{
    font-weight: 700;
    font-size: 11px;
    float: left;
    display: block;
    width: 15px;
    margin-left: -15px;
    text-align: center;
}
/* Buttons */
button,
.button
{
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    margin-bottom: 0;
    line-height: 22px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 2;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
}

    button.full,
    .button.full
    {
        width: 100%;
    }

    button.narrow,
    .button.narrow,
    .narrow_buttons button,
    .narrow_buttons .button
    {
        width: 30px;
    }

    button.regular,
    .button.regular,
    .regular_buttons button,
    .regular_buttons .button
    {
        width: 80px;
    }

    button.wide,
    .button.wide,
    .wide_buttons button,
    .wide_buttons .button
    {
        width: 120px;
    }

    button.send_right,
    .button.send_right,
    .send_right > button,
    .send_right > .button
    {
        float: right;
        margin-left: 5px;
        margin-right: 0;
    }

    button.button_down,
    .button.button_down
    {
        top: 1px;
    }

    button:hover,
    .button:hover
    {
        color: #fff;
    }

p > button,
p > .button
{
    margin-bottom: 5px;
}

button.full_width,
.button.full_width
{
    width: 100%;
    text-align: center;
    float: none;
}

    button.full_width.left,
    .button.full_width.left
    {
        text-align: left;
    }

    button.full_width.has_icon span,
    .button.full_width.has_icon span
    {
        margin-left: -10px;
    }

button .ui-icon,
.button .ui-icon
{
    margin: 3px;
    float: left;
}

button img,
.button img
{
    display: block;
    float: left;
    margin: -1px;
}

button.div_icon span,
button.img_icon span,
.button.div_icon span,
.button.img_icon span
{
    padding-left: 5px;
    padding-right: 5px;
}

button.text_only,
.button.text_only
{
    padding-right: 5px;
    padding-left: 5px;
}

button.tiny,
.button.tiny
{
    line-height: 10px;
    padding: 5px 3px 2px !important;
    font-size: 10px;
}

    button.tiny.text_only,
    .button.tiny.text_only
    {
        padding-right: 5px;
        padding-left: 5px;
    }

    button.tiny .ui-icon,
    .button.tiny .ui-icon
    {
        margin: -5px -3px -1px;
    }

    button.tiny img,
    .button.tiny img
    {
        display: block;
        margin: -7px -6px;
    }

button.small,
.button.small
{
    line-height: 18px;
}

    button.small .ui-icon,
    .button.small .ui-icon
    {
        margin: 1px;
    }

    button.small img,
    .button.small img
    {
        display: block;
        margin: -3px;
    }

button.large,
.button.large
{
    line-height: 36px;
}

    button.large .ui-icon,
    .button.large .ui-icon
    {
        margin: 10px;
    }

    button.large img,
    .button.large img
    {
        display: block;
        margin: 7px 7px 5px;
    }

    button.large span,
    .button.large span
    {
        padding-right: 10px;
    }

    button.large.text_only span,
    .button.large.text_only span
    {
        padding-right: 10px;
        padding-left: 10px;
    }

button.large_icon,
.button.large_icon
{
    line-height: 36px;
}

    button.large_icon > img,
    .button.large_icon > img
    {
        margin: 3px;
    }

    button.large_icon > .ui-icon,
    .button.large_icon > .ui-icon
    {
        margin: 13px;
    }

    button.large_icon span,
    .button.large_icon span
    {
        padding-left: 10px;
    }

    button.large_icon.icon_top .ui-icon,
    .button.large_icon.icon_top .ui-icon
    {
        float: none;
        margin: 17px auto 5px;
    }

    button.large_icon.icon_top img,
    .button.large_icon.icon_top img
    {
        display: block;
        float: none;
        margin: 7px auto -5px;
        text-align: center;
    }

    button.large_icon.icon_only .ui-icon,
    .button.large_icon.icon_only .ui-icon
    {
        margin: 13px;
    }

    button.large_icon span,
    .button.large_icon span
    {
        padding-right: 10px;
        line-height: 40px;
    }

    button.large_icon.icon_top span,
    .button.large_icon.icon_top span
    {
        line-height: 10px;
    }

.buttonset
{
    border-radius: 3px;
    float: left;
    clear: both;
}

    .buttonset button,
    .buttonset .button
    {
        float: left;
        margin: 0 -1px 2px 0;
        border-radius: 0;
    }

        .buttonset button:first-child,
        .buttonset .button:first-child
        {
            border-radius: 3px 0 0 3px;
        }

        .buttonset button:last-child,
        .buttonset .button:last-child
        {
            border-radius: 0 3px 3px 0;
        }

button.inflate,
.button.inflate
{
    transition: transform 0.2s ease-in-out;
}

    button.inflate:hover,
    .button.inflate:hover
    {
        z-index: 99;
        transform: scale(1.2);
    }
/*-----End of Form Elements -------*/
/*--------------------------------
Tab Boxes
--------------------------------*/
.tabs ul.tab_header
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border-width: 1px;
    height: 32px;
}

    .tabs ul.tab_header li
    {
        display: block;
        float: left;
        margin: 0;
        margin-bottom: -1px;
        padding: 0;
        border: 0;
        background: none;
        cursor: pointer;
        position: static;
        filter: none;
    }

.tabs .ui-tabs-panel
{
    overflow: hidden;
}

.box.tabs ul.tab_header li a
{
    display: block;
    margin: 4px 0 0 5px;
    line-height: 28px;
    padding: 0 15px;
    text-shadow: 0 1px 0 #fff;
    color: #555;
    font-weight: 400;
    background-color: #D0D6DA;
    filter: none;
    border-bottom: 1px solid #AAA;
}

.box.tabs.closed ul.tab_header li a
{
    line-height: 25px;
    margin-bottom: 3px;
    border: 0;
}

.tabs ul.tab_header li a span
{
    color: #333;
    font: bold 10px sans-serif;
}

.tabs ul.tab_header li a:hover
{
    color: #222;
    cursor: pointer;
}

.tabs ul.tab_header li.ui-tabs-selected a
{
    background: #fff;
    filter: none;
    border-color: #fff;
    color: #333;
    text-shadow: none;
}

.tabs ul.tab_header li.ui-tabs-selected a
{
    cursor: default;
}

.tabs ul
{
    margin-bottom: -1px;
}

.side_tabs .block
{
    margin-left: 150px;
    position: relative;
    border-left: 0;
    min-height: 193px;
}

    .side_tabs .block.ui-tabs-hide
    {
        min-height: 0;
    }

.tabs ul.tab_sider
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    filter: none;
    border: 0;
    overflow: hidden;
    border-color: #333;
}

    .tabs ul.tab_sider li
    {
        display: block;
        margin: 5px 0 0 5px;
        padding: 0;
        width: 100%;
        border: 0;
        background: none;
        cursor: pointer;
        zoom: 1;
    }

.box.tabs ul.tab_sider li a
{
    display: block;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 #fff;
    text-indent: 10px;
    width: 100%;
    color: #555;
    font-weight: 400;
    background-color: #D0D6DA;
    zoom: 1;
}

.tabs ul.tab_sider li a:hover
{
    color: #222;
}

.tabs ul.tab_sider li.ui-tabs-selected a
{
    background: #fff;
    border-color: #fff;
    color: #333;
    text-shadow: none;
    padding: 0;
    box-shadow: inset 0 0 2px #fff;
}
/*-----End of Tabs -------*/
/*--------------------------------
Accordion
--------------------------------*/
ul.content_accordion
{
    list-style: none;
    padding: 0!important;
    width: 100%;
    margin: 0 0 -1px;
}

.content_accordion h3.bar
{
    background-color: #dfe2e4;
    display: block;
    *display: inline-block;
    margin: 0;
    line-height: 30px;
    font-family: sans-serif;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    border-bottom: 1px solid #959BA2;
    border-top: 0 solid #fff;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
}

.block .content_accordion li:first-child h3.bar,
.no_titlebar .content_accordion li:first-child h3.bar
{
    border-top: 1px solid #aaa;
}

.full_size > .box .block.content_accordion li:first-child h3.bar
{
    border-top: none;
}

.full_size > .box .block.content_accordion .content
{
    border-left: none;
    border-right: none;
}

.full_size > .box .block.content_accordion li:last-child .content
{
    border-bottom: none;
}

.full_size .content_accordion h3.bar
{
    border-left: none;
    border-right: none;
}

.content_accordion
{
    border: 0!important;
}

    .content_accordion .content {
        overflow-y: hidden;
        height: 453px !important;
        padding: 0px;
        border-top: none;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        background-color: #fff;
    }

    .content_accordion li:last-child .content
    {
        border-bottom: 1px solid #aaa;
    }

ul.content_accordion li
{
    position: relative;
    padding: 0;
    margin: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    width: 100%;
    display: block;
    border: none;
    border-bottom: 0!important;
}

    ul.content_accordion li a.handle
    {
        background: url(images/interface/grabber-trans.png) no-repeat;
        line-height: 22px;
        height: 22px;
        width: 22px;
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10;
        cursor: move;
        zoom: 1;
    }

ul.content_accordion.no_rearrange li a.handle
{
    display: none;
}
/*-----End of Accordion -------*/
/*--------------------------------
Dialog
--------------------------------*/
.no_dialog_titlebar.ui-dialog .ui-dialog-titlebar
{
    display: none;
}

.no_dialog_titlebar .tab_header
{
    margin-top: 0!important;
    border-top: 0!important;
}

.dialog_content .section
{
    padding: 15px 20px;
}

.dialog_content .block
{
    overflow: visible;
}

.dialog_content input
{
    position: relative;
    z-index: 99999; /* Se agregó manualmente un 9 al valor para que funcione en el modal los filtros*/
}
/*-----End of Dialog -------*/
/*--------------------------------
	Regular Tables
--------------------------------*/
table.static
{
    width: 100%;
    margin-bottom: 0!important;
    margin-top: 0!important;
}

    table.static thead
    {
        background: #D0D6DA;
        border-bottom: 1px solid #aaa;
    }

        table.static thead tr th
        {
            border-left: none;
            border-right: none;
            line-height: 30px;
            padding: 0 10px;
            text-align: left;
            color: #333;
            font-weight: 400;
            text-shadow: 0 1px 0 #fff;
        }

    table.static tbody tr td
    {
        line-height: 25px;
        padding: 0 10px;
        border: 0 solid #999;
    }

    table.static tbody tr td
    {
        border-bottom: 1px solid #E1E5E7;
    }

    table.static tbody tr:last-child td
    {
        border-bottom: 0;
    }

    table.static tbody tr.even td
    {
        background-color: #EDF1F3;
        border-bottom: 1px solid #D8DCDE;
    }

    table.static tbody tr td input,
    table.static tbody tr td button
    {
        margin: 10px 0;
    }
/*--------------------------------
	Wizard
--------------------------------*/
.wizard
{
    position: relative;
}

.wizard_content .step
{
    display: none;
}

.wizard_content
{
    display: block;
}

.wizard_steps
{
    display: block;
}

.wizard_progressbar
{
    display: block;
    float: right;
    margin: 11px 7px 0 0 !important;
    width: 223px;
    z-index: 9999;
    border-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
}

.ui-progressbar-value
{
    -o-transition: width .1s ease;
}

.wizard .wizard_steps ul
{
    width: 100%;
    border-right: 0!important;
    border-left: 0!important;
    border-top: 1px solid rgba(0, 0, 0, 0.5) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
    background: #4C5766;
    margin-top: 0;
    margin-bottom: 0;
}

    .wizard .wizard_steps ul li
    {
        min-width: 150px;
        display: inline-block;
        float: left;
        list-style: none;
        border-right: 1px solid rgba(0, 0, 0, 0.5);
    }

        .wizard .wizard_steps ul li.current
        {
            background: #fff;
            border-left: 1px solid #BAC5CC!important;
            border-bottom: 1px solid #BAC5CC!important;
            border-top: 1px solid #fff!important;
            margin: -1px 0;
            border-right: 0;
            padding-right: 1px;
        }

            .wizard .wizard_steps ul li.current a
            {
                border-bottom: 1px solid rgba(255, 255, 255, 0.5);
                border-right: 1px solid rgba(255, 255, 255, 0.5);
                color: #000;
                text-shadow: 0 1px 0 #fff;
            }

        .wizard .wizard_steps ul li:last-child,
        .wizard .wizard_steps ul li:last-child a
        {
            border-right-width: 0;
        }

        .wizard .wizard_steps ul li a
        {
            font-weight: 400;
            color: #fff;
            display: block;
            padding: 8px 10px;
            border-right: 1px solid rgba(255, 255, 255, 0.2);
            text-shadow: 0 1px 0 #000;
        }

            .wizard .wizard_steps ul li a span
            {
                display: inline-block;
                float: left;
                font-size: 12px;
            }

            .wizard .wizard_steps ul li a small
            {
                font-size: 10px;
                color: #ddd;
                margin: 5px 0 0 12px;
                display: inline-block;
                float: left;
                clear: both;
            }

        .wizard .wizard_steps ul li.current a small
        {
            color: #333;
        }
/*--------------------------------
File Browser
--------------------------------*/
#file_tree ul.jqueryFileTree li
{
    padding: 0 0 5px 25px;
    background-position: 0 8px;
}

    #file_tree ul.jqueryFileTree li.directory a
    {
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 0;
    }
/*--------------------------------
	Isotope Tiles
--------------------------------*/
.isotope_holder ul li
{
    list-style: none;
    float: left;
}

    .isotope_holder ul li > *
    {
        overflow: hidden;
    }
/* Gallery */
.gallery
{
    padding: 25px 0 15px 24px;
    margin: 0;
    list-style: none;
}

    .gallery li
    {
        list-style: none;
        float: left;
        padding: 0;
        margin: 0 9px 9px -1px;
        position: relative;
        border-radius: 3px;
        box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.06), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    }

        .gallery li a
        {
            padding: 5px;
            display: block;
            overflow: auto;
            text-align: center;
            border: 1px solid #959BA2;
            border-radius: 3px;
        }

            .gallery li a:hover
            {
                background-color: #fff;
            }

            .gallery li a img
            {
                display: block;
                margin: 2px auto 3px;
                padding: 0;
                border: 1px solid #fff;
            }

            .gallery li a span.name
            {
                color: #666;
                font-size: 12px;
                text-align: center;
                margin: 0 2px;
                display: block;
                line-height: 17px;
            }

            .gallery li a span.size
            {
                display: block;
                color: #999;
                font-size: 10px;
                line-height: 15px;
                margin-bottom: 5px;
            }

            .gallery li a span.update
            {
                display: none;
            }

        .gallery li .delete
        {
            display: none;
            cursor: pointer;
        }

        .gallery li:hover .delete
        {
            position: absolute;
            bottom: 5px;
            right: 5px;
            opacity: .5;
            display: block;
        }

            .gallery li:hover .delete:hover
            {
                opacity: 1;
            }
        /*
.gallery:hover li {
	opacity:.5!important;
}

.gallery:hover li:hover {
	opacity:1!important;
}
*/
        .gallery li a.features .starred
        {
            background: url(images/content/features/yellow_star.png) no-repeat;
            display: block;
            height: 35px;
            width: 35px;
            position: absolute;
            right: 0;
            top: 1px;
        }

            .gallery li a.features .starred.blue
            {
                background: url(images/content/features/blue_star.png) no-repeat;
            }

            .gallery li a.features .starred.green
            {
                background: url(images/content/features/green_star.png) no-repeat;
            }

        .gallery li a span.update
        {
            display: none;
        }
/* Feature Tiles */
.feature_tiles
{
    padding: 15px 0 5px 14px;
}

    .feature_tiles li a
    {
        width: 105px;
        height: 80px;
    }

        .feature_tiles li a img
        {
            border: 0;
        }
/* Contact Tile */
.contact_tiles
{
    margin: 10px 4px 0;
}

    .contact_tiles li
    {
        width: 207px;
        margin: 0 5px 10px;
    }

    .contact_tiles .box
    {
        margin: 0;
    }

    .contact_tiles p.phone,
    .contact_tiles p.email
    {
        line-height: 35px!important;
        text-align: center;
        font-weight: 700;
    }

.media_tiles li
{
    width: 180px;
}

    .media_tiles li img
    {
        float: left;
        margin-right: 10px !important;
    }

    .media_tiles li h3
    {
        text-align: left;
        margin-top: 10px;
    }

    .media_tiles li p
    {
        text-align: left;
        margin-bottom: 0;
    }
/* tiles */
.picture_tiles
{
    margin-bottom: 0;
}

    .picture_tiles > li
    {
        list-style: none;
        float: left;
        margin: 0px 0 10px 5px;
        position: relative;
        transition: opacity 0.2s ease-in-out;
    }

        .picture_tiles > li > a
        {
            border-radius: 3px;
            overflow: hidden;
            display: block;
            border: 1px solid #000;
        }

    .picture_tiles:hover > li
    {
        opacity: 0.5;
    }

        .picture_tiles:hover > li:hover
        {
            opacity: 1;
        }
/*--------------------------------
	Calendar
--------------------------------*/
.fc table
{
    margin-bottom: 0;
    margin-top: 0;
}

.fc thead tr th
{
    line-height: 30px;
}

.fc .fc-agenda-divider
{
    background: #333;
    border-color: #000;
}

.fc .fc-agenda-slots tr th
{
    border-color: #959BA2;
    color: #555;
    text-shadow: 0 1px 0 #FFF;
}

.fc .ui-state-highlight,
.fc .ui-widget-content .ui-state-highlight,
.fc .ui-widget-header .ui-state-highlight
{
    background-color: #E6ECEF;
}

.fc .fc-event
{
    padding: 5px;
    text-shadow: 0 1px 0 #000;
    margin: 2px 0 1px;
    border-radius: 3px;
}

    .fc .fc-event.google
    {
        border: 1px solid #959BA2;
    }

    .fc .fc-event a,
    .fc-event-skin,
    .fc-event-vert .fc-event-bg
    {
        background: none;
    }

    .fc .fc-event .fc-event-inner
    {
        background: none;
        border: none;
    }

ul#calendar_drag_list li
{
    padding: 0;
}

    ul#calendar_drag_list li a
    {
        color: #fff;
        padding: 5px;
        font-size: 10px;
        line-height: 10px;
        text-shadow: 0 1px 0 #000;
        display: block;
        cursor: move;
    }
/*--------------------------------
Flot Graph
--------------------------------*/
.flot
{
    width: 100%;
    margin: 0 0 5px;
    height: 300px;
    overflow: hidden;
}
/*--------------------------------
Login Box
--------------------------------*/
#login_box
{
    width: 500px;
}

    #login_box .main_container
    {
        background-color: transparent;
    }

        #login_box .main_container .block
        {
            border-width: 0px;
        }

a#login_logo
{
    background: transparent url(images/vizion.png) 0 -15px no-repeat;
    position: relative;
    display: block;
    height: 67px;
    width: 253px;
    margin-top: 1px;
    float: left;
}

    a#login_logo span
    {
        visibility: hidden;
    }

.slider_unlock
{
    height: 32px;
    box-sizing: border-box;
    border: 0;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 2px 0 #bbb;
}

    .slider_unlock .ui-slider-range
    {
        margin: 0;
        height: 32px;
    }

    .slider_unlock .ui-slider-handle
    {
        background: #fff;
        height: 32px;
        width: 32px;
        margin-left: 0;
        top: 0;
        background: transparent url(images/interface/unlock_slider.png) !important;
    }

    .slider_unlock .unlock_message
    {
        margin: 0;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
    }
/*--------------------------------
Info Boxes
--------------------------------*/
.info_slider_holder
{
    overflow: hidden;
    margin-bottom: -1px;
}

.all_open .block:last-child .info_slider_holder
{
    margin-bottom: -1px;
}

ul.info_slider
{
    height: 152px;
    overflow: hidden;
    margin-top: -1px;
    margin-bottom: 1px;
}

.info_blocks
{
    margin: 0;
}

    .info_slider li,
    .info_blocks li
    {
        list-style: none;
        float: left;
        display: inline-block;
    }

.info_slider li
{
    width: 144px;
}

ul.info_blocks
{
    margin: 0;
}

.info_blocks li
{
    width: 20%;
    min-width: 140px;
    max-width: 200px;
}

.draggable_scroll ul.info_slider
{
    cursor: move;
}

.info_box
{
    width: 100%;
    position: relative;
}

    .info_box > label
    {
        position: relative;
        display: block;
        line-height: 15px;
        min-height: 22px;
        padding: 6px 0 4px;
        text-align: center;
        font-size: 13px;
        color: #666;
        border-top: 1px solid #ccc;
        border-bottom: 0 solid #ccc;
        border-left: 1px dashed #bbb;
        background: #f5f5f5;
    }

.info_blocks .info_box > label
{
    border-bottom-width: 1px;
}

.info_box > label > .comment
{
    position: absolute;
    right: 2px;
    top: 0;
    width: 20px;
    height: 20px;
    margin: 0;
}

.info_box > .value_tag
{
    position: absolute;
    top: 7px;
    background: none;
    border: none;
    font-size: 12px;
    width: 100%;
}

    .info_box > .value_tag > span
    {
        min-width: 50px;
        padding: 2px 5px 1px;
        margin: 0 auto;
        border: 1px solid #959BA2;
        background: #fff;
        font-size: 11px;
        font-weight: 700;
    }

.info_box > div
{
    text-align: center;
    color: #333;
    font-size: 16px;
}

    .info_box > div > small
    {
        font-size: 12px;
        color: #666;
    }

    .info_box > div.split
    {
        border-bottom: 1px solid #ddd;
        margin-bottom: -1px;
    }

        .info_box > div.split:last-of-type
        {
            border-bottom: 0;
        }

        .info_box > div.split.one
        {
            height: 120px;
            line-height: 120px;
        }

        .info_box > div.split.two
        {
            height: 60px;
            line-height: 60px;
        }

        .info_box > div.split.three
        {
            height: 40px;
            line-height: 40px;
        }

    .info_box > div > div
    {
        height: 100%;
    }

    .info_box > div *
    {
        vertical-align: middle!important;
    }

    .info_box > div img
    {
        display: inline;
    }

    .info_box > div a:hover
    {
        opacity: .85;
    }

.big_letter
{
    font-size: 45px;
    letter-spacing: -2px;
    font-weight: 700;
    text-align: center;
    line-height: 130px;
}

    .big_letter .small
    {
        font-size: 16px;
        font-weight: 400;
        color: #666;
        margin-right: -5px;
        margin-left: 5px;
        letter-spacing: 0;
    }

.info_box .green
{
    color: #3FC846;
}

.info_box .orange
{
    color: #F9892F;
}

.info_box .red
{
    color: #F51204;
}

.info_box .blue
{
    color: #0764CB;
}

.info_box > div > label
{
    display: block;
    font-size: 12px;
    margin: 5px 0 2px 11px;
    text-align: left;
    line-height: 20px;
}

.chart > span > canvas
{
    vertical-align: middle!important;
    margin-top: 8px;
}

.spark_inline canvas
{
    vertical-align: middle!important;
}

.spark_inline
{
    margin-right: 10px;
}

    .spark_inline.left
    {
        margin-right: 0px;
        margin-left: 10px;
    }

.chart_dates
{
    padding: 10px;
    border-top: 1px solid #000;
}

    .chart_dates > div
    {
        float: left;
        display: inline-block;
        width: 50%;
    }

    .chart_dates label
    {
        float: left;
        display: inline-block;
        color: #fff;
        margin-right: 10px;
        line-height: 22px;
        font-weight: 700;
    }

    .chart_dates input
    {
        float: left;
        display: inline-block;
        width: 73px;
        padding: 0;
        text-indent: 2px;
        height: 20px;
        border-color: #000;
    }

    .chart_dates > div.date_to label
    {
        margin: 0 0 0 20px;
    }

    .chart_dates > div.date_to input
    {
        float: right;
    }

    .chart_dates input:focus
    {
        border-color: #419DF9;
    }

.chart_toggles .scrollbar-container
{
    right: -8px;
}

.chart_toggles div ul li label
{
    line-height: 20px;
    padding: 10px;
    cursor: pointer;
    border-right: 0;
}

.chart_controls div ul li:last-child label
{
    border-bottom: none;
}

.chart_holder
{
    position: relative;
    width: auto;
    height: 100%;
    margin-left: 201px;
    border-left: 1px solid #ccc;
}

.highcharts-tooltip
{
    color: red!important;
}
/*--------------------------------
Corners, Shadows & Highlights
--------------------------------*/
.text_shadow
{
    text-shadow: 0 1px 1px #000;
}

.text_highlight
{
    text-shadow: 0 1px 0 #fff;
}

.round_all,
.box.no_titlebar .block,
button,
.dark_box,
.side_accordion,
.side_links,
.box h2.box_head.round_all,
.sidebar,
div.main_container .box,
.alert,
.indent,
div.main_container .gallery li a,
.ui-slider-range,
.ui-multiselect,
.single_datatable .dataTables_filter input,
.ui-multiselect input.search,
.breadcrumb,
ul.breadcrumb,
#login_box,
a.show_all_tabs,
.tabs .tab_header.round_all,
body .box .ui-multiselect input.search,
.info_box > .value_tag > span,
.indented_button_bar,
.toggle_container,
.box.tabs.closed ul.tab_header li a,
ul#calendar_drag_list li a,
.stackbar ul ul li.current,
.content_accordion li:first-child:last-child h3.bar
{
    border-radius: 3px;
}

    .flat_area h2,
    body round_all_small,
    .box .block input,
    .box .block textarea,
    #login_box .LV_validation_message,
    .dataTables_wrapper .ui-widget-header select,
    .slider_unlock,
    .slider_unlock.ui-slider-horizontal .ui-slider-range,
    .slider_unlock.ui-slider-horizontal .ui-slider-handle
    {
        border-radius: 2px;
    }

    .round_bottom,
    .box .block,
    .side_accordion > li:last-child > a,
    .side_accordion > li:last-child,
    .side_links li:last-child,
    .side_links li:last-child a,
    li:last-child ul.drawer,
    li:last-child ul.drawer li,
    li:last-child ul.drawer li:last-child a,
    .button_bar,
    .dropdown_menu ul li ul.dropdown li:last-child a,
    .dropdown_menu ul li ul.dropdown,
    .dropdown_menu ul li ul.dropdown li:last-child ul.drawer li:last-child,
    .dropdown_menu ul li ul.dropdown li:last-child ul.drawer li:last-child a,
    li:last-child .content_accordion .content,
    .content_accordion li:last-child .content,
    span.form_tag,
    .content_accordion li:last-child h3.bar,
    .dataTables_wrapper .ui-corner-bl,
    body .dropdown_menu ul li.current:last-child a,
    .all_open .block:last-child,
    .slider_title
    {
        border-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .round_top,
    .side_accordion li:first-child a,
    .side_accordion li:first-child,
    .side_links li:first-child,
    .side_links li:first-child a,
    h2.box_head,
    .tabs .tab_header,
    .tabs ul.tab_header li a,
    .block .content_accordion li:first-child h3.bar,
    .box.no_titlebar li:first-child h3,
    .dataTables_wrapper .ui-corner-tl,
    .ui-datepicker .ui-datepicker-header,
    .ui-dialog .ui-dialog-titlebar,
    .content_accordion li:first-child h3.bar.ui-state-active
    {
        border-radius: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .round_left,
    div.main_container .tabs ul.tab_sider,
    div.main_container .tabs ul.tab_sider li a,
    .dataTables_wrapper .dataTables_paginate span.first,
    ul.breadcrumb > li:first-child
    {
        border-radius: 0;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .round_right,
    .box .block.tab_sider,
    .dataTables_wrapper .dataTables_paginate span.last,
    ul.breadcrumb > li:last-child
    {
        border-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .round_ynnn,
    .dropdown_menu > ul > li:first-child a,
    .dropdown_menu > ul > li:first-child,
    .fc thead tr th.fc-first,
    .ui-multiselect .selected .ui-widget-header
    {
        border-radius: 0;
        border-top-left-radius: 3px;
    }

.round_nnyn,
.dropdown_menu ul li:last-child a,
.dropdown_menu ul li:last-child
{
    border-radius: 0;
    border-bottom-right-radius: 3px;
}

.round_nynn,
.fc thead tr th.fc-last,
.ui-multiselect .available .ui-widget-header
{
    border-radius: 0;
    border-top-right-radius: 3px;
}

.round_none,
.content_accordion li h3.bar.ui-state-active,
.all_open .block
{
    border-radius: 0;
}
/*--------------------------------
	Utilities
--------------------------------*/
.display_none
{
    display: none !important;
}

.display_block
{
    display: block;
}

.hidden
{
    opacity: 0;
}

.send_left
{
    float: left;
}

.send_right
{
    float: right;
}

.no_border
{
    border: none!important;
}

.no_border_top
{
    border-top: none!important;
    margin-top: 0 !important;
}

.no_border_right
{
    border-right: none!important;
    margin-right: 0 !important;
}

.no_margin_top
{
    margin-top: 0!important;
}

.no_margin
{
    margin: 0!important;
}

.no_margin_bottom
{
    margin-bottom: 0!important;
}

.no_padding
{
    padding: 0!important;
}

.padding_top_10
{
    padding-top: 10px;
}

.margin_bottom_10
{
    margin-bottom: 10px;
}

.margin_bottom_15
{
    margin-bottom: 15px;
}

.circle
{
    border-radius: 1000px !important;
}
/*----End of Utilities -----*/ /*--------------------------------
iPhone and iPad formatting
--------------------------------*/
/*  iPad Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
    #template_options
    {
        position: relative!important;
    }

    .sidebar div.cog
    {
        line-height: 40px!important;
        width: 40px!important;
        right: -40px !important;
    }
}
/*  iPhone Landscape */
@media screen and (min-width: 321px) and (max-width: 480px)
{
    #wrapper
    {
        min-width: 300px;
    }

    a.logo
    {
        display: none;
        float: none!important;
        margin: auto !important;
    }

    .dropdown_menu
    {
        margin: 0;
    }

        .dropdown_menu ul
        {
            display: none;
        }

        .dropdown_menu #mobile_nav
        {
            display: block;
            padding: 0 10px;
            margin: 0 0 -20px !important;
        }

    #topbar .user_box
    {
        margin: 10px auto 0;
        float: none;
    }

    body div.main_container
    {
        margin: 10px 0 10px 1%!important;
        padding: 20px 2% 5px!important;
        width: 94% !important;
    }

    .grid_100,
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12,
    .grid_13,
    .grid_14,
    .grid_15,
    .grid_16,
    .col_100,
    .col_80,
    .col_70,
    .col_30,
    .col_50,
    .col_33,
    .col_66,
    .col_25,
    .col_75,
    .col_60,
    .col_40,
    .col_20
    {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }

    body div.full_size
    {
        padding: none !important;
    }

    #template_options
    {
        position: relative !important;
    }

    div.main_container .box,
    div.main_container .flat_area
    {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0 !important;
    }

    .sidebar,
    .stackbar
    {
        display: none !important;
    }

    #topbar
    {
        display: block !important;
    }

    #template_options h3
    {
        float: none!important;
        display: block!important;
        clear: both !important;
    }

    #template_options div
    {
        display: block;
    }

    div.full_size
    {
        padding: 0 !important;
    }

        div.full_size .box
        {
            margin: -20px -2% -5px !important;
            padding: 0!important;
            width: 104% !important;
        }

    body
    {
        padding-bottom: 0 !important;
    }

    #loading_overlay .loading_message
    {
        margin-left: -76px;
    }
}
/*  iPhone Portrait */
@media screen and (max-width: 320px)
{
    #wrapper
    {
        min-width: 100px;
    }

    a.logo
    {
        display: none;
        float: none!important;
        margin: auto !important;
    }

    .dropdown_menu
    {
        margin: 0;
    }

        .dropdown_menu ul
        {
            display: none;
        }

        .dropdown_menu #mobile_nav
        {
            display: block;
            padding: 0 10px;
            margin: 0 0 -20px !important;
        }

    #topbar .user_box
    {
        margin: 10px auto 0;
        float: none;
    }

    body div.main_container
    {
        margin: 10px 1%!important;
        padding: 20px 2% 5px!important;
        width: 94% !important;
    }

    .grid_100,
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12,
    .grid_13,
    .grid_14,
    .grid_15,
    .grid_16,
    .col_100,
    .col_80,
    .col_70,
    .col_30,
    .col_50,
    .col_33,
    .col_66,
    .col_25,
    .col_75,
    .col_60,
    .col_40,
    .col_20
    {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }

    body .dropdown_menu ul li.current:first-child a
    {
        border-left-width: 1px !important;
    }

    #template_options
    {
        position: relative !important;
    }

        #template_options h3
        {
            float: none!important;
            display: block!important;
            clear: both !important;
        }

        #template_options div
        {
            display: block;
        }

    .sidebar,
    .stackbar
    {
        display: none !important;
    }

    #topbar
    {
        display: block !important;
    }

    div.main_container .box,
    div.main_container .flat_area
    {
        width: 100% !important;
    }

    div.full_size
    {
        padding: 0 !important;
    }

        div.full_size .box
        {
            margin: -20px -2% -5px !important;
            padding: 0!important;
            width: 104% !important;
        }

    body
    {
        padding-bottom: 0 !important;
    }

    #loading_overlay .loading_message
    {
        margin-left: -76px;
    }
}
/* Coloured Header Gradients, eg. Sortable Boxes, Tab Boxes, Date-picker, etc. */
.grad_skin,
.grad_black,
button,
.button,
.alert,
.calendar_grad,
.dark_box,
.dropdown_menu > ul > li.current > a,
.box_head,
.tab_header,
.tab_sider,
#login_box #bar,
.user_box,
#search_side,
.wizard .wizard_steps ul,
.dataTables_wrapper .ui-widget-header,
.ui-button .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-buttonset .ui-button.ui-state-active,
.ui-multiselect .ui-widget-header,
.ui-slider .ui-slider-range,
.slider-content .selected .title,
.fc-header .fc-state-active,
.fc-header .ui-state-active,
.ui-progressbar .ui-progressbar-value,
.stackbar.stack_view > ul > li > a > span,
div.stackbar.stack_view > ul > li > a > span::before
{
    background-color: #4c5766;
    border-color: #313841 #313841 #000 #313841;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    background-image: linear-gradient(top, #4c5766, #313841);
}

    .grad_black_reverse,
    button:hover,
    .button:hover
    {
        background-color: #313841;
        background-image: linear-gradient(top, #313841, #4c5766);
    }
    /* Grey Header Gradients eg. Nav, Sidebar, Accordion, etc. */
    .grad_grey,
    button.light,
    .button.light,
    .alert_light,
    .shade,
    .ui-multiselect li,
    .side_accordion > li,
    .dropdown_menu > ul > li,
    .dropdown_menu > ul > li > ul.dropdown li,
    .breadcrumb,
    .toggle_all,
    .content_accordion h3.bar,
    .dataTables_scrollHead,
    .dataTables_paginate span.fg-button,
    .list_slider .slider-nav,
    .slider-content .title,
    .list_slider .slide-up,
    .list_slider .slide-down,
    .side_links li a,
    .tabs ul.tab_header li a,
    .tabs ul.tab_sider li a,
    .fc .fc-agenda-slots tr th,
    table.static thead tr th,
    .wizard .wizard_steps ul li.current,
    .alert_light,
    div.main_container .box.light h2.box_head,
    div.main_container .box.white h2.box_head,
    .ui-datepicker-header,
    .ui-button,
    .fc-button,
    .button_bar,
    .slider_title,
    .ui-dialog-titlebar,
    ul.breadcrumb,
    .toggle_all,
    .info_box > .value_tag > span
    {
        color: #333;
        border-color: #bac5cc;
        text-shadow: 0 1px 0 #fff;
        background-color: #E6ECEF;
        background-image: linear-gradient(top, #e6ecef, #d0d6da);
    }

        .grad_grey_reverse,
        button.light:hover,
        .button.light:hover,
        .alert_light:hover
        {
            background-color: #D0D6DA;
            background-image: linear-gradient(top, #d0d6da, #e6ecef);
        }

        .grad_grey_light,
        .el-finder-toolbar ul,
        .el-finder-statusbar,
        .dropdown_menu ul li:hover,
        .dropdown_menu ul li ul.dropdown li:hover,
        .side_accordion > li:hover,
        div.stackbar > ul > li,
        div.stackbar ul ul li.current
        {
            background-color: #E6ECEF;
            border-color: #959BA2;
            text-shadow: 0 1px 0 #fff;
            background-color: #eee;
            background-image: linear-gradient(top, #e6ecef, #d9e1e5);
        }

.grad_grey_light_reverse
{
    background-color: #d9e1e5;
    background-image: linear-gradient(top, #d9e1e5, #e6ecef);
}

.grad_indented,
.indented_area,
.indented_button_bar,
.wizard_progressbar
{
    background: #d2d7dc;
    background: linear-gradient(top, #d2d7dc 0%, #b1b9c3 99%) !important;
    zoom: 1;
    border: 1px solid #7d90a6 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

button,
.button
{
    color: #fff;
    border: 1px solid #000;
    text-shadow: 0 1px 0 #000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: background 5000ms ease-in;
    border-radius: 3px;
}

.stacked_buttons button,
.stacked_buttons a.button
{
    margin-bottom: 5px;
}

.stacked_buttons_large button,
.stacked_buttons_large a.button
{
    margin-bottom: 10px;
    margin-right: 10px;
}

button.light,
.button.light
{
    z-index: 1;
    color: #666;
    border-color: #aaa;
    text-shadow: 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.8);
}

button.on_dark,
.button.on_dark
{
    box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.06), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#bg_light
{
    display: none !important;
}
/*
	Fluid 960 Grid System - IE Fixes (IE7 and greater)
	Learn more ~ http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.ie7 .grid_1,
.ie7 .grid_2,
.ie7 .grid_3,
.ie7 .grid_4,
.ie7 .grid_5,
.ie7 .grid_6,
.ie7 .grid_7,
.ie7 .grid_8,
.ie7 .grid_9,
.ie7 .grid_10,
.ie7 .grid_11,
.ie7 .grid_12,
.ie7 .grid_13,
.ie7 .grid_14,
.ie7 .grid_15,
.ie7 .grid_16,
.ie8 .grid_1,
.ie8 .grid_2,
.ie8 .grid_3,
.ie8 .grid_4,
.ie8 .grid_5,
.ie8 .grid_6,
.ie8 .grid_7,
.ie8 .grid_8,
.ie8 .grid_9,
.ie8 .grid_10,
.ie8 .grid_11,
.ie8 .grid_12,
.ie8 .grid_13,
.ie8 .grid_14,
.ie8 .grid_15,
.ie8 .grid_16
{
    margin-left: .92%;
    margin-right: .92%;
    float: left;
    display: block;
    letter-spacing: 0;
    vertical-align: inherit;
}

.ie7 .indent,
.ie8 .indent
{
    background: url(images/trans_black.png) repeat;
}

.ie7 .flat_area h2,
.ie8 .flat_area h2
{
    background: url(images/trans_black.png) repeat;
}

.ie7 input.text,
.ie7 .textarea,
.ie7 .ui-multiselect,
.ie7 table.static input.text,
.ie8 input.text,
.ie8 .textarea,
.ie8 .ui-multiselect,
.ie8 table.static input.text,
.ie9 input.text,
.ie9 .textarea,
.ie9 .ui-multiselect,
.ie9 table.static input.text
{
    border: 1px solid #ccc;
    background: #eee;
}

.ie7 .dataTables_wrapper input.text,
.ie8 .dataTables_wrapper input.text,
.ie9 .dataTables_wrapper input.text
{
    background: none !important;
    border: 1px solid #000;
}

.ie8 div.selector
{
    margin-bottom: 1px;
}

.ie8 .slider ol.slider_labels li.last-child
{
    display: none;
}

.ie8 button.img_icon.has_text,
.ie8 button.div_icon.has_text
{
    padding-right: 10px;
}

.ie7 .isolate div.main_container,
.ie8 .isolate div.main_container
{
    background: url(images/trans_black.png) repeat;
}
/*

.ie7 .col_25{width:24.9%;}





.ie7 .gallery ul li a,
.ie8 .gallery ul li a{
	background: #fff !important;
	
}



.ie8 textarea{
	padding: 0;
}


.ie7 fieldset.label_side > label {
	display:block;
}


.ie7 fieldset.label_side > div {
	width: auto;
	margin-left: -11px;
	padding-left: 29px;
	float: left;
}
.ie7 fieldset.label_side > div,
.ie8 fieldset.label_side > div{
	min-height: 32px;
}


*/
.lt-ie9 .dropdown_menu ul li ul.dropdown li ul.drawer li a:hover
{
    background: url(images/trans_black.png) repeat;
}

.lt-ie7 .tabs ul li,
.lt-ie8 .tabs ul li
{
    margin-bottom: -1px;
}

/*agregado*/
/*.ui-combobox {
		position: relative;
		display: inline-block;
	}*/
.ui-combobox-toggle
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
}

.ui-autocomplete-input
{
    margin: 0;
    padding: 0.3em;
    width: 80%;
}

.ui-autocomplete
{
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete
{
    height: 100px;
}

.results_table
{
    width: 100%!important;
}

.viz-icon
{
    text-indent: 30px;
    margin-left: -5px;
}

.viz-icon-marker
{
    background: url(images/icons/small/grey/marker.png) no-repeat;
}

.viz-icon-documents
{
    background: url(images/icons/small/grey/documents.png) no-repeat;
}

/*Estilos para grillas de móviles*/

#jqxgridMovilesSeleccionados .jqx-grid-cell
{
    border-right: none;
}

#jqxgridMovilesSeleccionados .jqx-grid-column-header
{
    border-right: none;
}

#jqxgridMovilesSeleccionadosPosiciones .jqx-grid-cell
{
    border-right: none;
}

#jqxgridMovilesSeleccionadosPosiciones .jqx-grid-column-header
{
    border-right: none;
}


/* loading_overlay */

.spinning-cog {
    background: url(images/interface/vizion-color.svg);
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
}

.overlay-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

.overlay-loader .loader-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.overlay-loader .loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
  color: #FFF;
}

.overlay-loader .loader-icon.spinning-cog {
  -webkit-animation: spinning-cog 0.8s infinite ease;
  -moz-animation: spinning-cog 0.8s infinite ease;
  -ms-animation: spinning-cog 0.8s infinite ease;
  -o-animation: spinning-cog 0.8s infinite ease;
  animation: spinning-cog 0.8s infinite ease;
}

@-webkit-keyframes spinning-cog {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@-moz-keyframes spinning-cog {
  0% {
    -moz-transform: rotate(0deg)
  }
  100% {
    -moz-transform: rotate(360deg)
  }
}

@-o-keyframes spinning-cog {
  0% {
    -o-transform: rotate(0deg)
  }
  100% {
    -o-transform: rotate(360deg)
  }
}

@keyframes spinning-cog {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes shrinking-cog {
  0% {
    -webkit-transform: scale(1)
  }
  100% {
    -webkit-transform: scale(0)
  }
}

@-moz-keyframes shrinking-cog {
  0% {
    -moz-transform: scale(1)
  }
  100% {
    -moz-transform: scale(0)
  }
}

@-o-keyframes shrinking-cog {
  0% {
    -o-transform: scale(1)
  }
  100% {
    -o-transform: scale(0)
  }
}

@keyframes shrinking-cog {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(0)
  }
}

/*VIION 3.0*/
#jqxgridMovilesSeleccionadosHome .jqx-grid-column-header {
    border-top: none;
    border-right: none;
    border-left: none;
}

#jqxgridMovilesSeleccionadosHome .jqx-grid-cell {
    border-top: none;
    border-right: none;
    border-left: none;
}

.button-small {
    padding: 0px; 
    margin-right: 5px;
    float: left;
}

.button-login {
    padding: 5px;
    line-height: 22px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 2;
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.col_grid_moviles{
    width: 321px;
}
#contexGroup {
  border: 1px solid #CCC;
  background-color: #E0E0E0;
  padding-left: 5px;
  padding-top: 5px;
}
 
.separadorDiv   { 
    padding-right: 5px !important;
}

.separadorDivIzq { 
    padding-left: 5px !important;
}

.izquierda { 
    float: left;
}

/*Table Styles*/
.rTable {
    display: table;
    width: 100%;
}
.rTableRow {
    display: table-row;
}
.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
}
.rTableCell, .rTableHead {
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #999999;
}
.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold;
}
.rTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
}
.rTableBody {
    display: table-row-group;
}

#banner {
    width: 25px;
    height: 25px;
    /*background: #fff;*/
    overflow: hidden;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    z-index: -1;
    margin-bottom: -50px;
}

fieldset {
    border: 1px solid #9e253b;
    padding-left: 8px;
    border-radius: 4px;
}

legend {
    padding: 2px;    
}

/*fieldset tunning*/
fieldset_tunning {
  position: relative;
}

/*.legend2 {
  position: absolute;
  top: -0.1em;
  right: 10px;
  background: #ffffff;
  line-height:1.2em;
  padding: 1px;
}*/

/*svg estilos*/
.st0 {
    fill: none;
    stroke: #000000;
    stroke-width: 4;
    stroke-miterlimit: 5;
}

#banner {
        width: 25px;
        height: 25px;
        overflow: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        z-index: -1;
        margin-bottom: -50px;
}
    
#banner2 {
        width: 25px;
        height: 25px;
        overflow: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        z-index: -1;
        margin-bottom: -50px;
}

#bannerCombustible {
        width: 25px;
        height: 25px;
        overflow: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        z-index: -1;
        margin-bottom: -50px;
}

#bannerBateria {
        width: 25px;
        height: 25px;
        overflow: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        z-index: -1;
        margin-bottom: -50px;
}
    
/*#bannerCombustible .fill1 {
    animation-name: fillAction1;
    /*animation-iteration-count: 1;*/
    /*animation-timing-function: cubic-bezier(.2, .6, .8, .4);*/
    /*animation-duration: 1s;*/
    /*animation-fill-mode: forwards;*/
/*}*/

#bannerCombustible #waveShape1 {
    /*animation-name: waveAction1;*/
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 0.1s;
    width: 300px;
    height: 150px;
    fill: #04ACFF;
}

#bannerBateria #waveShape2 {
    /*animation-name: waveAction2;*/
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 0.1s;
    width: 300px;
    height: 150px;
    fill: #5DF830;
}

/*#bannerBateria .fill2 {
    animation-name: fillAction2;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.2, .6, .8, .4);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}*/

/*@keyframes fillAction1 {
    0% {
        transform: translate(0, 350px);
    }

    100% {
        transform: translate(0, 200px);
    }
}*/

/*@keyframes fillAction2 {
    0% {
        transform: translate(0, 350px);
    }

    100% {
        transform: translate(0, 50px);
    }
}*/

@keyframes waveAction1 {
    0% {
        transform: translate(-150px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes waveAction2 {
    0% {
        transform: translate(-150px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}