#rds_loading {
    position: fixed;
    height: 100%;
    width: calc(100% - 160px);
    top: 0;
    left: 160px;
    background: #efefef;
    display: none;
    z-index: 99;
}

#rds_loading #rds_loading_inner {
    position: absolute;
    top: 38%;
    width: 100%;
}

#rds_loading #rds_loading_inner p {
    text-align: center;
    font-size: 2.2em;
    display: inline-block;
    margin-left: 46%;
    width: 80px;
    height: 80px;
    line-height: 66px;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.7);
    animation: rds_pulse 1s infinite;
    color: #222;
}

#rds_RDserve_tax_warning {
    padding: 12px;
    border: 2px solid #ff6666;
}

#rds_RDserve_tax_warning * {
    font-size: 1.4em;
}

#rds_admin_plugins {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 22px;
}

#rds_addons {
	margin-top: 2rem;
}

.rds_addon_item {
	margin-bottom: 2rem;
    padding: 1rem;
    background: #fff;	
}

.rds_addon_item h2 {
	font-size: 1.6em;
}

.rds_addon_item_image {
	border: 1px solid #ddd;
}

.rds_addon_item img {
	display: block
}

span.rds_verified {
	border-radius: 8px;
	padding: 8px 12px;
	background: #4b6764;
	color:#fff;
	font-weight: 400;
	margin-left: 12px;
	font-size: 14px;
	position: relative;
	top: -4px;
	cursor: pointer;
	width: auto !important;
	height: auto !important;
}

span.rds_price {
	border-radius: 8px;
	padding: 8px 12px;
	background: #00a2ed;
	color:#fff;
	font-weight: 400;
	margin-left: 2px;
	font-size: 14px;
	position: relative;
	top: -4px;
}

.rds_addon_author {
	margin: -0.8rem 0 0 0;
}

#rds_message {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 12px;
    background: #f5f5f5;
    text-align: center;
    cursor: pointer;
    display: none;
    margin-bottom: 22px;
}

body.toplevel_page_rds_serves {
    background: #efefef !important;
}

.rds_highlight {
    margin-left: -40px;
    margin-right: -40px;
    background: #ddd;
    padding: 20px 40px;
}

.rds_serves_admin {
    font-size: 18px;
    line-height: 1.6;
}

.rds_serves_admin p {
    font-size: 1em;
    line-height: 1.6;
}

.rds_input_notification {
    display: none;
    position: relative;
    width: 156px;
    top: 7px;
    left: 22px;
    background: #395559;
    color: #fff;
    padding: 8px 12px;
    border-radius: 12px;
    z-index: 9;
}

.rds_input_notification span {
    width: 15px;
    height: 15px;
    color: #395559;
    background: #395559;
    top: -6px;
    position: absolute;
    z-index: -1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@-webkit-keyframes rds_pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@keyframes rds_pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
#rds_RDserve_question_list .sorting_placeholder {
    padding: 18px;
    background: #999;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

#rds_RDserve_question_list .ui-sortable-helper {
    padding: 12px 22px;
    opacity: 0.8;
    cursor: pointer;
}

.rds_RDserve_item {
    cursor: pointer;
    padding: 12px 22px;
    background: #dcdcdc;
    margin: 0;
    border-bottom: 1px solid #c3bcbc;
}

.rds_RDserve_item:hover {
    opacity: 0.6;
}

.rds_RDserve_question_title {
    background: #496764;
    color: #fff;
    font-weight: bold;
}

.rds_question_paginated {
    margin-top: 22px;
}

.rds_RDserve_term code {
    float: right;
    cursor: default !important;
}

#rds_h1_title {
    display: inline-block;
    border-bottom: 2px solid #c3bcbc;
    padding: 0 0 12px 0;
    margin-right: 22px;
}

#rds_list_serves {
    margin-top: 22px;
}

#rds_tab_settings label {
    font-weight: bold;
}

#rds_tab_settings .rds_check_row {
    margin-top: 12px;
}

.taxonomy-RDserve .term-description-wrap,
.taxonomy-RDserve .term-slug-wrap,
.taxonomy-RDserve .term-parent-wrap,
.taxonomy-RDserve .term-slug-wrap,
.taxonomy-RDserve .term-parent-wrap,
.taxonomy-RDserve .term-description-wrap {
    display: none !important;
}

