/* jquery ui - dialog */

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-dialog.ui-widget-content {
    border: none;
    padding: 0;
    box-shadow: 0 0 10px grey;
    overflow: visible; /*added by Mike*/
}

.ui-widget-content {
    border-color: #cccccc;
}

.ui-widget-header {
    background: #3E3E3E;
    color: #fff;
    font-size: 14px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 25px;
    line-height: 26px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #3e3e3e;
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
    border: 1px solid #fff;
    border-top: 0;
}

    .ui-dialog.ui-dialog-buttons .ui-dialog-content,
    .ui-dialog .ui-dialog-content .ui-dialog-content-body,
    #modalReadability.ui-dialog-content {
        padding: 25px;
    }

#confirm-dialog h4 {
    margin-top: 0;
}

#confirm-dialog p {
    margin-bottom: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    background: none;
    border: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 20px;
    padding: 0px;
    width: 10px;
    height: 12px;
    margin-top: -5px;
}

.ui-dialog-titlebar-close.ui-state-hover .ui-icon,
.ui-dialog-titlebar-close .ui-icon {
    background: url("/images/icons/icon_close.gif") no-repeat 0 0;
}
/* jquery ui - dialog ends */

/* Put small bootstrap override here */
::-webkit-input-placeholder {
    color: #aeaeae;
    font-style: italic;
}

::-moz-placeholder {
    color: #aeaeae;
    font-style: italic;
}
/* firefox 19+ */
:-ms-input-placeholder {
    color: #aeaeae;
    font-style: italic;
}
/* ie */
input:-moz-placeholder {
    color: #aeaeae;
    font-style: italic;
}

.text-error {
    color: #e75740;
}

.text-warning {
    color: #e68007;
}

input.span2.table-input-value, input.span2.table-input-option {
    width: 100px;
}

a {
    color: #2182d5;
}

.legend {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 20px;
    color: #333333;
    border: 0;
}

    .legend .small {
        font-size: 15px;
        color: #999999;
    }

.group-border {
    background-color: #fcfcfc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    margin: 10px 0px;
}

body {
    width: 100%;
    padding: 0px;
    min-width: 1200px;
    position: relative;
    background-image: url('/images/bg.gif');
    font-size: 14px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .pseudo-dropdown-text,
.content-element-box.field-input {
    padding: 6px 10px;
    font-size: 14px; /*Needed to override bootstrap*/
}

    .content-element-box.field-input.pseudo-dropdown {
        padding: 0;
    }

label, input, button, select, textarea {
    font-size: 14px; /*Needed to override bootstrap*/
}

textarea {
    resize: none;
}

select {
    padding-top: 1px;
}

li {
    line-height: 26px;
}

h5 {
    font-size: 14px;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #fff;
}

    hr.dotted {
        border: 0px;
        height: 1px;
        background-image: url('/images/hr-dotted.gif');
        background-repeat: repeat;
    }

a[disabled] {
    color: inherit;
    text-decoration: inherit;
}

.nav-tabs {
    border-bottom: none;
}

    .nav-tabs a,
    .nav-tabs > .active > a,
    .nav-tabs > .active > a:hover {
        color: #414141;
        font-family: arial;
        background-color: white;
    }

    .nav-tabs .dropdown-menu a.inactive {
        color: #999999;
    }

        .nav-tabs .dropdown-menu a.inactive:hover {
            color: #cccccc;
        }

    .nav-tabs > li > a {
        border-color: #EEEEEE #EEEEEE #DDDDDD;
        color: #676767;
        outline: none;
        font-size: 12px;
        background-color: #E5E5E5;
        padding: 4px 20px;
        text-decoration: none;
    }

    .nav-tabs.nav-tabs-single-line > li > a span.tab-name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
    }

    .nav-tabs .badge {
        background-color: #dddddd;
        color: #676767;
        font-weight: normal;
        text-shadow: 0 0 0;
    }

    .nav-tabs li.active .badge {
        color: #ffffff;
        background-color: #0088CC;
    }

.nav > li > a:hover, .nav > li.active > a:focus {
    background-color: white;
    border-bottom-color: #ffffff;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
    background: #999999;
}

.dropdown-accordion-body.in,
.accordion-body.in {
    border-top: 1px solid #CCCCCC;
}

.accordion-inner {
    display: table; /* Causes issue in roles accordions*/
    border: 0;
}

.accordion-checkboxes .accordion-heading .accordion-toggle {
    padding: 6px 0px 6px 48px;
}

.accordion-heading.field-input-checkboxlist {
    position: relative;
    margin-bottom: 0px;
}

.accordion-checkboxes .accordion-heading .pseudo-control {
    position: absolute;
    top: 6px;
    left: 20px;
}
.accordion-floating {
    position: absolute;
    background: #fff;
}
.accordion-translation .accordion-floating {
    z-index: 1000;
}
.btn-primary {
    background-color: #2193cf;
    background-image: -moz-linear-gradient(top, #2193cf, #0e81bf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2193cf), to(#0e81bf));
    background-image: -webkit-linear-gradient(top, #2193cf, #0e81bf);
    background-image: -o-linear-gradient(top, #2193cf, #0e81bf);
    background-image: linear-gradient(to bottom, #2193cf, #0e81bf);
}

    .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-primary:focus {
        background-color: #0e81bf;
    }

.editable-input {
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 9px;
    padding: 0;
    width: 206px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    margin-left: 0px;
}

    .editable-input.span12 {
        width: 1156px;
    }

    .editable-input.span11 {
        width: 1056px;
    }

    .editable-input.span10 {
        width: 956px;
    }

    .editable-input.span9 {
        width: 856px;
    }

    .editable-input.span8 {
        width: 756px;
    }

    .editable-input.span7 {
        width: 656px;
    }

    .editable-input.span6 {
        width: 556px;
    }

    .editable-input.span5 {
        width: 456px;
    }

    .editable-input.span4 {
        width: 356px;
    }

    .editable-input.span3 {
        width: 256px;
    }

    .editable-input.span2 {
        width: 156px;
    }

    .editable-input.span1 {
        width: 56px;
    }

.btn, .btn-group > .btn + .dropdown-toggle {
    padding: 7px 14px 8px;
    font-size: 14px;
    line-height: 16px;
}

.btn-group > .btn + .dropdown-toggle {
    padding: 6px 10px 9px;
}

a.btn {
    padding: 7px 14px 7px;
    height: 18px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    a.btn.btn-small {
        padding: 2px 4px;
    }

input.icon-trash {
    background-color: transparent;
    border: 0;
    width: 14px;
}

.btn-mini {
    padding: 0 6px;
}

.btn-small {
    padding: 2px 15px;
    font-size: 12px;
}

.btn-large {
    font-size: inherit;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
}

.hover-button-group {
    position: relative;
}

    .hover-button-group .btn-group {
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;
    }

    .hover-button-group:hover .btn-group {
        display: block;
    }

.nav .dropdown-toggle .caret {
    border-top-color: #333333;
    border-bottom-color: #333333;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
    border-top-color: #676767;
    border-bottom-color: #676767;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
}

.input-append .add-on, .input-prepend .add-on {
    padding: 6px 7px;
}

.input-prepend-search .icon-search {
    /*background-image:url('/images/icon-search.gif');
    background-position:center center;*/
    margin-top: 0;
}

.ui-dialog .input-prepend-search input {
    position: static; /*For some reason relative position from bootstrap prevents the text field from being editable.*/
}
/*.tab-content
{
    overflow: visible;
}*/
.tab-content-visible {
    overflow: visible;
}

.tab-content .tabbable.tabs-left .nav.nav-tabs {
    margin-right: 0px;
    border-right: 0px;
}

.tab-content .tabbable.tabs-left .tab-content {
    border: 1px solid #dddddd;
    padding: 10px;
}

.dropup.btn-group .btn-add-on {
    line-height: 18px;
    padding-top: 6px;
}

.pseudo-dropdown-mini.dropup.btn-group .btn-add-on {
    padding-top: 0px;
}

.table-condensed .btn-mini {
    padding: 6px 15px 5px 15px;
}
/* Jquery UI autocomplete customization. Make it look similar to Bootstrap dropdown menu */
.ui-autocomplete .ui-menu-item a {
    font-size: 12px;
}

    .ui-autocomplete .ui-menu-item a span {
        display: none;
        overflow: hidden;
        font-size: 11px;
        color: #cccccc;
    }

    .ui-autocomplete .ui-menu-item a.ui-state-focus {
        text-decoration: none;
        color: #ffffff;
        background-color: #0088cc;
        background-color: #0081c2;
        background-repeat: repeat-x;
        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    }

        .ui-autocomplete .ui-menu-item a.ui-state-focus span {
            display: block;
        }
/* Rad Image Editor Override */
.RadToolBar img.rtbIcon {
    max-width: none;
}
/* master page */
body.no-scroll {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.main-content {
    position: relative;
    width: 875px;
    margin-left: 30px;
    float: left;
}

.side-content {
    position: relative;
    width: 270px;
    margin-left: 25px;
    float: left;
}

    .side-content .span3 {
        width: 270px;
        margin-left: 0;
    }

    .side-content .ui-resizable-e {
        z-index: auto !important;
    }

.seamless-page-header {
    margin-bottom: 25px;
    padding-top: 5px;
}

.seamless-page-body {
    background: none repeat scroll 0 0 white;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    color: #434343;
    font-size: 14px;
    padding: 40px 30px;
    position: relative;
}

.seamless-page-footer {
    margin-bottom: 50px;
}

.seamless-page-footer > .pull-right > * {
    margin-right: 10px;
}

.seamless-page-footer > .pull-right > *:last-child {
    margin-right:0px;
}
.page-title {
    margin-bottom:20px;
}

.page-title h1 {
    font-size:24px;
    color:#1f1f1f;
    margin:0;
    font-weight:normal;
    letter-spacing:-1px;
}

.page-title img {
    margin-top:5px;
    opacity:0.7;
}

.page-title .btn {
    margin-top: 10px;
    padding: 4px 12px;
}

/* end master page */
/* notification bar */
span.badge {
    cursor: pointer;
    margin-left: 5px;
}

#div_notification_control.well {
    margin-bottom: 5px;
}

#div_notification {
    position: fixed;
    top: 60px;
    right: 5px;
    z-index: 1100;
    display: table;
}

    #div_notification .alert-row {
        display: table-row;
    }

    #div_notification .alert {
        margin-bottom: 5px;
        word-break: break-all;
    }

.notification-icon {
    width: 70px;
    height: 40px;
    position: absolute;
    top: 7px;
    right: 0px;
    z-index: 1001; /*Should be the same as admin-header*/
    text-align: center;
    padding: 11px 16px 16px;
}

    .notification-icon .badges {
        top: 36px;
        position: absolute;
        right: 11px;
    }
/* end notification bar */
/* header */
.admin-header {
    /*position: fixed; Doesn't work properly for navigation with the notification icon on both horizontal and vertical scrolling if its fixed.*/
    position: absolute;
    width: 100%;
    margin: 0 auto;
    background-color: #31343f;
    height: 72px;
    z-index: 1001; /*has to be increased from 3 as the menu goes below dropdowns. Should be the same as notification-icon*/
}

    .admin-header .logo {
        display: inline-block;
        padding-left: 30px;
        padding-right: 20px;
        padding-top: 22px;
    }

    .admin-header .header-right {
        position: absolute;
        right: 102px;
        top: 0;
    }

.group-selector {
    margin-right: 20px;
    margin-top: 26px;
    display: inline-block;
    vertical-align: top;
}

.dropdown-wrapper {
    /*position: relative;*/
}

.bottom-up {
    top: auto;
    bottom: 100%;
    margin: 0 0 35px 0;
}

.logo-separator {
    display: inline-block;
    height: 12px;
    vertical-align: middle;
    border-left: #FFF solid 1px;
}

.group-selector .group-selector-wrapper {
    position: relative;
    color: #ececec;
    margin-top: 0px;
    cursor: default;
}

    .group-selector .group-selector-wrapper > span {
        display: inline-block;
    }

.group-selector .group-section {
    display: inline-block;
    margin-right: 2px;
    cursor: pointer;
    width: 115px;
    height: 20px;
    vertical-align: middle;
}

    .group-selector .group-section button {
        background: url("/images/arrow.gif") no-repeat scroll left top transparent;
        border: 0px;
        padding: 4px 0px;
        outline: 0px;
        line-height: 7px;
        width: 9px;
    }

.group-selector .group-selector-wrapper .no-groups button,
.group-selector .group-selector-wrapper .no-groups .dropdown-menu {
    display: none !important;
}

.group-selector .group-selector-wrapper .no-groups .group-section:hover {
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.group-selector .group-section .group-name {
    cursor: pointer;
    padding-right: 18px;
    padding-left: 10px;
    width: 130px;
    height: 20px;
    font-family: Arial;
    font-size: 10px;
    color: #ffffff;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.group-selector .no-groups .group-section .group-name {
    cursor: default;
}

.group-selector .group-section .group-name .replaced-svg {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0px;
}

.no-groups .group-name .replaced-svg {
    display: none;
}

/* end header*/
/* main menu */
.main-menu {
    display: inline-block;
}

    .main-menu ul, .main-menu li {
        list-style: none;
        padding: 0px;
        margin-left: -4px;
    }

        .main-menu ul.nav {
            padding-left: 0;
            margin: 0;
        }

            .main-menu ul.nav > li,
            .log-out {
                display: inline-block;
            }

                .main-menu ul.nav > li > a,
                .log-out a.sign-out-link {
                    display: block;
                    text-align: center;
                    padding: 11px 16px 16px;
                    background: none repeat scroll 0 0 transparent;
                    text-decoration: none;
                    line-height: 12px;
                    width: 70px;
                }

                    .main-menu ul.nav > li > a > span,
                    .log-out a.sign-out-link span {
                        display: block;
                        font-size: 11px;
                    }

                    .main-menu ul.nav > li > a > span,
                    .log-out a.sign-out-link span,
                    .replaced-svg {
                        color: #6b6d75;
                        fill: #6b6d75;
                        transition: 0.4s;
                    }

                    .main-menu ul.nav > li > a.active-menu-item > span,
                    .active-menu-item .replaced-svg,
                    .notification-icon.has-notification .replaced-svg,
                    .main-menu ul.nav > li > a.menu-active .replaced-svg,
                    .main-menu ul.nav > li > a.menu-active span {
                        color: #fff;
                        fill: #fff;
                        transition: 0.4s;
                    }


                    .log-out a.sign-out-link:hover > span,
                    .main-menu ul.nav > li > a:hover > span,
                    a:hover .replaced-svg,
                    .notification-icon.has-notification:hover .replaced-svg {
                        color: #FFF;
                        transition: 0.4s;
                        fill: #FFF;
                    }

                    .log-out a.sign-out-link:hover,
                    .main-menu ul.nav > li > a:hover,
                    .main-menu ul.nav > li > a.menu-active {
                        background-color: #0084BB;
                        transition: 0.4s;
                        border: none;
                    }

img.svg {
    opacity: 0;
    margin-bottom: 1px;
}

.main-menu ul.nav > li > ul {
    top: -99999px;
    margin: 0;
    right: 0;
    background: #1D5A8D;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: 1100;
    display: table;
}

.main-menu ul.nav > li > #settings-menu.active {
    display: block;
    top: 72px;
}

.main-menu ul.nav .column {
    padding-bottom: 100px;
}

.main-menu ul.nav li ul > li {
    overflow: hidden;
    max-width: 255px;
    width: auto;
    vertical-align: top;
    padding: 0px;
}

.main-menu ul.nav ul > li.Info,
.main-menu ul.nav ul > li.System {
    background: #0F4C80;
    padding-left: 10px;
}

    .main-menu ul.nav ul > li.System li {
        height: 60px;
    }

        .main-menu ul.nav ul > li.System li a {
            height: 30px;
        }

.main-menu ul.nav ul > li.Info {
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
}

    .main-menu ul.nav ul > li.Info a {
        height: auto;
    }

    .main-menu ul.nav ul > li.Info .page-brief {
        padding-top: 11px;
        background: url(/images/tile_menu_separator.gif) repeat-x left top transparent;
        width: 185px;
        display: block;
    }

.main-menu ul.nav ul > li:first-child {
    padding: 10px;
}

.main-menu ul.nav ul ul {
    display: block;
    margin: 0;
}

    .main-menu ul.nav ul ul li:first-child {
        padding: 0;
    }

    .main-menu ul.nav ul ul li {
        display: block;
        width: 235px;
        height: 70px;
        padding: 0;
    }

.main-menu ul.nav ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    border-radius: 5px;
    padding: 15px 35px 15px 15px;
    white-space: normal;
    font-size: 12px;
    height: 30px;
    width: 185px;
    line-height: 1.2em;
    cursor: pointer;
}

.main-menu ul.nav ul ul li:last-child a {
    border-right: 0px;
}

.main-menu ul.nav ul li a .page-desc {
    color: #8BB4D6;
    font-size: 12px;
    line-height: 1.5;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 185px;
}

.main-menu ul.nav ul li a .page-brief {
    font-size: 14px;
    font-weight: bold;
}

.main-menu ul.nav ul > li.System a:hover .page-brief {
    background: none;
    text-decoration: underline;
}

.main-menu ul.nav ul > li.Info a:hover .page-brief {
    background: url("/images/tile_menu_separator.gif") repeat-x scroll left top transparent;
    text-decoration: underline;
}

.main-menu ul.nav ul li a:hover {
    background: url(/images/icons/icon_menu_item_arrow_right.gif) no-repeat 205px center #0F4C80;
    filter: none;
}

.main-menu ul.nav ul > li.Info a:hover,
.main-menu ul.nav ul > li.System a:hover {
    background: none;
}

.log-out {
    display: inline-block;
    vertical-align: top;
}

/* Cool blur effects for the sub nav items
.main-menu ul.nav ul:hover li a
{
    color: transparent;
    text-shadow: 0px 0px 5px #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-menu ul.nav ul:hover li a .page-desc 
{
    color: transparent;
    text-shadow: 0px 0px 5px #cacaca;
}
.main-menu ul.nav ul:hover li a:hover 
{
    text-shadow:none;
    color:#ffffff;
}
.main-menu ul.nav ul:hover li a:hover .page-desc
{
    text-shadow:none;
    color:#CACACA;
}
*/

.main-menu ul.nav > li > ul {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 56px;
}

/* OVERWRITES - PERM */
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.main-menu ul.nav > li {
    border-right-width: 0;
}

    .main-menu ul.nav > li > ul {
        background: #0e4c81;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        background-clip: padding-box;
        overflow: hidden;
        width: auto;
        display: table;
    }

.main-menu ul.nav ul > li:first-child {
    padding: 0 10px;
}



/* System list tweaks*/
.main-menu ul.nav section.System {
    padding: 10px 0 114px;
}


.main-menu ul.nav ul li a:hover, .main-menu ul.nav ul li a:focus, .main-menu ul.nav ul > li.System a:hover, .main-menu ul.nav ul > li.System a:focus {
    background: #00709f;
}

/* Info tweaks*/
.main-menu ul.nav section.menu-search {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 255px;
    padding: 0;
}

.main-menu #settings-menu .page-holder {
    display: none;
}

.main-menu ul.nav section.menu-search.active {
    position: relative;
}

.main-menu ul.nav ul li.sortable a:hover, .main-menu ul.nav ul li.sortable a:hover {
    background: #00709f url(../images/sprite.png) no-repeat right bottom;
    cursor: move;
}

.main-menu ul.nav ul > li.System a:hover .page-brief {
    text-decoration: none;
}

.main-menu ul.nav ul li a .page-brief {
    display: block;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: normal;
}

.main-menu ul.nav ul li a .page-desc {
    color: #c9deef;
}

/*fix for sortable nav*/
.main-menu ul.nav ul ul li {
    float: none;
}

/*image fixes*/
.nav-list.seamless-nav li:hover, .pseudo-control, .nav-list.seamless-nav li {
    background-image: none;
}



/* NEW CODE*/


/*Search*/
.menu-option-search {
    padding: 10px 0 10px 13px;
}

.menu-search.active .menu-option-search {
    border-left-color: #226299;
}

.menu-option-search label span {
    display: block;
    font-size: 12px;
    color: #FFF;
    line-height: 1.3em;
    padding-bottom: 10px;
    width: 226px;
}

.menu-option-search input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 27px;
    height: 32px;
    line-height: 18px; /*Line height should exclude the paddings to render properly in all browsers*/
    width: 226px;
    background: #FFF url(../images/sprite.png) no-repeat 5px -77px;
}

::-webkit-input-placeholder {
    font-style: normal;
}

::-moz-placeholder {
    font-style: normal;
}

:-ms-input-placeholder {
    font-style: normal;
}


/*Search List*/
#menu-edit-options {
    display: none;
}

    #menu-edit-options.active {
        display: block;
    }

    #menu-edit-options li {
        padding: 0;
        height: auto;
    }

        #menu-edit-options li.favorite-list-item a {
            padding: 0;
            height: auto;
            line-height: 1.5em;
            cursor: pointer;
            width: 170px;
            display: inline-block;
            vertical-align: top;
            background: none;
            border-radius: 0;
        }

            #menu-edit-options li.favorite-list-item a.star {
                background: transparent url(../images/sprite.png) no-repeat 16px -43px;
                width: 40px;
                height: 32px;
            }

        #menu-edit-options li a.star.active, #menu-edit-options li a.star:focus, #menu-edit-options li a.star:hover {
            background: transparent url(../images/sprite.png) no-repeat 16px 0;
        }

    #menu-edit-options a.close-list {
        position: absolute;
        top: 14px;
        right: 10px;
        width: 14px;
        height: 14px;
        padding: 0;
        margin: 0;
        background: transparent url(../images/sprite.png) no-repeat left -124px;
        text-indent: 102%;
        white-space: nowrap;
        overflow: hidden;
        border-radius: 0;
    }

/*Menu*/
.main-menu section {
    display: block;
    float: left;
    vertical-align: top;
    max-width: 255px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box;
    padding: 10px 0;
    width: 1px;
    margin-left: -1px;
}

    .main-menu section.has-active-child {
        display: block;
        width: 255px;
        margin-left: 0;
    }

    .main-menu section:after {
        content: "";
        display: table;
        clear: both;
    }

