.cs-design-properties {
    z-index: 2000;
    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    font-size: 14px;
    color: #282a2d;
}
.cs-design-properties a
{
    color: #42a1f6;
}

#cs_designed_container.cs-design-properties {
    border: 0;
}

.cs-design-properties.cs-popup-form
{
    padding-top: 10px;
}

.cs-design-properties .cs-line-block.cs-text-input-line label,
.cs-design-properties .cs-line-block.cs-text-input-line .cs-field-label
{

}

.cs-design-properties .cs-line-block.cs-text-input-line label.cs-textboxed-label
{
    margin-top: 0;
}

.cs-design-properties .cs-line-block.cs-text-input-line label.cs-textboxed-label input[type=radio]
{
    margin-top: 4px;
}

.cs-design-properties .cs-line-block.cs-text-input-line .cs-field-content .cs-calendar .cs-calendar-button {
    display: inline-block;
}
.cs-design-properties .cs-line-block.cs-text-input-line .cs-field-content .cs-calendar .cs-calendar-button:before {
    font-family: "FontAwesome";
    content: '\f073';
    color: #42a1f6;
    font-size: 20px;
    line-height: 24px;
    margin-left: 8px;
}

.cs-design-properties .cs-line-block.cs-text-input-line .cs-field-content .cs-calendar .cs-calendar-clear {
    position: relative;
    color: #94a2b0;
    text-decoration: none;
}

.cs-design-properties .cs-line-block.cs-text-input-line .cs-field-content .cs-calendar .cs-calendar-clear:hover {
    color: #282a2d;
}

.cs-design-properties .cs-line-block.cs-text-input-line .cs-field-content .cs-calendar .cs-calendar-clear:before {
    font-family: "cornerstone";
    content: '\e837';
    font-size: 24px;
    line-height: 40px;
}

.cs-design-properties .cs-line-block-hide
{
    display: none;
}

