/* Customizari*/

.new-ribbon {
  --f: 10px; /* control the folded part*/
  --r: 10px; /* control the ribbon shape */
  --t: 15px; /* the top offset */

  position: absolute;

  inset: var(--t) calc(-1*var(--f)) auto auto;
  padding: 0 10px var(--f) calc(10px + var(--r));
  margin-right: 10px;
  clip-path: 
    polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
      calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
      var(--r) calc(50% - var(--f)/2));
  background: #59B200;
  box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
  z-index: 10;
  font-weight: bold;
  font-size: 15px;
  color: #FFF;
}



/* GENERAL ----------------------------------------------*/
.flag-icon-en { background-image: url(../scss/icons/flags-icon/flags/4x3/gb.svg); }

#account-box { /*opacity: 0;*/ }
#account-languages { opacity: 0.90;  }

.flag-icon, .tab-pane { transition: all 0.5s ease; }

.greyscale .flag-icon {
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%); 
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%); 
            -o-filter: grayscale(100%);
            filter: url(desaturate.svg#greyscale);
            filter: gray;
            -webkit-filter: grayscale(1);
        }
.greyscale .active .flag-icon { filter: none; }



.content-page .content {
    padding: 0 5px 10px 5px;
    margin-top: 0px;
}

/* end GENERAL */


/* LOGIN ----------------------------------------------- */

