@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');


* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

* {
    --Refund-Color: #c0392b;
}

.theme-dark {
    --Admin-Page-Title-Border: #000000;
    --Page-Background: #25252B;
    --Boxes-Background: #313139;
    --Content-Background: #37373F;
    --Calendar-Buttons-Color: #78829D;
    --Calendar-Buttons-BGColor: #2c3e50;
    --Calendar-Labels-Color: #ffffff;
    --Calendar-Links-Color: #ffffff;
    --Body-Color-Default: #212121;
    --Disabled-Action-Button-Background: #2C2C34;
    --Disabled-Action-Button-Background-Modal: #F2F6FB;
    --Disabled-Action-Button-Color: #727272;
    --Disabled-Action-Button-Color-Modal: #ccc;
    --fc-list-event-hover-bg-color: rgba(255,255,255,0.1);
    --fc-page-bg-color: rgba(255,255,255,0.2);
    --Primary-Color: #24ad5d;
    --Primary-Color-Darker: #1c9e53;
    --Primary-Color-Interface: #4db974;
    --Text-Color-Main: #ffffff;
    --Text-Color-Menu: #B8C0CA;
    --Text-Color-Light: #666777;
    --Primary-Color-Interface-Text-Hover: #000000;
    --Items-Highlight-BG: #616170;
    --Campaign-Highlight-BG: #79a8be;
    --Modal-Background: #F5F5F6;
    --Inputs-Border: #cccccc;
    --Line-Color-Light: #dee2e6;
    --Button-Primary-BG: #24ad5d;
    --Button-Primary-Text: #FFFFFF;
    --Button-Primary-Hover: #1c9e53;
    --Input-Custom-BG: #414148;
    --Input-Custom-Text: #FFFFFF;
    --Input-Custom-Border: #555555;
    --Sortable-Dragged-BG: #000000;
    --Inputs-Read-Only-BG: #33333B;
    --Inputs-Read-Only-Grey-BG: #F6F6F6;
    --Inputs-Border-ReadOnly: transparent;
    --Affiliates-Box-BG: #32323A;
    --Country-Global-Settings-BG: #414148;
    --Sidebar-BG-Color: #313139;
    --Sidebar-Text-Color: #B8C0CA;
    --Sidebar-SubMenu-BG-Color: #2C2C33;
    --Custom-Select-Image: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/select-arrow-light.png');
    --Toggle-Icon-Open: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/openoption-light.png');
    --Toggle-Icon-Close: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/closeoption-light.png');
    
    --fc-event-border-color:#1B84FF;
    --fc-event-bg-color:#1B84FF;
    --fc-event-text-color:#ffffff
    --fc-highlight-color: #2C2C33;
    --fc-today-bg-color:#24382a;
    --fc-button-text-color:#78829D;
    --fc-button-bg-color:#2C2C33;
    --fc-button-border-color:#2C2C33;
    --fc-button-hover-bg-color:#2C2C33;
    --fc-button-hover-border-color:#2C2C33;
    --fc-button-active-bg-color:#3e3d3d;
    --fc-button-active-border-color:#3e3d3d;
    --fc-button-active-text-color: #4db974;
}

.theme-light {
    --Admin-Page-Title-Border: #cccccc;
    --Page-Background: #E0E0E0;
    --Boxes-Background: #F5F5F5;
    --Calendar-Buttons-Color: #78829D;
    --Calendar-Buttons-BGColor: #f9f9f9;
    --Calendar-Labels-Color: #252F4A;
    --Calendar-Links-Color: #78829D;
    --Content-Background: #FFFFFF;
    --Body-Color-Default: #212121;
    --Disabled-Action-Button-Background: #F2F6FB;
    --Disabled-Action-Button-Background-Modal: #F2F6FB;
    --Disabled-Action-Button-Color: #ccc;
    --Disabled-Action-Button-Color-Modal: #ccc;
    --Primary-Color: #24ad5d;
    --Primary-Color-Darker: #1c9e53;
    --Primary-Color-Interface: #24ad5d;
    --Text-Color-Main: #000000;
    --Text-Color-Menu: #333333;
    --Text-Color-Light: #333333;
    --Primary-Color-Interface-Text-Hover: #FFFFFF;
    --Items-Highlight-BG: #616170;
    --Campaign-Highlight-BG: #79a8be;
    --Modal-Background: #F5F5F6;
    --Inputs-Border: #cccccc;
    --Line-Color-Light: #dee2e6;
    --Button-Primary-BG: #24ad5d;
    --Button-Primary-Text: #FFFFFF;
    --Button-Primary-Hover: #1c9e53;
    --Input-Custom-BG: #FFFFFF;
    --Input-Custom-Text: #000000;
    --Input-Custom-Border: #cccccc;
    --Sortable-Dragged-BG: #CCCCCC;	
    --Inputs-Read-Only-BG: #F6F6F6;
    --Inputs-Read-Only-Grey-BG: #F6F6F6;
    --Inputs-Border-ReadOnly: transparent;
    --Affiliates-Box-BG: #FAFAFA;
    --Country-Global-Settings-BG: #FFFFFF;
    --Sidebar-BG-Color: #313139;
    --Sidebar-Text-Color: #B8C0CA;
    --Sidebar-SubMenu-BG-Color: #2C2C33;
    --Custom-Select-Image: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/select-arrow.png');
    --Toggle-Icon-Open: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/openoption.png');
    --Toggle-Icon-Close: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/closeoption.png');
    
    --fc-event-border-color:#1B84FF;
    --fc-event-bg-color:#1B84FF;
    --fc-event-text-color:#ffffff
    --fc-highlight-color: #f9f9f9;
    --fc-today-bg-color:#DFFFEA;
    --fc-button-text-color:#78829D;
    --fc-button-bg-color:#F9F9F9;
    --fc-button-border-color:#F9F9F9;
    --fc-button-hover-bg-color:#F9F9F9;
    --fc-button-hover-border-color:#F9F9F9;
    --fc-button-active-bg-color:#F1F1F4;
    --fc-button-active-border-color:#F1F1F4;
    --fc-button-active-text-color: #071437;
}


html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: 'Open Sans', sans-serif !important;
}

body {
    min-height:100%;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    margin: 0 !important;
}

input[type="text"] {
    -webkit-appearance: none;
}

html.m10toolbar {
    padding-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.LogoImageTopLight {
    display: var(--LogoImageLight);
}

.LogoImageTopDark {
    display: var(--LogoImageDark);
}

.modal-body .loadingProgress img {
    margin-bottom: 30px;
    margin-top: 30px;
    width: 40px;
}

#m10wrap {
    height: 100%;
    min-height: 100%;
    width: 100%;
    position: relative;
    -webkit-font-smoothing: subpixel-antialiased;
}


.m10wrap {
    width: 100%;
    padding-top: 0px;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 400;
    padding-bottom: 15px;
    height: auto;
    min-height: 100%;
}

div.m10-menu-image i {
    padding: 8px 0px;
    font-size: 16px;
    color: var(--Primary-Color-Interface) !important;
}

#adminmenuback {
    z-index: 10;
}

#adminmenuwrap {
    background-color: var(--Sidebar-BG-Color) !important;
    z-index: 11;
    padding: 0px;
    width: 300px !important;
    box-sizing: content-box;
    position: fixed;
    float: left;
    height: 100%;
    overflow-y: auto;
}

ul {
    list-style: none;
}

#adminmenu {
    width: 100% !important;
    clear: left;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

#adminmenuwrap .m10-submenu li.current a {
    font-weight: 400 !important;
}

#adminmenu a:hover {
    font-weight: 400 !important;
}



#m10body {
    position: relative;
    height: 100%;
}

#m10body-content {
    height: 100%;
    float: left;
    width: 100%;
    overflow: visible !important;
    padding-top: 100px;
}


#adminmenu .current .m10-submenu {
    padding-bottom: 5px;
}



#adminmenu li {
    margin-bottom: 1px;
}

#adminmenu .m10-submenu li {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    #m10content .modal:not(.warningModal):not(.infoModal) .modal-dialog,
    #boosterUsageModal .modal-dialog {
        width: 720px;
    }
    
    #m10content .modal:not(.warningModal):not(.infoModal) .modal-lg {
        width: 900px;
    }
}

#adminmenu a.menu-top:hover, #adminmenu .m10-submenu-head:hover {
    font-weight: 400;
}



#adminmenu  .fa-chevron-right {
    transform: rotate(0deg); 
    border-spacing: 0;
    float: right;
    margin-right: 10px;
}

#adminmenu div.m10-menu-name {
    padding: 16px 0 17px;
}

#adminmenu div.m10-menu-image {
    height: 35px;
    padding-top: 8px;
    float: left;
    width: 36px;
    margin: 0;
    text-align: center;
}

#adminmenuwrap #adminmenu {
    margin-top: 0px;
    padding: 15px 10px;
}

#m10adminbar {
    display: none !important;
}


a, input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="email"], input[type="url"], textarea, div, select {
    outline: 0;
}


#contextual-help-link-wrap {
    display: none !important;
}

ul#adminmenu a.m10-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
    border-right: none;
    content: none;
}



#collapse-menu {
    display: none;
}

#adminmpmtop {
    min-height: 60px;
}



#adminmenu .m10-has-current-submenu .m10-submenu, .no-js li.m10-has-current-submenu:hover .m10-submenu, #adminmenu a.m10-has-current-submenu:focus + .m10-submenu, #adminmenu .m10-has-current-submenu .m10-submenu.sub-open, #adminmenu .m10-has-current-submenu.opensub .m10-submenu {
    padding-left: 25px;
    box-sizing: border-box;
    box-shadow: none !important;
}

#adminmenu li.m10-has-current-submenu a.m10-has-current-submenu, #adminmenu li.current a.menu-top, .folded #adminmenu li.m10-has-current-submenu, .folded #adminmenu li.current.menu-top, #adminmenu .m10-menu-arrow, #adminmenu .m10-has-current-submenu .m10-submenu .m10-submenu-head, #adminmenu .m10-menu-arrow div {
    font-weight: 700;
}

#adminmenu a.menu-top, #adminmenu .m10-submenu-head {
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
}

#adminmenu a {
    font-weight: 300;
    display: block;
    line-height: 18px;
    padding: 2px 5px;
}



.folded #adminmenu a.m10-has-current-submenu:focus + .m10-submenu, .folded #adminmenu .m10-has-current-submenu .m10-submenu {
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.08), 0 7px 14px 1px rgba(50, 50, 93, 0.1) !important;
    border-radius: 3px;
}


#adminmenu .m10-submenu {
    display: none;
    padding: 10px;
}

.paneltophead {
    padding: 10px;
}

.paneltable th {
    padding: 10px;
    text-align: left;
}

.paneltable td {
    padding: 10px;
}

#m10wrap .pageActionButton {
    border-bottom: 0px;
    display: inline-block;
    min-width: 30px !important;
    padding: 34px 15px;
    border-left: 0px;
    border-top: 0px;
}

#m10wrap .pageActionButton:hover {
    cursor: pointer;
}



.wrap h2 {
    font-family: "Open Sans Condensed";
    font-size: 35px;
    padding: 0px;
    line-height: 1.2em;
    margin: 0px 0px 20px;
    font-weight: 700;
}

#m10body-content .wrap {
    margin-top: 0px;
    padding-top: 30px;
}

.add-new-h2 {
    font-family: "Open Sans",sans-serif;
}

.login h1 a {
    background-size: 320px 80px;
    width: 100%;
    margin-bottom: 0px;
}

.login form {
    margin-top: 0px;
}

#loginform #m10submit, #lostpasswordform #m10submit {
    box-shadow: none;
}

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

#selectCategory {
    font-family: helvetica;
    font-weight: normal;

}

#selectCategory option {
    cursor: pointer;
    margin-bottom: 0;
    padding: 5px 2px;
}

#ep_admin_meta_box {
    display: none;
}

#logoutLink {
    float: right;
    font-size: 18px;
    text-decoration: none;
}

#edit-slug-box a {
    display: none;
}

#edit-slug-box span a.button {
    display: inline-block;
}


div.error, .login #login_success {
    border-left: 0 none;
    box-shadow: none;
    margin: 0 0 10px;
    padding: 4px 10px;
}

div.error, .login #login_error {
    border-left: 0 none;
    box-shadow: none;
    margin: 0 0 10px;
    padding: 4px 10px;
}

.row-title {
    font-weight: normal;
}



.headerFooterCodeExtraSettings .builderitem, .seoMetaDataExtraSettings .builderitem {
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
}

.headerFooterCodeExtraSettings, .seoMetaDataExtraSettings {
    padding-bottom: 0px !important;
    margin-bottom: 12px !important;
}

#editable-video-audiences.optionsExtraSettings,
#editable-videoshort-audiences.optionsExtraSettings,
#editable-calltoaction-audiences.optionsExtraSettings,
#editable-tinymce-audiences.optionsExtraSettings,
#editable-submenu-settings {
    margin-bottom: 12px;
}

#editable-icon {
    margin-bottom: 12px;
}

.m10wrap select, .m10wrap select.form-control {
    background-image: var(--Custom-Select-Image)	
}


select, select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/select-arrow.png');
    background-repeat: no-repeat;
    background-position: 95% center;
    background-position: right 0.5em top 50%;
    background-size: 0.5em;
}

.admin select {
    padding: 8px 16px 8px 5px;
    line-height: 1.2;
    height: auto;
    vertical-align: middle;
    box-sizing: border-box;
}

.btn.fontsListDropdownButton,
.btn.listIconDropdownButton,
#elementsSelection .optionsDropdown .dropdown-toggle {
    padding: 8px 16px 8px 5px !important;
    line-height: 1.2 !important;
    height: auto !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    border: 1px solid var(--Inputs-Border);
    border-radius: 4px !important;
    text-align: left;
}

.optionsDropdown .dropdown-menu {
    top: 38px;
}

#m10wrap .optionsDropdown > button,
.optionsDropdown > button {
    padding: 8px 5px !important;
}

#elementsSelection .optionsDropdown .dropdown-toggle,
.optionsDropdown .filteredDropdownValueContainer {
    font-size: 14px !important;
}

.optionsDropdown .filteredDropdownValueContainer {
    display: block;
    min-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn.fontsListDropdownButton .selectedFontValue,
.btn.listIconDropdownButton .selectedDropdownValue,
#elementsSelection .optionsDropdown .dropdown-toggle .dropDownValue {
    padding: 0px 4px;
}

.btn.fontsListDropdownButton .caret,
.btn.listIconDropdownButton .caret {
    right: 9px;
    top: 14px;
}

#elementsSelection .optionsDropdown .dropdown-toggle .fa-caret-down {
    right: 9px;
    top: 11px;
    font-size: 12px;
}

.optionsDropdown .childSelectContainer {
    margin-top: 5px;
}

.fullWidthInput {
    width: 100%;
    box-sizing: border-box;
}

.inputext-control {
    vertical-align: middle;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.inputext-control:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2) !important;
}

form input[type="text"], form input[type="email"], form select, form input[type="password"], form textarea, form input[type="number"] {
    margin-left: 0;
    padding: 8px 5px;
    line-height: 1.2;
}

.landOnPageInfo {
    margin-top: 10px;
}

.modal .modal-content textarea {
    resize: vertical;
}

#blogPostDateTimePicker {
    z-index: 3;
    position: relative;
}

.boosterUsage {
    margin-right: 10px;
}

.boostbut {
    cursor: pointer;
    padding: 21px 15px;
    min-height: calc(vh);
    padding: 15px;
    border: none;
}

.saleLineActions .boostbut {
    padding: 24px 15px;
}

.customerLineActions .boostbut {
    padding: 20px 15px;
    width: 45px;
}

#InputSearchWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.InputSearchItemNumber {
    flex-shrink: 0;
    margin-right: 40px;
}

.InputSearchItem {
    flex-grow: 1;
}

.InputSearchInnerWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

#CustomerPage #membersearch {
    margin-bottom: 0px !important;
}

#CustomerPage #membersearch input,
#CustomerPage #membersearch select,
#CustomerPage #membersearch button,
#CustomerPage #membersearch .input-group {
    margin-bottom: 10px !important;
}

#CustomerPage #membersearch .input-group input {
    margin-bottom: 0px !important;
}

#editable-internal-objects div.btn-block, #editable-popup-settings div.btn-block {
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 2px solid #212121;
    margin: 0px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

#editable-internal-objects div, #editable-popup-settings div {
    text-decoration: none;
    padding: 7px 0 7px 15px;
}

#elementsSelection div.btn-block {
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #212121;
    margin: 0px;
    padding: 20px 15px !important;

}



/* Color Style */


html, body {
    background-color: var(--Page-Background) !important;
}

body {
    color: var(--Body-Color-Default) !important;
}

.panelheadWrapper {
    background-color: var(--Boxes-Background);
    padding: 25px 20px 21px;
    border-bottom: 1px solid var(--Admin-Page-Title-Border);
    position: relative;
    width: 100%;
}

#adminmenu .m10-has-current-submenu .m10-submenu, .no-js li.m10-has-current-submenu:hover .m10-submenu, #adminmenu a.m10-has-current-submenu:focus + .m10-submenu, #adminmenu .m10-has-current-submenu .m10-submenu.sub-open, #adminmenu .m10-has-current-submenu.opensub .m10-submenu {
    background-color: #ecf0f1;
}


#adminmenu li.menu-top > a:focus, #adminmenu .m10-submenu a:hover, #rightnow a:hover, #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover, .ui-tabs-nav a:hover {
    color: #FFFFFF;
}

#adminmenu li.m10-has-current-submenu a.m10-has-current-submenu, #adminmenu li.current a.menu-top, .folded #adminmenu li.m10-has-current-submenu, .folded #adminmenu li.current.menu-top, #adminmenu .m10-menu-arrow, #adminmenu .m10-has-current-submenu .m10-submenu .m10-submenu-head, #adminmenu .m10-menu-arrow div {
    color: #000000;
}

#adminmenu li:hover div.m10-menu-image:before {
    color: var(--Primary-Color-Interface) !important;
}

input[readonly] {
    background-color: var(--Inputs-Read-Only-BG);
    border-color: var(--Inputs-Border-ReadOnly);
}

#pageBuilderSidebar input[readonly] {
    background-color: var(--Inputs-Read-Only-Grey-BG);
}

.modal .modal-content input[readonly] {
    background-color: var(--Inputs-Read-Only-Grey-BG);
}

#adminmenu a {
    color: var(--Sidebar-Text-Color) !important;
}

#adminmenu div.m10-menu-image::before {
    color: var(--Primary-Color-Interface) !important;
}



.folded #adminmenu a.m10-has-current-submenu:focus + .m10-submenu, .folded #adminmenu .m10-has-current-submenu .m10-submenu {
    background-color: #f2f2f2;
}


#adminmenu li.current a.menu-top {
    color: var(--Primary-Color-Interface) !important;
}


#adminmenu li.menu-top {
    border-bottom: 1px solid transparent !important;
}

#adminmenu .m10-submenu {
    background-color: var(--Sidebar-SubMenu-BG-Color);
    width: calc(100% - 5px);
}

.paneltophead {
    background-color: var(--Boxes-Background);
    border-bottom: 1px solid var(--Page-Background);
}

.paneltable td {
    background-color: var(--Content-Background);
    border-bottom: 2px solid var(--Boxes-Background);
}


.m10wrap .pageActionButton {
    background-color: transparent !important;
    border-right: 1px solid var(--Boxes-Background) !important;
    color: var(--Text-Color-Menu);
}

.m10wrap .pageActionButton:hover {
    background-color: var(--Primary-Color-Interface) !important;
    color: var(--Primary-Color-Interface-Text-Hover);
}

.m10wrap .actionsBlockContainer .pageActionButton:first-child {
    border-left: 1px solid var(--Boxes-Background) !important;
}

#pageSearchModal .pageActionButton {
    color: #000000;
}
#pageSearchModal .pageActionButton:hover {
    color: #007c32;
}

.adminPageEditorContent .modal textarea,
.adminPageEditorContent .modal input[type="text"],
.adminPageEditorContent .modal input[type="password"],
.adminPageEditorContent .modal input[type="email"],
.adminPageEditorContent .modal input[type="number"],
.adminPageEditorContent .modal input[type="search"],
.adminPageEditorContent .modal input[type="tel"],
.adminPageEditorContent .modal input[type="url"],
.adminPageEditorContent .modal select,
.optionsDropdown .filterInput,
#m10wrap textarea,
#m10wrap input[type="text"],
#m10wrap input[type="password"],
#m10wrap input[type="email"],
#m10wrap input[type="number"],
#m10wrap input[type="search"],
#m10wrap input[type="tel"],
#m10wrap input[type="url"],
#m10wrap select,
#m10-link #link-options input[type="text"],
#templateSelectModal #selectCategory,
#savedSectionsDialog .structureItemNameSearch,
#structureItemNameAddToFavorites, 
.ui-timepicker-div select {
    color: #000000 !important;
    border: 1px solid var(--Inputs-Border) !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    padding: 8px 18px 8px 5px !important;
    margin: 0px;
    border-radius: 4px !important;
    font-family: inherit !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}
#m10wrap input[type="text"],
#m10wrap input[type="password"],
#m10wrap input[type="email"],
#m10wrap input[type="number"],
#m10wrap input[type="search"],
#m10wrap input[type="tel"],
#m10wrap input[type="url"],
#m10wrap select {
    height: auto !important;
}

#m10wrap textarea:focus,
#m10wrap input[type="text"]:focus,
#m10wrap input[type="password"]:focus,
#m10wrap input[type="email"]:focus,
#m10wrap input[type="number"]:focus,
#m10wrap input[type="search"]:focus,
#m10wrap input[type="tel"]:focus,
#m10wrap input[type="url"]:focus,
#m10wrap select:focus,
#m10-link #link-options input[type="text"]:focus {
    border-color: var(--Primary-Color-Interface) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(36,173,93, 0.5) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(36,173,93, 0.5) !important;

}

#m10wrap .m10wrap textarea,
#m10wrap .m10wrap input[type="text"],
#m10wrap .m10wrap input[type="password"],
#m10wrap .m10wrap input[type="email"],
#m10wrap .m10wrap input[type="number"],
#m10wrap .m10wrap input[type="search"],
#m10wrap .m10wrap input[type="tel"],
#m10wrap .m10wrap input[type="url"],
#m10wrap .m10wrap select {
    background-color: var(--Input-Custom-BG) !important;
    border: 1px solid var(--Input-Custom-Border);
    color: var(--Input-Custom-Text) !important;
}

#m10wrap #forumSettingsContainer .fullWidthColorInput,
#addEditCategoryDialog .fullWidthColorInput,
#addEditSectionDialog .fullWidthColorInput {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.input-group input[type="text"]:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.optionsDropdown .dropdown-toggle .dropDownValue {
    padding: 0px 4px;
}

.optionsDropdown .dropdown-toggle .fa-caret-down {
    right: 8px;
}

.m10wrap .colorbutton {
    border: 2px solid var(--Input-Custom-Border) !important;	
}

.colorbutton {
    line-height: 1.4 !important;
    padding: 8px 5px !important;
    border: 1px solid var(--Inputs-Border) !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    font-size: 14px !important;
    width: 25px !important;
    vertical-align: middle !important;
}

.colorinputselect {
    width: calc(100% - 29px);
}

.bootstrapFileUpload .btn-default {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 14px;
    line-height: 1.4 !important;
}

.bootstrapFileUpload .progress-spinner {
    display: none;
    margin-bottom: 2px;
}

#m10wrap .input-group-addon {
    padding: 5px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}


#m10wrap .toggle-on {
    padding: 2px 5px !important;
    margin-left: -10px !important;
}

#m10wrap .campaignImportType {
    background-color: #fff !important;
}

#m10wrap .toggle-off {
    padding: 2px 17px !important
}

.paneltable th {
    background-color: var(--Boxes-Background);
    border-bottom: 1px solid var(--Page-Background);
}

.paneltable th a {
    color: var(--Text-Color-Main);
}


#adminmenu {
    background-color: var(--Sidebar-BG-Color) !important;
}

#adminmenuwrap .m10-submenu li.current a {
    color: var(--Primary-Color-Interface) !important;
}

#adminmenu a:hover {
    color: var(--Primary-Color-Interface) !important;
}

#adminmenu .m10-submenu a:hover {
    background-color: transparent !important;
    color: var(--Primary-Color-Interface) !important;
}

#adminmenu li.current div.m10-menu-image::before {
    color: inherit !important;
}

#adminmpmtop {
    background-color: #333333;
    color: #FFFFFF;
}

.wrap h2 {
    color: #212121;
}

#loginform #m10submit, #lostpasswordform #m10submit {
    background-color: #000000;
    border-color: #000000;
}

#loginform #m10submit, #lostpasswordform #m10submit, #resetpassform #m10submit {
    background-color: #27ae60 !important;
    border: 0px solid #27ae60;
    color: #FFFFFF;
}

#login {
    background-color: var(--Boxes-Background);
}
#login input {
    background-color: #FFFFFF !important;
}

.login form {
    background-color: transparent;
}
.login h1 {
    color: #FFFFFF;
}
div.error, .login #login_error {
    color: #e74c3c;
}

#login_error a {
    color: #e74c3c !important;
}

div.updated, .login .message, .press-this #message {
    background-color: transparent;
    color: var(--Inputs-Border);
}

.login #nav a, .login #backtoblog a {
    text-decoration: none;
    color: #999;
}

#logoutLink {
    color: #333;
}

.login #nav a:hover, .login #backtoblog a:hover {
    color: #27ae60 !important;
}

div.error, .login #login_success {
    background: #2ecc71 none repeat scroll 0 0;
    color: #FFFFFF;

}

div.error, .login #login_error {
    background: #e74c3c none repeat scroll 0 0;
    color: #FFFFFF;
}

div.error a {
    color: #FFFFFF;
}

div.error a:hover {
    color: #FFFFFF;
}

input.incorrectInput,
.adminPageEditorContent .modal input.incorrectInput,
#m10wrap input.incorrectPromoField {
    border-color: #d43f3a !important;
}

.admin select {
    color: #000000;
    background-color: #FFFFFF;

}

#m10content .pagination > .active > a, #m10content .pagination > .active > a:focus, #m10content .pagination > .active > a:hover, #m10content .pagination > .active > span, #m10content .pagination > .active > span:focus, #m10content .pagination > .active > span:hover {
    background-color: var(--Button-Primary-BG);
    border-color: var(--Button-Primary-BG);
    color: var(--Button-Primary-Text);
}

#m10content .pagination > li > a, #m10content .pagination > li > span {
    color: #000000;

}

#m10content .pagination > li > a:focus, #m10content .pagination > li > a:hover, #m10content .pagination > li > span:focus, #m10content .pagination > li > span:hover {
    background-color: var(--Button-Primary-BG);
    border-color: var(--Button-Primary-BG);
    color: var(--Button-Primary-Text);
}

.adminForumSettingsTitle {
    margin-bottom: 15px;
}

.forumCategoryLine .fa-bars {
    color: rgb(170, 170, 170);
}


.forumCategoryLine .categoryNameContainer, .forumCategoryLine .categoryNameContainer td {
    background: var(--Boxes-Background);
    border-color: var(--Page-Background);
}

.forumCategoryLine .forumSectionLine,
.forumCategoryLine .forumSectionLine td {
    background: var(--Content-Background);
}

.forumCategoryLine .forumCategoryId {
    color: #888;

}

#sectionsListHeader th {
    border-bottom: 2px solid var(--Page-Background);
    background-color: var(--Boxes-Background);
}

.topTopicRow {
    background-color: #FFF;
    color: #333;
}

.topTopicsNoContent {
    background-color: #F6F6F6;
    color: #afafaf;
}

#categoriesList.paneltable .categoryNameContainer .boostbut:hover {
    background: var(--Primary-Color-Interface);
    color: #000000;
}

.sourceTrackingLinkId {
    color: #CCCCCC;
}

.countTd {
    color: #FFFFFF;
}

.clicksCount,
.rebillsCount {
    background-color: #f1c40f !important;
}

.revenueCount {
    background-color: #2ecc71 !important;
}

.optinsCount {
    background-color: #e74c3c !important;
}

.refundCount {
    background-color: var(--Refund-Color) !important;
}

#reportChartContainer {
    background: var(--Boxes-Background);
}

.totalValue {
    background-color: #2ecc71 !important;
    color: #FFFFFF;
}

.totalRefund {
    background-color: #e74c3c !important;
}

.paymentIconStripe {
    color: #6772E5;
}

.paymentIconPaypal {
    color: #169BD7;
}

.loadingProgressForData {
    color: #aaaaaa;
}


.userAvatarContainer {
    background: #d2d2d2;
    color: #FFFFFF;
}

.lifetimeValue {
    background-color: var(--Campaign-Highlight-BG) !important;
    color: #FFFFFF;
}

#customerLifetimeValueContainer {
    background: var(--Campaign-Highlight-BG);
    color: #FFFFFF;
}

.saleLineActions button:disabled {
    background-color: var(--Disabled-Action-Button-Background) !important;
    color: var(--Disabled-Action-Button-Color) !important;
}

.modal .saleLineActions button:disabled,
.modal .saleLineActions button:disabled:hover { 
    background-color: var(--Disabled-Action-Button-Background-Modal) !important;
    color: var(--Disabled-Action-Button-Color-Modal) !important;
}

.totalValue {
    background-color: var(--Primary-Color-Interface) !important;
    color: #FFFFFF;
}

.totalRefund {
    background-color: #e35a54 !important;
}

#editAppSettingsForm th label {
    color: var(--Text-Color-Main);
}


.pageRecordVisits {
    background-color: var(--Campaign-Highlight-BG) !important;
    color: #000000;
    cursor: pointer;
}

.pageRecordVisits:hover {
    color: #ffffff;
}

.m10wrap .dropdown-item.text-danger:hover {
    background-color: #a94442; 
    color: #fff;
}

#campaignSelect .dropDownValue {
    color: var(--Input-Custom-Text);
}

#campaignSelect .fa {
    color: var(--Input-Custom-Text);	    
}

