@charset "UTF-8";
@font-face {
  font-family: "SGDR";
  src: url("../fonts/sgd.r.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SGDB";
  src: url("../fonts/sgd.b.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SGDL";
  src: url("../fonts/sgd.l.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SGDT";
  src: url("../fonts/sgd.t.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FAS";
  src: url("../fonts/fas.woff2?v=6.1.1") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FAR";
  src: url("../fonts/far.woff2?v=6.1.1") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FAL";
  src: url("../fonts/fal.woff2?v=6.1.1") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@keyframes rotate {
  from{transform: rotate(0deg);}
  to{transform: rotate(359deg);}
}
:root{
    --field-height: 1.5rem;
    --error: #A80521;
    --alert: #FF9959;
    --alert1: #FFC999;
    --alert2: #FFC959;
    --alert3: #FF9959;
    --alert4: #FF9999;
    --flag1: #AA5500;
    --info: #0377BD;
    --info-al: rgb(3,119,189,0.2);
    --login-title: #026EA7;
    --login-color: #5E9AC0;
    --menu-bg:#F9F9F9;
    --menu-color:black;
    --list-title: var(--menu-color);
    --list-th-bg: #AAD9F7;
    --list-over: #FFEEBB;
    --selected: #FF9939;
    --loading: #FFEEBB;
    --wrong: #FFBBBB;
    --good: #BBFFBB;
    --popup-bg: white;
    --verified: #30B422;
    --button: #30B422;
    --button-color: var(--popup-bg);
    --button-al: rgb(48, 180, 34,0.2);
    --button-inactive: #B4B4B4;
    --button-inactive-color: #EEEEEE;
    --button-inactive-al: rgb(208, 208, 208,0.2);
    --button-over: #FFA858;
    --button-over-al: rgb(255, 168, 88, 0.2);
    --button-over-color: var(--button-inactive-color);
    --buttonalt: var(--info);
    --buttonalt-color: var(--button-color);
    --login-link: var(--login-title);
    --login-button-g: var(--button-color);
    --login-button-color-g: var(--button);
    --login-include: var(--login-link);
    --msg-color: var(--button-color);
    --header-bg:var(--info);
    --header-button-bg:var(--login-color);
    --header-color: var(--button-color);
    --menu-border:#666666;
    --menu-item-bg: var(--button-color);
    --menu-title:var(--header-bg);
    --input-label:var(--menu-color);
    --input-color:var(--menu-border);
    --input-bg:var(--menu-item-bg);
    --list-head: var(--button-inactive);
    --list-head-color: var(--list-head);
    --list-th-color: var(--list-title);
    --list-border:var(--menu-border);
    --rad:var(--list-title);
    --title:var(--list-title);
    --subtitle:var(--info);
    --input-text:var(--title);
    --filter-title:var(--button);
    --trd-bg:var(--button-color);
    --trd-color1:#777777;
    --trd-color2:var(--trd-color1);
    --trd-color3:var(--trd-color1);
    --trd-color4:var(--trd-color1);
    --trd-color5:var(--menu-color);
    --trd-color6:var(--menu-color);
    --trd-color6t:var(--trd-color1);
    --trdh-bg:var(--menu-bg);
    --trdh1-color:var(--info);
    --trdh2-color:var(--button);
    --trdh3-color:var(--button-over);
    --trdh4-color:var(--button-over);
    --trdh5-color:var(--trd-color1);
    --trdh6-color:var(--menu-color);
    --trdover:var(--list-over);
}
body {
  margin: 0px;
  padding: 0px;
  font-family: "SGDR", sans-serif;
}
a{
    cursor: pointer;
    text-decoration: none;
}
#load_layer,#sindigitalizar,#download,#load_stats{
    font-family: SGDL;
    width:80%;
    margin: auto;
    height:3rem;
    line-height: 3rem;
    background-color: var(--button-color);
    color: var(--button);
    text-align: center;
    font-size:var(--field-height);
}
#load_layer::before,#load_stats::before{
    font-family: FAL;
    content:"\f110";
    animation: rotate 2s linear infinite;
    display: inline-block;
    margin-right: 1rem;
}
.loading::after{
    font-family: FAS;
    content:"\f110";
    animation: rotate 2s linear infinite;
    display: inline-block;
    color: var(--info);
    font-size: 1rem;
}
.nosaved::after{
    font-family: FAS;
    content:"\f00d";
    color: var(--error);
    font-size: 1rem;
}
.saved::after{
    font-family: FAS;
    content:"\f560";
    color: var(--button);
    font-size: 1rem;
}
#login{
    width:100vw;
    height:100vh;
}
#login div.logo{
    width: 50vw;
    height:100vh;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 100vh;
    text-align: center;
}
#login div.logo img{
    width: 30vw;
}
#login div{
    text-align: center;
}
#login div.nag{
    width: 50vw;
    float: right;
}
#login label{
    display: inline-block;
    width:25vw;
    margin:1rem 1vw;
    text-align: left;
    color: var(--login-color);
}
input,select,textarea{
    border: 1px solid var(--input-color);
    color: var(--input-color);
    border-radius: 0.5rem;
    padding:0.1rem 0.3rem;
    background-color: var(--input-bg);
    font-size:0.8rem;
}
#buttonSend,#buttonSend2{
    text-align: right;
    clear: both;
}
#login input.text{
    border-color: var(--login-color);
}
#login input{
    width:26vw;
    height:2rem;
    border-radius: 1rem;
}
#login div.sgd{
    height:10rem;
    line-height: 10rem;
    color:var(--login-title);
    font-size: 2rem;
    font-weight: bolder;
}
div.server{
    position: absolute;
    color:var(--alert);
    top: 1px;
    right:1px;
    border-radius: 0.3rem;
    border: 1px solid var(--alert);
    padding:1px 0.3rem;
    background-color: var(--msg-color);
    font-size: 1rem;
    z-index: 20;
}
#login a{
    display: inline-block;
    padding:1rem 0;
    text-align: center;
    color: var(--login-link);
    cursor: pointer;
}