.main-menu ul.nav section ul, .main-menu ul.nav section ul li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .main-menu ul.nav section ul li {
        position: relative;
        list-style-type: none;
        padding: 0 10px;
        height: 70px;
    }

        .main-menu ul.nav section ul li a { /*display:block;padding:10px; margin:0 10px;*/
            height: 70px;
            width: 235px;
        }

        .main-menu ul.nav section ul li .menu-item-delete {
            display: block;
            position: absolute;
            right: 24px;
            top: -7px;
            height: 0;
            width: 0;
            text-indent: 102%;
            white-space: nowrap;
            overflow: hidden;
            padding: 0;
            margin: 0;
            opacity: 0; /*need to update the sprite - cheating here*/
            cursor: pointer;
            z-index: 10;
            background: url(../images/sprite.png) no-repeat 2px -143px;
        }

        .main-menu ul.nav section ul li.sortable .menu-item-delete {
            top: 7px;
            height: 15px;
            width: 15px;
            opacity: 0.9; /*need to update the sprite - cheating here*/
        }

        .main-menu ul.nav section ul li.sortable span.menu-item-delete:hover, .main-menu ul.nav section ul li.sortable span.menu-item-delete:focus {
            background: url(../images/sprite.png) no-repeat -12px -143px;
        }


/* updated this last*/
#settings-menu {
    display: inline;
    overflow: hidden;
    position: absolute;
    top: 56px;
    right: 102px;
    width: 255px;
    opacity: 1;
    filter: alpha(opacity=100);
    margin: 0;
    padding: 0;
    background-color: #0e4c81;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: 1100;
    background: #0084BB;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box;
    min-height: 404px;
    display: none;
}

    #settings-menu .ui-state-highlight {
        background-color: #1491c5;
        background-image: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    #settings-menu *, #settings-menu *:before, #settings-menu *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*#settings-menu:after {content:"";display:table;clear:both}*/



    /*GENERIC CLASSES*/
    .visuallyhidden, #settings-menu .visuallyhidden {
        border: 0;
        clip: rect(0000);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        margin: -1px;
        padding: 0;
    }

.displayitem {
    display: block;
}

/* PLUGINS*/
/* Examples - Tiny Scrollbar */
#menu-edit-options {
    position: relative;
    width: 255px; /*margin: 0 -10px;*/
    background-color: #00709f;
    padding-top: 44px;
}

    #menu-edit-options .viewport {
        width: 230px;
        height: 400px;
        overflow: hidden;
        position: relative;
    }

    #menu-edit-options .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0; /*height:100%*/
    }
    /*#menu-edit-options .overview ul {position:absolute;bottom:0}*/
    #menu-edit-options .scrollbar {
        position: relative;
        float: right;
        width: 15px;
    }

    #menu-edit-options .track {
        height: 100%;
        width: 15px;
        position: relative;
    }

    #menu-edit-options .thumb {
        background: #4583b8;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-clip: padding-box;
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: -5px;
    }
    /*#menu-edit-options .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
*/ #menu-edit-options .disable {
        display: none;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}


/* jquery ui*/
/*! jQuery UI - v1.10.3 - 2014-01-09

/* Interaction states
----------------------------------*/
.ui-state-default {
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #c77405;
}

    .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
        color: #c77405;
        text-decoration: none;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #eb8f00;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #eb8f00;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight {
    border: 1px dashed #9ac1e1;
    background-color: #0e4c81;
    display: block !important;
    width: 233px !important;
    margin-left: 10px;
}

/* end main menu */

#divWholeColumn {
    padding-top: 100px;
    width: 1200px;
}

.admin-body-single {
    padding-top: 100px;
}

.admin-body-single {
    padding: 92px 20px 20px;
}



/* overview page */
.overview-wrapper.margin-centered {
    position: relative;
    margin: 0 auto;
    float: none;
}

    .overview-wrapper.margin-centered .page-title {
        margin-bottom: 10px;
    }

.overview-wrapper.span12 {
    float: none;
}

.overview-wrapper .page-title h1 {
    margin-top: 2em;
}

.page-body {
    position: relative;
    margin-top: 10px;
    float: none;
}

.reInsertTable table {
    border-collapse: separate;
    border-spacing: 2px 2px;
}

.file-home-search .seamless-table tr td .name-header {
    display: inline-block;
    padding: 10px 0px 10px 40px;
    background-repeat: no-repeat;
    -moz-background-size: 24px 24px;
    background-size: 24px 24px;
    background-position: 0 center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

.lt-ie9 .file-home-search .seamless-table tr td .name-header {
    -ms-behavior: url(/includes/backgroundsize.min.htc);
    word-break: break-all;
}

.seamless-table tr th:first-child {
    border-top-left-radius: 3px;
    padding-left: 15px;
    padding-right: 5px;
}

.seamless-table tr td img.middle-aligned {
    vertical-align: middle;
}

.seamless-table tr th:last-child {
    border-top-right-radius: 3px;
    padding-right: 20px;
}

.seamless-table tr td {
    vertical-align: middle;
    background-color: #fff;
    padding: 12px;
    border-top: #fff solid 1px;
    border-bottom: #e0e0e0 solid 1px;
    color: #767676;
}

.seamless-table.dashboard .overview-page-link {
    width: 75%;
    font-size: 14px;
    font-family: Arial;
}

.seamless-table.dashboard .font-samll {
    font-family: Arial;
}

.file-list-view .seamless-table tr td {
    word-wrap: break-word;
}

.overview-wrapper .seamless-table tr.passed-escalation td,
.seamless-table tr.review-ready td,
.seamless-table tbody tr.broken-link td,
.seamless-table tbody tr td.broken-link {
    background-color: #FFF5F5;
}

.overview-wrapper .seamless-table tr.passed-escalation td a,
.seamless-table tr.review-ready td a,
.seamless-table tbody tr.broken-link td a,
.seamless-table tbody tr.broken-link td span,
.seamless-table tbody tr td.broken-link a {
    color: #CE0201;
}

.overview-wrapper .seamless-table tr.passed-escalation td:first-child a {
    font-weight: bold;
}

.seamless-table tr.deactivating-soon td {
    background-color: #fff8ec;
}

.seamless-table tr.deactivating-soon td a {
    color: #d8761e;
}
.sgv .seamless-table.small-control-table {
    border: 0;
}
.sgv .seamless-table.small-control-table tr {
    background: none;
}
.sgv .seamless-table.small-control-table a.dropdown-toggle{
    padding: 3px 5px 3px;
}
.sgv .seamless-table.small-control-table tr:last-child > td,
.sgv .seamless-table.small-control-table tr:first-child > td,
.sgv .seamless-table.small-control-table tr > td {
    font-size: 14px;
    padding: 5px 2px;
    border: 0;
    border-top: 1px solid #ddd;
    background: none;
    color: #404040;
}
.sgv .seamless-table.small-control-table tr td:hover {
    border: 0;
    border-top: 1px solid #ddd;
}
.sgv .seamless-table.small-control-table tr.active,
.sgv .seamless-table.small-control-table tr:hover,
.default-translations:hover,
.default-translations.active {
    background: #eaf3f7;
}
.sgv .seamless-table.small-control-table td.sgv-action-field{
    width: 36px;
    padding: 5px 2px; /* 2px is needed otherwise it break the content translation list in content data element overview defined by 
        .sgv .seamless-table.small-control-table tr > td 
        above
    */
}

.default-translations {
    padding: 5px 2px;
}
.default-translations a {
    color:#2182d5;
    text-decoration:none;
}

.sgv > table.translations {
    margin-top: 0px;
}

.content-status {
    font-size: 11px;
}

.search-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    padding: 25px;
    position: relative;
}

    .search-panel:after {
        /* this style is needed in IE10 do clear the box-shadow artifact after accordion scroll-up
http://stackoverflow.com/a/13697592/1586225 */
        content: ".";
        font-size: 1px;
        display: inline;
        overflow: hidden;
    }

    .search-panel .dropdown-checkbox-wrapper input {
        width: auto;
    }

    .search-panel .input-prepend input[type=text] {
        width: 170px;
        margin-bottom: 8px;
    }

    .search-panel .dropdown-checkbox-wrapper {
        width: 220px;
    }

        .search-panel .dropdown-checkbox-wrapper .check-box-list {
            padding: 5px 10px;
            width: 160px;
        }

    .search-panel .dropdown-checkbox-wrapper {
        margin-bottom: 15px;
    }

