/*

html {
    margin: 0;
    border: 0;
    padding: 0;
}

body {

    overflow-y: scroll;

    margin: 0;
    border: 0;
    padding: 0;

    font-family: Helvetica, Verdana, 'Raleway', sans-serif;
    font-size: 14px;

    margin-bottom: 200px;
}
*/

* {
    box-sizing: border-box;
}

#content-cms {
    width: 100%;
    margin: 0 auto;
    border: 0;
    max-width: 1300px;
}


.cms-elementbox {

    margin-top: 30px;

}

.cms-divider {

    border-bottom: 1px dotted lightslategrey;
    border-bottom: 3px solid #26dcb8;
    padding: 10px 0;
    color: lightslategrey;
    color: #26dcb8;
    margin: 80px 0 30px 0;
    clear: both;

    font-size: 110%;

}


.cms-title, .cms-info {

    display: inline-block;
    margin: 0 0 15px 0;

    font-size: 90%;

    color: #26dcb8;
    color: lightslategrey;

}

.cms-title {
    font-weight: bold;
}

.cms-info {
    color: #d7d7d7;
}


::-webkit-input-placeholder {
    color: #ddd;
    font-weight: normal;
}

:-moz-placeholder { /* Firefox 18- */
    color: #ddd;
    font-weight: normal;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #ddd;
    font-weight: normal;
}

:-ms-input-placeholder {
    color: #ddd;
    font-weight: normal;
}


.cms-textline, .cms-multiselect-item-container,
.cms-grey-wrapper-notop, .cms-grey-wrapper-nobottom,
.cms-grey-wrapper {

    background-color: rgba(250, 250, 250, 0.5);
    background-color: rgba(253, 253, 253, 1);
    border: 1px solid #d0d0d0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.cms-textline {

    padding: 17px 8px;
    line-height: 18px;
    width: 100%;
    color:  #444444;

    text-align: center;

    outline: 0;
    font-weight: bold;
}

.cms-grey-wrapper-notop,
.cms-grey-wrapper-nobottom,
.cms-grey-wrapper
{

    padding: 17px;

}

.cms-multiselect-item-container {

    text-align: left;
    padding: 17px 5px 5px 17px;

}


