/*--Global--*/

.rmagic * {
    box-sizing: border-box
}

.rmagic {
    display: block;
    float: left;
    width: 90%;
    max-width: 1120px;
    margin: 5px 10% 0 5%;
    color: #555d66;
    /*font-size: 12px;*/
    position: relative;
}

.rmagic.rmagic-wide {
    width: 100%;
    max-width: 100%;
    margin: 0px;
}


.rmagic a:not(:where(.rmagic.rm-user-manager a, .rmagic.rm_inbox_table a, .rmagic .rmmagic-all-forms a)){
    text-decoration: none;
    vertical-align: middle;
    outline: 0px;
    box-shadow: none;
    cursor: pointer; 
}

.rmagic a:focus,
.rmagic a:focus .rmagic .media-icon img {
    color: #124964;
}

div {
    border: 0px solid cyan;
}

.rmagic .rm_deactivated,
.rm_deactivated * {
    cursor: not-allowed !important;
    color: #a7a7a7 !important;
    pointer-events: none;
}

.rm_hidden_element {
    display: none
}

.rmagic .alert.alert-error {
    padding: 10px;
    background-color: #fafad2;
    text-transform: uppercase;
    font-size: 12px;
    color: orange
}

.rm_actions {
    font-size: 12px;
    padding: 5px
}

.rmagic .wp-editor-container {
    margin-bottom: 20px
}

.rmagic .wp-editor-container,
.rmagic .wp-editor-tabs {
    margin-right: 10px
}

.rmagic .wp-media-buttons select {
    width: auto;
    height: 28px;
    font-size: 12px;
    color: #F38989;
    background-color: transparent
}

.rmagic .rm_deactivated:hover,
.rm_deactivated *:hover {
    color: #7d7d7d !important;
    text-decoration: none !important;
    cursor: not-allowed !important;
}

.rmagic .rm-dbfl {
    display: block;
    float: left;
    width: 100%;
}

.rmagic .rm-difl {
    display: inline-block;
    float: left;
}

.rmagic .rm-difr {
    display: inline-block;
    float: right;
}

ul.tokens-token-list .tokens-input-text {
    border: none !important;
}

.rmagic input[type=submit]:not(.rmagic .tablenav input[type=submit]):not(.rmagic #rm-slide-pannel input[type=submit]):not(#rm_user_manager_sideform input#search-submit):not(#rm-deactivate-feedback-dialog-form input[type=submit]):not(.rmagic-wide input[type=submit]),
.rmagic .sidebar .filter-row input[type=submit],
.rmagic .sidebar input[type=button],
.rmagic .popup-submit {
    float: left;
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 26px;
    height: 28px;
    margin: 0 10px 0 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border: solid 1px #2271b1;
    border-style: solid;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    background: #2271b1;
    vertical-align: top;
    transition: .1s;
    outline: 0px
}

/*---Body Colors---*/

body.registrationmagic_page_rm_reports_dashboard,
body.dashboard_page_rm_reports_submissions,
body.dashboard_page_rm_reports_login,
body.dashboard_page_rm_reports_attachments,
body.dashboard_page_rm_reports_payments,
body.dashboard_page_rm_reports_form_compare,
body.registrationmagic_page_rm_dashboard_widget_dashboard,
body.admin_page_rm_field_manage{
    background-color: #ECF0F4;
}

/*-----End:Body Colors---*/


.rmagic .sidebar .filter-row input[type=submit]:hover,
.rmagic .sidebar input[type=button]:hover {
    background-color: #135e96;
    border-color: #135e96;
}



.rmagic .sidebar .filter-row span {
    width: 100%;
    float: left;
}

.rmagic input[type=submit]:hover {
    background-color: #135e96;
    border-color: #135e96;
    color: #fff;
}

.rmagic .rminput select  {
    margin-left: 10px;
    padding: 3px 35px 3px 5px;
    width: 50%;
    position: relative;
    font-weight: 500;
    margin-right: 0px !important;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    height: 35px;
}

.rmagic selectss {
    height: 35px;
    width: 80%;
    padding: 5px;
    font-size: 12px;
    box-shadow: none;
}

.rmagic .rminput select#rm_field_type_select_dropdown,
.rmagic .rminput input#rm_field_type_select_dropdown.rm_static_field {
    pointer-events: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: none;
    border: 0px;
    font-weight: 600;
    margin-left: 0px;
    padding-left: 0px;
}

.rmagic .rminput select#rm_field_type_select_dropdown:hover {
    color: #32373c;
}

.rmagic .rminput select#rm_field_type_select_dropdown:focus {
    color: #32373c;
    box-shadow: none;
}

.rmagic ul.rmradio {
    display: block;
    float: left;
    list-style: none;
    width: 80%
}

.rmagic ul.rmradio li {
    display: inline-block;
    float: left;
    margin-right: 10px
}

.rmagic #options_users ul.rmradio li {
    margin-bottom: 12px;
}

.rmagic ul.rmradio li .rmlayoutimage {
    margin-bottom: 8px;
}

.rmagic #options_users ul.rmradio li input[type=radio] {
    margin-top: 1px;
}

.rmagic #options_users ul.rmradio li input[type=radio]:disabled {
    opacity: .5;
}

.rmagic #form_sett_general ul.rmradio li label {
    width: calc(100% - 34px);
}

.rmagic #form_sett_general ul.rmradio li input[type=radio] {
    float: left;
    margin-top: 2px;
}

.rmagic #form_sett_general ul.rmradio li label .rm_formtype_help {
    color: #7d7d7d;
    font-size: 13px;
    float: left;
    width: 100%;
    margin-top: 1px;
}

.rmagic input[type=radio] {
    width: 18px;
    height: 18px;
    border: 2px solid #6c7781;
    border-radius: 50%;
}

.rmagic input[type=radio]:focus {
    border-color: #6c7781;
    box-shadow: 0 0 0 1px #6c7781;
}

.rmagic input[type=radio]:checked {
    background: #2271b1;
    border-color: #2271b1;
}

.rmagic input[type=radio]:checked:before {
    background-color: #fff;
    margin: 4px 0px 0px 4px;
    content: "\2022";
    text-indent: -9999px;
    border-radius: 50px;
    font-size: 24px;
    width: 6px;
    height: 6px;
}

.rmagic .rmnotice {
    width: 100%;
    float: left;
    text-align: left;
    background-color: #fff;
    ;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #E6E6E6;
    border-left: 4px solid #0087be;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.rmagic .rmnotice .rm-notice-head {
    font-size: 14px;
    font-weight: 600;
    padding-right: 5px;
}

.rmagic .rmnotice-container.rm-custom-status-notice .rmnotice a {
    vertical-align: top;
}

.rmagic .rmnotice .rm-notice-info li {
    width: 100%;
    float: left
}

.rmagic .rmnotice .rm-notice-info li a {
    color: #0087be;
    text-decoration: underline;
}

.rmagic .rm_sub_heading,
.rmagic .rmfield b,
.rmagic .rmheader,
.rmagic .rmnotice,
.rmagic .sidebar .filter-row select {
    font-weight: 400;
}

.rmagic .rmnotice-row {
    margin-bottom: 25px;
    width: 100%;
    float: left;
}

.rmagic .rmnotice-row.rm-custom-status-note {
    margin: 0px auto;
    float: none;
    width: 97%;
}

.rmagic .rmnotice-row .rmnotice a {
    margin-top: -1px;
    display: inline-block;
}

.rmsettingtitle {
    padding-left: 20px;
    font-size: 14px;
}

.rmagic .rm_sub_heading {
    display: block;
    font-size: 14px;
    padding: 20px;
    font-weight: 600;
}

.rmagic .operationsbar.rm-form-design-view-head {
    margin-bottom: 18px
}

.rmagic::before {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 12px;
    margin-bottom: 5px;
}

.rmagic .rm_action_container #rmaddotheroptiontextdiv {
    float: left;
    padding-left: 11px;
    padding-top: 0px;
    color: #0087be;
    width: 62%;
    text-align: center;
    cursor: pointer;
    margin-left: 28px;
    padding-left: 0px;
}

.rmagic .rm_action_container #rmaddotheroptiontextdiv {
    display: inline-flex;
    align-items: center;
}

.rmagic .rm_action_container #rmaddotheroptiontextdiv.rm-custom-value-appended{
    color: inherit;
    cursor: default;
}

#rmaddotheroptiontextboxdiv .rminput {
    width: 33%;
}

#rmaddotheroptiontextboxdiv .rmrow .rminput input.rm_static_field {
    float: left;
    width: 92%;
}

#rmaddotheroptiontextboxdiv .rmrow .rminput #rmaddotheroptiontextdiv2 {
    float: left;
    padding-left: 12px;
    padding-top: 9px;
    width: 7%;
    color: #ef0000;
    font-size: 12px;
    cursor: pointer;
}

#rmaddotheroptiontextboxdiv .rmrow .rminput #rmaddotheroptiontextdiv2 a{
    color: #ef0000;
    text-transform: capitalize;
}

/*--- Global Colors----*/

.rmagic a:not(:where(.rmagic .e-notice__content a)),
.rmagic sup {
    color: #2271b1;
}

.rmagic a:hover:not(:where(.rmagic .e-notice__content a:hover)) {
    color: #135e96;
}

.rmagic .cancel:hover {
    color: #F38989;
}

.rmsettingtitle {
    color: #2271b1;
}

.rmagic #form_sett_general ul.rmradio li span.rm_form_type_label {
    color: #555d66;
}

#rm-ob-delete a,
#rm-delete-submission a,
#rm-delete-cstatus a,
#rm-delete-task a,
#rm-delete a,
#rm-delete-user-role a,
#rm-delete-field a,
a.rm-reset-stats {
    color: #a00;
}

/* --- Notifications ----*/

.rm_admin_notice.rm-notice-banner {
    display: block;
    width: auto;
    padding: 5px 13px;
    border-left: 4px solid #0087be;
    font-size: 12px;
    max-width: 100%;
    background-color: #fafafa;
    margin-bottom: 15px;
}

.rm_admin_notice.rm-notice-banner img {
    width: 16px;
    float: right;
    vertical-align: middle;
    opacity: 0.5;
    padding: 2px;
    background-color: #e1e1e1;
    border-radius: 100%;
    right: 11px;
    top: 10px;
    position: absolute;
}

.rm-newsletter-banner {
    display: block;
    padding: 13px;
    border: 1px solid #ccd0d4;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    border-left: 4px solid #0087be;
    font-size: 12px;
    background-color: #ffffff;
    width: 100%;
    max-width: 1070px;
    margin: 15px 10% 0 5%;
    line-height: 26px;
}

.rm-newsletter-banner.rm-newsletter-notice{
    width: 100%;
    max-width: 97%;
    margin: 24px 0px 0px 0px;
    display: none;
}

span.rm-newsletter-button a {
    font-size: 12px;
    padding: 5px 10px;
    margin: 0 5px;
    color: #fff;
    text-decoration: none;
    border: solid 1px #0087be;
    border-radius: 3px;
    background: #2271b1;
    font-weight: 500;
    line-height: 26px;
    vertical-align: top;
    transition: .1s;
    outline: 0px;
}

span.rm-newsletter-button a:hover {
    background-color: #0087be;
    border-color: #0087be;
}

span.rm-newsletter-button a:focus {
    background-color: #0087be;
    border-color: #0087be;
}

.rm-newsletter-banner img {
    width: 16px;
    float: right;
    vertical-align: middle;
    opacity: 0.5;
    padding: 2px;
    background-color: #e1e1e1;
    border-radius: 100%;
    cursor: pointer;
}

#rm_no_api_notice,
#rm_product_notice,
#rm_form_sub_count {
    width: 100%;
    float: left;
    text-align: left;
    background-color: #fafafa;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #eee;
    border-left: 4px solid #0087be;
}

/* --- Opration Bar ----*/

.rmagic .operationsbar {
    display: block;
    width: 100%;
    float: right;
    background-color: #fff;
    padding: 10px;
    border-bottom: 0px solid #e1e1e1;
    margin-bottom: 25px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}

.rmagic .rmtitle {
    display: block;
    float: left;
    padding: 20px;
    width: 70%;
    font-size: 1.25rem;
    font-weight: 400;
    color: #23282d;
}


/*--- opration bar menu---*/

.rmagic .operationsbar .nav {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 10px 10px 20px;
    height: 40px;
}

.rmagic .operationsbar .nav ul {
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
    transition: .2s;
}

.rmagic .operationsbar .nav ul li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0px;
    color: #668eaa;
    text-transform: capitalize;
}


.rmagic .operationsbar .nav ul li a span.rm-export-count {
    color: #555d66;
}

.rmagic li.rm-form-toggle {
    display: inline-block;
    float: right;
    font-size: 12px;
    margin-right: 0% !important;
    position: relative;
    bottom: 7px;
    color: #555d66;
}


.rmagic .operationsbar .nav ul li.rm-form-toggle select{
    bottom: 0px;
    max-width: 150px;
}

.rmagic .rm-form-toggle #rmfilterby {
    padding-top: 2.5%;
    float: left;
}

.rmagic .operationsbar .nav ul li.rm-form-toggle form {
    float: right;
}

.rmagic li.rm-form-toggle select {
    margin-left: 10px;
    padding: 3px 35px 3px 5px;
    width: 200px;
    position: relative;
    bottom: 5px;
    font-weight: 600;
    margin-right: 0px !important;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 35px;
    font-size: 12px;
}

.rmagic li.rm-form-toggle select:hover,
.rmagic .rminput select:hover {

}

.rmagic .operationsbar .nav ul li#rm-ob-demo span.dashicons {
    font-size: 14px;
    line-height: 23px;
}


/*--- Opration Bar Icon --- */

.rmagic .icons {
    display: inline-block;
    float: right;
    padding: inherit;
}

.rmagic .icons img {
    width: 30px;
    height: auto;
    display: inline;
    margin-left: 10px;
    transition: .2s;
}


/*--- Global Pages----*/

.rmagic .rmcontent {
    width: 100%;
    float: left;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.rmagic .rmheader {
    color: #23282d;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 25px;
    font-weight: 600;
}

.rmagic .helparea,
.rmagic .rmheader {
    padding: 20px;
    background-color: #ffffff;
}

.rmagic .rmrow {
    display: block;
    float: left;
    position: inherit;
    padding: 20px;
    min-height: 60px;
    width: 100%;
    transition: 0.2s;
    border-bottom: 0px solid #fafafa;
    color: #6a7877;
}

.rmagic .childfieldsrow {
    width: 90%;
    display: block;
    float: left;
    margin: 0px 5% 2%;
    background-color: #fafafa;
}

.rmagic .childfieldsrow::before {
    font-family: dashicons;
    content: "\f474";
    transform: rotate(-90deg);
    text-align: center;
    clear: both;
    display: block;
    font-size: 36px;
    margin-top: -10px;
    color: #2271b1;
}

.rmagic .childfieldsrow .childfieldsrow::before {
    content: "\f474";
    text-align: center;
    clear: both;
    display: block;
    font-size: 28px;
    margin-top: -10px;
    color: #2271b1;
}

.rmagic .childfieldsrow .rmfield b::before {
    content: "› ";
    color: #2271b1;
}

.rmagic .childfieldsrow .childfieldsrow {
    background-color: #F5F5F5;
}

.rmagic .rmfield,
.rmagic .rminput {
    display: inline-block;
    float: left;
    vertical-align: middle;
    min-height: inherit;
}

.rmagic .rmfield {
    width: 26%;
    margin-right: 5%;
    padding-top: 10px;
}

.rmagic .rminput {
    width: 44%;
    padding: 0;
    margin: 0;
    color: #7d7d7d;
}

.rmagic .rmnote {
    font-size: 12px;
    vertical-align: middle;
}

.rmagic .rmnote {
    width: 25%;
    display: inline-block;
}

.rmagic input[type=date],
.rmagic input[type=email],
.rmagic input[type=number],
.rmagic input[type=password],
.rmagic input[type=text]:not(.tablenav-pages .current-page):not(.rmagic .tablenav input[type=text]),
.rmagic input[type=url],
.rmagic input[type=datetime-local],
.rmagic textarea {
    height: 35px;
    width: 80%;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #8d96a0;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    color: #32373c;
    cursor: text;
    margin: 0;
    padding: 4px;
    transition: box-shadow .1s linear;
    padding: 2px 0 2px 8px;
}

.rmagic input[type=date]:focus,
.rmagic input[type=email]:focus,
.rmagic input[type=number]:focus,
.rmagic input[type=password]:focus,
.rmagic input[type=text]:focus,
.rmagic input[type=url]:focus,
.rmagic textarea:focus {
    border-color: #00a0d2;
    box-shadow: 0px 0px 0px 1px #00a0d2;
    color: #191e23;
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.rmagic .wp-editor-container textarea.wp-editor-area:focus {
    box-shadow: 0px 0px 0px 1px #00a0d2;
}

.rmrow .rmnotecontent {
    color: #555d66;
    font-size: 12px;
    line-height: 1.5;
    font-style: italic;
}

.rmrow .rmnotecontent a {
    color: #647a88;
    background-color: #e6ecf1;
    padding: 2px 6px;
    border-radius: 2px;
}

.rmagic span.rm_buy_pro_inline {
    display: inline-block;
    float: left;
    text-align: center;
    margin-top: 5px;
    font-style: italic;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    font-family: sans-serif;
}

.rmagic .rmnote-wrap {
    float: left;
    width: 100%;
    margin-top: 12px;
    border-top: 1px solid #e5e5e5;
}

.rmagic .rmnote-wrap .rmnote{
    float: right;
}

.rmagic .rmnote-wrap .rmnote .rm_buy_pro_inline {
    border:0px;
}

.rmagic .rmrow .rminput.rm_wpmedia_input_cont #rm_fab_icon img {
    max-width: 150px;
}

.rmagic span.rm_buy_pro_inline a {
    display: block;
    width: 100%;
    max-width: 92px;
    margin: 0px auto;
    font-size: 13px;
    margin-top: 6px;
    color: #ffffff;
    background: #72D987;
    font-weight: bold;
    border: solid 1px #5ebd71;
    border-bottom: 2px solid #61b772;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px 5px 8px;
    font-style: normal;
    font-weight: 400;
}

.rmagic span.rm_buy_pro_inline a:hover {
    background: #64c377;
}

.rmagic span.rm_buy_pro_inline a:active{
}

.rmagic textarea {
    resize: vertical;
    min-height: 100px;
}

.rmagic .buttonarea {
    width: 100%;
    display: block;
    float: left;
    padding: 15px;
    border-top: 1px solid #e1e1e1;
    margin-top: 15px;
}

.rmagic .cancel {
    float: left;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0 20px 0 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-radius: 4px;
    transition: .3s;
    color: #c8c8c8;
}


/*---Tables---*/

.rmagic .rmagic-table-wrap {
    display: block;
    width: 100%;
    padding: 10px;
    position: relative;
    background-color: #ffffff;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}

.rmagic table.rmagic-table tr:nth-child(odd) {
    background-color: #fafafa
}

.rmagic table.rm-login-analytics.rmagic-table tr:nth-child(odd){
    background-color: #fff;
}

.rmagic table.rmagic-table,
.rmagic table.rmagic-table th {
    background-color: #ffffff
}

.rmagic table.rmagic-table,
.rmagic table.rmagic-table td {
    text-align: center
}

.rmagic table.rmagic-table {
    border-collapse: collapse;
    font-size: 12px;
    width: 80%;
    margin-bottom: 25px;
}

.rmagic table.rmagic-table th {
    border-bottom: 3px solid #e6e6e6;
    padding: 15px 0 15px 5px;
    text-align: left
}

.rmagic table.rmagic-table td {
    padding: 8px;
    border-bottom: 0 solid #e1e1e1;
    text-align: left
}

.rmagic table.rmagic-table tr {
    border-bottom: 1px solid #ccd0d4;
}

.rmagic table.rmagic-table th.table-header {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fdfdfd
}

.rmagic table.rmagic-table img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    transition: .4s;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
}

.rmagic table.rmagic-table img:hover {
    transform: scale(2, 2);
}

/*--- All Forms Cards---*/

#login_form .rm-form-shortcode {
    font-size: 14px;
    font-weight: 200;
    bottom: 50%;
}

.rmagic .rmagic-cards .rmcard {
    position: relative;
    background-color: #ffffff;
    height: 300px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    min-width: 176px
}

.rmagic .rmagic-cards .rmcard:hover {
    /*transform: translateY(-8px);*/
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);

}

.rmagic .rmcard .unread-box {
    z-index: 9;
    position: absolute;
    right: -10px;
    top: -18px;
    display: inline-block;
    float: right;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    background-color: #fff;
    transition: 1s;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    min-width: 30px;
    padding: 0 4px;
    line-height: 24px;
    border: 2px solid #ddd;
}

.rmagic .rmcard .unread-box a {
    color: #2271b1;
    padding: 12px 5px;
    vertical-align: top;
    font-weight: 600;
}

.rmagic .cardtitle {
    float: left;
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 84%;
    margin: 10px 0 0;
    text-align: left;
    font-weight: 400;
    padding: 5px;
}


.rmagic input[type=checkbox]:not(.rmagic .rm_checkbox_group):not(.rm-feedback-form-feature-box input[type=checkbox]) {
    width: 16px!important;
    height: 16px !important;
    margin-right: 10px;
    position: relative;
    left: 4px;
    border: 1.5px solid #6c7781;
    border-radius: 4px;
    box-shadow: none;
}

.rmagic input[type=checkbox]:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.rmagic input[type=number]:disabled,
.rmagic input[type=text]:disabled{
    opacity: 0.3;
    cursor: not-allowed;
}

.rmagic input[type=checkbox]:checked{
    background: #2271b1;
    border-color: #2271b1 !important;
}

.rmagic input[type=checkbox]:checked:before  {
    color: #fff;
    margin: -4px 0 0 -5px;
    content: "\f147";
    font: normal 21px/1 dashicons;
}

.rmagic input[type=checkbox].rm_checkbox_group:checked{
    background-color: transparent;
    border-color: #2271b1 !important;
}
.rmagic input[type=checkbox].rm_checkbox_group:checked:before{
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);
    margin: -0.1875rem 0 0 -0.25rem;
    height: 1.3125rem;
    width: 1.3125rem;
}

.rmagic .rmagic-cards .rm-form-shortcode {
    float: left;
    width: 100%;
    font-size: 10px;
    text-align: center;
    padding: 5px;
    margin-left: 0%;
    position: absolute;
    bottom: 80px;
}

.rm-form-shortcode span.rm-shortcode-copy {
    display: block;
    font-size: 13px;
    font-weight: 600;
}

.rmagic .rmcard .rm_not_def_form_star {
    cursor: pointer;
    color: #e0e0e0;
}

.rmagic .rmcards .rm-form-shortcode .rm-star-tip {
    visibility: hidden;
    width: 193px;
    background-color: #feebc1;
    color: #a27347;
    text-align: center;
    padding: 8px;
    border-radius: 2px;
    top: 38px;
    left: 5px;
    font-size: 12px;
    line-height: 1.4em;
    position: absolute;
    z-index: 1;
}

.rmagic .rmagic-cards .rmcard .rm-form-expiry-info {
    text-align: center;
    color: #a00;
    float: left;
    width: 100%;
    font-size: 12px;
}

.rmagic .rmagic-cards .rmcard .rm-last-submission {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rmagic .rmagic-cards .rmcard .rm-last-submission b {
   
}

.rmagic .rm-last-submission {
    display: block;
    float: left;
    width: 90%;
    font-size: 11px;
    vertical-align: middle;
    margin: 2px 5% 2px 5%;
}

.rmagic .rm-last-submission img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline;
    float: left;
    margin-right: 10px;
}

.rmagic .rm-form-embedcode {
    width: 90%;
    margin-left: 5%;
    text-align: center;
    font-size: 10px;
    position: absolute;
    bottom: 56px;
    cursor: pointer;
}

.rm-form-shortcode b {
    display: block;
    font-size: 13px;
}

.rmagic .rm-form-shortcode .rm-star-tip {
    visibility: hidden;
    width: 193px;
    background-color: #feebc1;
    color: #a27347;
    text-align: center;
    padding: 8px;
    border-radius: 2px;
    top: 38px;
    left: 5px;
    font-size: 12px;
    line-height: 1.4em;
    position: absolute;
    z-index: 1;
}


.rmagic-cards .rmcard .rm-form-links .rm-btn-pill-wrap {
    border: 1px solid #A6CEEE;
    border-radius: 4px;
}

.rmagic-cards .rmcard .rm-form-links .rm-btn-pill-wrap .rm-box-card-setting-item {
    border-right: 1px solid #A6CEEE;
    margin: 0px;
    line-height: 0px;
    transition: 0.2s;
    position: relative;
}

.rmagic-cards .rmcard .rm-form-links .rm-btn-pill-wrap .rm-box-card-setting-item:last-child {
    border-right: 0px;
}

.rmagic-cards .rmcard .rm-box-card-setting-item .rm-box-card-setting-info {
    position: absolute;
    width: 100px;
    background-color: #283237;
    top: -31px;
    left: calc(50% - 50px);
    font-size: 11px;
    padding: 12px 8px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.rmagic-cards .rmcard .rm-box-card-setting-item.rm-login-validation .rm-box-card-setting-info{
     width: 140px;
    left: calc(50% - 70px);
}

.rmagic-cards .rmcard .rm-box-card-setting-item.rm-login-password-recovery .rm-box-card-setting-info{   
    width: 140px;
    left: calc(50% - 100px);
}

.rmagic-cards .rmcard .rm-box-card-setting-item.rm-login-password-recovery .rm-box-card-setting-info:after{
    left: 72%;
}

.toplevel_page_rm_form_manage #dolly{
    display: none;
}

.rmagic-cards .rmcard .rm-box-card-setting-item .rm-box-card-setting-info:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: rgb(40, 51, 56) transparent transparent;
}

.rmagic-cards .rmcard .rm-box-card-setting-item:hover .rm-box-card-setting-info {
    display: block !important;
}

.rmagic-cards .rmcard .rm-form-links .rm-btn-pill-wrap .rm-box-card-setting-item:hover {
    background-color: #F6FAFD;
}

.rmagic-cards .rmcard .rm-form-links .rm-btn-pill-wrap .rm-box-card-setting-item:first-child:hover{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rmagic-cards .rmcard .rm-form-links .rm-btn-pill-wrap .rm-box-card-setting-item:last-child:hover{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.rmagic .rmagic-cards .rmcard .rm-limit-info {
    font-size: 11px;
    text-align: center;
}

.rmagic .rmagic-cards .rm-btn-pill-wrap .rm-box-card-setting-item a {
    padding: 1px 8px;
    display: flex;
}

.rmagic .rmagic-cards .rm-btn-pill-wrap .rm-box-card-setting-item a svg {
    fill: #0087be;
    line-height: 0;
    width: 16px;
}

.rmagic-cards .rmcard .rm-form-links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rmagic .rm-form-row.rm-formcard-dashboard {
    text-align: center;
    border-color: #c8d7e1;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #2e4453;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    padding: 2px 3px 3px;
    position: relative;
    right: -1px;
    transition: 0.3s;
}

.rmagic .rm-form-row.rm-formcard-dashboard a {
    color: #668eaa;
}

.rmagic .rm-form-row.rm-formcard-setup {
    text-align: center;
    background: white;
    border-color: #c8d7e1;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #2e4453;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    padding: 2px 5px 3px;
}

.rmagic .rm-form-row.rm-formcard-setup a {
    color: #668eaa;
}

.rmagic .rm-form-links {
    position: absolute;
    bottom: 16px;
    left: 0px;
    list-style: none;
    display: block;
    width: 100%;
    float: left;
    padding: 5px 14px;
}

.rmagic .rm-form-row {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 2px;
    text-align: center;
}

.rmagic .rmagic-cards .rmattachment {
    float: left;
    width: 100%;
    height: auto;
    padding: 30px;
    text-align: center;
}

.rmagic .rmagic-cards .rmattachment img {
    max-width: 150px;
    max-height: 150px;
    width: 100%;
}


/*----- Get form embed code ----*/

.rmagic textarea#rm_embed_code {
    position: absolute;
    height: 220px;
    width: 500px;
    top: calc(50% - 95px);
    left: calc(50% - 250px);
    border: 0px;
    background: #2271b1;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: monospace;
    vertical-align: middle;
    padding: 40px 10px 10px 10px;
    word-break: break-all;
    z-index: 10;
}

.rmagic div#rm_embed_warning {
    position: absolute;
    text-align: center;
    word-break: break-word;
    width: 460px;
    top: calc(50% + 35px);
    left: calc(50% - 230px);
    border: 0px;
    background-color: rgba(0, 0, 0, 0.35);
    color: white;
    font-family: monospace;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    z-index: 100;
}

img.rm-close {
    position: absolute;
    top: calc(50% - 85px);
    left: calc(50% + 225px);
    width: 20px;
    height: 20px;
    background-color: #e1e1e1;
    border-radius: 100%;
    padding: 2px;
    cursor: pointer;
    z-index: 20;
}

/*--- Pagination -----*/

.rmagic ul.rmpagination {
    font-size: 14px;
    display: inline-block;
    padding-bottom: 25px;
    margin: 0;
    float: right;
}

.rmagic ul.rmpagination li {
    display: inline;
}

.rmagic ul.rmpagination li a.active {
    background-color: #2271b1;
    color: #fff;
}

.rmagic ul.rmpagination li a {
    color: #647a88;
    float: left;
    padding: 6px 14px;
    text-decoration: none;
    background-color: #ffffff;
    margin: 0px 0px 5px 5px;
    transition: 0.2s;
    font-size: 13px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    border: 1px solid #e1e1e1;
}

/* --- New Added form Card --- */

.rmagic .rmagic-cards .rmcard.rm_new_added_form {
    animation-name: rm-card-pulse;
    animation-duration: 1s;
    animation-iteration-count: 3;
    box-shadow: 0 0 2px 2px #2271b1;
    box-shadow: 0 0 10px 2px rgba(34, 113, 177, 0.43);
}

@keyframes rm-card-pulse {
    from {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

/*--- FB subscribe banner on footer ---*/

.rmagic .rm-footer-banner {
    display: table;
}

.rm-footer-banner {
    width: 100%;
    border: 1px solid #c3ddea;
    background-color: #e1ebf0;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    color: #646464;
    font-weight: 400;
}

.rmagic .rm-footer-banner .rm-fb-like-us {
    text-align: center;
    display: inline-block;
}

.rmagic .rm-footer-banner .rm-fb-like-us a {
    color: #3b5998;
    font-size: small;
    line-height: 45px;
}

.rmagic .rm-footer-banner .rm-fb-like-us a:hover {
    text-decoration: underline;
}

.rmagic .rm-footer-banner .rm-fb-like-us img {
    height: auto;
    width: 32px;
    margin: 8px 8px;
    float: left;
}

/*--- Fields Manager---*/

.rmagic #rm_field_manager_form .rm-field-creator {
    background-color: #fff;
    display: block;
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(82, 55, 55, 0.04);
    margin-top: 10px;
}

.rmagic #rm_field_manager_form .rm-field-creator #rm_form_page_tabs {
    background: none;
    border: 0px;
    border-radius: 0px;
    font-family: inherit;
    font-size: inherit;
    padding: 0px;
    color: inherit;
}

