.login-container .block-flat .contentError {
    padding: 10px 30px 0 30px;
    color: #cc0000;
    font-weight: bold;
}

.login-container .block-flat .contentTextError {
    color: #cc0000;
    font-weight: bold;
}

.contentError {
    padding: 10px 30px 0 30px;
    color: #cc0000;
    font-weight: bold;
}

#confirmation-error {
    color: #cc0000;
    font-size: 10px;
}

#generic-error {
    color: red;
    font-size: 10px;
}

#password-error {
    color: #cc0000;
    font-size: 10px;
}

#nick-error {
    color: #cc0000;
    font-size: 10px;
}

/*Css class for having a * above lables of mandatory fields*/
label.required:after {
    content: " *";
    color: red;
}

span.required:after {
    content: " *";
    color: red;
}

#ContentPromptDialogDiv {
    width: 900px;
}

#messageboardDialogDiv {
    width: 750px;
}

#articleDialogDiv {
    width: 900px;
}


#templateDialogDiv {
    width: 900px;
}

#showcaseTemplateDialogDiv {
    width: 900px;
}

#campaignDetailDialogDiv {
    width: 900px;
}

#couponDialogDiv {
    width: 900px;
}

.datepicker {
    z-index: 1151 !important;
}

.ui-datepicker th {
    background-color: rgb(105, 135, 187);
}

.lblstartdate {
    margin-left: -15px;
    margin-right: 15px;
}

.dateAvailable {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#startDate, #endDate, #couponExpirationDate {
    width: 83px;
}

.input-disabled {
    background-color: #EBEBE4;
    border: 1px solid #ABADB3;
    padding: 2px 1px;
}

.charPosBefore {
    margin-left: -6%;
    float: left;
    padding-top: 4%;
}

.charPosAfter {
    margin-right: -68%;
    float: right;
    margin-top: -20%;
}

.templateInputControl {
    width: 225px !important;
}

.campaignNameInputControlControl {
    width: 100% !important;
}

.imageInputControl {
    width: 100px !important;
}

div#uploadthumbnasilbutton, div#uploadpreviewbutton, div#uploadImageButton {
    height: 34px;
}

input#thumbnailImage, input#previewImage, input#uploadImage {
    position: absolute;
    top: 0px;
    z-index: -2;
    /*filter: alpha(opacity=0);*/
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0.0;
    -moz-opacity: 0.0;
    -ms-opacity: 0.0;
    opacity: 0.0;
}


.endDateDiv, .startDateDiv {
    margin-top: -3px;
}

.lblThumbnailImage {
    padding-left: 0px !important;
    /*height: 69px !important;*/
    padding-right: 0px !important;
}


.checkbox-grid li {
    display: block;
    float: left;
    width: 50%;
}

.checkBoxText {
    margin-left: 5px;
}

.checkbox-grid {
    padding-left: 15px;
}

.dataTableCursor {
    cursor: pointer !important;
}

.templateBox {
    width: 200px;
    padding: 10px;
}

    .templateBox:hover {
        -moz-box-shadow: 0 0 10px #ccc;
        -webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
    }

.TemplateTag {
    height: 180px;
    /*margin-top: -30px;*/
}

.SelectedTags {
    margin-top: 35px;
    margin-left: -275px;
    height: 55px;
    width: 275px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}

.selectedBrandTags {
    height: 55px;
    width: initial;
    /*margin-top: -8px;*/
    overflow-y: auto;
}

.TagsDiv div label {
    padding-left: 15px !important;
}

#customOrgGoupAddEditModalDialogDiv {
    width: 900px;
}

.imageFieldSpace {
    padding-left: 0px !important;
}


.articleText {
    clear: both;
    margin-bottom: 20px;
}



.templateOfferSaveCancelbtnDiv {
    margin-top: -35px;
}

#templateOfferType option:first-child {
    font-size: 11px;
}

#templateOfferType option {
    font-size: 13px;
}

.empty {
    font-size: smaller;
}

.descw400 /* Description of Width 400 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 400px;
    padding: 10px;
}

.descw500 /* Description of Width 500 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 500px;
    padding: 10px;
}

.descw200 /* Description of Width 200 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 153px;
    /*padding: 10px;*/
}