.edit-tags-php.post-type-serve_type_questions.taxonomy-RDserve .form-field {
    background: transparent !important;
}

.edit-tags-php.post-type-serve_type_category.taxonomy-RDserve .form-field {
    background: transparent !important;
}

.product h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}

.product p.tagline {
    font-style: italic;
}

.taxonomy-RDserve .form-field {
    background: #ddd;
}

.taxonomy-RDserve table {
    border-spacing: 0px 5px;
    border-collapse: separate;
}

.taxonomy-RDserve .form-field td,
.taxonomy-RDserve .form-field th {
    padding: 22px;
    border-bottom: 4px solid #ccc;
}

.taxonomy-RDserve .h3Highlight {
    background: #ccc;
}

.taxonomy-RDserve .h3Highlight th {
    border-bottom: 4px solid #bbb;
}

.rds_featured_image {
    cursor: pointer;
}

.rds_featured_image:hover {
    opacity: 0.8;
}

.rds_answer_as_image {
    display: none;
}

.rds_answer_as_image.rds_use_image_as_answer {
    display: table-cell;
}

#rds_meta_forms {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px 40px 40px;
    margin-top: 120px;
}

.rds_tab h2 {
    font-size: 1.6em !important;
    font-weight: bold !important;
    padding: 0 !important;
}

.rds_list {
    list-style: square;
    padding: 0;
    margin-left: 20px;
    font-size: 1.2em;
    line-height: 1.4;
}

.rds_tooltip {
    position: relative;
}

.rds_tooltip_question {
    font-size: 0.8em;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: #4b6764;
    color: #fff;
    display: inline-block;
    top: -2px;
}

.rds_tooltip_content {
    position: absolute;
    top: calc(100% + 0.8rem);
    font-size: 0.85rem;
    width: 260px;
    left: calc(50% - 30px);
    line-height: 1.4;
    margin-left: -130px;
    background: #00a2ed;
    border-radius: 10px;
    box-shadow: 0 -1px 10px rgba(72, 72, 72, 0.025), 0 10px 20px rgba(72, 72, 72, 0.05);
    color: #fff;
    padding: 2rem;
    text-align: left;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    transition: all 0.3s cubic-bezier(0.1, 1, 0.9, 1);
    transition-property: opacity, transform;
}

.rds_tooltip_content code {
    background: #1d1d1d;
}

.rds_tooltip_right .rds_tooltip_content {
    left: -80px;
}

.rds_tooltip_right .rds_tooltip_content::after {
    margin-left: 78px;
}

.rds_tooltip:hover .rds_tooltip_content {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    z-index: 99999;
}

.rds_tooltip_content::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    display: block;
    border-style: solid;
    border-top-color: transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #00a2ed;
}

.rds_tooltip_content span {
    display: block;
}

.rds_row {
    margin-bottom: 22px;
}

label {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}

.rds_button1 {
    display: inline-block;
    padding: 12px 22px;
    background: #3fb7f4;
    color: #fff;
    margin: 12px;
    cursor: pointer;
    border: none;
}

.rds_button2 {
    display: inline-block;
    padding: 12px 22px;
    background: #00a2ed;
    color: #fff;
    margin: 12px;
    cursor: pointer;
    border: none;
}

.rds_button3 {
    display: inline-block;
    padding: 12px 22px;
    background: #4b6764;
    color: #fff;
    margin: 12px;
    cursor: pointer;
    border: none;
}

.rds_button4 {
    font-size: 0.8em;
    display: inline-block;
    padding: 12px 14px;
    background: #00a2ed;
    color: #fff;
    margin: 12px 8px;
    cursor: pointer;
    border: none;
    text-decoration: none;
}

.rds_button1 .dashicons,
.rds_button2 .dashicons,
.rds_button3 .dashicons,
.rds_button4 .dashicons {
    line-height: 1.6em;
    font-size: 18px;
}

.rds_button4:hover {
    color: #fff;
    opacity: 0.7;
}

#rds_question_buttons .rds_button1,
#rds_question_buttons .rds_button2,
#rds_question_buttons .rds_button3 {
    margin: 0 12px 22px 0;
}

.rds_button1:hover,
.rds_button2:hover,
.rds_button3:hover {
    opacity: 0.7;
}

.rds_input.rds_error {
    border-bottom: 1px solid red !important;
}

