/********************************      Basic Structure      ********************************/

@font-face {
    font-family: Montserrat;
    src: url(Montserrat-VariableFont_wght.ttf);
}

html {
        height: 100%;
        margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
        box-sizing: border-box;
        background-color: #f8f8f8;
        }

body {
        font-family: Montserrat, Arial, Helvetica, sans-serif;
        color: #555;
        background-color: #f8f8f8;
        height:100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

sup{
    vertical-align: super;
    font-size: smaller;
}

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                /*font-family: Helvetica, Arial, sans-serif;*/
                color: #222;
                font-weight: bold;
                }
    .ui-dialog h1, .ui-dialog h2, .ui-dialog h3, .ui-dialog h4, .ui-dialog h5, .ui-dialog h6 {
                color: #eee;
    }

h1            { font-size: 1.6em; font-weight: bold; color: #ddd; }
h2            { font-size: 1.5em; padding: 0 0 10px 0;}
h3            { font-size: 1.4em; padding: 0 0 10px 0; }
h4            { font-size: 1.3em; padding: 0 0 5px 0; }
h5            { font-size: 1.2em; padding: 0 0 5px 0; }
h6            { font-size: 1.1em; padding: 0 0 5px 0; }


a              { color: #57a000; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 5px 0 10px 0;
                line-height: 1.6em;
                }

/********************************      General Classes      ********************************/

.clear {clear: both; float:none;}
.hidden {display:none;}
.f_l { float: left;}
.f_r {float: right;}

.a_l{text-align:left;}
.a_c{text-align:center;}
.a_r{text-align:right;}
.a_t{vertical-align:top;}
.a_m{vertical-align:middle;}
.a_b{vertical-align:bottom;}
.n_w{white-space:nowrap;}
.nw{white-space:nowrap;}
.v_c{vertical-align:middle;}

.opa05{opacity:0.5;}
.opa06{opacity:0.6;}
.opa07{opacity:0.7;}
.opa10{opacity:1.0;}

.w50{width:50px;max-width:100%;}
.w75{width:75px;max-width:100%;}
.w100{width:100px;max-width:100%;}
.w150{width:150px;max-width:100%;}
.w200{width:200px;max-width:100%;}
.w250{width:250px;max-width:100%;}
.w300{width:300px;max-width:100%;}
.w350{width:350px;max-width:100%;}
.w400{width:400px;max-width:100%;}
.w500{width:500px;max-width:100%;}
.w600{width:600px;max-width:100%;}
.w700{width:700px;max-width:100%;}

.w30p{min-width:30%;max-width:100%;}
.w50p{min-width:50%;max-width:100%;}
.w70p{min-width:70%;max-width:100%;}
.w80p{min-width:80%;max-width:100%;}
.w100p{min-width:100%;max-width:100%;}

.p0{padding:0px!important;}
.p2{padding:2px!important;}
.p4{padding:4px!important;}

.b_b{border-bottom:1px #aaaaaa solid;}
.f_b{font-weight:bold;}

.a_icon{padding-right:15px;background:url('../link_ext3.gif') right no-repeat;}
.filter_icon{padding-right:15px;background:url('link_filter.png') right no-repeat;}
.ic-hidden-0{display:inline-block;margin-bottom:-3px;min-width:16px;background:url('ic-hidden-0.png') left no-repeat!important;}
.ic-hidden-0-white{display:inline-block;margin-bottom:-3px;min-width:16px;background:url('ic-hidden-0-white.png') left no-repeat!important;}
.ic-hidden-1{display:inline-block;margin-bottom:-3px;min-width:16px;background:url('ic-hidden-1.png') left no-repeat!important;}
.ic-hidden-1-white{display:inline-block;margin-bottom:-3px;min-width:16px;background:url('ic-hidden-1-white.png') left no-repeat!important;}
.ic-edit{display:inline-block;margin-bottom:-3px;min-width:16px;min-height: 16px;padding-left:16px;background:url('ic-edit-white.svg') left no-repeat;}

.thumb, .thumb50, .thumb32, .thumb16{
    width: 50px;
    height: 50px;
    display: inline-block;
    background-repeat:no-repeat;
    background-size: cover!important;
    background-position: center center;
    border-radius: 2px;
    float: left;
}
.thumb16{   width: 16px; height:16px;}
.thumb32{   width: 32px; height:32px;}
.thumb50{   width: 50px; height:50px;}
.thumb{     width: 64px; height:64px;}

.font-green{color:green!important;}
.font-orange{color:#f94!important;}
.font-red{color:red!important;}
.font-blue{color:blue!important;}
.font-yellow{color:#dc0!important;}
.font-grey{color:#888!important;}

.bg-green{background-color:green!important;}
.bg-orange{background-color:#f94!important;}
.bg-red{background-color:red!important;}
.bg-blue{background-color:blue!important;}
.bg-yellow{background-color:#dc0!important;}
.bg-grey{background-color:#888!important;}

/* === clickable table === */

    .clickable_tb {border-collapse: separate!important;border-spacing: 0px 3px;}
    .clickable_tb tbody {border:0px #ddddff solid;width:100%;cursor:pointer;border-collapse: separate!important;border-spacing: 10px 50px;}
    .clickable_tb tbody tr:hover{outline:2px #cec solid!important;background-color:#dfd!important;}

    /* = apply same hover effect on all .alt-row tables = */
    .alt-row {border-collapse: separate!important;border-spacing: 0!important;}
    .alt-row thead td{font-weight:bold;font-size:0.9em;}
    .alt-row thead em {color:inherit!important;opacity:0.6;}
    .alt-row tbody{border-collapse: separate!important;border-spacing: 0!important;cursor:default;}
    .alt-row tbody tr:hover{outline:2px #cec solid!important;background-color:#dfd!important;}
    .alt-row tbody tr:hover td {border-color:transparent!important;}

/* === stats table, but used around === */

    tr.green_marked{background-color:#dfd!important;outline:1px #cec solid!important;}
    tr.red_marked{background-color:#fdd!important;outline:1px #ecc solid!important;}
    tr.blue_marked{background-color:#ddf!important;outline:1px #cce solid!important;}
    tr.yellow_marked{background-color:#ffd!important;outline:1px #eec solid!important;}
    tr.grey_marked{background-color:#ddd!important;outline:1px #ccc solid!important;}

/* === isolated numbered tags === */

    .mark_div{
        display:inline-block;min-width:2.1rem;padding:4px 0px; margin:1px 4px; border-radius:2px;
        text-align:center; border:0px rgba(0,0,0,0.2) solid;
    }

    /* === editable numbered tags === */

    #edit_marks{ display:inline-block; margin:3px auto;width:100%;}
    .edit_mark_div{
        display:inline-block;min-width:200px;padding:6px 6px; margin:4px; border-radius:3em;color:#fff;
        font-weight:bold;letter-spacing: 1px;text-align:left; white-space:nowrap; border_:1px rgba(0,0,0,0.2) solid;
    }
    .edit_mark_div input[type=text]{ width:200px; border-top-right-radius: 3em; border-bottom-right-radius: 3em;margin-left: 5px;}

    /* === mark_control === */

    .mark_control .edit_mark_div:hover{
        color:white;
        text-shadow: none;
    }
    .mark_control .edit_mark_div:hover em{
        background-color:white!important;
        box-shadow: none;
    }

    /* === style of the number === */

    .edit_mark_div em, .mark_div em{
            display:inline-block; text-align:center!important;
            background-color:#fafafa!important; background-color:rgba(255,255,255,0.85)!important; color:#333!important; border-radius:50%;
            font-weight:bold; font-size:1rem;
            text-shadow: none!important;
            min-width:1.3rem; padding:0 4px;
    }
    .edit_mark_div em{
            min-width:1.3rem; padding:0 4px; height:1.3em;line-height:1.3em;
    }

/* === file formats === */
.ft_root{padding-left:20px; background:url('../mini-icons.gif') -290px -49px no-repeat; width:10px;}
.ft_dir{padding-left:20px; background:url('../mini-icons.gif') -250px -28px no-repeat; width:10px;}
.ft_gif,.ft_bmp{padding-left:20px; background:url('../mini-icons.gif') -118px -89px no-repeat; width:10px;}
.ft_jpg,.ft_png,.ft_jpeg{padding-left:20px; background:url('../mini-icons.gif') -59px -69px no-repeat; width:10px;}
.ft_txt,.ft_css,.ft_js{padding-left:20px; background:url('../mini-icons.gif') -288px -110px no-repeat; width:10px;}
.ft_pdf{padding-left:20px; background:url('../mini-icons.gif') -97px -28px no-repeat; width:10px;}
.ft_doc,.ft_docx{padding-left:20px; background:url('../mini-icons.gif') -117px -28px no-repeat; width:10px;}
.ft_php{padding-left:20px; background:url('../mini-icons.gif') -97px -110px no-repeat; width:10px;}
.ft_swf,.ft_fla,.ft_flv{padding-left:20px; background:url('../mini-icons.gif') -325px -89px no-repeat; width:10px;}
.ft_mp3,.ftp_wav{padding-left:20px; background:url('../mini-icons.gif') -230px -110px no-repeat; width:10px;}
.ft_html,.ft_html,.ft_xml{padding-left:20px; background:url('../mini-icons.gif') -97px -89px no-repeat; width:10px;}
.ft_def{padding-left:20px; background:url('../mini-icons.gif') -2px -89px no-repeat; width:10px;}
.ft_mail{padding-left:20px; background:url('../mini-icons.gif') -59px -49px no-repeat; width:10px;}

/* === file formats 2 === */
.ft2_root{padding-left:40px; background:url('../mini-icons2.png') -580px -98px no-repeat; width:20px;}
.ft2_dir{padding-left:40px; background:url('../mini-icons2.png') -500px -56px no-repeat; width:20px;}
.ft2_gif,.ft2_bmp{padding-left:40px; background:url('../mini-icons2.png') -236px -178px no-repeat; width:20px;}
.ft2_jpg,.ft2_png,.ft2_jpeg{padding-left:40px; background:url('../mini-icons2.png') -118px -138px no-repeat; width:20px;}
.ft2_txt,.ft2_css,.ft2_js{padding-left:40px; background:url('../mini-icons2.png') -576px -220px no-repeat; width:20px;}
.ft2_pdf{padding-left:40px; background:url('../mini-icons2.png') -194px -56px no-repeat; width:20px;}
.ft2_doc,.ft2_docx{padding-left:40px; background:url('../mini-icons2.png') -234px -56px no-repeat; width:20px;}
.ft2_php{padding-left:40px; background:url('../mini-icons2.png') -194px -220px no-repeat; width:20px;}
.ft2_swf,.ft2_fla,.ft2_flv{padding-left:40px; background:url('../mini-icons2.png') -650px -178px no-repeat; width:20px;}
.ft2_mp3,.ft2_wav{padding-left:40px; background:url('../mini-icons2.png') -460px -220px no-repeat; width:10px;}
.ft2_html,.ft2_html,.ft2_xml{padding-left:40px; background:url('../mini-icons2.png') -194px -178px no-repeat; width:20px;}
.ft2_def{padding-left:40px; background:url('../mini-icons2.png') -4px -178px no-repeat; width:20px;}
.ft2_mail{background:url('../mini-icons2.png') -128px -102px no-repeat; width:28px;height:20px;display:inline-block;}

.code{margin:11px;padding:12px;padding-left:38px;padding-right:38px;border:1px #aaa solid;background-color:#8884;letter-spacing:1px;
    text-align:center;position:relative;border-radius:2px;font-size:0.9rem;line-height:1.5em;
    border:none;font-family: monospace;letter-spacing: 0px;}
.code span{transition: all 0.5s ease-in-out 0s;}
.code a.web{position:absolute;right:2px;top:3px;}
.code a.clipboard{position:absolute;left:2px;top:3px;}
.code-with-a{padding-right:38px;}

/************ Button ************/

.bt, .bt_des, .multilanguage{
        display: inline-block;
        background: #481;
        border: none;
        _padding_: 4px 7px 4px 7px !important;
        padding: 7px 10px !important;
        margin:3px 2px;
        color: #fff;
        font-size: 0.95rem !important;
        cursor: pointer;
        text-decoration:none;
        border-radius: 2px;
        line-height:16px;
}

.bt_des {
        background: #999;
        border: none;
        color:#fff;
        cursor: default;
}

.multilanguage {
        background: url('icon_idiomas_48.png') -1.5em -0.4em no-repeat,
                    #d4e3ff !important;
        background-size: auto,cover!important;
        padding: 3px 6px !important;
        padding-left: 2em!important;
        border: 1px #bbf solid!important;
        color:#000;
        cursor: pointer;
        text-overflow:ellipsis;
}

.bt:hover{
        background: #9d4;
        color: black;
}

.bt_des:hover{
        color: #fff;
}

.bt .fa {color:white;}
.bt:hover .fa {color:black;}

/* ======= buttons inside fieldset legend ======= */
.sombra_azul .bt{
    float: right;
    font-weight: normal;
    text-shadow: none;
    margin:9px 9px 0 0;
    color:#ddd!important;
    background-color:#555!important;
}
.sombra_azul .bt:hover{
    background-color:#ddd!important;
    color:black!important;
}
/* ======= buttons with icon inside at left ======= */

        .bt.ic, .bt_des.ic {
                padding-left: 30px !important;
                background-position: 7px 7px !important;
                background-repeat: no-repeat , repeat-x !important;
        }

        /* == the class 'alone' must be added to indicate that the button has no text... only an image as background == */

        .ic.alone {min-width:31px;max-width:31px;padding-left:13px!important;padding-right:0px!important;}
        .ic.alone:after,ic.alone:after{content:'_';color:transparent;}

        .bt.ic.delete, .bt_des.ic.delete{ background-image: url('ic-delete-white.svg'); }
        .bt.ic.delete:hover{ background-image: url('ic-delete-black.svg'); }

        .bt.ic.edit, .bt_des.ic.edit{ background-image: url('ic-edit-white.svg'); }
        .bt.ic.edit:hover{ background-image: url('ic-edit-black.svg'); }

        .bt.ic.calendar, .bt_des.ic.calendar{  background-image: url('ic-calendar-white.svg'); }
        .bt.ic.calendar:hover{ background-image: url('ic-calendar-black.svg'); }

        .bt.ic.add, .bt_des.ic.add{ background-image: url('ic-add-white.svg'); }
        .bt.ic.add:hover{ background-image: url('ic-add-black.svg'); }

        .bt.ic.save, .bt_des.ic.save{  background-image: url('ic-save-white.svg'); }
        .bt.ic.save:hover{ background-image: url('ic-save-black.svg'); }

        .bt.ic.back, .bt_des.ic.back{  background-image: url('ic-back-white.svg'); }
        .bt.ic.back:hover{ background-image: url('ic-back-black.svg'); }

        .bt.ic.search, .bt_des.ic.search{ background-image: url('ic-search-white.svg'); }
        .bt.ic.search:hover{ background-image: url('ic-search-black.svg'); }

        .bt.ic.print, .bt_des.ic.print{ background-image: url('ic-print-white.svg'); }
        .bt.ic.print:hover{ background-image: url('ic-print-black.svg'); }

        .bt.ic.pdf, .bt_des.ic.pdf{ background-image: url('ic-pdf-white.svg'); }
        .bt.ic.pdf:hover{ background-image: url('ic-pdf-black.svg'); }

        .bt.ic.xls, .bt_des.ic.xls{ background-image: url('ic-xls-white.svg'); }
        .bt.ic.xls:hover{ background-image: url('ic-xls-black.svg'); }

        .bt.ic.people, .bt_des.ic.people{ background-image: url('ic-people-white.svg'); }
        .bt.ic.people:hover{ background-image: url('ic-people-black.svg'); }

        .bt.ic.web, .bt_des.ic.web{ background-image: url('ic-web-white.svg'); }
        .bt.ic.web:hover{ background-image: url('ic-web-black.svg'); }

        .bt.ic.stats, .bt_des.ic.stats{ background-image: url('ic-stats-white.svg'); }
        .bt.ic.stats:hover{ background-image: url('ic-stats-black.svg'); }

        .bt.ic.upload, .bt_des.ic.upload{ background-image: url('ic-upload-white.svg'); }
        .bt.ic.upload:hover{ background-image: url('ic-upload-black.svg'); }

        .bt.ic.reload, .bt_des.ic.reload{ background-image: url('ic-reload-white.svg'); }
        .bt.ic.reload:hover{ background-image: url('ic-reload-black.svg'); }

        .bt.ic.email, .bt_des.ic.email{ background-image: url('ic-email-white.svg'); }
        .bt.ic.email:hover{ background-image: url('ic-email-black.svg'); }

        .bt.ic.clone, .bt_des.ic.clone{ background-image: url('ic-clone-white.svg'); }
        .bt.ic.clone:hover{ background-image: url('ic-clone-black.svg'); }

        .bt.ic.list, .bt_des.ic.list{ background-image: url('ic-list-white.svg'); }
        .bt.ic.list:hover{ background-image: url('ic-list-black.svg'); }

        .bt.ic.filter, .bt_des.ic.filter{ background-image: url('ic-filter-white.svg'); }
        .bt.ic.filter:hover{ background-image: url('ic-filter-black.svg'); }

        .bt.ic.place, .bt_des.ic.place{ background-image: url('ic-place-white.svg'); }
        .bt.ic.place:hover{ background-image: url('ic-place-black.svg'); }

        .bt.ic.settings, .bt_des.ic.settings{ background-image: url('ic-settings-white.svg'); }
        .bt.ic.settings:hover{ background-image: url('ic-settings-black.svg'); }

        .bt.ic.clipboard, .bt_des.ic.clipboard{ background-image: url('ic-clipboard-white.svg'); }
        .bt.ic.clipboard:hover{ background-image: url('ic-clipboard-black.svg'); }

.button:active {
                padding: 5px 7px 3px 7px !important;
                }

a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

/********************************      Main-layout      ********************************/

#body-wrapper{ width:100%; min-height:100%;}

/********************************      Sidebar      ********************************/

#sidebar {
        width: 250px!important;
        height: 100%;
        color: #888;
        font-size: 0.95rem;
        vertical-align:top;
        background-color:#212121;
}

#sidebar #sidebar-wrapper {
        width:250px!important;
        margin: 0;
        height:100%;
}

#sidebar a,
#sidebar a:active { color:#ccc; }
#sidebar a:hover { color:#fff; }
#sidebar a.bt:hover { color:#111; }

#sidebar #sidebar-title {
                margin: 40px 0 40px 15px;
                }

#sidebar #profile-links {
                padding: 0 15px 20px 15px;
                text-align: center;
                line-height: 1.5em;
                }
    #sidebar #profile-links p{
            margin:0px;
            padding:5px 0px;
    }
    #sidebar #profile-links p:last-child{
            padding-bottom:0px;
    }

#sidebar .right_tab_0, #sidebar .right_tab_1,#sidebar .right_tab_2,#sidebar .right_tab_3,#sidebar .right_tab_4,#sidebar .right_tab_5,#sidebar .right_tab_6{
	text-align:left;margin-left:3px;margin-right:0px;margin-top:1px;border:1px #666 solid;border-left:1px #666 solid;border-right:none;
}
#sidebar .right_tab_0{border-left:1px #666 solid;position:relative;}
#sidebar .right_tab_1{border-left:8px #666 solid;position:relative;}
#sidebar .right_tab_2{border-left:16px #666 solid;position:relative;}
#sidebar .right_tab_3{border-left:24px #666 solid;position:relative;}
#sidebar .right_tab_4{border-left:32px #666 solid;position:relative;}
#sidebar .right_tab_5{border-left:40px #666 solid;position:relative;}
#sidebar .right_tab_6{border-left:48px #666 solid;position:relative;}

#sidebar .page_no_visible{
	color:#c00!important;
}
/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
                padding: 0;
                margin: 0 0 0 15px;
                }

#sidebar #main-nav li{
                list-style: none;
                padding-bottom: 10px;
                text-align: right;
                position:relative;
                }
#sidebar #main-nav li img{width:20px;height:20px!important;margin-left:5px;}
#sidebar li > a.ext {
                display:block;
                width:16px; height:16px;
                z-index:10;position:absolute;right:9px; top:9px; padding:0px!important;
                background-color:#ccc;border-radius:2px;color:green!important;
                text-shadow:none!important;
                background: url('ic-link.gif') center top no-repeat;
                border:none;
}

#sidebar li > a.ext:hover {
                background: url('ic-link.gif') center bottom no-repeat;
}
#sidebar #main-nav li a.nav-top-item,
#sidebar #main-nav li a.nav-top-item-href {
                background: #480;
                border-top-left-radius: 1.5em;border-bottom-left-radius: 1.5em;
                padding: 12px 15px 8px;
                color: #fff;
                font-size: 1.15em;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }
#sidebar #main-nav li a.nav-top-item:hover,
#sidebar #main-nav li a.nav-top-item-href:hover {
                background: #7a3;
                transition: text-shadow 0.3s ease-in-out 0s;
                text-shadow: 0px 0px 1px #acc;
}

#sidebar #main-nav li a.current {
                background: #f6f6f6 !important;
                color: #333;
                font-weight: bold;
                text-shadow:none;
                }

#sidebar #main-nav li a.home {
                background: url('ic-house2.gif') 1px center no-repeat;
                padding-left: 20px;
                }

