/**
        COLORS

#333
#FFF
#666

*/
html, body{
    height: 100%;
}
body{
    margin: 0;
    overflow-y: auto;
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    color: #222;
    background-color: #FFF;
}
::selection,
a::selection,
img::selection {
    background: #CCC !important; 
    color: #333 !important;
}
::-moz-selection {
    background: #CCC !important;
    color: #333 !important;
} 
::-webkit-selection {
    background: #CCC !important;
    color: #333 !important;
}
.mgbt20 {
    margin-bottom: 20px !important;
}
.mgtp20 {
    margin-top: 20px !important;
}



/**
        FONTS
*/
/* 
font-family:'Neue Helvetica W01'; 
                UltraLight 100 	
                Extra-light 200 	
                Light 300 	
                Roman	400 // NORMAL	
                Medium	500
                Bold	600 	
                Heavy	700 
                Black	800
*/
h1,h2,h3,h4,h5{
    font-family: 'Neue Helvetica W01',"Helvetica", "Arial", sans-serif;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
}
h1,.xx-large{ font-size: 26px; }
h2,.x-large{ font-size: 18px }
h3,.large{ font-size: 12px; }
h4,.big{ font-size: 12px; }
h5,.medium{ font-size: 12px; }
.small{ font-size: 10px; }
.uppercase{ text-transform: uppercase; }
.capitalize{ text-transform: capitalize; }
.text-u{ text-decoration: underline; }
.column > img, .columns > img{
    max-width: 100% !important;
    height: auto !important;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.right{
    float: right !important;
}
.left{
    float: left !important;
}
.italic{
    font-style: italic;
}
.noMargin{
    margin: 0 !important;
}
.noMarginRight{
    margin-right: 0 !important;
}
.noMarginLeft{
    margin-left: 0 !important;
}
.hid{
    display: none;
}
.clear, .clearfix {
    clear: both;
}
#overlayer {
    width: 100%;
    height: 20px;
    position: absolute;
    top:0;
    left: 0;
    z-index: 99990;
    background: url('../img/ffffff_bg.png') top left repeat;
}
#saveAdvice{
    display:none;
    color: #666;
    padding: 10px 0 0 5px;
    font-size: 10px;
}
#ignoreAndExit{
    color: #666;
    padding: 10px 0 0 5px;
    font-size: 12px;
}
/**
        THE GRID
**/
.row { width: 100%; margin: 0 auto; }
/*.row { *zoom: 1; }*/
.row { zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
/**/
.column,
.columns,
.columns.one,
.columns.two,
.columns.three,
.columns.four,
.columns.five,
.columns.six,
.columns.seven,
.columns.eight,
.columns.nine,
.columns.ten,
.columns.eleven,
.columns.twelve
{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    min-height: 1px;
}
.columns.first, .fluid .columns.first{
    margin-left: 0;
    border: none;
}
.columns.last, .fluid .columns.last{
    margin-right: 0;
    border: none;
}
.columns.one{
    width: 62px;
}
.columns.two{
    width: 140px;
}
.columns.three{
    width: 228px;
}
.columns.four{
    width: 296px;
}
.columns.five{
    width: 374px;
}
.columns.six{
    width: 452px;
}
.columns.seven{
    width: 530px;
}
.columns.eight{
    width: 608px;
}
.columns.nine{
    width: 686px;
}
.columns.ten{
    width: 764px;
}
.columns.eleven{
    width: 842px;
}
.columns.twelve{
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
}


/**
        FLUID GRID 
**/
.fluid{
}
.fluid .columns{
    display:inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fluid .columns.one {
    width:6.333%;
}	
.fluid .columns.two {
    width:14.667%;
}
.fluid .columns.three {
    width:23.0%;
}
.fluid .columns.four {
    width:31.333%;
}
.fluid .columns.five {
    width:39.667%;
}
.fluid .columns.six {
    width:48.0%;
}
.fluid .columns.seven {
    width:56.333%;
}
.fluid .columns.eight {
    width:64.667%;
}
.fluid .columns.nine {
    width:73.0%;
}
.fluid .columns.ten {
    width:81.333%;
}
.fluid .columns.eleven {
    width:89.667%;
}
.fluid .columns.twelve {
    width:98.0%;
}

/**
        PCT-BOXES
**/
.btn-group{
    width: 100%;
}
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10{ 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.wp1{ width: 100%; }
.wp2{ width: 50%; }
.wp3{ width: 33.333%; }
.wp4{ width: 25%; }
.wp5{ width: 20%; }
.wp6{ width: 16.666%; }
.wp7{ width: 14.2857143%; }
.wp8{ width: 12.5%; }
.wp9{ width: 11.1111111%; }
.wp10{ width: 10%; }
.wp11{ width: 9%; }
.wp12{ width: 8.333333%; }




/**
        CSS TRANSITIONS
**/
A {
    -webkit-transition: color 100ms linear;	
    -moz-transition: color 100ms linear;	
    -o-transition: color 100ms linear;	
    transition: color 100ms linear;
}
A:focus{
    outline: none;
}
::-moz-focus-inner,
button::-moz-focus-inner,
*button:focus { 
    outline: none; 
    border: 0;
}
TEXTAREA, input {	
    -webkit-transition: background-color 100ms linear;	
    -moz-transition: background-color 100ms linear;	
    -o-transition: background-color 100ms linear;	
    transition: background-color 100ms linear;
    font-family: "Helvetica", "Arial", sans-serif;
}
.textAreaMenu a{
    cursor: pointer;
}
.textAreaMenu{
    margin-bottom: 10px;
}

/**
        CONTAINER
**/
#container{
    padding-top: 86px;
    min-width: 946px;
}



/**
        HEADER
**/
#header{
    position: fixed;
    width: 100%;
    height: 86px;
    top: 0;
    left: 0;
    z-index: 2;
}
#header-top{
    height: 43px;
    overflow: hidden;
    width: 100%;
    background-color: #222;
    position: relative;
}
#header-top H1#cms-logo{
    float: left;
    width: 180px;
    display: block;
    text-align: center;
    font-size: 24px;
    height: 43px;
    font-weight: 100;
    /* Firefox v3.6+
    background-image:-moz-linear-gradient(rgb(0,89,178) 0%,rgb(70,0,140) 100%); 
    background-image:-webkit-gradient(linear,color-stop(0, rgb(0,89,178)),color-stop(1, rgb(70,0,140)));
    background-image:-webkit-linear-gradient(rgb(0,89,178) 0%,rgb(70,0,140) 100%);
    background-image:-o-linear-gradient(rgb(0,89,178) 0%,rgb(70,0,140) 100%);
    background-image:-ms-linear-gradient(rgb(0,89,178) 0%,rgb(70,0,140) 100%);
    background-image:linear-gradient(rgb(0,89,178) 0%,rgb(70,0,140) 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0059,endColorstr=#ff4600)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0059,endColorstr=#ff4600);*/
}
#header-top H1#cms-logo .brand{
    display: block;
    color: #FFF;
    padding-top: 10px;
}
#header-top H1#cms-logo STRONG{
    font-weight: 500;
}
#header #user-box A.cms-btn{
    /* Firefox v3.6+ */
    background-image:-moz-linear-gradient(50% 0% -90deg,rgb(85,85,85) 0%,rgb(0,0,0) 100%); 
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(85,85,85)),color-stop(1, rgb(0,0,0)));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image:-webkit-linear-gradient(-90deg,rgb(85,85,85) 0%,rgb(0,0,0) 100%);
    /* Opera v11.10+ */
    background-image:-o-linear-gradient(-90deg,rgb(85,85,85) 0%,rgb(0,0,0) 100%);
    /* IE v10+ */
    background-image:-ms-linear-gradient(-90deg,rgb(85,85,85) 0%,rgb(0,0,0) 100%);
    background-image:linear-gradient(180deg,rgb(85,85,85) 0%,rgb(0,0,0) 100%);
    width:40px;
    height:43px;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff555555,endColorstr=#ff000000,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff555555,endColorstr=#ff000000,GradientType=0);
    border-left: solid 1px #555;
    text-align: center;
    color: #EEE;	
    line-height: 43px;
    font-size: 16px;	
}
#header #user-box A.cms-btn:hover{
    /* Firefox v3.6+ */
    background-image: none;
    background-color: #000;
}
#header #user-box A.cms-btn .glyphicon{
    top:-2px;
    line-height: inherit;
}
#header .cms-user{
    display: block;
    color: #AAA;
    padding-top: 9px;
    text-align: right;
    font-size:11px;
}
#header .cms-user A{
    color: #06B7FF;
}
#header #user-box .user-image{
    margin-right: 10px;
    margin-top: 3px;
}