/*---Fields Manager ( Left Area )--*/

ul.rm-page-tabs-sidebar.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    padding: 0px;
    margin: 0px;
    background-color: #ffffff;
    min-height: 514px;
    height: 100%;
    border-radius: 0px;
    background-image: none;
    border: 0;
    display: inline-block;
    width: 20%;
    float: left;
    border-right: 0px solid #e1e1e1;
}

li.rm-page-tab.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    background-color: #fafafa;
    border-right: 1px solid #fafafa;
}

/* ---Conditions Field---- */


.rm-conditions-field-container ul.rm-conditions-actions li{
     display: flex;
     align-items: center;
     margin-bottom: 14px;
}

.rm-conditions-field-container ul.rm-conditions-actions li input[type=radio]{
    margin-top: 2px;
}

ul.rm-conditions-actions {
    width: 95%;
    margin: 0px auto;
}

ul.rm-conditions-actions li {
    margin-bottom: 10px;
}

ul.rm-conditions-actions li span {
    color: #61839E;
}

ul.rm-conditions-actions .rm-conditions-box-title{
    padding-left: 0px;
}

.rm-conditions-box-title {
    color: #3A4955;
    font-size: 16px;
    padding: 0px 15px;
}

.rm-conditions-field-container {
    /* border: 1px solid #e5e5e5;*/
    width: 90%;
    margin: 20px auto;
}

.rmagic .rm-field-conditions-wrap {
    width: 100%;
}

.rmagic .rm-field-conditions-wrap .rm-field-conditions-title {
    text-align: center;
    padding: 15px;
    font-size: 14px;
}

.rmagic #rm-conditional-modal .rm_field_row_setting_wrap.rm-select-row-setting {
    max-width: 800px;
    left: calc(50% - 400px);
    top: 80px;
}

.rmagic .rm-field-conditions-wrap .rm-field-conditions-title .rm-conditions-field-label {
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-weight: 500;
    color: #000;
}

.rm-match-condition-row,
.rm-add-condition-row,
.rm-save-condition-row {
    text-align: center;
    margin: 20px auto;

}

.rm-match-condition-row {
    text-align: left;
}

.rm-save-condition-row {
    border-top: 1px solid #e5e5e5;
}

#rm-conditional-modal .rm-form-builder-modal-footer {
    padding: 20px 15px;
    margin: 20px auto 0px;
}

.rm-field-condition-row {
    margin-bottom: 15px;
}

.rm-match-condition-row .rm-match-condition {
    display: inline-block;
    margin: 0px 12px;
}

.rm-match-condition-row .rm-match-condition label span {
    color: #61839E;
}

.rm-controlling-atr {
    display: inline-block;
    width: 100%;
}

.rm-controlling-atr .rminput {
    width: 100%;
}

.rm-controlling-atr .rminput select,
.rm-controlling-atr .rminput input {
    width: 90%;
    border: 1px solid #A6CEEE;
    height: 35px;
}

.rm-controlling-atr.rm-controlling-btn {
    width: auto;
}

.rm-controlling-atr.rm-controlling-btn a,
a.rm-add-condition-bt {
    border: 1px solid #A6CEEE;
    display: inline-block;
    line-height: 14px;
    padding: 5px 6px;
    border-radius: 3px;
}

.rm-controlling-atr.rm-controlling-btn a span,
a.rm-add-condition-bt span{
    font-size: 18px;
}

.rm-controlling-atr.rm-controlling-btn a:hover,
a.rm-add-condition-bt:hover{
    background-color: #F6FAFD;
}

.rm-field-conditions-delete {
    float: right;
}

.rm-field-condition-row .rm-block-input {
    pointer-events: none;
    cursor: not-allowed !important;
    opacity: 0.5;
}

/*---Fields Manager ( Right Area )--*/

.rmagic #rm_form_page_tabs .field-selector-pills {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fafafa;
}

.rmagic .rm-field-manager-sorting-tip {
    position: absolute;
    top: 11px;
    right: 20px;
}

.rm-slab-drag-handle {
    display: inline-block;
    float: left;
    width: 50px;
    height: 20px;
}

.rmagic .rm-field-manager-sorting-tip .rm-slab-drag-handle span {
    float: left;
    background-color: #fff;
    padding: 8px 0px;
    width: 48px;
    height: 38px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    border: 1px solid #e5e5e5;
}

.rmagic .rm-field-manager-sorting-tip .rm-field-manager-sorting {
    float: left;
    padding: 10px 8px;
    font-size: 13px;
    color: #537994;
    font-style: italic;
}

.rmagic .rm-custom-fields-page {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 50px;
    border-left: 0px solid #e1e1e1;
    min-height: 235px;
}

.rmagic .rm-custom-fields-page .rmrow {
    text-align: center;
}

.rmagic .rm-field-container,
.rmagic .rm-field-container li {
    float: left;
    width: 100%;
}

.rmagic .rm-custom-field-page-slab {
    display: block;
    width: 100%;
    padding: 10px;
    border: 0px;
    float: left;
    background-color: #ffffff;
    position: relative;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    border: 1px solid #e5e5e5;
}

.rmagic span.rm_sortable_handle.ui-sortable-handle {
    top: 0px;
    cursor: move;
    position: relative;
}

.rmagic .field-selector-pills span.rm_sortable_handle.ui-sortable-handle {
    top: 3px;
}

.rmagic .field-selector-pills .rm-field-container .rm-slab-buttons {
    margin-top: 3px;
}

.rmagic .rm-slab-info {
    display: inline-block;
    float: left;
}

.rmagic .rm-slab-info > span{
    display: inline-flex;
    align-items: center;
}

.rmagic .rm-slab-info span.rm-field-slab-label {
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rmagic .rm-slab-buttons {
    display: inline-block;
    float: right;
    font-size: 12px;
}

.rmagic .rm-custom-field-page-slab .rm-slab-buttons a span.rm-conditions-badge:empty {
    display: none;
}

.rmagic .rm-custom-field-page-slab .rm-conditions-badge {
    position: absolute;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    text-align: center;
    top: -13px;
    margin-left: -8px;
    min-width: 30px;
    padding: 0 4px;
    line-height: 24px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #2271b1;
    padding: 1px 5px;
}

.rmagic .rm-slab-buttons a {
    margin-left: 20px;
}

.rmagic .rm-custom-fields-page .rmrow a {
    margin-right: 20px;
}

.rmagic .rm-slab-info span.rm-field-type {
    color: #647a88;
    background-color: #e6ecf1;
    padding: 4px 8px;
    border-radius: 2px;
}


/*---Login Fields Manager ( Right Area )--*/

.rmagic .rm-login-field-creator #rm_form_page_tabs .field-selector-pills {
    width: 100%;
}

.rmagic #rm_field_manager_form .rm-field-creator.rm-login-field-creator #rm_form_page_tabs {
    width:100%;
}

/* ----Rating Field---- */

.rmagic #rm_rating_config_container ul.rmradio input[type="radio"] {
    display: none;
}

.rmagic #rm_rating_config_container ul.rmradio input[type="radio"]:checked+label i {
    color: #0087be;
    cursor: pointer;
}

.rmagic-table .rateit-font .rateit-range > div {
    font-size: 16px;
}

/*--Submit Field-Holder ---- */

.rmagic .rm-field-submit-field-holder {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 0px 50px 50px 50px;
    margin-bottom: 40px;
}

.rmagic .rm-field-submit-field-holder .rm-field-submit-field {
    display: block;
    width: 100%;
    padding: 10px;
    border: 0px;
    float: left;
}

.rm-field-submit-field-hint {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 12px;
    padding-top: 6px;
    color: #61839E;
}

.rmagic .rm-field-submit-field-btn-container .rm_field_btn {
    display: inline-block;
    color: #fff;
    background-color: #2271B1;
    transition: .1s;
    border-radius: 3px;
    outline: 0;
    cursor: text;
    font-size: 13px;
    padding: 12px 36px;
    margin: 5px;
    caret-color: #fff;
}

.rmagic .rm-field-btn-align-center {
    text-align: center;
}

.rmagic .rm-field-btn-align-left {
    text-align: left;
}

.rmagic .rm-field-btn-align-right {
    text-align: right;
}

.rmagic .rm-field-submit-field-option-row {
    display: inline-block;
    width: 33%;
    font-size: 12px;
}

.rmagic .rm-field-submit-field-options {
    width: 100%;
    float: left;
    margin: 12px 0px 12px 0px;
}

.rmagic .rm-field-submit-field-options .rm-field-submit-field-option-row input[type="radio"] {
    display: none;
}

.rmagic .rm-field-submit-field-options .rm-field-submit-field-option-row input[type="radio"]:checked+label {
    color: #61839E;
    background-color: #F6FAFD;
}

.rmagic .rm-field-submit-field-option-row.rm-field-submit-alignment {
    text-align: center;
    color: #2271B1;
}

.rmagic .rm-field-submit-field-option-row.rm-field-submit-ajax-loader {
    text-align: right;
    font-size: 13px;
    color: rgba(113, 113, 113, 0.67);
    font-style: italic;
}

/*---- Edit Field Page----*/

/*----Field Page Icon Setting ----*/

.rmagic .rm_field_settings_group_header .rm-toggle-settings {
    background-image: url(../../images/rm_toggle_settings.svg);
    background-position: bottom;
    color: #FFF;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin-left: 6px;
}

.rmagic .rm_adv_sett_expanded .rm-toggle-settings,
.rmagic .rm_icon_sett_expanded .rm-toggle-settings {
    background-position: bottom;
    background-image: url(../../images/rm_toggle_settings-expanded.svg);
}

.rmagic #rm_icon_setting_container .rmrow .rminput input[type="range"] {
    -webkit-appearance: none;
    width: 80%;
    height: 6px;
    border-radius: 20px;
    background: #2271b1;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.rmagic #rm_icon_setting_container .rmrow .rminput input[type="range"]:hover {
    opacity: 0.8;
}

.rmagic #rm_icon_setting_container .rmrow .rminput input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #2e4453;
    cursor: pointer;
    border-radius: 3px;
    background-image: url(../../images/handle.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

.rmagic #rm_icon_setting_container .rmrow .rminput input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #2e4453;
    cursor: pointer;
    border-radius: 3px;
    background-image: url(../../images/handle.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

.rmagic .rm_field_settings_group_header a {
    cursor: pointer;
}

.rmagic i#id_show_selected_icon.material-icons {
    /*color: rgb(84, 60, 255);*/
    display: inline-block;
    float: left;
    margin-right: 25px;
    height: auto;
}

.rmagic .rm-icon-action {
    float: left;
}

/*Field Icon Selector*/

.rmdialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    width: 500px !important;
    margin-left: 5%;
    background-color: #FFF;
    padding: 20px;
    height: 500px !important;
    overflow-y: scroll;
    box-shadow: 0px 0px 20px #999;
    letter-spacing: 20px;
    line-height: 50px;
    z-index: 99999;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.rmdialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable button.ui-dialog-titlebar-close {
    font-size: 0px !important;
    right: 10px;
    background-color: #fff;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    outline: 0px;
}

.rmdialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-title {
    margin: 0px;
}

.rmdialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-titlebar {
    padding: 0px;
}

.material-icons {
    cursor: pointer !important;
}

div#ui-id-3.rm_field_icon_reservoir.ui-dialog-content.ui-widget-content {
    cursor: pointer;
}

i#id_show_selected_icon.material-icons {
    color: rgb(84, 60, 255);
    display: inline-block;
    float: left;
    margin-right: 25px;
}

.rmdialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    padding: 0px !important;
}

.rmdialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    position: relative;
    border: none;
    background-image: none;
    background-color: #0087be;
    width: 100%;
    z-index: 9999;
    border-radius: 0;
}

.rmdialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-titlebar button::before {
    display: none;
}

.rm_active_icon {
    border-bottom: 2px solid #0292c6;
}

.rm-field-icon-wrap{
    font-size: 20px;
}

.rm-field-icon-wrap .rm-icons-get-ready {
    border: 1px solid #ececec;
    padding: 8px;
    margin: 3px;
    border-radius: 3px;
    transition: 0.3s;
    gap: 4.6px;
    height: auto !important;
}

.rm-field-icon-wrap .rm-icons-get-ready:hover,
.rm-field-icon-wrap .rm-icons-get-ready.rm_active_icon{
    background-color: #2271b1;
    color: #fff;
    border: 1px solid #2271b1;
}

.rm-field-icon-wrap .rm-icons-get-ready.rm_active_icon

/*-- Field Selector ---*/

.rmagic .field-selector-pills .rm-field-tabs-row {
    margin: 15px 0px;
}

.rmagic .field-selector-pills .rm-field-tabs-row .rm_button_like_links {
    display: inline-block;
    line-height: 26px;
    font-size: 12px;
    margin: 0px !important;
    padding: 0px !important;
    padding-right: 12px !important;
}

.rmagic .field-selector-pills .rm-field-tabs-row .rm-field-tab-cat {
    margin: 14px 0px 14px 0px;
    font-weight: 500;
}

.rmagic .field-selector-pills .rm-field-tabs-row .rm-field-tab-cat a {
    display: inline-block;
    margin: 0px 3px;
    margin-top: -4px;
}

#rm-field-selector .rm-modal-container .rm-field-selector {
    border: 0px;
    position: inherit;
    margin: 0px;
}

#rm-field-selector .rm-modal-title {
    padding: 15px 30px;
}

#rm-field-selector .rm-modal-title .rm-field-selector-subhead{
    display: block;
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
    margin-top: 4px;
}

#rm-field-selector .rm-modal-container .field-selector-pills {
    width: 100%;
    border: 0px;
    margin: 0px;
}

#rm_fields_down, #rm_fields_up {
    float: right;
}

#rm_fields_down span, #rm_fields_up span {
    background-color: #0087be;
    float: left;
    text-align: center;
    padding: 8px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}

#rm_fields_down span:hover, #rm_fields_up span:hover {
    background: #007eb1;
}

#rm_fields_down span i, #rm_fields_up span i {
    color: #fff;
}

#rm_fields_down {
    position: absolute;
    right: 8px;
    top: 230px;
}


/*---- Create New Form ------*/

.rmagic .rm_add_new_form_wrap.rm-create-new-from {   
    width: 100%;
    max-width: 750px;
    left: calc(50% - 325px);
    position: absolute;
    background: #fff;
    top: 200px;
    max-height: 100%;
    z-index: 9999;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 3px;
}
.rmagic .rm-create-new-from .rm-select-form-type {
    text-align: center;
}

.rmagic .rm-create-new-from .rmrow {
    padding-bottom: 0px;
}

.rmagic .rm-create-new-from .rmrow {
    padding-bottom: 0px !important;
}

.rmagic .rm-create-new-from .rm-form-head {
    display: inline-block;
    font-size: 14px;
    color: #485566;
    font-weight: 600;
}

.rmagic .rm-create-new-from .rm-form-name-input label {
    display: inline-block;
}

.rmagic .rm-create-new-from .rm-form-name-input input {
    width: 100%;
    height: 50px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.rmagic .rm-create-new-from .rm-form-name-input input#form_name {
    width: 100%;
    height: 40px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    border-color: #D3DBE2;
}

.rmagic .rm-create-new-from .rm-form-name-input {
    margin-top: 10px;
    font-size: 14px;
    color: #485566;
}

.rmagic .rm-create-new-from .rm-form-box .rm-form-name {
    margin: 10px 0px;
}

.rmagic .rm-create-new-from .rm-new-form-popup-header {

}

.rmagic .rm-create-new-from .rm-new-form-popup-header .rm-modal-title {
    color: #283237;
    background-color: transparent;
    border: 0px;
    padding: 40px 0px 15px 0px;
    font-size: 32px;
    display: inline-block;
    font-weight: 700;
}

.rmagic .rm-create-new-from .rm-new-form-popup-header .rm-modal-subtitle {
    color: #61839E;
}

.rmagic .rm-create-new-from .rm-new-form-popup-header .rm-modal-subtitle a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.rmagic .rm-create-new-from .rm-new-form-popup-header .rm-modal-subtitle a:hover{
    text-decoration: none
}

.rmagic .rm-create-new-from .rm-form-extend-setting {
    position: relative;
    left: 6px;
}

.rmagic .rm-create-new-from .rm-form-box {
    padding: 0px 30px;
}

.rmagic .rm-create-new-from .rm-form-box .rm-modal-close {
    position: absolute;
    top: -82px;
    right: 21px;
    background-color: #fff;
    font-size: 20px;
    padding: 0px 6px;
    line-height: 26px;
    border-radius: 3px;
    cursor: pointer;
    color: #283237;
    text-align: center;
}

.rmagic .rm-create-new-from {
    width: 100%;
    margin: 20px 0px;
    display: inline-block;
}

.rmagic .rm-create-new-from .rm-new-form-popup-header .rm-modal-close {
    float: right;
    margin: 20px 0px;
    text-transform: none;
    border: 0px;
    top: 0px;
    right: 8px;

}

.rmagic .rm-create-new-from .rm-create-new-from-btn-area {
    padding: 20px;
    width: 100%;
    float: left;
    text-align: center;
}

.rmagic .rm-create-new-from .rm-create-new-from-btn-area input {
    float: none;
    text-transform: none;
    border: 0px;
    padding: 10px 18px;
    height: auto ;
    font-size: 13px;
    border-radius: 3px;
    color: #FFF;
    background: #2271b1;
    vertical-align: top;
    transition: .1s;
    outline: 0px;
    cursor: pointer;
}

.rm-create-from-card input#rm_submit_btn{
    height: auto !important;
    line-height: 33px
}

.rmagic .rm-create-new-from .rm-form-type-sep {
    margin-top: 15px;
}

.rmagic .rm-newform-footnote {
    font-style: italic;
    text-align: center;
    font-size: 13px;
    color: #537994;
}

.rmagic #rm_add_new_form_popup {
    height: 100%;
}

.rmagic .rm-template-modal-heading {
    font-size: 18px;
    font-weight: 600;
    color: #3A4955;
    line-height: 22px;
}
.rmagic .rm-template-modal-subheading {
    font-size: 13px;
    color: #61839E;
    line-height: 22px;
    padding: 10px 0px 20px 0px;
}

.rmagic .rm-template-modal-button {
}

.rmagic .rm-template-modal-button a {
    border: 1px solid #2271B1;
    display: inline-block;
    width: 100%;
    padding: 14px 0px;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    color: #2271B1;
}

.rmagic .rm-template-modal-button a:hover {
    background-color: #2271B1;
    color: #fff;
}

.rm-box-secondary-bg{
    background-color: #F1F5F8;
}

.rmagic .rm-create-new-from .rm-form-name-input input[type=checkbox]:checked {
    background-color: #11a0d2;
    border-color: #11a0d2;
}

.rmagic .rm-create-new-from .rm-form-name-input input[type=checkbox] {
    border-radius: 2px;
}

@media screen and (max-width: 900px) {
    .rmagic .rm-modal-wrap {
        width: 80%;
        left: 10%;
    }
}




/* Address field CSS */

.rmagic .rm-address-field-col2 .rm-address-field {
    width: 48%;
    display: inline-block;
}

.rmagic .rm-address-field {
    margin-bottom: 22px;
}

.rmagic .rm-address-field label {
    outline: 0px;
    float: left;
    width: 48%;
    margin-top: 6px;
}

.rmagic .rm-address-field-row .rm-address-field input[type=text].rm-disable,
.rmagic .rm-address-field-row .rm-address-field select.rm-disable,
.rmagic .rm-address-field-row .rm-address-field textarea.rm-disable {
    opacity: 0.5;
    pointer-events: none;
}

.rmagic .rm-field-visibility input,
.rmagic .rm-field-visibility select,
.rmagic .rm-field-visibility label {
}

.rmagic .rm-address-field-visibility {
    position: absolute;
    top: 0px;
    right: 16px;
    background-color: rgb(250, 250, 250);
    padding: 7px 10px 5px 14px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #8d96a0;
    line-height: 16px;
    cursor: pointer;
    border-left: 0px solid #e0e0e0;
    height: 40px;
}

.rmagic .rm-ca-actions.rm-field-visibility .rm-address-field-visibility {
    border: 1px solid rgba(141, 150, 160, 0.5);
    border-left: 0px;
}

.rmagic .rm-address-field-visibility::after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    content: '\E8F4';
    /*content: 'OFF';*/
}

.rmagic .rm-address-field-row .rm-address-field select#rm_field_ca_country_all {
    margin-top: 0px;
    border: 1px solid #8d96a0;
}

.rmagic .rm-field-visibility .rm-address-field-visibility::after {
    content: '\E8F5';
    /*content: 'ON'; */
}

.rmagic .rm-address-field-row .rm-address-field {
    position: relative;
}

.rmagic .rm-address-field-row .rm-address-field input[type=text],
.rmagic .rm-address-field-row .rm-address-field select {
    width: 94% !important;
    height: 40px !important;
    background-color: #fff;
    border-right: 0px;
}

.rmagic .rm-address-field-row.rm-address-field-col2 .rm-address-field input[type=text],
.rmagic .rm-address-field-row.rm-address-field-col2 .rm-address-field select,
.rmagic .rm-address-field-row.rm-address-field-col2 .rm-address-field textarea {
    width: 87%;
}

.rmagic .rm-address-field-row.rm-address-field-col2 .rm-address-field textarea#rm_field_ca_country_limited{
    width: 86.45%;
}

.rmagic .rmagic .rm-address-field-row .rm-address-field label {
    outline: 0px;
    margin-top: 5px;
}

.rmagic .rm-address-field-col2 .rm-address-field:last-child {
    float: right;
}

.rmagic .rm-address-field-state {
    text-align: center;
}

.rmagic .rm-address-field-state ul {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    line-height: 30px;
    border-radius: 5px;
    padding: 0px;
    overflow: hidden;
}

.rmagic .rm-address-field-state ul li {
    display: inline-block;
    margin: 0px;
}

.rmagic .rm-ca-actions {
    float: right;
    width: auto;
    text-align: right;
    margin-right: 15px;
    margin-top: 6px;
}

.rmagic .rm-address-field-row .rm-ca-actions span.rm-disable {
    opacity: 0.5;
    pointer-events: none;
}

.rmagic .rm-address-field-state ul li label {
    padding: 2px 16px;
    cursor: pointer;
}

.rmagic .rm-address-field-state ul li input[type="radio"]:checked+label {
    background: #0087be;
    color: #ffffff;
}

.rmagic .rm-address-field-state ul li input[type="radio"] {
    display: none;
}

.rmagic #rm-address-field .rm-address-field-row {
    width: 100%;
    float: left;
    margin-bottom: 18px;
}

.rmagic #rm-address-field ul.rmradio li label i {
    color: #f38989;
    font-size: 20px;
    padding-top: 0px;
    float: right;
}

.rmagic #rm_field_ca_state_as_codes {
    float: right;
    margin-right: 14px;
    margin-top: 9px;
}

.rmagic #field_ca_en_country_search {
    margin-right: 14px;
}

.rmagic #rm_country_note {
    padding-top: 20px;
}

.rmagic .rmrow ul.rmradio li label.rm-google-field {
    line-height: 24px;
}

.rmagic #rm-address-field .rmrow ul.rmradio li label {
    display: inline-flex;
}

.rmagic #rm-address-field .rmrow ul.rmradio li label span{
    margin-right: 5px;
}

.rmagic .rmrow ul.rmradio li label.rm-google-field .rm-g-field-label {
    float: left;
}

.rmagic .rmrow ul.rmradio li label.rm-google-field .rm-g-field-img {
    float: left;
    margin-left: 6px;
}

.rmagic .rmrow ul.rmradio li label.rm-google-field .rm-g-field-img img {
    width: 100%
}

.rmagic .rm-address-field-legand {
    margin-left: 20px;
}

.rmagic .rm-address-field-legand span i {
    line-height: 16px;
    margin-left: 6px;
}


/* ---- RM Modal Box --- */

.rmagic .rm-modal-view {
    position: fixed;
    width: 100%;
    top: 0px;
    height: 70%;
    z-index: 99999;
    max-height: 100%;
    left: 0px;
}

.rmagic .rm-modal-wrap {
    position: absolute;
    background: #fff;
    width: 60%;
    left: 20%;
    top: 100px;
    max-height: 100%;
    z-index: 9999;
}

@media only screen and (max-width:1280px) {
    .rmagic .rm-modal-wrap {
        width: 90%;
        left: 5%;
        max-height: 100%;
        overflow-y: scroll;
    }
}

@media only screen and (max-width:1367px) {
    .rmagic .rm-modal-wrap {
        width: 80%;
        left: 15%;
        max-height: 100%;
        overflow-y: scroll;
    }
}

.rmagic .rm-modal-wrap {
    animation-name: popup;
    animation-duration: 0.3s;
    overflow: auto;
}

.rmagic .rm-modal-overlay {
    z-index: 9999;
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}

.rmagic .rm-modal-overlay {
    /*animation-name: popup_wrap;
animation-duration: 0.3s;*/
}

.rmagic .rm-modal-titlebar {
    height: 60px;
    display: table;
    width: 100%;
}

.rmagic .rm-modal-titlebar .rm-modal-title,
.rmagic .rm-modal-titlebar .rm-modal-close {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #23282d;
}

.rmagic .rm-modal-titlebar .rm-modal-close {
    text-align: right;
    font-size: 22px;
    width: 60px;
    cursor: pointer;
}

.rmagic .rm-modal-view .rmrow {
    display: block;
    float: left;
    position: inherit;
    padding: 15px 30px;
    min-height: 60px;
    width: 100%;
}

@media only screen and (max-width:1500px) {
    .rmagic #rm_add_new_form_popup .rm-modal-wrap {
        max-height: 88%;
    }
}


/*---- Form Design -----*/

fieldset.rm_form_presentation_fs {
    padding-top: 25px;
}

.rmagic fieldset.rm_form_presentation_fs legend#rm_section_name {
    display: block;
    font-weight: 600;
    border-bottom: 0 solid #e1e1e1;
    background-color: #ffffff;
    width: 100%;
    padding: 10px;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(82, 55, 55, 0.04);
}

.rm_form_container {
    background-color: #ffffff;
    padding-bottom: 50px;
    padding-top: 50px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(82, 55, 55, 0.04);
    margin-bottom: 10px;
}

.rmagic .rm_style_container {
    display: table;
    width: 50%;
    margin: 2px auto;
    background-color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    border: 1px solid #e1e1e1;
}

#rm_style_container .rmrow,
.rm-new-form .rmrow {
    padding: 10px 20px;
}

.rmagic .rmrow.rm_edit_form_ui {
    position: relative;
}

.rmagic .rmrow .rm_element_selector {
    position: relative;
    width: 25%;
    float: left;
}

.rmagic .rmrow .rm_element_selector .rm_selector {
    position: absolute;
    left: -5px;
    top: -8px;
    right: -13px;
    text-indent: -999px;
    background-color: #0087be;
    border: none;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    outline: 0px;
    cursor: pointer;
    animation: rm-pulse 2s linear infinite;
    -moz-animation: rm-pulse 2s linear infinite;
    -webkit-animation: rm-pulse 2s linear infinite;
    -o-animation: rm-pulse 2s linear infinite;
}

.rmagic .rm_style_container .rm_selector {
    position: absolute;
    right: -13px;
    top: -13px;
    text-indent: -999px;
    background-color: #0087be;
    border: none;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    outline: 0px;
    cursor: pointer;
    animation: rm-pulse 2s linear infinite;
}

