/* Main */
.pos-rel { position: relative; }
.text-white { color: #fff; }
.col-lg-1 img, .col-lg-2 img, .col-lg-3 img, .col-lg-4 img, .col-lg-5 img, .col-lg-6 img, .col-lg-7 img, .col-lg-8 img, .col-lg-9 img, .col-lg-10 img, .col-lg-11 img, .col-lg-12 img,
.col-md-1 img, .col-md-2 img, .col-md-3 img, .col-md-4 img, .col-md-5 img, .col-md-6 img, .col-md-7 img, .col-md-8 img, .col-md-9 img, .col-md-10 img, .col-md-11 img, .col-md-12 img,
.col-sm-1 img, .col-sm-2 img, .col-sm-3 img, .col-sm-4 img, .col-sm-5 img, .col-sm-6 img, .col-sm-7 img, .col-sm-8 img, .col-sm-9 img, .col-sm-10 img, .col-sm-11 img, .col-sm-12 img,
.col-xs-1 img, .col-xs-2 img, .col-xs-3 img, .col-xs-4 img, .col-xs-5 img, .col-xs-6 img, .col-xs-7 img, .col-xs-8 img, .col-xs-9 img, .col-xs-10 img, .col-xs-11 img, .col-xs-12 img {
    max-width: 100%;
}
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inl-elm { margin-right: 10px; display: inline-block; vertical-align: middle; }
.row input.no-input-style { background:none; border: none; box-shadow: none; display: inline-block; width: auto; min-width: auto; }
/*Appliction errors*/
.app-error {}
.app-error.app-error-content { background: #fff; padding: 10px; }
.app-error.app-folder-error { color: red; }
.app-error em { color:grey; }
.app-error .color-01 { color:blue; }
.app-error .color-02 { color:red; }
.app-error .color-03 { color:green; }

.app-error.app-error-content .class-holder { padding:0 20px; }
.app-error.app-error-content .method-holder {padding:0 40px;}
.app-error.app-error-content .method-call {padding:0 60px;}
/*language selector*/
span.lang-flag { width: 25px; display: inline-block; margin-right: 10px; }
span.lang-flag img { width: 100%; height: auto; }
/*Users*/
#rolesWrap ul { list-style:none; padding:0;}
#rolesWrap ul ul { padding-left:5px;}
#rolesWrap ul ul li { padding:5px 5px 0; position:relative;}
#rolesWrap ul ul li:before { content:''; display:inline-block; position:absolute; width:5px; border-bottom:1px solid; left:0; top:15px;}
#rolesWrap ul ul li:after { content:''; display:inline-block; position:absolute; height:15px; border-left:1px solid; left:0; top:0px;}
#rolesWrap .level-number { font-size: .8em; font-style: italic; }
.rbelow, .rabove { margin-top: 10px; }
.rabove + .form-group { padding-top: 10px; }
/*Website menu*/
.new-menu-name { width: 100%; padding: 4px; border:1px solid #cecece;}
.item-data { background:  #efefef; padding: 5px; margin-top:-5px;}
.select_menu { border:1px solid #cecece; padding: 8px; }
.menu-span { padding: 5px 0; }
/*List style*/
ul.list {
    padding: 0;
}
ul.list li {
    background: #f3f3f3;
    border-radius: 3px;
    position: relative;
    padding: 7px;
    margin-bottom: 5px;
    list-style: none;
}
.list label {
    margin-bottom: 0px;
    display: block;
    cursor: pointer;
}
/* Appearance*/
.theme-preview img { max-width: 100%; height: auto; cursor: pointer; }
.appearance-page .panel.active { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.this-theme-active { padding: 5px 0; background: #fff; }
.pop-theme-overlay {position: fixed;z-index: 10000; background: rgba(0,0,0,0.5); top: 0; left: 0; bottom: 0; right: 0;}
.pop-theme-img img {max-width: 100%; max-height: 100%; width: auto; height: auto;}
.pop-theme-img {position: fixed;top:50px;max-width: 90%;max-height: 90%;width: auto;height: auto;z-index: 10001;left: 50%;transform: translateX(-50%);border: 4px solid;box-shadow: 0px 0px 20px;}
.pop-close { position: absolute; right: 0; top: 0; padding: 5px 10px; font-size: 1.2em; background: #000; cursor: pointer; color: #fff; }
.del-item { position: absolute; top:3px; right: 5px; padding:5px; cursor:pointer; }

.add-widg .del-item { display: none; }
/* Forms */
.form-field { border: 1px solid #c5c5c5; }
.form-wrap.form-builder .frmb .field-actions .btn { margin: 0 ; margin-left:0; }
.checkbox-inline, .radio-inline { padding-left: 0px !important; display: inline-block; }
.mce-branding-powered-by { display: none !important; }
label.main-form-label { display: block; }
.input-inline { display: inline-block !important; width: auto !important; }
.btn-level {margin-bottom: 0 !important;}
.edit-slug { cursor: pointer; }
.form-control-inline {
    height: 31px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-right: 10px;
}
/* Plugins*/
.flexwrap { background: #fff; border: 1px solid #d1d1d1; position: relative;  }
.flexwrap:after { content: ''; display: block; height: 50px; }
.flex-heading { padding: 3px 8px; }
.flex-body {padding: 3px 8px;}
.flex-footer { background: #d1d1d1; padding: 3px 8px; position: absolute;left: 0; right: 0; bottom: 0; }
.container .upload-area { min-height:200px; position:relative; cursor:pointer;}
.upload-area .drop-here {  opacity:0.5}
.upload-area:before { content: "\f0ee"; font-family: FontAwesome; position:absolute; top:30px; left:50%; transform:translateX(-50%); font-size:8em; opacity:0.3 }
.flex-box { display: flex; flex-wrap: wrap; }
.flex-box.nowrap { flex-wrap: nowrap; }
.flex-box .fl-col-2 {width: 49%; margin:.5%;}
.flex-box .fl-col-3 {width: 32.33%;; margin:.5%;}
.flex-box .fl-col-4 {width: 24%; margin:.5%;}
.flex-box .fl-col-5 {width: 19%; margin:.5%;}
.flex-footer .btn { margin: 0; }
@media screen and (max-width: 1200px) {
    .flex-box .fl-col-3 {width: 49%; margin:.5%;}
}

@media screen and (max-width: 500px) {
    .flex-box .fl-col-3 {width: 99%; margin:.5%;}
}
/* Settings */
.settings-pages-roles ul { list-style: none; margin:0; padding:0px; }
.settings-pages-roles ul li {padding:5px;}
.settings-pages-roles ul li span { font-weight:bold; font-size:1.2em; cursor: pointer;}
.settings-pages-roles ul li li { padding:0px; border-left:1px solid; margin-left:2px; font-style:italic;font-size:1.1em;}
.settings-pages-roles ul li li:before { content:''; display:inline-block; width:15px; vertical-align:top; border-bottom:1px solid; padding-top:8px}
.settings-pages-roles ul li li:last-child {border-left:none;}
.settings-pages-roles ul li li:last-child:before {border-left:1px solid;}
.settings-pages-roles ul li li li { margin-left:15px; position:relative; padding-left:10px;font-style:normal;font-size:1em;}
.settings-pages-roles ul li li li:last-child {padding-left:11px;}
.settings-pages-roles ul li li li label {font-size:.9em;}
.settings-pages-roles ul li li li:before { position:absolute; width:10px;top:1px; left:0 }
.settings-pages-roles ul li li li:last-child:before { top:-1px; left:0; padding-top:10px; width:11px;}
.settings-pages-roles ul label { cursor: pointer; }

.theme-blocks { position: relative; overflow: hidden; }
.theme-blocks .flex-footer {z-index: 2;}
.theme-options { position: absolute; left: 0;  bottom: -100%; right: 0; padding:10px 10px 20px; background-color: #000; color: #fff; transition: all .8s; z-index: 1; }
.theme-options.show { bottom: 10px; transition: all .3s; }

/* LOADER */
.the-loader.s2 {font-size: 2em;}
.the-loader.s3 {font-size: 3em;}
.the-loader.s4 {font-size: 4em;}
.the-loader.s5 {font-size: 5em;}
.the-loader.s6 {font-size: 6em;}
.the-loader.s7 {font-size: 7em;}
.the-loader.s8 {font-size: 8em;}
.the-loader.s9 {font-size: 9em;}
.loaderwrap { position: relative; }
.loaderwrap.inline { display: inline-block; vertical-align: middle; }
.loaderwrap.fixed { position: fixed; top:0; left: 0; right: 0; bottom: 0; z-index: 100000; }
.loaderwrap.absolute { position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: 100000; }
.loaderwrap.fixed .the-loader, .loaderwrap.absolute .the-loader { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.loaderwrap.overlay:before { content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(0,0,0,0.8) }
.loaderwrap { font-family: FontAwesome; font-size: 16px;}
.the-loader {z-index: 100001;}
.the-loader:before { content: "\f110"; animation: spin 1.2s linear infinite; display: inline-block; z-index: 100001; }
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* LOADER */