/* Inicios & Media Query */

a {
    text-decoration: none;
    outline: none;
}

    a:focus {
        outline: none;
    }

h1, h2, h3, h4 {
    color: #555555;
}

.wrapper {
    margin: 0 auto;
}

.clear {
    clear: both;
}

html, body, div, address, blockquote, dl, form, h1, h2, h3, h4, h5, h6, ol, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}


@media screen and (min-width: 1025px) {
    .wrapper {
        width: 1015px;
    }

    footer {
        position: fixed;
        z-index: 999999;
    }
}

@media screen and (max-width: 1024px) {
    .wrapper {
        width: 94%; /* Check here width */
    }

    div.contents {
        /*width: 85.798%;	*/
        width: 100%;
    }

    footer {
        position: fixed;
        z-index: 999999;
    }
}

@media screen and (max-width: 800px) {
    ul.tab_nav > li {
        background-position: center center;
        width: 60px;
        height: 50px;
    }

        ul.tab_nav > li .tab_label, ul.tab_nav > li .tab_info {
            display: inline-block;
            font-size: 1px;
            color: #f9f9f9;
        }

    div.quick_stats, .under_stat {
        display: none;
    }

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

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

    div.contents {
        width: 100%;
    }

    footer {
        position: fixed;
        z-index: 999999;
    }

    div.g_2, div.g_8 {
        width: 100%;
    }

    div.g_4, div.g_10 {
        width: 50%;
    }
}


@media screen and (max-width: 768px) {

    .user > .label, .user > .user_info {
        display: none;
    }

    .top_links > ul > li,
    .top_links > ul > li.search_icon {
        width: 22px;
    }

        .top_links > ul > li > a > .label {
            display: none;
        }

        .top_links > ul > li > a > span.small_count {
            margin-right: 8px;
            margin-top: 5px;
        }

    div.logo {
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
        width: 240px;
    }

    nav.top_buttons {
        float: none;
        margin: 0 auto;
        padding: 0 18px;
    }


    div.g_2, div.g_8 {
        width: 100%;
    }

    div.g_4, div.g_10 {
        width: 50%;
    }

    div.g_3 {
        width: 33.3%;
    }

    div.g_9 {
        width: 66.6%;
    }

    footer {
        position: fixed;
        z-index: 999999;
    }
}

@media screen and (max-width: 700px) {

    div.g_4, div.g_6, div.g_8, div.g_10 {
        width: 100%;
    }

    div.g_9 {
        width: 66.6%;
    }

    div.g_2, div.g_3 {
        width: 33.3%;
    }

    .dtFilter {
        display: none;
    }

    div.g_2.g_2M { /* Here Grid 2 Must, Mean It's unchanged */
        width: 16.66%;
    }

    div.g_10.g_10M { /* Here Grid 10 Must, Mean It's unchanged */
        width: 83.33%;
    }

    div.login {
        margin-top: 0px;
    }

    footer {
        position: relative;
        z-index: 999999;
    }
}