#header .settings-submenu{
    background-color: #000000;
    margin-right: 0;
    margin-top: 43px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 150px;
}

/** top-bar **/
#header #top-bar{
    padding-left: 241px;
    position: relative;
    height: 43px;
    /* Firefox v3.6+ */
    background-image:-moz-linear-gradient(rgb(238,238,238) 0%,rgb(204,204,204) 100%); 
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image:-webkit-gradient(linear,color-stop(0, rgb(238,238,238)),color-stop(1, rgb(204,204,204)));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image:-webkit-linear-gradient(rgb(238,238,238) 0%,rgb(204,204,204) 100%);
    /* Opera v11.10+ */
    background-image:-o-linear-gradient(rgb(238,238,238) 0%,rgb(204,204,204) 100%);
    /* IE v10+ */
    background-image:-ms-linear-gradient(rgb(238,238,238) 0%,rgb(204,204,204) 100%);
    background-image:linear-gradient(rgb(238,238,238) 0%,rgb(204,204,204) 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeee,endColorstr=#ffcccc)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeee,endColorstr=#ffcccc);	
}
#header #top-bar #app-options{
    float: left;
    height: 43px;
    line-height: 43px;
}
#header #top-bar #app-options LI{
    float: left;
    display: block;
    height: 43px;
    min-width: 119px;
    margin-right: 1px; 
}
#header #top-bar #app-options LI A{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    display: block;
    height: 43px;
    text-align: center;
    color: #999;
    border-bottom: solid 2px #AAA;
}
#header #top-bar #app-options LI A:hover{
    border-bottom: solid 2px #666;
    color: #666;
}
#header #top-bar #app-options LI.active A{
    color: #333;
    border-bottom: solid 2px #FF0000;
    background-image: url('../img/red-arrow-top.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}
#header #top-bar #app-options li .subMenu {
    display:none;
    position: absolute;
}
#header #top-bar #app-options li:hover .subMenu {
    display:block;    
}
#header #top-bar #app-options li .subMenu li{
    float: none;
    background-color: #ccc;
}
#header #top-bar #sel-options{
    float: left;
    width: 500px;
    height: 43px;
    line-height: 43px;
}
#header #top-bar #view-options{
    line-height: 43px;
    text-align: right;
}


