@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,300,600,700,800);

/* General styles */
body {
    font: 14px/1.5 'Open Sans', sans-serif;
    text-align: left;
    color: #333;
    background: #fff; /* Top page background */
}

h1, h2, h3 {
    padding: 0;
}

h1 {
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 33px;
}

h2 {
    font-size: 1.5em;
    margin: .6em 0 .8em;
}

h3 {
    font-size: 1.17em;
    margin: .8em 0 .2em 0;
}

.first-header {
    margin-top: 0;
}

p {
    margin: .4em 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}
p.customPadding{
    padding: 2px;
}
/* links */
a {
    color: #0088cc;
    text-decoration: none;
}

    a:hover {
        color: #4dc3ff;
        text-decoration: underline;
    }

    a.jslink {
        border-bottom: 1px dotted #0084b4;
    }

        a.jslink:hover {
            border-bottom-color: #d54e21;
            text-decoration: none;
        }

.dashed, .dashed:hover {
    text-decoration: none;
    border-bottom: 1px #0084b4 dashed;
    color: #4dc3ff;
    cursor: pointer;
}

/* LAYOUT */

/* Layout Dimensions */
.container {
    width: 100%;
    margin: 0 auto;
}

/* 2 columns right menu */
/* layout legend |D| <content> |E|F| G |H| */
.rightmenu .colleft {
    margin-left: -280px; /* F+G+H */
}

.rightmenu .col1 {
    margin-left: 310px; /* F+G+H + D */
    margin-right: 40px; /* E */
}

.rightmenu .col2 {
    width: 250px; /* G */
    left: 250px;
    margin-bottom: 80px; /* F + G */
}

/* Page layout and backround */
html, body {
    height: 100%;
}

.wrapPage {
    min-height: 100%;
    min-width: 920px;
    position: relative; /* IE7 fix */
    overflow: hidden;
    position: relative;
}

#container {
    position: relative;
    padding-bottom: 40px; /* = footerwrap height */
}

/* Column container */
.colmaskwrap {
    clear: both;
    width: 100%;
}

.colmask {
    position: relative;
    /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    margin: 15px auto 0;
    overflow: hidden; /* This chops off any overhanging divs */
    width: 100%;
}

/* common for all layouts */
.col1wrap, .col2, .col3 {
    padding-bottom: 1em;
}

/* 2 COLUMNS - RIGHT MENU */
.rightmenu {
}

    .rightmenu .colleft {
        float: left;
        width: 200%;
        position: relative;
        right: 100%;
    }

    .rightmenu .col1wrap {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
    }

    .rightmenu .col1 {
        overflow: hidden;
    }

    .rightmenu .col2 {
        float: right;
        position: relative;
    }

/* HEADER */
.headerwrap {
}

.headerwrap #header, #header-big {
    background: #121212;
}

.headerwrap #header {
    position: fixed;
    width: 100%;
    text-align: left;
    line-height: 50px;
    height: 50px;
    z-index: 1000;
    background: #121212;
    color: #fff;
    padding-left: 25px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    min-width: 920px;
}

#header-big {
    height: 195px;
    border-bottom: 2px solid #e1e1e1;
}
/* logo */
#logo {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

#logo-big {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
}

    #logo span, #logo-big span {
        display: none;
    }
/* header links */
.main-nav {
    float: left;
    width: 55%;
}

.settings_menu {
    float: left;
    width: 35%;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

    .settings_menu a {
        text-transform: capitalize;
    }

#hlinks {
    /* float: right;
  margin-top: 5px; */
    margin-left: 275px;
    padding: 37px 0 0;
}

    #hlinks a {
        font-weight: bold;
    }

    #hlinks .configLinks {
        margin-top: -8px;
        margin-left: 12px;
        border-left: 1px dotted #636467;
        padding-left: 10px;
        float: right;
        zoom: 1;
    }

    #hlinks div.hDevMenu {
        border-top: 1px solid #CCCCCC;
        margin: 6px 0 0;
        padding: 3px 0 0;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        position: absolute;
        bottom: -29px;
        left: 0;
    }

    #hlinks div.hLoginInfo {
        overflow: hidden;
        *overflow: visible;
        margin: 0;
        text-align: right;
        padding: 0 0 29px;
    }

    #hlinks a.hViewLink {
        font-weight: normal;
    }

    #hlinks .hLoginInfo-container {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        position: relative;
        text-align: left;
    }

    #hlinks .configLinks a {
        background: url(../images/icons.png) no-repeat -10000px -10000px;
        padding-left: 25px;
        margin-right: 10px;
        display: inline-block;
        display: inline;
        zoom: 1;
        height: 20px;
    }

    #hlinks .configLinks .settings {
        background-position: 0 3px;
    }

    #hlinks .configLinks .logout {
        background-position: 0 -97px;
    }

    #hlinks .configLinks .help:hover {
        background: #e55a05;
        background: -webkit-gradient(linear, left top, left bottom, from(#f8c35a), to(#e55a05));
        background: -moz-linear-gradient(top, #f8c35a, #e55a05);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c35a', endColorstr='#e55a05');
    }

/* FOOTER */
.footerwrap {
    height: 40px;
    width: 100%;
    min-width: 920px;
    margin-top: -40px;
    position: relative;
    background-color: #eeeeee;
}

#footer {
    clear: both;
    color: #333;
    padding: 0 25px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

    #footer .help {
        background: #0f88ca;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        margin-top: 8px;
        padding: 2px 15px;
        text-shadow: none;
        text-transform: uppercase;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    #footer p {
        line-height: 40px;
        margin: 0;
    }

    #footer .right {
        text-align: right;
    }

    #footer a {
        color: #9a9a9a;
        text-decoration: none;
        margin-left: 17px;
        text-transform: uppercase;
        display: inline-block;
        line-height: normal;
    }

        #footer a:hover {
            border-color: #4dc3ff;
        }

/* NAVIGATION */
/* Horizontal navigation */
.wrapHNav {
}

.hnav li {
    float: left;
}

.hnav a {
    display: block;
    text-align: center;
    text-decoration: none;
    outline: none;
}

.right_nav {
    color: gray;
    float: right;
    width: 30%;
    height: 20px;
    top: 0;
}
/* hnav first level 
#navbar {
  background: #121212;
  height:20px;
}
#navbar .active {
  *background: url(../images/bg_nav_active.gif) repeat-x 0 0;
}
#navbar a {
  height: 20px;
  padding: 10px 10px;
  color: #fff;
  font: bold 10px 'Open Sans', sans-serif;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
}
#navbar a:hover {
  color: #4dc3ff;
  background: #fff;
}
#navbar .active a {
  color: #fafafa;
  background: url(../images/bg_nav_pointer.png) no-repeat 50% 100%;
  height: 20px;
}

/* sublevel */
#subnavbar {
    background: #ddd;
    border-bottom: 1px solid #d3d3d3;
}

    #subnavbar ul {
        padding-left: 25px;
    }

    #subnavbar a {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        padding: 0 10px; /* temporary */
        color: #0088cc;
        font-weight: bold;
    }

    #subnavbar li:first-child a {
        padding-left: 0;
    }

    #subnavbar a:hover {
        color: #4dc3ff;
    }

    #subnavbar .active a {
        color: #0088cc;
    }

/* Pressroom Styles */
/* separator */
.dottedSep {
    background: url(../images/icons.png) repeat-x 0 -200px;
    clear: both;
    font-size: 0px;
    height: 1px;
    line-height: 0px;
    margin: 10px 0;
    width: 100%;
}

.portlet-orange .dottedSep {
    background: url(../images/icons.png) repeat-x 0 -950px;
}

/* Paging */
.paging {
    margin: 1em 0;
    padding: 10px;
    background: #ddd;
    border: 1px solid #b6b6b6;
    font-weight: bold;
    font-size: 11px;
}

    .paging .res {
    }

    .paging a {
        color: #0088cc;
        text-decoration: none;
    }

        .paging a:hover {
            color: #4dc3ff;
        }

    .paging .active {
        background: #41bbe8;
        color: #fff;
    }

    .paging a, .paging .active {
        padding: 2px 5px;
    }
/* sticky paging */
.pagingWrap {
}

.pagingWrap-sticky .paging {
    margin-top: 0;
    border-top: none;
}

/* more link */
.more {
}

    .more a {
    }

.portlet .more {
    background: #444;
    text-align: right;
    padding: 2px 10px;
}

    .portlet .more a {
        color: #0088cc;
    }

        .portlet .more a:after {
            content: " »";
        }

/* bigger font size */
.fsz-big {
    font-size: 18px;
}

/* notice text */
.note, .note a {
    color: #0088cc;
}

/* required asterisk */
.required {
    color: #bc0b0b;
    font-size: 13px;
}

.right-aligned {
    text-align: right;
}

/* Load spinners */
#mainLoader {
    position: fixed;
    display: none;
    left: 30%;
    top: 0;
    padding: 5px 10px;
    background: inherit;
    z-index: 9999;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 1px 2px #aaa;
    box-shadow: 0 1px 2px #aaa;
}
/*inline loader*/
.inlineLoader {
    position: absolute;
    z-index: 10000;
    background-color: white;
    padding: 15px;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    margin-left: -65px;
}

/* Flash message */
#flash_message {
    position: fixed;
    left: 25%;
    top: 0;
    z-index: 100000;
    border-bottom: 1px solid;
    background: #555;
    color: #fff;
    width: 50%;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

    #flash_message p {
        margin: 0;
        padding: 7px 13px;
        cursor: default;
    }

        #flash_message p + p {
            padding-top: 0;
        }

    #flash_message .info_message {
        cursor: pointer;
    }

    #flash_message .error_message a {
        color: #0088cc;
        text-decoration: none;
        float: right;
        text-align: center;
        font-weight: bold;
        width: 20px;
        border: 1px solid #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

/* NEWS BLOCKS */
.newsBody h2 {
    margin: 0 0 .2em;
    font-size: 14px;
    line-height: 1.7;
    font-weight: bold;
}

.newsBody .status {
    float: right;
}
/* relelase views, comments icons */
.newsBody .views, .newsBody .comments {
    color: #333;
    background: url(../images/icons.png) no-repeat -999px -999px;
    padding-left: 12px;
    margin: 0 5px;
    text-decoration: none;
}

.newsBody .views {
    background-position: 0 -245px;
}

.newsBody .comments {
    background-position: 0 -395px;
}

.newsBody .newsDate {
    color: #333;
}

/* news in widgets */
.ui-widget .newsBody h2 {
    font-size: 12px;
}

/* publish states */
.publish_addState-ok {
    color: #64992c;
}

.publish_addState-not {
    color: #bc0b0b;
}

.publish_addState-off, .item-list .newsBody h2 a.publish_addState-off {
    color: #8c8c8c;
}

.publish_addState-distr {
    color: #2da121;
    text-decoration: none;
    border-bottom: 1px dotted #2da121;
}

    .publish_addState-distr:hover {
        border-bottom: none;
    }

.publish_addStat {
    padding: 0 20px 0 0;
    background: url("../images/icons.png") no-repeat right -1358px;
}

/* content types */
.contentType {
    color: #fff;
    padding: 0 5px;
    font-size: 10px;
    background-color: #0084b4;
}

.contentType-1 {
    background: #854f61;
}

.contentType-2 {
    background: #64992c;
}

.contentType-3 {
    background: #ab8b00;
}

.contentType-4 {
    background: #003300;
}

.contentType-5 {
    background: #333300;
}

.contentType-6 {
    background: #330033;
}

.contentType-7 {
    background: #003333;
}

/* list of content types */
span.ctName {
    margin: 0 5px 0 5px;
}

/* newsBody list */
.item-list .newsBody h2 {
    font-size: 14px;
    font-weight: bold;
}

    .item-list .newsBody h2 a {
        text-decoration: none;
        color: #6e6e6e;
    }

.item-list .publish_addDate.publish_addState-not, .item-list .publish_addDate.publish_addState-off {
    font-weight: normal;
}

.item-list .newsDate, .item-list .editLinks {
    font-size: 11px;
}

/* another items */
.itemTitle {
    font-weight: bold;
}

/* Panels */
.pnlSubmit {
    text-align: right;
    margin: 30px 0 0;
}

.pnlSubmitTop {
    margin: 0 0 30px;
}

b.notify {
    color: #ff0000;
    padding-right: 20px;
}

.pnlSubmit > a, .pnlSubmit button {
    margin-left: .5em;
}

/* Search pressroom bar */
#searchBar {
    background: #fff;
    border: 1px solid #b6b6b6;
    padding: 2px;
    margin-bottom: 20px;
}

    #searchBar input[type=image] {
        padding: 2px 0 2px 6px;
        vertical-align: bottom;
    }

    #searchBar input[type=text] {
        color: #333;
        padding: 2px 7px;
        height: 17px;
        font: 13px 'Open Sans', sans-serif;
        width: 200px;
        border: none;
    }

/* columns in content */
.contentColumns {
    zoom: 1;
    margin: 1em 0;
    clear: both;
    width: 100%;
}

/*media contacts popupform*/
#media_contacts_dlg .contentColumns{
    width:auto;
}

#dnv_contacts_dlg .contentColumns{
    width:auto;
}
    .contentColumns .contentLeft, .contentColumns .contentRight {
        width: 49%;
        min-height: 30px;
        zoom: 1;
    }

    .contentColumns .contentLeft {
        float: left;
    }

    .contentColumns .contentRight {
        float: right;
    }

/* Portlets */
.portlet {
    border: none;
    background: none;
    margin: 0 0 25px 0;
}

.portlet-header {
    border: none;
    background: none;
    color: #333;
    font: 24px 'Open Sans', sans-serif;
    font-weight: 300;
}
    /* portlet icon */
    .portlet-header .ui-icon {
        float: right;
        cursor: pointer;
        margin-top: 3px;
    }

.portlet-static .ui-icon {
    display: none;
}

.portlet-red .ui-icon {
    background-image: url(../images/ui-icons_d25353_256x240.png);
}

.portlet-content {
    padding: 10px 0;
    background: #fff;
}

.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
}

    .ui-sortable-placeholder * {
        visibility: hidden;
    }

/* portlet main */
.portlet-main .portlet-header {
    font: 300 30px 'Open Sans', sans-serif;
    zoom: 1; /* IE7 fix */
}

    .portlet-main .portlet-header a {
        color: #999;
    }

.portlet-main .portlet-content {
    padding: 20px 0;
    background: none;
    border: none;
}

/* portlet for placing special controls like tabs */
.portlet-simple .portlet-content {
    padding: 0;
}

.sep {
    color: #4dc3ff;
}
/* sidebar portlets */
.portlet-sidebar {
}

    .portlet-sidebar .portlet-header {
        padding-bottom: 3px;
        border-bottom: 3px solid #41bbe8;
    }

/* Stats */
.statsGraph {
    text-align: center;
}

.statsMonth {
    color: #019885;
}

.statsLastMonth {
    color: #615985;
}

