html,body { margin:0px; padding:0px; height: 100%; }

:root { 
    --color1:#5fbfdb;
    --color2:#2481c4;
    --color3:#727373;
    --color4:#d9d9d8;
    --color5:#f1f1ef;
    --color6:#e9d668;
    --color7:#5fbfdb;
    --color8:#5fbfdbaf;
    --color9:#8e8e8e;
    --color10:#cdcdcd;
    --color11:#e9a468;
    --color12:#82e968;
    --color6Inactive:rgba(235, 209, 61, 0.3);
    --color7Inactive:rgba(95, 190, 219, 0.50);
    --color11Inactive:rgba(233, 164, 104, 0.50);
    --color12Inactive:rgb(130, 233, 104, 0.50);
    --colorWhite:#ffffff;
    }

.bg-colorWhite{background-color:var(--colorWhite);}
.bg-color1{background-color:var(--color1);}
.bg-color2{background-color:var(--color2);}
.bg-color3{background-color:var(--color3);}
.bg-color4{background-color:var(--color4)!important;}
.bg-color5{background-color:var(--color5);}
.bg-color7{background-color:var(--color7);}
.bg-color8{background-color:var(--color8);}
.bg-color9{background-color:var(--color9);}
.bg-color10{background-color:var(--color10);}
.bg-color11{background-color:var(--color11);}
.bg-color12{background-color:var(--color12);}