.rds_input,
.taxonomy-RDserve .term-name-wrap input {
    padding: 12px !important;
    font-size: 1em;
    width: 80% !important;
    border: none !important;
    box-shadow: none !important;
    color: #000 !important;
    border-bottom: 1px dashed #aaa !important;
    line-height: inherit !important;
    height: auto !important;
}

.rds_input:focus {
    border-bottom: 1px dashed #00a2ed !important;
    outline: none;
}

#rds_form_container {
    margin-top: 44px;
    border: 1px solid #999;
}

#rds_form_container.full {
    padding: 22px;
}

#rds_wrapper img {
    max-width: 100%;
    height: auto;
}

#rds_tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#rds_tabs li {
    float: left;
    background: #4b6764;
    padding: 12px 22px;
    color: #fff;
    cursor: pointer;
    margin: 0;
}

#rds_tabs li:hover {
    background: #395559;
}

#rds_tabs li.rds_active_tab {
    background: #3fb7f4;
}

.rds_tab {
    color: #545454;
    padding: 40px;
    border: 1px solid #cacaca;
    display: none;
}

.rds_tab p {
    font-size: 16px;
}

#rds_tab_content h2,
#rds_tab_content h3,
#rds_tab_content h4 {
    color: #545454;
}

/* Columns */
.rds_one_half {
    width: 48%;
    position: relative;
    margin-right: 3%;
    float: left;
}

.rds_one_third {
    width: 30.66%;
    position: relative;
    margin-right: 3%;
    float: left;
}

.rds_two_third {
    width: 64.33%;
    position: relative;
    margin-right: 3%;
    float: left;
}

.rds_last {
    margin-right: 0 !important;
    clear: right;
}

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

#rds_tab_content .one_half {
    width: 48%;
}

#rds_tab_content .one_third,
.rds_addon_item .one_third {
    width: 30.66%;
}

#rds_tab_content .two_third,
.rds_addon_item .two_third {
    width: 64.33%;
}

#rds_tab_content .one_fourth {
    width: 22%;
}

#rds_tab_content .three_fourth {
    width: 74%;
}

#rds_tab_content .one_fifth {
    width: 16.8%;
}

#rds_tab_content .two_fifth {
    width: 37.6%;
}

#rds_tab_content .three_fifth {
    width: 58.4%;
}

#rds_tab_content .four_fifth {
    width: 67.2%;
}

#rds_tab_content .one_sixth {
    width: 13.33%;
}

#rds_tab_content .five_sixth {
    width: 82.67%;
}

#rds_tab_content .one_half,
#rds_tab_content .one_third,
#rds_tab_content .two_third,
#rds_tab_content .three_fourth,
#rds_tab_content .one_fourth,
#rds_tab_content .one_fifth,
#rds_tab_content .two_fifth,
#rds_tab_content .three_fifth,
#rds_tab_content .four_fifth,
#rds_tab_content .one_sixth,
#rds_tab_content .five_sixth,
.rds_addon_item .one_third,
.rds_addon_item .two_third {
    position: relative;
    margin-right: 3%;
    float: left;
}

#rds_tab_content .last,
.rds_addon_item .last {
    margin-right: 0 !important;
    clear: right;
}

#rds_tab_content .clear,
.rds_addon_item .clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

.rds_accordion > div {
    display: none;
    padding: 12px;
}