/**
        FOOTER
**/
#footer {
    margin-top: 100px;
    margin-bottom: 20px;
    margin-left: 270px;
    margin-right: 14px;
}
#footer H5{
    font-size: 12px;
    font-weight: 100;
    color: #666;
}



/**
        SIDEBAR
**/
#side-bar{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 240px;
    position: fixed;
    top: 43px;
    left: 0;
    z-index: 10;
}
/** MAINMENU **/
#side-bar UL#mainmenu {
    position: absolute;
    background-color: #FFF;
    box-shadow: 0px -15px 30px #CCCCCC;
    width: 240px;
    top: 43px;
    left: 0;
    z-index: 1;
    overflow-y: scroll;
}
#side-bar UL#mainmenu LI {
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px #FFF;
}
#side-bar UL#mainmenu LI:last-of-type {
    margin-bottom: 100px;
}
#side-bar UL#mainmenu LI A {
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    color: #555;
}
#side-bar UL#mainmenu LI A:hover {
    background-color: #EEE;
}
body.noMenu #side-bar UL#mainmenu {
    left: -240px;
}
body #toraLogContainer {
    padding-left: 240px;
    width: 100%;
}
body.noMenu #toraLogContainer {
    padding-left: 0;
}

#side-bar #mm-trigger{
    height: 43px;
    line-height: 43px;
    padding-left: 20px;
    background-color: #FFF;
    width: 240px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
#side-bar #mm-trigger A{
    display: block;
    color: #555;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: solid 1px #EBEBEB;
}
body.edit #side-bar #mm-trigger{
    display: block;
}




/** 
        APP
**/
#app-container {
    margin-left: 270px;
    margin-right: 14px;
    min-height: 400px;
    padding-top: 16px;
}
#app-container .app-title{
    color: #666;
    margin-bottom: 30px;
    font-size: 54px;
    font-family: 'Neue Helvetica W01',"Helvetica", "Arial", sans-serif;
    font-weight: 100;
}
#app-container #main-search{
    margin-bottom: 36px;
}
.filterField {
    float: left;
    margin-right: 10px;
}
.filterField label{
    display: block;    
}

.filterField select{
    width: 100%;

}

#app-container #main-search .filterField select,
#app-container #main-search .filterField input[type=text]{
    background-color: #EEEEEE;
    border: medium none;
    font-size: 16px;
    height: 32px;
    line-height: 41px;
    margin: 0px 2px 0 0;
    max-width: 140px;
    padding: 0;
}
#app-container #main-search .filterField select{
    vertical-align: top;
}
#app-container #main-search .filterField .btn-search{
    background-color:rgb(255,77,77);
    width: 95px;
    height:32px;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    /* Firefox v1.0+ */
    -moz-border-radius:0 10px 10px 0;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:0 10px 10px 0 ;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius:0 10px 10px 0 ;
    vertical-align: bottom;
    cursor: pointer;
}
BODY.edit #app-container {
    margin-left: 0;
    margin-right: 0;
}
BODY.fullPage #app-container {
    margin-left: 20px;
    margin-right: 20px;
}


/**
    LIST
**/
.list-label{
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
}
UL.list-items{
    list-style: none;
    margin: 0;
    padding: 0;
}
UL.list-items A{
    color: #444;
}
UL.list-items .preview{
    display: inline-block;
    padding: 0px 10px;
    border: solid 1px #CCC;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 17px;
}
UL.list-items .preview:hover{
    border: solid 1px #444;
}
UL.list-items .preview i{
    margin-top: 2px;
}
UL.list-items A:hover i{
    color: #428bca;
}
UL.list-items .list-head{
    font-size: 11px;
    color: #555;
    font-weight: bold;
    border-top: solid 1px #EBEBEB;
    border-bottom: solid 1px #EBEBEB;
    text-transform: uppercase;
}
UL.list-items .list-row,
UL.list-items .list-head{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-height: 40px;
    padding: 4px;
    padding-top: 10px;
    position: relative;
    padding-left: 53px;
    line-height: 20px;
}
UL.list-items .item-icons{
    position: absolute;
    top: 6px;
    left: 2px;
}
UL.list-items .item-icons .wicon-star,
UL.list-items .item-icons .wicon-checkbox{
    margin-top: 5px;
}
UL.list-items .list-head .glyphicon{
    margin-right: 3px;
}
UL.list-items A .glyphicon{
    color: #999;
}
UL.list-items A:hover .glyphicon{
    color: #444;
}
UL.list-items .list-row{
    border-bottom: solid 1px #EBEBEB;
    color: #555;
    font-size: 12px;
    position: relative;
    color: #666;
}
UL.list-items .list-row:hover{
    background-color: #e6f5ff;
}
UL.list-items .list-row .ck{
    margin-top: 2px;
}
UL.list-items .li-secondary{
    padding-left: 46px;
    font-size: 11px;
    padding-right: 48px;
}
.li-secondary UL.quick-tasks{
    border-top: solid 1px #EEE;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    list-style: none;
}
UL.list-items .list-row .item-title{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;

}
UL.list-items .list-row .item-title A{
    color: #222;
    display: block;
}
UL.list-items .list-row .item-title A:hover{
    color: #000;
}
UL.list-items .list-row .item-title A:hover:after{
    content: " – edit";
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #999;
    margin-left: 5px;
}
UL.list-items .list-row [class^="istatus-"]{
    margin-top: 2px;
}
UL.list-items .list-row .glyphicon-eye-open,
UL.list-items .list-row .item-actions{
    font-size: 16px;
}