.workflow-stage-header {
    font-weight: bold;
    border-bottom: 1px solid #F6F6F7;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

    .mypage-panel .accordion-heading a .total-item,
    .workflow-stage-header a .total-item {
        color: #A4AC2E;
        font-weight: normal;
        text-decoration: underline;
    }

.workflow-item-list {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

    .workflow-item-list li {
        margin: 0 0 5px 0;
    }

.workflow-item-content {
    width: 149px;
    display: block;
    overflow: hidden;
    height: 26px;
}

.workflow-item-icon {
    float: left;
    margin-right: 5px;
    width: 26px;
}

.workflow-item-content a {
    line-height: 18px;
}

.ui-dialog .workflow-submit-popup {
    overflow: visible;
}

.workflow-submit-popup .pseudo-dropdown-container select {
    width: 310px;
}

.mypage-panel .accordion-group {
    border: 0;
}

.overview-panel .thumbnail {
    display: inline-block;
    padding: 0px;
    border: 0px;
}

.mypage-panel .accordion-heading .accordion-toggle {
    padding-left: 0px;
}

.mypage-panel .accordion-toggle {
    padding-left: 0;
    padding-right: 0;
}

.mypage-panel .accordion-inner {
    padding: 0;
}

    .function-panel ul li,
    .mypage-panel .accordion-inner ul li {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #F6F6F7;
    }

        .mypage-panel .accordion-inner ul li:first-child {
            border-top: 0;
        }

    .function-panel ul,
    .mypage-panel .accordion-inner ul {
        margin: 5px 0 0 0;
        padding: 0;
        list-style: none;
    }

.mypage-panel .accordion-toggle .caret {
    margin-top: 8px;
    margin-right: 8px;
}

.function-item-icon, .mypage-item-icon {
    display: inline-block;
    margin-right: 5px;
    width: 18px;
}

.search-panel .accordion-toggle {
    padding-top: 4px;
    padding-bottom: 12px;
    /*height:12px;*/
}

.search-panel .accordion-inner ul {
    margin: 0;
}
/* end overview page */



/* search page */
#workflowAccordion ul,
#contentTypeAccordion ul {
    margin: 0;
}

.search-footer {
    position: relative;
}

    .search-footer .col-left {
        position: absolute;
        left: 0;
        top: -7px;
    }

    .search-footer .col-center {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .search-footer .col-right {
        position: absolute;
        right: 0;
        top: -5px;
    }

    .search-footer .pagination {
        margin: 0;
    }
/* end search page*/
/* Exceprt styling*/
.excerpt ul > *,
.excerpt .less,
.excerpt.in .more {
    display: none;
}

.excerpt ul > :first-child,
.excerpt.in ul > * {
    display: list-item;
}

.excerpt.in .less {
    display: block;
}
/* Seamless GridView Styles */
.sgv > table {
    table-layout: fixed;
    margin-top: 4px;
}

.sgv tr td {
    vertical-align: top;
}

.sgv table.content-child-list tr td {
    vertical-align: middle;
}

.sgv-footer-pagesize select {
    width: 100px;
}

.sgv th.sgv-col-header,
.sgv th.sgv-col-header a {
    font-size: 13px;
    color: #636363;
    font-weight: bold;
    text-decoration: none;
    background-image: none;
    position: relative;
}

.sgv th.sgv-col-header {
    padding-top: 9px;
    padding-bottom: 9px;
}

.sgv tr.sgv-col-header th {
    background-color: #ececec;
}

th.sgv-col-header a:after,
th.sgv-col-header.sgv-sort-asc a:after,
th.sgv-col-header.sgv-sort-desc a:after {
    background: url('/images/icons/sort_arrows.gif') right 0 no-repeat;
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    content: ' ';
}

th.sgv-col-header:hover a:after,
th.sgv-col-header.sgv-sort-asc a:after,
th.sgv-col-header.sgv-sort-desc a:after {
    display: block;
}

th.sgv-col-header a {
    display: inline-block;
    padding-right: 20px;
}

th.sgv-col-header.sgv-sort-asc a:after {
    background-position: right -40px;
}

th.sgv-col-header.sgv-sort-desc a:after {
    background-position: right -20px;
}

.sgv-paging-info {
    font-size: 12px;
    margin: 4px 0;
    color: #8f8f8f;
}

.sgv tr th:first-child {
    border-top-left-radius: 5px;
}

.sgv tr th:last-child {
    border-top-right-radius: 5px;
}

.sgv th.sgv-checkbox-field,
.sgv th.sgv-action-field {
    padding-top: 9px;
    padding-bottom: 9px;
}

.sgv .sgv-checkbox-field,
.sgv .sgv-action-field,
.sgv .sgv-handle-field {
    width: 20px;
    text-align: center;
    vertical-align: top;
}

    .sgv .sgv-action-field .open {
        visibility: visible;
    }

.sgv .sgv-action-field {
    width: 60px;
}

    .sgv .sgv-action-field .dropdown {
        visibility: hidden;
        text-align: left;
    }

.sgv tr:hover .sgv-action-field .dropdown {
    visibility: visible;
}

.sgv tr td {
    border: 0;
    border-top: 1px solid #e0e0e0;
    font-size: 13px;
    font-weight: normal;
    color: #767676;
    word-wrap: break-word;
}

.sgv tr.hover-row.device-section-header td a {
    font-weight: bold;
}

.sgv tr:hover td,
.sgv tr:nth-child(even):hover td {
    background-color: #eaf3f7;
    border-top: 1px solid #b8d1e7;
}

.sgv > table > tbody > tr:hover + tr > td,
.sgv > table > tbody > tr:hover + tr > td.sgv-footer-row {
    border-top: 1px solid #b8d1e7;
}

.sgv > table > tbody > tr:first-child td,
.sgv > table > tbody > tr:first-child th {
    border-bottom: 0;
}

.sgv > table > tbody > tr:first-child + tr > td {
    border-top: 1px solid #cfcfcf;
}

.sgv > table > tbody > tr:first-child + tr:hover > td {
    border-top-color: #b8d1e7;
}

.sgv > table > tbody > tr:last-child > td {
    border-bottom: 1px solid #ccc;
}

.sgv tr td a {
    font-size: 14px;
    font-weight: normal;
    color: #2182d5;
    text-decoration: none;
}

    .sgv tr td a[disabled] {
        color: #767676;
    }

.sgv tr:last-child td.sgv-footer-row {
    position: relative;
    background-color: #ececec;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sgv-footer-row tr td,
.sgv-footer-row tr td a {
    font-size: 13px;
}

.sgv-footer-row table {
    width: 100%;
}

.sgv tr:hover td.sgv-footer-row {
    border-top: 1px solid #ccc;
}

    .sgv-footer-row table td,
    .sgv tr td.sgv-footer-row td,
    .sgv tr:hover td.sgv-footer-row td {
        background-color: transparent;
        border: 0;
        vertical-align: middle;
        padding: 0;
    }

.sgv-footer-row .sgv-bulk-action,
.sgv-footer-row .sgv-footer-pagesize {
    width: 150px;
    text-align: left;
}

.sgv-footer-pagesize label {
    margin-bottom: 1px;
}

.sgv-footer-pagesize label,
.sgv-footer-pagesize .pseudo-dropdown-container {
    vertical-align: bottom;
}

.sgv-footer-row .sgv-footer-pagesize .pseudo-dropdown-container {
    margin-top: 0;
}

.sgv-bulk-action .btn {
    padding: 2px 10px;
    color: #333333;
}

.sgv-footer-row .sgv-footer-pagesize {
    text-align: right;
}

.sgv-footer-row .sgv-pagination {
    text-align: center;
}

    .sgv-footer-row .sgv-pagination a {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin: 0 3px;
        border-radius: 3px;
        vertical-align: bottom;
        line-height: 25px;
        background-image: url('/images/icons/pager-arrows.gif');
        background-repeat: no-repeat;
    }

        .sgv-footer-row .sgv-pagination a:hover {
            background-color: #d2d2d2;
        }

        .sgv-footer-row .sgv-pagination a.disabled {
            cursor: not-allowed;
        }

            .sgv-footer-row .sgv-pagination a.disabled:hover {
                background-color: transparent;
                cursor: not-allowed;
            }

        .sgv-footer-row .sgv-pagination a.first {
            background-position: 0 0;
        }

        .sgv-footer-row .sgv-pagination a.prev {
            background-position: -25px 0;
        }

        .sgv-footer-row .sgv-pagination a.next {
            background-position: -50px 0;
        }

        .sgv-footer-row .sgv-pagination a.last {
            background-position: -75px 0;
        }

        .sgv-footer-row .sgv-pagination a.first.disabled {
            background-position: 0 -25px;
        }

        .sgv-footer-row .sgv-pagination a.prev.disabled {
            background-position: -25px -25px;
        }

        .sgv-footer-row .sgv-pagination a.next.disabled {
            background-position: -50px -25px;
        }

        .sgv-footer-row .sgv-pagination a.last.disabled {
            background-position: -75px -25px;
        }

    .sgv-footer-row .sgv-pagination input,
    .form-horizontal .controls .sgv-footer-row .sgv-pagination input {
        width: 20px;
        padding: 3px 8px;
        vertical-align: baseline;
        font-size: 13px;
        height: 15px;
        line-height: 15px;
    }

.sgv table tbody tr.sgv-empty-row > td,
.sgv .sgv-empty-row:hover > td {
    background-color: #f9f9f9;
    border: 0px;
    font-size: 14px;
    word-break: normal;
}

.sgv .sgv-primary-header,
.sgv .sgv-primary-field {
    width: 40%;
}

.sgv .sgv-primary-field {
    padding: 10px 0px 10px 40px;
    background-repeat: no-repeat;
    background-position: 0 15px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
}

.sgv-simple .sgv-primary-field {
    -moz-background-size: 24px 24px;
    background-size: 24px 24px;
}

.sgv .sgv-primary-field:first-child /*If the primary field is the first field, we need to add additional padding to it and reposition the background-image */ {
    padding-left: 55px;
    padding-right: 5px;
    background-position: 15px center;
}

.sgv-primary-field > a,
.sgv-primary-field > span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.sgv-col-header th.sgv-action-field {
    text-align: right;
}

    .sgv-col-header th.sgv-action-field .customize-column {
        background: url('/images/icons/column-customize.gif') no-repeat center center;
        width: 25px;
        height: 25px;
        padding: 0;
        display: block;
        float: right;
        border-radius: 3px;
        text-indent: -9999px;
        text-align: left;
        border: 0;
    }

        .sgv-col-header th.sgv-action-field .customize-column:hover {
            background-color: #d2d2d2;
        }

.sgv .new-window-column {
    width: 100px;
    vertical-align: middle;
}

    .sgv .new-window-column .field-input-checkboxlist {
        text-align: center;
        margin-bottom: 0;
    }

.sgv .dropdown-menu a {
    color: #333;
}

.sgv .handle-column {
    width: 20px;
    vertical-align: middle;
}

.ui-dialog .sgv tr.sgv-col-header th {
    background-color: #f5f5f5;
    border-bottom: 0;
}

.ui-dialog .sgv .no-grid tr.sgv-col-header th {
    border-bottom: 1px solid #e7e7e7;
}

.sgv .accordion-group {
    background-color: #fff;
}
/* Simple grid view overrides */
.sgv-simple .seamless-table.headerless-table {
    border-top: 0;
}

.sgv.sgv-simple > .headerless-table > tbody > tr > td,
.sgv.sgv-simple > .headerless-table > tbody > tr:hover > td {
    border-bottom: 1px solid #ededed;
    border-top: 0;
}

    .sgv.sgv-simple > .headerless-table > tbody > tr > td.sgv-footer-row,
    .sgv.sgv-simple > .headerless-table > tbody > tr:hover > td.sgv-footer-row {
        border: 0;
    }

.sgv.sgv-simple > .headerless-table > tbody > tr.sgv-empty-row:hover > td {
    color: #767676;
    background-color: #f9f9f9;
}

.sgv.sgv-simple > .headerless-table td.sgv-footer-row td {
    border: 0;
    background-color: transparent;
}

.sgv.sgv-simple tr:hover > td,
.sgv tr.selected-row > td {
    background-color: #f4fafc;
}

.sgv.sgv-simple tr:hover td:first-child,
.sgv.sgv-simple tr:hover td:first-child > a {
    color: #0092cf;
}

.sgv.sgv-simple tr:hover td.sgv-footer-row,
.sgv-simple tr:last-child td.sgv-footer-row {
    background-color: transparent;
    border-bottom: 0;
    padding-top: 15px;
    padding-right: 0;
}

.sgv-simple .sgv-pagination {
    text-align: right;
}

    .sgv-simple .sgv-pagination ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

    .sgv-simple .sgv-pagination li {
        display: inline-block;
    }

        .sgv-simple .sgv-pagination li a {
            background-image: none;
            text-align: center;
            font-size: 14px;
            color: #b2b2b2;
            margin: 0;
        }

        .sgv-simple .sgv-pagination li.active a {
            color: #727272;
        }

        .sgv-simple .sgv-pagination li.next a {
            background-image: url('/images/icons/pager-arrows.gif');
            background-position: -50px -25px;
        }

            .sgv-simple .sgv-pagination li.next a:hover {
                background-position: -50px -50px;
            }

        .sgv-simple .sgv-pagination li.prev a {
            background-image: url('/images/icons/pager-arrows.gif');
            background-position: -25px -25px;
        }

            .sgv-simple .sgv-pagination li.prev a:hover {
                background-position: -25px -50px;
            }

        .sgv-simple .sgv-pagination li a:hover {
            background-color: #0092cf;
            color: #fff;
        }

.sgv-simple tr.error td:first-child, .sgv-simple tr.error:hover td:first-child {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    width: 100%;
}

/* side navigation*/
.nav-list.seamless-nav {
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

.side-content.span3 > img {
    margin-left: 20px;
}

.nav-list.seamless-nav li {
    background-image: url('/includes/bootstrap/img/nav-menu-chevron-right-grey.gif');
    background-repeat: no-repeat;
    background-position: 240px 17px;
}

    .nav-list.seamless-nav li:hover {
        background-image: url('/includes/bootstrap/img/nav-menu-chevron-right-white.gif');
        background-color: #0088CC;
    }

    .nav-list.seamless-nav li.active {
        background-image: url('/includes/bootstrap/img/nav-menu-chevron-right-white.gif');
        background-color: #0088cc;
    }

    .nav-list.seamless-nav li.open {
        background-image: url('/includes/bootstrap/img/nav-menu-chevron-down-white.gif');
    }

.nav-list.seamless-nav li {
    border: 1px solid #e5e5e5;
    border-bottom: 0px;
}

    .nav-list.seamless-nav li:first-child {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .nav-list.seamless-nav li:last-child {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        border-bottom: 1px;
    }

        .nav-list.seamless-nav li:last-child:first-child {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }

    .nav-list.seamless-nav li > a,
    .nav-list.seamless-nav li > a:hover {
        display: block;
        margin: 0 0 -1px;
        padding: 10px 30px;
        background: transparent;
        color: #404040;
        text-shadow: none;
    }

        .nav-list.seamless-nav li:hover > a,
        .nav-list.seamless-nav li > a:hover {
            color: White;
        }

    .nav-list.seamless-nav li.active > a {
        color: #fff;
        background-color: transparent;
    }

.nav-list.seamless-nav ul {
    list-style: none;
}

    .nav-list.seamless-nav ul > li {
        border-right: 0px;
        border-left: 0px;
    }

        .nav-list.seamless-nav ul > li:first-child {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .nav-list.seamless-nav ul > li:last-child {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

.nav-list.seamless-nav > .active > a {
    position: relative;
    /*z-index: 2;*/
    border: 0;
    border-bottom: 1px solid #ccc;
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

.nav-list.seamless-nav .level-2 .nav-menu-create-btn a {
    background-image: url('/includes/bootstrap/img/cross-blue.gif');
    background-repeat: no-repeat;
    background-position: 24px 11px;
    padding-left: 44px;
}

.nav-list.seamless-nav ul.level-2 li.active.nav-menu-create-btn a,
.nav-list.seamless-nav ul.level-2 li.nav-menu-create-btn a:hover {
    background-image: url('/includes/bootstrap/img/cross-white.gif');
}

.nav-list.seamless-nav ul {
    margin: 0px;
    width: auto;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0;
    background: #fff;
}

    .nav-list.seamless-nav ul > li {
        background: none #F3F3F3;
    }

    .nav-list.seamless-nav ul li a:hover {
        text-decoration: none;
    }

    .nav-list.seamless-nav ul > li > a {
        padding: 4px 14px 4px 30px;
        color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

    .nav-list.seamless-nav ul > li.active,
    .nav-list.seamless-nav ul > li:hover {
        background: none #E4E4E4;
        /*background-image:url('/includes/bootstrap/img/nav-menu-chevron-right-white.gif');*/
    }

    .nav-list.seamless-nav ul.level-2 a {
        color: #404040;
    }

        .nav-list.seamless-nav ul.level-2 li.active a,
        .nav-list.seamless-nav ul.level-2 a:hover {
            color: #404040;
            border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
        }

    .nav-list.seamless-nav ul > li:hover a {
        color: #404040;
        padding: 4px 14px 4px 30px;
        text-shadow: none;
    }
/* side navigation*/
.nav-list.seamless-nav {
    margin: 0; /* commented by Mike margin:0px 10px 0 -10px;*/
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

.side-content.span3 > img {
    margin-left: 20px;
}

.nav-list.seamless-nav li {
    background-image: url('/includes/bootstrap/img/nav-menu-chevron-right-grey.gif');
    background-repeat: no-repeat;
    background-position: 240px 17px;
}

    .nav-list.seamless-nav li:hover {
        background-image: url('/includes/bootstrap/img/nav-menu-chevron-right-white.gif');
        background-color: #0088CC;
    }

    .nav-list.seamless-nav li.active {
        background-image: url('/includes/bootstrap/img/nav-menu-chevron-right-white.gif');
        background-color: #0088cc;
    }

    .nav-list.seamless-nav li.open {
        background-image: url('/includes/bootstrap/img/nav-menu-chevron-down-white.gif');
    }

.nav-list.seamless-nav li {
    border: 1px solid #e5e5e5;
    border-bottom: 0px;
}

    .nav-list.seamless-nav li:first-child {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .nav-list.seamless-nav li:last-child {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        border-bottom: 1px;
    }

        .nav-list.seamless-nav li:last-child:first-child {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }

    .nav-list.seamless-nav li > a,
    .nav-list.seamless-nav li > a:hover {
        display: block;
        margin: 0 0 -1px;
        padding: 10px 30px;
        background: transparent;
        color: #404040;
        text-shadow: none;
        word-wrap: break-word;
    }

        .nav-list.seamless-nav li:hover > a,
        .nav-list.seamless-nav li > a:hover {
            color: White;
        }

    .nav-list.seamless-nav li.active > a {
        color: #fff;
    }

.nav-list.seamless-nav ul {
    list-style: none;
}

    .nav-list.seamless-nav ul > li {
        border-right: 0px;
        border-left: 0px;
    }

        .nav-list.seamless-nav ul > li:first-child {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .nav-list.seamless-nav ul > li:last-child {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

.nav-list.seamless-nav > .active > a {
    position: relative;
    /*z-index: 2;*/
    border: 0;
    border-bottom: 1px solid #ccc;
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

.nav-list.seamless-nav .level-2 .nav-menu-create-btn a {
    background-image: url('/includes/bootstrap/img/cross-blue.gif');
    background-repeat: no-repeat;
    background-position: 24px 11px;
    padding-left: 44px;
}

.nav-list.seamless-nav ul.level-2 li.active.nav-menu-create-btn a,
.nav-list.seamless-nav ul.level-2 li.nav-menu-create-btn a:hover {
    background-image: url('/includes/bootstrap/img/cross-white.gif');
}

.nav-list.seamless-nav ul {
    margin: 0px;
    width: auto;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0;
    background: #fff;
}

    .nav-list.seamless-nav ul > li {
        background: none #F3F3F3;
    }

    .nav-list.seamless-nav ul li a:hover {
        text-decoration: none;
    }

    .nav-list.seamless-nav ul > li > a {
        padding: 4px 14px 4px 30px;
        color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

    .nav-list.seamless-nav ul > li.active,
    .nav-list.seamless-nav ul > li:hover {
        background: none #E4E4E4;
        /*background-image:url('/includes/bootstrap/img/nav-menu-chevron-right-white.gif');*/
    }

    .nav-list.seamless-nav ul.level-2 a {
        color: #404040;
    }

        .nav-list.seamless-nav ul.level-2 li.active a,
        .nav-list.seamless-nav ul.level-2 a:hover {
            color: #404040;
            border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
        }

    .nav-list.seamless-nav ul > li:hover a {
        color: #404040;
        padding: 4px 14px 4px 30px;
        text-shadow: none;
    }
/* end side navigation */
/* fileDisplay.ascx */
.file-item-wrapper {
    position: relative;
}


.thumbnail-view a.thumbnail:hover,
.thumbnail-view a.thumbnail:focus,
.thumbnail-container {
    width: 142px;
    height: 142px;
    position: relative;
    border: 4px solid #FFFFFF;
    padding: 0;
}

.thumbnail-view a.thumbnail {
    box-shadow: none;
}

.thumbnail-placeholder {
    margin: 2px;
}

.thumbnail-view a.thumbnail:hover,
.thumbnail-view .thumbnails .thumbnail.selected {
    border: 4px solid #2A81D1;
}

.thumbnail-view .thumbnails .thumbnail.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.thumbnail-view .thumbnails {
    margin-left: -5px;
}

    .thumbnail-view .thumbnails li {
        margin-left: 25px;
        margin-bottom: 5px;
    }

.thumbnail-view .work-flow-stage {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    z-index: 2;
}

.thumbnail-view .file-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    z-index: 2;
    display: none;
}

.file-item-wrapper.onhover .file-controls {
    display: block;
}

.thumnail-filename {
    color: #038DD5;
    margin-bottom: 35px;
    margin-top: 10px;
    text-align: center;
}

.image-preview-lightbox {
    background: url('/images/loading.gif') no-repeat scroll center center #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
    position: absolute;
    z-index: 1001;
    top: 100px;
    max-width: 920px;
    min-width: 150px;
    min-height: 150px;
}

    .image-preview-lightbox .main-image {
        margin: 0 auto;
    }

.edit-button-lightbox {
    margin: 10px;
    position: absolute;
    cursor: pointer;
}

.close-button-lightbox {
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    border-radius: 14px;
    box-shadow: 0 0 10px;
}

a.icon-listview, a.icon-thumbnailview {
    width: 18px;
    height: 18px;
    display: block;
}

a.icon-listview {
    background: url("/images/icons/list-view.png") no-repeat;
}

    a.icon-listview:hover,
    a.icon-listview.active {
        background: url("/images/icons/list-view-active.png") no-repeat;
    }

a.icon-thumbnailview {
    background: url("/images/icons/thumbnail-view.png") no-repeat;
}

    a.icon-thumbnailview:hover,
    a.icon-thumbnailview.active {
        background: url("/images/icons/thumbnail-view-active.png") no-repeat;
    }

.file-display-search .add-on.icon-search {
    margin-bottom: 0;
}

.file-display-search {
    padding: 10px 20px 10px 20px;
}

.file-list-view {
    padding: 0 20px;
}

hr.file-display-gap {
    margin: 20px 15px 35px 20px;
}

.file-display-search .pseudo-dropdown-checkboxlist {
    width: 180px;
}

.file-manager .search-query {
    width: 400px;
}

.file-manager .upload-btn {
    width: 38px;
    padding: 1px 0;
}

.btn-group-change-view {
    margin: 0 15px;
}

    .btn-group-change-view .btn {
        width: 50px;
        height: 34px;
        box-sizing: border-box;
        border-color: #ccc;
    }

        .btn-group-change-view .btn.active {
            z-index: auto;
            background-color: #e6e6e6;
        }

    .btn-group-change-view .btn-thumbs {
    }

    .btn-group-change-view .btn-list {
    }

    .btn-group-change-view .btn-thumbs.active {
    }

    .btn-group-change-view .btn-list.active {
    }

.cms-item-icon, .seamless-table tr td img, .table-with-icon td img {
    max-width: 24px; /*Icon in gridview*/
    max-height: 24px;
}

.cms-item-icon-small {
    max-width: 16px; /*Icon in gridview*/
    max-height: 16px;
}

.rtImg {
    max-width: 16px;
    max-height: 16px;
}

.rtvContentList.RadTreeView.RadTreeView_SeamlessCMS .rtFirst > .rtTop > .rtImg {
    max-width: none; /*Do not retrict size of image of the root node*/
}

.content-tree-container .RadTreeView .rtImg {
    max-width: 22px; /*Icon in treeview*/
    max-height: 22px;
    margin-right: 5px;
}

.content-tree-container .RadTreeView .rtLI {
    margin-top: 5px;
}

.thumbnail.content-type-icon {
    width: 26px;
    height: 26px;
}

.imageDiv {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-image: url(/images/filetypeicons/_blank.png);*/
}

    .imageDiv.filetype_image {
        background-position: center top;
    }
/* end fileDisplay.ascx */
/* file upload */

.drop-area {
    border: 2px dashed;
    height: 100px;
    position: relative;
    padding: 20px;
    font-size: 20px;
}

    .drop-area.span3 {
        margin: 0;
    }

    .drop-area input {
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

/* end file upload */

/* Put small bootstrap override here */
.nav-tabs {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.editable-input {
    height: auto;
    cursor: auto;
}

    .editable-input a {
        cursor: pointer;
    }

label {
    display: inline;
}
/*From bootstrap input */

/* V4 CSS*/

.container-title {
    font-size: 20px;
    line-height: 1.5;
    color: #656565;
}

.btn, .page-title h1 {
    text-transform: capitalize;
}
.btn .non-capitalize {
    text-transform: initial;
}

/* datalistview */
.dlv-default .inputBox {
    margin-bottom: 0;
    width: 95%;
}

.dlvSortingOptions .table {
    margin-bottom: 5px;
}

.search-params .sgv .tree-view-default {
    margin-bottom: 10px;
}

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

.sub-control-group {
    background-color: #fff2cf;
    padding: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.list-header .control-group .pseudo-dropdown.pseudo-dropdown-mini,
.list-footer .control-group .pseudo-dropdown.pseudo-dropdown-mini {
    position: relative;
}

.seamless-nav-content.dlv-result table tr.pager-row > td {
    padding-right: 0px;
}

.seamless-nav-content.dlv-result .search-header {
    margin-bottom: 20px;
}

/* end datalistview */

/* Form font */
a.field-input,
input.field-input[type="text"],
select.field-input,
textarea.field-input,
input.field-input[type="password"],
input.field-input[type="datetime"],
input.field-input[type="datetime-local"],
input.field-input[type="date"],
input.field-input[type="month"],
input.field-input[type="time"],
input.field-input[type="week"],
input.field-input[type="number"],
input.field-input[type="email"],
input.field-input[type="url"],
input.field-input[type="search"],
input.field-input[type="tel"],
input.field-input[type="color"],
span.field-input,
.editable-input.field-input a,
.field-input-checkboxlist label,
.field-input-radiobuttonlist label {
    color: #797979;
    font-family: Arial;
}

    .editable-input.field-input a.btn {
        color: #333333;
    }


.field-input-checkboxlist-inline label,
.field-input-radiobuttonlist-inline label {
    margin-right: 25px;
}

textarea.field-input {
    height: 85px;
    resize: none;
}

    textarea.field-input.collapsed {
        height: 20px;
        resize: none;
    }

.form-horizontal .control-label {
    word-wrap: break-word;
    padding-top: 7px;
    width: 130px;
    /*font-weight: bold; SR-Content*/
    position: relative; /* needed for mandatory marker */
    text-transform: lowercase;
}

.formTab-Container .form-horizontal input.table-input-option.error,
.formTab-Container .form-horizontal input.table-input-value.error {
    border-color: #b94a48;
}

.formTab-Container .form-input-select .control-label,
.formTab-Container .form-input-date .control-label {
    padding-top: 5px;
}

.form-horizontal .control-label:first-letter {
    text-transform: uppercase;
}

.data-definition-element .control-label,
.form-horizontal.no-transform .control-label,
.form-horizontal.no-transform .control-label:first-letter,
.form-horizontal .control-label.no-transform,
.form-horizontal .control-label.no-transform:first-letter {
    text-transform: none;
}

.form-horizontal .control-label-for-text {
    padding-top: 0;
}

.form-horizontal .control-group .control-group .control-label {
    width: 50px;
    text-align: left;
    font-weight: normal;
}

.control-group .control-group:last-child {
    margin-bottom: 0;
}

#divSearchInput .advanced-filter .form-horizontal .control-label {
    width: 140px;
}

#divSearchInput .advanced-filter .form-horizontal .controls {
    margin-left: 160px;
}

.form-horizontal .controls {
    margin-left: 150px;
}

    .advanced-filter .controls span,
    .form-horizontal .controls label {
        color: #757575;
    }

    .form-horizontal .controls input[type="text"],
    .form-horizontal .controls textarea {
        width: 641px;
    }

        .form-horizontal .control-group .control-group textarea,
        .form-horizontal .control-group .control-group input[type="text"],
        .form-horizontal .controls input[type="text"].spanshort,
        .form-horizontal .controls textarea.spanshort,
        .accordion-group .form-horizontal .controls input[type="text"],
        .accordion-group .form-horizontal .controls textarea,
        .form-horizontal .controls table input[type="text"],
        .form-horizontal .controls table textarea,
        #formLayout .form-horizontal .controls input[type="text"],
        #formLayout .form-horizontal .controls textarea {
            width: 341px;
        }

.thickBoxWindow .form-horizontal .controls input[type="text"],
.thickBoxWindow .form-horizontal .controls textarea,
.upload-right .controls input[type="text"],
.upload-right .controls textarea {
    width: 300px;
}

.thickBoxWindow .form-horizontal .controls select {
    width: 320px;
}

.content-selector .selector-area input[type="text"] {
    width: 214px;
}

.content-selector .selector-area select {
    width: 160px;
}

.form-horizontal .controls .input-append input[type="text"].number-input,
.form-horizontal .controls .input-prepend input[type="text"].number-input,
.form-horizontal .controls input[type="text"].number-input,
.form-horizontal .controls table input[type="text"].number-input,
.cci-pty-wrap input.number-input[type="text"] {
    width: 106px;
}

.form-horizontal .controls .input-append input[type="text"],
.form-horizontal .controls .input-prepend input[type="text"] {
    width: 298px;
}

.nav-content-filedisplay .tab-overview .form-horizontal .controls input[type="text"],
.nav-content-filedisplay .tab-overview .form-horizontal .controls textarea {
    width: 280px;
}

.nav-content-filedisplay .tab-overview .form-horizontal .controls .input-append input[type="text"] {
    width: 245px;
}

.form-horizontal .controls input-prepend input[type="text"],
.form-horizontal .controls #inputTypeAccordion,
.form-horizontal .controls select,
.dropdown-checkbox-wrapper .accordion-inner {
    padding: 10px;
    margin: 0;
}

    .form-horizontal .controls select.shortspan {
        width: 229px;
    }

.form-horizontal.form-long-label .control-label {
    width: 240px;
}

.form-horizontal.form-long-label .controls {
    margin-left: 260px;
}

.form-horizontal .controls table.field-input-checkboxlist,
.form-horizontal .controls table.field-input-radiobuttonlist,
.form-horizontal table.controls.field-input-checkboxlist,
.form-horizontal table.controls.field-input-radiobuttonlist {
    padding-top: 0px;
    margin-top: 7px; /*Move the padding to margin, if the class is applied to a table element*/
}

.advanced-filter .controls .field-input.field-input-checkboxlist {
    margin-top: 7px;
}

.form-horizontal select {
    padding-left: 6px;
}

    .form-horizontal select option {
        padding-left: 0px;
    }

        .form-horizontal select option:last-child {
            margin-bottom: 6px;
        }

/* Checkbox list / Radio button list style start*/
.field-input-checkboxlist,
.field-input-checkboxlist ul,
.field-input-radiobuttonlist {
    list-style-type: none;
    margin: 0px 0px 7px 0px;
}

.field-input-checkbox-multiline {
    margin: 7px 0px 0px 0px;
}

.controls-urlmapping {
    margin-left: 180px;
}

.url-mapping-note {
    color: #797979;
    width: 450px;
    margin-left: 35px;
}

label.url-mapping-label  {
    color: #404040;
}
.form-horizontal .urlmapping {
    width: 170px;
}
.pseudo-control {
    width: 20px;
    height: 20px;
    background-image: url('/images/icons/control.png');
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
}

    .pseudo-control.focused {
        border-color: rgba(82, 168, 236, 0.8);
        outline: 0;
        outline: thin dotted \9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    }

.form-inline .pseudo-control {
    vertical-align: middle;
}

.field-input-radiobuttonlist .field-input-checkboxlist .pseudo-control.checked,
.field-input-checkboxlist .pseudo-control.checked,
.sc-cal-checkbox .pseudo-control.checked {
    background-position: -20px 0px;
}

.field-input-radiobuttonlist .field-input-checkboxlist .pseudo-control.disabled,
.field-input-checkboxlist .pseudo-control.disabled,
.sc-cal-checkbox .pseudo-control.disabled {
    background-position: -40px 0px;
}

.field-input-radiobuttonlist .field-input-checkboxlist .pseudo-control.checked.disabled,
.field-input-checkboxlist .pseudo-control.checked.disabled,
.sc-cal-checkbox .pseudo-control.checked.disabled {
    background-position: -60px 0px;
}

.pseudo-control > input {
    width: 20px;
    height: 20px;
}

.field-input-checkboxlist > li,
.field-input-radiobuttonlist > li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    line-height: normal;
    margin-right: 20px;
}

.field-input-checkbox-multiline > li:not(:last-child) {
    margin-bottom: 10px;
}

.accordion-group .field-input-radiobuttonlist li,
.accordion-group .field-input-checkboxlist li {
    margin-right: 15px;
}

.field-input-checkboxlist label,
.field-input-radiobuttonlist label {
    display: inline-block;
    word-wrap: break-word;
    zoom: 1;
    *display: inline;
}

.field-input-radiobuttonlist .field-input-checkboxlist input[type=checkbox],
.field-input-checkboxlist input[type=checkbox] {
    padding: 0px;
    margin-top: -1px;
    *margin-left: -1px;
}

.field-input-checkboxlist .field-input-radiobuttonlist input[type=radio],
.field-input-radiobuttonlist input[type=radio] {
    padding: 0px;
    margin-top: -3px;
    *margin-top: -2px;
    *margin-left: -1px;
}

.field-input-checkboxlist .field-input-radiobuttonlist .pseudo-control,
.field-input-radiobuttonlist .pseudo-control,
.sc-cal-radio .pseudo-control,
.sc-cal-radiobuttonlist .pseudo-control {
    background-position: 0px -20px;
}

    .field-input-checkboxlist .field-input-radiobuttonlist .pseudo-control.checked,
    .field-input-radiobuttonlist .pseudo-control.checked,
    .sc-cal-radio .pseudo-control.checked,
    .sc-cal-radiobuttonlist .pseudo-control.checked {
        background-position: -20px -20px;
    }

    .field-input-checkboxlist .field-input-radiobuttonlist .pseudo-control.disabled,
    .field-input-radiobuttonlist .pseudo-control.disabled,
    .sc-cal-radio .pseudo-control.disabled,
    .sc-cal-radiobuttonlist .pseudo-control.disabled {
        background-position: -40px -20px;
    }

    .field-input-checkboxlist .field-input-radiobuttonlist .pseudo-control.checked.disabled,
    .field-input-radiobuttonlist .pseudo-control.checked.disabled,
    .sc-cal-radio .pseudo-control.checked.disabled,
    .sc-cal-radiobuttonlist .pseudo-control.checked.disabled {
        background-position: -60px -20px;
    }

.field-input-radiobuttonlist .field-input-checkboxlist .pseudo-control {
    background-position: 0px 0px;
}
.field-input-radiobuttonlist.rbl-lang-type td {
    width: 180px;
    display: inline-block;
}
/* Span5 Full width Inside accordion*/
.accordion-inner .field-input-column-span5 li {
    width: 428px;
    margin-right: 0;
}

.accordion-inner .field-input-column-span5 label {
    width: 400px; /* Li - 28 */
}

/* span 7*/
.field-input-column-span7 li {
    width: 638px;
}

.field-input-column-span7 label {
    width: 610px;
}

/* End of Checkboxlist / radiobuttonlist*/

.pseudo-select .dropdown-menu {
    z-index: 1001;
}

/* Tab section */
.container-tab {
    color: #404040;
    font-family: Arial;
}

.seamless-nav-content {
    background-color: #FFF;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 4px 4px 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin-bottom: 12px;
    padding: 40px 30px;
    position: relative;
    /*overflow: visible;*/
}

    .seamless-nav-content.all-rounded {
        border-radius: 4px;
    }

    .seamless-nav-content .seamless-nav-content {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #DDDDDD;
    }

    .seamless-nav-content.with-fixed-button-set {
        margin-bottom: 50px;
    }

    .seamless-nav-content.without-tab {
        min-height: auto;
        height: auto;
        border-top: 1px solid #DDDDDD;
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
    }

    .seamless-nav-content.margin-centered {
        margin: 0 auto;
        float: none;
    }

#link-input {
    cursor: auto;
}

/* Link Tab */
.link-list {
    list-style: none;
    margin-left: 0px;
}

    .link-list a {
        font-family: Arial;
        font-size: 13px;
        font-style: italic;
        margin-left: 12px;
    }

/* Object type management screen */
.handlecell {
    width: 23px;
}

.handle {
    background-image: url("bootstrap/img/glyphicons-halflings.png");
    background-position: -168px -72px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#formLayout li .handle {
    float: left;
    margin-right: 8px;
    margin-top: 12px;
}

.available-list {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    margin-left: -15px;
    margin-bottom: 15px;
}

    .available-list .btn {
        text-align: left;
        margin-left: 15px;
        margin-bottom: 17px;
        position: relative;
        padding: 14px 0 0 20px;
        width: 232px;
        height: 31px;
        font-weight: bold;
        font-size: 16px;
    }

        .available-list .btn:hover {
            text-decoration: none;
        }

    .available-list .icon-plus {
        margin-right: 5px;
    }


    .available-list span {
        float: left;
    }

.editcol .editbtn {
    border: 0px;
    padding: 0px;
    width: 20px;
    height: 20px;
    background-color: transparent;
}

.field-input-checkboxlist.three-col li,
.field-input-radiobuttonlist.three-col li {
    width: 198px;
}

.field-input-checkboxlist.three-col label,
.field-input-radiobuttonlist.three-col label {
    width: 170px;
}

.accordion-group .field-input-checkboxlist.three-col li,
.accordion-group .field-input-radiobuttonlist.three-col li {
    width: 187px;
}

.accordion-group .field-input-checkboxlist.three-col label,
.accordion-group .field-input-radiobuttonlist.three-col label {
    width: 159px;
}

.field-input-checkboxlist.four-col li,
.field-input-radiobuttonlist.four-col li {
    width: 142px;
}

.field-input-checkboxlist.four-col label,
.field-input-radiobuttonlist.four-col label {
    width: 110px;
}

.accordion-group .field-input-checkboxlist.four-col li,
.accordion-group .field-input-radiobuttonlist.four-col li {
    width: 137px;
}

.accordion-group .field-input-checkboxlist.four-col label,
.accordion-group .field-input-radiobuttonlist.four-col label {
    width: 109px;
}

.field-input-checkboxlist.one-col li, .field-input-radiobuttonlist.one-col li {
    width: 100%;
}


.field-input-checkboxlist.one-col label, .field-input-radiobuttonlist.one-col label {
    width: 72%;
    vertical-align: top;
}

#divLeftColumn .ui-resizable-handle {
    width: 30px;
    right: -30px;
}

    #divLeftColumn .ui-resizable-handle:hover {
        background-image: url("/images/hr-dotted-vertical.gif");
        background-repeat: repeat-y;
        background-position: center top;
    }

/* table */

[class*="span"].no-margin {
    margin-left: 0px;
}

.gridview-wrapper {
    display: inline-block;
    margin-bottom: 10px;
    overflow: auto;
    width: 100%;
    height: 845px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.seamless-table {
    border-left: none;
    border-right: none;
    border-collapse: separate !important;
    width: 100%;
    margin-left: 0;
}

    .seamless-table th {
        background-color: #f5f5f5;
        border-top: #f1f1f1 1px solid;
        border-bottom: solid 1px #e7e7e7;
        /*white-space:nowrap; creates overlapping headers in the default grid views*/
        padding: 12px;
    }

    .seamless-table .checkbox-header,
    .seamless-table .checkbox-row {
        width: 20px;
        text-align: center;
    }

    .seamless-table th a {
        color: #2182d5;
    }

table .field-input-checkboxlist .pseudo-control {
    margin-right: 0;
}

/* Seamless table variations */
.seamless-table.headerless-table {
    border-top: 1px solid #E0E0E0;
}
/* Table without a header row */
.seamless-table.top-aligned tr td {
    vertical-align: top;
}
/*Align all data cells to vertical-top*/
.seamless-table.middle-aligned tr td {
    vertical-align: middle;
}
    /*Align all data cells to vertical-middle*/
    .seamless-table.middle-aligned tr td textarea {
        margin-bottom: 0;
    }

.seamless-table.layout-fixed {
    table-layout: fixed;
}
    /* Table with fixed layout */
    .seamless-table.layout-fixed tr td,
    .seamless-table.layout-fixed tr th {
        word-wrap: break-word;
    }
.seamless-table td.fixed {
    word-break: break-all;
    word-wrap: break-word;
}

.seamless-table.center-aligned tr td /* Data cells in table are horizontally centered */ {
    text-align: center;
}

.seamless-table.no-grid {
}
    /* Table with no grid lines */
    .seamless-table.no-grid th {
        padding-top: 9px;
        padding-bottom: 9px;
        background-image: none;
        background-color: #f5f5f5;
        border-bottom: 1px solid #cfcfcf;
    }

    .seamless-table.no-grid td {
        border: 0px !important;
        background: #fff !important;
    }
/* /Seamless table variations*/

.seamless-table tr > .sgv-checkbox-field {
    padding-left: 15px;
    padding-right: 5px;
    vertical-align: middle;
}

.seamless-table > tbody > tr > td:last-child {
    padding-right: 20px;
}

.seamless-table tbody tr.active td {
    background-color: #daecf8;
}

.seamless-table td.buttonCell {
    text-align: right;
}

.seamless-table tr.pager-row td,
.seamless-table.headerless-table tr.pager-row td,
.lt-ie9 .seamless-table.headerless-table tr.pager-row td {
    background-color: transparent;
}

.lt-ie9 .seamless-table tbody tr.even td {
    background-color: #fff;
}

.table-reorder > tbody > tr:hover {
    cursor: move;
    background-color: #eaf3f7;
}

#hyperlinkTable.seamless-table tr td {
    position: relative;
}

#hyperlinkTable .icon-remove,
#hyperlinkTable .showTreeView {
    cursor: pointer;
}

.ui-dialog #hyperlinkTable .input-append input {
    position: static;
}

.hover-table tbody tr:hover {
    background-color: #eee;
}

.hover-table tbody tr.pager-row:hover,
.pager-row table tbody tr:hover /* Paging table override*/ {
    background-color: transparent;
}

tr.ui-sortable-helper {
    display: table;
}

.ui-sortable-helper .hide-on-move {
    display: none;
}

.overview-table {
    table-layout: fixed;
    margin-bottom: 0;
}

.font-small {
    font-size: 13px;
}

.overview-table.seamless-table tr td a {
    color: #2182d5;
}
/**** Page row for grid view paging ***/
.seamless-table tr.pager-row td {
    border-bottom: none;
}

.seamless-table tr.pager-row table {
    margin: 8px auto;
    border-collapse: separate;
}

    .pager-row table td,
    .seamless-table tr.pager-row table td {
        line-height: 20px;
        padding: 4px 10px;
        margin: 0px 2px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        border: 1px solid #dddddd;
        /*border-left:none;*/
    }

        .seamless-table tr.pager-row table td:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-left: 1px solid #dddddd;
        }

        .seamless-table tr.pager-row table td:last-child {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .pager-row table td.active a {
            color: #5B5B5B;
        }

            .pager-row table td.active a:hover {
                color: #5B5B5B;
                text-decoration: none;
            }

/*Supports 2-levels of hover row*/
.hover-row .hover-item,
.hover-row:hover .hover-row .hover-item {
    visibility: hidden;
}

.hover-row:hover .hover-item,
.hover-row:hover .hover-row:hover .hover-item {
    visibility: visible;
}

.accordion-heading {
    /*background-image: url("/images/icons/accordion.png");
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 37px;
    font-weight: bold;*/
    border-radius: 3px 3px 3px 3px;
    /* height: 32px; */
    overflow: hidden;
}

    .accordion-heading .accordion-toggle {
        /* height:20px;
    /*padding:6px 0px 6px 7px; SR-Content*/
        padding: 6px 0px 6px 10px;
        color: #797979; /*#404040; SR-Content*/
        background: url("/images/icons/accordion.png"), linear-gradient(to bottom, #FFFFFF, #E6E6E6);
        background-position: right top;
        background-repeat: no-repeat;
        background: url("/images/icons/accordion.png") no-repeat scroll right top #F5F5F5\9; /*IE8 only*/
    }

    .accordion-heading a.accordion-toggle:hover,
    .accordion-heading a.accordion-toggle:hover span.field-title {
        /*color:#fff;*/
    }

.accordion-group {
    border-color: #CCCCCC;
}

.accordion-heading:hover {
    /*color:#fff;
    background-color:#1c5b91;*/
}

.accordion-heading .accordion-toggle:hover, .accordion-heading .accordion-toggle:focus {
    text-decoration: none;
    background: url("/images/icons/accordion.png"), linear-gradient(to bottom, #F2F2F2, #E6E6E6);
    background-position: right -32px;
    background-repeat: no-repeat;
    background-size: auto 64px;
    background: url("/images/icons/accordion.png") no-repeat scroll right top #E6E6E6\9; /*IE8 only*/
}

.section-accordion-heading {
    font-weight: bold;
    color: #404040;
    font-size: 16px;
}

.accordion-heading.section-accordion-heading .accordion-toggle {
    padding: 6px 16px 6px 20px;
    border-bottom: 1px solid #E5E5E5;
    background-image: none;
    background-color: #f7f7f7;
    font-weight: bold;
    font-size: 16px;
    color: #404040;
    display: block;
    position: relative;
}

.data-definition-element .accordion-body.in {
    border-top: 1px solid #E5E5E5;
}

.accordion-heading.section-accordion-heading:hover .accordion-toggle {
    color: #404040;
}

.accordion-heading.section-accordion-heading .accordion-toggle.collapsed {
    border-bottom: none;
}

.accordion-heading.section-accordion-heading .caret {
    position: absolute;
    top: 50%;
    right: 8px;
}
/*.datalistview-accordion-heading
{
    padding:10px;
}
.datalistview-accordion-heading .field-title
{
    font-size:1.3em;
}
.datalistview-accordion-heading
{
    background-position:right -66px;
}
.datalistview-accordion-heading:hover
{
    background-position:right -119px;
}*/

.btn.top-aligned, .top-aligned input.btn {
    vertical-align: top;
}

img.space-right {
    margin-right: 10px;
}

img.space-both {
    margin: 0 10px;
}

.red {
    color: #F00;
}

.field-input-column-span3 li {
    width: 308px; /* (Span6 + 10) / 2 */
}

.field-input-column-span3 label {
    width: 280px; /* Li - 28 */
}

.field-input-column-span3 .form-input-option label {
    width: auto;
}

/*Form*/
.form-horizontal.margin-small .controls {
    margin-left: 60px;
    margin-bottom: 5px;
}

.form-horizontal.margin-small .control-label {
    width: 50px;
}

.form-horizontal.form-filter .control-group {
    margin-bottom: 5px;
}

.form-horizontal.form-filter .control-label {
    width: 80px;
}

.form-horizontal.form-filter .controls {
    margin-left: 100px;
}

/* Form*/


/* common classes */
.layout-table {
    display: table;
}

.layout-table-cell {
    display: table-cell;
    vertical-align: top;
}

.parent-half {
    width: 49%;
}

.code-area {
    border-style: solid;
    border-width: 1px;
    margin-top: 3px;
    border-right-color: #D4D0CB;
    border-bottom-color: #D4D0CB;
    overflow: hidden;
}

.inline {
    display: inline-block;
}

.central {
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

.opacity-none {
    opacity: 0;
    filter: alpha(opacity=0);
}

.background-none {
    background: none;
}

.hidden {
    display: none !important;
}

.vertical-gap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.vertical-gap-big {
    margin-bottom: 30px;
}

.bottom-gap10,
.bottom-gap {
    margin-bottom: 10px;
}

.bottom-gap-large {
    margin-bottom: 20px;
}

.top-gap-extra-large {
    margin-top: 45px;
}

.top-gap-large {
    margin-top: 20px;
}

.top-gap10,
.top-gap {
    margin-top: 10px;
}

.left-gap {
    margin-left: 10px;
}

.right-gap {
    margin-right: 10px;
}

.right-gap-medium {
    margin-right: 15px;
}

.side-gap {
    margin-left: 10px;
}

.pull-left .side-gap:first-child {
    margin-left: 0;
}

.top-gap-small {
    margin-top: 5px;
}

.full-width,
.form-horizontal .controls input.full-width,
.form-horizontal .controls textarea.full-width {
    width: 646px;
}

.ui-dialog-content-body .full-width {
    width: 100%;
    box-sizing: border-box;
}

.ui-dialog-content-body .content-wrap {
    max-width: 95%;
}

.text-grey-italic {
    color: #828282;
    font-style: italic;
}

.text-grey {
    color: #828282;
}

.light-text {
    font-weight: normal !important;
}
/* end common classes */


/* Seamless Calendar */
.sc-cal-dialog .btn.btn-add-on {
    padding: 8px 12px;
    font-size: 13px;
    line-height: 16px;
    vertical-align: top;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    position: static;
}

.sc-cal-dialog .pseudo-dropdown-mini .btn.btn-add-on {
    padding: 0 8px;
}

.sc-cal-dialog .sc-cal .sc-cal-tab {
    border: 0;
    margin-bottom: 0;
}

.sc-cal .sc-cal-tab:after {
    clear: both;
}

.sc-cal .sc-cal-tab:before, .sc-cal .sc-cal-tab:after {
    display: table;
    content: "";
    line-height: 0;
}

.sc-cal-dialog .sc-cal .sc-cal-tab li {
    padding: 0;
    border: 0;
    margin-bottom: -1px;
    float: left;
}

    .sc-cal-dialog .sc-cal .sc-cal-tab li a {
        border-color: #EEEEEE #EEEEEE #DDDDDD;
        color: #676767;
        outline: none;
        font-size: 12px;
        background-color: #E5E5E5;
        padding: 4px 20px;
        text-decoration: none;
    }

.sc-cal-dialog .sc-cal h3 {
    font-weight: normal;
    margin-bottom: 0;
}

.sc-cal-dialog .sc-cal .sc-cal-tab li.active a,
.sc-cal-dialog .sc-cal .sc-cal-tab li a:focus {
    font-weight: normal;
    background: white;
    border-bottom-color: transparent;
}

.sc-cal-dialog .sc-cal .sc-cal-tab li a:focus {
    outline: 1px solid #ccc;
}

.sc-cal-dialog .sc-cal-tab-content {
    background-color: #FFF;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 4px 4px 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin-bottom: 12px;
    padding: 30px 20px;
}

.sc-cal-dialog .sc-cal-section-pattern,
.sc-cal-section-range {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}

.sc-cal-section-range {
    padding: 10px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sc-cal-dialog .sc-cal-section-pattern > .sc-cal-right {
    border-left: 1px solid #ddd;
}

.sc-cal-dialog .sc-cal-radiobuttonlist li {
    margin: 0;
}

.sc-cal-dialog .sc-cal-pane {
    padding: 0;
    border: 0;
}

.sc-cal-dialog .scpicker > input, .input-prepend.scpicker > input[type="text"], .input-append.scpicker > input[type="text"] {
    height: auto;
}

.sc-cal .pseudo-dropdown-container {
    display: inline-table;
    vertical-align: bottom;
}

.sc-cal .sc-cal-row .pseudo-dropdown-container {
    margin-right: 10px;
}

.sc-cal .pseudo-dropdown-container .btn-group {
    display: table-row;
}

.sc-cal .pseudo-dropdown-container .pseudo-dropdown-text,
.sc-cal .pseudo-dropdown-container .btn-add-on {
    display: table-cell;
}

.sc-cal .sc-cal-error {
    margin-bottom: 0;
    margin-top: 20px;
}
/*end seamless calendar */
/* Page Permssion */
.page-permission-popup {
    height: 520px;
    margin-bottom: 20px;
}
/* Page Permission */
/* start Workflow management */
.workflow-panel .add-eas {
    margin-bottom: 10px;
}

    .workflow-panel .add-eas .pseudo-dropdown-container {
        margin-right: 5px;
    }

.form-horizontal .controls .add-eas select,
.form-horizontal .controls .add-eas input[type="text"] {
    width: 230px;
}


.workflow-panel .checkbox-col {
    width: 55px;
}

.workflow-panel td.checkbox-col {
    text-align: center;
}


/* end Workflwo management */

/* object-type-overview */
.object-type-overview .thumbnails li {
    margin-left: 15px;
}

.object-type-overview .thumbnails {
    margin-left: -15px;
}

.object-type-overview .thumbnail:hover {
    border-color: #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.object-type-overview .qq-upload-button {
    width: 250px;
}
/* object-type-overview ends */

/* file admin.aspx */

/* end file admin.aspx */
.popup-window {
    width: 600px;
    height: 500px;
    display: none;
}

.textBoxOutsideDiv {
    border-style: solid;
    border-right-color: #D4D0CB;
    border-bottom-color: #D4D0CB;
    border-width: 1px;
    margin-top: 3px;
}

.editable-input.code-mirror {
    width: 99%;
    margin-bottom: 12px;
}

.editable-input.code-mirror-form-template {
    width: 558px;
}

.ui-dialog .editable-input.code-mirror-form-template {
    width: 526px;
}

.editable-input.shared-pages {
    width: 100%;
    margin-bottom: 12px;
    list-style: none;
}

.shared-pages li {
    white-space: normal;
    display: block;
    margin-top: 12px;
}

    .shared-pages li a,
    .shared-pages li img {
        display: inline-block;
        vertical-align: middle;
    }

    .shared-pages li a {
        width: 190px;
    }

    .shared-pages li:first-child {
        margin-top: 0px;
    }

.btn-group .btn-add-on,
.input-append .btn-add-on {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 13px;
    line-height: 16px;
    vertical-align: top;
}

    .input-append .btn-add-on.fixed-height,
    .btn-group .btn-add-on.fixed-height {
        height: 16px;
    }

ul#formLayout {
    list-style-type: none;
    margin: 0;
}

.row.form-layout {
    margin-bottom: 12px;
    margin: 0;
}

li.hover-row {
    border: 1px solid #FFFFFF;
    cursor: url("/images/icons/move.png"), auto;
    padding: 10px 10px;
    background: #fafafa;
    margin-bottom: 5px;
}

    li.hover-row:hover,
    li.hover-row.row-active {
        background-color: #F4F9FF;
        border: 1px dashed #C1C1C1;
        background-color: #F4F9FF;
    }

    li.hover-row input,
    li.hover-row textarea,
    li.hover-row .input-append,
    li.hover-row .input-prepend,
    li.hover-row ul.form-input-options {
        margin-bottom: 0;
    }

#formLayout li input.change-on-focus:focus {
    font-family: Arial;
    font-size: 14px;
    color: #404040;
    font-style: normal;
}

#formLayout li.hover-row:hover .option,
#formLayout li.hover-row.row-active .option {
    visibility: visible;
}

#formLayout .option {
    cursor: pointer;
    padding: 4px;
    visibility: hidden;
}

    #formLayout .option,
    #formLayout .option i {
        cursor: pointer;
    }

li.hover-row .form-input-questions {
    padding-left: 20px;
}

.form-control-label {
    width: 300px;
    margin-right: 20px;
    margin-left: 20px;
}

    .form-control-label input {
        background: none;
        border: none;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
        border-radius: 0;
    }

        .form-control-label input.field-input[type="text"] {
            color: #404040;
        }

        .form-control-label input::-moz-placeholder {
            font-style: normal;
        }

        .form-control-label input::-webkit-input-placeholder {
            font-style: normal;
        }

        .form-control-label input::-ms-input-placeholder {
            font-style: normal;
        }

.form-control-input {
    width: 407px;
}

    .form-control-input input,
    .form-control-input textarea {
        width: 370px;
        margin-right: 15px;
    }

.form-control-label input.form-input-label.control {
    width: 710px;
}

.form-control-input.date-input input {
    margin-right: 0;
    width: 338px;
}

.form-control-input.rank-input input.option-sequence {
    width: 50px;
}

.form-control-input.rank-input .form-input-option {
    margin-top: 10px;
}

    .form-control-input.rank-input .form-input-option:first-child {
        margin-top: 0;
    }

.form-control-input.rank-input input.option-text {
    width: 100px;
}

.form-control-input.file-input input[type=text] {
    width: 275px;
}

.form-control-input.file-input input[type=button] {
    width: 75px;
}

.form-control-input .field-input-checkboxlist input {
    width: auto;
}

.form-control-input .field-input-checkboxlist label {
    width: auto;
}

.create-new-btn {
    margin-bottom: 20px;
    max-width: 268px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-sortable-helper .row.form-layout {
    background-color: #EEEEEE;
}

#templateMap {
    margin-bottom: 16px;
}

.form-input-template {
    display: none;
}

/** Bootstrap tooltip customization **/
.sctooltip {
    cursor: pointer;
}
.control-label label + .sctooltip {
    margin-left:5px;
}

.tooltip {
    overflow-wrap: break-word;
    word-break:break-word; 
    word-wrap:break-word;
}

#treeHyperlink {
    max-height: 300px;
    display: block;
    width: auto;
    overflow: auto;
}

.no-margin-left {
    margin-left: 0px !important;
}

.no-margin-top {
    margin-top: 0px !important;
}

.hyperlink-selector-file {
    color: Orange;
}

.hyperlink-selector-folder {
    color: green;
}

.unselectable-node {
    font-weight: bold;
    cursor: default;
}

#hyperlinkPopup {
    display: none;
}

/* Object type selector styles starts */
.object-type-selector img.loading {
    position: absolute;
    top: 30px;
    right: 30px;
}

.result-list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #ccc;
    max-height: 340px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .result-list ul, .result-list li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .result-list li {
        padding: 12px 15px;
        background: #f9f9f9;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #e0e0e0;
        background-repeat: no-repeat;
        background-position: 20px center;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .result-list li:nth-child(even) {
            background-color: #fff;
        }

        .result-list li:hover,
        .result-list li.active {
            background-color: #daecf8;
        }

        .result-list li.page {
            background-image: url('/images/treeview/page.png');
        }

        .result-list li.type {
            background-image: url('/images/treeview/child_pages.png');
        }

    .result-list img,
    .result-list span.text {
        display: inline-block;
        vertical-align: middle;
    }

    .result-list span.text {
        width: 360px;
    }
/* Object type selector styles ends */

/* Content Selector Popup styles start */
.content-selector {
    padding: 0px;
    background: #fff;
}

    .content-selector .selector-area {
        padding: 10px;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 20px;
        -moz-box-shadow: 0px 0px 5px #ccc;
        box-shadow: 0px 0px 5px #ccc;
    }

        .content-selector .selector-area input[type="text"] {
            margin-right: 15px;
        }

    .content-selector .content-area {
        float: left;
        margin-right: 60px;
        width: 330px;
    }

    .content-selector .options-area {
        float: left;
        width: 250px;
    }

        .content-selector .options-area select,
        .content-selector .options-area .pseudo-dropdown,
        .content-selector .options-area .landing-page .sub-text {
            width: 250px;
        }

        .content-selector .options-area .field-title {
            font-weight: normal;
        }

    .content-selector .popup-footer {
        display: none;
    }

    .content-selector select {
        width: 182px;
    }
/* Content Selector Popup styles end */

.content-element-filetype-icon {
    width: 100px;
    height: 100px;
    margin: 12px;
    margin-left: 6px;
    border: solid darkgray 1px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f5f5f5;
    display: block;
}

a.content-element-filetype-icon:hover {
    text-decoration: none;
}

.content-element-filename {
    margin-bottom: 12px;
    margin-top: 12px;
    width: 286px;
    word-wrap: break-word;
}

    .content-element-filename.multiple-fileupload {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 24px;
    }

.multiple-fileupload .filetype-icon {
    width: 16px;
    height: 21px;
    background-size: 16px;
    display: block;
    margin-top: 4px;
}

.multiple-fileupload .fileName {
    width: 260px;
    display: block;
}

.content-element-filetype-icon {
    background-image: url('/images/treeView/page.png');
    width: 50px;
    height: 50px;
    padding: 25px;
}

.comments-list {
    max-height: 500px;
    overflow-y: auto;
}

.spell-checker-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 6px;
    display: none;
}

    .spell-checker-btn.spell-btn-adjust-top {
        top: 28px;
    }

    .spell-checker-btn .spell-icon {
        width: 18px;
        height: 20px;
        display: block;
        background: url('/images/spellcheck.png') center center no-repeat;
    }

.section-item-panel-container:hover .spell-checker-btn,
.relative:hover .spell-checker-btn {
    display: block;
}

.rad-spell-checker, .rad-spell-check-all {
    /* Never display the actual spell checker control. 
    Show a fake button for each spell check enabled elements and 
    bind them on demand on client side with the spell checked*/
    display: none;
}

.rad-tree-view.overflow-scroll {
    overflow: scroll !important;
    background: #eee;
}

.accordion-field-title,
.hyperlink-remove-link {
    cursor: pointer;
}

.btn-set-left input {
    margin-bottom: 16px;
}

.list-hyperlink-element a {
    cursor: pointer;
}

input.hyperlink-remove-link {
    background-color: transparent;
    width: 14px;
    border: 0px;
}

.hover-group {
    display: none;
}

.has-hover-button:hover .hover-group {
    display: inline-block;
}

.hover-group a {
    margin-left: 8px;
    cursor: pointer;
}

.link-archive {
    list-style: none;
    margin-left: 0px;
    word-wrap: break-word;
}

    .link-archive li {
        padding-left: 20px;
        background-image: url('/images/hyperlink.png');
        background-repeat: no-repeat;
        background-position: left center;
    }

    .link-archive .input-prepend {
        margin-top: 15px;
    }

.has-hover-button .field-title {
    margin-left: 10px;
    cursor: default;
}

.wysiwyg-list {
    list-style: none;
    margin: 0px;
}

/*.tab-content .pseudo-dropdown, .seamless-nav-content .pseudo-dropdown,
.tab-content .pseudo-dropdown-treeview, .seamless-nav-content .pseudo-dropdown-treeview,*/
.tab-content .pseudo-dropdown-checkboxlist, .seamless-nav-content .pseudo-dropdown-checkboxlist {
    margin-left: 0px;
    position: absolute;
}

.seamless-table .pseudo-dropdown {
    position: relative;
}

#divLeftColumn .pseudo-dropdown {
    margin-left: 0px;
    margin-bottom: 9px;
}

.form-layout .pseudo-dropdown-container {
    display: inline-block;
    height: 36px;
}

    .form-layout .pseudo-dropdown-container .pseudo-dropdown .pseudo-dropdown-text {
        width: 342px !important;
    }

.table-condensed .pseudo-dropdown-container {
    height: 33px;
    padding-top: 4px;
}

.tab-content .height-20 .pseudo-dropdown-container, .seamless-nav-content .height-20 .pseudo-dropdown-container {
    display: inline-block;
    height: 20px;
}

.template-map.editable-input {
    border: medium none;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 246px;
    width: auto;
}

.disabled .template-map.editable-input {
    cursor: pointer;
}

/*** Popup pages styles ***/
#txtSearchKeyword.searchboxnotready, .txtSearchKeyword.searchboxnotready {
    color: #888888;
}

.itemBox {
    float: left;
    margin: 5px;
    overflow: hidden;
    position: relative;
    height: 114px;
    display: block;
    border: 1px solid #ccc;
    background-color: #838383;
}

.file-manager,
.file-uploader,
.info-window {
    width: 100%;
    height: 100%;
}

.file-uploader,
.info-window {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
}

    .file-uploader .nav-col,
    .file-uploader .content-col,
    .info-window .nav-col,
    .info-window .content-col,
    .file-manager .nav-col,
    .file-manager .content-col {
        max-height: 100%;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        padding-top: 10px;
    }

.file-manager .nav-col {
    width: 30%;
    overflow: auto;
    border-right: 1px dotted #888888;
    vertical-align: top;
    overflow: auto;
}

    .file-manager .nav-col .RadTreeView {
        overflow: visible;
    }

.file-uploader .nav-col,
.file-uploader .content-col,
.info-window .nav-col,
.info-window .content-col {
    padding-top: 25px;
    vertical-align: top;
}

.file-uploader .nav-col,
.info-window .nav-col {
    width: 40%;
    border-right: 2px solid #333333;
    padding-right: 20px;
}

.file-uploader .content-col,
.info-window .content-col {
    width: 60%;
    padding-left: 20px;
}

    .file-uploader .content-col input[type="text"] {
        width: 286px;
    }

.file-manager .content-col {
    width: 70%;
    position: relative;
}

.file-manager .form-search {
    margin-left: 10px;
}

.file-manager .img-div {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    height: 124px;
    width: 100%;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/images/filetypeicons/unknown.svg);
}

    .file-manager .img-div.filetype_7z {
        background-image: url(/images/filetypeicons/archive.svg);
    }

    .file-manager .img-div.filetype_aac {
        background-image: url(/images/filetypeicons/audio.svg);
    }

    .file-manager .img-div.filetype_aiff {
        background-image: url(/images/filetypeicons/audio.svg);
    }

    .file-manager .img-div.filetype_avi {
        background-image: url(/images/filetypeicons/video.svg);
    }

    .file-manager .img-div.filetype_bmp {
        background-image: url(/images/filetypeicons/image.svg);
    }

    .file-manager .img-div.filetype_css {
        background-image: url(/images/filetypeicons/css.svg);
    }

    .file-manager .img-div.filetype_divx {
        background-image: url(/images/filetypeicons/video.svg);
    }

    .file-manager .img-div.filetype_doc {
        background-image: url(/images/filetypeicons/word.svg);
    }

    .file-manager .img-div.filetype_docx {
        background-image: url(/images/filetypeicons/word.svg);
    }

    .file-manager .img-div.filetype_flv {
        background-image: url(/images/filetypeicons/video.svg);
    }

    .file-manager .img-div.filetype_gif {
        background-image: url(/images/filetypeicons/image.svg);
    }

    .file-manager .img-div.filetype_htm {
        background-image: url(/images/filetypeicons/html.svg);
    }

    .file-manager .img-div.filetype_html {
        background-image: url(/images/filetypeicons/html.svg);
    }

    .file-manager .img-div.filetype_ibook {
        background-image: url(/images/filetypeicons/ibook.svg);
    }

    .file-manager .img-div.filetype_ibooks {
        background-image: url(/images/filetypeicons/ibook.svg);
    }

    .file-manager .img-div.filetype_jpg {
        background-image: url(/images/filetypeicons/image.svg);
    }

    .file-manager .img-div.filetype_jpeg {
        background-image: url(/images/filetypeicons/image.svg);
    }

    .file-manager .img-div.filetype_js {
        background-image: url(/images/filetypeicons/css.svg);
    }

    .file-manager .img-div.filetype_mid {
        background-image: url(/images/filetypeicons/audio.svg);
    }

    .file-manager .img-div.filetype_mp3 {
        background-image: url(/images/filetypeicons/audio.svg);
    }

    .file-manager .img-div.filetype_mp4 {
        background-image: url(/images/filetypeicons/video.svg);
    }

    .file-manager .img-div.filetype_mpg {
        background-image: url(/images/filetypeicons/video.svg);
    }

    .file-manager .img-div.filetype_pdf {
        background-image: url(/images/filetypeicons/pdf.svg);
    }

    .file-manager .img-div.filetype_ppt {
        background-image: url(/images/filetypeicons/powerpoint.svg);
    }

    .file-manager .img-div.filetype_pptx {
        background-image: url(/images/filetypeicons/powerpoint.svg);
    }

    .file-manager .img-div.filetype_png {
        background-image: url(/images/filetypeicons/image.svg);
    }

    .file-manager .img-div.filetype_rar {
        background-image: url(/images/filetypeicons/archive.svg);
    }

    .file-manager .img-div.filetype_svg {
        background-image: url(/images/filetypeicons/image.svg);
    }

    .file-manager .img-div.filetype_swf {
        background-image: url(/images/filetypeicons/flash.svg);
    }

    .file-manager .img-div.filetype_tiff {
        background-image: url(/images/filetypeicons/image.svg);
    }

    .file-manager .img-div.filetype_txt {
        background-image: url(/images/filetypeicons/text.svg);
    }

    .file-manager .img-div.filetype_wav {
        background-image: url(/images/filetypeicons/audio.svg);
    }

    .file-manager .img-div.filetype_xls {
        background-image: url(/images/filetypeicons/excel.svg);
    }

    .file-manager .img-div.filetype_xlsx {
        background-image: url(/images/filetypeicons/excel.svg);
    }

    .file-manager .img-div.filetype_xml {
        background-image: url(/images/filetypeicons/html.svg);
    }

    .file-manager .img-div.filetype_zip {
        background-image: url(/images/filetypeicons/archive.svg);
    }

.fileupload-control {
    height: 70px;
}

.qq-upload-list li.qq-upload-success {
    background: #04ac73 !important;
}

.file-manager .fileInfo {
    text-align: center;
    background: #333;
    overflow: hidden;
    color: #ffffff;
    font-family: Verdana,Courier,Arial;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.file-manager .form-horizontal .controls input[type="text"] {
    width: 250px;
}

.file-manager .form-horizontal .controls select {
    box-sizing: content-box;
    width: 250px;
}

.file-manager .form-horizontal .controls input[type="text"].number-input {
    width: 100px;
}

.file-manager .w-h-x {
    display: inline-block;
    vertical-align: baseline;
    width: 28px;
    text-align: center;
}

.file-manager .selected .fileInfo {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#upnlFileList {
    display: block;
}

    #upnlFileList .currentpath {
        font-family: Verdana,Courier,Arial;
        font-size: 10px;
        margin: 5px 0px;
    }

.contentExplorer {
    width: 687px;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 480px;
    padding-left: 10px;
    position: relative;
}

    .contentExplorer .disabled {
        opacity: 0.3;
    }

    .contentExplorer li.selected,
    .contentExplorer tr.selected {
        /*using same style as the bootstrap*/
        border-color: rgb(82,168,236);
        -webkit-box-shadow: inset 0 0px 7px rgba(0, 0, 0, 1), 0 0 10px rgb(82,168,236);
        -moz-box-shadow: inset 0 0px 7px rgba(0, 0, 0, 1), 0 0 10px rgb(82,168,236);
        box-shadow: inset 0 0px 7px rgba(0, 0, 0, 1), 0 0 10px rgb(82,168,236);
    }

    .contentExplorer tr.selected {
        outline: 1px solid rgb(82,168,236);
    }

.file-manager .content-col > div {
    position: relative;
    height: 524px;
}

.file-manager .options-container {
    position: absolute;
    width: 100%;
    bottom: -40px;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

    .file-manager .options-container .options-pane {
        max-height: 440px;
        overflow: auto;
        background: rgba(245, 245, 245, 0.95);
        padding: 10px;
        border-top: 1px solid #ccc;
    }

    .file-manager .options-container.open {
        bottom: 200px;
    }

    .file-manager .options-container img.drawer {
        width: 38px;
        height: 18px;
        margin: 0 auto;
        display: block;
        cursor: pointer;
        background: rgba(245, 245, 245, 0.95);
        padding: 4px;
        margin-bottom: -1px;
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    .file-manager .options-container.open img.drawer {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

.file-manager .button-pane,
.file-uploader .button-pane,
.info-window .button-pane {
    padding: 20px 25px;
    background: #f6f6f6;
    border: 1px solid #aaaaaa;
    border-width: 1px 0 0 0;
    position: relative;
}

.file-uploader > div,
.info-window > div {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

.file-uploader .content-pane,
.info-window .content-pane {
    height: 100%;
    padding-top: 0;
}

.file-uploader .button-pane,
.info-window .button-pane {
    position: absolute;
    bottom: 0;
}

.info-window .preview-pane {
    width: 400px;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    box-shadow: 0 0 10px #8F8F8F;
    border-radius: 5px;
    padding: 10px;
    margin-left: 20px;
}

.info-window .preview-pane video,
.info-window .preview-pane audio {
    width:400px;
}
.info-window .preview-pane audio {
    margin-top: 105px;
}
.info-window .preview-pane video {
    height:250px;
}

.info-window .content-pane .seamless-table th {
    width: 30%;
    text-align: left;
}

.info-window .content-pane .preview-pane + .seamless-table {
    width: 50%;
}

ul.items-grid {
    margin: 0;
    padding: 10px 0 30px 0;
}

    ul.items-grid li {
        display: inline-block;
        position: relative;
        width: 124px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 5px;
        border-radius: 3px;
    }

        ul.items-grid li:hover .infoimg {
            display: block;
        }

        ul.items-grid li.disabled {
            opacity: 0.3;
        }

        ul.items-grid li.more {
            width: 100%;
            text-align: center;
            cursor: pointer;
        }
        ul.items-grid li.more.loading {
            text-indent: -99999px;
            background: url('/images/loading.gif') no-repeat scroll center center #FFFFFF;
        }

.file-manager tr.more td {
    text-align: center;
    cursor: pointer;
}

.preview-image {
    width: 420px;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    cursor: pointer;
}

#contentSlider {
    float: left;
}

.pagingInfo {
    display: block;
    padding-right: 36px;
    text-align: right;
}

.itemsGrid {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.infoimg {
    display: none;
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
}

.itemBox:hover .infoimg {
    display: block;
}

tr .infoimg {
    position: initial;
    display: initial;
}

.thickBoxOverlay {
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 1000;
    background-color: #000000;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    display: none;
}

.thickBoxWindow {
    background-color: #F8F8F8;
    border: 4px solid #525252;
    left: 50%;
    text-align: left;
    top: 50%;
    padding: 10px;
    z-index: 1000;
    position: fixed;
    display: none;
    /*overflow-y: auto;
    overflow-x: hidden; Dropdowns inside the insert manager dialog's options popup create scroll bars*/
}

#upnlInfoWindow {
    font-family: Arial;
    font-size: 13px;
}

.optionswindow {
    display: none;
}

#upnlFolderList {
    display: block;
    overflow: scroll;
    height: 592px;
}

#imgPreviewSmall {
    width: 100%;
    height: 250px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-bottom: 5px;
}

    #imgPreviewSmall.documentPreview {
        float: right;
        height: 50px;
        width: 50px;
        cursor: auto;
    }

.optionsFrame table {
    width: 250px;
    color: #333;
    font-family: Arial;
    font-size: 11px;
}

.optionsFrame input.inputBox, .optionsFrame select.inputOption {
    color: #333;
    font-family: Arial;
    font-size: 11px;
}

.pageButtonDiv {
    margin-top: 20px;
    position: relative;
    text-align: right;
}

    .pageButtonDiv .formButton {
        margin-left: 10px;
        width: auto;
        background-image: url('/images/bgFormButton.png');
        background-repeat: repeat-x;
        text-align: center;
        border: 1px solid #7f9db9;
        padding: 2px 3px;
    }

#flowplayer {
    width: 420px;
    height: 250px;
    display: block;
}

#divUploadPanel {
    width: 350px;
}