.rds_accordion {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.rds_accordion h3 {
    cursor: pointer;
    padding: 12px 22px;
    background: #dcdcdc;
    margin: 0;
    border-bottom: 1px solid #c3bcbc;
}

.rds_table {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    margin: auto;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.rds_table tr {
    border-top: 1px solid #c1c3d1;
    border-bottom: 1px solid #c1c3d1;
    color: #666b85;
    font-size: 14px;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.rds_table tr:first-child {
    border-top: none;
}

.rds_table tr:last-child {
    border-bottom: none;
}

.rds_table th {
    color: #111;
    background: #d8dedc;
    border-bottom: 4px solid #a9b7b6;
    border-right: 1px solid #a9b7b6;
    font-size: 14px;
    font-weight: 100;
    padding: 10px 24px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

.rds_table th:first-child {
    border-top-left-radius: 3px;
}

.rds_table th:last-child {
    border-top-right-radius: 3px;
    border-right: none;
}

.rds_table tr {
    border-top: 1px solid #c1c3d1;
    border-bottom: 1px solid #c1c3d1;
    color: #666b85;
    font-size: 14px;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.rds_table tr:first-child {
    border-top: none;
}

.rds_table tr:last-child {
    border-bottom: none;
}

.rds_table td {
    background: #ffffff;
    padding: 10px 20px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 14px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #c1c3d1;
}

.rds_table td.textCenter {
    text-align: center;
}

.rds_table td .rds_input {
    background: #f1f1f1 !important;
}

.rds_checkbox .hdq-options-check {
    font-size: 24px;
}

.rds_checkbox .hdq-options-check input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    display: none;
}

.rds_checkbox .hdq-options-check label {
    width: 2em;
    height: 1em;
    position: relative;
    cursor: pointer;
    display: block;
    font-size: 22px !important;
}

.rds_checkbox .hdq-options-check label:before {
    content: "";
    position: absolute;
    width: 2em;
    height: 1em;
    transition: background 0.1s 0.1s ease;
    border-radius: 4px;
    background: #881b1b;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.rds_checkbox .hdq-options-check label:after {
    content: "";
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    left: 0.2em;
    top: 0.2em;
    border-radius: 4px;
    transition: all 0.2s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    background: #f25f5c;
    z-index: 2;
}

.rds_checkbox .hdq-options-check input[type="checkbox"]:checked + label:before {
    background: #00a2ed;
    box-shadow: inset 0px 1px 1px rgba(84, 152, 140, 0.5);
}

.rds_checkbox .hdq-options-check input[type="checkbox"]:checked + label:after {
    animation: rds_switch-on 0.2s ease-out;
    left: 1.1em;
    background: #efefef;
}

/* radio */
.hdq-options-check {
    font-size: 24px;
}

.hdq-options-check input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    display: none;
}

.hdq-options-check label {
    width: 2em;
    height: 1em;
    position: relative;
    cursor: pointer;
    display: block;
    font-size: 22px !important;
}

.rds_checkbox label {
    margin-bottom: 0 !important;
}

.hdq-options-check label:before {
    content: "";
    position: absolute;
    width: 2em;
    height: 1em;
    left: 0.1em;
    transition: background 0.1s ease;
    background: #f25f5c;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(171, 66, 63, 0.5);
}

.hdq-options-check label:after {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    border-radius: 50px;
    left: 0;
    transition: all 0.2s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    background: #efefef;
    animation: rds_switch-off 0.2s ease-out;
    z-index: 2;
}

.hdq-options-check input[type="checkbox"]:checked + label:before {
    background: #00a2ed;
    box-shadow: inset 0px 1px 1px rgba(84, 152, 140, 0.5);
}

.hdq-options-check input[type="checkbox"]:checked + label:after {
    animation: rds_switch-on 0.2s ease-out;
    left: 1.1em;
    background: #efefef;
}

label.non-block {
    display: inline-block !important;
    margin-right: 12px !important;
}

@keyframes rds_switch-on {
    50% {
        transform: scaleX(1.3);
    }
}

@keyframes rds_switch-off {
    50% {
        transform: scaleX(1.3);
    }
}

/*EDITOR STYLES */

div.mce-toolbar-grp {
    background: #395559 !important;
}

.mce-toolbar .mce-ico {
    color: #fff !important;
}

.wp-editor-expand #wp-content-editor-container {
    max-width: 1100px !important;
    overflow-x: hidden !important;
    margin: 20px auto 20px auto !important;
    padding-top: 32px !important;
}

.wp-editor-expand div.mce-toolbar-grp {
    max-width: 1100px !important;
    margin-top: -32px !important;
}

.mce-container,
.mce-container *,
.mce-widget,
.mce-widget * {
    max-width: 100% !important;
}

.mce-toolbar .mce-btn-group .mce-btn:focus,
.mce-toolbar .mce-btn-group .mce-btn:hover,
.qt-dfw:focus,
.qt-dfw:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-active,
.mce-toolbar .mce-btn-group .mce-btn:active,
.qt-dfw.active {
    background: #eee !important;
    color: #00a2ed !important;
}

.mce-active button i.mce-ico,
.mce-btn:focus button i.mce-ico,
.mce-btn:hover button i.mce-ico,
.mce-btn:active button i.mce-ico {
    color: #00a2ed !important;
}

div.mce-edit-area {
    padding: 10px !important;
}

.mce-edit-area.mce-container {
    min-height: 150px;
}