#currentCampaignControls .btn {
    background: #d9d9d9 !important;
    color: #333 !important;
}

#currentCampaignControls .btn:hover {
    background: #bbb !important;
}

#exportCampaignUrl {
    border: 2px solid #CCCCCC !important;
}

.commissionSum {
    background-color: var(--Campaign-Highlight-BG) !important;
    color: #FFFFFF;

}

.salesCount {
    background-color: #3498db !important;
    color: #FFFFFF;
}

.m10wrap {
    color: var(--Text-Color-Main);
}

#AdminUserEditPage label {
    color: var(--Text-Color-Main);
}

#m10wrap input[type="checkbox"]:checked::before,
#pageBuilderSidebar input[type="checkbox"]:checked::before,
.m10-dialog.ui-dialog input[type="checkbox"]:checked::before, 
#fancybox-wrap input[type="checkbox"]:checked::before {
    color: #FFFFFF;
    background-color: var(--Primary-Color-Interface);
}

#m10wrap input[type="checkbox"],
#pageBuilderSidebar input[type="checkbox"],
.m10-dialog.ui-dialog input[type="checkbox"], 
#fancybox-wrap input[type="checkbox"] {
    border: 1px solid #ddd;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 3px;
}

.m10wrap a {
    color: var(--Primary-Color-Interface);
}

.m10wrap a:hover, .m10wrap a:focus {
    color: var(--Primary-Color-Interface);
    text-decoration: none;
}

.m10wrap .dropdown-menu a:hover {
    color: #000000;
}

#adminHamburgerMenu {
    color: #ffffff !important;
}

#adminPlatformLogo {
    background-color: #24ad5d;
}

.sectiontitle {
    color: var(--Text-Color-Main);
}

label {
    color: #333333;
}

.smallSubLabel {
    font-size: 10px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 10px;
    margin-top: 2px;
}

.oneRowCheckbox > label,
.oneRowCheckbox .smallSubLabel {
    width: calc(100% - 40px);
}

.oneRowCheckbox > label {
    line-height: 25px;
    margin-bottom: 0px;
}

.oneRowCheckbox .custom-switch {
    display: inline;
}

.oneRowCheckbox .custom-switch .custom-control-label::before {
    left: -1.75rem;
}

.oneRowCheckbox .custom-switch .custom-control-label::after {
    left: calc(-1.75rem + 2px);
}

#addCoursePageForm,
#addCoursesGroupForm,
.addNewItemContainer,
#addPortalPageForm,
#deadlineTimeSettings {
    display: flex;
}

#deadlineTimeSettings #countdownWidgetAtTime {
    margin-right: 10px;
}

#m10wrap .addNewItemContainer input,
#m10wrap .addNewItemContainer select,
#m10wrap #addCoursesGroupForm .coursesGroupName,
#m10wrap #addPortalPageForm .portalPageName {
    flex-grow: 2;
    margin-right: 10px;
    max-width: calc(100% - 76px);
}

#addCoursePageForm .coursePageName {
    flex-grow: 2;
}

#addCoursePageForm * {
    margin-right: 10px !important;
}

#addCoursePageForm *:last-child {
    margin-right: 0px !important;
}

#m10wrap .addNewItemContainer input:last-child,
#m10wrap .addNewItemContainer select:last-child {
    margin-right: 0px;
}

.modal-dialog .paneltophead .toplable {
    max-width: calc(100% - 40px);
}

.permissionsTable label {
    margin-bottom: 0px;
}

.fullWidthColorInput {
    width: calc(100% - 29px) !important;
}

.btn-link {
    color: #428bca;
}

.btn-link:hover,
.btn-link:focus {
    color: #2a6496;
}

.inputext-control {
    color: #555555;
    background-color: #FFFFFF;
    border: 1px solid var(--Inputs-Border);

}

.inputext-control:focus {
    border-color: var(--Primary-Color-Interface) !important;
}

.form-control {
    color: #555555;
    background-color: #FFFFFF;
    border: 1px solid var(--Inputs-Border);

}

.form-control:focus {
    border-color: #007c32 !important;
}

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    color: #333333;

}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.shortcode-toggle h4 {
    background-color: #FFFFFF;
    border-radius: inherit;
}

#DashboardPage .shortcode-toggle h4, #globalSettingsPage .shortcode-toggle h4, #Integrations .shortcode-toggle h4, #AppSettingsPage .shortcode-toggle h4, #AdminUserEditPage .shortcode-toggle h4, #AppUpgradePage .shortcode-toggle h4 {
    background-color: var(--Content-Background);
}

#DashboardPage .shortcode-toggle h4 a, #globalSettingsPage .shortcode-toggle h4 a, #Integrations .shortcode-toggle h4 a, #AppSettingsPage .shortcode-toggle h4 a, #AdminUserEditPage .shortcode-toggle h4 a, #AppUpgradePage .shortcode-toggle h4 a {
    color: var(--Text-Color-Main);
}

#DashboardPage .shortcode-toggle h4 a:hover, 
#globalSettingsPage .shortcode-toggle h4 a:hover, 
#Integrations .shortcode-toggle h4 a:hover, 
#AppSettingsPage .shortcode-toggle h4 a:hover, 
#AdminUserEditPage .shortcode-toggle h4 a:hover, 
#AppUpgradePage .shortcode-toggle h4 a:hover,
#DashboardPage .shortcode-toggle h4:hover,
#DashboardPage .shortcode-toggle.open h4 {
    color: var(--Primary-Color-Interface);
    cursor: pointer;
}

#DashboardPage .open .toggle-trigger, #globalSettingsPage .open .toggle-trigger, #Integrations .open .toggle-trigger, #AppSettingsPage .open .toggle-trigger, #AdminUserEditPage .open .toggle-trigger, #AppUpgradePage .open .toggle-trigger {
    background-color: var(--Content-Background);
}

#DashboardPage .open .toggle-trigger a, #globalSettingsPage .open .toggle-trigger a, #Integrations .open .toggle-trigger a, #AppSettingsPage .open .toggle-trigger a, #AdminUserEditPage .open .toggle-trigger a, #AppUpgradePage .open .toggle-trigger a {
    color: var(--Primary-Color-Interface);
}

#DashboardPage .shortcode-toggle.white .toggle-content, #globalSettingsPage .shortcode-toggle.white .toggle-content, #Integrations .shortcode-toggle.white .toggle-content, #AppSettingsPage .shortcode-toggle.white .toggle-content, #AdminUserEditPage .shortcode-toggle.white .toggle-content, #AppUpgradePage .shortcode-toggle.white .toggle-content {
    background-color: var(--Affiliates-Box-BG);
    color: var(--Text-Color-Main);
}

#DashboardPage .toggle-content label, 
#globalSettingsPage .toggle-content label, 
#Integrations .toggle-content label, 
#AppSettingsPage label, 
#AdminUserEditPage .toggle-content label, 
#AppUpgradePage .toggle-content label,
#calendarSettings label {
    color: var(--Text-Color-Main);
}

#DashboardPage .shortcode-toggle.border, #globalSettingsPage .shortcode-toggle.border, #Integrations .shortcode-toggle.border, #AppSettingsPage .shortcode-toggle.border, #AdminUserEditPage .shortcode-toggle.border, #AppUpgradePage .shortcode-toggle.border, #DashboardPage .shortcode-toggle.border {
    border: none;
    margin-bottom: 1px;
}



#AdminUserEditPermission td {
    background-color: transparent;
}


#Integrations .shortcode-toggle h4.apilabel {
    background-color: transparent;
    font-weight: 700;
    padding-left: 0px;
}

.shortcode-toggle h4 a {
    color: #333;
}

.shortcode-toggle h4 a:hover {
    color: #333333;
}


#globalSettingsPage .paneltable a {
    color: var(--Primary-Color-Interface);
}

#globalSettingsPage .paneltable td, #Integrations .paneltable td  {
    background-color: transparent;
}

.shortcode-toggle .toggle-content  {
    background: #f9f9f9;
}

.shortcode-toggle.border {
    border: 1px solid var(--Inputs-Border);
}

.shortcode-toggle.white h4 a {
    background-color: #F4F4F4;
}

.shortcode-toggle.white .toggle-content {
    background-color: #FFFFFF;
}

.panel {
    background-color: #FFFFFF;
    border: 2px solid transparent;
}

.m10wrap .panel-body {
    background-color: var(--Boxes-Background);
}

.paneltable a {
    color: #333;
}

#fancybox-wrap .paneltable th {
    background-color: var(--Modal-Background);
    border-bottom: none !important;
}

#fancybox-wrap .paneltable td {
    background-color: #f6f9fc;
    border-bottom-color: var(--Modal-Background);	
}

.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.m10-dialog .paneltophead {
    background-color: transparent;
    border-bottom: 1px solid var(--Line-Color-Light);
    padding: 15px;
}

.m10-dialog .paneltophead label.toplable {
    margin: 0px 0px 5px 0px;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.42857143 !important;
}

.m10-dialog  .panelbottomfoot {
    padding: 15px;
    text-align: right;
    background-color: transparent;
    border-top: 1px solid var(--Line-Color-Light);
    margin: 0px;
}


.m10-dialog #link-options .linkOptionsWithInputItem {
    margin-bottom: 10px;
}

.m10-dialog #link-options .linkOptionsWithInputItem input,
.m10-dialog #link-options .linkOptionsWithInputItem label {
    margin-bottom: 0px;
}

#fancybox-wrap .paneltophead {
    background-color: var(--Modal-Background);
    border-bottom: none !important;
}

.panel-primary {
    border-color: #428bca;
}

.panel-primary > .panel-heading {
    color: #FFFFFF;
    background-color: #428bca;
    border-color: #428bca;
}

.panel-title > a {
    color: #428BCA;
}


#elementsSelection .btn-block:hover,
#elementsSelection .btn-block-hover {
    color: #FFFFFF !important;
    background-color: #27ae60;
}


.error {
    background-color: #e74c3c;
    color: #FFFFFF;
}

.btn:focus {
    outline: thin dotted #333;
}

.btn:hover,
.btn:focus {
    color: #333333;
}

.btn-default {
    color: #333333 !important;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.btn-primary {
    color: var(--Button-Primary-Text) !important;
    background-color: var(--Button-Primary-BG) !important;
    border-color: var(--Button-Primary-BG) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #FFFFFF;
    background-color: var(--Button-Primary-Hover) !important;
    border-color: var(--Button-Primary-Hover) !important;
}

.btn-danger {
    color: #FFFFFF !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #FFFFFF;
    background-color: #d2322d !important;
    border-color: #ac2925 !important;
}

.btn-success {
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFFFFF;
}

.OCError,
.OCupdated {
    background-color: #5cb85c;
    color: #FFFFFF;   
}

.OCError {
    background-color: #C00000;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #47A447;
    border-color: #398439;
    color: #FFFFFF;
}

.btn-warning {
    background-color: #F0AD4E;
    border-color: #EEA236;
    color: #FFFFFF;
}

.courseItem {
    background: var(--Content-Background);
    border-bottom: 2px solid var(--Boxes-Background);
}

.courseItem .btn-course {
    background-color: transparent !important;
    border: none !important;
    color: var(--Text-Color-Main) !important;	
}

.modal-body .panelcontent .coursePage .btn-course {
    background-color: transparent !important;
}

.modal-body .panelcontent .coursePage .btn-course.disabled {
    opacity: 0.15;
}

.courseItem .btn-course:hover {
    color: var(--Primary-Color-Interface) !important;	
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #ED9C28;
    border-color: #D58512;
    color: #FFFFFF;
}

#tableframe {
    border: 2px solid #F4F4F4;
}

.mpm .table a {
    color: #428BCA;
}

.mpm .table a:hover, .table a:focus  {
    color: #2A6496;
}

.mpm .table > thead > tr > th,
.mpm .table > tbody > tr > th,
.mpm .table > tfoot > tr > th,
.mpm .table > thead > tr > td,
.mpm .table > tbody > tr > td,
.mpm .table > tfoot > tr > td {
    border-top: 1px solid #dddddd;
}

.mpm .table > thead > tr > th {
    border-bottom: 2px solid #dddddd;
}

.table > tbody + tbody {
    border-top: 2px solid #dddddd;
}

.mpm .table .table {
    background-color: #FFFFFF;
}

.mpm .table-bordered {
    border: 1px solid #dddddd;
}

.mpm .table-bordered > thead > tr > th,
.mpm .table-bordered > tbody > tr > th,
.mpm .table-bordered > tfoot > tr > th,
.mpm .table-bordered > thead > tr > td,
.mpm .table-bordered > tbody > tr > td,
.mpm .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.mpm .table-striped > tbody > tr:nth-child(odd) > td,
.mpm .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.mpm .table-hover > tbody > tr:hover > td,
.mpm .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

.mpm .table > thead > tr > td.active,
.mpm .table > tbody > tr > td.active,
.mpm .table > tfoot > tr > td.active,
.mpm .table > thead > tr > th.active,
.mpm .table > tbody > tr > th.active,
.mpm .table > tfoot > tr > th.active,
.mpm .table > thead > tr.active > td,
.mpm .table > tbody > tr.active > td,
.mpm .table > tfoot > tr.active > td,
.mpm .table > thead > tr.active > th,
.mpm .table > tbody > tr.active > th,
.mpm .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.mpm .table > thead > tr > td.success,
.mpm .table > tbody > tr > td.success,
.mpm .table > tfoot > tr > td.success,
.mpm .table > thead > tr > th.success,
.mpm .table > tbody > tr > th.success,
.mpm .table > tfoot > tr > th.success,
.mpm .table > thead > tr.success > td,
.mpm .table > tbody > tr.success > td,
.mpm .table > tfoot > tr.success > td,
.mpm .table > thead > tr.success > th,
.mpm .table > tbody > tr.success > th,
.mpm .table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.mpm .table-hover > tbody > tr > td.success:hover,
.mpm .table-hover > tbody > tr > th.success:hover,
.mpm .table-hover > tbody > tr.success:hover > td,
.mpm .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.mpm .table > thead > tr > td.danger,
.mpm .table > tbody > tr > td.danger,
.mpm .table > tfoot > tr > td.danger,
.mpm .table > thead > tr > th.danger,
.mpm .table > tbody > tr > th.danger,
.mpm .table > tfoot > tr > th.danger,
.mpm .table > thead > tr.danger > td,
.mpm .table > tbody > tr.danger > td,
.mpm .table > tfoot > tr.danger > td,
.mpm .table > thead > tr.danger > th,
.mpm .table > tbody > tr.danger > th,
.mpm .table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.mpm .table-hover > tbody > tr > td.danger:hover,
.mpm .table-hover > tbody > tr > th.danger:hover,
.mpm .table-hover > tbody > tr.danger:hover > td,
.mpm .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.mpm .table > thead > tr > td.warning,
.mpm .table > tbody > tr > td.warning,
.mpm .table > tfoot > tr > td.warning,
.mpm .table > thead > tr > th.warning,
.mpm .table > tbody > tr > th.warning,
.mpm .table > tfoot > tr > th.warning,
.mpm .table > thead > tr.warning > td,
.mpm .table > tbody > tr.warning > td,
.mpm .table > tfoot > tr.warning > td,
.mpm .table > thead > tr.warning > th,
.mpm .table > tbody > tr.warning > th,
.mpm .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.mpm .table-hover > tbody > tr > td.warning:hover,
.mpm .table-hover > tbody > tr > th.warning:hover,
.mpm .table-hover > tbody > tr.warning:hover > td,
.mpm .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.pagination a {
    color: #428BCA;
}

.pagination > li > a,
.pagination > li > span {
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #FFFFFF;
    background-color: #428bca;
    border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999999;
    background-color: #FFFFFF;
    border-color: #dddddd;
}

.idTabs a {
    background-color: #f4f4f4;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    color: #333;
}

.idTabs a:hover {
    background-color: #E6F4FF;
    color: #333333;
}

.affmembers {
    background-color: #357EBD;
    color: #FFFFFF;
}

.affmembers li a {
    color: #FFFFFF;
}

.affmembers li a:hover {
    color: #CCCCCC;
    background: none !important;
}

.paneltable .pausedTest {
    color: #999999;
}

.sectionTitleIcon {
    font-size: 22px; 
    color: rgb(42, 100, 150); 
    font-weight: bold; 
    padding-top: 0px; 
    margin-bottom: 0px; 
    padding-bottom: 0px;
}

.blgsplitcat {
    color: #FFFFFF;
    background-color: #2980b9;
}

.blgsplititem {
    border-bottom: 1px solid var(--Inputs-Border);
    border-right: 1px solid var(--Inputs-Border);
    border-top: 1px solid var(--Inputs-Border);
    color: #666;
}

.splitwin {
    background-color: #27ae60;
    color: #FFFFFF;
}

.blgsplithditem {
    color: #999;
}

.downloadSettingsBlock .extraSettings {
    background-color: transparent;
}

.bulletSettingsBlock, .videoEventSettings, .audioEventSettings, .linkSettingsBlock {
    border-bottom: 1px solid #222;
}

.dropdown-menu {
    background-color: #FFFFFF;
    border: 1px solid var(--Inputs-Border);
    border: 1px solid rgba(0, 0, 0, .15);
}

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

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #FFFFFF;
    background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777;
}

.toggleLink {
    background-color: #f4f4f4;
    border: 1px solid var(--Inputs-Border);
    color: #7f8c8d;
}

.toggleLink:hover, .toggleLink.btn-block-hover {
    color: #FFFFFF !important;
    background-color: #3498db;
    border: 1px solid #2980b9;
}

.pages_page_templates-editor #elementsSelection .mce_formatselect a.mceText,
.pages_page_templates-editor #elementsSelection .mce_formatselect a.mceText:hover,
.pages_page_templates-editor #elementsSelection .mce_formatselect a.mceText:active {
    color: #333333;
}

.listIconDropdownButton, .listDownloadTitleIconDropdownButton, 
.fontsListDropdownButton, .textFontsListDropdownButton, 
.lessonTitleFontsListDropdownButton, .lessonContentFontsListDropdownButton,
.quizContentFontsListDropdownButton,
.downloadsTitleFontsListDropdownButton, .downloadsTextFontsListDropdownButton,
.step1AcceptTermsFontsListDropdownButton,
.acceptTermsFontsListDropdownButton, .quizAcceptTermsFontsListDropdownButton, 
.postDateFontsListDropdownButton, .postButtonFontsListDropdownButton, .quizButtonsFontsListDropdownButton,
.titleFontsListDropdownButton, .inputsFontsListDropdownButton,
.buttonsFontsListDropdownButton, .orderSummaryFontsListDropdownButton,
.orderBumpFontsListDropdownButton,
.leftTitleFontsListDropdownButton,
.leftTextFontsListDropdownButton,
.rightTitleFontsListDropdownButton,
.rightTextFontsListDropdownButton,
.quizQuestionsFontsListDropdownButton,
.quizAnswersFontsListDropdownButton,
.subTextFontsListDropdownButton {
    color: #333;
}

.pageSettings input[type="file"] {
    color: var(--Inputs-Border);
}

tr:nth-child(even) td.boosterIcon,
.paneltable tr:nth-child(even) td.productIcon {
    background-color: var(--Items-Highlight-BG);
}

tr:nth-child(odd) td.boosterIcon,
.paneltable tr:nth-child(odd) td.productIcon {
    background-color: var(--Items-Highlight-BG);
}

.paneltable .productIcon,
.boosterIcon {
    color: #FFFFFF;
}

.modal-content .paneltable td:not(.mceIframeContainer) {
    border-bottom: 2px solid #FFFFFF;
}

.modal-content .paneltable .noBottomBorder,
.modal-content .paneltable.promoCodeRowTable td {
    border-bottom: 0px !important;
}

#autoWebinarsActions {
    margin-top: 10px;
}

.modal-body .panelcontent .paneltable.promoCodeRowTable button.btn,
.modal-body .panelcontent tr.liveEventQuestion button.btn,
#autoWebinarQuestions .deleteQuestion {
    border: 0px;
    background: transparent !important;
    color: #000000 !important;
}

.modal-body .panelcontent tr.liveEventQuestion button.btn {
    font-size: 14px;
}

#deleteQuestionsButton, #deleteQuestionsButton:hover {
    background-color: #d2322d !important;
    color: #ffffff !important;
}

.modal-body .panelcontent .paneltable.promoCodeRowTable button.btn:hover {
    color: #007c32 !important;
}

.modal-body .paneltable td table.promoCodeRowTable td:first-child,
#autoWebinarStatisticsDialog .modal-body .paneltable td:first-child,
.modal-body .panelcontent .paneltable tr.liveEventQuestion td:first-child {
    padding-left: 0px;
}

.promoCodeCustomValidity:checked::before {
    margin: -6px 0px 0px -4px;
    color: #FFFFFF;
    background-color: var(--Primary-Color-Interface);
    width: auto !important;
    float: none !important;
}

.promoCodeCustomValidity {
    border-radius: 3px;
    border: 0px !important;
    overflow: hidden;
    border: 0px;
    background-color: #ffffff;
}

#questionsListTable {
    border-collapse: separate;
    border-spacing: 0px 3px;
    width: 100%;
}

.liveEventQuestion td {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 3px;
}

.modal-body .paneltable td table.promoCodeRowTable td:last-child {
    padding-right: 0px;
}

#notificationScheduleTimeContainer {
    display: flex;
    gap: 10px;
}

#addEditPromoCodeModal .paneltable {
  table-layout: fixed;
}

#promoCodeValidityDates,
#promoCodeValidityTimezones {
    display: flex;
    gap: 10px;
}

#promoCodeValidityTimezones {
    margin-top: 10px;
}

#promoCodeCustomValiditySettings input {
    flex-grow: 1;
}

#promoCodeStartDateTimezone,
#promoCodeEndDateTimezone {
    flex-grow: 1;
    max-width: calc(50% - 5px);
}

#autoWebinarStatisticsDialog .modal-dialog {
    width: 632px !important;
}

#autoWebinarStatisticsChart {
    background-color: #ffffff;
}

#reportContainer .reportNumber {
    background: var(--Boxes-Background);
}

#DashboardPage #reportContainer .reportNumber {
    color: var(--Text-Color-Main) !important;
    text-decoration: none;
}

#DashboardPage #reportContainer .reportNumber,
#DashboardPage .chartClickableBlock {
    cursor: pointer;
}

#reportNumberTotalSales .reportNumberIndicator {
    background: #3498db;
}

#reportNumberTotalRevenue .reportNumberIndicator,
#reportNumberOrders .reportNumberIndicator, 
#reportNumberTotalOrdersRevenue .reportNumberIndicator {
    background: #2ecc71;
}

#reportNumberTotalVisits .reportNumberIndicator {
    background: #9b59b6;
}

#reportNumberTotalMembers .reportNumberIndicator {
    background: #f1c40f;
}

#reportNumberTotalOptin .reportNumberIndicator {
    background: #e74c3c;
}

#reportNumberTotalRefunds .reportNumberIndicator,
#reportNumberTotalRefundAmount .reportNumberIndicator,
#reportNumberTotalRefundedCustomers .reportNumberIndicator,
#reportNumberRefundRate .reportNumberIndicator {
    background: var(--Refund-Color);
}

#reportNumberTotalRebills .reportNumberIndicator,
#reportNumberTotalRebillsTotal .reportNumberIndicator,
#reportNumberAverageOrderValue .reportNumberIndicator {
    background: #00a44a;
}

#reportNumberTotalCommission .reportNumberIndicator,
#reportNumberTotalAffiliateSales .reportNumberIndicator {
    background: #f39c12;
}

#reportContainer #reportsCharts canvas,
#reportChartContainer canvas {
    background: var(--Boxes-Background);
}

.headerAddNewItemButton,
#headerAddNewPageButton,
#headerAddNewCategoryButton {
    background-color: transparent;
    color: var(--Text-Color-Menu) !important;
}

#headerAddNewPageButton:hover {
    color: var(--Primary-Color-Interface) !important;
}

.pageRecordName .fa-bars {
    color: rgb(170, 170, 170);
}

.pageRecordTemplate {
    background-color: var(--Items-Highlight-BG);
    color: #FFFFFF;
}

.pageRecordTemplate:hover {
    border: 2px solid var(--Primary-Color-Interface);
}

.pageRecordTemplate:hover > .PageCat {
    color: #FFFFFF;
}

.editPage.PageCat {
    color: #FFFFFF;
}

.boostbut {
    border-left: 1px solid var(--Page-Background) !important;
    background-color: transparent;
    color: var(--Text-Color-Menu) !important;
}

.boostbut:hover {
    background-color: var(--Primary-Color-Interface);
    color: var(--Primary-Color-Interface-Text-Hover) !important;
}

.boostbutNoLeftBorder {
    border-left: none !important;
}

.editPage:hover img {
    border: 2px solid #337ab7;
}

.pageRecordName a {
    color: #333333;
}

.modal-content .paneltable .multiOptionsTrItem td {
    background-color: #e9e9e9;
    padding: 10px !important;
    border-top: 3px solid var(--Modal-Background);
    border-bottom: 0px;
}

a.btn {
    color: #FFFFFF;
}

a.btn:hover {
    color: #FFFFFF;
}

.quizTypeInfo {
    color: var(--Text-Color-Menu) !important;
}

.ui-sortable-helper td, .ui-sortable-helper th {
    background: var(--Sortable-Dragged-BG) !important;
    color: #FFFFFF !important;
}

.page-builder-active .switch-page-builder {
    background-color: #428BCA;
    border-color: #428BCA;
    color: #FFFFFF;
}

#top-line {
    background-color: #428BCA;
    border-bottom: 1px solid #D1D1D1;
}

.templateLinkBox, #selectedTemplateLinkBox {
    background-color: #FAFAFA; 
    border: 1px solid #e0e0e0;
}

.templateLinkBox:hover, #selectedTemplateLinkBox:hover {
    border: 4px solid var(--Primary-Color-Interface);
}

.templateActions {
    background-color: #424250;
}

a.selectTemplateButton, a.selectTemplateButton:hover, a.selectTemplateButton:visited, a.selectTemplateButton:active,
.selectTemplateButton {
    background-color: var(--Primary-Color-Interface) !important;
    color: #000000 !important;
}

a.previewTemplateButton, a.previewTemplateButton:hover, a.previewTemplateButton:visited, a.previewTemplateButton:active {
    background-color: #f2f2f2 !important;
    color: var(--Text-Color-Light) !important;
}

.TemplateSelectLink, .modal-body .panelcontent a.TemplateSelectLink,
.TemplateSelectLink:hover, .modal-body .panelcontent a.TemplateSelectLink:hover,
.TemplateSelectLink:active, .modal-body .panelcontent a.TemplateSelectLink:active {
    color: #ffffff !important;
    background-color: var(--Primary-Color-Interface) !important;    
}

.fancybox-inner b {
    color: #333333;
}

.pageRecordSlugBox {
    color: var(--Text-Color-Menu);
}

.paneltablesave {
    background-color: #f2f2f2 !important;
}

.panelbottomfoot {
    background-color: #f2f2f2;
}
.panelbotinfo {
    background-color: #ecf0f1;
}

.btn-optiaction {
    background-color: #34495e;
    color: #FFFFFF;
}

.btn-optiaction:hover {
    background-color: #34495e;
    color: #CCCCCC;    
}


.yellowCell { 
    background-color: #ffc600 !important;
    color: #FFFFFF;
}

.redCell { 
    background-color: #D9534F !important;
    color: #FFFFFF;
}

.greenCell {
    background-color:#5cb85c !important;
    color: #FFFFFF;
}

.input-group input {
    border: 2px solid var(--Inputs-Border);
}

#elementsSelection form input[type="text"], 
#elementsSelection form select, 
#elementsSelection form input[type="password"],
#elementsSelection form input[type="number"] {
    border: 1px solid var(--Inputs-Border);
}
.addBundleCourseFormContainer select,
.addFunnelTrackerPageFormContainer select {
    color: #333;
}

#m10wrap .dynamicRedirectLine input[readonly], #m10wrap .oneClickOptinLine input[readonly], #m10wrap  .sourceTrackingLinkName input[readonly] {
    background-color: var(--Inputs-Read-Only-BG) !important;
    color: var(--Text-Color-Menu) !important;
    border-color: var(--Inputs-Border-ReadOnly) !important;
}

.lchpaditem {
    background-color: #f6f9fc;
}

.lchredirect {
    background-color: #ecf0f1;
}

.lchevergreen {
    background-color: #bdc3c7;
}

#namediv, #postdiv {
    border: 2px solid #e5e5e5 !important;
}

.sortableMenu li{
    background-color:#f2f2f2;
}
.errorMessage{
    color: red;
}

.courseDrip input{
    border: 1px solid #ccc !important;
    color: #667 !important;
}
.addCoursePageContainer,
.addCourseContainer {
    background-color: #f2f2f2;
    color: #aaa;
}

.coursePageTemplate {
    color: #333333;
}
.coursePageSlug {
    color: #aaa;
}

.portalPageSlug {
    color: #aaa;
}

.portalPage td {
    background-color: #FFFFFF;
}
.sortableMenu td {
    border-bottom: 2px solid #ecf3fa;
    background-color: #FFFFFF;
}

.nocontent {
    background-color: var(--Content-Background) !important;
    color: #999;
}

#noAffiliateCommissionProgramsBlock,
#noAffiliateLinksBlock,
#noAffiliateResourcesBlock,
#noAudiencesBlock,
#noBundlesBlock,
#noFunnelTrackersBlock,
#noQuizzesBlock,
#noSourceTrackingLinksBlock,
#noCustomersBlock,
#noMembersBlock,
#noAffiliatesBlock,
#noExternalProductsBlock,
#noOneClickOptinsBlock,
#noOptinBoxesBlock,
#noCheckoutBoxesBlock,
#noPostsBlock,
#noSalesBlock,
#noViralCampaignsBlock,
#noDynamicRedirectsBlock,
.noItemsBlock {
    background-color: var(--Content-Background);
    color: #999;
}