.thickBoxWindow .pnlFileImport {
    width: 883px;
    height: 549px;
    margin-left: 30px;
}

    .thickBoxWindow .pnlFileImport .datafield-section {
        height: 400px;
        overflow: scroll;
        overflow-x: hidden;
    }

    .thickBoxWindow .pnlFileImport .seamless-page-header {
        margin: 0px;
        padding: 0px;
    }

.pnlFileImport .uploadInfo {
    float: left;
    width: 50%;
}

/***** List View Styles *****/
.headerRow {
    display: none;
    font-weight: bold;
    text-decoration: underline;
}

.itemRow {
    padding: 4px 0px;
}

.cell {
    float: left;
}

.filename {
    display: block;
    width: 100px;
}

.location {
    display: block;
    width: 250px;
}

.filesize {
    display: block;
    width: 50px;
}
/*.inputBox
{
    width: 125px;
}*/

.inputOption {
    width: 126px;
}

#rgListViewItems {
    height: 390px;
}
/***** Info Window Styles *****/
.fileInfoDesc {
    font-weight: bold;
    width: 120px;
    color: #000000;
    padding: 2px 0;
    vertical-align: top;
}

.fileInfoValue {
    vertical-align: top;
    width: 270px;
    word-break: break-all;
}

#upnlInfoWindow .filename {
    height: auto; /*width: auto; Commented for image info window inconsistency*/
    width: 400px;
    word-break: break-all;
}