#login input.submit{
    margin:0.5rem 0;
    width:20rem;
    cursor: pointer;
}
#login input.googleButton{
    background-color: var(--login-button-g);
    color: var(--login-button-color-g);
}
#login input.googleButton:hover{
    color: var(--login-button-g);
    background-color: var(--login-button-color-g);
}
#login div.include{
    min-height: 10vh;
    height: auto;
    width: 50vw;
    position: fixed;
    bottom: 0;
    right: 0;
    color: var(--login-include);
    font-size: 1.1rem;
}
#login div.include span.t::before{
    font-size: 1.5rem;
    font-family: FAS;
    content:"\f05a";
    margin-right: 1vw;
}
#login div.include span.t{
    text-align: center;
    font-weight: bold;
}
#login div.include a{
    text-align: left;
}
div.message div.title{
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    font-weight: bolder;
}
div.message div.text{
    text-align: justify;
}
div.message div{
    margin-left:4rem;
}
div.message, #alerts,div.actionOver,table.ajaxTable{
    border-radius: 1rem;
    border: 1px solid var(--msg-color);
    color:var(--msg-color);
    margin:0.3rem auto;
    padding:0.3rem;
    position: relative;
    width:70%;
    max-width: 1400px;
    min-height: 3.5rem;
}
span.info::before{
    content:"\f05a";
    font-family: FAS;
    font-size: 1rem;
    margin-right: 0.2rem;
}
.iconRequest a::after{
  content: "\e13c";
}
#icon0 a::after,a.addfrm::after{
  content: "\f0ea";
}
#icon1 a::after{
  content: "\e4ee\f104";
}
#icon2 a::after{
  content: "\e4ee\f105";
}
#icon3 a::after{
  content: "\e4ee\f107";
}
#icon4 a::after,.addDocO::after{
  content: "\e4c7";
}
#icon5 a::after{
  content: "\f65e";
}
#icon6 a::after{
  content: "\f093";
}
#icon7 a::after{
  content: "\f0e2";
}
#icon8 a::after{
  content: "\f802";
}
#icon9 a::after{
  content: "\e13c";
}
#icon10 a::after{
  content: "\f0b1";
}
#icon11 a::after{
  content: "\f187";
}
#icon12 a::after{
  content: "\f625";
}
#icon13 a::after{
  content: "\f144";
}
#icon14 a::after{
  content: "\e4e3";
}
#icon15 a::after{
  content: "\f0e0";
}
#icon16 a::after{
  content: "\f571";
}
a.folder::after{
  content: "\f07c";
}
a.printer::after{
  content: "\f02f";
}
a.folder_accept::after{
  content: "\f46c";
}
a.mail_send::after{
  content: "\e4e8";
}
a.save::after{
  content: "\f0c7";
}
a.return::after{
  content: "\f3e5";
}
a.refresh::after{
  content: "\f2f1";
}
a.mail::after{
  content: "\f0e0";
}
a.enable::after{
  content: "\f144";
}
a.disable::after{
  content: "\f28d";
}
a.cert::after{
  content: "\f559";
}
a.adddoc::after{
  content: "\e4ee";
}
/*panel*/
    #mainIcons1{
        width: fit-content;
        margin: auto;
    }

    #mainIcons2 div.deps{
        position: absolute;
        top: 4rem;
        right: 10rem;
    }
    #mainIcons2 div.deps div.el label,#mainIcons2 div.deps{
        color:var(--popup-bg);
    }

    #mainIcons1 div.icons>div{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center;
        width:fit-content;
    }
    #mainIcons1 div.icons{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center;
        width:fit-content;
        border-radius: 1rem;
        border: 1px solid var(--info);
        color:var(--info);
        margin:0.3rem auto;
        padding:0.3rem 0.3rem;
        font-size:0.7rem;
    }
    #mainIcons2 div.icons>div{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        width:13rem;
        border-radius: 1rem;
        border: 1px solid var(--info);
        margin: 1px;
    }
    #mainIcons2 div.icons div.mainLists{
        width:20rem;
    }
    #mainIcons2 div.icons>div>div{
        margin:0.5rem 0;
    }
    #mainIcons2 div.icons{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        width:fit-content;
        color:var(--info);
        margin:0.3rem auto;
        padding:0.3rem 0.3rem;
        font-size:0.7rem;
    }
    #mainIcons1 div.mainLists{
        width:100%;
        border-collapse: separate;
        border-spacing: 0.6rem;
        display:flex;
    }
    #mainIcons2 div.mainLists{
        border-collapse: separate;
        border-spacing: 0.6rem;
    }
    #mainIcons1 div.mainLists>div{
        max-width: 400px;
        flex:1;
    }
    #mainIcons2 div.mainLists>div{
        width: 90%;
    }
    #mainIcons1 h2.t{
        display:none;
    }
    #mainIcons2 h2.t{
        width:100%;
        border-bottom: 1px solid var(--info);
        margin: 0;
        padding:0.5rem;
        color: var(--menu-color);
    }
    div.icons div div{
        width:auto;
        text-align: center;
        max-width: 6rem;
    }
    div.icons div.mainLists div{
        max-width: unset;
    }
    div.myarea{
        position: absolute;
        top: 4.5rem;
        right: 10rem;
        color:var(--popup-bg);
    }
    div.deps{
        font-size: 1rem;
        width:auto;
    }
    div.deps div.el label{
        text-align: right;
    }
    div.icons div.flexbreak {
        flex-basis: 100%;
        max-width: none;
        height: 0;
        border-top:1px solid var(--info);
    }
    div.icons div a{
        font-size: 0.7rem;
    }
    div.icons div a:visited{
        color: var(--info);
    }
    table.icons td a::after,div.icons div a::after{
        font-size: var(--field-height);
        font-family: FAL;
        float:left;
        width:100%;
        display: inline-block;
    }
    div.icons a{
        text-decoration: none;
        cursor: pointer;
    }
    div.icons a:hover{
        color: var(--button-over);
    }
    div.mainLists div.listIconSelected{
        border-color: var(--button);
        color:var(--button);
        background-color: var(--button-al);
    }
    div.mainLists div.listIconSelected:hover{
        background-color:var(--button);
    }
    div.mainLists>div{
        text-align: center;
        border-radius: 1rem;
        border: 2px solid var(--button-inactive);
        color:var(--button-inactive);
        background-color: var(--button-inactive-al);
        padding:0.3rem 0.3rem;
        font-size:1rem;
        position: relative;
        cursor: pointer;
        margin:0 0.5rem;
    }
    div.mainLists div:hover{
        background-color:var(--button-inactive);
        color: var(--button-color);
    }
    div.mainLists div span{
        border:1px solid var(--button);
        background-color: var(--button-color);
        color:var(--button);
        height:1.25rem;
        min-width:1.25rem;
        border-radius: 1.25rem;
        line-height: 1.25rem;
        position: absolute;
        left:-0.6rem;
        top:-0.3rem;
        text-align: center;
        padding: 0 0.2rem;
    }