/* Progress bar */
.ui-progressbar {
    position: relative;
    height: 18px;
}

.progress-label {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 1px #ffdea9;
}

/* list */
.item-list {
}
/* actions */
.listActions {
    margin: 15px 0;
}
/* list content */
.listContent {
}

/* toolbar */
.toolbar {
    letter-spacing: -4px;
}

    .toolbar button, .toolbar .button {
        margin-right: 10px;
        letter-spacing: normal;
        -moz-box-shadow: 0 1px 0 #ededed;
        -webkit-box-shadow: 0 1px 0 #ededed;
        box-shadow: 0 1px 0 #ededed;
    }

.toolbar-group {
    margin-right: 10px;
}

    .toolbar-group button {
        margin-right: -1px;
    }

        .toolbar-group button:last-child {
            margin-right: 0;
        }

.toolbar-group-right button {
    font-size: 11px;
    padding-left: 7px;
    padding-right: 7px;
}

/* Expand buttons window */
.expandWindow {
    display: none;
    background: #fff;
    border: 1px solid #aaa;
    padding: 3px;
    position: absolute;
    zoom: 1;
    -webkit-box-shadow: 0px 4px 4px #cacaca;
    -moz-box-shadow: 0px 4px 4px #cacaca;
    box-shadow: 0px 4px 4px #cacaca;
}

    .expandWindow .submit {
        border-top: 1px solid #d2d2d2;
        text-align: right;
        margin-top: 5px;
    }

        .expandWindow .submit button.link-style {
            color: #008925;
        }

/* categories expand */
#expCategories {
    width: 220px;
}

    #expCategories ul {
        max-height: 240px;
        overflow: auto;
    }

    #expCategories .searchBar {
        background: #fff;
        border: 1px solid #aaa;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin-bottom: 5px;
        padding: 2px;
    }

        #expCategories .searchBar input[type=text] {
            font: 10px 'Open Sans', sans-serif;
            width: 195px;
            border: 1px solid #fff; /* for IE */
            padding: 0;
        }

ul.categoryList {
    overflow: hidden;
}

    ul.categoryList li {
        float: left;
        margin: 3px 3px 0 0;
    }



ul.mediaList li {
    float: left;
    margin: 3px 3px 0 0;
}

/* Batch actions expand menu */
.expandMenu {
    min-width: 8em;
}

    .expandMenu a {
        text-decoration: none;
        display: block;
        padding: .2em;
        color: #0088cc;
    }

        .expandMenu a:hover {
            background: #6e6e6e;
            color: #4dc3ff;
        }

/* Buttons list */
.buttonsList li {
    background: #fff;
    border: 1px #b8b8b8 solid;
    padding: 2px;
    display: inline-block;
    margin: .4em .4em 0 0;
}

    .buttonsList li a {
        text-decoration: none;
        margin: 2px 0 0 3px;
        padding: 0 .2em;
        line-height: 14px;
        /*float: right;*/
        font-weight: bold;
    }

.buttonsList .check {
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    background-position: -9999px -9999px;
    padding-left: 16px;
    cursor: default;
}

.buttonsList li.check-on {
    background-position: 3px -792px;
}

.buttonsList li.check-off {
    background-position: 3px -842px;
}

/* buttons list with items as block*/
.buttonsList-vertical li {
    float: left;
    clear: left;
}

span.type {
    color: #999999;
    font-weight: normal;
    float: left;
    padding: 0 3px 0 0;
}

a.editIcon {
    /*width: 10px;
  background: url("../images/icons.png") no-repeat 0 -897px;*/
}

/* attach List */
.attachList .ui-sortable-helper {
    background: #f2f2f2;
    -webkit-box-shadow: 1px 1px 2px #6e6e6e;
    -moz-box-shadow: 1px 1px 2px #6e6e6e;
    box-shadow: 1px 1px 2px #6e6e6e;
}

.attachList table {
    width: 100%;
    margin-bottom: .3em;
}

.attachList td {
    vertical-align: top;
}

.attachList h4 {
    margin: 0 0 .2em;
    font-size: 1em;
    word-wrap: break-word;
}

.attachList .fileType {
    font-size: .8em;
    float: right;
    margin: 3px 0 5px 5px;
}

.attachList .attachImg {
    padding: 3px 5px 0 0;
}

.attachList img {
    cursor: move;
    width: 60px;
    height: 50px;
}

.attachList .editLinks {
    font-size: .9em;
}

/* ADD BUTTON */
#addButton {
}

    #addButton span {
    }

#addList {
}

/* Tooltip  */
.tooltip span {
    display: none;
}

.tooltipWindow {
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 6px;
    margin-left: 30px;
    margin-bottom: 4px; /* stub height */
    text-align: center;
    z-index: 999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*  filter: alpha(opacity=90);*/ /* disabled due to IE bug */
    opacity: 0.9;
    text-shasow: 0 1px 1px #595959;
    text-transform: uppercase;
}

.tooltipStub {
    position: absolute;
    bottom: -8px;
    left: 25%;
    margin-left: -4px;
    border: 4px solid transparent;
    border-top: 4px solid #000;
    width: 0;
    height: 0;
    display: block;
}

/* Content type filter */
.ctFilter li {
    padding-left: 10px;
}

.ctFilter .active {
    font-weight: bold;
    margin: .2em 0;
    background: url(../images/icons.png) no-repeat 0 -495px;
}

    .ctFilter .active a {
        text-decoration: none;
    }

.ctFilter .dottedSep {
    margin: 5px 0;
}

/* Settings/Users */
.userList h2 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
}

.userItem {
    padding: .5em .2em;
}

    .userItem:hover {
        background: #fafafa;
    }

    .userItem h3 {
        display: inline;
        font-size: 18px;
        margin-left: 0.3em;
    }

        .userItem h3 a {
            text-decoration: none;
            color: #0088cc;
        }

            .userItem h3 a:hover {
                text-decoration: none;
            }

.userInfo {
    color: #333;
}