#sidebar #main-nav li a.current:hover {
                color: #333;
                }

#sidebar #main-nav ul {
                padding: 0;
                margin: 0;
                }

#sidebar #main-nav ul li, .module_menu ul li {
                list-style: none!important;
                margin: 0;
                text-align: right!important;
				padding: 0!important;
                background:none!important;
                }

#sidebar #main-nav ul li a {
                padding: 8px 15px;
                display: block;
                color: #aaa;
                font-size: 1em;
                line-height: 1.2em;
                }

/* icons for some special menu second-level */
    #sidebar #main-nav ul li a.a_menu_lang, .a_menu_lang,
    #sidebar #main-nav ul li a.a_menu_db, .a_menu_db,
    #sidebar #main-nav ul li a.a_menu_delete, .a_menu_delete,
    #sidebar #main-nav ul li a.a_menu_add, .a_menu_add,
    #sidebar #main-nav ul li a.a_menu_config, .a_menu_config,
    #sidebar #main-nav ul li a.a_menu_help, .a_menu_help,
    #sidebar #main-nav ul li a.a_menu_stats, .a_menu_stats
    {
            padding: 8px 10px;
    }
    #sidebar #main-nav ul li a.a_menu_lang::after, .a_menu_lang::after,
    #sidebar #main-nav ul li a.a_menu_db::after, .a_menu_db::after,
    #sidebar #main-nav ul li a.a_menu_delete::after, .a_menu_delete::after,
    #sidebar #main-nav ul li a.a_menu_add::after, .a_menu_add::after,
    #sidebar #main-nav ul li a.a_menu_config::after, .a_menu_config::after,
    #sidebar #main-nav ul li a.a_menu_stats::after, .a_menu_stats::after,
    #sidebar #main-nav ul li a.a_menu_help::after, .a_menu_help::after
    {
            font-size: 1.2em;
            line-height: .75em;
            font-family: FontAwesome!important;
            text-rendering: auto;
            padding-left:8px;
    }

    #sidebar #main-nav ul li a.a_menu_lang::after, .a_menu_lang::after{ content: "\f0ac"; }
    #sidebar #main-nav ul li a.a_menu_db::after, .a_menu_db::after{ content: "\f1c0"; font-size: 1.1em; }
    #sidebar #main-nav ul li a.a_menu_delete::after, .a_menu_delete::after{ content: "\f1f8"; }
    #sidebar #main-nav ul li a.a_menu_add::after, .a_menu_add::after{ content: "\f0fe"; }
    #sidebar #main-nav ul li a.a_menu_config::after, .a_menu_config::after{ content: "\f085"; }
    #sidebar #main-nav ul li a.a_menu_help::after, .a_menu_help::after{ content: "\f059"; }
    #sidebar #main-nav ul li a.a_menu_stats::after, .a_menu_stats::after{ content: "\f080"; }

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
                color: #fff;
                }