.cms-grey-wrapper-nobottom {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

.cms-grey-wrapper-notop {
    padding-top: 0;
    margin-top: 0;
    border-top: none;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
}





textarea.cms-textline {
    text-align: left;
    padding: 17px;
    font-family: inherit;
    /*font-size: 90%;*/
    resize: none;
    /*font-weight: normal;*/
}

input:-webkit-autofill, select:-webkit-autofill {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 0 0 9999px #f8f8f8;
}

input:focus,
textarea:focus,
input:-webkit-autofill:focus {
    border-color: #636363;
}


.cms-note {
    font-size: 90%;
    color: #26dcb8;
    /*font-weight: bold;*/
    line-height: 140%;
}




.cms-button {

    display: inline-block;
    border: 3px solid #26dcb8;
    color: #26dcb8;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    padding: 15px 25px;
    line-height: 18px;
    background: none;
    /*font-weight: bold;*/
    outline: 0;

}

.cms-button-default {

    padding: 14px 24px;
    border: 4px solid #26dcb8;
    font-weight: bold;

}

.cms-button:hover {

    background-color: #26dcb8;
    color: #fff;

}


.cms-item { /* e.g. selected items from multiselect */
    display: inline-block;
    margin: 0 12px 12px 0;
    border: 3px solid #666;
    color: #666;
    border-radius: 8px;
    padding: 15px;
    line-height: 18px;
    font-weight: bold;

    cursor: pointer;
}

.cms-item.cms-item-placeholder {
    border-color: #ddd;
    color: #ddd;
    font-weight: normal;

    cursor: inherit;
}


.cms-button, .cms-item {

    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;

}


.cms-selectbar {
    border-style: solid;
    border-width: 3px;
    padding: 40px;
    border-radius: 8px;
    -webkit-border-radius:  8px;
    -moz-border-radius:  8px;
}

.cms-selectbar-docked {
    border-bottom-width: 1px;
    -webkit-border-radius:  8px 8px 0 0;
    -moz-border-radius:  8px 8px 0 0;
    border-radius:  8px 8px 0 0;
}

.tag-button, .tag-add {

    font-size: 90%;
    color: #dedede;
    display: inline-block;
    padding: 9px 14px;
    border: 2px solid #dedede;
    border-radius: 4px;
    margin: 3px 6px 3px 0;

    cursor: pointer;

    opacity: 1;

}

.tag-add {

    /*margin-left: 20px;*/

    color: #dedede;
    padding: 8px 11px;
    border: 1px solid #dedede;

    color: #26dcb8;
    padding: 9px 10px;
    border: 2px solid #26dcb8;


    color: lightslategray;
    border: 2px solid lightslategray;

}

.tag-button-box {
    /*margin-top: 10px;*/
}



div.tag-button-box span:nth-last-of-type(2) {
    margin-right: 20px;
}


button {
    padding: 20px;
}




.cms-formcontainer .cms-title {
    color: #7a97ab;
}

.cms-formcontainer .cms-formcontainer .cms-title {
    color: #7ad8ec;
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .cms-title {
    color: #9cecc0;
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .cms-formcontainer .cms-title {
    color: #b3ec7d;
}


.cms-formcontainer .main-color {
    color: #7a97ab;
}

.cms-formcontainer .cms-formcontainer .main-color {
    color: #7ad8ec;
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .main-color {
    color: #9cecc0;
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .cms-formcontainer .main-color {
    color: #b3ec7d;
}

.cms-formcontainer .main-bcolor {
    border-color: #7a97ab;
}

.cms-formcontainer .cms-formcontainer .main-bcolor {
    border-color: #7ad8ec;
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .main-bcolor {
    border-color: #9cecc0;
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .cms-formcontainer .main-bcolor {
    border-color: #b3ec7d;
}


.cms-formcontainer .main-hocolor:hover {
    background-color: #7a97ab;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.cms-formcontainer .cms-formcontainer .main-hocolor:hover {
    background-color: #7ad8ec;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .main-hocolor:hover {
    background-color: #9cecc0;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .cms-formcontainer .main-hocolor:hover {
    background-color: #b3ec7d;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.cms-formcontainer .main-hocolor:active:hover {
    border-color: rgba(255, 255, 255, 0.4) !important;
}



.cms-formcontainer .sub-color {
    color: #7ad8ec;
}

.cms-formcontainer .cms-formcontainer .sub-color {
    color: #9cecc0;
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .sub-color {
    color: #b3ec7d;
}


.cms-formcontainer .sub-bcolor {
    border-color: #7ad8ec;
}

.cms-formcontainer .cms-formcontainer .sub-bcolor {
    border-color: #9cecc0;
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .sub-bcolor {
    border-color: #b3ec7d;
}


.cms-formcontainer .sub-bgcolor {
    background-color: rgba(122,0216,0236, 0.1);
    background-color: rgb(243, 253, 255);
}

.cms-formcontainer .cms-formcontainer .sub-bgcolor {
    background-color: rgba(156,236,192, 0.1);
    background-color: rgb(243, 255, 248);
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .sub-bgcolor {
    background-color: rgba(179,236,125, 0.1);
    background-color: rgb(249, 255, 243);
}


.cms-formcontainer .sub-hocolor:hover {
    background-color: #7ad8ec;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.cms-formcontainer .cms-formcontainer .sub-hocolor:hover {
    background-color: #9cecc0;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.cms-formcontainer .cms-formcontainer .cms-formcontainer .sub-hocolor:hover {
    background-color: #b3ec7d;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

.cms-formcontainer .sub-hocolor:active:hover {
    border-color: rgba(255, 255, 255, 0.4) !important;
}




.cms-button:focus {

    /*background-color: rgba(0,0,0, 0.02);*/
    text-decoration: underline;

}

.cms-button.disabled,
.cms-button.disabled:hover,
.cms-button.disabled:active:hover {

    background: none !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    color: rgba(0, 0, 0, 0.15) !important;
    cursor: no-drop !important;
    cursor: inherit !important;

    /*border-width: 3px;*/
    /*font-weight: normal;*/

}


.cms-control-bar-button {

}

.cms-control-bar-message {

    display: inline-block;
    text-align: left;
    padding: 0 0 18px 0;
    /*line-height: 18px;*/

    float: left;

    font-weight: bold;


}

.cms-control-bar-status {

    text-align: right;
    /*padding: 8px 0;*/
    width: 100%;

    margin-top: 18px;

}