body {    
margin: 0;
padding: 60px 15px 10px 15px;
position: relative;
}

.nice_bar {
height: 3px;
background: #428BCA;
width: 100%;
margin-bottom: 10px;
}

.clear {
clear: both;
}

.right {
    overflow: auto;
    overflow-y: scroll;   
    position: relative;     
}

.left {
    float: left;
    width: 270px;
    margin-right: 5px;
    padding-right: 10px; 
    overflow-y: scroll;        
}

ul#gridTabs li {
cursor: pointer;
}

textarea.ckeditor_basic {
width: 100%;
height: 400px;
}

.right #ajaxOverlay, #fullOverlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #ffffff;
opacity: 0.5;
display: none;
z-index: 6000;
}

.ghostPrefix {
color: #aaaaaa;
font-size: 12px;
}

.well-left {
padding: 10px;
}

.wellTitle {
background: #606060;
color: #ffffff;
font-size: 12px;
padding: 3px;
}

.panelLeft .panel-heading {
padding: 5px;
}

.panelLeft .panel-heading h3 {
font-size: 13px;
}

.panelLeft .panel-body {
padding: 7px;
}

.panelLeft .panel-body .checkbox {
margin: 0;
}

table.verticalTh tbody > tr > th {
padding: 15px 5px;
line-height: 14px;
}

.jstree a {
color: #ce0000;
}

.moduleItem {
font-size: 14px;
margin: 1px;
width: 100%;
display: block;
padding: 5px;
}

.panel-footer a.btn {
margin: 0 0 0 5px;
}

.modules_left_item {
display: inline-block;
float: left;
min-width: 200px;
min-height: 200px;

margin-right: 10px;
text-align: center;
padding: 10px;
}

.modules_left_item.mli_new {
border: 1px dashed #cccccc;
}

.file_item {
float: left;
background: #ffffff;
border: 1px solid #ffffff;
margin: 3px;
padding: 5px;
}

.file_item .preview {
width: 110px;
height: 110px;
position: relative;
text-align: center;
color: #999999;
}

.file_item:hover {
border: 1px solid #70c0e7;
background: #e5f3fb;
}     

.file_item.ui-selecting, .file_item.ui-selected {
background: #cbe8f6;
border: 1px solid #26a0da;
}

.file_item .preview .nothumb {
position: absolute;
right: 30px;
bottom: 15px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
width: 50px;
text-align: right;
text-overflow:ellipsis;
white-space: nowrap;
overflow: hidden;
}

.file_item .filename {
text-overflow:ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
width: 110px;
}

.modal {
overflow: auto;
}

body.modal-open {
margin: 0;
}

body.modal-open .navbar-fixed-top {
margin-right: 0;
}

.picker_date .input-group-addon, .picker_time .input-group-addon, .picker_datetime .input-group-addon {
cursor: pointer;
}



a.ql_icon {
cursor: pointer;  
position: absolute;
left: 0;
right: 0;
}


.ql_icon_s {
margin: 5px;
width: 90px;
height: 90px;
font-size: 24px;
line-height: 1.33;
border-radius: 10px;
position: relative;
background: #F0AD4E;
color: #ffffff;  
text-align: center;
float: left;
}

.ql_icon_s:hover {
color: #ffffff;
opacity: 0.7;
text-decoration: none;  
}

.ql_icon_s .glyphicon {
font-size: 32px;
line-height: 32px; 
margin-top: 10px;
}


.ql_icon_s .title {
font-size: 11px;
color: #ffffff;
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
line-height: 12px;
font-weight: bold;
}

.ql_icon_m {
margin: 5px;
width: 190px;
height: 90px;
font-size: 24px;
line-height: 1.33;
border-radius: 10px;
position: relative;
background: #F0AD4E;
color: #ffffff;  
text-align: left;
float: left;
}

.ql_icon_m:hover {
color: #ffffff;
opacity: 0.7;
text-decoration: none;  
}

.ql_icon_m .glyphicon {
font-size: 40px;
line-height: 90px; 
width: 80px;
display: block;
float: left;
text-align: center;
}

.ql_icon_m .title {
font-size: 14px;
font-weight: bold;
height: 90px;
text-align: center;
text-decoration: none;  
}


#categories.jstree a {
height: 34px;
}



#categories.jstree-default li > a {
padding: 5px;
line-height: 1.429;
height: 34px !important;
font-size: 14px;
width: 100%;
border: 1px solid #dddddd;
position: relative;
}

#categories.jstree-default li {
margin-top: -1px;
position: relative;
}

#categories li.visible > a {
background-color: #f9f9f9;
}

#modalFullscreen .modal-dialog {
  width: 95%;
}

a.ajaxModalFullscreen {
color: #000000;
}

#start_icons {
overflow: scroll; 
position: relative;    
}

a.form_glyph {
margin-bottom: 3px;
margin-right: 3px;
float: left;
}

#catTree {
margin-top: 10px;
}

#lang_list {
margin-top: 10px;
}

textarea.textarea {
width: 100%;
resize:none;
}

.textarea_code {
font-family: courier;
}

.panel-footer.main-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0
}

.alert {
margin-bottom: 10px;
}

#data_type_alert {
margin-top: 5px;
display: none;
}

#grid_view, #grid_modal {
margin-bottom: 0;
}

.panel-footer .pagination {
margin: 0;
float: right;
}

.headerIsLang {
font-size: 12px;
color: #aaaaaa;
}

.well-legend {
font-size: 11px;
padding: 10px;
}

.well-legend ul {
margin: 0;
}

#upload_progress {
float: right;
margin-top: 7px;
margin-bottom: 0;
width: 0;
margin-left: 10px;
}

.belongsTo {
color: #808080;
font-size: 12px;
}

table.af_table {
margin-bottom: 10px;
}

.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 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:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.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;}


.dropdown-menu.scroll {
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
}

@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}


.ql_icon.sel_sh {
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;

-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}

.filter-item {
font-size: 12px;
line-height: 20px;
padding: 1px 10px;
margin-left: 5px;
}

.filter-item span.glyphicon {
margin-left: 5px;
cursor: pointer;
}

table td[ftype=text]:hover {
background-image: url(/_backend/img/icon-pencil.png);
background-repeat: no-repeat;
background-position: right center;
}

td.inline-edit {
padding: 15px;
}

iframe.fullscreen {
position: absolute;
left: 5%;
width: 90%;
height: 90%;
top: 5%;
z-index: 7000;
border: none;
opacity: 0;
border: 1px solid #606060;
border-radius: 10px;
}

table#gridView {
margin-bottom: 0;
}


table#gridView th {
cursor: pointer;
}

table#gridView th:hover {
color: #808080;
}

.header-sort {
float: right;
color: #808080;
font-size: 18px;
}      

.relation-ident {
font-size: 10px;
opacity: 0.8;
}

.close_iframe {
position: absolute;
right: 10px;
top: 5px;      
cursor: pointer;
}

.close_iframe:hover i {
opacity: 0.6;
}

.close_iframe i {
font-size: 16px;
}

// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs:                  9999px;
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm:                  9999px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md:                  1px;
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg:                  9999px;
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;