.userCreds {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 5px;
    margin: 0 5px;
    border: 1px solid transparent;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.userCreds-admin {
    border-color: #af4747;
    background: #af4747;
    color: #333;
}

.userEdit, .userDel {
    margin: 0 5px;
    display: none;
}

.userItem:hover .userEdit, .userItem:hover .userDel {
    display: inline;
}

.userEdit {
    color: #333;
}

.userDel {
    color: #333;
}

/* Site list */
.siteList .siteDomain {
    font-weight: normal;
    font-size: 12px;
}

.siteList-ajax .userItem {
    padding-top: .2em;
    padding-bottom: .2em;
}

.siteList-ajax h3 {
    font-size: 12px;
}

.siteList-ajax .groupTitle {
    font-size: 14px;
}

/* Add box */
.addBox {
    background: #ebebeb url(../images/bg_addbox.gif) repeat-x 0 0;
    border: 1px solid #dbdbdb;
    padding: 10px;
    margin: 1em 0;
}

    .addBox h2 {
        margin-top: 0;
    }

        .addBox h2 span {
            color: #333;
        }

    .addBox a {
        color: #0088cc;
    }

    .addBox fieldset {
        border: none;
        margin: 0;
        padding-left: 115px;
        margin-bottom: 5px;
    }

    .addBox legend {
        padding: 0;
        margin: 0;
        float: left;
        margin-left: -115px;
        margin-top: .3em;
        color: inherit;
        color: #000; /* IE7 fix */
        position: absolute; /* IE7 fix */
    }


    .addBox input[type=text], .addBox input[type=password] {
        width: 200px;
    }

    /* SGR-1 */
    .addBox .override_width input[type=text] {
        width: 130px !important;
    }


    .addBox select {
        /*margin: 0 5px;*/
        width: 200px;
    }

    .addBox .groupRights {
        font-weight: bold;
    }

        .addBox .groupRights .menu-list {
            display: none;
            padding-left: 15px;
            font-weight: normal;
        }

    .addBox .notify {
        margin-right: 10px;
    }
    /* group users */
    .addBox .groupUsers {
        margin: 2px 0;
        line-height: 25px;
    }

        .addBox .groupUsers li {
            display: inline;
            background: #ebf2ff;
            padding: 2px 4px;
            border: 1px solid #d6e2f9;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            white-space: nowrap;
            margin-right: 2px; /* IE7 fix */
        }

        .addBox .groupUsers a {
            color: #d5797f;
            text-decoration: none;
            margin-left: 2px;
        }

    /* user groups */
    .addBox .userGroups {
        margin: 2px 0;
        line-height: 25px;
    }

        .addBox .userGroups li {
            display: inline;
            background: #ebf2ff;
            padding: 2px 4px;
            border: 1px solid #d6e2f9;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            white-space: nowrap;
            margin-right: 2px; /* IE7 fix */
        }

        .addBox .userGroups a {
            color: #d5797f;
            text-decoration: none;
            margin-left: 2px;
        }

        .addBox .popup_input{
            margin-left: 60px;
        }
        .addBox .popup_checkbox{
            margin-top: 10px;
        }
        .addBox .legend-class{
            color: #000;
            font-size: 14px;
            text-align: justify;
            margin-left: 30px;
            margin-top: -23px;
        }

/* Edit article form */
.pnlArticleProps {
    background: #ebebeb;
    border: 1px solid #dbdbdb;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}

    .pnlArticleProps select {
        margin-right: 10px;
    }

    .pnlArticleProps button {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .pnlArticleProps select {
        display: none; /* default state */
    }

.pnlArticleProps-active select {
    display: inline;
}

.frmArticle dd input {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto !important;
    width: 98%; /* IE7 fix */
}

.frmArticle .ddHeadline input {
    font-size: 18px;
    font-weight: bold;
}

.frmArticle dd {
    margin-bottom: 15px;
}

.frmArticle textarea {
    width: 100%;
    height: 175px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.frmArticle .inline-dl {
    margin-bottom: 15px;
}

    .frmArticle .inline-dl dd {
        margin-right: 15px;
    }

    .frmArticle .inline-dl input {
        width: auto;
    }

#txtDescrChars {
    font-weight: bold;
    color: #32904a;
}

    #txtDescrChars.stateFail {
        color: #f00;
    }

/* sidebar options */
.frmArticle .col2 input {
    width: auto;
}

.frmArticle .col2 dd {
    margin-bottom: 10px;
}

/* Confirm Page */
.confirmControls .sys-dl {
    margin: 20px 0;
    clear: left;
    display: block; /* IE7 fix */
}

.confirmControls dt, .confirmControls dd {
    float: left;
}

.confirmControls dt {
    margin-right: 10px;
}

.confirmControls input[type=checkbox] {
    margin-bottom: 10px;
}

.confirmControls .sys-dl label {
    font-weight: bold;
    vertical-align: middle; /* IE7 fix */
}

    .confirmControls .sys-dl label.normal {
        font-weight: normal;
    }

.confirmControls .buttonsList {
    display: inline;
}

    .confirmControls .buttonsList li {
        margin: 0;
        padding: 0 2px;
    }

.headline {
    margin-bottom: 0;
}

.subheadline {
    margin: 0;
    font-weight: normal;
}

.datePanel {
    margin: 20px 0;
}

    .datePanel dd {
        margin-right: 20px;
        font-weight: bold;
    }

.descrPanel {
    margin: 20px 0;
}

    .descrPanel dd {
        font-weight: bold;
    }

.pagePreview {
    margin: 10px 0;
}

    .pagePreview dt {
        margin-bottom: 1em;
        font-weight: bold;
    }

    .pagePreview dd {
        padding: 10px;
        background: #fff;
        border: 1px solid #b6b6b6;
    }

.confirmControls .approvalBox {
    float: left;
    margin-right: 10px;
}

    .confirmControls .approvalBox p {
        clear: left;
    }

    .confirmControls .approvalBox textarea {
        vertical-align: top;
        width: 400px;
        height: 100px;
        padding: .5em;
    }

.confirmControls #comment_box {
    display: none;
}

/* social icons */
.social-icon {
    background: url(../images/social_icons.png) no-repeat -1000px -1000px;
    display: inline-block;
    display: inline;
    zoom: 1;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    padding-right: 8px;
}

.social-icon-twitter {
    background-position: 0 0;
    width: 21px;
}

.social-icon-facebook {
    background-position: 0 -30px;
}

.social-icon-nmw {
    background-position: 0 -58px;
    width: 12px;
}

.social-icon-other {
    background-position: 0 -90px;
}

.social-icon-ap {
    background-position: 0 -120px;
}

/* Settings/Layouts */
.layoutsList {
    letter-spacing: -4px;
}

    .layoutsList li {
        display: inline-block;
        vertical-align: top;
        width: 198px;
        border: 1px solid #c8d8f5;
        margin: 0 20px 20px 0;
        background: url(../images/bg_layout.gif) repeat 0 0;
        letter-spacing: normal;
        -moz-box-shadow: 0 1px 1px #e2e3e3;
        -webkit-box-shadow: 0 1px 1px #e2e3e3;
        box-shadow: 0 1px 1px #e2e3e3;
        display: inline; /* IE7 fix */
        zoom: 1;
    }

        .layoutsList li > a {
            padding: 5px 0;
            display: table-cell;
            display: block; /* IE7 fix */
            vertical-align: middle;
            width: 198px;
            height: 180px;
            text-align: center;
        }

.layoutHead {
    background: #ebf1fd;
    border-bottom: 1px solid #e3ebfa;
    padding: 2px 5px;
    color: #333;
    font-weight: bold;
}

    .layoutHead a {
        color: #0088cc;
    }

    .layoutHead .add {
        padding-left: 10px;
    }

        .layoutHead .add span {
            margin-left: -10px;
            display: inline-block;
            width: 10px;
            text-decoration: none;
        }

.layoutEdit {
    float: right;
    font-weight: normal;
}

    .layoutEdit .del {
        color: #d5787e;
        text-decoration: none;
    }

/* DLs */
/* list for settings home pages */
.settingsHome dt {
    font-size: 18px;
    font-weight: bold;
}

.settingsHome dd {
    margin-bottom: 1em;
}

.settingsHome a {
    color: #0088cc;
}

/* basic list output for form inputs */
.basic {
    padding-left: 15em;
}

    .basic dt {
        float: left;
        margin-left: -15em;
        width: 14em;
        text-align: right;
    }

    .basic dd {
        margin-bottom: .7em;
    }

/* options list with edit option */
.optionsList {
    margin-bottom: 1em;
}

    .optionsList li {
        background: #fff;
        border: 1px solid #aaa;
        margin-bottom: .5em;
        padding: 5px 10px;
    }

    .optionsList .title {
        margin-right: 10px;
        color: #000;
    }

        .optionsList .title a {
            color: #0088cc;
        }

    .optionsList .editBar {
        float: right;
        word-spacing: 0;
    }

        .optionsList .editBar a {
            color: #0088cc;
            margin-left: 5px;
        }

        .optionsList .editBar .del {
            text-decoration: none;
            color: #d5787e;
        }

        .optionsList .editBar .drag {
            background: url(../images/icons.png) no-repeat 100% -1096px;
            text-decoration: none;
            display: inline-block;
            width: 8px;
            cursor: move;
        }

.drag {
    background: url(../images/icons.png) no-repeat 100% -1096px;
    text-decoration: none;
    display: inline-block;
    width: 8px;
    cursor: move;
}
/* normal state */
.optionsList input, .optionsList select {
    display: none; /* hidden by default */
}
/* editable state */
.optionsList .editable input, .optionsList .editable select {
    display: inline;
}

.optionsList .editable .inpReplace {
    display: none;
}

.optionsList .editable .editBar {
    margin-top: .2em;
}
/* add link */
.optionsList .add {
    border-style: dotted;
    font-weight: bold;
    background: #fff;
}

    .optionsList .add a {
        color: #0088cc;
        display: block;
    }
/* compact options list */
.optionsList-compact {
    width: 500px;
    /* this can be inline redefined from control to control */
}

    .optionsList-compact li {
        margin-bottom: -1px;
        color: #333;
        width: 100%;
        /*padding-right: 80px;*/
    }

    .optionsList-compact .inpReplace {
        font-style: italic;
    }

    .optionsList-compact .editBar {
        display: none;
    }

    .optionsList-compact li:hover, .optionsList-compact .ui-draggable-dragging {
        border-color: #9bbdfc;
        position: relative;
        z-index: 2;
    }

        .optionsList-compact li:hover .editBar {
            display: block;
            position: relative;
            /*right: -70px;*/
        }

    .optionsList-compact .add:hover {
        border-color: #aaa;
    }

    .optionsList-compact .editable {
        background: none;
        color: #333;
        border: none;
    }

/* blue options list */
.optionsList-blue li {
    background: #ebf1fd;
    border-color: #c8d8f5;
    color: #333;
}

.optionsList-blue .title a {
    color: #0088cc;
}

.optionsList-blue .add {
    background: #f8f9fc;
}

/* TABS */
/* General tabs style */
.tabs, .tabs .ui-tabs-nav, .tabs .ui-tabs-panel, .tabs .ui-tabs-nav li {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .tabs, .tabs .ui-tabs-nav {
        padding: 0;
        background: none;
        border: none;
    }

        .tabs .ui-tabs-nav li a {
            color: #0088cc;
            font-weight: normal;
        }
/* Tabs on left side */
.tabsLeft .ui-tabs-nav {
    float: left;
}

    .tabsLeft .ui-tabs-nav li {
        float: none;
        position: static;
    }

        .tabsLeft .ui-tabs-nav li a {
            float: none;
            display: block;
        }

.tabsLeft .ui-tabs-panel {
    zoom: 1;
}

/* properties tabs */
.tabsProps {
    margin-top: 1em;
    padding-left: 200px;
    zoom: 1;
}

    .tabsProps .ui-tabs-nav {
        background: url(../images/bg_tabs_prop_ul.gif) repeat-x 0 100%;
        margin-left: -200px;
        width: 200px;
        zoom: 1;
    }

        .tabsProps .ui-tabs-nav li {
            font-size: 18px;
            border: 1px solid #bbb;
            margin: 0;
            background: #ddd url(../images/bg_tabs_prop.gif) repeat-x 0 100%;
            zoom: 1;
        }

            .tabsProps .ui-tabs-nav li:last-child {
                border-bottom: 1px solid #bbb !important;
            }

            .tabsProps .ui-tabs-nav li a {
                color: #333;
                height: 1.9em;
                line-height: 1.9em;
                padding: 0 10px;
                zoom: 1;
            }

            .tabsProps .ui-tabs-nav li.ui-tabs-selected {
                background: #fcfcfc;
                border-right-color: #fcfcfc;
            }

                .tabsProps .ui-tabs-nav li.ui-tabs-selected a {
                    color: #0088cc;
                    font-weight: bold;
                }

    .tabsProps .ui-tabs-panel {
        border-left: 1px solid #bbb;
        margin-left: -1px;
        padding-top: 0;
    }

    .tabsProps h2 {
        margin-top: 0;
    }

    .tabsProps .dottedSep {
        clear: none;
        margin: 15px 0;
    }

/* Navigation tabs */
.tabsNavigation {
    width: 100%;
}

    .tabsNavigation .ui-tabs-nav li {
        margin: 0 -1px 0 0;
        border: 1px solid #dbdbdb;
        border-bottom: none;
        background: #f0f0f0;
    }

        .tabsNavigation .ui-tabs-nav li.ui-tabs-selected {
            background: #ebebeb;
        }

    .tabsNavigation .ui-tabs-panel {
        background: #ebebeb;
        border: 1px solid #dbdbdb;
    }

    .tabsNavigation .ui-tabs-nav li a {
        font-size: 18px;
        padding: 0 10px;
        height: 1.8em;
        line-height: 1.8em;
    }

    .tabsNavigation .ui-tabs-nav li.ui-tabs-selected a {
        font-weight: bold;
    }

/* PHOTO ITEMS AND ALBUMS*/
.photo-index, .album-index {
    padding: 1px;
    /*word-spacing: -4px;*/
}

.photo-item {
    width: 213px;
    margin: 0 1.9% 5px 0;
    display: inline-block;
    vertical-align: text-top;
    word-spacing: normal;
    zoom: 1;
}

.photo-item-last {
    margin-right: 0;
}

div.photo-item-img {
    background: #fff;
    border: #d5d5d5 1px solid;
    padding: 15px 15px 5px;
    text-align: center;
    overflow: hidden;
    width: auto;
}

div.photo-item-img-wrapper {
    padding: 0 0 8px 0;
}

.album-index .photo-item-cut {
    overflow: hidden;
    height: 100px;
}

.album-index .photo-item-img-wrapper {
    background: url(../images/bg_album.png) no-repeat 50% 50%;
    height: 150px;
    width: 170px;
    padding: 10px 0;
}

.album-index .photo-item-img-wrapper_custom {
    height: 150px;
    width: 170px;
    padding: 10px 0;
}

.album-index div.photo-item-img {
    padding: 10px 10px 5px;
}

.album-index .photo-item-form {
    padding: 10px 0;
}

input.item-select {
    float: left;
    margin: 0 10px 0 0;
}

img.photo-item-img {
    margin: 0;
}

.led {
    float: left;
    width: 16px;
    height: 16px;
    background: url("../images/icons.png") no-repeat -1000px -1000px;
    margin-top: -2px;
    cursor: pointer;
}

.led-off {
    background-position: 0 -1000px;
}

.led-on {
    background-position: 0 -1050px;
}

.photo-item .status {
    float: right;
    line-height: 110%;
}

.photo-item .status-on {
    color: #6fb414;
}

.photo-item .status-off {
    color: #b6b6b6;
}

.photo-item-info {
    padding: 10px 5px;
    color: #333;
    line-height: 120%;
    margin: 0;
    cursor: pointer;
}

.album-index .photo-item-info {
    margin-top: 0;
}

.photo-item-info input, .photo-item-info textarea {
    display: none;
}
.photo-item-info input{
    width: 13.4em;
}

.photo-item-editable .photo-item-info input, .photo-item-editable .photo-item-info textarea {
    display: block;
}

.photo-item-editable .inpReplace {
    display: none;
}

.photo-item-form {
    overflow: hidden;
    padding: 10px 0 5px;
}

.photo-item-editable .photo-item-info {
    padding: 5px 0;
    color: #666666;
    line-height: 120%;
    margin: 2px 0 0;
    cursor: pointer;
}

div.album-index .photo-item-info:hover {
    background: none;
}

.photo-item-info:hover {
    background: #fff5cf;
}

.photo-item-editable .photo-item-info {
    background: none;
}

.photo-item-info h3 {
    font-weight: 800;
    font-size: 120%;
    margin: 0 0 10px 0;
    color: #333;
    word-wrap: break-word;
}
/* untitled photo */
.photo-item-untitled .photo-item-info {
    font-style: italic;
}

.photo-item-untitled h3 {
    font-weight: normal;
}
/* edit state */
.photo-item-editable .photo-item-info input, .photo-item-editable .photo-item-info textarea {
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    width: 92%; /* IE7 */
}

.photo-item-editable .photo-item-info input {
    font-weight: bold;
    font-size: 120%;
    margin-bottom: .3em;
}

.photo-item-editable .photo-item-info textarea {
    height: 100px;
}

.photo-item .pnlSubmit {
    margin-top: 0;
    /* from albums_list.html: align Save/Cancel panel inside file tiles */
    padding-right: 40px;
}

/* photo list view */
.photo-item-list {
    display: block;
    border-top: 1px solid #bbb;
    width: auto;
    padding: 10px;
    margin: 0;
}

    .photo-item-list:first-child {
        border-top: none;
    }

    .photo-item-list label {
        display: block;
    }

    .photo-item-list .photo-item-img {
        float: left;
        margin: 0 20px 0 5px;
        width: 150px;
    }

    .photo-item-list .photo-item-form {
        overflow: visible;
    }

    .photo-item-list .led {
        display: none;
    }

    .photo-item-list .photo-item-info {
        margin: 0;
        cursor: default;
        line-height: 1.4;
    }

        .photo-item-list .photo-item-info:hover {
            background: none;
        }

        .photo-item-list .photo-item-info a {
            color: #406880;
        }

    .photo-item-list .photo-describe {
        font-style: italic;
        display: block;
        margin-bottom: .3em;
    }

/* photo edit/view links */
.photo-edit {
    display: none;
    margin-top: .3em;
    font-style: normal;
}

.photo-item-list:hover .photo-edit {
    display: block;
}

.photo-item-list .photo-edit a {
    font-weight: bold;
}

.photo-item-list .photo-date {
    float: right;
    margin: 0 20px;
}

/* photo list sorting */
.photo-index .ui-sortable-helper, .album-index .ui-sortable-helper {
    background: #fafafa;
}

.photo-index .ui-sortable-placeholder, .album-index .ui-sortable-placeholder {
    height: 200px;
}

/* Control buttons */
div.controlContainer {
    border: 1px #b6b6b6 solid;
    background: #fff;
    padding: 10px;
    margin: -20px 0 20px;
    overflow: hidden;
}

    div.controlContainer div.dateControl {
        float: left;
        width: 240px;
    }

    div.controlContainer div.buttonControl {
        float: right;
        width: 150px;
        padding: 0;
    }

/* STATISTICS */
.statPanel a {
    color: #0088cc;
}

.statPanel h2 {
    margin: 20px 0 0;
}

.activityPanel {
    border: 1px solid #dbdbdb;
}

    .activityPanel .snapshot {
        padding: 10px;
    }

        .activityPanel .snapshot h3 {
            margin-top: 0;
        }

.valueList li {
    display: inline-block;
    width: 33%;
    display: inline; /* IE7 */
    zoom: 1;
}

.val {
    font-weight: bold;
}

.summaryList li {
    display: inline-block;
    width: 35%;
    #display: inline; /* IE7 */
    #zoom: 1;
}

.val {
    font-weight: bold;
}

.camp {
    font-weight: bold;
    font-size: 30px;
    display: inline-block;
    width: 15%;
}

.camptxt {
    display: inline-block;
    position: relative;
    left: 20%;
    width: 74%;
}

.campview {
    display: inline;
    position: relative;
    left: -160px;
}

/* increment/decrement */
.incr, .decr {
    font-weight: bold;
}

.incr {
    color: #50c774 !important;
}

.decr {
    color: #d5797f !important;
}

/* statistics table */
table.stat {
    border: 1px solid #dbdbdb;
    border-collapse: collapse;
    width: 100%;
}

.stat .even {
    background: #f6f6f6;
}
/* old browsers */
.stat tr:nth-child(2n+1) {
    background: #f6f6f6;
}
/* modern browser, 1-based indexing */
.stat tr:first-child {
    background: -moz-linear-gradient(#fafafa, #f6f6f6);
    background: -o-linear-gradient(#fafafa, #f6f6f6);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f6f6f6));
    background: linear-gradient(#fafafa, #f6f6f6);
}

.stat td, .stat th {
    padding: .2em .4em;
}

.stat th {
    font-weight: normal;
    color: #999;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

    .stat th:first-child {
        border-left: none;
    }

    .stat th.views {
        width: 14%;
    }

    .stat th.change {
        width: 16%;
    }

.stat th, .stat td {
    text-align: center;
}

    .stat th:first-child, .stat td:first-child {
        text-align: left;
    }

.stat td, .stat a {
    font-weight: bold;
    color: #666;
}
/* links under stat table */
.statLinks {
    text-align: right;
    font-size: 10px;
}

    .statLinks a {
        margin-left: .8em;
    }

.stat-summary span {
    margin-right: 10px;
}

/* Login page */
.loginPanel {
    margin: 0 auto 30px;
    width: 420px;
}

#login_wrap {
    background-color: #121212;
}

.loginPanel .login_title {
    color: #9a9a9a;
    font-size: 18px;
    margin-top: 10px;
    border-bottom: 1px solid #e4e4e4;
}

.loginPanel .wrap {
    padding: 0 20px;
    background: #fff;
    border: 1px solid #b6b6b6;
}

.loginPanel form {
    padding: 10px 0px;
    padding-right: 10px;
}

.loginPanel .inline-dl {
    display: inline;
}

.loginPanel .loginLinks {
    padding: 10px 2px;
    text-align: center;
}

.loginLinks a {
    padding: 0 10px;
}

.loginPanel label {
    display: none;
}

.loginPanel input[type=text], .loginPanel input[type=password] {
    height: 30px;
    width: 95%;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 300;
    border-color: #e4e4e4;
    font-size: 20px;
}

.loginPanel input[type=text] {
    background-image: url('../images/avatar.png');
    background-repeat: no-repeat;
    padding-left: 27px;
}

.loginPanel input[type=password] {
    background-image: url('../images/lock.png');
    background-repeat: no-repeat;
    padding-left: 25px;
    margin: 20px 0px;
}

.loginPanel button {
    height: 30px;
    width: 40px;
    text-shadow: none;
    color: #fff;
    border: none;
    background: #0188cc;
    margin-top: 20px;
    margin-bottom: 40px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 30px;
    margin-left: 4px; /* IE7 fix */
    height: auto;
}

table.media-info {
    width: 100%;
    border: 1px solid gray;
    border-spacing: 0px;
    border-collapse: collapse;
}

    table.media-info th {
        border: 1px solid gray;
        padding: 4px;
        background-color: silver;
    }

    table.media-info td {
        border: 1px solid gray;
        padding: 3px;
    }

.hor_list {
    display: inline;
    list-style-type: none;
    padding-right: 4px;
}

.default_thumbnail {
    border: 4px solid #021a40;
}

/* Errors */
.errors {
    color: red;
    padding: 0;
    margin: 1em;
}

    .errors li {
        list-style: none;
        margin: 1em 0;
        padding: 0;
    }

/* Approval box */
#approvals_portlet {
    display: none; /* hidden by default */
}

.appr-count {
    font-size: 12px;
    line-height: 13px;
    margin: 7px 7px 0 0;
    padding-right: 7px;
    float: left;
    display: block;
    background: url(../images/bg_appr_count.png) no-repeat 100% 0;
    color: #fff;
    text-shadow: none;
}

    .appr-count span {
        background: url(../images/bg_appr_count.png) no-repeat 0 0;
        padding: 3px 0 5px 7px;
        display: block;
        height: 12px;
    }

.approvalBox .newsBody h2 {
    font-size: 14px;
    line-height: 1.4;
}

.apprActions {
    margin-top: 10px;
}

.apprComment {
    background: #fffbcc;
    padding: 5px;
    border: 1px solid #f0eaa7;
    margin-bottom: 10px;
}

.approvalBox .commentsCount {
    font-weight: bold;
}

/* standard table */
.grid {
    width: 100%;
    border: 1px solid #b6b6b6;
    padding: 0;
    -moz-box-shadow: 0 1px 0 #ececec;
    -webkit-box-shadow: 0 1px 0 #ececec;
    box-shadow: 0 1px 0 #ececec;
}

    .grid .striped td {
        background: #fafafa;
        border-top: 1px solid #b6b6b6;
        border-bottom: 1px solid #b6b6b6;
    }

    .grid tr:nth-child(2n) td {
        background: #fafafa;
        border-top: 1px solid #b6b6b6;
        border-bottom: 1px solid #b6b6b6;
    }
    /* selected row */
    .grid tr.selected td {
        background: #e5f4fa;
    }

    .grid tr.last td {
        border-bottom: none;
    }

    .grid tr:last-child td {
        border-bottom: none;
    }

    .grid td, .grid th {
        padding: 7px;
    }

    .grid th {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #b6b6b6;
        background: #e2e2e2;
        font-weight: normal;
        text-align: left;
        background: #e2e2e2;
        background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#e2e2e2));
        background: -moz-linear-gradient(top, #e8e8e8, #e2e2e2);
    }

        .grid td.publish_addState, .grid th.publish_addState {
            text-align: right;
        }

        .grid .publish_addDate, .grid th.publish_addState {
            font-weight: normal;
        }

    .grid .gridCheck {
        width: 30px;
    }

    .grid .publish_addDate {
        width: 150px;
    }
    /* obsolete */
    .grid .publish_addState {
        width: 135px;
    }

/* Sticky grid */
.grid-sticky {
    border-bottom: none;
}

/* Grid for log */
.gridLog th {
    vertical-align: top;
}

    .gridLog th label {
        display: block;
        margin-bottom: .2em;
    }

    .gridLog th select {
        max-width: 150px;
    }

.bt {
    display: none;
    text-align: center;
    width: 90px;
}

/* DIALOG SELECT CONTENT */
.selectContent {
    background: #fafafa;
}

    .selectContent .filter {
        margin: 15px 0;
    }

        .selectContent .filter input[type="text"] {
            padding-right: 25px;
            margin-right: -7px;
            font-size: 11px;
            width: 40%;
            margin-bottom: 10px;
        }

        .selectContent .filter .date_range input[type="text"] {
            padding-right: 25px;
            margin-right: -7px;
            font-size: 11px;
            width: 16%;
        }


        .selectContent .filter .prSubmit {
            position: relative;
            left: -18px;
            height: 1em;
        }

    .selectContent .paging {
        margin-top: 25px;
        padding: 0 5px;
        background: none;
        border: none;
    }

    .selectContent .newsBody {
        margin: 1px;
        padding: 6px 9px;
    }

        .selectContent .newsBody:hover {
            background: #fffbcc;
            padding: 5px 8px;
            border: 1px solid #f1ecac;
        }

        .selectContent .newsBody h2 {
            font-size: 12px;
        }

    .selectContent .newsImage {
        float: left;
        padding: 3px;
        margin-right: 15px;
        border: 1px solid #cac7a2;
        background: #fff;
        font-size: 0;
    }

    .selectContent .newsBody:hover .newsImage {
        -moz-box-shadow: 0 0 3px #e5e1b7;
        -webkit-box-shadow: 0 0 3px #e5e1b7;
        box-shadow: 0 0 3px #e5e1b7;
    }

    .selectContent .actionSelect {
        visibility: hidden;
    }

    .selectContent .newsBody:hover .actionSelect {
        visibility: visible;
    }
    /* tabs */
    .selectContent .ui-tabs-panel {
        padding: 5px;
    }

    .selectContent .ui-tabs-nav, .crop_settings .ui-tabs-nav {
        background: #e5e5e5;
        background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e5e5e5));
        background: -moz-linear-gradient(top, #fafafa, #e5e5e5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e5e5e5');
    }

        .selectContent .ui-tabs-nav li, .crop_settings .ui-tabs-nav li {
            background: none;
            border: none;
        }

            .selectContent .ui-tabs-nav li a, .crop_settings .ui-tabs-nav li a {
                color: #0088cc;
                padding: 13px;
            }

            .selectContent .ui-tabs-nav li.ui-tabs-selected, .crop_settings .ui-tabs-nav li.ui-tabs-selected {
                background: url(../images/bg_select_tabs_active.gif) no-repeat 50% 100%;
                bottom: 0;
                padding-bottom: 0;
            }

                .selectContent .ui-tabs-nav li.ui-tabs-selected a, .crop_settings .ui-tabs-nav li.ui-tabs-selected a {
                    color: #0088cc;
                }

.crop_settings .ui-widget-header {
    border: none;
}

/* RELATED LINKS MODAL */
.relatedLinks {
}

    .relatedLinks .sys-dl {
        background: #fff;
        padding: 10px 15px 10px 90px;
    }

    .relatedLinks dt {
        float: left;
        clear: left;
        margin-left: -80px;
        font-size: 14px;
    }

    .relatedLinks dd {
        margin-bottom: 10px;
    }

        .relatedLinks dd input[type=text] {
            width: 90%;
        }

    .relatedLinks #f_link_title {
        font-weight: bold;
    }

    .relatedLinks h2 {
        font-size: 14px;
    }

/* IMAGE PROPERTIES MODAL */
.imageProperties label {
    font-size: 13px;
}

.imageProperties .props {
    padding-left: 90px;
    padding-right: 15px;
    margin-top: 1em;
}

    .imageProperties .props dt {
        margin-left: -90px;
    }

    .imageProperties .props dd {
        margin-bottom: 2em;
    }

    .imageProperties .props input {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        width: 95%;
    }

.imageProperties .newsBody h2 {
    font-size: 1em;
    margin: 0;
}

.imageProperties .newsImage {
    float: left;
    padding: 3px;
    margin-right: 15px;
    border: 1px solid #cac7a2;
    background: #fff;
    font-size: 0;
}

.imageProperties .req-props {
    margin-bottom: 2em;
}

    .imageProperties .req-props dt {
        font-weight: bold;
        font-size: 13px;
        margin-right: 15px;
    }

    .imageProperties .req-props input {
        margin-right: 10px;
    }

    .imageProperties .req-props label {
        margin-right: 15px;
    }

    .imageProperties .req-props .dims {
        color: #333;
        font-size: 11px;
        font-style: italic;
    }

.imageProperties .dim-props label {
    display: inline-block;
    vertical-align: top;
    cursor: default;
    display: inline;
    zoom: 1;
    width: 60px;
}

/* GLOBAL SEARCH */
.globalSearch {
    width: 96%;
    margin-left: 30px;
}

    .globalSearch form input[type=text] {
        width: 50%;
    }

    .globalSearch .publish_addDate {
        color: #999;
    }

    .globalSearch input[type=checkbox] {
        background: #fff;
    }

.search_check {
    background: #000;
    padding: 40px;
}

.globalSearch .filter_count {
    color: #999;
    padding-left: 10px;
}

.globalSearch .ui-accordion {
    z-index: -1;
}

.globalSearch .ui-accordion-content {
    background: #fff;
    padding: 0px;
    border: 0px;
}

.globalSearch .ui-accordion-header {
    background: #fff;
    color: #333;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 20px;
    border: 0px;
    text-transform: uppercase;
}

.globalSearch #filter_options {
    top: 50px;
    width: 18%;
    background: #000;
    position: fixed;
    bottom: 40px;
    right: -18%;
    z-index: 988;
    padding-top: 20px;
}

    .globalSearch #filter_options .select_div {
        display: block;
        background: #fff;
        height: 30px;
        width: 85%;
        margin-left: 5%;
        margin-bottom: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
    }

        .globalSearch #filter_options .select_div select {
            margin: 0px;
            padding: 0px;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 0.01px;
            text-overflow: '';
            border: none;
        }

    .globalSearch #filter_options select:focus {
        outline: 0;
    }

    .globalSearch #filter_options input[type=text] {
        display: block;
        background: #fff;
        width: 80%;
        margin-left: 5%;
        margin-bottom: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .globalSearch #filter_options button {
        position: absolute;
        background: #fff;
        margin-left: 75%;
        top: 23px;
        border: none;
        outline: 0;
        cursor: pointer;
        padding-right: 4px;
    }