/*panel*/
#mainLists{
    width:100%;
    border-collapse: separate;
    border-spacing: 0.6rem;
    display:flex;
}
#mainLists td.listIconSelected{
    border-color: var(--button);
    color:var(--button);
    background-color: var(--button-al);
}
#mainLists td.listIconSelected:hover{
    background-color:var(--button);
}
#mainLists td{
    width:16%;
    text-align: center;
    border-radius: 1rem;
    border: 2px solid var(--button-inactive);
    color:var(--button-inactive);
    background-color: var(--button-inactive-al);
    padding:0.3rem 0.3rem;
    font-size:1rem;
    position: relative;
    cursor: pointer;
}
#mainLists td:hover{
    background-color:var(--button-inactive);
    color: var(--button-color);
}
#mainLists td span{
    border:1px solid var(--button);
    background-color: var(--button-color);
    color:var(--button);
    height:1.25rem;
    min-width:1.25rem;
    border-radius: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    left:-0.6rem;
    top:-0.3rem;
    text-align: center;
    padding: 0 0.2rem;
}
table.icons td{
    width:auto;
    max-width: 6rem;
    text-align: center;
    vertical-align: bottom;
}
table.icons td a{
    font-size: 0.7rem;
}
table.icons td a:visited{
    color: var(--info);
}
table.icons td a::after{
    font-size: var(--field-height);
    font-family: FAL;
    float:left;
    width:100%;
    display: inline-block;
}
table.icons{
    border-radius: 1rem;
    border: 1px solid var(--info);
    color:var(--info);
    margin:0.3rem auto;
    padding:0.3rem 0.3rem;
    width:auto;
    font-size:0.7rem;
}
table.icons a{
    text-decoration: none;
    cursor: pointer;
}
table.icons a:hover{
    color: var(--button-over);
}
div.listHide{
    display: none;
}
div.listVisible{
    display: block;
}
.actions_text_box{
    width: auto;
    display: block;
    text-align: left;
}
.actions_text_box::before{
    content: "\A";
    color:var(--list-th-color);
    font-size:1.2rem;
    white-space: pre;
}
button,.actions_text_box label{
    font-family: SGDB;
    border:none;
    color:var(--input-label);
    background-color: var(--button-color);
    padding:0px 0.5rem;
    margin-right: 0.5rem;
    height: 1rem;
    cursor:pointer;
    font-size: 0.8rem;
}
.actions_text_box a{
    margin-left: 1rem;
}
button::after{
    font-family: FAS;
    color:var(--info);
    margin-left: 0.5rem;
}
button.receive::after,a.receive::after{
    content: '\e493';
}
button.assign::after,a.assign::after{
    content: '\f4fc';
}
button.assignOther::after,a.assignOther::after{
    content: '\f0c0';
}
button.stats::after{
    content: '\f0c0';
}
.traslate::after{
    content: '\f56f';
}
button.accept::after{
    content: "\f058";
}
button.reject::after,a.delete_folder::after{
    content: "\f057";
}
button.cancel::after{
    content: "\f256";
}
button.deliver::after{
    content: "\f0d1";
}
button.pendingDeliver::after{
    content: "\f56e";
}
button.pendingReceive::after{
    content: "\f56f";
}
button.changeUser::after{
    content: "\e068";
}
button.own::after{
    content: "\e538";
}
button.addDoc::after{
    content: "\f055";
}
button:hover{
    color:var(--button);
}
span.is, a.is,a.fr,a.itg{
    color:var(--info);
}
tr.trt{
    background-color:var(--alert1);
}
tr.trs{
    background-color:var(--info-al);
}
tr.trc,tr.trc td.rad span{
    background-color:var(--wrong);
}
a.top{
    position:absolute;
    top:0.5rem;
    right:0.5rem;
}
div.del{
    background-color: var(--wrong);
}
a.del{
    color:var(--wrong) !important;
}
a.del:hover{
    color:var(--error) !important;
}
span.is:hover, a.is:hover,a.fr:hover,td.tr:hover,td.trc:hover{
    color:var(--button);
}
span.is::after, a.is::after,span.is::before, a.is::before,a.fr::after,td.tr::before,td.trc::before{
    font-family: FAS;
    font-size:1rem; 
    margin-left:0.2rem;
}
td.tr::before{
    content:"\f04e";
}
td.trc::before{
    content:"\f04a";
}

a.plug::after{
    content:"\f1e6";
}
a.unplug::after{
    content:"\e560";
}
a.key::after{
    content:"\f084";
}
a.close::after{
    float:right;
    margin:0 1rem;
}
a.restore::after{
    content:"\f06e";
}
a.hidden::after{
    content:"\f070";
}
a.link::after{
    content:"\f0c1";
}
a.unlink::after{
    content:"\f127";
}
a.lock::after{
    content: "\f023";
}
a.unlock::after{
    content: "\f3c1";
}
a.box::after{
    content:"\f187";
}
a.index::after{
    content:"\f00b";
}
a.indexFolder::after{
    content:"\f46d";
}
a.up::after{
    content:"\f106";
}
a.down::after{
    content:"\f107";
}