/**
    LIST-FOOTER
**/
.no-result{
    font-size: 16px;
    font-style: italic;
    padding: 20px 0;
    color: #999;
}
.list-footer{
    padding: 10px;
    background-color: #EEE;
}
.list-footer .btn{
    line-height: initial;
}
.list-footer .form-control{
    height: 30px;
}
.statusLegend {
    padding-top: 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
    display: block;
}
.statusLegend SPAN{
    margin-right: 10px;
}


/**
        EDITOR
**/
BODY.edit{
    background-color: #F1F1F1;
    padding-bottom: 0px;
    overflow: hidden;
}
BODY.edit #footer{
    display: none;
}
BODY.edit #header{
    height: 90px;
}
#app-container.editor{
    /*    -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
}
/* EDITOR TOP */
#app-container.editor #editor-top{
    padding-bottom: 5px;
}
/* EDITOR TOP ASIDE*/
#app-container.editor #editor-top #editor-aside{
    width: 219px;
    margin-left: 20px;
    float: left;
    font-weight: bold;
    font-size: 11px;
    color: #AAA;
    text-transform: uppercase;
}
#app-container.editor #editor-top #editor-aside P{
    margin-bottom: 12px;
}
#app-container.editor #editor-top #editor-aside SPAN.em{
    font-weight: normal;
    font-style: italic;
    text-transform: none;
}
/* EDITOR TOP MAIN*/
#app-container.editor #editor-top .right-column{
    margin-left: 240px;
    padding-left: 14px;
}
#app-container.editor #editor-display > .row,
#app-container.editor #editor-top .right-column .row,
#app-container.editor .tab-content > .row{
    max-width: 1200px;
    margin: 0;
}
#app-container.editor #editor-top .itemCover{
    padding-left: 20px;
    margin-top: -10px;
}
#app-container.editor #editor-top .itemCover IMG{
    max-width: 100%;
    height: auto;
}
#app-container.editor #editor-top .field{
    margin-bottom: 5px;
}
#app-container.editor #editor-top .primaryField{
    font-size: 24px;
    margin-bottom: 15px;
}
/* EDITOR BOTTOM */
#app-container.editor #editor-bottom{
    position: relative;
}
/* EDITOR BOTTOM LEFT COL */
#app-container.editor #editor-bottom .left-column{
    position: absolute;
    width: 219px;
    margin-left: 20px;
}
#app-container.editor #editor-bottom UL.editor-tabs{
    list-style-type: none;
    margin-bottom: 12px;
}
#app-container.editor #editor-bottom UL.editor-tabs LI{
    line-height: 36px;
    border: solid 1px #CCC;
    margin-bottom: -1px;
    border-right: none;
}
#app-container.editor #editor-bottom .editor-tabs LI A{
    font-size: 14px;
    color: #666;
    display: block;
    padding-left: 20px;
    text-decoration: none;
    background-color: #EAEAEA;
    text-transform: capitalize;
}
#app-container.editor #editor-bottom .editor-tabs LI A:hover{
    background-color: #DDD;
}
#app-container.editor #editor-bottom .editor-tabs LI.active{
    border-left: solid 3px red;
    margin-right: -1px;
}
#app-container.editor #editor-bottom .editor-tabs LI.active A,
#app-container.editor #editor-bottom .editor-tabs LI.active A:hover{
    color: #222;
    background-color: #FFF;
    padding-left: 18px;
}
#app-container.editor #editor-bottom #publishing-options{
    padding-right: 20px;
}
/* EDITOR BOTTOM RIGHT COL */
#app-container.editor #editor-bottom .right-column{
    margin-left: 239px;
    padding-left: 14px;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    background-color: #FFF;
}
#app-container.editor #editor-display .tab-content{
    padding-top: 6px;
}