#upnlInfoWindow {
    width: 420px;
}

.msgpanel {
    display: none;
    z-index: 120;
}

.msgpanel {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #ff0000;
}

    .msgpanel ul {
        margin-right: 10px 20px;
        padding: 0px;
    }

    .msgpanel .success {
        color: Green;
    }

.modal {
    z-index: 1020;
}

.modal-backdrop {
    z-index: 1000;
}

.wysiwyg-footer .autosave {
    width: 110px;
}

.error-module .success {
    color: Green;
}

.popup-footer {
    padding: 10px;
    height: 30px;
}
.lang-selector-container {
    position: absolute;
    top: 87px;
    right: 7px;
}

#formEditorWindow {
    background: none repeat scroll 0 0 #FFF2CF;
    border: 1px solid #DBDAD8;
    display: none;
    padding: 30px;
}

    #formEditorWindow .form-horizontal .control-label {
        width: 160px;
    }

    #formEditorWindow .form-horizontal .controls {
        margin-left: 180px;
    }

    #formEditorWindow h4 {
        margin-top: 0;
        margin-bottom: 30px;
    }

    #formEditorWindow .form-horizontal .seamless-table td .icon-trash {
        visibility: hidden;
    }

    #formEditorWindow .form-horizontal .seamless-table tr:hover .icon-trash {
        visibility: visible;
        cursor: pointer;
    }

.date-list {
    list-style: none;
}

.row-template {
    display: none;
}

.limited-height {
    max-height: 300px;
    overflow: auto;
}

.overview-field-title {
    margin-bottom: 6px;
    margin-top: 8px;
}

    .overview-field-title.limiter {
        width: 320px;
    }

    .overview-field-title .mandatory {
        position: static;
    }

.dropdown-toggle.disabled,
.disabled .editable-input,
.editable-input.disabled {
    background-color: #EEEEEE;
    cursor: not-allowed;
}

.sc-editcal.sc-editcal-empty.sc-editcal-readonly{
    background-color: #EEEEEE;
    cursor: not-allowed;
    min-height:20px;
}


.div-overlay,
#divOverlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    display: block;
    z-index: 2000;
}

.lightbox-item .div-overlay {
    z-index: 1001;
}

#divOverlayLoading {
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: 50%;
    margin-top: -18px;
    z-index: 2020;
    background: white;
    border-radius: 4px;
    padding: 6px;
}

.div-opaque-overlay,
#divOpaqueOverlay {
    background: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity: .5;
    -moz-opacity: .5;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    display: block;
    z-index: 1000;
}

.divOpaqueOverlayCustom {
    background: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity: .5;
    -moz-opacity: .5;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    display: block;
    z-index: 1000;
}

.input-append .btn-group, .input-prepend .btn-group {
    display: inline-block;
}

.pseudo-dropdown-container .pseudo-dropdown-text.editable-input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
    margin-bottom: 2px;
    height: 20px;
    width: auto;
    padding: 6px 0 6px 10px;
    background: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background: #F5F5F5/9;
}