.btn.pageDelay {
    color: #FFFFFF;
    background-color: #bbbbbb;
}

.ColorPickerClose {
    background-color: transparent !important;
    border: none !important;
    float: right !important;
}

#nav-menu-meta .accordion-section-content {
    background-color: #f6f9fc;
}

#update-nav-menu #post-body {
    background-color: #f6f9fc;
}


.manage-menus {
    background-color: #ecf3fa;
    border: 0px solid #FFFFFF !important;
}

.m10wrap .add-new-h2, .m10wrap .add-new-h2:active {
    background: #e0e0e0 none repeat scroll 0 0;
}

#titlediv #title {
    border: 2px solid var(--Inputs-Border); 
}
.postbox {
    background-color: #fafafa;
}

#page-templates-box {
    background-color: #fafafa;
}
.m10-dialog .ui-dialog-titlebar-close {
    color: #CBCBCB !important;
}
.m10-dialog .ui-dialog-titlebar-close:hover::before {
    color: #CBCBCB !important;
}

.m10-dialog .ui-dialog-titlebar-close::before {
    color: #CBCBCB !important;
}
#pageBuilderSidebar input[type="file"] {
    color: #ccc !important;
}
#videoMoreSettings {
    border-bottom: 1px solid #222;
}
.audienceuser {
    background-color: #333;   
}
.testWebhookLinkContainer .testWebhookLink {
    color: var(--Text-Color-Main);
}
.redirectRuleContainer {
    border: 1px solid #d7d2d2;
    background-color: #ddd;
}
.templatelabel {
    color: #2d91fb;
}
.toggleControl {
    border-bottom: 1px solid #222;
}
.toggleContainer {
    background-color: #333;
    border-bottom: 1px solid #222;
}
#importCampaignDescription {
    background-color: #ecf0f1;
}
.addPBRow .pbColumnContent {
    background-color: #29c4a9;
}
.addPBRow:hover .pbColumnContent {
    background-color: #00AE92;
}
.helpBox ul.dropdown-menu {
    background-color: #ecf0f1;
}

#selectRowTypeLabel {
    color: #FFFFFF;
}
.extraSettings {
    background-color: #333;
}
.dashboardframe {
    color: var(--Text-Color-Main);
}
.dashboardmessage {
    background-color: var(--Boxes-Background);
    color: var(--Text-Color-Main);
}
.pageRecordFeature {
    color: #888 !important;
}
.pageRecordFeature a {
    color: #888;
}

.pageRecordFeature a:hover {
    color: #337ab7;
}
.countUserInformation {
    color: var(--Primary-Color-Interface);
}
.paneltable .mceLayout td {
    background-color: transparent;
}
#m10-affiAcceptTermsLabel-editor-container {
    border: 1px solid #CCCCCC;
}
.paneltable td input.incorrectUrl {
    border-color: #e74c3c !important;
}
.quizQuestionSettingsBlock {
    border-bottom: 1px solid #222;
}
#billingBlockSettings .toggle-handle {
    background-color: #FFFFFF;
}
.m10wrap .dropdown-item {
    color: #000000;
}
#campaignSelect .btn-default, #campaignSelect .btn-default:hover, #campaignSelect .btn-default:focus {
    background-color: var(--Input-Custom-BG);
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #000000;
    background-color: var(--Modal-Background);
}

.adminPageActionsList {
    color: var(--Text-Color-Main);
}
.warningModal .modal-content {
    background-color: #fa5c7c; 
    color: #FFFFFF;
}
.warningModal .cancelDeleteButton {
    color: #313a46;
    width: 48%
}
.warningModal .warningModalContinueButton {
    float: right;
    width: 48%
}
.warningModal .warningModalContinueButton,
.warningModal .warningModalContinueButton:hover {
    color: #c0392b;
}
.warningModal .warningModalTitle {
    color: #FFFFFF;
}
.warningModal .closeModalButton {
    color: #FFFFFF;
}
.warningModal .closeModalButton:hover {
    color: #FFFFFF;
}
#structureItemSearchOptions {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.structureItemNameSearch {
    margin-bottom: 0px !important;
    width: 70%;
}
#structureItemType {
    width: 30%;
    padding: 5px 8px 5px 8px !important;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 150px;
}
#structureItemNameAddToFavorites {
    margin-bottom: 5px;
}
#m10-link {
    background-color: transparent !important;
}
#m10-link .button-primary {
    background-color: var(--Primary-Color-Interface);
    color: #000000;
}
.m10-dialog .ui-dialog-titlebar {
    background-color: transparent !important;
}
.btn.pageDelay.activePageDelay {
    color: #08ab7c !important;
}
.modal-body .paneltophead {
    background-color: #FFFFFF;
    border-bottom: 1px solid var(--Line-Color-Light);
}
.modal-body .paneltable th {
    border-bottom: 1px solid var(--Line-Color-Light);
    background-color: transparent;
}
.modal-content .paneltable td:not(.mceIframeContainer) {
    border-bottom: 1px solid var(--Line-Color-Light);
    background-color: transparent;
    padding-right: 0px;
}

.adminPageEditorContent .custom-control-input:checked ~ .custom-control-label::before,
#m10content .custom-control-input:checked ~ .custom-control-label::before,
#m10content #usersResultsDialog .custom-control-input:checked ~ .custom-control-label::before,
#m10wrap .custom-control-input:checked ~ .custom-control-label::before,
#pageBuilderSidebar .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--Primary-Color-Interface);
    background-color: var(--Primary-Color-Interface);
}
.modal-body .panelcontent {
    background-color: var(--Modal-Background);
    color: #000000;
}


.modal-body .panelcontent a.btn-primary, .modal-body .panelcontent button.btn-primary  {
    color: #FFFFFF !important;
    background-color: var(--Primary-Color-Interface) !important;
    border-color: var(--Primary-Color-Interface) !important;
}

.modal-body .panelcontent a.btn-primary, .modal-body .panelcontent button.btn-primary:hover {
    color: #FFFFFF !important;
    background-color: var(--Primary-Color-Interface) !important;
    border-color: var(--Primary-Color-Interface) !important;
}

.modal-body .panelcontent a, .modal-body .panelcontent button {
    color: #000000 !important;
}

.modal-body .panelcontent .btn {
    background-color: #FFFFFF !important;
}

.modal-body .panelcontent button.pageActionButton, .modal-body .panelcontent a.pageActionButton {
    border: 0px !important;
    background-color: transparent !important;
}

.panelcontent .boostbut {
    border: none !important;
}

.modal-body .panelcontent a:hover, .modal-body .panelcontent button:hover {
    color: #007c32 !important;
}
.modal-body .panelcontent a.deleteTrophy:hover,
.modal-body .panelcontent a.deleteLadderItemTitle:hover {
    background-color: transparent !important;
}

.modal-body .panelcontent button.dropdown-toggle:hover {
    color: #000000 !important
}

.modal-body .panelbottomfoot {
    background-color: #FFFFFF;
    border-top: 1px solid var(--Line-Color-Light);
}
.successActionBadge {
    background: #27ae60;
    color: #FFFFFF;
}
.modal-body .progressActionBlock button.close,
.modal-body .quizQuestionContainer button.close,
.modal-body #quizGroupsSettings button.close,
.modal-body #autoWebinarSettings .removeMultiRule {
    color: #000000;
}
.loadingProgressWithSpinner {
    color: #aaaaaa;
}
.deleteItemBlue {
    color: #FFFFFF !important;
    background: transparent;
}
.m10-core-ui #ui-datepicker-div {
    border: 1px solid #e4eaf2 !important;
    z-index: 10000 !important;
}
.m10-core-ui .ui-datepicker-calendar {
    color: #333 !important;
    border: none !important;
}
.m10-core-ui #ui-datepicker-div .ui-widget-header {
    background-color: #FFFFFF !important;
    color: #333 !important;
    border: none !important;
    background-image: none !important;
}
.m10-core-ui .ui-datepicker-calendar .ui-state-default {
    background-color: #FFFFFF !important;
    color: #333 !important;
}
.m10-core-ui .ui-datepicker-calendar .ui-state-active {
    background-color: var(--Primary-Color-Interface) !important;
    color: #ffffff !important;	
}
.m10-core-ui .ui-datepicker-calendar .ui-state-default:hover {
    background-color: var(--Primary-Color-Interface) !important;
    color: #ffffff !important;
}
.m10-core-ui .ui-datepicker-calendar .ui-datepicker-prev:hover, .m10-core-ui .ui-datepicker-calendar .ui-datepicker-next:hover {
    background-color: #e0e0e0 !important;
}
.actionsColumn {
    background-color: #F2F6FB;
}
.campaignImportType {
    background-color: #FFFFFF;
    border: 2px solid #CCCCCC;
}
.campaignImportType:hover,
.campaignImportTypeSelected {
    border: 2px solid var(--Primary-Color-Interface);
    text-decoration: none !important;
}
.campiName {
    color: var(--Primary-Color-Interface);
}
.campiDesc {
    color: var(--Text-Color-Light);
}

#addEditPageForm .selectTemplateButton {
    background-color: var(--Primary-Color-Interface) !important;
}

#addEditPageForm .selectTemplateButton:hover {
    color: #000000 !important;
}

#addEditPageForm .previewTemplateButton {
    background-color: #e0e0e0 !important;
    color: #000000 !important;	
}

#m10wrap #searchPagesList .pageActionButton {
    background-color: transparent !important;
}

#m10wrap #searchPagesList .pageActionButton:hover {
    color: #007c32 !important;
}

#m10wrap #searchPagesList .pageRecordSlugBox {
    color: #aaa;
}


@media only screen and (max-width:1024px){

    #m10wrap #adminmenuwrap {
        background-color: var(--Sidebar-BG-Color);
    }



}

#DashboardPage .panel-body {
    background: none !important;
}


.dashlinks {
    background-color: #424250;
    color: #FFFFFF !important;
}


.dashlinks .fa {
    color: var(--Primary-Color-Interface);
}


.dashlinks:hover {
    background-color: var(--Primary-Color-Interface);
    color: var(--Primary-Color-Interface-Text-Hover) !important;
}
.dashlinks:hover .fa {
    color: var(--Primary-Color-Interface-Text-Hover);
}

.dashlinks.upgradeAccountLink {
    background-color: #b94d91;
    color: #FFFFFF !important;
}

.dashlinks.upgradeAccountLink .fa {
    color: #FFFFFF;
}

.dashlinks.upgradeAccountLink:hover {
    background-color: #c76ca4;
    color: #000000 !important;
}

.dashlinks.upgradeAccountLink:hover .fa {
    color: #000000;
}


.dashlinks.upgradeAccountLink .fa {
    color: #FFFFFF;
}

.videoBox {
    background-color: var(--Boxes-Background);
}

.linksBox {
    background-color: var(--Boxes-Background);
}

.forumCategoryLine > td {
    background-color: transparent;
}

/* END Color Style */




/* From M10Admin.css */




#m10footer {
    display: none !important;
}

#m10wrap #elementsSelection input[type="checkbox"]:checked::before {
    margin: -3px 0px 0px -4px;
}

.m10wrap h1, .m10wrap h2, .m10wrap h3, .m10wrap h4 {
    margin: 0px 0px 0px;
}

.m10wrap .panel-head h2 {
    margin-bottom: 5px;
}

#adminHamburgerMenu {
    display: none;
    position: absolute;
    top: 25px;
    right: 20px;
    cursor: pointer;
}

#adminPlatformLogo {
    text-align: center;
    padding: 20px 20px 14px;
    display: block;
}

.mpmbuilder select {
    color: #333 !important;
}

.listIconOption,
.listButtonsIconOption,
.listRightIconOption, 
.fontsListOption,
.acceptTermsFontsListOption,
.quizAcceptTermsFontsListOption,
.postDateFontsListOption,
.postButtonFontsListOption,
.downloadsTextFontsListOption,
.downloadsTitleFontsListOption,
.textFontsListOption,
.lessonTitleFontsListOption,
.lessonContentFontsListOption,
.quizContentFontsListOption,
.listDownloadTitleIconOption,
.quizButtonsFontsListOption,
.titleFontsListOption,
.inputsFontsListOption,
.buttonsFontsListOption,
.orderSummaryFontsListOption,
.orderBumpFontsListOption,
.leftTitleFontsListOption,
.leftTextFontsListOption,
.rightTitleFontsListOption,
.rightTextFontsListOption,
.quizQuestionsFontsListOption,
.quizAnswersFontsListOption,
.subTextFontsListOption{
    color: #333 !important;
}

.listButtonsIconOption, .listButtonsIconOption:hover,
.listIconOption, .listIconOption:hover,
.listRightIconOption, .listRightIconOption:hover,
.fontsListOption, .fontsListOption:hover,
.acceptTermsFontsListOption, .acceptTermsFontsListOption:hover,
.quizAcceptTermsFontsListOption, .quizAcceptTermsFontsListOption:hover,
.postDateFontsListOption, .postDateFontsListOption:hover,
.postButtonFontsListOption, .postButtonFontsListOption:hover,
.downloadsTextFontsListOption, .downloadsTextFontsListOption:hover,
.downloadsTitleFontsListOption, .downloadsTitleFontsListOption:hover,
.textFontsListOption, .textFontsListOption:hover,
.lessonTitleFontsListOption, .lessonTitleFontsListOption:hover,
.lessonContentFontsListOption, .lessonContentFontsListOption:hover,
.quizContentFontsListOption, .quizContentFontsListOption:hover,
.listDownloadTitleIconOption, .listDownloadTitleIconOption:hover,
.quizButtonsFontsListOption, .quizButtonsFontsListOption:hover,
.quizButtonsFontsListOption, .quizButtonsFontsListOption:hover,
.titleFontsListOption, .titleFontsListOption:hover,
.inputsFontsListOption, .inputsFontsListOption:hover,
.buttonsFontsListOption, .buttonsFontsListOption:hover,
.orderSummaryFontsListOption, .orderSummaryFontsListOption:hover,
.orderBumpFontsListOption, .orderBumpFontsListOption:hover {
    text-decoration: none !important;
}

.listIconOption {
    margin-bottom: 5px;
}

.builderitem {
    border-bottom: 0px solid #222;
    margin: 0 0px 20px !important;
    padding: 0 10px;
}

.rightSideItem .builderitem.checkboxElement {
    margin-bottom: 0px !important;
}

.form-control.filePath {
    padding: 8px 5px;
}

.nbbuilderitem {
    margin: 0 -10px 12px !important;
    padding: 0 10px 10px;
}

.builderct {
    margin: 0 -10px 0px !important;
    padding: 10px 10px 10px;
}

.alignRight {
    text-align: right;
}

.alignLeft {
    text-align: left !important;
}

.pageBuilderControlsBox a {
    text-decoration: none;
}

#pageBuilderSidebar {
    position: relative;
    float: left;
    width: 345px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 1 !important;
}

#themeTitle {
    background-color: #333;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    padding: 20px 15px;
    text-transform: uppercase;
    border-right: 3px solid #333;
}

#saveTemplateForPage {
    border-radius: 0px !important;
    border: none !important;
    padding: 5px !important;
    background-color: transparent;
    color: #ffffff !important;
}

#viewPage.width50Percents, #saveTemplateForPage.width50Percents {
    width: 50%;
}

#viewPage {
    padding: 5px !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: transparent;
    text-transform: uppercase;
}

#m10wrap .quicktags-toolbar, 
#m10wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
    border-bottom: 1px solid #dedede !important;
    background: #f5f5f5;
    padding: 1px;
    vertical-align: middle;
}

#saveTemplateForPage.width50Percents {
    width: 50%;
}

#saveTemplateForPage.width100Percents {
    width: 100%;
}


#pageTemplateExportBtn {
    padding: 7px 0 7px 25px;
    color: #ffffff;
    text-decoration: none;
}

#pageTemplateExportBtn:active, #pageTemplateExportBtn:visited {
    text-decoration: none;
}

#editable-internal-objects div.btn-block, 
#editable-popup-settings div.btn-block{
    color: #FFFFFF;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
}

#elementsSelection .btn-block:hover,
#elementsSelection .btn-block-hover {
    text-decoration: none !important;
    cursor: pointer;
}



#editable-popup-settings div {
    font-size: 12px;
}

#gotoWebinarsContainer {
    line-height: 1.1;
    color: #CCCCCC;
    font-size: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}

p.settingExtraField,
span.settingExtraField,
.settingExtraField span, .settingExtraField {
    line-height: 1.1 !important;
    color: #CCCCCC;
    font-size: 10px;
    margin-top: 5px;
}

.settingExtraField .dropdown-toggle span {
    color: inherit;
}

.videoParameterBox {
    margin-bottom: 7px;
}

#elementsSelection h3 {
    margin: 0px;
}

#elementsSelection label {
    color: #FFFFFF;
    font-size: 12px;
    max-width: 90%;
}

#elementsSelection .checkboxElement > label {
    margin-bottom: 0px;
}

#elementsSelection .elementEditor a {
    color: #ffffff;
    text-decoration: underline;
}

#elementsSelection .elementEditor a:hover {
    color: #cccccc;
    text-decoration: underline;
}

#elementsSelection #elementToAddList a {
    color: #7f8c8d;
    cursor: pointer;
}

#elementsSelection #elementToAddList a:hover {
    color: #555555;
    text-decoration: none;
}

#elementsSelection .elementEditor .dropdown-menu a {
    color: #333;
    text-decoration: none;
}

#deleteImage {
    font-size: 11px;
}

#textValue {
    height: 40px;
}

.editable-child {
    margin-left: 20px;
}

.pageBuilderControlsBox {
    padding: 0px;
}

#manageChanges {
    text-align: left;
    background-color: #46464D;
    border-bottom: 2px solid #212121;
    padding: 17px 10px;
}

#elementsSelection #resetbuttondiv {
    background-color: #333;
    margin-top: 15px;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 345px;
}

#resetbuttondiv {
    display: none;
}

#cropImagePreviewContainer,
.imageCropperPreviewContainer {
    text-align: center;
    width: 400px;
    height: 400px;
    margin: 0px auto;
    position: relative;
}

#tempCroppedPreview {
    width: 300px; 
    height: 300px; 
    overflow: hidden;
}

.croppedPreview {
    overflow: hidden;
    display: inline-block;
}

.courseImageSettings .croppedPreview {
    width: 300px;
    height: 166.66px;
}

.headerImageSettings .croppedPreview {
    width: 300px;
    height: 106.2px;
}

.certificateLogoSettings .croppedPreview {
    width: 150px; 
    height: 86.25px;
}

.certificateSignatureSettings .croppedPreview {
    width: 150px; 
    height: 82.5px;
}

.quizzesBadgeSettings .croppedPreview {
    width: 100px; 
    height: 100px;
}

.generalSettingsImagePreview #tempCroppedPreview,
.onlineCoursesImagePreview #tempCroppedPreview {
    width: 200px; 
    height: 50px; 
    overflow: hidden;
    opacity: 0;
}

.generalSettingsImagePreview, .onlineCoursesImagePreview {
    opacity: 0;
    position: absolute;
    top: -1000px;
}

#elementsSelection .resetButton {
    background-color: transparent;
    border: 0 none;
    color: #777 !important;
    width: 100%;
}

#elementVisibility,
#video_useVideoCode {
    margin: 2px 2px 0px 0px;
}

#insertRowTitle, #insertBlockTitle {
    background-color: #212121;
    border-bottom: 0 none;
    color: #FFFFFF;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0px 10px;
    padding: 13px 10px;
}

#insertRowTitle, #insertBlockTitle { 
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
}

#objectParameters input[type="radio"] {
    margin-top: 0px;
}

.countdownTimerType, .webinarDateType {
    margin-bottom: 10px;
}

.countdownTimerType label,
.webinarDateType label {
    margin-bottom: 0px;
}

#textValue,
#autoresponderValue {
    width: 100%;
    height: 100px;
}

#deletePBBlock {
    width: 33.33%;
}   

.autoresponderValue {
    display: none;
}

input[type=text].changeableField, 
input[type=file].changeableField,
input[type=number].changeableField,
.changeableField.videoParameter, 
.changeableField.customcontent, 
#imageUnloader {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.hasDatepicker {
    width: 100%;
}

#dataTimePicker {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#colorValue, #linksColorValue, #textColorValue, #backgroundColor, #borderColorValue, #imageBorderColorValue,
#toggleBackgroundColor, #lessonTitleColor, #downloadTitleIconColor, #titleBackgroundColor, #lessonContentColor, #lessonLinksColor,
#quizContentColor, #quizLinksColor,
#downloadsBackgroundColor, #downloadsTextColor, #downloadsTitleColor,
#popupSubmitColorValue, #popupSubmitBGColorValue,
#popupSafeMessageColorValue, #progressBarColorValue,
#progressBarBGColorValue,
#column1backgroundColor, #column2backgroundColor, #column3backgroundColor, #column4backgroundColor,
#column1borderColorValue, #column2borderColorValue, #column3borderColorValue, #column4borderColorValue, #iconColor, #iconsColor, 
#step1AcceptTermsColor, #step1AcceptTermsLinksColor, #acceptTermsColor, #acceptTermsLinksColor, 
#quizAcceptTermsColor, #quizAcceptTermsLinksColor, #postDateColor,
#headlineColor, #headlineBackgroundColor, #inputsBordersColorValue, #quizInputsBordersColorValue, #controlsColor,
#quizButtonsColorValue, #quizButtonsBGColorValue, #buttonBackgroundColor, #buttonColor, #progressColorValue,
#hoverColorValue, #hoverBGColorValue, #hoverBorderColorValue, #contentBackgroundColor,
#titleColor, #activeTitleColor, #titlesBGColor, #titlesBorderColor, #inputsColor, #buttonsColor, #buttonsBGColor, #buttonsBordersColorValue,
#orderSummaryColor, #orderBumpTitleColor, #orderBumpTitleBGColor, #orderBumpColor,
#orderBumpBGColor, #orderBumpBordersColorValue, #itemBGColor, #blockBordersColorValue,
#itemsColor, #itemsBGColor,
#submenuBackgroundColor, #submenuColor,
#submenuHoverBGColor, #submenuHoverColor,
#separatorColorValue, #overlayColor,
#leftTitleColor, #leftTextColor,
#rightTitleColor, #rightTextColor,
#leftImageBorderColor, #rightImageBorderColor,
#quizAnswersColor, #quizQuestionsColor,
#blockColumn1backgroundColor, #blockColumn2backgroundColor, #blockColumn3backgroundColor, 
#subTextColor {
    width: calc(100% - 29px) !important;
    padding: 3px 5px;
}

#elementsSelection input[type="checkbox"] {
    margin: 0px 5px 0px 0px !important;
}

textarea.changeableField {
    width: 100%;
    padding: 3px;
}

#videoCanHaveCode {
    margin-bottom: 7px;
}

#editable-gallery-image {
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: -5px;
}

.sectiontitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    padding-left: 0px;
    line-height: 1.2em;
    margin: 0px 0px 20px;
    font-weight: 700;
    text-transform: uppercase;

}

.btn-link {
    cursor: pointer;
}

.btn-link:hover,
.btn-link:focus {
    text-decoration: underline;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    vertical-align: middle;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.form-control.lg {
    width: 75%;
}

.form-control.md {
    width: 50%;
}

.form-control.sm {
    width: 25%;
}

.form-control.inline {
    display: inline;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    font-size: 14px;
    line-height: 1.42857;
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.well p {
    margin: 0 0 10px;
}

.shortcode-toggle {
    margin: 0 0 1.2em;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.shortcode-toggle h4 {
    margin: 0;
    padding: 18px 12px;
}

.shortcode-toggle h4,
.shortcode-toggle h4 a {
    display: block;
    text-decoration: none;
    font-size: 15px;
}

.shortcode-toggle h4 a:hover {
    text-decoration: none;
}

.shortcode-toggle .toggle-content  {
    padding: 10px 10px;
}

.shortcode-toggle.closed .toggle-content {
    display: none;
}

.panel {
    margin-bottom: 20px;
    border-radius: 0px !important;

}

.panel p {
    margin: 0 0 10px;
}

.m10wrap .panel-head {
    padding: 0px 0px 15px 0px;
    position: fixed;
    margin-right: 0px;
    z-index: 3;
    width: calc(100% - 300px);
    top: 0;
}



.m10wrap .panel-body {
    padding: 0px 0px 20px 0px;
    margin-left: 15px;
    margin-bottom: 20px;

}

.paneltable a {
    text-decoration: none;
}

.panel-default {
    border: 0 none !important;
    box-shadow:none !important;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}


.panel-heading h3 {
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 0px;
}

.panel-title > a {
    text-decoration: underline;
}


.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
}

.OCError,
.OCupdated {
    margin-bottom: 10px;
    padding: 10px;    
}

.secretpaypal li {
    margin-left: 20px;
    margin-bottom: 0px;
}

#innerbox {
    padding: 20px 0px;
    border-bottom: 1px dashed #CCCCCC;
}

#innerleft {
    float:left;
    width:300px;
}

#innerright {
    margin-left: 300px;
    width: 475px;
}

#innerright img {
    max-width: 100%;
}

#tableframe {
    border-radius: 7px;
    margin-bottom: 20px;
}

.mpm table {
    border-collapse: collapse;
    border-spacing: 0;
}

.mpm table {
    max-width: 100%;
    background-color: transparent;
}

.mpm th {
    text-align: left;
}


.mpm .table {
    width: 100%;
    margin-bottom: 20px;
    color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

.mpm .table.fontsm {
    font-size: 12px;
}

.mpm .table a {
    text-decoration: none;
}

.mpm .table a:hover, .table a:focus {
    text-decoration: underline;
}

.mpm .table > thead > tr > th,
.mpm .table > tbody > tr > th,
.mpm .table > tfoot > tr > th,
.mpm .table > thead > tr > td,
.mpm .table > tbody > tr > td,
.mpm .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
}

.mpm .table > thead > tr > th {
    vertical-align: bottom;
}

.mpm .table > caption + thead > tr:first-child > th,
.mpm .table > colgroup + thead > tr:first-child > th,
.mpm .table > thead:first-child > tr:first-child > th,
.mpm .table > caption + thead > tr:first-child > td,
.mpm .table > colgroup + thead > tr:first-child > td,
.mpm .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.mpm .table-condensed > thead > tr > th,
.mpm .table-condensed > tbody > tr > th,
.mpm .table-condensed > tfoot > tr > th,
.mpm .table-condensed > thead > tr > td,
.mpm .table-condensed > tbody > tr > td,
.mpm .table-condensed > tfoot > tr > td {
    padding: 5px;
}

.mpm .table-bordered > thead > tr > th,
.mpm .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.mpm table col[class*="col-"] {
    display: table-column;
    float: none;
}

.mpm table td[class*="col-"],
.mpm table th[class*="col-"] {
    display: table-cell;
    float: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px;
    border-radius: 4px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.idTabs {
    border-bottom: 0 none;
    height: 29px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.idTabs li {
    display: inline;
    margin-bottom: 0;
    width: 100px;
}

.idTabs a {
    border-bottom: 0 none;
    border-image: none !important;
    border-radius: 5px 5px 0 0;
    font: 700 14px Verdana;
    margin: 1px 4px 0 0;
    min-width: 95px;
    padding: 8px 10px 11px;
    text-decoration: none !important;

}

.affmembers {
    margin-top: -14px;
    padding: 4px 4px 2px;
}

.affmembers li {
    display: inline;
    width: 100px;
    margin-bottom: 0px;
    margin-right: 10px;
}

.affmembers li a {
    text-decoration: none;
}

.affmembers li a:hover {
    text-decoration: underline !important;
}

.affmark {
    color: #FFFFFF !important;
    text-decoration: none !important;

}

#m10-content-editor-container h1 {
    line-height: 1.2 !important;
}

.sectionTopBox {
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}

.sectionContentBox {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}

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

.blgsplitrow {
    margin-bottom: 10px;
}

.blgsplitcat {
    box-sizing: border-box;
    float: left;
    font-family: "open sans condensed";
    font-size: 25px;
    font-weight: 700;
    padding: 10px 25px;
    min-width: 10%;
}

.blgsplititem {
    box-sizing: border-box;
    float: left;
    font-size: 20px;
    font-weight: 700;
    padding: 13px 20px 12px;
    text-align: center;
    width: 30%;
}

#blgsplithd {
    float: left;
    width: 10%;
}

.blgsplithditem {
    float: left;
    width: 30%;
    text-align: center;
    font-weight: 700;
    font-size: 18px;

}

#ct_bottompostbanner_reset_button {
    cursor: pointer;
}

#addElementDropdownMenu {
    width: 100%;
}

#addBulletItem, #addPricingTableLine, #assignVideoTag {
    width: 100%;
    margin-top: 10px;
}

#addNewToggleDownload{
    width: 100%;
    margin-top: 0px;
}

#listIconDropdown,
#listDownloadTitleIconDropdown,
#listBulletsSettings .bulletIconsSelect,
#listButtonsIconDropdown,
#listRightIconDropdown {
    padding: 10px;
}

#listIconDropdown a,
#listDownloadTitleIconDropdown a,
#listBulletsSettings .bulletIconsSelect a,
#listButtonsIconDropdown a,
#listRightIconDropdown a{
    display: inline-block;
    width: 28px;
    font-size: 20px;
}

#listIconDropdownButton {
    width: 100%;
    text-align: left;
}

.bulletSettingsBlock, .videoEventSettings, .audioEventSettings, .linkSettingsBlock {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.right {
    float: right;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.toggleLink {
    border-radius: 2px;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 7px 5px;
    text-decoration: none;
}

#objectParameters select,
#elementsSelection select {
    width: 100%;
}

#editable-stripe-settings select {
    width: 100%;
}

.pages_page_templates-editor .mceListBoxMenu .mce_address,
.pages_page_templates-editor .mceListBoxMenu .mce_pre,
.pages_page_templates-editor .mceListBoxMenu .mce_h3,
.pages_page_templates-editor .mceListBoxMenu .mce_h4,
.pages_page_templates-editor .mceListBoxMenu .mce_h5,
.pages_page_templates-editor .mceListBoxMenu .mce_h6 {
    display: none;
    color: red;
}