.account-languages { overflow: hidden; text-align: center; font-size: 0.8em; text-transform: uppercase; letter-spacing: -0.02em;  }
.account-languages .tabs-vertical li.nav-item { display: block; }
.account-languages a { display: block; color: #666; }


@media only screen and (min-width: 992px) {
    .account-box {  display: flex;
  align-items: center;
  justify-content: center;}
.account-languages { position: absolute; z-index: 99;  right: -76px; width: 76px; padding: 10px 0 0 0; background: rgba(255, 255, 255, 0.75); border-radius: 0 5px 5px 0;  }
.account-languages > div { padding-bottom: 8px; }
.account-languages .tabs-vertical li.nav-item { width: 100%; }
.account-languages a { padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); }
.account-languages a:hover { background: #fff; }
.account-languages a.active { background: #f9f9f9; }
.account-languages a > span { font-size: 1.4em; }


.account-shad { position: relative; box-shadow: 0px 1px 10px #999; z-index: 100; width: 100%; }
    
}

@media only screen and (max-width: 991px) {
.account-languages { border-radius: 5px 5px 0 0; background: #eee; font-size: 0.7em; }
.account-languages > div { display: none }
.account-languages .tabs-vertical li.nav-item { width: 20%; float: left; }
.account-languages a { padding: 9px 0; line-height: 1em; }
.account-languages a.active { background: #fff; }
.account-languages a > span { display: inline-block; font-size: 1.2em; margin-bottom: 4px; }
}
    



@media only screen and (max-width: 600px) {
    .row-captcha { max-width: 265px; overflow: hidden; }
}

/*.form-control.password-meter { border-radius: 4px 4px 0 0; } */
.progress.password-meter-bar { height: 7px; margin: 9px 0 0 0; }
.progress.password-meter-bar .progress-bar { font-size: 11px; }

/* end LOGIN */


/* HEADER ----------------------------------------------- */

.navbar-custom { background-color: #007B6C; }

.topbar .topbar-left  { background-color: #007B6C; }

.navbar-custom .menu-left li.float-left .button-menu-mobile { background-color: #007B6C; }


/* end HEADER */


/* MAIN CONTENT ----------------------------------------------- */

.card-box { box-shadow: 0px 1px 2px #999; }


.btn-primary {
    background-color: #007B6C !important;
    border: 1px solid #007B6C !important;
}
.btn-primary:hover,
.btn-primary:focus{
    background-color: #51bea8 !important;
    border: 1px solid #51bea8 !important;
}


.h-100{
    min-height: 100px !important;
}
.h-200{
    min-height: 200px !important;
}
.h-300{
    min-height: 300px !important;
}



.tabel-text { white-space: normal; /*max-width: 450px;*/ line-height:  1.1em; padding: 7px 10px; margin-bottom: 5px; background: #ECF7FF; border: 1px solid #fff; position: relative; border-radius: 4px; font-size: 1.1em; }
.tabel-text:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    left: 19px;
    border-width: 7px 7px 0;
    border-style: solid;
    border-color: #ECF7FF transparent;
    display: block;
    width: 0;
}
.table-hover tr:hover .tabel-text { /*background: #f9f9f9; */ }
.table-hover tr:hover .tabel-text:after { border-color: #ffffff transparent; }
.tabel-text-info { font-size: 0.9em; color: #ddd; }
.tabel-text-info span { margin: 0 5px; color: #999; }
.tabel-text-info .nume { text-transform: capitalize; }

.update-box { font-weight: 400; }
.update-box small { color: #888; font-weight: 300; }

/* end MAIN CONTENT */



/* EXTERNAL PAGES ----------------------------------------------- */

.bg-accpunt-pages { background: #007B6C linear-gradient(to bottom, #50A49A, #007B6C); }
.bg-accpunt-pages.login-page {  background-image: url(../images/main-background.jpg); background-size: cover; }

/* end EXTERNAL PAGES */


/* LOADING BAR -------------------------------------------------*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #e61d2b;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}

/* 
========================================== 
FORMS
========================================== 
*/
label {
    margin-bottom: 5px;
}
.files-editor{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 998;
    background: #ddd;
    padding: 10px 20px;
}
.files-editor .inner-files-editor{
    position: relative;
}
.files-editor .inner-files-editor .row .col-xl-5.allow-outside{
    position: inherit !important;
}
.files-editor .input-group{
    width: 100%;
}
.files-editor i.fa{
    font-size: 18px;
}
.files-editor form span,
.files-editor span{
    margin-left: 5px;
}
.files-editor form .align-icon i.fa{
    float: left;
    padding-top: 2px;
}
.files-editor .delete_action{
    text-align: center;
}
.files-editor .folders-search-box button{
    text-align: left;
    cursor: pointer;
}
.files-editor .folders-search-box span{
    margin-left: 5px;
}
.custom--select{
    cursor: pointer;
}
.custom--select > span{
    margin-left: 5px;
}
#customDropdown{
    max-height: 300px;
    overflow-y: scroll;
}
#customDropdown,
#filesDropdown{
    width: 100%;
}
#customDropdown a.dropdown-item{
    position: relative;
}
#customDropdown .folder_child1,
#filesDropdown .folder_child1{
    padding-left: 35px;
}
#customDropdown .folder_child2,
#filesDropdown .folder_child2{
    padding-left: 50px;
}
#customDropdown .folder_child3,
#filesDropdown .folder_child3{
    padding-left: 70px;
}
#customDropdown .folder_child4,
#filesDropdown .folder_child4{
    padding-left: 90px;
}
#customDropdown .folder_child5,
#filesDropdown .folder_child5{
    padding-left: 110px;
}
#customDropdown .folder_child6,
#filesDropdown .folder_child6{
    padding-left: 130px;
}
.confirmaMutare { font-size: 0.9em;}
.edit_container{
    display: inline-block;
    padding-right: 20px;
}
.edit_container .edit_show_panel{
    display: none;
    position: absolute;
    top: -75px;
    width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #007B6C;
}
#form-content .dropdown-menu .dropdown-item{
    cursor: pointer;
    padding: 5px 15px;
}
#form-content .dropdown-menu .dropdown-item span{
    padding-left: 2px;
    display: inline-block;
}
#form-content .dropdown-menu .dropdown-item i.fa{
    font-size: 16px;
    width: 17px;
}
.files-editor #form-content{
    display: inline-block;
    padding-right: 20px;
}
.files-editor .delete_folder{
    display: inline-block;
}
.files-editor #form-content #toggle_folder{
    display: none;
    position: absolute;
    top: -75px;
    left: 0px;
    width: 100%;
    z-index: 998;
    padding: 8px;
    background: #fff;
    border: 1px solid #007B6C;
}
.file-link-move{
    cursor: pointer;
    position: relative;
    z-index: 998;
}