@media screen and (max-width: 479px) {
    header.main_header {
        padding-bottom: 0;
        background-attachment: scroll;
        background-color: transparent;
        background-image: url(images/separator_menu.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    nav.top_buttons {
        width: 300px; /*antes: 208px*/
        height: 60px;
        padding: 0;
        padding-right: 18px;
        background: url("images/separator_short.png") no-repeat scroll 0 43px, url("images/separator_short.png") no-repeat scroll 0 144px;
    }

        nav.top_buttons ul li {
            margin-bottom: 18px;
        }

    aside.sidebar {
        display: none;
    }

    div.contents {
        width: 100%;
    }

        div.contents > .grid_wrapper {
            min-height: 0;
        }

    div.small_menu {
        display: block;
    }

    div.g_3 {
        width: 33.3%;
    }

    div.g_9 {
        width: 66.6%;
    }

    footer {
        position: relative;
        margin-top: 10px;
    }
}

/* PATRON */

body {
    margin: 0px;
    background-image: url(images/bg1.png);
    height: 100%;
}

#container-login {
    height: 100%;
    min-height: 100%;
    position: relative;
}

.top_panel {
    height: 38px;
    width: 100%;
    border-bottom: 1px solid #DADADA;
    box-shadow: 0 1px 0 #FCFCFC;
    background: -moz-linear-gradient(top, #f6f5f6 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f6), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f5f6 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f5f6 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f5f6 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f5f6 0%,#efefef 100%); /* W3C */
}

.top_tooltip {
    background: url("images/texturas/top_tooltip_arrow.png") no-repeat scroll top left transparent;
}

    .top_tooltip > div {
        background: url("images/texturas/top_tooltip.png") repeat-x scroll 0 0 #f8f8f8;
    }

.right_direction {
    background: url("images/texturas/top_tooltip_arrow.png") no-repeat scroll top right transparent;
}

.top_search_input {
    background: url("images/texturas/top_search_input.png") repeat-x scroll 0 0 #ffffff;
}

.top_search_submit {
    background: url("images/iconos/18/i_18_search.png") no-repeat scroll center center, url("images/texturas/top_search_submit.png") repeat-x scroll 0 0;
}

.small_count {
    background: url("images/texturas/small_count.png") repeat-x scroll 0 0 #f77e0b;
}

.drop_menu > li {
    background: url("images/texturas/drop_menu.png") repeat-x scroll 0 0 #f6f7f8;
}

.separator {
    background: url("images/texturas/separator_line.png") repeat-x scroll 0 14px transparent;
}

    .separator > span {
        background: url("images/texturas/separator_circle.png") no-repeat scroll center center #F9F9F9;
    }

/* Top Panel */

.top_panel {
    height: 38px;
    width: 100%;
    border-bottom: 1px solid #DADADA;
    box-shadow: 0 1px 0 #FCFCFC;
}

.user {
    display: block;
    height: 20px;
    float: left;
    line-height: 15px;
    position: absolute;
    cursor: pointer;
    padding-left: 0px;
    padding-top: 4px;
    width: 380px;
}

.user-login {
    display: block;
    height: 40px;
    float: left;
    line-height: 30px;
    position: absolute;
    cursor: pointer;
    padding-left: 0px;
    padding-top: 4px;
    width: 380px;
}

    .user-login a {
        color: #333;
    }

        .user-login a:hover {
            color: #96C846;
        }

.user_info {
    display: block;
    height: 15px;
    line-height: 15px;
    padding-left: 20px;
    z-index: 2;
}

.user a {
    color: inherit;
}

.user_avatar {
    display: block;
    float: left;
    margin: 2px 7px 0 0;
}

.top_tooltip {
    display: none;
    padding-top: 5px;
    position: absolute;
    z-index: 5;
    left: 0;
    right: auto;
    top: 100%;
}

    .top_tooltip > div {
        height: 26px;
        line-height: 26px;
        padding: 6px 5px 0;
        box-shadow: 0 1px 3px rgba(0,0,0,0.33);
        border-radius: 3px 3px 3px 3px;
    }

.user_options {
    padding: 0px;
    margin: 0px;
    width: 104px;
}

    .user_options > li {
        display: inline-block;
        float: left;
        width: 16px;
        height: 16px;
        margin: 5px;
        background-position: 0 0;
    }

        .user_options > li:hover {
            background-position: 0 -16px;
        }

        .user_options > li > a {
            display: block;
            width: 16px;
            height: 16px;
        }

.top_links {
    float: right;
}

    .top_links > ul {
        padding: 0;
        margin: 0;
    }

        .top_links > ul > li {
            display: inline-block;
            float: right;
            position: relative;
            margin-left: 8px;
            padding: 0 6px;
            height: 38px;
            line-height: 38px;
            background-position: 10px 8px;
        }

            .top_links > ul > li:last-child {
                margin-left: 0;
            }

            .top_links > ul > li:hover {
                background-color: rgba(255, 255, 255, 0.6);
            }

            .top_links > ul > li > a {
                height: 38px;
                padding-left: 27px;
                display: block;
            }

            .top_links > ul > li.search_icon {
                width: 21px;
                cursor: pointer;
            }

                .top_links > ul > li.search_icon .top_tooltip {
                    border-top: 2px solid transparent;
                }

.top_search_form {
    width: 145px;
}

    .top_search_form input {
        float: left;
    }

.top_search_input {
    margin-top: 2px;
    display: inline-block;
    width: 110px;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    border: 1px solid #dadada;
    border-radius: 2px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.71);
}

.top_search_submit {
    margin-top: 2px;
    display: inline-block;
    height: 22px;
    width: 22px;
    padding: 0;
    border: 1px solid #dadada;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 0 rgba(255, 255, 255, 0.71);
    margin-left: 5px;
}

.top_inbox .small_count {
    margin-left: 5px;
    margin-top: 13px;
}

.lasCount {
    float: left;
}

.small_count {
    float: right;
    width: 13px;
    height: 13px;
    line-height: 13px;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px #f47517, 0 1px 0 rgba(255, 255, 255, 0.75);
    text-align: center;
}

.drop_menu {
    display: none;
    position: absolute;
    z-index: 5;
    left: 0;
    right: auto;
    top: 100%;
    padding: 0;
    margin-top: 2px;
    border: 1px solid #dadada;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
    border-radius: 4px;
}

    .drop_menu > li {
        display: block;
        border-bottom: 1px solid #dadada;
    }

        .drop_menu > li:first-child {
            border-radius: 4px 4px 0 0;
        }

        .drop_menu > li:last-child {
            border-bottom-width: 0;
            border-radius: 0 0 4px 4px;
        }

        .drop_menu > li > a {
            display: block;
            height: 30px;
            line-height: 30px;
            background-position: 10px 9px;
        }

            .drop_menu > li > a:hover {
                background-color: rgba(255, 255, 255, 0.6);
            }

    .drop_menu .small_count {
        margin-top: 9px;
    }

.menu_with_icons > li > a {
    padding: 0 10px 0 40px;
    width: 90px;
}

.menu_without_icons > li > a {
    padding: 0 10px;
    width: 120px;
}

.right_direction {
    right: -1px;
    left: auto;
}

/* Main Header */

.main_header {
    padding: 20px 0;
    overflow: hidden;
    width: 100%;
}

.logo {
    float: left;
}

    .logo img {
        display: block;
    }

.top_buttons {
    background: url("images/texturas/separator_long.png") repeat-x scroll 0 43px;
    float: right;
    width: 800px; /*antes: 220px*/
    height: 86px;
    padding: 0 18px;
    margin-right: -18px;
}

.top_buttons2 {
    float: left;
    width: 90%;
    height: 86px;
    padding: 0 18px;
    margin-right: -18px;
}

    .top_buttons > ul, .top_buttons2 > ul {
        padding: 0;
        margin: 0;
    }

.top_buttons .big_button {
    float: right;
    margin-left: 18px;
}

    .top_buttons .big_button:last-child {
        margin-left: 0;
    }

/* Small Menu */

.small_menu {
    display: none;
    padding: 5px 4px;
    padding-bottom: 10px;
    overflow: hidden;
}

.menu_small_buttons {
    width: 500px;
    padding: 0;
    margin: 0 auto;
}

    .menu_small_buttons > li {
        display: inline-block;
        float: left;
        border: 1px solid #dadada;
        border-radius: 3px;
        margin-right: 7px;
        background: #fdfdfd; /* Old browsers */
        background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fdfdfd 0%,#efefef 100%); /* W3C */
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 2px 4px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 1px 0 #fff, 0 2px 4px rgba(0, 0, 0, 0.15);
    }

        .menu_small_buttons > li:last-child {
            margin-right: 0;
        }

        .menu_small_buttons > li > a {
            border-radius: 5px;
            display: block;
            width: 36px;
            height: 36px;
            background-position: center center;
        }

            .menu_small_buttons > li > a:hover {
                background-color: rgba(255, 255, 255, 0.6);
            }

a.smActive {
    background-color: #dddddd;
}

/* Sidebar */

.sidebar {
    position: relative;
    left: -1px;
    top: 1px;
    /*width: 100%;*/
    z-index: 1;
}

.tab_nav {
    padding: 0px 0 0px 5px;
    margin: -5px -1px 0 -5px;
    ;
    overflow: hidden;
}

    .tab_nav > li {
        width: 90px;
        padding-left: 1px;
        background-position: 26px 5px;
        display: inline-block;
        float: left;
    }

        .tab_nav > li > a {
            /*width: 100%;*/
            height: 86px;
        }

        .tab_nav > li.active_tab {
            padding-top: 0;
            background-color: #f9f9f9;
            border-radius: 3px 0 0 3px;
            border: 1px solid #dadada;
            border-bottom: 1px solid #f9f9f9;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        }

.tab_label {
    display: inline-block;
    height: 30px;
    /* line-height: 20px; ## Si esta habilitada tab_info */
    line-height: 15px;
    padding-left: 25px;
    padding-top: 40px;
}

.tab_info {
    /*display: block;*/
    height: 20px;
    line-height: 20px;
    padding-left: 40px;
    z-index: 2;
}

/* Contents */

.contents_wrapper {
    padding-top: 0px;
    position: relative;
    right: -1px;
}

.contents {
    float: right;
    width: 1015px;
    /* background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 0 3px 3px 0;
    border: 1px solid #dadada;*/
    margin-bottom: 60px;
}

.contents_header .tab_label {
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-top: 6px;
    padding-left: 24px;
    background-position: left center;
}

.contents_header .label {
    padding-left: 24px;
    margin-top: 12px;
}

.contents_options .simple_buttons {
    float: right;
    margin-left: 12px;
    margin-top: 12px;
}

/* Buttons */

.big_button {
    display: inline-block;
}

.out_border {
    width: 86px;
    height: 86px;
    background: #dadada; /* Old browsers */
    background: -moz-linear-gradient(top, #dadada 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadada 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadada 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadada 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dadada 0%,#f8f8f8 100%); /* W3C */
    position: relative;
    border-radius: 43px;
}

.button_wrapper {
    width: 84px;
    height: 84px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: #f2f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f1f1 0%, #fdfdfd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f1f1), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f1f1 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f1f1 0%,#fdfdfd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f1f1 0%,#fdfdfd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f1f1 0%,#fdfdfd 100%); /* W3C */
    border-radius: 42px;
}

.in_border {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%,#bcbcbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%,#bcbcbc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%,#bcbcbc 100%); /* W3C */
    border-radius: 34px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
}

    .in_border:active {
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.24);
    }

.the_button {
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fafafa 0%,#eaeaea 100%); /* W3C */
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    border-radius: 33px;
}

.the_button2 {
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fafafa 0%,#eaeaea 100%); /* W3C */
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    border-radius: 16px;
}

    .the_button > span, .the_button2 > span {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 17px;
        left: 17px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-color: transparent;
    }

    .the_button:hover > span, .the_button2:hover > span {
        background-position: 0 -32px;
        background-repeat: no-repeat;
        background-color: transparent;
    }

.square .out_border, .square .button_wrapper,
.square .in_border, .square .the_button, .square .the_button2 {
    border-radius: 4px;
}

.big_count {
    background: #dd1815; /* Old browsers */
    background: -moz-linear-gradient(top, #dd1815 0%, #901419 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd1815), color-stop(100%,#901419)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dd1815 0%,#901419 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dd1815 0%,#901419 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dd1815 0%,#901419 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dd1815 0%,#901419 100%); /* W3C */
    height: 21px;
    min-width: 21px;
    padding: 1px;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    float: right;
    z-index: 1;
    border-radius: 12px;
}

    .big_count span {
        padding: 2px;
        height: 17px;
        min-width: 17px;
        line-height: 17px;
        display: block;
        text-align: center;
        background: #e1252f; /* Old browsers */
        background: -moz-linear-gradient(top, #e1252f 0%, #ba1016 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1252f), color-stop(100%,#ba1016)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e1252f 0%,#ba1016 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e1252f 0%,#ba1016 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e1252f 0%,#ba1016 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e1252f 0%,#ba1016 100%); /* W3C */
        -webkit-box-shadow: inset 0 1px 0 rgba(247, 65, 74, 0.54);
        box-shadow: inset 0 1px 0 rgba(247, 65, 74, 0.54);
        border-radius: 11px;
    }


/* Icons */

.i_16_pago {
    background: url("images/iconos/16/i_16_pago.png") no-repeat scroll transparent;
}

.i_16_warn {
    background: url("images/iconos/16/i_16_warn.png") no-repeat scroll transparent;
}

.i_16_cant {
    background: url("images/iconos/16/i_16_cant.png") no-repeat scroll transparent;
}

.i_16_ui {
    background: url("images/iconos/16/i_16_ui.png") no-repeat scroll transparent;
}

.i_16_table {
    background: url("images/iconos/16/i_16_table.png") no-repeat scroll transparent;
}

.i_16_forms {
    background: url("images/iconos/16/i_16_forms.png") no-repeat scroll transparent;
}

.i_16_dashboard {
    background: url("images/iconos/16/i_16_dashboard.png") no-repeat scroll transparent;
}

.i_16_help {
    background: url("images/iconos/16/i_16_help.png") no-repeat scroll transparent;
}

.i_16_login {
    background: url("images/iconos/16/i_16_login.png") no-repeat scroll transparent;
}

.i_16_message {
    background: url("images/iconos/16/i_16_message.png") no-repeat scroll transparent;
}

.i_16_chats {
    background: url("images/iconos/16/i_16_chats.png") no-repeat scroll transparent;
}

.i_16_icons {
    background: url("images/iconos/16/i_16_icons.png") no-repeat scroll transparent;
}

.i_16_tooltip {
    background: url("images/iconos/16/i_16_tooltip.png") no-repeat scroll transparent;
}

.i_16_cHorizontal {
    background: url("images/iconos/16/i_16_cHorizontal.png") no-repeat scroll transparent;
}

.i_16_downT {
    background: url("images/iconos/16/i_16_downT.png") no-repeat scroll transparent;
}

.i_16_calendar {
    background: url("images/iconos/16/i_16_calendar.png") no-repeat scroll transparent;
}

.i_16_wysiwyg {
    background: url("images/iconos/16/i_16_wysiwyg.png") no-repeat scroll transparent;
}

.i_16_spinner {
    background: url("images/iconos/16/i_16_spinner.png") no-repeat scroll transparent;
}

.i_16_valid {
    background: url("images/iconos/16/i_16_valid.png") no-repeat scroll transparent;
}

.i_16_pacman {
    background: url("images/iconos/16/i_16_pacman.png") no-repeat scroll transparent;
}

.i_16_data {
    background: url("images/iconos/16/i_16_data.png") no-repeat scroll transparent;
}

.i_16_tabs {
    background: url("images/iconos/16/i_16_tabs.png") no-repeat scroll transparent;
}

.i_16_settings_small {
    background: url("images/iconos/16/i_16_settings_small.png") no-repeat scroll transparent;
}

.i_16_checkbox {
    background: url("images/iconos/16/i_16_checked.png") no-repeat scroll transparent;
}

.i_16_settings {
    background: url("images/iconos/16/i_16_settings.png") no-repeat scroll transparent;
}

.i_16_resize {
    background: url("images/iconos/16/i_16_resize.png") no-repeat scroll transparent;
}

.i_16_tables {
    background: url("images/iconos/16/i_16_tables.png") no-repeat scroll transparent;
}

.i_16_charts {
    background: url("images/iconos/16/i_16_charts.png") no-repeat scroll transparent;
}

.i_16_pie {
    background: url("images/iconos/16/i_16_pie.png") no-repeat scroll transparent;
}

.i_16_bars {
    background: url("images/iconos/16/i_16_bars.png") no-repeat scroll transparent;
}

.i_16_add {
    background: url("images/iconos/16/i_16_add.png") no-repeat scroll transparent;
}

.i_16_progress {
    background: url("images/iconos/16/i_16_progress.png") no-repeat scroll transparent;
}

.i_16_files {
    background: url("images/iconos/16/i_16_files.png") no-repeat scroll transparent;
}

.i_16_profile {
    background: url("images/iconos/16/i_16_profile.png") no-repeat scroll transparent;
}

.i_16_tasks {
    background: url("images/iconos/16/i_16_tasks.png") no-repeat scroll transparent;
}

.i_16_notes {
    background: url("images/iconos/16/i_16_notes.png") no-repeat scroll transparent;
}

.i_16_pass {
    background: url("images/iconos/16/i_16_pass.png") no-repeat scroll transparent;
}

.i_16_options {
    background: url("images/iconos/16/i_16_options.png") no-repeat scroll transparent;
}

.i_16_logout {
    background: url("images/iconos/16/i_16_logout.png") no-repeat scroll transparent;
}

.i_16_merc {
    background: url("images/iconos/16/i_16_merc.png") no-repeat scroll transparent;
}

.i_22_pages {
    background: url("images/iconos/22/i_22_pages.png") no-repeat scroll transparent;
}

.i_22_perfil {
    background: url("images/iconos/22/i_22_perfil.png") no-repeat scroll transparent;
}

.i_22_pass {
    background: url("images/iconos/22/i_22_pass.png") no-repeat scroll transparent;
}

.i_22_settings {
    background: url("images/iconos/22/i_22_settings.png") no-repeat scroll transparent;
}

.i_22_upload {
    background: url("images/iconos/22/i_22_upload.png") no-repeat scroll transparent;
}

.i_22_salir {
    background: url("images/iconos/22/i_22_salir.png") no-repeat scroll transparent;
}

.i_22_faq {
    background: url("images/iconos/22/i_22_faq.png") no-repeat scroll transparent;
}

.i_22_search {
    background: url("images/iconos/22/i_22_search.png") no-repeat scroll transparent;
}

.i_22_vehi {
    background: url("images/iconos/22/i_22_vehi2.png") no-repeat scroll transparent;
}

.i_22_idCard {
    background: url("images/iconos/22/i_22_idCard.png") no-repeat scroll transparent;
}

.i_22_doc_val {
    background: url("images/iconos/22/i_22_doc_val.png") no-repeat scroll transparent;
}

.i_22_appointment {
    background: url("images/iconos/22/i_22_appointment.png") no-repeat scroll transparent;
}

.i_22_cant {
    background: url("images/iconos/22/i_22_cant.png") no-repeat scroll transparent;
}

.i_22_merc {
    background: url("images/iconos/22/i_22_merc.png") no-repeat scroll transparent;
}

.i_22_agret {
    background: url("images/iconos/22/i_22_agret.png") no-repeat scroll transparent;
}

.i_22_ini {
    background: url("images/iconos/22/i_22_ini.png") no-repeat scroll transparent;
}

.i_22_neg {
    background: url("images/iconos/22/i_22_neg.png") no-repeat scroll transparent;
}

.i_22_inmo {
    background: url("images/iconos/22/i_22_inmo4.png") no-repeat scroll transparent;
}

.i_22_pub {
    background: url("images/iconos/22/i_22_pub.png") no-repeat scroll transparent;
}

.i_22_pub_mov {
    background: url("images/iconos/22/i_22_pub_mov.png") no-repeat scroll transparent;
}

.i_22_pago {
    background: url("images/iconos/22/i_22_pago.png") no-repeat scroll transparent;
}

.i_22_retplaca {
    background: url("images/iconos/22/i_22_retplaca.png") no-repeat scroll transparent;
}

.i_22_zarpe {
    background: url("images/iconos/22/i_22_zarpe.png") no-repeat scroll transparent;
}

.i_22_certlar {
    background: url("images/iconos/22/i_22_certlar.png") no-repeat scroll transparent;
}

.i_22_certcor {
    background: url("images/iconos/22/i_22_certcor.png") no-repeat scroll transparent;
}

.i_22_vertra {
    background: url("images/iconos/22/i_22_vertra.png") no-repeat scroll transparent;
}

.i_22_prov {
    background: url("images/iconos/22/i_22_prov.png") no-repeat scroll transparent;
}

.i_22_excel {
    background: url("images/iconos/22/i_22_excel.png") center right no-repeat scroll transparent;
}

.i_22_OyC {
    background: url("images/iconos/22/i_22_OyC.png") no-repeat scroll transparent;
}

.i_22_file {
    background: url("images/iconos/22/i_22_file.png") center right no-repeat scroll transparent;
}

.i_32_delivery {
    background: url("images/iconos/32/i_32_delivery.png") no-repeat scroll transparent;
}

.i_32_dollar {
    background: url("images/iconos/32/i_32_dollar.png") no-repeat scroll transparent;
}

.i_32_vehi {
    background: url("images/iconos/32/i_32_vehi2.png") no-repeat scroll transparent;
}

.i_32_cant {
    background: url("images/iconos/32/i_32_cant.png") no-repeat scroll transparent;
}

.i_32_merc {
    background: url("images/iconos/32/i_32_merc.png") no-repeat scroll transparent;
}

.i_32_inbox {
    background: url("images/iconos/32/i_32_inbox.png") no-repeat scroll transparent;
}

.i_32_ini {
    background: url("images/iconos/32/i_32_ini.png") no-repeat scroll transparent;
}

.i_32_agret {
    background: url("images/iconos/32/i_32_agret.png") no-repeat scroll transparent;
}

.i_32_neg {
    background: url("images/iconos/32/i_32_neg.png") no-repeat scroll transparent;
}

.i_32_inmo {
    background: url("images/iconos/32/i_32_inmo4.png") no-repeat scroll transparent;
}

.i_32_pub {
    background: url("images/iconos/32/i_32_pub.png") no-repeat scroll transparent;
}

.i_32_pub_mov {
    background: url("images/iconos/32/i_32_pub_mov.png") no-repeat scroll transparent;
}

.i_32_pago {
    background: url("images/iconos/32/i_32_pago.png") no-repeat scroll transparent;
}

.i_32_ok {
    background-image: url(images/iconos/32/i_32_ok.png);
}

.i_32_no {
    background-image: url(images/iconos/32/i_32_no.png);
}

.i_32_pys {
    background-image: url(images/iconos/32/i_32_pys.png);
}

.i_32_ec {
    background-image: url(images/iconos/32/i_32_ec.png);
}

.i_32_retplaca {
    background-image: url(images/iconos/32/i_32_retplaca.png);
}

.i_32_zarpe {
    background-image: url(images/iconos/32/i_32_zarpe.png);
}

.i_32_certlar {
    background-image: url(images/iconos/32/i_32_certlar.png);
}

.i_32_certcor {
    background-image: url(images/iconos/32/i_32_certcor.png);
}

.i_32_vertra {
    background-image: url(images/iconos/32/i_32_vertra.png);
}

.i_32_pendingObl {
    background-image: url(images/iconos/32/DeudasPendientes.png);
}

.i_32_payments {
    background-image: url(images/iconos/32/PagoLiquidacion.png);
}

.i_32_hispayments {
    background-image: url(images/iconos/32/historialPago.png);
}

.i_32_termsConditions {
    background-image: url(images/iconos/32/TerminosCondiciones.png);
}

.i_32_verdocs {
    background-image: url(images/iconos/32/i_32_verdocs.png);
}

.i_32_forms {
    background-image: url(images/iconos/32/i_32_forms.png);
}

.i_32_verfact {
    background-image: url(images/iconos/32/i_32_verfact.png);
}

.i_32_ingret {
    background-image: url(images/iconos/32/i_32_ingret.png);
}

.i_32_liqret {
    background-image: url(images/iconos/32/i_32_liqret.png);
}

.i_32_subret {
    background-image: url(images/iconos/32/i_32_subret.png);
}

.i_32_verliq {
    background-image: url(images/iconos/32/i_32_verliq.png);
}

.i_32_verret {
    background-image: url(images/iconos/32/i_32_verret.png);
}

.i_32_bajret {
    background-image: url(images/iconos/32/i_32_bajret.png);
}

.i_32_misret {
    background-image: url(images/iconos/32/i_32_misret.png);
}

.i_32_prov {
    background: url("images/iconos/32/i_32_prov.png") no-repeat scroll transparent;
}

.i_32_excel {
    background: url("images/iconos/32/i_32_excel.png") no-repeat scroll transparent;
}

.i_32_OyC {
    background: url("images/iconos/32/i_32_OyC.png") no-repeat scroll transparent;
}

.i_32_LegYJu {
    background: url("images/iconos/32/i_32_LegYJu.png") no-repeat scroll transparent;
}
/* Footer */

footer {
    clear: both;
    padding: 4px 0;
    text-align: center;
    border-top: 1px solid #DADADA;
    box-shadow: 0 1px 0 #FCFCFC;
    background: #f6f5f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f5f6 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f6), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f5f6 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f5f6 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f5f6 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f5f6 0%,#efefef 100%); /* W3C */
    /*position: relative;
		margin-top: 10px;*/
    bottom: 0;
    display: block;
    width: 100%;
    height: 30px;
}

#logo-ari {
    background: url(images/ari-logo.png) no-repeat;
    float: left;
    width: 60px;
    height: 35px;
}

#logo-ciudad {
    background: url(images/logo-ciudad.png) no-repeat;
    float: right;
    height: 35px;
    width: 100px;
}

/* Grids */

.line_grid {
    overflow: hidden;
    /*padding: 10px;*/
    width: auto;
    height: auto;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dadada;
}

    .line_grid:first-child {
        border-top: 0;
    }

    .line_grid:last-child {
        border-bottom: 0;
    }

.grid_wrapper {
    overflow: hidden;
    padding: 10px;
    width: auto;
    height: auto;
    min-height: 370px; /* You can change here if you have more than 6 buttons on the sidebar */
}

.g_12, .g_10, .g_9, .g_8, .g_6, .g_4, .g_3, .g_2 {
    float: left;
    border: 4px solid rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.g_2 {
    width: 16.66%;
}

.g_3 {
    width: 25%;
}

.g_4 {
    width: 33.33%;
}

.g_6 {
    width: 50%;
}

.g_8 {
    width: 66.66%;
}

.g_9 {
    width: 75%;
}

.g_10 {
    width: 83.33%;
}

.g_12 {
    width: 100%;
}

/* Quick Stats */

.stats_info {
    text-align: center;
    margin: 0;
    padding-bottom: 8px;
    height: 26px;
    line-height: 26px;
}

.visitor_stats, .tickets_stats, .users_stats, .orders_stats {
    width: 130px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 11px;
    padding-top: 30px;
    padding-bottom: 17px;
    text-align: center;
}

.visitor_stats {
    background: url("images/texturas/visitor_stats.png") no-repeat 0 0 scroll transparent;
}

.tickets_stats {
    background: url("images/texturas/tickets_stats.png") no-repeat 0 0 scroll transparent;
}

.users_stats {
    background: url("images/texturas/users_stats.png") no-repeat 0 0 scroll transparent;
}

.orders_stats {
    background: url("images/texturas/orders_stats.png") no-repeat 0 0 scroll transparent;
}

/* Widgets */

.widget_header_title, .ui-dialog-title {
    float: left;
}

.widget_header, .ui-dialog-titlebar {
    background: #0e225d !important; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C */
    height: 38px;
    line-height: 38px;
    border-bottom-width: 0;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0 1rem;
}

    .widget_header h4 {
        color: #ffffff;
        display: flex;
        align-items: center;
        height: 100%;
    }

form {
    background-color: #ffffff !important;
    border: none !important;
}

.widget_contents.noPadding {
    padding: 0;
    overflow: hidden;
}

.wwIcon {
    background-position: 0 13px;
    padding-left: 25px;
}

.wwOptions {
    padding-right: 0;
}

.w_Options, .w_AT {
    background-position: center center;
    width: 38px;
    height: 38px;
    float: right;
    border-left: 1px solid #dadada;
    position: relative;
}

.w_AT {
    border-left-width: 0;
    padding-right: 15px;
    width: auto;
}

.w_Tabs {
    float: right;
    margin: 0;
    padding: 0;
}

    .w_Tabs > li {
        float: right;
        display: inline-block;
    }

        .w_Tabs > li > a {
            display: inline-block;
            height: 38px;
            line-height: 38px;
            padding: 0 15px;
            border-left: 1px solid #dadada;
            color: inherit;
        }

    .w_Options:hover, .w_Tabs a:hover {
        background-color: rgba(255, 255, 255, 0.6);
        cursor: pointer;
    }

.widget_contents, .dialog {
    background-color: #FFFFFF;
    border-radius: 0 0 3px 3px;
    box-shadow: inset 0 1px 0 #ffffff;
    padding: 15px;
}

.separator {
    background-clip: content-box;
}

    .separator > span {
        display: block;
        width: 60px;
        height: 20px;
        margin: 0 auto;
        padding: 5px 10px;
    }

div.widget_contents.lgNoPadding {
    padding: 0;
}

    div.widget_contents.lgNoPadding .line_grid {
        overflow: visible;
    }

/* Charts */

.charts, .h_bars, .v_bars, .realtime_charts, .donut_charts, .pie_charts {
    margin-top: 15px;
    height: 260px;
}

.tickLabel, .legendLabel, .charts_tooltip {
    /*font-family: Droid Sans;*/
    color: #8f8f8f;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.legendColorBox > div > div {
    border-radius: 2px;
    margin-left: 12px;
    margin-right: 4px;
}

.charts_tooltip {
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0%,#efefef 100%); /* W3C */
    padding: 6px;
    border: 1px solid #dadada;
    -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0,0,0,0.33);
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0,0,0,0.33);
    line-height: 14px;
}

.pieLabel {
    /*font-family: Droid Sans;*/
    text-shadow: 0 1px 0 #FFFFFF;
}

/* Tables */

.tables {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    display: table;
    border-color: gray;
}

    .tables th, .tables td {
        border: 1px solid #E0E0E0;
        padding: 0px 15px;
    }

    .tables thead tr {
        box-shadow: 0 1px 3px #E6E6E6;
    }

    .tables thead th {
        border-top: 0;
    }

    .tables tfoot th {
        border-bottom: 0;
    }

    .tables th {
        /*font-family: Oswald;*/
        color: #9D9D9D;
        font-size: 13px;
        text-shadow: 0 1px 0 #FFFFFF;
        font-weight: normal;
        line-height: 25px;
        background: #fefefe; /* Old browsers */
        background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fefefe 0%,#f2f2f2 100%); /* W3C */
        -webkit-box-shadow: 0 1px 0 #FFFFFF inset;
        box-shadow: 0 1px 0 #FFFFFF inset;
        border-bottom-color: #dadada;
    }

        .tables th.sorting {
            cursor: pointer;
            background: url("images/iconos/16/i_16_sorting.png") no-repeat right center;
            background: url("images/iconos/16/i_16_sorting.png") no-repeat right center, -webkit-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting.png") no-repeat right center, -moz-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting.png") no-repeat right center, -o-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting.png") no-repeat right center, -ms-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting.png") no-repeat right center, linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
        }

        .tables th.sorting_asc {
            cursor: pointer;
            background: url("images/iconos/16/i_16_sorting_asc.png") no-repeat right center;
            background: url("images/iconos/16/i_16_sorting_asc.png") no-repeat right center, -webkit-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting_asc.png") no-repeat right center, -moz-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting_asc.png") no-repeat right center, -o-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting_asc.png") no-repeat right center, -ms-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting_asc.png") no-repeat right center, linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
        }

        .tables th.sorting_desc {
            cursor: pointer;
            background: url("images/iconos/16/i_16_sorting_desc.png") no-repeat right center;
            background: url("images/iconos/16/i_16_sorting_desc.png") no-repeat right center, -webkit-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting_desc.png") no-repeat right center, -moz-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting_desc.png") no-repeat right center, -o-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting_desc.png") no-repeat right center, -ms-linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
            background: url("images/iconos/16/i_16_sorting_desc.png") no-repeat right center, linear-gradient(top, #FEFEFE 0%, #F2F2F2 100%);
        }

    .tables td {
        /*font-family: Droid Sans;*/
        color: #696969;
        font-size: 14px;
        text-shadow: 0 1px 0 #FFFFFF;
        font-weight: normal;
        line-height: 26px;
    }

        .tables th:first-child, .tables td:first-child {
            border-left-width: 0;
        }