.descw100 /* Description of Width 100 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    padding: 10px;
}

.descw80 /* Description of Width 80 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80px;
    padding: 10px;
}

.descw125 /* Description of Width 125 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 125px;
    padding: 10px;
}

.descw300 /* Description of Width 300 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 300px;
    padding: 10px;
}

.descw150 /* Description of Width 150 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 150px;
    padding: 10px;
}

.descw170 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 170px;
    padding: 10px;
}

.descw90 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90px;
    padding: 10px;
}

.descw250 /* Description of Width 250 px*/ {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
    padding: 10px;
}

.descw70 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 70px;
    padding: 10px;
}

.promptName {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

.ddstyleselect {
    /*-webkit-appearance: none;*/
    background-image: url(/Content/Images/DD-mockup.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 0px 5px 5px 3px;
    background-size: 30px;
    height: 25px;
}

#contentPromptDataTable_wrapper table.dataTable.dtr-inline.collapsed tbody td:first-child {
    padding-left: 5px !important;
}

.promptBrandDiv {
    left: 1%;
}

.typeErrorMessage ul li {
    white-space: nowrap;
}

#customOrgGoupEditModalDialogDiv {
    width: 900px;
}

#editOrgName {
    padding-left: 0px;
    margin-left: -10px;
}

.templateInstantEmailCampaign {
    margin-top: 7px;
}

.lblInsatntEmail {
    margin-right: -30px;
}

.cancelModalDialog {
    margin-top: 150px !important;
}

.cancelModalContent {
    border-radius: 0px !important;
}

.cancelModalHeader {
    background-color: white;
}

.btnClose {
    margin-top: -20px !important;
    margin-right: -15px !important;
}

.cancelModalBody {
    padding-top: 0px !important;
}

.cancelConfirm {
    color: red;
}

.cancelYes {
    width: 100px;
    margin-left: 28%;
}

.cancelNo {
    width: 100px;
    margin-left: 30px;
}

.tipWhenHover {
    position: relative;
    /*border-bottom: 1px dotted black;*/
    display: inline-block;
    /*pointer-events: none;*/
    cursor: default;
    background: transparent;
    color: #D9D9D9 !important;
}

    .tipWhenHover:hover {
        background: transparent !important;
    }

.tooltiptext {
    visibility: hidden;
    background-color: #FFFFFF;
    border: 3px solid #D4D2D2;
    color: black;
    box-shadow: 10px 10px 5px #D4D2D2;
    white-space: pre-line;
    text-align: center;
    pointer-events: none;
    border-radius: 3px;
    padding: 3px 3px 5px 5px;
    width: 150px !important;
    height: 50px !important;
    position: absolute;
    z-index: 1;
}

.tipWhenHover:hover .tooltiptext {
    visibility: visible;
}

.headerNoWrap {
    white-space: nowrap;
}

.campName {
    margin-bottom: -30px;
    margin-left: -20px;
}

.campaignNameLayout {
    margin-right: -38px;
}

.campaignmodlTitle {
    margin-left: -5px;
}

.campaignActivityTable {
    padding-left: 10px;
    padding-right: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmplabel {
    background: none !important;
}

.cbp_tmtimeline > li .cbp_tmplabel {
    margin: 0 0 15px 25% !important;
}

.cbp_tmtimeline:before {
    background: #0097F4 !important;
}

.cbp_tmtimeline > li .cbp_tmicon {
    width: 45px !important;
    height: 45px !important;
    font-size: 2.2em !important;
    background: #C5DEF6 !important;
    box-shadow: 0 0 0 6px white,0 0 0 12px #0097F4 !important;
    color: #0098F4 !important;
}

.divider {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #E7E6E6;
    margin-left: 50px;
}

.secrivestatusDiv {
    color: black;
    font-size: 15px;
    font-weight: 400;
}


.designImageBox {
    width: 80px;
    margin: 0 auto;
    /*padding: 5px;*/
}

/*.designImageBox:hover {
        -moz-box-shadow: 0 0 10px #ccc;
        -webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
       
    }*/


#divImagePopoup {
    display: none;
    background-color: #1e2025;
    padding: 20px;
    text-align: center;
    color: #fff;
    box-shadow: 2px 2px 5px #888888;
}


.designImageBox img {
    -webkit-transition: all 0s ease; /* Safari and Chrome */
    -moz-transition: all 0s ease; /* Firefox */
    -o-transition: all 0s ease; /* IE 9 */
    -ms-transition: all 0s ease; /* Opera */
    transition: all 0s ease;
}



.articleName, .articleHeadline {
    font-size: 18px;
}

.articleText {
    font-weight: 400;
}