.pages_page_templates-editor #elementsSelection .mce_formatselect a.mceText,
.pages_page_templates-editor #elementsSelection .mce_formatselect a.mceText:hover,
.pages_page_templates-editor #elementsSelection .mce_formatselect a.mceText:active {
    text-decoration: none;
}

.wp_themeSkin a.mceButtonEnabled:hover, 
.wp_themeSkin table.mceSplitButton:hover {
    background: transparent !important;
    border-color: transparent !important;
}

.wp_themeSkin a.mceButtonEnabled.mceButtonActive {
    border-color: #ccc !important;
}

.wp_themeSkin a.mceButtonActive {
    background: transparent !important;
}

.wp_themeSkin .mceButton.mceButtonEnabled,
.wp_themeSkin .mceButton.mceButtonEnabled * {
    cursor: pointer !important;
}

.wp_themeSkin .mceSplitButtonEnabled a.mceOpen {
    height: 23px !important;
}

.wp_themeSkin .mceButton,
.wp_themeSkin .mceSplitButton a.mceAction {
    height: auto !important;
    width: auto !important;
}

#tinymce h1 {
    line-height: 1.1;
}

#notStartedImagePreview, #closeImagePreview {
    width: 100%;
    max-height: 200px;
}

#edited_text_toolbar2, #edited_text_toolbar3,
#lessonContentText_toolbar2, #lessonContentText_toolbar3 {
    display: inline;
}

#orderBumpText_toolbar1, #orderBumpText_toolbar2,
#acceptTermsText_toolbar1, #acceptTermsText_toolbar2
#step1AcceptTermsText_toolbar1, #step1AcceptTermsText_toolbar2{
    display: inline;
}


#edited_text_toolbar1,
#edited_text_toolbar2,
#edited_text_toolbar3,
#edited_text_toolbar4,
#edited_title_toolbar1,
#edited_title_toolbar2,
#edited_title_toolbar3,
#edited_title_toolbar4,
#edited_text1_toolbar1,
#edited_text1_toolbar2,
#edited_text1_toolbar3,
#edited_text1_toolbar4,
#edited_text2_toolbar1,
#edited_text2_toolbar2,
#edited_text2_toolbar3,
#edited_text2_toolbar4,
#edited_text3_toolbar1,
#edited_text3_toolbar2,
#edited_text3_toolbar3,
#edited_text3_toolbar4,
#edited_text4_toolbar1,
#edited_text4_toolbar2,
#edited_text4_toolbar3,
#edited_text4_toolbar4,
#edited_text5_toolbar1,
#edited_text5_toolbar2,
#edited_text5_toolbar3,
#edited_text5_toolbar4,
#edited_buttonLabel_toolbar1,
#lessonContentText_toolbar1,
#lessonContentText_toolbar2,
#lessonContentText_toolbar3,
#orderBumpText_toolbar1,
#orderBumpText_toolbar2,
#acceptTermsText_toolbar1,
#acceptTermsText_toolbar2,
#step1AcceptTermsText_toolbar1,
#step1AcceptTermsText_toolbar2,
#affiAcceptTermsLabel_toolbar2 {
    margin-left: 0px;
    margin-right: 0px;
}

#orderBumpText_image,
#orderBumpText_media,
#acceptTermsText_image,
#acceptTermsText_media,
#step1AcceptTermsText_image,
#step1AcceptTermsText_media,
#edited_text_image,
#edited_text_media,
#edited_title_image,
#edited_title_media,
#edited_text1_image,
#edited_text1_media,
#edited_text2_image,
#edited_text2_media,
#edited_text3_image,
#edited_text3_media,
#edited_text4_image,
#edited_text4_media,
#edited_text5_image,
#edited_text5_media,
#lessonContentText_image,
#lessonContentText_media,
#affiAcceptTermsLabel_image,
#affiAcceptTermsLabel_media,
#listBulletsSettings .mce_image,
#listBulletsSettings .mce_media {
    display: none;
}

#acceptTermsText_toolbar1,
#step1AcceptTermsText_toolbar1{
    display: none;
}

#elementsSelection a.mceButton:hover {
    text-decoration: none;
}


#edited_text_toolbargroup *,
#edited_title_toolbargroup *,
#edited_text1_toolbargroup *,
#edited_text2_toolbargroup *,
#edited_text3_toolbargroup *,
#edited_text4_toolbargroup *,
#edited_text5_toolbargroup *,
#edited_buttonLabel_toolbargroup *,
#lessonContentText_toolbargroup *,
#orderBumpText_toolbargroup *,
#acceptTermsText_toolbargroup *,
#step1AcceptTermsText_toolbargroup *,
#affiAcceptTermsLabel_toolbargroup * {
    box-sizing: content-box;
}

#edited_text_toolbar2 {
    margin-right: 0px;
    margin-left: 0px;
}

.removeListItem {
    cursor: pointer;
}

.listIconDropdownButton, .listDownloadTitleIconDropdownButton, 
.fontsListDropdownButton, .textFontsListDropdownButton, 
.lessonTitleFontsListDropdownButton, .lessonContentFontsListDropdownButton,
.quizContentFontsListDropdownButton,
.downloadsTitleFontsListDropdownButton, .downloadsTextFontsListDropdownButton,
.step1AcceptTermsFontsListDropdownButton,
.acceptTermsFontsListDropdownButton, .quizAcceptTermsFontsListDropdownButton, 
.postDateFontsListDropdownButton, .postButtonFontsListDropdownButton, .quizButtonsFontsListDropdownButton,
.titleFontsListDropdownButton, .inputsFontsListDropdownButton,
.buttonsFontsListDropdownButton, .orderSummaryFontsListDropdownButton,
.orderBumpFontsListDropdownButton,
.leftTitleFontsListDropdownButton,
.leftTextFontsListDropdownButton,
.rightTitleFontsListDropdownButton,
.rightTextFontsListDropdownButton,
.quizQuestionsFontsListDropdownButton,
.quizAnswersFontsListDropdownButton, 
.subTextFontsListDropdownButton {
    width: 100%;
}

.caret {
    position: absolute;
    right: 12px;
    top: 15px ;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown {
    position: relative;
}

.listIconDropdownButton {
    text-align: left;
}

.pageSettingsControl {
    width: 100%;
    box-sizing: border-box;
}

.pageSettingsBox {
    margin-bottom: 5px;
}

.removeImageLink {
    font-size: 11px;
}

#snxDIAdd {
    margin-top: 10px;
    width: 100%;
}

#snxDILabel {
    display: inline;
}

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

.paneltable .productIcon,
.boosterIcon {
    width: 20px;
    text-align: center;
}

.countdownWidgetName {
    max-width: 850px;
    padding-right: 20px;
    width:75%;
}

#globalSettingsPage .paneltable tr:last-child td, #Integrations .paneltable tr:last-child td {
    border: none;
}

#globalSettingsPage table td:first-child, #IntegrationPage table td:first-child {
    width: 300px;
}

#globalSettingsPage table td.mceToolbarStartButton {
    width: 0px;
}

.savedImagePreview {
    margin: 10px 0px 10px;
    height: 110px;
    text-align: right;
}

#addPushNotificationForm td:last-child {
    border-bottom: 0px;
}

#contactsImportTime {
    width: 50px;
}

#contactsImportDate {
    width: 100px;
}

.hidden {
    display: none;
}

#importToCountdownWidgetForm input,
#importToCountdownWidgetForm select {
    width: 100%; 
}

.headerAddNewItemButton,
#headerAddNewCategoryButton {
    display: block;
    font-weight: normal;
    padding: 3px 0px;
    text-decoration: none !important;
}

#campaignPageControlsContainer {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

#headerAddNewPageButton {
    font-weight: normal;
    padding: 3px 0px;
    text-decoration: none !important;
    align-self: center;
    font-size:18px;
    font-weight:400;
}

.campaingPagesFilter {
    max-width: 500px;
    flex: 1;
}

#autoWebinarType {
    margin-bottom: 5px;
}

.pageRecordName .fa-bars {
    margin-right: 7px; 
    margin-top: 26px;
    cursor: grab; 
    float: left;
}

.pageRecordTemplate {
    font-weight: bold;
    display: block;
    width: 100px;
    float: left;
    margin-right: 10px;
    height: 68px;
    padding: 0px;
    text-align: center;
}

.pageRecordTemplate > .PageCat {
    display: inline-block;
    height: 100%;
    padding: 10px;
    text-decoration: none !important;
    width: 100%;
}

.pageRecordTemplate:hover > .PageCat {
    margin-top: -2px;
}

.boostbut:hover {
    text-decoration: none;
}

.modal-body .boostbut:hover {
    background: transparent;
}

.PageCatIco {
    font-size: 30px;
    line-height: 30px;
}

.PageCatTit {
    font-weight: 300;
    font-size: 12px;
    text-decoration: none !important;
    text-transform: uppercase;
}

#selectedUsersAction {
    padding: 6px 16px 6px 5px;
}

.pageRecordTemplate img {
    margin-bottom:20px;
    width:100px;
}

.pageRecordName a {
    font-weight: bold;
    text-decoration: none;
}

.autoWebinarField {
    margin-bottom: 10px;
}

.multiRuleTypeContainer {
    margin-bottom: 10px;
}

#campaignRecordName {
    width: 500px;
    margin-bottom: 10px;
}

#contactsImportTime {
    width: 50px;
}

#contactsImportDate {
    width: 100px;
}

#exportQuestionsButton {
    text-decoration: none;
}

.autoWebinarField {
    margin-bottom: 10px;
}

a.btn {
    text-decoration: none;
    text-transform: capitalize;
    padding-top: 7px;
    padding-bottom: 7px;
}

a.btn:hover {
    text-decoration: none;
}

#noCampaignsBlock {
    display: none;
}

#loadingPages {
    display: none;
    padding: 20px 0px;
    text-align: center;
}

.loadingProgress {
    display: none;
    padding: 20px;
    text-align: center;
}

.page-builder-active .switch-page-builder {
    margin-right: 1px;
}

#page-templates {
    display: none;
}

#page-templates-box {
    height: 550px;
    overflow-y: scroll;
    padding-left:10px;
}

.page-builder-active #page-templates {
    display: block;
}

.page-builder-active #ed_toolbar,
.page-builder-active #content_parent,
.page-builder-active #content {
    display: none !important;
}

#top-line {
    height: 10px;
}

select#selectCategory {
    font-size: 13px;
    width: 100%;
}

.templateLinkBox, #selectedTemplateLinkBox {
    float: left;
    margin: 0px 10px 10px 0px;
    box-sizing: border-box;
    width: 247px;
    height: 201px;

}

.templateLinkBox:hover, #selectedTemplateLinkBox:hover {
    height: 202px;
    margin: 0 12px 9px 0;
    width: 245px;
}

.templateLinkBox {
    position: relative;
}

#templateSelectModal .templateLinkBox, 
#templateSelectModal #selectedTemplateLinkBox {
    width: calc((100% - 40px)/4);
    background-color: var(--Primary-Color-Interface) !important;
}

#templateSelectModal .templateLinkBox:hover, 
#templateSelectModal #selectedTemplateLinkBox:hover {
    width: calc((100% - 48px)/4);
}

.templateActions {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 50px 35px;
    box-sizing: border-box;
}

a.selectTemplateButton, a.selectTemplateButton:hover, a.selectTemplateButton:focus, a.selectTemplateButton:visited, a.selectTemplateButton:active,
.selectTemplateButton {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
    padding: 10px;
    cursor: pointer;
}

a.previewTemplateButton, a.previewTemplateButton:hover, a.previewTemplateButton:visited, a.previewTemplateButton:active {
    display: block;
    width: 100%;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
    padding: 10px;
}

.TemplateTitle {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight:bold;
    width: 90px;
    text-align: right;
}

.TemplateSelectBox {
    text-align: center;
}

.TemplateSelectLink,
.TemplateSelectLink:hover,
.TemplateSelectLink:active {
    padding: 8px;
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;

}

.pageRecordNameBox {
    cursor: text;
    display: inline;
    font-weight: bold;
}

.fancybox-inner b {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.locationRecordDetails .fa-puzzle-piece {
    color: #333333;
    margin-right: 10px;
}

.pageRecordDetails {
    margin-left: 130px;
}

.pageRecordSlugBox {
    font-size: 12px;
    font-weight: 300;
}

#autoWebinarType {
    margin-bottom: 5px;
}

.autoWebinarField {
    margin-bottom: 10px;
}

.panelbotinfo {
    margin: 10px 0px;
    padding: 10px;
}

#contactsImportTime {
    width: 50px;
}

#contactsImportDate {
    width: 100px;
}

#exportQuestionsButton {
    text-decoration: none;
}

.autoWebinarField {
    margin-bottom: 10px;
}

.loadingProgress {
    display: none;
    padding: 20px;
    text-align: center;
}


.input-group input {
    margin-left: 0;
    padding: 5px;
}

#elementsSelection form input[type="text"], 
#elementsSelection form select, 
#elementsSelection form input[type="password"],
#elementsSelection form input[type="number"] {
    margin-left: 0;
    padding: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 1.2 !important;
    vertical-align: bottom;
}

#addCoursePageForm select,
.addBundleCourseFormContainer select,
.addFunnelTrackerPageFormContainer select {
    box-sizing: border-box;
    font-size: 16px;
    height: auto;
    line-height: 1.1;
    padding: 5px 16px 5px 5px;
    vertical-align: bottom;
}

.addBundleCourseFormContainer select,
.addFunnelTrackerPageFormContainer select {
    font-size: 14px;
    padding: 3px;
}

.launchPadRecordName {
    font-weight: bold;
    text-decoration: none;
}

.lchpaditem {
    border-bottom: none;
    margin-bottom: 2px;
    padding: 10px;
}

.lchpaditem h4 {
    margin-top: 0px;
}

.lchitemleft {
    width:470px; 
    float: left; 
}

.lchitemright {
    width:200px;
    float: right;
}

#evergreentable {
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px 0px 0px 0px;
    box-sizing: border-box;
    margin-top: 10px;
}

#evergreentable input, #evergreentable select {
    width: 100%;
}

.lchredirect {
    padding: 10px;
    margin-bottom: 10px;
}

.lchredirect h4 {
    margin-top: 0px;
}

.lchevergreen {
    padding: 10px;
    margin-bottom: 10px;
}

.lchevergreen h4 {
    margin-top: 0px;
}

.fancybox-wrap {
    top: 20px !important;
}

#the-comment-list th, #the-comment-list td {
    box-shadow: none !important;
}

.deletecomment {
    margin-top: 1px;
    padding-top: 6px !important;
}

.sortableMenu li{
    padding:10px;
    margin-bottom:5px
}

.sortableLabel {
    float:left;
    width:100px;
}

.sortableRemove {
    float: right;
    margin-top: 5px;
    width: 250px;
}

.sortableRemove .bootstrap-switch {
    margin-right: 10px;
}

.courseDrip input{
    border-radius: 3px;
    font-size: 10px;
    margin: 0 5px 0 0 !important;
    padding: 4px 3px !important;
    width: 25px;
    text-align: center;
}

/*---------------course page---------------*/

.coursePages,
.bundleCourses,
.funnelTrackerPages,
#coursesGroupsList,
#portalPagesList {
    padding: 0px;
}


.addCoursePageContainer,
.addCourseContainer {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 2px;
    font-weight: normal;
}

.addNewItemDiv {
    background-color: #f2f2f2;
    color: #aaa;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 2px;
    font-weight: normal;
}

.addNewPageButtonContainer,
.addNewBundleCourseButtonContainer,
.addNewGroupButtonContainer,
.addNewItemDiv {
    padding: 10px 10px 10px 10px;
    cursor: pointer;
}

.addCoursePageFormContainer,
.addCoursesGroupFormContainer,
.addPortalPageFormContainer {
    display: none;
    padding: 0px 10px 10px 10px;
}

.addBundleCourseFormContainer {
    padding: 10px;
}

.portalPageActions {
    width: 140px;
    float:right;
}

#bundleCoursesList td,
#funnelTrackerPagesList td {
    padding: 3px;
    width: 100%;
}

#bundleCoursesList td:last-child,
#funnelTrackerPagesList td:last-child {
    width: 40px;
}

.coursePageTitle,
.portalPageTitle {
    cursor: text;
    display: inline;
    font-weight: bold;
}

.coursePageSlug {
    font-size: 12px;
    font-weight: 300;
    padding-left: 20px;
}

.portalPageSlug {
    font-size: 12px;
    font-weight: 300;
}

.coursePageInfo {
    width: 100%;
}

.coursePageInfo i.fa-bars {
    float: left;
    margin-top: 13px;
}

.coursePageInfo i.fa-pencil {
    font-size: 12px;
}

.coursePageActions,
.portalPageActionsTr {
    text-align: right;
    width: 100px;
}

.modalItemRow,
.portalPage {
    margin-bottom: 3px;
}

.modalItemRow table {
    width: 100%;
}

.modalItemRow td,
.portalPage td {
    background-color: #fff;
    padding: 10px 10px 5px 10px;
}

#addEditAudienceForm label {
    display: inline-block;
}

#addEditCourseDialog .ontraportTagSelect + .loadingProgress {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    padding: 10px;
}

.nocontent {
    font-weight: 700;
    padding: 20px !important;
    text-align: center;
}

#noAffiliateCommissionProgramsBlock,
#noAffiliateLinksBlock,
#noAffiliateResourcesBlock,
#noAudiencesBlock,
#noCustomersBlock,
#noMembersBlock,
#noAffiliatesBlock,
#noExternalProductsBlock,
#noOneClickOptinsBlock,
#noOptinBoxesBlock,
#noCheckoutBoxesBlock,
#noSalesBlock,
#noViralCampaignsBlock,
#noDynamicRedirectsBlock,
#noBundlesBlock,
#noFunnelTrackersBlock,
#noPostsBlock,
#noQuizzesBlock,
#noSourceTrackingLinksBlock
#noItemsBlock {
    display: none;
}

#noAffiliateCommissionProgramsBlock,
#noAffiliateLinksBlock,
#noAffiliateResourcesBlock,
#noAudiencesBlock,
#noBundlesBlock,
#noFunnelTrackersBlock,
#noQuizzesBlock,
#noSourceTrackingLinksBlock,
#noCustomersBlock,
#noMembersBlock,
#noAffiliatesBlock,
#noExternalProductsBlock,
#noOneClickOptinsBlock,
#noOptinBoxesBlock,
#noCheckoutBoxesBlock,
#noPostsBlock,
#noSalesBlock,
#noViralCampaignsBlock,
#noDynamicRedirectsBlock,
.noItemsBlock {
    padding: 20px !important;
    text-align: center;
    font-weight: 700;
}

a.btn.pageEditLink,
a.btn.pageViewLink,
a.btn.duplicateCoursePageLink,
a.btn.duplicatePortalPageLink,
.coursePageActions a.btn,
.portalPageActions a.btn {
    margin-right: 5px;
    padding: 2px 5px !important;
    font-size: 12px;
    line-height: 1.5;
}

.upgradeOfferLine button.btn {
    margin-right: 5px;
    padding: 6px 5px !important;
}

.btn.pageDelay {
    margin-right: 4px;
}

.addNewCoursePageButton .fa-refresh,
.addNewCoursesGroupButton .fa-refresh,
.addNewPortalPageButton .fa-refresh {
    display: none;
}

#audienceOptions {
    display: none;
}

#titlediv #title-prompt-text, #m10-fullscreen-title-prompt-text {
    font-weight: normal !important;
    padding: 9px 10px !important;
    font-size: 14px;
}

#nav-menu-meta label, .menu-theme-locations label, .auto-add-pages label {
    font-weight: normal !important;
}

#menu-name {
    font-weight: normal !important;
}

.ColorPickerSelect {
    margin-left: 30px !important;
    margin-top: 10px !important;
}

#nav-menu-meta h3 {
    margin-bottom: 0px !important;
}

#update-nav-menu #post-body label {
    font-weight: normal;
}

.manage-menus {
    margin-bottom: 2px;
    padding: 10px;
}

#nav-menus-frame {
    margin-top: 1px !important;
}

.page-builder-active .m10-editor-tabs {
    display: none !important;
}

.page-builder-active #m10-content-media-buttons {
    display: none !important;    
}

.inline-edit-row label {
    font-weight: normal;
}

.m10wrap .add-new-h2, .m10wrap .add-new-h2:active {
    border: 0 none;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    margin-left: 4px;
    padding: 4px 8px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    top: -3px;
}

div.widget-liquid-left, div.widget-liquid-right {
    width: 48%;
}

#m10-link .submitbox {
    height: 45px !important;
}

.m10-dialog .ui-dialog-titlebar-close {
    top: 18px !important;
    right: 8px !important;
    font-size: 17px !important;
    padding: 0px !important;
    z-index: 2;
}

#m10-link #link-options label span {
    width: 55px;
}

#m10-link #link-options label span,
#m10-link #link-options .linkOptionsItem {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
}

#m10-link #link-options .linkOptionsItem input {
    margin-top: -3px;
    margin-right: 5px;
}

#m10-link #link-options .linkOptionsItem {
    margin-top: 10px;
}

#m10-link label input[type="text"] {
    width: 370px !important;
}

#m10-link #link-options p.howto {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    margin: 0px 0px 10px 0px;
}

.m10-dialog .ui-dialog-titlebar-close:hover::before {
    padding: 0px !important;
}

.m10-dialog .ui-dialog-titlebar-close::before {
    font: 400 17px/1 dashicons !important;
}

#viewPage {
    float: right;
}


#pageBuilderSidebar input[type="file"] {
    background: transparent none repeat scroll 0 0 !important;
    border: none !important;
}

#videoMoreSettings {
    cursor: pointer;
    margin: 0 0px 0px;
    padding: 0 10px 10px;
}

.closedVideoOptionalSettings {
    display: none;
}

.openedVideoOptionalSettings {
    display: block;
    background-color: #333;
    margin: 0px;
    padding: 10px 10px 1px;
}

#editable-video {
    margin-bottom: 10px;
}

.TemplateIMG {
    width:100%;
    float:left;
}

.testWebhookLinkContainer {
    margin-top: 10px;
}


.testWebhookLinkContainer .testWebhookLink {
    font-size: 12px;
    float: right;
}

.testWebhookLinkContainer .testWebhookLinkProgress {
    float: right; 
    width: 102px; 
    margin-top: 5px; 
    height: 10px; 
}

#addEditAudienceForm .testWebhookLinkContainer {
    margin-top: 0px;
}

#deleteShareImage {
    margin-top: 5px;
    cursor: pointer;
}

#shareImage {
    float: right;
    text-align: center;
}

#viralPostImageDownload {
    float: left;
}

#postImage {
    max-width:100px; 
    max-height: 100px;
}

.column-username {
    width: 265px !important;
}

.column-name {
    width: 200px !important;
}

.redirectRuleContainer {
    padding: 10px;
    margin-bottom: 5px;
}

.removeRedirectRule {
    cursor: pointer;
    line-height: 1;
}

.removeRedirectRule {
    position: absolute;
    top: -21px;
    right: 0px;
}

.inlineForm .loadingProgress {
    padding: 5px;
}

label[for="donotCheckParams"] {
    display: inline;
}


#courseImageCroped {
    width: 100%;
}

#deleteCourseLogoLink, #deleteCourseImageLink {
    cursor: pointer;
}

.templatelabel {
    display: inline;
    font-weight: bold;  
}

.removeDownloadItem {
    cursor: pointer;
}

.toggleControl {
    cursor: pointer;
    margin: 12px -10px 0px 0px;
    padding: 0 10px 10px;
}

.toggleControl .fa-caret-down {
    display: none;
}

.toggleOpened .fa-caret-down {
    display: inline;
}

.toggleOpened .fa-caret-right {
    display: none;
}

.toggleContainer {
    display: none;
    margin: 0 -10px;
    padding: 10px 10px 1px;
}

.toggleContainer .builderitem {
    border-bottom: none;
}

.toggleContainer #infusionsoftOptionsForStripe,
.toggleContainer #infusionsoftOptionsForPaypal {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.addPBRow, .addPBBlock {
    width: 100%;
    margin-bottom: 10px !important;
    text-align: left !important;
}

#selectPBBlock, #selectPBRow, #selectPBSection {
    display: none;
}

.addPBRow {
    height: 35px;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
}

.addPBRow .pbColumn {
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    vertical-align: baseline;
    border: 0px;
    padding: 0px 2px;
    margin: 0px;
}

.addPBRow .pbColumn:first-child {
    padding-left: 0px;
}

.addPBRow .pbColumn:last-child {
    padding-right: 0px;
}

.addPBRow .pbColumnContent {
    height: 100%;
    width: 100%;
}

.pbColumnWhole {
    width: 100%;
}

.pbColumn3Quarters {
    width: 75%;
}

.pbColumn2Thirds {
    width: 66.66%;
}

.pbColumnHalf {
    width: 50%;
}

.pbColumnThird {
    width: 33.33%;
}

.pbColumnQuarter {
    width: 25%;
}

.pbColumn90 {
    width: 90%;
}


.pbColumn85 {
    width: 85%;
}

.pbColumn80 {
    width: 80%;
}

.pbColumn40 {
    width: 40%;
}

.pbColumn35 {
    width: 35%;
}

.pbColumn23 {
    width: 23.3%;
}

.pbColumn20 {
    width: 20%;
}

.pbColumn15 {
    width: 15%;
}

.pbColumn10 {
    width: 10%;
}

.paddingSettings, .marginSettings, .borderRadiusSettings {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    text-align: center;
}

.clear {
    clear: both;
}

.helpBox {
    right: 10px;
    top: 23px;
    position: absolute;

}

.helpBox .dropdown-toggle {
    background: none;
    border: none;
    font-size: 23px;
}

#textEditMoreSettings {
    cursor: pointer;
}

.extraSettings {
    padding: 0 10px 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -12px !important;
}

.extraSettings.builderitem, .extraSettings .builderitem {
    border-bottom: 0px;
    padding-top: 12px;
}

#blockDownloads .extraSettings.builderitem {
    padding-left: 0px;
    padding-right: 0px;
}

.extraSettings .builderitem {
    padding: 12px 10px 0px 10px;
    margin: 0px 0px 10px 0px;
}

.extraSettings .builderitem.extraSettings {
    padding-left: 0px;
    padding-right: 0px;
}

.pageRecordFeatures {
    font-size: 17px;
    padding: 10px 0 0px 0px;
}

.pageRecordFeature {
    display: inline-block;
    margin-right: 5px;
}

.moreSettingsToggleLink {
    cursor: pointer;
}

.paneltable td.splitTestActions {
    min-width: 146px;
    padding: 0px;
    text-align: right;
    width: 146px;
}

.splitTestActions .boostbut {
    float: right;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}

#importUsersForm label {
    margin-bottom: 0px;
}

#searchmember {
    padding-left: 40px !important;
    padding-right: 40px !important;
    text-transform: uppercase;
}

.countUserInformation {
    float: left;
    font-weight: bold;
    margin-top: 5px;    
}

.audiencesExtraSettings {
    margin-bottom: 12px;
}

.bootstrapFileUpload input[type="file"] {
    position: absolute;
    visibility: hidden;
}

.bootstrapFileUpload input[type="text"] {
    border-width: 1px !important;
}




.bootstrapFileUpload .btn-default i {
    margin-right: 4px;
}

.bootstrapFileUpload .input-group {
    margin: 0px;
}

.bootstrapFileUpload .filePath {
    font-size: 12px;
    height: 25px;
}

.bootstrapFileUpload .input-group-addon {
    padding-bottom: 2px;
    padding-top: 2px;
}

#lessonImageSettings, #downloadTitleIconSettings, #editable-lesson-content-font,
#editable-accept-terms-font, #editable-video-events, #editable-quiz-block {
    margin-bottom: 12px;
}

#acceptTermsTextContainer {
    margin-top: 5px;
}


#quizAcceptTermsTextContainer,
#postDateTextContainer {
    margin-top: 5px;
}

#affiAcceptTermsLabel_path_row {
    display: none;
}

#m10-affiAcceptTermsLabel-editor-container {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#videoEventActionContainer,
#audioEventActionContainer {
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.removeVideoEventItem,
.removeAudioEventItem {
    cursor: pointer;
}

.notAvailableFeature {
    display: none !important;
}

.quizAnswersSettings {
    margin-top: 10px;
}

.addQuizAnswer {
    margin-bottom: 10px !important;
    width: 100%;
}

#addQuizQuestion {
    width: 100%;
}

.quizQuestionContainer {
    position: relative;
}

.answerLine {
    position: relative;
}

.questionGrab,
.answerGrab {
    color: #aaa;
    cursor: grab;
    position: absolute;
    top: 10px;
    left: 10px;
}

.quizAnswerSettingsBlock {
    margin-bottom: 10px;
}

.quizAnswerSettingsBlock .quizAnswerTitleInput {
    width: 80% !important;
}

.quizAnswerStatusContainer {
    margin-top: 3px;
}

.quizQuestionSettingsBlock {
    margin-bottom: 10px;
}

.quizAnswerSettingsBlock .btn-xs {
    padding: 1px 5px !important;
    line-height: 1.5 !important;
}

.quizAnswerSettingsBlock .toggle-on.btn-xs {
    padding-right: 12px !important;
}

.quizAnswerSettingsBlock .toggle-off.btn-xs {
    padding-left: 12px !important;
}

.quizAnswerSettingsBlock .toggle-handle {
    height: 100% !important;
}

.removeTermsItem {
    cursor: pointer;
}

#editable-quiz-buttons, #editable-quiz-inputs-borders,
#editable-products-settings,
#editable-quiz-accept-terms,
#editable-quiz-content-font,
#editable-post-date-font,
#editable-titles-settings,
#editable-inputs-borders,
#editable-order-summary-font,
#editable-order-bump,
#billingBlockSettings.extraSettings,
#editable-step1-terms,
#left-text,
#left-title,
#left-image,
#right-text,
#right-title,
#right-image,
#editable-quiz-questions-font,
#editable-quiz-answers-font {
    margin-bottom: 10px;
}