#sidebar #main-nav ul li.current2, .module_menu li.current2 {
                background: transparent url('menu-current-arrow.gif') right center no-repeat !important;
                }
#sidebar #main-nav ul li.current2 a, .module_menu li.current2 a{
                font-weight: bold!important;
                color:#fff!important;
                }
#sidebar #main-nav ul li.current2 a.page_no_visible, .module_menu li.current2 a.page_no_visible{
                color:#c00!important;
                }

#sidebar #main-nav li.only_super a,
#sidebar #main-nav li.only_super.current2 a,
.module_menu li.only_super a,
.module_menu li.only_super.current2 a,
.module_menu li.only_super a em
{color:yellow!important;opacity:0.7;}
#sidebar #main-nav li.only_super a:hover
.module_menu li.only_super a:hover {opacity:1;}

/************ Messages ************/

#messages p,
#messages form {
                border-top: 1px solid #ddd;
                padding: 10px 0;
                }

#messages h4 {
                padding: 10px 0;
                }

#messages fieldset {
                margin: 0;
                }

#messages textarea {
                margin: 0 0 15px 0;
                }
/********************************      Main Content      ********************************/

/************ Layout ************/

#main-content {
        position: relative;
		_z-index:50;
		background-color:#f8f8f8;
		margin: 0 30px 0 230px;
		padding: 40px 15px 0 15px;
		min-height:100%;
        }