@keyframes rm-pulse {
    0% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
    50% {
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
}

@-moz-keyframes rm-pulse {
    0% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
    50% {
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
}

@-webkit-keyframes rm-pulse {
    0% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
    50% {
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
}

@-o-keyframes rm-pulse {
    0% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
    50% {
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
}

.rmagic .rmrow.rm_edit_form_ui .rminput input[type=text] {
    width: 100% !important;
}

input#rm_button_field_selector {
    left: 50%;
}

.rm_style_action {
    display: none;
}

.rm_btn_selector {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
}

.rm_btn_selector input[type="button"]#rm_btnfield {
    background-color: #646464;
    border: none;
    color: #fff;
    padding: 9px;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
}

/*--- Form Design Popup---*/

.rmagic .rm_style_action.form_top_right,
.rmagic .rm_style_action.form_field_right,
.rmagic .rm_style_action.btn_field_right {
    position: absolute;
    background-color: #2e4453;
    padding: 20px;
    box-shadow: 0 3px 30px rgba(25, 30, 35, .1);
    border: 1px solid #e2e4e7;
    width: 350px;
    z-index: 999;
}

.rmagic .rm_style_action.form_top_right {
    right: -310px;
    top: -200px;
    width: 285px;
}

.rmagic .rm_style_action.form_field_right {
    right: -250px;
    top: -200px;
}

.rmagic .rm_style_action.btn_field_right {
    left: 66%;
    top: -200px;
}

.rmagic .rm_style_action:after,
.rmagic .rm_style_action:before {
    right: 100%;
    top: 38%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.rmagic .rm_style_action:before {
    border-color: transparent;
    border-right-color: #2e4453;
    border-width: 16px;
    margin-top: -16px;
}

.rm_pop_up_close {
    font-family: verdana, sans-serif;
    text-align: center;
    color: #a8bece;
    float: right;
    width: 30px;
    height: 30px;
    background-color: transparent;
    right: -20px;
    position: relative;
    top: -20px;
    font-size: 20px;
    cursor: pointer;
    text-transform: lowercase;
    vertical-align: middle;
    padding: 3px;
    transition: 0.2s;
}

.rm_btn_selector .rm_btn_group {
    width: 26%;
    margin: 0px auto;
    position: relative;
}

.rm_style_action .rm_pop_up_row {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.rm_pop_up_row label {
    display: inline-block;
    float: left;
    vertical-align: middle;
    min-height: inherit;
    width: 46%;
    font-size: 13px;
    color: #fff !important;
    margin-top: 2px;
    text-align: left;
}

.rmagic .rmrow label,
.rm_pop_up_row label {
    font-size: 14px;
    display: block;
    font-weight: 300;
}

.rmagic #rm_section_styling_options .rm_pop_up_row label {
    font-size: 13px;
}

.rm_pop_up_row select {
    width: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 3px 35px 3px 5px;
    position: relative;
    bottom: 5px;
    font-weight: 600;
    margin-right: 0px !important;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-image: url(../../images/drop-down.png);
    background-position: right;
    background-repeat: no-repeat;
    font-size: 13px;
    height: 35px;
    box-shadow: none;
    border-color: #c8d7e1;
    border-width: 1px 1px 2px;
    border-radius: 4px;
    color: #668eaa;
}

.rm_pop_up_row select:hover {
    background-color: #f3f6f8;
}

.rmagic .rmrow label b,
.rmagic .rmrow label {
    font-weight: 400 !important;
    color: #555d66;
}

.rm_pop_up_row input[type=button] {
    background: white;
    border-color: #c8d7e1;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #2e4453;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    text-decoration: none;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 21px;
    border-radius: 4px;
    padding: 6px 6px 5px;
    -webkit-appearance: none;
    appearance: none;
    max-width: 60px;
}

.rm_pop_up_row input[type=button]:hover {
    border-color: #a8bece;
    color: #2e4453;
}

.rm_pop_up_row input[type=button]:active {
    border-width: 2px 1px 1px;
}

.rm_pop_up_row input[type=button]:focus {
    outline: 0;
    border-color: #2271b1;
    box-shadow: 0 0 0 2px #78dcfa;
}

.rm_pop_up_row input[type="text"],
.rm_pop_up_row input[type="number"] {
    width: 50% !important;
}

.buttonarea.popup-button-group {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(82, 55, 55, 0.04);
}


/*---Global setting----*/

.registrationmagic_page_rm_options_manage {
    background-color: #F1F5F8;
}

.rmagic .rm-global-settings {
    display: block;
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 12px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}

.rmagic .rm-global-settings .rm-settings-title {
    text-transform: capitalize;
    display: block;
    float: left;
    padding-left: 20px;
    width: 100%;
    font-size: 14px;
    color: #3A4955;
    text-overflow: ellipsis;
    padding-top: 20px;
    font-weight: bold;
}

.rmagic .rm-global-settings .settings-icon-area {
    margin: 1% 1% 1%;
    padding: 2%;
    display: block;
    float: left;
    width: 98%;
    background-color: #ffffff;
    border: 0px solid #e1e1e1;
    border-radius: 20px
}

.rmagic .rm-global-settings .settings-icon-area .rm-settings-box {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 12px;
    margin: 24px 0;
    transition: .2s;
    min-height: 92px;
    border-left: 0px solid transparent;
}

.rmagic .rm-global-settings .settings-icon-area .rm-settings-box:hover img.rm-settings-icon {
    transform: scale(1.1,1.1);
}

.rmagic .rm-global-settings .settings-icon-area .rm-settings-box:hover {
    border-color: #DAE1E7;
    cursor: pointer;
}

.rmagic img.rm-settings-icon {
    height: auto;
    max-width: 10%;
    display: inline-block;
    float: left;
    margin-right: 20px;
    transition: 0.3s ease-out;
}

.rmagic .rm-global-settings .settings-icon-area .rm-settings-box .rm-settings-description {
    display: block;
    float: left;
    max-width: 80%
}

.rmagic .rm-global-settings .settings-icon-area .rm-settings-box .rm-settings-subtitle {
    color: #3A4955;
    display: block;
    width: 70%;
    float: left;
    font-size: 12px;
    margin-top: 6px;
    font-weight: bold;
}

.rmagic .rm-global-settings .settings-icon-area .rm-settings-box .rm-settings-subtitle::after {
    content: " ›";
    color: #0073aa
}

.rmagic .rm-global-settings .settings-icon-area .rm-settings-box span {
    text-transform: none;
    display: block;
    width: inherit;
    float: left;
    font-size: 11px;
    color: #89A2B6;
}


/*--- Form Custom Status ----*/

.rmagic .form-cstatus-table-wrapper {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}

.rmagic .form-cstatus-table-wrapper table.rm-form-cstatus {
    width: 100%;
}

.rmagic .form-cstatus-table-wrapper table.rm-form-cstatus th {
    padding: 15px 8px;
}

.rmagic .rm-cstatus-color {
    position: relative;
    width: 22px;
    height: 22px;
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.rmagic .rminput .wp-editor-container textarea.rm_TinydMCE.rm_TinydMCE-disabled{
    pointer-events: none;
    opacity: 0.1;
}

.rmagic .rminput textarea.rm_TinydMCE-disabled{
    pointer-events: none;
    opacity: 0.5;
}

.rmtitle-from {
    color: #647a88;
}

.rmagic .rm-submission-field-row .rm-custom_status-wrap {
    width: 100%;
}

.rmagic .rm-submission-field-row .rm-custom_status-wrap div.rm-custom-status {
    padding-left: 11px;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    overflow: hidden;
    padding: 4px 6px;
    line-height: 15px;
}

.rmagic .rm-submission-field-row .rm-custom_status-wrap .rm-custom-status {
    float: left;
    margin: 5px;
}

.rmagic .rm-submission-field-row .rm-custom_status-wrap .rm-custom-status span {
    float: right;
    background-color: rgba(0, 0, 0, 0.25);
    margin-left: 10px;
}

.rmagic .rm-submission-field-row .rm-custom_status-wrap .rm-custom-status span i {
    font-size: 18px;
    color: #fff;
    float: left;
    padding: 0px;
}

.rmagic .rm-submission .rm-custom_status-wrap .rm-custom-status-lf {
    width: 80%;
    float: left;
}

.rmagic .rm-submission .rm-custom_status-wrap .rm-custom-status-lr {
    width: 20%;
    float: right;
    position: relative;
}

.rmagic .rm-add-custom-status {
    float: right;
    padding: 2px;
    height: 28px;
    width: 28px;
}

.rmagic .rm-add-custom-status span.dashicons.dashicons-plus-alt {
    color: #2271b1;
    font-size: 30px;
    cursor: pointer;
}

.rmagic .rm-add-custom-status-value {
    background-color: #fff;
    position: absolute;
    width: 272px !important;
    right: 40px;
    top: -68px;
    padding: 18px 12px;
    border-radius: 5px;
    min-height: 190px;
    text-align: center;
    box-shadow: 0 3px 30px rgba(25, 30, 35, .1);
    border: 1px solid #e2e4e7;
}

.rmagic .rm-custom-status-value {
    width: auto;
    display: inline-block;
    padding: 5px 14px;
    margin: 5px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.rmagic .rm-custom-status-search input {
    height: 35px;
    width: 100%;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #8d96a0;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    color: #32373c;
    cursor: text;
    margin: 0;
    transition: box-shadow .1s linear;
    padding: 2px 0 2px 8px;
}

.rmagic .rm-custom-status-search input:focus {
    border-color: #00a0d2;
    box-shadow: 0px 0px 0px 1px #00a0d2;
    color: #191e23;
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.rmagic .rm-custom-status-search {
    margin-bottom: 10px;
}

.rmagic .rm-custom-status-box-nub {
    position: absolute;
    width: 10px;
    height: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #ccc;
    background: #fff;
    top: 75px;
    right: -5px;
}

.rmagic .rminput select.rm_static_field.rm_status_form_sett_limits {
    background-image: none;
    height: 70px;
    overflow: auto;
    padding: 3px 3px 3px 5px;
}

.rmagic .rm-add-custom-status-value .rm_buy_pro_inline {
    font-weight: normal;
    border-top: 0px;
    margin-top: 15px;
}

.rmagic .rm-custom-status-ext-link {
    float: left;
    width: 100%;
    margin-top: 14px;
}
.rmagic .rm-custom-status-ext-link a {
    font-weight: normal;
    box-shadow: 0 1px 0 0 #0087be;
}

.rmagic .rm-custom-status-ext-link a:hover {
    box-shadow: 0 0px 0 0 #0087be;
}

/*---------Related Submissions----------*/

.rmagic .rm-related-submissions-wrap {
    width: 100%;
    float: left
}

.rmagic .rm-related-submissions-head .rm-submissions-name {
    float: left;
    width: 100%;
    font-weight: 500;
}

.rmagic .rm-related-submissions-head {
    text-align: center;
}

.rmagic .rm-total-submissions {
    font-weight: 600;
    margin: 10px 0px 25px 0px;
    float: left;
    width: 100%;
}

.rmagic .rm-total-submissions span {
    background-color: #01aadc;
    color: #fff;
    padding: 2px 10px;
    margin: 0px 4px;
    border-radius: 2px;
    font-weight: normal;
}

.rmagic .rm-related-submissions-lf {
    width: 50%;
    float: left;
    position: relative;
    padding: 1.5em 2em 1em 2em;
    text-align: right;
}

.rmagic .rm-related-submissions-lf .rm-submission-form-name {
    display: inline-block;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: calc(100% - 170px);
}

.rmagic .rm-related-submissions-lf .rm-submission-form-name a {
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
}

.rmagic .rm-related-submissions-lf .rm-submission-date {
    display: inline-block;
    float: right;
}

.rmagic .rm-related-submissions-lf .rm-submission-date i {
    margin-right: 4px;
    font-size: 18px;
    color: #2271b1;
    float: left;
}

.rmagic .rm-related-submissions-rf {
    width: 50%;
    position: relative;
    padding: 0.5em 1em 1em 2em;
    border-left: 4px solid #d3dcd9;
    float: left;
}

.rmagic .rm-related-submissions-rf:before {
    content: "";
    background-color: #2271b1;
    position: absolute;
    top: 56%;
    margin-top: -20px;
    left: -14px;
    color: #FFF;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    font-family: Georgia;
    border: 4px solid #d3dcd9;
    box-shadow: 0 0 0 2px #ffffff inset;
}

.rmagic .rm-submissions-status-wrap {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
}

.rmagic .rm-submissions-status-wrap::-webkit-scrollbar {
    height: 2px;
}

.rmagic .rm-submissions-status-wrap::-webkit-scrollbar-track {
    background-color: #d3dcd9;
}

.rmagic .rm-submissions-status-wrap::-webkit-scrollbar-thumb {
    background-color: #a2a2a2;
}

.rmagic .rm-submissions-status {
    line-height: 20px;
    padding: 5px 15px;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    margin: 5px;
    background-color: #f38989;
    display: inline-block;
}

.rmagic .rm-submissions-no-status {
    line-height: 20px;
    padding: 5px 0;
    float: left;
    margin: 5px;
}

.rmagic .rm-custom_status-wrap .rm-no-status-assigned {
    line-height: 34px;
    padding: 0px 12px 0px 12px;
    color: #fff;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    overflow: hidden;
    background-color: #a9a9a9;
    width: auto;
    float: left;
}


/* Widget*/

.rmagic #add-widget .rminput .rm_map_container #map {
    height: 100%;
    width: 80%;
    padding-bottom: 50%;
}

.rmagic #add-widget .rminput .rm_map_container #map input#rm-pac-input {
    width: 66%;
    top: 6px !important;
}

.rmagic .rminput select#chart_type {
    text-transform: capitalize;
}


/*--- Mobile Number Field ----*/

.rmagic .rm-field-selector .rm_country_selector_wrap {
    text-align: center
}

.rmagic .rm-field-selector .rm_country_selector {
    display: inline-block;
    width: 20%;
    border: 1px solid #e5e5e5;
    margin: 10px;
    padding: 12px;
}

.rmagic .rm_country_selector_wrap .rm_country_lf {
    float: left;
    margin-right: 10px;
}

.rmagic .rm_country_selector_wrap .rm_country_rf {
    float: left;
    width: calc(100% - 50px);
    text-align: left;
}

.rmagic .rm_country_selector_wrap .rm-country-list,
.rmagic .rm_country_selector_wrap .rm-country-flag {
    float: left
}

.rmagic .rm_country_selector_wrap .rm-country-list input.country_list {
    margin: 0px 6px 0px 0px;
}

.rmagic .rm_country_selector_wrap .rm-country-code {
    color: #929292;
}

.rmagic #rm-country-selector .rm-field-selector {
    margin: 0px;
    border: 0px;
}


/* ----- Remove Username and password Fields Popup ----- */

.rmagic #rm-username-delete .rm-modal-wrap,
.rmagic #rm-userpassword-delete .rm-modal-wrap {
    width: 40%;
    left: 30%;
}

.rmagic #rm-username-delete .rm-modal-titlebar,
.rmagic #rm-userpassword-delete .rm-modal-titlebar {
    height: 46px;
}

.rmagic #rm-username-delete .rm-modal-titlebar .rm-modal-title,
.rmagic #rm-username-delete .rm-modal-titlebar .rm-modal-close,
.rmagic #rm-userpassword-delete .rm-modal-titlebar .rm-modal-title,
.rmagic #rm-userpassword-delete .rm-modal-titlebar .rm-modal-close {
    background-color: #fff;
}

.rmagic #rm-username-delete .rm-modal-container,
.rmagic #rm-userpassword-delete .rm-modal-container {
    padding: 20px;
    min-height: 100px;
}

.rmagic #rm-username-delete .rm-username-delete-actions,
.rmagic #rm-userpassword-delete .rm-password-delete-actions {
    padding: 20px;
}

.rmagic #rm-username-delete .rm-username-delete-actions input,
.rmagic #rm-userpassword-delete .rm-password-delete-actions input {
    margin-right: 20px;
    background: transparent;
    border: 0px;
    box-shadow: none;
    color: #0087be;
    font-size: 12px;
    cursor: pointer;
}

/* ----- Username and password Fields Disable ----- */

.rmagic .rminput input.rm_disabled {
    opacity: 0.5;
    pointer-events: none;
}

/*---Products Field Selector ----*/

.rmagic #rm_payapal_field_mananger_form .rm-field-selector {
    border: 1px solid #e1e1e1;
    border-top: 0px;
}

.rmagic #rm_payapal_field_mananger_form .operationsbar{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.rmagic #rm_payapal_field_mananger_form .rm-field-selector{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.rmagic .rm-field-selector {
    display: block;
    float: left;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 25px;
    border-radius: 0;
    border: none;
    background-image: none;
    margin-top: -25px;
    border-top: 1px solid #e1e1e1;
    position: relative;
}

.rmagic .rm-field-selector .field-tabs {
    display: inline-block;
    float: left;
    width: 15%;
    border-right: 1px solid #e1e1e1;
    margin: 0;
    border-radius: 0;
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    background-image: none;
    background-color: transparent;
    min-height: 170px;
    padding: 0px;
    line-height: inherit;
}

#rm_payapal_field_mananger_form ul.field-tabs {
    min-height: auto;
}

.rmagic .rm-field-selector li.field-tabs-row.ui-state-default,
.rmagic .rm-field-selector li.field-tabs-row {
    float: left;
    width: 100%;
    padding: 15px;
    margin: 0;
    font-size: 12px;
    outline: 0;
}

.rmagic .rm-field-selector li.field-tabs-row a#rm_special_fields_tab_link {
    cursor: default;
}

.rmagic .rm-field-selector li.field-tabs-row a#rm_special_fields_tab_link:hover,
.rmagic .rm-field-selector li.field-tabs-row a#rm_special_fields_tab_link:active,
.rmagic .rm-field-selector li.field-tabs-row a#rm_special_fields_tab_link:focus{
    color: #0087be;
}

.rmagic .rm-field-selector .field-selector-pills .ui-widget-content,
.rmagic .rm-field-selector .field-tabs-row {
    border: 0;
    background-color: transparent;
    background-image: none;
}

.rmagic .rm-field-selector .field-selector-pills {
    display: block;
    float: left;
    width: 85%;
    padding: 5px;
    border-left: 1px solid #e1e1e1;
    margin-left: -1px;
}

.rmagic .rm-field-selector .field-selector-pills .rm_button_like_links {
    margin: 5px;
    padding: 5px 10px;
    display: inline-block;
    float: left;
    font-size: 12px;
    border-radius: 4px;
    width: 20%;
}

.rmagic .rm-field-selector .field-selector-pills #rm_price_fields_tab .rm_button_like_links {
    width: auto;
}

.rmagic .rm-field-selector .field-selector-pills #rm_wc_fields_tab .rm_button_like_links {
    width: auto;
    margin-right: 15px !important;
}

.rmagic .rm-field-selector .field-selector-pills .rm_button_like_links a {
    text-transform: capitalize;
    outline: 0;
    border-radius: 2px;
    font-size: 13px;
    margin: 0px;
}

.rmagic .rm-field-selector.rm-user-role-form {
    margin-top: 0px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    overflow: hidden;
}

/* .rm-fields-tab-woo .rm_button_like_links a {
    color: #fff;
    background-color: purple;
} */

.rmagic .rm_payment_guide {
    float: right;
    background-color: #fbfbfb;
    padding: 4px 6px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    margin-right: 0px !important;
}

.rmagic .rm_payment_guide a span {
    font-size: 14px;
    line-height: 20px;
}

.rmagic .rm_payment_guide a {
    font-size: 12px;
    font-weight: normal;
}

.rmagic .rm_payment_guide.rm-automation-guide{
    position: absolute;
    right: 0px;
    top: -43px;
}

/*--- User Role Manager---*/

.rm-field-container.rm-user-role-manager {
    margin-top: 4px;
}

.rmagic .rm-field-container,
.rmagic .rm-field-container li {
    float: left;
    width: 100%;
}

.rmagic .rm-slab {
    display: block;
    float: left;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 10px;
    height: 50px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    border-radius: 8px;
}

.rmagic .rm-slab .rm-slab-grabber {
    display: inline-block;
    float: left;
    width: 50px;
    height: inherit;
    cursor: move;
}

.rmagic span.rm_sortable_handle {
    position: relative;
    top: 15px;
    cursor: not-allowed;
}

.rmagic .rm-slab .rm-slab-content {
    padding: 17px 15px 0;
    display: block;
    float: left;
}

.rm-field-container.rm-user-role-manager li .rm-slab .rm_sortable_handle img {
    padding: 10px;
    margin-top: -10px;
    width: 86%;
}

.rmagic .rm-slab .rm-slab-content span {
    display: inline-block;
    margin: 0 15px;
    min-width: 150px;
    position: relative;
    bottom: 3px;
    font-size: 12px;
}

.rmagic .rm-slab .rm-slab-buttons {
    display: inline-block;
    float: right;
    height: 50px;
    padding: 15px 15px 0;
}

.rmagic .rm-slab .rm-slab-buttons a {
    margin: 0 15px;
}

.rmagic .rm-slab .rm-user-role-form-selectbox {
    height: 20px;
    min-width: 125px;
    padding: 0px 5px;
    color: #969696;
}

.rmagic tr.unreaded td.rm_data {
    font-weight: bold;
    color: #2271b1;
}

/*---- Users Manager ----*/

.rmagic .sidebar {
    float: left;
    width: 20%;
    background-color: #ffffff;
    height: inherit;
    padding: 10px;
    min-height: 350px;
}

.rmagic .sidebar .sb-filter {
    width: 100%;
    float: left;
    display: block;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.rmagic .sidebar .sb-filter input[type=text].sb-search {
    display: block;
    float: left;
    width: 90%;
    padding: 5px;
    color: #969696;
    transition: .2s;
}

.rmagic .sidebar .sb-filter input[type=text].sb-search:focus {
    border-color: #00a0d2;
    box-shadow: 0px 0px 0px 1px #00a0d2;
    color: #191e23;
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.rmagic .sidebar .sb-filter input[type=date],
.rmagic .sidebar .sb-filter input[type=email],
.rmagic .sidebar .sb-filter input[type=number],
.rmagic .sidebar .sb-filter input[type=password],
.rmagic .sidebar .sb-filter input[type=text],
.rmagic .sidebar .sb-filter input[type=url],
.rmagic .sidebar .sb-filter textarea {
    background-color: #fff;
    border: 1px solid #8d96a0;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    color: #32373c;
    cursor: text;
    margin: 0;
    transition: box-shadow .1s linear;
    padding: 2px 0 2px 8px;
}

.rmagic .sidebar .sb-filter input[type=date]:focus,
.rmagic .sidebar .sb-filter input[type=email]:focus,
.rmagic .sidebar .sb-filter input[type=number]:focus,
.rmagic .sidebar .sb-filter input[type=password]:focus,
.rmagic .sidebar .sb-filter input[type=text]:focus,
.rmagic .sidebar .sb-filter input[type=url]:focus,
.rmagic .sidebar .sb-filter textarea:focus {
    border-color: #00a0d2;
    box-shadow: 0px 0px 0px 1px #00a0d2;
    color: #191e23;
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.rmagic .sidebar .filter-row {
    display: block;
    width: 100%;
    float: left;
    padding: 5px 0 5px 0px;
    text-transform: capitalize;
    font-size: 12px;
    color: #537994;
}

.rmagic .rm-pdf-submission-popup {
    position: relative;
    overflow: visible !important;
    white-space: normal !important;
}

.rmagic .rm-lock-tooltip-popup {
    background-color: #fff;
    border: 1px solid #dedede;
    position: absolute;
    width: 264px !important;
    left: -269px;
    top: -61px;
    padding: 30px 12px;
    border-radius: 5px;
    min-height: 169px;
    text-align: center;
}

.rmagic .rm-lock-tooltip-popup .rm-lock-tooltip-popup-nub {
    position: absolute;
    width: 10px;
    height: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #ccc;
    background: #fff;
    top: 75px;
    right: -5px;
}

.rmagic .rm-lock-tooltip-popup span.rm_buy_pro_inline {
    border-top: 0px;
}

.rmagic .rm-lock-tooltip-popup span.rm_buy_pro_inline a {
    color: #fff;
}



/*--- Tockenized Autocomplete CSS ---*/

ul.tokens-token-list {
    height: auto;
    cursor: text;
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: both;
    overflow: auto;
    width: 90%;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow .1s linear;
    border-radius: 4px;
    border: 1px solid #8d96a0;
}

ul.tokens-token-list,
div.tokens-suggestion-selector {
    color: #e5e5e5;
    font-size: 12px;
    overflow: hidden;
}

ul.tokens-token-list > li {
    list-style-type: none;
    line-height: 1.5;
    float: left;
}

.rmagic .rmagic-table ul.tokens-token-list .tokens-input-text {
    outline: none;
    border: 0;
    padding: 3px 8px;
    background-color: #ffffff;
    box-shadow: none;
}

.rmagic .rmagic-table ul.tokens-token-list .tokens-input-text:focus {
    box-shadow: none;
}

ul.tokens-token-list .tokens-input-text:focus {
    outline: 0;
}

ul.tokens-token-list .tokens-list-token-holder {
    height: auto;
    margin: 3px 0 3px 3px;
    background: #e2e4e7;
    cursor: default;
    border-radius: 12px;
    font-size: 10px;
    border: 1px solid #e5e5e5;
    padding: 0 0px 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    transition: all .2s cubic-bezier(.4, 1, .4, 1);
}

ul.tokens-token-list .tokens-list-token-holder p,
ul.tokens-token-list .tokens-list-token-holder .tokens-delete-token {
    display: inline;
    padding: 0;
    font-size: 12px;
    color: #72777c;
}

ul.tokens-token-list .tokens-list-token-holder p {
    margin: 0;
}

ul.tokens-token-list .tokens-delete-token {
    cursor: pointer;
    margin: 0 2px 0 5px;
    font-weight: bold;
}

div.tokens-suggestion-selector {
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    background: #f1f1f1;
    -moz-box-shadow: 0 0 5px #888888;
    -webkit-box-shadow: 0 0 5px #888888;
    box-shadow: 0 0 5px #888888;
}

div.tokens-suggestion-selector p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
}

div.tokens-suggestion-selector ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
    color: #555;
}

div.tokens-suggestion-selector ul li {
    padding: 5px;
    margin-bottom: 0px;
}

div.tokens-suggestion-selector ul li.tokens-highlighted-suggestion {
    background: #444444;
    color: #FFF;
    cursor: pointer;
}

div.tokens-suggestion-selector ul li:first-child {
    border-top: none;
}

div.tokens-suggestion-selector ul li:last-child {
    border-bottom: none;
}

div.tokens-suggestion-selector ul li:hover,
div.tokens-suggestion-selector ul li:focus {
    color: #FFF;
}

.rmagic ul.tokens-token-list .tokens-list-token-holder .tokens-delete-token {
    width: auto;
    float: none;
}

.rmagic ul.tokens-token-list .tokens-list-token-holder .tokens-delete-token:before {
    font-family: dashicons;
    content: "\f153";
    font-size: 20px;
    margin-top: 0px;
    float: right;
    margin-right: 2px;
}

.rmagic .sidebar .sb-filter select.rm_custom_status_filter {
    height: 60px;
    padding: 0px;
    overflow: auto;
    background-image: none;
}

.rmagic .sidebar .filter-row select {
    padding: 3px 35px 3px 5px;
    width: 90%;
    position: relative;
    bottom: 5px;
    font-weight: 600;
    margin-right: 0px !important;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    height: 35px;
}



/*---- Single User Profile  ----*/

.rmagic .rm-user-area {
    display: block;
    float: left;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(82, 55, 55, 0.04);
}

.rmagic .rm-user-area .rm-user-info {
    display: inline-block;
    float: left;
    width: 30%;
    padding: 10px;
    background-color: #ffffff;
    text-align: center;
    min-height: 600px;
}

.rmagic .rm-user-area .rm-user-info .rm-profile-fields {
    float: left;
    text-align: left;
    width: 100%;
}

.rmagic .rm-user-info .rm-profile-image {
    display: block;
    float: left;
    width: 100%;
    padding: 30px;
}

.rmagic .rm-user-info .rm-profile-image img {
    width: 100%;
    height: 100%;
    max-width: 250px;
    max-height: 250px;
}

.rmagic .rm-profile-field-row {
    display: block;
    width: 100%;
    float: left;
    padding: 5px;
    font-size: 12px;
}

.rmagic .rm-field-value,
.rmagic .rm-field-label {
    display: inline-block;
    width: 50%;
    float: left;
}

.rmagic .rm-field-value {
    font-weight: lighter;
    word-wrap: break-word;
}

.rmagic .rm-field-creator .field-selector-pills .ui-tabs-panel,
.rmagic .rm-field-selector.ui-tabs .field-selector-pills div.ui-tabs-panel,
.rmagic .rm-user-area .ui-tabs,
.rmagic .rm-user-area .ui-tabs .rm-profile-fields.ui-tabs-panel {
    padding: 0px;
}

.rmagic .rm-user-area .ui-widget-content {
    border: 0;
}

.rmagic .rm-user-area .rm_tabbing_container.ui-widget-content {
    border-left: 1px solid #e1e1e1;
    width: 70%;
    float: left;
    min-height: 625px;
    border-radius: 0px;
}

.rmagic .rm-user-area .rm_tabbing_container.ui-widget-content .rm-user-content{
    width:100%;
}

.rmagic .rm-user-area .rm_tabbing_container.ui-widget-content .rm-login-timeline.rm-login-user-view {
    height: 100%;
    max-height: 478px;
}

.rmagic .rm-user-area .ui-widget-content tbody {
    width: 100%;
    display: inline-table
}

.rmagic .rm-user-area .ui-widget-content tbody tr {
    width: 100%
}

.rmagic .ui-widget-content {
    color: inherit;
    font-size: 12px;
}

.rmagic .rm-profile-nav.rm-profile-nav-ex {
    width: 100%;
    padding: 0px;
    border-bottom-width: 4px;
    margin: 10px 0;
}

.rmagic .rm-profile-nav {
    width: 70%;
    float: right;
    display: block;
    background-color: #ffffff;
    border-bottom: 3px solid #e1e1e1;
    margin-top: 0;
    border-radius: 0;
    background-image: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.rmagic .rm-profile-nav-item {
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
    border-right: 1px solid #e1e1e1;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
    outline: 0;
    background-image: none!important;
    background-color: #fff!important;
    border-top: none!important;
    border-bottom: none!important;
    border-left: none!important;
}

.rmagic .rm-user-view-tab-icons {
    font-size: 18px;
    line-height: 34px;
    color: #2271b1;
}

.rmagic svg.rm-user-view-tab-icons,
.rmagic svg.rm-user-view-tab-icons path{
    fill:#2271b1;
}

.rmagic .rm-profile-nav.rm-profile-nav-ex .rm-profile-nav-item.ui-tabs-active,
.rmagic .rm-profile-nav.rm-profile-nav-ex .rm-profile-nav-item.ui-state-hover {
    border-bottom: 3px solid #2271b1 !important;
    margin-bottom: -4px;
    padding-bottom: 0px;
}

.rmagic .rm-profile-nav.rm-profile-nav-ex .rm-profile-nav-item {
    width: 50px;
}

.rmagic .rm-profile-nav.rm-profile-nav-ex .rm-profile-nav-item {
    border-right: none;
}

.rmagic .rm-profile-nav-item a {
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
}

.rmagic .rm-user-content {
    width: 70%;
    display: block;
    float: right;
    padding: 20px;
}


/*Email popup*/

.rmagic #rm_popup_send_email {
    width: 70%;
    padding: 20px;
    background: #FFF;
    position: absolute;
    left: 30%;
    margin-top: 10px;
    box-shadow: 0px 5px 10px 1px #CCC;
    z-index: 9;
}

.rmagic #rm_popup_send_email_body {
    min-height: 200px;
}

.rmagic #rm_popup_send_email .rm_popup_send_email_row {
    margin: 0px auto;
    display: block;
    margin-bottom: 10px;
}

.rmagic #rm_popup_send_email .rm_popup_send_email_row:nth-last-child(1) {
    margin-left: 15%;
    display: flex;
    align-items: center;
}

.rmagic #rm_popup_send_email .rm_popup_send_email {
    display: block;
    width: 15%;
    float: left;
}

.rmagic #rm_popup_send_email .popup-submit {
    margin-right: 20px;
}

.rmagic #rm_popup_send_email .rm-send_email-popup-close {
    background-color: transparent;
    color: #0087be;
    box-shadow: none;
    border: 0px;
    padding-left: 0px;
}


/*Email popup*/


/*Single Sent Email*/

.rmagic #rm_sent_emails_action_form {
    width: 80%;
    float: left;
}

.rmagic .rm-user-content table,
.rmagic #rm_sent_emails_action_form table {
    width: 100%
}

.rmagic .rm-user-content table tr th,
.rmagic .rm-user-content table tr td:not(.rmnotice),
.rmagic #rm_sent_emails_action_form table tr th,
.rmagic #rm_sent_emails_action_form table tr td:not(.rmnotice) {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    white-space: nowrap;
}

.rmagic .rm-user-content table tr td br,
.rmagic #rm_sent_emails_action_form table tr td br {
    display: none;
}

.rmagic .rm-user-content table tr td p,
.rmagic .rm-user-content table tr td div,
.rmagic #rm_sent_emails_action_form table tr td p,
.rmagic #rm_sent_emails_action_form table tr td div {
    display: inline
}


/*Single Sent Email*/

pre.rm-pre-wrapper-for-script-tags {
    display: none !important;
}


/*--- Bulk Email----*/


.rm-invite-field-row,
.rmagic .rm-center-stats-box,
.rmagic .rm-invites {
    display: block;
    background-color: #ffffff;
    width: 100%;
    float: left;
}


.rmagic .rm-invites.rm-bulk-email-wrap {
    margin-top: 10px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}