.boosterSearch,
.blogPostsSearch,
.coursesSearch {
    width: 100%;
}

#editable-products-settings>.builderitem:last-child {
    margin-bottom: 0px !important
}

#mobileImageView {
    text-align: center;
}

#mobileImageView img {
    max-width: 100%;
    max-height: 100px;
    margin-top: 10px;
}

#accessAfterAssessmentLabel {
    display: inline;
}

#m10wrap #editable-two-steps-order .toggle-on,
#m10wrap #editable-two-steps-order .toggle-off {
    padding-top: 6px !important;
}

#editable-two-steps-order .toggle {
    width: 100px !important;
    margin-left: 10px;
    text-transform: uppercase;
}

#editable-two-steps-order .toggle-handle {
    height: 100% !important;
}

.adminPartWarning {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 0px;
}

#IntegrationPage .adminPartWarning {
    padding-bottom: 6px;
}

.adminPartWarning .alert {
    margin: 0px;
}

.adminPartWarning a {
    color: inherit !important;
    text-decoration: underline;
}


#editable-countdown-timer.builderitem {
    margin-bottom: 0px !important;
    border-bottom: 0px;
    padding-bottom: 0px;
}

#selectPBBlock .builderitem {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

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

#timerFixedRedirectPassDataContainer,
#timerRedirectPassDataContainer,
#countdownWidgetRedirectPassDataContainer,
#autoWebinarRedirectPassDataContainer,
#autoWebinarRegistrantRedirectPassDataContainer {
    margin-top: 5px;
}

.pageSettings .extraSettings {
    margin-left: 0px;
    margin-right: 0px;
}

#billingBlockSettings div.toggle {
    margin-right: 5px;
}

#billingBlockSettings .toggle-handle {
    height: 100% !important;
}

#billingBlockSettings .requiredSettings {
    float: right;
}

#billingSettingsTitles {
    padding: 0px 10px 10px 10px;
    font-weight: bold;
}

#fieldsTitle{
    float: left;
}

#requredTitle {
    float: right;
}

#billingBlockSettings .toggle-on {
    font-size: 10px;
    padding-right: 7px !important;
}

#billingBlockSettings .toggle-off {
    font-size: 10px;
    padding-left: 7px !important;
}

#submenuMobileMoreSettings {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px !important;
}

.coursePageSelectTemplate {
    margin-top: 10px;
    font-size: 14px;
}

.pageCreationLoadingProgress {
    text-align: center;
    padding-bottom: 20px;
    display: none;
}

.templateImage img {
    width: 100%;
}

#editable-separator {
    margin-bottom: 10px;
}

#coursePageTemplateSelect {
    width: 200px;
}

.afterDuplicationMessage {
    margin-top: 20px;
}

.pageMainActions {
    margin-left: 20px;
}


.m10wrap .dropdown-item {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-decoration: none;
    padding: 7px 20px;
}

.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: none;
}

.dropdown-menu-animated.dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}

.adminPageTitleContainer {
    float: left;
} 

.sectiontitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    padding-left: 0px;
    line-height: 1.2em;
    margin: 0px;
    font-weight: 700;
    text-transform: uppercase;
}

.adminPageActionsContainer {
    float: right;
}

.adminPageActionsList {
    cursor: pointer;
    font-size: 25px;
    margin-top: -11px;
}

#DashboardPage .adminPageActionsList {
    margin-top: 0px;
}

.plusAddNewItemAtAdmin {
    font-size: 25px;
}

.optionsDropdown {
    border: none;
}

.optionsDropdown .dropdown-toggle {
    position: relative;
    text-align: left;
    width: 100%;
}


.optionsDropdown .dropdown-toggle .fa-caret-down {
    position: absolute;
    right: 12px;
    top: 13px;
}

.optionsDropdown .dropdown-menu {
    width: 100%;
    max-height: 200px;
    overflow-y: scroll;
}

.optionsDropdown .dropdown-menu > li:not(.filterContainer) {
    cursor: pointer;
}

.optionsDropdown .dropdown-menu > li {
    color: #333;
    line-height: 21px;
    overflow: hidden;
    padding: 4px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.optionsDropdown .dropdown-menu > li:hover {
    white-space:normal;
    word-wrap: break-word;
}

.optionsDropdown .dropdown-menu > li.active,
.optionsDropdown .dropdown-menu > li:not(.filterContainer):hover {
    background: #f5f5f5;
}

.optionsDropdown .dropdown-menu > li > a {
    padding-left: 0px;
    padding-right: 0px;
}

.optionsDropdown .activeCampaignTagItem {
    cursor: pointer;
    margin-bottom: 10px;
}

.activeCampaignTagsFilter {
    padding: 5px 8px;
    border: 1px solid var(--Inputs-Border);
    border-radius: 4px;
    margin-bottom: 10px;
}

.adminWarningAlertContent {
    font-size: 15px;
}


.warningModal .modal-body {
    padding: 36px; 
    position: relative;
}

.warningModal .warningModalMessage {
    text-align: center; 
    font-size: 14px; 
    margin: 16px 0px 20px; 
}

.warningModal .warningModalIcon {
    text-align: center; 
    font-size: 50px;
}


.warningModal .warningModalTitle {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.warningModal .closeModalButton {
    opacity: 1;
    text-shadow: none;
    float: none; 
    top: 10px; 
    right: 10px; 
    position: absolute;
}

.warningModal .closeModalButton:hover {
    opacity: 1;
}

#m10-link {
    padding: 0px;
}

#m10-link .button-primary {
    font-size: 12px !important;
}

#m10-link #link-options {
    margin: 0px !important;
    padding: 15px !important;
}

.m10-dialog.ui-corner-all {
    border: none;
    border-radius: 6px;
    box-shadow: none;
}

#m10-link #link-options {
    border: none !important;
    background-color: var(--Modal-Background);
}

#m10-link .panelbottomfoot .button-primary {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
}

.panelbottomfoot .dropdown-button {
    display: inline-block;
}

#m10-link input[type="text"], #m10-link textarea {
    border-radius: 0px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding: 5px !important;
}

.pageDelay {
    cursor: pointer;
}

.ui_tpicker_timezone select {
    width: 100%;
}

#ui-datepicker-div .ui-timepicker-div {
    padding: 0px 10px;
}

#userAvatarImageContainer {
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.userProfileRow input#userAvatar {
    width: 350px;
    display: inline;
}

.userProfileRow td > .mceEditor {
    display: block !important;
}

#videoOptionalSettings .videoParameterBox:last-child {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.progress-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    border: 2.5px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: progress-spinner .75s linear infinite;
    animation: progress-spinner .75s linear infinite;
    margin-bottom: 2px;
}

.btn-sm .progress-spinner {
    margin-bottom: 1px;
}

@-webkit-keyframes progress-spinner {
    to {
        -webkit-transform:rotate(360deg);

    }
}

@keyframes progress-spinner{
    to {
        -webkit-transform:rotate(360deg);

    }
}

.modal-body .paneltophead {
    margin: 0px -15px 0px -15px;
    padding: 0px 0px 15px 15px;
}

.modal-body button.close {
    top: 17px;
    position: absolute;
    right: 15px;
}

.modal-body .paneltable th {
    vertical-align: middle;
    padding-left: 0px;
}

.modal-body .panelcontent {
    margin: 0px -15px;
    padding: 15px;
}

.modal-body .panelbottomfoot {
    margin: 0px -15px 0px;
    padding: 15px 15px 0px;
    text-align: right;
}

.successActionBadge {
    float: left;
    margin-top: 7px;
    font-size: 10px;
    padding: 2px 3px;
    border-radius: 3px;
}

.modal-body .paneltable .nbdr {
    border: none;
}

.panelcontent .paneltable .noMarginBottom {
    margin-bottom: 0px;
}

.modal-body .paneltable th table th,
.modal-body .paneltable th table td,
.modal-body .paneltable td table th,
.modal-body .paneltable td table td {
    padding: 10px;
}

.modal-body .paneltable tr th:only-child {
    right: 0px;
}

.modal-body .paneltable tr td:only-child {
    padding-left: 0px;
}

.modal-body #affiliateWebhooksInfo .paneltable tr td:only-child {
    padding-right: 0px;
}

.modal-body .progressActionBlock button.close,
.modal-body .quizQuestionContainer button.close,
.modal-body #quizGroupsSettings button.close,
.modal-body #autoWebinarSettings .removeMultiRule {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
    position: relative;
    top: 0px;
    right: 0px;
}

.modal-body #autoWebinarSettings .removeMultiRule {
    font-size: 14px;
}

#titleLadderItemsList {
    margin-bottom: 10px;
}

.inlineForm .loadingProgress.loadingProgressWithSpinner {
    padding: 20px;
}

.deleteItemBlue {
    border: 0px;
}

.input-group.dashContainer {
    float: left;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    width: 30px;
}

.calendarInputGroup input,
#m10wrap .calendarInputGroup input,
#m10wrap #newUserRegistrationDate {
    width: 100%;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/*---- Calendare changes---- */

.m10-core-ui #ui-datepicker-div {
    margin-top: 3px !important;
}

.m10-core-ui .ui-datepicker-calendar .ui-state-default {
    border: none !important;
    text-align: center;
    border-radius: 3px;
    background-image: none !important;
}

.m10-core-ui .ui-datepicker-calendar .ui-datepicker-prev:hover, .m10-core-ui .ui-datepicker-calendar .ui-datepicker-next:hover {
    background-image: none !important;
    border: none !important;
    cursor: pointer;
}

/*---- Switches changes---- */






.block-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*-- Shortcodes --*/


.flex-container {
    display: flex;
    flex-direction: row;
}

.flex-item-300 {
    flex-shrink: 0;
    width: 300px;
    margin-right: 10px;
}

.flex-item-1 {
    flex-grow: 1;
}

#AdminUserEditPage .flex-container,
#globalSettingsPage .flex-container,
#IntegrationPage .flex-container {
    display: block;
}

.vtop {
    vertical-align: top !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10, .mb-1 {
    margin-bottom: 10px !important;
}

.mb-20, .mb-2 {
    margin-bottom: 20px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.p-10 {
    padding: 10px !important;
}

bb-2 {
    border-bottom: 2px solid #F5F5F5;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.w-100p {
    width: 100% !important;
}

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

.w-100-colorpicker {
    width: calc(100% - 30px) !important;
}

.w-45 {
    width: 45px;
}

.w-90 {
    width: 90px;
}

.w-145 {
    width: 145px;
}

.w-180 {
    width: 180px;
}

.w-1240 {
    width: 240px;
}

#filterCourseStatus,
#filterStatus {
    flex-grow: 1;
    margin-right: 10px !important;
}

.actionsColumn {
    padding: 0px !important;
}

td.flexibleWidthActionsColumn {
    width: 45px;
}

td.flexibleWidthActionsColumn a,
td.flexibleWidthActionsColumn button {
    white-space: nowrap;
    width: 100%;
}

.campaignImportType {
    float: left;
    height: 200px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 60px 10px;
    text-align: center;
    width: 200px;
    display: block;
}

.campiName {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 5px;
}

.campiDesc {
    font-size: 12px;
}

.mpmbuilder {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.42857;
    background-color: var(--Sidebar-BG-Color);
}

#membersearch input[type="text"], 
#membersearch select,
#searchForm input[type="text"], 
#searchForm select {
    border-radius: 0px;
    height: 32px;
}


#m10wrap input[type="checkbox"],
#pageBuilderSidebar input[type="checkbox"],
.m10-dialog.ui-dialog input[type="checkbox"], 
#fancybox-wrap input[type="checkbox"] {
    border-radius: 3px;
    overflow: hidden;
}

#m10wrap input[type="checkbox"]:checked::before,
#pageBuilderSidebar input[type="checkbox"]:checked::before,
.m10-dialog.ui-dialog input[type="checkbox"]:checked::before, 
#fancybox-wrap input[type="checkbox"]:checked::before {
    padding: 0px;
    box-sizing: border-box;
    margin: -5px 0px 0px -4px;
    float: none;
    width: auto;
}

#m10wrap input[type="checkbox"]:focus, 
#m10wrap input[type="checkbox"]:active, 
#m10wrap input[type="checkbox"]:checked, 
#pageBuilderSidebar input[type="checkbox"]:focus, 
#pageBuilderSidebar input[type="checkbox"]:active, 
#pageBuilderSidebar input[type="checkbox"]:checked, 
.m10-dialog.ui-dialog input[type="checkbox"]:focus, 
.m10-dialog.ui-dialog input[type="checkbox"]:active, 
.m10-dialog.ui-dialog input[type="checkbox"]:checked, 
#fancybox-wrap input[type="checkbox"]:focus, 
#fancybox-wrap input[type="checkbox"]:active, 
#fancybox-wrap input[type="checkbox"]:checked {
    border:0px;
}

.m10-dialog .ui-dialog-titlebar span.ui-dialog-title {
    display: none;
}

.m10-dialog .ui-dialog-titlebar {
    border: none;
    background-image: none;
    padding: 0px !important;
}

.m10-dialog.ui-dialog {
    padding: 0px;
}

.paneltophead .toplable {
    font-size: 20px;
}

.paneltable {
    width: 100%;
}


.panelbottomfoot {
    margin: 2px 0px 10px;
    padding: 10px;
}

.btn-primary {
    text-transform: uppercase;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 3px 5px 3px !important;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: none;
    background-image: none !important;
    border: 1px solid transparent;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: auto !important;
    line-height: 1.42857 !important;
    margin-bottom: 0;
    padding: 6px 12px !important;
    text-align: center;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus {
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}



#reportCustomPeriodContainer input {
    width: 200px;
}

#quizFacebookTagLabel {
    margin: 0px;
}

#quizFacebookTagValue {
    margin: 0px;
}

.tble-responsive {
    overflow-x: auto;
    display: block;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.min-w-1200 {
    min-width: 1200px !important;
}

.min-w-1500 {
    min-width: 1500px !important;
}

.action-but-5 {
    width: 230px !important;
}

.action-but-4 {
    width: 176px !important;
}

.action-but-3 {
    width: 130px !important;
}

.action-but-2 {
    width: 90px !important;
}

#contentBoxesListContainer {
    display: none;
}

#m10wrap #filterAffiliate {
    width: 125px;
}

#liveEventQuestionsDialog .modal-dialog {
    width: auto;
}

@media only screen and (min-width:1000px){
    #liveEventQuestionsDialog .modal-dialog {
        width: 950px;
    }
}

@media only screen and (max-width:1000px){
    #liveEventQuestionsDialog .modal-dialog {
        margin: 10px;
    }
}

@media only screen and (min-width:768px){
    #autoWebinarQuestions .modal-dialog{
        max-width:1040px;
        width:90%;
        margin:30px auto
    }

}



@media only screen and (max-width:1024px){


	#m10body-content {
		padding-top: 0px;
	}

    .resp-min-w-800 {
        min-width: 800px !important;
    }

    #adminmenuback {
        display: none;
    }

    #m10wrap #adminmenuwrap {
        float: none;
        width: 100% !important;
        min-height: 0px;
        position: relative;
        padding: 0px;
        height: auto;
    }

    .m10wrap .panel-head {
        padding: 15px;
        position: relative;
	    width: 100%;
    }

    .m10wrap .panel-body {
        padding: 0px 0px 15px;
        margin-right: 15px;
        height: auto;
    }

    #adminPlatformLogo {
        width: 220px;
        margin: 0px auto;
        background-color: transparent;
    }

    #adminmenu {
        display: none;
    }

    #m10content, #m10footer {
        margin-left: 0px !important;
        position: relative;
        margin-left: 0;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

    .auto-fold #m10content {
        position: relative;
        margin-left: 0;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }


    #adminHamburgerMenu {
        display: block;
    }
    
    .flexContainerWithCheckbox {
        flex-direction: row !important;
    }
}

@media only screen and (max-width:768px){

    .resp-w100 {
        width: 100% !important;
    }
    .resp-mb-5 {
        margin-bottom: 5px !important;
    }
    .resp-d-none {
        display: none !important;
    }
    .resp-ml-0 {
        margin-left: 0px !important;
    }
    .resp-mr-0 {
        margin-right: 0px !important;
    }
    .templateLinkBox, #selectedTemplateLinkBox {
        float: none !important;
        width: 100% !important;
        height: 100% !important;
    }
    .lchitemleft {
        float: none;
        width: 100%;
    }
    #funnelTrackerPageId {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 5px !important;
    }
    .resp-d-block {
        display: block !important;
    }
    .dashboardVideoAndLinks {
        display: block;
    }
    
    .InputSearchInnerWrap {
        flex-wrap: wrap;
    }

    #m10wrap #emailOrName, 
    #m10wrap #filterMemberEmail, 
    #m10wrap #searchEmail, 
    #m10wrap #filterCourseId, 
    #m10wrap #filterCourseStatus, 
    #ManageAffiliatePage #searchStatus,
    #m10wrap #emailSearchField, 
    #m10wrap #emailSearchField, 
    #m10wrap #userEmailOrIp,
    #m10wrap #filterProduct,
    #m10wrap #filterAffiliate {
        margin-right: 0px !important;
    }
    
    #addCoursePageForm,
    #addCoursesGroupForm,
    .addNewItemContainer,
    #addPortalPageForm {
        display: block;
    }

    #addCoursesGroupForm > *,
    #addCoursePageForm > *,
    #addPortalPageForm > *,
    .addNewItemContainer > * {
        margin-bottom: 5px !important;
        max-width: 100% !important;
        width: 100%;
    }

    #searchPhrase,
    #searchStatus {
        margin-right: 0px !important;
    }
    
    #SubscriptionPage #searchStatus {
        flex-grow: 1 !important;
    }

    #InputSearchWrap .calendarInputGroup {
        margin-right: 0px !important;
    }

    #InputSearchWrap .countUserInformation {
        margin-bottom: 5px;
    }

    input[type="file"] {
        max-width: 100%;
        padding: 0px;
    }

    #customerDetailsContainer #avatar {
        width: 100%;
    }

    #saleInvoiceHeader table td {
        word-break: break-all;
    }
    
    #sourceTrackingBoardGraphContent .paneltophead select {
        margin-bottom: 5px !important;
    }
    
    #reportCustomPeriodContainer > * {
        margin-bottom: 10px !important;
        width: 100% !important;
    }
    
    .flexContainerWithCheckbox {
        flex-direction: row !important;
    }
    
    .flexContainerWithCheckbox .flex-item-300 {
        width: calc(100% - 40px);
    }
    
    .flexContainerWithCheckbox .flex-item-1 {
        width: 40px;
    }
}



/* From admin.min.css */

.adminPageEditorContent #m10content {
    width: 100% !important;
}

#adminmenu * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
#adminmenu li {
    margin: 0;
    padding: 0;
    cursor: pointer;
}

#adminmenu li.menu-top {
    border: 0;
    min-height: 34px;
    position: relative;
}

#adminmenu a, #sidemenu a, #taglist a, #catlist a {
    text-decoration: none;
}
div.m10-menu-image::before {
    font: 400 20px/1 dashicons !important;
    padding: 8px 0;
    height: 36px;
    width: 20px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;	
}

#adminmenu .m10-not-current-submenu li > a, .folded #adminmenu .m10-has-current-submenu li > a {
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    padding: 0px;
    cursor: pointer;
}

#m10content {
    height: 100%;
    width: calc(100% - 315px);
    float: left;
    margin-left: 300px;
}


input, select {
    padding: 3px 5px;
}

td > input[type="checkbox"], .admin p input[type="checkbox"], .admin p input[type="radio"] {
    margin-top: 0;
}
input[type="radio"] {
    border-radius: 50%;
    border-color: #e0e0e0;
    background-color: #FFFFFF;
}

input[type="checkbox"], input[type="radio"] {
    border-width: 1px;
    border-style: solid;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"]:checked::before {
    background-color: var(--Primary-Color-Interface);
}

input[type="radio"]:checked::before {
    content: "\2022";
    text-indent: -9999px;
    border-radius: 50px;
    font-size: 24px;
    width: 6px !important;
    height: 6px;
    margin: 4px;
    line-height: 16px;
}


h1, h2, h3, h4, h5, h6 {
    display: block;
}

input, input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="email"], input[type="url"], textarea, select, input[type="file"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


input[type="checkbox"]:checked::before {
    content: "\f147";
}

input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    font: 400 21px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

label, #your-profile label + a {
    vertical-align: middle;
}


/* Login Page */

.login * {
    margin: 0;
    padding: 0;
}


#loginform #m10submit, #lostpasswordform #m10submit, #resetpassform #m10submit {
    box-shadow: none;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    padding: 10px;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
    line-height: 28px;
    cursor: pointer;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#m10submit .progress-spinner {
    margin-bottom: 4px;
}

body.login {
    background-image: url("//sitesassets.s3.amazonaws.com/wood-3157395_1280.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 100% !important;
    background-position: bottom !important;
    background-color: #37373F;
}

#login {
    max-width: 500px;
    width: 100%;
    padding: 8% 70px 0 !important;
    margin: 0;
    min-height: 100%;
    box-sizing: border-box;
    box-shadow: 3px 0 28px hsla(0, 0%, 2%, 0.5);
}

@media (max-width: 768px) {
    #login  {
        max-width: 100%;
        padding: 20px !important;
    }
}

.login form {
    box-shadow: none;
    padding: 20px 0;
}

.login #nav, .login #backtoblog {
    margin-top: 5px;
    padding: 0px;
}

.login h1 {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    line-height: 1;
}

.login form .input, .login input[type="text"] {
    font-size: 19px;
    line-height: 1;
    margin: 0 0 20px;
    padding: 14px 15px;
    width: 100%;
    box-sizing: border-box;
}		



.login #nav {
    text-align: center;
}

div.error, .login #login_error {
    box-shadow: none;
    border-left: 0px;
    background: none;
    padding: 12px 0px 0px;
}

div.updated, .login .message, .press-this #message {
    border-left: 0px;
    box-shadow: none;
    padding: 12px 0px 0px;
    text-align: center;
    margin: 0 0 20px;
}






/*  Dashboard Page */

#dash-check-list {
    margin: 0;
    padding-left: 1.2rem;
}

#dash-check-list li {
    position: relative;
    list-style-type: none;
    padding-left: 2.5rem;
    margin-bottom: 0.5rem;
}

#dash-check-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: var(--Button-Primary-BG) !important;
    transform-origin: bottom left;
    transform: rotate(45deg);
}


.dashboardmessage {
    padding: 20px;
}

.dashboardVideoAndLinks {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;

}

td, textarea, input, select, button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

td, textarea {
    line-height: inherit;
}

.quickguide {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 2px 0px;
    width: 19%;
    float: left;
    padding: 20px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
    box-sizing: border-box;
    margin-bottom: 20px;
    line-height: 1.2;
}

.blue {
    box-shadow: none;
}

.quickguide img {
    cursor: pointer;
}
.reportNumber:first-child {
    margin-left: 0px;
}

.reportNumber {
    box-sizing: border-box;
    padding: 30px;
    position: relative;
    width: 19%;
}

.reportNumber .reportNumberIndicator {
    border-radius: 2px;
    height: 10px;
    left: 30px;
    position: absolute;
    top: 33px;
    width: 10px;
}

.reportNumber .reportNumberTitle {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 20px;
    min-height: 32px;
    text-transform: uppercase;
}
.reportNumber .reportNumberValue {
    font-size: 33px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

@media (max-width: 2100px) {
    .reportNumber .reportNumberValue {
        font-size: 28px;
    }
}

@media (max-width: 1400px) {
    .reportNumber .reportNumberValue {
        font-size: 22px;
    }
}

@media (max-width: 1186px) {
    .reportNumber .reportNumberValue {
        font-size: 33px;
    }
}

.dashboardVideo, 
.iframeVideoBox,
.mp4VideoBox {
    position: relative !important;
    padding-bottom: 56.25% !important;
    padding-top: 0px !important;
    height: 0 !important;
    overflow: hidden !important;
}

.dashboardVideo iframe, 
.iframeVideoBox iframe,
.mp4VideoBox video,
.mp4VideoBox .video-js {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.dashlinks {
    margin-bottom: 10px;
    box-sizing: border-box;
    display: block;
    padding: 20px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none !important;
}

.dashlinks .fa {
    margin-right: 20px;
}

.dashlinks:hover {
    text-decoration: none;
}


.dashlinkarrow {
    display: inline-block;
    float: right;
    clear: both;
}

.dashboardVideo {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 2px 0px;
}

#reportNumberContainer,
.reportNumberContainer {
    display: flex;
    justify-content: space-between;
}

.reportNumberContainer {
    justify-content: flex-start;
}

#affiliateLedgerDialog .modal-dialog,
#youtubeVideoDialog .modal-dialog {
    max-width: 881px;
    width: auto !important;
}

#affiliateLedgerDialog .modal-dialog {
    max-width: 1100px;
}

#upgradeDialog {
    color: var(--Body-Color-Default) !important;
}

#upgradeDialogLoading {
    display: none;
    text-align: center;
}

.videoBox {
    width: 50%;
    padding: 20px;
    margin-right: 15px;
}

.linksBox {
    width: 50%;
    padding: 20px;
}

#trophiesList td .trophyCourseSelectContainer {
    display: flex;
    gap: 10px;
}

@media (max-width: 1400px) {
    .quickguide {font-size: 14px;

    }
}

@media (max-width: 1200px) {
    .videoBox,
    .linksBox {
        width: 100% !important;
    }
    #reportNumberContainer,
    .reportNumberContainer {
        display: block !important;
    }

    #reportNumberContainer .reportNumber,
    .reportNumberContainer .reportNumber {
        display: block;
        float: none;
        margin: 0px 0px 10px 0px;
        width: 100%;
    }            

    .linksBox {
        margin-top: 20px;
    }

    .dashboardVideoAndLinks {
        flex-direction: column;
    }
}

@media (max-width: 600px) {

    .mobileFormTable > tr > th,
    .mobileFormTable > tbody > tr > th,
    .mobileFormTable > tr > td,
    .mobileFormTable > tbody > tr > td,
    .modal-body .mobileFormTable > tr > th,
    .modal-body .mobileFormTable > tbody > tr > th,
    .modal-body .mobileFormTable > tr > td,
    .modal-body .mobileFormTable > tbody > tr > td {
        display: block;
        padding: 0px 0px 10px 0px;
        width: 100% !important;
    }

    .mobileFormTable > tr > td:first-child,
    .mobileFormTable > tbody > tr > td:first-child,
    .mobileFormTable > tr > th,
    .mobileFormTable > tbody > tr > th,
    .modal-body .mobileFormTable > tr > td:first-child,
    .modal-body .mobileFormTable > tbody > tr > td:first-child,
    .modal-body .mobileFormTable > tr > th,
    .modal-body .mobileFormTable > tbody > tr > th {
        border-bottom-width: 0px !important;
        padding: 10px 0px 0px 0px;
    }

    .mobileFormTable > tr > th > div:last-child,
    .mobileFormTable > tbody > tr > th > div:last-child {
        margin-bottom: 5px;
    }
    
    .tdBottomPaddingOnMobile {
        padding-bottom: 10px !important;
    }

    #courseMoreOptions .pl-10 {
        padding: 10px;
    }
    
    .flexContainerWithCheckbox {
        flex-direction: row;
    }

    #courseMoreOptions .pl-10 label,
    .oneRowCheckbox > label[for="oneClickOptinDoNotCheckParams"],
    .memberDirectoryAccessTypeSpecificCourseOptions .pl-10 label,
    .registrationEmailTr label {
        width: calc(100% - 40px);
    }
    
    #courseMoreOptions td.pl-10 {
        border-width: 1px !important;
        padding: 10px 0px 10px 0px !important;
    }

    .twoColumnsContainer th,
    .twoColumnsContainer td {
        position: relative;
    }

    .twoColumnsContainer > td > div.custom-switch,
    .twoColumnsContainer > td > div > div.custom-switch {
        position: absolute;
        right: 0px;
        top: -29px;
    }
    
    .twoColumnsContainer .promoteOnAccountCheckbox {
        top: -22px !important;
    }
    
    .twoColumnsContainer > td > div > div.custom-switch {
        top: -37px;
    }

    .lessonsRewardsContainer label, 
    .lessonsAnimationContainer label,
    .quizAnimationContainer label, 
    .quizRewardsContainer label, 
    .enableQuizzesCompletionActionContainer label, 
    .quizzesTrackingReset label,
    label[for="enableProgressCompletionAction1"] {
        margin-bottom: 6px !important;
        margin-top: 0px !important;
    }

    #memberAccessInfo tr.userAccessRecord td,
    #titleLadderItemsList td,
    #trophiesList td {
        border-bottom-width: 1px !important;
        display: table-cell !important;
        padding: 10px 2px;
    }

    #inboxCoursesList td,
    #memberDirectoryCoursesList td {
        display: table-cell;
        padding: 10px;
    }

    #titleLadderItemsList td .ladderTitlePoints,
    #trophiesList td .trophyCount {
        width: 40px !important;
    }

    #trophiesList td .trophyType {
        width: 80px;
    }

    #addGroup,
    #addLadderTitleItem,
    #addNewActiveCampaignRule,
    .addNewMenuButton,
    .addNewQuestion,
    #addNoActionsItem,
    #addTrophy,
    #AdminUserEditPage #submit,
    #autoWebinarType,
    #editAppSettingsForm #submit,
    #IntegrationPage .btn-primary,
    #launchPadName,
    #newCustomAPISecret,
    #removeUnsubscribers,
    #quizQestionsSettings .btn,
    #quizQestionsSettings .btn-group,
    #settingsFormSubmitButton {
        width: 100%;
    }
    
    .addCommissionProgramFormContainer > *,
    .addCountryContainer > *,
    .addInboxCourseFormContainer > *,
    .addMemberDirectoryCourseFormContainer > *,
    .addProductFormContainer > *,
    #reportCustomPeriodContainer > * {
        margin-bottom: 10px !important;
        width: 100% !important;
    }

    .upgradeOfferLine .alignRight {
        width: 100px;
    }

    .userProfileRow input#userAvatar {
        width: 90%;
    }
    
    .pagination {
        float: none !important;
        margin-top: 10px !important;
        margin-left: 10px !important;
    }
    
    #acceptedTermsBottomBar .pagination,
    #emailUnsubscribersBottomBar .pagination,
    #membersAction .pagination,
    #affiliateUsersContainer .pagination {
        margin-left: 0px !important;
    }
    
    .tableBottomActions {
        float: none !important;
        margin-bottom: 10px;
    }
    
    #ct_defaultCurrency,
    .facebookSettings input,
    .searchContainer button,
    .searchContainer input,
    .tableBottomActions input,
    .tableBottomActions select,
    #sourceTrackingBoardGraphContent .paneltophead select {
        margin-bottom: 5px !important;
        width: 100% !important;
    }
    
    .facebookSettings .rightSide {
        text-align: left !important;
    }
    
    .calendarInputGroup,
    #viralCampaignMemberEmailOrShareId {
        margin-left: 0px !important;
    }
    
    #archivedPagesList,
    #searchPagesList {
        min-width: 400px;
    }
    
    .overflowTableContainer {
        overflow-x: auto;
    }
    
    #IntegrationPage .flex-container {
        padding-bottom: 0px !important;
    }
    
    .quizGroupContainer .endPoints,
    .quizGroupContainer .startPoints {
        width: 100% !important;
    }
    
    #exportSales {
        width: 100%;
    }
    
    #affiliateUsersList .actionsColumn {
        min-width: 90px;
    }
    
    #editAppSettingsForm td,
    #editAppSettingsForm th {
        padding: 10px !important;
    }
    
    #editAppSettingsForm th {
        padding-bottom: 0px !important;
    }
    
    #menuSettingsContainer .menuTitle {
        width: calc(100% - 84px) !important;
    }
    
    #menuSettingsContainer .menuItemActions {
        width: 80px !important;
    }
    
    #resultsListContainer {
        overflow-x: auto;
    }
    
    #resultsListContainer #resultsList {
        min-width: 600px;
    }
    
    #AdminUserEditPermission .permissionsTable .w-100p td {
        padding-left: 20px;
    }
    
    .coursePageActions {
        max-width: 240px;
    }
    
    #customApiUrl {
        margin-top: 10px !important;
    }
    
    #customApiH4 {
        margin-top: 0px !important;
    }
    
    #deadlineTimeSettings {
        display: block;
    }
    
    #deadlineTimeSettings #countdownWidgetAtTime {
        margin: 0px 0px 10px 0px;
    }

    #reportNumberContainer .reportNumber .reportNumberValue,
    .reportNumberContainer .reportNumber .reportNumberValue {
        font-size: 30px;
    }
    
    #noActionsItemsList .noActivityActionItem label[for="noActivityAction"] {
        max-width: calc(100% - 40px);
    }
    
    #customerProfileDetailsContainer {
        padding: 15px 15px 15px 22px !important;
    }
    
    #customerProfileAvatar {
        margin: 25px 15px 0px 14px !important;
    }
    
    #customerLifetimeValueContainer {
        float: none !important;
        margin-left: -22px !important;
        margin-right: -14px !important;
    }
    
    #customerProfileDetails .contactDetailsHtmlName {
        margin-left: -22px !important;
    }

    .quickguide {
        margin-bottom: 10px;
        width: 100%;
    }
    
    #DashboardPage .flexcontainer {
        display: block;
    }
    
    #DashboardPage .flexleft-50 {
        margin-bottom: 15px;
    }
    
    #DashboardPage .flexleft-50,
    #DashboardPage .flextright-50 {
        width: 100%;
    }
}


