@import "../../app_themes/reset.css";

:root {
    --color1: #D60C16;
    --color2: #DB333A;
    --color3: #AE0101;
    --color4: #D00A13;
    --color5: #EE2E24;
    --color6: #C50518;
    --color7: #B00113;
    --color8: #EFEFEF;
    --logoImg: /Images/Admin/Global/logo.png;
    --logoImgWhite: /Images/Admin/Global/whitelabel.png;
}

/****Global****/
blockquote, q { 
    quotes: none;
}
em { font-style: italic; }
strong { font-weight: bold; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
table td{vertical-align:top;}
html { font-size: 12px; }
input, select, textarea { border: 1px solid #bdbebf; background-color: #ffffff; font: normal 12px arial; color: #000000; padding: 2px; margin:0px 0px 10px 0px; }
input[type=checkbox], input[type=radio]{border:none; padding:0px;}
select { padding: 0px; height: 21px; }
label { display: block; margin-bottom: 3px; font: normal 14px arial; }
hr { border-bottom: 1px solid #cccccc; width: 100%; }
small{font:normal 10px/14px arial,sans-serif;color:#464646;margin:0;padding:0;width:100%; float:left;}
small a{font:normal 10px/14px arial,sans-serif;color:#464646;}

body {font:normal 14px/19px arial,sans-serif;color:#464646;margin:0;padding:0;width:100%;background-color:#f6f6f1;position:relative}
h1{font:normal 42px/53px 'Droid Sans',sans-serif;color:#D60C16;color:var(--color1);margin:15px 0 25px 0;float:left;width:100%}
h1.white{color:#fff}
h2{font:normal 28px/34px 'Droid Sans',sans-serif;color:#464646;margin-bottom:15px;float:left; width:100%;}
h2.title{text-transform:capitalize}
h3{font:normal 24px/30px 'Droid Sans',sans-serif;color:#DB333A;color:var(--color2);margin-bottom:10px;float:left; width:100%;}
h3.listTableTitle{/*margin-bottom:-30px;*/ text-transform:capitalize; width:auto;}
h3.listTableTitleLocation{margin-bottom:0px; text-transform:capitalize; }
h3.listTableTitleLocation2{margin-bottom:0px; text-transform:capitalize; width:400px; margin-left:20px; }
h3.listTableTitle.noMargin{margin-bottom:0;}
h4, h4 a{font:normal 20px/24px 'Droid Sans',sans-serif;color:#3f3f3f;margin-bottom:10px}
h4.formSectionHeader{background-color:#e6e6e3; padding:5px 1%; width:98%; float:left; clear:both; margin:20px 0px 10px 0px;}
    h4.formSectionHeaderHighlight {
        background-color: yellow;
        padding: 5px 1%;
        width: 98%;
        float: left;
        clear: both;
        margin: 20px 0px 10px 0px;
    }
h4.formSectionHeaderNotFull{width:85%; float:left;}
h5{font:normal 16px/21px arial,sans-serif;color:#302e2c;margin-bottom:15px}
h5.black{color:#000}
h5.listTableTitle{width:auto;float:left;}
h6{font:normal 12px/12px arial,sans-serif;color:#302e2c;margin-bottom:5px;width:100%;float:left}
p{font:normal 14px/19px arial,sans-serif;color:#464646;margin:0 0 15px 0;float:left;width:100%}
p.bold{font-weight:bold}
.noMargin{margin-bottom:0}
a{font:normal 14px/19px arial,sans-serif;color:#464646;margin:0 0 10px 0;cursor:pointer;text-decoration:underline}
a:hover{text-decoration:none}
ul { list-style-type: none; }
li { text-decoration: none; }
ol { list-style-position: inside; }
ol li { margin: 10px; }

ul.bullseyeTemplatePopup {list-style-type:disc; text-indent:each-line; list-style-position:inside;}
ul.bullseyeTemplatePopup li {list-style:disc; margin: 10px; list-style-position:inside;}
.bullseyeTemplateActionList{display:block; width:100%; margin:20px 0px 10px 0px; align-items:center;}
.bullseyeTemplateActionList li{display:block; float:none; width:auto; font:bold 14px/32px arial, sans-serif; margin-right:10px;}

.popupImage{margin-bottom:20px;}
.popupImage img{display:block; margin: 0 auto;}
.popupButton {text-align:center;}
.popupButton a {float:none;display:inline-block;}

/***Form Styles***/
.formWpr { }
.whiteBorderBox.formWpr.login{padding:12px 15% 50px 15%;
    -webkit-box-shadow: #999 0px 0px 5px;
	-moz-box-shadow: #999 0px 0px 5px;
	box-shadow: #999 0px 0px 5px;
	background: #ffffff;
	behavior: url(../pie/PIE.htc);
	}
.whiteBorderTop{padding-top:10px; border-top:1px solid #ccc; }

.formWpr.login{/*width:318px;*/ margin:0 auto; position:relative;}
span.required {color: #DB333A;color: var(--color2);font-weight: bold;}
.formWpr span.required{display:inline;}
.formWpr input, .formWpr select, .formWpr textarea,.formWpr { margin:0px 10px 10px 0px; }
.formWpr select { display: inline; }
.formWpr input, .formWpr textarea { display: block; }
.formWpr label { margin: 0px 0px 2px 0px; font:bold 14px/19px arial,sans-serif;color:#464646; width:200px; font-weight:bold;}
.formWpr label.wide {width:auto;}
.formWpr label.fullWidth {width:100% !important; }
.formWpr label.normal{font-weight:normal;}
.formWpr label.fullWidth{width:100%;}
.formWpr.login label{width:120px; font-weight:normal;}
.formWpr span { display: block; clear: left; }
.formWpr span input { display: inline; height: 20px; border: none; background-color: Transparent;}
.formWpr span label { display: inline; vertical-align: top; font-size: 14px; }
.formWpr.login .signUpRow{background-color:#EFEFEF; position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:10px 0;}
.formWpr.login .signUpRow td{display:block; width:100%; text-align:center;}
.formWpr.login .signUpRow span, .formWpr.login .signUpRow a{display:inline; font-size:10px;}
.formWpr .upload {float:left;width:100%; margin-top: 5px;}
.formWpr .upload span.check {display: inline-block; vertical-align:middle; margin: 0px 20px 0px 0; } 
.formWpr .upload .calloutPopLinkHover{display:inline;}
.formWpr .upload .calloutPopLinkHover .questionIconLink{display:inline;}
.formWpr label.uploadEmailNotification {width:100%;}
.formWpr label.knowledgeBaseLink {padding-bottom:10px;Width:150px;font-weight:normal;padding-right:2px;}

.fieldHint span label {line-height:20px;}

#knowledgeBaseLink {padding-bottom:8px;}

.formWpr.login textarea, .formWpr.login input,.formWpr.login select { font: normal 18px arial; padding: 8px; }

.formWpr .radioList {margin-bottom:15px; width:100%;}
.formWpr .radioList.noMargin{margin-bottom:0 !important;}
.formWpr .radioList td {width:25%;}
.formWpr .radioListSmall {margin-bottom:15px; width:50%;}
.formWpr .radioListSmall.narrow {width:110px; display:inline-block;}
    .formWpr .radioListSmall.contents {
        width: 110px;
        display: contents;
    }
.formWpr .radioListSmall td {width:15%;}
.formWpr .radioList label, .formWpr .radioListSmall label { display: block; float: left; width:auto; line-height: 100%; vertical-align: bottom; margin: 5px 10px 0px 0px; font: normal 12px/14px arial; text-transform: none; }
.formWpr .radioList.margin label{margin-bottom: 10px;}
.formWpr .radioList input[type="radio"], .formWpr .radioListSmall input[type="radio"] { display: block; float: left; height: 15px; width: 15px; margin: 5px 5px 0px 0px; background-color: Transparent; border: none; }
.formWpr .checkList, .formWpr .horizontal{ display:block; float:left; width:100%;}
.formWpr .checkList td, .formWpr .horizontal td { height: 25px; vertical-align: top; width:auto;}
.formWpr .checkList label, .formWpr .horizontal label { display: block; float: left; vertical-align: bottom; margin: 0px 10px 0px 0px; width:auto; font-weight:normal;}
.formWpr .checkList input, .formWpr .horizontal input { display: block; float: left; height: 15px; width: 15px; margin: 0px 5px 0px 0px; background-color: Transparent; border: none; }
.formWpr .horizontal tr{display:inline-block; margin-right:20px;}
.formWpr .radioList a {font-size: 12px; line-height:16px; color:#DB333A;color:var(--color2); text-decoration:none;}
.formWpr .radioList img{vertical-align:middle;}
.formWpr .radioList span.labelHeader, .formWpr .radioList span.labelHeaderwithMargin{font: bold 14px/19px arial,sans-serif;}
.formWpr .radioList span.labelHeader, .formWpr{margin-bottom:5px;}
.formWpr .radioList span.labelHeaderwithMargin{margin-bottom:8px;}
.formWpr .radioList span.labelHeaderNewNotice{color:#DB333A;color:var(--color2); }

.formWpr.login h2 {text-align: center; z-index: 1;position:relative;}
.formWpr.login h2 span{display:inline-block; background-color:#fff; position:static; width:auto; margin: 0 auto; padding:0 10px;}
.formWpr.login h2 span:before{content: " "; border-top:1px solid #ccc; display:block;left: 0; position: absolute; top: 50%; width: 100%;z-index: -1;}

#formElement { display: none; }
#formElement input { background-color: #FFFFFF; border: none; width: 1px; display: block; }
.validatorBlock { display: block; }
.formWpr .radioButton { display: block; float: left; margin-right: 5px; }
.formWpr .radioButton input { background-color: Transparent; border: none; }
.formWpr .radioButtonDisabled label { color: #A9A9A9 }
.formWpr .radioButtonInline { display: inline; }
.formWpr .radioButtonInline input { margin-right:3px; }
.formWpr .checkbox, .mappingCheckBox { width: auto; display: block; float: left; margin: 0px 10px 10px 0px; clear:none;}
.formWpr.login .checkbox{float:none; margin:0 auto 5px auto; width:140px !important; display:inline-block;}
.formWpr .checkbox input, .mappingCheckBox input { display: block; float: left; background-color: Transparent; border: none; margin: 0px 5px 0px 0px; height: 13px; width: 13px; }
.formWpr .checkbox label, .mappingCheckBox label { display: block; float: left; clear: right; width:auto; line-height:15px; font-weight:normal;}
.formWpr.login .checkbox label{font-size:10px;}
.formWpr .social label{font-weight:bold;}
.fieldLabel{font-weight:bold; width:50%; padding-bottom:5px;}
.fieldLabel span{font-weight:normal; font-size:12px;}
.trialTable .fieldLabel span{font-weight:bold; font-size:14px;}
.formTable{width:560px; float:left; clear:both;}
.formTableWide{width:100%; clear:both;}
.formTableNarrow{width:100%; float:left; clear:both;}
.formTableUsers{width:100%; float:left; clear:both;}
.formTableHours{width:100%; float:left; clear:both;}
.nestedTable {width:100%; float:left; clear:both;}
.nestedTable td.fieldLabel {width:18%;}
.formTable input[type="text"], .formTable input[type="password"], .formTableNarrow input[type="text"], .formTableUsers input[type="text"], .formTableWide input[type="text"]{width:250px; float:left;}
.formTableWide input[type="text"], .formTableWide input[type="email"], .formTableWide input[type="password"], .formTableWide textarea, .formTableWide .asyncUploader, .formTableWide .imageUploaderField{width:85%;}
.formTableWide textarea{height:100px;}

.formTableWideLocation, .locAddress .formWpr .formTable{width:100%; clear:both;}
.formTableWideLocation input[type="text"], .formTableWideLocation textarea, .formTableWideLocation .asyncUploader, .locAddress .formWpr .formTable input[type="text"]{width:85%;}
.formTableWideLocation textarea{height:90px;}

.formTable textarea{width:250px; height:100px;}
.formTableNarrow label{width:150px;}
.formTable td, .formTableNarrow td, .formTableWide td, .formTableWideLocation td, .locAddress .formWpr .formTable td{width:85%;}
.formTable td.fieldLabel, .formTableNarrow td.fieldLabel, .formTableWide td.fieldLabel, .formTableWideLocation td.fieldLabel, .locAddress .formWpr .formTable td.fieldLabel{ width:25%; text-transform:capitalize;}
.formTable input[type="text"].textfieldSmall {width:80px;}
.formTable input[type="text"].textfieldLarge {width:400px;}
.formTable2{width:100%; float:left; clear:both;}
.formTable2 td:first-child{width:200px}
.formTable2 td{ display:inline-block}
.formTable2 input[type="text"]{ width: 250px; margin:4px 0px 10px 0px }
.formTable2 input{display: inline;}
.formTable2 .calloutPopLinkHover {display: inline}
.formTableInline .calloutPopLinkHover {display: inline-block}
.formTableInline .calloutPopLinkHover .questionIconLink {margin-top: -10px}
.formTableInline .checkboxInline {display:inline-block;}
.formTable2 label{display:inline}
/*.formTable2 .apiKeyGeocodingTextBox:disabled{ background: #edeaea }*/
.formTable2 .aspNetDisabled { display: inline; }
.formTable2 .aspNetDisabled:disabled, .formWpr .aspNetDisabled:disabled{ background: #edeaea; color:#888; }
.hintTable td{width:31%;}
.passwordTable label{float:left; font-weight:bold;}
.leadForm {width:50%;}
.leadForm label, .leadForm input {display:inline;}
.searchTable{}
.searchTable td{padding-right:10px;}
.formWpr .searchTable label{width:auto;}
.couponWpr input { margin-right:0px; }
.topWatermarkTxt{position:absolute;top:4px;right:15%;font:normal 12px/16px arial}
.subdomainWrap{position:relative;}
.watermarkTxt{color:#777777;}
.eventQuickAdd tr.intAddress{display:none;}
	
.scheduledImportTable{ vertical-align:middle; width:100%;}
.scheduledImportNoRightMargin {width:100%;}
.scheduledImportNoRightMargin input{ margin-right : 0px; }
.scheduledImportNoRightMargin td.fieldLabel {width: 25%;}
.scheduledImportNoRightMargin select{ margin-right : 0px; }
.scheduledImportBigLeftMargin input{ margin-right : 10px; }

.viewXMLImportTable{ vertical-align:middle; width:100%;}
.viewXMLImportNoRightMargin {width:100%;}
.viewXMLImportNoRightMargin input{ margin-right : 0px; }
.viewXMLImportNoRightMargin td.fieldLabel {width: 7%;}
.viewXMLImportNoRightMargin select{ margin-right : 0px; }
.viewXMLImportBigLeftMargin input{ margin-right : 10px; }

.advancedSearchPanel{display:block; width:100%; /*margin-left:5%;*/ clear:both; float:left;}
.advancedSearchPanel>input{height:15px;}
.advancedSearchPanel .social{line-height:15px; margin-top:3px;}

.colorPickerWrap .ajax__colorPicker { padding: 0px; margin: 0px; }
.colorPickerWrap .ajax__colorPicker_container { background-color: #fffccc ; position: absolute; padding: 0px; margin: 0px; border: 1px solid #646464; }
/*.colorPickerWrap .ajax__colorPicker_container table { border: 1px solid #646464; padding: 0px; margin: 0px; border-collapse: collapse; }*/
.colorPickerWrap .ajax__colorPicker_container table td { padding: 0px; margin: 0px; border: solid 1px #ffffff;}
.colorPickerWrap .ajax__colorPicker_container table td div { width: 10px; height: 10px; cursor: pointer; padding: 0px; }
.imageUploaderField input{width:100%!important;}

.submitButtonsList{display:block; float:left; width:100%; margin-top:30px;}
.submitButtonsList li{display:block; float:right; width:auto; margin-left:10px;}
.submitButtonsListRtl{display:block; float:right; width:100%; margin-top:10px;}
.submitButtonsListRtl li{display:block; float:right; width:auto; margin-left:5px;}
.searchButtonsList{display:block; float:left; width:auto; margin-top:30px; position:absolute; bottom:10px; right:10px;}
.searchButtonsList li{display:block; float:right; width:auto; margin-left:10px;}
.searchButtonsList li a{margin:0px;}

/*SearchButtonsList Bootstrap Version*/
.searchButtonsListBootStrap {
    display: block;
    float: left;
    width: auto;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

    .searchButtonsListBootStrap li {
        display: block;
        float: right;
        width: auto;
        margin-left: 10px;
    }

        .searchButtonsListBootStrap li a {
            margin: 0px;
        }

/*Form Validation*/
.errorMessage { font: bold 12px arial; color: red !important; display: block; float: left; width: 100%; clear: both; margin: -5px 0px 10px 0px; }
.errorMessage a{font: bold 12px arial; color: red !important;}
.bigErrorMessage { font: bold arial; color: red !important; } /* just make it red and don't muck with other stuff... */
.inlineErrorMessage { font: bold 12px arial; color: red !important; }

/*Buttons*/
.button {
    display: block;
    float: left;
    position: relative;
    margin-bottom: 10px;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    width: auto;
    background-color: #C50518;
    background-color: var(--color6);
    border-radius: 5px;
}
    .button:hover, .button span:hover {
        color: #ffffff;
        background-color: #B00113;
        background-color: var(--color7);
    }
    .button span {
        display: block;
        padding: 12px 15px 12px 5px;
        font: bold 16px/17px arial, sans-serif;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #C50518;
        background-color: var(--color6);
        border-radius: 5px;
    }
.button.subscribe {border:0;}
.normal span{text-transform:capitalize;}
.button:hover span{background-position:100% 100%;}
.buttonSmall {
    display: block;
    float: right;
    position: relative;
    margin-bottom: 10px;
    padding: 0px 0px 0px 8px;
    text-decoration: none;
    width: auto;
    background-color: #C50518;
    background-color: var(--color6);
    border-radius: 5px;
}
    .buttonSmall:hover {
        color: #ffffff;
        background-color: #B00113; 
        background-color: var(--color7);
    }
    .buttonSmall span {
        display: block;
        padding: 7px 15px 7px 5px;
        font: bold 14px/18px arial, sans-serif;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #C50518;
        background-color: var(--color6);
        border-radius: 5px;
    }
.buttonSmall.locator span, .buttonDisabled.locator span {padding: 7px 15px 5px 5px; }
.buttonSmall.locator span img, .buttonDisabled.locator span img {vertical-align:middle;}
    .buttonSmall:hover span {
        background-color: #B00113;
        background-color: var(--color7);
    }
.buttonWhite, .buttonDel {
    display: block;
    float: left;
    position: relative;
    margin-bottom: 10px;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    width: auto;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: solid 1.5px #9D9D9C;
    background-color: #FFFFFF;
    
    background-repeat: no-repeat;
    background-position-y: 8px;
    background-position-x: 4px
}
.buttonCancel {
    padding-left: 22px;
    background-position-y: 7px;
    background-image: url(../../images/admin/global/cancel-16.png);
}
.buttonNoImage {
    background-image: none;
}
    .buttonWhite:hover, .buttonDel:hover {
        color: #464646;
        background-color: #E2E2E2
    }
    .buttonWhite span, .buttonDel span {
        display: block;
        padding: 7px 15px 7px 5px;
        font: bold 14px/16px arial, sans-serif;
        text-transform: capitalize;
        color: #9D9D9C;
    }
    .buttonWhite:hover span {
        
    }
.buttonAdd, .buttonSave, .buttonEdit, .buttonSecondary {
    display: block;
    float: left;
    position: relative;
    margin-bottom: 10px;
    padding: 0px;
    text-decoration: none;
    width: auto;
}
    .buttonAdd:hover, .buttonSave:hover, .buttonEdit:hover {
        background-color: #B00113;
        background-color: var(--color7);
    }
    .buttonAdd span, .buttonSave span, .buttonEdit span, .buttonSecondary span, .MoreButton {
        display: block;
        padding: 7px 15px 7px 2px;
        font: bold 14px/18px arial, sans-serif;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #C50518;
        background-color: var(--color6);
        border-radius: 5px
    }
.MoreButton {
    margin-left: -6px;
    margin-right: 3%;
    background-color: #a30111;
    background-color: var(--color7);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    color: #FFF;
    padding: 7px 8px 7px 9px;
    font-size: 12px;    
}
        .buttonSecondary span {
            background-color: #c6c3c3;
            padding-left: 17px
        }
    /*.buttonDel span {
        display: block;
        padding: 7px 15px 7px 2px;
        font: bold 14px/18px arial, sans-serif;
        text-transform: uppercase;
        color: #9D9D9C;
    }*/
    .buttonAdd:hover span, .buttonSave:hover span, .buttonEdit:hover span {
        background-color: #B00113;
        background-color: var(--color7);
    }
.buttonAdd {
    padding-left: 21px;
    background-color: #C50518;
    background-color: var(--color6);
    border-radius: 5px;
    background-image: url(../../images/admin/global/Plus-24.png);
    background-repeat: no-repeat;
    background-position-y: 10px;
    background-position-x: 6px;
    background-size: 12px
}
.buttonSave {
    padding-left: 10px;
    background-color: #C50518;
    background-color: var(--color6);
    border-radius: 5px;
    /*background-image: url(../../images/admin/global/save-24.png);*/
    background-repeat: no-repeat;
    background-position-y: 8px;
    background-position-x: 8px
}
.buttonEdit {
    padding-left: 30px;
    background-color: #C50518;
    background-color: var(--color6);
    border-radius: 5px;
    background-image: url(../../images/admin/global/edit-24.png);
    background-repeat: no-repeat;
    background-position-y: 8px;
    background-position-x: 4px
}
.buttonDel{padding-left:25px; background-image:url(../../images/admin/global/delete-16.png)}
.buttonBack {
    display: block;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    width: 60px;
    color:#DB333A;color:var(--color2);
    text-decoration: none;
}

.buttonBack2 {
    display: inline-block;
    width: 210px;
}
.buttonBackNext {display:inline-block; width:10px; margin-left:5px; font-size:17px; font-weight:900;}
.buttonBackBack {display:inline-block; width:10px; font-size: 17px; font-weight:900;  }

.buttonExport {
    cursor: pointer;
    display: block;
    float: left;
    position: relative;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    width: auto;
    border: solid 1.5px #deded9;
    background-color: #F1F1EC;
    background-repeat: no-repeat;
    background-position-y: 8px;
    background-position-x: 4px;
}
.downloadimage {
    background-image: url(/DXR.axd?r=0_5914-mmkYj);
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    background-position: -153px -17px;
    margin: 8px 5px 1px 0;
    float: left;
}

.buttonExport span {
    display: block;
    padding: 7px 15px 7px 2px;
    font: bold 11px/18px arial, sans-serif;
    color: #4D4D4D;
    border-radius: 5px;
    float: left;
}
.buttonExport:hover {
    background-color: #e6e6e3;
}

.NavigationButtonsClass {
    display: inline-block;
    float: right;
}

.NavigationButtonsClass .aspNetDisabled{
    color: #AAA;
    font-weight:400;
}
.PrevNextNavigationButtons {
    background: #F3F2F2;
    width: 100%;
    display: inline-block;
    padding: 10px 0 0 0;
    position: absolute;
    top: 70px;
    left: 0
}
     
.action {
    position: absolute !important;
    top: 15px;
    right: 20px;
}
.PrevNextNavigationButtonsSingle {
    width: 100%;
    display: inline-block;
    padding: 30px 0 0 0;
    top: 70px;
    left: 0
}

.PrevNextNavigationButtonsSingle a, .PrevNextNavigationButtons a, a.Highlink {
    color: #DB333A;
    color: var(--color2);
    text-decoration: none;
}


.actionButtonNav{display:block; position:absolute; top:15px; right:20px;}
.actionButtonNav>li{display:block; float:left; width:auto;}
.actionButtonNav>li a{display:block; float:left; margin-left:10px;}
.actionButtonList{display:block; position:relative; }
.actionButtonList>li{display:block; float:right; width:auto;}
.actionButtonList>li a{display:block; margin:0 5px 0 10px; text-decoration:none;}
.actionButtonList > li:not(:last-child) a:before { border-right:1px solid #DB333A;border-right:1px solid var(--color2);margin-right: 10px;content:'';}
.buttonDisabled {
    display: block;
    float: left;
    position: relative;
    margin-bottom: 10px;
    padding: 0px 0px 0px 7px;
    text-decoration: none;
    width: auto;
    background-color: #dddddd;
    border-radius: 5px;
}
    /*.buttonDisabled:hover, .buttonDisabled span:hover {
        background-color: #aaaaaa;
        cursor: default;
    }*/
    .buttonDisabled span {
        display: block;
        padding: 8px 15px 8px 5px;
        font: bold 14px/16px arial, sans-serif;
        text-transform: uppercase;
        color: #464646;
        background-color: #dddddd;
        border-radius: 5px;
    }

.buttonDisabled:hover span {
    background-position: 100% 100%;
}
.centerButton {float:none;}
.buttonGray {background-color:#999999; color:#ffffff; text-decoration:none; padding:5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../app_themes/PIE.htc);}
.button.wide {width:97%; text-align:center;}
.redLink.wide {text-align:center;display:block;text-transform:uppercase;}
/*Buttons*/
.bulkActionButtonNav{display:block;}
.bulkActionButtonNav>li{display:block; float:left; width:auto;}
.bulkActionButtonNav>li a{display:block; float:left; margin-left:0px;}

.buttonBulkApprove, .buttonBulkDelete{display: block; float: left; position: relative; margin-bottom:10px;  padding:0px; text-decoration:none;  width: auto;}
.buttonBulkApprove:hover, .buttonBulkDelete:hover{background-position:0% 100%;}
.buttonBulkApprove span{display:block; padding:9px 15px 7px 2px; font: bold 12px/16px arial, sans-serif; text-transform:uppercase; color: #ffffff; background:url(../../images/admin/global/buttonRedRight.png) no-repeat 100% 0;}
.buttonBulkDelete span{display:block; padding:9px 15px 7px 2px; font: bold 12px/16px arial, sans-serif; text-transform:uppercase; color: #464646; background:url(../../images/admin/global/buttonGrayRight.png) no-repeat 100% 0;}
.buttonBulkApprove:hover span, .buttonBulkDelete:hover span{background-position:100% 100%;}
.buttonBulkApprove{padding-left:26px; background:url(../../images/admin/global/buttonSaveLeft.png) no-repeat 0 0;}
.buttonBulkDelete{padding-left:24px; background:url(../../images/admin/global/buttonDeleteLeft.png) no-repeat 0 0;}

/*Login/registration forms buttons */
.formWpr.login .button{width:310px; margin:0 auto 30px auto; float:none;}

/*Popups*/
.popup{position:absolute; z-index:1000; width:340px; cursor:default;}
.popupInner{float:left; width:270px; background-color:#E6E6E3; border:1px solid #ccc; padding:9px 20px;}
.popArrow{width:25px; height:51px; float:left; position:relative; background: url(../../images/admin/global/rightNavArrow.png) no-repeat 0px 0px; margin-right:-1px; }
.popFade{background-color:#333333;  filter: alpha(opacity=60); opacity: 0.6;}
/*Callout pop*/
.calloutPopLinkClick, .calloutPopLinkHover, .calloutPopAcctLinkClick, .calloutPopLinkClickFade, calloutInterfacePopLinkClickFade {
    position: relative;
    cursor: pointer;
}
.calloutPopLinkHover.settingsIcon{display:block; float:right; width:24px; height:23px; background:url(../../images/Admin/InterfaceSettings/iconSettings.png) no-repeat 0 0;}
.calloutPopLinkHover{height:20px;}
.calloutPopLinkClickFade .calloutPop{padding:24px 0px 20px 0px;}
.calloutPop{display:none; position:absolute;width:320px; z-index:999; padding-top:24px; top:20px;}
.calloutInterfacePop {display:none;position: absolute; width: 320px;z-index: 999;top: 20px !important;}
.calloutPopSave{width:300px; padding-top:24px;}
.calloutPop .popArrow, .calloutPopSave .popArrow{display:block; float:left; width:100%; height:26px; position:absolute; z-index:4; top:0.40px; left:0px; background:url(../../images/admin/global/dropDownArrow.png) no-repeat 50% 0;}
/*This will work for firefox*/
@-moz-document url-prefix() {
    .calloutPop .popArrow, .calloutPopSave .popArrow {
        top: -0.01em;
    }
}
.calloutPopInner{display:block; float:left; width:100%; border: 2px solid #AE0101; border: 2px solid var(--color3); padding:20px 4% 10px 4%;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	-webkit-box-shadow: #666 2px 2px 5px; -moz-box-shadow: #666 2px 2px 5px; box-shadow: #464646 2px 2px 5px;
	background: #ffffff; behavior: url(../app_themes/PIE.htc);word-wrap:break-word}
.calloutPopInner ul{}
.calloutPopInner .linkList li,.popupClientTermInner .linkList li, .popupResellerInner .linkList li{display:block; width:100%;}
.calloutPopInner .linkList li a, .popupResellerInner .linkList li a{font: normal 16px/16px arial, sans-serif; color:#AE0101; color: var(--color3); display:block; float:left; width:80%; padding:8px 10%; margin:0px;}
.calloutPopInner .linkList li a:hover, .popupClientTermInner .linkList li, .popupResellerInner .linkList li a:hover{background-color:#E6E6E3;}
.calloutPopInner .close {font-weight:bold; text-decoration:none; position:absolute; right:20px; top:30px;}
.closeDefaultFont {
    font: normal 14px/19px arial,sans-serif;
    color: #464646 !important;
    margin: 0 0 10px 0;
    cursor: pointer;
    text-decoration: underline !important
}

    /*Additional Field info pop*/
    .locationDetailsTabPages .calloutPopLinkHover, .options .calloutPopLinkHover, .email .calloutPopLinkHover {
        display: inline;
    }
.questionIconLink{margin:0 0 0 5px; position:relative; display:inline-block;vertical-align:top;}
.radioList.noMargin + .calloutPopLinkHover .questionIconLink{vertical-align:bottom;}
.imageTextSmall .questionIconLink{vertical-align:top;}
.questionIconLink img{display:inline-block;}
.options {position:relative;}
.options span{display:inline;}
.options1 { float: left;}

.popupSearch, .popupClientTerm, .popupReseller, .popupForm, .popupPlanAlert, .popupPlanFree, .popupAlert {position:absolute; z-index:1000; cursor:default; }
.popupSearchInner, .popupResellerInner, .popupFormInner, .popupPlanAlertInner, .popupPlanFreeInner, .popupPlanFreeInnerWide, .popupAlertInner, .popupQuickStartInner, .popupQuickStartInnerWide {float:left; background-color:/*#E6E6E3*/ #ffffff; border:1px solid #ccc; padding:9px 20px;}
.popupSearch.wide{ width:90% !important;/*top:0 !important;left:0 !important;*/}

.miniPopupMoreButtons {
    float: left;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #ccc;
    padding: 10px 10px 5px 10px; 
    box-shadow: 1px 1px 2px 0px rgba(196,196,196,1);
    overflow: hidden
}
.miniPopupMoreButtons a {
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: #464646
}
    .miniPopupMoreButtons a:hover {
        color: #AE0101;
        color: var(--color3);
    }
.miniPopupMoreButtons li { /*height: 24px*/ }
    /*search preview popup*/
    .popupSearch { /*width:1060px;*/
    }
.popupSearchInner{width:100%;}
.popupQuickStartInner{width:650px;}
.popupQuickStartInnerWide{width:850px;}

/*delete reseller popup*/
.popupReseller{width:530px;}
.popupResellerInner{width:470px;}

/*delete clientTerm popup*/
.popupClientTerm{width:530px;}
.popupClientTerm{width:470px;}


/*form popup*/
.popupForm{width:630px;}
.popupFormInner{width:570px;}

/*plan popup*/
/*upgrade*/
.popupPlanAlertInner, .popupPlanAlertInner{width:400px;}
/*downgrade*/
.popupPlanFreeInner{width:400px;}

.popupPlanFreeInnerWide{width:430px;}

/*Add Countries popup*/
.popAddCountries {display:block;float:left;width:940px;position:relative; z-index:1000; cursor:default; border:1px solid #ccc; background-color: #fff;}
.popAddCountriesHeader {float:left; background-color:#ffffff; padding:9px 20px; width:900px; border-bottom: 1px solid #ccc; }
.popAddCountriesInner {float:left; background-color:#ffffff; padding:9px 20px; width:900px; height: 400px; overflow-y: scroll; overflow-x: hidden;}
.popAddCountriesFooter {float:left; background-color:#ffffff; padding:9px 20px; width:900px; border-top: 1px solid #ccc; }

/*Add Regions popup*/
.popAddRegions {display:block;float:left;width:940px;position:relative; z-index:1000; cursor:default;  }
.popAddRegionsHeader {float:left; background-color:#ffffff; padding:9px 20px; width:900px; }
.popAddRegionsInner {float:left; background-color:#ffffff; padding:9px 20px; width:900px; height: 400px; overflow-y:auto; }
.popAddRegionsInner .td {padding:9px 20px;}
.popAddRegionsFooter {float:left; background-color:#ffffff; padding:9px 20px; width:900px; }
/*Popup New Interface Version*/
/*Add Regions popup*/
.popInterfaceStyle {
    display: block;
    float: left;
    width: 600px;
    position: relative;
    z-index: 1000;
    cursor: default;
}

.popInterfaceStyleHeader {
    float: left;
    background-color: #ffffff;
    padding: 9px 20px;
    width: 600px;
}

.popInterfaceStyleInner {
    float: left;
    background-color: #ffffff;
    padding: 9px 20px;
    width: 600px;
    height: 160px;
    overflow-y: auto;
}

    .popInterfaceStyleInner .td {
        padding: 9px 20px;
    }

.popInterfaceStyleFooter {
    float: left;
    background-color: #ffffff;
    padding: 9px 20px;
    width: 600px;
}
/*Add Regions popup*/
.popAddRegions {display:block;float:left;width:940px;position:relative; z-index:1000; cursor:default;  }
.popAddRegionsHeader {float:left; background-color:#ffffff; padding:9px 20px; width:900px; }
.popAddRegionsInner {float:left; background-color:#ffffff; padding:9px 20px; width:900px; height: 400px; overflow-y:auto; }
.popAddRegionsInner .td {padding:9px 20px;}
.popAddRegionsFooter {float:left; background-color:#ffffff; padding:9px 20px; width:900px; }

.popAddCountriesFooter span { display: block !important;}
/*Add Language popup*/
.popAddLanguage {display:block;float:left;width:940px;position:relative; z-index:1000; cursor:default; border:1px solid #ccc; background-color: #fff;}
.popAddLanguageHeader {float:left; background-color:#ffffff; padding:9px 20px; width:900px; border-bottom: 1px solid #ccc; }
.popAddLanguageInner {float:left; background-color:#ffffff; padding:9px 20px; width:900px; height: 400px; overflow-y: scroll; overflow-x: hidden;}
.popAddLanguageFooter {float:left; background-color:#ffffff; padding:9px 20px; width:900px; border-top: 1px solid #ccc; }
/*Limit Territory By Category popup*/
.popLimitTerritory {display:block;float:left;width:740px;position:relative; z-index:1000; cursor:default;  }
.popLimitTerritoryHeader {float:left; background-color:#ffffff; padding:9px 20px; width:700px; }
.popLimitTerritoryInner {float:left; background-color:#ffffff; padding:9px 20px; width:700px; height: 400px; overflow-y:auto; }
.popLimitTerritoryInner .td {padding:9px 20px;}
.popLimitTerritoryFooter {float:left; background-color:#ffffff; padding:9px 20px; width:700px; }

/*Search Rules Setup*/
.formWpr .internetRadius {display: inline; float:right !important; }

/*Search Rules Setup*/
/*.formWpr .performancePeriod {display: inline; float:right; }*/
.formWpr .performancePeriod {display: inline; }
.formWpr .radioListPerformance {margin-bottom:15px; width:100%;}
.formWpr .criteriaColumn { width:80%; }


/*account settings nav inside Callout pop*/
/*ul.accountMenu {display:block; float:left; width:100%;}       
ul.accountMenu  li { float:left; width:50%; border:0; margin:0; padding:0; display:inline;}
ul.accountMenu  li a{color:#333333; padding:10px;}
ul.accountMenu  li a:hover{color:#333333; text-decoration:none; background-color:#E6E6E3;}
*/

.accountMenu {width:100%;}
.userMenu .accountMenu a{color:#333333; padding:10px; display:block;}
.userMenu .accountMenu a:hover{color:#333333; text-decoration:none; background-color:#E6E6E3;}
.hidden{visibility:hidden;}

/*** Main Layout ***/
.mainWrap{width:98%; height:100%; margin:0px auto; padding:0px 0px 0px 0px; position: relative; } /*Changing to fluid width instead of fixed at width:980px; */
#header {
    width: 100%;
    /*height: 31px;*/
    float: left;
    padding-top: 9px;
    background: #c50518;
    background: var(--color6);
    padding-bottom:10px;
}
.headerWhiteLabel {
    background: #EFEFEF !important;
    background: var(--color8) !important;
    background-image: none
}
#content {width: 100%; float: left; position: relative;}
.contentWrap{width:100%; float:left;}
.logo{display:block; float:left; width:50%; margin:5px 0px 30px 0px; z-index:1; position:relative; clear:both;}
.logoImg {max-height: 75px}
.ClientLogo {
    max-height: 85px;
    display: block;
    text-align: center;
    margin: 10px auto 10px auto
}
/*Header*/
.clientNav {
    float: right;
    width: 50%;
    font: normal 12px/12px arial;
    text-align: right;
    color: #DB333A;
    color: var(--color2);
    margin: 7px 0px 0px 0px;
}
.clientInfo a {
    color: #DB333A;
    color: var(--color2);
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    margin-right: 10px;
}
.clientInfo a:hover span:hover{
    text-decoration: underline;
}
.welcomeMessage{color:#ffffff; font-style:italic; font:normal 13px/13px arial; display:block; float:right; width:auto;}
.userMenu{display:block; float:right; width:auto; margin-left:10px; width:100%}
.userMenu li.first{border:none;}
.userMenu li{display:block; float:right; width:auto; padding-left:10px; margin-left:30px; border-left:1px solid #ffffff;}
.userMenu li a{display:block; float:left; width:auto; margin:0px; font:normal 13px/13px arial; color:#ffffff; text-decoration:none;}
.userMenu li a:hover{text-decoration:underline;}

.userMenuLeft a {
    display: inline;
    float: left;
    color: #ffffff !important;
    border: none;
    font: normal 13px/13px arial;
    text-decoration: none;
    margin:0;
}

    .userMenuLeft a:hover {
        text-decoration: underline;
    }

/*Content Well*/
.leftCol{width:238px; float:left;}
.rightCol{width:73%; float:left; margin-left:15px;} /*Changing to fluid width instead of fixed at width:730px; float:right;*/
.liveChatWrap{width:100%; float:left; padding:13px; border:1px solid #cccccc; background-color:#ffffff;}
    .liveChatWrap h4 {
        width: 100%;
        /* float: left; */
        font: bold 18px/22px 'Droid Sans', sans-serif;
        color: #333333;
        margin-bottom: 0px;
        text-align: left;
    }
.liveChatWrap h5{width:100%; font-weight:bold; clear:both; text-align:left; font-size:14px;}
.liveChatWrap p{width:50%; float:left; margin:0px;}
.liveChatWrap .liveChatButton {
    width: 100%;
    margin: 10px 0px 0px 0px;
    text-align: left;
}

    .liveChatWrap .liveChatButton .TextCenter {
        text-align: center;
    }

    .liveChatWrap .TextCenter {
        text-align: center;
    }
.liveChatWrap a{display:block;  margin-bottom:5px; float:left; width:100%;}

/* footer */
p#copyright {font:normal 12px/12px arial; text-align: center; margin-top: 20px;}

/*Left nav*/
.leftNav{width:236px; float:left; border:1px solid #cccccc; background-color:#ffffff; margin-bottom:15px;}
.leftNav li{display:block; float:left; width:100%;}
.leftNav li a{display:block; position:relative; font:normal 22px/25px 'Droid Sans', sans-serif;color:#DB333A;color:var(--color2); padding:13px; text-decoration:none; margin-bottom:0; text-transform:capitalize;}
.leftNav li a.level1.current, .leftNav li a.level1.currentFolder{background-color:#e6e6e6; color:#333333; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:-1px 0px 5px 0px;}
.leftNav li a.level1.current span, .leftNav li a.level1.currentFolder span{background:url(../../images/admin/global/leftNavArrow.png) no-repeat 0 0; width:25px; height:51px; position:absolute; right:-25px; top:0px; z-index:1;}
.leftNav li a.level2{color:#464646; font:normal 16px/16px 'Droid Sans',sans-serif; padding:7px 0px 7px 20px; margin:0 10px;}
.leftNav li a.level2.current {background-color:#e6e6e6;}
.leftNav li a.level3{color:#464646; font:normal 14px/14px 'Droid Sans',sans-serif; padding:7px 0px 7px 40px; margin:0 10px;}
.leftNav li a.level3.current {font-weight:bold;}

/* menu settings screen, for customizing left nav */
.menuSettings li span.level1 {/*color:#DB333A;color:var(--color2);*/ font-weight:bold;}
.menuSettings li span.level2 {/*color:#464646;*/ padding-left: 20px;}

/***Nav tabs on location section***/
.locationNav, .languageNav, .importNav{display:block; float:left; width:100%; margin-top:10px;}
.locationNav li, .languageNav li, .importNav li{display:block; float:left;}
.importNav li a{display:block; float:left; padding:5px 10px; margin:0px 5px 0px 0px; text-decoration:none; font:bold 14px/14px arial; cursor:pointer; position:relative; text-transform:capitalize;
                  background:#f8f8f4; border:1px solid #c4c4c4; border-bottom:none;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	behavior: url(../app_themes/PIE.htc);
    }
.locationNav li a, .languageNav li a{display:block; float:left; padding:5px 10px; margin:0px 5px 0px 0px; text-decoration:none; font:bold 14px/14px arial; cursor:pointer; position:relative; text-transform:capitalize;
                  background:#e6e6e3; border:1px solid #c4c4c4; border-bottom:none;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	behavior: url(../app_themes/PIE.htc);
    }
    .locationNav li a:hover, .locationNav li a.current, .languageNav li a:hover, .languageNav li a.current {
        color: #ffffff;
        border: 1px solid #AE0101;
        border: 1px solid var(--color3);
        border-bottom: none;
        background: #AE0101;
        background: var(--color4);
        background: -webkit-linear-gradient(var(--color4), var(--color3));
        background: -moz-linear-gradient(var(--color4), var(--color3));
        background: -ms-linear-gradient(var(--color4), var(--color3));
        background: linear-gradient(var(--color4), var(--color3));
        -pie-background: linear-gradient(var(--color4), var(--color3));
        behavior: url(../app_themes/PIE.htc);
    }

.locationNavSpecial a {
    background: #ffffff !important;
}

    .locationNavSpecial a:hover, .locationNavSpecial a.current {
        background: #AE0101 !important;
        background: var(--color4) !important;
        background: -webkit-linear-gradient(var(--color4), var(--color3)) !important;
        background: -moz-linear-gradient(var(--color4), var(--color3)) !important;
        background: -ms-linear-gradient(var(--color4), var(--color3)) !important;
        background: linear-gradient(var(--color4), var(--color3)) !important;
    }


.importNav li a.hover, .importNav li a.current{display:block; float:left; padding:5px 10px; margin:0px 5px 0px 0px; text-decoration:none; font:bold 14px/14px arial; cursor:pointer; position:relative; text-transform:capitalize;
                  background:#e6e6e3; border:1px solid #c4c4c4; border-bottom:none;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	behavior: url(../app_themes/PIE.htc);
    }
.locationNav.border, .languageNav.border, .importNav.border{border-bottom: 1px solid #cccccc;}	

.buttonNav{display:block; width:100%; float:left;}
.buttonNav li{display:block; float:left; width:auto; margin-right:20px;}
/***Interface settings nav***/
.interfaceSubNav{display:block; float:left;width:100%; margin-bottom:20px;}
.interfaceSubNav li{display:block; float:left; width:auto;}
.interfaceSubNav li a{display:block; padding:10px 38px 10px 20px; margin:0px; font:normal 18px/19px 'Droid Sans',sans-serif; color:#5c5c5c; background-color:#f6f6f1; text-decoration:none;}
.interfaceSubNav li.last a{padding-right:20px;}
.interfaceSubNav li.last a.current{background-image:none;}
.interfaceSubNav li a.current{color:#333333; Background:#e6e6e3 url(../../images/admin/interfaceSettings/secondaryActiveNavArrowTip.png) no-repeat 100% 0;}
.interfaceSubNav li a.beforeCurrent{ background:#f6f6f1 url(../../images/admin/interfaceSettings/secondaryinactiveNavArrowTip.png) no-repeat 100% 0;}
.two_column_list li, .three_column_list li {float: left; width: 100%;}
.interfaceTemplates li {width: 50% !important;}
.interfaceTemplates.type li:first-of-type > div.uiSettingsTemplateMapWrap {border: 1px solid var(--color2) !important;}
.recommendedLabel{width: 32% !important; color:var(--color2); visibility:hidden;}
.interfaceTemplates.type li:first-of-type > span {display:block;text-align: center; margin: auto;visibility:visible;}
.interfaceTemplates li.disabled {opacity:0.5;}
a.aspNetDisabled.redLink{cursor:default; color:#cccccc; text-decoration:none;}      

/***List Page Template***/
.listTable{/*display:block;*/ display:table; float:left; width:100%; border-collapse:collapse;}
.listTable th{height:24px; padding:10px 5px; font:bold 14px/19px arial,sans-serif;color:#464646; text-decoration:none; text-align:left; border:1px solid #cccccc;
				/*-pie-background: linear-gradient(#f6f6f1, #e6e6e3); behavior: url(/app_themes/PIE.htc);*/
				background:#e6e6e3;
				background: -webkit-linear-gradient(#f6f6f1, #e6e6e3);
				background: -moz-linear-gradient(#f6f6f1, #e6e6e3);
				background: -ms-linear-gradient(#f6f6f1, #e6e6e3);
				background: linear-gradient(#f6f6f1, #e6e6e3);
              }
.listTable th a{font:bold 14px/19px arial,sans-serif;color:#464646; text-decoration:none; text-transform:capitalize;}
.listTable td{padding:7px 5px; border-bottom:1px solid #cccccc; font:normal 12px/12px arial; background-color:#ffffff;}
.listTable td a{font:normal 12px/12px arial; margin:0;}
.listTable tr>td{cursor:pointer; }
.listTable .nohand{cursor:default; }
.listTable td.firstRow{border-left:1px solid #cccccc;}
.listTable td.lastRow{border-right:1px solid #cccccc;}
.listTable td.NoHeaderfirstRow{border-left:1px solid #cccccc;border-top:1px solid #cccccc;}
.listTable td.NoHeaderlastRow{border-right:1px solid #cccccc;border-top:1px solid #cccccc;}
.listTable tr.selectedRow>td{background-color:#f6f6f1;}
/*.listTable .pager {padding-left:95%;} */
.listTable .pager td{border:none; padding-right:0px;}
.listTable .pager a{display:block; font:bold 16px/16px arial; float:right; text-decoration:none; border:1px solid #cccccc; padding:2px; margin:0px 0px 0px 5px; cursor:pointer;}
.listTable .pager a:hover{background-color:#f6f6f1;}
.listTable .pager span{display:block; float:right; width:auto; margin-top:5px; cursor:default;}
.listTable input[type=checkbox]{margin-bottom:0px;}
.listTable .pager a.pagerButtonDisabled {cursor:default; color:#cccccc; text-decoration:none;}
.listTable .mappingFieldList{text-align:center; margin-bottom:0px;}
.listTable .mappingFieldDropDown {margin-bottom:0px;}
p.RequiredBullseyeFields{font-size: 12px; line-height:16px; color:#DB333A;color:var(--color2); text-decoration:none; text-align:right;margin:2px 0 0 0;}
.exportWrap {clear: both; float: left; width: 100%;}
/***Details Page Template***/
.detailsTable{display:block; float:left; width:100%; border-collapse:collapse;}
.detailsTable td{}

/* for a small read-only table embedded on a details page */
.miniTable { display:block; float:left; width:100%; }
.miniTable th{font:bold;color:#464646; text-decoration:none; text-align:left; border:1px solid #cccccc;background:#e6e6e3; padding: 3px 3px 3px 3px;}
.miniTable td{border-bottom:1px solid #cccccc; font:normal; padding: 2px 2px 2px 2px;}
.miniTable td.firstRow{border-left:1px solid #cccccc;}
.miniTable td.lastRow{border-right:1px solid #cccccc;}

/*Accordion Panels*/
.accordionWrap{width:100%; float:left; clear:both;}
.accordionControl{overflow:hidden; padding-bottom: 20px}
.accordionControl .respText{float:left; margin-bottom:10px;}
.accordionHeader, .accordionHeaderCurrent{width:100%; padding:5px 1%;border:1px solid #cccccc; margin-top:30px; position:relative; cursor:pointer; 
				-pie-background: linear-gradient(#f6f6f1, #e6e6e3); behavior: url(../app_themes/PIE.htc);
				background:#e6e6e3;
				background: -webkit-linear-gradient(#f6f6f1, #e6e6e3);
				background: -moz-linear-gradient(#f6f6f1, #e6e6e3);
				background: -ms-linear-gradient(#f6f6f1, #e6e6e3);
				background: linear-gradient(#f6f6f1, #e6e6e3);
              }
.accordionHeader input, .accordionHeaderCurrent input{margin-top:5px;}
.accordionHeader:first-of-type{margin-top:0px;}

.accordionHeader h3, .accordionHeaderCurrent h3{float:right; width:95%; margin-bottom:0;}

.accordionHeaderCurrent h3::after {
    float: right;
    font-size: 38px;
    font-weight: 600;
    content: '–';
}
.accordionHeader h3::after{
    float:right;
    font-size: 38px;
    font-weight: 600;
    content: '+';
}
.accordionHeader input {
    float: left;
    margin: 7px 10px 0px 0px;
}
.accordionContent{overflow:hidden; width:100%; padding:20px 4%;border:1px solid #cccccc; border-top:none; height:auto;}

    /*Accordion Panels for category groups*/
.accordionCategoryHeader, .accordionCategoryHeaderCurrent {
    width: 97%;
    padding: 5px 1%;
    border: 1px solid #cccccc;
    margin-top: 30px;
    position: relative;
    cursor: pointer;
    -pie-background: linear-gradient(#f6f6f1, #e6e6e3);
    behavior: url(../app_themes/PIE.htc);
    background: #e6e6e3;
    background: -webkit-linear-gradient(#f6f6f1, #e6e6e3);
    background: -moz-linear-gradient(#f6f6f1, #e6e6e3);
    background: -ms-linear-gradient(#f6f6f1, #e6e6e3);
    background: linear-gradient(#f6f6f1, #e6e6e3);
}

    .accordionCategoryHeader h5, .accordionCategoryHeaderCurrent h5 {
        display: inline
    }

    .accordionCategoryHeader a.redLink, .accordionCategoryHeaderCurrent a.redLink {
        float: right;
        margin: 0
    }
   

    .accordionCategoryHeader input + span::after, .accordionCategoryHeader div.plusMinus::after {
        float: right;
        color: #DB333A;
        color: var(--color2);
        font-size: 24px;
        font-weight: 600;
        margin-left: 10px;
        content: '+'
    }
    .accordionCategoryHeaderCurrent input + span::after, .accordionCategoryHeaderCurrent div.plusMinus::after {
        float: right;
        color: #DB333A;
        color: var(--color2);
        font-size: 24px;
        font-weight: 600;
        margin-left: 10px;
        content: '–'
    }
    .plusMinus{ display: inline-block; float: right}
/*Dragabble reorder list*/
.reorderList {
    display: block;
    float: left;
    width: 100%;
}
.optionList {
    display: block;
    float: left;
    width: 100%;
}
.optionList li {
    display: block;
    width: 90%;
    margin: 0px 0px 5px 0px;
    padding: 5px;
    background-color: #e6e6e3;
}
.optionList table {
    width: 100%
}
.optionList table td{
    width: 33%
}
.optionList table td:last-child {
    width: 50px
}
.reorderList li {
    display: block;
    width: 45%;
    margin: 0px 0px 5px 0px;
    padding: 5px;
    position: relative;
    background-color: #e6e6e3;
}
.reorderList.wide li{ width:80%;}
.reorderList.columnChooser li{ width:100%;}
.reorderList li table{width:100%; display:block;}
.reorderListItem{}
.reorderListItem input{display:block; float:left; margin:2px 5px 0 0;}
.reorderListItem p{float:left; width:70%; margin:0px; font-weight:bold;}
.reorderListDragHandle{display:block; width:29px; height:15px; margin:2px 0 0 0; cursor:move; background:url(../../images/admin/interfaceSettings/dragAndDropIcon.png) no-repeat 0 0;}
.reorderListDragHandle2{display:block; width:29px; height:15px; margin:10px 10px 10px 10px; cursor:move; background:url(../../images/admin/interfaceSettings/dragAndDropIcon.png) no-repeat 0 0;}
.reorderListDragHandle3{display:inline-block; width:29px; height:15px; margin:5px 5px -3px 5px; cursor:move; background:url(../../images/admin/interfaceSettings/dragAndDropIcon.png) no-repeat 0 0;}
#_dat{display:block; width:100%; height:100%; margin:0px; padding:0;background-color:#DB333A;background-color:var(--color2);}
.reorderListItem span{float: left; width: 150px;}
.reorderOptions span{display:inline-block;}
.reorderOptions input[type="checkbox"]{vertical-align:top;}
/*.reorderListPlaceholder{display:block; width:100%; height:100%; margin:0px; padding:0;background-color:var(--color2);background-color:#DB333A; }*/

/******Pages******/
/***Login page***/
.loginIntroWrap{width:800px; clear:both; margin:30px auto 30px auto; text-align:center;}

/***Locations***/
.locationDetailsTabPages{display:none; float:left; width:100%; margin-top:20px;}
.locationImage{float:left; display:block;}
.uploadLeftCol{float:left; margin-right:3%; width:77%;}
.uploadRightCol{float:right; width:20%;}
.viewXMLLeftCol{float:left; margin-right:3%; width:87%;}
.viewXMLRightCol{float:right; width:10%;}
.helpBgd, .helpBgdLead {width:165px; height:170px; padding:10px 40px 10px 10px; cursor:pointer; float:right; margin-bottom:20px; font:normal 14px/19px arial,sans-serif; text-decoration:none;}
.helpXMLImport {width:42px; height:42px; padding:10px 10px 10px 10px; cursor:pointer; float:left; margin-bottom:20px; font:normal 14px/19px arial,sans-serif; text-decoration:none;}
.helpXMLImport{background:url(../../images/admin/global/XMLImportIcon.png)  no-repeat; }
.helpBgd{background:url(../../images/admin/global/knowledgebase-prompt.png)  no-repeat; }
.helpBgdLead {background:url(../../images/admin/global/import_leads.png)  no-repeat;}
.uploadRightCol .buttonSmall span{font-size:13px;}
.uploadHistLeftCol{float:left; margin-right:5%; width:50%}
.uploadHistRightCol{float:right; width:45%; /*text-align:right;*/}
.resultsPerPage{float:right; width:20%;text-align: right; margin-top:10px; }
.bulkAction{float:left; width:30%;text-align: left; margin-top:10px; }
.imageText {display:inline; width:auto; margin-right:5px;}
.imageTextSmall{font-size:12px;}
.textforFieldHint {float:none; width:100%;}
ul.locImages {margin: 0; padding: 0; list-style-type: none; width:100%}
ul.locImages li {float:left; padding: 10px;}
ul.locImages li a {display:block; text-align:center; }
ul.locImages li img { display:block; margin:0 auto 10px auto; }
ul.locImages li .imageWrap {min-height:60px;}
.emailLocationsLinks {margin:10px 0;}

/*Holiday Hours*/
.hoursDetails, .customDetails, .daysDetails, .daysDetailsNew {display:none;float:left;width:100%;margin:10px 0 0 0;}
.holidayHours {margin-top:10px; margin-bottom:10px;}
.holidayHours li {float:left;}
.holidayHours li:first-child { margin-left:0;}
.holidayHours li:not(:first-child){border-left:1px solid #bdbebf;padding-left:10px;}
.editWrap, .hoursWrap, .hoursBusWrap, .hoursBusinessWrap {display: inline;margin-left:10px;}
.hoursWrap, .hoursWrap.hidden, .hoursEditWrap, .hoursEditWrap.hidden, .hoursEdit, .hoursEdit.hidden, .hoursBusinessEdit, .hoursBusinessEdit.hidden, .hoursEditBusWrap, .hoursEditBusWrap.hidden{display:none;}
.hoursWrap.visible, .hoursEditWrap.visible, .hoursEdit.visible, .hoursBusinessEdit.visible, .hoursEditBusWrap.visible, .hoursBusinessWrap.visible {display:inline;}

.hoursEditWrap.visible, hoursEditBusWrap.visible {margin-left:5px;}
.hoursEdit:hover,.hoursBusinessEdit:hover {cursor:pointer;}
.hoursDisplayWrap, .hoursDisplayBusWrap {float: left; margin: 5px 0 0 0; width:100%;}
.hoursDisplayWrap .holidayName, .hoursDisplayBusWrap .holidayName {font-weight:bold; margin:0 5px 0 0;}
.customDetailsInner > img {vertical-align: text-top;}
.hoursItem.hover, .hoursBusinessItem.hover {border:1px solid #ccc;margin:-5px;padding:4px;}

/***Interface settings***/
.uiSettingsWrap{float:left; width:100%; margin:10px 0px 60px 0px;}
.uiSettingsTemplateMapWrap{float:left;width:100%; /*margin-bottom:25px;*/}
.uiSettingsTemplateMapWrap.type{height:180px; border: 1px solid #cccccc; padding: 10px 2%; position: relative; box-sizing:border-box;/*margin-bottom:25px;*/}
.uiSettingsTemplateMapWrap h3{display:inline; width:auto; float:none; vertical-align:bottom;}
.uiSettingsTemplateMapWrap img{display:block; float:left; margin:10px 0px;}
.radioWrap{display:block;}
.interfaceBoxes{width:280px; float:left;}
.templateOptions td {width:50%;}
ul.interfaceDesc{list-style-type:disc; margin-left:20px; clear:both;}
ul.interfaceDesc li {width:100%;}
.uiSettingsTemplateMapWrap h5{float:left; width:100%;}
a.templateDetails {position:relative; display:inline-block; margin:0 0 0 10px;}
span.upgradeText, span.upgradeText a.redLink {display:inline; font-size:12px; font-style:italic;vertical-align: top;}
.enableText {display:inline;font-size:12px;font-style:italic;color:#DB333A;color:var(--color2); text-decoration:none;}
ul.radiusOptions{ clear:both;}
ul.radiusOptions li {width:100%; margin:10px 0;}
ul.radiusOptions li .radiusItem {margin:0 20px 0 0; display:inline-block; width:30px;}
.uiSettingsTemplateMapWrap .leftColNarrow{width: 100%; float:left;}
.uiSettingsTemplateMapWrap .rightColWide{width: 66%; float:left;}
.uiSettingsTemplateMapWrap .leftColWide{width: 70%; float:left;}
.uiSettingsTemplateMapWrap .rightColNarrow{width: 30%; float:right; text-align:right; position:relative;}
.uiSettingsTemplateMapWrap .rightColNarrow img{position: absolute; left: 50%; top: 0;transform: translate(-50%, 0);}
.three_column_list{float:left;}
.three_column_list p{width:auto;}
.three_column_list .interfaceTemplates li {width: 32% !important; height:180px; float:left;border: 1px solid #cccccc; padding: 10px 1%; position: relative; box-sizing:border-box;margin: 1% 10px 0 0;}
.three_column_list .interfaceTemplates.type li {margin: 1.5% 10px 0 0;border:none;}
.upgradeWrap{clear:both; position:absolute;bottom:5px;}
/*.three_column_list .interfaceTemplates li:first-of-type {margin-top:0;}*/
a.aspNetDisabled.redLink{cursor:default; color:#cccccc; text-decoration:none;}      
.three_column_list .interfaceTemplates h3{font-size:22px;line-height:25px;}
p.textDescription {margin-left:20px;}
.guide img { vertical-align: middle;}
.inlineColapse {display:inline-block !important;}
span.select2, .select2 span.selection {display:inline-block !important; width:100%}
.checkCollapsiblePanel.selectGroup {clear:both; margin-bottom:10px;}
.filterStyle{display:flex;flex-wrap: wrap;}
.subFilterStyle {margin: 10px 0 10px 18%; display: flex; flex-wrap: wrap;}
.filterStyle label, .filterStyle input{font-weight:normal;}
.filterStyleLabel{margin:0 10px 0 5% !important; width:120px !important;}
.filter{display:inline;}
.break { flex-basis: 100%; height: 0;}
.filterStyle ul.ckFitlerStyle {width:30%;}
#chkAllLanguages {border-spacing: 10px; border-collapse: separate;}
/*Styles*/
.uiSettingsStylesBasicSwatch{display:block; float:left; width:100%; margin-bottom:30px;}
.uiSettingsStylesBasicSwatch li{display:block; float:left; width:110px;}
.uiSettingsStylesBasicSwatch li input{float:left; margin-right:5px;}
.uiSettingsStylesBasicSwatch span{display:inline; width:auto;float:left;}
.colorBox{width:55px; height:45px; margin-bottom:2px;}
.blackBox, .grayBox, .blueBox, .greenBox, .purpleBox, .redBox{width:55px; height:45px; margin-bottom:2px;}
.blackBox{background-color:#000000;}
.grayBox{background-color:#cccccc;}
.blueBox{background-color:#205ecb}
.greenBox{background-color:#89cc77}
.purpleBox{background-color:#663366}
.redBox {background-color:#DB333A;background-color:var(--color2);}
.colorPickerSwatchSmall{width:19px;height:19px; border:1px solid #cccccc; cursor:pointer; float:left; margin-left:5px;}
.message {width:300px;border:solid 1px #DB333A;border:solid 1px var(--color2);padding:20px; position:absolute; left:350px; top:400px;}
.message .close {font-weight:bold; text-decoration:none; position:absolute; right:10px; top:5px;}
/*Publish*/
.optionalField {display:none;}
.fieldHint label{display:inline;}
.blockTable {display:block;}

/*.checkCollapsiblePanel{display:none;}*/
/*Category Tree*/
ul.classTreeView {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
ul.classTreeView li {	padding: 0px 0px 0px 0px; display:block; float:left; width:95%;}
ul.classTreeView li ul li {	margin-left: 20px;}
ul.classTreeView li ul li ul li {margin-left: 40px;}
ul.classTreeView li ul li ul li ul li {	margin-left: 60px;}
p.classCatList {margin: 0px;padding: 0px 0px 8px 0px;}
ul.classTreeViewSubCat{margin-bottom:5px; display:block; width:100%;}
ul.classTreeView li .expandMenu, ul.classTreeView li .noExpandMenu{width:25px; display:block; float:left; margin:0px;}
ul.classTreeView li input {display:inline;}

/***Reports***/
.dateRangeCalendar{float:right; position:absolute; right:20px; top:15px;}
.dateRangeCalendarleftColumn { position:relative; right:20px; top:15px;}
.dateRangeCalendarflow { position:relative !important; margin: 20px 0 }
.dateRangeCalendar h3.calendarIcon, .dateRangeCalendarleftColumn h3.calendarIcon, .dateRangeCalendarflow h3.calendarIcon {
    cursor: pointer;
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 50px;
    line-height: 41px;
    display: block;
    float: right;
    background: url(../../images/admin/global/calendar.png) no-repeat 100% 100%;
}
.calloutPopleftColumn { top: 35px !important; right:10px !important; }
.calendarIcon table{display:none;}
table.reportCalendarPopForm{width:100%; display:block; float:left;}
table.reportCalendarPopForm>tbody>tr>td{padding:0px 5px 5px 5px;}
table.reportCalendarPopForm .calendar td{padding:0px;}
.reportWrap{width:100%; float:left; /*border-bottom:1px solid #cccccc;*/}
.reportOverflowWrap{overflow-x: scroll;}
.reportWrap table td.aspNetDisabled a{cursor:default; color:#cccccc; text-decoration:none;}
.reportViewerTable{ overflow:scroll; margin-bottom:15px;}
.leadMgrRptHdr{width:100%; float:left; border:1px dotted #cccccc; margin:20px 0px 20px 0px; padding:10px 5px 10px 5px; background:#f6f6f1; }
.leftColNarrow{width:34%; float:left;}
.rightColWide{width:65%; float:right;} 
.reportWrapOuter{display: table-cell; vertical-align: middle; height:350px;}
.reportWrapInner{width:75%; margin-left:24%;}
.reportWrapInner table{margin: 0 auto; text-align: left;}
.leftColNarrow .reportWrap{border-bottom:0;}
.overview  .leftCol{width:100%;}
.exportLink {cursor: pointer; display:block; margin-top:10px;}
.searchFilters {float:left;clear:both; width:100%; margin:0 0 20px 0;}
.searchFilters .filter {vertical-align: middle;}

/***Dashboard***/
.dashboard .leftCol.visible, .dashboard .leftCol{width:48%; float:left;}
.dashboard .leftColBootStrap {
    width: 100%;
    float: left;
}
.dashboard .leftCol.hidden{display:none;}
.dashboard .rightCol{width:50%; float:right; margin:0;}
.dashboard .rightColBootStrap {
    width: 100%;
    float: right;
    margin: 0;
}
.dashboard .rightCol.full{width:100%; float:left;}
.currentPlansList{display:block; width:100%; float:left;}
.currentPlansList li{display:block; width:100%; float:left; margin-bottom:20px;word-break:break-all;word-wrap:break-word;}
.planTitle{font-weight:bold; margin-bottom:0;}
.planTitle .startDate{font-weight:normal;}
.planTitleSquare{font-weight:normal; margin-bottom:0;word-break:break-word}
.dealerNetwork{margin-top:10px;}
.dealerNetwork a{color:#DB333A;color:var(--color2); background-color:#e6e6e6; padding:1%; display:inline-block; text-decoration:none;}

/*Quick Start*/
.quickstart_holder h2, .quickstart_holder h3, .alert, .centerHeader {text-align:center;}
.step, .alert {float:left; clear:both; width:90%; padding: 0 3% 0 7%;}
.buttonsWrap{float: left; left: 50%; position: relative;}
.buttonsWrapR {
   /* float: right;*/
    margin: 20px 0
}
.buttonsWrap ul.quickstartActionList{left:-50%; position:relative;}
.quickstart_holder, .quickstart_holder_narrow {padding: 0px;position: relative; margin:0 auto; display:table;}
.quickstart_holder{width:100%;}
.quickstart_holder_narrow{width:370px;}
.quickstart_numberholder {font:bold 24px/32px  Arial, Helvetica, Verdana, Sans-serif; color:#DB333A;color:var(--color2);text-decoration: none; width: 36px; height:35px;
        /*height: 250px;*/ position: relative; float: left;
        border: 3px solid #DB333A; border: 3px solid var(--color2); text-align: center; position:relative;
		-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
		behavior: url(../app_themes/PIE.htc);}

.quickstart_import, .quickstart_spacer, .quickstart_interface{/*height: 270px;*/ padding: 0px;position: relative; float: left;}
.quickstart_import, .quickstart_interface {width: 650px; margin-left:30px;}
.quickstart_spacer {width: 20px;}
.quickstart_interface h4, .quickstart_import h4{font-weight:bold; font-size:18px; color:#DB333A;color:var(--color2);}
.quickstartActionList{display:block; width:100%; margin:20px 0px 10px 0px;}
.quickstartActionList li{display:block; float:left; width:auto; font:bold 14px/32px arial, sans-serif; margin-right:10px;}
.actionsTitle{margin-bottom:0; font-weight:bold;}
.accountLinks{}
.accountLinks li{border-right: 1px solid #999999; float: left; line-height: 100%; margin-right: 7px; padding-right: 7px; width: auto;}
.accountLinks li:last-child{border:none;}
.planWrap{float:left; width:95%; padding:10px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.planWrap .upgImage{float:left; margin-right:10px; width:150px}
.planWrap .redLink, .planWrap .button {display:inline-block; float:none;}
.planWrap .textWrap {/*float:left;*/ width:50%; display:inline-block;}
.planBgd{background-color:#CCCCCC;}
.planNoBgd{background-color:transparent; padding:0;}
.planNoBgd .redLink, .planNoBgd .button{display:block; float:left;}
.planNoBgd .textWrap {float:left; width:100%;}
.planNoBgd p {text-align:left;}
#dashboadMap{width:100%; height:300px;}

/***Events***/
.fieldEventDates input{display:inline;}
.fieldEventDates img {/*float:none;*/ vertical-align:middle; margin-right:10px;}
.fieldEventDates .fieldEventDateSeparator{display:inline; /*float:none;*/ margin:0 10px; vertical-align:middle; float:left; clear:none;}

/*** Account/Subscription ***/
.pricingProductWrap{width:100%; margin:20px 0px 10px 0px;}
.pricingProductWrap  h3{float:left; width:64%;}
.pricingProductWrap .borderBox h4{}
.pricingProductWrap .borderBox h5{}
.pricingProductWrap .borderBox p{ margin-bottom:0;}
.pricingProductWrap .borderBox h4.bold{ text-align:right; margin-top:10px;}
.pricingProductWrap .borderBox h4.bold span.small{font-size:12px; line-height:14px; font-weight:normal;}
.pricingProductWrap .borderBox .button{ width:85%; text-align:center; float:right; margin-top:2px;}
.pricingProductWrap .borderBox .col1{float:left; width:15%; margin-right:1%; margin-bottom:0;}
.pricingProductWrap .borderBox .col2{float:left; width:20%; margin-right:2%;}
.pricingProductWrap .borderBox .col3{float:left; width:25%; margin-right:2%;}
.pricingProductWrap .borderBox .col4{float:left; width:15%;}
.pricingProductWrap .borderBox .col5{float:left; width:20%;}
.currentPrice{font:bold 14px/18px 'Droid Sans',sans-serif; text-decoration:line-through;}
.resellerDiscount{display:block; color:#DB333A;color:var(--color2); font:bold 18px/22px 'Droid Sans',sans-serif;}
.subLeftCol {float:left; width:55%;margin:0 5% 0 0;}
.subRightCol {float:left; width:35%;background-color: #e6e6e3;margin: 20px 10px; padding:1%;}
.subRightCol .recurlySubscription{background:none !important; padding:0;}

/*Security*/
.serviceList {width:100%; margin-top:15px;}
.serviceGroupInner .serviceList td{width:25%;}
.serviceGroupInner .slidePanel{padding:2%; border: 1px solid #cccccc; margin:0 0 10px 20px;box-sizing:border-box;}
.serviceGroupInner p{margin-bottom:0;}
.serviceGroupInner .serviceList td label{font-size:13px;}

/* ======================== */
/****Utilities****/
.left { float: left; }
.right { float: right; }
.center { align-content:center; }
.bold { font-weight: bold; }
.hidden { display: none; }
.hrTop { border-top: 1px solid #cccccc; padding-top: 10px; margin-top: 10px; }
.hrBottom { border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; width: 100%; }
.clearBoth { clear: both; }
.fullWidth { width: 100%; }
.halfwidth { width: 50%; }
.width55 {width: 55%; }
.halfWidthGutter{width:48%;}
.halfWidthLargeGutter{width:44%;}
.thirdWidthGutter{width:33%;}
.width90{width:90%;}
.width100 {width: 100% !important;}
.wideCol{width:80%;}
.narrowCol{width:20%;}
.bulletList { display: block; }
.bulletList li { list-style-type: disc; list-style-position: inside; padding-left: 5px; }
.opaqueOverlay { filter: alpha(opacity=40); opacity: 0.4; background-color: #ffffff; }
.feedbackMessage{display:none; background:#e6e6e6 url(../../images/admin/global/feedbackCheckmark.png) no-repeat 1% 50%; padding:7px 1% 7px 5%; margin-bottom:10px;  width:94%; border:1px solid #cccccc;}
.feedbackMessage span{display:block; width:100%;   font:normal 24px/30px arial; color:#DB333A;color:var(--color2);}
.subFeedbackMessage{display:block; color:#DB333A;color:var(--color2); margin-bottom:20px;}
.loadingProgressBackground{width:100%; height:100%; background-color:#F6F6F1;  position:absolute; left:0; top:0; filter: alpha(opacity=80); opacity: 0.8; }
.loadingProgress{padding:40px 50px;text-align:center; border:1px solid #cccccc; background-color:#fff; position:absolute; left:33%; top:35%;}
p.italic{font-style:italic;}
.whiteBorderBox{background-color:#ffffff; border:1px solid #cccccc; padding:15px 3% 20px 3%; width:100%; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .whiteBorderBox.small40 {
        width: 40%;
        margin: auto;
        box-shadow: #999 0px 0px 5px;
        text-align: -webkit-center;
        height:200px;
    }
.whiteBorderBox.shortPage{min-height:500px;}
.whiteBorderBox.noPaddingBottom{padding:15px 3% 0px 3%;}
.whiteBorderBoxSmall{ border:1px solid #cccccc; padding:10px 5px 10px 10px; margin-bottom:10px; position:relative; width:98%;}
.whiteBorderBoxNoMargin {
    background-color: #ffffff;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    padding: 15px 3% 20px 3%;
    width: 100%;
    margin-top: -1px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 121px;
    padding-bottom: 0;
    display: inline-block;
    z-index: 1
}
.highlightBox {
    background-color: yellow;
    width: 102%;
    margin: 20px 0px 20px -2%;
    padding: 10px 1%;
}
.borderBox{width:100%; border:1px solid #cccccc; clear:both;}
.borderBox .boxItem{width:100%; float:left; padding:20px 2%; border-top:1px solid #cccccc;}
.borderBox .boxItem.firstItem{border:none;}
.borderBox .boxItem.recommended{background-color:#E6E6E3;}
.roundedGradBox{float:left; width:82%; border: 1px solid #cccccc; padding: 20px 3%; text-align: center; position:relative; height:145px;
		-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
		background: #f6f6f1;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6f6f1), to(#e6e6e3));
		background: -webkit-linear-gradient(#f6f6f1, #e6e6e3);
		background: -moz-linear-gradient(#f6f6f1, #e6e6e3);
		background: -ms-linear-gradient(#f6f6f1, #e6e6e3);
		background: linear-gradient(#f6f6f1, #e6e6e3);
		-pie-background: linear-gradient(#f6f6f1, #e6e6e3); behavior: url(../app_themes/PIE.htc);
	}
.grayBg{background-color:#e6e6e3; float:left; width:100%; padding:10px 1%; position:relative;}
.grayBgBootStrap {
    background-color: #e6e6e3;
    float: left;
    width: 100%;
    padding-top: 1%;
    position: relative;
}
    .grayBgBootStrap > h4 {
        margin-left: 15px;
    }
    .grayBgBootStrap > h2 {
        margin-left: 15px;
    }
.grayBorder{border:1px solid #cccccc;}
a.redLink{color:#DB333A;color:var(--color2); text-decoration:none;}
a.grayLink{color:#464646; font:normal 16px/16px 'Droid Sans',sans-serif; padding:7px 0 7px 20px; margin:0 10px;}
.backLink{display:block; float:left; margin-top:40px;}
.redText{color:#DB333A;color:var(--color2);}
.top {vertical-align:top;}
.verticalMiddle {
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle
}
.alignCenter{text-align:center;}
.formSectionHeader{background-color:#e6e6e3; padding:5px 1%; width:98%; float:left; clear:both; margin:10px 0px 10px 0px;}
.advancedSearchLink{display:block; width:100%; text-decoration:none; margin-top:10px;}
.advancedSearchLink span{display:inline; width:auto;}
.advancedSearchPanel{display:none;}
.compareLink{float: right; text-align: right; width: 30%; color:#DB333A;color:var(--color2); font:bold 16px/30px arial,sans-serif; text-decoration:none; margin:0;}
.h4Subhead{float:right; font-size:.8em; font-style:italic;}
.width300{width:340px;}
.width650Force {
    width: 650px !important;
}
.width400{width:400px;}
.width440{width:440px;}
.width640{width:640px;}
.height100 {height: 100px;}
.height130 {height:130px;}
.height160 {
    height: 160px;
}
.height200 {height:200px;}
.height210 {height:210px;}
.height250 {
    height: 250px;
}
.scaleImage{max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.scaleExtImage{max-width: 50%; height: auto; width: auto\9; /* ie8 */}
.smallLabel {display:inline !important; font:normal 12px/24px arial !important; float:right;}
.inlineLabel {display:inline-block;}
.maxWidth440{max-width:440px;width:100%}
.clearPanel {clear:both;}
.indent {margin-left:20px !important;}
.slidePanel{display:none;}

/****Margin Presets****/
.margin0 {
    margin: 0px;
} .margin5 { margin: 5px; } .margin10 { margin: 10px; } .margin15 { margin: 15px; } .marginAuto { margin: 0 auto; }
.marginTop0 { margin-top: 0; } .marginTop5 { margin-top: 5px; } .marginTop8 {margin-top: 8px;} .marginTop10 { margin-top: 10px; } .marginTop15 { margin-top: 15px; } .marginTop20 { margin-top: 20px; } .marginTop25 { margin-top: 25px; } .marginTop30 { margin-top: 30px; } .marginTop40 { margin-top: 40px; } .marginTop50Force { margin-top: 50px !important; }
.marginRight0Force { margin-right: 0 !important; }.marginRight0 { margin-right: 0px; } .marginRight5 { margin-right: 5px; } .marginRight10 { margin-right: 10px; } .marginRight15 { margin-right: 15px; } .marginRight20 { margin-right: 20px; } .marginRight25 { margin-right: 25px; }  .marginRight30 { margin-right: 30px; } .marginRight40 { margin-right: 40px; } .marginRight60 { margin-right: 60px; } 
.marginBottom0 { margin-bottom: 0; } .marginBottom5 { margin-bottom: 5px; }  .marginBottom10 { margin-bottom: 10px; } .marginBottom15 { margin-bottom: 15px; } .marginBottom20 { margin-bottom: 20px; } .marginBottom30 { margin-bottom: 30px; } .marginBottom40 { margin-bottom: 40px; } .marginBottom50 { margin-bottom: 50px; } .marginBottom75 { margin-bottom: 75px; } .marginBottom100 { margin-bottom: 100px; } 
.marginLeft0 { margin-left: 0; } .marginLeft5 { margin-left: 5px; } .marginLeft10 { margin-left: 10px; } .marginLeft15 { margin-left: 15px; } .marginLeft20 { margin-left: 20px; } .marginLeft25 { margin-left: 25px; } .marginLeft30 { margin-left: 30px; } .marginLeft40 { margin-left: 40px; } .marginLeft45 { margin-left: 45px; } .marginLeft60 { margin-left: 60px; } .marginLeft75 { margin-left: 75px; } 
.marginLeft0Force { margin-left: 0 !important; }.marginLeft15Force { margin-left: 15px !important; }
/****Padding Presets****/
.padding0 { padding: 0; } .padding5 { padding: 5px; } .padding10 { padding: 10px; } .padding20 { padding: 20px; }
.paddingTop5 { padding-top: 5px; } .paddingTop10 { padding-top: 10px; } .paddingTop15 { padding-top: 15px; } .paddingTop20 { padding-top: 20px; }
.paddingRight0Force { padding-right: 0 !important; }.paddingRight3PercentForce { padding-right: 3% !important; }.paddingRight5 { padding-right: 5px; } .paddingRight10 { padding-right: 10px; } .paddingRight20 { padding-right: 20px; } .paddingRight30 { padding-right: 30px; } .paddingRight40 { padding-right: 40px; }
.paddingBottom0 { padding-bottom: 0; } .paddingBottom5 { padding-bottom: 5px; } .paddingBottom10 { padding-bottom: 10px; } .paddingBottom20 { padding-bottom: 20px; } .paddingBottom30 { padding-bottom: 30px; }  .paddingBottom50 { padding-bottom: 50px; } .paddingBottom100 { padding-bottom: 100px; }
.paddingLeft0Force { padding-left: 0 !important; }.paddingLeft3PercentForce { padding-left: 3% !important; }.paddingLeft10 { padding-left: 10px; } .paddingLeft15 { padding-left: 15px; } .paddingLeft20 { padding-left: 20px; } .paddingLeft30 { padding-left: 30px; }
.paddingLeft30Force {
    padding-left: 30px !important;
}
/* ======================== */

/* AJAX Calendar Control */
/* Not sure if this is still being used */
.calendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#fffff0;
    color:#333;
	z-index: 10;
}
.calendar .ajax__calendar_footer {
    border-top:1px solid #ccc;
	color: #666;
} 
.calendar .ajax__calendar_dayname {
    border-bottom:1px solid #ccc;
	font-weight: bold;
} 
.calendar .ajax__calendar_day {
    border: none;
	border-collapse: collapse;
} 
.calendar .ajax__calendar_month {
    border:1px solid #ccc;
} 
.calendar .ajax__calendar_year {
    border:1px solid #ccc;
}
.calendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #ffdddd;
    border-color: #EE2E24;
    color: #EE2E24;
    border-color: var(--color5);
    color: var(--color5);
    font-weight: bold;
} 
.calendar .ajax__calendar_active .ajax__calendar_month {
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#0066cc;
} 
.calendar .ajax__calendar_active .ajax__calendar_year {
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#0066cc;
} 
.calendar .ajax__calendar_other .ajax__calendar_day {
    background-color:#fffff0; 
    border-color:#fffff0;
    color:#ccc;
} 
.calendar .ajax__calendar_other .ajax__calendar_year {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#646464;
}
.calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #ffeeee;
    border-color: #daf2fc;
    color: #EE2E24;
    color: var(--color5);
} 
.calendar .ajax__calendar_hover .ajax__calendar_month {
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc;
} 
.calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc;
} 
.calendar .ajax__calendar_hover .ajax__calendar_title {
    color:#0066cc;
} 
.calendar .ajax__calendar_hover .ajax__calendar_today {
    color:#0066cc;
}

/*Ajax Uploader*/
.asyncUploader .ajax__fileupload_selectFileButton, .asyncUploader .ajax__fileupload_fileItemInfo .removeButton, .asyncUploader .ajax__fileupload_uploadbutton { background-color: #CCCCCC; color: #555555;}
.asyncUploader .ajax__fileupload_uploadbutton {font-weight:normal;}
/*.asyncUploader .ajax__fileupload_dropzone{display:none;}*/
.asyncUploader {clear:both;}

    .H1Background span {
      background: none transparent;
      padding: 0 20px;
      Text-align : Center; 
    }

    .H1Background+* {
      border-top: solid 2px #adac97;
      padding-top: 28px;
      margin-top: -28px;
    }

/*Cute Editor Overrides*/
.CuteEditorGroupMenu span{clear:none;}

/*widget*/

#bullseye-widget2 #slidebox {
    position: relative !important; bottom:0 !important;
}
#bullseye-widget2 #slidebox p {
    width: auto !important;
}
#bullseye-widget2  #slidebox .close {
    display: none !important;
}
/*#bullseye-widget2 #slidebox {background-color:#ffffff !important;}*/

/* Drag And Drop Classes */
/*.field { padding: 2px; min-height:25px; border: solid 1px #000 }*/
.fieldHeader { width:100%;padding:2px;margin: 0;font-size:100%;font-weight:normal; cursor:move; background:#DB333A; background:var(--color2); color: #FFF; }
.dragHandle { width:10px; height:25px; cursor:move; border:outset thin black; }
.dropCue {margin:1px;border: dashed 2px gray; padding:2px; min-height:25px;}
.leftColumn { float: left; display: inline; min-height: 20px; border: solid 1px #AAA; padding: 5px; }
.rightColumn { float: left; display: inline; min-height: 60px; border: solid 1px #AAA; padding: 5px; }

/*Custom labels*/
.LocationMatchLeft{
    width:400px;
}
.LocationMatchRight{
    width:400px;
}
.PopupMaxHeight{
    max-height: 600px;
    overflow-y: auto;
}

.CommandNoBorderTableHeader{
    border-top: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-right: none !important;
    border-left: none !important;
}
.CommandNoBorderTableHeaderLastRow{
    border-top: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-left: none !important;
}
.ItemTableCommandText{
    width:50px;
    text-align:center;
}
.ItemTableCommandText a, .ItemTableCommandTextLarge a{
    color:#DB333A;color:var(--color2);
    text-decoration:none !important;
}
/*First use in LocationTypes.aspx*/
.ItemTableCommandText .formFieldLabel{
    color:#DB333A;color:var(--color2);
    text-decoration:none !important;
}
.DefaultLabelText{cursor:default; color:#cccccc; text-decoration:none;float:right;}

/*End Location type*/
.rightColumnFormField{
    float: left;
    display: inline;
    min-height: 60px;
    border: solid 1px #CCC;
    padding: 10px;
    width:45%;
    margin-left:20px;
    flex:1 auto;
    border-bottom:0;
}
.leftColumnFormField{
    float: left;
    display: inline;
    min-height: 60px;
    border: solid 1px #CCC;
    padding: 10px;
    width:45%;
    border-bottom:0;
}

.rowFormFields{
    display:flex;
    flex-flow:row wrap;
}
.rowFormButtons{
    /*flex:1 auto;*/
    order:1;
    border:solid 1px #CCC;
    border-top:0px;
    padding:10px;
    width:45%;
}
.rightButtonCol {flex:1 auto;}
.rowFormButtonsInner{
    margin-left:auto;
    margin-right:auto;
    width:200px;
}
#loadingDiv, #loadingDiv2{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  background-color:#FFF;
  background-image:url('/Images/Admin/Global/progressiframe.gif');
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}
#loadingDiv p {text-align:center; z-index:10000000; position:relative; top:35%;}

.divAttributeItem{
    padding: 5px 10px;
}
.divAttributeItem input[type="checkbox"]{
      display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 8px 0 0;
    vertical-align:middle;
    background-color:red;
    cursor:pointer;
}
.rowAssignFormFields input[type="checkbox"], .rowAssignFormFieldsEdit input[type="checkbox"]{
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 8px 0 0;
    vertical-align:middle;
    background-color:red;
    cursor:pointer;
}
.rowAssignFormFieldsEdit input[type="radio"]{
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 5px 0 8px;
    vertical-align:middle;
    background-color:red;
    cursor:pointer;
}
.divAttributeItem label{
    font: 14px/19px arial,sans-serif !important;
}
.rowAssignFormFields, .rowAssignFormFieldsEdit{
    display:inline;
    margin:0px;
    height: 500px;
}
.rowAssignFormFields input, .rowAssignFormFieldsEdit input{
    display:inline;
    margin:0px;
}
.rowAssignFormFieldsEdit label{
    display:inline;
    margin-right:20px;
}
.rowAssignFormFields .typeCol {float:left;width:30%; }

.rightColumnFormField table td{
    vertical-align:middle;
}
.formFieldLabel{
    color:#DB333A;color:var(--color2);
    text-decoration:underline;
    margin:0px 10px 0px 10px;
    display:inline !important;
    float:right;
}
.formRequiredLabel{
    display:inline !important;
    clear:none !important;
}
.setRight{
    float:right;
}
.setLeft{
    float:left;
}
/*.divAttributeItem input[type="checkbox"] {
    display:none;
}
.divAttributeItem input[type="checkbox"] label span {
    display:inline-block;
    width:19px;
    height:19px;
    background:red;
}*/

iframe{
    background-image: url("../../images/admin/global/progressiframe.gif");   
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*Accordion Panels Forms*/
.fmaccordionHeader, .fmaccordionHeaderCurrent{
    width:100%; padding:5px 1%;border:1px solid #cccccc; margin-top:30px; position:relative; cursor:pointer; 
	-pie-background: linear-gradient(#f6f6f1, #e6e6e3); behavior: url(../app_themes/PIE.htc);
	background:#e6e6e3;
	background: -webkit-linear-gradient(#f6f6f1, #e6e6e3);
	background: -moz-linear-gradient(#f6f6f1, #e6e6e3);
	background: -ms-linear-gradient(#f6f6f1, #e6e6e3);
	background: linear-gradient(#f6f6f1, #e6e6e3);
}
.fmaccordionHeader input, .fmaccordionHeaderCurrent input{margin-top:5px;}
.fmaccordionHeader:first-of-type{margin-top:0px;}
.fmaccordionHeader h3, .fmaccordionHeaderCurrent h3{float:right; width:100%; margin-bottom:0; color:inherit;}
.fmaccordionHeader h3{background:url(../../images/admin/icons/accordionPlus.png) no-repeat 100% 50%;}              
.fmaccordionHeaderCurrent h3{background:url(../../images/admin/icons/accordionMinus.png) no-repeat 100% 50%;}
.fmaccordionHeader input{float:left; margin:7px 10px 0px 0px;}

.labelInline {float: left;padding:5px;}
.labelInline label{display:inline;padding:5px;}

.checkList td {width: 35%;}

#loadingDiv{
  position:absolute;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-color:#FFF;
  background-image:url('../../Images/Admin/Global/progressiframe.gif');
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

/*Special Characters*/
.CheckmarkCss{ color: #00D000; font-size: 20px;text-decoration:none;}
.checkboxMargin label{ margin-right: 20px;}
.deleteMark {}

/*Multiselect Syles*/
.ms-options-wrap,
.ms-options-wrap * { box-sizing: border-box;}
.ms-options-wrap { width:30%;display:inline-flex;}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #aaa;
    background-color: #fff;
    padding: 5px 20px 5px 5px;
    margin-top: 1px;
    font-size: 13px;
    color: #aaa;
    outline: none;
    white-space: nowrap;
}

.ms-options-wrap > button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #aaa; padding:0 1%;}

.ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
    padding: 4px 5px;
    border: none;
    border-bottom: 1px groove;
    outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
    text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 4px 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup {
    padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
    border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
    display: block;
    padding: 5px 0 0 0;
    font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
    position: relative;
    display: inline-block;
    /*width: 100%;*/
    padding: 8px 4px;
   margin: 1px 0;
   font-size:12px;
}

.ms-options-wrap > .ms-options > ul li.selected label,
.ms-options-wrap > .ms-options > ul label:hover {
    background-color: #efefef;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin-right: 5px;
    position: absolute;
    left: 0px;
    top: 7px;
}

.accordionWrap input.select2-search__field, .formTableWideLocation input.select2-search__field{width:100% !important;}

.orderListLocationType table td{
    vertical-align:middle;
}

/* Font icons */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?hw5q6t');
  src:  url('fonts/icomoon.eot?hw5q6t#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?hw5q6t') format('truetype'),
    url('fonts/icomoon.woff?hw5q6t') format('woff'),
    url('fonts/icomoon.svg?hw5q6t#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.white{color:white !important}
.icon-pencil:before {content: "\e905";}
.icon-bin, .icon-cross{text-decoration:none;}
.icon-bin:before {content: "\e9ac";margin:0 0 0 10px;}
.icon-cross:before {content: "\ea0f";margin:0 0 0 10px;}
.icon-checkmark:before { content: "\ea10";margin:0 0 0 10px;}
.icon-sphere:before {content: "\e9c9";}
.icon-new-tab:before {content: "\ea7f";}
.icon-share:before {content: "\ea7d";}
.PermissionCheckboxs label {
    /*display:inline-block !important;
    margin-right:15px;
    margin-left:5px;*/
    display: none !important;
    margin-right: 15px;
    margin-left: 5px;
    font-size: smaller;
    color: #999;
}

.PermissionCheckboxs input[type="checkbox"] {
    margin: 5px 27px 5px 27px;
    width: 14px;
    height: 14px;
}

.listTableHeader {
    display: table;
    float: left;
    width: 100%;
    border-collapse: collapse;
    margin-bottom:15px;
}
.listTableHeader table{
    width: 100%;
}
.listTableHeader th {
    height: 18px;
    padding: 10px 5px;
    font: bold 14px/19px arial,sans-serif;
    color: #464646;
    text-decoration: none;
    text-align: left;
    border: 1px solid #cccccc;
    background: #e6e6e3;
    background: -webkit-linear-gradient(#f6f6f1, #e6e6e3);
    background: -moz-linear-gradient(#f6f6f1, #e6e6e3);
    background: -ms-linear-gradient(#f6f6f1, #e6e6e3);
    background: linear-gradient(#f6f6f1, #e6e6e3);
}

.listTableHeaderActions {
   width:57px;
   text-align:center !important;
}
.formTableWideLocation input[type="text"]:disabled, .locAddress .formWpr .formTable input[type="text"]:disabled{border:none;}
.formTableWideLocation select:disabled, .formWpr .formTable select:disabled{border:none; -webkit-appearance: none;-moz-appearance: none;}

.divGroup .locAddress input[type="text"]:disabled {
    background: #dddddd;
    border: 1px solid #bdbebf !important;
}

.divGroup .locAddress select:disabled {
    background: #dddddd;
    border: 1px solid #bdbebf !important;
}
/*Custom Tab for member assigments*/
.MyTabStyle .ajax__tab_header {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    vertical-align: middle;
}
.MyTabStyle .ajax__tab_header a
{   
    font-weight:600;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    border:solid 1px #d7d7d7;
    background:#d7d7d7;
    border-radius: 8px 8px 0px 0px;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #666;
    color: #666;
    padding: 2px 10px 0px 0px;

}
.MyTabStyle .ajax__tab_header .ajax__tab_inner a
{
    margin: 3px 0 3px 0;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background:linear-gradient(#D00A13, #AE0101);
    background:linear-gradient(var(--color4), var(--color3));
    border-radius: 8px 8px 0px 0px;
 }
.MyTabStyle .ajax__tab_hover .ajax__tab_inner a
{
    color: #fff !important;
    margin: 3px 0 3px 0;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #d7d7d7;
    background: linear-gradient(#D00A13, #AE0101);
    background: linear-gradient(var(--color4), var(--color3));
    color: #fff !important;
    border-radius: 8px 8px 0px 0px;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.MyTabStyle .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border-top: solid 1px #ffffff;
    padding-top:10px;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner a
{
    color: #ffffff;
    margin: 3px 0 3px 0;
}
.grayimg{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(125%);
    
}
.noUnderlineLink {
    text-align:center;
    text-decoration: none;
}
.noUnderlineLink img{
    display: block; 
    margin: 10px auto 10px auto; 
    max-width:200px; 
    max-height:200px
}

/*High Charts*/
.highcharts-container rect {stroke: none;}

/*Recurly*/
#recurlyForm {float:left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.recurly-hosted-field, .recurly-hosted-field-number, .recurly-hosted-field-month, .recurly-hosted-field-year {border: 1px solid #bdbebf !important;height:30px;margin: 0px 0px 10px 0px;box-shadow: inset 0 2px 3px rgba(0,0,0,0.10);}
#recurlyForm button {display:block;border:none;cursor:pointer;}
#recurlyForm input{height:30px; width:288px;box-shadow: inset 0 2px 3px rgba(0,0,0,0.10);}
#recurlyForm select{height:35px; width:288px;box-shadow: inset 0 2px 3px rgba(0,0,0,0.10);}
#recurlyForm .field {float:left;clear:both;}
#recurlyForm .field.wide{ width: 180px;float:left;}
#recurlyForm .field.wide input[type=text], #recurlyForm .field.wide select, .recurly-hosted-field-number, .recurly-hosted-field-month{ width: 168px;}
#recurlyForm .field.narrow input[type=text], .recurly-hosted-field-cvv, .recurly-hosted-field-year { width: 88px;}
#recurlyForm .title {
    font-size: 16px;
    height: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #404041;
    text-shadow: 0 1px 0 #fff;
    float: left;
}
#recurlyForm .first_last {float:left;clear:both;}
#recurlyForm .field.name{ width: 140px; clear: none; float:left;}
#recurlyForm .field.name:nth-of-type(2n) {margin-left: 20px;}
#recurlyForm .field.name input {width:100%;}
#recurlyForm .field.name:nth-of-type(2n) input{width:90%;}

.recurlyErrors {font: bold 14px arial; color: red !important; display: block; float: left; width: 100%; clear: both; margin: 10px 0px 10px 0px;}
.recurlySubscription {float:left;width:100%; padding: 0 25px; background: url("recurly_theme/images/dash.png") repeat-x 1px bottom;}
.recurlySubscription .plan {float:left; width:100%; }
.recurlySubscription .plan .name, .recurlySubscription .due_now .title {float:left;width:65%;}
.recurlySubscription .plan .recurring_cost, .recurlySubscription .due_now .cost {float:left;width:35%;}
.recurlySubscription .due_now{
    clear: both;
    color: #2a3a3c;
    height: 55px;
    /*line-height: 50px;*/
    vertical-align: middle;
    width: 100%;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,0.50);
    float:left;
    margin:20px 0 0 0;
    font-weight:bold;
}
.recurlySubscription .due_now {font-size:18px !important;}
.recurlySubscription .total {color:#DB333A;color:var(--color2);}
.recurlySubscription .plan .name span {display:inline;}


#recurlyForm .accepted_cards { display: inline-block; height: 34px; overflow: hidden;float:left;/*margin-left:50px;*/}
#recurlyForm .card { background-position: right top;  background-repeat: no-repeat;  text-indent: -3000px;  width: 32px;  height: 32px;  margin: 0;  padding: 0;  display: inline-block;}
#recurlyForm .card.mastercard { background-image: url("recurly_theme/images/credit_cards/mastercard.png");}
#recurlyForm .card.american_express {background-image: url("recurly_theme/images/credit_cards/american_express.png");}
#recurlyForm .card.visa { background-image: url("recurly_theme/images/credit_cards/visa.png");}
.ui-sortable:hover > li:hover{ border: 0px solid #cccccc  }
.ui-sortable-handler{ background: red;}
.sortable-placeholder{ height:30px; border:2px  dashed #999; }
.ui-sortable-helper { background: rgba(128, 128, 128, 0.42); height:30px !important }
.ui-sortable-helper > div { display: none }
.locationName{font-size:14px !important;line-height:22px !important;font-weight:bold !important;}
.locationAddress {font-size:14px !important;line-height:22px !important;font-weight:normal !important;}
.close-position{position: absolute; top: 10px; right: 20px;}
.diviframeOnly{ height: 100px; background:#FFF; text-align:left}
.borderTable td{
    border: 1px solid #cccccc;
    padding: 5px;
}
.borderTable tr:first-child td{
    border: none;
}
.borderTable tr:last-child td{
    border: none;
}
hr.hrlight{
    border-bottom: 1px solid #fff;
    border-top:1px solid #ccc;
}
.saml_fetch_div input{
    display: inline-block;
}
.saml_fetch_div input[type=text]{
    width:70%
}
.saml_fetch_div input[type=button]{
    background: #CCC;
    padding: 3px 10px;
}
.aspNetDisabled.buttonWhite span{
    color: #999;
}
.google-business-icon{vertical-align: middle;width: 28px;}
.google-business-smallicon{vertical-align: middle; width: 24px; float:left; margin-left:-30px; margin-top: -3px; }
.google-business-list{vertical-align: middle; width: 18px; float:left; margin-left:5px; margin-top: -3px; margin-right: 3px; }
.google-text-red {color:#DB333A;color:var(--color2); text-decoration:none;}
.gmbLabel{display: inline-block; width: 235px;}
.gmbData{display: inline-block; }
.div-height { height: 30px; width:100%; display:inline-block;}
.CheckBoxLabelInline Label{
    display:inline;
    margin-left:5px;
}
.CheckBoxLabelInline{
    margin-left: 25px;
}
.buttonBulkGrey span{border:1px Solid #cccccc;display:block; padding:9px 15px 7px 15px; font: bold 12px/16px arial, sans-serif; text-decoration:none; color: #464646; background:#F1F1EC;}
.buttonBulkGrey {text-decoration:none;}
.buttonBulkDeleteGrey span{border:none;display:block; padding:9px 15px 7px 15px; font: bold 12px/16px arial, sans-serif; text-decoration:none; color: #464646; }
.buttonBulkDeleteGrey {text-decoration:none;}
.buttonDropdown span{border:1px Solid #cccccc;display:block; padding:9px 7px 7px 7px; font: bold 12px/16px arial, sans-serif; text-decoration:none; color: #464646; background:#F1F1EC;}
.mappingAlert{display:none; background:#e6e6e6 url(../../images/admin/global/mappingAlertSetting.png) no-repeat 1% 50%; padding:7px 1% 7px 50px; margin-bottom:10px;  width:94%; border:1px solid #cccccc;}
.mappingAlert span{display:block; width:100%;   font:normal 24px/30px arial; color:#DB333A;color:var(--color2);}
.mappingoptions .calloutPopLinkHover { display: inline-block; }
.fullmappingAlert{
    position: relative;
    /*padding-right: 15px;*/
}
    .fullmappingAlert .CloseButton {
        position: absolute;
        top: 5px;
        right: 10px;
        border: none;
        background-color: transparent;
    }
.reviewAlert {
    position: relative;
    /*padding-right: 15px;*/
}

.reviewAlert #closeButtonReview {
    position: absolute;
    top: 5px;
    right: 10px;
    border: none;
    background-color: transparent;
}

.kb_text{
    font-size:smaller;
    color:#DB333A;color:var(--color2);
    text-decoration: none;
    float:right;
    line-height: 14px;
    margin-left: 10px;
    font-weight: 600;
}
.mappingAlertTrial {
    background-image: url(/Images/Admin/Global/mappingAlertSetting.png);
    background-repeat: no-repeat;
    background-color: #e6e6e6;
    background-position-x: 10px;
    background-position-y: 20px;
    padding: 7px 1% 25px 50px;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #cccccc;
    display: block;
    /*height: 70px*/
}
.mappingAlertTrial a.redlink{color:#DB333A;color:var(--color2); text-decoration:none;}
.mappingAlertTrial p{color:#DB333A;color:var(--color2); text-decoration:none;margin-top:4px;font-size: 14px;font-weight:600;}

.reviewAlertTrial {
    background-color: #e6e6e6;
    background-position-x: 10px;
    background-position-y: 20px;
    padding: 7px 1% 5px 50px;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #cccccc;
    display: block;
    /*height: 70px*/
}
.reviewAlertTrial a.redlink{color:#DB333A;color:var(--color2); text-decoration:none;}

.alertMultipleLocationsStoreHours {
    background-image: url(/Images/Admin/Global/multipleLocatiosStoreHourAlert.png);
    background-repeat: no-repeat;
    background-color: #e6e6e6;
    background-position-x: 10px;
    background-position-y: 10px;
    padding: 15px 1% 25px 50px;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #cccccc;
    display: block;
    font-weight: bold;
    font-size: 15px;
    /* height: 70px;*/
}

    .alertMultipleLocationsStoreHours a.redlink {
        color: var(--color1);
        text-decoration: underline;
        font-weight: bold;
        font-size: 15px;
    }

    .alertMultipleLocationsStoreHours p {
        color: #DB333A;
        color: var(--color2);
        text-decoration: none;
        margin-top: 4px;
        font-size: 14px;
        font-weight: 600;
    }
    .titleTipMultipleLocationsStoreHours {
        color: var(--color1);
        font-weight: bold;
        font-size: 16px;
        margin-top: 4px;
    }

.storeHoursAlert {
    position: relative;
    /*padding-right: 15px;*/
}

    .storeHoursAlert #closeButtonMultipleLocationsStoreHours {
        position: absolute;
        top: 5px;
        right: 10px;
        border: none;
        background-color: transparent;
    }

    .buttonDropdown {
        text-decoration: none;
    }
.filterExpression {
    font: 11px arial;
    color: #DB333A !important;
    color: var(--color2) !important;
    display: block;
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0px 10px 0px;
}
.saveTemplate{float:left;padding-top:5px;}
.saveTemplate a.dxbButton_BullsEye{
    margin-right:4px;
    border-right: 1px solid;
    padding-right: 8px;
    color:#DB333A;color:var(--color2);
    text-decoration:none;
    font-size: 13px;
}
.saveTemplate a.dxbButton_BullsEye:visited{color:#DB333A;color:var(--color2);text-decoration:none;font:normal 13px/13px arial;}
.saveTemplate a.dxbButton_BullsEye.last{border-right:none;}
.reportCalendarPopForm .dxeButtonEdit_BullsEye .dxeEditArea_BullsEye
{
    font-size: 14px;
    font-weight: normal;
}
h3.InlineList{margin-bottom:0px; text-transform:capitalize;width:auto; }
.InlineContainer{display:block;width:100%;float:left;}
#columnsChooser {float:left;margin-top:15px;
}
.tableScrolling{overflow-x:auto;display:block;}
.img-middle {vertical-align: middle;}
.dxgvTable_BullsEye .dxgvHEC {border-left: 1px Solid #d1d1d1;}
.complexAttributeBlock {
    padding: 20px;
    padding-top: 60px;
    border: 1px solid #cccccc;
    position: relative;
    margin-bottom: 20px;
    float:right;
    width: 97%
}
.complexAttributeBlock label {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    float:left;
}
.ButtonWrapperWhite{
    background: url(../../images/admin/global/buttonGrayLeft.png) no-repeat 0 0;
    padding: 0px 7px 0px 10px;
    float: right;
}
.ButtonWrapperSave, .ButtonWrapperSaveSpan {
    padding: 0px 15px 0px 25px; 
    background: url(../../images/admin/global/buttonSaveLeft.png) no-repeat 0 0;
    float: right;
}
.ButtonWrapperWhite input, .ButtonWrapperSave input, .ButtonWrapperSaveSpan span {
    border: none;
    cursor: pointer;
    margin: 0;
    height: auto !important;
    text-transform: uppercase;
    font: bold 14px/18px arial, sans-serif;
    padding: 7px 15px 7px 2px;
}
.ButtonWrapperWhite input{
    color:#464646;
    background: url(../../images/admin/global/buttonGrayRight.png) no-repeat 100% 0;

}
.ButtonWrapperSave input, .ButtonWrapperSaveSpan span {
    color: #FFF;
    background: url(../../images/admin/global/buttonRedRight.png) no-repeat 100% 0;
}



.DXnofillTab .dxtc-tabHover .dxtc-link {
    background: #FFFFFF !important;
}
.dxtcLite_BullsEye > .dxtc-stripContainer .dxtc-tab, 
.dxtcLite_BullsEye > .dxtc-stripContainer .dxtc-activeTab, 
.dxtcLite_BullsEye > .dxtc-stripContainer .dxtc-rightIndent,
.dxtcLite_BullsEye > .dxtc-stripContainer .dxtc-spacer,
.dxtcLite_BullsEye > .dxtc-stripContainer .dxtc-leftIndent {
    border-bottom: none !important;
}
.imageUploaderView input{
    display: inline-block;
    margin: 0px 0px 10px 0px;
}
.display-inline input{display: inline-block;margin-right:0px}
.trashCanSlider { position: absolute; bottom: 0px; z-index: 2; right: 5px; background-color: rgba(255, 255, 255, .7); }
.dxisControl .dxis-nbSelectedItem,
.dxisControl .dxis-nbSelectedItem > div,
.dxisControl .dxis-nbItem .dxis-nbHoverItem
{
    display: none !important; /* Hide Selection Frame */
}
.sliderThumbnailHover:hover
{
    border: 1px solid #dddddd;
    background-color: #f8f8f8;
    padding: 2px;
}
.multiUploaderButtons {
    width: 100%; 
    display: inline-block; 
    position: absolute; 
    right: 0px; 
    bottom: 15px;
}
.ThumbnailTemplateImageLg {
    height: 120px; 
    max-width: 180px; 
    object-fit: cover;
}
.ThumbnailTemplateImageSm {
    height: 80px; 
    max-width: 120px; 
    object-fit: cover;
}

.ImageUploadURL {
    width:70%;
    display:inline-block;
}
.ImageUploadBtn {
    width:30%;
    display:inline-block;
}
.imageUploader input{display:inline;}
.accordionWrap .dxpcLite_BullsEye {position:fixed !important; top:20% !important; left:30% !important;}

.labelInlineCheck{
    margin-bottom: 20px;
    display: inline-block;
}
.labelInlineCheck label {
    display: inline;
    font-weight: 600;
}
.labelInlineCheck input[type="checkbox"] {
    display: inline;
    vertical-align: middle;
    margin: 0 10px;
}
.orderWrap, .panelAtt, #panelAttInsert, #panelAtt {
    display: flex;
    flex-direction: column
}
span.errorMessage2 {display: inline !important; clear: none !important; float:none}
span.formTemplateFieldLabel{
    width: 60px;
    display: inline-block;
    margin: 5px 0px
}
span.formFieldLabelSpan {
    display: inline-flex;
    width: 100%;
    margin: 5px 0px;
}
input.formFieldLabelTexbox {
    border: solid;
    width: 100%;
    margin: 0px 5px 0px 10px !important;
    border-width: 2px;
}
.italic {
    font-style: italic;
}
.customEditorList ul {
    list-style-type: disc;
    list-style-position: inside;
}
.CustomHtmlBlock{
    margin: 5px 0 15px 0;
    width: 100%;
    display: inline-block;
}
.LocationNameH2 {
    width: auto;
    max-width: 640px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.WelcomePageLayout h2 {
    color: var(--color1);
    text-align: center;
    margin-top: 30px
}
.WelcomePageLayout div.bodyWelcome {
    padding: 15px 30px;
    width: auto;
    display: inline-block
}
#map_canvas { margin-bottom: 15px }
.locAddressExtraMarginLeft input, .locAddressExtraMarginLeft select { margin-left: 5px }
.locAddressExtraMarginLeft2 input, .locAddressExtraMarginLeft2 select {
    margin-left: 3px
}
#AttrDivContainer {margin-bottom: 10px}
a.NoHover:hover {
    background: #e6e6e3 !important;
    color: #464646 !important;
    border: 1px solid #c4c4c4 !important;
    cursor: default;
    border-bottom: none !important
}
.MyTabStyleUpload .ajax__tab_header span {
    display: inline-block;
}

.MyTabStyleUpload .ajax__tab_header {
    display: block;
    vertical-align: middle;
    margin: 35px 15px 0px 0px !important;
}

.MyTabStyleUpload .ajax__tab_header a {
    font-weight: 600;
}

.MyTabStyleUpload .ajax__tab_header .ajax__tab_outer {
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
}

.MyTabStyleUpload .ajax__tab_header .ajax__tab_inner {
    color: #666;
    padding: 2px 10px 0px 0px;
}

.MyTabStyleUpload .ajax__tab_header .ajax__tab_inner a {
    margin: 3px 0 3px 0;
    color: rgb(189, 183, 183);
}

.MyTabStyleUpload .ajax__tab_hover .ajax__tab_inner a {
    color: #C91016 !important;
    margin: 3px 0 3px 0;
}

.MyTabStyleUpload .ajax__tab_active .ajax__tab_outer {
    color: #C91016;
    font-weight: bold;
}

.MyTabStyleUpload .ajax__tab_active .ajax__tab_inner {
    color: #000;
}

.MyTabStyleUpload .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: white;
    border-top-width: 0;
    padding-top: 10px;
}

.MyTabStyleUpload .ajax__tab_active .ajax__tab_inner a {
    color: #C91016;
    margin: 3px 0 3px 0;
}
.ViewUpdateLinkButton {
    color: var(--color1);
    font-weight: 600 !important;
    text-decoration: none;
}
.whiteBorderBox.formWpr2.login {
    box-shadow: #999 0px 0px 5px;
    padding: 12px 15% 50px 15%;
    margin: 0 auto;
    position: relative;
}
.whiteBorderBox.formWpr2.login ul { list-style-type: disc }
.TreeNodeTable { width: 100% }
.TreeNodeTable td{
    width: auto
}
.TreeNodeTable a, .TreeNodeTable span {
    display: inline
}
.TreeNodeTable span {
    padding-left: 7px
}
.subAddressCheckbox {
    padding-left: 15px;
    margin-top: 5px
}
.subAddressCheckbox label{
    font-weight: 400;
}
.infoRow { float: left; width: 100% }
.infoFieldLabel { font-weight: bold; vertical-align: top }
.infoFieldInput { min-height: 30px }
.infoFieldInput input[type="text"], .infoFieldInput textarea { width: 100% }
.infoRow .formTable input[type="text"] { width: 95% }
.infoRow .formTable td.fieldLabel { width: 25.6% }
.infoRow .formTable { width: 100% }
.infoFieldInput select { min-width: 260px }
.ShortAddressOptionRow {
    display: inline-block;
    width: 100%
}
.ShortAddressOptionRow span, .ShortAddressOptionRow label {
    display: inline-block
}
    .ShortAddressOptionRow label { width: 150px }
    .ShortAddressOptionRow span.aspNetDisabled { width: 193px }
#cphMain_cphSubMain_rlSearchTypes td {
    width: 27%;
}
.fieldRow {
    display: table;
    margin: 3px 0;
}
.fieldRow .fieldLabel1 {
    display: table-cell;
    font-weight: 600;
    width: 80px;
    vertical-align: top
}
.fieldRow .fieldControl {
    display: table-cell
}
.fieldRow:last-child {
    margin-bottom: 20px
}

.SearchTypeReport {
    width: auto !important;
    display: flex !important;
    float: left !important;
    margin: 0px 10px 10px 0px !important;
    clear: none !important;
}

.RightColSearchButton {
    float: right;
    width: 11%;
}

.CountriesSearchTypeGridView_img_Size {
    width: 18px;
}
.CountriesSearchTypeGridView_Asterisk_img_Size {
    width: 10px;
}

#stylesTable input[type=color] {
    height: 29px;
    width: 50px;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 576px) {
    #header {
        padding-bottom: 16px !important;
    }

    .logo {
        width: 40%;
    }

    .logoImg {
        max-height: 40px;
    }

    .clientNav {
        font: normal 12px/12px arial;
        width: 60%;
    }

    .leftNav li a.level1.currentFolder span {
        display: none
    }

    .welcomeMessage {
        margin-top: 10px;
    }

    /*Dashboard*/
    h3 {
        font: normal 20px/30px 'Droid Sans',sans-serif;
    }

    h2 {
        font: normal 24px/34px 'Droid Sans',sans-serif;
    }

    h4, h4 a {
        font: normal 16px/24px 'Droid Sans',sans-serif;
    }

    .dashboard .rightCol {
        width: 100%;
        margin: 0;
    }

    .dashboard .leftCol {
        width: 100%;
    }

    .highcharts-title {
        font-size: 18px !important;
        font-weight: bold !important;
    }
    /*End Dashboard*/
    /*Lead List*/
    #cphMain_cphSubMain_NumRows > p {
        font-size: 12px;
    }
    /*End Lead List*/

    /*Lead Details*/
    input[type=text], select {
        border: 1px solid #bdbebf;
        background-color: #ffffff;
        font: normal 12px arial;
        color: #000000;
        padding: 2px;
        margin: 0px 0px 10px 0px;
        height: 32px;
    }

    .infoFieldInput select {
        min-width: 100%;
    }

    input[type=checkbox], input[type=radio] {
        border: none;
        padding: 0px;
        transform: scale(1.3);
    }
    /*End Lead Details*/
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 577px) and (max-width: 767px) {
    #header {
        padding-bottom: 16px !important;
    }

    .logo {
        width: 35%;
    }

    .logoImg {
        max-height: 45px;
    }

    .clientNav {
        font: normal 11px/12px arial;
        width: 65%;
    }

    .leftNav li a.level1.currentFolder span {
        display: none
    }

    /*Dashboard*/
    h3 {
        font: normal 22px/30px 'Droid Sans',sans-serif;
    }

    h2 {
        font: normal 26px/34px 'Droid Sans',sans-serif;
    }

    h4, h4 a {
        font: normal 18px/24px 'Droid Sans',sans-serif;
    }

    .dashboard .rightCol {
        width: 100%;
        margin: 0;
    }

    .dashboard .leftCol {
        width: 100%;
    }

    .highcharts-title {
        font-size: 16px !important;
        font-weight: bold !important;
    }
    /*End Dashboard*/

    /*Lead Details*/
    input[type=text], select {
        border: 1px solid #bdbebf;
        background-color: #ffffff;
        font: normal 12px arial;
        color: #000000;
        padding: 2px;
        margin: 0px 0px 10px 0px;
        height: 28px;
    }

    input[type=checkbox], input[type=radio] {
        border: none;
        padding: 0px;
        transform: scale(1.2);
    }
    /*End Lead Details*/
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .clientNav {
        font: normal 12px/12px arial;
        width: 65%;
    }

    .logo {
        width: 35%;
    }

    .logoImg {
        max-height: 55px;
    }

    .leftNav li a.level1.currentFolder span {
        display: none;
    }
    /*Dashboard*/
    h3 {
        font: normal 24px/30px 'Droid Sans',sans-serif;
    }

    h2 {
        font: normal 28px/34px 'Droid Sans',sans-serif;
    }

    h4, h4 a {
        font: normal 20px/24px 'Droid Sans',sans-serif;
    }

    .highcharts-title {
        font-size: 14px !important;
        font-weight: bold !important;
    }

    .dashboard .rightCol {
        width: 100%;
        margin: 0;
    }

    .dashboard .leftCol {
        width: 100%;
    }
    /*End Dashboard*/
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    /*Dashboard*/
    .dashboard .rightCol {
        width: 100%;
        margin: 0;
    }

    .dashboard .leftCol {
        width: 100%;
    }
    /*End Dashboard*/
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    /*Dashboard*/
    /*.dashboard .rightCol {
        width: 100%;
        margin: 0;
    }

    .dashboard .leftCol {
        width: 100%;
    }*/
    /*End Dashboard*/

    /*Add lead*/
    .infoRow .formTable input[type="text"] {
        width: 100%;
    }

    /*.formWpr input, .formWpr select, .formWpr textarea, .formWpr {
        margin: 0px 10px 10px 0px;
    }*/
    .couponWpr input {
        margin-right: 0px;
    }
    /*End Add lead*/

    
}

.OAuthUserDetailsTable {
    width: 100%;
    float: left;
    clear: both;
}

.OAuthUserDetailsTable span[class="check"] {
    display: -webkit-inline-box;
}

.OAuthUserDetailsTable span[class="errorMessage"]
{
font: bold 12px arial;
color: red !important;
display: block;
float: left;
width: 100%;
clear: both;
margin: -5px 0px 0px 0px;
}

.verificationCompleteMessage {
    font: bold 12px arial;
    color: forestgreen !important;
    display: block;
    float: left;
    width: 100%;
    clear: both;
    margin: -5px 0px 10px 0px;
}

/*Start FB Button*/
.css-fbBase {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3b5999;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(#000,0.12),0 1px 1px rgba(#000,0.24);
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    font-size: 13px;
    padding: 9px;
    position: relative;
    -webkit-text-fill-color: #ffffff;
    clear: unset !important;
    /*width: 300px;*/
}

.css-fbicon {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.css-fbBase:hover, .css-fbBase:focus {
    background: #f7f7f7;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #3b5999;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

.css-fbicon path {
    fill: #FFFFFF;
}

.css-fbText {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: -2rem;
    text-align: center;
}

    .css-fbText a:hover, a:visited, a:link, a:active {
        text-decoration: none;
    }

/*End FB Button*/
    /*fix - BUL-4596 Date picker calendar days are overlapping on add promotion and events page*/
    /*Start*/
    .ajax__calendar_container {
    width: 185px !important;
}

.ajax__calendar_container TD {
    padding-left: 6px !important;
}

.ajax__calendar_footer {
     height: 20px !important; 
}
/*End*/
/*Start Google Button*/
.css-googleBase {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    font-size: 13px;
    position: relative;
    background-color: transparent;
    color: #3c4043;
    border-radius: 3px;
    padding: 10px;
    transition: all 100ms ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-image: initial;
}

    .css-googleBase::before {
        background-color: rgb(255, 255, 255);
        bottom: 2px;
        content: "";
        left: 2px;
        position: absolute;
        top: 2px;
        width: 36px;
        border-radius: 1px;
    }

.css-googleIcon {
    height: 20px;
    width: 20px;
    z-index: 1;
}

.css-googleText {
    text-align: center;
    flex: 1 1 0%;
    font-weight: bold;
}
/*End Google Button*/
/*Hamburguer Menu*/
.hamburger-container {
    background-color: #D60C16;
    background-color: var(--color1);
    border-radius: 50%;
    width: 33px;
    padding: 0.60em 0.60em 0.30em 0.50em;
    margin-bottom: 10px;
}

.hamburger {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 16px;
    /* margin-right: 0.3em; */
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
    .hamburger:before {
        content: "";
        position: absolute;
        top: 0.25em;
        left: 0px;
        width: 100%;
        border-top: 3px solid #fff;
    }
.BandedTableHeader {
    margin: 0;
    padding: 0 !important;
    
}
.topRow {
    
    padding: 10px 10px 5px 10px;
    text-align: center;
    border-bottom: 1px solid #cccccc
}
.topRowNoBorder {
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid transparent
}
.bandedRow {
    display: flex;
    
    text-align: center;
}
    .bandedRow > div {
        padding: 5px 5px 5px 5px;
        flex: 1;
        border-right: 1px solid #cccccc
    }

    .bandedRow > div:last-child {
        border-right: 0;
        flex:0.40
    }

.bandedRowItem {
    display: flex;
}

    .bandedRowItem > div {
        padding: 0px 5px;
        flex: 1;
    }

    .bandedRowItem > div:last-child {
        flex: 0.4;
    }

    .bandedRowItem input[type=text], .bandedRowItem select {
        width: 90px;
        margin-bottom: 0 !important
    }

.rowChanged {
    background-color: #d9f3d9
}
.actionsHeaderRow {
    background-color: #B5B5B5;
    padding: 5px;
    height: 30px
}
.largeListTable th a.filterApply, .largeListTable th a.filterApplyAll {
    font-size: 12px;
    font-weight: bold;
    color: #DB333A;
    color: var(--color2);
    text-decoration: none;
    margin: 0;
    padding: 0;
    width: auto
}
.rowSelected td {
    background-color: #E8E8E8;
}

.input-disabled {
    background-color: #eee;
    color: #aaa;
}
.rowError {
    background-color: #fbbdbd;
    border: 1px solid red;
    
}

.rowError+span:after {
    content: "*";
    font-weight: 800;
    font-size: 16px;
    color: red;
    vertical-align: middle
}
.hide-message { display: none !important}
.show-message {
    display: block
}
.daysCheckboxes {
    display: flex;
    float: left;
    /*margin-bottom: 12px*/
}
/*.daysCheckboxes label {
    margin-right: 20px;
    height: 28px
}*/
.daysCheckboxes input {
    margin-right: 5px
}

.button-loading {
    background-image: url(../../images/admin/global/button-loader.gif);
    background-size: contain;
    opacity: 0.6;
    cursor: default;
    background-position-x: unset;
    background-position-y: unset;
    padding-left: 30px
}
.outsidePager a {
    display: block;
    font: bold 16px/16px arial;
    float: right;
    text-decoration: none;
    border: 1px solid #cccccc;
    padding: 2px;
    margin: 0px 0px 0px 5px;
    cursor: pointer;
}
.outsidePager a:hover {
    background-color: #f6f6f1;
}
.outsidePager a.pagerButtonDisabled {
    cursor: default;
    color: #cccccc;
    text-decoration: none;
}
.outsidePager span {
    display: block;
    float: right;
    width: auto;
    margin-top: 1px;
    cursor: default;
}
.outsidePager {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.updateAllClass{
    
    font-size: 11px;
    color: #FFF;
    
}
.InlineCheckbox label { display: inline-block; margin-left: 5px; margin-right: 20px }
.InlineCheckbox { margin: 10px 0; display: inline-block }

.ui-state-default, .ui-widget-content .ui-state-default { text-align: center }
.ui-datepicker-calendar a { font-size: 12px; padding: 0.5em; margin: 0 }
.largeListTable1 tr[disabled] td {
    filter: blur(1px);
    pointer-events: none;
}
.largeListTable td, 
.largeListTable th { position: relative }

.largeListTable tr[disabled] td.StartDateHeaderClass::after,
.largeListTable tr[disabled] td.EndDateHeaderClass::after,
.largeListTable tr[disabled] td.SundayClass::after,
.largeListTable tr[disabled] td.MondayClass::after,
.largeListTable tr[disabled] td.TuesdayClass::after,
.largeListTable tr[disabled] td.WednesdayClass::after,
.largeListTable tr[disabled] td.ThursdayClass::after,
.largeListTable tr[disabled] td.FridayClass::after,
.largeListTable tr[disabled] td.SaturdayClass::after,
.largeListTable tr[disabled] td.HolidayId_0::after,
.largeListTable tr[disabled] th.HolidayId_0::after,
.bandedRowItem[disabled]::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.65);
}
.bandedRowItem[disabled]::after {
    left: 20%; /* block all elements but no the enabled button*/
}
.largeListTable tr[disabled] th.HolidayId_0::after {
    top: 35px
}

.AddTemplateClass label {
    display: inline-block;
    margin-right: 5px
}
.AddTemplateClass input { width: 65% }

.DayCheckbox-container {
    display: block;
    position: relative;
    /*padding-left: 35px;*/
    /*margin-bottom: 12px;*/
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.DayCheckbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    /*position: absolute;
    top: 0;
    left: 0;*/
    /*width: 25px;*/
    background-color: #fff;
    padding: 5px 10px;
    border: 2px solid #ccc;
    color: #ccc
}

/* On mouse-over, add a grey background color */
.DayCheckbox-container:hover input ~ .checkmark {
    background-color: #fafafa;
}

/* When the checkbox is checked, add a blue background */


.DayCheckbox-container input:checked ~ .checkmark {
    border: 2px solid var(--color1);
    color: #D60C16;
    color: var(--color1);
}

.DayCheckbox-container input:checked ~ .checkmarkBlack {
    border: 2px solid #464646;
    color: #464646;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.DayCheckbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
/*.DayCheckbox-container .checkmark:after {
    left: 0px;
    top: 0px;
    width: 5px;
    height: 10px;
    color: #D60C16;
    color: var(--color1);
    margin: 5px 10px;
}*/
.popupShadow {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(191,191,191,1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(191,191,191,1);
    box-shadow: 3px 3px 3px 0px rgba(191,191,191,1);
}
.tooltipTemplate {
    font: normal 14px/19px arial,sans-serif !important;
    width: 100%
}
.tooltipTemplate > div{ display: flex }
    .tooltipTemplate > div > span { flex: 1; margin-right: 20px }
.calloutPopLinkHover1 {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}
.permanentDiv {
    text-align: center;
    margin: 10px 0 5px 0;
}
.permanentDiv label {
    display: inline-block;
    margin-left: 5px
}
/*Hamburguer Menu*/

.fieldLabel, .fieldHint {
    text-transform: none !important;
}

/*Setting Menu*/
.interfaceMenu, .settingMenu {
    display: block;
    float: left;
    width: 100%;
    padding: 5px 4% 10px 4%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 5px;
    -webkit-box-shadow: #666 2px 2px 5px;
    -moz-box-shadow: #666 2px 2px 5px;
    box-shadow: #464646 2px 2px 5px;
    background: #ffffff;
    behavior: url(../app_themes/PIE.htc);
}

.calloutInterfacePopLinkClickFade a {
    text-decoration:none;
}

div.interfaceMenu > a span {
    line-height: 25px;
}

.select-box {
    position: relative;
    width: 325px;
    display: inline-block;
}

#selector {
    color: #000;
    text-align:left;
}

#selector {
    display: block;
    width: 100%;
    height: 24px;
    border: 1px solid #999;
    background-color: white;
    text-decoration: none;
    vertical-align:middle;
    line-height:2;
}

    #selector:before {
        content: '';
        margin-left: 5px
    }

/*    #selector:focus {
        outline: 1px dotted #212121;
        outline: 5px auto -webkit-focus-ring-color;
    }*/

.changeAccountMenu:hover {
    background-color: #eeeeee;
}
.changeAccountMenu a {
    font: normal 14px/19px arial,sans-serif;
    color: #464646;
    cursor: pointer;
    margin:0;
}
.invitationLink {
    font-size: 12px;
    color: #464646;
}

.ChangeAccountMenuTittle {
    vertical-align: middle;
    text-align: left;
    align-self: center;
}
.sel-option {
    position: absolute;
    top: 23px;
    background: #fff;
    width: 100%;
    display: none;
    z-index: 100;
    padding: 5px 0;
    border: 1px solid #999;
    max-height: 35vh;
    overflow-y: auto;
}
.redlinks a {
    font: normal 12px/12px arial;
    color: #DB333A;
}
    /*.sel-option li {
        width: 100%;
        display: inline-block;
    }*/
/*    .sel-option a {
        font: normal 14px/19px arial,sans-serif;
        color: #464646;
        cursor: pointer;
        margin:0;
    }*/

     /*   .sel-option li label {
            font-weight: 400;
        }



        .sel-option li:hover {
            background-color: #eeeeee;
        }

            .sel-option li:hover label {
                color: #FFF
            }

        .sel-option li input {
            width: 30px;
            margin: 10px 5px
        }

            .sel-option li input:checked + label {
                font-weight: 600
            }*/

#dropdownspan {
    /* content: '<>'; */
    font: 17px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 5px;
  /*  border-bottom: 1px solid #999;*/
    position: absolute;
    pointer-events: none;
    display: inline-block;
}

.iconDetailsTest {
    margin-left: 2%;
    float: left;
    height: 40px;
    width: 40px;
}

.container2Test {
    width: 100%;
    height: auto;
    padding: 1%;
    float: left;
}


.leftTest {
    width: 90%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.rightTest {

    width: 70%;

}


.hsds-beacon .Beacon iframe {
    border: none;
    height: 100%;
    width: 100%;
    background-image: none;
}

/*Manage Hours*/

.TimeZoneItemClass:hover {
    background-image: url(../../images/admin/icons/edit-16.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
}

.TimeZoneNameClass {
    padding-right: 8px;
}

.TimeZoneHeaderClass {
    min-width: 245px;
    max-width: 300px;
}

.LocationNameHeaderClass {
    min-width: 255px;
    max-width: 350px;
}

.ThirdpartyIdClass {
    min-width: 110px;
    max-width: 150px;
}

.IdClass {
    min-width: 75px;
    max-width: 100px;
}

.StateNameHeaderClass {
    min-width: 50px;
    max-width: 75px;
}

.SundayClass, .MondayClass, .TuesdayClass, .WednesdayClass, .ThursdayClass, .FridayClass, .SaturdayClass {
    min-width: 355px;
    max-width: 370px;
}
.forceDisplayContents {
    display:contents !important
}

.overlay {
    background-color: #eeeeee;
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0.50;
    -moz-opacity: 50%;
    -webkit-opacity: 50%;
}

.categoryGroupsErrorMSG {
    font-size: 11px;
    font-style: italic;
}

    .categoryGroupsErrorMSG a {
        color: red;
        cursor: pointer;
        font-size: 11px;
        font-style: italic;
        font-weight: bold;
    }


.interfaceUnsavedFeedback {
    display: none;
    background: #e6e6e6 url(../../images/admin/global/mappingAlertSetting.png) no-repeat 1% 50%;
    padding: 7px 1% 7px 5%;
    margin-bottom: 10px;
    width: 94%;
    border: 1px solid #cccccc;
}
    .interfaceUnsavedFeedback span.interfaceMessage {
        font: bold 16px Arial, sans-serif;
        line-height: 20px;
        color: #464646;
        display: block;
        width: 100%
    }

    .interfaceUnsavedFeedback div span.close {
        font-weight: bold;
        font-size: 16px;
        display:none;
    }

    .interfaceUnsavedFeedback span a.redlink {
        color: #E31B23;
        text-decoration: underline;
        font-weight: bold;
        font-size: 16px;
    }

span.link {
    cursor: pointer;
    text-decoration: underline;
}
span.link:hover {
    text-decoration: none;
}
    

.popupSearchInner.defaultInterface {
    float: left;
}

@media (max-height: 850px) {
    /* Rules to css to each element when the height to be less to screen size spicific  */
    .popupSearchInner.defaultInterface {
        width: 100%;
        overflow: scroll !important;
        height: 700px !important;
    }
}

@media (max-height: 720px) {
    /* Rules to css to each element when the height to be less to screen size spicific  */
    .popupSearchInner.defaultInterface {
        width: 100%;
        overflow: scroll !important;
        height: 500px !important;
    }
}

@media (max-height: 525px) {
    /* Rules to css to each element when the height to be less to screen size spicific  */
    .popupSearchInner.defaultInterface {
        width: 100%;
        overflow: scroll !important;
        height: 300px !important;
    }
}

@media (max-height: 320px) {
    /* Rules to css to each element when the height to be less to screen size spicific  */
    .popupSearchInner.defaultInterface {
        width: 100%;
        overflow: scroll !important;
        height: 300px !important;
    }
}

@media (max-height: 220px) {
    /* Rules to css to each element when the height to be less to screen size spicific  */
    .popupSearchInner.defaultInterface {
        width: 100%;
        overflow: scroll !important;
        height: 120px !important;
    }
}


@media (max-width: 1485px) {

    /* Rules to css to each element when the height to be less to screen size spicific  */
    .popupSearchInner.defaultInterface {
        width: 100%;
        overflow: scroll !important;
    }
}

@media (max-width: 1485px) {
    @media(max-height:1000px) {
        .popupSearchInner.defaultInterface {
            width: 100%;
            overflow: scroll !important;
            height: 700px !important;
        }
    }

    @media(max-height:716px) {
        .popupSearchInner.defaultInterface {
            width: 100%;
            overflow: scroll !important;
            height: 500px !important;
        }
    }

    @media(max-height:500px) {
        .popupSearchInner.defaultInterface {
            width: 100%;
            overflow: scroll !important;
            height: 500px !important;
        }
    }

    @media(max-height:350px) {
        .popupSearchInner.defaultInterface {
            width: 100%;
            overflow: scroll !important;
            height: 250px !important;
        }
    }
}

.uiSettingsTemplateMapWrap.defaultInterface {
    height: 95%;
    border: 1px solid #cccccc;
    padding: 10px 2%;
    position: relative;
    box-sizing: border-box; /*margin-bottom:25px;*/
}

.defaultInterface.type {
    height: 100%;
    border: 1px solid #cccccc;
    padding: 10px 2%;
    position: relative;
    box-sizing: border-box; /*margin-bottom:25px;*/
}

.defaultInterface img {
    display: block;
    float: left;
    margin-top: 70px
}

.interfaceTemplates.headDefaultInterface > div:first-of-type > div.uiSettingsTemplateMapWrap.defaultInterface {
    border: 1px solid var(--color2) !important;
}

.interfaceTemplates.headDefaultInterface > div:first-of-type > span {
    display: block;
    text-align: center;
    margin: auto;
    visibility: visible;
}

.interfaceTemplates.headDefaultInterface > div.disabled {
    opacity: 0.5;
}

.noLeftPadding {
    padding-left: 0px !important
}

.icon-color {
    margin-left: 5px;
}

.icon-clicked:active {
    transform: scale(0.91);
    transition: transform 0.2s ease-in-out;
}