/* 
========================================== 
Fisiere
========================================== 
*/
.files-item { cursor: default; margin-bottom: 20px; /*min-width: 200px;*/ } /* box fisier sau folder */
.files-item.active .file-man-box, .files-item:focus .file-man-box { border-color: #007B6C; box-shadow: 0px 0px 3px rgb(0, 0, 0, 0.5) } {} /* box fisier sau folder */

.file-man-box { border-width: 1px; border-color: #e6e6e6; padding: 0; overflow: hidden; background-color: #fff; margin: 0; }
.file-man-box:hover { border-color: #aaa; }

.box-file { height: 289px; }
.box-folder {}

.file-man-box .file-admin { visibility: hidden; width: auto; float: right; margin-left: 5px;/*display: block; position: absolute; line-height: 26px; font-size: 26px;*/ }
.file-man-box:hover .file-admin { visibility: visible; }
.file-action .file-admin.file-button{cursor: pointer;}
.file-man-box .file-button { color: #98a6ad; }
.file-man-box .file-button-big { /* font-size: 30px; width: auto; float: left; */ }
.file-man-box .file-button:hover { color: #007B6C; }
    .file-man-box .file-link-edit { /*top: 10px; left: 10px;*/ }
    .file-man-box .file-link-delete { /*top: 40px; left: 10px;*/ }
    .file-man-box .file-link-delete.file-button:hover { color: #f15642; }
    .file-man-box .file-information { width: auto; float: right; color: #ddd; }


.box-folder {}
.box-folder .file-folder-box { display: flex; align-items: center; height: 55px; cursor: default; }
.box-folder .file-folder-box:after { display: block; content:" "; clear: both; }
    .file-folder-box .folder-img { width: 55px; height: 55px; float: left; margin: 0px; padding: 10px; }
    .file-folder-box .folder-img div { width: 35px; height: 35px; background: url("../images/icons/folder.svg"); background-repeat: no-repeat; background-size: contain; }
    .file-man-box.opened .file-folder-box .folder-img div { background-image: url("../images/icons/opened_folder.svg"); }*/
.file-folder-box h5 { padding: 0 5px 0 0; letter-spacing: -0.03em; }


.box-file .file-img-box { margin: 8px 10px 2px 10px; }
    .file-img-box { height: 160px; cursor: pointer; }
    /*.file-man-box .file-img-box img { height: 80px; margin: 40px 0; }*/
    .file-img-box img.photo { width: auto; height: auto; max-height: 160px; max-width: 100%; margin: 0; }
    .file-img-box img.icon { height: 80px; margin: 40px 0;  }
    .file-img-box a { display: block; position: relative; color: #007B6C;  }
        .file-img-box a:hover {   }
        .file-img-box a:after { display: block; position: absolute; left: 0; top: 60px; width: 100%; font: normal normal normal 24px/1 "Material Design Icons"; content: "\F2FC"; font-size: 60px; visibility:hidden; text-shadow: 0px 0px 13px #fff; opacity: 0.3;  }
        /*.file-man-box:hover .file-img-box a:after { visibility: visible; opacity: 0.3; }*/
        .file-man-box:hover .file-img-box a:hover:after { visibility: visible; opacity: 0.85; }

.file-man-box .file-man-title { padding-right: 0; background: #fff; padding: 0px 15px 6px 15px; /*border-bottom: 1px solid #eee;*/ }
    .file-man-box .file-man-title h5 { margin-top: 0; letter-spacing: -0.03em; max-height: 54px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; }
    .file-man-box .file-details { padding: 5px 0; font-size: 11px; color: #aaa; line-height: 11px; }
        .file-man-box .file-details span { padding: 0 5px; border-left: 1px solid #ddd; }
        .file-man-box .file-details span:first-child { padding-left: 0px; border-left: 0px; }

.file-man-box .file-action { line-height: 20px; border-top: 1px solid #eee; padding: 5px 0; margin: 0 10px; }
.file-man-box .file-action a { display: inline-block; font-size: 11px; }
.file-man-box .file-action i { display: inline-block; font-size: 24px; vertical-align: middle;   }

@media only screen and (min-width: 1587px) {
.col-xxl-2 {     flex: 0 0 20%;
    max-width: 20%; }
}

.text-overflow-2 {
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 55px;
    overflow: hidden;
    
    text-overflow: ellipsis;
    /*white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;*/
}


.folder-nav { line-height: 30px; }

.folder-nav .folder-buttons { width: auto; float: left; padding-right: 10px; position: relative; top: -5px; }
.folder-nav .folder-buttons.pull-left a { margin-right: 10px; }
.folder-nav .folder-buttons.pull-right a { margin-left: 10px; }
.folder-nav .folder-buttons a { font-size: 40px; color: #98a6ad; }
.folder-nav .folder-buttons a:hover { color: #007B6C; }
.folder-nav .folder-buttons a.disabled { color: #ddd; cursor: not-allowed; }

.folder-nav .breadcrumb { font-size: 1.5em; letter-spacing: -0.04em; border-left: 1px solid #ccc; border-radius: 0;
        /*background: #fff; border: 1px solid #e6e6e6; padding: 5px 5px 4px 10px; border-radius: 19px 19px 19px 19px;*/ padding: 1px 5px 0px 10px;  }

    .folder-nav .breadcrumb .breadcrumb-item.folder {  white-space:  nowrap;  }
    .folder-nav .breadcrumb .breadcrumb-item.folder a { padding: 0 5px 0 10px; }
    .folder-nav .breadcrumb .breadcrumb-item.folder a:before { /* display: inline-block; width: 19px; content: "\f07b" !important; font-family: FontAwesome !important; margin-right: 7px; */}
    .folder-nav .breadcrumb .breadcrumb-item.folder a:hover { color: #007B6C; }
    .folder-nav .breadcrumb .breadcrumb-item.folder a:hover:before { /*width: 19px; content: "\f07c" !important; */}
    .folder-nav .breadcrumb .breadcrumb-item.folder.active { /*color: #98a6ad;*/ }
    .folder-nav .breadcrumb .breadcrumb-item.folder.active span { padding-left: 10px; }
    .folder-nav .breadcrumb .breadcrumb-item.folder.active span:before { content: "\f07c" !important; font-family: FontAwesome !important; margin-right: 5px; }


/* butonul de refresh */
#refresh-tree { display: block; background-color: inherit; padding: 9px 17px; position: relative; left: 17px; bottom: 8px; line-height: 17px; color: #ccc; }
#refresh-tree i { margin: 0; font-size: 14px!important;   }
#refresh-tree:hover { color: inherit; }

/* Left menu folder tree */
body.enlarged #foldersTree { display: none; }
#foldersTree { padding: 0 5px 14px 5px; width: 100%; /*transition: all 0.5s ease; overflow-y: hidden; overflow-x: hidden; position: relative; top: -10px;*/ }
/*#foldersTree:hover { /*overflow-y: hidden; overflow-x: auto; background: #2f3642;* / overflow-y: hidden; overflow-x: scroll; padding: 0 20px 0 20px; }*/
/*#foldersTree a { display: inline-block; padding: inherit; color: rgba(255, 255, 255, 0.5); background-color: inherit; }
#foldersTree a.jstree-clicked, #foldersTree a:hover { color: rgba(255, 255, 255, 1); box-shadow: none; }
#foldersTree a.jstree-clicked i.fa-folder { visibility: hidden;  }
#foldersTree a.jstree-clicked i.fa-folder:after { content: "\f07c" !important; position: relative; left: -15px; visibility: visible; }*/
.treeContainer li > a { padding-left: 25px; }


/* Meniu Foldere */
div.custom-tree > ol, div.custom-tree > ol ol { padding: 0 0 0 16px; margin: 0; }
div.custom-tree ol li { list-style-type:none; line-height: 26px; white-space: nowrap; padding: 0; margin: 0; }
div.custom-tree > ol > li li { display: none; }
div.custom-tree > ol > li:first-child { border-top: 1px solid; border-top-color: rgba(255, 255, 255, 0.05); }
div.custom-tree > ol > li { border-bottom: 1px solid; border-bottom-color: rgba(255, 255, 255, 0.05);  }
div.custom-tree > ol > li > a { font-weight: bold; }
div.custom-tree > ol > li > ol > li.opened,
div.custom-tree ol li.opened > ol > li { display: list-item; }
div.custom-tree ol a { display: inline-block; padding: 0 6px; line-height: inherit; color: rgba(255, 255, 255, 0.5); }
    div.custom-tree ol a:hover, div.custom-tree ol .expander:hover { color: #fff; }
    div.custom-tree ol a.active { color: rgba(255, 255, 255, 0.5); }
	div.custom-tree ol a.activat { color: #fff; }
/* div.custom-tree ol a:before { display: inline-block; width: 16px; content: "\f07b" !important; font-family: FontAwesome !important; margin: 0px; color: #999; font-size: 0.9em; } 
    div.custom-tree ol a.active:before { content: "\f07c" !important; color: #fff; }    */
div.custom-tree ol .expander { display: inline-block; width: 20px; color: #ddd; cursor: pointer; text-align:center; }
div.custom-tree ol .expander:before { display: inline-block; width: 20px; content: "\f0da" !important; font-family: FontAwesome !important; margin: 0px; } 
div.custom-tree ol li.opened > .expander:before { content: "\f0d7" !important;  } 
div.custom-tree ol .expander.empty:before, div.custom-tree ol li.opened > .expander.empty:before  { opacity: 0.2; content: "\f0da" !important; cursor: default;}

.enlarged #wrapper #sidebar-menu li.active:hover .collapse.in {
    display: block !important;
}

.side-menu { padding-bottom: 0; }


/* 
========================================== 
GENERAL - TEXT
========================================== 
*/
.display-5 {
    font-weight: 100;
    line-height: 1.2;
    font-size: 2em;
}
.close_modal{
    cursor: pointer;
    font-size: 26px;
    line-height: 32px;
}


/* 
========================================== 
Modal - fisiere
========================================== 
*/
/*
.modal-backdrop.show {}
.modal-backdrop.show:hover { opacity: .2;}

#box-file-details { top: 15px; background: transparent; }
#box-file-details.modal .modal-dialog .modal-content .modal-body { padding: 15px; background-color: #f1f1f1 }

    #box-file-details button.close-desk { display: block; position: absolute; left: -40px; top: 16px; width: 40px; height: 50px; border: 0; border-radius: 3px 0 0 3px; background-color: #f1f1f1; font-size: 2em; color: #666f7b; line-height: 50px; text-align: right; cursor: pointer;}
    #box-file-details button.close-desk:hover { color: #333; }
    #box-file-details button.close-desk i { display: block; line-height: inherit; }
    #box-file-details button.close { }
    #box-file-details button.close i { line-height: 30px; }

    /* Afisare in fisierul AJAX deschis in dreapta * /
    .right-item-icon {
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%); 
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%); 
                -o-filter: grayscale(100%);
                filter: url(desaturate.svg#greyscale);
                filter: gray;
                -webkit-filter: grayscale(1); }
    .right-item-title { line-height: 31px; letter-spacing: -0.03em; color: #666f7b; }

    .right-item-preview { position: relative; background: #fff url(../images/loading-big.gif) center center no-repeat; border: 1px solid #fff;  }
        .right-item-preview embed { display: block; width: 99.9%; height: 100%; min-height: 290px; margin: 0; padding: 0;  }
        .right-item-preview.img { text-align: center; padding: 10px; margin-bottom: 1px; }
        .right-item-preview.img img { max-height: 350px; margin: 0 auto; }
        .right-item-preview.video {  }
        .right-item-preview.video video { width: 100%; height: auto; }
        .right-item-preview.none { background-image: none; opacity: 0.7; padding: 10px; font-size: 20px; font-weight: 300; color: #bbb; margin-bottom: 1px; }

    .right-item-description { background: #fff; padding: 10px; margin: 0 0 1px 0; font-size: 1.15em;  }
    .right-item-details { background: #fff; font-size: 0.8em; }
        .right-item-details span { line-height: 26px; padding: 0 1em; display: inline-block; border-right: 1px solid #f1f1f1; }


@media (max-width: 991px) {
    #box-file-details button.close-desk { display: none; }
    .right-item-preview.embed { height: 45%; }
}
@media (min-width: 992px) {
    #box-file-details.modal .modal-dialog { position: absolute;  height: 100%; width: 500px; right: 0; margin: auto;  }
    #box-file-details.modal .modal-dialog .modal-content { height: 100%; width: 500px; border-radius: 0; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); border: 0; }
    #box-file-details.modal .modal-dialog .modal-content .modal-body { min-height: 100%; position: relative; padding-bottom: 2em;  }
    #box-file-details button.close { display: none; }
    .right-item-preview.embed { height: 55%; }

    #box-file-details.modal.fade:not(.in) .modal-dialog {
        -webkit-transform: translate3d(25%, 0, 0)
        transform: translate3d(25%, 0, 0)
    }

}
*/


    #box-file-details button.close-desk { display: block; position: absolute; left: -40px; top: 16px; width: 40px; height: 50px; border: 0; border-radius: 3px 0 0 3px; background-color: #f1f1f1; font-size: 2em; color: #666f7b; line-height: 50px; text-align: right; cursor: pointer;}
    #box-file-details button.close-desk:hover { color: #333; }
    #box-file-details button.close-desk i { display: block; line-height: inherit; }
    #box-file-details button.close { }
    #box-file-details button.close i { line-height: 30px; }


    /* Afisare in fisierul AJAX deschis in dreapta */
    .right-item-icon {
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%); 
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%); 
                -o-filter: grayscale(100%);
                filter: url(desaturate.svg#greyscale);
                filter: gray;
                -webkit-filter: grayscale(1); }

    .right-item-title { line-height: 31px; letter-spacing: -0.03em; color: #666f7b; }

    .right-item-preview { position: relative; background: #fff url(../images/loading-big.gif) center center no-repeat; border: 2px solid #ddd; }
        .right-item-preview.embed { }
            .right-item-preview embed { display: block; width: 99.9%; height: 100%; min-height: 290px; margin: 0; padding: 0;  }
        .right-item-preview.img { text-align: center; }
            .right-item-preview.img img { max-height: 350px; margin: 0 auto; }
        .right-item-preview.video {  }
            .right-item-preview.video video { width: 100%; height: auto; }
        .right-item-preview.none { background-image: none; opacity: 0.7; padding: 10px; font-size: 1.2em; font-weight: 300; text-align: center; }
            .right-item-preview.none img { max-width: 100px; margin: 1em 0; }

    .right-item-description { padding: 10px 0; margin: 0; font-size: 1.15em; border-bottom: 1px solid #ddd;  }

    .right-item-details { font-size: 0.9em; }
        .right-item-details span { line-height: 30px; padding: 0 1em 0 0; display: inline-block; }


@media (max-width: 991px) {
    #box-file-details button.close-desk { display: none; }
    .right-item-preview.embed { height: 45%; }
}
@media (min-width: 992px) {
    #box-file-details.modal .modal-dialog { position: absolute;  height: 100%; width: 500px; right: 0; margin: auto;  }
    #box-file-details.modal .modal-dialog .modal-content { height: 100%; width: 500px; border-radius: 0; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); border: 0; }
    #box-file-details.modal .modal-dialog .modal-content .modal-body { min-height: 100%; position: relative; padding-bottom: 2em;  }
    #box-file-details button.close { display: none; }
    .right-item-preview.embed { height: 55%; }

    #box-file-details.modal.fade:not(.in) .modal-dialog {
        -webkit-transform: translate3d(25%, 0, 0)
        transform: translate3d(25%, 0, 0)
    }

}

/* 
========================================== 
Afisare continut-centru cu sidebar dreapta
========================================== 
*/
body.enlarged { min-height: 100%; } /* clasa aplicata la minimizare meniu stanga */

.content-page { position: absolute; width: 100%; height: 100%; padding-top: 70px; padding-left: 240px; margin: 0; }
.enlarged #wrapper .content-page { margin-left: /*70px;*/ 0px; padding-left: 0px; }
@media (min-width: 769px) {
    body.enlarged .side-menu { display: none; }
/*	body.enlarged .side-menu { width: 50px; overflow: hidden; }
    body.enlarged .side-menu:hover { width: 240px; overflow: auto; } */
}
@media (max-width: 768px) {
    body.enlarged .side-menu { display: none; }
    
    .folder-nav .breadcrumb-item:not(.active) { display: none; }
    .folder-nav .breadcrumb-item:before { display: none }
}


.content-row { position: relative;  height: 100%; margin: 0; padding-top: 50px;  }

.content-top { position: absolute; left: 0; top: 0; width: 100%; height: 50px; overflow: hidden;}
#content-top { position: relative; width: 100%; height: 100%; padding: 10px 15px 0 15px; border-bottom: 1px solid #ddd; }

.content-left { position: relative; float: left; width: 75%; height: 100%; margin: 0; padding: 0; overflow: hidden; border-right: 1px solid #ddd; }
#content-left {  position: absolute; width: 100%; height: 100%; overflow: auto; padding: 20px; }
#content-left .row .files-item:last-child{
    margin-bottom: 83px;
}

.content-right { position: relative; float: right; width: 25%; height: 100%; margin: 0; padding: 0; overflow: hidden;  }
#content-right {  position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; padding: 20px;  }
#content-right.active { background: #fff; }
@media (max-width: 768px) {
    .content-left { width: 100% }
    .content-right { display: none; }
}

.right-msg { text-align: center; margin: auto; font-weight: 300; letter-spacing: -0.02em; }
.right-loading { font-size: 60px; }
.right-warning { font-size: 22px; color: #FF9326;  }



/* 
========================================== 
CAUTARE ANTET
========================================== 
*/

#search-text, #search-text:focus { border-radius: 30px 0 0 30px; }


@media (min-width: 992px) {
#search-text { width: 400px;}
}

@media (max-width: 991px) {
#searchEverything { display: none;}
}

@media (max-width: 475px) {
#search-text { width: 150px;}
}