#main-content em{
        color:#888;
}
#main-content .block{
        background-color:#ddd;
        background-color:rgba(100,100,100,0.22);
        border-radius:3px;
        padding:9px 21px;
        margin:11px 5px;
}
#main-content fieldset{
        background-color: #eee;
        background-color:rgba(50,50,50,0.07);
        border-radius:3px;
        padding:9px 11px;
        margin:1em 3px;
}
.column-left {
                width: 48%;
                float: left;
                }

.column-right {
                width: 48%;
                float: right;
                }

#footer {
		margin: 40px 0 20px 0;
		padding: 20px;
		font-size: 1rem;
        background-color: #8883
        }

 #a_expand_main_content, #a_contract_main_content{
    	position:absolute;top:5px;left:0px;display:block;width:28px;z-index:99;padding:6px;padding-left:3px;
        background: #481; color:#eee; text-align:left; font-size:12px;
        border-top-right-radius: 30px; border-bottom-right-radius: 30px;
  }
 #a_expand_main_content:hover, #a_contract_main_content:hover{background: #9d4;color:#000;}

/************ Lists ************/

#main-content ul,
#main-content ol {
                padding: 10px 0;
                }

/* Unordered List */

#main-content ul li {
                padding: 4px 0 4px 20px;
                }

#main-content ul li::before {
				content: "\f0da";
				font: normal normal normal 14px/1 FontAwesome;
				padding: 0 4px;
				opacity:0.5;
				text-rendering: auto;
}
/* Ordered List */

#main-content ol {
                padding: 0 0 0 24px;
                }

#main-content ol li {
                list-style: decimal;
                padding: 4px 0;
                }

/*************** Content Box ***************/

.content-box {
                border: none;
                margin: 0 0 20px 0;
                min-width:80%;
                background: #fff;
                float:left;
                border-radius: 2px;
}

.content-box-header, .content-box-tabs-header {
            background: #e5e5e5;
            background-size: cover;
            min-height: 48px;
            position:relative;
            padding: 5px;
            padding-left:38px;
}
    .content-box-content .content-box-header {
            min-height: inherit;
    }
    .content-box-header:after {
            content: '';
            display:block;
            float:none;
            clear:both;
    }
    .content-box-header h3 {
            padding: 12px 15px 0px;
            float: left;
            line-height:1.1em;
            opacity:0.8;
            }
    .content-box-header .header-icon{
            position:absolute;height:38px;left:6px;
    }
    .content-box-header .module_menu{
            position:absolute;height:38px;line-height: 38px;right:1em;
            text-align:right; z-index:99;
    }
        .content-box-header .module_menu a.trigger{
                display:inline-block; width:20px; height:20px; margin-top:9px; border-radius:0px;
                background-image:url('ic-menu-white.svg');
                background-size: cover;
                background-color: rgba(0,0,0,0.1);
                box-shadow:0px 0px 0px 5px rgba(0,0,0,0.1);
        }
        .content-box-header .module_menu a.trigger:hover{
                background-color: rgba(0,0,0,0.3);
                box-shadow:0px 0px 0px 5px rgba(0,0,0,0.3);
        }
        .content-box-header .module_menu div{
            position:absolute; top:22px; right:2px;
            background: #444;
            padding:0.5rem 1rem; border-radius:2px;
            text-align:right;
            display:none;
            border-top: 20px #888 solid;
            border-bottom: 20px #888 solid;
        }
        .content-box-header .module_menu div a{
            color: #ccc; line-height: 1.7em; font-size:1rem; display:block;
            padding:0.2rem 0.4rem;margin:0.3rem 0;border-radius:2px;
            white-space:nowrap;
        }
        #sidebar #main-nav ul{padding-top:0.5em;}
        .content-box-header .module_menu div a:hover,
        #sidebar #main-nav ul li a:hover{
            background-color: rgba(255,255,255,0.2)!important;
            color:#fff;
        }
        .content-box-header .module_menu:hover div{
            display:block;
        }

.content-box-tabs-header{
        display:block;
        position:relative;
        padding-bottom:0px;
        background:none;
        border:none;
        height:5em;
}
ul.content-box-tabs {
        position:absolute; right:15px; bottom:0;
        display:block;
        padding: 0!important; margin:0!important;
        border:none;
}

ul.content-box-tabs li {
        float: left;
        margin: 0;
        padding: 0 !important;
        background-image: none !important;
        overflow:hidden;
        display:inline-block;
}