#filter_options #f_q {
    background-image: url('../images/btn_search_mid.gif');
    margin-top: 30px;
}

#filter_options #from_date {
    background-image: url('../images/filter_cal.png');
}

#filter_options #to_date {
    background-image: url('../images/filter_cal.png');
}

#filter_options #filter_con_type {
    background-image: url('../images/filter_ctype.png');
}

#filter_options #filter_category {
    background-image: url('../images/filter_cat.png');
}

#filter_options #filter_author {
    background-image: url('../images/filter_auth.png');
}

#filter_options #filter_status {
    background-image: url('../images/filter_status.png');
}

#filter_options #f_q, #filter_options #from_date, #filter_options #to_date, #filter_options #filter_con_type, #filter_options #filter_category, #filter_options #filter_author, #filter_options #filter_status {
    background-repeat: no-repeat;
    background-position: 95%;
}

.search_header {
}

    .search_header h1 {
        width: 69%;
        font-weight: 300;
        display: inline-block;
    }

    .search_header #searchBar {
        width: 20%;
        margin-left: 10%;
        display: inline-block;
    }

        .search_header #searchBar input[type=text] {
            width: 85%;
            color: #808080;
        }

    .search_header .filter_link, .search_header .filter_link a, #filter_options span a {
        margin-top: -15px;
        font-size: 12px;
        text-transform: uppercase;
        text-align: right;
        color: #999;
    }

#filter_options span a {
    display: block;
    margin-top: -25px;
    font-size: 10px;
    padding-right: 25px;
    color: #fff;
    margin-bottom: 50px;
}

    .search_header .filter_link a:hover, #filter_options span a:hover {
        text-decoration: none;
    }

.list_options {
    padding-left: 11px;
}

    .list_options button, .list_options label {
        font-size: 14px !important;
        font-weight: 600;
        text-transform: uppercase;
        text-shadow: none;
        color: #999 !important;
        margin-right: 30px;
    }

    .list_options .expanded {
        background: none !important;
    }

.globalSearch #expActions {
    left: auto !important;
    right: 0px;
}

#filter_options label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    margin-left: 15px;
    margin-bottom: 20px;
}

.list_options button {
    background: #FFF;
    BORDER: none;
    color: #000;
    padding: 4px 3px;
    vertical-align: middle;
    font-size: 13px;
}

.globalSearch .float-dl {
    padding-left: 11px;
}

    .globalSearch .float-dl dt {
        width: 80px;
        margin-left: -80px;
    }

    .globalSearch .float-dl p {
        margin-top: 1em;
    }

.globalSearch .ui-accordion-content {
    height: auto !important;
    overflow: hidden;
    padding-bottom: 45px;
}

    .globalSearch .ui-accordion-content .expandMenu a {
        text-align: left;
        padding: 0px;
    }

.globalSearch .item_options {
    margin-right: 10px;
}

.globalSearch .ui-accordion-content .show_more {
    margin-right: 5px;
}
/* TEMLATES */
.notapplied {
    background-color: #999;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    padding: 3px;
}

/* WIDGETS */
.addPanelWidgets {
    float: left;
}

.widgetArchInfo {
    background: #fffbcc;
    border: 1px solid #f0eaa7;
    padding: 10px;
    margin: 2em 0;
}

.gridWidgets .order {
    width: 50px;
}

.gridWidgets .publish_addState {
    width: 150px;
}

    .gridWidgets .publish_addState i {
        display: block;
        font-weight: normal;
    }

.gridWidgets .publish_addState-ok .publish_addState-off {
    display: none;
}

.gridWidgets .publish_addState-off .publish_addState-ok {
    display: none;
}

.gridWidgets .empty-row td {
    text-align: center;
}