.couponDescription {
    font-weight: 400;
}

.headlineView {
    margin-top: -20px;
}

.warning {
    color: red !important;
}

.bold {
    font-weight: bold;
}

.pipe {
    margin: 0 3px;
}

.inputblock {
    margin-bottom: 9px;
}

.templateinputblock {
    margin-bottom: 12px;
}

.checkmarksign {
    display: none;
}

.warning-status {
    width: 70px;
    height: 20px;
}

#campaignDetailsDt td {
    white-space: nowrap;
}

#campaignDetailsDt div {
    white-space: normal !important;
    padding: 5px 0;
}

.greyItalicLabel {
    font-style: italic;
    color: grey;
    font-size: smaller;
}

#Create_camapaign {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;

}
#Create_camapaign_length > label > select {
    appearance: auto !important;
}

#Create_camapaign .even {
    background-color: #FFFFFF !important;
}

#Create_camapaign .odd {
    background-color: #FFFFFF !important;
}

#promptsTable tr:nth-child(2n) {
    background: #FFFFFF !important;
}

#Create_camapaign td {
    border: none !important;
}

#Create_camapaign {
    border: none !important;
}

#promptsTable > tbody > tr > td {
    border: none;
}

.dataPromptInputControl {
    width: 180px !important;
}

td, th {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropdown-arrow-link-creator, .dropdown-arrow-link-creator-verify, .dropdown-arrow, .search-dropdown-arrow, .disclaimer-dropdown-arrow, .search-dropdown-arrow-datatable, .dataprompts-dropdown-arrow, .datavariableModal-dropdown-arrow, .dataprompts-sub-dropdown-arrow {
    position: relative;
}

    .dropdown-arrow:after {
        content: '';
        background-image: url("../Images/arrow_white.png");
        color: white;
        right: 15px;
        top: 0px;
        height: 23px;
        padding: 10px 4px 0px 17px;
        /*border-left: 1px solid #0ebeff;*/
        position: absolute;
        pointer-events: none;
        background-color: #C71444 !important;
        background-repeat: no-repeat;
        background-position: center;
    }

/* IE11 hide native button */
dropdown-arrow::-ms-expand {
    display: none;
}

.dropdown-arrow select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    /*appearance: none;*/
    /* Add some styling */
    display: block;
    /*width: 100%;*/
    /*max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;*/
    padding: 0px 8px;
    /*font-size: 16px;
    line-height: 1.75;*/
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /*border: 1px solid #0ebeff;*/
    -ms-word-break: normal;
    word-break: normal;
}

.search-dropdown-arrow select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    display: block;
    /* width: 100%; */
    padding: 0px 8px;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /* border: 1px solid #0ebeff; */
    -ms-word-break: normal;
    word-break: normal;
    /* height: 13px; */
}

.search-dropdown-arrow:after {
    content: '';
    background-image: url(../Images/arrow_white.png);
    color: white;
    right: 0px;
    top: 1px;
    height: 29px;
    padding: 0px 6px 10px 20px;
    /*border-left: 1px solid #0ebeff;*/
    position: absolute;
    pointer-events: none;
    background-color: #A9A9A9 !important;
    background-repeat: no-repeat;
    background-position: center;
}

.blockHeader {
    background-color: #C71444;
    color: #fff;
}

.templateInputControl {
    width: 350px !important;
}


.offerSelectCombo {
    width: 100% !important;
}

.modal-content {
    margin-top: 10px;
    border: 1px;
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0px 1px rgba(0, 0, 0, .5);
}

.modal-body {
    padding-left: 0px;
}

td.all.dt-center, td.dt-center {
    overflow: visible;
}


.tool-tip {
    color: #A9A9A9 !important;
}

@media screen and (max-width:768) {
    .customWidth {
        width: 55%;
    }
}

@media screen and (min-width:900) {
    .customWidth {
        width: 77%;
    }
}

.bold {
    font-weight: bold;
}

.sections-div-tabs {
    display: flex;
    background-color: #b2b2b2 !important;
    min-height: 42px;
    color: #FFFFFF;
    font-size: 15px;
    padding: 3px 15px;
    align-items: center
}

#campaign-sections-list {
    /*position: absolute;*/
    /*top: 0;*/
    display: inline-block;
    padding: 0;
    margin: 0 0 0 20px;
    /*height: 42px;*/
}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

#campaign-sections-list li {
    display: flex;
    list-style: none;
    padding: 10px 0;
    float: left;
}