#app-container.editor #editor-display .tab-body-left {
}
#app-container.editor #editor-display .tab-body-right{
    height: 100%;
    padding-left: 20px;
    margin-top: 6px;
    /*background-color: #7aba7b;*/
}
.tab-body-left .field{
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/**
        WIDGET
**/
#app-container.editor .tab-body-right .widget{
    padding: 10px;
    background-color: #EEE;
    margin-bottom: 10px;
}
/**
        LANGTABS
**/
.langTabs.nav-tabs > li > a {
    border: 1px solid transparent;
    border-top: 3px solid transparent;
    border-radius: 0px;
    text-transform: uppercase;
}
.langTabs.nav-tabs > li.active > a, .langTabs.nav-tabs > li.active > a:hover, .langTabs.nav-tabs > li.active > a:focus {
    border: 1px solid #CCC;
    border-top: 3px solid #CCC;
    border-bottom: 1px solid transparent;
    font-weight: bold;
}
body #toraLogContainer {
    position:absolute;
    top: 10px;
    left: 10px;
    padding-left:10px !important;        
    overflow: hidden;
    z-index:100000;
    width: 10px;
    height: 10px;
    background: red;
    border: 2px solid greenyellow;
}
body #toraLogContainer.scrollerOn {
    overflow: scroll;
}
/**
        FORM
**/
.mceLayout, .mceEditor > table, .mceLayout IFRAME {
    width: 100% !important;
    max-width: 100% !important;
}
input[type="text"], input[type="password"]{
    height: 30px;
}
.field input[type="text"], .field input[type="password"], .field textarea{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    margin: 0;
}
.enableEditing {
    display: none;
}
.editableField .enableEditing {
    display: inline-block;
}
LEGEND{
    width: 98%;
    margin: 0 1%;
    padding: 12px 0 0 16px;
    margin-bottom: 20px;
    border-bottom: none;
    color: #666;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: solid 5px #D3E5F2;
}
FIELDSET{
    margin-bottom: 22px;
}
/* FIELD */
.field {
    border-top: solid 1px #DDD;
    padding-top: 12px;
    margin-bottom: 12px;
    position: relative;
}
.field .field-title {
    font-size: 11px;
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.field .field-display {
}	
.field .field-description {
}
.field .helper {
}
.field .helper-trigger {
}
/* FIELD CUSTOM CLASSES */
.field.noLabel .field-title{
    display: none;
}
.field.labelLeft .field-title{
    float: left;
    width: 130px;
    min-height: 40px;
} 
.field.labelLeft .field-display{
    margin-left: 150px;
    padding-top: 4px;
}
.field.labelInline .field-title{
    display: inline-block;
    margin-right: 20px;
} 
.field.labelInline .field-display{
    display: inline-block;
    padding-top: 4px;
}
.field.noHr{
    border-top: none;
    margin-top: 1px;
}
.field.noTop{
    border-top: none;
    margin-top: 1px;
    padding-top: 0;
}
.field.noTop .field-title{
    display: none;
}
.field.hrThick{
    border-top-width: 4px;
}
/* TEXT & TEXTAREA*/
input, textarea, select, button{
    outline: none;
    box-shadow: 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px transparent;
    -webtkit-box-shadow: 0px 0px 0px transparent;
    outline: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
input, textarea, .field .input, .field input[type="text"], .field input[type="password"], textarea{ 
    margin-bottom: 0px;
    border: solid 1px #DDD;
    background-image: none;
    background-color: #F1F1F1;
    resize: none;
}
textarea{ 
    height: auto;
}
.field .input.error, .field input[type="text"].error, .field input[type="password"].error, textarea.error{     
    border: solid 1px red;
    color: red;
}
.field.bigField .input, input[type="text"].bigField, input[type="password"].bigField{
    font-size: 24px;
    line-height: 30px;
    height: 40px;
}
.field.bigField textarea.input, textarea.bigField{
    font-size: 24px;
    line-height: 30px;
}
.field.mediumField .input, input[type="text"].mediumField, input[type="password"].mediumField{
    font-size: 17px;
    padding: 5px;
    line-height: 22px;
}
.field.blackField .input, input[type="text"].blackField, input[type="password"].blackField{
    color: #111;
}
/*	DATE	*/
.field.date .field-display{
    background-color: #F1F1F1;
    border: 1px solid #DDDDDD;
    height: 32px;
    line-height: 32px;
}
.field.date .field-display input{
    float: left;
    margin-right: 8px;
}
.field.date .field-display:hover{
    background-color:rgba(127,0,255,0.10);
}
.field.date .field-display .datepicker{
    width: 70px;
    padding: 0;
    padding-left: 3px;
    margin-right: 0;
    border: 0;
    background: transparent;
}
.field.date .field-display .datepicker:hover{
    background: transparent !important;
}
.field.date .field-display .datepicker-H,
.field.date .field-display .datepicker-i{
    width: 48px;
    background:transparent;
}
/* CHECKBOX GROUP */
.field .checkbox-group{
    margin-left: -20px;
    margin-right: -20px;
}
.field .checkbox-group input[type="checkbox"]{
    visibility: hidden;
}
.field .checkbox-group .checkbox{
    display: block;
    float: left;
    width: 28%;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -5px;
    line-height: 25px;
    background-color: #DDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 6px;
    font-size: 12px;
    color: #444;
    overflow: hidden;
    cursor: pointer;

}
.field .checkbox-group .checkbox .output{
    line-height: 24px;
}
.field .checkbox-group .checkbox I{
    display: block;
    margin-right: 6px;
    width: 13px;
    height: 13px;
    background-image: url('../../img/work-icons.png');
    background-position: -140px 0;
    float: left;
}
.field .checkbox-group .checkbox:hover{
    background-color: #CCC;
}
.field .checkbox-group .checkbox.active, .field .checkbox-group .checkbox.active:hover{
    background-color: #FF7F00; /* orange */
    color: #FFF;
}
.field .checkbox-group .checkbox.active I{
    background-position: -140px -20px;
}		
/* CHECKBOX SIMPLE */
.field .checkbox-simple, .checkbox-simple{
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    background-image: url('../../img/work-icons.png');
    background-repeat: no-repeat;
    background-position: -100px 0px;
    cursor: pointer;
}
.field.checkbox-simple input[type="checkbox"], .checkbox-simple input[type="checkbox"]{
    visibility: hidden;
}
.field .checkbox-simple.active, .checkbox-simple.active{
    background-position: -100px -20px;
}
.field select {
    max-width: 100%;
    width: 100%;
}
/* TEXTAREA FIT */
textarea{
    min-height: 60px; 
}

.textareaFit textarea, .textareaFit textarea:focus, .transparentField .input{
    border: 0 none white !important;
    overflow: hidden !important;
    padding: 0;
    outline: none !important;
    resize: none;
    box-shadow: 0px 0px 0px transparent !important;
}
textarea.input:hover, input.input:hover,
.textareaFit textarea:hover{
    background-color:rgba(127,0,255,0.10) !important;
} 
textarea:focus, input:hover,
.textareaFit textarea:hover, 
.transparentField .input:hover, 
.transparentField.visibleArea .input:hover,
.visibleArea .transparentField .input:hover,
.visibleArea .textareaFit textarea:hover,
.textareaFit.visibleArea textarea:hover{
    background-color:rgba(127,0,255,0.10) !important;
}
.transparentField .input:hover, 
.transparentField.visibleArea .input:hover, 
.visibleArea .transparentField .input:hover,
.visibleArea .textareaFit textarea:hover,
.textareaFit.visibleArea textarea:hover{
    border-bottom: dotted 1px #666 !important;
}
textarea:focus, input:focus,
.textareaFit textarea:focus, 
.transparentField .input:focus, 
.transparentField.visibleArea .input:focus,
.visibleArea .transparentField .input:focus,
.visibleArea .textareaFit textarea:focus,
.textareaFit.visibleArea textarea:focus{
    background-color:rgba(127,0,255,0.15) !important;
}
.textareaFit.visibleArea textarea,
.visibleArea .textareaFit textarea,
.visibleArea .transparentField input[type="text"],
.visibleArea .transparentField input[type="password"]{
    background-color: rgba(0,0,0, 0.05) !important;
    border-bottom: solid 1px rgba(0,0,0,0.1) !important;
}
.field.pencil,
.field.pencilHover{
    padding-right: 60px;
}
.field.pencilHover:hover,
.field.pencil{
    background-image: url('../../img/pencil.png');
    background-repeat: no-repeat;
    background-position: right 10px;
}
/* TRANSPARENT FIELD */
.transparentField .input, .transparentField textarea{
    border: 0 none white !important;
    background: transparent !important;
    padding: 0;
    outline: none !important;
    resize: none;
    box-shadow: 0px 0px 0px transparent !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webtkit-box-shadow: 0px 0px 0px transparent !important;
    margin-top: -5px;
}
/* WHITE FIELD */
.whiteField .input, .whiteField textarea{
    border: 0 none white !important;
    background: #F1F1F1 !important;
    resize: none;
    box-shadow: 0px 0px 0px transparent !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webtkit-box-shadow: 0px 0px 0px transparent !important;
}
/* SELECT */
.field select{
    max-width: 100%;
}
/* BTN ADJUSTMENTS */	
.btn-custom, .btn-group > .btn-custom {
    background-color: #DDD;
    background-image: none;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #888;
    text-shadow: none;
    font-size: 11px;
    text-transform: uppercase;
}
.btn-custom:hover, .btn-custom:focus{
    background-color: #AAA;
    color: #FFF;
    background-image: none;
}
.btn.active, .btn:active {
    background-color: #FF7F00; /* orange */
    box-shadow: none;
    outline: 0 none;
    color: #FFF;
}
/* INPUT APPEND */
.input-append{
    position: relative;
}
.input-append .add-on{
    position: absolute;
    top: 6px;
    right: 0px;
}
.permalink .actions{
    margin-top: 10px;
}

/**
LOADERS
*/
.loaders{
    position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
    margin: 20px;
}
#baseLoader{
    padding:20px;
    width: 200px;
    background: #F1F1F1;
    -webkit-box-shadow: -2px 3px 7px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -2px 3px 7px rgba(50, 50, 50, 0.75);
    box-shadow:         -2px 3px 7px rgba(50, 50, 50, 0.75);
    border: 1px solid #CCC;
    border-radius: 5px 5px 5px 5px;
}	


#tags_container{
    padding-top: 10px;
}