.gridWidgets .order input {
    width: 2em;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

.gridWidgets .order-arr {
    background: url(../images/icons.png) no-repeat 0 -1200px;
    width: 6px;
    height: 8px;
    margin-left: -1px;
    display: inline-block;
    vertical-align: middle;
}

.gridWidgets .newsImage {
    float: left;
    padding: 4px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    margin-right: 15px;
    font-size: 0;
    -moz-box-shadow: 0 0 3px #e4e4e4;
    -webkit-box-shadow: 0 0 3px #e4e4e4;
    box-shadow: 0 0 3px #e4e4e4;
}

.gridWidgets .editLinks {
    visibility: hidden;
}

.gridWidgets tr:hover .editLinks, .gridWidgets .addWidget .editLinks {
    visibility: visible;
}

.gridWidgets .editLinks .edit, .gridWidgets .editLinks .archive {
    color: #21759b;
}

.gridWidgets .editLinks .delete {
    color: #e43e00;
}
/* view link */
.gridWidgets span.view {
    font-weight: normal;
}

.gridWidgets .ui-sortable-helper {
    border: 1px solid #9BBDFC;
    background: #fff;
}

    .gridWidgets .ui-sortable-helper td {
        background: #fff !important;
    }
/* widget item editing */
.gridWidgets .edit .order {
    vertical-align: top;
}

.addWidget {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

    .addWidget .pnlSubmit {
        text-align: left;
    }

    .addWidget .sys-dl {
        margin: .5em 0;
        padding-right: 30px;
    }

        .addWidget .sys-dl dt {
            margin: .5em 0 .3em;
        }

    .addWidget .editLinks {
        float: right;
    }

    .addWidget .newsBodyBorder {
        border: 1px solid #b6b6b6;
        background: #fbfbfb;
        margin-left: 80px;
        height: 18px;
        padding: 23px 10px;
    }

    .addWidget .newsBody {
        margin-bottom: 20px;
    }

    .addWidget .inputTitle input {
        font-weight: bold;
    }

    .addWidget .input-group {
        padding-right: 30px;
    }

        .addWidget .input-group button {
            float: right;
            margin-right: -30px;
        }

    .addWidget button.main-action {
        font-size: 12px;
    }

/* Link widget */
.linksWidget {
    margin: 20px 0;
}

    .linksWidget .editLinks {
        visibility: visible;
    }

    .linksWidget .tdEdit {
        width: 150px;
        text-align: right;
    }

    .linksWidget .newsImage {
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

.link-icon a {
    background: url(../images/social_icons_30.png) no-repeat -1000px top;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.linksWidget .link-icon a {
    background-position: 50% -780px;
}

.link-icon.rss a {
    background-position: 50% 0;
}

.link-icon.alerts a {
    background-position: 50% -60px;
}

.link-icon.share a {
    background-position: 50% -120px;
}

.link-icon.twitter a {
    background-position: 50% -180px;
}

.link-icon.facebook a {
    background-position: 50% -240px;
}

.link-icon.youtube a {
    background-position: 50% -300px;
}

.link-icon.instagram a {
    background: url(../images/instagram.png); 
    background-position: center center; background-size: cover;
}

.link-icon.itunes a {
    background-position: 50% -360px;
}

.link-icon.blog a {
    background-position: 50% -420px;
}

.link-icon.flickr a {
    background-position: 50% -480px;
}

.link-icon.tumblr a {
    background-position: 50% -540px;
}

.link-icon.linkedin a {
    background-position: 50% -600px;
}

.link-icon.googleplus a {
    background-position: 50% -660px;
}

.link-icon.vimeo a {
    background-position: 50% -720px;
}

#custom_icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 10px;
}

/* Statistics page */
div.statisticPage-filterForm {
    background: #e9e9e9;
    padding: 15px 7px 15px 15px;
    overflow: hidden;
}

    div.statisticPage-filterForm h3 {
        float: left;
        font-weight: bold;
        font-size: 14px;
        text-shadow: 0 1px 1px #FFFFFF;
        margin: 0;
        padding: 0 !important;
    }

    div.statisticPage-filterForm dl, div.statisticPage-filterForm button.statisticPage-filterForm-submit {
        float: right;
        margin: 0 0 0 15px;
    }

div.statisticPage h3 {
    font-size: 14px;
    color: #333;
    padding-left: 5px;
}

div.statisticPage div.contentRight h2 {
    margin: 0;
    padding: 6px 10px;
    background: #6e6e6e;
    color: #333;
    font-size: 11px;
}

div.statisticPage table.stat {
    margin: 0 0 17px 0;
    border-color: #b6b6b6;
}

    div.statisticPage table.stat th {
        background: #e2e2e2;
        text-shadow: 0 1px 1px #FFFFFF;
        border-color: #e2e2e2;
        border-bottom: 1px #b6b6b6 solid;
        color: #6e6e6e;
        padding: 2px 10px;
    }

    div.statisticPage table.stat td {
        color: #6e6e6e;
        font-weight: normal;
        padding: 6px 10px;
    }

    div.statisticPage table.stat a {
        color: #0088cc;
        font-weight: normal;
    }

/* secure icon */
img.secure-item {
    float: left;
    margin: -10px;
}

img.secure-item-inline {
    margin: 3px;
    vertical-align: bottom;
}

/* CONTACTS LIST MODAL */
.contactsModal .addPanel {
    padding: 15px;
    background: #f2f2f2;
}

.contactsModal h2 {
    padding: 0 15px;
}

.contactsModal .menu-list li {
    padding: 15px;
    border-top: 1px dashed #ccc;
}

    .contactsModal .menu-list li:first-child {
        border-top: none;
    }

.contactsModal li img {
    vertical-align: bottom;
}
/* add contact modal */
.contactsModalAdd .addPanel {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.contactsModalAdd .contentColumns {
    padding: 0 15px;
}

.contactsModalAdd .contentLeft, .contactsModalAdd .contentRight {
    width: 47%;
}

.contactsModalAdd dd {
    margin: .3em 0 .7em;
}

/* Contacts page */
span.passwordShowSymbols {
    float: right;
    font-size: 90%;
}

/* Info Boxes */
.infobox {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    color: #333;
}
/* schedule to publish */
.infobox-green {
    border-color: #6fb414;
    background: #cff9af;
}
/* upcoming events */
.infobox-blue {
    border-color: #41bbe8;
    background: #ddeff5;
}
/* awaiting approval */
.infobox-red {
    border-color: #ea7a7a;
    background: #ffd1d3;
}
/* misc */
.infobox-gray {
    border-color: #b6b6b6;
    background: #eaeaea;
}
/* comments */
.infobox-yellow {
    border-color: #e4d95b;
    background: #fffbcc;
}

/* Help Box */
.helpBox {
    padding: 1em;
}

/* Tips */
.tip {
    margin: 1em 0;
    font-style: italic;
}

/* Display Options */
.displayOptions {
}

    .displayOptions h4 {
        margin: 0;
        color: #333;
        font-weight: bold;
    }

    .displayOptions .portlet-content > .dottedSep {
        background: none;
    }

/* categoryFilter */
.categoryFilter {
    background: #fff;
    /*border: 1px solid #d3d3d3;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*padding: 5px;*/
}

    .categoryFilter h4 {
        margin: 0 0 .5em 0;
    }

    .categoryFilter select, .categoriesSource {
        max-width: 100%;
        margin:10px 0px 5px 0px ;
    }

/* Notification Subjects */
.notificationSubjects input[type="text"] {
    width: 340px;
}

.notificationSubjects {
    background: #fff;
    border: 1px solid #d3d3d3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 5px;
}

    .notificationSubjects h4 {
        margin-top: 0em;
        margin-bottom: -1em;
    }

/* Themes list */
.themesList h2 {
    margin-top: 0;
}

.themesList h4 {
    margin: 0 0 .2em;
}

    .themesList h4 a {
        color: inherit;
    }

.themesList .theme {
    margin: .5em 20px .5em 0;
}

.themesList .showCopyLink {
    margin-left: 50px;
}

.themesList .activeTheme h4, .themesList .activeTheme .right a {
    background-color: #fff;
    color: #0088cc;
}

.themesList .activeTheme h4, .themesList .activeTheme .right {
    padding: 3px;
}

/* Site assets */
.siteAssets h2 {
    font-size: 1.3em;
}

/* Theme templates */
.themeItem {
}

/* Template editing */
#templateEditSourceForm dt {
    font-size: 1.5em;
    margin: 15px 0;
    font-weight: bold;
}

/* Media player */
.mediaPlayer {
    margin: 1em 0;
}

/* choicegroup */
.choicegroup {
    margin: .5em 0;
    padding: 0;
}

    .choicegroup li {
        list-style: none;
    }

/* COMMENTS */
.commentsBox {
}

/* Comments status selector */
.commentsFilter {
    font-size: 1.2em;
    margin-bottom: 1em;
}

/* Comments list */
.comment-item {
    padding: 5px 0;
}

    .comment-item .userInfo {
        color: #999;
        font-size: .9em;
    }

    .comment-item .editLinks {
        margin: .5em 0;
    }

    .comment-item h4 {
        margin: 0 0 .5em;
    }

    .comment-item .commentText {
        margin: .5em 0;
    }

    .comment-item .commentStatus {
        display: none;
        font-weight: bold;
        font-size: inherit;
        margin-left: 1em;
    }

.comments-all .commentStatus {
    display: inline;
}

/* Tags */
.tagsAllList {
    display: none;
}

.gridPages .order {
    width: 10px;
}

.gridPages .item {
    /*width: 700px;*/
}

.gridPages .ui-sortable-helper {
    border: 1px solid #9BBDFC;
    background: #fff;
}

    .gridPages .ui-sortable-helper td {
        background: #fff !important;
    }

.gridPages .publish_addState {
    width: 150px;
}

    .gridPages .publish_addState i {
        display: block;
        font-weight: normal;
    }

/* Naviation editing */
.navAddPage {
    margin: 1em;
}

.optionsList .title .nav-hidden {
    color: #8c8c8c;
}

.optionsList .title .nav-offline {
    color: #bc0b0b;
}

/* Quick links kiosk */
.quick-links .portlet-content {
    font-size: 1.1em;
}

/* Confirm dialog */
.confirmDialog .headline {
    margin-top: 0;
}

.confirmDialog .addBox h3 {
    margin: 0 0 .5em;
}

/* packages list */
.packagesList li {
    padding: 1em;
    padding-left: 25px;
    border-top: 1px solid #ccc;
}

    .packagesList li:first-child {
        border-top: none;
    }

.packagesList label {
    display: block;
    font-weight: bold;
}

.packagesList input {
    float: left;
    margin-left: -15px;
}

/* Collapsable block */
div.collapseBlock div.collapseBlock-body {
    display: none;
}

div.collapseBlock-opened div.collapseBlock-body {
    display: block;
}

.collapseBlock-link {
    cursor: pointer;
    font-weight: bold;
    font-size: 110%;
    color: #0084B4;
    text-decoration: none;
    line-height: 110%;
    display: inline-block;
    padding-right: 12px;
    background: url("../images/icons.png") no-repeat right -1611px;
}

div.collapseBlock-opened .collapseBlock-link {
    background: url("../images/icons.png") no-repeat right -1667px;
}

.collapseBlock-link span {
    border-bottom: 1px #0084B4 dashed;
}

.collapseBlock-link:hover span {
    border-bottom-width: 0;
}

/* v4 */
.rightmenu {
    top: 60px;
    margin-bottom: 40px;
}

.sticky {
    z-index: 1000;
}

#navbar a {
    display: block;
    height: 100%;
    padding: 0 10px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

    #navbar a i {
        padding-left: 8px;
        font-size: 18px;
        color: #444;
    }

    #navbar a:hover {
        color: #0088cc;
    }

        #navbar a:hover i {
        }

#navbar ul {
    text-align: left;
    display: inline;
    height: 48px;
    margin: 0;
    padding: 0px;
    list-style: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

    #navbar ul li {
        height: 48px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        line-height: 50px;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        margin-right: -4px;
        position: relative;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        #navbar ul li:hover {
            background: #121212;
            color: #0088cc;
        }

        #navbar ul li ul {
            padding: 0;
            position: absolute;
            top: 48px;
            left: 0;
            width: 136px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: none;
            opacity: 0;
            visibility: hidden;
            -webkit-transiton: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -ms-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            -transition: opacity 0.2s;
        }

            #navbar ul li ul li {
                line-height: 35px;
                height: 35px;
                background: #121212;
                border-bottom: .1em solid #444;
                display: block;
                color: #fff;
            }

                #navbar ul li ul li a {
                    height: 35px;
                }

                #navbar ul li ul li:hover {
                    background: #121212;
                }

        #navbar ul li:hover ul {
            display: block;
            opacity: 1;
            visibility: visible;
        }

.dash {
    width: 100%;
    padding: 0px 30px;
    display: block;
    margin-bottom: 30px;
}

    .dash h1 {
        font-weight: 300;
    }

.title_header {
    font-weight: 300;
    text-transform: capitalize;
}

.dash h3, .dash_table th, .dash_table h3 {
    background-color: #1e1e1e;
    padding: 5px 10px;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
}

    .dash h3 span {
        float: right;
        text-transform: none;
        font-size: 13px;
        color: #0188cc;
    }

        .dash h3 span a:hover {
            text-decoration: none;
        }

.dash_left {
    display: inline-block;
    width: 47%;
    margin-right: 3%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.dash_right {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-top: 30px;
    margin-bottom: 20px;
}

.dash_left #searchBar {
    border: 2px #f5f6f8 solid;
    height: 29px;
    line-height: 29px;
    margin-bottom: 15px;
    margin-top: 15px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .dash_left #searchBar input[type=text] {
        width: 93%;
        color: #808080;
    }

    .dash_left #searchBar input[type=image] {
        vertical-align: text-top;
    }

.dash_qlinks {
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 5px;
    background-color: #1e1e1e;
    margin-top: 0px;
}

    .dash_qlinks h3 {
        border-left: .1em solid rgb(228, 229, 230);
        border-right: .1em solid rgb(228, 229, 230);
    }

.dash_qlinks_row {
    width: 100%;
    background-color: #1e1e1e;
    height: auto;
    margin-left: 2px;
    margin-bottom: 0px;
    z-index: 988;
}

    .dash_qlinks_row a {
        display: inline-block;
        background-color: #1e1e1e;
        text-align: center;
        color: #fff;
        margin: -2px;
    }

    .dash_qlinks_row .sz-6 {
        width: 16.7%;
    }

    .dash_qlinks_row .sz-5 {
        width: 20%;
    }

    .dash_qlinks_row .sz-4 {
        width: 25%;
    }

    .dash_qlinks_row .sz-3 {
        width: 33%;
    }

    .dash_qlinks_row .sz-2 {
        width: 50%;
    }

    .dash_qlinks_row .sz-1 {
        width: 100%;
    }

    .dash_qlinks_row .sz-0 {
        height: 20px;
        width: 100%;
    }

    .dash_qlinks_row p {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .dash_qlinks_row a i {
        margin-top: 30px;
        color: #fff;
    }

    .dash_qlinks_row a:hover {
        background-color: #151515;
        color: #fff;
        text-decoration: none;
    }

        .dash_qlinks_row a:hover p {
            -webkit-transform: scale(1.2, 1.2);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1.2, 1.2);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
        }

        .dash_qlinks_row a:hover i {
            color: #fff;
            -webkit-transform: scale(1.2, 1.2);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1.2, 1.2);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
        }

.get_started {
    position: absolute;
    background: #0e88c9;
    margin-top: -20px;
    width: 26%;
    left: 37%;
    z-index: 989;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.corner-l-t {
    -moz-border-top-left-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
}

.corner-r-t {
    -moz-border-top-right-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
}

.corner-r-b {
    -moz-border-bottom-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.corner-l-b {
    -moz-border-bottom-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.dash_recents {
    width: 100%;
}

.dash_table {
    width: 100%;
    background-color: #fff;
    border: 2px solid #f3f3f5;
}

.recent_info, .stat_info {
    color: #0088cc;
    margin-right: 15px;
}

.dash_table th, .dash_table td, .dash_table h3 {
    padding: 5px 10px;
}

.dash_table td {
    font-size: 15px;
    font-weight: 300;
    LINE-HEIGHT: 30px;
}

.dash_table td {
    border-bottom: 2px solid #f3f3f5;
}

.dash_recents .dash_table tr:nth-of-type(5) td {
    border-bottom: 0px;
}

.dash_table tr:hover td {
    background-color: #fff;
    color: #333;
}

.dash_table tr .text_right a {
    font-size: 13px;
    color: #454545;
}

    .dash_table tr .text_right a:hover {
        color: #0088cc;
        cursor: pointer;
        text-decoration: none;
    }

.tab_panel {
    min-height: 270px;
    background-color: #1e1e1e;
}

#dash_tabs {
    overflow: hidden;
}

    #dash_tabs .ui-widget-header, #dash_tabs .ui-state-active, #dash_tabs .ui-state-default {
        background: none;
        border: none;
    }

.ui-tabs .ui-tabs-nav {
    padding: 0 !important;
}

#dash_tabs a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 0px;
    color: #333;
}

#dash_tabs .ui-tabs-selected {
    background-color: #353f4b;
}

    #dash_tabs .ui-tabs-selected a, #dash_tabs .ui-state-default:hover a {
        color: #fff;
    }