ul, li {
    position: relative;
    box-sizing: border-box;
}

#campaign-sections-list a {
    color: #FFFFFF;
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
}

campaign-sections-list li {
    display: block;
    list-style: none;
    padding: 10px 0;
    float: left;
}

#previewContent {
    background-color: #808080 !important;
    border-color: #CC9EA2 !important;
    height: 42px;
}

#btnDisclaimers {
    /*background-color: #808080 !important;*/
    border-color: #CC9EA2 !important;
    height: 42px;
    color: #FFFFFF;
}

.dropdown-padding-status {
    right: 20px !important;
}


.search-dropdown-arrow-datatable select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    display: block;
    /* width: 100%; */
    padding: 0px 8px;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /* border: 1px solid #0ebeff; */
    -ms-word-break: normal;
    word-break: normal;
    /* height: 13px; */
}

.search-dropdown-arrow-datatable:after {
    content: '';
    background-image: url(../Images/arrow_white.png);
    color: white;
    right: 1px;
    top: 0px;
    height: 29px;
    padding: 0px 6px 10px 20px;
    /*border-left: 1px solid #0ebeff;*/
    position: absolute;
    pointer-events: none;
    background-color: #A9A9A9 !important;
    background-repeat: no-repeat;
    background-position: center;
}


#campaign-sections-list .section-complete {
    background: #00a651;
}

.paddingTop {
    padding-top: 3px;
}

.padding-bottom-content {
    padding-bottom: 12px;
}

.padding-top-content {
    padding-top: 10px;
}

.padding-bottom-component .padding-top-component {
    padding-bottom: 15px;
}

.zero-left-padding {
    padding-left: 0px !important;
}

.prompt-text-box {
    width: 93.5% !important;
    line-height: 28px;
    color: #555;
    background-color: #fff;
    background-image: none;
    font-weight: normal;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding-left: 10px;
    /*margin-left: 30px;*/
}

.prompt-label {
    width: 160px;
    text-align: right;
    vertical-align: middle;
}

.label-normal {
    font-weight: normal !important;
}

#searchOption:focus {
    outline: none !important;
}

.content-font-size {
    font-size: 15px;
}

.campaign-name {
    margin-bottom: 5px;
    margin-top: 15px;
    letter-spacing: -1px;
    text-align: right;
    padding-right: 28px;
    font-size: 16px;
}

#sectionsContents .cke {
    margin-left: 30px;
}

.editor-width {
    width: 97.5%;
}

.offer-editor-header {
    font-size: 15px;
    margin-left: 30px;
    line-height: 28px;
    display: block;
    font-weight: bold;
    color: white;
    margin-bottom: 0px;
    background-color: #b2b2b2;
}

.white-background {
    background-color: white;
}

.editor-left-margin {
    margin-left: -30px;
}

.image-left-margin {
    margin-left: -15px;
}

.get-offer-info-section {
    height: 115px;
    padding-top: 15px;
    width: 93.5%;
    background-color: #C0C0C0;
    margin-left: 30px;
}

.get-info-button {
    height: auto !important;
    font-weight: bold !important;
    color: Red !important;
    border-color: red !important;
    width: 180px !important;
    background-color: white !important;
}

.browse-library-button {
    height: auto !important;
    font-weight: bold !important;
    color: Red !important;
    border-color: red !important;
    width: 170px !important;
    background-color: white !important;
}


.no-border-cell {
    border: 1px;
}

.border-cell {
    border: 1px;
}

.piped span {
    border-left: 2px solid #ccc;
    padding: 0 17px;
}

    .piped span:first-child {
        border-left: none;
        padding-left: 15px;
    }

.text-piped span:after {
    content: "|";
    margin: 0 10px;
}

.text-piped span:last-child:after {
    content: '';
    margin: 0 10px;
}

.reset-offer {
    color: white;
    text-decoration: underline;
    font-size: 15px;
}

.offer-font-size {
    font-size: 15px;
}

#overlay {
    display: none;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 10000;
}

.nissanSpinner {
    position: relative;
}

.image-container-style {
    align-content: center;
    width: 420px;
    height: 250px;
    border: 0px solid;
    display: table-row;
    border-color: #d1d1d1; /*rgba(238,238,238,1);*/
}

.browse-button-position {
    position: absolute;
    margin-top: 215px;
}

.disc-button-position {
    color: red;
}