/**
        PAGE 
**/
#page{
    position: relative;
    min-height: 300px;
    min-width: 960px;
}
#page .left-column{
    width: 250px;
    margin-left: 20px;
    position: absolute;
    height: 500px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#page .right-column{
    padding-left: 290px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#page .adjLeft{
    float: left;
    width: 100%;
}



/**
    CATEGORIES
**/
#category-holder {
    border-top: solid 1px #E1E1E1;
    padding-top: 20px;
}
#category-holder UL{
    display: inline;
}
#category-holder UL LI {
    font-size: 11px;
    cursor: pointer;
    margin-right: 3px;
    margin-bottom: 3px;
}
#category-holder UL LI I{
    margin-right: 5px;
}
#category-holder .modalCategory{
    font-size: 11px;
    margin-bottom: 3px;
}
/** CATEGORY MODAL **/
UL.categories-sublevel {
    width: 200px;
    padding-right: 10px;
    margin-left: 10px;
    border-right: 1px solid #CCC;
    position: relative;
    float:left;
    min-height: 280px;
    margin-top: 10px;
}
UL.categories-sublevel LI {
    display: block;
    font-size: 14px;
    min-height: 16px;
    padding: 3px 0;
    position: relative;
}
.grey-modal{
    padding: 10px;
    border: 10px solid #CCC;
    positon: relative;
}
.primary-level{
    border-bottom: solid 1px #e1e1e1;
}
.primary-level LI{
    float: left;
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    margin-left: -1px;
    margin-bottom: -1px;
    color: #999;
}
.primary-level LI:first-child{
    margin-left: 0;
}
.primary-level LI.selected{
    border: solid 1px #e1e1e1;
    border-bottom: solid 1px #EEE;
    font-weight: bold;
    border-top: solid 3px #428bca;
    margin-top: -3px;
    -webkit-border-radius: 4px 4px 0;
    -moz-border-radius: 4px 4px 0;
    border-radius: 4px 4px 0;
    color: #222;
}
.categories-sublevel LI A.addCat {
    border-top: 1px dotted #CCCCCC;
    color: #999999;
    display: block;
    font-size: 11px;
    margin-top: 12px;
    padding-left: 15px;
    padding-top: 5px;
}
.categories-sublevel LI A.addCat:hover {
    color: #428bca;
}
.categories-sublevel LI.selected{
    background: #DDD;
    font-weight: bold;
}
.categories-sublevel LI.selected:after{
    border-top: 4px solid transparent;
    border-left: 4px solid #222;
    border-bottom: 4pt solid transparent;
    border-right: 4px solid transparent;
    content: "";
    height: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 0;
    top: 5px;
    width: 0;

}
.categories-level LI I{
    cursor: pointer;
    margin-right: 5px; 
}
.categories-level LI I.glyphicon{
    left: 0;
    position: absolute;
    top: 0;
}
.categories-level LI I.glyphicon-pencil,
.categories-level LI I.glyphicon-unchecked{
    color: #CFCFCF;
}
.categories-level LI I.glyphicon-unchecked{
    left: 18px;
}
.categories-level LI I.glyphicon-plus-sign{
    top: 20px;
}