.btn-color1{background-color:var(--color1)!important;}
.btn-color2{background-color:var(--color2)!important;}
.btn-color3{background-color:var(--color3)!important;color:#fff!important;}
.btn-color4{background-color:var(--color4)!important;}
.btn-color5{background-color:var(--color5)!important;color:var(--bs-body-color)!important;}
.btn-color9{background-color:var(--color9)!important;color:#fff!important;}
.btn-colorWhite{background-color:var(--colorWhite)!important;color:var(--bs-body-color)!important;border-style:solid!important;border-width:var(--bs-border-width)!important;border-radius: var(--bs-border-radius)!important;border-color:var(--bs-border-color)!important;}

.btn-color1:hover{background-color:var(--color1);filter: brightness(85%);}
.btn-color2:hover{background-color:var(--color2);filter: brightness(85%);}
.btn-color3:hover{background-color:var(--color3);filter: brightness(85%);color:#fff;}
.btn-color4:hover{background-color:var(--color4);filter: brightness(85%);}
.btn-color5:hover{background-color:var(--color5);filter: brightness(85%);}
.btn-color9:hover{background-color:var(--color9)!important;filter: brightness(85%);color:#fff!important;}
.btn-colorWhite:hover{background-color:var(--colorWhite);filter: brightness(85%);}



.border-color7{border-color:var(--color7);}
.border-color8{border-color:var(--color8);}

.color1{color:var(--color1);}
.color2{color:var(--color2);}
.color3{color:var(--color3);}
.color4{color:var(--color4);}
.color5{color:var(--color5);}
.colorWhite{color:var(--colorWhite);}

#menu-top-main{ background-color:var(--color5); }

.nav-link-bg-color4.active{background-color:var(--color4)!important;border-color:var(--color4)!important;}
.nav-link-bg-color5.active{background-color:var(--color5)!important;border-color:var(--color5)!important;}
.menu-top-link { color:var(--color3);text-decoration:none;margin-right:1rem;white-space: nowrap;line-height:1.5rem; }
.menu-top-link:hover { color:var(--bs-body-color); }
.menu-top-link.active { color:var(--bs-body-color);border-style:solid;border-color:var(--color1);border-width:0px 0px 3px 0px; }

.menu-top-visible-link { color:var(--color3);text-decoration:none;margin-right:1rem;white-space: nowrap;line-height:1.5rem; }
.menu-top-visible-link:hover { color:var(--bs-body-color)!important; }
.menu-top-visible-link.active { color:var(--bs-body-color);border-style:solid;border-color:var(--color1);border-width:0px 0px 3px 0px; }

.menu-left-link {background-color:var(--color2);width:100%;display:block;padding:0.8rem;color:var(--colorWhite);text-decoration:none;opacity:0.8;}
.menu-left-link:hover{opacity:1;}
.menu-left-link-active {opacity:1;background-color:var(--color2);width:100%;display:block;padding:0.8rem;color:var(--colorWhite);text-decoration:none;}

.breadcrum h5{ margin:0px; }
.breadcrum h5 i{ font-size:1rem; }
.toolbar { clear:both;background-color:var(--color5);}
.btnToolbar { margin:0rem 1rem 1rem 1rem;color:var(--color3);text-decoration:none;margin-right:1rem; }
.btnToolbar:hover { color:var(--bs-body-color); }
.btnToolbar.active { color:var(--bs-body-color);border-style:solid;border-color:var(--color1);border-width:0px 0px 3px 0px; }

.clickable{cursor:pointer;}
.bottomschadow{box-shadow: 0 1px 3px 0 rgba(21,27,38,.15);}

.folder{ display:block; list-style: none; user-select: none; margin:0px!important; padding-left:10px!important; }
.folder>li{ list-style: none; cursor: pointer; user-select: none; margin:0px!important; padding:0px!important; font-size:0.8rem; }
.folder>li.active>span{ display:block; background-color:var(--color7); color:#fff!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.folder>li.active>span:before{ color: #fff!important; }   
.folder>li>span:before{ content: "\F3D7"; font-family: bootstrap-icons !important; margin-left: 5px; margin-right: 5px; color:var(--color6); font-size:1rem; }
.folder>li.subfolder>span:before{ content: "\F3D2"; font-family: bootstrap-icons !important; margin-left: 5px; margin-right: 5px; color:var(--color6); font-size:1rem; }
.folder>li.subfolderclosed>span:before{ content: "\F3D3"; font-family: bootstrap-icons !important; margin-left: 5px; margin-right: 5px; color:var(--color6); font-size:1rem; }
.folderpath{ margin-left: 5px; margin-right: 5px; color:var(--color6); }


.menu>li>span:before{ content: "\F3D7"; font-family: bootstrap-icons !important; margin-left: 5px; margin-right: 5px; color:var(--color6); font-size:0.9rem;line-height:1rem;margin-top:2px; }
.menu>li>span{padding-bottom:2px;padding-top:2px; }
.menu>li>.active{ display:block; background-color:var(--color7); color:#fff!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.menu>li>.active:before{ color: #fff!important; }  

.table-active a, table tbody tr:hover a{color:#fff!important;}


.overlay{ display:none;width:100%;height:100%;position:fixed;top:0px;right:0px;z-index:1000000; }
.overlay_bg{ width:100%; height:100%; position:fixed; top:0px; right:0px; background-color:#000;/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";/* IE 5-7 */filter: alpha(opacity=20);/* Netscape */-moz-opacity: 0.2;/* Safari 1.x */-khtml-opacity: 0.2;/* Good browsers */opacity: 0.2; }
.loader{ width:50px; height:50px; position:fixed; top:50%; right:50%; background-image: url('/img/loader.svg'); background-repeat:no-repeat; background-position:center; }

.root_custom { display:block;padding:2px;cursor: pointer;user-select: none; }
.root_custom .active{ color:#fff;background-color:#f0f0f0; }
.root_custom:hover{ background-color:#f0f0f0; }
.tree_custom{ font-weight:none; }
.tree_custom ul{  width:auto; list-style-type: none; cursor: pointer; user-select: none; margin:0px; padding-left:0px; }
.tree_custom ul > li > ul{ padding-left:10px; }
.tree_custom i { margin-left:2px; margin-right:5px; }
   
.dropzone_custom { cursor:pointer; width:100%; height:150px; padding:40px; border: 1px dashed #dedede; border-radius: 5px; background: #f5f5f5; text-align:center; }
.dropzone_custom:hover { opacity: 0.5; }
.dropzone_custom_sm { cursor:pointer; width:100%; height:80px; padding:13px; border: 1px dashed #dedede; border-radius: 5px; background: #f5f5f5; text-align:center; }
.dropzone_custom_sm:hover { opacity: 0.5; }

.monthClosed { background-color:var(--color11Inactive)!important;}
.monthPlanned { background-color:var(--color7Inactive)!important;}
.monthRunning { background-color:var(--color12Inactive)!important;}
.monthSelect:hover {background-color:var(--color4)!important;}
.monthActive:hover {background-color:var(--color10)!important;}
.monthClosed:hover { background-color:var(--color11)!important;}
.monthPlanned:hover { background-color:var(--color7)!important;}
.monthRunning:hover { background-color:var(--color12)!important;}

.monthActive {background-color:var(--color10)!important;}
.monthClosed.monthActive { background-color:var(--color11)!important;}
.monthPlanned.monthActive { background-color:var(--color7)!important;}
.monthRunning.monthActive { background-color:var(--color12)!important;}


.ftp_selected{ width:auto;list-style-type: none;cursor: pointer; user-select: none;margin:0px;padding:0px; }
.ftp_selected li{padding:5px;}
.clickable{	cursor: pointer;}
.sortable{ width:auto;list-style-type: none;cursor: pointer; user-select: none;margin:0px;padding-left:15px;	}   
.dragable{ width:auto;list-style-type: none;cursor: pointer; user-select: none;margin:0px;padding-left:0px; }  
.dragable li{ margin-bottom:10px; }
.img-list{ max-height:70px; }
.img-list_small{ max-height:30px; }

.accordion-button { font-size:0.9rem;padding:0.8rem; } 

#header-top-page>div>h4>i{ color:var(--color3);} 


@media (max-width: 992px){
    #menu-top-main{ background-color:var(--color3); }
    .main-menu-top-link { color:#ffffff!important;opacity:0.5;}
    .main-menu-top-link:hover, .main-menu-top-link:active, .main-menu-top-link:visited { color:#ffffff!important;opacity:1;}
    #main-menu-language { color:#ffffff!important;opacity:0.5;}
    #main-menu-language:hover,  #main-menu-language:active,  #main-menu-language:visited { color:#ffffff!important;opacity:1;}
}