#dash_tabs .ui-tabs-panel {
    padding: 0px;
}

#dash_tabs .dash_table tr:hover {
    background: none;
}

#dash_tabs .ui-widget-header {
    border-bottom: 1px solid #f5f6f8;
}

#dash_tabs .ui-state-default, #dash_tabs .ui-state-active {
    width: 31.9%;
    border: 2px solid #f5f6f8;
    text-align: center;
}

    #dash_tabs .ui-state-default:hover {
        background-color: #353f4b;
    }

#dash_tabs .ui-widget-header {
    width: 100%;
}

.total_visit_count td {
    padding: 15px 0px;
    font-size: 18px;
    color: #0f89cb;
}

.text_right {
    text-align: right;
}

.visitors_stat {
    padding: 20px;
    background-color: #1e1e1e;
    display: block;
}

.visit_main__graph {
    display: inline-block;
    width: 78%;
}

.visit_sub_graphs {
    color: #fff;
    width: 20%;
    display: inline-block;
    float: right;
}

.graph_icon {
    height: 50px;
    background: url(../images/graph_icon.png) no-repeat center;
}

.visit_sub_graphs div {
    text-align: center;
}

.visit_sub_graphs span {
    display: block;
    line-height: 20px;
    text-align: center;
}

.visit_sub_graphs b {
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.visit_today {
    margin: 5px 0px;
}

.grey_head {
    margin-right: 10px;
    color: #999;
}

.promo_slot {
    background: #dddddd;
    margin-top: 30px;
    color: #9a9a9a;
    min-height: 240px;
}

    .promo_slot h1 {
        line-height: 240px;
        padding-left: 30%;
        font-weight: 600;
    }

.whats_new {
    padding: 0px;
    margin-top: 26px;
    text-align: justify;
    font-size: 14px;
}

    .whats_new h3 {
        color: #fff;
    }

    .whats_new p {
        margin-top: 20px;
    }

    .whats_new li {
        list-style-type: none;
    }

.badge {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    float: right;
    text-align: center;
    background: #0f89cb;
    border: 1px solid #0f89cb;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}

.tab_half {
    width: 45%;
    padding-top: 10px;
    display: inline-block;
}

.chart {
    position: inline;
    z-index: 10000;
    background-color: #121212;
    background-position: center;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 8px solid #fff;
    text-align: center;
    color: #fff;
}

    .chart .percent_text {
        position: absolute;
        width: 71%;
        height: 20px;
        z-index: 10000;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 30px;
        color: #fff;
        display: block;
        text-align: left;
        white-space: nowrap;
        line-height: 60%;
    }
/** Distro page **/
.distro_main {
    width: 100%;
}

    .distro_main .distro_section {
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

.distro_section .form_section {
    background: #1e1e1e;
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-bottom: 3px;
}

.distro_section .sml_b {
    text-transform: uppercase;
}

.distro_section .form_section input {
    background: #1e1e1e;
    border: 0px;
    color: #fff;
}

.distro_section .form_section label {
    margin-left: 10px;
    font-weight: 600;
}

.distro_section .form_section button i {
    color: #fff;
}

.distro_section .form_section span {
    float: right;
}

.distro_section .form_entry {
    display: inline;
}

.outline {
    border: solid 3px #eaeaea;
}

.distro_half, .distro_one_third, .distro_full {
    display: inline-block;
    width: 45%;
    padding: 0px 10px;
    vertical-align: top;
}

.distro_one_third {
    width: 31%;
    padding-left: 10px;
}

.distro_full {
    width: 100%;
}

    .distro_full .nm_intro {
        font-size: 14px;
        color: grey;
    }

.distro_main select {
    background: #fff;
    font-weight: 600;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: #eaeaea;
    padding: 3px;
    width: 70%;
}

.distro_main dl {
    margin: 5px;
}

.distro_main .last {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.distro_main .distro_sub {
    margin-left: 25px;
}

.distro_main .sml_t {
    margin-top: 5px;
}

.distro_main .sml_b {
    margin-bottom: 5px;
}

.distro_main select {
    background: #fff;
}

.distro_main dl {
    margin: 5px;
}

.distro_main .last {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.distro_main .distro_sub {
    margin-left: 0px;
}

.distro_main .sml_t {
    margin-top: 5px;
}

.distro_main .sml_b {
    margin-bottom: 5px;
}

/* publication section*/
.publish_add {
    width: 96%;
    margin-left: 30px;
    margin-bottom: 50px;
}

.publish_edit {
    width: 96%;
    margin: 0 auto;
    /*margin-left: 30px;*/
    margin-bottom: 50px;
}

.publish_confirm {
    width: 96%;
     margin: 0 auto;
    /*margin-left: 30px;*/
    margin-bottom: 50px;
}

.push_button {
    position: relative;
    color: #FFF;
    display: block;
    text-decoration: none;
    margin: 0 auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #0385d0;
    background: #00adef;
    text-align: center;
    padding: 5px 10px;
    text-shadow: none;
    float: right;
    width: auto;
    text-transform: uppercase;
    font-weight: 100;
    filter: none !important;
    /*-webkit-box-shadow: 0px 5px 0px #ddd;
        -moz-box-shadow: 0px 5px 0px #ddd;
        box-shadow: 0px 5px 0px #ddd;*/
}

.push_button1 {
    position: relative;
    color: #FFF;
    display: block;
    text-decoration: none;
    margin: 0 auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #0385d0;
    background: #00adef;
    text-align: center;
    padding: 5px 10px;
    text-shadow: none;

    width: auto;
    text-transform: uppercase;


    /*-webkit-box-shadow: 0px 5px 0px #ddd;
        -moz-box-shadow: 0px 5px 0px #ddd;
        box-shadow: 0px 5px 0px #ddd;*/
}



    .push_button:hover {
        background: #00adef;
    }

    .push_button1:hover {
        background: #00adef;
    }
.pnlSubmit .push_button {
    margin-right: 20px;
}

.push_button:focus {
    outline: 0;
}

.push_button:active {
    /* -webkit-box-shadow: 0px 1px 0px #0385d0;
    -moz-box-shadow: 0px 1px 0px #0385d0;
    box-shadow: 0px 1px 0px #0385d0;
    position:relative;
    top:7px;*/
}

#pnl_back i {
    margin-right: 10px;
}

.publish_add i {
    margin-right: 5px;
}

.publish_add button {
    background: #0f88ca;
    border-color: #0f88ca;
    color: #fff;
}

.push_button span {
    font-weight: 600;
    margin-right: 5px;
}

.push_button i {
    font-weight: 600;
    margin-right: 0px;
    margin-left: 10px;
    font-size: 18px;
}

.save {
    padding: 5px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: #d5d5d5;
    font-weight: normal;
}

.use-classic-editor-btn {
    padding: 5px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: #d5d5d5;
    font-weight: normal;
}

.pub_bcrump {
    display: block;
    width: 100%;
    float: left;
    background: #1e1e1e;
    height: 50px;
    text-align: center;
}

    .pub_bcrump .item, .status .item {
        display: inline-block;
        background: #666666;
        margin-right: 5px;
        color: #fff;
        line-height: 50px;
        font-weight: 600;
        font-size: 18px;
        padding: 0px 10px;
        text-transform: uppercase;
        cursor: pointer;
        text-decoration: none;
        float: left;
    }


.status .item {
    float: none;
}

.pub_bcrump .options {
    background: #1e1e1e;
}

    .pub_bcrump .options a {
        background: #1e1e1e;
        margin-right: 0px;
    }

    .pub_bcrump .options a {
        font-size: 12px;
        font-weight: 100;
        color: #fff !important;
        vertical-align: top;
        cursor: pointer;
        margin-right: 5px;
    }

.pub_bcrump .supermail {
    display: inline-block;
    margin: 0px auto 10px auto;
    background: #1e1e1e;
    font-size: 20px;
    margin-left: 150px;
}

    .pub_bcrump .supermail a {
        cursor: default;
    }

div.status {
    display: block;
    width: 100%;
    float: left;
    height: 50px;
    text-align: center;
    margin: 0px auto 10px auto;
    /*margin-left: -50px;*/
}

.status .status-label {
    background: #1e1e1e;
}

.status a.active {
    background: #0f88ca;
    margin-left: -8px;
}

.pub_bcrump .item i {
    margin-right: 5px;
}

.pub_bcrump .active {
    background: #0f88ca;
}

.pub_form {
    display: block;
    width: 100%;
    margin-top: 30px;
}

    .pub_form .pub_header input {
        display: block;
        width: 99%;
        border: 3px solid #dcdcdc;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .pub_form .pub_header .pub_slug div {
        display: inline-block;
    }

    .pub_form .pub_header .pub_slug input {
        border: none;
        background: #fff;
        display: inline-block;
        padding-left: 0px;
    }

        .pub_form .pub_header .pub_slug input:focus {
            outline: 0;
        }

    .pub_form label.main {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .pub_form .section {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

.publish_edit .pub_form .section {
    margin-bottom: 10px;
}

.publish_edit .with_sub {
    border-bottom: 5px solid #dcdcdc;
}

.pub_form .sub_section {
    display: inline-block;
    width: 30%;
    margin-bottom: 10px;
}

.pub_form .sub_section_width_modified {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
}

.pub_form .section label {
    font-size: 14px;
    text-transform: uppercase;
}

    .pub_form .section label.page_edit {
        font-size: 14px;
        text-transform: none;
    }


.publish_add .pub_form li:nth-child(even) {
    float: right;
}

.pub_form .section textarea {
    width: 100%;
}

.pub_form .sub_section input {
    border: none;
}

.addBox {
    background: none;
    border: 0px;
}

.publish_add .pub_form li {
    width: 48%;
    background: #1e1e1e;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    padding: 5px;
    color: #fff;
    margin-bottom: 2px;
    margin-right: 2px;
    font-weight: 600;
}

.publish_edit .radio_black {
    width: 100%;
}

    .publish_edit .radio_black .section {
        width: 33%;
        display: inline-block;
        vertical-align: top;
    }


    .publish_edit .radio_black li {
        width: 95%;
        background: #666;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        padding: 3px;
        color: #fff;
        margin-bottom: 1px;
        margin-right: 1px;
        font-weight: 600;
    }

.pub_form .errors li {
    background: none;
    color: red;
}

.publish_edit .cancel, .publish_confirm .cancel {
    color: grey !important;
    vertical-align: middle;
    margin-right: 5px;
}

.pub_slug {
    margin-top: 10px;
    color: #999;
}

    .pub_slug input[type=text] {
        width: 200px;
    }

    .pub_slug .edit {
        margin-left: 20px;
    }

    .pub_slug #edit_slug i {
        font-size: 15px;
        font-weight: 600;
    }

    .pub_slug button {
        text-shadow: none;
    }

.publish_edit .main_content {
    display: inline-block;
    width: 70%;
}

.publish_edit #btnGenerate {
    float: right;
}

.publish_edit #right_content {
    /* overflow: hidden; 
    height: 700px; */
   height: auto;
}

.publish_edit .ps-scrollbar-y-rail {
    right: 20px !important;
    top: 100px !important;
}

.publish_edit .ps-scrollbar-y {
}

.publish_edit .right_content {
    display: inline-block;
    width: 24%;
    float: right;
    background: #666666;
    margin-top: 50px;
    padding: 10px;
}

    .publish_edit .right_content .expandWindow {
        z-index: 1;
        box-shadow: none;
    }

    .publish_edit .right_content .portlet {
        margin-bottom: 10px;
        border-bottom: 3px solid #999;
        color: #fff;
    }

    .publish_edit .right_content .portlet-attachments {
        margin-bottom: 0px;
        border-bottom: none;
    }

    .publish_edit .right_content .portlet:nth-child(last) {
        border-bottom: 0px;
    }

    .publish_edit .right_content #linkList li, #linkListEditor li, .publish_edit .right_content #pageList li, .publish_edit .right_content #mc_list li, .publish_edit .right_content #hc_list li, .publish_edit .right_content #dnv_list li{
        width: 97%;
        padding: 3px;
        text-align: left !important;
    }

    #linkList li:hover, #linkListEditor li:hover{
        cursor: move;
    }

    .publish_edit .right_content #mc_list li {
        background-image: none;
    }

    .publish_edit .right_content #mc_list li {
        background: none;
        background-image: none;
        border: 0px;
    }
    .publish_edit .right_content #dnv_list li {
        background: none;
        background-image: none;
        border: 0px;
    }

        .publish_edit .right_content #mc_list li .mediac_content{
            background: #000;
            padding: 5px;
        }
        .publish_edit .right_content #dnv_list li .dnv_content{
            background: #000;
            padding: 5px;
        }

        .publish_edit .right_content #mc_list li .mediac_links a {
            color: #fff;
        }

        .publish_edit .right_content #dnv_list li .dnv_links a {
            color: #fff;
        }

        .publish_edit .right_content #mc_list li h4 {
            margin: 0px;
        }

        .publish_edit .right_content #dnv_list li h4 {
            margin: 8px;
        }

        .publish_edit .right_content #mc_list li a {
            color: #0088cc;
        }

        .publish_edit .right_content #dnv_list li a {
            color: #0088cc;
        }


    
    .publish_edit .right_content #linkList li .removeIcon, #linkListEditor li .removeIcon, .publish_edit .right_content #linkList li .editIcon, #linkListEditor li .editIcon, .publish_edit .right_content #pageList li .removeIcon {
        float: right;
    }

    .publish_edit .right_content #linkList li .editIcon, #linkListEditor li .editIcon {
        font-size: 10px;
        color: #999;
    }

    .publish_edit .right_content #linkList li i.fa-link, #linkListEditor li i.fa-link, .publish_edit .right_content #pageList li i.fa-file-text {
        color: #999;
        margin-right: 5px;
    }

    .publish_edit .right_content #linkList li .removeIcon, .publish_edit .right_content #linkList li .editIcon, #linkListEditor li .fa-link {
        display: none;
    }

    #relatedLinkEditor {
        width: 100%;
        display: block
    }

    #relatedLinkEditor .links-main {
        width: 68%;
        display: inline-block;
    }

    #relatedLinkEditor .links-side {
        width: 28%;
        display: inline-block;
        vertical-align: top;
        margin-left:1%;
    }

    #relatedLinkEditor .links-side input{
        width:97%;
    }

    #relatedLinkEditor .links-side #addLink{
        float:right;
    }

    #relatedLinkEditor .links-selected{
        margin-top:10px;
        border-top: solid #808080 2px;
    }

    #linkListEditor {
        height:245px;
        overflow: auto;
    }

    #relatedLinkEditor #f_q {
        width:70%;
        margin-left: 5px;
    }

    #relatedLinkEditor .filter .prSubmit{
        left:-20px;
    }

    .publish_edit .right_content .portlet-header {
        color: #fff;
        border-bottom: none;
        font-size: 18px;
        font-weight: 600;
    }


        .publish_edit .right_content .portlet-header button {
            font-size: 12px;
            font-weight: 400;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }

            .publish_edit .right_content .portlet-header button i {
                font-size: 12px;
                font-weight: 400;
            }

    .publish_edit .right_content .portlet-content {
        background: #666;
    }