/* Online Courses Page */

#saveAccountSettingsForm .alert,
#pageDelaySettingsForm .alert {
    display: none;
    margin-bottom: 0px;
    margin-top: 10px;
    padding: 9px 10px;
}

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

.courseItem {
    box-sizing: border-box;
    position: relative;
	width: 100%;
	margin-bottom: 0px;
}

.courseItem:after {
    content: "";
    display: block;
    padding-bottom: 105px;
}

.courseItem .courseItemImageContainer {
    position: absolute;
    width: 100%;
    max-width: 150px;
    left: 40px;
    top: 15px;
    max-height: 75px;
    height: 100%;
}

.courseItem img {
    cursor: pointer;
    position: absolute;
    width: 100%;
    max-width: 134px;
    border-radius: 5px;
    max-height: 75px;
    border: 1px solid var(--Boxes-Background);
}

.courseItem .courseItemName {
    font-weight: bold;
    position: absolute;
    left: 190px;
    top: 20px;
}

.courseItem .courseDragIco {
    position: absolute;
    color: var(--Text-Color-Menu);
    padding: 5px 10px;
    top: 34px;
    cursor: grab;
}

.courseItem .courseItemId {
    bottom: 10px;
    color: #bbb;
    left: 190px;
    position: absolute;
    bottom: 15px;
}

.courseItem .courseGroup {
    right: 20px;
    position: absolute;
    top: 20px;
    border-radius: 6px;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}

.courseWithUnreadComments.courseItem .courseGroup {
    right: 50px;
}

.coursesGroupName {
    flex-grow: 2;
    margin-right: 10px !important;
}

.courseItem .courseItemButtons {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.courseItem .badge {
    background-color: #d9534f;
    position: absolute;
    right: 20px;
    top: 20px;
}

.coursePagesList {
    padding-bottom: 7px;
    width: 100%;
}

.coursePage {
    margin-bottom: 3px;
}

.coursePage > table {
    min-width: 480px;
}

.coursePage .coursePageSubpages {
    min-width: 480px;
}

.coursePageSubpages .coursePage > table {
    min-width: 415px;
}

.coursePage .coursePageSubpages .coursePageSubpages {
    min-width: 415px;
}

.coursesGroupColorPickerControl {
    margin-right: 10px;
}

#courseContentContainer .coursePages {
    overflow-x: auto;
}

.coursePage > td {
    background: transparent;
    padding: 0px;
}

.sortableMenu td {
    border-bottom: 0px;
    padding: 10px 10px 5px 10px;
}

.coursePageSubpages {
    background-color: #FFFFFF;
    min-height: 8px;
    padding-bottom: 1px;
    padding-left: 35px;
    width: 100%;
}

.coursePageSubpages td {
    background: #f2f2f2;
    border: none;
}

.coursePageSubpages .coursePage {
    margin-right: 2px;
}

.sortable-placeholder {
    background: #ecf0f1;
    height: 40px;
    margin-bottom: 10px;
}

.coursePageSubpages .ui-state-highlight {
    margin-right: 3px;
}

.coursePageActions .badge {
    background-color: #d9534f;
    margin-right: 5px;
}

.coursePageActions .custom-switch {
    display: inline;
}

#loadingDialog .loadingProgress {
    display: block;
}

.productCourseBadgePreviewContainer {
    margin-bottom: 10px;
}

#certificatesSettings {
    margin-top: 10px;
}

.marginBottom10,
#m10wrap .marginBottom10 {
    margin-bottom: 10px;
}

.marginTop10 {
    margin-top: 10px;
}

#addCoursePageForm .addNewCoursePageButton {
    margin: 0px;
}

.courseGroupLine {
    background-color: #FFFFFF;
    padding: 10px;
    margin-bottom: 3px;
    display: flex;
}

.deleteCoursesGroupButton {
    margin-left: 10px;
    text-align: right;
}

.m10wrap .toggle-trigger {
    background-image: var(--Toggle-Icon-Open) !important;
}

.toggle-trigger {
    background-repeat: no-repeat !important;
    background-position: calc(100% - 12px) center !important;
    background-image: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/openoption.png');

}   

.m10wrap .open .toggle-trigger {
    background: var(--Toggle-Icon-Close);
}

.open .toggle-trigger {
    background: url('https://d20wyzo75p8n74.cloudfront.net/defaultimages/closeoption.png');
}   

.shortcode-toggle h4,
.open .toggle-trigger {
    background-position-x: 98%;
}

.shortcode-toggle.white h4 a {
    background-color: transparent !important;
}

.farbtastic {
    position: relative;
}

.farbtastic * {
    position: absolute;
    cursor: crosshair;
}

.farbtastic, .farbtastic .wheel {
    width: 195px;
    height: 195px;
}

.farbtastic .color, .farbtastic .overlay {
    top: 47px;
    left: 47px;
    width: 101px;
    height: 101px;
}

.farbtastic .wheel {
    background: url(https://d3lmvnstbwhr2n.cloudfront.net/js/jscolor/wheel.png) no-repeat;
    width: 195px;
    height: 195px;
}

.farbtastic .overlay {
    background: url(https://d3lmvnstbwhr2n.cloudfront.net/js/jscolor/mask.png) no-repeat;
}

.farbtastic .marker {
    width: 17px;
    height: 17px;
    margin: -8px 0 0 -8px;
    overflow: hidden; 
    background: url(https://d3lmvnstbwhr2n.cloudfront.net/js/jscolor/marker.png) no-repeat;
}

.colorsCustomizationContainer td {
    vertical-align: top;
}

.progressActionBlock {
    padding: 10px;
    border: 1px solid #d7d2d2;
    width: 100% !important;
    margin-bottom: 10px;
    background-color: #2b62e21c;
}

.actionScore {
    margin-bottom: 10px;
}

.deleteAction {
    line-height: 15px;
    margin-bottom: 6px;
}

#productKeywords {
    width: 100%;
}

#certificateBorderColor,
#certificateTitlesColor {
    width: 270px;
}

.certificateBorderColorPickerControl, 
.certificateTitlesColorPickerControl {
    border: 2px solid #ccc !important;
    height: 34px;
    display: inline;
    vertical-align: middle;
}

#certificatesSettings {
    position: relative;
}

#checkCertificate {
    position: absolute;
    top: 4px;
    right: 10px;
}

.noActivityActionItem {
    background-color: #FFFFFF;
    padding: 20px 10px 10px 10px;
    margin-bottom: 10px;
    background-color: #f6f9fc;
}

.noActivityActionDaysCountSettings {
    margin-bottom: 10px;
}

.deleteActivityActionItem {
    position: absolute;
    right: 0px;
    top: -11px;
}

.progressTrackingReset {
    margin-bottom: 15px;
}

.bootstrap-switch-id-enableQuizzesTrackingReset,  .bootstrap-switch-id-enableProgressTrackingReset {
    margin-right: 5px;
}

.custom-control-inline {
    display: inline;
    margin-right: 0px;
}

#portalSettingsDialog .inboxCourses table, #portalSettingsDialog .memberDirectoryCourses table {
    margin: 5px 0px;
    background-color: #F6F9FC;

}

#portalSettingsDialog .inboxCourses table td, #portalSettingsDialog .memberDirectoryCourses table td {
    border: none;
}

#portalSettingsDialog .modal-body .paneltable tr td:only-child {
    padding-right: 0px;
}

.ladderTitle {
    margin-bottom: 10px;
}

.addCoursesGroupColor {
    display: inline-block;
    position: relative;
}

.ladderTitle .ColorPickerSelectContainer,
.trophy .ColorPickerSelectContainer,
#coursesGroupsContainer .ColorPickerSelectContainer {
    position: absolute;
    right: 0px;
    z-index: 1000;
}

.ladderTitle .ColorPickerSelect,
.trophy .ColorPickerSelect,
#coursesGroupsContainer .ColorPickerSelect {
    background: #ccc;
    border-radius: 4px;
    margin-left: 0px !important;
    margin-top: 5px !important;
    padding: 5px;
}

.ladderTitle .ColorPickerClose,
.trophy .ColorPickerClose,
#coursesGroupsContainer .ColorPickerClose {
    position: absolute;
    right: 7px;
    top: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    opacity: .2;
}

.ladderTitle .ColorPickerClose:hover,
.trophy .ColorPickerClose:hover,
#coursesGroupsContainer .ColorPickerClose:hover {
    opacity: .5;
}

#trophiesList {
    margin-bottom: 10px;
}

#titleLadderItemsList td,
#trophiesList td {
    position: relative;
}

#inboxCoursesList table,
#memberDirectoryCoursesList table {
    width: 100%;
}

#inboxCourse,
select#memberDirectoryCourse {
    height: 38px !important;
    width: calc(100% - 72px);
}

#addNewInboxCourseButton,
#addNewMemberDirectoryCourseButton {
    width: 67px;
}


@media only screen and (max-width:670px) {
    #coursesList .courseItem {
        height: auto;
        max-height: none;
        padding: 10px;
    }

    .courseItem {
        box-sizing: border-box;
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        display: block;
        border-bottom: 20px solid var(--Page-Background);
    }

    .courseItem .courseItemImageContainer {
        position: relative;
        display: block;
        margin-bottom: 20px;
        left: 0;
        top: 0;
        max-height: 100%;
        max-width: unset;
    }

    .courseItem img {
        position: relative;
        max-height: unset;
        max-width: 100%;
    }

    .courseItem .courseItemName {
        display: block;
        top: 0px;
        left: 0px;
        position: relative;
    }

    .courseItem .courseItemId {
        position: absolute;
        bottom: 15px;
        top: unset;
        right: unset;
        left: 20px;
    }
        
    .courseItem .courseDragIco {
        top: 15px;
        color: #fff;
    }
}


/* Forum Styles */


#ForumPage .panel-body {
    background-color: transparent;

}

.forumCategoryLine .fa-bars {
    margin-right: 10px;
}

.forumCategoryLine > td {
    border-bottom: 0px;
    padding: 0px 0px 30px;
}



.forumCategoryLine .categoryNameContainer td .fa-bars {
    cursor: grab;
}

.ui-sortable-helper .categoryNameContainer .fa-bars,
.ui-sortable-helper .categoryNameContainer td .fa-bars {
    cursor: grabbing;
}



.forumCategoryLine .forumSectionLine td .fa-bars {
    cursor: grab;
}

.forumSectionsList .ui-sortable-helper .fa-bars,
.forumSectionsList .ui-sortable-helper td .fa-bars {
    cursor: grabbing;
}

.forumCategoryLine .forumCategoryId {
    padding-left: 23px;
}

#topTopicsDateRangeSelectContainer {
    float: right;
    margin: 5px 0px 10px;
}



#applyCustomPeriodTopTopics {
    margin-left: 10px;
}

.applyCustomPeriodTopTopicsContainer {
    float: right;
}

.dashContainer {
    float: left;
    width: 30px;
    text-align: center;
    margin-top: 5px;
}

.calendarInputGroup {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 168px;
    margin-left: 4px;
    float: left;
}

#reportCustomPeriodContainer .calendarInputGroup:first-child {
    margin-left: 0px;
}

#InputSearchWrap .calendarInputGroup {
    width: 220px;
    margin-right: 10px;
    margin-left: 0px;
}

.topTopicRow {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    padding: 12px 10px 12px 10px;
    position: relative;
    text-decoration: none;
}

.topTopicRow:active,
.topTopicRow:hover,
.topTopicRow:focus {
    text-decoration: none;
}

.topTopicsNoContent {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    padding: 12px 10px 12px 10px;
    position: relative;
    text-decoration: none;
}


#categoriesList.paneltable .boostbut {
    float: right;
}

#categoriesList.paneltable .categoryNameContainer .boostbut {
    padding: 20.5px 15px;
}



#forumKeywords {
    width: 100%;
}






/* Blog Page */

.postLineUrl {
    width: 80%;
}

.postId {
    color: #CCCCCC;
}

.paneltable td.postName {
    padding: 0 10px;
}

.paneltable td.postName b {
    margin-right: 5px;
}

.paneltable td.postName .postPath {
    color: var(--Text-Color-Menu);
    font-size: 12px;
    font-weight: 300;
    cursor: text;
}

.postLine .actionsColumn {
    width: 200px;
}

.postLine .actionsColumn .boostbut {
    float: right;
}

.actionsColumn a,
.actionsColumn button {
    cursor: pointer;
    float: right;
    padding: 20px 15px;
}

.postLine .actionsColumn {
    width: 200px;
}

#postsList.paneltable .actionsColumn,
#postCoursesList .actionsColumn {
    padding: 0;
}

#postCoursesList .actionsColumn .boostbut,
.postLine .actionsColumn .boostbut {
    float: right;
}

.postLine .fa-bars {
    cursor: grab;
}

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

.ui-sortable-helper td.boosterIcon {
    background-color: #ACBDD1 !important;
}

.grabTd {
    color: rgb(170, 170, 170);
    padding-right: 4px !important;
    vertical-align: top;
    width: 20px;
}

.statusTd {
    padding-right: 0px !important;
    text-align: right;
    width: 80px;
}

.statusTd .badge {
    background-color: #d9534f;
    margin-right: 10px;
}

.statusTd .custom-switch {
    display: inline-block;
}

.statusTd .bootstrap-switch-container span {
    font-size: 10px !important;
}

.addBlogCategoryContainer {
    background-color: #f2f2f2;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 2px;
    color: #aaa;
    font-weight: normal;
}

.addNewCategoryButtonContainer {
    padding: 10px;
}

.addBlogCategoryFormContainer {
    display: none;
    padding: 0px 10px 10px 10px;
}

.addNewCategoryButtonContainer {
    cursor: pointer;
}

#newBlogCategoryTitle {
    margin-right: 10px;
    float: left;
    height: 36px !important;
    border-width: 2px;
} 



.addNewBlogCategoryButton i.fa-spin {
    display: none;
}

.deleteCategory {
    cursor: pointer;
}

.blogCategoryTitle {
    cursor: text;
    display: inline;
    font-weight: bold;
}

.blogCategoryName {
    color: #aaa;
    font-size: 12px;
    font-weight: 300;
}

#blogCategoriesList {
    background-color: #ECECED;
    padding: 10px;
}

#blogCategoriesList table {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 3px;
}

#blogCategoriesList table td {
    padding: 10px;
}

#blogCategoriesList .deleteCategory {
    padding: 0px 4px;
}

/* Auto Deadline Page */

#importSuccessMessage,
#importErrors {
    margin-top: 20px;
}

#countdownWidgetId {
    margin-top: 10px !important;
}

.countdownWidgetId {
    color: var(--Text-Color-Menu);
}

.countdownWidgetLine .boostbut {
    padding: 20px 15px;
}


/* Audience Page */

.audienceUserGroup {
    margin-bottom: 20px;
}

/* Split Test */


.splittestcreate {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}


.splitSelectItem {
    flex-grow: 1;
    margin-right: 10px;	
}

#controlPage, #variationPage, #goalPage {
    width: 100%;
    font-size:11px;
    margin-right:15px;
    padding: 8px 5px;
}

.splitSubmitCreate {
    flex-shrink: 0;
    align-self: end;	
}

@media (max-width: 768px) {
    .splittestcreate {
        display: block;
    }
    .splitSelectItem {
        margin-right: 0px;
        margin-bottom: 10px;

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

/* Viral Share */

#viralCampaignMemberDetails {
    margin-top: 20px;
}

label[for="confirmRegistration"] {
    margin-bottom: 0px;
}

#viralShareRegistrationWebhook {
    width: 100%;
}

#forumCategorySelectContainer {
    margin-top: 10px;
}

.viralCampaignLine a:hover {
    text-decoration: none;
}

.modal-body a.createConvertKitWebhook {
    display: inline-block;
    margin: 0px 0px 10px;
    background-color: transparent !important;
    color: var(--Primary-Color) !important;
    text-decoration: underline !important;
}



/* Web Notification Page */


#WebNotificationPage .submit {
    padding: 10px;
    text-align: right;
}




/* Quick Stats Page */


#QuickStatsPage #reportContainer .reportNumber {
    background-color: var(--Content-Background);
    margin-top: 0px;
}

#QuickStatsPage #reportContainer #reportsCharts canvas,
#reportChartContainer canvas {
    background-color: var(--Content-Background);	
}




/* Source Tracking Styles */   


#SourceTrackingPage #reportChartContainer {
    background-color: var(--Content-Background);
}

#reportPeriodContainer,
#pageStatisticsReportPeriodContainer {
    float: right;
}

#sourceTrackingBoardGraphContent #reportPeriod {
    float: right;
}

#reportCustomPeriodContainer,
#pageStatisticsReportCustomPeriodContainer {
    display: none;
    margin-top: 6px;
}

#graphSourceTrackingLinkId,
#graphTrackingEventType {
    width: max-content;
}

.sourceTrackingLinkLineUrl {
    width: 80%;
}

.sourceTrackingLinkLine .actionsColumnButtonsContainer {
    display: flex;
}

.paneltable td.sourceTrackingLinkName {
    padding: 10px;
}

.sourceTrackingLinkLine .actionsColumn {
    width: 86px;
}

.sourceTrackingLinkLine .actionsColumn .boostbut {
    float: right;
    padding: 32px 15px;
}

.actionsColumn button {
    float: right;
    padding: 20px 15px;
}


.countTd {
    font-weight: bold;
    font-size: 17px;
}



#dataLoadingProgress,
#graphDataLoadingProgress {
    display: none;
    padding: 20px 0px;
    text-align: center;
}

#reportChartContainer {
    height: 400px;
    position: relative;
    margin-bottom: 20px;
}

.revenueColumn {
    width: 90px;
}

.applyCustomPeriodButtonContainer {
    width: auto;
    float: right;
    margin-left: 10px;
}




/* Funnel Tracker */

.addFunnelTrackerPageFormContainer {
    padding: 10px 0px;
}


.funnelTrackerLineUrl {
    width: 80%;
}

.funnelTrackerId {
    color: var(--Text-Color-Menu);
}

.paneltable td.funnelTrackerName {
    padding: 0 10px;
}

.funnelTrackerLine .actionsColumn {
    width: 182px;
}

.funnelTrackerLine .actionsColumn .boostbut {
    float: right;
}


.paneltable td.funnelTrackerName {
    padding: 0 10px;
}

.funnelTrackerLine .actionsColumn {
    width: 200px;
}

#funnelTrackersList.paneltable .actionsColumn,
#funnelTrackerPagesList .actionsColumn {
    padding: 0;
}

#funnelTrackerPagesList .actionsColumn .boostbut,
.funnelTrackerLine .actionsColumn .boostbut {
    float: right;
}

#funnelTrackerPagesList {
    width: 100%;
}

#funnelTrackerPagesList table {
    background-color: #FFFFFF;
    margin-bottom: 3px;
}

#funnelTrackerPagesList table td {
    padding: 10px;
}

.funnelTrackerPage .fa-bars {
    cursor: grab;
}

.funnelTrackerPage i.fa-bars {
    color: rgb(170, 170, 170);
    margin-right: 10px;
}

#adminSocialWallCommentsModal .modal-dialog,
#funnelTrackerAnalyticsDialog .modal-dialog {
    max-width: 800px;
    width: auto;
}

#funnelTrackerStatisitcsPagesList {
    margin-top: 10px;
}

.funnelTrackerPageStatisticsNumber,
.funnelTrackerPageStatisticsVisitsCount,
.funnelTrackerPageStatisticsConversion {
    color: #FFFFFF;
    text-align: center;
}

.funnelTrackerPageStatisticsNumber {
    background-color: #3498db !important;
    font-weight: bold;
    width: 60px;
}

.funnelTrackerPageStatisticsVisitsCount {
    background-color: #1abc9c !important;
    font-weight: bold;
    width: 60px;
}

.funnelTrackerPageStatisticsConversion {
    background-color: #34495e !important;
    font-weight: bold;
    width: 100px;
}

#reportPeriodContainer {
    float: right;
}

#reportPeriod,
#pageStatisticsReportPeriod {
    float: right;
}

#reportCustomPeriodContainer {
    display: none;
    margin-top: 6px;
}

#exportAnalyticsData {
    margin-right: 10px;
}

#funnelTrackerPageId {
    max-width: calc(100% - 78px);
}

#funnelTrackerAnalyticsDialog .applyCustomPeriodButtonContainer,
#pageStatisticsDialog .applyCustomPeriodButtonContainer {
    margin: 0px 0px 0px 10px;
}

#pageStatisticsChartVisitsContainer {
    height: 300px;
}








/* Transactions Page */


.countUserInformation {
    float: left;
    font-weight: bold;
    margin-top: 5px;
}

#searchSale {
    padding-left: 40px !important;
    padding-right: 40px !important;
    text-transform: uppercase;
    flex-shrink: 0;
}

.totalValue {
    font-weight: bold;
}


.totalValue .refunded {
    font-style: italic;
    font-weight: normal;
}

.productName {
    max-width: 140px;
    min-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productName i {
    margin-right: 7px;
}

#salesList {
    min-width: 950px;
}

#salesList td {
    vertical-align: middle;
}

#salesList td.boosterIcon {
    vertical-align: middle;
}

#invoiceDialog #saleInvoiceFooter {
    display: none;
}

.paymentIcon {
    font-size: 25px;
    text-align: center;
}

.saleLineActions {
    min-width: 185px;
    padding: 0px !important;
    text-align: right;
}



.saleLineActions button:disabled { 
    cursor: not-allowed;
}

#refundDialogMessage {
    margin: 20px 0px;
}

#refundDialogControls {
    margin-bottom: 0px;
    text-align: right;
}

#saleInvoiceHeader table {
    border-collapse: collapse;
}

#saleInvoiceHeader table td {
    border-bottom: none;
    max-width: 260px;
    padding: 7px 0px;
    word-wrap: break-word;
}

#saleInvoiceDescription table td {
    border-bottom: 0px;
    padding: 7px 0px;
}

#m10wrap #emailOrName, 
#m10wrap #filterMemberEmail, 
#m10wrap #searchEmail, 
#m10wrap #emailSearchField, 
#m10wrap #emailSearchField, 
#m10wrap #searchPhrase,
#m10wrap #searchQuery,
#m10wrap #searchStatus,
#m10wrap #userEmailOrIp {
    flex-grow: 2;
    display: block;
    float: none;
    margin-right: 10px;
}

#m10wrap #filterCourseId {
    flex-grow: 1;
    margin-right: 10px;
    width: 300px;
}

#m10wrap #membersearch {
    margin-bottom:10px;
    text-align: right;
}

#transactionsActions {
    margin-top: 10px 10px 0px;
}

.countSalesInformationSelected {
    display: none;
}


/* Customer Page */

#invoiceDialog {
    z-index: 2000;
}

#searchCustomer {
    float: right;
    padding-left: 40px !important;
    padding-right: 40px !important;
    text-transform: uppercase;
}

#CustomerPage .customersActions,
#SubscriptionPage .subscriptionsActions {
    margin: 20px;
}

#customersList td {
    vertical-align: middle;
}

#invoiceDialog #customerInvoiceFooter {
    display: none;
}

.customerLine .emailOverflowContainer,
.customerLine .nameOverflowContainer {
    display: inline-block;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customerLine .nameOverflowContainer {
    max-width: 300px;
}

.customerLineActions {
    padding: 0px !important;
    text-align: right;
}

.subscriptionLineActions {
    min-width: initial !important;
}

.userAvatarContainer {
    border-radius: 50%;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
}

.userAvatarContainer img {
    border-radius: 50%;
    height: 50px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 50px;
}

#invoiceDialog #saleInvoiceFooter {
    display: none;
}

.paymentIcon {
    font-size: 25px;
    text-align: center;
    width: 40px;
}





.lifetimeValue {
    font-weight: bold;
    text-align: center;
    width: 130px;
}

.lifetimeValue i {
    margin-right: 3px;
}

.saleLineActions {
    padding: 0px !important;
    text-align: right;
    width: 100px;
}

#customerLifetimeValueContainer {
    float: right;
    font-weight: bold;
    padding: 10px;
    margin-right: -135px;
    margin-top: 0px;
    text-align: center;
}

.saleLineActions button:disabled { 
    cursor: not-allowed !important;
}

.totalValue {
    font-weight: bold;
}



.totalValue .refunded {
    font-style: italic;
    font-weight: normal;
}

#refundDialogMessage,
#subscriptionCancelDialogMessage {
    margin: 20px 0px;
}

#refundDialogControls,
#subscriptionCancelDialogControls {
    text-align: right;
}

#refundDialogControls {
    margin-bottom: 0px;
}

#avatar {
    max-width: 408px;
}

.lifetimeValueColumn {
    width: 130px;
}


.lifetimeValueColumn {
    width: max-content;
}


#saleInvoiceHeader table {
    border-collapse: collapse;
}

#saleInvoiceHeader table td {
    border-bottom: none;
    max-width: 260px;
    padding: 7px 0px;
    word-wrap: break-word;
}

#saleInvoiceDescription table td {
    border-bottom: 0px;
    padding: 7px 0px;
}

.iconsTypes {
    text-align: center;
}

.listIconDropdown a.icons-menu-tab {
    color:/* #c2c2c2*/ #a8a8a8 !important;
    display: inline-block;
    width: 24px;
    height: 29px;
    position: relative;
    font-size: 18px;
    opacity: 0.7;
}

.icons-menu-tab i {
    position: absolute;
    top: calc(50% - 9px);
    right: 0px;
}

.icons-menu-tab {
    color: #c2c2c2;
}

.listIconDropdown a.icons-menu-tab.selected-icons {
    color: #619ed7 !important;
}

.listIconDropdown a.icons-menu-tab:hover {
    opacity: 1;
}

.countCustomersInformationSelected {
    display: none;
}

@media (max-width: 1280px) {
    .customerLine .emailOverflowContainer {
        max-width: 300px;
    }

    .customerLine .nameOverflowContainer {
        max-width: 150px;
    }
}

@media (max-width: 1100px) {
    .customerLine .nameOverflowContainer {
        max-width: 100px;
    }
}

/* Affiliates */



#affiliateCommissionProgramsTitle,
#affiliateLinksTitle,
#affiliateResourcesTitle {
    font-weight: normal !important;
    margin-top: 0px !important;
    margin-bottom: 1px !important;
    background-color: var(--Affiliates-Box-BG);
    padding: 20px;
}

.affiliateCenterItems {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#AffiliateCenterPage .panel-body {
    padding: 0;
}