.pseudo-dropdown-container:hover button.btn.dropdown-toggle {
    background-position: 0 -15px;
    background-color: #E6E6E6;
}

.pseudo-dropdown-container:hover .pseudo-dropdown-text.dropdown-toggle.editable-input,
.pseudo-dropdown-container .pseudo-dropdown-text.dropdown-toggle.editable-input:hover {
    background: linear-gradient(to bottom, #F5F5F5, #E6E6E6);
    background: #E6E6E6/9;
}

.pseudo-dropdown-container .pseudo-dropdown-text.dropdown-toggle.editable-input.disabled:hover,
.pseudo-dropdown-container .pseudo-dropdown-text.dropdown-toggle.editable-input.disabled {
    background: #EEEEEE;
}

.pseudo-dropdown-container {
    display: inline-block;
}

.input-prepend > .add-on + select.pseudo-dropdown + .pseudo-dropdown-container .pseudo-dropdown-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/*.pseudo-dropdown-container
{
    display:inline-block;
    vertical-align:top;
    margin-right:8px;
    line-height:normal;
}*/
pseudo-dropdown-container:after {
    content: '';
    clear: both;
}

.pseudo-dropdown-container .pseudo-dropdown-optgroup {
    font-weight: bold;
    font-style: italic;
    margin: 4px 12px;
    border-bottom: solid #CCCCCC thin;
}

.pseudo-dropdown-container .dropdown-menu {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 36px;
    width: 100%;
}

.pseudo-dropdown-text {
    text-align: left;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 13px;
    vertical-align: top;
    line-height: 16px;
    height: 16px;
    background: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background: #F5F5F5/9;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 0px;
    overflow: hidden;
    color: #757575;
}

.pseudo-dropdown-mini .pseudo-dropdown-text {
    height: 12px;
    line-height: 12px;
    padding: 4px;
}

.pseudo-dropdown-container:hover .pseudo-dropdown-text {
    cursor: pointer;
    background: linear-gradient(to bottom, #F5F5F5, #E6E6E6);
    background: #E6E6E6/9;
}

    .pseudo-dropdown-container:hover .pseudo-dropdown-text.disabled,
    .pseudo-dropdown-text.disabled {
        background: #eee;
        cursor: not-allowed;
    }

.pseudo-dropdown-optgroup {
    font-weight: bold;
    font-style: italic;
    margin: 4px 12px;
    border-bottom: solid #CCCCCC thin;
}

.form-inline .pseudo-dropdown-mini {
    margin-top: 4px;
}

.pseudo-dropdown-mini .pseudo-dropdown-text.editable-input {
    height: 12px;
    padding: 4px;
    font-size: 12px;
    line-height: 14px;
}

.pseudo-dropdown-mini .btn-add-on {
    height: 22px;
    padding: 0 8px;
}

.tab-content .pseudo-dropdown-container.pseudo-dropdown-container-mini,
.seamless-nav-content .pseudo-dropdown-container.pseudo-dropdown-container-mini {
    height: 24px;
}

.pseudo-dropdown-container .pseudo-dropdown-mini .dropdown-menu {
    top: 28px;
}

.pseudo-dropdown-container .dropup .dropdown-menu {
    top: auto;
}

.pseudo-dropdown.btn-group[class*="span"] {
    margin-left: 0px;
}

.pseudo-dropdown-right .dropdown-menu,
.dropdown-right.dropdown-menu {
    left: auto;
    right: 0px;
}

.pull-right.form-inline .pseudo-dropdown-container,
.col-right.form-inline .pseudo-dropdown-container {
    margin-right: 0px;
}

.dlvSortingOptions .pseudo-dropdown-container {
    height: 30px;
}

.form-inline > .pseudo-dropdown-container {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

    .form-inline > .pseudo-dropdown-container > .btn-group {
        position: relative;
    }

.disabled .field-title,
.overview-field-title.disabled .accordion-field-title {
    color: #828282;
    cursor: auto;
}

.field-input-checkboxlist .RadTreeView li.rtLI {
    display: block;
}

    .field-input-checkboxlist .RadTreeView li.rtLI .pseudo-control {
        margin-top: 5px;
    }

.table-file-content {
    width: 98%;
}

#fileManagerDialog {
    display: none;
}

    #fileManagerDialog .qq-uploader .qq-upload-drop-area {
        display: none !important;
    }

ul.editable-input {
    list-style: none;
}

.positioning-box {
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

.forgot-password-black-background,
.reset-password-black-background,
.login-black-background {
    background-color: #1d1d1d;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

    .forgot-password-black-background:before,
    .reset-password-black-background:before,
    .login-black-background:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

.forgot-password-box,
.reset-password-box,
.login-box {
    position: relative;
    text-align: left;
}

    .forgot-password-box .add-on {
        width: 180px;
    }

        .forgot-password-box .add-on + .field-input {
            width: 235px;
        }

    .reset-password-box .add-on {
        width: 150px;
    }

    .login-box .add-on {
        width: 75px;
    }

.positioning-box .flyout {
    position: absolute;
    top: -65px;
    width: 100%;
}

.forgot-password-black-background .positioning-box,
.reset-password-black-background .positioning-box {
    width: 500px;
}

.reset-password-error,
.forgot-password-error,
.login-error {
    float: right;
    background-color: #de4e4e;
    color: #FFF;
    border: none;
    padding: 16px;
}

.reset-password-error,
.forgot-password-error {
    float: none;
}

.forgot-password-form,
.reset-password-form,
.login-form {
    display: inline-block;
    vertical-align: top;
}

    .forgot-password-form .field-input,
    .forgot-password-form .input-prepend label,
    .reset-password-form .field-input,
    .reset-password-form .input-prepend label,
    .login-form .field-input,
    .login-form .input-prepend label {
        height: 30px;
        line-height: 30px;
        margin-bottom: 18px;
    }

.input-prepend-placeholder {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

    .input-prepend-placeholder .add-on {
        background-color: transparent;
        border: 0px;
        color: #ccc;
        font-style: italic;
    }

    .input-prepend-placeholder .field-input,
    .input-prepend-placeholder .field-input:focus {
        border: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: 0;
    }

    .input-prepend-placeholder.active {
        border-style: solid;
        border-width: 1px;
        border-color: rgba(82, 168, 236, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
        outline: 0 none;
        border-radius: 4px;
    }

.overview-panel.search-panel .input-prepend-placeholder input[type="text"] {
    margin-bottom: 0px;
}

.overview-panel.search-panel .input-prepend-placeholder label.add-on {
    margin-bottom: 0px;
}

/*fix Chrome div border issue - set width*/
.login-form .input-prepend-placeholder {
    width: 96%;
}

.forgot-password-form .input-prepend-placeholder {
    width: 94%;
}

.reset-password-box .input-prepend-placeholder {
    width: 92%;
}

    .content-list-search-input.input-prepend-placeholder label.add-on,
    .content-list-search-input.input-prepend-placeholder input[type="text"],
    .login-form .input-prepend-placeholder label.add-on,
    .login-form .input-prepend-placeholder input[type="text"],
    .login-form .input-prepend-placeholder input[type="password"],
    .forgot-password-form .input-prepend-placeholder label.add-on,
    .forgot-password-form .input-prepend-placeholder input[type="text"],
    .reset-password-box .input-prepend-placeholder label.add-on,
    .reset-password-box .input-prepend-placeholder input[type="text"],
    .reset-password-box .input-prepend-placeholder input[type="password"] {
        margin-bottom: 0px;
        margin-left: 0px;
    }

.login-form .input-prepend.row,
.forgot-password-form .input-prepend.row,
.reset-password-box .input-prepend.row {
    margin-left: 0px;
    margin-bottom: 18px;
}

.login-form .login-submit input[type="submit"] {
    margin-right: 14px;
}

.input-prepend-placeholder.active .add-on {
    color: #333333;
    border: none;
    margin-bottom: 0px;
}

.input-prepend-placeholder.active .field-input {
    border: none;
}

.input-prepend-placeholder .field-input {
    padding-left: 0;
}

.login-forgot {
    line-height: 37px;
}

.login-stay-signed-in .pseudo-control {
    margin: 5px 0;
}

.login-submit {
    text-align: right;
}

    .login-submit input {
        width: 80px;
    }

.login-user-icon {
    background-image: url('/images/icon-user-28.gif');
    background-repeat: no-repeat;
    background-position: 1px center;
    padding: 4px 0px 4px 40px;
}

@media (max-width: 979px) {
    body {
        width: 979px;
    }
}


.workflow-box {
    margin-left: 20px;
    margin-top: 20px;
}

/***** Page Permission *****/

.page-permission-popup .selected-items-container,
.page-permission-popup .available-items-container {
    float: left;
    width: 365px;
}

.page-permission-popup .checkboxlist-container {
    width: 100%;
}

.caculated-permission-container {
    height: 600px;
    margin: 15px 0 15px 15px;
    overflow: auto;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-6 {
    margin-bottom: 6px !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

padding-left-30 {
    padding-left: 30px !important;
}

.margin-bottom-9 {
    margin-bottom: 9px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.clearingDiv {
    clear: both;
}

/* Date Picker Customizations */
.scpicker {
    width: 160px;
    display: inline-block;
    margin-right: 10px;
    -webkit-box-shadow: inset 0px 2px 5px #e4e4e4;
    -moz-box-shadow: inset 0px 2px 5px #e4e4e4;
    box-shadow: inset 0px 2px 5px #e4e4e4;
    border-radius: 4px;
    border: 1px solid #cccccc;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    background-color: #fff;
}

    .scpicker > .add-on {
        background: transparent;
        border: 0;
        width: 16px;
    }

    .scpicker > input,
    .input-prepend.scpicker > input[type="text"],
    .input-append.scpicker > input[type="text"],
    .form-horizontal .input-prepend.scpicker > input[type="text"],
    .form-horizontal .input-append.scpicker > input[type="text"] {
        box-shadow: none;
        border-left: 0;
        background: transparent;
        border: 0;
        padding-left: 5px;
        height: auto;
    }

    .scpicker[disabled] {
        background-color: #eeeeee;
    }

    .scpicker.active {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
        border-color: rgba(82, 168, 236, 0.8);
    }

.RadPicker td a {
    display: block;
}

.content-tree-container {
    margin-bottom: 10px;
}

.auto-scroll-y {
    overflow-y: auto;
}

.form-date-column {
    float: left;
    display: inline-block;
    width: 356px;
}

.form-horizontal .form-date-column .controls {
    margin: auto;
}

/*** File manager styles ***/
.fmgridview {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 20px;
}

.RadToolBar .rieUploadNewImage .rtbIn .rtbIcon {
    background: url("bootstrap/img/glyphicons-halflings.png") -144px -24px;
}

.RadToolBar .rieSaveOnServer .rtbIn .rtbIcon {
    background: url('/images/ImageEditor_Save.png');
}

.RadToolBar .rtbItemHovered .rieSaveOnServer .rtbIn .rtbIcon {
    background-position: 0px -15px;
}

.Default.RadEditor input {
    margin-bottom: 0;
}

.fileUploadHolder .qq-upload-button {
    width: 172px;
}

.fileUploadHolder {
    position: absolute;
    width: 200px;
    height: 105px;
    top: 180px;
    left: 239px;
    border: 1px solid #333333;
    padding: 10px;
    background: #eee;
    display: none;
}

.no-list-style {
    list-style: none;
    margin-left: 0px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog-buttonset .pull-left .btn {
    margin-left: 0;
    margin-right: 10px;
}

.ui-dialog-buttonset .pull-left .btn-group .btn {
    margin-right: 0;
}

    .ui-dialog-buttonset .pull-left .btn-group .btn + .dropdown-toggle {
        margin-right: 10px;
    }

.ui-dialog-buttonset .pull-right .btn {
    margin-left: 10px;
    margin-right: 0;
}

.ui-dialog-buttonset .pull-right .btn-group .btn.dropdown-toggle {
    margin-left: 0px;
}

.no-padding, .no-padding td {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.delete-date {
    display: block;
    margin-top: 5px;
}

.overview-page-link {
    width: 74%;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    max-width: 431px;
    overflow: hidden;
    white-space: nowrap;
}

#btnSetCopy {
    margin-top: -16px;
    padding-bottom: 5px;
}

.overview-image {
    margin-bottom: 10px;
}

.overview-image-container {
    width: 310px;
}

.wip {
    background: none repeat scroll 0 0 white;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    width: 100%;
}

.pseudocheckboxlist-dropdown-ul {
    margin-left: 0px;
    margin-bottom: 0px;
}

    .pseudocheckboxlist-dropdown-ul li {
        display: block;
        padding-left: 8px;
    }

.pseudo-dropdown-checkboxlist .field-input-checkboxlist {
    margin-bottom: 0px;
}


.pseudo-dropdown-treeview .RadTreeView .rtUL {
    padding-left: 8px;
}

/*TreeView*/

.template-files > div {
    display: inline-block;
    width: 525px;
    vertical-align: top;
}

.template-files > .template-file-preview {
    width: 280px;
    margin-top: 24px;
}

.template-files .sgv .first,
.template-files .sgv .last {
    display: none;
}
/* Hiding the first and last arrows in the grid view pagination, because of space constraint.*/

#removalNotification .field-input {
    height: 132px;
    margin: 18px 0 25px 0;
    padding: 0;
}

.table-with-icon td img {
    margin-right: 5px;
}

.repoint-tree-container {
    height: 360px;
    overflow: auto;
}


/* Content */
.seamless-content-panel {
    width: 813px;
    overflow: hidden; /* This property is needed to prevent scroll bars from appearing in the content panel when a collapsed section is expanded. */
}

.content-overview-left {
    width: 470px;
}

.content-element-box, .subtle-text {
    color: #797979;
}

.content-overview-left.content-overview-first-level .content-element-box {
    width: 448px;
}

    .content-overview-left.content-overview-first-level select.content-element-box,
    .content-overview-left.content-overview-first-level .content-element-box.pseudo-dropdown,
    .content-overview-left.content-overview-first-level .content-element-box.pseudo-dropdown-treeview {
        width: 470px;
    }

    .content-overview-left.content-overview-first-level .content-element-box.field-input-column-span2-half li {
        width: 202px;
    }

    .content-overview-left.content-overview-first-level .content-element-box.field-input-column-span2-half label {
        width: 174px; /* Li - 28 */
    }

.content-overview-left.content-overview-first-level .content-overview-second-level .content-element-box {
    width: 406px;
}

    .content-overview-left.content-overview-first-level .content-overview-second-level .content-element-box.pseudo-dropdown-treeview {
        padding: 6px 10px; /*Needed for the pseudo dropdown's to calculate the height correctly.*/
    }

.content-overview-left.content-overview-first-level .content-overview-second-level select.content-element-box {
    width: 426px;
}

.content-overview-left.content-overview-first-level .content-overview-second-level .content-element-box.field-input-column-span2-half li,
.nav-content-filedisplay .content-element-box.field-input-column-span2-half li {
    width: 186px;
}

.content-overview-left.content-overview-first-level .content-overview-second-level .content-element-box.field-input-column-span2-half label,
.nav-content-filedisplay .content-element-box.field-input-column-span2-half label {
    width: 158px; /* Li - 28 */
}

.nav-content-filedisplay .content-element-box {
    width: 791px;
}

    .nav-content-filedisplay select.content-element-box,
    .nav-content-filedisplay .content-element-box.pseudo-dropdown {
        width: 806px;
    }

.nav-content-filedisplay .section-element .content-element-box {
    width: 744px;
}

    .nav-content-filedisplay .section-element select.content-element-box,
    .nav-content-filedisplay .section-element .content-element-box.pseudo-dropdown {
        width: 766px;
    }

.nav-content-filedisplay .pseudo-dropdown-treeview.content-element-box .pseudo-dropdown-text {
    width: 758px !important;
}

.nav-content-filedisplay .section-element .pseudo-dropdown-treeview.content-element-box .pseudo-dropdown-text {
    width: 717px !important;
}

.accordion-body > div {
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box;
}

.content-overview-left .pseudo-dropdown-treeview.content-element-box .pseudo-dropdown-text {
    width: 423px !important;
}

.content-overview-left .section-element .pseudo-dropdown-treeview.content-element-box .pseudo-dropdown-text {
    width: 378px !important;
}

.content-overview-right {
    width: 308px;
}

    .content-overview-right .pseudo-dropdown {
        width: 248px;
    }

    .overview-field-title label,
    .content-overview-right .field-title,
    .upload-right .upload-field-title {
        color: #404040;
    }

.shaded-bg {
    padding: 30px;
    background-color: #F8F8F8;
}

.relative {
    position: relative;
}
/*Child Content List*/
.paging-info {
    display: block;
    margin: 0;
    margin-top: 4px;
    color: #8f8f8f;
}

.thumbnail-view .paging-info {
    margin-left: 20px;
}

.content-list-search-input {
    width: 337px;
}

.content-list-search-submit {
    margin-left: 10px !important;
}

.upload-panel .extra-drop-zone {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 296px;
}

.image-preview-panel.upload-panel .extra-drop-zone {
    display: none !important;
}

.upload-panel .drop-text {
    width: 838px;
    text-align: center;
    top: 90px;
    position: absolute;
    color: #888;
    font-size: 25px;
    line-height: 1.2em;
}

    .upload-panel .drop-text img {
        margin-bottom: 10px;
    }

.upload-panel.image-preview-panel .extra-drop-zone .drop-text {
    display: none;
}

.upload-panel .extra-drop-zone.qq-upload-drop-area-active {
    z-index: 10;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.73);
    background: rgba(149,218,240,0.5);
}

.upload-panel.image-preview-panel .extra-drop-zone.qq-upload-drop-area-active .drop-text {
    display: block;
}

.empty-panel {
    height: 296px;
    background: #f3f3f3;
}

    .empty-panel.image-preview-panel {
        overflow: auto;
        bottom: 0;
        left: 0;
        padding: 38px;
        right: 0;
        text-align: center;
        top: 0;
    }

        .empty-panel.image-preview-panel img {
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
        }



.image-preview-panel img.imgPreviewButton {
    cursor: pointer;
}

.panel-properties {
    background-color: #e0f1fb;
}

.image-panel {
    background-color: #e0f1fb;
}

.upload-right {
    padding: 16px 20px;
    width: 490px;
}

    .upload-right .upload-field-title {
        width: 120px;
    }

.upload-left {
    padding: 25px 20px 20px 20px;
    width: 265px;
    word-wrap: break-word;
}

.requirement {
    color: #8b8b8b;
}

.child-permission-title {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
}

.checkboxlist-container .child-permission-user-deny-allow,
.child-permission-user-role {
    padding-left: 30px;
}

    .checkboxlist-container .child-permission-user-deny-allow > li {
        width: 330px;
    }

    .child-permission-user-role select {
        width: 335px;
    }

.page-permission-popup .text-info {
    margin-bottom: 10px;
}

div.content-list-hide {
    display: none !important;
}



/* File Overview */

.file-overview-left {
    width: 470px;
}

.file-overview-right {
    width: 308px;
}


.file-overview-left.file-overview-first-level .content-element-box {
    width: 448px;
}

.file-overview-left.file-overview-first-level .data-definition-element .control-label {
    text-align: left;
}

.file-overview-left.file-overview-first-level .data-definition-element span.limit-count {
    margin-top: 8px;
    padding-top: 7px;
}

.file-overview-left.file-overview-first-level .control-group .controls.text-only {
    padding-top: 7px;
}

.file-overview-left.form-horizontal .control-label {
    width: 138px;
}

    .file-overview-left.form-horizontal .control-label span.mandatory {
        text-transform: none;
    }

.file-overview-left.file-overview-first-level .content-overview-second-level .content-element-box {
    width: 406px;
}

    .file-overview-left.file-overview-first-level .content-overview-second-level .content-element-box.pseudo-dropdown-treeview {
        padding: 6px 10px; /*Needed for the pseudo dropdown's to calculate the height correctly.*/
    }

.file-overview-left.file-overview-first-level .content-overview-second-level select.content-element-box {
    width: 426px;
}

.file-overview-left.file-overview-first-level .content-overview-second-level .content-element-box.field-input-column-span2-half li,
.nav-content-filedisplay .content-element-box.field-input-column-span2-half li {
    width: 186px;
}

.file-overview-left.file-overview-first-level .content-overview-second-level .content-element-box.field-input-column-span2-half label,
.nav-content-filedisplay .content-element-box.field-input-column-span2-half label {
    width: 158px; /* Li - 28 */
}

/* File Overview End */

/*Form Overview*/
.accordion-body .form-horizontal {
    padding: 25px;
}

    .accordion-body .form-horizontal .control-label {
        width: 190px;
    }

    .accordion-body .form-horizontal .controls {
        margin-left: 230px;
    }

.mandatory {
    color: red;
}

/*Form landing page*/
.landing-page {
    color: #A4A4A4;
    padding-top: 145px;
    text-align: center;
}

    .landing-page .heading {
        display: inline-block;
        font-size: 24px;
        margin-left: auto;
        margin-right: auto;
        min-width: 293px;
        padding-bottom: 24px;
        padding-top: 22px;
        width: auto;
    }

    .landing-page .sub-text {
        display: block;
        font-size: 25px;
        line-height: 30px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;
        width: 355px;
    }

        .landing-page .sub-text.no-item-text {
            margin-bottom: 25px;
            width: 400px;
        }

/*Form responses reporting*/
.form-horizontal.form-reponses-filter .control-label {
    width: 95px;
}

.form-horizontal.form-horizontal-inline .controls {
    margin-left: 110px;
}

.form-horizontal.form-horizontal-inline .control-group {
    display: inline-block;
    vertical-align: middle;
}

    .form-horizontal.form-horizontal-inline .control-group.form-input-select {
        width: 280px;
    }

    .form-horizontal.form-horizontal-inline .control-group.form-input-date {
        width: 250px;
    }

.form-summary {
    min-height: 160px;
}

    .form-summary span {
        display: block;
        margin-bottom: 20px;
    }

/*Template Thumbnail view*/

.template-thumbnail-display .landing-page {
    padding-top: 45px;
}

    .template-thumbnail-display .landing-page .heading {
        display: inline-block;
        width: auto;
    }

    .template-thumbnail-display .landing-page .sub-text {
        width: 450px;
    }

.template-thumbnail-display .thumbnail-view .image-wrapper input[type='image'] {
    max-width: 183px;
    max-height: 183px;
}

.template-thumbnail-display .thumbnail-view .template-create-new .image-wrapper input[type='image'] {
    max-width: 193px;
    max-height: 193px;
}

.template-thumbnail-display .thumbnail-view .item-wrapper.template-create-new .image-wrapper {
    background: transparent;
}

.template-thumbnail-display .thumbnail-view .item-wrapper .image-wrapper {
    background: white;
    border: 1px solid #E3E3E3;
    border-radius: 3px 3px 3px 3px;
    height: 183px;
    margin-bottom: 15px;
    padding: 5px;
    text-align: center;
    width: 183px;
    transition: all 0.2s ease-in-out 0s;
}

    .template-thumbnail-display .thumbnail-view .item-wrapper .image-wrapper:hover {
        border-color: #038DD5;
    }

.template-thumbnail-display .thumbnail-view .item-wrapper.template-create-new .image-wrapper {
    border: none;
    border-radius: 3px 3px 3px 3px;
    height: 193px;
    margin-bottom: 25px;
    padding: 0;
    text-align: center;
    width: 193px;
}

.template-thumbnail-display .thumbnail-view .item-wrapper {
    margin-left: 30px;
    text-align: center;
    width: 197px;
    margin-bottom: 30px;
    line-height: 22px;
}

.template-thumbnail-display .thumbnail-view {
    margin-left: -30px;
}

.template-thumbnail-display .thumbnail-name {
    display: block;
    min-height: 50px;
    max-height: 50px;
    text-overflow: ellipsis;
}

    .template-thumbnail-display .thumbnail-name:hover {
        text-decoration: none;
    }

.template-thumbnail-display .template-create-new .thumbnail-name:hover {
    color: #999999;
}

.template-thumbnail-display .template-create-new .thumbnail-name {
    color: #CCCCCC;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    text-overflow: ellipsis;
    width: 150px;
    line-height: 25px;
}

.cci-pty-wrap .field-title {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}

.cci-pty-wrap {
    margin-bottom: 20px;
}

    .cci-pty-wrap .pseudo-dropdown {
        width: 480px;
    }

    .cci-pty-wrap input[type="text"],
    .cci-pty-wrap textarea {
        width: 456px;
    }

    .cci-pty-wrap .sctooltip {
        display: none;
        padding: 7px;
        vertical-align: top;
    }

    .cci-pty-wrap:hover .sctooltip {
        display: inline-block;
    }

.control-Folder .editable-input.span5, .control-AssetLinkList .editable-input.span5, .control-ContentLinkList .editable-input.span5 {
    min-height: 29px;
    padding-left: 10px;
    padding-top: 3px;
    width: 465px;
}

/*Data Defintion Tree Input*/
.RadMenu.RadMenu_Seamless .rmGroup .rmDisabled {
    display: none !important;
}

/*Advanced Search*/
.basic-search {
    width: 514px; /*503px SR-Content*/
}

#divChangeOwnerMain, .divChangeOwnerMain {
    overflow: visible;
}

    #divChangeOwnerMain .pseudo-dropdown {
        width: 267px;
    }

    .divChangeOwnerMain .pseudo-dropdown {
        width: 303px;
    }

#removalNotification textarea.full-width {
    width: 96%;
    padding: 1% 2%;
}

#divNotifyMain span.full-width textarea {
    width: 267px;
    margin-bottom: 0;
}
/* Styling for Data Definition options in the template edit screens */
.dd-options {
    width: 420px;
    display: inline-block;
}

.dd-options-btns {
    display: inline-block;
    vertical-align: bottom;
}

.dd-options table {
    width: 420px;
}

.dd-options .pseudo-dropdown-container .pseudo-dropdown {
    position: relative;
}

.form-horizontal .controls .dd-options table input[type="text"] {
    width: 198px;
}

/*Template Overview*/
.template-file-upload .qq-upload-button {
    width: 200px;
}

/*Remote Repository Admin*/
input[type="submit"].icon-trash {
    background-color: transparent;
    border: medium none;
    height: 14px;
    width: 14px;
}

.remote-repo-default-user-details {
    margin-bottom: 35px;
}

/*Form workflow approval*/
.side-search.seamless-nav-content {
    padding: 20px;
    width: 230px;
}

/*Group selector*/
.group-selector-wrapper .dropdown-menu {
    background: #2A2A2A;
    padding: 0;
    border-radius: 3px;
}

    .group-selector-wrapper .dropdown-menu > li > a {
        color: #BBBBBB;
        font-size: 11px;
        border-bottom: 1px solid #000;
    }

    .group-selector-wrapper .dropdown-menu > li:last-child > a {
        border-bottom: none;
    }

    .group-selector-wrapper .dropdown-menu > li > a:hover, .group-selector-wrapper .dropdown-menu > li > a:focus {
        filter: none;
        color: #fff;
        background: transparent;
    }

.search-header,
.search-header label {
    font-size: 13px;
}
/*DLV Sort options*/
.dlv-sort-options .seamless-table tr td {
    padding: 0px;
}

.dlv-sort-options .seamless-table .seamless-table tr td,
.dlv-sort-options td .trow {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.dlv-sort-options tr .trow > div.c1,
.dlv-sort-options tr .trow > div.c2,
.dlv-sort-options tr .trow > div.c3,
.dlv-sort-options tr .trow > div.c4,
.dlv-sort-options tr .trow > div.c5 {
    display: inline-block;
}

.dlv-sort-options tr .trow > div.c1 {
    width: 24px;
}

.dlv-sort-options tr .trow > div.c2,
.dlv-sort-options .sorting-field {
    width: 270px;
}

.dlv-sort-options tr .trow > div.c3,
.dlv-sort-options .sorting-method {
    width: 270px;
}

.dlv-sort-options tr .trow > div.c4,
.dlv-sort-options .sorting-direction {
    width: 100px;
}

.dlv-sort-options tr .trow > div.c5 {
    width: 56px;
}

.dlv-sort-options .empty-text {
    float: left;
    line-height: 33px;
    margin-left: 30px;
}
/*Pagination*/
.pagination ul > li.prev-short a,
.pagination ul > li.next-short a {
    padding-bottom: 6px;
    padding-top: 2px;
}

.pagination {
    margin: 20px 0 0;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-color: #DDDDDD #DDDDDD transparent;
}

.ui-dialog .ui-dialog-title {
    font-size: 17px;
    font-weight: bold;
}

.ui-widget-header {
    font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 5px 25px;
}

.icon-calendar.icon-time {
    background-position: -48px -24px;
}

.ui-widget-overlay {
}

/* Icon override */
i.icon-image {
    background-position: -456px -48px;
}

i.icon-flash {
    background-position: -432px 0;
}

i.icon-link {
    background-image: url('/images/hyperlink.png');
    background-position: -1px -1px;
}

/*Multi Sort STARTS*/
/* jquery ui override */
.ui-multisortable,
.ui-multisortable li.ui-sortable-helper ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    .ui-multisortable li {
        padding: 3px 10px 3px 10px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #3a87ad;
        cursor: move;
    }

        .ui-multisortable li.ui-sortable-helper ul li {
            padding: 3px 10px 3px 10px;
            margin-bottom: 3px;
        }

    .ui-multisortable > li.ui-sortable-helper {
        background: transparent;
        padding: 0px;
    }

    .ui-multisortable li.ui-sortable-helper,
    .ui-multisortable li.ui-sortable-helper ul li,
    .ui-multisortable li.ui-selected {
        background-color: #fcf8e3;
        color: #c09853;
    }

.ui-dialog .ui-dialog-buttonpane {
    padding: 20px 25px;
    background: #F6F6F6;
    margin-top: 0;
}
/* jquery ui overrid ends */
/*Form Workflow Config*/
.ui-dialog .ui-dialog-content.multi-sort {
    overflow-y: hidden; /*This is needed to prevent the list from expanding unnecessarily*/
}

.list-div,
.multi-sort > div {
    display: inline-block;
    width: 287px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: bottom;
}

    .list-div h5,
    .multi-sort > h5 {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .list-div .ddlist,
    .multi-sort > div > .ddlist {
        background: none repeat scroll 0 0 #FAFAFA;
        border-radius: 4px 4px 4px 4px;
        height: 425px;
        padding: 0;
        overflow-y: auto;
        margin-bottom: 10px;
    }

.form-multi-sort.multi-sort .ddlist {
    height: 330px;
}

.middle-list,
.multi-sort > div.middle-list {
    background: url("/images/dragdrop.png") no-repeat scroll 0 0 transparent;
    height: 18px;
    margin-bottom: 215px;
    margin-left: 20px;
    margin-right: 20px;
    width: 24px;
    position: relative;
}

    .multi-sort > div.middle-list > div {
        background: #ccc;
        display: block;
        text-align: center;
        margin: 5px;
        padding: 10px;
        position: absolute;
        color: whitesmoke;
        left: -10px;
        cursor: pointer;
    }

        .multi-sort > div.middle-list > div.select-all {
            top: -50px;
        }

        .multi-sort > div.middle-list > div.remove-all {
            bottom: -50px;
        }

.ui-multisortable li,
.ui-multisortable li.ui-sortable-helper,
.ui-multisortable li.ui-sortable-helper ul li {
    background-repeat: no-repeat;
    background-color: #e3eef4;
    background-image: url(/images/icons/move_cross_big_light.png);
    background-position: 14px center;
    border: medium none;
    color: inherit;
    padding-bottom: 9px;
    padding-left: 40px;
    padding-top: 10px;
    margin-bottom: 8px;
}

    .ui-multisortable li.ui-state-disabled:hover,
    .ui-multisortable li.ui-state-disabled {
        color: #969696;
        opacity: 1;
        background-color: rgba(227, 238, 244, 0.35);
    }

    .ui-multisortable li.ui-multi-sortable-helper {
        background: none;
        padding: 0;
        margin: 0;
    }

        .ui-multisortable li:hover,
        .ui-multisortable li.ui-selected,
        .ui-multisortable li.ui-multi-sortable-helper ul li {
            background-color: #038FD6;
            color: white;
            text-shadow: none;
        }

    .ui-multisortable li.empty,
    .ui-multisortable li.empty:hover {
        background: none;
        padding: 10px;
        text-align: center;
        color: inherit;
        cursor: default;
    }
/*Multi Sort ENDS*/
/* Grouped sort begins */
.ui-grouped-sortable > li,
.ui-grouped-sortable > li:hover {
    background: none;
    padding: 0;
}

    .ui-grouped-sortable > li > h6 {
        padding: 10px 20px;
        font-weight: bold;
        font-size: 14px;
        color: #636363;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-repeat: no-repeat;
        background-color: #f1f1f1;
        background-position: 95% center;
        background-image: -moz-linear-gradient(top, #f1f1f1, #ececec);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#ececec));
        background-image: -webkit-linear-gradient(top, #f1f1f1, #ececec);
        background-image: -o-linear-gradient(top, #f1f1f1, #ececec);
        background-image: linear-gradient(to bottom, #f1f1f1, #ececec);
        cursor: move;
        position: relative;
    }

        .ui-grouped-sortable > li > h6 .toggle {
            background-image: url(/images/icons/arrow_down.png);
            width: 11px;
            height: 8px;
            position: absolute;
            right: 0;
            padding: 16px;
            background-repeat: no-repeat;
            background-position: center center;
            top: 0;
            cursor: pointer;
        }

    .ui-grouped-sortable > li > h6,
    .ui-grouped-sortable > li ul li {
        margin: 0 0 7px 0;
    }

    .ui-grouped-sortable > li ul {
        display: none;
    }

    .ui-grouped-sortable > li.open > h6 .toggle {
        background-image: url(/images/icons/arrow_up.png);
    }

    .ui-grouped-sortable > li.open > h6,
    .ui-grouped-sortable > li > h6:hover {
        color: #3A3A3A;
    }

    .ui-grouped-sortable > li.open ul {
        display: block;
        margin: 0;
    }

        .ui-grouped-sortable > li.open ul,
        .ui-grouped-sortable > li.open ul li {
            list-style: none;
        }

            .ui-grouped-sortable > li.open ul li,
            .ui-grouped-sortable > li.open:hover ul li {
                color: #434343;
            }

                .ui-grouped-sortable > li.open ul li:hover {
                    color: #fff;
                    background-color: #038dd5;
                    text-shadow: none;
                }

            .ui-grouped-sortable > li.open ul li {
                background-color: #e3eef4;
                background-image: url(/images/icons/move_cross_big_light.png);
                background-position: 14px center;
            }
/* Grouped sort ends */
/*Content selector STARTS*/

.content-selector .template-preview-image {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .content-selector .template-preview-image img {
        max-width: 250px;
        max-height: 340px;
    }

/*Content selector END*/

.add-on.icon-search + .field-input {
    padding-left: 4px;
}

.add-on + .pseudo-dropdown-container {
    display: inline-block;
}

.input-prepend .pseudo-dropdown-container .btn-group > .btn-add-on {
    border-radius: 0px 4px 4px 0px;
}

.input-prepend .btn.btn-change-owner {
    margin-left: 20px; /* Dropdownlist is position absoluted, so it doesn't have width */
    border-radius: 4px 4px 4px 4px;
}

.list-hyperlink-input-entries {
    height: 505px;
    overflow-y: auto;
    position: relative;
    padding: 25px;
    padding-bottom: 0;
}

.input-append.error .add-on {
    border-color: #b94a48;
}

.list-image-container {
    width: 48px;
    height: 48px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.overview-field-title {
    display: inline-block;
}

.limit-count {
    color: #767676;
    float: right;
}

.content-overview .limit-count {
    margin-top: 8px;
}

.tab-content .seamless-recurrence-pattern .pseudo-dropdown {
    position: relative;
}

.tab-content .seamless-recurrence-pattern .pseudo-dropdown-container {
    display: inline-block;
}

/*** Password strength extender control ***/
.ps-meter {
    display: none;
    position: relative;
    width: 200px;
    margin-left: 20px;
    font-size: 12px;
    top: -5px;
}

.ps-meter-Weak,
.ps-meter-Average,
.ps-meter-Good {
    display: inline-block;
}

.ps-graphic {
    position: absolute;
    height: 6px;
    line-height: 6px;
}

.ps-bar {
    display: inline-block;
    background: #e4e4e4;
    width: 57px;
    height: 6px;
    margin-right: 5px;
}

.ps-meter-Weak .ps-bar-1 {
    background: #df543f;
}

.ps-meter-Average .ps-bar-1,
.ps-meter-Average .ps-bar-2 {
    background: #ffa61c;
}

.ps-meter-Good .ps-bar-1,
.ps-meter-Good .ps-bar-2,
.ps-meter-Good .ps-bar-3 {
    background: #04ad74;
}
/** Customization for Reset password form ***/
.reset-password-form .ps-meter {
    background: #F7F7F7;
    height: 31px;
    padding: 5px;
    border-radius: 5px;
    top: 50px;
    position: absolute;
    right: 59px;
    box-shadow: 0px 0px 2px #ccc;
}


/* Device Detection Start*/

.rule-set-header {
    background-color: #F7F7F7;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 3px 3px 0 0;
    color: #404040;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    padding: 6px 16px 6px 20px;
}

.rule-set-separator {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    margin: 5px 0;
    background-color: #CCCCCC;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}

.rule-set-container {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    margin: 15px 0;
}

.rule-set-inner-container {
    padding: 20px;
}

.device-profile-var-title {
    width: 100%;
    margin-bottom: 10px;
}

.code-editor-area {
    width: 100%;
}

.btn-device-save {
    width: 90px;
}

.device-page-description {
    position: relative;
    margin-left: 20px;
    width: 240px;
}

.device-section-header {
    font-weight: bold;
}

.rule-set-container .rule-set-inner-container .sgv table tr.hover-row td:last-child {
    padding-right: 5px;
}

    .rule-set-container .rule-set-inner-container .sgv table tr.hover-row td:last-child input.icon-trash {
        float: right;
        margin-top: 10px;
    }

/* Device Detection End*/

.diff-panel {
    background: linear-gradient(to left, #fff 50%, #FFFCF6 50%);
    padding-top: 36px;
}

    .added, .removed, .changed,
    .diff-panel .inexist-field,
    .diff-panel h4 {
        display: inline-block;
        width: 400px;
        padding: 20px;
        text-align: left;
        margin-right: 20px;
        margin-left: 20px;
    }


.added {
    background-color: #DBF6DF;
}

.removed {
    background-color: #FDE3E3;
}

.changed {
    /*background-color: #FFE1AC;*/
}

.diff-panel .inexist-field {
    vertical-align: top;
}

.preview-container {
    width: 100%;
    height: 100%;
    /*position:absolute;
    top:0px;
    left:0px;
    position: fixed;
    min-height: 100%;
    min-width: 100%;
    display: block;
    z-index: 2000;*/
}

.iframe-container {
    /*background-color:#CCCCCC;
    background-image: linear-gradient(#888 2px, transparent 2px),
    linear-gradient(90deg, #888 2px, transparent 2px),
    linear-gradient(rgba(0,0,0,.3) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.3) 1px, transparent 1px);
    background-size:50px 50px, 50px 50px, 10px 10px, 10px 10px;
    background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;*/
    width: 100%;
    height: 100%;
}


.previewer {
    transition: all 1s;
    height: 100%; /*Fallback*/
    height: calc(100% - 36px);
    width: 100%;
    background-color: #fff;
    top: 36px;
    padding-top: 0;
    position: absolute;
    box-sizing: padding-box;
    border: 0;
    margin: 0;
}

.top-bar {
    position: absolute;
    width: 100%;
    z-index: 10;
    height: 36px;
    background-color: #373B45;
    color: #fff;
    line-height: 36px;
}

    .top-bar .btn-group {
        line-height: normal;
    }


    .top-bar .device-name {
        height: 36px;
        width: 156px;
        color: #fff;
        background-color: #23262e;
        display: inline-block;
        vertical-align: top;
        line-height: 36px;
        text-align: center;
        cursor: pointer;
    }

    .top-bar .device-config {
        display: inline-block;
        line-height: 36px;
        vertical-align: baseline;
    }

    .top-bar input[type="text"] {
        padding: 0px;
        font-size: 12px;
        margin-bottom: 0px;
        width: 50px;
    }


    .top-bar .dropdown-menu {
        top: 36px;
    }

.header .lblDataDefinitions {
    width: 62px;
    display: inline-block;
}

div.upgrade-info {
    width: 300px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5;
}

.ui-dialog #info-dialog.ui-dialog-content {
    padding: 25px;
}

.successful-icon {
    background: url('/images/icon_tick_big.png') no-repeat;
    display: block;
    min-height: 51px;
    padding-left: 61px;
}

.insert-document-title {
    max-height: 65px;
    overflow: hidden;
}

.fileInfoValueContainer {
    text-overflow: ellipsis;
    width: 550px;
    overflow: hidden;
    white-space: nowrap;
}

.bookmark-icon a {
    background: url('/images/icons/bookmarked.png') no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    text-align: -9999;
}

    .bookmark-icon a:hover {
        background: url('/images/icons/unbookmark.png') no-repeat;
    }

td.close-icon {
    text-align: right;
}

.close-icon a {
    background: url('/images/icons/close.png') no-repeat right center;
    display: block;
    height: 20px;
    text-align: -9999;
}
/*
.accordion-sys-version
{
    border:none;
}
.accordion-sys-version .accordion-toggle
{
    background:#fff;
    padding-left:15px;
}
.accordion-sys-version .accordion-toggle:hover
{
    background: none, linear-gradient(to bottom, #F2F2F2, #E6E6E6);
}
.accordion-sys-version .accordion-inner
{
    padding-top:20px;
    padding-left:15px;
    padding-right:0;
}
.accordion-sys-version .accordion-body.in
{
    border:none;
}
.system-upgrade .seamless-page-body
{
    padding-left:15px;
    padding-right:30px;
}
.indent-15
{
    padding-left:15px;
}*/
/* Activity Stream */
.activitystream td.message {
    width: 75%;
}
/* Page Comments */
.page-comments .page-link {
    width: 35%;
    max-width: 30%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.page-comments .comment-text {
    width: 35%;
    max-width: 30%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.page-comments .comment-by {
    width: 25%;
    max-width: 20%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*Home Search Control*/
.home-search .txt-keyword, .home-search .btn-search, .home-search .lnk-search {
    float: left;
}

.home-search .txt-keyword {
    background: url('/images/search-28x28.gif') no-repeat 15px center white;
    width: 771px;
    margin-bottom: 0;
    font-size: 16px;
    padding: 19px 10px 19px 65px;
}

.home-search .btn-search {
    font-size: 16px;
    padding: 19px 10px;
    margin-left: 16px;
    margin-right: 16px;
    line-height: 20px;
    width: 133px;
}

.home-search .lnk-search {
    line-height: 60px;
    margin-left: 16px;
    cursor: pointer;
}

.home-search-list {
    border: 1px solid #dddddd;
    position: absolute;
    border-radius: 4px;
    width: 806px;
    margin-top: 2px;
    padding: 20px;
}

    .home-search-list ul, .home-search-list li {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .home-search-list li .highlight {
            font-weight: bold;
        }

    .home-search-list li {
        padding: 5px 10px;
        border-bottom: 1px solid #ddd;
    }

        .home-search-list li:last-child {
            border-bottom: 0px;
        }

        .home-search-list li.selected {
            background-color: #f4fafc;
        }

            .home-search-list li.selected,
            .home-search-list li.selected a {
                color: #0092cf;
                text-decoration: underline;
            }

        .home-search-list li.loading {
            background: transparent;
            border: 0;
        }
/*Home Search Control ends*/

/* Accessibility Report Dialog */
.ac-dialog ul.alert {
    padding-left: 25px;
}
/* /Accessibility Report Dialog */


/*Home Shortcut Control begins*/

.shortcut-item-wrapper {
    position: relative;
}

.thumbnails li.shortcut-item-wrapper {
    margin-left: 0px;
    margin-bottom: 0px;
}

.shortcut-thumbnail-container {
    width: 170px;
    height: 170px;
    position: relative;
    padding: 0;
    margin-left: 27px;
    background-color: #fff;
}

    .shortcut-thumbnail-container.onhover {
        background-color: #1D9CDD;
        transition: background-color 0.8s;
    }

.spacer {
    width: 170px;
    height: 170px;
}

.shortcut-imageDiv {
    width: 100%;
    height: 170px;
    display: block;
    background-repeat: no-repeat;
    background-position: center 40%;
    background-size: 47px 47px;
    position: relative;
    background-color: #ffffff;
    box-sizing: border-box;
    /*border-radius : 4px 4px 4px 4px;
            border : 1px solid #DDD;
        */
}

.onhover .shortcut-imageDiv {
    border: none;
    border-radius: 4px 4px 0px 0px;
}

.shortcut-imageDiv .svg-shortcut {
    width: 55px;
    height: 55px;
    margin-top: 45px;
}

.onhover .shortcut-imageDiv .svg-shortcut {
    margin-top: 29px;
    transition: margin-top 0.8s;
}

.shortcut-imageDiv .imageWrap {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 55px 55px;
    position: relative;
    display: block;
    height: 131px;
}


.onhover .shortcut-imageDiv .imageWrap {
    height: 105px;
    transition: height 0.5s;
}

.shortcut-thumbnail-container.onhover .shortcut-imageDiv {
    background-position: center 45%;
    height: 114px;
    background-color: #1D9CDD;
    transition: height 0.5s, background-color 0.5s;
}

.shortcut-hover {
    background-color: #fff;
    height: 56px;
    border-radius: 0px 0px 4px 4px;
}

.onhover .shortcut-hover {
    background-color: #1D9CDD;
    transition: background-color 0.5s;
}

.shortcut-thumbnail-container .thumnail-contentType span {
    padding-left: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    white-space: nowrap;
}

.shortcut-thumbnail-container.onhover .thumnail-contentType {
    visibility: hidden;
    opacity: 0;
    transition-delay: 0s;
}

.thumbnail.shortcut-thumbnail-container {
    text-decoration: none;
    overflow: hidden;
}

.thumbnails.shortcut-wrapper > li {
    margin-bottom: 40px;
}

a.shortcut-btn {
    display: block;
    width: 100%;
    float: left;
    width: 75px;
    height: 40px;
    background-color: #fff;
    border-radius: 2px;
}

.onhover a.shortcut-btn {
    background-color: #1D9CDD;
    transition: background-color 0.5s;
}

    a.shortcut-btn:hover, .onhover a.shortcut-btn:hover {
        text-decoration: none;
        background-color: #0E7EB8;
        transition-delay: 0s;
    }

.btn-create.shortcut-btn {
    margin-left: 10px;
}

.shortcut-btn span {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
}

.shortcut-btn span {
    color: #fff;
}

    .shortcut-btn span.right {
    }

.content-shortcut svg {
    width: 0px;
    height: 0px;
}

/* fill color change for back flip */
.onhover .svg-shortcut path,
.onhover .svg-shortcut rect,
.onhover .svg-shortcut circle,
.onhover .svg-shortcut ellipse,
.onhover .svg-shortcut line,
.onhover .svg-shortcut polyline,
.onhover .svg-shortcut polygon {
    fill: #ffffff;
    /*stroke: #1D9CDD;*/
}
/*Home Shortcut Control ends*/


/*Location control*/
.se-map img {
    max-width: none;
}

.se-map label {
    width: auto;
    display: inline;
}

.se-location {
    width: 470px;
}

.section-item-panel-container .se-location {
    width: 428px;
}

.se-location .se-qsearch {
    width: 100%;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    line-height: 3em;
    height: 3em;
    position: relative;
    z-index: 2;
}

    .se-location .se-qsearch,
    .se-location .se-qsearch:focus {
        box-shadow: none;
    }

.se-location .se-js-control {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.se-location .se-alert {
    position: absolute;
    width: 80%;
    height: 2em;
    background: #fcf8e3;
    padding: 5px;
    box-sizing: border-box;
    color: #c09853;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #000;
}

textarea.field-input.offensive-word-input {
    width: 730px;
    height: 600px;
    resize: vertical;
    ;
}
/*Location control ends*/
/* Best bet starts */
#bbManage .accordion-heading {
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
}

    #bbManage .accordion-heading.hover-row .hover-item {
        display: inline-block;
        float: right;
        margin-top: 8px;
        margin-right: 20px;
    }

#bbManage .accordion-toggle,
#bbManage .accordion-toggle:hover,
#bbManage .accordion-toggle:focus {
    background: url('/images/icons/arrow_down.png') 12px center no-repeat;
    cursor: pointer;
    display: inline-block;
    padding-left: 30px;
    cursor: pointer;
    background-size: auto auto;
}

#bbManage .keyword {
    display: inline-block;
}

    #bbManage .keyword input {
        margin-bottom: 0;
    }

#bbManage .pages-table tr:hover {
    cursor: move;
}
#bbManage .pages-table tr:hover,
#bbManage .keyword-table tbody tr:hover
 {
    background-color: #eaf3f7;
}

#bbManage .pages-table tr.row-add:hover,
#bbManage .pages-table tr.sgv-empty-row:hover {
    cursor: auto;
    background-color: transparent;
}

#bbManage .accordion-inner .pages-table td {
    border: 1px solid #dddddd;
}

#bbManage .pages-table .row-add td {
    border: none;
}

/* Best bet ends */

.comment-box textarea {
    width: 850px;
}

/* Content MV Testing Tab*/
.mv-testing-grid .mv-allocation {
    width: 40px;
}

.mv-testing-buttons .add-variant {
    margin-bottom: 20px;
}
/* Content MV Testing Tab ends*/

form {
    margin-bottom: 0px;
}

.file-list-view .seamless-table tr.hover-row td {
    vertical-align: middle;
    height: 40px;
}

    .file-list-view .seamless-table tr.hover-row td.sgv-primary-field span.hover-item {
        display: none;
    }

.file-list-view .seamless-table tr.hover-row:hover > td.sgv-primary-field span.hover-item {
    display: block;
}


.seamless-table-editable input[type="text"] {
    width: 100%;
    margin-bottom: 0px;
}

.can-add .no-results {
    cursor: pointer;
}

/* Tag Input Field */
.tagArea {
    margin-top: 10px;
}

    .tagArea .hover-item {
        display: inline-block;
        float: right;
        margin-top: 8px;
        margin-right: 10px;
    }

    .tagArea .tag-wrap {
        color: #333333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        background-color: #f5f5f5;
        background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #cccccc;
        border-bottom-color: #b3b3b3;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-radius: 3px;
        overflow: hidden;
        min-height: 35px;
        max-width: 800px;
        width: auto;
        display: inline-block;
        margin-right: 10px;
        margin-top: 10px;
        line-height: 35px;
        word-break: break-all;
    }

.tag-wrap .tag-value {
    margin-right: 10px;
    margin-left: 10px;
    color: #676767;
}

.form-horizontal .controls .tag-value input[type="text"] {
    width: auto;
    padding: 3px 6px;
}

.form-horizontal .tag-field .controls .btn {
    margin-left: 6px;
}

.form-horizontal .tag-input .controls {
    margin-left: 0;
    float: right;
}

.form-horizontal .tag-input textarea {
    width: 528px;
}

.form-horizontal .tag-input .field-input.tag-btn {
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
    width: auto;
}

.form-horizontal .tag-input .icon-question-sign {
    margin-top: 9px;
    margin-left: 5px;
}

.tag-input .tag-tooltip {
    display: inline-block;
    vertical-align: top;
}

.tag-input .control-div {
    float: right;
}

.form-horizontal .tag-input .tag-tooltip .control-label {
    width: 110px;
}
/* Chosen overrides begin */
.chosen-container {
    margin-bottom: 10px;
}

    .chosen-container .chosen-choices {
        padding: 6px 10px;
        line-height: 20px;
        border-radius: 3px;
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
        background-image: none;
    }

        .chosen-container .chosen-choices li {
            line-height: 20px;
            height: 33px;
        }

.tag .chosen-container-multi .chosen-choices li.search-choice {
    line-height: normal;
    height: auto;
    background-size: auto;
    display: inline-block;
    word-break: break-all;
}

.tag .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: url(./chosen/chosen-sprite.png) -42px 1px no-repeat !important;
}
    .tag .chosen-container .chosen-choices li.search-choice {
        height: auto;
        line-height: normal;
    }


    .chosen-container .chosen-choices li.search-choice {
                margin: 3px 5px 3px 0;
                background-color: #f5f5f5;
                background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
                background-repeat: repeat-x;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                border: 1px solid #cccccc;
                border-bottom-color: #b3b3b3;
            }

                .chosen-container .chosen-choices li.search-choice span {
                    color: #676767;
                }

            .chosen-container .chosen-choices li.search-field input[type=text] {
                height: 18px;
                margin: 0;
                line-height: 18px;
            }

.chosen-drop li.create-option,
.chosen-drop li.create-option a {
    color: #333;
}

    .chosen-drop li.create-option.highlighted,
    .chosen-drop li.create-option.highlighted a {
        color: #fff;
    }

.chosen-disabled {
    opacity: 1 !important;
}

    .chosen-disabled, .chosen-disabled li {
        cursor: not-allowed !important;
    }

        .chosen-disabled .chosen-choices {
            background-color: #EEEEEE;
        }

.chosen-container.chosen-disabled > ul{
    min-height: 34px !important;
    cursor: not-allowed !important;
}
.chosen-container.chosen-disabled li.search-choice {
    padding-right: 5px;
    margin-top: auto;
}

    .chosen-container.chosen-disabled li.search-choice .search-choice-close,
    .chosen-container.chosen-disabled li.search-field {
        display: none;
    }

/* Chosen overrides end */

/* Tag Input Field ends */

/* Find and Replace starts */

.ui-dialog .ui-dialog-content.find-replace-progressbar {
    padding: 30px;
}

.find-replace-progressbar .progress-info {
    width: 500px;
    height: 30px;
}

.search-wrap .sgv-footer-row .sgv-pagination input.replace {
    width: 83px;
    height: 34px;
    padding: 7px 14px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    color: #797979;
}

.find-replace .btn-search {
    margin-left: 150px;
}

    .find-replace .btn-search .btn {
        color: #797979;
    }

    .find-replace .btn-search .field-input-checkboxlist span.pseudo-control {
        margin-top: 6px;
        margin-left: 5px;
    }

.search-wrap .sgv-footer-pagesize, .search-wrap .sgv-footer-pagesize .btn {
    color: #797979;
}

    .search-wrap .sgv-footer-pagesize .dropdown-menu {
        min-width: 110px;
    }

.search-wrap .sgv-footer-row .sgv-footer-pagesize {
    width: 155px;
}

#fieldReplaceConfirmPopup .ui-dialog-content-body {
    padding: 0;
}

#fieldReplaceConfirmPopup.ui-dialog-content {
    padding-bottom: 0;
}
/* Find and Replace ends */

/* Dictionary Setting */
#dictionaryUploader {
    display: inline-block;
    width: 100%;
    margin-right: 24px;
}

.dictionary-setting h4 {
    margin-bottom: 20px;
}

.dictionary-setting .seamless-table td {
    vertical-align: middle;
}

.form-horizontal.custom-words textarea {
    margin-left: 0;
    width: 648px;
}

.custom-words label {
    font-weight: bold;
}

.user-edit .form-horizontal .roles table {
    margin-bottom: 0;
}

    .user-edit .form-horizontal .roles table + table {
        margin-top: 0;
        margin-bottom: inherit;
    }

#timezoneOptionContainer select {
    width: 420px;
    max-width: 420px;
}

/* Analytics Dashboard */
.site-stats-container {
    min-width: 1170px;
}

.site-stats .ttable {
    display: table;
    width: 100%;
}

.site-stats .trow {
    display: table-row;
}

.site-stats .tcell {
    display: table-cell;
    padding: 0 18px;
}

    .site-stats .tcell:first-child {
        padding-left: 0;
        padding-right: 17px;
    }

    .site-stats .tcell:last-child {
        padding-left: 17px;
        padding-right: 0;
    }

.site-stats .cell-graph {
    min-width: 895px;
}

.site-stats .cell-viewers {
    width: 300px;
}

.stat-tables .tcell {
    width: 30%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
}

.site-stats ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.viewer-count {
    padding: 14px 40px;
    height: 300px;
    max-height: 300px;
    overflow: hidden;
}

    .viewer-count li {
        display: block;
        padding: 12px 5px 12px 55px;
        background: transparent no-repeat center left;
        border-bottom: 3px solid;
        margin-bottom: 30px;
        background-size: 40px;
    }

        .viewer-count li span {
            display: inline-block;
        }

        .viewer-count li .count {
            font-size: 42px;
            width: 50px;
            text-align: right;
            line-height: 42px;
            margin-right: 10px;
        }

        .viewer-count li .name {
            font-size: 12px;
            line-height: 12px;
            font-weight: bold;
        }

    .viewer-count .device-mobile {
        border-bottom-color: #f3c179;
        background-image: url(/images/icons/icons-devices-phone-40px.png);
    }

    .viewer-count .device-desktop {
        border-bottom-color: #44a3d3;
        background-image: url(/images/icons/icons-devices-desktop-40px.png);
    }

    .viewer-count .device-tablet {
        border-bottom-color: #ee9082;
        background-image: url(/images/icons/icons-devices-tablet-40px.png);
    }

    .viewer-count .empty {
        opacity: 0.2;
    }

.active-pages,
.popular-pages {
    border-bottom: 1px solid #ccc;
}

    .active-pages.empty,
    .popular-pages.empty,
    .empty > ul.live-search {
        border-bottom: 0;
    }

    .active-pages li {
        border-top: 1px solid #ccc;
        padding: 10px 60px 10px 20px;
        background: transparent no-repeat;
        background-position: right 10px top 14px;
        background-size: 24px;
    }

        .active-pages li a {
            display: block;
        }

        .active-pages li span {
            opacity: 0.75;
        }

        .active-pages li:first-child {
            border-top: 0px;
        }

        .active-pages li:hover {
            background-color: #eaf3f7;
            border-top-color: #b8d1e7;
        }

    .active-pages.empty li, .active-pages.empty li:hover {
        background: transparent;
        padding-left: 0;
    }

    .active-pages li:hover a {
        text-decoration: none;
    }

    .active-pages .device-mobile {
        background-image: url(/images/icons/icons-devices-phone-24px.png);
    }

    .active-pages .device-desktop {
        background-image: url(/images/icons/icons-devices-desktop-24px.png);
    }

    .active-pages .device-tablet {
        background-image: url(/images/icons/icons-devices-tablet-24px.png);
    }

    .popular-pages > ul > li {
        border-top: 1px solid #ccc;
        padding: 10px 15px;
    }

        .popular-pages > ul > li:first-child {
            border-top: 0;
        }

    .popular-pages.empty > ul > li, .popular-pages.empty > ul > li:hover {
        background: transparent;
        padding-left: 0;
    }

    .popular-pages > ul > li:hover {
        background-color: #eaf3f7;
        border-top-color: #b8d1e7;
    }

        .popular-pages > ul > li:hover > a {
            text-decoration: none;
        }

    .popular-pages li a,
    .popular-pages li ul {
        display: block;
    }

    .popular-pages li ul {
        margin: 5px 0;
    }

        .popular-pages li ul li {
            display: inline-block;
            padding: 5px 10px 5px 36px;
            background: transparent no-repeat 10px 5px;
            line-height: 16px;
            background-size: 16px;
            margin-right: 5px;
            color: white;
            min-width: 25px;
        }

            .popular-pages li ul li.empty {
                opacity: 0.2;
            }

    .popular-pages .device-mobile {
        background-color: #f3c179;
        background-image: url(/images/icons/icons-devices-phone-white.png);
    }

    .popular-pages .device-desktop {
        background-color: #44a3d3;
        background-image: url(/images/icons/icons-devices-desktop-white.png);
    }

    .popular-pages .device-tablet {
        background-color: #ee9082;
        background-image: url(/images/icons/icons-devices-tablet-white.png);
    }

.live-search {
    min-width: 400px;
    border-bottom: 1px solid #ccc;
}

    .live-search li {
        padding: 10px 0 15px 0;
        border-top: 1px solid #ccc;
    }

        .live-search li:first-child {
            border-top: 0px;
        }

    .live-search.empty li, .live-search.empty li:hover {
        background: transparent;
        padding-left: 0;
    }

    .live-search li:hover {
        background-color: #eaf3f7;
        border-top-color: #b8d1e7;
    }

        .live-search li:hover a {
            text-decoration: none;
        }

    .live-search .source,
    .live-search .destination {
        display: inline-block;
        width: 50%;
        word-wrap: break-word;
        padding: 0 20px;
        box-sizing: border-box;
        vertical-align: top;
    }

    .live-search .source {
        padding-right: 0;
    }
/* /Analytics Dashboard */

/*API Management*/
.apikey-gen-pnl {
    width: 1100px;
    margin: 0 auto;
}

    .apikey-gen-pnl .control-label {
        width: 130px;
        display: inline-block;
    }

    .apikey-gen-pnl input.txt-apiKey {
        width: 400px;
        margin-bottom: 0;
        cursor: auto;
        padding: 12px 20px 11px 20px;
    }

    .apikey-gen-pnl .btn-main {
        margin-left: 20px;
        line-height: 23px;
        padding: 10px 20px;
    }

.accordion-body > div.field-usage {
    padding: 0px 30px;
}

div.field-usage .arrow-separator {
    margin: 0 0.5em;
}

.field-usage-section {
    margin-bottom: 20px;
}

    .field-usage-section .table {
        margin: 8px 0;
    }

        .field-usage-section .table tr:last-child td {
            border-bottom: none;
        }

#modalReadability {
    display: none;
}

/* Form selector */
.form-selector .seamless-page-body {
    box-sizing: border-box;
    height: 240px;
}

.form-selector .legend {
    line-height: 200%;
    text-align: center;
    margin-bottom: 15px;
}

.control-label.user-detail-label {
    text-transform: initial;
}

/*Language Variables*/
.search-section input {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    background: url('/images/search-28x28.gif') right 15px center no-repeat #fff;
    border-radius: 4px 4px 0 0;
    margin: 0;
    padding-left: 30px;
}

/*Tiny scrollbar for variable list*/

.variables-list-search {
    width: 270px;
}

#variable-list {
    position: relative;
    margin-bottom: 12px;
    background-color: #fff;
}

    #variable-list .empty-result {
        display: block;
        padding: 10px 20px;
        cursor: default;
    }

    #variable-list .viewport {
        width: 268px;
        min-height: 400px;
        overflow: hidden;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 0 0 6px 6px;
        border-top: 0;
    }

    #variable-list .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        width: 268px;
    }

    #variable-list .scrollbar {
        position: absolute;
        float: right;
        width: 10px;
        /*top: 85px;*/
        right: 0;
        z-index: 10;
    }

    #variable-list .track {
        height: 100%;
        width: 10px;
        position: relative;
    }

    #variable-list .thumb {
        background: #999999;
        -webkit-border-radius: 3px;
        border-radius: 6px;
        background-clip: padding-box;
        height: 20px;
        width: 10px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
    }
     #variable-list .disable {
        display: none;
    }
    #variable-list .nav-list.seamless-nav {
        border-radius: 0;
        box-shadow: none;
    }
     #variable-list .nav-list.seamless-nav li {
        background-position: 230px 17px;
        border: 0;
        border-top: 1px solid #e5e5e5;
    }
    #variable-list .nav-list.seamless-nav li:first-child {
        border-top: 0;
        border-radius: 0;
    }
    #variable-list .nav-list.seamless-nav li:last-child {
        border-bottom: 1px solid #e5e5e5;
        border-radius: 0;
    }