a.close::after{
    content:"\f422";
}
a.view::after{
    content:"\f06e";
}
a.docdown::after{
    content:"\f019";
}
a.mailunread::after{
    content:"\e4e8";
}
a.list::after{
    content:"\f03a";
}
a.info::after{
    content:"\f05a";
}
a.addfolder::after{
  content: "\f65e";
}
a.help::after{
    content:"\f059";
}
a.clear::after{
    content: "\f51a";
}
a.image::after{
    content: "\f03e";
}
a.notdef::after{
    content: "\f05e";
}
a.folder::after{
    content: "\f07c";
}
a.subfolder::after{
    content: "\f802";
}
span.alert::after{
    content: "\f071";
}
span.circle::after{
    content: "\f111";
}
span.usercheck::after,a.usercheck::after{
    content: "\f4fc";
}
span.userwait::after{
    content: "\f4fd";
}
span.wait::after{
    content: "\f017";
}
a.docaccept::after{
    content: "\e493";
}
a.pdf::after{
    content:"\f1c1";
}
a.back::after{
    content:"\f359";
}
span.doc::after,a.doc::after{
    content: "\f08e";
}
span.edit::after,a.edit::after{
    content: "\f044";
}
a.scan::after{
    content: "\f030";
}
a.sign::after{
    content: "\f573";
}
span.accept::after,a.accept::after{
    content: "\f058";
}
span.delete::after,a.delete::after{
    content: "\f2ed";
}
span.block::after,a.block::after{
    content: "\f057";
}
span.process::after{
    content: "\f542";
}
span.plus::after,a.plus::after,button.add::after{
    content: "\f055";
}
span.minus::after,a.minus::after,button.remove::after{
    content: "\f056";
}
a.init::after{
    content: "\f192";
}
a.contrast::after{
    content: "\f042";
}
.url::before{
    content: "\f0ac";
}
#title_tables_box{
    color: var(--title);
    font-family: SGDB;
    text-align: left;
    padding:0.5rem 0;
    clear:both;
    color: var(--list-title);
}
#title_box{
    color: var(--title);
    font-family: SGDB;
    font-size: 1.5rem;
    text-align: left;
    padding:0.5rem 1rem;
    clear:both;
}
#subtitle_box,div.fsc #title_box{
    color: var(--subtitle);
    font-family: SGDB;
    font-size: 1.2rem;
    text-align: left;
    padding:0.5rem 1rem;
    clear:both;
}
iframe.popup,div.popup{
    border:1px solid var(--menu-border);
    border-radius: 0.5rem;
    background-color: var(--popup-bg);
}
#tables_box a,a.actions_text_box{
    color:var(--info);
}
#tables_box a:hover,a.actions_text_box:hover{
    color:var(--button);
}
div.text_tables_box{
    font-size:0.8rem;
}
.b_fil,.b_dwn,.b_stat,a.attach{
    font-family: SGDL;
    border: 1px solid var(--button);
    border-radius: 0.5rem;
    color:var(--button);
    background-color: var(--button-color);
    padding:0px var(--field-height);
    margin-right: 0.1rem;
    height: var(--field-height);
    line-height: var(--field-height);
    cursor:pointer;
    float: right;
    font-size: 0.8rem;
}
.b_fil:hover,.b_dwn:hover,a.attach:hover,.b_stat:hover{
    color: var(--button-color);
    background-color: var(--button);
}
.b_fil::after{
    content: "\f1de";
    font-family: FAL;
    margin-left: 1rem;
    color: var(--button);
}
.b_dwn::after{
    content: "\f019";
    font-family: FAL;
    margin-left: 1rem;
    color: var(--button);
}
.b_stat::after{
    content: "\f625";
    font-family: FAL;
    margin-left: 1rem;
    color: var(--button);
}
table.tables_style01 div.of{
    position: relative;
}
table.tables_style01 div.of select{
    max-width: 15rem;
}
table.tables_style01 div.ofs{
    display: none;
    background-color: var(--menu-item-bg);
    border-radius: 0.3rem;
    border: 1px solid var(--menu-border);
    padding:0.3rem;
    box-shadow: 0rem 0rem 0.3rem 0.1rem var(--menu-border);
}
div.massive{
    float:right;
    width:auto;
    z-index: 10;
    position: relative;
    color:var(--input-color)
}
div.massive textarea{
    width: 10rem;
    height: 1rem;
}
.vis{
    display: block !important;
    position: absolute;
    top:1.6rem;
    z-index:100;
}
.visnp{
    display: block !important;
}
table.tables_style01 span.sel,table.table_pagination td a.selected{
    color:var(--selected);
    font-weight: bold;
}
span.os,span.ou,span.od{
    cursor: pointer;
    font-family: FAL;
    font-size:0.8rem;
    color:var(--menu-border);
}
span.os:hover,span.ou:hover,span.od:hover{
    color:var(--alert);
}
span.os::before{
    content:"\f002";
    margin:0 0.5rem;
}
span.ou::before{
    content:"\f106";
}
span.od::before{
    content:"\f107";
}
table.table_pagination td:nth-child(1){
    text-align: left;
    color:var(--menu-color);
    font-size:0.7rem;
}
table.table_pagination td a{
    font-size:0.7rem;
    border-color: var(--list-th-bg);
    background-color: var(--list-th-bg);
    color:var(--list-th-color);
    height:2rem;
    display: block;
    width:1rem;
    float: left;
    line-height: 2rem;
    padding-right:1rem;
}
table.table_pagination td a:first-child{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding-left:1rem;
}
table.table_pagination td a:nth-child(n+15){
    font-size: 1px;
    width:3px;
    padding: 0;
}
table.table_pagination td a:last-child{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding-right:2rem;
    display: inline;
    font-size:0.7rem;
}
table.table_pagination input{
    width:2rem;
    height:1rem;
    padding:1px;
    text-align: center;
}
table.table_pagination strong{
    color:var(--button);
    break-after: always;
    width:100%;
    display: block;
    margin-bottom:0.5rem;
    font-size:0.8rem;
}
img.document{
    border:1px solid red;
    width:10px;
    height: 10px;
}
#WorkArea{
    font-size: 0.7rem;
}
table.tables_style01,table.tables_style03{
    border: 1px solid var(--list-border);
    font-family: SGDL;
}
table.tables_style01 th,table.tables_style03 th{
    font-family: SGDL;
    border:none;
    background-color: var(--list-th-bg);
    color: var(--list-th-color);
    vertical-align: bottom;
    font-size: 0.9rem;
}
div.fsc table.tables_style01 th{
    border:none;
    background-color: var(--list-th-bg);
    color: var(--list-th-color);
    font-size: 0.9rem; 
    font-weight: normal;
}
table.tables_style01 td,table.tables_style03 td{
    border:none;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--list-border);
    font-size: 0.9rem;
}
td.rad span{
    color:var(--rad);
    cursor: pointer;
    font-family: SGDB;
}
td.rad span:hover{
    color:var(--button-over);
}
div.restricted{
    width:1rem;
    margin: auto;
}
div.restricted::before{
    font-family: FAL;
    content: "\f070";
}
table.tables_style01 tbody tr:hover{
    background-color: var(--list-over);
}
fieldset{
    border:none;
}
form fieldset{
    max-width: 1000px;
    border:1px solid var(--menu-border);
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    padding:0.5rem;
}
#organize,#organizeD{
    border:1px solid var(--menu-border);
    border-radius: 0.5rem;
    margin: 0.5rem auto;
    padding:0.5rem;
    width:90%;
}
#organize div.el label,#organizeD div.el label{
    width:20%;
    display: block;
    color:var(--input-color);
    text-align: left;
}
/*form fieldset table.tables_style01,form fieldset table.tables_style01 td{
    border:none;
}*/
form fieldset div.fsh{
    color: var(--subtitle);
    font-family: SGDB;
    font-size: 1.2rem;
    text-align: left;
    padding:0.5rem 1rem;
    clear:both;
}
form fieldset div.fsc{
    position: relative;
}
div.error,tr.error{
    background-color: var(--error);
}
div.alert{
    background-color: var(--alert);
}
div.criteria{
    clear: both;
    margin: var(--field-height) 0;
}
div.alert::before{
    font-size: 3rem;
    font-family: FAS;
    content:"\f071";
    position: absolute;
    left:1rem;
}
div.info{
    color: var(--msg-color);
    background-color: var(--info);
    border-color: var(--info);
}
div.info a{
    color: var(--msg-color);
    font-weight: bold;
}
div.info a:hover{
    color: var(--button);    
}
div.info::before{
    font-size: 3rem;
    font-family: FAL;
    content:"\f05a";
    position: absolute;
    left:1rem;
}
div.infolight{
    color: var(--info);
    border-color: var(--info);
}
div.infolight::before{
    font-size: 1rem;
    font-family: FAL;
    content:"\f05a";
    position: absolute;
    left:1rem;
}
div.verified{
    background-color: var(--verified);
    color:white;
    font-weight: bold;
}
div.verified::before{
    font-size: 3rem;
    font-family: FAL;
    content:"\f46c";
    position: absolute;
    left:1rem;
}