#AffiliateCenterPage #reportNumberContainer {
    background-color: transparent;
}

#AffiliateCenterPage #AffiliateComAndLinks {
    background-color: transparent;
}

#AffiliateCenterPage .reportNumber {
    background-color: var(--Boxes-Background);
}

/* App Settings Page */


.appsettingswrap {
    padding: 20px;
}

.apptitles {
    font-size: 25px;
    font-weight: bold;
    margin: 20px 0px;
}

#AppSettingsPage th {
    background-color: var(--Content-Background);
}

#appsettingInfoBox {
    background-color: var(--Content-Background);
    padding: 10px;
    margin: 10px 0px;
}

#AppSettingsPage input[type="text"], #AppSettingsPage input[type="file"] {
    width: 100%;
}


/* App Notification Page */

#AppNotificationPage #message {
    display: none;
}

.openUrlActionRows {
    display: none;
}

#AppNotificationPage .pagebottom {
    border-bottom: 2px solid var(--Page-Background);
    text-align: right;	
}



/* Campaign Page */


#campaignSelect .btn-default {
    width: 100%;
}


#pageSearchQuery {
    padding-top: 3px;
    padding-bottom: 5px;
    width: 80%;
}

#m10content #addEditPageForm .modal-dialog,
#m10content #pageStatisticsDialog .modal-dialog {
    max-width: 841px;
    width: auto;
}

#m10content #addEditCampaignForm .modal-dialog {
    max-width: 892px;
}

#m10content #addEditCampaignForm .widthAuto {
    width: auto;
}

.answerLine .answerLabel textarea,
.checkoutBoxLine input[type="text"],
.optinBoxLine input[type="text"],
.pageRecordNameBox input {
    width: calc(100% - 25px);
}

.answerLine .answerLabel .aiTextDropdown {
    float: right;
}

.pageRecordSlugBox input {
    width: 400px;
}

.pageRecordName {
    max-width: none !important;
    padding-right: 20px;
    width: auto !important;
}

.pageRecordVisits {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 90px;
}

.actionsBlock {
    background-clip: padding-box;
    position: relative;
    width: 219px;
}

.actionsBlock .pageActionButtonLAST {
    border-right: none !important;
}

.actionsBlock .actionsBlockContainer {
    display: flex;
    height: 100%;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
}

#archivedPagesList .pageRecordTemplate,
#searchPagesList .pageRecordTemplate,
#pagesWithBoostersList .pageRecordTemplate {
    padding-top: 8px;
}

#archivedPagesList .pageRecordTemplate:hover,
#searchPagesList .pageRecordTemplate:hover,
#pagesWithBoostersList .pageRecordTemplate:hover {
    border: none;
}

div.campaignPageLine {
    border-bottom: 1px solid var(--Line-Color-Light);
    padding: 10px;
    display: flex;
    align-items: flex-start;
}

.locationIcon {
    margin-right: 10px;
}

#pagesWithBoostersList .pageRecordName {
    flex-grow: 2;
    padding-right: 0px;
}

#pagesWithBoostersList .pageActionButton {
  display: inline-block;
  min-width: 30px !important;
  padding: 14px 15px;
}

#pagesWithBoostersList  .viewCampaign {
    padding-right: 5px;
}

#noUsageAtPages {
    border-bottom: 1px solid var(--Line-Color-Light);
    padding: 10px 0px;
}

#campaignSelect .dropDownValue {
    display: block;
    float: left;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%;
}


#campaignSelect .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
}

#currentCampaignControls {
    margin-right: -9px;
}

#currentCampaignControls .btn {
    border: none !important;
    border-radius: 0px !important;
    font-size: 17px;
    display: inline-block;
    float: left;
    margin-left: 1px;
    margin-top: -10px;
    min-height: 100% !important;
    padding: 14px 15px 13px 15px !important;
}



#exportCampaignUrl {
    line-height: 1.2;
    margin-left: 0;
    padding: 5px;
}

.campaignsFilterContainer {
    padding: 0px 10px;
}

#progressModal .loadingProgress {
    display: block !important;
}

#pageSearchQuerySubmit {
    float: right;
}




/* Affiliates Page */


.commissionSum {
    font-weight: bold;
    text-align: center;
}

.salesCount {
    font-weight: bold;
    text-align: center;
}





/* Manage Affiliate Page */



.paneltophead #exportAffiliatesButton,
.paneltophead #exportAffiliatesSales,
.paneltophead #affiliateCommissions {
    float: right;
}

.paneltophead #affiliateCommissions,
.paneltophead #exportAffiliatesSales {
    margin-right: 10px;
}

#totalMembersLabel {
    float: right;
    font-weight: bold;
    line-height: 29px;
    margin-right: 10px;
}

#importCSV {
    display: inline-block;
}


#commissionProgram,
#commissionProgramForNewUser {
    width: 300px;
}
#addNewProduct {
    float: right;
}

#commissionProgramsList, 
#commissionProgramsOfNewUserList {
    margin-top: 10px;
}

#commissionProgramsList table, 
#commissionProgramsOfNewUserList table {
    margin-bottom: 3px;
    width: 100%;
    background-color: #FFFFFF;
}

.modal-content .paneltable #commissionProgramsList td, 
.modal-content .paneltable #commissionProgramsOfNewUserList td {
    padding: 10px;
    background-color: #FFFFFF;
    border-bottom: 0px;
}
#addNewCommissionProgram, #addCommissionProgramToNewUser {
    float: right;
}
#commissionProgramContainer {
    margin-top: 10px;
}
#vievAffiliates .paneltable .actionsColumn,
#editAffiliateCommissionProgramsDialog .actionsColumn {
    padding: 0;
}
#vievAffiliates .paneltable .boostbut,
#editAffiliateCommissionProgramsDialog .boostbut {
    float: right;
}
#vievAffiliates .paneltable .boostbut {
    padding: 17px 15px;
}
.plusAddNewAffiliateUser {
    font-size: 25px;
}
.adminPageActionsContainer {
    position: absolute;
    right: 25px;
    top: 25px;
    display: block;
}
#importFormContainer {
    display: table;
    width: 100%;
}
.bootstrapFileUploadContainer {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
.bootstrapFileUploadContainer .bootstrapFileUpload {
    margin-bottom: 0px !important;
}
.importButtonContainer {
    display: table-cell;
    vertical-align: middle;
}
.importButtonContainer button {
    margin-left: 10px;
}
#m10wrap #affiliateDate {
    width: 100%;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
#affiliateUsersContainer {
    display: none;
}
.countUserInformationSelected {
    display: none;
}

#ManageAffiliatePage #searchStatus {
    flex-grow: 1;
    margin-right: 10px;
}

#SubscriptionPage #searchStatus {
    flex-grow: initial;
}

.pagebottom {
    padding: 20px;
}


/* Global Settings Page */


#globalSettingsPage .panel-body {
    padding: 15px 0px;
    text-align: left;
}

#globalSettingsPage .contentRight {
    margin: 20px;
}

#globalSettingsPage .toggle-content > div, #IntegrationPage .toggle-content > div, #IntegrationPage .toggle-content form > div, #AdminUserEditPage form > div {
    border-bottom: 2px solid var(--Affiliates-Box-BG);
    padding: 10px;
}

#AdminUserEditPage form > div {
    border-bottom: 0px solid var(--Page-Background);
    padding: 10px;
}

#globalSettingsPage .toggle-content > div:last-child, #IntegrationPage .toggle-content > div:last-child, #IntegrationPage .toggle-content form > div:last-child, #AdminUserEditPage form > div:last-child {
    border-bottom: 0px solid #F5F5F5;
}

#globalSettingsPage .toggle-content > div.clear {
    padding: 0px;
}

#globalSettingsPage .imageControlContainer {
    margin-bottom: 0px;
}

#countriesList {
    margin-top: 10px;
}	

.countryItem {
    background: var(--Country-Global-Settings-BG);
    line-height: 34px;
    margin-bottom: 2px;
    padding: 5px 20px;
}

.countryItem .fa-bars {
    color: rgb(170, 170, 170);
    margin-right: 10px;
    cursor: grab;
}
.countryItem .deleteCountry {
    float: right;
    background: transparent;
    border: 0px;
}

#globalSettingsPage #ct_defaultCurrency {
    width: 130px;
}

#globalSettingsPage #m10-ct_cookiesInfoText-wrap .mceStatusbar {
    display: none;
}

#globalSettingsPage #ct_cookiesInfoText_tbl {
    height: 120px !important;
}

#globalSettingsPage #m10-ct_cookiesInfoText-wrap .mceIframeContainer {
    height: 120px !important;
}

#globalSettingsPage #ct_cookiesInfoText_ifr {
    height: 100% !important;
}

#globalSettingsPage #ct_cookiesInfoText_toolbargroup * {
    box-sizing: content-box;
}

#globalSettingsPage input.deleteImageCheckbox {
    display: none;
}

#globalSettingsPage #innerright .m10-editor-container {
    clear: none;
}

/* Integration Page */

#IntegrationPage h4.sectionTitle {
    border-top: 15px solid var(--Page-Background);
    font-weight: bold;
    padding: 20px;
}

/* Menu Page */

.menuId {
    color: var(--Text-Color-Menu);
}

/* Admin Users Page */

#AdminUsersPage #usersList .actions {
    padding: 0px;
    text-align: right;
    width: 110px;
}

#AdminUsersPage .avatar {
    border-radius: 50%;
    height: 32px;
    width: 32px;
}

#AdminUsersPage .paneltable .column-actions .row-actions .boostbut.inactive,
#notificationsList .inactive {
    background: #111119;
    color: #ccc !important;
    cursor: not-allowed;
}

#AdminUsersPage .paneltable .column-actions .row-actions .boostbut {
    padding: 19px 15px;
}

#AdminUsersPage .paneltable .column-actions .row-actions .inactive {
    padding: 19px 15px;
} 

.alignCenter,
th.alignCenter {
    text-align: center;
}

/* Admin Users Edit Page */

#EditAdminUserPermissionToggle td {
    border-bottom: 1px solid var(--Page-Background)
}

#EditAdminUserPermissionToggle td.subitem {
    padding-left: 30px;
}

#EditAdminUserPermissionToggle .shortcode-toggle {
    box-shadow: none !important;
}

.description-wrapper, #m10-ct_cookiesInfoText-wrap {
    border: 1px solid var(--Input-Custom-Border);
    border-radius: 4px;
}

#_profileDescription_ifr, #_profileSignature_ifr {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.bootstrapFileUpload {
    margin-bottom: 5px !important
}

.description-wrapper {
    max-width: 100%;
}

.permissionsTable table tr:last-child td {
    border: none !important;
}

#AdminUserEditPage th label {
    color: var(--Text-Color-Main);
}

#AdminUserEditPage th label {
    color: var(--Text-Color-Main);
}

#AdminUserEditPermission td:only-child {
    border-bottom: none;
}

#pbSectionType,
#addRowFromFavorites,
#addBlockFromFavorites {
    margin-bottom: 20px !important;
}

#pbSectionType, 
#addRowFromFavorites,
#addBlockFromFavorites,
#favoritesSectionId,
#favoritesRowId,
#favoritesBlockId {
    width: 100%;
    line-height: 1.2 !important;
    vertical-align: bottom;
}

#savedSectionsSettings {
    margin-bottom: 20px;
}

#editable-width-for-2-columns table,
#editable-width-for-3-columns table,
#editable-width-for-4-columns table {
    width: 100%;
}

#editable-width-for-2-columns .column1Width {
    width: 49%;
}

.importDateContainer {
    padding-left: 10px;
}

.modalSectionTitle {
    border-bottom: solid 2px #64B5F6;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

.affiliateLedgerEndDateContainer,
.affiliateLedgerStartDateContainer {
    float: right;
    margin-bottom: 30px;
}

.affiliateLedgerEndDateContainer {
    margin-left: 10px;
}

.ledgerTable {
    background: #fff;
    margin-bottom: 35px;
    margin-top: 10px;
}

.ledgerTable th {
    padding: 10px !important;
}

.ledgerTable tr:last-child td {
    font-weight: bold;
}

.ledgerTable tr th:last-child,
.ledgerTable tr td:last-child {
    padding-right: 10px;
    text-align: right;
}

#editable-width-for-2-columns .column2Width {
    width: 49%;
    float: right;
}

#editable-width-for-3-columns table td,
#editable-width-for-4-columns table td {
    padding-right: 5px;
}

#editable-width-for-3-columns table td:last-child,
#editable-width-for-4-columns table td:last-child {
    padding-right: 0px;
}

#AdminUserEditPage th label {
    color: var(--Text-Color-Main);
}

#AdminUserEditPermission td:only-child {
    border-bottom: none;
}

.sortBy,
.sortBy:active,
.sortBy:hover,
.sortBy:focus {
    color: var(--Text-Color-Main) !important;
    text-decoration: none;
}

.memberTrackingValue {
    color: var(--Body-Color-Default) !important;
}

.sortspan {
    width: 10px;
    position: relative;
    display: inline-block;
    height: 15px;
}

.sortspan .fa-caret-up {
    color: #6c757d;
    opacity: 0.5;
    position: absolute;
    top: -1px;
}

.sortUp .sortspan .fa-caret-up {
    opacity: 1;
}

.sortspan .fa-caret-down {
    color: #6c757d;
    opacity: 0.5;
    position: absolute;
    bottom: -6px;
}

.sortDown .sortspan .fa-caret-down {
    opacity: 1;
}

.canvasAdditionalInfo {
    background: #fff;
    color: #61616a;
    font-size: 12px;    
    margin-bottom: 10px;
    margin-top: -20px;
    padding: 10px;
}

#savedSectionsList {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 3px;
}

#savedSectionsList td {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 3px;
}

#filterAffiliate,
#filterProduct {
    margin-right: 10px !important;
    width: 110px;
}
#m10wrap select.trophyType {
    padding-right: 20px !important;
}

#templateSelectModal .modal-dialog {
    width: 1050px;
}

.desktopView .modal-dialog {
    height: 100%;
    width: 100% !important;
    padding: 15px;
    margin: 0px auto;
}

.desktopView .modal-body,
.mobileView .modal-body {
    height: 100%;
}

.desktopView .modal-content,
.mobileView .modal-content {
    height: 100%;
}

.desktopView.modal .panelcontent,
.mobileView.modal .panelcontent {
    max-height: 100%;
    height: calc(100% - 100px);
}

#livePagePreviewIframe {
  width: 100%;
}

.mobileView .modal-dialog {
    height: 100%;
    width: 500px; 
    padding: 15px;
    margin: 0px auto;
}

#desktopPagePreview,
#mobilePagePreview {
    padding: 5px !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: transparent;
    text-transform: uppercase;
    float: right;
}

.applyCustomPeriodButtonContainer {
    width: auto;
    float: right;
    margin-left: 10px;
}

.tableLink {
    color: var(--Text-Color-Main) !important;
}

.toggle-content .toggleItem {
    margin-bottom: 20px;
}

#affiliateSettingsDialog .bootstrapFileUpload {
    max-width: 100%;
}

#affiAction {
    margin-bottom: 5px !important;
}

.tableBottomInfo {
    font-size: 11px;
    padding: 5px 10px;
}

.subscriptionActive {
    background-color: #2ecc71 !important;
    color: #ffffff;
    font-weight: bold;
}

.subscriptionInactive {
    background-color: #e74c3c !important;
    color: #ffffff;
    font-weight: bold;
}

.toggleSubsection .toggleSubsectionTitle {
    font-weight: bold;
}

.toggleSubsection > div {
    padding: 10px 0px;
}

.toggle-content .updateValueInput {
    margin-top: 10px !important;
}

#courseContentContainer .coursePageActions .custom-switch {
    display: inline-block;
}

#m10wrap #headerImageHeightType,
#m10wrap #headerImageHeightValueContainer {
    margin-bottom: 10px;
}

#m10wrap #certificateType {
    margin-bottom: 10px;
}

#certificateBGImagePreviewContainer {
    text-align: center;
}

.modal .panelcontent {
    max-height: calc(100vh - 200px);
    min-height: 300px;
    overflow-y: auto;
}

.modal-open #addEditCourseDialog,
.modal-open #addEditLaunchPadForm,
.modal-open #editForumSettingsDialog,
.modal-open #customerProfileDialog {
    overflow-y: hidden;
}

#addAweberCustomFieldForm .panelcontent,
#addBundleDialog .panelcontent,
#addConvertKitCustomFieldForm .panelcontent,
#addConvertKitTagForm .panelcontent,
#addEditCampaignForm .panelcontent,
#addEditCategoryDialog .panelcontent,
#addEditExternalProductDialog .panelcontent,
#addEditQuizDialog .panelcontent,
#addEditSectionDialog .panelcontent,
#addEmailUnsubscribersDialog .panelcontent,
#addFunnelTrackerDialog .panelcontent,
#addInfusionsoftCustomFieldForm .panelcontent,
#addInfusionsoftTagForm .panelcontent,
#addMailChimpCustomFieldForm .panelcontent,
#addMailChimpTagForm .panelcontent,
#addMenuDialog .panelcontent,
#addOntraportTagForm .panelcontent,
#addOptinBoxDialog .panelcontent,
#addPostDialog .panelcontent,
#addSourceTrackingLinkDialog .panelcontent,
#archivedPagesModal .panelcontent,
#autoWebinarQuestions .panelcontent,
#blogCategoriesDialog .panelcontent,
#createAffiliatePaymentDialog .panelcontent,
#deleteSaleDialog .panelcontent,
#editSubscriptionCommissionDialog .panelcontent,
#exportCampaignModal .panelcontent,
#forumCategorySettings .panelcontent,
#funnelTrackerAnalyticsDialog .panelcontent,
#gamificationModal .panelcontent,
#importQuestionsDialog .panelcontent,
#importSharedCampaignModal .panelcontent,
#importUsersForm .panelcontent,
#pageSearchModal .panelcontent,
#pageDelaySettingsDialog .panelcontent,
#pageVisitsModal .panelcontent,
#portalPagesDialog .panelcontent,
#refundDialog .panelcontent,
#searchMembersViralCampaignForm .panelcontent,
#subscriptionCancelDialog .panelcontent,
#topTopicsDialog .panelcontent,
#upgradeOfferModal .panelcontent,
.userAccessHistoryModal .panelcontent,
#usersResultsDialog .panelcontent,
.modal-dialog .panelcontent-autoheight {
    min-height: 100px;
}

#coursesGroupsDialog .panelcontent {
    min-height: 300px;
}

#forumImageContainer,
#forumDefaultHeaderImagePreviewContainer {
    position: relative;
}

.deleteImageLink {
    display: block;
    color: #ffffff !important;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 21px;
    height: 21px;
    background-color: #aaa;
    text-align: center;
    z-index: 2;
    cursor: pointer;
}

.quizQuestionAnswers .deleteImageLink {
    top: 2px;
    left: 77px;
    right: unset;
}

.modal-body .panelcontent .deleteImageLink,
.modal-body .panelcontent .deleteImageLink:hover {
    color: #ffffff !important;
}

.imagePreviewContainer {
    position: relative;
    text-align: right;
    border: 2px solid #ffffff;
}

#courseImageContainer,
#productDefaultHeaderImagePreviewContainer,
#courseQuizzesBadgePreviewContainer,
#certificateBGImagePreviewContainer,
#certificateLogoPreviewContainer,
#certificateSignaturePreviewContainer,
.productCourseBadgePreviewContainer {
    position: relative;
}

.imageControlContainer {
    margin-bottom: 15px;
}

.imageControlUploader {
    float: left;
    padding-right: 20px;
    width: calc(100% - 84px);
}

.launchMenuItemSettings .imageControlUploader {
    width: calc(100% - 156px);
}

.imageControlPreview {
    float: right;
    width: 84px;
    height: 84px;
    background: #ccc;
    position: relative;
    border: 2px solid #ffffff;
}

.launchMenuItemSettings .imageControlPreview {
    width: 156px;
}

.imageControlPreview .savedImagePreview, .croppedPreviewContainer,
#forumDefaultHeaderImagePreviewContainer, #forumImageContainer {
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0px;
}

.croppedPreviewContainer {
    overflow: hidden;
}

.imageControlPreview .savedImagePreview img,
#forumDefaultHeaderImagePreviewContainer img,
#forumImageContainer img {
    margin: 0px auto;
    max-height: 100%;
    max-width: 100%;
}

.imageControlUploader .bootstrapFileUpload {
    margin-bottom: 0px !important;
}

#alertModal .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}

.internalSubContainer {
    background: #f4f4f4;
    padding: 10px;
}

.modal-body .toggle-content .paneltable tr td:only-child {
    padding-left: 5px;
    padding-right: 5px;
}

.paneltableNoBottomBorder > tbody > tr > td,
.paneltableNoBottomBorder > tr > td,
.trNoBottomBorder > td {
    border-bottom-width: 0px !important;
}

.paneltable .trWithBorder > td {
    border-bottom-width: 1px !important;
}

.paneltable .trWithBorderAndColor > td {
    border-bottom: 1px solid var(--Line-Color-Light) !important;
}

#editAppSettingsForm .imageControlPreview,
#affiliateSettingsContainer .imageControlPreview {
    border: 2px solid #cccccc;
}

#searchViralCampaignMembersButton {
    float: right;
}

#m10wrap .questionType {
    margin-bottom: 10px;
}

.audienceSettingsContainer,
.launchMenuItemSettings {
    background: #e9e9e9;
    padding: 0px 10px;
}

#memberCoursesContainer td {
    padding-left: 0px;
    padding-right: 10px;
}

.ui-timepicker-div dt {
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 5px;
}

.ui-timepicker-div dt.ui_tpicker_time_label {
    margin-bottom: 0px;
}

#elementsSelection .limitedWidthLabelForCheckbox {
    max-width: calc(100% - 40px);
}

.rightSideSwitch.custom-switch   .custom-control-label::before {
    left: -1.75rem;
}

.rightSideSwitch.custom-switch   .custom-control-label::after {
    left: calc(-1.75rem + 2px);
}

#pageBuilderSidebar .moreSettingsToggleLink .fa-chevron-right,
#pageBuilderSidebar .moreSettingsToggleLink .fa-chevron-down {
    position: absolute;
    right: 15px;
    top: 18px;
}

input[type="text"].colorPickerControl {
    background-color: #ffffff !important;
}

.wp_themeSkin .mceStatusbar {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.wp_themeSkin .mceStatusbar a.mceResize {
    height: 19px;
    border-bottom-right-radius: 4px;
}

.wp_themeSkin tr.mceFirst td.mceToolbar {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

 #m10wrap .input-group .form-control:not(:first-child):not(:last-child),  
 #m10wrap .input-group-addon:not(:first-child):not(:last-child), 
  #m10wrap .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0px !important;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    padding: 8px 12px !important;
}

#m10wrap .bnt-consistent-control {
    padding: 8px 12px !important
}

.multiOptionsTrItem {
    background-color: #e9e9e9;
}

.twoStepsSwitch {
    margin-top: 20px !important;
    padding: 0px;
    margin-bottom: 0px !important;
}

.twoStepsSwitch > .mb-2 {
    padding: 0px 10px;
    border-bottom: 1px solid #212121;
    margin-bottom: 0px !important;
    padding-bottom: 20px;
}

.twoStepsSwitch > .mb-2 > .twoLabels > .firstLabel {
    padding-top: 10px;
    font-weight: normal;
    font-size: 14px;
}

.twoStepsSwitch > .elementEditorChildren {
    margin-top: 0px;
    border-bottom: 1px solid #212121;
}

.twoStepsSwitch .elementEditorChildren .parentContainer .twoStepsDetails {
    padding: 18px 10px !important;
}

.postPublishStatus {
    width: 100px; 
    font-size: 12px; 
    padding: 0px !important;
    border-left: 1px solid var(--Page-Background) !important;
}

div.postPublishStatusContainer {
    padding: 10px;
}

#blogPage .postLine .actionsColumn {
    width: 221px;
}

#blogPage .viewComments {
    position: relative;
}

#blogPage .viewComments .badge {
    background-color: #d9534f !important;
    position: absolute;
    right: 5px;
    top: 9px;
}

#blogSettingsModal .fullWidthColorInput,
#portalSettingsContainer .fullWidthColorInput {
    background-color: #fff !important;
}

.newnot {     
    background-color: #d9534f;     
    color: #fff;     
    padding: 3px 5px;     
    border-radius: 5px;     
    font-size: 10px;     
    margin-right: 10px;
}

#templatePreview .modal-dialog,
#knowledgeBaseDialog .modal-dialog {
    margin: 0px auto;
    height: 100%;
    width: 100% !important;
    padding: 15px;
}

#templatePreview .modal-body,
#knowledgeBaseDialog .modal-body {
    height: 100%;
}

#templatePreview .modal-content,
#knowledgeBaseDialog .modal-content {
    height: 100%;
}

#templatePreview.modal .panelcontent,
#knowledgeBaseDialog.modal .panelcontent {
    max-height: 100%;
    height: calc(100% - 100px);
}

#templatePreviewIframe,
#knowledgeBaseIframe {
    width: 100%;
    height: calc(100% - 5px);
}

.multiAvailabilitySettings {
    margin-bottom: 10px;
}

.invisibleIconButton {
    pointer-events: none;
}

.invisibleIconButton i {
    visibility: hidden;
}

#WebNotificationPage .notificationLine .alignRight,
#WebNotificationPage .notificationLine .notificationDate {
    white-space: nowrap;
}

#WebNotificationPage .notificationLine .notificationLineText {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#WebNotificationPage .notificationLine .notificationLineStatus {
    border-left: 1px solid var(--Page-Background) !important;
}

.moveBulletItem {
    cursor: grab;
    margin-bottom: 5px;
}

.itemsContainer .leftsidebarItemPlaceholder {
    height: 20px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.bulletSettingsBlock.ui-sortable-helper {
    z-index: 11000;
}

#adminSocialLinksBlockContainer,
.editUserToggle {
    background-color: var(--Content-Background);
    padding: 10px;
    margin-bottom: 5px;
}

#adminSocialLinksBlock {
    box-shadow: none;
}

.stepItem {
    margin-bottom: 15px;
}

.stepItem img,
.stepItem input {
    margin-top: 5px !important;
}

.paddingRight10 {
    padding-right: 10px !important;
}

.badgeContainer {
    position: relative;
}

.badgeContainer .badge {
    background-color: #d9534f;
    position: absolute;
    right: 2px;
    top: 2px;
}

#trophiesList .compactBootstrapUploader {
    border-radius: 50%;
    cursor: pointer;
    height: 36px;
    width: 36px;
}

#trophiesList .compactBootstrapUploaderImageContainer img {
    border-radius: 50%;
    height: 36px !important;
    transform: none !important;
    width: 36px !important;
}

#trophiesList .compactBootstrapUploaderDefaultContentContainer {
    color: #ffffff;
    font-size: 20px;
    height: 100%;
    padding: 5px 0px 0px 7px;
    width: 100%;
}

#achievementsList .userCourseBadge, 
#achievementsList .userCourseCertificate {
  width: 100%;
  margin-bottom: 10px;
  display: table;
  border-bottom: 1px solid #e0e0e0;
}

#achievementsList .badgeCourseName {
    font-weight: bold;
}

#achievementsList .courseBadgeInfo {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
    padding-right: 40px;
}

#achievementsList .courseBadgeImage {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    padding-right: 20px;
    padding-bottom: 10px;
    text-align: center;
}

#achievementsList .courseBadgeImage img {
    max-width: 50px;
}

#achievementsList .courseCertificateContainer{
    display: none;
    position: relative;
    padding-top: 20px;
    padding-right: 20px;
}

#achievementsList .courseCertificateInfo {
    display: table;
    position: relative;
    width: 100%;
}

#achievementsList .certificateImage {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    padding-right: 20px;
    padding-bottom: 10px;
}

#achievementsList .certificateImage img {
    max-width: 50px;
}

#achievementsList .memberTitleImage {
    background-color: #cccccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 10px;
    position: relative;
}

#achievementsList .memberTitleImage img {
    width: 30px;
}

#achievementsList .memberTitleImage img.fillImage {
    border-radius: 50%;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

#achievementsList .certificateInfo {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
    padding-right: 40px;
}

#achievementsList .certificatePrint {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
}

#achievementsList .certificateCourseName {
    font-weight: bold;
    padding-right: 30px;
}

#achievementsList .addBadgeContainer,
#achievementsList .addTrophyContainer {
    float: right;
    margin-right: -30px;
    margin-top: 10px;
}

#achievementsList .achivmentProgressBar {
    background-color: #e0e0e0;
    min-height: 5px;
    margin-top: 5px;
}

#achievementsList .achivmentProgress {
    background-color: #4FAF61;
    min-height: 5px;
}

.textOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#SplitTestPage .controlPageInfo,
#SplitTestPage .goalPageInfo, 
#SplitTestPage .variationPageInfo {
    max-width: 290px;
}

#affiliateUsersContainer .affiliateUserNameTd {
    max-width: 200px;
}

.loadingModalContentContainer {
    text-align: center;
}

.loadingModalContentContainer img {
    height: 50px;
}

.relativeContainer {
    position: relative;
}

.circleProgressBar {
    width: var(--width-value);
    height: var(--width-value);
    border-radius: 50%;
    position: relative;
}

.circleProgressBar .circle {
    height: 100%;
}

.circleProgressBar .circle .mask,
.circleProgressBar .circle .fill {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
}

.circleProgressBar .circle .mask {
    clip: rect(0px, var(--width-value), var(--width-value), var(--half-width-value));
}

.circleProgressBar .inside-circle {
    display: table;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    margin-top: 10%;
    margin-left: 10%;
    position: absolute;
    z-index: 100;
}

.circleProgressBar .inside-circle .inside-circle-text {
    display: table-cell;
    line-height: 1.2;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    font-size: 10px;
}

.circleProgressBar .inside-circle .inside-circle-text i {
    display: block;
}

/* 3rd progress bar */
.circleProgressBar .mask .fill {
    clip: rect(0px, var(--half-width-value), var(--width-value), 0px);
    background-color: var(--Primary-Color);
}