ul.content-box-tabs li a {
        color: #333;
        padding: 10px;
        padding-bottom:8px;
        display: block;
        margin: 0px;
        margin-right:3px;
        border-bottom: 0;
        background: #ccc;
        border: 1px solid #bbb;
        border-bottom: 0;
        border-radius:0;
        border-top-left-radius:0.5rem;
        border-top-right-radius:0.5rem;
}
    ul.content-box-tabs.tiny {
            padding-right:8px!important;
    }
    ul.content-box-tabs.tiny li{
            margin-top:2px;
    }
    ul.content-box-tabs.tiny li a {
            padding: 4px 8px 4px 8px;
            border-top-left-radius:0.6rem;
            border-top-right-radius:0.6rem;
            font-size:0.9em;
    }
ul.content-box-tabs li a:hover {
            color: #57a000;
}

ul.content-box-tabs li a.current {
            background: #fff;
            border: 1px solid #ccc;
            border-bottom: 0;
}
ul.content-box-tabs li a.disabled {
			color:#c00;
}

.content-box-content {
            padding: 20px;
            font-size: 1rem;
            min-width:70%;
}

.content-box-content table td{
	vertical-align:middle;
}

        /* For devices shorter than 850px */
        @media (max-width: 850px) {
            #main-content{ padding-left:1px; padding-right:1px;}
            .content-box { margin:0px; }
            .content-box-content{ padding:0.5rem 0.2rem;}
        }


/************ Table ************/

#main-content table {
                width: 100%;
                border-collapse: collapse;
                }
#main-content table.alt-row{
                background-color: white;
}
#main-content table thead th {
                font-weight: bold;
                }

#main-content table.alt-row thead > tr:not(.header-list-table) {
                background: #fff;
                border-top: 1px rgba(150,150,150,0.5) solid;
                border-bottom: 1px rgba(150,150,150,0.5) solid;
                }
#main-content table.alt-row thead > tr:not(.header-list-table) td{
                line-height:1.5rem;
                color: #999;
                color: rgba(100,100,100,0.7);
                padding: 1em 4px;
                }
#main-content table.alt-row tbody > tr {
                background: #f3f3f3;
                background: rgba(180,180,180,0.1);
                }
#main-content table.alt-row tbody > tr:nth-child(2n) {
                background: #f3f3f3;
                background: rgba(255,255,255,0.5);
                }
/*#main-content table.alt-row tbody > tr td:nth-child(2n) {background: rgba(180,180,180,0.1);}*/
#main-content table.not-alt-row {
                background: transparent;
                }

#main-content tbody tr.disabled {
                color: #aa9;
                }

#main-content table td,
#main-content table th {
                padding: 6px 5px;
                line-height: 1.3em;
                }

#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                }

#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }

/*************** Pagination ***************/

.div_paginador{
	padding:3px;
	clear:both;
	float:none;
	margin:5px auto;
        line-height:28px;
}
.paginador{
                font-size: 0.95rem;
                font-weight:bold;
                margin: 0 5px 0 0;
                padding: 3px 6px;
                border: 2px #8d4 solid;
                border-radius: 2px;
}
.paginador:hover {
                border: 2px #270 solid;
}

.paginador_current {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                border: 1px #8d4 solid;
                background: #448811 !important;
                border-color: #459300 !important;
                color: #fff !important;
                border-radius: 2px;
                font-weight:bold;
}

/************ Shortcut Buttons ************/

.shortcut-button {
                background: #e8e8e8;
                display: block;
                width: 120px;
                height:126px;
                margin: 0 0 20px 0;
                border-radius: 2px;
                overflow: hidden;
                }
.shortcut-button span{
                display:block;
                padding: 15px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 0.9rem;
                line-height: 1.3em;
                background-color: transparent;
                border-radius: 2px;
                }
.shortcut-button span img{
                margin-bottom: 10px;
                }

.shortcut-button:hover {
                background: #fff;
                }

.shortcut-button span:hover {
                color: #57a000;
                background: #fff;
                border-radius: 2px;
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
                padding: 0 !important;
                background:none!important;
                position:relative;
                }
ul.shortcut-buttons-set li::before, .module_menu li::before, .content-box-tabs li::before {
				display:none;
}
ul.shortcut-buttons-set li a span{
                position:relative;
                }

/*************** Forms ***************/

legend h5, legend h4, legend h3, legend h2, legend h1{padding:0;}

form label, .label {
                display: inline-block;
                min-width: 80px;
                padding: 0.15em 0 0.4em 0;
                font-weight: normal;
                vertical-align:top;
                line-height:1.9em;
                }
form label.required, .label.required, span.required {
                font-weight:bold;
                }
form label.required::after, span.required::after {content:' * ';opacity:0.7;color:rgba(0,200,0);}
input.required, textarea.required, select.required {
                border:1px rgba(0,255,0,0.7) solid !important;
                }
input[type=radio].required{box-shadow: 0px 0px 0px 1px rgba(0,255,0,0.7); }
input[type=checkbox].required{box-shadow: 0px 0px 0px 2px rgba(0,255,0,0.7); }

form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 0px;
                }

form p small {
                font-size: 0.75em;
                color: #777;
                }


input.text-input,
input,
select,
textarea,
form .wysiwyg {
                padding: 3px 6px;
                font-size: inherit;
                background: #fcfcfc;
                border: 1px solid #d5d5d5;
                color: #333;
                border-radius: 2px;
                }
input:disabled, select:disabled, textarea:disabled{
                background: #ddd url('') top left repeat-x;
                border: 1px solid #aaa;
                color: #666;
                }
input[type=file]{
                color: transparent;
                background: transparent;
                border: none;
                max-width:100px;
                }
form .small-input {
                width: 25% !important;
                }

form .medium-input {
                width: 50% !important;
                }

form .large-input {
                width: 97.5% !important;
				padding: 8px !important;
                }

textarea.large-input{width: 97.5% !important;}

select {
                padding: 4px;
                }

input[type="checkbox"],
input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }

.alerted_field{
        /*outline: 1px #c00 solid;*/
        background-color: yellow!important;
        background: yellow!important;
}

input[type=radio].alerted_field{box-shadow: 0px 0px 1px 4px yellow;}
input[type=checkbox].alerted_field{box-shadow: 0px 0px 1px 4px yellow;}