.rm-invites.rm-email-queue-count-wrap {
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.rmagic .wp-editor-container,
.rmagic .wp-editor-tabs {
    margin-right: 10px;
}

.rm-sent-emails-notice {
    float: left;
    width: 100%;
    padding: 0 10px;
    font-size: 11px;
    line-height: 14px;
}

.rmagic .wp-editor-wrap select {
    width: auto;
    padding: 0px 40px 0px 10px;
    color: #555;
    height: 100%;
    margin-top: -1px;
    height: 28px;
}

.rmagic .rm-invite-icon {
    float: left;
    display: inline-block;
    padding: 5px 20px 0 0;
}

.rmagic .rm-invite-field-row img {
    max-width: 24px;
    height: auto;
    animation: rm-rotate;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rm-rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.rmagic .rm-invite-label {
    width: 20%;
    padding-top: 10px;
}

.rmagic .rm-invite-label,
.rmagic .rm-invite-value {
    display: inline-block;
    float: left;
}

.rmagic .rm-invites .rm-invite-cancel.rm-invite-label {
    width: calc(20% - 44px);
    text-align: right;
}


/*---- Form Analytics -----*/

.rmagic .rmagic-analytics {
    display: block;
    float: left;
    width: 100%;
}

.rmagic-analytics li {
    list-style: none;
}

.rmagic .rm-analytics-table-wrapper {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.rmagic .rmagic-analytics table.rm-form-analytics {
    width: 100%;
}

.rmagic table .rmsubmitted_icon {
    width: 20px!important;
    height: 20px!important;
}

.rmagic table .rmsubmitted_icon:hover {
    transform: scale(1, 1)
}

.rmagic .rmagic-analytics .rm-box-title {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    background-color: #ffffff;
}

.rmagic .rmagic-analytics .rm-timerange-toggle {
    padding-left: 15px;
    font-size: 12px;
    color: #23282d;
}

.rmagic .rm-box-graph {
    display: block;
    float: left;
    width: 100%;
    background-color: #ffffff;
}

.rmagic .rmagic-analytics .rm-center-stats-box {
    margin-bottom: 25px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    border-radius: 8px;
    overflow: hidden;
}

.rmagic .rmagic-analytics .rm-timerange-toggle select {
    margin-left: 15px;
    min-width: 150px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 10px;
    padding: 3px 35px 3px 5px;
    width: 150px;
    position: relative;
    bottom: 5px;
    font-weight: 600;
    margin-right: 0px !important;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-image: url(../../images/drop-down.png);
    background-position: right;
    background-repeat: no-repeat;
    font-size: 13px;
    height: 35px;
    box-shadow: none;
    border-color: #c8d7e1;
    border-width: 1px 1px 2px;
    border-radius: 4px;
    color: #668eaa;
}

.rmagic .rmagic-analytics .rm-timerange-toggle select:hover {
    background-color: #f3f6f8;
}

div[class^="rm-grid-sidebar"] a.rm_deactivated {
    opacity: 0.5;
}

.rmagic .rmagic-analytics svg text {
    font-family: inherit;
}

.rmagic .rmagic-analytics .rm-right-stats-box {
    background-color: #fff;
    /*background: -webkit-linear-gradient(left, #fff, #fff);
/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fff, #fff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fff, #fff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fff, #fff);
}

.rmagic .rmagic-analytics .rm-right-stats-box {
    float: right;
    min-height: 250px;
}

.rmagic .rmagic-analytics .rm-left-stats-box {
    background: #fff;
    background: -webkit-linear-gradient(left, #00a0d2, #00a0d2);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fff, #fff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fff, #fff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fff, #fff);
    /* Standard syntax */
}

.rm-permalink-textbox {
    width: 100%;
    height: 30px;
}

.rmagic .rmagic-analytics .rm-left-stats-box {
    float: left;
    min-height: 250px;
}

.rmagic .rmagic-analytics .rm-left-stats-box,
.rmagic .rmagic-analytics .rm-right-stats-box {
    display: inline-block;
    width: 48%;
    height: auto;
    margin-bottom: 25px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    overflow: hidden;
}

.rmagic .rm-left-stats-box .rm-analytics-stat-counter {
    padding: 10%;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
}

.rmagic .rm-analytics-stat-counter .rm-analytics-stat-counter-value {
    font-size: 100px;
    color: #2271b1;
    font-weight: bolder;
    display: block;
    width: 100%;
    line-height: 150px;
    border-radius: 30px;
    text-align: center;
}

.rmagic .rm-counter-value-dark {
    color: #8FACBF;
}

.rmagic .rm-left-stats-box .rm-analytics-stat-counter .rm-analytics-stat-counter-text {
    color: #2271b1;
}

.rmagic .rm-right-stats-box .rm-analytics-stat-counter {
    padding: 10%;
    text-align: center;
    color: #2271b1;
    font-size: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    border: 1px solid #e5e5e5;
}


/*----- Inbox-----*/

.rmagic .rm-sub-legends {
    display: table;
    position: absolute;
    float: right;
    width: 80%;
    max-width: 100%;
    bottom: 0;
    right: 0;
    padding: 10px 20px 10px;
    border-top: 1px solid #e1e1e1;
    ;
}

.rmagic .rm-subsection-heading {
    padding: 5px 0px 10px;
    margin-left: -20px;
}

.rmagic .rm-sub-legends .rm-subsection-heading {
    font-weight: 600;
}

.rm-sub-legends-row {
    display: table;
    width: 100%;
}

.rmagic .rm-legend-wrap {
    display: table-cell;
    width: 25%;
    height: auto;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    vertical-align: top;
    font-size: 12px;
}

.rmagic .rm-legend-img {
    padding: 5px 0px 5px;
    text-align: left;
}

.rmagic .rm-legend-img img {
    width: 20px;
    height: auto;
    float: left;
    margin-right: 5px;
}

.rmagic .rm-legend-text {
    float: left;
    line-height: 20px;
}

.rmagic .rm-legend-img:after {
    clear: both;
    display: block;
    content: "";
}

.rmagic form#rm_submission_manager_form table {
    margin-bottom: 140px;
    float:left;
    table-layout: fixed;
}

.rmagic form#rm_submission_manager_form table tr th {
    padding: 15px 8px;
    word-wrap: break-word;
}

.rmagic .rm-wp-page-info {
    top: 38px;
    right: 0px;
}


/*---- submission ----*/

.rm-submission-field-row,
.rmagic .rm-submission {
    display: block;
    background-color: #ffffff;
    float: left;
    width: 100%;
    padding: 15px;
}

.rmagic .rm-submission.rm-veiw-submission {
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.rmagic .rm-submission-field-row .rm-custom_status-wrap {
    width: 100%;
}

.rm-submission-field-row {
    border-bottom: 1px dotted #e1e1e1;
}

.rmagic .rm-submission-label {
    font-weight: 600;
    width: 20%;
}

.rmagic .rm-submission .rm-submission-value {
    word-wrap: break-word;
    word-break: break-all;
}

.rm-submission-value,
.rmagic .rm-submission-label {
    display: inline-block;
    float: left;
}

.rm-submission-quick-view .rm-page-wrapper .rm-submission-value{
    word-break: break-all;
}

.rm-submission-value.rm-submission-metavalue {
    color: #647a88;
    background-color: #e6ecf1;
    padding: 4px 8px;
    border-radius: 2px;
}

.rm-submission-field-row .rm-submission-attachment .rm-submission-attachment-field a,
.rm-submission #rm_edit_sub_link a {
    background: white;
    border-color: #c8d7e1;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #2e4453;
    cursor: pointer;
    margin: 0;
    outline: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    text-decoration: none;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 21px;
    border-radius: 4px;
    padding: 7px 14px 9px;
    text-decoration: none;
    float: left;
    margin-top: 10px;
}

.rm-submission-field-row .rm-submission-attachment .rm-submission-attachment-field a:hover,
.rm-submission #rm_edit_sub_link a:hover {
    border-color: #a8bece;
    color: #2e4453;
}

.rm-submission-field-row .rm-submission-attachment .rm-submission-attachment-field a:active,
.rm-submission #rm_edit_sub_link a:active {
    border-width: 2px 1px 1px;
}

.rm-submission-field-row .rm-submission-attachment .rm-submission-attachment-field a:focus,
.rm-submission #rm_edit_sub_link a:focus {
    outline: 0;
    border-color: #2271b1;
    box-shadow: 0 0 0 2px #78dcfa;
}

.rm-submission #rm_edit_sub_link a {
    margin-top: 0px;
}

#rm_edit_sub_link {
    display: inline-block;
    padding: 25px;
}

#rm_submission_manager_form .rm_submission_icon {
    width: 20px;
    height: 20px;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 0%;
    margin-right: 5px;
}

.rmagic table.rm_submissions_manager_table td {
    max-width: 200px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15px 8px;
}

.rmagic td {
    word-break: break-all;
}

#rm_submission_manager_form .rm_submission_icon:hover {
    transform: scale(1, 1);
}

.rmagic .rm-submission-note {
    border-left: 4px solid red;
    padding: 10px;
    margin-top: 10px;
    display: block;
    width: 100%;
    float: left;
    background: #ffffff;
}

.rmagic .rm-submission-note-text {
    padding-left: 25px;
    display: block;
    width: 100%;
    float: left;
    font-style: italic;
}

.rmagic .rm-submission-note-attribute {
    font-size: 10px;
    padding: 10px;
    display: block;
    width: 100%;
    float: left;
    text-align: right;
}

.rmagic .rm-submission-note-attribute a {
    padding-right: 10px;
    font-size: 12px;
}

/*---Support Page----*/

.rmagic.rm-support-wrap {
    max-width: 100%;
    margin: 5px 0% 0 0%;
    width: 98%;
}

.rmagic .rm-support-block-head {
    margin: 15px 0px 40px 0px;
    width:100%;
}

.rmagic .rm-support-block-icon {
    width: 49%;
    max-width: 100%;
}

.rmagic .rm-support-block-icon img {
    max-width: 100%;
}

.rmagic .rm-support-block-title {
    font-size: 48px;
    color: #647A88;
    font-weight: 600;
    width: 45%;
    max-width: 100%;
    text-align: left;
    margin: 40px 4% 15px 4%;
}

.rmagic .rm-support-container {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    background: transparent;
    flex-direction: row;
    flex-wrap: wrap;
    float: left;
    margin-top: 0px;
}

.rmagic .rm-support-block {
    width: 49%;
    margin: 20px 0 20px 0;
    max-width: 100%;
    background-color: #fff;
    border-radius: 8px;
}

.rmagic .rm-support-col-wrap {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    background: transparent;
    flex-direction: row;
    flex-wrap: wrap;
    float: left
}

.rmagic .rm-support-col {
    width: 42%;
    max-width: 100%;
    margin: 0px 4% 15px 4%;
}

.rmagic .rm-support-col-row {
    margin-bottom: 20px;
    width: 100%;
}

.rmagic .rm-support-col-row.rm-support-col-head {
    color: #004F84;
    font-size: 24px;
    font-weight: 600;
}

.rmagic .rm-support-col-subhead {
    font-size: 13px;
    font-weight: 600;
}

.rmagic .rm-support-col-subhead a {

}

.rm-support-faq-row.rm-support-faq-head {
    color: #004F84;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.rm-support-faq-row {
    width: 92%;
    max-width: 100%;
    margin: 0px 4% 0px 4%;
}

.rm-support-faq-toggle{
    padding: 10px 40px 10px 0;
    cursor: pointer;
    position: relative;
    color: #485566;
    font-size: 13px;
    font-weight: 600;
}

.rm-support-faq-toggle a {
    color: #485566;
}


.rmagic #rm_jqnotice_text {
    color: #0087be;
}

.rmagic.rm-support-wrap + .rmagic.rmagic-premium-banner{
    margin: 0 auto;
}


/*---- login Timeline----*/

.rmagic .rm-login-timeline table {
    width: 100%;
    padding: 0px;
    margin-bottom: 25px;
    border-collapse: collapse;
    font-size: 12px;
}

.rmagic .rm-advanced-timeline {
    background-color: #fff;
    text-align: right;
    padding: 12px 15px;
}

.rmagic .rm-login-timeline table tr {
    border: 0px;
    background-color: #fff;
    position: relative
}

.rmagic .rm-login-timeline table tr td {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 8px;
    border-bottom: 0 solid #e1e1e1;
}

.rmagic .rm-login-timeline table tr td.rmnotice {
    text-align: left;
    position: relative;
    z-index: 9999;
}

.rmagic .rm-login-timeline table tr td.rmnotice a {
    text-decoration: underline;
}

.rmagic .rm-login-timeline table tr td.rmnotice a:hover {
    text-decoration: none;
}

.rmagic .rm-login-timeline table tr td > div {
    text-align: center;
    background-color: #fff;
    width: auto;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.rmagic .rm-login-timeline table tr td .rm-login-user-ip.rm-login-boolean-result {
    position: relative;
}

.rmagic .rm-login-timeline table tr td .rm-login-user-ip.rm-login-boolean-result i {
    position: absolute;
    top: -8px;
    right: -33px;
    background-color: #fff;
    padding: 5px;
    text-align: center
}

.rmagic .rm-login-timeline .rm-login-user-browser img:hover {
    transform: none;
}

.rmagic .rm-login-timeline table tr:after {
    content: " ";
    background-color: #e3e9e7;
    position: absolute;
    width: 58%;
    height: 3px;
    right: 95px;
    margin-top: 22px;
    z-index: 0;
}

.rmagic .rm-login-timeline table tr.rm-login-result.rm-login-failed:after {
    right: 165px;
    width: 52%;
}

.rmagic .rm-login-timeline table tr.rm-login-result.rm-login-failed .rm-login-user-sep i {
    display: none;
}

.rmagic .rm-login-timeline table tr td .rm-login-user-sep {
    background-color: transparent;
    padding-right: 0px;
    margin-bottom: 2px;
}

.rmagic .rm-login-timeline .rm-login-user-sep i {
    color: #e3e9e7;
}

.rmagic .rm-login-timeline .rm-login-form-user {
    background-color: #e3e9e7;
    width: auto;
    min-width: 110px;
    height: 30px;
    padding: 0px 10px 0px 0px;
    border-radius: 20px;
    text-align: left;
    position: relative;
    max-width: 10em;
    z-index: 2;
}

.rmagic .rm-login-timeline .rm-login-user-browser,
.rmagic .rm-login-timeline .rm-login-user-ip,
.rmagic .rm-login-timeline .rm-login-method,
.rmagic .rm-login-timeline .rm-login-result-icon,
.rmagic .rm-login-timeline .rm-login-boolean-result{
    z-index: 2;
    position: relative;
}

.rmagic .rm-login-timeline .rm-login-form-user a {
    float: left
}

.rmagic .rm-login-timeline .rm-login-form-user a img,
.rmagic .rm-login-timeline .rm-login-user-browser img{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    transition: .4s;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
}

.rmagic .rm-login-timeline .rm-login-form-user img:hover {
    transform: none;
}

.rmagic .rm-login-timeline .rm-login-user-status {
    position: absolute;
    left: 24px;
}

.rmagic .rm-login-timeline .rm-login-user-status.rm-login-user-online i {
    color: rgb(41, 171, 2);
    font-size: 13px;
}

.rmagic .rm-login-user-status.rm-login-user-offline i {
    color: #868686;
    font-size: 13px;
}

.rmagic span.rm-login-form-user-name {
    padding: 6px 0px 0px 7px;
    float: left;
    max-width: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rmagic .rm-login-timeline .rm-login-method {
    background-color: #e3e9e7;
    text-align: center;
    padding: 0px 10px;
    text-transform: capitalize
}

.rmagic .rm-login-timeline .rm-login-method.rm-login-normal {
    color: #80cc5d;
}

.rmagic .rm-login-timeline .rm-login-method.rm-login-2fa {
    color: #cf6a89;
    text-transform: uppercase
}

.rmagic .rm-login-timeline .rm-login-method.rm-login-otp {
    color: #feab2c;
    text-transform: uppercase
}

.rmagic .rm-login-timeline .rm-login-method.rm-login-social {
    color: #007acc;
}

.rmagic .rm-login-timeline .rm-login-result-icon {
}

.rmagic .rm-login-timeline .rm-login-result-icon i {
    font-size: 20px;
    margin-right: 4px;
}

.rmagic .rm-login-timeline .rm-login-boolean-result i {
    font-size: 20px;
}

.rmagic .rm-login-timeline .rm-login-boolean-result.rm-login-true i {
    color: #80cc5d;
}

.rm-login-boolean-result.rm-login-false i {
    color: #c21106;
}

.rmagic .rm-login-timeline td.rm-login-setting {
    z-index: 2;
    position: inherit;
}

.rmagic .rm-login-timeline td.rm-login-setting .rm-login-setting-dropdown {
    cursor: pointer;
}

.rm-login-setting-dropdown {
    position: relative;
}

.rmagic .rm-login-timeline .rm-login-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999999;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border: 1px solid rgba(221, 221, 221, 0.85);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.rmagic .rm-login-timeline ul.rm-login-dropdown-menu li {
    list-style: none;
}

.rmagic .rm-login-timeline ul.rm-login-dropdown-menu li a {
    display: block;
    padding: 4px 4px 4px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 12px;
    text-align: left;
}

.rmagic .rm-login-timeline ul.rm-login-dropdown-menu li a:hover {
    color: #0087be;
}

.rmagic .rm-login-timeline .rm-login-dropdown-icon i {
    color: #0087be;
    font-size: 18px;
}


/*---- Login timeline User view -----*/

.rmagic .rm-login-timeline.rm-login-user-view table tr:after {
    width: 59%;
    right: 25px;
}

.rmagic .rm-login-timeline.rm-login-user-view table tr.rm-login-result.rm-login-failed:after {
    right: 85px;
    width: 52%;
}


/*---- login user details Popup -----*/

.rmagic .rm-login-user-details {
    position: fixed;
    width: 100%;
    top: 0px;
    height: 70%;
    z-index: 99999;
    left: 0px;
}

.rmagic .rm-login-details-lf {
    width: 35%;
    background-color: #fafafa;
    min-height: 200px;
    padding: 30px 0px;
    float: left;
}

.rmagic .rm-login-details-rf {
    width: 65%;
    background-color: #fff;
    min-height: 200px;
    padding: 30px 0px;
    float: left;
}

.rmagic .rm-login-user-details .rm-modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 26px;
    cursor: pointer;
}

.rmagic .rm-login-user-details .rm-modal-wrap {
    width: 100%;
    max-width: 600px;
    left: 50%;
    margin-left: -300px;
}

.rmagic .rm-login-user-details-dialog {
    background-color: #fafafa;
    width: 100%;
    float: left;
}

.rmagic .rm-login-user-profile {
    text-align: center;
    margin-top: 25px;
}

.rmagic .rm-login-user-profile-avatar img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    transition: .4s;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
}

.rmagic .rm-login-user-name {
    font-weight: 700;
    margin: 20px auto;
}

.rmagic .rm-login-user-info-wrap {
    padding: 10px 20px;
}

.rmagic .rm-login-user-info-wrap .rm-login-user-info {
    font-weight: 700;
    margin: 10px 0px;
}

.rmagic .rm-login-user-info-wrap .rm-login-user-info span {
    font-weight: normal;
    padding-left: 10px;
}

.rmagic .rm-login-user-details-dialog .rm-register-details .rm-registered-date {
    color: #000;
}

/*---- Send Email to User PopUp----*/

.rm-send-email .rm-field-lable {
    font-weight: bold;
    width: 15%;
}

.rm-send-email .rm-field-input {
    width: 75%;
}

.rm-send-email .rm-message-username {
    background-color: rgba(0, 135, 190, 0.25);
    border: 1px solid #0087be;
    padding: 5px 8px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 12px;
    color: #0087be;
}

.rm-send-email .rm-field-input textarea {
    width: 100%;
    font-size: 12px !important;
    font-weight: normal;
}

.rm-send-email .rm-send-email-footer {
    padding: 15px 10px;
    background-color: #FEFEFE;
    border-top: 1px solid #e1e1e1;
}

.rm-send-email .rm-send-email-footer > div {
    padding-right: 15px;
    cursor: pointer;
}

.rm-send-email .rm-modal-title {
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 12px;
}

.rm-send-email .rm-modal-title .rm-modal-close {
    top: 5px;
}

.rm-send-email .rm-email-box-row {
    padding: 10px;
}

.rm-send-email .rm-email-box-row .rm-field-input input {
    width: 100%;
    font-size: 12px;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
    height: 32px;
}


/*----Toast Notification --- */

.rmagic .rm-notification-overlay {
    z-index: 9999;
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

/*--- Success-----*/

#rm_status_update_model .rm-modal-wrap-toast,
.rm_status_update_model .rm-modal-wrap-toast {
    background-color: #fff;
    position: absolute;
    z-index: 9999;
    width: 100%;
    border: 1px solid #908a8a;
    color: #66b541;
    border-radius: 3px;
    padding: 8px 20px;
}

/*--- Failed-----*/

#rm_status_failed_model .rm-modal-wrap-toast,
.rm_status_failed_model .rm-modal-wrap-toast {
    background-color: #fff;
    position: absolute;
    z-index: 9999;
    width: 100%;
    border: 1px solid #908a8a;
    color: red;
    border-radius: 3px;
    padding: 8px 20px;
}

#rm_status_failed_model,
.rm_status_failed_model {
    visibility: hidden;
    position: fixed;
    z-index: 999999;
    left: 50%;
    top: 70px;
    width: 600px;
    max-width: 100%;
    margin-left: -300px;
}

#rm_status_update_model,
.rm_status_update_model {
    visibility: hidden;
    position: fixed;
    z-index: 999999;
    left: 50%;
    top: 70px;
    width: 600px;
    max-width: 100%;
    margin-left: -300px;
}

#rm_status_update_model.rm-modal-show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.rm_status_update_model.rm-modal-show,
.rm_status_failed_model.rm-modal-show {
    visibility: visible;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s
}

@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }
    to {
        top: 70px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }
    to {
        top: 70px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 70px;
        opacity: 1;
    }
    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 70px;
        opacity: 1;
    }
    to {
        top: 0;
        opacity: 0;
    }
}

.rm_status_update_model .rm-status-close,
.rm_status_failed_model .rm-status-close {
    position: absolute;
    right: 4px;
    top: 6px;
    font-size: 22px;
    color: #7d7d7d;
    cursor: pointer;
}


/*----- Login Timeline ----- */

.rmagic #rm-login-filters-box {
    margin: 0px;
    padding: 20px !important;
}

.rmagic #rm-login-filters-box form.rm-login-filters-form {
    display: flex;
    padding: 0px;
    margin: 0px;
    align-items: flex-end;
    justify-content: flex-start;
}

.rm-login-filters-wrap {
    float: left;
    width: 100%;
    padding: 20px 0px 20px 0px !important;
}

.rm-login-filters-wrap .rm-login-filter {
    float: left;
    margin-right: 16px;
}

.rm-login-filters-wrap .rm-login-filter.rm-login-filter-bt {
    margin: 4px 0px;
}

.rm-login-filters-wrap .rm-login-filter label {
    float: left;
    line-height: 33px;
    margin-right: 16px;
}

.rm-login-filters-wrap .rm-login-filter select {
    margin-top: 0px;
}

.rm-login-filters-wrap .rm-login-filter input {
    float: left;
    width: auto;
}

.rm-login-filters-wrap .rm-login-filter input[type=text] {
    font-size: 12px;
    color: #969696;
}

.rm-login-filters-wrap .rm-login-filter input[type=text]::placeholder {
    color: #969696;
}

.rm-login-filters-wrap .rm-login-filter input[type=text]:-ms-input-placeholder {
    color: #969696;
}

.rm-login-filters-wrap .rm-login-filter input[type=text]::-ms-input-placeholder {
    color: #969696;
}

/*--- RM Login Dashboard----*/

.rm-login-configuration-wrap .rm-grid-section > .rm-grid-icon {
    min-height: 92px;
    max-height: 92px;
}

.rm-login-configuration-wrap .rm-grid-section .rm-grid-icon-area i {
    font-size: 50px;
}

.rm-login-configuration-wrap .rm-grid-section .rm-grid-icon-area svg{
    width: 48px;
    height: 42px;

}

.rm-grid-icon-area.rm-grid-icon-fb {
    color: #3b5998;
}
.rm-grid-icon-area.rm-grid-icon-fb svg{
    fill: #3b5998;
}

.rm-grid-icon-area.rm-grid-icon-twitter {
    color: #1da1f2;
}
.rm-grid-icon-area.rm-grid-icon-twitter svg{
    fill: #1da1f2;
}

.rm-grid-icon-area.rm-grid-icon-windows {
    color: #0078d7
}
.rm-grid-icon-area.rm-grid-icon-windows svg{
    fill: #0078d7
}

.rm-grid-icon-area.rm-grid-icon-insta {
    color: #833ab4
}

.rm-grid-icon-area.rm-grid-icon-insta svg{
    fill: #833ab4
}

.rm-grid-icon-area.rm-grid-icon-google-p {
    color: #dd4b39
}

.rm-grid-icon-area.rm-grid-icon-linkein {
    color: #0077b5;
}

.rm-grid-icon-area.rm-grid-icon-linkein svg{
    fill: #0077b5;
}

.rm-login-configuration-wrap .rm-grid-section > .rm-grid-icon a:hover i {
    color: inherit;
}

.rm-login-configuration-wrap .rm-grid-section > .rm-grid-icon .rm-grid-icon-label {
    margin-left: 0px;
}

.rm-widget-helptext {
    width: 100%;
    float: left;
    margin: 5px 0px 15px 0px;
}

.rm-widget-label-fw {
    width: 100%;
    float: left;
}


/*--- Logged in View----*/

.rmagic .rm-logged-in-view .rm-logged-in-view-wrap {
    width: 60%;
    margin: 10px auto;
    background-color: #fdfdfd;
    display: table;
    padding: 30px;
    margin-top: 30px;
    border: 1px solid #f7f7f7;
}

.rmagic .rm-logged-in-view .rm-logged-in-view-wrap.rm-display-logout .rm-logged-in-account-links {
    border: 0px
}

.rmagic .rm-logged-in-view .rm-logged-in-view-wrap.rm-display-logout .rm_display_logout {
    width: 100%;
    text-align: center
}

.rmagic .rm-logged-in-view .rm-logged-in-view-wrap.rm-display-logout .rm-logged-in-lf {
    display: none;
}

.rmagic .rm-logged-in-view .rm-logged-in-lf {
    width: 20%;
    max-width: 96px;
}

.rmagic .rm-logged-in-view .rm-logged-in-rf {
    width: 80%;
    width: calc(100% - 96px);
}

.rmagic .rm-logged-in-view .rm-greetings-text {
    text-align: center;
    font-size: 22px
}

.rmagic .rm-logged-in-view .rm-user-display-name {
    text-align: center;
    font-size: 28px;
    padding-top: 15px;
    font-weight: 500;
}

.rmagic .rm-logged-in-account-links {
    border-top: 5px solid #efefef;
    padding-top: 10px;
}

.rmagic .rm_display_custom_msg {
    text-align: center;
    padding: 20px 0px 6px 0px;
    font-size: 14px;
}

.rmagic .rm-logged-in-view .rm-logged-in-lf img.avatar {
    border-radius: 100%
}

.rmagic .rm-logged-in-account-links span a {
    color: #0073aa;
}


/*--- Login Timeline For user Area-----*/

.rm-login-timeline.rm-login-user-view {
    overflow: hidden;
    height: 478px;
    overflow-y: auto;
}

.rm-login-timeline.rm-login-user-view table#rmloginlog,
.rm-login-timeline.rm-login-user-view table#rmfifthtabcontent {
    position: relative;
}

.rm-login-timeline.rm-login-user-view::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.rm-login-timeline.rm-login-user-view::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.rm-login-timeline.rm-login-user-view::-webkit-scrollbar-thumb {
    background-color: #dedede;
}


/*--- Login guide button ---*/

.rm-login-configuration-wrap .rm-login-form-guide {
    font-size: 12px;
    margin-left: 20px;
}

.rm-login-configuration-wrap .rm-login-form-guide a {
    color: #0087be;
    color: #2271b1;
    text-decoration: none;
}

.rm-login-configuration-wrap .rm-login-form-guide span.dashicons {
    font-size: 18px;
    line-height: 40px;
}

/*--- Premium Popup ---*/

.rmagic .rm-premium-option-popup-wrap {
    position: relative;
}

.rmagic .rm-premium-option-popup {
    background-color: #fff;
    border: 1px solid #dedede;
    position: absolute;
    width: 272px !important;
    left: -242px;
    top: -68px;
    padding: 18px 12px;
    border-radius: 5px;
    min-height: 190px;
    text-align: center;
    z-index: 9999;
}

.rmagic .rm-premium-option-popup-nub{
    position: absolute;
    width: 10px;
    height: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #ccc;
    background: #fff;
    top: 70px;
    right: -5px;
}

.rm-premium-option-popup-overlay {
    background-color: #fff0;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9;
}

.rmagic .rm-premium-option-popup .rm_buy_pro_inline {
    font-weight: normal;
    border-top: 0px;
    margin-top: 25px;
}

.rmagic .rm-premium-option-popup  span.rm_buy_pro_inline a {
    color: #fff;
}

/*--- confirm box modal---*/

#rm-confirm-box .rm-confirm-box-info {
    padding: 15px;
}

#rm-confirm-box .rm-confirm-box-info span {
    margin-bottom: 30px;
}

#rm-confirm-box .rm-data-delete-bt a {
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 26px;
    height: 28px;
    margin: 0 10px 0 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border: solid 1px #2271b1;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    border-color: #2271b1;
    background: #2271b1;
    vertical-align: top;
    transition: .1s;
    outline: 0px;
    float: left;
}

#rm-confirm-box .rm-data-delete-bt a:hover {
    background-color: #2271b1;
    border-color: #2271b1;
}

#rm-confirm-box .rm-data-cancel-bt a {
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0 0px 0 0;
    padding: 0 10px 1px;
}

/*---Woocommerce Field---*/

.rm-wc-warning-icon {
    position: absolute;
    left: -32px;
    top: 12px;
}

.rm-wc-warning-icon i {
    color: #485566;
    font-size: 20px;
}

.rm-wc-warning-icon:hover + .rm-wc-warning-msg {
    display: block !important;
}