.side-create-button {
    margin-top: 10px;
}

/* Multilingual : language packas*/
.language-packs table tbody tr.hover-row.ui-default td,
.language-packs table tbody tr.hover-row.ui-default td:hover {
    background-color: #DAEAD3;
}

.language-packs table tbody th.sgv-col-header.tick-header {
    width: 35px;
}
.language-packs table tbody tr.hover-row.ui-default div.tick-col {
   background: url("/images/icons/icon_tick.png") no-repeat 0 0;
    min-height: 20px; 
}
.icon-tick {
    background: url("/images/icons/icon_tick.png") no-repeat 0 -4px;
    width: 24px;
    height: 16px;
}

.control-label.no-text-transform {
    text-transform: none !important;
}
.language-display {
    width: 170px;
}
.img-flag {
    margin-top: 3px;
    width: 24px;
}
span.system-variable {
    background-color: #039dea;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px;
    font-size: small;
    
}
#variable-list .label-info {
    font-size: 1em;
    font-weight: normal;
}

.tree-input-controls, .select-input-controls {
    position:relative;
}

#divOptionTranslationAccordion .accordion-group {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #FFF;
    z-index:1;
}

.tree-well {
    background-color: #f9f9f9;
    border: 0px;
    font-size: 14px;
    word-break: normal;
    color: #767676;
    padding: 12px;
}
.tag-options .dropdown-checkbox-wrapper{
    width:300px;
}