.radio_checked{display:inline-block;width:14px;height:14px;border:5px #0b0 solid;background-color:white;border-radius:50%;}
.radio_not_checked{display:inline-block;width:14px;height:14px;border:3px #bbb solid;background-color:white;border-radius:50%;}

.checkbox_checked{display:inline-block;width:14px;height:14px;border:5px #0b0 solid;background-color:white;border-radius:2px;}
.checkbox_not_checked{display:inline-block;width:14px;height:14px;border:3px #bbb solid;background-color:white;border-radius:2px;}

/*************** CSS radio input ***************/

.control_radio,
.control_checkbox {display:inline-block;position:relative;line-height:1.5em;}
.control_radio input,
.control_checkbox input{ display: none; }
.control_radio input + span,
.control_checkbox input + span{ display: inline-block; position: relative; cursor:pointer!important; padding-left: 1.3em; padding-right: 1.3em; }
.control_radio input + span:before,
.control_checkbox input + span:before{ content: ''; display: block; position: absolute; top: 3px; left: 0;
        border-radius: 50%; margin-right: 5px; width: 12px; height: 12px; border: 1px solid #ccc; background: #fff;}
        html.dark .control_radio input + span:before,
        html.dark .control_checkbox input + span:before{border-color:#aaa;background: #aaa;}
    /* required */
    .control_radio input.required + span:before,
    .control_checkbox input.required + span:before{border-color: rgba(0,255,0,0.7);}
    		html.dark .control_radio input.required + span:before,
    		html.dark .control_checkbox input.required + span:before{border-color: rgb(128,128,255);}
    /* disabled */
    .control_radio input:disabled + span:before,
    .control_checkbox input:disabled + span:before{background:#ccc;}
    		html.dark .control_radio input:disabled + span:before,
    		html.dark .control_checkbox input:disabled + span:before{background:#333;border-color:#333;}
.control_radio input + span:after,
.control_checkbox input + span:after{
        content: ''; display: block;  width: 6px; height: 6px; background: #7b0; color: #7b0; position: absolute;
        border-radius: 50%; top: 6px; left: 3px; opacity: 0; transform: scale(0,0);
        transition: all .3s cubic-bezier(0.64, 0.57, 0.67, 1.53); }
        html.dark .control_radio input + span:after,
        html.dark .control_checkbox input + span:after{background: #30c; color: #c30; }
.control_radio input:checked + span:after,
.control_checkbox input:checked + span:after{ opacity: 1; transform: scale(1,1); }

/*************** CSS checkbox input ***************/

.control_checkbox input + span{padding-left:1.4em;}
.control_checkbox input + span:before{ border-radius:3px; width:14px; height:14px; top:2px;}
	html.dark .control_checkbox input + span:before{ background-color:#888;}
.control_checkbox input + span:after{
        content: "\f00c"; line-height:18px;font-family: FontAwesome;
        background:transparent!important; left:1px;
        border-radius: 2px; top: 0px;}
        html.dark .control_checkbox input + span:after{ color:#30c;}

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border:none;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                width: 99.8%;
                border-radius:2px;
                }
.notification a:hover{text-decoration:underline;}

.notification.attention {
                background: #fffbcc;
                border-color: #e6db55;
                color: #666452;
                }

.notification.information {
                background: #dbe3ff;
                border-color: #a2b4ee;
                color: #585b66;
                }

.notification.success {
                background: #d5ffce;
                border-color: #9adf8f;
                color: #556652;
                }

.notification.error {
                background: #ffcece;
                border-color: #df8f8f;
                color: #665252;
                }

.notification.notification div {
                display:block;
                font-style:normal;
                padding: 10px;
                padding-right:30px;
                line-height: 1.5em;
                }

.notification.notification .close {
                color:#fff;
                position:absolute;
                right:-6px;
                top:-8px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #0002;
				color: #ccc !important;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222;
				}

#login-wrapper {
                height:100%;
                background-color: #666;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 30px 0 20px 0;
				text-align: center;
                background: #333;
                margin-bottom:30px;
                _border-bottom: 1px #aaa solid;
				}

#login-top p{
		text-align:center;
}
#login-top table{
		margin:0px auto;
}
#login-top table td{
		padding:3px;
		height:30px;
		border: none;
		vertical-align: middle;
}

#login-wrapper #login-content {
		text-align: left;
		width: 400px;
		margin: 0 auto;
		}

#login-wrapper #login-content input {
		width: 150px;
		margin: 0 0 5px 0;
		border: 0;
		background-color:#888;
        color:#111!important;
        font-size:1rem;
		}

#login-wrapper #login-content p {
		padding: 0;
		margin:5px;
		}

#login-wrapper #login-content p#remember-password {
		float: right;
		}

#login-wrapper #login-content p#remember-password input {
		float: none;
		width: auto;
		border: 0;
		background: none;
		margin: 0 10px 0 0;
		}

#login-wrapper #login-content p .button {
		width: auto;
		margin-top: 0px;
		}

#login-content .tb_login{margin:35px auto;margin-bottom:0px;}
#login-content .tb_login td{padding:5px;white-space: nowrap;}
#login-content .tb_login td .fa{opacity:0.4;}

/********************************      jQuery plugins styles      ********************************/

/*************** Facebox ***************/

#facebox h1 {font-size:2em;}

#facebox .b {background:url(b.png);}

#facebox .tl {background:url(tl.png);}

#facebox .tr {background:url(tr.png);}

#facebox .bl {background:url(bl.png);}

#facebox .br { background:url(br.png);}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {position: relative;}

#facebox table {border-collapse: collapse;}

#facebox td {border-bottom: 0;padding: 0;}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
  /*opacity:0.95;*/
  /*filter:alpha(opacity=95);*/
}

#facebox .loading {text-align: center;}

#facebox .image {text-align: center;}

#facebox img {border: 0;margin: 0;}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/*************** old styles ***************/

table.not-alt-row fieldset{
    padding:21px;
    position:relative;
    margin:11px 5px;
}
table.not-alt-row fieldset legend{
    /*margin-left:-21px;*/
    margin-top:0px;
    margin-bottom: 0px;
}
.sombra_azul{
	width:100%;
	line-height:1.5em;
	background: #aaa;
	color:#fff;
	letter-spacing:1px;
	margin-bottom:7px;
	margin-top:2em;
        padding:0.5em;
	padding-left:1em;
	font-size:1.2rem; font-weight: bold;
	border-radius: 2px;
}
.columns fieldset:first-child .sombra_azul{margin-top:0;}
#main-content .sombra_azul span, #main-content .sombra_azul em, #main-content table:not(.alt-row) thead em{
        color: yellow;
        font-style: normal;
}

.header-list-table td{
	background: #999;
	color:#fff;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:3px;
	margin-top:3px;
	padding-left:7px;
	font-size:0.9em;
}
.header-list-table td:last-child{border-right:none;}
.header-list-table td.link{
	background: #999;
	padding:0px!important;
}
.header-list-table td.link a{
	display:block;
	padding:7px;
	height:100%;
	text-decoration:none;
	vertical-align:middle;
	color:#fff;
}
.header-list-table td.link:hover, .header-list-table td.link a:hover{
	background-color:#888;
}

.span_value{
	color:#c00;
	font-weight:normal;
	letter-spacing:1px;
}

.tb_datos th{
	border-right:1px #fff solid;
	background-color:#ddddff;
	font-size:0.9em;
}

.tb_datos td{
	border-bottom:1px #aaaaaa solid;
	font-size:0.95em;
	white-space:nowrap;
}

.comment{
	font-size:0.9em;
	color:#888;
}

/* ======================= modulos =============== */

.ALQUILER_CASAS_div_calendario table td{
	padding:2px!important;
}
.a_borrar{
	color:#999;
	}

.a_borrar:hover{
	color:#459300;
	}

/* ======================= progress bar =============== */

.progress_bar {
        display: inline-block;
        min-width:70%;
        height: 20px;  /* Can be anything */
        position: relative;
        margin: 11px auto;
        background: #333;
        border-radius: 12px;
        padding: 2px;
}

.progress_bar label{
    position:absolute;
    width:100%;
    line-height:1em;
    padding:2px 0px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(50,50,50,0.8);
    text-align:center;
    letter-spacing: 0.2em;
    font-size: 1.3em;
    font-weight: bold;
    z-index: 2;
}


.progress_bar > div {
        display: block;
        height: 100%;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        background-color: #5a0;
        background-image: linear-gradient( to top, rgb(85,170,0) 37%, rgb(115,229,0) 69% );
        box-shadow:
          inset 0 2px 9px  rgba(255,255,255,0.3),
          inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
}
.progress_bar > div span{
        position: absolute;
        display: inline-block;
        top: 0; left: 0; bottom: 0; right: 0;
        background-image:
            linear-gradient(
                  -45deg,
              rgba(255, 255, 255, .2) 25%,
              transparent 25%,
              transparent 50%,
              rgba(255, 255, 255, .2) 50%,
              rgba(255, 255, 255, .2) 75%,
              transparent 75%,
              transparent
           );
        z-index: 1;
        background-size: 50px 50px;
        animation: move 2s linear infinite;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow: hidden;
}