#imageLibraryDialogDiv > div > div.modal-header {
    background-color: #686868;
    color: white;
}

    #imageLibraryDialogDiv > div > div.modal-header .close {
        margin-top: -29px;
        margin-right: -25px;
    }

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    position: absolute;
    opacity: 3.2;
    position: absolute;
    right: .3em;
    top: 9px;
    /*left: 830px;*/
    padding: 1px;
    height: 18px;
}

#disclaimerDialogDiv > div > div.modal-header .close {
    margin-top: -29px;
    margin-right: -32px;
}

#disclaimerDialogDiv > div > div.modal-header > button

.search-by-image-name {
    font-weight: 600;
}

.div-separator {
    border: 1.5px solid #eee;
    margin-left: 0px;
    margin-right: -20px;
}

#templateContainer {
    padding-left: 20px;
    padding-right: 20px;
}


.divtable {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.divtable-row {
    display: table-row;
}

.divtable-cell, .divtable-head {
    display: table-cell;
    padding: 1em;
    border: #f0f0f0 0px solid;
}

.divtable-head {
    font-weight: bold;
}

.imgsup {
    color: red;
    vertical-align: super;
    font-size: smaller;
    vertical-align: super;
    top: 20px;
    left: 438px;
    position: Absolute;
}

.disclaimer-dialog-style {
    margin-top: -46px;
    margin-left: 40px;
}

.disclaimer-selection-dropdown {
    height: 32px !important;
    right: 15px !important;
}

.disclaimer-dropdown-arrow:after {
    content: '';
    background-image: url(../Images/arrow_white.png);
    color: white;
    right: 18px;
    top: 1px;
    height: 32px;
    padding: 0px 6px 10px 20px;
    /* border-left: 1px solid #0ebeff; */
    position: absolute;
    pointer-events: none;
    background-color: #A9A9A9 !important;
    background-repeat: no-repeat;
    background-position: center;
}

.disclaimer-dropdown-arrow select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    display: block;
    /* width: 100%; */
    padding: 0px 8px;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /* border: 1px solid #0ebeff; */
    -ms-word-break: normal;
    word-break: normal;
    /* height: 13px; */
}


.dataprompts-sub-dropdown-arrow:after {
    content: '';
    background-image: url("../Images/arrow_white.png");
    color: white;
    right: 15px;
    top: 0px;
    height: 23px;
    padding: 10px 4px 0px 17px;
    /*border-left: 1px solid #0ebeff;*/
    position: absolute;
    pointer-events: none;
    background-color: #C71444 !important;
    background-repeat: no-repeat;
    background-position: center;
}

/* IE11 hide native button */
.dataprompts-sub-dropdown-arrow::-ms-expand {
    display: none;
}

.dataprompts-sub-dropdown-arrow select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    /*appearance: none;*/
    /* Add some styling */
    display: block;
    /*width: 100%;*/
    /*max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;*/
    padding: 0px 8px;
    /*font-size: 16px;
    line-height: 1.75;*/
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /*border: 1px solid #0ebeff;*/
    -ms-word-break: normal;
    word-break: normal;
}



.dataprompts-dropdown-arrow:after {
    content: '';
    background-image: url("../Images/arrow_white.png");
    color: white;
    right: 15px;
    top: 0px;
    height: 23px;
    padding: 10px 4px 0px 17px;
    /*border-left: 1px solid #0ebeff;*/
    position: absolute;
    pointer-events: none;
    background-color: #C71444 !important;
    background-repeat: no-repeat;
    background-position: center;
}

/* IE11 hide native button */
.dataprompts-dropdown-arrow::-ms-expand {
    display: none;
}

.dataprompts-dropdown-arrow select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    /*appearance: none;*/
    /* Add some styling */
    display: block;
    /*width: 100%;*/
    /*max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;*/
    padding: 0px 8px;
    /*font-size: 16px;
    line-height: 1.75;*/
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /*border: 1px solid #0ebeff;*/
    -ms-word-break: normal;
    word-break: normal;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

#templatePreviewDialogDiv > div > div.modal-body {
    padding: 0px;
}

#templatePreviewDialogDiv > div > div.modal-header > button {
    margin-top: -27px;
    margin-right: -28px;
    z-index: 1;
}

.label-editor-margin {
    margin-bottom: 10px;
}

.vert-align {
    vertical-align: middle;
}

.headerBold {
    font-weight: bolder !important;
    font-size: 14px !important;
}