#filtertitle_box{
    color: var(--filter-title);
    font-family: SGDB;
    font-size: 2rem;
    text-align: center;
    padding:0.5rem 1rem;
    clear:both;
    display: block;
}
#filtertitle_box::before{
    content: "\f1de";
    font-family: FAS;
    margin-right: 2.5rem;
}
a.criteria,a.search{
    font-size: 1rem;
    margin: 0 1rem;
}
a.criteria::after{
    content: "\f1de";
    font-family: FAS;
    margin-left: 0.5rem;
}
a.search::after{
    content: "\f002";
    font-family: FAS;
    margin-left: 0.5rem;
}
div.searchmsg::before{
    font-size:2rem;
}
div.searchmsg{
    width:45% !important;
    max-width: 20rem;
    float:left;
}
div.records{
    width:50%;
    float:left;
    color: var(--input-color);
}
div.records label{
    display: block;
    width:60%;
    float: left;
}
div.records input{
    height:var(--field-height);
    width:2rem;
    float: left;
}
#container{
    width:100vw;
}
#header{
    background-color: var(--header-bg);
    color:var(--header-color);
    height: 6rem;
}
#header div.logo{
    background-image: url('../img/owner.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width:30vw;
    height:100%;
    float:left;
    cursor:pointer;
}
#header div.user{
    width:70vw;
    float: right;
    height: 100%;
    font-size: 1.5rem;
    text-align: right;
}
#header div.user ul{
    margin-bottom: 0;
}
#header div.user ul li{
    display: inline-block;
    margin-left: 1rem;
    cursor:pointer;
}
#header li.us_msg, #search{
    height:2.5rem;
    border-radius: 2.5rem;
    line-height: 2.5rem;
    background-color: var(--header-button-bg);
    border:1px solid var(--header-button-bg);
    position: relative;
    margin:left
}
#header li.us_msg span{
    border:1px solid var(--button-color);
    background-color: var(--button-color);
    color:var(--button);
    height:1.25rem;
    width:1.25rem;
    border-radius: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    left:-0.6rem;
    top:-0.3rem;
    font-size: 0.6rem;
    text-align: center;
}
#search span::before{
    font-size: 1.5rem;
    font-family: FAL;
    content:"\f002";
    padding: 0 0.6rem;
    cursor: pointer;
}
#header li.us_msg::before{
    font-size: 1.5rem;
    font-family: FAL;
    content:"\f0e0";
    padding: 0 0.6rem;
}
#header li.us_usr::after{
    font-size: 2.25rem;
    font-family: FAL;
    content:"\f2bd";
    margin-left: 1rem;
}
#header li.us_lgo::before{
    font-size: 2.25rem;
    font-family: FAL;
    content:"\f0a9";
    margin-right: 1rem;
}
#help::before{
    font-size: 2.25rem;
    font-family: FAL;
    content:"\f059";
    cursor: pointer;
}
#menu{
    width:6%;
    max-width: 5rem;
    float:left;
    background-color: var(--menu-bg);
    color: var(--menu-color);
    padding-top: 5vh;
    border-right: 1px solid var(--menu-border);
    border-bottom: 1px solid var(--menu-border);
    border-radius:0.5rem;
}
#content{
    width:93%;
    padding-left:0.5%;
    float:left;
    text-align: center;
}
#internal_container{
    width:100%;
}
/*menu*/
#menu div ul,#menuHLP div ul{
    list-style: none;
    padding: 2rem 0 0 1.25rem;
    margin: 0;
    float:left;
}
#menu div{
    height:10vh;
    position: relative;
    padding-left: 30%;
    font-family: SGDL;
    font-size:1.1rem;
    cursor: pointer;
}
#menu div::before{
    font-family: FAL;
    font-size: 2rem;
}
#menu div:hover{
    color:var(--menu-title);
}
#menu a:hover,#menuHLP a:hover{
    text-decoration: underline;
}
#menu ul li,#menuHLP div ul li{
    margin: 0.6rem 0;
}
#menuARC::before{
    content:"\f07c";
}
#menuDOC::before{
    content:"\f15C";
}
#menuWRK::before{
    content:"\f542";
}
#menuFRM::before{
    content:"\f0ea";
}
#menuREP::before{
    content:"\e473";
}
#menuUSR::before{
    content:"\f2bd";
}
#menuCAT::before{
    content:"\f013";
}
#menu div span{
    margin-left: -21px;
    font-size: 1rem;
    text-align: center;
}
a.MenuBarItemSubmenu{
    font-family: SGDB;
    position: absolute;
    left:2rem;
    top:0.6rem;
    font-size:1.5rem;
    z-index:11;
}
#menu div ul,#menu a,#menuHLP a{
    color: var(--menu-color);
    text-decoration: none;
}
#menu ul li.menuhead{
    color:var(--menu-title);
    text-transform: uppercase;
}
a.MenuBarItemSubmenu:hover{
    text-decoration: none;
    cursor: initial;
}
#menu div div,#menuHLP,#sfrm{
    position: absolute;
    background-color: var(--menu-item-bg);
    border:1px solid var(--menu-border);
    border-radius: 0.5rem;
    z-index:10;
    padding:0.6rem;
    top:-3rem;
    left:5.2rem;
    display: none;
    box-shadow: 0rem 0rem 0.3rem 0.1rem var(--menu-border);
}
#sfrm{
    top:3rem;
    left:0px;
    line-height: 3vh;
    text-align: center;
    flex-flow: row wrap;
}
#sfrm form{
    margin:0;
}
#sfrm div.button{
    flex:1;
}
#sfrm div.frm input{
    width:19rem;
}
.button,input[type='button'],input[type='submit']{
    margin:1vh 0;
    background-color: var(--button);
    color: var(--button-color);
    border: 1px solid var(--button);
    border-radius: 1rem;
    height:1.5rem;
    min-width:9rem;
    width:auto;
    margin-right:0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}