/* ====== EXPANDIBLE button/box ===== */

    div.expandible{
        display:none;position:relative;
        margin:1rem;padding:1rem;
        background-color: rgba(100,100,255,0.15);
        color: #333;
        border: 2px #00c dashed;
        border-radius: 2px;
    }
    div.expandible h1,div.expandible h2,div.expandible h3,div.expandible h4,div.expandible h5,div.expandible h6{
        color: #00c;
        text-shadow: none;
        border-bottom: 2px #00c solid;
        width:95%;
    }
    a.expandible{position:relative;display:inline-block;padding:3px 6px;
                                background-color:#00c;color:white;font-weight:bold;text-decoration:none;
                                border-radius:2px;border:1px rgba(255,255,255,0.8) solid;}
    div.expandible a.bt_close{  position:absolute;top:0.7rem;right:0.7rem;display:inline-block;padding:3px 6px;
                                background-color:#00c;color:white;font-weight:bold;text-decoration:none;
                                border-radius:2px;border:1px rgba(255,255,255,0.8) solid;}
    a.expandible:hover,
    div.expandible a.bt_close:hover{ box-shadow: 0px 0px 2px 1px rgba(100,100,255,0.5);}


/* ====== miscellaneaus ===== */

    .mini-stats{border-radius:2px;border:3px #7B0 solid;padding:0px;}
    .ui-datepicker-trigger{margin-bottom:-2px;margin-left:5px;}

@keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

/* ====== dark theme ===== */
  html.dark, html.dark body {color:#ccc;background-color:#333!important;}
  html.dark #main-content {background-color:#333;box-shadow:-10px 0px 100px 10px rgba(60,0,120,0.1);}
  html.dark #main-content fieldset{background-color:rgba(150,150,150,0.1);border:none;}
  html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {color:#ddd;text-shadow:none;}
  html.dark a{color:#aaf;}
  html.dark .a_icon {background: url('../link_ext2.gif') right no-repeat;}
  html.dark .shortcut-button {background: #555;color:#bdb;  }
  html.dark .shortcut-button:hover {background: #777;}
  html.dark .shortcut-button span {background:transparent;color:#ccc;}
  html.dark .shortcut-button span:hover {background:transparent;color:white;}
  html.dark #sidebar #main-nav li a {color:#ddd;}
  html.dark #sidebar #main-nav li li a {color:#aaa;}
  html.dark #sidebar #main-nav li li a:hover {color:#eee;}
  html.dark #sidebar #main-nav li a.current {background:#777!important;color:#fff;}
  html.dark #sidebar #main-nav li a.current i{font-style:normal;}
  html.dark .content-box {background:#222;border-color:transparent;}
  html.dark .content-box-header {background:#111!important;}
  html.dark .content-box-content .content-box-header {background:transparent!important;}
  html.dark .content-box-content {border-top:1px dashed #777;box-shadow:10px 0px 40px 5px #777;}
  html.dark .b_b {border-bottom: 1px #555 solid;}
  html.dark .ic-type {background-color:#557;}
  html.dark input.text-input,html.dark input,html.dark select,html.dark textarea,html.dark form .wysiwyg
  {background:#444;background-color:#444;border: 1px solid #555;color: #ccd;}
  html.dark .multilanguage{color:#333;}
  html.dark #sidebar #main-nav li a.nav-top-item,
  html.dark #sidebar #main-nav li a.nav-top-item-href {background: #445;}
  html.dark #sidebar #main-nav li a.nav-top-item:hover,
  html.dark #sidebar #main-nav li a.nav-top-item-href:hover {background: #447;}
  html.dark #sidebar #main-nav ul li.current2, .module_menu li.current2 {background-image:url('menu-current-arrow-dark.gif')!important;}
  html.dark .paginador{border:2px #88d solid;}
  html.dark .paginador:hover{border:2px #ddf solid;}
  html.dark .code{background-color:rgba(155,155,255,0.15);color:#ddf;}
  html.dark #facebox{border-radius:0.5rem;box-shadow:white 0px 0px 20px 10px;color:#eee;}
  html.dark #facebox .body{background-color:#444;}
  html.dark #facebox .close_image{filter:invert(73%);}

  html.dark #a_expand_main_content, html.dark #a_contract_main_content{background: #99c;color:#446;}
  html.dark #a_expand_main_content:hover, html.dark #a_contract_main_content:hover{background: #bbe;color:#000;}

  html.dark .ic-hidden-0, html.dark .ic-hidden-0-white, html.dark .ic-hidden-1, html.dark .ic-hidden-1-white{filter:invert();}
  html.dark .bt .ic-hidden-0, html.dark .bt .ic-hidden-0-white, html.dark .bt .ic-hidden-1, html.dark .bt .ic-hidden-1-white{filter:none;}

  html.dark .font-green{color:#5d5!important;}
  html.dark .font-orange{color:#e93!important;}
  html.dark .font-red{color:#d44!important;}
  html.dark .font-yellow{color:#dd5!important;}
  html.dark .font-blue{color:#6cf!important;}

  html.dark .bg-green{background-color:#5d5!important;}
  html.dark .bg-orange{background-color:#e93!important;}
  html.dark .bg-red{background-color:#d44!important;}
  html.dark .bg-yellow{background-color:#dd5!important;}
  html.dark .bg-blue{background-color:#6cf!important;}

  /************ Tabs ************/
  html.dark ul.content-box-tabs li a{background-color:#333;color:#eee;border:1px solid #777;}
  html.dark ul.content-box-tabs li a:hover{border:1px solid #aaa;background-color:#000;}
  html.dark ul.content-box-tabs li a.current:hover{cursor:default;border:1px solid #777;}
  html.dark ul.content-box-tabs li a.current{background-color:#555;color:#fff;font-weight:bold;}
  html.dark .tab-content{border-color:#777!important;}

  /************ Table ************/

  html.dark .clickable_tb tbody tr:hover{outline:2px #668 solid!important;background-color:#113!important;}

  html.dark .alt-row thead tr:last-child td, html.dark .alt-row thead tr:last-child th{border-bottom:1px #555 solid!important;}
  html.dark .alt-row tbody tr:hover{outline:2px #668 solid!important;background-color:#113!important;}
  html.dark .alt-row tbody tr:hover td {border-color:transparent!important;}

  html.dark #main-content table.alt-row{ background-color: black;}
  html.dark #main-content table.alt-row thead > tr:not(.header-list-table) { background: #000; border-top: 1px rgba(120,120,120,0.5) solid; border-bottom: 1px rgba(120,120,120,0.5) solid;}
  html.dark #main-content table.alt-row thead > tr:not(.header-list-table) td {color: #88a;}
  html.dark #main-content table.alt-row tbody > tr {background:#151515;}
  html.dark #main-content table.alt-row tbody > tr:nth-child(2n) {background: #222;}
  /*html.dark #main-content table.not-alt-row {background: transparent;}*/
  html.dark #main-content tbody tr.disabled {color: #668;}
  html.dark #main-content table tfoot td .bulk-actions select {border: 1px solid #444;}

  html.dark .sombra_azul{background: #555; color:#ddd;}
  html.dark .header-list-table td, html.dark .header-list-table td.link{background: #555;}
  html.dark .header-list-table td.link:hover, html.dark .header-list-table td.link a:hover{background:#445!important;}

/************ Buttons ************/

  html.dark .bt{color: #ccf;background-color: #446;border: none;}
  html.dark .bt:hover{color:black;background-color: #88c;}
  html.dark .bt_des{color:#aaa;background-color: #555;border: none;}
  html.dark .sombra_azul .bt{background-color:#000!important;}
  html.dark .sombra_azul .bt:hover{background-color:#aaa!important;}

  html.dark .bt.ic.delete, html.dark .bt_des.ic.delete{ background-image: url('ic-delete-white.svg'); }
  html.dark .bt.ic.delete:hover{ background-image: url('ic-delete-black.svg'); }

  html.dark .bt.ic.edit, html.dark .bt_des.ic.edit{ background-image: url('ic-edit-white.svg'); }
  html.dark .bt.ic.edit:hover{ background-image: url('ic-edit-black.svg'); }

  html.dark .bt.ic.calendar, html.dark .bt_des.ic.calendar{ background-image: url('ic-calendar-white.svg'); }
  html.dark .bt.ic.calendar:hover{ background-image: url('ic-calendar-black.svg'); }

  html.dark .bt.ic.add, html.dark .bt_des.ic.add{ background-image: url('ic-add-white.svg'); }
  html.dark .bt.ic.add:hover{ background-image: url('ic-add-black.svg'); }

  html.dark .bt.ic.save, html.dark .bt_des.ic.save{ background-image: url('ic-save-white.svg'); }
  html.dark .bt.ic.save:hover{ background-image: url('ic-save-black.svg'); }

  html.dark .bt.ic.back, html.dark .bt_des.ic.back{ background-image: url('ic-back-white.svg'); }
  html.dark .bt.ic.back:hover{ background-image: url('ic-back-black.svg'); }

  html.dark .bt.ic.search, html.dark .bt_des.ic.search{ background-image: url('ic-search-white.svg'); }
  html.dark .bt.ic.search:hover{ background-image: url('ic-search-black.svg'); }

  html.dark .bt.ic.print, html.dark .bt_des.ic.print{ background-image: url('ic-print-white.svg'); }
  html.dark .bt.ic.print:hover{ background-image: url('ic-print-black.svg'); }

  html.dark .bt.ic.pdf, html.dark .bt_des.ic.pdf{ background-image: url('ic-pdf-white.svg'); }
  html.dark .bt.ic.pdf:hover{ background-image: url('ic-pdf-black.svg'); }

  html.dark .bt.ic.xls, html.dark .bt_des.ic.xls{ background-image: url('ic-xls-white.svg'); }
  html.dark .bt.ic.xls:hover{ background-image: url('ic-xls-black.svg'); }

  html.dark .bt.ic.people, html.dark .bt_des.ic.people{ background-image: url('ic-people-white.svg'); }
  html.dark .bt.ic.people:hover{ background-image: url('ic-people-black.svg'); }

  html.dark .bt.ic.web, html.dark .bt_des.ic.web{ background-image: url('ic-web-white.svg'); }
  html.dark .bt.ic.web:hover{ background-image: url('ic-web-black.svg'); }

  html.dark .bt.ic.stats, html.dark .bt_des.ic.stats{ background-image: url('ic-stats-white.svg'); }
  html.dark .bt.ic.stats:hover{ background-image: url('ic-stats-black.svg'); }

  html.dark .bt.ic.upload, html.dark .bt_des.ic.upload{ background-image: url('ic-upload-white.svg'); }
  html.dark .bt.ic.upload:hover{ background-image: url('ic-upload-black.svg'); }

  html.dark .bt.ic.reload, html.dark .bt_des.ic.reload{ background-image: url('ic-reload-white.svg'); }
  html.dark .bt.ic.reload:hover{ background-image: url('ic-reload-black.svg'); }

  html.dark .bt.ic.email, html.dark .bt_des.ic.email{ background-image: url('ic-email-white.svg'); }
  html.dark .bt.ic.email:hover{ background-image: url('ic-email-black.svg'); }

  html.dark .bt.ic.clone, html.dark .bt_des.ic.clone{ background-image: url('ic-clone-white.svg'); }
  html.dark .bt.ic.clone:hover{ background-image: url('ic-clone-black.svg'); }

  html.dark .bt.ic.list, html.dark .bt_des.ic.list{ background-image: url('ic-list-white.svg'); }
  html.dark .bt.ic.list:hover{ background-image: url('ic-list-black.svg'); }

  html.dark .bt.ic.filter, html.dark .bt_des.ic.filter{ background-image: url('ic-filter-white.svg'); }
  html.dark .bt.ic.filter:hover{ background-image: url('ic-filter-black.svg'); }

  html.dark .bt.ic.place, html.dark .bt_des.ic.place{ background-image: url('ic-place-white.svg'); }
  html.dark .bt.ic.place:hover{ background-image: url('ic-place-black.svg'); }

  html.dark .bt.ic.settings, html.dark .bt_des.ic.settings{ background-image: url('ic-settings-white.svg'); }
  html.dark .bt.ic.settings:hover{ background-image: url('ic-settings-black.svg'); }

  html.dark .bt.ic.clipboard, html.dark .bt_des.ic.clipboard{ background-image: url('ic-clipboard-white.svg'); }
  html.dark .bt.ic.clipboard:hover{ background-image: url('ic-clipboard-black.svg'); }

/************ modal dialogs ************/

  html.dark .modal_content{background-color:rgb(0,0,0);color:#ddd;box-shadow:0px 0px 55px 0px #ccf}
  html.dark .modal_close,html.dark .information .modal_close{background-color: #111 !important;border-bottom:1px #555 solid;}
  html.dark .modal_close img{background-color: white;border-radius: 50%;}

/************ forms & misc ************/

  html.dark .alerted_field{ background-color: inherit!important; background: inherit!important;box-shadow:0px 0px 10px 2px yellow;}
  html.dark form label.required, html.dark .label.required , html.dark span.required { color:#fff; }
  html.dark form label.required::after, html.dark span.required::after {opacity:1;color:rgba(100,100,200);}
  html.dark input.required, html.dark textarea.required, html.dark select.required { border:1px rgba(128,128,255,0.7) solid !important;}
  html.dark input[type=radio].required{box-shadow: 0px 0px 0px 1px rgba(128,128,255,0.7); }
  html.dark input[type=checkbox].required{box-shadow: 0px 0px 0px 2px rgba(128,128,255,0.7); }

/*************** Notifications ***************/

  html.dark .notification.error{background: #700;border-color: #700;color: #fdd;}
  html.dark .notification.information{background: #358;border-color: #358;color: #ddf;}
  html.dark .notification.attention{background: #883;border-color: #883;color: #fed;}
  html.dark .notification.success{background: #583;border-color: #583;color: #dfd;}


/************ stats table, but used around ************/

  html.dark tr.green_marked{background-color:#131!important;outline:1px #363 solid!important;}
  html.dark tr.red_marked{background-color:#311!important;outline:1px #633 solid!important;}
  html.dark tr.blue_marked{background-color:#113!important;outline:1px #336 solid!important;}
  html.dark tr.yellow_marked{background-color:#331!important;outline:1px #663 solid!important;}
  html.dark tr.grey_marked{background-color:#333!important;outline:1px #666 solid!important;}

/************ _var_export ************/

  html.dark ._var_export div{border-color:rgba(155,155,255,0.3)!important;font-size:0.9rem!important;}
  html.dark ._var_export .arrow{color:yellow!important;}
  html.dark .header-list-table td{ }