.rm-wc-warning-msg {
    position: absolute;
    top: -96px;
    width: 230px;
    padding: 13px;
    left: -68px;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.rm-wc-warning-msg .rm-wc-warning-msg-nub {
    position: absolute;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(225deg);
    transform: rotate(45deg);
    z-index: 2;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
    background: #fff;
    top: 88px;
    left: 17%;
}

/*----- Global setting-payment ----- */

.rmagic .rm_pproc_config_single_elems .rm_buy_pro_wrap {
    text-align: center;
}

.rmagic .rm_pproc_config_single_elems span.rm_buy_pro_inline {
    float: none;
    border-top-width: 0px;
    margin-bottom: 10px;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio {
    width: 100%;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li {
    width: auto;
    display: table;
    clear: both;
    min-width: 50%;
    margin-bottom: 10px;
    padding: 14px 12px 12px 12px;
    border-radius: 3px;
    background-color: #fff;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rmrow .rminput a {
    display: inline-block;
    margin-right: 5px
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rm-payment-setting {
    border: 1px solid #9EC7E9;
    font-size: 15px;
    padding: 5px 5px;
    border-radius: 3px;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rm-payment-setting span{
    font-size: 14px;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rmrow.rm_deactivated .rm-payment-setting span{
    color: #A6CEEE !important;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rmrow.rm_deactivated .rm_default_list {
    cursor: not-allowed;
}


.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rmrow .rm_default_list.rm_default_active_method  {
    border: 1px solid #2271B1;
    color: #fff !important;
    background-color: #2271B1;
    padding: 3px 12px;
    border-radius: 3px;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rmrow .rm_default_list {
    border: 1px solid #9EC7E9;
    color: #9EC7E9 !important;
    padding: 3px 12px;
    border-radius: 3px;
    background-color: #fff;

}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li > span {
    width: 140px;
    padding-left: 0px;
    text-align: left;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li #id_anet_signup_link {
    padding-left: 26px;
    float: left;
    margin-top: 2px;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li input[type=checkbox] {
    display: block;
    float: left;
    margin-top: 2px;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li > .rmrow {
    width: auto;
    float: none;
    padding: 0px;
    min-height: 20px;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rmrow .rminput {
    width: 100%;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li span,
.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rmrow {
    display: table-cell;
    vertical-align: top;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li .rmrow {
    text-align: right;
}

.rmagic .rm_pricefield_checkbox .rminput .rmradio li label {
    display: table-cell;
    width: 140px;
    padding-left: 5px;
}

.rmagic .rmpaypalbtnimage img {
    width: 100%;
}


/*--Products maker----*/

.rmagic .rm_ul_sortable_container ul.rm_sortable_elements li.appendable_options input[type=text] {
    width: 38%!important;
    margin-right: 8px;
    float: left
}

.rmagic .rm_ul_sortable_container ul.rm_sortable_elements li.appendable_options input[type=number] {
    width: 25%;
    float: left
}

.rmagic .rmrow .rminput ul.rm_sortable_elements li.appendable_options.rm-deletable-options .rm_actions {
    float: left;
    padding-left: 13px;
    margin-top: 4px !important;
    width: 27%;
}

.rmagic .rmrow .rminput ul.rm_sortable_elements li.appendable_options.rm-deletable-options:first-child .rm_actions{
    display: none;
}

.rmagic .rmrow .rminput ul.rm_sortable_elements li.appendable_options.rm-deletable-options .rm_actions a{
    color: #ef0000;
}

.rmagic .rm_action_container {
    width: 100%;
    float: left;
}

.rmagic .rmrow .rminput .rm_action {
    float: left;
    width: 61%;
    margin-left: 28px;
    margin-bottom: 12px;
}

.rmagic .rm_action_container .rm_action #rm_append_option {
    background: white;
    border-color: #c8d7e1;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #2e4453;
    cursor: pointer;
    margin: 0;
    outline: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    text-decoration: none;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 21px;
    border-radius: 4px;
    padding: 7px 14px 9px;
    text-decoration: none;
    float: left;
    width: auto;
    text-align: center;
}

.rmagic .rm_action_container .rm_action #rm_append_option:hover {
    border-color: #a8bece;
    color: #2e4453;
}

.rmagic .rm_action_container .rm_action #rm_append_option:active {
    border-width: 2px 1px 1px;
}

.rmagic .rm_action_container .rm_action #rm_append_option:focus {
    outline: 0;
    border-color: #2271b1;
    box-shadow: 0 0 0 2px #78dcfa;
}


/*Payment settings Pop up configure*/

#rm_pproc_config_parent_backdrop {
    z-index: 9999;
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

#rm_pproc_config_parent_backdrop #rm_pproc_config_parent{
    height: fit-content;
    max-height: 82%;
}

#rm_pproc_config_parent_backdrop.rm_config_pop_wrap .rm_pproc_config_overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

#rm_pproc_config_parent {
    position: absolute;
    background: #fff;
    width: 50%;
    left: 25%;
    top: 50px;
    bottom: 20px;
    z-index: 99999;
}

@-webkit-keyframes popup {
    0% {
        transform: scale(1.25, 1.25);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-moz-keyframes popup {
    0% {
        transform: scale(1.25, 1.25);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-o-keyframes popup {
    0% {
        transform: scale(1.25, 1.25);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes popup {
    0% {
        transform: scale(1.25, 1.25);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-moz-keyframes popup_wrap {
    0% {
        background: rgba(0, 0, 0, 0);
    }
    100% {
        background: rgba(0, 0, 0, 0.5);
    }
}

@-o-keyframes popup_wrap {
    0% {
        background: rgba(0, 0, 0, 0);
    }
    100% {
        background: rgba(0, 0, 0, 0.5);
    }
}

@-webkit-keyframes popup_wrap {
    0% {
        background: rgba(0, 0, 0, 0);
    }
    100% {
        background: rgba(0, 0, 0, 0.5);
    }
}

@keyframes popup_wrap {
    0% {
        background: rgba(0, 0, 0, 0);
    }
    100% {
        background: rgba(0, 0, 0, 0.5);
    }
}

#rm_pproc_config_parent_backdrop.rm_config_pop_wrap {
    animation-name: popup_wrap;
    animation-duration: 0.3s;
}

#rm_pproc_config_parent.rm_config_pop {
    animation-name: popup;
    animation-duration: 0.3s;
    overflow: auto;
}

#rm_pproc_config_parent .rmrow {
    padding: 20px;
}

#rm_pproc_config_parent .rmrow .rminput input:disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

.rmagic #rm_pproc_config_parent .rm_pproc_config_single_titlebar {
    height: 60px;
    border-bottom: 2px solid #fafafa;
    display: table;
    width: 100%;
}

.rmagic span.rm_pproc_error_msg {
    width: 100%;
    display: inline-block;
    color: #ff0000;
}

.rmagic #rm_pproc_config_parent .rm_pproc_config_single_titlebar .rm_pproc_title,
.rmagic .rm_pproc_config_single_titlebar .rm-popup-close {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px;
}

.rmagic .rm_pproc_config_single_titlebar .rm-popup-close {
    text-align: right;
    font-size: 22px;
    width: 60px;
    cursor: pointer;
}

.rmagic .rm_pproc_config_single_titlebar .rm-popup-close:hover {
    color: #2271b1;
}


/*--- Email Notifications General Setting----*/

.rmagic .rmrow ul.rmradio li label {
    display: inline-block;
}

.rmagic #options_autoresponder .rmrow ul.rmradio li {
    position: relative;
    z-index: 999
}

.rmagic .rmrow .rminput ul.rm_sortable_elements li.appendable_options.rm-deletable-options {
    width: 100%;
    float: left;
    margin-left: -6px;
}

.rmagic .rmrow .rminput ul.rm_sortable_elements li.appendable_options.rm-deletable-options span.rm_sortable_handle.ui-sortable-handle {
    float: left;
    top: 2px;
    cursor: move;
}

.rmagic .rmrow .rminput ul.rm_sortable_elements li.appendable_options.rm-deletable-options input[type=text] {
    width: 61%;
    float: left;
}

.rmagic .rm_smtp_helptext.rmnotice,
.rmagic .rm_php_mail_helptext.rmnotice {
    float: none;
    margin: 12px auto;
    width: 95%;
    background-color: #fff;
}

.rmagic .rmrow.rmnoarrow .rm-test-block-container .rm-test-text {
    float: left;
    margin-right: 11px;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    color: #555;
    border-color: #ccc;
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.rmagic .rmrow.rmnoarrow .rm-test-block-container .rm-test-text:hover {
    background: #fafafa;
    border-color: #999;
    color: #23282d;
}

.rmagic .rmrow.rmnoarrow .rm-test-block-container .rm-test-text:active {
    background: #eee;
    border-color: #999;
    -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, .5);
    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, .5);
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.rmagic .rmrow.rmnoarrow .rm-test-block-container .rm_response.rm_failed {
    color: #7e7978;
    font-weight: 300;
    text-transform: uppercase;
    background-image: url('../../images/cross.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
    float: left
}

.rmagic .rmrow.rmnoarrow .rm-test-block-container .rm_response.rm_successful {
    color: #7e7978;
    text-transform: uppercase;
    background-image: url('../../images/tick.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
    font-weight: 300;
    float: left
}

.rmagic .rmrow.rmnoarrow .rm_response.rm_failed {
    width: 100%;
    float: left;
    text-align: left;
    background-color: #ffffff;
    padding: 15px;
    font-size: 12px;
    color: #000;
    border: 0px solid #eee;
    border-left: 4px solid #dc3232;
}

.rmagic .rmrow.rmnoarrow .rm_response.rm_failed a {
    vertical-align: top;
    float: right;
    color: #2271b1;
    text-decoration: underline;
    margin-right: 5px;
}

#rm_f_loading_mail:before,
#rm_f_loading:before {
    content: "\f463";
    color: #f56e28;
    display: inline-block;
    font: 400 20px/1 dashicons;
    margin: 3px 5px 0 4px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#rm_f_loading_mail:before,
#rm_f_loading:before {
    content: "\f463";
    -webkit-animation: rotation 2s infinite linear;
    animation: rotation 2s infinite linear
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.rmagic .rmrow.rmnoarrow .rm_response.rm_successful,
.rmagic .rmrow.rmnoarrow .rm_response.rm_success {
    width: 100%;
    float: left;
    text-align: left;
    background-color: #ffffff;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #eee;
    color: #000;
    border-left: 4px solid #46b450;
}


/*--- Form General Settings----*/

.rmagic #options_users span.rm-option-subtext {
    float: left;
    margin: 2px 0px 0px 22px;
}

/*----Primium Edition Banner----*/

.rm-upgrade-note-gold {
    display: block;
    width: 100%;
    float: left;
    background-color: #fffffe;
    margin-top: 50px;
    text-align: center;
    overflow: hidden;
    transition: 0.4s;
    border-radius: 4px;
}

.rm-upgrade-note-gold .rm-banner-title {
    display: block;
    width: 100%;
    float: left;
    font-size: 14px;
    color: rgb(130, 130, 130);
    padding: 20px 5px 5px 5px;
    font-weight: 100;
}

.rm-upgrade-note-gold .rm-banner-box {
    display: inline-block;
    width: 33.33%;
    padding: 10px;
}

.rm-upgrade-note-gold .rm-banner-box img {
    height: 40px;
}

.rm-upgrade-note-gold:hover {
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.10);
    transform: scale(1.05, 1.05);
}

.rm-upgrade-note-gold .rm-banner-title::before {
    content: 'Want more? ';
    color: #2271b1;
    margin-right: 5px;
}

.rm-upgrade-note-gold .rm-banner-title img {
    height: 18px;
    width: auto;
    margin-left: 7px;
    vertical-align: text-bottom;
}

.rm-hop {
    animation: rm-hop 1.5s ease-in 1;
    -webkit-animation: rm-hop 1.5s ease-in 1;
    -moz-animation: rm-hop 1.5s ease-in 1;
    -o-animation: rm-hop 1.5s ease-in 1;
}

.rm-blur {
    filter: blur(2px);
    -webkit-filter: blur(2px);
    pointer-events: none;
}

@keyframes rm-hop {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes rm-hop {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-moz-keyframes rm-hop {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-o-keyframes rm-hop {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}


/*Premium Page*/

.rm_pr_page {
    display: block;
    float: left;
    width: 99%;
    margin: 20px 1% 0 0;
    padding: 0px 20px;
    box-sizing: border-box;
}

.rm_pr_page * {
    box-sizing: border-box;
}

.rm_pr_page hr {
    clear: both;
}

.rm_pr_page i {
    vertical-align: text-bottom;
    margin-right: 0.5em;
}

.rm_pr_header {
    text-align: left;
    color: #999;
    text-align: center;
}

.rm_pr_title {
    font-size: 3em;
    font-weight: lighter;
}

.rm_pr_title,
.rm_pr_subtitle {
    padding: 10px 0;
}

.rm_pr_content {
    width: 100%;
    display: block;
    float: left;
    color: #545454;
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0px 20px;
}

.rm_pr_row:first-child {
    background-color: #f1f1f1;
    padding: 20px 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.rm_pr_row,
.rm_pr_pitch_title,
.rm_pitch_details,
.rm_pitch_action_button,
.rm_pr_feature_block,
.rm_pr_feature_box_title,
.rm_pr_feature_icon,
.rm_pr_feature_title,
.rm_pr_feature_desc {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.rm_pr_block_left {
    display: inline-block;
    float: left;
    width: 60%;
    width: calc(100% - 474px);
    padding: 20px;
}

.rm_pr_block_right {
    display: inline-block;
    float: left;
    width: 40%;
    width: 474px;
    padding: 10px;
    position:relative;
}

.rm_pr_block_right .rm-pitch-img {
    position: absolute;
    top: 30px;
}

.rm_pr_pitch_title {
    font-size: 36px;
    line-height: 54px;
    color: #2271b1;
}

.rm_pitch_details {
    font-size: 16px;
    line-height: 26px;
    padding-right: 100px;
    color: #485566;
}

.rm_pr_block_right * {
    max-width: 100%;
}

.rm_pitch_icon_strip {
    max-width: 200px;
    margin-bottom: 50px;
}

.rm_pr_clouds_front,
.rm_pr_clouds_far,
.rm_pr_clouds,
.rm_pr_fire,
.rm_pr_smoke,
.rm_pr_rocket {
    display: block;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}

.rm_pr_rocket {
    position: relative;
    z-index: 4;
    overflow: hidden;
}

.rm_pr_rocket-strip {
    position: absolute;
    z-index: 6;
}

@-webkit-keyframes rm_fire {
    0% {
        -webkit-transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(1, 1.2);
        filter: brightness(120%);
    }
    50% {
        -webkit-transform: scale(1, 1);
        filter: brightness(130%);
    }
    75% {
        -webkit-transform: scale(1, 1.2);
        filter: brightness(150%);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}

@-moz-keyframes rm_fire {
    0% {
        transform: scale(1, 1);
    }
    25% {
        transform: scale(1, 1.2);

    }
    50% {
        transform: scale(1, 1);

    }
    75% {
        transform: scale(1, 1.2);

    }
    100% {
        transform: scale(1, 1);
    }
}

@-o-keyframes rm_fire {
    0% {
        -o-transform: scale(1, 1);
    }
    25% {
        -o-transform: scale(1, 1.2);

    }
    50% {
        -o-transform: scale(1, 1);

    }
    75% {
        -o-transform: scale(1, 1.2);

    }
    100% {
        -o-transform: scale(1, 1);
    }
}

@keyframes rm_fire {
    0% {
        transform: scale(1, 1);
    }
    25% {
        transform: scale(1, 1.2);

    }
    50% {
        transform: scale(1, 1);

    }
    75% {
        transform: scale(1, 1.2);

    }
    100% {
        transform: scale(1, 1);
    }
}

.rm_pr_fire {
    transform-origin: 52% 45%;
    webkit-animation: rm_fire 1s ease-in-out infinite;
    -moz-animation: rm_fire 1s ease-in-out infinite;
    -o-animation: rm_fire 1s ease-in-out infinite;
    animation: rm_fire 1s ease-in-out infinite;
    z-index: 5;
}

@-webkit-keyframes rm_smoke {
    0% {
        -webkit-transform: translateY(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(100px);
        opacity: 0;
    }
}

@-moz-keyframes rm_smoke {
    0% {
        transform: translateY(0%);
        opacity: 1;
    }
    100% {
        transform: translateY(100px);
        opacity: 0;
    }
}

@-o-keyframes rm_smoke {
    0% {
        -o-transform: translateY(0%);
        opacity: 1;
    }
    100% {
        -o-transform: translateY(100px);
        opacity: 0;
    }
}

@keyframes rm_smoke {
    0% {
        transform: translateY(0%);
        opacity: 1;
    }
    100% {
        transform: translateY(100px);
        opacity: 0;
    }
}

.rm_pr_smoke {
    z-index: 3;
    webkit-animation: rm_smoke 2s linear 1;
    -moz-animation: rm_smoke 2s linear 1;
    -o-animation: rm_smoke 2s linear 1;
    animation: rm_smoke 2s linear 1;
    opacity: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

@-webkit-keyframes rm_clouds {
    0% {
        webkit-transform: translateY(-100%);
    }
    100% {
        webkit-transform: translateY(100%);
    }
}

@-moz-keyframes rm_clouds {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}

@-o-keyframes rm_clouds {
    0% {
        -o-transform: translateY(-100%);
    }
    100% {
        -o-transform: translateY(100%);
    }
}

@keyframes rm_clouds {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}

.rm_pr_clouds_front {
    z-index: 7;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    webkit-animation: rm_clouds 3s linear infinite 5s;
    -moz-animation: rm_clouds 3s linear infinite 5s;
    -o-animation: rm_clouds 3s linear infinite 5s;
    animation: rm_clouds 3s linear infinite 5s;
}

.rm_pr_clouds {
    z-index: 2;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    webkit-animation: rm_clouds 6s linear infinite 3s;
    -moz-animation: rm_clouds 6s linear infinite 3s;
    -o-animation: rm_clouds 6s linear infinite 3s;
    animation: rm_clouds 6s linear infinite 3s;
}

.rm_pr_clouds_far {
    z-index: 1;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    webkit-animation: rm_clouds 20s linear infinite 2s;
    -moz-animation: rm_clouds 20s linear infinite 2s;
    -o-animation: rm_clouds 20s linear infinite 2s;
    animation: rm_clouds 20s linear infinite 2s;
}

.rm_pitch_icon_strip img,
img.rm_pitch_img {
    max-width: 100%;
    height: auto;
}

.rm_pr_feature_block {
    padding: 10px 50px;
}

.rm_pr_feature_box_title {
    color: #848484;
    font-size: 16px;
    line-height: 38px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 0px solid #FFD77B;
}

.rm_pr_feature_box_title span {
    padding-bottom: 8px;
    color: #485566;
    float: left;
}

.rm_pr_block_small {
    display: inline-block;
    width: 33.33%;
    float: left;
    padding: 10px 50px 10px 0;
}

.rm_pr_feature_icon i {
    color: #2271b1;
    font-size: 36px;
}

img.rm_feature_icon {
    height: 40px;
    padding: 4px 0;
    width: auto;
}

.rm_pr_feature_icon.rm-mailpoet img {
    padding:0px;
}

.rm_pr_feature_title {
    color: #647A88;
    font-size: 18px;
    line-height: 26px;
}

.rm_pr_feature_desc {
    color: #485566;
    font-size: 14px;
    font-weight: 300;
}

@media screen and (max-width: 1500px) {
    .rm_pr_row:first-child {
        padding: 20px 50px;
    }
    .rm_pr_block_left {
        display: inline-block;
        float: left;
        width: 50%;
        padding: 20px;
    }
    .rm_pr_block_right {
        display: inline-block;
        float: left;
        width: 50%;
        padding: 20px;
        margin-top: 20px;
    }
}

.rm_pr_feature_box_title .m_pr_block_mg-logo {
    float: right;
    text-align: right;
    visibility: hidden;
}

.rm_pr_feature_box_title .m_pr_block_mg-logo img {
    width: 96px
}

.rm_pr_page .rm_pr_content .rm_pr_row:first-child {
    padding-bottom: 4px;
}


/*WP Dashboard Widget*/

.rm-dashboard-widget-container {
    padding: 10px;
}

.rm-dashboard-widget-container .rm-dash-widget-head {
    width: 70%;
    margin: 0px auto;
}

.rm-dashboard-widget-container .rm-dash-widget-logo {
    text-align: center;
    margin-bottom: 10px;
}

.rm-dashboard-widget-container .rm-dash-widget-logo img {
    max-width: 80%;
}

.rm-dashboard-widget-container .rm-dash-widget-summary {
    text-align: left;
}

.rm-dashboard-widget-container .rm-dash-widget-summary > div {
    margin-bottom: 5px;
    height: 25px;
}

.rm-dashboard-widget-container .rm-dash-widget-summary span {
    float: right;
    display: block;
    min-width: 40px;
    background-color: #fff;
    text-align: center;
    color: #2271b1;
    padding: 3px 0px;
    font-weight: bold;
    border: 2px solid #ddd;
}

.rm-dashboard-widget-container .rm_user_submissions caption {
    text-align: left;
    font-weight: bold;
    margin: 5px 0px;
}

.rm-dashboard-widget-container .rm_user_submissions {
    width: 100%;
}

.rm-dashboard-widget-container .rm_user_submissions td {
    width: 33.33%;
}

.rm-dashboard-widget-container .rm_user_submissions td.rm_submission_date {
    text-align: center
}

.rm-dashboard-widget-container .rm_user_submissions td.rm_form_title {
    text-align: left;
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rm-dashboard-widget-container .rm_user_submissions td.rm_view_submission {
    text-align: center
}

.rm-dashboard-widget-container hr {
    margin: 15px 0px 5px 0px;
}

/*----Automation-----*/

#rmc_rule_sub_time_older_than_age,
#rmc_rule_sub_time_younger_than_age {
    margin-top: 8px;
}

/*--- Email Templates---*/

.rmagic #form_sett_email_templates .submission-upgrade-title i {
    line-height: 1px;
    margin: 7px 4px 0px 0px;
    float: left;
}

/* ----- Support Banner ----*/

.rmagic.rm-all-forms {
    margin: 5px 20px 0 0;
}

.rm-side-banner {
    width: 100%;
    float: left;
    background: #FFF;
    border-radius: 8px;
    margin-top: 64px;
    max-width: 250px;
    margin-right: 25px;
    border: 1px solid #DAE1E7;
    box-sizing: border-box;
}

.rm-side-banner .rm-sidebanner-image {
    padding: 10px;
    box-sizing: border-box;
}

.rm-side-banner .sidebanner-help-text span{
    color:#2371b1;
}

.rm-sidebanner-image, .rm-sidebanner-image img {
    max-width: 100%;
    width: 100%;
}

.rm-sidebanner-mg-logo {
    padding: 0px 25px;
    text-align: right;
}

.rm-sidebanner-mg-logo img {
    width: 94px;
    height: auto;
    position: relative;
    top: -10px;
}

.sidebanner-content-wrapper {
    padding: 0px 15px 10px;
}
.rm-side-banner-help-text {
    color: #283237;
    font-size: 22px;
    line-height: 45px;
    font-weight: bold;
    padding-top: 6px;
}

.sidebanner-content-wrapper .sidebanner-text-content p {
    margin: 20px 0px;
}

.sidebanner-text-content .rm-side-banner-text {
    color: #6B7262;
    font-size: 14px;
}

.sidebanner-text-content .sidebanner-text {
    color: #8FACBF;
    font-size:14px;
}

.sidebanner-help-text {
    font-size: 26px;
    line-height: 28px;
    font-weight: 500;
}

.sidebanner-text-content{
    color: #000;
}


.rm-sidebanner-buttons .rm-sidebanner-button{
    margin-bottom: 10px;
}

.rm-sidebanner-buttons .rm-sidebanner-button a {
    text-decoration: none;
    line-height: 26px;
    width: 100%;
    padding: 8px 6px;
    border-radius: 6px;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
}

.rm-sidebanner-buttons .rm-sidebanner-button a:hover {
    text-decoration: none;
}

.rm-wp-role-selector-wrap .rm-wp-role-selector {
    margin-bottom: 18px;
}

/*--EP Promo Global Setting---*/

.rm-ep-promo-content {
    color: #201F2E;
    font-size: 14px;
    font-style: italic;
}

.rm-ep-promo-features ul {
}
.rm-ep-promo-features ul li {
    background-image: url(../../images/ep-featured-icon.png);
    background-repeat: no-repeat;
    background-position: 0px 24%;
    padding-left: 36px;
    text-align: left;
    line-height: 16px;
    margin-bottom: 20px;
    font-size: 13px;
}

.rmagic .rm-mg-icon {
    text-align: right
}


/*--Fixes---*/
.rmlms-promo-wrap .rmrow.rmlms-banner img {
    width: 100%;
}
/*----rm user delete popup---*/

#rm_user_delete_popup .rm-user-delete-wrap {
    padding: 40px 30px;
    margin-bottom: 40px;
}

#rm_user_delete_popup .rm-modal-footer {
    padding: 15px 10px;
    background-color: #FEFEFE;
    border-top: 1px solid #e1e1e1;
}

#rm_user_delete_popup .rm-modal-footer > div {
    padding-right: 15px;
    cursor: pointer;
}

#rm_user_delete_popup .rm-modal-footer .rm_user_delete-bt a {
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 26px;
    height: 28px;
    margin: 0 10px 0 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border: solid 1px #2271b1;
    border-style: solid;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    border-color: #2271b1;
    background: #2271b1;
    vertical-align: top;
    transition: .1s;
    outline: 0px;
    float: left;
}

#rm_user_delete_popup .rm-modal-footer .rm_user_delete-bt a:hover {
    background-color: #2271b1;
    border-color: #2271b1;
}

#rm_user_delete_popup .rm-user-delete-wrap .rm_delete_options select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 10px;
    padding: 3px 35px 3px 5px;
    width: auto;
    min-width: 30%;
    position: relative;
    font-weight: 500;
    margin-right: 0px !important;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-image: url(../../images/drop-down.png);
    background-position: right;
    background-repeat: no-repeat;
    font-size: 13px;
    height: 35px;
    box-shadow: none;
    border-color: #c8d7e1;
    border-width: 1px 1px 2px;
    border-radius: 4px;
    color: #668eaa;
}

#rm_user_delete_popup .rm-user-delete-wrap .rm_delete_options select:hover {
    background-color: #f3f6f8;
}


/* Dashboard Quick Link Box */

.rm-grid-section-cards.rm-quick-links-box {
    margin: 0px;
    padding: 0px;
}
.rm-grid-section-cards.rm-quick-links-box .rm-grid-section-title {
    border-bottom: 1px solid #e1e1e1;
    color: #23282d;
    font-weight: 600;
}

.rm-grid-section-cards.rm-quick-links-box ul.rm-quick-links {
    margin: 0px;
}

.rm-grid-section-cards.rm-quick-links-box ul.rm-quick-links li {
    margin-bottom: 10px;
    list-style: none;
}

.rm-grid-section-cards.rm-quick-links-box ul.rm-quick-links li a {
    color: #2271b1;
}

/* ------ Premium Page Banner -----*/

.rm-box-wrap.rm-premium-box-wrap {
    padding: 10px 50px;
}

.rm-box-wrap.rm-premium-box-wrap a {
    display: inline-block;
    width: 100%;
    box-shadow: none;
    cursor: pointer;
}

.rm-premium-banner-head img {
    width: 500px;
    max-width: 100%;
}

.rm-premium-banner-logo img {
    width: 186px;
}

.rm_pr_page .rm-premium-icon-col {
    padding: 0px;
}

.rm-premium-banner-subhead {
    width: 100%;
    max-width: 520px;
    font-size: 15px;
}

.rm-premium-text-col {
    padding: 20px 0px;
}

.rm_pr_page .rm-premium-icon-col .rm-premium-icon {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.rm_pr_page .rm-premium-icon-col .rm-premium-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

button.rm_pr_action {
    background: #f26047;
    background: linear-gradient(90deg, #F36547, #F13E2D), #F36547;
    border-color: #d2503a;
    color: #fffffe;
    padding: 15px 60px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
    transition: 0.2s;
    border-width: 1px;
    border-style: solid;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
}

button.rm_pr_action:hover {
    background: #db553e;
    border-color: #bd432e;
}

button.rm_pr_action:active {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* ------ Premium Page banner End -----*/

/*----Premium Page Wheel animation Start---*/

#rm-wheel-container .rm-pr-wheel-wrap {
    top: 0px
}
#rm-wheel-container .rm-pr-wheel-wrap.rm-pr-wheel-down {
    top: 14px
}
.rm-pr-wheel-wrap.rm-pr-wheel-up {
    position: absolute;
    z-index: 2;
    left: 0px;
}
.rm-pr-wheel-wrap.rm-pr-wheel-down {
    position: absolute;
    left: -4px;
    z-index: 1;
    -webkit-filter: blur(3px) grayscale(100) brightness(0);
    filter: blur(3px) grayscale(100) brightness(0);
    opacity: 0.3;
}
#rm-wheel-container {
    position: relative;
    left: -80px;
    top: -50px;
}
.rm-pr-wheel-wrap {
    width: 100%;
}
.rm-pr-wheels {
    position: relative;
    max-width: 100vh;
    max-height: 100%;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
}
.rm-pr-wheels::before {
    content: "";
    display: block;
    margin-top: 100%;
}
.rm-pr-wheel1 {
    background: url(../../images/gear.png) no-repeat;
    background-size: 100% auto;
    height: 50%;
    width: 50%;
    position: absolute;
    top: 16%;
    animation: wheels-turning 15s linear infinite;
    -webkit-animation: wheels-turning 15s linear infinite;
    -ms-animation: wheels-turning 15s linear infinite;
}
.rm-pr-wheel5 {
    background: url(../../images/gear5.png) no-repeat;
    background-size: 100% auto;
    height: 50%;
    width: 50%;
    position: absolute;
    top: 16%;
    animation: wheels-turning 5s linear infinite;
    -webkit-animation: wheels-turning 5s linear infinite;
    -ms-animation: wheels-turning 5s linear infinite;
}
.rm-pr-wheel6 {
    background: url(../../images/gear6.png) no-repeat;
    background-size: 100% auto;
    height: 50%;
    width: 50%;
    position: absolute;
    top: 16%;
    animation: wheels-turning 40s linear infinite reverse;
    -webkit-animation: wheels-turning 40s linear infinite reverse;
    -ms-animation: wheels-turning 40s linear infinite reverse;
}
.rm-pr-wheel2 {
    background: url(../../images/gear.png) no-repeat;
    background-size: 100% auto;
    height: 35%;
    width: 35%;
    position: absolute;
    top: 11%;
    left: 43%;
    animation: wheels-turning 15s linear infinite reverse;
    -webkit-animation: wheels-turning 15s linear infinite reverse;
    -ms-animation: wheels-turning 15s linear infinite reverse;
}
.rm-pr-wheel4 {
    background: url(../../images/gear4.png) no-repeat;
    background-size: 100% auto;
    height: 35%;
    width: 35%;
    position: absolute;
    top: 11%;
    left: 43%;
    animation: wheels-turning 15s linear infinite;
    -webkit-animation: wheels-turning 15s linear infinite;
    -ms-animation: wheels-turning 15s linear infinite;
}
.rm-pr-wheel8 {
    background: url(images/gear6.png) no-repeat;
    background-size: 100% auto;
    height: 35%;
    width: 35%;
    position: absolute;
    top: 11%;
    left: 43%;
    animation: wheels-turning 15s linear infinite reverse;
    -webkit-animation: wheels-turning 15s linear infinite reverse;
    -ms-animation: wheels-turning 15s linear infinite reverse;
}
.rm-pr-wheel3 {
    background: url(../../images/gear.png) no-repeat;
    background-size: 100% auto;
    height: 27%;
    width: 27%;
    position: absolute;
    top: 42%;
    left: 53%;
    animation: wheels-turning 15s linear infinite;
    -webkit-animation: wheels-turning 15s linear infinite;
    -ms-animation: wheels-turning 15s linear infinite;
}
.rm-pr-wheel7 {
    background: url(../../images/gear5.png) no-repeat;
    background-size: 100% auto;
    height: 27%;
    width: 27%;
    position: absolute;
    top: 42%;
    left: 53%;
    animation: wheels-turning 35s linear infinite reverse;
    -webkit-animation: wheels-turning 35s linear infinite reverse;
    -ms-animation: wheels-turning 35s linear infinite reverse;
}
@keyframes wheels-turning {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes wheels-turning {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-ms-keyframes wheels-turning {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

/*-- Wheel end--*/

/* ------ Premium Page Silder-----*/
.rm-slider {
}
.rm-slider-wrapper {
    width: 100%;
    height: 440px;
    position: relative;
    z-index: 9999;
    margin-bottom: 60px;
}

.rm-slider-wrapper .rm-pre-slide {
    position: absolute;
    width: 100%;
    max-width: 474px;
}

.rm-slide {
    float: left;
    position: absolute;
    width: 100%;
    max-width: 474px;
    opacity: 0;
    transition: opacity 1s linear;
}
.rm-slider-wrapper > .rm-slide:first-child {
    opacity: 1;
}

.rm_pr_banner_wrap {
    float: left;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 4px;
}

.rm_pr_banner_wrap .rm_pr_banner-title {
    font-size: 36px;
    line-height: 54px;
    color: #2271b1;
    margin-bottom: 12px;
}
.rm_pr_banner_wrap .rm_pr_banner-subtitle {
}

/* ------ Premium Page Silder End -----*/


/* --- Field Manager Fixes ---*/

.rmagic .rmrow#rm_jqnotice_row {
    padding: 0px 20px;
}

.rmagic .rmrow#rm_jqnotice_row #rm_jqnotice_text{
    color:#FF6C6C
}

/* ---Plugin conflict Fixes ---*/

.rmagic .rminput #existing_user_meta.rm_user_meta_option + .select2-container {
    width: 80% !important;
}

/* ---Plugin conflict Fixes ---*/

/* --- WPleft Menu---*/

#adminmenu li.toplevel_page_rm_form_manage .wp-menu-name  {
    padding-right: 0px !important;
}

/* --- WPleft Menu---*/

/*-- Alert Notification---*/

.rmagic .rm-response-message.rm-alret-box-wrap {
    width: 98%;
    float: left;
    text-align: left;
    background-color: #fff;
    padding: 15px 0px 7px 20px;
    font-size: 12px;
    border: 1px solid #e1e1e1;
    border-left: 4px solid #ffa500;
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    position: relative;
    margin-bottom: 19px;
    margin: 10px 12px 10px 12px;
    color: inherit;
    text-transform: capitalize;
}

.rmagic .rm-response-message.rm-alret-box-wrap span.close {
    position: absolute;
    left: 8px;
    color: #0087be;
    font-size: 15px;
    top: 13px;
}

.rmagic .rm-response-message.rm-alret-box-wrap ul {
    margin: 0px;
    padding-left: 8px;
}

/*-- Alert Notification---*/


/*--- WP Left Menu ----*/


#toplevel_page_rm_form_manage .wp-first-item {
    display: none;
}


#toplevel_page_rm_form_manage ul li:nth-child(2) a:hover::before{
    background-image: url(../../images/dash-icon-hover.svg);
    content: "";
}


#toplevel_page_rm_form_manage ul li {
    clear: both;
}

#toplevel_page_rm_form_manage ul li a span {
    font-size: 12px;
    line-height: 22px;
}

#toplevel_page_rm_form_manage ul li a span.rm-inactive-count {
    font-size: 9px;
    text-transform: uppercase;
}

#toplevel_page_rm_form_manage ul li a .rm-sub-muenu-text {
    opacity: 0.75;
    font-size: 80%;
}

li.rm-show-divider a{
    border-bottom: 1px solid;
    border-color: rgb(255 255 255 / 20%);
}

.rm-menu-restore {
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 26px;
    height: 28px;
    margin: 0 10px 0 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border: solid 1px #0087be;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    border-color: #0087be;
    background: #2271b1;
    vertical-align: top;
    transition: .1s;
    outline: 0px;
}

.rm-menu-restore:hover{
    background-color: #0087be;
    border-color: #0087be;
}

.admin-color-light #toplevel_page_rm_form_manage ul li a:after {
    border-color: rgb(0 0 0 / 20%) !important;
}

/*--- WP Left Menu End----*/

/*--- Magic popup----*/
.rmagic .rminput.rm-popup-icon .buttonarea {
    border: 0px;
    margin: 0px !important;
    padding: 0px !important;
}

/*--- Magic popup----*/


  .rmagic.rm-all-forms {
        width: calc(100% - 300px);
        max-width: 100%;
    }

    .rm-side-banner {
        width: 280px;
    }


/*---- Reponsive -----*/

@media only screen and (max-width: 1705px) and (min-width: 1304px) {

    .rmagic.rm-all-forms {
        width: calc(100% - 300px);
    }

    .rm-newsletter-banner {
        width: 70.5%;
    }

    .rm-side-banner {
        width: 280px;
    }

    .sidebanner-help-text {
        font-size: 22px;
    }

 

    .rm-slider-wrapper {
        margin-bottom: 90px
    }

}


@media only screen and (max-width: 1305px) and (min-width: 1170px) {

   
    .rmagic.rm-all-forms {
        width: calc(100% - 300px);
    }

    .rm-newsletter-banner {
        width: 70.5%;
    }

    .rm-side-banner {
        width: 280px;
    }

    .sidebanner-help-text {
        font-size: 20px;
    }


}

@media only screen and (max-width: 1169px) and (min-width: 1100px) {

    .rmagic.rm-all-forms {
        width: 72%;
    }

    .rm-side-banner {
        width: 18%;
    }

    .sidebanner-help-text {
        font-size: 17px;
        line-height: 22px;
    }

}

@media screen and (max-width: 700px) {
    .rm-support-block-text {
        min-height: 91px;
    }
}



@media screen and (max-width: 1279px) {
 
    .rm-slider-wrapper {
        height: 500px;
    }
}

@media only screen and (max-width:1200px) {
    .rm-support-block {
        margin: 20px 91px 20px 0;
    }
}

@media only screen and (max-width:979px) {
    .rm-support-block {
        margin: 20px 49px 20px 0;
    }
}

@media only screen and (max-width:760px) {
    .rm-support-block {
        margin: 20px 39px 20px 0;
        width: 44%;
    }
}

@media only screen and (max-width:479px) {
    .rm-support-block {
        width: 72%;
    }
}

@media only screen and (max-width:979px) {
    .rm-support-block {
        margin: 20px 49px 20px 0;
    }
}

@media only screen and (max-width:760px) {
    .rm-support-block {
        margin: 20px 39px 20px 0;
        width: 44%;
    }
}

@media only screen and (max-width:479px) {
    .rm-support-block {
        width: 72%;
    }
}

@media only screen and (max-width:1450px) {
    .rmagic.rm-all-forms .operationsbar .nav ul li {
        margin-right: 9px;

    }

    .rmagic li.rm-form-toggle select {
        width: 138px;
    }
}

@media only screen and (max-width:1400px) {
    .rmagic.rm-all-forms .operationsbar .nav ul li {
        font-size: 12px;
        margin-right: 9px;

    }

    .rmagic li.rm-form-toggle select {
        width: 138px;
    }
}

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

    .rmagic .childfieldsrow #sync_country_options.childfieldsrow select.rm_static_field {
        width: 70%;
    }
}


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

    .rmagic.rm-all-forms .operationsbar .nav ul li {
        font-size: 12px;
        margin-right: 7px;

    }

    .rmagic li.rm-form-toggle select {
        width: 138px;
    }

    .rmagic .rm-analytics-stat-counter .rm-analytics-stat-counter-value {
        font-size: 80px;
    }

    .rmagic .rm-global-settings .settings-icon-area .rm-settings-box {
        min-height: 132px;
    }
}

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

    .rmagic.rm-all-forms li.rm-form-toggle select {
        width: 110px;

    }

    .rmagic.rm-all-forms .operationsbar .nav ul li {
        font-size: 12px;
        margin-right: 8px;

    }

    .rmagic .rmagic-table form#rm_submission_manager_form {
        width:80%;
        float:left;
    }

    .rmagic form#rm_submission_manager_form table {
        table-layout: fixed;
        width: 100%
    }

    .rmagic table.rm_submissions_manager_table tr td:nth-child(1) {
    }
    .rmagic table.rm_submissions_manager_table tr td:nth-child(2) {
    }

    .rmagic .rmcontent form#options_payment .rmrow select {
        width: 70%;
    }

    .rmagic .rm-user-content table tr th,
    .rmagic .rm-user-content table tr td:not(.rmnotice),
    .rmagic #rm_sent_emails_action_form table tr th,
    .rmagic #rm_sent_emails_action_form table tr td:not(.rmnotice) {
        max-width: 128px;

    }

}

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

    .rmagic.rm-all-forms .operationsbar .nav ul li {
        font-size: 12px;
        margin-right: 7px;
    }

    .rmagic .rm-analytics-stat-counter .rm-analytics-stat-counter-value {
        font-size: 65px;
    }

    .rmagic #wp-rm_mail_body-wrap.wp-editor-wrap select {
        padding: 0px 27px 0px 10px;
        margin-left: 0px;
        font-size: 12px;
    }

    .rmagic .operationsbar .nav ul.rm-automation li {
        margin-right: 10px
    }

}

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

    .rmagic .childfieldsrow #sync_country_options.childfieldsrow select.rm_static_field {
        width: 100%;
    }

    .rmagic .rm-analytics-stat-counter .rm-analytics-stat-counter-value {
        font-size: 50px;
    }

    .rmagic .rm-left-stats-box .rm-analytics-stat-counter .rm-analytics-stat-counter-text,
    .rmagic .rm-right-stats-box .rm-analytics-stat-counter .rm-analytics-stat-counter-text{
        color: #2271b1;
        font-size:20px;
    }

}


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

    .rmagic .rmagic-table form#rm_submission_manager_form {
        width:80%;
        float:left;
    }
    
    .rmagic .rm-global-settings .settings-icon-area .rm-settings-box{
        width: 100%;
        margin: 0px 0px 18px 0px;
        min-height: auto;
    }

}