table th:last-child, table td:last-child {
    border-right-width: 0;
}

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

table tbody tr:nth-child(2n) {
    background-color: #F9F9F9;
    box-shadow: 0 1px 0 #FFFFFF inset;
}

table.noObOLine tbody tr:nth-child(2n) {
    background: none;
    box-shadow: none;
}

table.noObOLine tbody tr.status_closed {
    background-color: #F9F9F9;
    box-shadow: 0 1px 0 #FFFFFF inset;
}

.twCheckbox .checker {
    position: relative;
    vertical-align: middle;
}

.twCheckbox .simple_form {
    position: absolute;
    right: 0;
    top: 0;
}

.twCheckbox thead tr:first-child th:first-child {
    width: 20px;
}

.dtTop {
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #C9C9C9;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0%,#f8f8f8 100%); /* W3C */
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.dtBottom, .ui-dialog-buttonpane {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #C9C9C9;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 100%); /* W3C */
    -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 -2px 3px #E6E6E6;
    box-shadow: inset 0 1px 0 #ffffff, 0 -2px 3px #E6E6E6;
}

.dtTables {
    clear: both;
    overflow: auto;
}

.dtShowPer {
    float: right;
}

    .dtShowPer .selector {
        margin-left: 12px;
    }

.dtFilter {
    float: left;
}

.dtInfo {
    float: left;
}

.dtBottom .dtPagination {
    float: right;
}

.dtPagination a {
    padding: 0 10px;
    margin: 12px 4px 0;
    cursor: pointer;
}

    .dtPagination a:hover {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 100%); /* W3C */
    }

    .dtPagination a.paginate_active {
        background: none repeat scroll 0 0 #EFEFEF;
    }