.circleProgressBar .mask.full,
.circleProgressBar .circle .fill {
    transform: rotate(0deg);
}

.memberAffLinksBlock {
    margin-bottom: 20px;
    border-bottom: 4px solid #e0e0e0;
    padding-bottom: 20px;
}

.memberAffLinksTitle {
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 15px;
}

.memberAffLink {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.memberAffLink input {
    width: 100%;
}

.adminListItemLine:hover td,
.adminListItemLine:hover {
    background-color: var(--Boxes-Background);
}

.openKnowledgeBase {
  margin-left: 20px;
  font-size: 22px;
  color: var(--Text-Color-Main) !important;
}

#DashboardPage .openKnowledgeBase {
  vertical-align: middle;
}

#m10content #knowledgeBaseDialog .modal-dialog {
    width: 1000px;
}

.marginTopMinus20 {
    margin-top: -20px !important;
}

.bottomSeparator {
    border-bottom: 1px solid #cccccc;
}

#adminSocialWallComments {
    min-height: 200px;
    padding-top: 10px;
    padding-bottom: 30px;
}

#adminSocialWallComments .socialWallCommentsLoadingProgress {
    margin-bottom: 15px;
    text-align: center;
}

#adminSocialWallComments .socialWallCommentsLoadingProgress img {
    width: 40px;
}

#adminSocialWallComments > .socialWallComment > .socialWallCommentContainer {
    margin: -10px -10px 0px -10px;
    padding: 10px;
    position: relative;
}

#adminSocialWallComments > .socialWallLoadMoreComments a {
    background-color: #365899;
    color: #ffffff !important;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

#adminSocialWallComments > .socialWallLoadMoreComments a:hover {
    background-color: #6882b3;
}

#adminSocialWallComments .socialWallCommentReplyContainer .wp_themeSkin table.mceLayout {
    border: none !important;
    border-radius: 6px;
    height: 50px !important;
    overflow: hidden;
}

#adminSocialWallComments .socialWallCommentReplyOpenLink {
    color: #365899 !important;
    margin-left: 30px;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
}

#adminSocialWallComments .socialWallCommentReplyOpenLink:hover {
    text-decoration: underline;
}

#socialWallInputContainer {
    border-radius: 8px;
    margin: 0px 0px 20px;
    padding: 0px;
    position: relative;
}

#adminSocialWallComments > .socialWallComment, 
#commentThread > .socialWallComment,
#socialWallSearchResultComments > .socialWallComment {
    line-height: 1.3;
    margin-bottom: 12px;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
    position: relative;
}

#adminSocialWallComments .socialWallComment {
    margin-bottom: 6px;
}

.socialWallComment,
.socialWallCommentRepliesContainer,
.socialWallCommentContainer {
    position: relative;
}

#adminSocialWallComments > .socialWallComment > .socialWallCommentContainer, 
#commentThread > .socialWallComment > .socialWallCommentContainer, 
#socialWallSearchResultComments > .socialWallComment > .socialWallCommentContainer {
    margin: -10px -10px 0px -10px;
    padding: 10px;
    position: relative;
}

#socialWallInputContainer .m10-editor-container {
    background-color: #fff;
    border-radius: 6px;
    clear: both;
}

#socialWallInputContainer .quicktags-toolbar,
#socialWallInputContainer .wp_themeSkin tr.mceFirst td.mceToolbar {
    border-bottom: none !important;
    background-color: transparent !important;
}

#socialWallInputContainer .socialWallCommentAvatar {
   border-radius: 50%;
    height: 40px;
    left: 10px;
    line-height: 37px;
    position: absolute;
    top: 10px;
    width: 40px;
    z-index: 999;
}

.socialWallCommentReplyContainer .mceFirst > .mceToolbar > div {
    position: absolute;
    right: 75px;
    bottom: 9px;
}

.socialWallCommentReplyContainer .mceButton span {
    position: static;
}

#adminSocialWallCommentsModal .mceToolbar.mceLeft.mceFirst.mceLast {
    border: none !important;
    background: transparent !important;
    height: 0px !important;
    padding: 0px !important;
}

#socialWallCommentText_toolbargroup {
    position: absolute;
    right: 75px;
    bottom: 14px;
}

#socialWallInputContainer .socialWallCommentAvatar img {
    border-radius: 20px;
    height: 40px;
    width: 40px;
}

#sendSocialWallComment {
    background-color: #2d91fb;
    border: none;
    margin-top: 0px;
    -webkit-appearance: initial;
    position: absolute;
    right: 10px;
    bottom: 9px;
    width: 70px;
    padding: 5px 11px;
}

#sendSocialWallComment:hover {
    background-color: #2d91fb;
}

#sendSocialWallComment i {
    color: #ffffff;
    padding: 5px 20px;
}

#socialWallCommentText {
    border: solid 1px #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}

#socialWallCommentText_tbl {
    border-radius: 3px;
    border-width: 0px !important;
    height: 60px !important;
    position: relative;
}

#socialWallCommentText_tbl .mceIframeContainer {
    padding: 0px 0px 0px 55px;
}

#socialWallCommentText_tbl .mceLast iframe {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.socialWallCommentReplyContainer .wp_themeSkin table.mceLayout .mceLast iframe {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.socialWallCommentReplyContainer .wp_themeSkin table.mceLayout .mceLast iframe {
    height: 45px !important;
    width: 100%;
    display: block;
}

#editComment_ifr {
    min-height: 100px;
}

#socialWallCommentText_ifr {
    height: 50px !important;
    width: 100%;
    display: block;
}

.socialWallComment {
    margin-bottom: 15px;
}

.socialWallCommentAvatar {
    background: #2d91fb;
    border-radius: 50%;
    color: #ffffff;
    float: left;
    height: 40px;
    line-height: 37px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
    z-index: 3;
}

.socialWallCommentAvatar img {
    border-radius: 50%;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.socialWallComment .socialWallComment .socialWallCommentAvatar {
    height: 28px;
    line-height: 27px;
    width: 28px;
}

.socialWallCommentReplyContainer {
    display: none;
}

.socialWallCommentText,
.socialWallCommentActionsContainer,
.socialWallCommentReplyContainer {
    margin-left: 50px;
}

.socialWallCommentActionsContainer {
    color: #90949c;
    font-size: 12px;
    font-weight: 600;
}

.socialWallComment .socialWallComment .socialWallCommentActionsContainer {
    padding-left: 5px;
}

.socialWallCommentActionsContainer .socialWallCommentBottomActionsContainer {
    border-bottom: 1px solid #dddfe2;
    border-top: 1px solid #dddfe2;
    margin: 10px -10px -10px -60px;
    padding: 5px 10px 5px 10px;
} 

#adminSocialWallComments .socialWallCommentActionsContainer .socialWallCommentBottomActionsContainer a {
    color: #666678 !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0px;
    text-align: center;
    text-decoration: none;
    width: 50%;
}

#adminSocialWallComments .socialWallCommentActionsContainer .socialWallCommentLikeLink .fa-heart {
    display: none;
}

#adminSocialWallComments .socialWallCommentActionsContainer .socialWallCommentLikedLink .fa-heart-o {
    display: none;
}

#adminSocialWallComments .socialWallCommentActionsContainer .socialWallCommentLikedLink .fa-heart {
    display: inline;
}

#adminSocialWallComments .socialWallCommentActionsContainer .socialWallCommentBottomActionsContainer a:hover {
    font-weight: bold;
}

.socialWallCommentRepliesContainer .socialWallCommentActionsContainer .socialWallCommentBottomActionsContainer {
    display: none;
}

.socialWallCommentRepliesContainer .socialWallCommentWrapper {
    min-width: 300px;
}

.socialWallCommentRepliesContainer .socialWallCommentText {
    border-radius: 0px 15px 15px 15px;
    padding: 0px 5px;
    margin-bottom: 3px;
}

.socialWallCommentText {
    color: #1F232B;
    font-size: 15px;
}

.socialWallComment .socialWallComment .socialWallCommentText,
.socialWallComment .socialWallComment .socialWallCommentActionsContainer,
.socialWallComment .socialWallComment .socialWallCommentReplyContainer {
    margin-left: 34px;
}

.socialWallCommentText img {
    display: block;
    height: auto !important;
    image-orientation: 'from-image';
    margin: 3px 0px 0px 0px;
    max-width: 100%;
    width: auto !important;
}

.socialWallCommentText .socialWallCommentDate,
.socialWallCommentText .socialWallCommentDateTitle {
    display: none;
    font-size: 10px;
    line-height: 14px;
}

.socialWallComment .socialWallComment .socialWallCommentText .socialWallCommentDateTitle {
    display: block;
    line-height: 20px;
}

.socialWallCommentTextContent {
    display: inline-block;
    font-family: "SF Pro Text", -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-feature-settings: "kern" 0;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}

#adminSocialWallComments .socialWallCommentTextContent a {
    color: #2d91fb !important;
}

#adminSocialWallComments > .socialWallComment > .socialWallCommentContainer .socialWallCommentTextContent {
    display: block;
    margin-top: 5px;
}

.socialWallComment .socialWallCommentReplyContainer {
    margin-left: 30px;
    margin-top: 10px;
}

.socialWallCommentText iframe,
.socialWallCommentText .wistia_embed,
.socialWallCommentText .fb-video,
.socialWallCommentText .video-js {
    border: 0px;
    display: block;
    height: 358px !important;
    margin: 3px 0px 5px 0px;
    min-height: 168px !important;
    min-width: 640px !important;
    overflow: hidden;
    width: 640px !important;
}

.socialWallCommentUserNameContainer {
    margin-bottom: 2px;
    overflow: hidden;
}

#socialWallCommentTextContainer .mceEditor,
.socialWallCommentReplyContainer .mceEditor {
    display: block;
    padding-left: 0px;
    position: relative;
}

.socialWallCommentReplyContainer .mceIframeContainer {
    background-color: #F6F7F9;
}

.socialWallCommentUserName {
    color: #111;
    font-family: "SF Pro Text", -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-right: 10px;
}

.socialWallCommentRepliesContainer .socialWallCommentUserName {
    font-weight: 600;
}

#adminSocialWallComments > .socialWallComment > .socialWallCommentContainer .socialWallCommentUserName {
    font-size: 17px;
}

.socialWallCommentUserNameContainer .memberTitleLabel {
    float: left;
    font-size: 10px;
    margin-top: 4px;
    border-radius: 4px;
    padding: 2px 4px 3px;
}

.socialWallCommentRepliesContainer .socialWallCommentUserNameContainer .memberTitleLabel {
    margin-right: 8px;
    margin-top: 3px;
}

.socialWallCommentDate,
.socialWallCommentDateTitle {
    color: #90949c;
    font-size: 10px;
}

.socialWallCommentEditLink,
.socialWallCommentLikesCountContainer,
.socialWallCommentLikeLink,
.socialWallCommentPublishLink,
.socialWallCommentReplyLink,
.socialWallCommentRemoveLink,
.socialWallCommentMuteUserLink,
.socialWallCommentUnmuteUserLink {
    font-size: 12px;
    font-weight: 500;
    margin-right: 7px;
}

#adminSocialWallComments .socialWallCommentLikeLink,
#adminSocialWallComments .socialWallCommentReplyLink,
#adminSocialWallComments i.socialWallCommentLikesCountIconLiked,
#adminSocialWallComments .socialWallCommentEditLink {
    color: #90949c !important;
}

.socialWallCommentLikesCountContainer {
    float: right;
    cursor: pointer;
}

.socialWallCommentLikesCountContainer .fa-heart {
    display: none;
}

.socialWallCommentLikesCountContainer .socialWallCommentLikesCount {
    padding-left: 3px;
}

.socialWallCommentLikesCountIconLiked .fa-heart {
    display: inline;
}

.socialWallCommentLikesCountIconLiked .fa-heart-o {
    display: none;
}

.socialWallCommentBottomActionsContainer .socialWallCommentLikeLink {
    border-right: solid 1px #dddfe2;
}

.socialWallCommentBottomActionsContainer .socialWallCommentLikeLink:last-child {
    border-right: none;
}

.socialWallCommentLikedLink {
    font-weight: bold;
}   

#adminSocialWallComments .socialWallCommentMuteUserLink,
#adminSocialWallComments .socialWallCommentPublishLink,
#adminSocialWallComments .socialWallCommentRemoveLink {
    color: #90949c !important;
}

.socialWallCommentUnmuteUserLink,
.modal-body .panelcontent .socialWallCommentUnmuteUserLink {
    color: #90949c !important;
}

.socialWallCommentRemoveLink,
.socialWallCommentMuteUserLink,
.socialWallCommentUnmuteUserLink {

}

.socialWallLoadMoreComments {
    padding: 0px 0px 20px;
}

.socialWallLoadMoreComments a {
    color: #90949c !important;
}

.socialWallCommentLikePeopleContainer {
    background-color: #000000;
    padding: 10px;
    position: absolute;
}

#adminSocialWallComments .socialWallLoadMoreComments .socialWallLoadMoreCommentsLink {
    color: #667 !important;
    font-size: 14px;
    text-decoration: underline;
}

#adminSocialWallComments > .socialWallLoadMoreComments > .socialWallLoadMoreCommentsLink {
    color: #ffffff !important;
    font-size: 14px;
}

.socialWallCommentRepliesContainer .socialWallComment:first-child {
    margin-top: 10px;
}

.socialWallCommentReplyContainer {
    display: none;
    padding-bottom: 10px;
    padding-top: 0px;
    position: relative;
}

.socialWallComment > .socialWallCommentReplyContainer {
    border-radius: 6px;
    margin: 10px 0px 10px 0px;
    padding: 0px 00px 0px 50px;
}

.socialWallComment > .socialWallCommentReplyContainer .socialWallCommentSendReplyButton {
    bottom: 10px;
    padding: 5px 11px;
    position: absolute;
    right: 10px;
    text-decoration: none !important;
    width: 70px;
}

#adminSocialWallComments .socialWallCommentReplyContainer a.socialWallCommentCancelReplyButton {
    background-color: transparent !important;
    color: #667 !important;
    float: right;
}

#socialWallInputContainer .mceEditor .mceToolbar .mce_bold,
#socialWallInputContainer .mceEditor .mceToolbar .mce_italic,
#socialWallInputContainer .mceEditor .mceToolbar .mce_underline,
#socialWallInputContainer .mceEditor .mceToolbar .mce_link,
#socialWallInputContainer .mceEditor .mceToolbar .mce_unlink,
#editCommentDialog .mceEditor .mceToolbar .mce_bold,
#editCommentDialog .mceEditor .mceToolbar .mce_italic,
#editCommentDialog .mceEditor .mceToolbar .mce_underline,
#editCommentDialog .mceEditor .mceToolbar .mce_link,
#editCommentDialog .mceEditor .mceToolbar .mce_unlink,
.socialWallCommentReplyContainer .mceEditor .mceToolbar .mce_bold,
.socialWallCommentReplyContainer .mceEditor .mceToolbar .mce_italic,
.socialWallCommentReplyContainer .mceEditor .mceToolbar .mce_underline,
.socialWallCommentReplyContainer .mceEditor .mceToolbar .mce_link,
.socialWallCommentReplyContainer .mceEditor .mceToolbar .mce_unlink {
    display: none;
}

#adminSocialWallCommentsModal .mceEditor .mceToolbar .mce_bold,
#adminSocialWallCommentsModal .mceEditor .mceToolbar .mce_italic,
#adminSocialWallCommentsModal .mceEditor .mceToolbar .mce_underline {
    display: block;
}

.socialWallCommentReplyContainer .socialWallCommentAvatar {
    left: 10px;
    line-height: 29px;
    position: absolute;
    top: 10px;
}

.socialWallCommentReplyContainer .socialWallCommentAvatar,
.socialWallCommentReplyContainer .socialWallCommentAvatar img {
    height: 30px;
    width: 30px;
}

.socialWallCommentReplyContainer .socialWallCommentReplyText {
    border: solid 1px #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}

.socialWallCommentReplyContainer .socialWallCommentSendReplyButton {
    background-color: transparent !important;
    border: none;
    color: #2d91fb;
    float: right;
    margin-top: 10px;
    padding: 8px 14px;
    -webkit-appearance: initial;
            line-height: 1.4 !important;
    font-size: 14px;
            width: 80px;
    border-radius: 4px;
    line-height: 1;        
}

.socialWallCommentReplyContainer .socialWallCommentSendReplyButton i {
    color: #ffffff;
}

.socialWallCommentReplyContainer .socialWallCommentSendReplyButton:hover {
    background-color: #2d91fb;
}

#content .socialWallCommentReplyContainer a.socialWallCommentCancelReplyButton {
    color: #667 !important;
    float: right;
}

.socialWallCommentRepliesContainer {
    position: relative;
    padding-left: 50px;
}

.socialWallComment .socialWallComment .socialWallCommentRepliesContainer {
    padding-left: 40px;
}

.socialWallCommentRepliesContainer .socialWallComment:first-child {
    margin-top: 10px;
}

.socialWallCommentRepliesContainer .socialWallCommentLikesCountContainer {
    cursor: pointer;
    float: right;
}

.likeOnModalContainer {
    width: 400px;
}

.likeOnModalContainer .profileDetailsPopupAvatar {
    margin-top: 10px;
}

.likeOnModalContainer .profileDetailsPopupUserName {
    border-bottom: solid 1px #e9ebee;
    line-height: 40px;
    padding: 10px 0px;
}

.loadMoreLoadingProgress {
    margin-bottom: 20px;
    text-align: center;
}

.socialWallCommentText .wistia_embed .w-css-reset[data-handle="thumbnail"] img {
    height: 100% !important;
    width: 100% !important;
}

.socialWallCommentTextContent blockquote {
    background: #fbfcfd;
    border-left: solid 1px #ddd !important;
    font-size: 12px;
    font-style: italic;
    margin: 5px 0px 10px 0px;
    padding: 10px;
}

.socialWallCommentTextContent blockquote .blockquoteWrote {
    background: #fbfcfd;
    color: #555555;
    font-weight: 700;
    margin: -10px -10px 5px -10px;
    padding: 5px 10px;
}

.socialWallComment > .socialWallCommentReplyContainerWithMaxCharacters {
    margin-bottom: 30px;
}

.socialWallComment > .socialWallCommentReplyContainer {
  border-radius: 6px;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 50px;
}

.socialWallCommentReplyContainer {
    display: none;
    padding-bottom: 10px;
    padding-top: 0px;
    position: relative;
}

.socialWallCommentReplyContainer .mceEditor {
    display: block;
    padding-left: 0px;
    position: relative;
}

#adminSocialWallComments .socialWallCommentReplyContainer .wp_themeSkin table.mceLayout,
#socialWallCommentTextContainer .wp_themeSkin table.mceLayout {
    border: none !important;
    border-radius: 6px;
    height: 50px !important;
    overflow: hidden;
}

#adminSocialWallComments .socialWallCommentReplyContainer .wp_themeSkin table.mceLayout {
    border: none !important;
    border-radius: 6px;
    height: 50px !important;
    overflow: hidden;
}

#socialWallCommentTextContainer .wp_themeSkin table.mceLayout .mceLast iframe,
.socialWallCommentReplyContainer .wp_themeSkin table.mceLayout .mceLast iframe {
    border-radius: 6px;
}

#socialWallCommentTextContainer .wp_themeSkin table.mceLayout .mceLast iframe,
.socialWallCommentReplyContainer .wp_themeSkin table.mceLayout .mceLast iframe {
    height: 45px !important;
    width: 100%;
    display: block;
}

.modal .mceToolbar.mceLeft.mceFirst.mceLast {
    border: none !important;
    background: transparent !important;
    height: 0px !important;
    padding: 0px !important;
}

#adminSocialWallComments .wp_themeSkin tr.mceFirst td.mceToolbar {
    border-bottom: none !important;
}

#socialWallCommentTextContainer .mceFirst > .mceToolbar > div,
.socialWallCommentReplyContainer .mceFirst > .mceToolbar > div {
    position: absolute;
    right: 80px;
    bottom: 11px;
}

#adminSocialWallComments .socialWallCommentReplyContainer .mceIframeContainer {
    background-color: #fff;
}

#adminEditCommentTd .wp_themeSkin table.mceLayout {
    border: 1px solid #ccc !important;
    border-radius: 4px;
}

#adminEditCommentTd .wp_themeSkin table.mceLayout iframe {
    min-height: 128px;
}

#adminEditCommentTd .mceLayout td.mceIframeContainer {
    padding: 0px;
}

#adminEditCommentTd .mceLayout td.mceIframeContainer,
#adminEditCommentTd .mceLayout td.mceIframeContainer iframe {
    border-radius: 0px 0px 3px 3px;
}

#adminEditSocialWallCommentModal .panelcontent {
    min-height: 0px !important;
}

.unpublishedSocialWallComment {
    background: #FDF9E4;
    margin-bottom: 6px;
    margin-left: -6px;
    margin-right: -6px;
    padding: 6px;
}

#mentionsDropdown {
    bottom: 22px !important;
    top: auto !important;
}

#mentionsDropdown .mentionItem .socialWallCommentAvatar {
    border-radius: 23px;
    height: 46px;
    line-height: 46px;
    margin-right: 10px;
    width: 46px;
}

#mentionsDropdown .mentionItem .socialWallCommentAvatar .socialWallCommentAvatarInternalContainer {
    position: relative;
}

#mentionsDropdown .mentionItem .socialWallCommentAvatar img {
    border-radius: 23px;
    height: 46px;
    width: 46px;
}

#mentionsDropdown .mentionItem {
    cursor: pointer;
    padding: 10px 15px;
}

#mentionsDropdown .mentionItem * {
    cursor: pointer !important;
}

#mentionsDropdown .mentionItem:hover {
    background-color: #f4f4f4;
}

#mentionsDropdown .mentionItem .socialWallCommentAvatar {
    border-radius: 12px;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    position: static;
    width: 24px;
}

#mentionsDropdown .mentionItem .socialWallCommentAvatar .avatarIcon {
    color: #ffffff;
     font-size: 12px;
}

#mentionsDropdown .mentionItem .socialWallCommentAvatar .socialWallCommentAvatarImgContainer {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

#mentionsDropdown .mentionItem .socialWallCommentAvatar img {
    border-radius: 12px;
    height: 24px;
    width: 24px;
}

#mentionsDropdown .mentionItem span {
    line-height: 23px;
    position: static;
}

.socialWallCommentHasChildren .socialWallComment .socialWallCommentLeftBorder,
.socialWallCommentHasChildren > .socialWallCommentLeftBorderAllHeight {
    border: 2px solid #ddd; 
    border-bottom-width: 0px;
    border-top-width: 0px; 
    border-right-width: 0px;
    width: 10px;
    padding: 0 19px;
    position: absolute;
    top: 10px;
    left: 19px;
    height: 100%;
    z-index: 1;
}

.socialWallComment .socialWallComment .socialWallCommentLeftBorder:not(.socialWallCommentLeftBorderAllHeight) {
    border-bottom-width: 2px;
    border-bottom-left-radius: 8px;
    height: 37px;
    left: -31px;
    top: -23px;
}

.socialWallComment .socialWallComment .socialWallComment .socialWallCommentLeftBorder:not(.socialWallCommentLeftBorderAllHeight) {
    left: -27px;
}

.socialWallComment .socialWallComment .socialWallCommentLeftBorderAllHeight {
    left: 13px;
}

#adminSocialWallComments > .unpublishedSocialWallComment .socialWallCommentLeftBorderAllHeight {
    left: 25px;
}

#adminSocialWallComments .socialWallComment .unpublishedSocialWallComment .socialWallCommentLeftBorderAllHeight {
    left: 19px;
}

#adminSocialWallComments .socialWallComment .unpublishedSocialWallComment .socialWallCommentLeftBorderAllHeight {
    left: 19px;
}

@media (max-width: 890px) {
    .socialWallCommentText iframe,
    .socialWallCommentText .wistia_embed,
    .socialWallCommentText .fb-video {
        height: 168px !important;
        min-height: 168px !important;
        min-width: 300px !important;
        width: 300px !important;
    }
}

@media (max-width: 768px) {
    .socialWallCommentReplyContainer .mceToolbar td {
        float: left;
    }

    #socialWall {
        margin: 0 auto;
        padding: 20px 0px;
    }

    #searchSocialWallComment {
        float: left;
        width: 47%;
    }

    #sendSocialWallComment {
        padding: 5px 11px;
        width: 70px;
        right: 15px;
    }

    #socialWallCommentText_toolbargroup {
        right: 85px;
        bottom: 7px;

    }  

    .socialWallCommentRepliesContainer .socialWallCommentText {
        margin-left: 40px;
    }

    .socialWallCommentRepliesContainer .socialWallCommentActionsContainer {
        margin-left: 20px;
    }

    .socialWallCommentAvatar {
        margin-right: 10px;
    }

    .socialWallCommentText, 
    .socialWallCommentActionsContainer, 
    .socialWallCommentReplyContainer {
        margin-left: 0px;
        padding-left: 30px;
        padding-right: 5px;
    }

    .socialWallCommentRepliesContainer {
        padding-left: 0px;
    }

    .socialWallCommentBottomActionsContainer {
        margin-left: -10px !important;
        padding-left: 10px !important;
    }

    .socialWallComment {
        margin-bottom: 20px;
    }

    .socialWallCommentRepliesContainerHasChildren {
        margin-top: 10px;
        padding: 0px 0px 0px 30px !important;
    }

    #socialWallCommentText_tbl .mceIframeContainer {
        padding: 0px 10px 0px 45px;
    }
    
    .socialWallComment .socialWallComment .socialWallCommentLeftBorder:not(.socialWallCommentLeftBorderAllHeight) {
        left: -11px;
    }

    .socialWallComment .socialWallComment .socialWallComment .socialWallCommentLeftBorder:not(.socialWallCommentLeftBorderAllHeight) {
        left: -17px;
    }
}

@media (max-width: 498px) {
    .socialWallCommentUserName {
        display: block;
    }

    .socialWallCommentText iframe,
    .socialWallCommentText .wistia_embed,
    .socialWallCommentText .fb-video {
        height: 127px !important;
        min-height: 127px !important;
        min-width: 227px !important;
        width: 227px !important;
    }
    .socialWallComment .socialWallCommentReplyContainer {
        margin-left: 0px;
        padding-left: 30px;
        padding-right: 10px;
    }
    .socialWallCommentReplyContainer .socialWallCommentAvatar {
        display: none;
    }
    
    .socialWallCommentReplyContainer .mceEditor {
        padding-left: 0px;
    }

    .socialWallComment > .socialWallCommentReplyContainer .socialWallCommentSendReplyButton {
        bottom: 10px;
        padding: 5px 11px;
        position: absolute;
        right: 20px;
        width: 70px;
    }

}

@media (max-width: 413px) {
    .socialWallCommentText iframe,
    .socialWallCommentText .wistia_embed,
    .socialWallCommentText .fb-video {
        height: 109px !important;
        min-height: 109px !important;
        min-width: 195px !important;
        width: 195px !important;
    }
}

@media (max-width: 374px) {
    .socialWallCommentText iframe,
    .socialWallCommentText .wistia_embed,
    .socialWallCommentText .fb-video {
        height: 82px !important;
        min-height: 82px !important;
        min-width: 148px !important;
        width: 148px !important;
    }
}

@media (max-width: 768px) {
    .socialWallCommentTextVideoContainer {
        height: 0 !important;
        overflow: hidden !important;
        padding-bottom: 56.25% !important;
        padding-top: 0px !important;
        position: relative !important;
        width: 100%;
    }

    .socialWallCommentTextVideoContainer .fb-video,
    .socialWallCommentTextVideoContainer iframe,
    .socialWallCommentTextVideoContainer video,
    .socialWallCommentTextVideoContainer .video-js,
    .socialWallCommentTextVideoContainer .wistia_embed {
        height: 100% !important;
        left: 0 !important;
        min-height: inherit !important;
        min-width: inherit !important;
        position: absolute !important;
        top: 0 !important;
        width: 100% !important;
    }
}

.imageFileLink {
    margin-top: 10px;
}

.userCourseProgress,
.userAssessmentsProgress {
    cursor: pointer;
}

.memberLessonWithCompletionStatus,
.memberAssessmentWithStatus {
    background-color: transparent;
    border-bottom: 1px solid var(--Line-Color-Light);
    padding: 15px;
}

.memberAssessmentWithStatus {
    display: flex;
}

.assessmentTitle {
    margin-right: auto;
}

.passedAssessment {
    background-color: #449d44;
    color: #ffffff;
}

.notReviewedAssessment {
    background-color: #ffc107;
}

.failedAssessment {
    background-color: #d9534f;
    color: #ffffff;
}

.notDoneAssessment {
    background-color: #6c757d;
    color: #ffffff;
}

.assessmentMemeberStatus {
    border-radius: 4px;
    padding: 2px 4px 3px;
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    font-weight: 700;
}

.memberLessonWithCompletionStatus .fa-check-circle {
    color: #23b05c;
}

.aiTextDropdown li {
    background-color: transparent;
    padding: 0px;
}

.searchBar {
    display: flex;
    gap: 10px;
}

.searchBar > * {
    margin: 0px !important;
}

.m10wrap .fc a.fc-event {
    color:  var(--Calendar-Links-Color);
}

.m10wrap .fc a.fc-daygrid-day-number {
    color:  var(--Calendar-Labels-Color);
    font-size: 13px;
}

.m10wrap .fc a.fc-list-day-text,
.m10wrap .fc a.fc-list-day-side-text {
    color:  var(--Calendar-Labels-Color);
}

.m10wrap .fc a.fc-daygrid-day-number:hover,
.m10wrap .fc a.fc-list-day-text:hover,
.m10wrap .fc a.fc-list-day-side-text:hover {
    text-decoration: none;
}

.m10wrap .fc a.fc-col-header-cell-cushion {
    color:  var(--Calendar-Labels-Color);
    font-weight: normal;
}

.m10wrap .fc .fc-list-event-title a {
    color: var(--Calendar-Links-Color);
}