/* --- Form Builder---*/

.rmagic.rm-field-manager-main {
    max-width: 75%;
    margin-left: 12.5%;
}

.rmagic.rm-field-manager-main::before {
    display: none;
}

.rmagic .rm-field-submit-field-option-row .rm-field-submit-field-wrap {
    width: auto;
    display: inline-flex;
    border-radius: 3px;
    border: 1px solid #A6CEEE;
    overflow: hidden;
}

.rmagic .rm-field-submit-field-option-row .rm-field-submit-field-wrap label{
    line-height: 10px;
    border-right: 1px solid #A6CEEE;
    text-align: center;
    padding: 6px 8px;
}

.rmagic .rm-field-submit-field-option-row .rm-field-submit-field-wrap label span{
    font-size: 14px;
    color: #2271B1;
}

.rmagic .rm-field-submit-field-option-row .rm-field-submit-field-wrap label:hover {
    background-color: #F6FAFD;
}

.rmagic .rm-field-submit-field-option-row .rm-field-submit-field-wrap label:active {
    background-color: #EBEFF3;
}

.rmagic .rm-field-submit-field-option-row .rm-field-submit-field-wrap label.rm_submit_field_align_center span {
    transform: rotate(90deg);
}

.rmagic .rm-field-submit-field-option-row .rm-field-submit-field-wrap label:last-child{
    border-right: 0px;
}

.rm-form-builder-box {
    min-height: 500px;
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    padding: 90px 30px 30px 40px;
    margin-top: 0px;
    border: 1px solid #DAE1E7;
}

.rm-form-builder-box ul.rm_sortable_form_rows#rm-field-sortable {
    position: relative;
}

.rm-form-builder-box .rm-fields-row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

}

.rm-form-builder-box li.rm-fields-box-wrap {
    border-radius: 5px;
    background-color: white;
    /* -webkit-transition: all .2s ease-in; 
    transition: all .2s ease-in; */
    position: relative;
    transition:none;
}

.rm-form-builder-box li.rm-fields-box-wrap {
    padding: 20px 5px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    transition: border 0.2s, background 0.2s;
}

.rm-form-builder-box li.rm-fields-box-wrap .rm-fields-row-wrap {
    padding: 0px 15px 8px 15px;
}

.rm-form-builder-box li.rm-fields-box-wrap .rm-fields-row-wrap .rm-fields-row-title {
    font-size: 14px;
    color: #3A4955;
    font-weight: bold;
}

.rm-form-builder-box li.rm-fields-box-wrap:hover {
    background-color: #F6FAFD;
    border: 1px solid #A6CEEE;
}

.rm-form-builder-box .rm-fields-row.rm-fields-1-1-1-1 .rm-field-box-name {
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 66px;
    overflow: hidden;
}

.rm-form-builder-box .rm-fields-row.rm-fields-1-1-1 .rm-field-box-name {
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    overflow: hidden;
}

.rm-fields-box-wrap:hover .rm-fields-row .rm-field-row-actions,
.rm-fields-row:hover .rm-field-actions {
    visibility: visible!important;
}

.rm-form-builder-box .rm-fields-row .rm-form-field:hover{
    border-color: #A6CEEE;
}

.rm-form-builder-box .rm-form-row-placeholder {
    background: #FFFDE2;
    height: 92px;
    border-radius: 5px;
}

.rm-field-droppable {
    background-color: pink;
    border: black;
}

.rm-form-builder-box .rm-fields-row .rm-form-field {
    cursor: pointer;
    position: relative;
    border: 1px solid #89A2B6;
    border-radius: 5px;
    background-color: #fff;
    min-height: 30px;
    transition: all .2s ease;
    width: 100%;
    margin: 0px 15px;
    padding: 10px;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;

}

.rm-form-builder-box .rm-fields-row .rm-form-field .rm-field-row-title {
    text-align: left;
}

.rm-form-builder-box .rm-fields-row .rm-col-draggable.rm-form-field {
    border: 1px dashed #89A2B6;
}

.rm-field-draggable-handle {
    margin-right: 6px;
    cursor: move;
    line-height: initial;
}

.rm-form-builder-box .rm-fields-row .rm-form-field .rm-field-box-label {
    max-width: 9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 12px;
}
.rm-form-builder-box .rm-fields-row.rm-fields-2-1 .rm-form-field {
}
.rm-form-builder-box .rm-fields-row.rm-fields-2-1 .rm-form-field.rm-2-col {
    flex: 2;
}

.rm-form-builder-box .rm-fields-row .rm-field-row-actions {
    position: absolute;
    top: -15px;
}

.rm-field-actions-item-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    padding: 0px;
    border-radius: 3px;
    visibility: hidden;
    border: 1px solid #A6CEEE;
    overflow: hidden;
}

.rm-field-actions.rm-field-actions-item-wrap span.rm_buy_pro_inline a {
    padding: 15px 8px 15px 8px;
}

.rm-field-actions-item-wrap .rm-field-action-item {
    border-right: 1px solid #A6CEEE;
    text-align: center;
}

.rm-field-actions-item-wrap .rm-field-action-item a {
    padding: 6px 8px;
    display: inline-flex;
    line-height: 0px;
    align-items: center;
    background-color: white;
}

.rm-field-actions-item-wrap .rm-field-action-item a:hover {
    background-color: #F6FAFD;
}
.rm-field-actions-item-wrap .rm-field-action-item a:active{
    background-color: #EBEFF3;
}

.rm-field-actions-item-wrap .rm-field-action-item:last-child{
    border-right:0px;
}

.rm-field-actions-item-wrap .rm-form-page-delete.rm-field-action-item  {
}

.rm-field-actions-item-wrap .rm-form-page-delete.rm-field-action-item a.rm_deactivated {
    pointer-events: visible;
}

.rm-field-actions-item-wrap .rm-form-page-delete.rm-field-action-item a.rm_deactivated span{
    color: rgb(34 113 177 / 57%) !important;
}

.rm-form-builder-box .rm-fields-row.rm-fields-1 .rm-form-field.rm-1-col .rm-field-box-label {
    max-width: calc(100% - 250px);
}

.rm-form-builder-box .rm-fields-row.rm-fields-1 .rm-form-field.rm-1-col .rm-col-area{
    width: 0;
}

.rm-form-builder-box .rm-fields-row.rm-fields-1-1 .rm-field-box-label {
}

.rm-form-builder-box .rm-fields-row.rm-fields-1-1-1 .rm-field-box-label {
    max-width: 5em;
}

.rm-form-builder-box .rm-fields-row.rm-fields-1-1-1-1 .rm-field-box-label {
    max-width: 5em;
}

.rm-fields-row .rm-field-row-actions .rm-field-row-action {
    border-right: 1px solid #A6CEEE;
    text-align: center;
}

.rm-fields-row .rm-field-row-actions .rm-field-row-action:hover{
    background-color: #F6FAFD;
}

.rm-fields-row .rm-field-row-actions .rm-field-row-action:last-child{
    border-right:0px;
}

.rm-fields-row .rm-field-row-actions .rm-field-row-action span {
    font-size: 14px;
    color: #0087be;
}

.rm-fields-row .rm-field-row-actions .rm-field-row-duplicate.rm-field-row-action span{
    font-size: 14px;
}

.rm-form-builder-box .rm-fields-row .rm-field-move span {
    color: #0087be;
    cursor: move !important;
}

.rm-form-builder-box .rm-fields-row .rm-field-move span.rm-drag-sortable-handle svg {
    fill: #2271B1;
    cursor: move !important;
}

.rm-form-builder-box .rm-fields-row .rm-field-move {
    position: absolute;
    left: -24px;
    /*- top: 36px;*/
    bottom: 36px;
}
.rm-form-builder-box .rm-form-field .rm-field-box-name {
    border: 1px solid #DAE1E7;
    padding: 0px 10px;
    color: #61839E;
    margin-right: 12px;
    border-radius: 2px;
    font-size: 8px;
    text-transform: uppercase;
    line-height: 18px;
}
.rm-form-builder-box .rm-form-field .rm-field-actions {
    position: absolute;
    right: 0px;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action:hover {
    background-color: #F6FAFD;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action:active {
    background-color: #EEF6FC;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action {
    text-align: center;
    overflow: hidden;
}
.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-delete.rm-field-action a.rm_deactivated {
    pointer-events: visible;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-delete.rm-field-action a.rm_deactivated span {
    color: rgb(34 113 177 / 57%) !important;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action.rm-field-action-disabled  {
    cursor: not-allowed;
}
.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action.rm-field-action-disabled a {
    pointer-events: none;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action.rm-field-action-disabled a span {
    color: #A6CEEE
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action:last-child{
    border-right: 0px;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action:empty{
    display: none;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action span {
    font-size: 14px;
    color: #2271B1;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-action span.rm-premium-option-popup-close {
    position: absolute;
    top: 4px;
    right: 10px;
    color: #959595 !important;
    cursor: pointer;
}

.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-rules .rm-conditions-badge {
    font-weight: 400;
    color: #32B870;
    padding: 0px 6px;
    font-size: 12px;
}


.rmagic.rm-field-manager-main .rm-form-builder-main .rm-form-builder-box:first-child .rm-field-submit-field-holder .rm-field-submit-field .rm-field-submit-field-option-row.rm-field-submit-hide-prev{
    visibility: hidden;
}

.rmagic.rm-field-manager-main .rm-form-builder-main .rm-form-builder-box:first-child .rm-field-submit-field-btn-container .rm-field-prev-btn.rm_field_btn {
    display: none;
}


.rmagic .rm_field_row_setting_wrap.rm-select-row-setting {
    width: 100%;
    max-width: 600px;
    left: 33%;
    position: absolute;
    background: #fff;
    top: 140px;
    max-height: 100%;
    z-index: 9999;
    overflow: auto;
    border-radius: 3px;
    min-height: 284px;
}

.rmagic #rm-field-row-setting-modal .rm_field_row_setting_wrap.rm-select-row-setting  {
    top: 100px;
}
/* Row Delete Popup */

.rmagic .rm_field_row_delete_wrap.rm-field-row-delete-option {
    width: 100%;
    max-width: 600px;
    left: 33%;
    position: absolute;
    background: #fff;
    top: 140px;
    max-height: 100%;
    z-index: 9999;
    overflow: auto;
    border-radius: 3px;
}
.rmagic .rm_field_row_setting_wrap.rm-select-row-setting .rm-delete-row-info-icon {
    text-align: center;
}
.rmagic .rm_field_row_setting_wrap.rm-select-row-setting .rm-delete-row-info-icon span {
    font-size: 60px;
    color: #ff0033;
}

.rmagic .rm_field_row_setting_wrap.rm-select-row-setting .rm-delete-row-info-icon svg{
    width: 62px;
    height: 62px;
    fill: #C5443F;
}

.rm-fields-columns-wrap .rm-fields-columns ul li label  input[type=radio]:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.rmagic .rm_field_row_setting_wrap.rm-select-row-setting .rm-delete-row-info-text {
    text-align: center;
}
.rm-form-builder-modal-footer {
    width: 100%;
    padding: 24px 15px;
    line-height: 24px;
    display: flex;
}

.rm-form-builder-modal-footer .rm-cancel-delete-action,
.rm-form-builder-modal-footer .rm-cancel-row-setting {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}
.rm-form-builder-modal-footer .rm-confirm-delete-action,
.rm-form-builder-modal-footer .rm-save-row-setting {
    display: inline-block;
    margin: 0px 8px;
    cursor: pointer;
}
.rm-form-builder-modal-footer .rm-confirm-delete-action button,
.rm-form-builder-modal-footer .rm-save-row-setting button {
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 26px;
    height: 28px;
    margin: 0 10px 0 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border: solid 1px #0087be;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    border-color: #0087be;
    background: #2271b1;
    vertical-align: top;
    transition: .1s;
    outline: 0px;
}
/* Row Delete Popup End */

.rm-fields-columns-wrap .rm-fields-columns ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    margin-bottom: 0px;
}
.rm-fields-columns-wrap .rm-fields-columns ul li {
    width: 33%;
    text-align: center;
    padding: 10px 10px 0px 10px;
    margin: 6px 0px;
}
.rm-fields-columns-wrap .rm-fields-columns ul li .rm-fields-column {
    width: 100%;
    height: 24px;
    background-color: #F1F9FE;
    border: 1px solid #a6d0ea;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: normal;
    margin-bottom: 10px;
}
.rm-fields-columns-wrap .rm-fields-columns ul li .rm-fields-column span {
    display: inline-block;
    border-right: 1px solid #a6d0ea;
    height: 24px;
}
.rm-fields-columns-wrap .rm-fields-columns ul li .rm-fields-column span:nth-last-child(1) {
    border-right: 0px solid #a6d0ea;
}
.rm-field-columns-setting {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.rm-field-columns-setting .rm-field-columns {
    width: 25%;
}

.rm-insert-row {
    margin-top: 24px;
}

.rm-insert-row button.rm-insert-row-button {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px dashed #89A2B6;
    background-color: transparent;
    color: #0087be;
    line-height: 18px;
    min-width: 80px;
    padding: 5px 14px;
    height: 60px;
    border-radius: 3px;
}

.rm-insert-row button.rm-insert-row-button .material-icons {
    font-size: 19px;
}

.rm-insert-row button.rm-insert-row-button a {
    line-height: 20px;
    display: flex;
}
.rm-insert-row button.rm-insert-row-button:focus {
    outline: 0px
}
.rm-insert-row .rm-insert-row-button span {
    margin-left: 4px;
}
.rm-insert-field button.rm-insert-field-button {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0px dashed #BFD4DB;
    background-color: transparent;
    color: #0087be;
    line-height: 18px;
    min-width: 80px;
    padding: 5px 14px;
    height: 38px;
    border-radius: 3px;
    font-size: 11px;
    cursor: pointer;
}
.rm-insert-field button.rm-insert-field-button:focus {
    outline: 0px
}
.rm-insert-field button.rm-insert-field-button span {
    margin-left: 6px;
    font-size: 16px;
}
.rm-form-builder-box .rm-form-field .rm-insert-field {
    width: 100%;
}
.rm-form-builder-box .rm-form-field .rm-insert-field .rm-insert-field-button a {
    display: contents;
}
.rm-form-builder-navbar .rm-form-builder-navbar-wrap {
    width: calc(100% - 160px);
    position: fixed;
    top: 32px;
    border-radius: 1px;
    z-index: 999;
    background-color: #fff;
}

.rm-upgrade-notice-info ~ .rm-form-builder-navbar > .rm-form-builder-navbar-wrap{
     top: 82px;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action ul {
    margin: 0px;
    padding: 0px;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-title.rm-form-builder-action{
    font-weight: 500;
    font-size: 14px;
}
.rm-dd-page-logo .rm-video-link-icon{
    color: #EB595E;
    font-size: 25px;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action ul li {
    display: inline-block;
    padding: 6px 8px !important;
    transition: 0.5s;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action ul li:hover {
    background-color: rgb(236 240 244 / 58%);
    border-radius: 3px;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action ul li a {
    display: inline-block;
    text-decoration: none;
    box-shadow: none;
    width: 100%;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action ul li a span {
    font-size: 18px;
    padding-right: 5px;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action ul li a span.rm-fs-form-desc{
    font-size: 10px;
    padding-right: 0px;
}

.rm-form-builder-navbar .rm-form-builder-top-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    padding: 10px 0px;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-form-toggle {
    color: #79A8B5;
    font-weight: 400;
    text-align: right;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action {
    padding: 5px 15px;
}
.registrationmagic-form-builder #wpcontent {
    padding-left: 0px;
}
.rm-form-builder-box .rm-form-page-actions {
    position: absolute;
    top: 18px;
    right: 24px;
    visibility: visible;
}

.rm-form-builder-box .rm-form-page-actions .rm-form-page-action span {
    font-size: 15px;
    color: #0087be;
}
.rm-form-builder-main .rm-insert-new-form-page {
    margin-top: 30px;
}
.rm-form-builder-main .rm-insert-new-form-page .rm-insert-new-form-page-button {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px dashed #BFD4DB;
    background-color: transparent;
    color: #0087be;
    line-height: 18px;
    min-width: 80px;
    padding: 5px 14px;
    height: 60px;
    border-radius: 3px;
}
.rm-form-builder-main .rm-insert-new-form-page .rm-insert-new-form-page-button:focus {
    outline: 0px;
}
.rm-form-builder-box .rm-form-field .rm-field-actions .rm-field-rules .rm-conditions-badge:empty {
    display: none;
}

.rm-form-builder-box .rm-form-field .rm-field-actions {
    visibility: hidden;
}

.rm-form-builder-box .rm-fields-row .rm-form-field:hover .rm-field-actions  {
    visibility: visible;
}

.rm-form-buttons-row {
    margin-top: 30px;
}
.rm-form-buttons-row .rm-form-buttons-holder {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px dashed #BFD4DB;
    background-color: transparent;
    color: #0087be;
    line-height: 18px;
    min-width: 80px;
    padding: 5px 14px;
    height: 60px;
    border-radius: 3px;
    position: relative;
}
.rm-form-buttons-row .rm-form-buttons-holder .rm-form-button-field {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background-color: #fff;
    transition: all .2s ease;
    margin: 0px 15px;
    box-shadow: 0 1px 0 #e6e6e6;
    cursor: text;
    font-size: 14px;
    padding: 10px 24px;
    color: #6a7877;
    font-weight: 400;
}
.rm-form-buttons-row .rm-form-buttons-holder .rm-form-buttons-setting {
    position: absolute;
    right: 10px;
}
.rm-form-buttons-row .rm-form-buttons-holder .rm-form-buttons-setting .material-icons {
    font-size: 16px;
    cursor: pointer;
}
#rm-form-button-settings-modal .rm-field-submit-field-option-row.rm-field-submit-alignment {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}
#rm-form-button-settings-modal .rm-label {
    margin-bottom: 12px;
}
.rm-form-builder-modal-footer .rm-discard-setting,
.rm-form-builder-modal-footer .rm-save-setting {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}
.rm-form-builder-modal-footer .rm-save-setting .rm-save-setting-button {
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 26px;
    height: 28px;
    margin: 0 10px 0 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border: solid 1px #0087be;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    border-color: #0087be;
    background: #2271b1;
    vertical-align: top;
    transition: .1s;
    outline: 0px;
}

.rmagic #rm-field-row-setting-modal.rm-modal-view{
    height: 80%;
}


.rmagic #rm-field-row-setting-modal.rm-modal-view .rmrow {
    padding: 12px 30px;
    min-height: 0px;
}

.rmagic #rm-field-row-setting-modal.rm-modal-view .rmrow h3 {
    margin: 0px;
    padding: 0px;
}


.rmagic #rm-field-row-setting-modal.rm-modal-view .rm-form-column-help-text {
    font-size: 12px;
    margin-top: 4px;
    padding: 0px 2px;
    width: 100%;
}

.rm-field-row-wrap .rmrow .rm-field-columns-head {
    width: 100%;
    float: left;
    margin: 0px 1%;
}
.rmagic .rm-field-row-wrap .rmrow .rm-field-columns-head input,
.rmagic .rm-field-row-wrap .rmrow .rm-field-columns-head textarea{
    width: 100% !important;
}

.rmagic .rm-field-row-wrap .rmrow .rm-field-columns-head textarea{
    min-height: 60px;
}

.rm-field-row-wrap .rmrow .rm-field-columns-head input[type=text] {
    width: 100%;
}


.rm-field-columns-head .rm-form-column-help-text {
    width: 90%;
    font-size: 12px;
}

.rm-field-columns-head .rm-form-column-help-text input[type=text] {
    width: 90%;
}

.rm-field-columns-head .rm-field-column-label {
    font-weight: 400 !important;
    color: #555d66;
    padding: 5px 0px;
    font-size: 14px;
}
#rm-form-builder .rm-field-submit-field-holder {
    float: none;
    margin-bottom: 0px;
    padding: 50px 0px 0px 0px;
}

.rm-field-row-wrap .rmrow.rm-field-head-row input {
    width: 90%;
}

/*---- Builder Notice-----*/

.rm-builder-notice {
    float: left;
    width: 90%;
    position: relative;
    max-width: 75%;
    margin-left: 12.5%;
}

.rm-builder-notice .rmnotice {
    width: 100%;
    float: left;
    text-align: left;
    background-color: #fff;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #e1e1e1;
    border-left: 4px solid #0087be;
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}

/* Form Templates*/

.rmagic #rm_add_new_form_popup_template .rm-modal-titlebar .rm-modal-title {
    background-color: #fff;
    font-size: 16px;
    text-transform: inherit;
    padding: 20px 20px;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.rmagic #rm_add_new_form_popup_template .rm-modal-titlebar .rm-modal-title img {
    width: 30px;
    margin-right: 10px;
}

.rm-template-label-icon {
    margin-top: 10px;
}

.rm-template-label-icon span{
    font-size: 20px;
    color: #0087be;
}

.rmagic #rm_add_new_form_popup_template .rm-form-template-subtitle {
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding-top: 8px;
    color: #7c7c7c;
}

.rmagic #rm_add_new_form_popup_template .rm-modal-titlebar .rm-modal-close {
    background-color: #fff;
}

.form_temp {
    display: flex;
    flex-wrap: wrap;
    max-width: 95%;
    margin: 0px auto;
}

button.template-btn,button.template-btn-pro,.template-btn-link {
    width: 100%;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    font-size: 15px;
    cursor: pointer;
}

ul.form_temp .form_temp_bullet {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin: 0px 15px 30px 15px;
    padding: 12px 12px;
    position: relative;
    width: calc( 100%/5 - 30px);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

ul.form_temp .form_temp_bullet:hover {
    box-shadow: 1px 1px 7px 4px #f6f6f6;
    border: 1px solid #e5e5e5;
}

ul.form_temp .form_temp_bullet .rm-temp-card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
}


/*ul.form_temp .form_temp_bullet:nth-child(5n) {
    margin-right: 0;
}*/

ul.form_temp .form_temp_bullet img {
    max-width: 100%;
}

.rmagic #rm_add_new_form_popup_template .rm_add_new_form_wrap.rm-create-new-from {
    width: 80%;
    left: 10%;
    top: 10%;
    height: 100%;
    max-height: none;
    max-width: 100%;
}
.template-body {
    display: none;
}

.template-body.tt-panel-active {
    display: block;
}

ul.tt-tabs-list li.tt-tabs a {
    display: inline-block;
    border-radius: 5px;
    color: #595959;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 18px;
}
ul.tt-tabs-list li.tt-tabs.tt-tabs-active {
    background: #E6E6E6;
}

ul.tt-tabs-list li.tt-tabs.tt-tabs-active a {
    color: #7a7a7a;
}
ul.tt-tabs-list {
    width: 100%;
    padding: 15px 40px;
    box-sizing: border-box;
    margin: 0px 0px 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}


ul.tt-tabs-list li.tt-tabs {
    display: inline-block;
    text-align: center;
    float: none;
    border: 2px solid #E6E6E6;
    margin-left: -4px;
    border-radius: 3px;
}

.form_temp_bullet.pro-template {
    background: #EFF5F8;
}

.form_temp_bullet.pro-template .pro-label {
    color: #EB5989;
    font-weight: 500;
    padding: 8px 0px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
}

.form_temp_bullet.pro-template .pro-label span {
    font-size: 16px;
    margin-right: 4px;
}

.rm-temp-footer {
    /*    display: flex;
        left: 0;
        padding: 24px 14px 10px 14px;
        position: absolute;
        bottom: 0px;
        width: 100%;*/
}

.rm-temp-footer {
    padding: 5px 0px 0px 0px;
    width: 100%;
}


ul.form_temp .form_temp_bullet:hover .rm-temp-footer{
}

ul.form_temp .form_temp_bullet .rm-temp-header-title {
    padding: 0px;
    margin: 0px;
}

.rm-temp-footer button.rm-form-template-btn {
    margin-left: 0px;
    border-color: #0087be;
    background: #0087be;
    color: #fff;
    width: 100%;
}

.rm-temp-footer button.rm-form-template-btn:hover {
    background: #007CAE;
}

.rm-temp-footer .rm-form-template-btn {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    padding: 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

.rm-form-template-link {
    opacity: 0;
    display: none;
}

.rm-form-template-link a.rm-form-template-demo {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.rm-form-template-link span {
    font-size: 16px;
    margin-left: 4px;
}

.rm-temp-footer a.rm-form-template-btn{
    background-color: #EB5989;
    color: #fff;
    width: 100%;
    border: 1px solid #EB5989;
    display: inline-block;
}

.rm-temp-footer a.rm-form-template-btn:hover {
    background-color: #d34f7b;
}

.rmagic #rm_add_new_form_popup_template .rm_add_new_form_wrap {
    width: 540px;
    left: 33%;
    position: absolute;
    background: #fff;
    top: 200px;
    max-height: 100%;
    z-index: 9999;
    overflow: auto;
    border-radius: 3px;
}

.rmagic #rm_add_new_form_popup_template.rm-modal-view {
    height: 80%;
}

.rm-templates_list .rm-template-filter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    margin: 5px auto;
    width:100%;
    max-width: 93%
}

.rm-templates_list .rm-template-filter .rm-temp-filter-input {
    width: 278px;
    position: relative;
}

.rm-templates_list .rm-template-filter .rm-temp-filter-input span.material-icons {
    position: absolute;
    left: 8px;
    top: 8px;
    color: #909090;
    font-size: 22px;
}

.rm-templates_list .rm-template-filter .rm-temp-filter-input input#rm-input-filterTemplate {
    background-color: #E6E6E6;
    border: 1px solid #E6E6E6;
    width: 100%;
    padding-left: 32px;
}
.rm-templates_list .rm-template-filter .rm-temp-filter-input span.material-icons {
    top: 4px;
}

.rm-templates_list .rm-template-filter .rm-temp-filter-input input#rm-input-filterTemplate:focus {
    box-shadow: 0px 0px 0px 1px #d6d6d6;
}