.button:hover,input[type='button']:hover,input[type='submit']:hover{
    background-color: var(--button-color);
    color: var(--button);
}
.alt,input[type='button'].alt,input[type='submit'].alt{
    background-color: var(--buttonalt);
    color: var(--buttonalt-color);
    border: 1px solid var(--buttonalt);
}
.alt:hover,input[type='button'].alt:hover,input[type='submit'].alt:hover{
    background-color: var(--buttonalt-color);
    color: var(--buttonalt);
}
div.divButton{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
    clear: both;
}
#menuHLP{
    top:6.1rem;
    right:3rem;
    width: 12.5rem;
    height: 7rem;
    font-size:1.1rem;
    left: initial;
    text-align: left;
    font-family: SGDL;
}
#menuARC div{
    width: 37rem;
    height: fit-content;
}
#menuDOC div{
    width: 37rem;
    height: fit-content;
}
#menuWRK div,#menuCAT div,#menuFRM div{
    width: 12.5rem;
    height: fit-content;
}
#menuREP div,#menuUSR div{
    width: 12.5rem;
    height: fit-content;
}
#menuWRK div ul,#menuFRM div ul,#menuREP div ul,#menuUSR div ul,#menuCAT div ul{
    width:99%;
}
#menuARC div ul,#menuDOC div ul{
    width:46%;
}
span.lt{
    position:fixed;
    bottom:0;
    right:0;
    z-index:20;
    font-size: 0.6rem;
    border-radius: 0.3rem;
    border: 1px solid var(--alert);
    padding:1px 0.3rem;
    background-color: var(--msg-color);
    color: var(--menu-color);
}
#alerts{
    border-color:var(--info);
    color:var(--menu-color);
    display: none;
}
#alerts table{
    width:100%;
    font-size: 0.7rem;
    border-collapse: collapse;
    text-align:center;
}
table.stats{
    width:auto;
    font-size: 0.7rem;
    border-collapse: collapse;
}
#alerts tr:hover,table.stats tr:hover{
    background-color: var(--menu-bg);
}
#alerts td,#alerts th,table.stats td,table.stats th{
    border-bottom: 1px solid var(--info-al);
}
div.actionOver,table.ajaxTable{
    background-color: var(--menu-item-bg);
    border-color:var(--menu-border);
    box-shadow: 0rem 0rem 0.3rem 0.1rem var(--menu-border);
    width:500px;
    min-width:300px;
    position:absolute;
    z-index:10;
}
div.el table.ajaxTable a{
    color: var(--input-color);
    text-decoration: none;
    text-align: left;
}
table.ajaxTable{
    top:2rem;
    left:30%;
}
table.ajaxTable td{
    text-align: left;
    color: var(--input-color);
}
div.el table.ajaxTable a:hover{
    color:var(--button);
}
div.el table.ajaxTable td.ajaxSelect{
    background-color: var(--button-al);
}
div.el{
    width:100%;
    color:var(--input-color);
    clear: both;
    min-height: var(--field-height);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
}
div.el table{
    width:70%;
}
div.section{
}
div.el label.sub{
    color:var(--button);
}
div.el label{
    width:30%;
    display: block;
    color:var(--input-color);
    text-align: left;
}
div.el input,div.el textarea,div.el select{
    width:60%;
    margin: 0.25rem 0.5rem;
}
div.small input,div.small textarea,div.small select,input.small,textarea.small,select.small{
    width:10rem !important;
}
div.el input[type='date']{
    width:8rem;
}
div.el input[type='time']{
    width:6rem;
}
div.xsmall input,div.xsmall select,input.xsmall,select.xsmall{
    width:5rem !important;
}
div.xxsmall input,div.xxsmall select,input.xxsmall,select.xxsmall{
    width:2.5rem !important;
}
div.high textarea{
    height:17rem;
}
div.el input,div.el select{
    height:var(--field-height);
}
div.el a{
    color:var(--info);
    width:100%;
    text-align: right;      
    display: block;
}
div.el a:hover{
    color:var(--button);
}
div.el a.fr{
/*    right:0px;
    position: absolute;*/
    float:right;
    width:auto;
    display: initial;
}
#searchcriteria,div.searchcriteria{
    background-color: var(--menu-bg);
    border:1px solid var(--menu-border);
    width: 50%;
    position: absolute;
    left:-1rem;
    top:-1rem;
    z-index: 10;
}
#sindigitalizar::before{
    content:"\f057";
    font-family: FAL;
    font-size: 2rem;
}
#download::before{
    content:"\f019";
    font-family: FAL;
    font-size: 2rem;
}
fieldset.form_filter div{
    width:auto;
    float:left;
    color:var(--input-color);
    margin: 0 1rem 0.5rem 0;
}
div.but{
    clear: both;
    text-align: right;
}
div.viewdoc{
    position: relative;
}
div.viewdoc #title_box{
    display: block;
    margin:0 30vw;
    padding-bottom: 0;
    height:2rem;
    text-align: center;
    color:var(--header-color);
    position: absolute;
    top:-2.4rem;
    width:40vw;
}
div.viewdoc div.el{
    margin:0.5rem 0;
}
div.viewdoc div.el label{
    width:100%;
    text-align: left;
}
div.viewdoc div.el div.content{
    color:var(--input-text);
    text-align: left;
    word-break: break-all;
    overflow-wrap: break-word;
}
#doccontainer{
    display: flex;
    flex-flow: row nowrap;
}
#docarea1{
    width:20vw;
    min-width: 300px;
    font-size: 0.8rem;
    flex: 0 0 auto;
    align-self: flex-start;
}
form #docarea1 fieldset{
    background-color: var(--menu-bg);
    position: relative;
    /*z-index: 9;*/
}
#docarea2{
    width:55vw;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
}
#docarea2 div{
    flex:0;
}
#viewer{
    width:100%;
    border-radius: 1rem;
    border: 1px solid var(--info);
    min-height:80vh;
    overflow: hidden;
    flex:1;
}
#viewdoc{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    height: 100vh;
}
#viewhead{
    height: 3rem;
    width:100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    flex:0 0 auto;
    margin-right: 0.5rem;
}
#viewhead div.pages{
    border:1px solid var(--menu-border);
    border-radius:1rem;
    height:2rem;
    line-height: 2rem;
    padding:0 1rem;
    margin-left: 0.5rem;
}
#viewhead input{
    border:none;
    width:2.5rem;
}
#thumbsFrame{
    border:none;
    border-right: 1px solid var(--info);
    width:10rem;
    flex: 0 1 auto;
    height:90vh;
}
#thumbs{
    flex: 1;
}
#imagesFrame{
    border:none;
    flex: 1 1 auto;
}
#viewhead a{
    font-size: 1rem;
    color: var(--info);
    text-align: left;
    margin-left: 0.5rem;
}
#viewhead a::before{
    font-family: FAL;
    font-size: var(--field-height);
    background-color: var(--info);
    color:var(--button-color);
    border: 1px solid var(--info);
    border-radius: 2rem;
    padding: 0.5rem;
}
div.accesibility{
    padding: 0;
    margin-right: 1rem;
    color:var(--button-color);
    font-size:1rem;
}
div.accesibility a::after{
    font-family: FAL;
}
div.accesibility a:hover{
    color:var(--button-over);
}
.noscroll{
    overflow: hidden;
}
.scrolly{
    overflow-y: scroll;
    overflow-x: hidden;
}
.scrollx{
    overflow-y: hidden;
    overflow-x: scroll;
}
.scroll{
    overflow: scroll;
}
#viewhead a::after{
    font-family: FAS;
    font-size: 2rem;
    background-color: var(--button);
    color:var(--button-color);
    border: 1px solid var(--button);
    border-radius: 2rem;
    padding: 0.5rem 1rem;
}
a.download::before{
    font-family: FAS;
    font-size: 2rem;
    background-color: var(--button-color);
    color:var(--button);
    padding: 0.5rem 1rem;
}
.thumbs{
    overflow-y: auto;
    overflow-x: hidden;
}
.thumbs div{
    width: 100%;
    text-align: center;
    border-bottom:1px solid var(--button-inactive);
    margin:1px 0;
    position: relative;
}
.thumbs span.name{
    display:block;
    font-size: 0.7rem;
    color:var(--menu-color);
}
.thumbs a::before{
    font-family: FAS;
    font-size: 4rem;
    color:var(--info);
}
.thumbs span.num{
    border:1px solid var(--info);
    background-color: var(--info);
    color:var(--button-color);
    opacity: 0.5;
    height:1.25rem;
    width:1.25rem;
    border-radius: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    left:0rem;
    top:0rem;
    font-size: 0.6rem;
    text-align: center;
}
.hide::after{
    content: "\f104";
}
.show::after{
    content: "\f105";
}
.first::before{
    content: "\f049";
}
.previous::before{
    content: "\f048";
}
.next::before{
    content: "\f051";
}
.last::before{
    content: "\f050";
}
.delete_p::before{
    content: "\f2ed";
}
.print::before{
    content: "\f02f";
}
.download::before{
    content: "\f019";
}
.ocr::before{
    content: "\f15c";
}
.fit::before{
    content: "\f78c";
}
.grow::before{
    content: "\f31e";
}
.zoom_in::before{
    content: "\f00e";
}
.zoom_out::before{
    content: "\f010";
}
.right::before{
    content: "\f2f9";
}
.left::before{
    content: "\f2ea";
}
.mirror::before{
    content: "\f0ec";
}
.flip::before{
    content: "\f079";
}
.stamp::before{
    content: "\f674";
}
.anx::before{
    content: "\e4ef";
}
.extPDF::before,.PDF::after{
    content: "\f1c1";
}
.extTIFF::before,.extPNG::before,.extJPEG::before,.extJPG::before,.extJPG2::before,.extJP2::before,.extSVG::before,.extSVGZ::before{
    content: "\f1c5";
}
.extXML::before,.extJSON::before,.XML::after{
    content: "\f1c9";
}
.extDOC::before,.extDOCX::before{
    content: "\f1c2";
}
.extXLS::before,.extXLSX::before,.XLSX::after{
    content: "\f1c3";
}
.extEML::before,.extMSG::before,.extODG::before,.extMBX::before,.extMBOX::before{
    content: "\f658";
}
.extPPT::before,.extPPTX::before{
    content: "\f1c4";
}
.extWAV::before,.extMP3::before,.extBWF::before{
    content: "\f1c7";
}
.extZIP::before,.extTAR::before,.extGZ::before,.ext\37 Z::before{
    content: "\f1c6";
}
.extMP4::before,.extAVI::before,.extMJ2::before,.extMJP2::before{
    content: "\f1c8";
}
div.viewdoc fieldset div.fshopen,div.viewdoc fieldset div.fsh{
    font-size:1.2rem;
    color:var(--menu-border);
    border-bottom:1px solid var(--menu-border);
}
div.viewdoc fieldset div.fshopen::after{
    content:"Ver menos";
    color:var(--button);
    float:right;
    font-size: 0.8rem;
    margin-right: 1rem;
    cursor:pointer;
}
div.viewdoc fieldset div.fsh::after{
    content:"Ver mas";
    color:var(--button);
    float:right;
    font-size: 0.8rem;
    margin-right: 1rem;
    cursor:pointer;
}
div.add_info>div{
    text-align: left;
    clear: both;
    word-break: break-all;
    overflow-wrap: break-word;
}
div.add_info label{
    /*width:30%;*/
    margin-right: 1%;
    display: block;
    float: left;
    color:var(--input-color);
}
div.add_info span.content{
    text-align: left;
    word-break: break-all;
    overflow-wrap: break-word;
}
#trd{
    display: flex;
    flex-flow: row nowrap;
    background-color: var(--trd-bg);
    min-height: 50vh;
    font-size: 1rem;
    border-left:1px solid var(--menu-border);
}
#trd div{
    flex:1;
    display: flex;
    flex-flow: column nowrap;
    background-color: var(--trd-bg);
    border:1px solid var(--menu-border);
    border-left: none;
}
#trd p{
    flex:0 0 auto;
    background-color: var(--trdh-bg);
    padding:0.5rem 0;
    margin: 0;
}
#trd p::before{
    font-family: FAS;
    margin-left: 0.5rem;
}
#trd div.dep{
    color: var(--trd-color1);
}
#trd div.dep p{
    color: var(--trdh1-color);
}
#trd div.dep p::before{
    content:"\f015";
}
#trd div.ser{
    color: var(--trd-color2);
}
#trd div.ser p{
    color: var(--trdh2-color);
}
#trd div.ser p::before{
    content:"\e185";
}
#trd div.fol{
    color: var(--trd-color3);
}
#trd div.fol p{
    color: var(--trdh3-color);
}
#trd div.fol p::before{
    content:"\f07b";
}
#trd div.sfol{
    color: var(--trd-color4);
}
#trd div.sfol p{
    color: var(--trdh4-color);
}
#trd div.sfol p::before{
    content:"\f07b";
}
#trd div.pfol{
    color: var(--trd-color5);
}
#trd div.pfol p{
    color: var(--trdh5-color);
}
#trd div.pfol p::before{
    content:"\f07b";
}
#trd div.doc{
    color: var(--trd-color6t);
    font-size: 0.8rem;
}
#trd div.doc span.rad{
    color: var(--trd-color6);
    font-size: 1rem;
    display: block;
}
#trd div.doc p{
    color: var(--trdh6-color);
}
#trd div.doc p::before{
    content:"\f15b";
}
#trd span{
    text-align: left;
    cursor:pointer;
    padding:0.2rem 0.5rem;
    border-top:1px dotted var(--menu-border);
}
#trd span span{
    border: none;
    padding: 0;
}
#trd span:hover{
    color:var(--button);
    background-color: var(--list-over);
}
#trd span div{
    border:none;
    display: inline;
    float: right;
    visibility: hidden;