.message {
    padding: 12px;
    border: 1px solid #dadada;
    box-shadow: 0 1px 0 #ffffff;
    border-radius: 4px;
    background-color: #ffffff;
}

.avatar {
    border-radius: 3px;
    display: block;
    width: 42px;
}

.aR {
    float: right;
}

textarea.simple_field.mpReply {
    min-height: 40px;
}

.contact_grad {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 100%); /* W3C */
}

/* UI */

.checker, .radio, .ui-slider-handle {
    display: inline-block;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f7f7f7 100%); /* W3C */
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    height: 16px;
    width: 16px;
    -webkit-box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset;
    box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset;
    margin-right: 12px;
}

input[type="checkbox"], input[type="radio"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.radio, .ui-slider-handle {
    border-radius: 10px;
}

    .checker > span, .radio > span {
        height: 16px;
        width: 16px;
        display: block;
    }

    .checker.disabled, .radio.disabled {
        opacity: 0.5;
    }

.checker .checked {
    background: url("images/iconos/16/i_16_checked.png") no-repeat center center scroll transparent;
}

.radio .checked {
    background: url("images/iconos/16/i_16_radio.png") no-repeat center center scroll transparent;
}

.ui-tabs-hide {
    display: none;
}

.ui-state-active {
    background-color: #F2F2F2;
}

.simple_buttons, .selector, .dtPagination a, .ui-button {
    display: inline-block;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    height: 26px;
    line-height: 26px;
    box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset;
    /*font-family: Oswald;*/
    color: #8f8f8f;
    font-size: 12px;
    text-shadow: 0 1px 0 #FFFFFF;
    box-shadow: 0 2px 3px #EAEAEA;
    cursor: pointer;
}

.submitIt {
    padding: 0 20px;
}

.simple_buttons div {
    padding: 0 15px;
    display: inline-block;
    float: left;
}

.modern_buttons {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-family: Montserrat, sans-serif;
    background-color: #0E225D;
    color: #FFFFFF;
    padding: 0.6rem;
    border: none;
    border-radius: 1rem;
    transition-duration: 0.5s;
    cursor: pointer;
}

    .modern_buttons:hover {
        background-color: #D6EAFF;
        color: #083AC5;
    }

div.bwIcon {
    display: inline-block;
    padding-left: 30px;
    background-position: 7px 6px;
}

div.buttons_arrow {
    border-left: 1px solid #dadada;
    height: 26px;
    padding: 0 12px;
    background: url("images/iconos/16/i_16_bottom_arrow.png") no-repeat center center scroll transparent;
    position: relative;
}

.selector.hover select {
    cursor: pointer;
}

div.buttons_arrow:hover, .selector.hover span {
    background-color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}

.selector {
    position: relative;
    box-shadow: 0 1px 3px #EEEEEE;
    margin-right: 12px;
}

    .selector span {
        display: block;
        padding: 0 40px 0 15px;
        background: url("images/iconos/16/i_16_selector.png") no-repeat right center transparent;
    }

    .selector select {
        position: absolute;
        top: 0;
        left: 0;
        height: 28px;
        width: 100%;
    }

.ui-datepicker-inline {
    overflow: auto;
}

.ui-datepicker, .ui-autocomplete {
    background-color: #FCFCFC;
    border: 1px solid #C9C9C9;
    border-radius: 3px;
    box-shadow: 0 2px 3px #D0D0D0;
    width: auto;
    margin-top: 4px;
    display: none;
}

    .ui-datepicker a {
        color: inherit;
    }

.ui-datepicker-header {
    border-bottom: 1px solid #C9C9C9;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0%,#f8f8f8 100%); /* W3C */
    padding: 0 15px;
    line-height: 46px;
    border-radius: 3px 3px 0 0;
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-next {
    float: right;
}

    .ui-datepicker-next span, .ui-datepicker-prev span {
        cursor: pointer;
        /*font-family: Droid Sans;*/
        color: #818181;
        font-size: 13px;
        text-shadow: 0 1px 0 #FFFFFF;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */
        border: 1px solid #CBCBCB;
        border-radius: 3px;
        height: 16px;
        -webkit-box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset;
        box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset;
        padding: 3px 6px;
    }

.ui-datepicker-next-hover span, .ui-datepicker-prev-hover span {
    background: #ffffff;
}

.ui-datepicker-title {
    text-align: center;
    /*font-family: Oswald;*/
    color: #9A9A9A;
    font-size: 14px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.ui-autocomplete {
    padding: 0;
    margin: 0;
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
    width: 150px !important;
    border-top: 0;
    border-radius: 0 0 3px 3px;
}

    .ui-autocomplete li {
        display: block;
        padding: 0 8px;
        color: #696969;
        /*font-family: Droid Sans;*/
        font-size: 14px;
        text-shadow: 0 1px 0 #FFFFFF;
        line-height: 28px;
        border-bottom: 1px solid #E8E8E8;
    }

        .ui-autocomplete li:last-child {
            border-bottom-width: 0;
        }

.slider {
    border: 1px solid #C9C9C9;
    height: 5px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
    position: relative;
    margin: 8px 0;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */
}

.ui-slider-range {
    border-radius: 6px 6px 6px 6px;
    height: 100%;
    position: absolute;
    top: -1px;
    box-shadow: 0 1px 0 #FFFFFF;
}

.sVertical .ui-slider-range {
    width: 100%;
    left: -1px;
    top: auto;
    bottom: auto;
}

.ui-slider-range-max {
    right: -1px;
}

.ui-slider-range-min {
    left: -1px;
}

.sVertical .ui-slider-range-max {
    top: -1px;
}

.sVertical .ui-slider-range-min {
    bottom: 0;
}

.scBlue .ui-slider-range, .scBlue .ui-progressbar-value {
    background: #54cef9; /* Old browsers */
    background: -moz-linear-gradient(top, #54cef9 0%, #70c4e3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54cef9), color-stop(100%,#70c4e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #54cef9 0%,#70c4e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #54cef9 0%,#70c4e3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #54cef9 0%,#70c4e3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #54cef9 0%,#70c4e3 100%); /* W3C */
    border: 1px solid #63adc9;
}

.scGreen .ui-slider-range, .scGreen .ui-progressbar-value {
    background: #bdea74; /* Old browsers */
    background: -moz-linear-gradient(top, #bdea74 0%, #b6e370 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdea74), color-stop(100%,#b6e370)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bdea74 0%,#b6e370 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bdea74 0%,#b6e370 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bdea74 0%,#b6e370 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bdea74 0%,#b6e370 100%); /* W3C */
    border: 1px solid #96bb5c;
}

.scDPink .ui-slider-range, .scDPink .ui-progressbar-value {
    background: #ea74a5; /* Old browsers */
    background: -moz-linear-gradient(top, #ea74a5 0%, #e3709f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea74a5), color-stop(100%,#e3709f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ea74a5 0%,#e3709f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ea74a5 0%,#e3709f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ea74a5 0%,#e3709f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ea74a5 0%,#e3709f 100%); /* W3C */
    border: 1px solid #bb5c83;
}

.scDRed .ui-slider-range, .scDRed .ui-progressbar-value {
    background: #ea7474; /* Old browsers */
    background: -moz-linear-gradient(top, #ea7474 0%, #e37170 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea7474), color-stop(100%,#e37170)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ea7474 0%,#e37170 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ea7474 0%,#e37170 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ea7474 0%,#e37170 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ea7474 0%,#e37170 100%); /* W3C */
    border: 1px solid #bb5c5c;
}

.scDYellow .ui-slider-range, .scDYellow .ui-progressbar-value {
    background: #eae874; /* Old browsers */
    background: -moz-linear-gradient(top, #eae874 0%, #e3e270 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae874), color-stop(100%,#e3e270)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eae874 0%,#e3e270 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eae874 0%,#e3e270 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eae874 0%,#e3e270 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eae874 0%,#e3e270 100%); /* W3C */
    border: 1px solid #bbb95c;
}

.ui-slider-handle {
    position: absolute;
    background: url("images/iconos/16/i_16_radio.png") no-repeat center center scroll;
    background: url("images/iconos/16/i_16_radio.png") no-repeat center center scroll, -webkit-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_radio.png") no-repeat center center scroll, -moz-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_radio.png") no-repeat center center scroll, -o-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_radio.png") no-repeat center center scroll, -ms-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_radio.png") no-repeat center center scroll, linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    margin: -6px;
    -webkit-box-shadow: 0 1px 0 #FFFFFF inset;
    box-shadow: 0 1px 0 #FFFFFF inset;
}

.sVertical {
    float: left;
    height: 100px;
    margin-right: 40px;
    width: 5px;
}

.progress {
    border: 1px solid #C9C9C9;
    height: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */
    position: relative;
}

.ui-progressbar-value {
    height: 100%;
    top: -1px;
    position: absolute;
    left: -1px;
    border-radius: 4px;
}

.cwhToggle {
    cursor: pointer;
}

.cwClose {
    height: 0;
}

.exbT > div {
    margin-right: 10px;
}

.pCenter {
    text-align: center;
}

    .pCenter a {
        margin-top: 0;
    }

.iphO {
    overflow: hidden;
}

.iPreview {
    float: left;
    margin: 0 10px;
    margin-bottom: 20px;
}

    .iPreview img {
        display: block;
    }

.ui-dialog {
    position: absolute !important;
}

.ui-dialog-titlebar-close {
    background: url("images/iconos/16/i_16_close.png") no-repeat center center;
    display: block;
    float: right;
    height: 16px;
    margin-top: 10px;
    width: 16px;
}

.ui-widget-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    position: fixed;
    top: 0;
}

.ui-dialog-buttonpane {
    text-align: center;
    border: 1px solid #C9C9C9;
    box-shadow: none;
    margin-top: -3px;
    border-radius: 0 0 3px 3px;
    height: 44px;
    line-height: 44px;
}

    .ui-dialog-buttonpane button:first-child {
        margin-right: 10px;
    }

.lPreview {
    text-align: center;
}

    .lPreview a {
        display: inline-block;
        margin-right: 30px;
    }

    .lPreview img {
        display: block;
        border-radius: 3px;
        box-shadow: 0 0 3px #B8B8B8;
    }

td.ui-datepicker-current-day, a.ui-state-active {
    background-color: #F2F2F2;
}

/* Forms */

.simple_field, .filename {
    display: inline-block;
    width: 90%;
    margin-left: 10px;
    margin-right: 10px;
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

textarea.simple_field {
    min-height: 160px;
    line-height: 24px;
    padding: 8px;
    max-width: 100%;
}

input[disabled="disabled"] {
    opacity: 0.8;
}

input[readonly="readonly"] {
    opacity: 0.8;
    background-color: rgb(235, 235, 228);
}

textarea[readonly="readonly"] {
    background-color: #e9ecef !important;
    opacity: 1;
    pointer-events: none;
}

.lwIcon {
    display: inline-block;
    line-height: 20px;
    background-position: 0 3px;
    padding-left: 24px;
}

.fwIcon {
    position: absolute;
    right: 10px;
    top: 6px;
}

.fiwIcon {
    padding-right: 34px;
}

.uploader {
    position: relative;
    cursor: pointer;
}

    .uploader input, .uploader .action {
        display: inline-block;
        width: 100%;
        height: 28px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .uploader .action {
        width: 26px;
        background: url("images/iconos/16/i_16_add.png") no-repeat scroll center center transparent;
    }

.ui-spinner-input {
    border-radius: 2px 0 0 2px;
}

.ui-spinner-up, .ui-spinner-down {
    cursor: pointer;
}

    .ui-spinner-up:hover, .ui-spinner-down:hover {
        background-color: rgba(255, 255, 255, 0.6);
    }

.ui-spinner-up {
    background: url("images/iconos/16/i_16_up.png") center center no-repeat;
    background: url("images/iconos/16/i_16_up.png") center center no-repeat, -webkit-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_up.png") center center no-repeat, -moz-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_up.png") center center no-repeat, -o-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_up.png") center center no-repeat, -ms-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_up.png") center center no-repeat, linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    border: 1px solid #CCCCCC;
    border-left-width: 0;
    border-radius: 0 2px 0 0;
}

.ui-spinner-down {
    background: url("images/iconos/16/i_16_down.png") center center no-repeat;
    background: url("images/iconos/16/i_16_down.png") center center no-repeat, -webkit-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_down.png") center center no-repeat, -moz-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_down.png") center center no-repeat, -o-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_down.png") center center no-repeat, -ms-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    background: url("images/iconos/16/i_16_down.png") center center no-repeat, linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%);
    border: 1px solid #CCCCCC;
    border-left-width: 0;
    border-top-color: #ffffff;
    border-radius: 0 0 2px 0;
}

.ilC {
    display: inline-block;
    margin-right: 20px;
    margin-top: 2px;
    vertical-align: top;
}

.must {
    color: #FF6347;
    margin-left: 4px;
    font-weight: bold;
}

/* Message */

.success, .alert, .error, .info {
    cursor: pointer;
    /*font-family: Oswald;*/
    font-size: 12px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    border-radius: 6px;
    box-shadow: 0 2px 4px #CCCCCC;
}

.success {
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top, #dddddd 0%, #bbbbbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd ), color-stop(100%,#bbbbbb )); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 0%,#bbbbbb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 0%,#bbbbbb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 0%,#bbbbbb 100%); /* W3C */
    border: 1px solid #bbbbbb;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
}

.alert {
    background: #eae874; /* Old browsers */
    background: -moz-linear-gradient(top, #eae874 0%, #d0d05f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae874), color-stop(100%,#d0d05f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eae874 0%,#d0d05f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eae874 0%,#d0d05f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eae874 0%,#d0d05f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eae874 0%,#d0d05f 100%); /* W3C */
    border: 1px solid #bbbbbb;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
}

.error {
    background: #ea7474; /* Old browsers */
    background: -moz-linear-gradient(top, #ea7474 0%, #c44f4f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea7474), color-stop(100%,#c44f4f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ea7474 0%,#c44f4f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ea7474 0%,#c44f4f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ea7474 0%,#c44f4f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ea7474 0%,#c44f4f 100%); /* W3C */
    border: 1px solid #CD7171;
    text-shadow: 0 1px 0 #EF8181;
    color: #800B0B;
}

.info {
    background: #54cef9; /* Old browsers */
    background: -moz-linear-gradient(top, #54cef9 0%, #5ea8c5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54cef9), color-stop(100%,#5ea8c5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #54cef9 0%,#5ea8c5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #54cef9 0%,#5ea8c5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #54cef9 0%,#5ea8c5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #54cef9 0%,#5ea8c5 100%); /* W3C */
    border: 1px solid #6EB7D3;
    text-shadow: 0 1px 0 #80D2F2;
    color: #0F5F7E;
}

/* Pages */

.pages {
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
}

.goBack {
    display: block;
    margin: 0 auto;
    padding: 4px 12px;
    width: 115px;
    margin-bottom: 40px;
}

.login {
    margin: 30px auto 60px;
    /*margin-top: 60px;*/
    z-index: 5;
    height: 530px;
}

/* Tipografia */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

div.widget_contents p {
    font-size: 12px;
    line-height: 14px;
    text-align: justify;
    margin-left: 10px;
    margin-right: 10px;
}

div.widget_contents li {
    font-size: 12px;
    list-style-type: disc;
    text-align: justify;
    padding: 5px;
    margin-right: 10px;
    list-style-image: url(images/iconos/16/i_16_checked.png);
    list-style-position: inside;
}

div.widget_contents a {
    color: #666;
}

    div.widget_contents a:hover {
        color: #000;
    }

.top_panel, .label {
    color: #8f8f8f;
    font-size: 11px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.label {
    color: #8f8f8f;
    font-size: 12px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.top_search_input {
    color: #8f8f8f;
    font-size: 11px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.lwParagraph {
    line-height: 16px;
}

.field_notice {
    color: #AAAAAA;
    font-size: 11px;
    padding-top: 6px;
}

.simple_field, .filename {
    color: #696969;
    font-size: 12px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.dtShowPer, .dtFilter, .dtInfo, .dtPagination {
    color: #8f8f8f;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.small_count {
    color: #fafafa;
    text-shadow: 0 1px 0 #f68710;
    font-size: 13px;
}

.big_count {
    color: #fafafa;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    font-size: 14px;
}

.tab_label {
    color: #9D9D9D;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
}

    .tab_label:hover, .tab_info:hover {
        color: #666666;
    }

.contact_head {
    margin: 0;
    color: #9D9D9D;
    font-size: 16px;
    text-shadow: 0 1px 0 #FFFFFF;
    font-weight: normal;
}

.tab_info {
    color: #A6A6A6;
    font-size: 10px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.copyright {
    color: #b9b9b9;
    font-size: 11px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.stats_info {
    color: #b0b0b0;
    font-size: 18px;
    text-shadow: 0 1px 0 #FFFFFF;
    font-weight: normal;
}

.visitor_stats, .tickets_stats, .users_stats, .orders_stats {
    color: #f7f7f7;
    font-family: Arial;
    font-size: 24px;
}

.visitor_stats {
    text-shadow: 0 1px 2px #b13559;
}

.tickets_stats {
    text-shadow: 0 1px 2px #b1ac35;
}

.users_stats {
    text-shadow: 0 1px 2px #3599b1;
}

.orders_stats {
    text-shadow: 0 1px 2px #b13536;
}

.widget_header_title, .w_Tabs, .ui-dialog-title {
    margin: 0;
    /*color: #9a9a9a;*/
    color: #FFFFFF;
    font-size: 14px;
    text-shadow: 0 1px 0 #FFFFFF;
    font-weight: normal;
}

.big_button {
    font-size: 10px;
    font-weight: bold;
    color: #aeaeae;
}

#quotes {
    font-size: 12px;
    list-style: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.quote {
    font-size: 9px;
    line-height: 11px;
    color: #666;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .quote a {
        color: #666;
        text-decoration: underline;
    }

        .quote a:hover {
            color: #000;
        }

/* validators */

.errors {
    color: #ff0000;
    font-size: 9pt;
    list-style-image: url(images/iconos/16/i_16_cHorizontal.png);
    list-style-position: inside;
}

.field-validation-error {
    position: absolute;
    display: block;
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors, .validation-summary-errors > ul {
    font-weight: bold;
    color: #ff0000;
    list-style: none;
}

.validation-summary-valid {
    display: none;
}

* html .field-validation-error {
    position: relative;
}

* + html .field-validation-error {
    position: relative;
}

    .field-validation-error span {
        position: absolute;
        white-space: nowrap;
        color: red;
        padding: 17px 0 0 0;
        background: url("images/validation-error-message.png") no-repeat 0 0;
    }




/* PublicARI 1.0
----------------------------------------------------------*/

.sameline {
    line-height: 20px;
}

    .sameline .editor-label, .sameline .display-label {
        width: 30%;
        clear: left;
        text-align: right;
        margin-right: 1em;
        color: #20558A;
        float: left;
    }

    .sameline .editor-field, .sameline .display-field {
        width: 65%;
        text-align: left;
        clear: right;
        float: right;
    }

.mapa {
    float: right;
    height: 120px;
    width: 40%;
    z-index: auto;
}

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

.paymentList {
    width: 350px
}


/* ----- TIPSY ----- */

.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 3px 4px 2px 4px;
    text-align: center;
}

/* Rounded corners */
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}


/* --- No More IE6 -- */

div.nomoreie6 {
    border: 1px solid #F7941D;
    background: #FEEFDA;
    text-align: center;
    clear: both;
    height: 60px;
    position: relative;
    padding-left: 10px;
}

div.noie6-close {
    position: absolute;
    right: 3px;
    top: 3px;
    font-family: courier new;
    font-weight: bold;
}

div.nomoreie6 img {
    border: none;
}

div.noie6-content {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0;
    overflow: hidden;
    color: black;
}

div.noie6-logo {
    width: 45px;
    margin-top: 15px;
    float: left;
}

div.noie6-text {
    width: 390px;
    float: left;
}

.custom-upload {
    position: relative;
    height: 25px;
    width: 250px;
    margin: 2px;
}

    .custom-upload input[type=file] {
        outline: none;
        position: relative;
        text-align: right;
        -moz-opacity: 0;
        filter: alpha(opacity: 0);
        opacity: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

    .custom-upload .fake-file {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 250px;
        padding: 0;
        margin: 0;
        z-index: 1;
        line-height: 100%;
        text-align: left;
    }

        .custom-upload .fake-file input {
            font-size: 12px;
            height: 25px;
            width: 220px;
        }

/*Dialog*/
.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
    }


    .modalDialog > div {
        width: 900px;
        position: relative;
        margin: 10% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #f9f9f9;
        max-height: 500px;
        overflow-y: scroll;
    }

.close {
    /*background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;*/
}

    .close:hover { /*background: #00d9ff;*/
    }

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

@media(max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

.in_border_small {
    width: 38px;
    height: 38px;
    position: relative;
    top: 1px;
    left: 4px;
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%,#bcbcbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%,#bcbcbc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%,#bcbcbc 100%); /* W3C */
    border-radius: 34px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
}

    .in_border_small:active {
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.24);
    }

.the_button3 {
    display: block;
    width: 35px;
    height: 35px;
    position: relative;
    top: 1px;
    left: 3px;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fafafa 0%,#eaeaea 100%); /* W3C */
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    border-radius: 33px;
}

    .the_button3 > span {
        width: 32px;
        height: 32px;
        position: relative;
        top: 17px;
        left: 17px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-color: transparent;
        border-radius: 2px;
    }

    .the_button3:hover > span {
        background-position: 0 -32px;
        background-repeat: no-repeat;
        background-color: transparent;
    }

.in_border_width {
    position: absolute;
    width: 90px;
}

input[data-readonly="data-readonly"] {
    background-color: #e9ecef !important;
    opacity: 1;
    pointer-events: none;
}

.text_warning {
    background-color: #ffc0cb;
}

.i_22_user_secondary {
    background: url("images/iconos/22/i_22_user_secondary.png") no-repeat scroll transparent;
}