.rm-templates_list .rm-template-filter .rm-temp-filter-suggestion {
}

.rm-templates_list .rm-template-filter .rm-temp-filter-suggestion ul,
.rm-templates_list .rm-template-filter .rm-temp-filter-suggestion ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}
.rm-templates_list .rm-template-filter .rm-temp-filter-suggestion ul{
}
.rm-templates_list .rm-template-filter .rm-temp-filter-suggestion ul li {
    margin-left: 10px;
    color: #0087be;
}

.rmagic .rm-templates_list .rm-template-filter .rm-temp-filter-suggestion ul li span {
    font-size: 20px;
    margin-right: 5px;
}

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

    ul.form_temp .form_temp_bullet {
        width: calc( 100%/4 - 32px);
    }

    /*  ul.form_temp .form_temp_bullet:nth-child(4n) {
        margin-right: 0;
    }*/

    /*  ul.form_temp .form_temp_bullet:nth-child(5n) {
          margin-right: 30px;
    }*/

}


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

    ul.form_temp .form_temp_bullet {
        width: calc( 100%/3 - 32px);
    }

    /*  ul.form_temp .form_temp_bullet:nth-child(4n) {
        margin-right: 0;
    }*/

    /*  ul.form_temp .form_temp_bullet:nth-child(5n) {
          margin-right: 30px;
    }*/

}

/* End Form Templates*/

#rm_field_manager_form .rm-legacy-builder {
    background-color: #F2F2F2;
    width: auto;
    display: inline-block;
    padding: 6px 10px;
    position: absolute;
    left: 8px;
    top: 8px;
    border-radius: 5px;
    border: 1px solid #E6E6E6;
    color: #0087be;
    font-weight: 500;
    cursor: pointer;
}

#rm_field_manager_form .rm-legacy-builder:hover .rm-legacy-builder-info {
    display: block;
}

#rm_field_manager_form .rm-legacy-builder .rm-legacy-builder-info {
    background-color: #fff;
    border: 1px solid #dedede;
    position: absolute;
    width: 272px;
    left: 142px;
    top: -27px;
    padding: 18px 12px;
    border-radius: 5px;
    min-height: 100px;
    text-align: center;
    z-index: 9999;
    display: none;
    color: #555d66;
    font-weight: normal;
}

#rm_field_manager_form .rm-legacy-builder .rm-legacy-builder-info .rm-legacy-builder-info-nub {
    position: absolute;
    width: 10px;
    height: 11px;
    -webkit-transform: rotate(136deg);
    transform: rotate(136deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #ccc;
    background: #fff;
    top: 38px;
    left: -5px;
}

.rm-legacy-builder-content {
    white-space: break-spaces;
    word-break: break-word;
    line-height: 20px;
}

#rm_field_manager_form .rm-legacy-builder span.dashicons {
    margin-left: 3px;
}



.rmagic .rm-profile-tabs-wrap {
    max-width: 100%;
    margin: 0px auto;
}

.rmagic .rm-profile-tabs-wrap #rm-field-sortable-tabs {
    width: 90%;
    float: none;
    margin: 0px auto;
}

.rmagic .rm-tabs-sorting-box ul#rm-field-sortable-tabs li.rm-fields-row .rm-profile-tab-slab .rm_sortable_handle{
    z-index: 0
}

.rmagic ul#rm-field-sortable-tabs {
    width: 100%;
    float: left;
    position: relative;
}

.rmagic ul#rm-field-sortable-tabs li.rm-fields-row {
    width: 100%;
    cursor: pointer;
    margin-bottom: 14px;
    display: inline-block;
    left:0px;
}

.rmagic ul#rm-field-sortable-tabs li.rm-fields-row .rm-profile-tab-slab {
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

.rmagic ul#rm-field-sortable-tabs li.rm-fields-row .rm-profile-tab-slab  {
    width: 100%;
    padding: 10px;
    margin-bottom: 0px;
    float: left;
    border-radius: 3px;
    z-index: 1000;
    transition: 0.2s;
}

.rmagic ul#rm-field-sortable-tabs li.rm-fields-row .rm-profile-tab-slab .rm_sortable_handle {
    float: left;
    width: 25px;
    cursor: move;
    position: relative;
    z-index: 99999;
    color: #0087be;
}

.rmagic ul#rm-field-sortable-tabs li.rm-fields-row .rm-profile-tab-slab .rm-slab-info {
    margin: 5px 0px 0px 20px;
}

.rmagic ul#rm-field-sortable-tabs li.rm-fields-row .rm_profile_tab-setting {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    margin-top: -1px;
    display: inline-block;
}
.rmagic ul#rm-field-sortable-tabs li.rm-fields-row .rm-profile-tab-slab .rm-profile-tab-drag-icon{
    background-image: url(../../images/drag-icon.svg);
    width: 22px;
    height: 22px;
    display: inline-block;
}

.rm-profile-tab-reorder-info {
    background-image: url(../../images/drag-icon.svg);
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 5px;
}


/* End: Profile Tabs */


/*-- Custom profile tabs---*/

.rmagic .operationsbar .nav ul li.rm-tabs-reorder a {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: center;
}

.rmagic .operationsbar .nav ul li.rm-tabs-reorder a i {
    margin-right: 5px;
}

/*-- End Custom profile tabs---*/


/*--All form Stripe Notice---*/

.rm-upgrade-notice-info {
    font-size: 15px;
    line-height: 1.4;
    margin-left: -20px;
    padding: 12px 32px 12px 20px;
    background: #fff;
    display: block;
    text-align: center;
    border-bottom: 2px solid #1763a0;
}

.rm-upgrade-notice-info a {
    color: #fff;
    text-decoration: none
}
.rm-upgrade-notice-info a:hover{
    text-decoration: none;
}

.rm-upgrade-notice-info .rm-promo-notice-dismiss {
    position: absolute;
    top: 0px;
    right: 9px;
    font-size: 20px;
    text-decoration: none;
    margin-left: 5px;
    padding: 6px 6px;
}

.rm-upgrade-notice-info .rm-promo-notice-dismiss:hover{
    color: #fff;
}

/*--End: All form Stripe Notice---*/

/*--Php Notice Notice---*/

#rm-php-notice-warning {
    padding: 13px 14px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    font-size: 12px;
    background-color: #ffffff;
    width: 100%;
    max-width: 1070px;
    margin: 15px 10% 0 5%;
    line-height: 26px;
    border-left-color: #dba617;
}

/*--End Php Notice Notice---*/


/*--Box Modal---*/


.rm-modal-box-wrap {
    width: 100%;
    max-width: 700px;
    left: 33%;
    position: absolute;
    background: #fff;
    top: 140px;
    max-height: 100%;
    z-index: 9999;
    overflow: auto;
    border-radius: 6px;
}


.rmagic #rm_welcome_modal .rm-modal-titlebar .rm-modal-title {
    background-color: #fff;
    font-size: 25px;
    text-transform: inherit;
    padding: 20px 20px;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    font-weight: 200;
    color: #5B5D6E;
}


.rmagic #rm_welcome_modal .rm-modal-titlebar .rm-modal-title img {
    width: 160px;
    margin-left: 60px;
}

.rmagic #rm_welcome_modal .rm-modal-titlebar .rm-modal-title span {
    margin: 4px 0px 0px 6px;
}

.rmagic #rm_welcome_modal .rm-modal-titlebar .rm-modal-close span {
    color: #89A2B6;
}

.rmagic #rm_welcome_modal .rm-modal-titlebar .rm-modal-close {
    background-color: #fff;
}

.rmagic #rm_welcome_modal .rm-welcome-modal-row {
    width: 92%;
    margin: 4% auto;
}


.rmagic #rm_welcome_modal .rm-welcome-modal-box-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.rmagic #rm_welcome_modal .rm-welcome-modal-box-link {
    border: 1px solid #D3DBE2;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.rmagic #rm_welcome_modal .rm-welcome-modal-box-link:hover{
    background-color: #F8FAFC;
}

.rmagic #rm_welcome_modal .rm-welcome-modal-box-link .rm-welcome-modal-box-title {
    color: #3A4955;
    font-size: 12px;
    font-weight:bold;
}

.rmagic #rm_welcome_modal .rm-welcome-modal-box-link .rm-welcome-modal-box-description {
    color: #89A2B6;
    font-size: 11px;
}

.rm-welcome-modal-icon {
    max-width: 96px;
    width: 100%;
    text-align: left;
}

.rm-welcome-modal-icon svg{
    width: 56px;
}

.rm-welcome-modal-row-title{
    font-size: 10px;
    text-transform: uppercase;
    width: 100%;
    margin: 24px 0px 6px 0px;
    font-weight: bold;
    color: #3A4955;
}

/*--Box Modal End ---*/


/*--- Reports ---*/

.rm-box-white-bg {
    background-color: #fff;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    width:100%;
}

.rm-d-flex {
    display: flex !important;
}

.rm-di-flex {
    display: inline-flex;
}

.rm-flex-direction-col {
    flex-direction: column;
}

.rm-box-justify{
    justify-content: space-between;
}

.rm-box-center{
    align-items: center;
}

.rm-box-text-left {
    text-align: left!important;
}

.rm-box-text-center {
    text-align: center!important;
}

.rm-box-bottom {
    align-items: flex-end;
}

.rm-box-text-right {
    text-align: right!important;
}


.rm-d-flex-v-center {
    justify-content: center;
}

.rm-box-mb-25 {
    margin-bottom: 16px;
}

.rm-box-mt-16 {
    margin-top: 16px;
}

.rm-card-mb-16 {
    margin-bottom: 16px;
}

.rm-box-h-100{
    height: 100%;
}

.rm-box-border {
    border:1px solid #DAE1E7;
}

.rm-box-border-right {
    border-right:1px solid #DAE1E7;
}

.rm-box-border-bottom {
    border-bottom:1px solid #DAE1E7;
}

.rm-box-ptb{
    padding: 20px 0px;
}
.rm-box-p{
    padding: 20px
}

/*-- Paddings--*/

.rm-box-p-3 {
    padding: 1rem!important;
}
.rm-box-p-2{
    padding: 0.5rem!important;
}
.rm-box-py-3 {
    padding: 1rem 0rem;
}
.rm-box-px-3 {
    padding: 0rem 1rem;
}
.rm-box-p-0{
    padding: 0px !important;
}

.rm-box-pl-0, .rm-box-px-0 {
    padding-left: 0!important;
}
.rm-box-pr-0, .rm-box-px-0 {
    padding-right: 0!important;
}

.rm-box-py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

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

/*-- Paddings End:--*/

.rm-box-col-wrap {
    background-color: #F6FAFD;
    padding: 18px 0px;
    border: 1px solid #A6CEEE;
    border-radius: 3px;
    width: 96%;
    margin: 0px auto;
    margin-left: 15px;
}

.rm-box-wrap{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.rm-box-row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px
}

.rm-box-col-1,
.rm-box-col-2,
.rm-box-col-3,
.rm-box-col-4,
.rm-box-col-5,
.rm-box-col-6,
.rm-box-col-7,
.rm-box-col-8,
.rm-box-col-9,
.rm-box-col-10,
.rm-box-col-11,
.rm-box-col-12,
.rm-box-col{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
}