.wordbreak {
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.wordbreak .field-title {
    display: inline-block;
    max-width: 95%;
    vertical-align: top;
}

/* OC Customisations */
.container-title > div {
    margin-right: 20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}
.content-status-text {
    font-size: 14px;
    padding: 1px 12px;
    background-color: #D7F1FD;
    border: 1px solid #18485E;
    color: #18485E;
    border-radius: 18px;
}

.content-status-text.content-status-Deactivated,
.content-status-text.content-status-RollBacked {
    background: #FEE0AF;
    border: 1px solid #5B3D0B;
    color: #5B3D0B;
}
.content-status-text.content-status-Published {
    background: rgba(7, 167, 108, 0.2);
    border: 1px solid #06452D;
    color: #06452D;
}
.content-status-text.content-status-InWorkflow {
    color: #5A1F65;
    background: #F8DEFD;
    border: 1px solid #5A1F65;
}
.content-lang-text {
    font-size: 16px;
}
.content-active-link {
    position: relative;
}
.content-active-link a {
    font-size: 14px;
    text-decoration: underline;
    padding-left: 0px;
    vertical-align: middle;
    margin-left: 6px;
}
.content-active-link a:hover,
.content-active-link a:focus {
    text-decoration: none;
}
.content-active-link i {
    background-image: url('/images/icons/arrow.svg');
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}