.publish_edit .cke_editor_f_facebook_post_content {
    padding: 0px !important;
}

.publish_edit .right_content .portlet-content select, .publish_edit .right_content .portlet-content input, .publish_edit .pub_form select {
    width: 100%;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
    color: #333;
}

.publish_edit .pub_form select {
    width: 25%;
}

.publish_edit .right_content .portlet-content input {
    width: 96%;
}

.publish_edit .right_content .portlet-content .menu-list {
    margin-bottom: 10px;
}

.publish_confirm .menu-list, .publish_confirm .form_label {
    display: block;
    margin: 5px 0px;
}

    .publish_edit .right_content .portlet-content .menu-list li, .publish_confirm .menu-list li {
        background-color: #000;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border-color: #000;
        color: #fff;
    }

    .publish_confirm .menu-list li {
        margin-right: 5px;
    }

        .publish_edit .right_content .portlet-content .menu-list li a, .publish_confirm .menu-list li a {
            color: #fff;
        }

.publish_confirm #f_title_short {
    width: 70%;
}

.publish_edit .attachList {
    padding: 10px;
}

.publish_edit .attachments {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-top: 5px;
}

.publish_edit .expandWindow ul {
    list-style: none !important;
    padding: 5px !important;
    margin: 0px;
}

.publish_edit .attachments:nth-child(odd) {
    margin-left: 7%;
}

.publish_edit .attachments .attachImg img {
    width: 120px;
    height: 100px;
}

.publish_edit .attachments .editLinks a {
    color: #fff;
    font-weight: 600;
    margin-right: 10px;
}

.publish_confirm .distro_main {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.publish_confirm .label {
    position: relative;
    display: inline-block;
    background: #0f88ca;
    color: #fff;
    padding: 10px;
    margin-left: 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    top: -20px;
}

    .publish_confirm .label i {
        margin-right: 5px;
    }

.publish_confirm .distro_main .row {
    display: block;
    padding-top: 10px;
}

.packagesList li {
    display: inline-block;
    background: #1e1e1e;
    width: 21%;
    color: #fff;
    vertical-align: top;
}

    .packagesList li label {
        color: #0f88ca;
    }

.publish_confirm .twitter, .publish_confirm .facebook, .publish_confirm .mail {
    min-height: 350px;
}

    .publish_confirm .facebook .label {
        background: #5674b9;
    }

    .publish_confirm .twitter .label {
        background: #00bff3;
    }

    .publish_confirm .mail .label {
        background: #666666;
    }

.publish_confirm .schedule .label {
    background: #3cb878;
}

.publish_confirm .nmw .label {
    width: 220px;
    height: 40px;
    background: url('../images/nmw.png') no-repeat;
    padding: 0px;
}

.publish_confirm .nmw p {
    margin: 0px;
}

.publish_confirm .form_one a {
    background: transparent;
    border: 0px;
    color: #0f88ca;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

    .publish_confirm .form_one a:focus {
        outline: 0;
    }

.publish_confirm .short_url {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal !important;
}

    .publish_confirm .short_url i {
        margin-right: 5px;
    }

.publish_confirm .campaign_main {
    width: 90%;
    margin-left: 5%;
    display: none;
}
/*description field change cms-23*/
#btnGenerate {
    /* Matching the Write with AI button */
    display: inline-flex;
    align-items: center;
    padding: 8px 12px !important; /* Key for matching height */
    height: auto !important;
    line-height: normal !important;
    font-weight: bold;

    /* Your existing/shared styles */
    margin-bottom: 10px;
    border: none; /* Removed border to match the AI button's geometry */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    /* Optional: Add these if you want it to look like the purple button */
    /* background: #6236FF; */
    /* color: white; */
    /* cursor: pointer; */
}

#cke_f_description {
    margin-top: 10px;
}

/*added for showing social media integration */
.acl-list-item {
    margin: 4px 0px;
}

.acl-user-info {
}

.acl-user-info-icon {
    float: left;
    height: 18px;
    width: 20px;
    background: url("../images/icons.png") no-repeat left -1149px;
}

.acl-table {
    width: 100%;
    border: solid 1px #D0D0D0;
    border-collapse: collapse;
}

    .acl-table th, .acl-table td {
        border: solid 1px #D0D0D0;
        padding: 12px;
    }

    .acl-table th {
        background: gray;
        color: white;
        border: solid 1px gray;
    }

/* Email distribution edit */
#ed_edit label {
    float: left;
    font-weight: bold;
}

#ed_edit .basic dt {
    margin-left: 0px;
}

#ed_edit .basic {
    padding-left: 0px;
    width: 100%;
}

#ed_edit select {
    background: #fff !important;
    display: inline-block;
    margin-bottom: 10px;
    float: left;
}

#ed_edit dt {
    width: auto !important;
}

    #ed_edit dt label {
        margin-right: 27px;
    }

#ed_edit #cke_f_personalized_message {
    display: inline-block;
}

#ed_edit .edGroup input {
    display: inline-block;
    margin-left: 6.5em;
}

#ed_edit #edGroupList {
    display: block;
}

    #ed_edit #edGroupList li {
        margin: 5px;
        float: left;
    }

#ed_edit .edEmbargo_typenadd {
    margin: 20px 0px;
    display: inline-block;
    width: 70%;
    vertical-align: top;
    float: left;
}

#ed_edit #typenAdd {
    margin: 0 0px;
    width: 95%;
}

#ed_edit .edEmbargo_date {
    margin: 20px 0px;
    display: inline-block;
    width: 30%;
    vertical-align: top;
    float: left;
}

#ed_edit #f_embargoed_date {
    margin: 0 0px;
    width: 78%;
}

#ed_edit .edEmbargo {
    width: 100%;
}

#ed_edit .edMessage label {
    width: 100%;
}

#ed_edit .edMessage input {
    width: 98%;
}

#ed_edit .edEmbargo_template {
    margin: 20px 0px;
    display: inline-block;
    width: 30%;
    vertical-align: top;
    float: left;
}

#ed_edit #f_campaign_template {
    margin: 0 0px;
    width: 80%;
}

#ed_edit .edEmbargo_message {
    margin: 20px 0px;
    display: inline-block;
    width: 60%;
    vertical-align: top;
    float: left;
}

#ed_edit #f_embargo_message {
    margin: 0 0px;
    width: 113%;
}

#ed_edit .edSubject {
    margin-bottom: 10px;
}

#cdList {
    word-wrap: break-word;
    margin-right: 20px;
}

.edl-cancel {
    color: red;
}
/*cms#73 */
.distro_main #f_other_published_sites select {
    display: none;
    width: auto !important;
}

/*cms-96*/

.plupload {
    z-index: 99999 !important;
}

/* audits */

.audits_main {
    margin: 0px 30px;
}

.audit_actions .toolbar {
    letter-spacing: normal;
}

#auditFilters select {
    padding: 3px;
    width: 10%;
}

#auditFilters #typeFilter {
    width: 7%;
}

#auditFilters button {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 5%;
}

#auditFilters .button {
    padding: 3px 7px;
    vertical-align: baseline;
    color: #666;
}

    #auditFilters .button:hover {
        text-decoration: none;
    }

#auditFilters input {
    margin-right: 5px;
    width: 15%;
}

.toolbar button, .toolbar .button {
    margin-right: 6px;
}


#email_campaign {
    margin-bottom: 10px;
    margin-left: 10px;
}

#em_camp .addBox {
    padding: 0px;
}

#ed_content {
    height: auto !important;
    background: #fff;
    border: none;
    width: 60%;
}

#multi_contacts table {
    border: 0px;
    box-shadow: none;
}

#ed_title {
    display: inline-block !important;
    background: #0f88ca !important;
    background: #fff;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 5px;
    margin-left: 20px;
    border-radius: 5px;
}

#em_camp input[type="text"] {
    width: 100%;
    margin: 5px 0px;
}

#em_camp .edEmbargo_template {
    margin: 10px 0px;
}

#em_camp button {
    display: none !important;
}

#em_camp .paging {
    background: #fff;
    border: none;
    margin: 5px 0px;
    padding: 0px;
}

#em_camp .ui-multiselect-menu {
    position: relative !important;
}

.publish_edit .radio_black select {
    width: 100%;
}

.fa-icon-button {
    padding: 3px 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-color: #d5d5d5;
    font-weight: normal;
    color: #000;
}

#blog-search-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 100;
    top: 12px;
    left: 100%;
    margin-left: -280px;
}

    #blog-search-wrapper #searchBar {
        width: 250px;
    }

#ci-task .ui-widget-header {
    background: none !important;
    border: none !important;
}

#ci-task li.ui-state-active {
    background: #808080;
    border: none;
}

.ci-task {
    padding: 10px 10px 10px 0px;
}

.ci-task-list {
    padding-left: 0px;
    font-size: 14px;
}

    .ci-task-list li {
        padding: 10px 10px 10px 0px;
        list-style: none;
    }

        .ci-task-list li span {
            margin-left: 10px;
        }

    .ci-task-list .green {
        color: green;
    }

    .ci-task-list .red {
        color: red;
    }

    .ci-task-list .grey {
        color: #808080;
    }

.tweet-image-container {
    margin-top: 20px;
}

.tweet-image {
    width: 90%;
}

.tweet-image-thumbnail, .tweet-image-uploader {
    display: inline-block;
    width: 48%;
}

.tweet-image-uploader {
    vertical-align: top;
}

    .tweet-image-uploader h3 {
        margin-top: 0;
    }

.right_content #pageList, .right_content #fileList {
    overflow: auto;
}

.toggle_btn, .toggle_btn:hover {
    background: #333;
    border: #333;
    color: #FFF;
    margin-right: 5px;
}

@media (max-width:768px) {
    .ui-dialog {
        width: 100% !important;
        left:0px !important;
    }
}

.new-stat-switch{
    display: none;
}

.new-stat-switch a{
    color :#0088cc !important;
}

.social-thumb{
    float:left;
    margin-right:10px;
}

.social-thumb img{
    height:auto;
    width:150px;
}

.newsText{
    display: table;
}

#lnch_cnt_bldr {
    float: left;
}

#lnch_cnt_bldr_5 {
    float: left;
    margin-right: 10px;
}
#lnch_cnt_bldr_5:hover{
    text-decoration: none;
    color:#ffffff;
}

.ck-gallery-editor .newsBody{
    cursor: move;
}

.ck-gallery-editor .newsBody img {
    cursor: move;
}

.tbl-more {
    display: none;
    word-break: break-word;
}

.tbl-less {
    word-break: break-word;
}

#lnch_cnt_bldr:hover{
    text-decoration: none;
    color:#ffffff;
}

#logo-big2 {
    text-align: center;
}


#header-big2 {
    height: 150px;
    border-bottom: 2px solid #e1e1e1;
    background: #121212;
}

.txnmy-title{
    background: #fff !important;
    border:none !important;
    height: 30px;
    line-height: 30px;
    color:  #000 !important;
    padding-left:5px 20px;
}

.txnmy-title button{
    float: right;
}

.txnmy-title i {
    margin-right: 30px;
}

.txnmy-title button{
    margin-right: 5px;
}

.txnmy-header{
    font-size: 18px;
}

.txnmy-list{
    background:#fff !important;
    border:none !important;
}

.txnmy-list h3{
    font-size: 14px;
}

#taxonomyList .ui-state-default {
    border:none !important;
}
#taxonomyList .ui-widget-header{
    border:none !important;
}

#categories_sidebar select{
    margin:5px 0px;
}

.exp-date{
    color:red;
}

.format-list li{
    list-style: none;
}

#formatsTab .push_button{
    float: left;
    margin-top: 20px;
}

.file-settings-submit{
    float: right;
    margin-top: 20px;
}

#formats_table td, #formats_table th{
    padding:10px;
}

#formats_table tr{
    border:solid;
}

#formats_table input{
    width:200px;
    padding: 5px 0px;
}

#formats_table .sort_handle{
    font-size: 18px;
    padding: 5px 0px;
}

#formats_table{
    border-spacing:15px 0px;
}

.search-img-file, .search-img-album{
    width:10%;
    line-height: initial !important;
}

.search-img{
    height: auto;
}

.search-title-info{
    width:50%;
}

.ui-widget-header{
    border:0px;
    background:none;
}

.ui-progressbar-value{
    background: #ffd27b url(images/ui-bg_highlight-soft_100.png) 50% 50% repeat-x;
}

@media only screen and (max-width:1106px) {
    .menu_settings_site {
        display:none !important;
    }
}

#searchRecords{
    width:30%;
    padding:8px;
    margin-right: 10px;
}
#statusFilter{
    padding:7px;
}
#userFilters{
    margin-bottom: 15px;
}

 .user-active{
   border-color: #009933;
   background: #009933;
   color: #fff;
 }
 .user-inactive{
   border-color: #990000;
   background: #990000;
   color: #fff;
}
.email-alert-ed{
    visibility: hidden;
}

.album-groups-list{
    margin-left: 20px;
}
.albumEditPanel{
    margin-bottom: 50px;
}
.albumEditPanel .push_button{
    float: left;
    font-weight: 700;
    margin-right: 20px;
}
.albumEditPanel .link-style{
    font-weight: 700;
    line-height: 2.5;
}
.albumEditPanel label{
    font-weight: 600;
}
.albumEditPanel .long-input{
    width:60% !important;
    margin-bottom: 10px;
}
.albumEditPanel textarea{
    width:90%;
}
.albumEditPanel select{
    padding:5px;
    margin:5px 0px;
}
.albumEditPanel .block-display{
    display: block;
}
.albumEditPanel .cover-image{
    width:60%;
}
.albumEditPanel .cover-image .remove{
    width: 100%;
    text-align: right;
}
.albumEditPanel .cover-image .remove button{
    color: blue;
}
.albumEditPanel .cover-image .image-edit button{
    width:46%;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    padding: 3px;
    
}
.albumEditPanel h4{
    margin-bottom: 2px;
}
.albumEditPanel .date-block{
    margin-top: 20px;
}
.albumEditPanel .groups-download-settings{
    width:30%;
}
.albumEditPanel .groups-download-settings .groups-download-items{
    clear: both;
    margin-bottom: 5px;
    border-bottom: 1px grey solid;
    text-align: left;
}
.groups-download-items label{
    font-weight: 400;
}
.groups-download-items .allow_view{
    margin-left: 46px;
}
.groups-download-settings .groups-download-items:last-child{
    border:none;
}
.permission-list .groups-download-items{
    width: 500px;
}
.groups-download-items .f_download-ops{
    float: right;
}
.download-permissisons-table-header-row .group-category-select,#group-select-all-select{
    float: right;
    width: 150px !important;
}
.ui-multiselect{
    margin-bottom: 10px !important;
}