@media (min-width: 980px){

    .rm-box-col-1{
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .rm-box-col-2{
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;

    }

    .rm-box-col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .rm-box-col-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .rm-box-col-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }


    .rm-box-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .rm-box-col-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;

    }

    .rm-box-col-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .rm-box-col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .rm-box-col-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .rm-box-col-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .rm-box-col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px){
    .rm-box-col-md-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 400px){
    .rmagic-cards .rm-box-col.rm-box-col-md-card{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


@media (min-width: 600px){
    .rmagic-cards .rm-box-col.rm-box-col-md-card{
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}


@media (min-width: 900px){
    .rmagic-cards .rm-box-col.rm-box-col-md-card{
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}


@media (min-width: 1100px){
    .rmagic-cards .rm-box-col.rm-box-col-md-card{
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (min-width: 1250px){
    .rmagic-cards .rm-box-col.rm-box-col-md-card{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .rmagic.rm-all-forms .rm-box-col-md-9{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

}

@media (min-width: 1250px){
    .rmagic-cards .rm-box-col.rm-box-col-md-card{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }


}
 


/*---All Forms Card Responsive----*/

@media only screen and (min-width:1280px) and (max-width:1537px){

    .rmagic.rm-all-forms .rm-box-col-md-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}


@media only screen and (min-width:1538px) and (max-width:3020px){
    .rmagic.rm-all-forms .rm-box-col-md-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Reports----*/

.rm-report-filter-attr label {
    width: 100%;
    display: inline-block;
    font-weight: 500;
    color: #000000;
    padding-bottom: 6px;
}


.rm-box-btn-wrap button.rm-btn{
    border: 1px solid #2271B1;
    border-radius: 3px;
    padding: 8px 20px;
    min-width: 100px;
    font-size: 14px;
    margin: 0px 5px;
    cursor: pointer;
}


.rm-box-btn-wrap button.rm-btn-primary{
    background-color: #2271B1;
    color: #fff;
}
.rm-box-btn-wrap button.rm-btn-secondary{
    background-color: #fff;
    color: #2271B1;
}

/* Date Picker */

body .daterangepicker {
    border: 1px solid #D3DBE2;
    overflow: hidden;
}

body .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border: 0px;
}

body .daterangepicker .ranges ul {
    margin-top: 10px;
}

body .daterangepicker.show-calendar .ranges {
    border-right: 1px solid #D3DBE2;
    margin-top: 0px;
}

body .daterangepicker .drp-buttons {
    border-top: 1px solid #D3DBE2;
    background-color: #F1F5F8;

}

body .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #2271B1;
    border-radius: 3px;
    padding: 5px 20px;
    font-size: 13px;
    margin: 0px 5px;
    cursor: pointer;
    background: #fff;
}

body .daterangepicker .drp-buttons .btn.btn-primary {
    background-color: #2271B1;
    color: #fff;
}

body .daterangepicker .drp-buttons .btn.btn-default{
    color: #2271B1;
}

body .daterangepicker .ranges li.active {
    background-color: #fff;
    color: #2271B1;
}

body .daterangepicker .ranges li {
    border-bottom: 1px solid #D3DBE2;
    margin: 4px 0px;
}

body .daterangepicker .ranges li:hover {
    background-color: #fff;
    color: #2271B1;
}

body .daterangepicker .ranges li:last-child{
    margin-bottom: 0px;
    border:0px;
}

/* Date Picker End  */

.rm-report-preview table.rm-reports-table{
    width: 100%;
    background-color: #D3DBE2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-collapse: collapse;
    overflow: hidden;
}

.rm-report-preview table.rm-reports-table thead tr th {
    background-color: #2271B1;
    color: #fff;
    border-color: #2E5E84;
}

.rm-report-preview table.rm-reports-table td,
.rm-report-preview table.rm-reports-table th {
    border: 1px solid #D3DBE2;
    padding: 8px 20px;
    vertical-align: top;

}

.rm-report-preview table.rm-reports-table span.material-icons {
    font-size: 18px;
    color: #0087be;
}

.rm-report-preview table.rm-reports-table .rm-login-report-status span.material-icons {
    font-size: 18px;
}
.rm-report-preview table.rm-reports-table .rm-login-report-status .rm-login-status-failure {
    color:#EB595E;
}
.rm-report-preview table.rm-reports-table .rm-login-report-status .rm-login-status-success{
    color:#32B870;
}

.rm-box-title {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.rm-box-subtitle {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.rm-reports-preview-title.rm-box-title {
    margin-bottom: 5px;
}

.rm-reports-preview-sub-title.rm-box-sub-title {
    color: #6c757d!important;
}

.rm-reports-submission-view span.material-icons {
    font-size: 18px;
}

.rm-total-record-found {
    font-size: 13px;
    font-weight: 500;
}

.rm-report-filter-attr input[type=text],
.rm-report-filter-attr input[type=email],
.rm-report-filter-attr select{
    border: 1px solid #D3DBE2;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    padding: 2px 10px;
    height: 38px;
    width: 90%;
}

.rm-report-filter-attr #rm-reportrange {
}

.rmagic .rm-report-preview table.rm-reports-table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.rmagic .rm-report-preview table.rm-reports-table tbody tr:nth-child(even) {
    background-color: #F7FBFE;
}

.rm-reports-no-data-found.rmnotice {
    border: solid #D3DBE2;
    border-left-color: #2271B1;
    border-width: 1px 1px 1px 4px;
    box-shadow: none;

}

.rm-reports-attachments-charts #attachmentCounter {
    max-height: 800px;
    margin: 0px auto;
}

.rmagic .rm-reports-attachments .rmagic-cards .rmattachment img {
    width: 100%;
    height: 100%;
}

.rm-reports-attachments .rmagic-cards {
    text-align: center;
}

.rm-reports-attachments .rmagic-cards .rmcard{
    border: 1px solid #D3DBE2;
    border-radius: 2px;
    box-shadow: none;
}

.rm-reports-attachments .rmagic-cards .rmcard .cardtitle {
    text-align: center;
    float: none;
    margin: 12px auto 0px auto;
}


.rmagic .rm-reports-attachments .rmagic-cards .rmcard .rm-form-row {
    width: 100%;
}

.rmagic .rm-reports-attachments .rmagic-cards .rmcard .rm-form-row a {
    color:#2271B1;
}


/*-- Report Multi selector box-- */

.rm-filter-reports-form .rm-report-filter-attr .select2-container .select2-selection--multiple {
    border: 1px solid #D3DBE2;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    color: #000;

}

.rm-filter-reports-form .rm-report-filter-attr .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f7fbfe;
    border: 1px solid #D3DBE2;
    color: #60686f;
    font-size: 11px;
    border-radius: 4px;
}

.rm-filter-reports-form .rm-report-form  .rm-box-btn-wrap.rm-report-filter-attr label {
    visibility: hidden;
}

/*-- End: Report Multi selector box-- */


.rmagic .rm-email-report-action  {
    padding: 5px 10px;
    display: inline-flex;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    width: auto;
    color: #2271B1;
    cursor: pointer;
}

.rmagic .rm-email-report-action  span{
    color: #2271B1;
    font-size: 16px;
    padding-left: 6px;
    line-height: 18px;
}

.rmagic .rm-email-report-action:hover {
    background-color: #F1F5F8;
    color:#2271B1
}


.rmagic .rm-email-report-action:active {
    background-color: #F1F5F8;
    color:#2271B1
}

.rmagic .email-report-schedule-wrap .rm-add-custom-status-value {
    right: 200px;
    top: 0px;
    min-height: 143px;
    z-index: 999;

}

.rmagic .email-report-schedule-wrap .rm-add-custom-status-value .rm-custom-status-box-nub {
    top: 15px;
}

/* Reports End----*/

/*--- All reports---*/

.rm-reports-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 20px;
    align-items: stretch;
}

.rm-reports-list .rm-reports-card {
    transition: 0.3s all ease-in-out;
    cursor: pointer;
}

.rm-reports-list .rm-reports-card:hover {
    background-color: #F1F5F8;
}

.rm-reports-title {
    border-bottom: 1px solid #D3DBE2;
    padding: 20px 20px;
    font-size: 14px;
    color: #3A4955;
    font-weight: 500;
}

.rm-reports-list .rm-reports-card img {
    max-width: 70px;
}

.rm-reports-list.rm-box-wrap {
    padding: 20px 30px;
}

.rm-reports-card-content h3 {
    font-size: 14px;
    color: #3A4955;
}
.rm-reports-card-content p {
    font-size: 12px;
    color: #89A2B6;
}

.rm-reports-list .rm-reports-card-content {
    padding: 20px;
    padding-top:0;
    text-align: center;
}

.rm-reports-card-icon {
    margin: auto;
    text-align: center;
}

.rm-reports-list .rm-reports-card.rm-locked-section {
    overflow: visible;
}

.rm-reports-list .rm-reports-card.rm-locked-section .rm-box-premium {
    visibility: visible !important;
}

.rm-reports-card-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(20 20 20 / 6%);
    left: 0px;
    top: 0px;
    z-index: 99999;
}

.rm-reports-list .rm-reports-card.rm-reports-open .rm-reports-card-overlay {
    display: block !important;
}

.rm-reports-list .rm-reports-card.rm-locked-section .rm-report-premium-card {
    top: 46px;
    right: 70%;
    z-index: 99999999;
    min-height: 148px;
}

.rm-reports-list .rm-reports-card.rm-locked-section .rm-report-premium-card.rm-premium-card-right {
    top: 46px;
    right: -84%;
}

.rm-reports-list .rm-reports-card.rm-locked-section .rm-report-premium-card.rm-premium-card-right .rm-custom-status-box-nub {
    top: 75px;
    left: -5px;
    -webkit-transform: rotate(138deg);
    transform: rotate(138deg);
}

/*--- All reports End---*/

/*--- Compare chart---*/

.rm-compare-charts-area {
    display: flex;
    flex-wrap: wrap;
}

.rm-dash-compare-chart-container {
    max-width: 25%;
    padding: 2%;
}

.rm-compare-chart-title {
    text-align: center;
    padding: 10px 0px;
    font-weight: 500;
    color: #000;
}

/*--- Compare chart End---*/

.rm-box-premium {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    margin: 8px auto;
    color: #EB5989;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.rm-box-premium .material-icons {
    font-size: 17px;
    margin-right: 3px;
}

.rm-disabled-layout {
    pointer-events: none;
    opacity: 0.2;
    cursor: not-allowed;
}

/*--DD Builder--- */

.rm-form-builder-navbar .rm-form-builder-top-box.rm-dd-builder-box{
    margin: 0px 0px 0px 5%;
    max-width: 100%;
    width: 90%;
}

.rm-form-builder-navbar .rm-form-builder-top-box.rm-dd-builder-box .rm-dd-page-title {
    color: #61839E;
    font-size: 12px;
    font-weight: 600;
    border-left: 1px solid #D3DBE2;
    padding: 0px 10px;
    margin: 0px 12px;
    text-decoration: none;
    max-height: 14px;
    margin-top: 5px;
    text-transform: uppercase;
    box-shadow: none;
}

.rm-form-builder-navbar .rm-form-builder-top-box.rm-dd-builder-box .rm-dd-page-title span {
    margin-left: 5px;
    visibility: hidden;
}

.rm-form-builder-navbar .rm-form-builder-top-box.rm-dd-builder-box .rm-form-builder-action{
    width: 50%;
    max-width: 100%;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action .rm-fs-toggle-head {
    padding: 6px 12px;
    text-align: left;
    min-width: 340px;
    cursor: pointer;
    position: relative;
    z-index: 999;
}

.rm-form-builder-navbar .rm-form-builder-top-box .rm-form-builder-action .rm-fs-toggle-head.rm-fs-panel-trigger-close {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

/*-- Field Mangner Slide Panel--*/

.rm-fs-panel-trigger .rm-fs-toggle-close{
    display: none;
}

.rm-fs-panel-trigger.rm-fs-panel-trigger-close .rm-fs-toggle-close {
    display: block;
}
.rm-fs-panel-trigger.rm-fs-panel-trigger-close .rm-fs-toggle-open {
    display: none;
}

.rm-fs-panel {
    visibility: hidden;
    -webkit-transition: visibility 0s 0.20s;
    transition: visibility 0s 0.20s;
}

.rm-fs-panel.rm-fs-panel-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}

.rm-fs-panel .rm-fs-panel-container {
    z-index: 9;
    height: 0px;
    opacity: 0;
    transition: opacity 0.20s ease-out;
    /* transition: height 0.20s ease-out;*/

}
.rm-fs-panel.rm-fs-panel-is-visible .rm-fs-panel-container {
    z-index: 9;
    height: 100%;
    opacity: 1;
    /* transition: height 0.35s ease-in;*/
    transition: opacity 0.30s ease-in;

}
.rm-fs-panel .rm-fs-panel-overlay {
    display:none
}

.rm-fs-panel.rm-fs-panel-is-visible .rm-fs-panel-overlay  {
    display:block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0000;
    top: 0px;
    left: 0px;
    z-index: 9;
    cursor: pointer;
}

.rm-fs-panel::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: pointer;
    -webkit-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}

.rm-fs-panel.rm-fs-panel-is-visible::after {
    background: rgba(0, 0, 0, 0.0);
    -webkit-transition: background 0.3s 0s;
    transition: background 0.3s 0s;
}

.rm-fs-panel-header{
    position: fixed;
    width: 90%;
    line-height: 16px;
    padding: 10px 5% 10px 0px;
    line-height: 16px;
    background: rgba(255, 255, 255, 0.96);
    z-index: 2;

}

.rm-fs-panel-header .rm-fs-panel-selector-title {
    color: #3A4955;
    padding-left: 5%;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.rm-fs-panel-header .rm-fs-panel-selector-subtitle {
    color: #3A4955;
    padding-left: 5%;
    font-size: 12px;
    font-weight: 600;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rm-fs-panel-from-top .rm-fs-panel-header {
    right: 0;
}

.rm-fs-panel-is-visible .rm-fs-panel-header {

}

@media only screen and (min-width: 768px) {
    .rm-fs-panel-header {
        width: 100%;
    }
}

.rm-fs-panel-close {
    position: absolute;
    top: 14px;
    right: 8px;
}

a.rm-fs-panel-close{
    text-decoration: none;
    box-shadow: none;
}

.rm-fs-panel-container{
    position: fixed;
    height: 100%;
    max-height: 80%;
    top: 90px;
    z-index: 999;
    text-align: left;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.rm-fs-panel-from-top .rm-fs-panel-container {
    right: 5.40%;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0px 1px 5px 2px rgb(206 206 206 / 27%);
}

.rm-fs-panel-is-visible .rm-fs-panel-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
    .rm-fs-panel-container{
        width: 340px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1170px) {
    .rm-fs-panel-container {
        width: 340px;
        max-width: 100%;
    }
}

.rm-fs-panel-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0px 5%;
    overflow: auto;
    /* smooth scrolling on touch devices */
    -webkit-overflow-scrolling: touch;
}

.rm-fs-panel-content li   {
    margin-bottom: 0px;
    width: 100%;
    padding: 4px 0px !important;
}

.rm-fs-panel-content li a   {
    color: #3A4955;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    color: #0C7DC3;
}

.rm-fs-panel-content li .rm-fs-form-desc {
    color: #61839E;
    font-size: 10px;
    width: 100%;
    line-height: 1.5;
    max-height: 4.5em;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.rm-fs-panel-content li:first-of-type {
    margin-top: 0;
    font-size: 12px;
}

@media only screen and (min-width: 768px) {
    .rm-fs-panel-content li {
        font-size: 1.6rem;
    }
}

.rm-fs-panel-data {
    margin-top: 20px;
}

.rm-fs-panel-data ul {
    padding: 0px !important;
    margin: 0px 0px 30px 0px !important;
}

.rm-fs-forms-title {
    color: #3A4955;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 8px;
}

.rm-fs-search-forms {
    margin-bottom: 28px;
}

.rm-fs-search-forms input{
    border: 1px solid #89A2B6;
    width: 100%;
    border-radius: 3px;
    height: 38px;
    font-size: 12px;
}

.rm-fs-toggle-head-wrap {
    width: 100%;
    line-height: 16px;
}

.rm-fs-toggle-head-wrap .rm-fs-toggle-title {
    color: #3A4955;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 500;
}
.rm-fs-toggle-head-wrap .rm-fs-form-selected {
    color: #3A4955;
    font-size: 12px;
    font-weight: 600;
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rm-fs-toggle-head span.material-icons {
    color:#2271B1;
}

.rm-form-design-wrap ul{
    background-color: #2271B1;
    border-radius: 3px;
    border: 1px solid #2E5E84;
}

.rm-form-design-wrap ul li {
    margin: 0px;
    padding: 0px;
    border-right: 1px solid #2E5E84;
}

.rm-form-design-wrap ul li:last-child{
    border-right: 0px solid #2E5E84;
}

.rm-form-design-wrap ul li a {
    padding: 8px 20px;
    color: #fff;
    line-height: 32px;
    box-shadow: none;
}

.rm-form-design-wrap ul li a:hover {
    background-color: #1f659e;
}

/* Search Result--*/

.rm-fs-search-result .rm-fs-search-result-head {
    color: #61839E;
    font-size: 12px;
    margin-bottom: 20px;
}

.rm-fs-search-result .rm-fs-search-result-head a {
    color: #2271B1;
    text-decoration: underline;
    font-weight: 400;
    padding-left: 2px;
}

.rm-fs-search-result .rm-fs-search-result-head a:hover{
    text-decoration: none;
}

/* End: Search Result--*/

/*-- EndField Mangner Slide Panel--*/

.rm_payments_modal_wrap {
    width: 100%;
    max-width: 700px;
    min-height: 300px;
    left: 33%;
    position: absolute;
    background: #fff;
    top: 140px;
    max-height: 100%;
    z-index: 9999;
    overflow: auto;
    border-radius: 6px;
}

.rmagic.rm-payment-report-main {
    max-width: 1250px;
}

.rm-box-btn-wrap button.rm-btn-danger{
    background-color:#EB595E;
    color:#fff;
    border: 1px solid #EB595E;
}


.rm-payments-actions .rm-payment-action-btn {
    margin-bottom: 10px;
    position: relative;
}


.rm-payments-actions .rm-payment-action-btn .rm-btn {
    width: 100%;
    display: inline-block;
    padding: 12px 20px;
    font-size: 12px;
    max-width: 80%;
}

.rm-payments-status-transc{
    background: #F1F5F8;
    padding: 16px 8px;
    margin: 20px 0;
    font-size: 11px;
    display: flex;
    flex-wrap: nowrap;
}

.rm-payment-title {
    font-weight: 600;
    padding-right: 10px;
}

.rm-payments-product-name {
    color: #61839E;
}

.rm-payments-status-transc > div{
    flex-wrap: wrap;
    width: 100%;
}

.rm-payments-total .rm-total-price span {
    color: #61839E;
}

.rm-payments-download-section .rm-payments-download-actions a{
}
.rm-payments-download-section .rm-payments-download-actions a span{
    font-size: 18px;
}

.rm-payments-download-section .rm-payments-download-actions a span.rm-svg-invoice-icon svg{
    width: 20px;
    margin-left: 8px;
}

.rm-payments-user-email .rm-payments-value img {
    width: 28px;
    height: 28px;
    margin: 0px 5px 0px 0px;
}

table.rm-payments-more-products {
    width: 100%;
    margin: 50px 0px;
    border: 1px solid #d5d5d5;
}

.rm-payments-form-section .rm-payments-form-section-row .rm-d-flex{
    margin-bottom: 10px;
}

.rm-payments-form-section .rm-payments-user-email-id {
    color:#2271B1;
}

table.rm-payments-more-products th {
    border-bottom: 1px solid #e6e6e6;
}

.rm-payments-download-row {
    padding: 10px 0;
    border-top: 1px dashed #DAE1E7;
}

.rm-payments-icon{
    margin-right: 15px;
}

.rm-payments-icon img {
    height: 26px;
}

/*Payment Status*/

.payment-status-completed{
    color:#32B86E;
}
.payment-status-pending{
    color: #FEB158;
}
.payment-status-canceled{
    color:#EB595E;
}
.payment-status-refunded{
    color:#35C4FF;
}

/*Payment Status*/


/*User Status */

.rm-payment-user-activated{
    color:#32B870;
}
.rm-payment-user-existing{
    color: #35C4FF;
}
.rm-payment-user-guest{
    color:#999999;
}
.rm-payment-user-pending{
    color:#FEB158;
}

/*User Status*/

.rm-payments-status-transc .rm-payment-type-paypal a{
    background-image: url(../../images/svg/paypal-icon.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    width: 100px;
    font-size: 0px;
    background-size: contain;
}

.rm-payments-status-transc .rm-payment-type-offline a{
    display: inline-flex;
    width: auto;
    background-size: contain;
    border: 1px solid #ccc;
    padding: 2px 5px;
    border-radius: 3px;
    color: #1f1e1e;
    background-color: #e4e4e4;
    text-transform: capitalize;
    font-size: 11px;
}

.rm-payments-status-transc .rm-payment-type-stripe a{
    background-image: url(../../images/svg/stripe-payment-icon.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    width: 100px;
    font-size: 0px;
    background-size: contain;

}

.rm-payments-status-transc .rm-payment-type-wepay a{
    background-image: url(../../images/svg/wepay-icon.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    width: 100px;
    font-size: 0px;
    background-size: contain;
}

.rm-payments-status-transc .rm-payment-type-anet_sim a{
    background-image: url(../../images/svg/authoriz-payment-icon.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    width: 100px;
    font-size: 0px;
    background-size: contain;
}

.rm-payment-view-id,.rm-payments-total {
    font-size: 25px;
    padding-bottom: 20px;
    color: #000;
    font-weight: 500;
}

.rm-payments-similar-table tr td a span.material-icons,
.rm-payments-other-table tr td a span.material-icons{
    font-size: 20px;
}

#rm_payments_logs table.rm-payments-logs-table {
    width: 100%;
    margin: 20px 0px;
    border: 1px solid #e1e1e1;
}

#rm_payments_logs table.rm-payments-logs-table td {
    min-width: 150px;
}

#rm_payments_logs table.rm-payments-logs-table table.table-logs-allowed_source_types{
    margin: 0px;
}
#rm_payments_logs table.rm-payments-logs-table table.table-logs-allowed_source_types tr,
#rm_payments_logs table.rm-payments-logs-table table.table-logs-allowed_source_types tr td {
    border: 0px
}

.table-logs-automatic_payment_methods tr,
.table-logs-payment_method_types tr{
    border: 0px
}

/* -- End: PayMent---*/

.rmagic .rm-premium-popover {
    background-color: #fff;
    position: absolute;
    width: 272px !important;
    left: -230px;
    top: -8px;
    padding: 8px 12px;
    border-radius: 5px;
    min-height: 150px;
    text-align: center;
    box-shadow: 0 3px 30px rgb(25 30 35 / 10%);
    border: 1px solid #e2e4e7
}

.rmagic .rm-premium-popover .rm-premium-popover-nub {
    position: absolute;
    width: 10px;
    height: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #ccc;
    background: #fff;
    top: 15px;
    right: -5px;
}

.rmagic .rm-premium-popover-wrap .rm-premium-popover-overlay {
    background-color: rgb(255 255 255 / 0%);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9;
}

.rmagic button.rm-btn-primary.rm-premium-action-bt {
    background-color: #69B1EB;
    border: solid 1px #69b1eb;
    cursor: not-allowed;
}

.rmagic .rm-premium-popover .rm_buy_pro_inline {
    font-weight: normal;
    border-top: 0px;
    margin-top: 15px;
}

.rmagic #rm-confirmation-email-premium.rm-hide-popover {
    display: none !important;
}

/*-- inbox pagination --*/

.rm-pagination-wrap {
    justify-content: flex-end;
    flex-wrap: nowrap;
    text-align: right;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

.rmagic .rm-pager-toggle {
    width: 100px;
    min-width: 100px;
    margin: 0px 5px;
}

.rm-pagination-nav {
    margin: 1px 2px;
    background-color: #fff;
    line-height: 0px;
    border: 1px solid #e1e1e1;
    display: none;
}

.rm-pagination-nav .rm-page-left,
.rm-pagination-nav .rm-page-right{
    padding: 5px 6px;
    cursor: pointer;
}

.rm-pagination-nav .rm-page-left:hover,
.rm-pagination-nav .rm-page-right:hover{
    background-color: #fcfcfc;
}

.rm-pagination-nav .rm-page-left {
    border-right: 1px solid #e1e1e1;
}

.rm-pagination-nav .rm-page-right{
}

/*--Menu Rearrange--*/

.rm-admin-menu-arrangement .rmrow.rm-access .rminput.admin-accessable {
    display: inline-flex;
    flex-wrap: wrap;
}

.rm-admin-menu-arrangement .rmrow.rm-access .rminput.admin-accessable .rm-admin-checkbox-label {
    display: inline-flex;
    margin: 0px 5px 8px 0px;
}


.rm-admin-menu-arrangement .rmrow.rm-access .rminput.admin-accessable .rm-admin-checkbox-label label {
    line-height: 8px;
}

.rm-admin-menu-arrangement .rmrow.rm-access .rminput.admin-accessable .rm-admin-checkbox-label .administrator-box{
    line-height: 12px;
    display: flex;
    position: relative;
}

.rm-admin-menu-arrangement .rmrow.rm-access .rminput.admin-accessable .rm-admin-popover {
    z-index: 99999;
    min-height: 98px !important;
    left: -280px;
    top: -15px;
    padding: 14px 10px;
    font-size: 13px;
}

.rm-admin-menu-arrangement .rmrow.rm-access .rminput.admin-accessable .rm-admin-checkbox-label .administrator-box:hover .rm-admin-popover{
    display: block!important;
}

.rm-admin-menu-arrangement .rmrow.rm-access .rminput.admin-accessable .rm-admin-popover span.dashicons {
    font-size: 15px;
    line-height: 15px;
    height: auto;
}

.rm-admin-menu-arrangement .rm-admin-checkbox-label input[type=checkbox]{
    margin-right: 0px;
}

.rm-premium {
    display: none !important;
}

.rm-support-banner-wrap {
    padding: 0px 1rem;
}

/*--Submission Table--*/


.rm_inbox_table.wp-list-table a{
    vertical-align: unset;
}

.rm_inbox_table.wp-list-table .row-actions span{
    word-break: break-word;
}

.rmagic.rmagic-inbox-manager ul.subsubsub li a{
    vertical-align: initial !important;
}

.rmagic .rm-tablenav-top {
    margin: 6px 0 14px;
}

.rm_inbox_table .rm-has-cs-inbox {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0px -2px;
    z-index: 1;
    border-radius: 50%;
    position: relative;
}

.rm-submission-status-badge{
    padding: 2px 7px;
    border-radius: 4px;
    background: #ececec;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.rm-submission-status-badge.rm-status-confirmed{
    color: #017d5c;
    background: #e5f5f0;
}

.rm-submission-status-badge.rm-status-refunded{
    color: #ac3d3d;
    background: #ffd6d6;
}

.rm-submission-status-badge.rm-status-pending{
    color: #907208;
    background: #fff2c5;
}


.rm_inbox_table tr th span.material-icons{
    font-size: 18px;
    line-height: 28px;
}


.rm_inbox_table.widefat thead tr th,
.rm_inbox_table.widefat tfoot tr th{
    white-space: nowrap
}

/*--Demo Notice---*/


.rmagic .rm-demo-data {
    display: flex;
    flex-direction: row;
    align-content: space-around;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    color: #D09756;
    background-color: #FFFAE2;
    border-radius: 0px 0px 0px 0px;
    border-top: 1px solid #FFDFBB;
    border-bottom: 1px solid #FFDFBB;
    padding: 12px 0px 12px 24px;
    position: absolute;
    bottom: 43px;
    left: 0px;
    width: 100%;
    margin: 0px;
    font-size: 11px;
    z-index: 99;
}

@media screen and (max-width: 782px) {
    .rmagic .rm-demo-data{
        display: none;
    }
}

.rmagic .rm-demo-data span {
    font-size: 15px;
    margin-right: 6px;
}

/*--Demo Notice End---*/

/*-- Status Tool Tip---*/

.rm_inbox_table .rm-has-cs-inbox .rm-has-cs-tooltip {
    display: none;
}

.rm_inbox_table .rm-has-cs-inbox .rm-has-cs-tooltip{
    position: absolute;
    width: 110px;
    background-color: #283237;
    top: -35px;
    left: calc(50% - 62px);
    font-size: 9px;
    padding: 2px 8px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.rm_inbox_table .rm-has-cs-inbox:hover .rm-has-cs-tooltip{
    display: block
}

.rm_inbox_table .rm-has-cs-inbox .rm-has-cs-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 45%;
    margin-left: 3px;
    border-width: 6px;
    border-style: solid;
    border-color: #283338 transparent transparent transparent;
}

/*--- inbox-slide pannel ---*/

.rm-slide-pannel{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-top: 1.5rem;
    position: fixed;
    left: -320px;
    top:0;
    transition: all .24s ease-in;
    width: 320px;
    height: 100vh;
    z-index: 99999;
}

.rm-slide-pannel.rm-pannel-show{
    left: 0px;
    overflow-y: auto;
}

.rm-slide-pannel-close{
    right: 12px;
    top: 16px;
}

.rm-slide-pannel-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(255 255 255 / 0%);
    top: 0;
    left: 0;
    z-index: -1;
}

.rm-slide-pannel.rm-pannel-show .rm-slide-pannel-overlay{
    display: block !important;
}

.rm-slide-pannel-close span{
    font-size: 20px;
}

.rm-box-premium-inbox-pannel {
    bottom: 0px;
    left: 0px;
}

/*--- inbox-slide pannel end ---*/

.rm-item-hide{
    display: none !important;
}

.rm-nav-pills {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.rm-advanced-filter-tabs li a.rm-tab-link{
    --rm-border-width: 1px;
    border-bottom: var(--rm-border-width) solid transparent;
}

.rm-advanced-filter-tabs li a.rm-tab-link.rm-tab-active{
    --rm-border-width: 2px;
    border-bottom: var(--rm-border-width) solid rgba(var(--rm-primary-rgb),1)!important;
}

.rm-advanced-filter-tabs li {
    top:1px
}

.rm-saved-filter{
    font-weight: 500;
}

.rm-apply-filter-row:hover .rm-apply-filter-action {
    display: block !important;
}

.rmagic .rm-apply-filter-row .rm-apply-filter-move{
    height: 30px;
}

.rmagic .rm-btn-delete {
    border-color: #CD3035;
    color:#CD3035;
}

.rmagic .rm-btn-delete:hover {
    border-color: #CD3035;
    color:#CD3035;
}

/*---Quick View---*/

.rm-user-profile img {
    border-radius: 50%;
    width: 62px;
    height: 62px;
}

.rm-page-wrapper {
    overflow-y: auto;
    height: calc(100vh - 134px);
    max-height: 100%;
}

.rm-page-wrapper .rm-form-page h1{
    text-align: center;
}

.rm-page-wrapper .rm-form-page{
    height: auto;
}

.rm-page-wrapper .rm-form-page{
    display: none;
}

.rm-page-wrapper::-webkit-scrollbar {
    width: 6px;
}

.rm-page-wrapper::-webkit-scrollbar-track {
    background-color: #DAE1E7;
}

.rm-page-wrapper::-webkit-scrollbar-thumb {
    background-color: #89A2B6;
}

.rm-form-nav-menu a {
    width: 100%;
    display: inline-block;
    padding: 8px 6px;
    border-bottom: 1px solid #e2e2e2;
}

.rm-form-nav-menu a:last-child{
    border-bottom: 0px;
}

.rm-form-nav-menu a.rm-form-nav-active{
    background-color: #F1F5F8;
}

#rm-submission-quick-view .rm-modal-close{
    font-size: 25px;
    padding: 0px 20px 0px 20px;
    position: absolute;
    right: 0px;
    color: #D3DBE2;
    top: 22px;
}

.rm-form-page .rm-submission-attachment img{
    width: 12px;
    height: auto;
    margin-right: 8px;
}

.rm-advanced-filter-notification{
    background-color: #CD3035;
    border: 3px solid rgb(248 180 182);
    top: -10px;
    right: 3px;
    width: 12px;
    height: 12px;
    box-sizing: content-box !important;
    border-radius: 50%;
}

.rm-has-user-status-inbox {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
/*----Quick View----*/

/*--Users table */

.rmagic #rm_users_date {
    background-color: #fff;
}

.rm-login-user-online i.fa-circle:before{
    color:#22b749;
}

#rm_update_role,
#rm_change_role{
    margin: 0 8px 0 0;
}


.rm-license-block.rm-license-expired{
    border: 1px solid #C5443F;
    background-color: #F1ECEC;
}
.license-expire-date.rm-license-expired{
    color:#eb1010;
}

#rm_license_settings .rm-license-checker-box{
    width: 100%;
}

#rm_license_settings .rm-license-checker-box:disabled {
    background-color: #E6E6E6;
    border: 1px solid #8C8F94;
    color: #8C8C8C;
}

.rm-dash-export-btn-wrap button.rm-dash-export-btn:disabled {
    background-color: #69B1EB;
    border: solid 1px #69b1eb;
    cursor: not-allowed;
}

#rm_license_settings button.rm-license-active-button:disabled {
    background-color: #78A7CE !important;
    border: solid 1px #78A7CE !important;
    cursor: not-allowed;
    color: #fff !important;
}

#rm_license_settings .rm-purchase-selector select{
    max-width: 100%;
    width: 100%;
}

#rm_license_settings .rm-purchase-selector select:disabled {
    background-color: #E6E6E6;
    border-color: #8C8F94;
    color: #8C8C8C;
    opacity: 1;
    text-shadow: none;
}

span.rm-license-validity-notice{
    max-width: 50%;
    display: inline-block;
    text-align: left;
}


#rm_license_settings table.rm-setting-table tr td{
    background: #f9f9f9;
}

@media (min-width: 1360px){
    span.rm-license-validity-notice{
        max-width: 60%;
    }
}


/*--- All Forms--*/

@media screen and (max-width: 782px){
    .rm-all-forms-table.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column) {
        text-align: left !important;
    }
}

@media only screen and (max-width: 600px) {
    .rmmagic-all-forms .rm-display-items-selector {
        display: none !important;
    }
}


.rmagic .rm-last-submission-avatar img{
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.rmagic .rm-last-submission-avatar img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 0px -6px;
    transition: 2s;
    border: 2px solid #fff;
}

.rm-all-forms-table th#rm-form-submission{
    min-width: 110px;
}

.rm-all-forms-table th#rm-form-created-date{
    min-width: 100px;
}

.rmagic .rm-all-forms-table input[type=checkbox].rm-login-checkbox:disabled {
    opacity: 1;
    background: rgb(255 255 255);
    border: 1px solid #d4d5d6;
}

.rm-display-items-selector {
    left: -226px;
    top: -41px;
}

.rm-all-forms-table .rm-form-name-col{
    max-width: 300px;
    word-break: break-word;
}

.rmagic.rmmagic-all-forms.rm-custom-list-table::before {
    width: 98.5%;
    padding-top: 5px;
}

.rmagic .rm-last-submission-avatar img:hover{
    transform: scale(1, 1);
}

.rm-form-badges-wrap .rm-form-badge a span.rm-form-badge-icon{
    font-size: 0.9rem!important;
    line-height: 0px !important;
}

.rm-form-badges-wrap .rm-form-badge a {
    position: relative;
    z-index: 9999;
    line-height: 0px !important;
}
.rm-form-badges-wrap .rm-form-badge a span.rm-form-badge-icon svg{
    width: 14px;
}

.rm-form-badges-wrap .rm-form-badge a span.rm-form-badge-icon.rm-form-badge-redirection svg{
    width: 16px;
}

.rm-form-badges-wrap .rm-form-badge:hover{
    background-color: #D7E4EF;
}

.rm-form-badges-wrap .rm-form-badge:first-child:hover {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.rm-form-badges-wrap .rm-form-badge:last-child {
    border-right: 0px !important;
}

.rm-form-badges-wrap .rm-form-badge:last-child:hover {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.rm-row-truncate {
    max-width: 700px;
    display: inline-block;
}

.search-box input[name="rm_form_search"]{
    float: left;
    margin: 0 4px 0 0;
}

@media screen and (max-width: 782px){
    p.search-box input[name="rm_form_search"] {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        vertical-align: middle;
    }
}


.rm-form-expiry-info {
    min-width: 70px;
}
.rm-form-expiry-info .rm-limit-counter {
    background-color: #e1f2ea;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    overflow: hidden;
    max-width: 60%;
    margin: 8px auto 8px auto;
}

.limit-counter-progress {

    height: 6px;
    float: left;
}

.rm-form-limit-in-progress {
    background-color: #1cbf71;
}

.rm-form-limit-expired{
    background-color: #DC4454;
}

.rm-tooltips{
    position: relative;
}

.rm-tooltips img{
    cursor: pointer;
}
.rm-tooltips span.rm-tooltip-wrap{
    display: none;
    position: absolute;
    width: auto;
    white-space: nowrap;
    background-color: #2e2e2e;
    color: #efefef;
    padding: 3px 6px;
    font-size: 11px;
    border-radius: 6px;
    top: -32px;
    left: -80px;
}

.rm-tooltips:hover > img ~ span.rm-tooltip-wrap{
    display: block;
}

.rm-tooltips:hover > .rm-form-badge-link ~ span.rm-tooltip-wrap{
    display: block;
    left: -45px;
}

.rm-tooltips:hover > .rm-form-badge-link ~ span.rm-tooltip-wrap .rm-tooltip-arrow:after{
}

.rm-tooltips .rm-tooltip-arrow,
.rm-tooltips .rm-tooltip-arrow:after{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.rm-tooltips .rm-tooltip-arrow{
    bottom: -30px;
    left: 49%;
    margin-left: 0px;
    border-bottom-width: 0;
}

.rm-tooltips .rm-tooltip-arrow{
    border-width: 11px;
}

.rm-tooltips .rm-tooltip-arrow:after{
    bottom: 4px;
    margin-left: -17px;
    content: " ";
    border-top-color: #2e2e2e;
    border-bottom-width: 0;
    border-width: 8px;
}

/*-- Password Advanced setting-- */

#rm_advance_field_settings_container #confirm_pwd_options ul.rmradio li{
    width: 100%;
    width: 100%;
    display: inline-flex;
}

#rm_advance_field_settings_container #confirm_pwd_options ul.rmradio li label{
    display: flex;
    align-items: flex-start;
}

.rmagic .rm-password-right{
    background-image: url(../../images/svg/rm-password-right.svg);
    background-repeat: no-repeat;
    width: 270px;
    height: 64px;
}


#rm_advance_field_settings_container #confirm_pwd_options ul.rmradio li:first-child{
    margin-bottom: 80px;
}

.rmagic .rm-password-below {
    background-image: url(../../images/svg/rm-password-below.svg);
    background-repeat: no-repeat;
    width: 248px;
    height: 92px;
    margin-left: 14px;
}

.rm-loader{
  width: 70px;
  height: 70px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}


.rm-loader:before, .rm-loader:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 6px solid transparent;
    border-top-color: #3498db;
}

.rm-loader:before {
    z-index: 100;
    animation: rmLoaderSpin 1s infinite;
}

.rm-loader:after {
    border: 6px solid #ccc;
}

@keyframes rmLoaderSpin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rmagic .rm_field_row_setting_wrap.rm-select-row-setting::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.rm-upgrade-notice-info .rm-premium-text{
   background: -webkit-linear-gradient(left, #FF4ED9 , #FF5933);
   background: -o-linear-gradient(right, #FF4ED9, #FF5933);
   background: -moz-linear-gradient(right, #FF4ED9, #FF5933);
   background: linear-gradient(to right, #FF4ED9 , #FF5933); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.rm-page-fade-in{
    -webkit-animation: rm-page-fade-in 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: rm-page-fade-in 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@keyframes rm-page-fade-in{
    0% {
        -webkit-transform: translateZ(80px);
        transform: translateZ(80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rmagic .rm-starter-guide-btn a{
    color: #e83e8c !important;
    border-color: #e83e8c !important;
    background-color: transparent !important;
}

.rm-sidebanner-buttons .rm-sidebanner-button:last-child a{
    text-decoration: none;
    border: 0px;
    line-height: 28px;
    outline: 0px;
    box-shadow: none;
    
}


/* Default link style */
#rm-ob-new a {
    text-decoration: none;
}

/* Gradient animation state */
#rm-ob-new a.rm-gradient-animate {
    background: linear-gradient(90deg, #2271b1, #7a85ff, #ff4df0, #2271b1);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  animation: gradient-text 5s linear infinite;
    animation-fill-mode: forwards; /* Keep final state */
}

@keyframes gradient-text {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}





/*-- Field Modal----*/

.rmagic #rm-field-selector .rm-modal-titlebar .rm-modal-close{
    text-align: center;
}

/*-- Sale Banner----*/

.rm-admin-sale-banner {
    position: relative;
}

.rm-sale-banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.rm-sale-banner-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.rm-sale-banner-text {
  font-size: 14px;
  line-height: 1.4;
}

.rm-sale-banner-code {
    font-weight: bold;
    background: #ffffff;
    color: #090909;
    border-radius: 3px;
    margin-left: 4px;
    border: dashed 1px #000000;
    padding: 4px 6px;
}

.rm-sale-banner-btn {
    background-color: #2371b1;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 600;
    transition: background 0.2s ease;
}

.rm-sale-banner-btn:hover {

}

.rm-sale-banner-close {
    background: none;
    border: none;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    margin-left: auto;
    flex-shrink: 0;
    position: absolute;
    right: 12px;
    top: 10px;
}

/*--- New All Form Card View-----*/

.rm-box-head-nav ul,
.rm-box-head-ext-nav ul{
    font-size: 13px;
    list-style: none;
    padding: 0px;
    margin: 0px;
    transition: 0.2s;
    gap: 14px;
}

.rm-box-head-nav ul li,
.rm-box-head-ext-nav ul li{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.rmagic.rm-all-forms .rmagic-cards {
    --rm-gutter-x: .9rem;
}

.rmagic.rm-all-forms .rmagic-cards .rm-box-mt-10{
    margin-top: 22px;
}

.rmagic.rm-all-forms ul.rmpagination{
    float: none;
    margin-top: 32px;
}

.rm-last-submission-wrap {
    margin-left: 15px;
    width: calc(100% - 16px);
    display: inline-block;
    padding-left: 5px;
}

.rm-last-submission-wrap .rm-latest-submission-title{
    margin-left: -10px;
    font-weight: 500;
    font-size: 12px;
}

.rm-last-submission-wrap .rm-last-submission{
    
}

.rm-last-submission-wrap .rm-last-submission-item{
    list-style-type: none;
    display: inline-block;
    position: relative;
    margin: 0 -10px 0 -10px;
    transform: translate(37.68px, 0) rotate(90deg);
    opacity: 0;
    outline: 0px;
    box-shadow: none;
}

.rm-last-submission-wrap .rm-last-submission-item img{
    width: 36px;
    height: 36px;
    object-fit: cover;
    -webkit-transition: all .3s;
    -webkit-transform-origin: 50% 100%;
    border-radius: 100%;
    border: 1px solid #c5c5c5;
    box-shadow: 0 0 0 1px #ffffff;
}

span.rm-submission-time {
    display: none;
    position: absolute;
    width: 160px;
    background-color: #283237;
    top: -40px;
    left: calc(50% - 74px);
    font-size: 11px;
    padding: 5px 12px;
    color: #fff;
    border-radius: 5px;
}

.rm-form-type{
    width: 92%;
    margin: 4px auto;
    display: flex;
    align-items: center;
    font-size: 11px;
}

.rm-form-type .rm-form-type__icon {
    font-size: 14px;
    margin-right: 3px;
    cursor: default !important;
}

span.rm-submission-time:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #283338 transparent transparent transparent;
}

.rm-last-submission-wrap .rm-last-submission-item:hover span.rm-submission-time {
    display: block;
}

.rm-default-badge {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 20px;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    margin-bottom: 8px;
}

.rm-default-badge .material-icons{
    color: #2371b1;
    font-size: 16px;
}


.rm_img_roll {
    animation: rm_img_roll 0.8s normal forwards ease-out 1;
}

@keyframes rm_img_roll {
    0% {transform: translate(37.68px, 0) rotate(90deg); opacity: 0;}
    75% {transform: translate(-4.19px, 0) rotate(-10deg); opacity: 1;}
    100% {transform: translate(0, 0) rotate(0deg); opacity: 1;}
}


/*--- toggle group buttons---*/

.rm-view-toggle {
  display: inline-flex;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  padding: 0px !important;
}

.rm-view-btn {
  background: #f8f9fa;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
  position: relative;
  font-size: 12px;
}

.rm-view-toggle-wrap{
    text-align: right;
}

.rm-view-btn svg {
  fill: #344054;
}

.rm-view-btn:hover {
  background: #e9ecef;
}

.rm-view-btn.rm-view-btn-active {
    background: #2371b1;
}

.rm-view-btn.rm-view-btn-active svg {
  fill: #fff;
}

.rm-rm-view-toggle-wrap{
    gap: 18px;
}

.rm-rm-view-toggle-wrap .tablenav-pages{
    margin-bottom: 0px
}

.rmagic.rm-all-forms::before{
    position: relative;
    top: 40px;
    right: 10px;
}

.rm-view-toggle-tooltip {
    position: absolute;
    width: 80px;
    background-color: #283237;
    top: -35px;
    left: calc(50% - 22px);
    font-size: 11px;
    padding: 7px 8px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.rm-view-btn:hover .rm-view-toggle-tooltip{
    display: block !important;
}

.rm-view-btn.rm-view-btn-left .rm-view-toggle-tooltip:after{
      left: 24%; 
}

.rm-view-toggle-tooltip:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 26%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: rgb(40, 51, 56) transparent transparent;
}

.rm-view-btn.rm-view-btn-left{
    border-radius: 4px 0px 0px 4px;
    color:#fff;
}

.rm-view-btn.rm-list-card.rm-view-btn-left{
    color: #000;
}
.rm-view-btn.rm-list-list.rm-view-btn-right{
      color: #fff;
}

.rm-view-btn.rm-view-btn-right{
    border-radius: 0px 4px 4px 0px;
}



@media only screen and (max-width: 600px) {
  .rmagic #options_payment .rmrow.rm_pricefield_checkbox {
  
    }

.rmagic #options_payment .rmrow.rm_pricefield_checkbox .rmfield,
.rmagic #options_payment .rmrow.rm_pricefield_checkbox .rminput,
.rmagic #options_payment .rmrow .rmnote{
        width: 100%;
    }
    
    .rmagic #options_payment .rmrow .rmnote{
        margin-top: 6px;
    }
    
    .rmagic #options_payment .rmrow .rmfield{
      
    }
}