.cs-design-properties input,
.cs-design-properties textarea,
.cs-design-properties select
{
    color: #282a2d;
    font-size: 14px;
    line-height: 14px;
    padding: 2px 10px 3px;
    margin: 0;

    display: block;
    float: left;
    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cs-design-properties .cs-line-block > .cs-text-box,
.cs-design-properties .cs-line-block > .cs-text-box-short,
.cs-design-properties .cs-line-block > .cs-select
{
    margin-right: 10px;
}

.cs-design-properties .cs-line-block > .cs-label-suffix
{
    margin-left: 0;
}

.cs-design-properties .cs-line-block > .cs-text-box:last-child,
.cs-design-properties .cs-line-block > .cs-select:last-child
{
    margin-right: 0;
}

.cs-design-properties .cs-editor
{
    min-height: 372px;
}

.cs-design-properties .cs-editor-source
{
    width: 100%;
    min-height: 372px;
}

.cs-design-properties .cs-editor textarea
{
    padding: 2px 0 3px;
}

.cs-design-properties table.cs-dual-select,
.cs-design-properties table.cs-dual-select table
{
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
}

.cs-design-properties table.cs-dual-select td,
.cs-design-properties table.cs-dual-select table td
{
    padding: 0;
}

.cs-design-properties table.cs-dual-select select
{
    height: 180px;
    padding: 0;
}

.cs-design-properties table.cs-dual-select td.cs-dual-select
{
    padding: 0;
    font-size: 12px;
}

.cs-design-properties table.cs-dual-select .buttons-cell
{
    width: 37px;
}

.cs-design-properties table.cs-dual-select .buttons-cell table
{
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
    box-sizing: border-box;
}

.cs-design-properties table.cs-dual-select .buttons-cell table td {
    padding: 5px;
}

/*.cs-design-properties table.cs-dual-select .buttons-cell input
{
    display: block;
    width: 37px;
    height: 37px;
    margin: 0;
    border: 0;
    font-size: 1px;

    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('/_static/images/cs-sprite.png');

    cursor: pointer;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-r
{
    background-position: 0 -1532px;
    margin-bottom: 1px;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-r:before {
    font-family: "cornerstone";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    vertical-align: middle;
    content: '\e82a';
    font-size: 18px;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-r:hover
{
    background-position: 0 -1475px;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-rr
{
    background-position: 0 -1646px;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-rr:hover
{
    background-position: 0 -1589px;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-l
{
    margin-top: 1px;
    background-position: 0 -1418px;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-l:hover
{
    background-position: 0 -1247px;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-ll
{
    background-position: 0 -1361px;
}

.cs-design-properties table.cs-dual-select .buttons-cell input.button-ll:hover
{
    background-position: 0 -1304px;
}*/

.cs-design-properties table.cs-dual-select .buttons-span
{
    height: 28px;
}

.cs-design-properties table.cs-dual-select input[type=button]
{
    border: 0;
    background-color: #42a1f6;
    color: #ffffff;
    display: inline-block;
    width: 40px;
    height: 28px;
    cursor: pointer;
}

.cs-design-properties table.cs-dual-select input[type=button]:hover,
.cs-design-properties table.cs-dual-select input[type=button]:active
{
    background-color: #397dea;
    color: #fff;
}


.cs-design-properties input[type=button]
{

}

.cs-design-properties input[type=button]::-moz-focus-inner
{
    padding: 0;
}

.cs-design-properties select
{
    color: #282a2d;
    font-size: 14px;
    height: 22px;
    line-height: 17px;
    padding: 1px 0 2px 2px; /* extra 4px? */
    border-spacing: 0;

    display: block;
    float: left;
    border: 1px solid #a5aab1;
    height: 40px;
    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cs-design-properties .cs-text-box
{
    padding: 10px;
    border: 1px solid #94a2b0;
    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cs-design-properties .cs-text-box-short
{
    padding: 10px;
    border: 1px solid #94a2b0;
    width: 50px;
}

.cs-design-properties .cs-field-content .cs-text-area
{
    padding: 10px;
    border: 1px solid #94a2b0;
    height: 30px;
    line-height: 15px;
}

.cs-design-properties .cs-field-content select
{
    width: 232px;
    /*margin-left: 16px;
    margin-top: 8px;
    margin-bottom: 8px;*/

    margin: 0;
    border: 1px solid #a5aab1;
    padding-left: 7px;
    height: 40px;
    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cs-design-properties .cs-field-content select:first-child
{
    margin-left: 0;
}

.cs-design-properties .cs-field-content select.cs-select-short
{
    width: 55px;
}

.cs-design-properties .cs-scroll-block .cs-field-content select
{
    width: 220px;
}

.cs-design-properties .cs-field-content .cs-text-box
{
    width: 220px;
}

.cs-design-properties .cs-field-content .ui-input[type=file]
{
    width: 210px;
}


.cs-design-properties .cs-field-content .cs-text-area
{
    width: 210px;
}

.cs-design-properties .cs-field-content .cs-text-area-larger
{
    width: 210px;
    height: 200px;
}

.cs-design-properties .cs-scroll-block .cs-field-content .cs-text-box
{
    width: 200px;
}

.cs-design-properties .cs-buttons-line
{
    text-align: right;
    padding-bottom: 10px;
}

.cs-design-properties .cs-button-secondary
{
    background: transparent;
    border: 0;

    line-height: 17px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif;

    padding: 7px 4px;

    color: #9A9FA5;

    cursor: pointer;
}

.cs-design-properties .cs-button-secondary:hover
{
    color: #ffffff;
}

.cs-design-properties a.cs-button {
    display: inline-block;
    color: #000000;
    padding: 7px 12px;
    height: auto;
}

.cs-design-properties .cs-button
{
    background-color: #42a1f6;
    color: #ffffff;
    font-size: 18px;
    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    padding: 11px 30px;
    line-height: 18px;
    float: none;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

.cs-design-properties .cs-button:hover
{
    color: #fff;
    background-color: #397dea;
}

.cs-design-properties .cs-button:active
{
    color: #fff;
    background-color: #397dea;
}

.cs-design-properties .cs-button:focus
{
    outline: none;
}

.cs-design-properties .cs-button::-moz-focus-inner
{
    border: 0;
}

/* --------------------- Inline buttons: add, save, cancel ------------------ */

.cs-design-properties .cs-button-inline {

    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    cursor: pointer;
}

.cs-design-properties .cs-button-inline:before {
    font-family: "cornerstone";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}

.cs-design-properties .cs-button-inline:hover
{
    color: #397dea;
}

.cs-design-properties .cs-button-inline:active
{
    color: #397dea;
}

.cs-design-properties .cs-button-inline:focus {
    outline: none;
}

.cs-design-properties .cs-button-inline::-moz-focus-inner {
    border: 0;
}

.cs-design-properties .cs-button-cancel
{
    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    cursor: pointer;
    color: #969aa0;
    text-decoration: none;
    margin-right: 10px;
    position: relative;
    line-height: 28px;
    display: inline-block;
    padding: 0 10px 0 6px;
}

.cs-design-properties .cs-button-cancel:before
{
    font-family: "cornerstone";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    content: '\e82a';
    font-size: 16px;
    line-height: 28px;
    float: left;
    margin-right: 5px;
}

.cs-design-properties .cs-button-cancel:hover
{
    color: #fff !important;
    background-color: #397dea;
    text-decoration: none;
}

/* -------------------------------------------------------------------------- */



.cs-design-properties table.cs-submit-block /* ????????? */
{
    width: 100%;

    border-top: 1px solid #46464b;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.cs-design-properties div.cs-submit-block
{
    /*overflow: hidden;*/
    border-top: 1px solid #46464b;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    /*margin-bottom: 10px;*/
    position: relative;
    top: 10px;
    clear: both;
}

.cs-design-properties td.cs-submit-block,
.cs-design-properties .cs-submit-block td,
.cs-design-properties div.cs-submit-block
{
    padding: 20px 0 30px 0;
    text-align: center;
}

.cs-design-properties .cs-submit-block .cs-button {
    width: 240px;
}

.cs-design-properties .item-body-container-expanded
{
    padding: 12px;
}
.cs-design-properties .item-body-container-expanded div.cs-submit-block
{
    padding-right: 0;
}

.cs-design-properties table.cs-submit-block .cs-form-link
{
    line-height: 29px;
    font-size: 11px;
}

/* -------------------------------- Tabs ------------------------------------ */

.cs-design-properties .cs-tab-set {

}

.cs-tab-set .head {
    background-color: #cdcddb;
}

.cs-design-properties .cs-tabs-tab
{
    padding: 10px 0;
    margin: 0 38px;
    overflow: visible;
}
.cs-design-properties .cs-tab-content>label:only-child
{
    line-height: 60px;
}

.cs-design-properties .cs-tabs-tab .cs-tab-helper
{
    clear: both;
}

.cs-design-properties .cs-tabs-header-first
{
}

.cs-design-properties .cs-tabs-header {
    display: block;
    float: left;
    cursor: pointer;
    background-color: #cdcddb;
}

.cs-design-properties .cs-tabs-header:hover:not(.cs-tabs-header-selected),
.cs-design-properties .cs-tabs-header:hover:not(.cs-tabs-header-selected) span
{
    background-color: #42a1f6;
    color:#fff;

}

.cs-design-properties .cs-tabs-header span {
    display: block;
    font-size: 15px;
    color: #282a2d;
    line-height: 15px;
    padding: 14px;
    white-space: nowrap;
}

.cs-design-properties .cs-tabs-header span:hover {

    position: relative;
    z-index: 2;
}

.cs-design-properties .cs-tabs-header-selected
{
    border-top: 2px solid #42a1f6;
    background-color: #ffffff;
}

.cs-design-properties .cs-tabs-header-selected span
{
    color: #42a1f6;
    margin: -2px 0 0 0;
}

.cs-design-properties .cs-tabs-header-selected:hover
{

}

.cs-design-properties .cs-tabs-header-selected span:hover
{

}

.cs-design-properties div.cs-tabs-header-first span,
.cs-design-properties div.cs-tabs-header-first span:hover
{

}

.cs-design-properties .cs-tabs-header-ending
{
    display: block;
    overflow: hidden;
    clear: both;
}

.cs-design-properties .cs-tabs-header-ending span {
    display: block;
    height: 0;
}

.cs-design-properties .cs-tabs-header-not-clickable
{
    cursor: default !important;
}

.cs-design-properties .cs-tabs-header-not-clickable
{
    cursor: default !important;
}

.cs-design-properties .ui-tabs-hide
{
    display: none;
}

/* ----------------------------- Autocomplete ------------------------->>>--- */

.cs-design-properties .cs-autocomplete-container .ui-autocomplete-input
{
    outline: none;
    width: 210px;
    float: none;
}

.cs-design-properties .cs-autocomplete-container .ui-autocomplete
{
    position: absolute;
    cursor: default;
    background-color: #ffffff;
    width: 240px;
    border: 1px solid #94a2b0;
    border-top: none;
    padding: 0;
}

.cs-design-properties .cs-autocomplete-container .ui-autocomplete .ui-menu-item
{
    list-style-type: none;
}

.cs-design-properties .cs-autocomplete-container .ui-autocomplete .ui-menu-item a
{
    text-decoration: none;
    display: block;
    padding: 8px;
    font-size: 12px;
    color: #282a2d;
}

.cs-design-properties .cs-autocomplete-container .ui-autocomplete .ui-menu-item a.ui-state-hover,
.cs-design-properties .cs-autocomplete-container .ui-autocomplete .ui-menu-item a.ui-state-active
{
    background-color: #397dea;
    color: #fff;
}

.cs-design-properties .cs-autocomplete-container .cs-menu-icon,
.cs-design-properties .cs-autocomplete-container .ui-autocomplete .cs-menu-icon
{
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.cs-design-properties .cs-autocomplete-container .cs-menu-icon img,
.cs-design-properties .cs-autocomplete-container .ui-autocomplete .cs-menu-icon img
{
    width: 30px;
    height: 30px;
    display: block;
    border: 0;
}

.cs-design-properties .cs-autocomplete-container .cs-menu-icon .empty-img
{
    width: 30px;
    height: 30px;
    display: block;
    border: 0;
    background-color: #f4f4f6;
}

.cs-design-properties .cs-autocomplete-container .cs-menu-icon-label
{
    overflow: hidden;
    width: 170px;
    display: inline-block;
    vertical-align: middle;
}

.cs-design-properties .cs-autocomplete-container .ui-autocomplete .ui-menu-item a.ui-menu-no-results,
.cs-design-properties .cs-autocomplete-container .ui-autocomplete .ui-menu-item a.ui-menu-no-results.ui-state-hover,
.cs-design-properties .cs-autocomplete-container .ui-autocomplete .ui-menu-item a.ui-menu-no-results.ui-state-active
{
    text-decoration: none;
    display: block;
    padding: 10px;
    font-size: 12px;
    color: #282a2d;
    background-color: #ffffff;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result
{
    width: 230px;
    border: 1px solid #969aa0;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result > table
{
    width: 100%;
    min-height: 36px;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .drop-button
{
    display: block;
    position: relative;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .drop-button:hover,
{
    background-color: #397dea;
    color:#fff;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .drop-button span
{
    display: none;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .drop-button:before
{
    font-family: "cornerstone";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    vertical-align: middle;
    font-size: 18px;
    content: '\e895';
    color: #969aa0;
    position: relative;
    right: 5px;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .drop-button:hover:before
{
    color: #282a2d;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .result-cell-content
{
    background-color: #ffffff;
    padding: 8px 0 8px 10px;
    vertical-align: middle;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .result-cell-content .content-container
{
    display: inline-block;
    width: 150px;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .result-cell-content .content
{
    font-size: 12px;
    color: #282a2d;
    vertical-align: middle;
    display: inline-block;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .result-cell-content .content a
{
    font-size: 12px;
    color: #282a2d;
    text-decoration: none;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .result-cell-content .content .image-thumbnail {
    display: block;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .result-cell-content .content .image-thumbnail img {
    max-height: 100px;
    max-width: 100px;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .result-cell-content .value
{
    display: none;
}

.cs-design-properties .cs-autocomplete-container .cs-autocomplete-result .result-cell-drop
{
    background-color: #ffffff;
    vertical-align: middle;
    padding: 0 2px;
    width: 20px;
}

.cs-design-properties .cs-autocomplete-container .ui-autocomplete .ui-menu-item .cs-menu-value {
    font: normal 9px Arial, sans-serif;
    line-height: 9px;
    padding-top: 6px;
}

/* ---<<<-------------------------------------------------------------------- */



.cs-design-properties .cs-section-set
{
    margin: 0 -38px;
    clear: both;

    padding-top: 10px;
    padding-bottom: 10px;
}

.cs-design-properties .cs-section-set:first-child
{
    padding-top: 0;
}

.cs-design-properties .cs-section-block
{
    padding-bottom: 0px;
}

.cs-design-properties .cs-section-title
{
    clear: both;
    /*padding-top: 10px;*/
    padding: 0 20px;
}

.cs-design-properties .cs-section-set:first-child .cs-section-block:first-child .cs-section-title
{
    padding-top: 0;
}

.cs-design-properties .cs-section-block:last-child
{
    padding-bottom: 0;
}

/* ----------------------------- Section label ------------------------------ */

.cs-design-properties .cs-section-label {
    display: block;
    clear: both;
    font-size: 14px;
    padding: 20px 20px 20px 10px;
    color: #42a1f6;
    border-bottom: 2px solid #42a1f6;
    text-decoration: none;
}

.cs-design-properties .cs-section-label.cs-collapsed
{
    border-bottom: 2px solid #e6e6f3;
}

.cs-design-properties .cs-section-label:hover
{
    text-decoration: none;
    color: #ff2f81;
    border-bottom: 2px solid #ff2f81;
    transition: border 0.5s ease-out;

}

/*.cs-design-properties .cs-section-label.cs-expanded:hover
{
    background-color: #ffffff;
}*/

.cs-design-properties .cs-section-label:before {
    font-family: "cornerstone";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    float: right;
}



.cs-design-properties .cs-section-label.cs-expanded:before
{
    content: '\e823';
}

.cs-design-properties .cs-section-label.cs-collapsed:before
{
    content: '\e825';
}

.cs-design-properties .cs-section-label.cs-expanded:hover:before
{
    content: '\e823';
}

.cs-design-properties .cs-section-label.cs-collapsed:hover:before
{
    content: '\e825';
}

/* -------------------------------------------------------------------------- */


.cs-design-properties .cs-section-content
{
    margin: 0 20px;
    padding: 10px 20px;
    background-color: #f4f4f6;
    /*border-top: 2px solid #42a1f6;*/
}

.cs-design-properties .section-content-helper,
.cs-design-properties .section-helper
{
    clear: both;
}

.cs-design-properties .cs-delimiter-block
{
    float: left;
    width: 100%;
    clear: both;

    border-top: 2px solid #e6e6f3;

    padding-top: 10px;
    margin-top: 10px;
}

.cs-design-properties .cs-line-block,
.cs-design-properties .cs-label-line-block
{
    clear: both;
    float: left;
    width: 100%;
    padding: 10px 0;
}

.cs-design-properties .cs-field-content > .cs-line-block:first-child
{
    padding-top: 0;
}

.cs-design-properties .cs-field-content > .cs-line-block:last-child
{
    padding-bottom: 0;
}

.cs-design-properties .cs-label-line-block
{
    padding-bottom: 0;
}

.cs-design-properties .cs-warning-block
{
    padding-left: 24px;
    background: url('/_static/images/warning_properties.png') no-repeat -1px center;
}

.cs-design-properties .cs-buttons-line
{
    padding: 10px 0;
}

.cs-design-properties .cs-field-label
{

    display: block;
    float: left;

    width: 148px;
    margin-right: 10px;
    text-align: right;
}

.cs-design-properties .cs-field-label > * {
    vertical-align: middle;
}

.cs-design-properties .cs-scroll-block .cs-field-label
{
    width: 128px;
}

.cs-design-properties .cs-dual-select-line .cs-field-label
{
    width: 100%;
    margin: 0 0 10px 0;
    text-align: left;
}

.cs-design-properties .cs-field-content
{
    /*overflow: hidden;*/
    float: left;
}

.cs-design-properties .cs-dual-select-line .cs-field-content
{
    width: 100%;
    margin: 0;
    text-align: left;
    overflow: visible;
}

.cs-design-properties input[type=checkbox],
.cs-design-properties input[type=radio]
{
    padding: 0;
}

.cs-design-properties .cs-line-block input[type=checkbox],
.cs-design-properties .cs-line-block input[type=radio]
{
    margin: 0 10px 0 0;
    display: block;
    float: left;
}

.cs-design-properties .sort-order-block .cs-line-block input[type=checkbox]
{
    margin-top: 12px;
}

.cs-design-properties .cs-line-block label:not(.cs-checkbox-empty-label):not(.cs-radio-option-label)
{
    display: block;
    float: left;
    margin-right: 10px;

    margin-top: 10px; /* ! */
}

.cs-design-properties .cs-checkbox-empty-label + .cs-field-content .cs-checkbox-label,
.cs-design-properties .cs-checkbox-empty-label + .cs-field-content .cs-checkbox-label + .cs-hint-help,
.cs-design-properties .visibility-form .cs-line-block .cs-checkbox-label,
.cs-design-properties .visibility-form .cs-line-block .cs-checkbox-label + .cs-hint-help,
.cs-design-properties .cs-multi-line-radio-select label.cs-radio-option-label:not(:first-child)
{
    margin-top: 0 !important;
}

.cs-design-properties .cs-tabs-tab>.cs-tab-content>.cs-line-block:first-child>.cs-field-content .cs-checkbox-label
{
    margin-top:10px !important;
}

.cs-design-properties .cs-line-block .cs-checkbox-label,
.cs-design-properties .cs-line-block .cs-checkbox-option-label,
.cs-design-properties .cs-line-block .cs-radio-option-label
{
    display: block;
    float: left;

    margin-right: 20px;
    margin-left: 5px;
    margin-top: 10px; /* ! */

    position: relative;
}

.cs-design-properties .cs-line-block .cs-checkbox-label > *,
.cs-design-properties .cs-line-block .cs-checkbox-option-label > *,
.cs-design-properties .cs-line-block .cs-radio-option-label > *
{
    display: block;
    float: left;
    margin-left: 24px;
}

.cs-design-properties .cs-line-block .cs-checkbox-label input.cs-checkbox,
.cs-design-properties .cs-line-block .cs-checkbox-label input.cs-checkbox-option,
.cs-design-properties .cs-line-block .cs-checkbox-option-label input.cs-checkbox-option,
.cs-design-properties .cs-line-block .cs-radio-option-label input.cs-radio-option
{
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    outline-width: 1px;
}

.cs-design-properties .cs-line-block:not(:first-child) label.cs-checkbox-label,
.cs-design-properties .cs-line-block:not(:first-child) label.cs-checkbox-label + .cs-hint-help,
.cs-design-properties label.cs-checkbox-label:only-child,
.cs-design-properties .cs-checkbox-empty-label,
.cs-design-properties .cs-radio-select label.cs-radio-option-label:not(:first-child)
{
    /*margin-top: 0; /* test */

}

.cs-multi-checkbox-block .cs-line-block {
    padding-top: 5px;
    padding-bottom: 5px;
}

.cs-design-properties .cs-field-content .cs-line-block:not(:only-child)
{
    padding: 5px 0;
}


.cs-design-properties input.cs-checkbox:disabled + span
{
    opacity:0.4;
}


.cs-design-properties .cs-line-block .cs-radio-option-label input
{
    left: 1px;
}

.cs-design-properties .cs-line-block .cs-checkbox-label:last-child,
.cs-design-properties .cs-line-block .cs-checkbox-option-label:last-child,
.cs-design-properties .cs-line-block .cs-radio-option-label:last-child
{
    margin-right: 0;
}

.cs-design-properties .cs-line-block .cs-checkbox-label span,
.cs-design-properties .cs-line-block .cs-checkbox-option-label span,
.cs-design-properties .cs-line-block .cs-radio-option-label span
{
    display: block;
    float: left;
    margin-left: 24px;
}

.cs-design-properties .cs-line-block .cs-field-label.cs-checkbox-label span
{
    float: none;
    overflow: hidden;
}


.cs-design-properties .cs-sub-form-block .cs-field-label
{
    width: auto;
    float: left;
    margin-right: 10px;
}

.cs-design-properties .cs-line-block .cs-checkbox-label.cs-field-label
{
    text-align: left;
    margin-right: 10px;
}

.cs-design-properties .cs-edit-tags-form
{
    clear: both;
}

.cs-design-properties .cs-radio-select
{
    float: left;
}

.cs-design-properties .tags-filter-manual .ui-text-input-line .ui-field-label
{
    margin-top:10px;

}


/* ------------------------ More options, Add link -------------------------- */

.cs-design-properties .cs-more-options-block,
.cs-design-properties .cs-more-options-content
{
    float: left;
    width: 100%;
    clear: both;
}

.cs-design-properties .cs-more-options-label
{
    float: left;
    clear: both;
}

.cs-design-properties .cs-more-options-label.cs-open:before
{
    content: '\e83c';
    font-size: 17px;
    line-height: 26px;
    padding: 0px 8px;
}

.cs-design-properties .cs-more-options-label.cs-open:hover:before
{
    content: '\e83c';
}

.cs-design-properties .cs-more-options-label,
.cs-design-properties .cs-add-link,
.cs-design-properties .cs-save-link
{
    text-decoration: none;
    color: #42a1f6;
    line-height: 28px;
    display: inline-block;
}

.cs-design-properties .cs-more-options-label {
    margin: 10px 0 10px 140px;
}

.cs-design-properties .cs-more-options-label:hover
 {
    color: #ff2f81;
}

.cs-design-properties .cs-save-link:hover,
.cs-design-properties .cs-add-link:hover

{
    color: #fff !important;
    background-color: #397dea;
}

.cs-design-properties .cs-more-options-label:before,
.cs-design-properties .cs-add-link:before,
.cs-design-properties .cs-save-link:before {
    font-family: "cornerstone";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    font-size: 26px;
    content: '\E894 ';
    margin-right: 0px;
    line-height: 28px;
    float: left;
}

.cs-design-properties .cs-save-link:before {
    content: '\e838';
}

.cs-design-properties .cs-more-options-line-block .cs-more-options-label
{
    margin: 10px 0;
}

.cs-design-properties .cs-more-options-label span,
.cs-design-properties .cs-add-link span,
.cs-design-properties .cs-save-link span
{
    border-bottom: 1px dashed #42a1f6;
    display: inline-block;
    line-height: 15px;
    margin-right:10px;
}

.cs-design-properties .cs-more-options-label:hover,
.cs-design-properties .cs-add-link:hover,
.cs-design-properties .cs-save-link:hover
{
    text-decoration: none;
}

.cs-design-properties .cs-more-options-label:hover:before,
.cs-design-properties .cs-add-link:hover:before
{
    content: '\E894';
}

.cs-design-properties .cs-more-options-label:hover span
{
    border-bottom: 1px dashed #ff2f81;
}
.cs-design-properties .cs-add-link:hover span,
.cs-design-properties .cs-save-link:hover span
{
    border-bottom: none !important;
}


.cs-design-properties .cs-wide-block .cs-more-options-label
{
    margin-left: 0;
}

/* -------------------------------------------------------------------------- */

/* ----------------------------- What's this -------------------------------- */

.cs-design-properties .cs-hint-help {
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
    color: #42a1f6;
    border-bottom: 1px dashed #42a1f6;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}

.cs-design-properties .cs-hint-help:hover {

    color: #ff2f81;
    border-bottom: 1px dashed #ff2f81;
}

/* -------------------------------------------------------------------------- */


.cs-design-properties .cs-label-prefix
{
    text-align: right;
    margin-right: 10px;
    display: block;
}

.cs-design-properties .cs-label-suffix
{
    text-align: right;
    margin-left: 10px;
    margin-right: 20px;
    margin-top: 10px;
    display: block;
    float: left;
}

.cs-design-properties .cs-sub-form-block
{
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    background-color: #f0f0f2;
}

.cs-design-properties .cs-tabs-panel .attach-existing-block .cs-line-block
{
    padding: 5px 10px !important;
}

.cs-design-properties .cs-tabs-panel .attach-existing-block .article-image-image-versions
{
    padding-top: 10px;
}

.cs-design-properties .cs-sub-form-block .cs-wrapper-help-block
{
    background-color: transparent;
    margin: 0 20px;
}

.cs-design-properties .cs-list-table-block
{
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

.cs-design-properties .cs-list-table-block .cs-wrapper-help-block
{
    margin: 0;
}

/* --------------------------------- List table ----------------------------- */

.cs-design-properties .cs-list-table {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.cs-design-properties .cs-list-table tr th {
    padding: 8px 0;
    font-weight: normal;
    color: #ffffff;
    background-color: #282a2d;
}

.cs-design-properties .cs-list-table tr td {
    padding: 14px 10px;
    text-align: center;
}

.cs-design-properties .cs-list-table tr:nth-child(odd) td {
    background-color: #f0f0f2;
}

.cs-design-properties .cs-list-table tr:nth-child(even) td {
    background-color: #e2e2e6;
}

.cs-design-properties .cs-list-table tr td .period-time {
    display: block;
}

.cs-design-properties .cs-list-table tr td .period-date {
    display: block;
}

.cs-design-properties .cs-list-table tr td.buttons-cell
{
    text-align: right;
}

.cs-design-properties .cs-list-table tr td.buttons-cell a {
    text-decoration: none;
    color: #91949a;
}

.cs-design-properties .cs-list-table tr td.buttons-cell a:hover,
.cs-design-properties .cs-list-table tr td.buttons-cell a:active {
    color: #282a2d;
}

.cs-design-properties .cs-list-table tr td.buttons-cell a i {
    font-style: normal;
}

.cs-design-properties .cs-list-table tr td.buttons-cell a i:before {
    font-family: "cornerstone";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    font-size: 26px;
}

.cs-design-properties .cs-list-table tr td.buttons-cell a.cs-edit-link i:before {
    content: '\e831';
}

.cs-design-properties .cs-list-table tr td.buttons-cell a.cs-delete-link i:before {
    content: '\e837';
}
.cs-design-properties .cs-list-table tr td.buttons-cell .cs-edit-link:before,
.cs-design-properties .cs-list-table tr td.buttons-cell .cs-delete-link:before{
    content: '';
    display: inline;
}

/* -------------------------------------------------------------------------- */



.cs-design-properties .cs-controls-table > tbody > tr > td
{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.cs-design-properties .cs-tabs-panel .cs-controls-table > tbody > tr > td
{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}

.cs-design-properties .cs-controls-table .cs-text-box
{
    width: 145px;
}

.cs-design-properties .cs-controls-table .cs-select
{
    width: 157px;
}

.cs-design-properties .cs-controls-table .ui-input[type=file]
{
    width: 145px;
}

.cs-design-properties .cs-controls-table .cs-controls-table-data-hide
{
    display: none;
}


.cs-design-properties .cs-calendar
{
    float: left;
}


.cs-design-properties .cs-calendar .cs-calendar-hours,
.cs-design-properties .cs-calendar .cs-calendar-minutes
{
    width: 60px;
}

.cs-design-properties .cs-controls-list-table .cs-calendar .cs-calendar-hours
{
    clear: left;
}

.cs-design-properties .cs-controls-list-table .cs-calendar .cs-calendar-hours,
.cs-design-properties .cs-controls-list-table .cs-calendar .cs-calendar-colon,
.cs-design-properties .cs-controls-list-table .cs-calendar .cs-calendar-minutes,
.cs-design-properties .cs-controls-list-table .cs-calendar-datetime .cs-calendar-clear
{
    display: block;
    float: left;
    margin-top: 10px;
}

.cs-design-properties .cs-controls-list-table .cs-calendar-datetime .cs-calendar-hours
{
    clear: left;
}

.cs-design-properties .cs-calendar-colon
{
    display: block;
    float: left;
    width: 3px;
    padding: 0 4px;
    line-height: 38px;
}

.cs-design-properties .cs-multi-checkbox-block
{
    clear: both;
    padding-left: 24px;
}

.cs-design-properties .cs-field-content .cs-multi-checkbox-block
{
    padding-left: 0;
}

.cs-design-properties .cs-multi-checkbox-block .cs-checkbox-label
{
    width: 32%;
    min-width: 126px;
    max-width: 216px;

    margin: 0;
}

.cs-design-properties .cs-multi-checkbox-block .cs-checkbox-label span
{
    float: none;
    overflow: hidden;
    padding-right: 20px;
}

.cs-design-properties .cs-multi-checkbox-block .cs-checkbox-label:last-child
{
    width: 36%;
    max-width: none;
}

.cs-design-properties .cs-multi-checkbox-block .cs-checkbox-label:nth-child(2):last-child
{
    width: 45%;
    max-width: none;
}

.cs-design-properties .cs-multi-checkbox-block .cs-checkbox-label:first-child:last-child
{
    width: 100%;
    max-width: none;
}

.cs-design-properties .cs-multi-checkbox-block .cs-checkbox-label:last-child span
{
    padding-right: 0;
}

.cs-design-properties .cs-multi-checkbox
{
    clear: both;
    float: left;
}

.cs-design-properties .cs-multi-checkbox label
{
    clear: both;
}

.cs-design-properties .cs-checked-block
{
    padding-left: 24px;
}

.cs-design-properties .cs-checked-block .cs-multi-checkbox-block
{
    padding-left: 0;
}

.cs-design-properties .cs-field-content .cs-checked-block
{
    padding-top: 20px;
    clear: both;
}

.cs-design-properties .cs-field-content .cs-line-block:first-child
{
    padding-top: 0 !important;
}

.cs-design-properties .cs-field-content .cs-line-block:last-child
{
    padding-bottom: 0;
}

/* --------------------------- Visibility form ------------------------------ */

.cs-design-properties .visibility-form {

}

.cs-design-properties .visibility-form .cs-section-set {

}

.cs-design-properties .visibility-form .cs-section-set .cs-section-block {

}

.cs-design-properties .visibility-form .cs-section-set .cs-section-block .cs-section-title {

}

.cs-design-properties .visibility-form .cs-section-set .cs-section-block .cs-section-content {
    border: 0;
    background: none;
}

.cs-design-properties .visibility-form .period-edit-block {

}

.cs-design-properties .visibility-form .period-edit-block .cs-calendar-button {
    display: inline-block;
    position: relative;
    right: 29px;
    top: 9px;
}

.cs-design-properties .visibility-form .period-edit-block .cs-calendar-button:before {
    font-family: "FontAwesome";
    content: '\f073';
    color: #42a1f6;
    font-size: 20px;
    line-height: 24px;
}
.cs-design-properties .visibility-form .period-edit-block .cs-calendar-button:hover:before {
    color: #ff2f81;
}
.cs-design-properties .visibility-form .period-edit-block .cs-calendar-datetime {

}

.cs-design-properties .visibility-form .period-edit-block .cs-calendar-datetime .cs-text-box {
    padding: 0 10px;
    border: 1px solid #94a2b0;
    width: 130px;
    height: 40px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

.cs-design-properties .visibility-form .period-edit-block .cs-calendar-datetime .cs-select {
    /*padding: 0 10px;*/
    border: 1px solid #94a2b0;
    height:40px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: "ProximaNova-Semibold", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

.cs-design-properties .visibility-form .period-edit-block .cs-calendar-clear {
    position: relative;
    color: #94a2b0;
    text-decoration: none;
}

.cs-design-properties .visibility-form .period-edit-block .cs-calendar-clear:hover {
    color: #282a2d;
}

.cs-design-properties .visibility-form .period-edit-block .cs-calendar-clear:before {
    font-family: "cornerstone";
    content: '\e837';
    font-size: 24px;
    line-height: 40px;
}

.cs-design-properties .visibility-form .period-edit-block .cs-controls-list-table {
    margin-bottom: 10px;
}

.cs-design-properties .visibility-form .period-edit-block .cs-controls-list-table tr {

}

.cs-design-properties .visibility-form .period-edit-block .cs-controls-list-table tr td:nth-child(odd) {
    padding: 12px 10px 0 0;
    vertical-align: top;
}

/* -------------------------------------------------------------------------- */

.cs-design-properties .cs-radio-select label
{
    margin-right: 20px;
}

.cs-design-properties .cs-multi-line-radio-select label,
.cs-design-properties .cs-multi-checkbox label
{
    display: block;
    float: left;

    margin-bottom: 15px;
    clear: both;
}

.cs-design-properties .cs-multi-line-radio-select label:last-child,
.cs-design-properties .cs-multi-checkbox label:last-child
{
    margin-bottom: 0;
}

.cs-design-properties .cs-scroll-block
{
    float: left;
    width: 100%;
    padding: 10px 0;
}

.cs-design-properties .cs-scroll-block .cs-layout-table
{
    width: 100%;
}

.cs-design-properties .cs-scroll-block .cs-layout-table label
{
    margin-left: 10px;
}

.cs-design-properties .cs-scroll-block .cs-layout-table > tbody > tr > td
{
    vertical-align: top;
    border-right: 1px solid rgba(74, 76, 78, 0.77);
    border-bottom: 1px solid #92979e;
}

.cs-design-properties .cs-scroll-block .cs-layout-table > tbody > tr > td:first-child label
{
    margin-left: 0;
}

.cs-design-properties .cs-scroll-block .cs-layout-table > tbody > tr > td > div
{
    border-top: 1px solid rgba(74, 76, 78, 0.6);
    clear: both;
}

.cs-design-properties .cs-scroll-block .cs-layout-table > tbody > tr > td > div:first-child
{
    border-top: 0;
}

.cs-design-properties .cs-scroll-block .cs-layout-table > tbody > tr:last-child > td
{
    vertical-align: top;
    border-bottom: 0;
}

.cs-design-properties .cs-scroll-block .cs-layout-table > tbody > tr > td:first-child
{
}

.cs-design-properties .cs-scroll-block .cs-layout-table > tbody > tr > td:last-child
{
    vertical-align: top;
    border-right: 0;
}

.cs-design-properties .cs-scroll-block .scroll-content
{
    padding: 0 10px;
    max-height: 300px;
    overflow: auto;
    background-color: #f4f4f6;
}

.cs-design-properties .cs-scroll-block .scroll-helper
{
    clear: both;
}

.cs-design-properties .cs-edit-link,
.cs-design-properties .cs-delete-link
{
    text-decoration: none;
    color: #42a1f6;
}

.cs-design-properties .cs-edit-link:hover,
.cs-design-properties .cs-delete-link:hover
{
    color: #282a2d;
}

.cs-design-properties .cs-edit-link:active,
.cs-design-properties .cs-delete-link:active
{
    color: #ff2f81;
}

.cs-design-properties .cs-edit-link:before,
.cs-design-properties .cs-delete-link:before
{
    font-family: "FontAwesome";
    font-weight: normal;
    display: block;
    line-height: 1em;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f040';
}

.cs-design-properties .cs-delete-link:before
{
    content: '\f00d';
}


.cs-design-properties .cs-sortable-element .cs-sortable-element-item
{
    position: relative;
    padding: 10px 10px 10px 24px;
    margin-bottom: 5px;
    background-color: #f0f0f2;
    cursor: move;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.cs-design-properties .cs-sortable-element .cs-sortable-element-item:before
{
    font-family: "FontAwesome";
    font-weight: normal;
    display: block;
    padding-right: 5px;
    line-height: 12px;
    font-size: 12px;
    position: absolute;
    top: 23px;
    left: 10px;
    -webkit-font-smoothing: antialiased;
    content: '\f0dc';
}


.cs-design-properties .cs-sortable-element .cs-sortable-element-item:last-child
{
    margin-bottom: 0;
}

.cs-design-properties .cs-sortable-element .ui-sortable-helper
{
}

.cs-design-properties .cs-sortable-element .sortable-item-content
{
    float: left;
    width: 100%;
    clear: both;
    min-height: 38px;
}

.cs-design-properties .cs-sortable-element .sortable-item-content label
{
    color: #282a2d;
}

.cs-design-properties .cs-sortable-element .sortable-item-content .cs-line-block:first-child
{
    padding-top: 0;
}

.cs-design-properties .cs-sortable-element .sortable-item-content .cs-line-block:last-child
{
    padding-bottom: 0;
}

.cs-design-properties .cs-sortable-element .sortable-item-helper
{
    clear: both;
}


.cs-design-properties .cs-sortable-element .sortable-item-content .label
{
    display: block;
    float: left;
    color: #282a2d;
    width: 142px;
    margin-top: 10px;
    margin-left: 10px;
}

.cs-design-properties .cs-sortable-element .sortable-item-content .description
{
    display: block;
    float: left;
    margin-top: 10px;
    width: 400px;
}

.cs-design-properties .cs-sortable-element .sortable-item-content .cs-line-block span span
{
    position: absolute;
    margin-top: 10px;
}

.cs-design-properties .cs-sortable-element .sortable-item-content .cs-edit-link,
.cs-design-properties .cs-sortable-element .sortable-item-content .cs-delete-link
{
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}

.cs-design-properties .document-folder-select-form
{
    height: 200px;

    background-color: black;
    background-color: rgba(0, 0, 0, 0.65);
    border: 1px solid rgba(74, 76, 78, 0.77);

    overflow: auto;
    margin: 0;
    padding: 10px;
}

.cs-design-properties .document-link,
.cs-design-properties .document-link:hover,
.cs-design-properties .document-link-selected,
.cs-design-properties .document-home-link,
.cs-design-properties .document-home-link:hover
{
    color: #9a9fa5;
}

.cs-design-properties .cs-panel-menu-info-cell
{
    width: 250px;
}

.cs-design-properties .root-menu-item
{
    color: #ffffff;
}

.cs-design-properties .cs-panel-menu-info-cell .cs-controls-table > tbody > tr > td
{
    text-align: left;
}
.ui-hint-help-message {
    z-index: 10000;
}


/*.cs-design-properties .cs-send-newsletter .cs-form>table {
    margin: 0 20px;
}

.cs-design-properties .cs-send-newsletter .subject-input {
    width: 368px;
}

.cs-design-properties  .cs-send-newsletter div.cs-submit-block {
    padding: 10px 1px 0;
}

.cs-design-properties  .cs-send-newsletter div.cs-submit-block .cs-button-inline {
    margin: 0 19px 0 0;
}

.cs-design-properties  .cs-send-newsletter .system-form {
    width: 378px;
    margin: 10px 20px;
}*/

.cs-design-properties .ui-multiselect {
    width: 498px;
    overflow: hidden;
    text-align: left;
}

.cs-design-properties .ui-multiselect div.available,
.cs-design-properties .ui-multiselect div.selected,
.cs-design-properties .ui-multiselect ul.available,
.cs-design-properties .ui-multiselect ul.selected {
    width: 230px;
    float: left;
}

.cs-design-properties .ui-multiselect ul.available {
    /*height: 188px;*/
}

.cs-design-properties .ui-multiselect div.selected,
.cs-design-properties .ui-multiselect ul.selected {
    margin-left: 10px;
}

.cs-design-properties .ui-multiselect ul {
    background-color: #ffffff;
    color: #212a32;
    padding: 0;
    margin: 0;
    min-height: 140px;
    height: 140px;
    overflow: auto;
}

.cs-design-properties .ui-multiselect .actions {
    height: 11px;
    color: #42a1f6;
    padding: 6px 0 10px;
}

.cs-design-properties .ui-multiselect .actions .title {
}

.cs-design-properties .ui-multiselect .actions span {
    font-size: 10px;
    line-height: 11px;
    vertical-align: top;
}

.cs-design-properties .ui-multiselect .actions a {
    display: block;
    position: relative;
    top: -1px;
    float: right;
    border-bottom: 1px dashed;
    line-height: 11px;
    font-size: 11px;
    color: #42a1f6;
    margin-top: 2px;
}

.cs-design-properties .ui-multiselect .actions a:before {
    font-family:"FontAwesome";
    font-weight: normal;
    display: block;
    height: 11px;
    width: 11px;
    padding-right: 5px;
    line-height: 12px;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: -16px;
}

.cs-design-properties .ui-multiselect .actions .add-all:before {
    content: "\f067";
}

.cs-design-properties .ui-multiselect .actions .remove-all:before {
    content: "\f00d";
}

.cs-design-properties .ui-multiselect div.count,
.cs-design-properties .ui-multiselect div.search {
    height: 28px;
    padding: 10px;
    background-color: #f1f1f1;
    color: #212a32;
}

.cs-design-properties .ui-multiselect .actions .search {
    margin: 0;
    position: relative;
    top: -5px;
    left: -2px;
}

.cs-design-properties .ui-multiselect div.search .search {
    border: 0;
    margin: 0;
    font-size: 13px;
    line-height: 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 6px;
    width: 100%;
}

.cs-design-properties .ui-multiselect div.count {
    font-size: 10px;
    line-height: 28px;
    display: none;
}

.cs-design-properties .ui-multiselect .selected ul {
    height: 188px;
}

.cs-design-properties .ui-multiselect li {
    margin: 0;
    padding: 0;
    cursor: default;
    font-size: 13px;
    list-style: none;
    font-weight: normal;
}

.cs-design-properties .ui-multiselect .selected .title {
    padding-left: 10px;
}

.cs-design-properties .ui-multiselect .available li.ui-element {
    line-height: 1.3;
    position: relative;
    padding: 10px 30px 10px 10px;
}

.cs-design-properties .ui-multiselect .available li .action {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cs-design-properties .ui-multiselect .available li:hover {
    background-color: rgba(12, 146, 175, .1);
}

.cs-design-properties .ui-multiselect .available li:hover .ui-icon-plus:before {
    content: "\f067";
    padding-right: 10px;
    font-size: 12px;
    float: right;
}

.cs-design-properties .ui-multiselect .selected ul {
    padding-left: 10px;
}

.cs-design-properties .ui-multiselect .selected li.ui-element {
    line-height: 1.3;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    padding: 10px 30px 10px 15px;
}

.cs-design-properties .ui-multiselect .ui-icon {
    font-family:"FontAwesome";
    font-weight: normal;
    font-size: 14px;
    color: #42a1f6;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    line-height: 0;
    cursor: pointer;
}

.cs-design-properties .ui-multiselect .selected li>.ui-icon:before {
    content: "\f0dc";
    padding-right: 7px;
    font-size: 12px;
    position: absolute;

}

.cs-design-properties .ui-multiselect .selected li:last-child {
    border-bottom: 0;
}

.cs-design-properties .ui-multiselect .selected .action {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cs-design-properties .ui-multiselect .selected .ui-icon-minus:before {
    content: "\f00d";
    font-size: 12px;
    float: right;
    padding-right: 10px;
}

/* ------------------------------------------------ Appearance media ------------------------------------------------ */
.cs-design-properties .appearance-media {
    width: 600px;
}

.cs-design-properties .appearance-media .image-attach-form {
    background-color: #f0f0f2;
    padding: 20px;
}
.cs-design-properties .appearance-media .image-attach-form ul.ui-tabs-nav {
    margin: 0 0 15px 0;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .create-block {
    background: none !important;
}

.cs-design-properties .appearance-media .image-attach-form .ui-autocomplete-input,
.cs-design-properties .appearance-media .image-attach-form .cs-autocomplete-result{
    width: 321px;
}
.cs-design-properties .appearance-media .image-attach-form .create-block{
    padding:0px !important;
}
/* ------------------------------------------------ Tabs ------------------------------------------------------------ */

.cs-design-properties ul.ui-tabs-nav {
    display: block;
    text-align: left;
    white-space: nowrap;
    padding: 0;
}

.cs-design-properties ul.ui-tabs-nav li {
    display: inline-block;
    white-space: nowrap;
}

.cs-design-properties ul.ui-tabs-nav a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    position: relative;
    margin-right: 10px;
    padding: 0 20px;
    font-size: 14px;
    text-decoration: none;
}

.cs-design-properties ul.ui-tabs-nav .ui-state-default a {
    color: #42a1f6;
    font-size: 14px;
}

.cs-design-properties ul.ui-tabs-nav .ui-state-default .tab-title {
    border-bottom: 1px dashed #42a1f6;

}

.cs-design-properties ul.ui-tabs-nav .ui-tabs-active a {
    background-color: #81878e;
    color: #ffffff;

}

.cs-design-properties ul.ui-tabs-nav .ui-tabs-active .tab-title,
.cs-design-properties ul.ui-tabs-nav .ui-state-hover .tab-title {
    border-bottom: none;
}

.cs-design-properties ul.ui-tabs-nav .ui-tabs-active .tab-title:before {
    font-family: "FontAwesome";
    content: '\f0dd';
    position: absolute;
    left: 49%;
    top: 11px;
    color: #81878e;
}

.cs-design-properties ul.ui-tabs-nav .ui-state-hover .tab-title:before {
    color: #42a1f6;
}

.cs-design-properties  ul.ui-tabs-nav .ui-state-hover a {
    background-color: #fff;
    color: #42a1f6;
}

/* ----------------------------------------------- Image attach form ------------------------------------------------ */

/*.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav:after {
    clear: both;
    content: ".";
    visibility: hidden;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li {
    float: left;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li:first-child {
    margin-left: 0;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-color: #ff5400;
    position: relative;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li.ui-tabs-active:before {
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    color: #ff5400;
    content: "\f0dd";
    position: absolute;
    line-height: 14px;
    width: 100%;
    bottom: -5px;
    text-align: center;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li a {
    color: #0c92af;
    padding: 0 10px;

}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li a .tab-title {
    font: bold 11px Arial, sans-serif;
    line-height: 20px;
    color: #0c92af;
    position: relative;
    border-bottom: 1px dashed #0c92af;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li a:hover .tab-title {
    color: #ff5400;
    border-bottom-color: #ff5400;
}
.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li a:active .tab-title {
    color: #ff5400;
    border-bottom-color: #ff5400;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-nav li.ui-tabs-active a .tab-title {
    color: #ffffff;
    border: 0;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel {
    margin-top: 10px;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel.ui-tabs-hide {
    display: none;
}
*/
.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .create-block {
    background-color: #e8e9ea;
    clear: both;
    padding: 10px 0 10px 10px;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .create-block table {
    width: 100% !important;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .create-block .website-label-cell {
    /*white-space: nowrap;
    color: #73787d;
    font-size: 10px;
    font-weight: bold;
    padding-right: 10px;*/
    white-space: nowrap;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .create-block .button-cell {
    width: 100%;
    text-align: right;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .attach-block .ui-autocomplete-container .ui-autocomplete-input {
    width: 280px;
    float: none;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .attach-block .ui-autocomplete-container.image-empty {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background-color: #ffffff;
    padding: 15px;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .attach-block .ui-autocomplete-container.image-selected .ui-autocomplete-result {
    margin-left: 10px;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .attach-block .article-image-image-versions {
    font: bold 10px Arial, sans-serif;
    line-height: 10px;
    color: #42a1f6;
    position: relative;
    margin: 6px 0 0 10px;
    display: inline-block;
    border-bottom: 1px dashed #42a1f6;
    text-decoration: none;
}

.cs-design-properties .image-attach-form .image-attach-form-image-block .ui-tabs .ui-tabs-panel .attach-block .article-image-image-versions:hover {
    color: #ff5400;
    border-bottom: 1px dashed #ff5400;
}

.cs-design-properties .image-attach-form .cs-tabs-panel .cs-button-inline {
    background-color: #94a2b0;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 25px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
}


.video-attach-cancel-fix {
    margin-left:12em !important;
}