#grid > tbody > tr > td.gj-cursor-pointer.gj-unselectable > div > i {
    font-size: 15px;
    display: inline-block;
    text-align: center;
    width: 1px;
}
/*.ulBulletColor {
    list-style: none;
    padding: 0;
    margin: 0;
}



.liBulletColor {
    padding-left: 1em;
    text-indent: -.7em;
}



    .liBulletColor:before {
        content: "• ";
        color: red;
    }



.liNestedBulletColor {
    padding-left: 1em;
    text-indent: -.7em;
}



    .liNestedBulletColor:before {
        content: url('../Images/red-square.png');
        color: red;
    }



.paddingBulletColor {
    padding-left: 1em;
}*/


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    border: none;
}

/*
    These are the changes for the POC

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    background-color: #5CB85C !important;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label:after {
    border-color: #e3e3e3 !important;
    left: 0;
}

.bootstrap-switch .bootstrap-switch-label:after {
    border: 3px solid #5CB85C !important;
}

*/




.datavariableModal-dropdown-arrow:after {
    content: '';
    background-image: url("../Images/arrow_white.png");
    color: white;
    right: 223px;
    top: 26px;
    height: 33px;
    padding: 10px 4px 0px 17px;
    /*border-left: 1px solid #0ebeff;*/
    position: absolute;
    pointer-events: none;
    background-color: #C71444 !important;
    background-repeat: no-repeat;
    background-position: center;
}

/* IE11 hide native button */
.datavariableModal-dropdown-arrow::-ms-expand {
    display: none;
}

.datavariableModal-dropdown-arrow select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    /*appearance: none;*/
    /* Add some styling */
    display: block;
    /*width: 100%;*/
    /*max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;*/
    padding: 0px 8px;
    /*font-size: 16px;
    line-height: 1.75;*/
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /*border: 1px solid #0ebeff;*/
    -ms-word-break: normal;
    word-break: normal;
}

.dropdown-arrow-link-creator-verify:after {
    content: '';
    background-image: url("../Images/arrow_white.png");
    color: white;
    right: 0px;
    top: 0px;
    height: 33px;
    width: 20px;
    padding: 10px 4px 0px 17px;
    /*border-left: 1px solid #0ebeff;*/
    position: absolute;
    pointer-events: none;
    background-color: #C71444 !important;
    background-repeat: no-repeat;
    background-position: center;
}

.dropdown-arrow-link-creator:after {
    content: '';
    background-image: url("../Images/arrow_white.png");
    color: white;
    right: 0px;
    top: 0px;
    height: 33px;
    width: 28px;
    padding: 10px 4px 0px 17px;
    /*border-left: 1px solid #0ebeff;*/
    position: absolute;
    pointer-events: none;
    background-color: #C71444 !important;
    background-repeat: no-repeat;
    background-position: center;
}

.dropdown-arrow-link-creator-dp:after {
    content: '';
    background-image: url("../Images/arrow_white.png");
    color: white;
    right: 12px;
    top: 1px;
    height: 33px;
    padding: 10px 4px 0px 17px;
    /*border-left: 1px solid #0ebeff;*/
    position: absolute;
    pointer-events: none;
    background-color: #C71444 !important;
    background-repeat: no-repeat;
    background-position: center;
}

/* IE11 hide native button */
.dropdown-arrow-link-creator::-ms-expand {
    display: none;
}

.dropdown-arrow-link-creator select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    /*appearance: none;*/
    /* Add some styling */
    display: block;
    /*width: 100%;*/
    /*max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;*/
    padding: 0px 8px;
    /*font-size: 16px;
    line-height: 1.75;*/
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /*border: 1px solid #0ebeff;*/
    -ms-word-break: normal;
    word-break: normal;
}

.dropdown-arrow-link-creator-verify select {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    /*appearance: none;*/
    /* Add some styling */
    display: block;
    /*width: 100%;*/
    /*max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;*/
    padding: 0px 8px;
    /*font-size: 16px;
    line-height: 1.75;*/
    color: #333;
    background-color: #ffffff;
    background-image: none;
    /*border: 1px solid #0ebeff;*/
    -ms-word-break: normal;
    word-break: normal;
}

.dropdown-arrow-link-creator-dp select {
    -moz-appearance: none;
    display: block;
    padding: 0px 8px;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
}

.link-creator-dropwdown-grey {
    color: grey !important;
}

.link-creator-dropdown option {
    color: black;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.disable-html-generation {
    pointer-events: none;
    opacity: 0.6 !important;
}