/*    pointer-events:none;*/
}
#trd span div.v{
    visibility: visible;
}
#editCategoryWindow{
    max-width: 500px;
}
#categories{
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    font-family: SDR;
}
#categories table{
    flex: 0 0 400px;
}
#categories table span{
    font-size:0.6rem;
}
.choosed{
    color:var(--selected);
}
.inactive{
    color:var(--button-inactive);
}
.onError{
    border: 1px solid var(--error);
    color: var(--error);
}
span.error,div.invmsg{
    color: var(--error);
    display: block;
    width: 100%;
}
div.invmsg{
    color: var(--error);
    margin-left: 30%;
}
table{
    width: 100%;
}
table.icon{
    font-size: 0.8rem;
    text-align: center;
}
table.icon td:nth-child(1){
    width:99%;
}
table.iconr td:nth-child(1){
    width:30%;
}
.choosed{
    
}
div.add_info{
    border:1px solid var(--menu-border);
    width:95%;
    margin-left: 5%;
    font-size:0.8rem;
}
#adddata{
    width:40rem;
    background-color: var(--popup-bg);
}
div.required label{
    font-family: SGDB;
}
div.required label:after{
    content: " *"
}
div.col50{
    float:left;
    width:49%;
}
form table.mw{
    max-width: 1000px;
    margin: 0.5rem 2px;
    padding:0.5rem;
}
div.list{
    text-align: left;
    padding:0.5rem 1rem;
}
div.dashboard {
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
}

div.dashboard div.element {
  border: 1px solid var(--button-inactive-color);
  border-radius: 2px;
  width: 49%;
  max-width: 500px;
  float: left;
}

div.dashboard div.element2 {
  border: 1px solid var(--button-inactive-color);
  border-radius: 2px;
  width: 100%;
  max-width: 900px;
  float: left;
}

div.dashboard div.filters {
  width: 100%;
}

div.dashboard div.filter {
  float: left;
  color: #1C3819;
  border-right: 1px solid var(--button-inactive-color);
}

div.dashboard div.filter div.ftitle {
  width: 150px;
  text-align: right;
  float: left;
  font-weight: bold;
}

div.dashboard div.filter div.fcontent {
  text-align: left;
  float: left;
}

div.dashboard div.filter ul {
  list-style: none;
  margin: 0px;
}
div.docs div.fsc div{
    text-align: left;
    padding: 0.2rem 1rem;
}
div.load{
    background-color:var(--loading);
}
td.annex{
    text-align: center;
    cursor: pointer;
    padding: 0.2rem;
}
.good{
    background-color:var(--good);
}
.wrong{
    background-color:var(--wrong);
}
a.attach{
    float:left;
}
.annulRequested::after{
    content:"\A\f127";
    font-family: FAS;
}
tr.over {
}

tr.selected {
  background-color: var(--good);
}

tr.normal {
}

tr.error {
  background-color: var(--wrong);
}

tr.allA .tdr {
  font-weight: bold;
  background-color: var(--alert4);
}

tr.lastA .tdr {
  font-weight: bold;
  background-color: var(--alert3);
}

tr.secondA .tdr {
  background-color: var(--alert2);
}

tr.firstA .tdr {
  background-color: var(--alert1);
}
#alertedMessage{
    margin-top: 3rem;
}
div.fixdiv{
    position: fixed;
    width: 100%;
    text-align: center;
    z-index: 10;
    background-color: rgba(255,255,255,0.7);
}
div.tabs, div#tabs.tabs {
  width: 100%;
  height: 20px;
}

div.tabs ul, div#tabs.tabs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
}

div.tabs ul li, div#tabs.tabs ul li {
  padding: 0;
  margin: 0px 0px 0px 3px;
  display: inline;
  min-width: 100px;
  float: left;
}