input[type="checkbox"][readonly] {
  pointer-events: none;
}

.download-permissisons-table-header-row{
    background-color:#ccc;
}

.download-permissisons-table-header-row th {
    padding:10px 15px;
}

.albumEditPanel .groups-download-settings tr td {
    padding:10px 15px;
}

.exportcsv-btn{
    margin-bottom: 20px;
    float: right;
}


img, video {
  max-width: 100%;
  height: auto;
}

audio {
  max-width: 100%;
}

.file-revisions{
    text-align: center;
    width:100%;
}
.file-revisions th, td{ 
   padding: 8px;
}

.photo-item-cut img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.half_column{
    display: flex;
    padding-left: 5em!important;
}
.half_column dd{
    width: 45%;
}
.half_column dt {
    float: right;
    margin-left: 1em!important;
    width: 14em;
    text-align: left;
}
.half_column h3{
    width: max-content;
}


.notificationCaptcha {
    background: #fff; 
    border: 1px solid #d3d3d3; 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px; 
    border-radius: 2px; 
    padding: 5px; 
}   

.notificationCaptcha h4 {
    margin-top: 0em;
    margin-bottom: -1em;
}

/* Clean two-column layout for definition lists */
.notificationCaptcha dl.sys-dl.basic {
  display: block;
  width: 100%;
  margin: 0;
}

.notificationCaptcha dl.sys-dl.basic dt {
  float: left;
  clear: left;
  width: 260px;         /* label column width */
  padding: 6px 10px 6px 0;
  text-align: right;    /* right-align labels */
  box-sizing: border-box;
}

.notificationCaptcha dl.sys-dl.basic dd {
  margin-left: 60px;   /* matches dt width + padding */
  padding: 6px 0;
}

.notificationCaptcha label {
  font-weight: normal;
  white-space: normal;
}

.notificationCaptcha input[type="text"] {
  width: 400px;         /* input box width */
  max-width: 100%;
}

.notificationCaptcha ul.choicegroup {
  list-style: none;
  margin: 0;
  padding: 0;
}

.notificationCaptcha ul.choicegroup li {
  display: inline-block;
  margin-right: 10px;
}



/* AI Transcript AUdio */
.ai-tts-section {
    border-top: 1px solid #8a8a8a;
    padding: 16px 0;
    color: #fff;
    font-size: 15px;
}

.ai-tts-header {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 0px;
}

.ai-tts-header .ai-icon {
    width: 32px;   /* increase/decrease as needed */
    height: 32px;
    flex-shrink: 0;
}

.ai-tts-preview{

background-color: #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border-color: #000;
color: #fff;
}

.ai-tts-desc {
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px;
}

.ai-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    cursor: pointer;
}

.ai-checkbox input {
    cursor: pointer;
}

.ai-tts-settings,
.ai-audio-player {
    margin-top: 10px;
}

.ai-tts-settings label {
    display: block;
    margin-bottom: 6px;
    font-size: 15px;
}

.ai-tts-subtitle {
    font-weight: 600;
    margin: 12px 0 6px;
}

.ai-voice-select {
    width: 100%;
    padding: 6px;
    border-radius: 3px;
    border: none;
    margin-bottom: 8px;
}

.ai-voice-sample {
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 12px;
}


.ai-voice-sample:hover {
    color: #fff;
}


.ai-generate-btn {
    /* Match visual style used in edit.html ID-specific rule */
    border: none !important;
    background: #6236FF !important; 
    background-image: none !important;
    text-shadow: none !important;
    color: white !important;

    padding: 8px 12px !important;
    border-radius: 5px !important;
    font-weight: bold;
    cursor: pointer;

    height: auto !important;
    line-height: normal !important;

    display: inline-flex;
    align-items: center;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s;
}

.ai-generate-btn[disabled] {
    background: #e0e0e0 !important;
    color: #a0a0a0 !important;
    cursor: not-allowed;
    box-shadow: none;
}

.ai-generate-btn.secondary {
    margin-top: 10px;
}

.ai-audio-player audio {
    width: 100%;
    margin: 8px 0;
}

.ai-voice-sample {
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    user-select: none;
}

.ai-voice-sample.playing {
    color: #ffffff;
}

.toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.toast {
    background-color: #333;
    color: #fff;
    padding: 15px;
    padding-right: 30px;
    border-radius: 5px;
    margin-bottom: 10px;
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
    transform: translateX(100%);
    position: relative;
}
.toast.show {
    opacity: 1;
    transform: translateX(0);
}
.toast.success { background-color: #28a745; }
.toast.error { background-color: #dc3545; }
.toast-close {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    color: #ccc;
    font-weight: bold;
}
.toast-close:hover { color: #fff; }
.toast-container-inline {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1000;
    max-width: 400px;
    padding: 10px;
}
.toast-container-inline .toast {
    transform: translateY(10px);
}
.toast-container-inline .toast.show {
    transform: translateY(0);
}


/* Target the button specifically by its ID and class */
#generateAltTextButton.ai-gen-button {
    /* --- Override Conflicting Properties from the Base Style --- */
    border: none !important; 
    background: #6236FF !important; /* Brand color */
    background-image: none !important; /* Crucial to override the gradient */
    text-shadow: none !important;
    color: white !important;
    
    /* --- Set Desired Appearance --- */
    padding: 8px 12px !important;
    border-radius: 5px !important;
    font-weight: bold; 
    cursor: pointer; 
    
    /* Ensure height and line-height are relaxed to fit padding */
    height: auto !important;
    line-height: normal !important;

    /* Flex properties to align the emoji and text */
    display: flex; 
    align-items: center;

    /* Optional: Visual lift */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    transition: background-color 0.2s;
}

#generateAltTextButton.ai-gen-button:hover {
    background: #4B2CDB !important; /* Slightly darker shade on hover */
}

/* Style for disabled state */
#generateAltTextButton.ai-gen-button[disabled] {
    background: #e0e0e0 !important; /* Light gray for disabled state */
    color: #a0a0a0 !important;      /* Darker gray text */
    cursor: not-allowed;
    box-shadow: none;
}

/* Generic AI Generate button styles for all instances (albums_list, etc.) */
.ai-gen-button {
    /* Match visual style used in edit.html ID-specific rule */
    border: none !important;
    background: #6236FF !important; 
    background-image: none !important;
    text-shadow: none !important;
    color: white !important;

    padding: 8px 12px !important;
    border-radius: 5px !important;
    font-weight: bold;
    cursor: pointer;

    height: auto !important;
    line-height: normal !important;

    display: inline-flex;
    align-items: center;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s;
}

.ai-gen-button:hover {
    background: #4B2CDB !important;
}

.ai-gen-button[disabled] {
    background: #e0e0e0 !important;
    color: #a0a0a0 !important;
    cursor: not-allowed;
    box-shadow: none;
}

/* keywords AI */

/* Outer box – matches Sketch border, radius, padding */
.ai-keyword-box {
    border: 1px solid #c9ccd0;
    border-radius: 8px;
    background: #ffffff;
    padding: 20px 25px;
    width: 100%;
}

/* Header row */
.ai-keyword-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px; /* matches Sketch tighter spacing */
}

/* Left side: icon + title */
.ai-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Icon alignment */
.ai-icon img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

/* Title typography */
.ai-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

/* Right side buttons */
.ai-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Add All button */
.btn-addall {
    background: #68cc73;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 14px;
    cursor: pointer;
}

/* More Suggestions button */
.btn-more {
    background: #efefef;
    color: #333;
    border: none;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 14px;
    cursor: pointer;
}

.btn-addall:hover,
.btn-addall:focus {
    background: #68cc73 !important;
}

.btn-more:hover,
.btn-more:focus {
    background: #efefef !important;
}

.btn-addall,
.btn-more {
    text-shadow: none !important;
}

/* Divider line EXACT as Sketch */
.ai-divider {
    height: 1px;
    background: rgba(201, 204, 207, 1);
    margin: 12px -25px 18px -25px; /* top, right, bottom, left */
}

/* Tag list area */
.ai-keyword-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Each tag pill */
.ai-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px 6px 6px;
    background: #363f4b;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
    white-space: nowrap; /* protects layout from long keywords */
    cursor: pointer;
}

/* Green + icon inside tag */
.plus {
    background: #5cb85c;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
}

.ai-tooltip {
    position: absolute;
    background: #363f4b;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 9999;
}

/* Icon inside AI button */
.ai-gen-button .ai-icon {
    height: 1.2em;
    width: 1.2em;
    margin-right: 6px;
    display: inline-block;
    opacity: 1 !important;                 /* ensure full opacity */
}

/* Albums list spacing tweaks (moved from albums_list.html) */
.photo-item-info h3 {
    margin: 0 0 4px 0;
}
/* Hide legacy line breaks rendered after hidden inputs/textarea */
.photo-item-info input + br,
.photo-item-info textarea + br {
    display: none !important;
}

/* =============== CLOSED CAPTION LAYOUT =============== */

.cc-layout {
    display: table;
    width: 100%;
}

.cc-left,
.cc-right {
    vertical-align: top;
}

.cc-left {
    padding-right: 10px;
    width: 60%;
}

.cc-right {
    width: 40%;
    text-align: right;
    white-space: nowrap; /* Prevent button wrap */
}

/* Caption buttons */
.cc-btn {
    display: block;          /* Stack vertically */
    margin-bottom: 6px;
    white-space: nowrap;
}

/* Paragraph styling override */
.cc-desc {
    width: 307px;
height: 48px;
font-size: 14px;
font-weight: 400;

}

/* AI icon inside button */
.ai-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
}

/* Status text under buttons */
.cc-status {
    margin-top: 8px;
    font-size: 12px;
    color: #444;
}

.cc-actions {
    margin-top: 4px;
    font-size: 14px;
}

.cc-actions a {
    color: #3366cc;
    text-decoration: none;
    margin-right: 8px;
}

.cc-actions a:hover {
    text-decoration: underline;
}

.cc-divider {
    margin: 0 4px;
    color: #999;
}


.cc-pp-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;   /* FIX: Prevents overlapping */
    margin: 0;           /* Reset wrong margin */
    width: auto;         /* FIX: Remove overflow */
}

.ai-processing-box {
    margin-top: 0;
    border: 1.5px solid #cdbaff;
    background: rgba(205, 186, 255, 0.15);
    border-radius: 10px;
    padding: 16px 20px;  /* Reduced from 50px – prevents pushing content */
    font-size: 14px;
    display: block;
    width: 100%;
    box-sizing: border-box; /* Prevents overflow */
}

.cc-status {
    margin-top: 8px;
    font-size: 12px;
    color: #444;
}



/* =====================================================
   GLOBAL AI GENERATE BUTTON STYLE (SHARED ACROSS CMS)
   Works for: alt text, caption generation, transcripts
   ===================================================== */

/* Target the button specifically by its ID and class */
#generateAiCaptionButton.ai-gen-button {
    /* --- Override Conflicting Properties from the Base Style --- */
    border: none !important; 
    background: #6236FF !important; /* Brand color */
    background-image: none !important; /* Crucial to override the gradient */
    text-shadow: none !important;
    color: white !important;
    
    /* --- Set Desired Appearance --- */
    padding: 8px 55px 11px 11px !important;
    border-radius: 5px !important;
    font-weight: bold; 
    cursor: pointer; 
    
    /* Ensure height and line-height are relaxed to fit padding */
    height: auto !important;
    line-height: normal !important;

    /* Flex properties to align the emoji and text */
    display: flex; 
    align-items: center;
    margin-top: 12px;

    /* Optional: Visual lift */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    transition: background-color 0.2s;
}

#generateAiCaptionButton.ai-gen-button:hover {
    background: #4B2CDB !important; /* Slightly darker shade on hover */
}

/* Style for disabled state */
#generateAiCaptionButton.ai-generating[disabled] {
    background: #e0e0e0 !important;
    color: #a0a0a0 !important;
    cursor: not-allowed;
    box-shadow: none;
}

#generateAIheadingButton{
    float: inline-end;
    margin-bottom: 5px;
}

#generateAIsubheadButton{
    float: inline-end;
    margin-bottom: 5px;
}

#generateAIPagedescButton{
    float: inline-end;
    margin-bottom: 5px;
}

/* ===== Overlay ===== */
.ai-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

/* ===== Modal Container ===== */
.ai-modal-content {
    width: 820px;
    background: #ffffff;
    margin: 60px auto;
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

/* ===== Header ===== */
.ai-modal-header {
    background: #000;
    color: #fff;
    padding: 14px 20px;
    position: relative;
}

.ai-modal-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.ai-close {
    position: absolute;
    right: 16px;
    top: 10px;
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

/* ===== Body ===== */
.ai-modal-body {
    padding: 26px 30px;
}

.ai-helper {
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-bottom: 24px;
}

/* Editing section */
#aiEditingField {
    font-weight: bold;
}

.ai-current-text {
    color: #666;
    margin: 6px 0 22px;
}

/* ===== Prompt ===== */
.ai-modal-body label {
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
}

#aiPrompt {
    width: 100%;
    height: 90px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    box-sizing: border-box;
}

/* ===== Preset Buttons ===== */
.ai-presets {
    margin-top: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.ai-preset {
    background: #e9edf1;
    border: none;
    border-radius: 20px;
    padding: 8px 16px;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
}

.ai-preset:hover {
    background: #dfe4ea;
}

.ai-generate {
    margin-left: auto;
    background: #00b56a;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: none;     /* removes shadow */
    outline: none;        /* removes focus outline */
    text-shadow: none;
}


/* Style for disabled state */
.ai-generate[disabled] {
    background: #e0e0e0 !important; /* Light gray for disabled state */
    color: #a0a0a0 !important;      /* Darker gray text */
    cursor: not-allowed;
    box-shadow: none;
}



.ai-generate:hover {
    background: #009b5b;
}

/* ===== Response Section ===== */

.ai-response-wrapper {
    margin-top: 12px;
}

.ai-response {
    background-color: #faf5ff;
    border: 1px solid #d6bcfa;
    border-radius: 6px;
    padding: 14px 16px;
    font-size: 15px;
}

.ai-response label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #000000;          /* black */
    margin-bottom: 6px;
}

#aiResponseText {
    font-size: 15px;
    color: #111827;
}

/* ===== Pager ===== */
.ai-pager {
    display: flex;
    justify-content: center; /* centered horizontally */
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

/* Pager buttons */
.ai-pager button {
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 14px;
}

.ai-pager button:hover {
    background-color: #f3f4f6;
}

/* Page text */
#aiPage {
    font-size: 13px;
    color: #374151;
}

/* ===== Footer ===== */
.ai-modal-footer {
    padding: 18px 30px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
}

.ai-modal-footer .btn-primary {
    background: #1b74e4;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
}

.ai-modal-footer .btn-primary:hover {
    background: #155ec2;
}

.ai-modal-footer button {
    margin-right: 10px;
    text-shadow: none;
}

.ai-modal-footer .ai-close {
    position: static;
    color: #333;
    background: #eee;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 14px;
}