.categories-level LI:hover I.glyphicon-unchecked{
    color: #AAA;
}
.categories-level LI I.glyphicon-pencil{
    font-size: 12px;
    margin-top: 2px;
}
.categories-level LI:hover I.glyphicon-pencil{
    color: #111;
}
.categories-level LI I.glyphicon-check{
    color: #111;
    left: 18px;
}
.categories-level LI SPAN{
    cursor: pointer;
    display: inline-block;
    line-height: 14px;
    margin-left: 36px;
}
.categories-sublevel {
    display: none;
    float: left;
}
#editCategoryQuik,
#newCategoryQuik{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34,34,34,0.8);
    padding: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#editCategoryQuik .inner,
#newCategoryQuik .inner{
    position: relative;
    top: 50%;
    margin-top: -50px;
    left: auto;
    right: auto;
    width: 580px;
    padding: 20px;
    background-color: #EEE;
    border: solid 10px #CCC;
}
#editCategoryQuik .inner .closeForm,
#newCategoryQuik .inner .closeForm{
    position: absolute;
    top: 5px;
    right: 5px;
    color: #999;
}
#editCategoryQuik .inner H3,
#newCategoryQuik .inner H3{
    font-size: 16px;
    margin-bottom: 20px;
}
.caret-gt:after{
    border-top: 4px solid transparent;
    border-left: 4px solid #000;
    border-bottom: 4pt solid transparent;
    border-right: 4px solid transparent;
    content: "";
    float: right;
}
.caret-lt:before{
    border-top: 4px solid transparent;
    border-left: 4px solid #000;
    border-bottom: 4pt solid transparent;
    border-right: 4px solid transparent;
    content: "";
}

.pagination-container .limForm{
    margin: 20px 20px 20px 0;
}
.pagination-container .limForm SPAN{
    display: inline-block;
    padding: 7px 12px;
    line-height: 1.428571429;
    text-transform: uppercase;
    font-size: 11px;
}

.editable {
    cursor: pointer;
}
.editable:hover { 
    background: #ffcccc;
}
.inlineEditForm input{
    min-width: 50px;
}

/*
      CALENDAR 
*/
.calendar {
    display:table;
}
.calendar-row {
    display:table-row;
}
.calendar-day-np, .calendar-day-head, .calendar-day {
    display:table-cell;
}
.calendar-year{
    clear: both;
}
.calendar-month{
    float:left; 
    margin: 0 20px 20px 0;
}
.calendar-day{       
    margin: 0 2px 2px 0 !important;
    padding: 1px;    
}
.calendar-day.sunday{
    background: #ffcccc;
}
.calendar-day.saturday{
    background: #cccccc;
}
.calendar-day:hover{
    background: #ffdddd;
}
.calendar-day.selected{
    background: #149bdf;
    color: #ffffff;
}
.calendar-day .day-number {
    cursor: pointer;
}
.calendarMenu {
    position: relative;
    z-index: 40;
}
.calendarMenu ul {
    height: 30px;
    padding-top: 8px;
    overflow-y: hidden;
    width: 100px;
    display: inline-block;
}
.calendarMenu ul:hover {
    overflow-y: visible;    
}
.calendarMenu li {
    background: #fff;
    cursor: pointer;
    padding: 5px;
    height: 30px;
    margin: 0;
}
.langTabs{
    margin-bottom: 20px;
}
.langTab{
    display: none;
}
.langTab.active{
    display: block;
}

