footer {
    padding: 15px;
    margin: 30px 0px;
    border-top: 1px solid #c0c0c0;
    box-shadow: inset 0 8px 8px -6px rgba(50, 50, 50, 0.2);
    text-align: center;
    font-size: 10px;
}

@media (min-width: 1300px) {
    .toggle-multilang-fields {
        left: auto;
        right: 0;
    }
}

/*  show-box for btn-show-box  */
.show-box { display: none; }



/*  jgrid-div  */
.jgrid-div .editcell-forms {
    display: none;
    position: relative;
    padding: 5px;
    border: 1px solid #e0e0e0;
    background-color: #e0f7e0;
    box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.2);
}
.jgrid-div .editcell-forms form {display: none;}
.jgrid-div .editcell-forms .editcell-buttons {text-align: center; margin-top: 4px;}
.jgrid-div .editcell:hover  {background-color: #e0f7e0; cursor: pointer;}
.jgrid-div .editcell-active {padding: 2px 5px 5px 1px;}
.jgrid-div .sort-handle {cursor: move;}
.jgrid-div .grid-searchclose       {display: none; cursor: pointer; margin: auto 5px auto 0px; color: #c94442; font-size: 1.2em; vertical-align: middle;}
.jgrid-div .grid-searchclose:hover {color: #f06666;}
.jgrid-div .grid-td-accordion:hover       {cursor: pointer; background-color: #e0f7e0;}
.jgrid-div .grid-td-accordion:after       {content: "\e114"; font-family: 'Glyphicons Halflings'; color: #337ab7; margin: -3px 10px; display: inline-block; transition: all .2s ease-out;}
.jgrid-div .grid-td-accordion:hover:after {color: red; transform: translateY(7px);}
.jgrid-div .grid-td-accordion.acrd-open       {background-color: #e0f7e0; border-bottom: 0px}
.jgrid-div .grid-td-accordion.acrd-open:after {color: red; transidtion: none; transform: rotate(180deg);}
.jgrid-div .grid-td-accordion-loading:after   {content: " "; margin: -3px 10px; display: inline-block; height: 16px; width: 16px; background: url('/modules/jcms/img/preloader-small.gif') no-repeat;}
.jgrid-div .accordion-row > td > div {background-color: #ffffff; padding: 10px 20px 30px; box-shadow: inset 0px 8px 6px -6px #709070;}
.jgrid-div .progress {margin-bottom: 0px;  }
.jgrid-div .progress span { font-size: 12px; margin-left: 4px; }
.jgrid-div .jgrid-head .input-group {margin-right: 10px; margin-bottom: 2px;}
.jgrid-div .jgrid-head .searchers      {display: inline-flex; flex-wrap: wrap; vertical-align: top;}
.jgrid-div .jgrid-head .searchers form {display: inline-flex; flex-wrap: wrap; vertical-align: top;}
.jgrid-div .jgrid-head .pagers         {display: inline-flex; flex-wrap: wrap; vertical-align: top;}
.jgrid-div .jgrid-head .filters        {display: inline-flex; flex-wrap: wrap; vertical-align: top; justify-content: flex-end; float: right;}
.jgrid-div .jgrid-head .filters .input-group {margin-right: 0px; margin-left: 10px; margin-bottom: 2px;}

/* large html texts like emails */
.p-nomargin p {margin: 0px;}
.hide-overflow           {position: relative; overflow: hidden;}
.hide-overflow-closed    {max-height: 80px;}
.hide-overflow-btn       {position: absolute; bottom: 0px; top: auto; color: #0000bf; cursor: pointer; width: 100%; text-align: center; padding-top: 30px; transition: all .2s ease-out;}
.hide-overflow-btn:hover {background-color: #e6eaff; opacity: 0.3; transform: translateY(3px);}

/* sorting */
thead th.sorting:hover {text-decoration: underline; cursor: pointer;}
thead th.sorting:after {content: '\00a0\e150'; font-family: 'Glyphicons Halflings'; font-size: 8pt; color: #d0d0d0;}
thead th.asc:after     {content: '\00a0\e259'; color: #0000ff;}
thead th.desc:after    {content: '\00a0\e260'; color: #0000ff;}

/* preloader */
.preloader {display: inline-block; height: 30px; width: 30px; background: url('/modules/jcms/img/preloader.gif') no-repeat;}
.preloader-small {display: inline-block; height: 16px; width: 16px; background: url('/modules/jcms/img/preloader-small.gif') no-repeat;}

/* File class */
.thumb-cnt {position: relative; float: left; text-align: center; margin: 0; padding: 8px; border: 1px solid transparent;}
.thumb-cnt:hover {border-color: #b5d5ff; background-color: #cde6ff}
.thumb-cnt .thumb {display: flex; min-width: 90px; min-height: 200px; margin-bottom: 5px;}
.thumb-cnt .thumb a {display: block; margin: auto;}
.thumb-cnt img {-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);}
.thumb-cnt .remove-image-ico     {display: block; position: absolute; top: 1px; right: -1px; height: 25px; width: 26px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .2s; transition: opacity .2s;  background: url(/modules/jcms/img/icon-close.png) no-repeat left; }
.thumb-cnt .setprimary-image-ico {display: block; position: absolute; top: 1px; left:   1px; height: 42px; width: 26px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .2s; transition: opacity .2s;  background: url(/modules/jcms/img/icon-first.png) no-repeat left; }
.thumb-cnt .select-image-ico     {display: block; position: absolute; top: 0px; left:   1px; height: 37px; width: 37px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .2s; transition: opacity .2s;  background: url(/modules/jcms/img/icon-select.png) no-repeat left; }
.thumb-cnt:hover .remove-image-ico     {opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}
.thumb-cnt:hover .setprimary-image-ico {opacity: 1; filter: alpha(opacity=50);  /* For IE8 and earlier */}
.thumb-cnt:hover .select-image-ico     {opacity: 1; filter: alpha(opacity=50);  /* For IE8 and earlier */}
.thumb-cnt.primary-image {-webkit-box-shadow: 0px 0px 10px 1px rgba(255,170,100,1); -moz-box-shadow: 0px 0px 10px 1px rgba(255,170,102,1); box-shadow: 0px 0px 10px 1px rgba(255,170,100,1);}
.thumb-cnt.primary-image .setprimary-image-ico {display: none;}        /* hide the SetPrimaryButton for primary image */
.thumb-cnt.primary-image:hover .setprimary-image-ico {display: none;}  /* hide the SetPrimaryButton for primary image */
.thumb-cnt .title {font-size: 12px;}
.popup-gallery .namechanger {position: absolute; bottom: 5px;}
.popup-gallery .namechanger input {text-align: center; border: 1px solid #a0a0a0; outline: none;}



/*  OTHERS  */
a:hover {color: red}
.bold {font-weight: bold;}
.red {color: #dd0000;}
.green {color: #00cc00;}
.not-green {color: #303030;}
.gray  {color: #b0b0b0;}
.blue  {color: #0000cc;}
.highlight {background-color: #ffff88;}

.center {text-align: center;}
.right  {text-align: right;}
.right2 {text-align: right; }
.left   {text-align: left;}
.float-right {float: right;}
.float-left  {float: left;}
.hidden  {display: none;}
.rpad-30 {padding-right: 30px !important}  /* grid table row with sorting icons which and right-aligned */








/* ********** FILE ICONS ********** */

.file-ico { background: url(/modules/jcms/img/file-icons.png) no-repeat 0px 0px; height: 56px; width: 56px; display: inline-block; vertical-align: middle; }
.file-ico[name=aiff]{ background-position:  -56px 0px; }
.file-ico[name=mp4] { background-position: -112px 0px; }
.file-ico[name=mp2] { background-position: -168px 0px; }
.file-ico[name=mp3] { background-position: -224px 0px; }
.file-ico[name=ttf] { background-position: -280px 0px; }
.file-ico[name=jig] { background-position: -336px 0px; }
.file-ico[name=cur] { background-position: -392px 0px; }
.file-ico[name=adp] { background-position: -448px 0px; }
.file-ico[name=vtf] { background-position: -504px 0px; }
.file-ico[name=wmv] { background-position:    0px -56px; }
.file-ico[name=wri] { background-position:  -56px -56px; }
.file-ico[name=cue] { background-position: -112px -56px; }
.file-ico[name=ade] { background-position: -168px -56px; }
.file-ico[name=wma] { background-position: -224px -56px; }
.file-ico[name=m4a] { background-position: -280px -56px; }
.file-ico[name=pptx]{ background-position: -336px -56px; }
.file-ico[name=docx]{ background-position: -392px -56px; }
.file-ico[name=daa] { background-position: -448px -56px; }
.file-ico[name=mov] { background-position: -504px -56px; }
.file-ico[name=psd] { background-position:    0px -112px; }
.file-ico[name=dat] { background-position:  -56px -112px; }
.file-ico[name=bat] { background-position: -112px -112px; }
.file-ico[name=nfo] { background-position: -168px -112px; }
.file-ico[name=dic] { background-position: -224px -112px; }
.file-ico[name=diz] { background-position: -280px -112px; }
.file-ico[name=mp2v]{ background-position: -336px -112px; }
.file-ico[name=rar] { background-position: -392px -112px; }
.file-ico[name=ifo] { background-position: -448px -112px; }
.file-ico[name=xls] { background-position: -504px -112px; }
.file-ico[name=xsl] { background-position:    0px -168px; }
.file-ico[name=mdl] { background-position:  -56px -168px; }
.file-ico[name=hlp] { background-position: -112px -168px; }
.file-ico[name=mpeg]{ background-position: -168px -168px; }
.file-ico[name=ico] { background-position: -224px -168px; }
.file-ico[name=dll] { background-position: -280px -168px; }
.file-ico[name=ac3] { background-position: -336px -168px; }
.file-ico[name=ra]  { background-position: -392px -168px; }
.file-ico[name=fon] { background-position: -448px -168px; }
.file-ico[name=reg] { background-position: -504px -168px; }
.file-ico[name=xml] { background-position:    0px -224px; }
.file-ico[name=cal] { background-position:  -56px -224px; }
.file-ico[name=mmm] { background-position: -112px -224px; }
.file-ico[name=asf] { background-position: -168px -224px; }
.file-ico[name=hst] { background-position: -224px -224px; }
.file-ico[name=mmf] { background-position: -280px -224px; }
.file-ico[name=dcr] { background-position: -336px -224px; }
.file-ico[name=ace] { background-position: -392px -224px; }
.file-ico[name=tlb] { background-position: -448px -224px; }
.file-ico[name=iso] { background-position: -504px -224px; }
.file-ico[name=pdf] { background-position:    0px -280px; }
.file-ico[name=tiff]{ background-position:  -56px -280px; }
.file-ico[name=ppt] { background-position: -112px -280px; }
.file-ico[name=txt] { background-position: -168px -280px; }
.file-ico[name=java]{ background-position: -224px -280px; }
.file-ico[name=log] { background-position: -280px -280px; }
.file-ico[name=zip] { background-position: -336px -280px; }
.file-ico[name=wad] { background-position: -392px -280px; }
.file-ico[name=theme]{background-position: -448px -280px; }
.file-ico[name=msp] { background-position: -504px -280px; }
.file-ico[name=gif] { background-position:    0px -336px; }
.file-ico[name=xps] { background-position:  -56px -336px; }
.file-ico[name=wav] { background-position: -112px -336px; }
.file-ico[name=xlsx]{ background-position: -168px -336px; }
.file-ico[name=bup] { background-position: -224px -336px; }
.file-ico[name=bmp] { background-position: -280px -336px; }
.file-ico[name=png] { background-position: -336px -336px; }
.file-ico[name=der] { background-position: -392px -336px; }
.file-ico[name=cat] { background-position: -448px -336px; }
.file-ico[name=doc] { background-position: -504px -336px; }
.file-ico[name=cab] { background-position:    0px -392px; }
.file-ico[name=torrent] { background-position:  -56px -392px; }
.file-ico[name=ini] { background-position: -112px -392px; }
.file-ico[name=bin] { background-position: -168px -392px; }
.file-ico[name=vob] { background-position: -224px -392px; }
.file-ico[name=ai]  { background-position: -280px -392px; }
.file-ico[name=spr] { background-position: -336px -392px; }
.file-ico[name=ani] { background-position: -392px -392px; }
.file-ico[name=jpg] { background-position: -448px -392px; }
.file-ico[name=au]  { background-position: -504px -392px; }
.file-ico[name=avi] { background-position:    0px -448px; }
.file-ico[name=inf] { background-position:  -56px -448px; }
.file-ico[name=dwt] { background-position: -112px -448px; }
.file-ico[name=mid] { background-position: -168px -448px; }
.file-ico[name=html]{ background-position: -224px -448px; }
.file-ico[name=dwg] { background-position: -280px -448px; }
.file-ico[name=css] { background-position: -336px -448px; }
.file-ico[name=bsp] { background-position: -392px -448px; }
.file-ico[name=wpl] { background-position: -448px -448px; }
.file-ico[name=divx]{ background-position: -504px -448px; }
.file-ico[name=php] { background-position:    0px -504px; }
.file-ico[name=url] { background-position:  -56px -504px; }
.file-ico[name=dvd] { background-position: -112px -504px; }
.file-ico[name=gam] { background-position: -168px -504px; }
.file-ico[name=rtf] { background-position: -224px -504px; }






/* ********** BOOTSTRAP ********** */


/* Form labels closer to input boxes */
form.form-horizontal .form-group .control-label {
    padding-right: 0px;
}
/* Full-width field labels align left */
form.form-horizontal .form-group .control-label.col-sm-12 {
    margin: -12px 0 7px 0;
    text-align: left;
}

/* Space between form buttons */
.jform-div a.btn {
    margin: 0px 15px 15px 0px;
}


/* TOP MENU */
/* Small arrow pointer for menu dropdown boxes */
.navbar .nav > li > .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    position: absolute;
    top: -8px;
    left: 9px;
}

/* Dropdown automatic open */
.dropdown-auto-open:hover .dropdown-menu {
    display: block;
}

/* Menu items divider lines */
@media (min-width: 768px) {
    .nav li.dropdown-auto-open {
        background: url(/modules/jcms/img/menu-divider.png) no-repeat right 4px transparent;
    }
}

/* Menu  */
.navbar-default, .navbar-default>.container {
    display: flex;
}
.navbar-logo {
    margin: 4px 4px 0 4px;
    max-height: 46px;
}
.navbar-collapse {
    min-width: 100px;
    padding-left: 0;
}
.navbar-collapse.in {
    overflow-y: unset;
}
@media (max-width: 767px) {
    .dropdown > .dropdown-menu {
        left: 30px;
    }
}
.navbar-right-btns {
    display: flex;
    margin: 0 0 0 auto;
    max-height: 50px;
}
.navbar-btn-right {
    margin: 8px 10px 8px 0;
}
.btn-round {
    border-radius: 30px;
    padding: 6px 9px;
}
.btn-indicator {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    right: -2px;
    top: -1px;
    box-shadow: 1px 1px rgb(0 0 0 / 50%);
}
.btn-indicator.danger {
    background-image: linear-gradient(to bottom,#ff8282 0,#ff0000 100%);
}

/* Language selection buttons */
.lang-link .lang-lbl {
    margin-left: 8px;
}
.lang-selected .lang-lbl {
    font-weight: bold;
}

/* User name in topmenu dropdown*/
.h4-center {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 10px 20px;
}


/* Pagination */
.pagination {
    float: left;
    margin: 0px;
}
.pagination a {
    cursor: pointer;
}
.pagination-scroll {
    float: left;
    overflow: auto;
    position: relative;
    width: 165px;
    max-width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
}
.pagination-scroll ul {
    margin: 0;
    display: table;
    width: 100%;
}
.pagination-scroll ul li {
    display: table-cell;
}

/* Tabs */
.tabs .tab {
    display: none;
}
.tabs .tab, .tabs .nav-tabs .active a  {
    background-color: #f6f8ff !important;
}
.tabs .tab .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #ffffff;
}
.tabs .tab  {
    padding: 20px;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}


/* Multi-level dropdown */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}