div.tabs ul li a, div#tabs.tabs ul li a {
  text-decoration: none;
  display: block;
  text-align: center;
  background-color: #D5E8FF;
  color: #153d7b;
  height: 20px;
  vertical-align: middle;
  font-size: 0.9rem;
  font-weight: bold;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

div.tabs ul li a:hover, div.tabs ul li a.selected, div#tabs.tabs ul li a:hover, div#tabs.tabs ul li a.selected {
  background-color: #224c96;
  color: White;
}
div.upload{
    border:1px #3772FF dashed;
    border-radius: 0;
    background-color: white;
    color: #3772FF;
    padding: .5rem 1rem;
}
div.upload:hover{
    color: white;
    background-color: #3772FF;
}
div.upload::before{
    font-family: FAS;
    font-size:1.5rem;
    content: "\f0c6";
    color: white;
    background-color: #3772FF;
    padding:0.3rem;
    margin-right: 0.5rem;
    border-radius: 0.5rem;
}
#annex>div{
    min-width:200px;
    border-radius: 1rem;
    padding:0.5rem;
    background-color: rgba(55, 114, 255, 0.1);
    color:#3772FF;
    margin:0.2rem;
    display: inline-block;
}
#annex>div progress{
    display: block;
}
#annex>div span{
    font-size:0.9rem;
    margin:0.5rem;
}
#annex>div a{
    font-weight: bold;
}
#annex div.el input,#annex div.el textarea,#annex div.el select{
    width:100%;
}
table.wide{
    min-width:600px;
    width:50vw;
}
td.bossAssigned::after{
    font-family: FAS;
    content:"\f508";
    font-size: 1.5rem;
}
div.msg{
    color: var(--menu-border);
    font-size: 0.8rem;
    font-style: italic;
    text-align: center;
}
div.old{
    color:var(--trd-color1);
    text-decoration-line:line-through;
    font-size:0.8rem;
    border-bottom: 1px solid var(--trd-color1);;
}
div.table{
    display: flex;
    flex-direction: column;
    width:100%;
    height:100%;
    margin:0;
}
div.tr{
    display:flex;
    flex-flow: row nowrap;
    flex:0 1 auto;
}
div.th,div.td{
    flex:1 1 auto;
}
div.th{
    font-weight: bold;
}
div.fix100{
    flex:0 0 100px;
}
div.line{
    border-bottom: 1px solid var(--info-al);
}
#remitterInfo>div{
    width: 50%;
    float: left;
    clear: none;
}
tr.marked{
    background-color: var(--button-inactive);
    text-decoration: line-through;
}
div.tree{
    font-size:12px;
}
div.treethumbs{
    width:14.5vw;
    height:97vh;
    border-right: thin solid #999;
    float:left;
    text-align: left;
    vertical-align: top;
    overflow-y: auto;
    overflow-x:hidden;
}
div.treethumbs a.is::after{
    font-size: 0.75rem;
    margin: 0 0.1rem;
}
div.treethumbs>div{
    margin-bottom: 0.1rem;
    width: 95%;
    word-break:break-all;
}
div.subfolder::before{
    content: "\f07b";
    font-family: FAS;
    font-size:1rem; 
    margin-left:0.2rem;
    color: var(--trdh5-color);
}
div.physical::before{
    content: "\f07b";
    font-family: FAS;
    font-size:1rem; 
    margin-left:0.2rem;
    color: var(--trdh3-color);
}
div.open::before{
    content: "\f07c";
}
div.subfolder{
    padding-left:0;
}
div.physical{
    padding-left:0.5rem;
}
div.document{
    padding-left:0.2rem;
    border-bottom: 1px solid var(--button-inactive-color);
}
div.av{
}
div.nav{
    color:#999;
}
#stmd>div{
    display: flex;
    align-items: flex-start;
    gap: 1px;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin: 0.3rem auto;
}
#stmd>div.mst1{
    flex-direction: row;
    width:fit-content;
    height: min-content;
    padding: 0.3rem 0.3rem;
    font-size: 1rem;
    border-radius: 1rem;
    border: 1px solid var(--info);
    justify-content: space-around;
}
#stmd div.mst1>div{
    flex: 1;
    width: 30%;
    align-self: center;
}
#stmd div.mst1>div.brf{
    flex-basis: 100%;
    width: 0;
}
#stmd div.mst1>div.t{
    flex: 1.5;
}
#stmd>div.mst2{
    flex-direction: column;
    width:100%;
    max-width: unset;
    justify-content: space-around;
}
#stmd div.mst2>div{
    flex: 0;
    width: 30%;
    align-self: stretch;
}
#stmd div.mst2>div.brf{
    flex-basis: 100%;
    width: 0;
}
#stmd div.mst2>div.t{
    flex:0 0 2.5rem;
}
#stmd div.brf:nth-child(0){
    border-top: 1px solid var(--info);
}
#stmd div.st{
    font-size: 0.8em;
    font-weight: bold;
}
#stmd div.t{
    text-align: left;
    color: var(--info);
}

#stmd div.t a{
    display: inline-block;
}
#stmd div.t a::after{
    font-size: 1rem;
}
#stmd div.n{
    font-weight: bolder;
    padding:0.1rem;
}
div.mst1>div{
    flex: 0;
}
#flxbr{
    flex-basis:100%;
    background-color: var(--info);
    height: 1px;
    margin:0.3rem 0;
}
table.wf_table_s{
    font-size:0.8rem;
    border: 1px solid var(--list-border);
    font-family: SGDL;
    color: var(--list-th-color);
    border-spacing: 0px;
    border-collapse: separate;
}
table.wf_table_s th,table.wf_table_s td{
    padding:0.1rem;
}
table.wf_table_s th{
    font-weight: bold;
}
table.wf_table_s tr.a{
    background-color: var(--button-inactive-color);
}
div.index{
    display: flex;
}
div.index>div{
    display: flex;
    flex:1;
    flex-direction: column;
    text-align: center;
}
div.index>div:nth-child(2){
    flex:0 0 10rem;
}
div.index>div:nth-child(4){
    flex:0 0 1.5rem;
}
tr.flg1 td{
    font-weight:bold;
    color:var(--flag1);
}
tr.flg1 td.rad::before{
    font-family: FAR;
    content:"\f005"
}
.b_action{
    font-family: SGDL;
    border: 1px solid var(--info);
    border-radius: 0.5rem;
    color:var(--info);
    background-color: var(--button-color);
    padding:0px var(--field-height);
    margin-right: 0.1rem;
    height: var(--field-height);
    line-height: var(--field-height);
    cursor:pointer;
    float: right;
    font-size: 0.8rem;
}
.b_action:hover{
    color: var(--button-color);
    background-color: var(--info);
}
.b_action::after{
    content: "\f0e7";
    font-family: FAL;
    margin-left: 1rem;
}
#docarea2 fieldset{
    max-width:unset;
}
#docarea2 #additionalInfo{
    display:flex;
    flex-wrap: wrap;
}
#docarea2 #additionalInfo>div{
    flex: 1 1 160px;
    background-color:var(--menu-bg);
    margin-right:0.1rem;
}
#docarea2 #additionalInfo>div>label{
    font-weight:bold;
}
#docarea2 #additionalInfo input{
    width:150px;
}
div.intgr{
    font-style: italic;
    color:var(--info);
}