a.btn-cover img {
    display: inline-block;
    height: 116px;
    width: 115px;
    border: none;
    cursor: pointer;
}

/**
    MODAL
**/
.modal-header {
    padding: 15px 0;
    border-bottom: none;
}
.modal-header h1{
    color: #444;
    border-bottom: none;
}
.modal-body{ padding: 0px; }
.modal-footer {
    border-top: solid 1px #CCC;
    padding-top: 20px;
}


/**
    IFRAME MODAL
**/
#modalIframe{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    padding: 40px;
}
#modalIframe iframe{
    width: 100%;
    height: 100%;
    background-color: #EEE;
    border: 7px solid #ccc;
}


/** 
    MEDIA GALLERY LIST
**/
.mediaGallery{}
.mediaGallery.list .mediaThumb,
.mediaGallery.list .mediaInfo,
.mediaGallery.list .mediaText,
.mediaGallery.list .mediaDimensions,
.mediaGallery.list .mediaActions{ float: left; margin: 0 1%; }
.mediaGallery.list .mediaThumb,
.mediaGallery.list .mediaText{ margin-left: 0; }
.mediaGallery.list .mediaActions{ margin-right: 0; text-align: left; }
.mediaGallery.list .mediaThumb,
.mediaGallery.list .mediaActions{
    width:14.667%;
}
.mediaGallery.list .mediaInfo{
    width:64.667%;
}
.mediaGallery.list .mediaText{
    width:64.667%;
}
.mediaGallery.list .mediaDimensions{
    width:31.333%; 
}
.mediaGallery .mediaTitle{
    font-weight: bold;
    margin-bottom: 6px;
    display: block;
}
.mediaGallery{
    border-bottom: solid 1px #EEE;
    margin-bottom: 15px;
}
.mediaGallery.list .mediaActions .mediaRemove{
    float: right;
    font-size: 16px;
    color: #666;
    margin-top: 3px;
}
.mediaGallery.list .mediaActions .mediaRemove:hover{
    color: #222;
}
.listPlaceholder{
    display: block;
    position: relative;
    height: 50px;
    border: dashed 4px #7ab5d3;
    background: #D3E5F2;
}
.mediaType{
    font-size: 10px;
    text-transform: uppercase;
}
.deleteMedia{
    color: #ff0000;
}
.addMore{
    margin: 10px;
    text-align: center;
}
/*
.mediaType{
    font-size: 10px;
    padding: 2px 0px 2px 4px;
    background-color: #EEE;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
.mediaExt{
    background-color: rgba(0,0,0,.2);
    padding: 2px 4px;
    -moz-border-radius: 0 4px 4px 0;
    border-radius:  0 4px 4px 0;
    -webkit-border-radius:  0 4px 4px 0;
}
.mediaType.image{
    background-color: #FFFF26;
}
.mediaType.doc{
    background-color: #FFA64D;
}
.mediaType.video{
    background-color: #B973FF;
}*/
.mediaGallery .mediaDescription{
    color: #666;
}
.widgets-mediaGallery .field-title{
    margin-bottom: 20px;
    display: block;
}
.mediaGallery.list .row{
    padding: 4px 0 4px 16px;
    margin: 8px 0;
    position: relative;
}
.mediaGallery.list .row:before{
    width: 100%;
    position: absolute;
    top: -4px;
    left: 0;
    display: block;
    content: "";
    height: 1px;
    background: #EEE;
}
.mediaGallery.list .row .li-handler{
    position: absolute;
    top: 4px;
    left: 0;
    height: 50px;
}
.ui-sortable-helper:before{
    display: none;
}
.ui-sortable-helper{
    opacity: .7;
}
.mediaGallery.list .row:hover{
    background-color: #EEE;
    background: #fff;
}
.mediaGallery .mediaThumb .display{
    width: 100%;
    max-width: 70px;
    height: 50px;
    background-size: cover;
    background-position: center center;
    border: solid 1px #CCC;
    overflow: hidden;
    background-color: #EEE;
    font-size: 9px;
}
.WidgetImg{
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    border: solid 1px #CCC;
}

.error-display {
    color: red;
    padding: 5px;
}
.helper-display {
    color: #7ab5d3;
    display: none;
    padding: 5px;
}
.helper-trigger {
    display: inline-block;
    margin-left: 3px;
    cursor: pointer;
}

#newItemModal{
    z-index: 100;
    background: #fff;
}

.pointer {
    cursor: pointer;
}
/**
    TAGSBOX
**/
#tagsBox .close{
    float: none;
    font-size: 14px;
    line-height: 12px;
}
#tagsBox .close:hover{
    color: #333;
    opacity: 1;
    text-shadow: none;
}
#tagsBox .badge{
    display: block;
    float: left;
    margin: 0 2px 2px 0;
}
.mediaThumb.pdf .display{
    background: url('../img/fileicons.png') 0px 0px no-repeat transparent;
    height: 75px;
    width: 60px;
    border: none;
}
.mediaThumb.zip .display{
    background: url('../img/fileicons.png') -62px 0px no-repeat transparent;
    height: 75px;
    width: 60px;
    border: none;
}
.mediaThumb.rar .display{
    background: url('../img/fileicons.png') -124px 0px no-repeat transparent;
    height: 75px;
    width: 60px;
    border: none;
}
#editor-display {
    overflow-y: scroll;
}
.tab-content-holder {
    padding-bottom: 200px;
}