2a984
{
  "metadata": {
    "url": "https://www.commerce.gov.in/wp-content/plugins/custom-registration-form-builder-with-submission-manager/public/css/style_rm_front_end.css?ver=5.3.3.4",
    "title": "",
    "meta_description": "",
    "meta_keywords": ""
  },
  "content": "/*\r\n * This File contains the css for fornt end pages of the plugin like submissions\r\n *\r\n * NOTE: This File is not a theme/css file for Front End User Created Forms.\r\n */\r\n\r\n\r\n/*---------Common Elements---------------*/\r\n\r\n.rmagic * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.rmagic .rmrow li {\r\n    list-style: none;\r\n    margin: 0 0 5px 0;\r\n}\r\n\r\n.rmagic .rmrow li input[type=radio],\r\n.rmagic .rmrow li input[type=checkbox] {\r\n    margin-right: 10px;\r\n    width:auto;\r\n}\r\n\r\n.rmagic .rmrow li input[type=radio] {\r\n    -webkit-appearance: radio;\r\n    -moz-appearance: radio;\r\n    appearance: radio;\r\n}\r\n\r\n.rmagic .rmrow li input[type=checkbox] {\r\n    -webkit-appearance: checkbox;\r\n    -moz-appearance: checkbox;\r\n    appearance: checkbox;\r\n}\r\n\r\n/*----header----*/\r\n\r\n.rmagic .operationsbar {\r\n    display: block;\r\n    width: 30%;\r\n    float: left;\r\n    padding: 10px;\r\n}\r\n\r\n.rm_spacing {\r\n    margin-top: 100px;\r\n    clear: both;\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rm_divider {\r\n    width: 100%;\r\n    size: 8px;\r\n    height: 1px;\r\n    clear: both;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rmtitle {\r\n    display: block;\r\n    float: left;\r\n    padding: 0px 0px 25px 5px;\r\n    width: 100%;\r\n    font-size: 24px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.rmagic .rmsubtitle {\r\n    display: block;\r\n    float: left;\r\n    padding: 0px 0px 25px 5px;\r\n    width: 100%;\r\n    font-size: 18px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.operationsbar .nav {\r\n    display: inline-block;\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n.operationsbar .nav ul {\r\n    font-size: 14px;\r\n    list-style: none;\r\n    padding: 0px;\r\n    margin: 0px;\r\n    border-radius: 5px;\r\n    border: 1px solid #e5e5e5;\r\n    overflow: hidden;\r\n}\r\n\r\n.operationsbar .nav ul li,\r\n.operationsbar .nav ul li a {\r\n    display: inline-block;\r\n    padding: 10px;\r\n    color: #000;\r\n    text-decoration: none;\r\n    transition: 0.2s;\r\n    display: block;\r\n    background-color: #fbfbfb;\r\n}\r\n\r\n.operationsbar .nav ul li.rm-form-toggle {\r\n    background: #fdf99f;\r\n    color: #e6a719;\r\n}\r\n\r\n.operationsbar .nav ul li.rm-form-toggle:hover {\r\n    background: #fdf99f;\r\n    color: #c38a09;\r\n}\r\n\r\n.operationsbar .nav ul li {\r\n    border-bottom: 1px solid #e5e5e5;\r\n}\r\n\r\n.operationsbar .nav ul li:nth-last-child(1) {\r\n    border-bottom: none\r\n}\r\n\r\n.operationsbar .nav ul li:hover,\r\n.operationsbar .nav ul li:hover a,\r\n.operationsbar .nav ul li a:hover,\r\n.operationsbar .nav ul li.ui-state-active,\r\n.operationsbar .nav ul li.ui-state-active a {\r\n    background-color: #FFF;\r\n    cursor: pointer;\r\n}\r\n\r\n.rmagic ul li.rm-form-toggle {\r\n    display: inline-block;\r\n    padding: 20px;\r\n    margin-right: 0px;\r\n    display: block;\r\n}\r\n\r\n.rmagic li.rm-form-toggle select {\r\n    background-color: rgb(253, 253, 253);\r\n    border: 1px solid rgb(240, 240, 240);\r\n    color: rgb(150, 150, 150);\r\n    margin-left: 10px;\r\n}\r\n\r\n\r\n/* Map Field CSS */\r\n\r\n.rmagic .map {\r\n    height: 300px;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rm-map-controls {\r\n    margin-top: 10px;\r\n    border: 1px solid transparent;\r\n    border-radius: 2px 0 0 2px;\r\n    box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    height: 32px;\r\n    outline: none;\r\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.rmagic .rm_map_autocomplete {\r\n    background-color: #fff;\r\n    font-family: Roboto;\r\n    font-size: 15px;\r\n    font-weight: 300;\r\n    margin-left: 12px;\r\n    padding: 0 11px 0 13px;\r\n    text-overflow: ellipsis;\r\n    width: 200px;\r\n}\r\n\r\n.rmagic .rm_map_autocomplete:focus {\r\n    border-color: #4d90fe;\r\n}\r\n\r\n.pac-container {\r\n    font-family: Roboto;\r\n}\r\n\r\n#type-selector {\r\n    color: #fff;\r\n    background-color: #4d90fe;\r\n    padding: 5px 11px 0px 11px;\r\n}\r\n\r\n#type-selector label {\r\n    font-family: Roboto;\r\n    font-size: 13px;\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n/* Map Field css ends here */\r\n\r\n\r\n/*------------Adjustments for smaller screens-----------------*/\r\n\r\n@media screen and (max-width: 700px) {\r\n    .rmagic table {\r\n        display: block;\r\n        overflow: auto;\r\n    }\r\n}\r\n\r\n\r\n/*table style*/\r\n\r\n.rmagic-table {\r\n    display: block;\r\n    width: 70%;\r\n    float: left;\r\n    padding: 10px;\r\n}\r\n\r\n.rmagic tr:nth-child(odd) {\r\n    background-color: rgb(250, 250, 250);\r\n}\r\n\r\n.rmagic table.rm-table,\r\n.rmagic table.rm-table td,\r\n.rmagic table.rm-table th {\r\n    text-align: center;\r\n}\r\n\r\n.rmagic table.rm-table {\r\n    border-collapse: collapse;\r\n    font-size: 14px;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic table.rm-table th {\r\n    text-transform: uppercase;\r\n    font-weight: normal;\r\n    padding: 8px;\r\n    background-color: rgb(240, 240, 240);\r\n}\r\n\r\ntd {\r\n    padding: 8px;\r\n    border-bottom: 1px dotted silver;\r\n}\r\n\r\ntr {\r\n    transition: 0.3s;\r\n}\r\n\r\n.rmagic th.table-header {\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    background-color: rgb(253, 253, 253);\r\n}\r\n\r\n.rm-user-details-card .rm-user-image {\r\n    border-bottom: 2px solid #e5e5e5;\r\n    padding-bottom: 50px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n/*-- User Area responsive---*/\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card {\r\n    height: auto;\r\n    overflow: visible;\r\n    text-align: center\r\n}\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card img {\r\n    float: none;\r\n}\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card .rm-user-name-submission {\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card .rm-user-name-submission .rm-user-name{\r\n    padding-left: 0px;\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card .rm-user-name-submission .rm-user-name-subtitle{\r\n    padding-left: 0px;\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n\r\n/* Tooltip container */\r\n\r\n.tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n\r\n/* Tooltip text */\r\n\r\n.tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    font-family: Arial, sans-serif;\r\n    width: 220px;\r\n    font-size: 14px;\r\n    background-color: azure;\r\n    opacity: 1;\r\n    color: #5e7071;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    border-radius: 6px;\r\n    position: absolute;\r\n    border-left: 1px solid #7adfe3;\r\n    border-top: 1px solid #7adfe3;\r\n    border-bottom: 3px solid #7adfe3;\r\n    border-right: 3px solid #7adfe3;\r\n    z-index: 1;\r\n}\r\n\r\n.tooltip a {\r\n    display: block;\r\n    text-align: center;\r\n}\r\n\r\n.tooltiptext a::before {\r\n    content: \"»\";\r\n}\r\n\r\n\r\n/* Show the tooltip text when you mouse over the tooltip container */\r\n\r\n.tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}\r\n\r\n\r\n/* The animation code */\r\n\r\n@keyframes textfade {\r\n    from {\r\n        color: transparent\r\n    }\r\n    to {\r\n        color: #6db5b6\r\n    }\r\n}\r\n\r\n.rmagic-table {\r\n    display: block;\r\n}\r\n\r\n.rmagic table.rm-table img {\r\n    width: 25px;\r\n    height: 25px;\r\n}\r\n\r\n\r\n/*------Paginations-------*/\r\n\r\n.rmagic ul.rmpagination {\r\n    font-size: 14px;\r\n    display: inline-block;\r\n    padding: 10px;\r\n    ;\r\n    margin: 0;\r\n    float: right;\r\n}\r\n\r\n.rmagic ul.rmpagination li {\r\n    display: inline;\r\n}\r\n\r\n.rmagic ul.rmpagination li a {\r\n    color: black;\r\n    float: left;\r\n    padding: 6px 14px;\r\n    text-decoration: none;\r\n    background-color: white;\r\n    margin-left: 5px;\r\n    transition: 0.3s;\r\n    cursor: pointer;\r\n    box-shadow: none;\r\n}\r\n\r\n.rmagic ul.rmpagination li a.active {\r\n    background-color: rgb(50, 50, 50);\r\n    color: white;\r\n}\r\n\r\n\r\n/*----User Page----*/\r\n\r\n.rm-user-details-card {\r\n    display: block;\r\n    float: left;\r\n    padding: 20px;\r\n    margin: 10px;\r\n    font-weight: 200;\r\n    padding-top: 0px;\r\n    width: 100%;\r\n}\r\n\r\n.rm-user-image-container {\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rm-user-image-container .rm-user-image img {\r\n    max-width: 150px;\r\n    padding: 5px;\r\n}\r\n\r\n.rm-user-fields-container {\r\n    width: 100%;\r\n    padding: 50px 10px 20px 20px;\r\n}\r\n\r\n.rm-user-field-row {\r\n    display: block;\r\n    width: 100%;\r\n    float: left;\r\n    padding: 10px;\r\n}\r\n\r\n.rm-user-field-label {\r\n    display: inline-block;\r\n    width: 40%;\r\n    float: left;\r\n    font-weight: bold;\r\n    text-align: left;\r\n}\r\n\r\n.rm-user-field-value {\r\n    display: inline-block;\r\n    width: 60%;\r\n    float: left;\r\n    text-align: left;\r\n}\r\n\r\n.rm-user-field-label {\r\n    text-transform: capitalize;\r\n}\r\n\r\n.rm-user-name,\r\n.rm-user-image {\r\n    font-size: 120%;\r\n    width: 100%;\r\n    display: block;\r\n    float: left;\r\n    padding: 5px;\r\n    color: #333333;\r\n    text-transform: capitalize;\r\n    text-align: center;\r\n    font-weight: bold;\r\n}\r\n\r\nimg.rm-user {\r\n    max-width: 100%;\r\n    height: auto;\r\n    background-color: white;\r\n    padding: 15px;\r\n    border: 1px solid rgb(225, 225, 225);\r\n}\r\n\r\n\r\n/*----Submission Page----*/\r\n\r\n.rm-submission-status-row .rm-custom_status-wrap{\r\n    width: 100% !important;\r\n}\r\n\r\n.rm-submission-status-row .rm-custom_status-wrap .rm-custom-status {\r\n    position: relative;\r\n    width: auto;\r\n    height: 30px;\r\n    display: inline-block;\r\n    margin: 0px 25px 10px 0px;\r\n    font-size: 12px;\r\n    color: #fff;\r\n    padding: 5px 9px 5px 18px;\r\n    line-height: 22px;\r\n}\r\n\r\n.rm-submission-status-row .rm-custom_status-wrap .rm-custom-status span:after {\r\n    left: 100%;\r\n    top: 50%;\r\n    border: solid transparent;\r\n    content: \" \";\r\n    height: 0;\r\n    width: 0;\r\n    position: absolute;\r\n    pointer-events: none;\r\n    border-color: rgba(136, 183, 213, 0);\r\n    border-left-color: inherit;\r\n    border-width: 15px;\r\n    margin-top: -15px;\r\n}\r\n\r\n.rmagic .rm-submission {\r\n    margin-top: 25px;\r\n}\r\n\r\n.rm-submission-field-row {\r\n    border-bottom: 1px dotted rgb(240, 240, 240);\r\n}\r\n\r\n.rmagic .rm-submission,\r\n.rm-submission-field-row {\r\n    display: block;\r\n    background-color: #fffffe;\r\n    float: left;\r\n    width: 70%;\r\n    padding: 15px;\r\n    text-align: left;\r\n}\r\n\r\n.rmagic .rm-submission.rm-tab-content {\r\n    background-color: transparent;\r\n}\r\n\r\n.rmagic.rmNarrow .rm-submission.rm-tab-content  {\r\n    width:100%;\r\n}\r\n\r\n.rmagic .rm-submission-label,\r\n.rm-submission-value {\r\n    display: inline-block;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rm-submission-label {\r\n    font-weight: bold;\r\n    width: 40%;\r\n    text-transform: uppercase;\r\n    font-size: 12px;\r\n}\r\n\r\n.rmagic .rm-submission-value {\r\n    width: 60%;\r\n}\r\n\r\n.rmagic .rm-submission-field-row .rm-submission-attachment {\r\n    display: inline-block;\r\n    float: left;\r\n    padding: 10px;\r\n    background-color: rgb(250, 250, 250);\r\n    border: 2px dashed rgb(240, 240, 240);\r\n    width: 120px;\r\n    margin: 0 10px 10px 0;\r\n}\r\n\r\n.rmagic .rm-submission-field-row .rm-submission-attachment img {\r\n    float: left;\r\n    display: block;\r\n    width: 100px;\r\n    max-height: 100px;\r\n    height: auto;\r\n}\r\n\r\n.rmagic .rm-submission-attachment-field {\r\n    display: block;\r\n    float: left;\r\n    font-size: 12px;\r\n    width: 100px;\r\n    text-align: center;\r\n    padding: 5px 0 0 0;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n}\r\n\r\n.rmagic .rm-submission-note {\r\n    border-left: 4px solid red;\r\n    padding: 10px;\r\n    margin-top: 10px;\r\n    display: block;\r\n    width: 100%;\r\n    float: left;\r\n    background: #fffffe;\r\n}\r\n\r\n.rmagic .rm-submission-note-text {\r\n    background-image: url(rm-submission-note.png);\r\n    background-repeat: no-repeat;\r\n    padding-left: 25px;\r\n    display: block;\r\n    width: 100%;\r\n    float: left;\r\n    font-style: italic;\r\n}\r\n\r\n.rmagic .rm-submission-note-attribute {\r\n    font-size: 10px;\r\n    padding: 10px;\r\n    text-transform: uppercase;\r\n    display: block;\r\n    width: 100%;\r\n    float: left;\r\n    text-align: right;\r\n    color: rgb(175, 175, 175);\r\n}\r\n\r\n.rm-submission#rm_my_details_tab {\r\n    padding-top: 0px !important;\r\n    margin-top: 0px;\r\n}\r\n\r\n.rmagic .rm-submission-note-attribute a {\r\n    padding-right: 10px;\r\n    font-size: 14px;\r\n}\r\n\r\n.rm_user_exists_alert {\r\n    background-color: #f2dede;\r\n    border-color: #eed3d7;\r\n    color: #b94a48;\r\n    padding: 8px 35px 8px 14px;\r\n    margin-bottom: 20px;\r\n    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);\r\n    -webkit-border-radius: 4px;\r\n    -moz-border-radius: 4px;\r\n    border-radius: 4px;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rmcontent form fieldset {\r\n    border: 0px solid #000;\r\n    margin: 0px;\r\n    padding: 5px;\r\n    width: 100%;\r\n    background-color: transparent;\r\n}\r\n\r\n.rmagic .rmcontent .rm_input_fields_container {\r\n    width: 100%;\r\n    float: left;\r\n    padding-top: 20px;\r\n}\r\n\r\n.rm_exp_link_msg {\r\n    float: left;\r\n    width: 100%;\r\n}\r\n\r\n/*------------Adjustments for smaller screens-----------------*/\r\n\r\n@media screen and (max-width: 700px) {\r\n    .rmagic .rm-submission-label,\r\n    .rmagic .rm-submission-value {\r\n        display: block;\r\n        width: 100%;\r\n        margin-bottom: 10px;\r\n        font-size: 120%;\r\n    }\r\n    .operationsbar .nav ul li,\r\n    .operationsbar .nav ul li a {\r\n        display: block;\r\n        width: 100%;\r\n        text-transform: uppercase;\r\n    }\r\n}\r\n\r\n.rmagic .childfieldsrow {\r\n    width: 94%;\r\n    display: block;\r\n    float: left;\r\n    padding: 20px 0 0 0;\r\n    border-width: 0px 0px 0px 0px;\r\n    border-style: solid;\r\n    border-color: #94cdc9;\r\n    margin: 0 4% 2% 4%;\r\n    background-color: rgb(240, 240, 240);\r\n    border-radius: 10px;\r\n}\r\n\r\n.rmagic.rm_tabbing_container .rm-submission {\r\n    padding: 0px;\r\n    margin-top: 0px;\r\n}\r\n\r\n.rmagic.rm_tabbing_container ul.ui-tabs-nav li a {\r\n    box-shadow: 0 0px 0 0 currentColor;\r\n}\r\n\r\n.rm_forgot_pass {\r\n    margin-top: 3px;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container {\r\n    padding: 10px;\r\n    width: 100%;\r\n    font-size: 150%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container .rm-formcard-expired .rm_pb_container {\r\n    display: block;\r\n    border: 2px solid #FFAE00;\r\n    float: left;\r\n    height: 20px;\r\n    width: 70%;\r\n    margin-left: 15%;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container .rm-formcard-expired {\r\n    width: 100%;\r\n    display: inline-block;\r\n    font-size: 15px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container .rm-formcard-expired .rm_pb_container .rm_progress_bar {\r\n    display: block;\r\n    float: left;\r\n    background-color: #FFDD00;\r\n    height: 16px;\r\n    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFDD00), color-stop(1, #FFAE00));\r\n    background-image: -o-linear-gradient(bottom, #FFDD00 10%, #FFAE00 60%);\r\n    background-image: -moz-linear-gradient(bottom, #FFDD00 10%, #FFAE00 60%);\r\n    background-image: -webkit-linear-gradient(bottom, #FFDD00 10%, #FFAE00 60%);\r\n    background-image: -ms-linear-gradient(bottom, #FFDD00 10%, #FFAE00 60%) \\9;\r\n    background-image: linear-gradient(to bottom, #FFDD00 10%, #FFAE00 60%);\r\n}\r\n\r\n.rmagic.rm_tabbing_container .rmagic-table table.rm-table {\r\n    border: 0px;\r\n}\r\n\r\n.rmagic.rm_tabbing_container .rmagic-table table.rm-table th,\r\n.rmagic.rm_tabbing_container .rmagic-table table.rm-table td {\r\n    border: 0px;\r\n    text-align: center;\r\n    padding: 10px;\r\n}\r\n\r\n.rmagic.rm_tabbing_container .rmagic-table table.rm-table td {\r\n    border-bottom: 1px dotted silver;\r\n}\r\n\r\n\r\n.operationsbar .nav ul li.ui-state-active {\r\n    background-color: #FFF;\r\n}\r\n\r\n.rmagic.rm_tabbing_container ul.ui-tabs-nav li a {\r\n    border-bottom: 0px solid #333;\r\n    outline: 0px;\r\n    color: #000;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container .rm-formcard-expired .rm_sandclock {\r\n}\r\n\r\n\r\n/* Google Address Fields*/\r\n\r\n.rmagic #address input {\r\n}\r\n\r\n#address .rm_ad_container .slimField {\r\n    float: left;\r\n    width: 16%;\r\n    margin-right: 5px;\r\n    margin-top: 0px\r\n}\r\n\r\n#address .rm_ad_container .wideField.rm-alone {\r\n    width: 78%;\r\n    float: right;\r\n}\r\n\r\n#address .rm_ad_container .slimField input {\r\n    width: 87%;\r\n    float: right;\r\n}\r\n\r\n#address .rm_ad_container .wideField input {\r\n    width: 100%;\r\n}\r\n\r\n#address .rm_ad_container .wideField.rm-semi-field {\r\n    width: 62%;\r\n    float: right;\r\n}\r\n\r\n#address .rm_ad_container .wideField.rm-semi-field-with-label {\r\n    width: 48%;\r\n    float: right;\r\n}\r\n\r\n.rm_ad_container .label {\r\n    float: left;\r\n    width: 20%;\r\n    text-align: right;\r\n    color: gray;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    background-color: transparent;\r\n    font-size: 0.8em;\r\n}\r\n\r\n.rm_ad_container .label.label-short {\r\n    width: 14%;\r\n}\r\n\r\n.rm_ad_container {\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n#address {\r\n    width: 100%;\r\n    float: left;\r\n    margin-bottom: 20px;\r\n    border-radius: 0 0 5px 5px;\r\n}\r\n\r\n.rmagic input.rmgoogleautocompleteapi {\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rminput #locationField {\r\n    margin-bottom: 12px;\r\n}\r\n\r\n\r\n/*---- Adddress Field Responsive ------*/\r\n\r\n@media only screen and (max-width:479px) {\r\n    .rmagic #address .rm_ad_container .label {\r\n        width: 100%;\r\n        text-align: left;\r\n    }\r\n    .rmagic #address .rm_ad_container .slimField {\r\n        width: 100%;\r\n        margin-bottom: 15px;\r\n    }\r\n    .rmagic #address .rm_ad_container .slimField input {\r\n        width: 100%;\r\n    }\r\n    .rmagic #address .rm_ad_container .wideField.rm-semi-field {\r\n        width: 100%;\r\n    }\r\n    .rmagic #address .rm_ad_container .wideField.rm-alone {\r\n        width: 100%;\r\n    }\r\n    .rmagic #address .rm_ad_container .wideField.rm-semi-field-with-label {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n\r\n/* ---------- Floating Button */\r\n\r\n\r\n.rm_hidden {\r\n    display: none;\r\n}\r\n\r\n.floating_page .rm_floating_action {\r\n    position: fixed;\r\n    right: 20px;\r\n    bottom: 20px;\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    text-indent: -99999px;\r\n    box-shadow: none;\r\n    float: left;\r\n    background-color: #008d7d;\r\n}\r\n\r\n.floating_page .rm_floating_action span {\r\n    background: url('../../images/floating-form-icon.png');\r\n    background-repeat: no-repeat;\r\n    width: 100px;\r\n    overflow: hidden;\r\n    height: 100px;\r\n    float: left;\r\n    background-position: 20% 15%;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden {\r\n    position: absolute;\r\n    bottom: 116px;\r\n    max-width: 300px;\r\n    right: 26px;\r\n    width: 154px;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden ul li {\r\n    font-size: 12px;\r\n    padding-top: 7px;\r\n    padding-bottom: 7px;\r\n    list-style: none;\r\n    padding-left: 10px;\r\n    border-left: 2px solid #fff;\r\n    color: #000;\r\n    cursor: pointer\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden ul li:hover {\r\n    background-color: #fafafa;\r\n    color: #008d7c;\r\n    border-left: 2px solid #008d7c;\r\n}\r\n\r\n.floating_page {\r\n    position: fixed;\r\n    right: 10px;\r\n    z-index: 9999;\r\n    bottom: 10px;\r\n    font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden ul {\r\n    margin: 0px;\r\n    padding: 12px 0px 12px 0px;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden {\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    border-bottom-right-radius: 0px;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden:after {\r\n    top: 97%;\r\n    left: 96%;\r\n    border: solid transparent;\r\n    content: \" \";\r\n    height: 0;\r\n    width: 0;\r\n    position: absolute;\r\n    pointer-events: none;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden:after {\r\n    border-color: rgba(255, 255, 255, 0);\r\n    border-top-color: #fff;\r\n    border-width: 40px;\r\n    margin-left: -34px;\r\n    border-right: 0px;\r\n}\r\n\r\n.floating_page .rm_floating_screens .rm_floating_screen {\r\n    z-index: 9999;\r\n    position: fixed;\r\n    height: 100%;\r\n    width: 368px;\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n.floating_page .rm_floating_screens .rm_floating_screen {\r\n}\r\n\r\n.floating_page .rm_floating_screens .rm_floating_screen {\r\n    background: rgba(255, 255, 255, 0.95);\r\n    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .20);\r\n}\r\n\r\n.floating_page .rm_floating_screens .rm_floating_screen .rm_close_screen {\r\n    width: 100%;\r\n    height: 50px;\r\n    background-color: #f0f0f0;\r\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);\r\n    margin-bottom: 20px;\r\n    border-bottom: 1px solid #c8c8c8;\r\n}\r\n\r\n.floating_page input[type=\"text\"],\r\n.floating_page input[type=\"email\"],\r\n.floating_page input[type=\"url\"],\r\n.floating_page input[type=\"password\"],\r\n.floating_page input[type=\"search\"],\r\n.floating_page textarea {\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.floating_page .close-floating-icon {\r\n    background-image: url(../../images/float-close-icon.png);\r\n    background-repeat: no-repeat;\r\n    float: right;\r\n    text-indent: -99999px;\r\n    height: 15px;\r\n    width: 15px;\r\n    margin-right: 10px;\r\n    margin-top: 16px;\r\n    opacity: .4;\r\n    cursor: pointer;\r\n}\r\n\r\n.floating_page .close-floating-icon:hover {\r\n    opacity: 1;\r\n    transition: opacity .2s linear;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons {\r\n    position: fixed;\r\n    bottom: 0px;\r\n    width: 100%;\r\n    padding: 10px;\r\n    background-color: #f0f0f0;\r\n    height: 85px;\r\n    border-top: 1px solid #c8c8c8;\r\n    padding-top: 25px;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons .floating-login {\r\n    display: inline-block;\r\n    color: #fff;\r\n    border: none;\r\n    background: #ff6c6c;\r\n    transition: .1s;\r\n    border-radius: 4px;\r\n    outline: 0;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    font-weight: normal;\r\n    padding: 5px 14px 5px 15px;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons .cancel-button {\r\n    font-family: Roboto, Arial, serif;\r\n    display: inline-block;\r\n    color: #c8c8c8;\r\n    margin-right: 20px;\r\n    border-radius: 4px;\r\n    transition: .3s;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons .cancel-button a {\r\n    color: #ff6c6c;\r\n}\r\n\r\n.floating_page .rm_floating_content {\r\n    padding: 10px;\r\n    width: 100%;\r\n    float: left;\r\n    overflow-y: scroll;\r\n    height: 100%;\r\n}\r\n\r\n.rm_embedeed_form {\r\n    background-color: #fefefe;\r\n    float: left;\r\n    width: 100%;\r\n    font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.rm_embedeed_form .rmagic .rmcontent .rminput input[type=\"text\"],\r\n.rm_embedeed_form .rmagic .rmcontent .rminput input[type=\"password\"],\r\n.rm_embedeed_form .rmagic .rmcontent .rminput input[type=\"email\"],\r\n.rm_embedeed_form .rmagic .rmcontent .rminput input[type=number],\r\n.rm_embedeed_form textarea,\r\n.rm_embedeed_form .rmagic .rmcontent .rminput select {\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.rm_embedeed_form {\r\n    font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_user_gravatar {\r\n    text-align: Center;\r\n    background: rgba(255, 255, 255, 0.95);\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_user_gravatar img {\r\n    width: 150px;\r\n    height: 150px;\r\n    border: 10px solid #fff;\r\n    border-radius: 50%;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field {\r\n    border-top: 1px solid #f0f0f0;\r\n    padding-top: 7px;\r\n    padding-bottom: 7px;\r\n    font-size: 15px;\r\n    width: 100%;\r\n    float: left;\r\n    color: #7b7b7b;\r\n    font-weight: 300;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field .rm_custom_field_label {\r\n    width: 50%;\r\n    float: left;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field .rm_custom_field_value {\r\n    width: 50%;\r\n    float: left;\r\n}\r\n\r\n.floating_page .rm_floating_content #rm_otp_login input {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    height: 40px;\r\n    font-size: 16px;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons a {\r\n    text-decoration: none;\r\n}\r\n\r\n.floating_page .close-floating-page-title {\r\n    width: 88%;\r\n    text-align: center;\r\n    float: left;\r\n    font-size: 18px;\r\n    color: #646464;\r\n    padding-top: 8px;\r\n}\r\n\r\n.nspLinks .nspLinkScroll1 div ul {\r\n    padding: 0 !important;\r\n    list-style-type: none !important;\r\n    padding-top: 11px !important;\r\n    margin-left: 0px !important;\r\n    padding-left: 0px !important;\r\n}\r\n\r\n.rm-table.rm-floating-submissions .rm-floating-submission {\r\n    background-color: #fff;\r\n    border: 1px solid #e1e1e1;\r\n    max-width: 292px;\r\n    width: 100%;\r\n    margin: 0px 5%;\r\n    margin-bottom: 20px;\r\n    border-radius: 8px;\r\n    float: left;\r\n}\r\n\r\n.floating_page .rm-floating-submission-form-name {\r\n    background-color: #fafafa;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #646464;\r\n    line-height: 36px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n    border-bottom: 1px solid #e1e1e1;\r\n}\r\n\r\n.rm-floating-submission-form-date {\r\n    float: left;\r\n    width: 88%;\r\n    font-size: 12px;\r\n    color: #969696;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.rm-floating-submission-form-download {\r\n    float: left;\r\n    width: 20px;\r\n}\r\n\r\n.rm-floating-submission-form-status {\r\n    float: left;\r\n    font-size: 12px;\r\n    width: 28%;\r\n    color: #fff;\r\n    text-align: center;\r\n    border-radius: 5px;\r\n    line-height: 24px;\r\n}\r\n\r\n.rm-floating-submission-form-status.pending {\r\n    background-color: #ffa500;\r\n}\r\n\r\n.rm-floating-submission-form-status.succeeded {\r\n    background-color: #24b046;\r\n}\r\n\r\n.rm-floating-submission-form-amount {\r\n    width: 24px;\r\n    height: 24px;\r\n    float: left;\r\n    color: #c8c8c8;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n}\r\n\r\n.rm-floating-submission-form-content.rm-payment-from-main {\r\n    width: 95%\r\n}\r\n\r\n.rm-floating-submission-form-date.rm-payment-from {\r\n    width: 70%;\r\n}\r\n\r\n.rm-floating-submission-form-status.completed {\r\n    background-color: #24b046;\r\n}\r\n\r\n.rm-floating-submission-form-icon {\r\n    background-image: url(../../images/rm-floating-date-icon.png);\r\n    background-repeat: no-repeat;\r\n    width: 24px;\r\n    height: 24px;\r\n    float: left;\r\n}\r\n\r\n.rm-floating-submission-form-date .date span {\r\n    float: left;\r\n    width: 100%;\r\n    font-weight: 700;\r\n    color: #646464;\r\n}\r\n\r\n.rm-floating-submission-form-date .date {\r\n    float: left;\r\n    width: 80%;\r\n    padding-left: 12px;\r\n}\r\n\r\n.rm-floating-submission-form-content {\r\n    width: 80%;\r\n    margin: 0px auto;\r\n    margin-top: 12px;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields {\r\n    margin-top: 12px\r\n}\r\n\r\n.floating_page .rm_f_notifications .rm_f_success {\r\n}\r\n\r\n.rm-floating-submission-form-download img:hover {\r\n    opacity: 0.5;\r\n    cursor: pointer;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field:nth-child(even) {\r\n    background-color: #fbfbfb;\r\n    padding-left: 8px;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field:nth-child(odd) {\r\n    background-color: #fff;\r\n    padding-left: 8px;\r\n}\r\n\r\n.rm-no-default-from-notification {\r\n    text-align: center;\r\n}\r\n\r\n@-webkit-keyframes floating_screens {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@-moz-keyframes floating_screens {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@-o-keyframes floating_screens {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes floating_screens {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.rm_floating_screenshhh {\r\n    -webkit-animation: floating_screens 5s infinite;\r\n    /* Safari 4+ */\r\n    -moz-animation: floating_screens 5s infinite;\r\n    /* Fx 5+ */\r\n    -o-animation: floating_screens 5s infinite;\r\n    /* Opera 12+ */\r\n    animation: floating_screens 5s infinite;\r\n    /* IE 10+, Fx 29+ */\r\n}\r\n\r\n\r\n/*----Form Access----*/\r\n\r\nselect#id_rm_fac_day,\r\nselect#id_rm_fac_month,\r\ninput#id_rm_fac_year {\r\n    width: 20%;\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    border: 1px solid #e1e1e1;\r\n    background-color: #fafafa;\r\n    padding: 8px;\r\n    margin-right: 1%;\r\n    color: #646464;\r\n    font-family: inherit;\r\n    border-radius: 4px;\r\n    -webkit-border-radius: 4px;\r\n    -moz-border-radius: 4px;\r\n    -ms-border-radius: 4px;\r\n}\r\n\r\n.rm-fac-dob {\r\n    margin: 20px 10%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\nform#rm-fac {\r\n    text-align: center;\r\n    margin: auto;\r\n}\r\n\r\n.rmagic #rm-fac .rm-fac-dob select,\r\n.rmagic #rm-fac .rm-fac-dob input{\r\n    width: 20%;\r\n    border: 1px solid #e1e1e1;\r\n    background-color: #fafafa;\r\n    padding: 8px;\r\n    margin: 0% 1%;\r\n    color: #646464;\r\n    font-family: inherit;\r\n    border-radius: 4px;\r\n    -webkit-border-radius: 4px;\r\n    -moz-border-radius: 4px;\r\n    -ms-border-radius: 4px;\r\n}\r\n\r\n\r\n/*-----Field Icons----*/\r\n\r\ni.rm_front_field_icon {\r\n    vertical-align: middle;\r\n    margin-right: 10px;\r\n\r\n}\r\n\r\n.rm_theme_matchmytheme i.rm_front_field_icon{\r\n    margin-bottom: 4px;\r\n}\r\n\r\n\r\n/*----Help Text on fields. Invocations on ../js/script_rm_front.js line no 200----*/\r\n\r\n.rmagic .rmnote {\r\n    z-index: 9999999;\r\n    display: none;\r\n    position: absolute !important;\r\n    padding: 10px;\r\n    border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    -webkit-border-radius: 3px;\r\n    -ms-border-radius: 3px;\r\n    -o-border-radius: 3px;\r\n    font-size: 1em;\r\n    color: initial;\r\n    font-weight: normal;\r\n    color: #fff;\r\n    top: 12px;\r\n    line-height: 22px;\r\n    box-shadow: 2px 2px 2px 0px rgba(150, 150, 150, 0.4);\r\n}\r\n\r\n.rmnote .rmprenote {\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 12px solid transparent;\r\n    border-right: 12px solid transparent;\r\n    border-bottom: 12px solid rgb(255, 202, 119);\r\n    position: absolute;\r\n    top: -10px;\r\n    left: 20px;\r\n}\r\n\r\n.rmagic .rmrow {\r\n    position: relative !important;\r\n}\r\n\r\n.rmcontent form.rmagic-form fieldset.rmfieldset legend {\r\n    width: 100%;\r\n    margin: 20px 0;\r\n    font-size: 1.2em;\r\n}\r\n\r\n.rm-floating-page .rm-floating-page-content .rmagic {\r\n    float: none;\r\n    width: 97%;\r\n    margin: 0px auto;\r\n}\r\n\r\n.rmagic.rm_theme_matchmytheme.rm_layout_label_left .rmrow .rm-link-field {\r\n    text-align: center;\r\n}\r\n\r\n.rmagic #rm_reset_pass_form .buttonarea {\r\n    width: 100%;\r\n    float: left;\r\n    margin-top: 20px;\r\n}\r\n\r\n#rm_my_pay_tab .rm-table th {\r\n    padding: 10px 0px;\r\n}\r\n\r\n#rm_edit_sub_link {\r\n    clear: both;\r\n}\r\n\r\npre.rm-pre-wrapper-for-script-tags {\r\n    display: none !important;\r\n}\r\n\r\n\r\n/* Make optin texts for Mailchimp etc to take up full row width*/\r\n\r\n.rmagic .rm_optin_text .rmrow,\r\n.rmagic .rm_optin_text .rminput,\r\n.rmagic .rm_optin_text .rmradio {\r\n    width: 100%;\r\n}\r\n\r\n\r\n/* full width recaptcha row */\r\n\r\n.rmagic .rmrow.rm_captcha_fieldrow,\r\n.rmagic .rmrow.rm_captcha_fieldrow * {\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rmrow.rm_captcha_fieldrow .g-recaptcha > div {\r\n    margin: 0px auto\r\n}\r\n\r\n\r\n/*---Login third party button---*/\r\n\r\n.rmagic .rm-thirdp-login-button-wrap {\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    max-width: 600px;\r\n    margin: 0px auto;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-facebook-login .rm-third-party-login-btn {\r\n    background-color: #3b5998;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login-btn {\r\n    margin: 5px;\r\n}\r\n\r\n\r\n/*--Form Fixes-- */\r\n\r\n.rmagic .rmagic-form .rm_terms_checkbox input[type=\"checkbox\"] {\r\n    margin-right: 6px;\r\n}\r\n\r\n#ui-datepicker-div.ui-datepicker select.ui-datepicker-month,\r\n#ui-datepicker-div.ui-datepicker select.ui-datepicker-year {\r\n    float: left;\r\n    margin-right: 3px;\r\n    background-image: none;\r\n    border: 0px;\r\n    height: auto;\r\n    padding: 0px;\r\n}\r\n\r\n.rmagic .rmradio {\r\n    padding: 0px;\r\n}\r\n\r\n.rmagic .rmmap_container input.rm-map-controls {\r\n    width: auto !important;\r\n}\r\n\r\n.rmagic.rm_theme_classic form.rmagic-form {\r\n    background-color: transparent !important;\r\n}\r\n\r\n.rmagic .rmrow .rminput ul li::before {\r\n    display: none;\r\n}\r\n\r\n.rmagic .rminput .rmradio {\r\n    margin: 0px;\r\n    display: inline-block;\r\n}\r\n\r\n.rmagic .rminput .rmradio li {\r\n    list-style: none;\r\n}\r\n\r\n.rmagic .rmrow .rminput .rateit {\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rmrow .rminput > div {\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rmrow .rminput select {\r\n    background-color: transparent;\r\n    border: 1px solid #e1e1e1;\r\n    border: 1px solid rgba(150, 150, 150, 0.4);\r\n    min-width: 50%;\r\n    width:100%;\r\n    font-size: 1em;\r\n    min-height: 36px;\r\n    line-height: 16px;\r\n}\r\n\r\n.rmagic .rmrow .rminput select[multiple=multiple] {\r\n    padding: 10px;\r\n    min-height: 100px;\r\n    overflow: auto;\r\n}\r\n\r\n.rmagic .rmrow .rminput textarea {\r\n    resize: vertical !important;\r\n}\r\n\r\n.rmagic .rmrow .rminput > div.form-group {\r\n    margin: 0px;\r\n}\r\n\r\n.rmagic .rmrow .rminput input[type=\"text\"],\r\n.rmagic .rmrow .rminput input[type=\"password\"],\r\n.rmagic .rmrow .rminput input[type=\"email\"],\r\n.rmagic .rmrow .rminput input[type=\"url\"],\r\n.rmagic .rmrow .rminput input[type=\"number\"],\r\n.rmagic .rmrow .rminput textarea {\r\n    width: 100%;\r\n    min-height: 48px;\r\n    font-size: 0.8em;\r\n    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/\r\n    max-width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.rmagic .rm-login-wrapper .rmrow {\r\n    width: 100%;\r\n    margin-bottom: 15px;\r\n    margin-left: 0px;\r\n}\r\n\r\n@media screen and (max-width: 900px) {\r\n    .rmagic .rmrow .rminput input[type=\"text\"],\r\n    .rmagic .rmrow .rminput input[type=\"password\"],\r\n    .rmagic .rmrow .rminput input[type=\"email\"],\r\n    .rmagic .rmrow .rminput input[type=\"url\"],\r\n    .rmagic .rmrow .rminput input[type=\"number\"],\r\n    .rmagic .rmrow .rminput textarea,\r\n    .rmagic .rmrow .rminput select {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width:760px) {\r\n    .rmagic .rmnote {\r\n        margin-left: 0px;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width:479px) {\r\n}\r\n\r\n.rmagic .rmrow .rminput input[type=\"number\"] {\r\n    font-size: 1em;\r\n    padding-left: 1em;\r\n}\r\n\r\n.rmagic .rmrow .rminput textarea.rm_terms_area,\r\n.rmagic .rmagic-row .rmagic-field .rminput textarea.rm_terms_area{\r\n    width: 100%;\r\n    padding: 10px;\r\n    font-size: 0.8em;\r\n    min-height: 100px;\r\n}\r\n\r\n\r\n\r\n.rmagic .rmrow .rminput .appendable_options >input {\r\n    display: block;\r\n}\r\n\r\n.rmagic .rmrow .rminput .appendable_options .rm_actions {\r\n    display: inline-block;\r\n    text-align: left;\r\n    margin: 5px 20px 10px 0;\r\n    cursor: pointer;\r\n}\r\n\r\n.rmagic .rmrow .rminput .appendable_options .rm_actions a {\r\n    font-size: 80%;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n/*Styling the date picker calendar*/\r\n\r\n.ui-datepicker.ui-widget.ui-widget-content {\r\n    border: none;\r\n    box-shadow: 0 0 0 1px rgba(14, 41, 57, .12), 0 2px 5px rgba(14, 41, 57, .44), inset 0 -1px 2px rgba(14, 41, 57, .15);\r\n    padding: 10px;\r\n    font-family: Roboto, Helvetica, serif;\r\n    border-radius: 0;\r\n    max-width: 400px;\r\n}\r\n\r\n.ui-datepicker.ui-widget.ui-widget-content.rm_jqui_element {\r\n    z-index: 99999 !important\r\n}\r\n\r\n.ui-datepicker-header.ui-widget-header {\r\n    background-image: none;\r\n    background-color: #e1e1e1;\r\n    border: none;\r\n    padding: 10px 0 !important;\r\n    border-radius: 0;\r\n}\r\n\r\n.ui-widget-content .ui-state-default {\r\n    border-color: #fff !important;\r\n    background-image: none !important;\r\n    text-align: center;\r\n    border-radius: 4px;\r\n}\r\n\r\n.rm_jqui_element .ui-state-active,\r\n.rm_jqui_element .ui-widget-content .ui-state-active {\r\n    background-color: cornflowerblue!important;\r\n    color: #fff !important;\r\n}\r\n\r\n#ui-datepicker-div .ui-datepicker-calendar th {\r\n    font-weight: lighter;\r\n}\r\n\r\n#ui-datepicker-div .ui-datepicker-calendar th,\r\n#ui-datepicker-div .ui-datepicker-calendar td {\r\n    width: 14.28%;\r\n}\r\n\r\n.rm_jqui_element .ui-state-highlight,\r\n.rm_jqui_element .ui-widget-content .ui-state-highlight {\r\n    background-color: aliceblue !important;\r\n}\r\n\r\n#rm-data-clear-picker {\r\n    cursor: pointer;\r\n}\r\n\r\n.rmagic .rm-field-hint {\r\n    float: left;\r\n    width: 100%;\r\n    font-size: 12px;\r\n    opacity: 0.5;\r\n}\r\n\r\n\r\n/*Total Price Field and buttons at the bottom*/\r\n\r\n.rmagic .rm_total_price {\r\n    text-align: center;\r\n    font-size: larger;\r\n    line-height: 60px;\r\n    background-color: rgba(150, 150, 150, 0.1);\r\n    margin: 10px 0;\r\n}\r\n\r\n.rmagic .buttonarea {\r\n    width: 100%;\r\n    display: block;\r\n    float: left;\r\n    margin: 50px 0 10px 0;\r\n    ;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .buttonarea {\r\n    margin: 8px 0px;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login {\r\n    display: inline-table;\r\n    position: relative;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login .rm-third-party-login-btn {\r\n    text-transform: none;\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n    border-radius: 4px;\r\n    line-height: 26px;\r\n    font-family: arial;\r\n    width: 286px;\r\n    text-align: left;\r\n    color: #fff;\r\n    padding: 12px 2px 12px 50px;\r\n    border: 0px;\r\n    box-shadow: none;\r\n    background-image: none;\r\n    height: auto;\r\n    margin: 0px 5px 10px 5px;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login span {\r\n    position: absolute;\r\n    left: 26px;\r\n    top: 0px;\r\n    color: #fff;\r\n    font-size: 20px;\r\n    margin-top: 8px;\r\n    line-height: 34px;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login svg {\r\n    width: 20px;\r\n    margin: 10px 0px 0px -4px;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm_forgot_pass {\r\n    float: left;\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rmagic-form.rmagic-form-btn-left .buttonarea {\r\n    text-align: left\r\n}\r\n\r\n.rmagic .rmagic-form.rmagic-form-btn-center .buttonarea {\r\n    text-align: center\r\n}\r\n\r\n.rmagic .rmagic-form.rmagic-form-btn-right .buttonarea {\r\n    text-align: right\r\n}\r\n\r\n.rmagic .buttonarea input[type='button'],\r\n.rmagic .buttonarea input[type='submit'] {\r\n    width: auto;\r\n    min-width: 150px;\r\n    min-height: 50px !important;\r\n    float: none;\r\n    margin-bottom: 10px;\r\n    margin-right: 10px;\r\n    display: inline-block;\r\n}\r\n\r\n\r\n/* Text on top of the form*/\r\n\r\n.rmagic .rmheader {\r\n    display: block;\r\n    float: left;\r\n    width: 100%;\r\n    margin: 20px 0;\r\n}\r\n\r\n\r\n/*Success Message*/\r\n\r\n.rm-post-sub-msg {\r\n    margin: 20px 0;\r\n    font-size: 1.2em;\r\n    text-align: center;\r\n}\r\n\r\n\r\n/* Theme fixes */\r\n\r\n.rmagic .rmrow .rminput ul li label {\r\n    display: inline-block;\r\n}\r\n\r\n.rmagic .rmrow .rminput ul li label img {\r\n    margin-bottom: 0px;\r\n}\r\n\r\n.rmagic .rmrow .rmfield label {\r\n    font-weight: 600;\r\n    width: auto;\r\n}\r\n\r\n.rmagic .rm-login-wrapper input[type=\"checkbox\"]:checked + label span {\r\n    background-image: none;\r\n    width: auto;\r\n}\r\n\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"text\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"password\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"email\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"url\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"number\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput textarea {\r\n    box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15);\r\n}\r\n\r\n\r\n.rmagic .rminput .rmradio li .best-radio {\r\n    margin-right: -60px;\r\n}\r\n\r\n.rmagic .rm_pricefield_checkbox .rmradio .rm-pricefield-wrap .best-check {\r\n    margin: -2px -64px 7px 11px;\r\n}\r\n\r\n.wp-container-7 > .rmagic {\r\n    float: none;\r\n}\r\n\r\n/*---Fixes for Astra Theme---*/\r\n\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"text\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"password\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"email\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"url\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"file\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"number\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput textarea {\r\n    outline: 1px;\r\n    border-style: solid;\r\n}\r\n\r\n/*---Fixes for Astra Theme---*/\r\n\r\n/* --- Rich text widget full width --- */\r\n\r\n.rmagic .rminput.rm-richtext-fw {\r\n    width: 100%;\r\n}\r\n\r\n/*--- Login Page Third Party Button  ----*/\r\n\r\n.rm-login-widget-modal .rmagic .rmcontent.rm-login-wrapper {\r\n    width: 95%;\r\n    margin: 30px auto;\r\n}\r\n\r\n\r\n/*--- Widget form css----*/\r\n\r\n/*--- Widget form css----*/\r\n\r\n.widget_rm_form_widget {\r\n    width: 100%;\r\n    display: inline-block;\r\n}\r\n\r\n.widget_rm_form_widget .rm_layout_two_columns .rm-two-columns-wrap .rmrow {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget .rmrow .rminput ul.rmradio li {\r\n    background: none;\r\n    border: 0px;\r\n    padding: 0px;\r\n    margin: 0px\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_theme_classic fieldset {\r\n}\r\n\r\n.widget_rm_form_widget .rmagic .rmrow.rm_captcha_fieldrow .g-recaptcha {\r\n    transform:scale(0.70);\r\n    -webkit-transform:scale(0.70);\r\n    transform-origin:0 0;\r\n    -webkit-transform-origin:0 0;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic .rmrow.rm_captcha_fieldrow .g-recaptcha > div {\r\n    width: 100% !important;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic .rmrow .rminput select {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic .rmrow .rminput input[type=\"file\"] {\r\n    width: 100%;\r\n}\r\n\r\n/*--- Widget Address field----*/\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .label {\r\n    width: 100%;\r\n    text-align: left;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .slimField {\r\n    width: 100%;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .slimField input {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .wideField.rm-semi-field {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .wideField.rm-alone {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .wideField.rm-semi-field-with-label {\r\n    width: 100%;\r\n}\r\n\r\n\r\n/*--- Widget Timer field---*/\r\n\r\n.widget_rm_form_widget .rminput .rm_clock.rm-flip-clock-wrapper {\r\n    margin: 0px !important;\r\n}\r\n\r\n.widget_rm_form_widget .rminput .rm-flip-clock-wrapper ul {\r\n    width: 36px !important;\r\n    margin: 5px 2px !important;\r\n    height: 80px!important;\r\n}\r\n\r\n.widget_rm_form_widget .rminput .rm-flip-clock-wrapper ul li a div div.rm-clock-inner {\r\n    font-size: 50px;\r\n}\r\n\r\n.widget_rm_form_widget .rminput .rm-flip-clock-wrapper ul li a {\r\n    height: 82px;\r\n}\r\n\r\n.widget_rm_form_widget .rminput .rm-flip-clock-wrapper ul li {\r\n    padding: 0px;\r\n    margin: 0px;\r\n    border: 0px;\r\n    padding-left: 0px !important;\r\n    position: absolute !important;\r\n    overflow: hidden;\r\n}\r\n\r\n.widget_rm_form_widget .rminput  .rm-flip-clock-divider {\r\n    width: 0px;\r\n}\r\n\r\n\r\n/*--- Theme issues */\r\n\r\n.rmagic.rm_theme_classic .rm_form_field_type_heading {\r\n    color: inherit;\r\n}\r\n\r\n.rmagic.rm_theme_classic .rm_field_type_repeatable_container a {\r\n    color: #737373;\r\n}\r\n\r\n.rmagic.rm_theme_classic {\r\n    color: #8a8a8a;\r\n    color: rgb(138, 138, 138);\r\n}\r\n\r\n\r\n/*----- Price Field -----*/\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput select#id_rm_multisel_paypal_field,\r\n.rmagic .rmrow.rm_pricefield_row .rminput input[type=\"text\"] {\r\n    width: 60%;\r\n    float: left;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput select[id*=\"id_rm_multisel_paypal_field\"] {\r\n    width: 60%;\r\n    float: left;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.rmagic .rm_pricefield_checkbox .rmradio .rmrow .rminput input[type=\"number\"]{\r\n    padding: 2px 8px;\r\n}\r\n\r\n.rmagic .rm_pricefield_row .rmrow .rminput input[type=\"number\"]{\r\n    min-width: 70px;\r\n}\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput .rmrow {\r\n    width: auto;\r\n    margin-left: 10px;\r\n    padding-top: 0px;\r\n}\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput .rmrow .rmfield {\r\n    padding-top: 0px;\r\n}\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput .rmrow .rminput {\r\n    padding-top: 0px;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field.rm_pricefield_row > .rminput {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n    align-content: center;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field.rm_pricefield_row > .rminput >  .rmagic-field {\r\n    display: flex;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field.rm_pricefield_row > .rminput label.rmfield {\r\n    text-align: center;\r\n    width: 24px;\r\n}\r\n\r\n\r\n/* ---- Label left full width in widget--- */\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow.rm_pricefield_row .rmfield {\r\n    width: auto;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow.rm_pricefield_checkbox .rmfield {\r\n    width: auto;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow.rm_pricefield_checkbox .rmrow .rminput {\r\n    width: 50px;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow .rmfield {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow .rminput {\r\n    width: 100%;\r\n}\r\n\r\n.rm_noscript_btn {\r\n    display: none !important\r\n}\r\n\r\n\r\n/* ---- Help text in widget--- */\r\n\r\n.widget_rm_form_widget .rmagic .rmagic-form .rmrow .rmnote {\r\n    margin-left: 0px;\r\n}\r\n\r\n\r\n/* --- Custom Address field ---- */\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-fw {\r\n    width: 100%;\r\n    margin: 0px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-fw input {\r\n    width: 100%;\r\n    margin: 0px;\r\n}\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-hw {\r\n    width: 48%;\r\n    float: left;\r\n    margin: 0px 2% 12px 0px;\r\n}\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-hw:last-child{\r\n    float: right;\r\n    margin-right: 0px;\r\n}\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-hw input,\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-hw select {\r\n    width: 100%;\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n/* -- Custom address field with label -- */\r\n\r\n.rmagic #address.rm_address_type_ca .rm_ad_container .label {\r\n    width: 100%;\r\n    text-align: left;\r\n}\r\n\r\n\r\n/* --- Google Address field ---- */\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-fw {\r\n    width: 100%;\r\n    margin: 0px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-fw input {\r\n    width: 100%;\r\n    margin: 0px;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-hw {\r\n    width: 48%;\r\n    float: left;\r\n    margin: 0px 2% 12px 0px;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-hw:last-child {\r\n    float: right;\r\n    margin-right: 0px;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-hw input {\r\n    width: 100%;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .label {\r\n    width: 100%;\r\n    text-align: left;\r\n    padding-left: 0px;\r\n    margin-left: 0px;\r\n}\r\n\r\n.rm-google-addess-field {\r\n    font-size: 12px;\r\n}\r\n\r\n.rminput #locationField span,\r\n.rmwc-input #locationField span {\r\n    font-size: 12px;\r\n}\r\n\r\n/* --- Responsive address field ---*/\r\n\r\n@media only screen and (max-width:1200px) {\r\n    .rmagic #address.rm_address_type_ca .rm_ad_container .rm-address-hw,\r\n    .rmagic #address.rm_address_type_ga .rm_ad_container .rm-address-hw {\r\n        width: 44%;\r\n        margin: 0px 4px 12px 4px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 900px) {\r\n}\r\n\r\n@media only screen and (max-width:479px) {\r\n    .rmagic #address.rm_address_type_ga .rm_ad_container .rm-address-hw,\r\n    .rmagic #address.rm_address_type_ca .rm_ad_container .rm-address-hw {\r\n        width: 100%;\r\n        margin: 6px 0px;\r\n    }\r\n}\r\n\r\n/* --- Widget address field ---*/\r\n\r\n.widget_rm_form_widget .rmagic #address.rm_address_type_ga .rm_ad_container .rm-address-hw,\r\n.widget_rm_form_widget .rmagic #address.rm_address_type_ca .rm_ad_container .rm-address-hw {\r\n    width: 100%;\r\n}\r\n\r\n\r\n/* --- WooCommerce address field ---*/\r\n\r\n.rmwc-input #address.rm_address_type_ga .rm_ad_container .rm-address-hw,\r\n.rmwc-input #address.rm_address_type_ca .rm_ad_container .rm-address-hw {\r\n    width: 100%;\r\n}\r\n\r\n/*---  Registration Widgets---*/\r\n\r\n.rmagic .rmrow .rm-rgfeed,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed {\r\n    border: 1px solid #f2f2f2;\r\n    margin-bottom: -1px;\r\n    font-size: 13px;\r\n    padding: 5px 12px;\r\n    float: left;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-avatar img,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed .rm-avatar img {\r\n    border-radius: 100%;\r\n    -moz-border-radius: 100%;\r\n    -webkit-border-radius: 100%;\r\n    width: 36px;\r\n    height: 36px;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-rgfeed-user,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed .rm-rgfeed-user {\r\n    font-weight: 700;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-rgfeed-user-info,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed .rm-rgfeed-user-info {\r\n    float: left;\r\n    padding: 6px 6px 0px 10px;\r\n    width: 88%;\r\n    width: calc(100% - 36px);\r\n}\r\n.rmagic .rmrow .rm-rgfeed .rm-rgfeed-user-info{\r\n    padding: 0px 6px 0px 10px;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-rgfeed-user-info img.rm_country_flag {\r\n    width: 16px;\r\n    height:16px;\r\n    margin: 0px;\r\n    margin-left: 5px;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-avatar,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed .rm-avatar {\r\n    float: left;\r\n    width: 36px;\r\n    height: 36px;\r\n}\r\n\r\n/*--- Widget Map field---*/\r\n\r\n.rmagic .rmrow .rm_mapv_container .rm-map-widget {\r\n    height: 100% !important;\r\n    padding-bottom: 50%;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rm_mapv_container {\r\n    margin: 0px auto;\r\n    max-width: 100%;\r\n}\r\n\r\n.rmagic .rmrow.rm_mapv_container {\r\n    max-width: 100%;\r\n}\r\n\r\n.rm_mapv_container.rm_mapvsm {\r\n    display:block\r\n}\r\n\r\n.rm_mapv_container.rm_mapvlg{\r\n    display: table-cell\r\n}\r\n\r\n.widget_rm_form_widget .rm_mapv_container.rm_mapvsm {\r\n    width:100% !important;\r\n}\r\n\r\n/* --- widget meta data Form ---- */\r\n\r\n.rmagic .rmrow .fdata-row {\r\n    float: left;\r\n    width: 98%;\r\n    border: 1px solid #f1f1f1;\r\n    padding: 10px 2%;\r\n    font-size: 12px;\r\n}\r\n\r\n.rmagic .rmrow .fdata-row .rm-form-name {\r\n    margin-top: 10px;\r\n}\r\n\r\n.rmagic .rmrow .fdata-row span {\r\n    font-weight: 600\r\n}\r\n\r\n/* --- widget meta data Form End ---- */\r\n\r\n\r\n/* --- widget Image Form ---- */\r\n\r\n.rmagic .rm-image-widget {\r\n    position: relative;\r\n    text-align: center;\r\n    width: auto;\r\n    margin: 0px auto;\r\n    display: table;\r\n}\r\n\r\n.rmagic .rm-image-widget a img {\r\n    margin: 0px auto !important;\r\n}\r\n\r\n.rmagic figure.rm-image-widget.wp-caption {\r\n    border: 0px;\r\n    margin: 0px auto;\r\n}\r\n\r\n.rmagic .rm-image-widget .rm-caption {\r\n    font-size: 12px;\r\n    width: auto;\r\n    float: left;\r\n    text-align: left;\r\n    margin-top: 5px;\r\n    position: absolute;\r\n    bottom: 4%;\r\n    left: 2%;\r\n    background-color: #000;\r\n    background-color: rgba(70, 70, 70, 0.85);\r\n    color: #fff;\r\n    padding: 5px 10px;\r\n}\r\n\r\n.rmagic .rm-image-widget.imgv_shape_circle img {\r\n    border-radius: 100%;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.rm-image-widget .wp-caption-text {\r\n    text-align: center\r\n}\r\n\r\n.rmagic .rm-image-widget.imgv_shape_circle .rm-caption {\r\n    bottom: 25%;\r\n    left: 30%;\r\n}\r\n\r\n.rm-image-widget .wp-caption-text:empty{\r\n    display: none;\r\n}\r\n\r\n.csscalc #TB_window {\r\n    padding-bottom: 20px;\r\n}\r\n\r\n.csscalc #TB_closeWindowButton {\r\n    bottom: 4px;\r\n    top: inherit;\r\n}\r\n\r\n.rmagic .rmrow.rm-box-graph .rm-box-title {\r\n    text-align: center;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n/*--- Form Data Chart----*/\r\n\r\n.rmagic .rmrow.rm-box-graph .rm-box-title {\r\n    text-align: center;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.rmagic .rmrow.rm-box-graph #rm_sot_div svg * {\r\n}\r\n\r\n\r\n/*----- Sidebar widget ------*/\r\n\r\n.widget_rm_form_widget .rmrow.rm_mapv_container {\r\n    width: 100% !important;\r\n}\r\n\r\n.rm-floating-page .rmrow.rm_mapv_container {\r\n    max-width: 100%;\r\n}\r\n\r\n.rm-floating-page .rmrow.rm-box-graph {\r\n    max-width: 100%;\r\n}\r\n.rm-floating-page .rm-box-graph #rm_sot_div > div > div,\r\n.rm-floating-page .rm-box-graph #rm_conversion_chart_div > div > div,\r\n.rm-floating-page .rm-box-graph #rm_browser_usage_chart_div > div > div,\r\n.rm-floating-page .rm-box-graph #rm_browser_conversion_div > div > div\r\n{\r\n    margin: 0px auto;\r\n}\r\n\r\n.rm-floating-page .rm-image-widget {\r\n    width: 100%;\r\n    text-align: center\r\n}\r\n\r\n.rmagic .rminput.pass-strength-visible .pass-colorbar{\r\n    height: 3px;\r\n    background-image: url(../../images/rmpasswordstrength.jpg);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.rmagic .rminput.pass-strength-visible .pass-graybar{\r\n    height: 3px;\r\n    background-color: #ccc;\r\n    width: 100%;\r\n    position: relative;\r\n    top: -2px;\r\n}\r\n\r\n.rmagic .rminput.pass-strength-visible .pass-wrapper ~ .pass-wrapper {\r\n    display: none !important;\r\n}\r\n\r\n.rmagic .rminput.pass-strength-visible .pass-text{\r\n    font-size: 12px;\r\n}\r\n\r\n/*--- Logged in view ----- */\r\n\r\n.rm-logged-in-view-wrap {\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-logged-in-view-wrap {\r\n    width: 100%;\r\n    max-width: 600px;\r\n    margin: 0px auto;\r\n    display: table;\r\n    line-height: 1.75;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf{\r\n    width: 120px;\r\n    float:left;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf#rm-hide-user_avatar {\r\n    display: none;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf#rm-hide-user_avatar + .rm-logged-in-rf{\r\n    width: 100%;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf + .rm-logged-in-rf {\r\n    width: calc(100% - 153px);\r\n    margin-left: 30px;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-rf {\r\n    float:left;\r\n    width: 100%;\r\n}\r\n\r\n.rm_display_custom_msg {\r\n    width: 100%;\r\n    float: left;\r\n    padding-bottom: 10px;\r\n    font-size: 12px;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf img {\r\n    border-radius: 100%;\r\n    -moz-border-radius: 100%;\r\n    -webkit-border-radius: 100%;\r\n    width: 120px;\r\n    height: 120px;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-rf span.rm-greetings-text {\r\n    font-size: 20px;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-rf span + span {\r\n    font-size: 28px;\r\n    width: 100%;\r\n    float: left;\r\n    font-weight: 700;\r\n}\r\n\r\n.rm-logged-in-lf img.avatar {\r\n    float: left\r\n}\r\n\r\n.rm-logged-in-rf .rm-logged-welcome {\r\n    float: left;\r\n    width: 100%;\r\n}\r\n\r\n.rm-logged-in-account-links {\r\n    border-top: 5px solid #efefef;\r\n    margin-top: 12px;\r\n    padding-top: 6px;\r\n    float: left;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.rm-logged-in-account-links .rm_display_account {\r\n    float: left;\r\n}\r\n\r\n\r\n.rm-logged-in-account-links .rm_display_logout {\r\n    float: right;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.rm-alert-error,\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error,\r\n.rmagic .rmcontent form#rm_reset_pass_form fieldset .rm-response-message.alert-error,\r\n.rmagic .rmcontent form.rmagic-form fieldset .rm-response-message.alert-error{\r\n    background-color: #F9E4E8;\r\n    box-shadow: inset 2px 0 0 0 #E04562;\r\n    -moz-box-shadow: inset 3px 0 0 0 #E04562;\r\n    -webkit-box-shadow: inset 3px 0 0 0 #E04562;\r\n    border: 0px;\r\n    color: #333333;\r\n    font-family: inherit;\r\n    font-weight: 400;\r\n    text-transform: none;\r\n    font-size: 14px;\r\n    margin: 0 0 20px;\r\n    border-top-right-radius: 2px;\r\n    border-bottom-right-radius: 2px;\r\n    text-align: left;\r\n    padding: 10px 10px;\r\n}\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.rm-alert-error,\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error,\r\n.rmagic .rmcontent form.rmagic-form fieldset .rm-response-message.alert-error{\r\n    position: relative;\r\n}\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.rm-alert-error span.close,\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error span.close,\r\n.rmagic .rmcontent form.rmagic-form fieldset .rm-response-message.alert-error span.close{\r\n    position: absolute;\r\n    right: 7px;\r\n    top: 4px;\r\n    cursor: pointer;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error ul li {\r\n    list-style: none;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.rm-alert-error {\r\n    padding: 10px 12px;\r\n}\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error ul\r\n{\r\n    margin: 0px;\r\n    padding: 0px 12px;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error ul li::marker{\r\n    display: none;\r\n}\r\n\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error a.close,\r\n.rmagic .rmcontent form#rm_reset_pass_form fieldset .rm-response-message.alert-error a.close{\r\n    color: #E04562;\r\n    line-height: 20px;\r\n    box-shadow: none;\r\n    text-decoration: none;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message .rm_inline_forgot_pass {\r\n    display: inline;\r\n}\r\n\r\n\r\n/*---- Login Button Widget ----*/\r\n\r\n.widget.widget_rm_login_btn_widget {\r\n    max-width: 400px;\r\n}\r\n\r\n.widget_rm_login_btn_widget {\r\n    display: inline-block;\r\n    width: 100%;\r\n    padding: 25px 0px !important;\r\n    overflow: visible !important;\r\n    margin: 0px 0px;\r\n    float: left;\r\n    margin-bottom: 0px;\r\n}\r\n\r\n.rm_widget_container {\r\n    text-align: center;\r\n    position: relative;\r\n}\r\n\r\n.rm_widget_container #rm_login_widget_front,\r\n.rm_widget_container #rm-login-widget{\r\n    position: absolute;\r\n    height: 140px;\r\n    z-index: 999;\r\n    top: 0px;\r\n    left: -25px;\r\n    padding-top: 50px;\r\n    min-width: 300px;\r\n    width:100%;\r\n}\r\n\r\n.rm_widget_container #rm_login_widget_front .rmagic,\r\n.rm_widget_container #rm-login-widget .rmagic {\r\n    margin: 0px;\r\n    border: 0px;\r\n    background-color: transparent;\r\n}\r\n\r\n.rm_widget_container #rm_login_widget_front .rmagic .rmcontent.rm-login-wrapper,\r\n.rm_widget_container #rm-login-widget .rmagic .rmcontent.rm-login-wrapper {\r\n    border: 0px;\r\n}\r\n\r\n.rm_widget_container #rm-login-widget .rmrow,\r\n.rm_widget_container #rm-login-widget  .rmagic .buttonarea {\r\n    background-color: #fff;\r\n}\r\n\r\n.rm_widget_container #rm-login-widget #rm_login_form .rmrow .rmfield label{\r\n    color: #2b2b2b;\r\n    font-size: 13px;\r\n}\r\n\r\n.rm_widget_container #rm-login-widget #rm_login_form .rmrow .rminput input {\r\n    color: #696565;\r\n}\r\n\r\n.rm_widget_container .rm_login_widget-wrap .rm-login-wrapper .rmrow .rmfield {\r\n    width: 100%;\r\n    text-align: left;\r\n    min-height: auto;\r\n}\r\n\r\n.rm_widget_container .rm_login_widget-wrap .rm-login-wrapper .rmrow .rminput {\r\n    width:100%;\r\n    min-height: auto;\r\n}\r\n\r\n\r\n\r\n.rm_widget_container .rm_login_widget-wrap .rm-login-wrapper .rmrow .rmfield span {\r\n    float: left;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.rm_widget_container div a.rm-button {\r\n    border: 2px;\r\n    border-style: solid;\r\n    border-color: #000;\r\n    border-radius: 5px;\r\n    padding: 8px 30px;\r\n    font-size: 15px;\r\n    font-size: 16px;\r\n    position: relative;\r\n    z-index: 99999;\r\n}\r\n\r\n.rm_widget_container .rm-login-widget-wrap a.rm-button{\r\n    pointer-events: visible;\r\n}\r\n\r\n.rm_widget_container .rm_login_widget-wrap,\r\n.rm_widget_container .rm-logged-in-view{\r\n    float: left;\r\n    background-color: #fff;\r\n    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);\r\n    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);\r\n    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);\r\n    color: #2b2b2b;\r\n    margin-bottom: 50px;\r\n    margin-top: 10px;\r\n    padding-top: 12px;\r\n    min-width: 360px;\r\n    max-width: 400px;\r\n    min-height: 46px;\r\n    border-radius: 3px;\r\n}\r\n\r\n.rm_widget_container .rm_login_widget-wrap > .rm-failed-ip-error {\r\n    font-size: 12px;\r\n    width: 88%;\r\n    margin: 20px auto;\r\n    display: inline-block;\r\n}\r\n.rm_widget_container .rm-logout-widget:hover #rm_login_widget_front {\r\n    display: block !important;\r\n}\r\n\r\n.widget_rm_login_btn_widget .rm-logout-widget:hover #rm_login_widget_front {\r\n    display: block !important;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-view-wrap .rm-logged-in-lf img {\r\n    width: 70px;\r\n    height: 70px;\r\n}\r\n\r\n\r\n.rm_widget_container .rm-logged-in-view-wrap {\r\n    width: 92%;\r\n    margin: 0px auto;\r\n    color: #2b2b2b;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-account-links {\r\n    border-top: 2px solid #efefef;\r\n    margin: 0px 0px 4px 0px;\r\n    padding-top: 10px;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-rf span + span {\r\n    font-size: 25px;\r\n\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-rf .rm-user-last-name {\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    width: 200px;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-rf span.rm-greetings-text {\r\n    font-size: 16px;\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-lf {\r\n    width: 70px;\r\n    margin-top: 18px;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-rf {\r\n    float: left;\r\n    margin: 22px 0px 0px 0px;\r\n    width: calc(100% - 70px);\r\n}\r\n\r\n#rm_login_widget_front .rm_login_widget_nub,\r\n#rm-login-widget .rm_login_widget_nub{\r\n    position: absolute;\r\n    width: 24px;\r\n    height: 24px;\r\n    -webkit-transform: rotate(225deg);\r\n    transform: rotate(225deg);\r\n    z-index: 2;\r\n    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);\r\n    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);\r\n    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);\r\n    background: #fff;\r\n    top: 48px;\r\n    left: 50%;\r\n}\r\n\r\n#rm-login-widget .rm_login_widget-close {\r\n    position: fixed;\r\n    top: 0px;\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 0px;\r\n    z-index: -1;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper ul.rmradio li.rm-login-remember {\r\n    background-image: none;\r\n    border:0px;\r\n}\r\n\r\n.rmagic .rm-login-attempted-notice {\r\n    padding: 15px;\r\n    font-size: 12px;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rmrow .rmfield label span i {\r\n    margin-bottom: 5px;\r\n}\r\n\r\n/*---- Smaller Widget area ----*/\r\n\r\n.widget_rm_login_btn_widget.rm-narrow-widget .rm_login_widget-wrap,\r\n.widget_rm_login_btn_widget.rm-narrow-widget .rm-logged-in-view{\r\n    width: 99%;\r\n    min-width: 99%;\r\n}\r\n\r\n.widget_rm_login_btn_widget.rm-narrow-widget .rm_login_widget-wrap .rmagic,\r\n.widget_rm_login_btn_widget.rm-narrow-widget .rm-logged-in-view .rmagic {\r\n    border:0px\r\n}\r\n\r\n\r\n/*--- WC shipping and Billing address field----*/\r\n\r\n.rmagic .rmrow .rm-wc-wrap {\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-hw {\r\n    width: 48%;\r\n    float: left;\r\n    margin: 0px 2% 12px 0px;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-label {\r\n    width: 100%;\r\n    text-align: left;\r\n    float: left;\r\n    color: gray;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    background-color: transparent;\r\n    font-size: 0.8em;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-fw {\r\n    width: 100%;\r\n    float: left;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-wrap .rm-wc-field select{\r\n    width:100%;\r\n    font-size: 1em;\r\n    height: 36px;\r\n}\r\n\r\n/* Theme Fixes */\r\n\r\n.theme-astra .rmagic .rmrow .rm-wc-wrap .rm-wc-field select {\r\n    height: 42px;\r\n    font-size: 0.9em;\r\n}\r\n\r\nbody.is-light-theme .rmagic.rm_theme_matchmytheme,\r\nbody.is-light-theme .rmagic {\r\n    float:none\r\n}\r\n\r\n/*-- Theme Fixes --*/\r\n\r\n.rmagic .rmrow .rm-wcbilling,\r\n.rmagic .rmrow .rm-wcshipping{\r\n    position: relative;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-hover-text {\r\n    bottom: -20px;\r\n    top: inherit;\r\n    margin-left: 0px;\r\n}\r\n\r\n.woocommerce-FormRow  .rm-wcshipping .rmnote.rm-wc-hover-text {\r\n    display: none !important;\r\n}\r\n\r\n\r\n/*------ Privacy----*/\r\n\r\n.rmagic .rm-privacy-row {\r\n    text-align: center;\r\n    background-color: rgba(150, 150, 150, 0.1);\r\n    margin: 10px 0;\r\n    padding: 24px 10px;\r\n    font-weight: normal;\r\n    border-radius: 3px\r\n\r\n}\r\n\r\n.rmagic .buttonarea input[type='submit'][disabled] {\r\n    opacity: 0.5;\r\n    cursor: default;\r\n}\r\n.rmagic .rm-privacy-row .rm-privacy-icon input.rm_privacy_cb {\r\n    margin-right: 5px;\r\n}\r\n\r\n/* Hide hidden field forms */\r\n#rm_front_submissions_nav_form, #rm_front_submissions_respas_form{\r\n    display: none;\r\n}\r\n\r\n/*--- Password Recovery------*/\r\n\r\n\r\n.rm_error_msg{\r\n    background-color: #F8E1E7;\r\n    padding: 8px 20px;\r\n    border-radius: 5px;\r\n    border: 1px solid #D2375E;\r\n    color: #D2375E;\r\n    font-size: 12px;\r\n    margin: 0px auto;\r\n    display: table;\r\n}\r\n\r\n.rm_success_msg {\r\n    background-color: #DAF5E7;\r\n    padding: 8px 20px;\r\n    border-radius: 5px;\r\n    border: 1px solid #42CC83;\r\n    color: #42CC83;\r\n    font-size: 12px;\r\n    margin: 0px auto;\r\n    display: table;\r\n}\r\n\r\n.rm-password-request{\r\n}\r\n\r\n\r\n.rm-security-token {\r\n    padding: 22px 5px;\r\n    text-align: center;\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    border: 2px dotted #e6e6e6;\r\n    background-color: #FBFBFB;\r\n    color: #949494;\r\n}\r\n\r\n\r\n.rm_error_msg-wrap {\r\n    float: left;\r\n    width:100%;\r\n    text-align: center;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_error_msg {\r\n    background-color: #F8E1E7;\r\n    margin: 0px auto;\r\n    text-align: left;\r\n    box-shadow: inset 2px 0 0 0 #E04562;\r\n    -moz-box-shadow: inset 2px 0 0 0 #E04562;\r\n    -webkit-box-shadow: inset 3px 0 0 0 #E04562;\r\n    border-top-right-radius: 2px;\r\n    border-bottom-right-radius: 2px;\r\n    color: #333333;\r\n    font-family: inherit;\r\n    font-weight: 400;\r\n    padding: 20px;\r\n    font-size: 14px;\r\n    width: 100%;\r\n    max-width: 690px;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_error_msg p,\r\n.rm_error_msg-wrap .rm_pr_success_msg p,\r\n.rm_error_msg-wrap .rm_pr_warning_msg p {\r\n    padding: 0px;\r\n    margin: 0px;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_error_msg .rm_red_cross{\r\n    color: #E04562;\r\n    line-height: 20px;\r\n    box-shadow: none;\r\n    text-decoration: none;\r\n    background-color: transparent;\r\n    margin-right: 0px;\r\n    float: right;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_success_msg {\r\n    background-color: #DAF5E7;\r\n    padding: 8px 20px;\r\n    color: #42CC83;\r\n    font-size: 12px;\r\n    margin: 0px auto;\r\n    display: inline-flex;\r\n    text-align: left;\r\n    box-shadow: inset 2px 0 0 0 #42CC83;\r\n    -moz-box-shadow: inset 2px 0 0 0 #E04562;\r\n    -webkit-box-shadow: inset 3px 0 0 0 #42CC83;\r\n    border-top-right-radius: 2px;\r\n    border-bottom-right-radius: 2px;\r\n    color: #333333;\r\n    font-family: inherit;\r\n    font-weight: 400;\r\n    padding: 20px;\r\n    font-size: 14px;\r\n    width: 100%;\r\n    max-width: 690px;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_success_msg .rm_green_tik{\r\n    background-color: #42CC83;\r\n    color: #DAF5E7;\r\n    border-radius: 50%;\r\n    width: 18px;\r\n    height: 18px;\r\n    padding: 5px;\r\n    float: left;\r\n    line-height: 10px;\r\n    font-size: 12px;\r\n    margin-right: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_warning_msg {\r\n    background-color: #fff0e4;\r\n    padding: 8px 20px;\r\n    border-radius: 5px;\r\n    border: 1px solid #ff9947;\r\n    color: #ff9947;\r\n    font-size: 12px;\r\n    margin: 0px auto;\r\n    display: inline-flex;\r\n    text-align: left;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_warning_msg .rm_waring_symbol{\r\n    background-color: #ff9947;\r\n    color: #fff0e4;\r\n    border-radius: 50%;\r\n    width: 18px;\r\n    height: 18px;\r\n    float: left;\r\n    line-height: 4px;\r\n    font-size: 12px;\r\n    margin-right: 10px;\r\n    text-align: left;\r\n    padding: 8px;\r\n}\r\n\r\n.rmagic .rmrow .rminput.rminput-note ~ .rmnote {\r\n    top: -89px !important;\r\n}\r\n\r\n.rmagic .rmrow .rminput.rminput-note ~ .rmnote .rmprenote {\r\n    bottom: -11px;\r\n    top: auto;\r\n    -ms-transform: rotate(180deg);\r\n    -webkit-transform: rotate(180deg);\r\n    transform: rotate(180deg);\r\n}\r\n\r\n/*--- Non-page Specific ------*/\r\n\r\ndiv#rm_stat_container,\r\ndiv.rm_hide_form_page\r\n{\r\n    display: none;\r\n}\r\n\r\n\r\n/*--- Form Builder CSS---*/\r\n\r\n:root {\r\n    --rm-field-gutter: 10px;\r\n}\r\n\r\n.rmagic .rmagic-row {\r\n    width: 100%;\r\n    margin: 0px auto 20px auto;\r\n}\r\n\r\n@media (min-width: 783px) {\r\n    .rmagic .rmagic-row .rmagic-fields-wrap {\r\n        display: -webkit-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        margin-right: calc(var(--rm-field-gutter) * -1);\r\n        margin-left: calc(var(--rm-field-gutter) * -1);\r\n    }\r\n    .rmagic-row .rmagic-fields-wrap .rmagic-col {\r\n        min-width: 0;\r\n        -webkit-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1;\r\n        padding-right: calc(var(--rm-field-gutter) * 1);\r\n        padding-left: calc(var(--rm-field-gutter) * 1);\r\n    }\r\n    .rmagic-row .rmagic-fields-wrap .rmagic-col-8 {\r\n        -webkit-box-flex: 2;\r\n        -ms-flex: 2;\r\n        flex: 2;\r\n    }\r\n\r\n    /*--Woo Fields---*/\r\n\r\n\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap {\r\n        display: -webkit-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        margin-right: calc(var(--rm-field-gutter) * -1);\r\n        margin-left: calc(var(--rm-field-gutter) * -1);\r\n    }\r\n\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-fw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-fw{\r\n        position: relative;\r\n    }\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-fw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-fw{\r\n        min-width: 0;\r\n        -webkit-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1;\r\n        padding-right: calc(var(--rm-field-gutter) * 1);\r\n        padding-left: calc(var(--rm-field-gutter) * 1);\r\n    }\r\n\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-hw {\r\n        position: relative;\r\n        width: 100%;\r\n        float: left;\r\n    }\r\n\r\n    /*--Woo Fields End---*/\r\n}\r\n\r\n@media only screen and (max-width:781px) {\r\n    .rmagic .rmagic-row {\r\n        display: inline-block;\r\n    }\r\n\r\n    .rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col:empty{\r\n        display: none;\r\n    }\r\n\r\n    .rmagic .rmagic-row.rm-hidden-row .rmagic-col-hide{\r\n        display: none !important;\r\n    }\r\n\r\n    .rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col {\r\n        display: inline-block;\r\n        width: 100%;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col:last-child{\r\n        margin-bottom: 0px;\r\n    }\r\n\r\n    .rmagic .rmagic-row .rmagic-fields-wrap {\r\n\r\n    }\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"text\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"password\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"email\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"url\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"file\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"number\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput textarea {\r\n    width: 100%;\r\n    min-height: 36px;\r\n    font-size: 1em;\r\n    max-width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.rmagic-row .rmagic-field .rminput input[type=\"password\"]:disabled,\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"text\"]:disabled{\r\n    opacity: 0.7;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-field .rminput select {\r\n    background-color: transparent;\r\n    border: 1px solid #e1e1e1;\r\n    border: 1px solid rgba(150, 150, 150, 0.4);\r\n    min-width: 50%;\r\n    width: 100%;\r\n    font-size: 1em;\r\n    min-height: 36px;\r\n    line-height: 16px;\r\n    max-width: 100%;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-heading {\r\n    font-size: 20px;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-subheading {\r\n    padding-bottom: 20px;\r\n    color: gray;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    font-size: 16px;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field {\r\n    position: relative;\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field label sup{\r\n    padding: 0px;\r\n    margin: 0px;\r\n    bottom: 0px;\r\n    vertical-align: baseline;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rminput .intl-tel-input {\r\n    width: 100%;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rminput .iti--allow-dropdown input[type=\"text\"]{\r\n    background-image: none;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rminput ul.iti__country-list{\r\n    margin: 0 0 0 -1px !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rminput ul.iti__country-list li{\r\n    margin-left: 0px !important;\r\n}\r\n\r\n/*--Mobile Field CSS for Older Builder---*/\r\n\r\n.rmagic .rmrow .rminput .iti--allow-dropdown input,\r\n.rmagic .rmrow .rminput .iti--allow-dropdown input[type=tel],\r\n.rmagic .rmrow .rminput .iti--allow-dropdown input[type=text],\r\n.rmagic .rmrow .rminput .iti--separate-dial-code input,\r\n.rmagic .rmrow .rminput .iti--separate-dial-code input[type=tel],\r\n.rmagic .rmrow .rminput .iti--separate-dial-code input[type=text] {\r\n    padding-right: 6px !important;\r\n    padding-left: 52px !important;\r\n    margin-left: 0\r\n}\r\n\r\n/*--Mobile Field CSS for Older Builder End---*/\r\n\r\n/**\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rm-tel-invalid-msg:last-child{\r\n    display: none;\r\n}\r\n*/\r\n\r\n.rmagic-row .rmagic-fields-wrap .rm_divider {\r\n    margin: 0px;\r\n    padding: 0px;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmrow {\r\n    min-height: auto;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmrow.rm-privacy-row{\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.rmagic-row .rmagic-field .rminput ul.rmradio li {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n}\r\n\r\n.rmagic-row .rmagic-field .rminput ul.rmradio li input[type=radio],\r\n.rmagic-row .rmagic-field .rminput ul.rmradio li input[type=checkbox]{\r\n    margin-right: 10px;\r\n}\r\n\r\n.rmagic-row .rm_pricefield_checkbox .rminput .rmradio li {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.rmagic .rm_payment_options .rmagic-field .rminput ul.rmradio li {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    align-content: center;\r\n    margin: 10px 0px;\r\n}\r\n\r\n.rmagic .rm_payment_options .rmagic-field .rminput ul.rmradio li label {\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rm-total-price-widget  {\r\n    text-align: center;\r\n    font-size: larger;\r\n    line-height: 60px;\r\n    background-color: rgba(150, 150, 150, 0.1);\r\n    margin: 10px 0;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rm-total-price-widget .rm-total-price-taxt-info {\r\n    margin-left: 4px;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n}\r\n\r\n.rmagic .rm_payment_options .rmagic-field .rminput ul.rmradio li .rm_payment_method_select {\r\n    margin-right: 10px;\r\n\r\n}\r\n\r\n@media all and (min-width:782px) {\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-4 .rmagic-field label.rmfield,\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-3 .rmagic-field label.rmfield{\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-8 ~ .rmagic-col.rmagic-col-4 .rmagic-field label.rmfield {\r\n        width: 25%;\r\n        max-width: 250px;\r\n    }\r\n\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-8 ~ .rmagic-col.rmagic-col-4 .rminput {\r\n        width: 75%;\r\n    }\r\n\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-4 .rmagic-field .rminput,\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-3 .rmagic-field .rminput{\r\n        width: 100%;\r\n    }\r\n\r\n    .rm_layout_label_left .rmagic-row .rmagic-field label.rmfield{\r\n        width: 25%;\r\n        max-width: 250px;\r\n    }\r\n\r\n    .rm_layout_label_left .rmagic-row .rmagic-field .rminput {\r\n        width: 75%;\r\n    }\r\n}\r\n\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col .rmnote {\r\n    margin-left: 0px;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col{\r\n    position: relative;\r\n}\r\n\r\n/* You tube widget----*/\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmrow iframe{\r\n    max-width: 100%;\r\n    vertical-align: middle;\r\n}\r\n\r\n/*--Timer Field----*/\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-field .rminput .rm-flip-clock-wrapper {\r\n    display: flex;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col-3 .rmagic-field .rminput .rm-flip-clock-wrapper ul li a div div.rm-clock-inner {\r\n    font-size: 54%;\r\n}\r\n\r\n/*--Timer Field end----*/\r\n\r\n/*--Privacy Error Message----*/\r\n\r\n.rm_theme_matchmytheme .rm-form-error-message.rm-form-field-invalid-msg,\r\n.rm_theme_classic .rm-form-error-message.rm-form-field-invalid-msg{\r\n    padding: 3px 8px;\r\n    display: inline-block;\r\n    color: red;\r\n    margin: 5px 0 0 0;\r\n    font-size: 0.8em;\r\n    text-transform: uppercase;\r\n    border-radius: 4px;\r\n    -moz-border-radius: 4px;\r\n    -webkit-border-radius: 4px;\r\n    animation: rm-warning 1s ease-out 1;\r\n    -webkit-animation: rm-warning 1s ease-out 1;\r\n    -moz-animation: rm-warning 1s ease-out 1;\r\n    -o-animation: rm-warning 1s ease-out 1;\r\n    float: left;\r\n}\r\n\r\n.rm_theme_matchmytheme .rm-form-error-message.rm-form-field-invalid-msg:before,\r\n.rm_theme_classic .rm-form-error-message.rm-form-field-invalid-msg:before{\r\n    content: \"\\2191\\00a0\";\r\n    font-size: 14px;\r\n}\r\n\r\n/*--Privacy Error Message----*/\r\n\r\n\r\n/*-- Frontend shortcode--*/\r\n\r\n.rmagic-table.rm-single-inbox-tabs .rm-user-row.rm-inbox-icon {\r\n    display: none;\r\n}\r\n\r\n.rmagic .rmagic-table.rm-single-payment-tabs {\r\n    width: 100%;\r\n}\r\n\r\n/*-- End: Frontend shortcode--*/\r\n\r\n.rmagic .rm-form-preview-notice {\r\n    color: #70613a;\r\n    background-color: #fff3cd;\r\n    position: relative;\r\n    padding: 18px;\r\n    margin: 12px 0px;\r\n    border: 1px solid #e8e0c6;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    overflow: hidden;\r\n    border-radius: 5px;\r\n}\r\n\r\n.rmagic .rm-form-preview-notice span {\r\n    float: left;\r\n    width: 100%;\r\n    font-size: 9px;\r\n    padding-top: 2px;\r\n    text-transform: uppercase;\r\n    font-weight: normal;\r\n}\r\n\r\n.admin_page_rm_field_manage  #TB_window iframe .rmagic {\r\n    max-width: 1100px;\r\n    margin: 0px auto;\r\n}\r\n\r\n.rm-password-toggle-wrap,\r\n.rm-c-password-toggle-wrap{\r\n    position: relative !important;\r\n}\r\n\r\n.rm-password-toggle-wrap .pass-wrapper,\r\n.rm-c-password-toggle-wrap .pass-wrapper{\r\n    height: 0 !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.rm-togglePassword{\r\n    background-image: url(../../images/svg/eye-slash-regular.svg);\r\n    padding: 6px;\r\n    background-repeat: no-repeat;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    top: 12px;\r\n    top: calc(50% - 6px);\r\n    right: 7px;\r\n    margin: 0px 0px;\r\n    line-height: normal;\r\n    width: 26px;\r\n\r\n}\r\n\r\n.rm-togglePassword.rm-togglePassword-show {\r\n    background-image: url(../../images/svg/eye-regular.svg);\r\n}\r\n\r\n.rminput.rm-password-toggle-wrap.rm-togglePassword{\r\n}\r\n\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field.rm-confirm-pass-below.rm-password-field-col{\r\n    width: 100%;\r\n    margin: 0px auto 20px auto;\r\n}\r\n\r\n\r\n/*---Field Notes---*/\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col .rmnote{\r\n    width: 100% !important;\r\n}\r\n\r\n/*---Field Notes End---*/\r\n\r\n/*--Woo Fields Defualt---*/\r\n\r\n.rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap,\r\n.rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap {\r\n    margin-bottom:20px;\r\n}\r\n\r\n.rmagic .rmagic-row .rm-wcbilling,\r\n.rmagic .rmagic-row .rm-wcshipping {\r\n    margin:20px 0px;\r\n    ;\r\n}\r\n\r\n/*--Woo Fields Defualt End---*/\r\n\r\n/* Paypal--*/\r\n\r\ntable.rm_paypal_order_details{\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    border-width: 1px 0 0 1px;\r\n    margin: 0 0 1.75em;\r\n    table-layout: fixed;\r\n    width: 100%;\r\n}\r\n\r\ntable.rm_paypal_order_details, table.rm_paypal_order_details th, table.rm_paypal_order_details td{\r\n    border: 1px solid #d1d1d1;\r\n}\r\n\r\n#rm_paypal_order_success {\r\n    text-align: center;\r\n}\r\n\r\n#rm_paypal_order_success img{\r\n    width: 55px;\r\n}\r\n\r\n#rm_paypal_order_area {\r\n    text-align: center;\r\n}\r\n\r\n\r\n.select2-container--default .select2-results__option[aria-selected=true] {\r\n    background-color: #ddd !important;\r\n    color: #000 !important;\r\n}\r\n\r\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\r\n    background-color: #ddd !important;\r\n    color: #000 !important;\r\n}\r\n\r\n.rmagic .rm-login-wrapper .rmrow .rminput ul.rmradio{\r\n    margin: 0px !important;\r\n    padding: 0px !important;\r\n}\r\n\r\n.rm_form_submit_msg.rm-form-submit-wrap {\r\n    text-align: center;\r\n}\r\n\r\n.rm_form_submit_msg.rm-form-submit-wrap svg {\r\n    width: 42px;\r\n    height: 42px;\r\n    fill:#46B756;\r\n}\r\n\r\n.rm-form-submit-message-icon {\r\n    margin: 20px 0px;\r\n    width: 100%;\r\n}",
  "html": "/*\r\n * This File contains the css for fornt end pages of the plugin like submissions\r\n *\r\n * NOTE: This File is not a theme/css file for Front End User Created Forms.\r\n */\r\n\r\n\r\n/*---------Common Elements---------------*/\r\n\r\n.rmagic * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.rmagic .rmrow li {\r\n    list-style: none;\r\n    margin: 0 0 5px 0;\r\n}\r\n\r\n.rmagic .rmrow li input[type=radio],\r\n.rmagic .rmrow li input[type=checkbox] {\r\n    margin-right: 10px;\r\n    width:auto;\r\n}\r\n\r\n.rmagic .rmrow li input[type=radio] {\r\n    -webkit-appearance: radio;\r\n    -moz-appearance: radio;\r\n    appearance: radio;\r\n}\r\n\r\n.rmagic .rmrow li input[type=checkbox] {\r\n    -webkit-appearance: checkbox;\r\n    -moz-appearance: checkbox;\r\n    appearance: checkbox;\r\n}\r\n\r\n/*----header----*/\r\n\r\n.rmagic .operationsbar {\r\n    display: block;\r\n    width: 30%;\r\n    float: left;\r\n    padding: 10px;\r\n}\r\n\r\n.rm_spacing {\r\n    margin-top: 100px;\r\n    clear: both;\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rm_divider {\r\n    width: 100%;\r\n    size: 8px;\r\n    height: 1px;\r\n    clear: both;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rmtitle {\r\n    display: block;\r\n    float: left;\r\n    padding: 0px 0px 25px 5px;\r\n    width: 100%;\r\n    font-size: 24px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.rmagic .rmsubtitle {\r\n    display: block;\r\n    float: left;\r\n    padding: 0px 0px 25px 5px;\r\n    width: 100%;\r\n    font-size: 18px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.operationsbar .nav {\r\n    display: inline-block;\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n.operationsbar .nav ul {\r\n    font-size: 14px;\r\n    list-style: none;\r\n    padding: 0px;\r\n    margin: 0px;\r\n    border-radius: 5px;\r\n    border: 1px solid #e5e5e5;\r\n    overflow: hidden;\r\n}\r\n\r\n.operationsbar .nav ul li,\r\n.operationsbar .nav ul li a {\r\n    display: inline-block;\r\n    padding: 10px;\r\n    color: #000;\r\n    text-decoration: none;\r\n    transition: 0.2s;\r\n    display: block;\r\n    background-color: #fbfbfb;\r\n}\r\n\r\n.operationsbar .nav ul li.rm-form-toggle {\r\n    background: #fdf99f;\r\n    color: #e6a719;\r\n}\r\n\r\n.operationsbar .nav ul li.rm-form-toggle:hover {\r\n    background: #fdf99f;\r\n    color: #c38a09;\r\n}\r\n\r\n.operationsbar .nav ul li {\r\n    border-bottom: 1px solid #e5e5e5;\r\n}\r\n\r\n.operationsbar .nav ul li:nth-last-child(1) {\r\n    border-bottom: none\r\n}\r\n\r\n.operationsbar .nav ul li:hover,\r\n.operationsbar .nav ul li:hover a,\r\n.operationsbar .nav ul li a:hover,\r\n.operationsbar .nav ul li.ui-state-active,\r\n.operationsbar .nav ul li.ui-state-active a {\r\n    background-color: #FFF;\r\n    cursor: pointer;\r\n}\r\n\r\n.rmagic ul li.rm-form-toggle {\r\n    display: inline-block;\r\n    padding: 20px;\r\n    margin-right: 0px;\r\n    display: block;\r\n}\r\n\r\n.rmagic li.rm-form-toggle select {\r\n    background-color: rgb(253, 253, 253);\r\n    border: 1px solid rgb(240, 240, 240);\r\n    color: rgb(150, 150, 150);\r\n    margin-left: 10px;\r\n}\r\n\r\n\r\n/* Map Field CSS */\r\n\r\n.rmagic .map {\r\n    height: 300px;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rm-map-controls {\r\n    margin-top: 10px;\r\n    border: 1px solid transparent;\r\n    border-radius: 2px 0 0 2px;\r\n    box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    height: 32px;\r\n    outline: none;\r\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.rmagic .rm_map_autocomplete {\r\n    background-color: #fff;\r\n    font-family: Roboto;\r\n    font-size: 15px;\r\n    font-weight: 300;\r\n    margin-left: 12px;\r\n    padding: 0 11px 0 13px;\r\n    text-overflow: ellipsis;\r\n    width: 200px;\r\n}\r\n\r\n.rmagic .rm_map_autocomplete:focus {\r\n    border-color: #4d90fe;\r\n}\r\n\r\n.pac-container {\r\n    font-family: Roboto;\r\n}\r\n\r\n#type-selector {\r\n    color: #fff;\r\n    background-color: #4d90fe;\r\n    padding: 5px 11px 0px 11px;\r\n}\r\n\r\n#type-selector label {\r\n    font-family: Roboto;\r\n    font-size: 13px;\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n/* Map Field css ends here */\r\n\r\n\r\n/*------------Adjustments for smaller screens-----------------*/\r\n\r\n@media screen and (max-width: 700px) {\r\n    .rmagic table {\r\n        display: block;\r\n        overflow: auto;\r\n    }\r\n}\r\n\r\n\r\n/*table style*/\r\n\r\n.rmagic-table {\r\n    display: block;\r\n    width: 70%;\r\n    float: left;\r\n    padding: 10px;\r\n}\r\n\r\n.rmagic tr:nth-child(odd) {\r\n    background-color: rgb(250, 250, 250);\r\n}\r\n\r\n.rmagic table.rm-table,\r\n.rmagic table.rm-table td,\r\n.rmagic table.rm-table th {\r\n    text-align: center;\r\n}\r\n\r\n.rmagic table.rm-table {\r\n    border-collapse: collapse;\r\n    font-size: 14px;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic table.rm-table th {\r\n    text-transform: uppercase;\r\n    font-weight: normal;\r\n    padding: 8px;\r\n    background-color: rgb(240, 240, 240);\r\n}\r\n\r\ntd {\r\n    padding: 8px;\r\n    border-bottom: 1px dotted silver;\r\n}\r\n\r\ntr {\r\n    transition: 0.3s;\r\n}\r\n\r\n.rmagic th.table-header {\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    background-color: rgb(253, 253, 253);\r\n}\r\n\r\n.rm-user-details-card .rm-user-image {\r\n    border-bottom: 2px solid #e5e5e5;\r\n    padding-bottom: 50px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n/*-- User Area responsive---*/\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card {\r\n    height: auto;\r\n    overflow: visible;\r\n    text-align: center\r\n}\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card img {\r\n    float: none;\r\n}\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card .rm-user-name-submission {\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card .rm-user-name-submission .rm-user-name{\r\n    padding-left: 0px;\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-user-details-card.rm-narrow-card .rm-user-card .rm-user-name-submission .rm-user-name-subtitle{\r\n    padding-left: 0px;\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n\r\n/* Tooltip container */\r\n\r\n.tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n\r\n/* Tooltip text */\r\n\r\n.tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    font-family: Arial, sans-serif;\r\n    width: 220px;\r\n    font-size: 14px;\r\n    background-color: azure;\r\n    opacity: 1;\r\n    color: #5e7071;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    border-radius: 6px;\r\n    position: absolute;\r\n    border-left: 1px solid #7adfe3;\r\n    border-top: 1px solid #7adfe3;\r\n    border-bottom: 3px solid #7adfe3;\r\n    border-right: 3px solid #7adfe3;\r\n    z-index: 1;\r\n}\r\n\r\n.tooltip a {\r\n    display: block;\r\n    text-align: center;\r\n}\r\n\r\n.tooltiptext a::before {\r\n    content: \"»\";\r\n}\r\n\r\n\r\n/* Show the tooltip text when you mouse over the tooltip container */\r\n\r\n.tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}\r\n\r\n\r\n/* The animation code */\r\n\r\n@keyframes textfade {\r\n    from {\r\n        color: transparent\r\n    }\r\n    to {\r\n        color: #6db5b6\r\n    }\r\n}\r\n\r\n.rmagic-table {\r\n    display: block;\r\n}\r\n\r\n.rmagic table.rm-table img {\r\n    width: 25px;\r\n    height: 25px;\r\n}\r\n\r\n\r\n/*------Paginations-------*/\r\n\r\n.rmagic ul.rmpagination {\r\n    font-size: 14px;\r\n    display: inline-block;\r\n    padding: 10px;\r\n    ;\r\n    margin: 0;\r\n    float: right;\r\n}\r\n\r\n.rmagic ul.rmpagination li {\r\n    display: inline;\r\n}\r\n\r\n.rmagic ul.rmpagination li a {\r\n    color: black;\r\n    float: left;\r\n    padding: 6px 14px;\r\n    text-decoration: none;\r\n    background-color: white;\r\n    margin-left: 5px;\r\n    transition: 0.3s;\r\n    cursor: pointer;\r\n    box-shadow: none;\r\n}\r\n\r\n.rmagic ul.rmpagination li a.active {\r\n    background-color: rgb(50, 50, 50);\r\n    color: white;\r\n}\r\n\r\n\r\n/*----User Page----*/\r\n\r\n.rm-user-details-card {\r\n    display: block;\r\n    float: left;\r\n    padding: 20px;\r\n    margin: 10px;\r\n    font-weight: 200;\r\n    padding-top: 0px;\r\n    width: 100%;\r\n}\r\n\r\n.rm-user-image-container {\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rm-user-image-container .rm-user-image img {\r\n    max-width: 150px;\r\n    padding: 5px;\r\n}\r\n\r\n.rm-user-fields-container {\r\n    width: 100%;\r\n    padding: 50px 10px 20px 20px;\r\n}\r\n\r\n.rm-user-field-row {\r\n    display: block;\r\n    width: 100%;\r\n    float: left;\r\n    padding: 10px;\r\n}\r\n\r\n.rm-user-field-label {\r\n    display: inline-block;\r\n    width: 40%;\r\n    float: left;\r\n    font-weight: bold;\r\n    text-align: left;\r\n}\r\n\r\n.rm-user-field-value {\r\n    display: inline-block;\r\n    width: 60%;\r\n    float: left;\r\n    text-align: left;\r\n}\r\n\r\n.rm-user-field-label {\r\n    text-transform: capitalize;\r\n}\r\n\r\n.rm-user-name,\r\n.rm-user-image {\r\n    font-size: 120%;\r\n    width: 100%;\r\n    display: block;\r\n    float: left;\r\n    padding: 5px;\r\n    color: #333333;\r\n    text-transform: capitalize;\r\n    text-align: center;\r\n    font-weight: bold;\r\n}\r\n\r\nimg.rm-user {\r\n    max-width: 100%;\r\n    height: auto;\r\n    background-color: white;\r\n    padding: 15px;\r\n    border: 1px solid rgb(225, 225, 225);\r\n}\r\n\r\n\r\n/*----Submission Page----*/\r\n\r\n.rm-submission-status-row .rm-custom_status-wrap{\r\n    width: 100% !important;\r\n}\r\n\r\n.rm-submission-status-row .rm-custom_status-wrap .rm-custom-status {\r\n    position: relative;\r\n    width: auto;\r\n    height: 30px;\r\n    display: inline-block;\r\n    margin: 0px 25px 10px 0px;\r\n    font-size: 12px;\r\n    color: #fff;\r\n    padding: 5px 9px 5px 18px;\r\n    line-height: 22px;\r\n}\r\n\r\n.rm-submission-status-row .rm-custom_status-wrap .rm-custom-status span:after {\r\n    left: 100%;\r\n    top: 50%;\r\n    border: solid transparent;\r\n    content: \" \";\r\n    height: 0;\r\n    width: 0;\r\n    position: absolute;\r\n    pointer-events: none;\r\n    border-color: rgba(136, 183, 213, 0);\r\n    border-left-color: inherit;\r\n    border-width: 15px;\r\n    margin-top: -15px;\r\n}\r\n\r\n.rmagic .rm-submission {\r\n    margin-top: 25px;\r\n}\r\n\r\n.rm-submission-field-row {\r\n    border-bottom: 1px dotted rgb(240, 240, 240);\r\n}\r\n\r\n.rmagic .rm-submission,\r\n.rm-submission-field-row {\r\n    display: block;\r\n    background-color: #fffffe;\r\n    float: left;\r\n    width: 70%;\r\n    padding: 15px;\r\n    text-align: left;\r\n}\r\n\r\n.rmagic .rm-submission.rm-tab-content {\r\n    background-color: transparent;\r\n}\r\n\r\n.rmagic.rmNarrow .rm-submission.rm-tab-content  {\r\n    width:100%;\r\n}\r\n\r\n.rmagic .rm-submission-label,\r\n.rm-submission-value {\r\n    display: inline-block;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rm-submission-label {\r\n    font-weight: bold;\r\n    width: 40%;\r\n    text-transform: uppercase;\r\n    font-size: 12px;\r\n}\r\n\r\n.rmagic .rm-submission-value {\r\n    width: 60%;\r\n}\r\n\r\n.rmagic .rm-submission-field-row .rm-submission-attachment {\r\n    display: inline-block;\r\n    float: left;\r\n    padding: 10px;\r\n    background-color: rgb(250, 250, 250);\r\n    border: 2px dashed rgb(240, 240, 240);\r\n    width: 120px;\r\n    margin: 0 10px 10px 0;\r\n}\r\n\r\n.rmagic .rm-submission-field-row .rm-submission-attachment img {\r\n    float: left;\r\n    display: block;\r\n    width: 100px;\r\n    max-height: 100px;\r\n    height: auto;\r\n}\r\n\r\n.rmagic .rm-submission-attachment-field {\r\n    display: block;\r\n    float: left;\r\n    font-size: 12px;\r\n    width: 100px;\r\n    text-align: center;\r\n    padding: 5px 0 0 0;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n}\r\n\r\n.rmagic .rm-submission-note {\r\n    border-left: 4px solid red;\r\n    padding: 10px;\r\n    margin-top: 10px;\r\n    display: block;\r\n    width: 100%;\r\n    float: left;\r\n    background: #fffffe;\r\n}\r\n\r\n.rmagic .rm-submission-note-text {\r\n    background-image: url(rm-submission-note.png);\r\n    background-repeat: no-repeat;\r\n    padding-left: 25px;\r\n    display: block;\r\n    width: 100%;\r\n    float: left;\r\n    font-style: italic;\r\n}\r\n\r\n.rmagic .rm-submission-note-attribute {\r\n    font-size: 10px;\r\n    padding: 10px;\r\n    text-transform: uppercase;\r\n    display: block;\r\n    width: 100%;\r\n    float: left;\r\n    text-align: right;\r\n    color: rgb(175, 175, 175);\r\n}\r\n\r\n.rm-submission#rm_my_details_tab {\r\n    padding-top: 0px !important;\r\n    margin-top: 0px;\r\n}\r\n\r\n.rmagic .rm-submission-note-attribute a {\r\n    padding-right: 10px;\r\n    font-size: 14px;\r\n}\r\n\r\n.rm_user_exists_alert {\r\n    background-color: #f2dede;\r\n    border-color: #eed3d7;\r\n    color: #b94a48;\r\n    padding: 8px 35px 8px 14px;\r\n    margin-bottom: 20px;\r\n    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);\r\n    -webkit-border-radius: 4px;\r\n    -moz-border-radius: 4px;\r\n    border-radius: 4px;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rmcontent form fieldset {\r\n    border: 0px solid #000;\r\n    margin: 0px;\r\n    padding: 5px;\r\n    width: 100%;\r\n    background-color: transparent;\r\n}\r\n\r\n.rmagic .rmcontent .rm_input_fields_container {\r\n    width: 100%;\r\n    float: left;\r\n    padding-top: 20px;\r\n}\r\n\r\n.rm_exp_link_msg {\r\n    float: left;\r\n    width: 100%;\r\n}\r\n\r\n/*------------Adjustments for smaller screens-----------------*/\r\n\r\n@media screen and (max-width: 700px) {\r\n    .rmagic .rm-submission-label,\r\n    .rmagic .rm-submission-value {\r\n        display: block;\r\n        width: 100%;\r\n        margin-bottom: 10px;\r\n        font-size: 120%;\r\n    }\r\n    .operationsbar .nav ul li,\r\n    .operationsbar .nav ul li a {\r\n        display: block;\r\n        width: 100%;\r\n        text-transform: uppercase;\r\n    }\r\n}\r\n\r\n.rmagic .childfieldsrow {\r\n    width: 94%;\r\n    display: block;\r\n    float: left;\r\n    padding: 20px 0 0 0;\r\n    border-width: 0px 0px 0px 0px;\r\n    border-style: solid;\r\n    border-color: #94cdc9;\r\n    margin: 0 4% 2% 4%;\r\n    background-color: rgb(240, 240, 240);\r\n    border-radius: 10px;\r\n}\r\n\r\n.rmagic.rm_tabbing_container .rm-submission {\r\n    padding: 0px;\r\n    margin-top: 0px;\r\n}\r\n\r\n.rmagic.rm_tabbing_container ul.ui-tabs-nav li a {\r\n    box-shadow: 0 0px 0 0 currentColor;\r\n}\r\n\r\n.rm_forgot_pass {\r\n    margin-top: 3px;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container {\r\n    padding: 10px;\r\n    width: 100%;\r\n    font-size: 150%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container .rm-formcard-expired .rm_pb_container {\r\n    display: block;\r\n    border: 2px solid #FFAE00;\r\n    float: left;\r\n    height: 20px;\r\n    width: 70%;\r\n    margin-left: 15%;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container .rm-formcard-expired {\r\n    width: 100%;\r\n    display: inline-block;\r\n    font-size: 15px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container .rm-formcard-expired .rm_pb_container .rm_progress_bar {\r\n    display: block;\r\n    float: left;\r\n    background-color: #FFDD00;\r\n    height: 16px;\r\n    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFDD00), color-stop(1, #FFAE00));\r\n    background-image: -o-linear-gradient(bottom, #FFDD00 10%, #FFAE00 60%);\r\n    background-image: -moz-linear-gradient(bottom, #FFDD00 10%, #FFAE00 60%);\r\n    background-image: -webkit-linear-gradient(bottom, #FFDD00 10%, #FFAE00 60%);\r\n    background-image: -ms-linear-gradient(bottom, #FFDD00 10%, #FFAE00 60%) \\9;\r\n    background-image: linear-gradient(to bottom, #FFDD00 10%, #FFAE00 60%);\r\n}\r\n\r\n.rmagic.rm_tabbing_container .rmagic-table table.rm-table {\r\n    border: 0px;\r\n}\r\n\r\n.rmagic.rm_tabbing_container .rmagic-table table.rm-table th,\r\n.rmagic.rm_tabbing_container .rmagic-table table.rm-table td {\r\n    border: 0px;\r\n    text-align: center;\r\n    padding: 10px;\r\n}\r\n\r\n.rmagic.rm_tabbing_container .rmagic-table table.rm-table td {\r\n    border-bottom: 1px dotted silver;\r\n}\r\n\r\n\r\n.operationsbar .nav ul li.ui-state-active {\r\n    background-color: #FFF;\r\n}\r\n\r\n.rmagic.rm_tabbing_container ul.ui-tabs-nav li a {\r\n    border-bottom: 0px solid #333;\r\n    outline: 0px;\r\n    color: #000;\r\n}\r\n\r\n.rmagic .rm_expiry_stat_container .rm-formcard-expired .rm_sandclock {\r\n}\r\n\r\n\r\n/* Google Address Fields*/\r\n\r\n.rmagic #address input {\r\n}\r\n\r\n#address .rm_ad_container .slimField {\r\n    float: left;\r\n    width: 16%;\r\n    margin-right: 5px;\r\n    margin-top: 0px\r\n}\r\n\r\n#address .rm_ad_container .wideField.rm-alone {\r\n    width: 78%;\r\n    float: right;\r\n}\r\n\r\n#address .rm_ad_container .slimField input {\r\n    width: 87%;\r\n    float: right;\r\n}\r\n\r\n#address .rm_ad_container .wideField input {\r\n    width: 100%;\r\n}\r\n\r\n#address .rm_ad_container .wideField.rm-semi-field {\r\n    width: 62%;\r\n    float: right;\r\n}\r\n\r\n#address .rm_ad_container .wideField.rm-semi-field-with-label {\r\n    width: 48%;\r\n    float: right;\r\n}\r\n\r\n.rm_ad_container .label {\r\n    float: left;\r\n    width: 20%;\r\n    text-align: right;\r\n    color: gray;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    background-color: transparent;\r\n    font-size: 0.8em;\r\n}\r\n\r\n.rm_ad_container .label.label-short {\r\n    width: 14%;\r\n}\r\n\r\n.rm_ad_container {\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n#address {\r\n    width: 100%;\r\n    float: left;\r\n    margin-bottom: 20px;\r\n    border-radius: 0 0 5px 5px;\r\n}\r\n\r\n.rmagic input.rmgoogleautocompleteapi {\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rminput #locationField {\r\n    margin-bottom: 12px;\r\n}\r\n\r\n\r\n/*---- Adddress Field Responsive ------*/\r\n\r\n@media only screen and (max-width:479px) {\r\n    .rmagic #address .rm_ad_container .label {\r\n        width: 100%;\r\n        text-align: left;\r\n    }\r\n    .rmagic #address .rm_ad_container .slimField {\r\n        width: 100%;\r\n        margin-bottom: 15px;\r\n    }\r\n    .rmagic #address .rm_ad_container .slimField input {\r\n        width: 100%;\r\n    }\r\n    .rmagic #address .rm_ad_container .wideField.rm-semi-field {\r\n        width: 100%;\r\n    }\r\n    .rmagic #address .rm_ad_container .wideField.rm-alone {\r\n        width: 100%;\r\n    }\r\n    .rmagic #address .rm_ad_container .wideField.rm-semi-field-with-label {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n\r\n/* ---------- Floating Button */\r\n\r\n\r\n.rm_hidden {\r\n    display: none;\r\n}\r\n\r\n.floating_page .rm_floating_action {\r\n    position: fixed;\r\n    right: 20px;\r\n    bottom: 20px;\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    text-indent: -99999px;\r\n    box-shadow: none;\r\n    float: left;\r\n    background-color: #008d7d;\r\n}\r\n\r\n.floating_page .rm_floating_action span {\r\n    background: url('../../images/floating-form-icon.png');\r\n    background-repeat: no-repeat;\r\n    width: 100px;\r\n    overflow: hidden;\r\n    height: 100px;\r\n    float: left;\r\n    background-position: 20% 15%;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden {\r\n    position: absolute;\r\n    bottom: 116px;\r\n    max-width: 300px;\r\n    right: 26px;\r\n    width: 154px;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden ul li {\r\n    font-size: 12px;\r\n    padding-top: 7px;\r\n    padding-bottom: 7px;\r\n    list-style: none;\r\n    padding-left: 10px;\r\n    border-left: 2px solid #fff;\r\n    color: #000;\r\n    cursor: pointer\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden ul li:hover {\r\n    background-color: #fafafa;\r\n    color: #008d7c;\r\n    border-left: 2px solid #008d7c;\r\n}\r\n\r\n.floating_page {\r\n    position: fixed;\r\n    right: 10px;\r\n    z-index: 9999;\r\n    bottom: 10px;\r\n    font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden ul {\r\n    margin: 0px;\r\n    padding: 12px 0px 12px 0px;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden {\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    border-bottom-right-radius: 0px;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden:after {\r\n    top: 97%;\r\n    left: 96%;\r\n    border: solid transparent;\r\n    content: \" \";\r\n    height: 0;\r\n    width: 0;\r\n    position: absolute;\r\n    pointer-events: none;\r\n}\r\n\r\n.floating_page .rm_floating_box.rm_hidden:after {\r\n    border-color: rgba(255, 255, 255, 0);\r\n    border-top-color: #fff;\r\n    border-width: 40px;\r\n    margin-left: -34px;\r\n    border-right: 0px;\r\n}\r\n\r\n.floating_page .rm_floating_screens .rm_floating_screen {\r\n    z-index: 9999;\r\n    position: fixed;\r\n    height: 100%;\r\n    width: 368px;\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n.floating_page .rm_floating_screens .rm_floating_screen {\r\n}\r\n\r\n.floating_page .rm_floating_screens .rm_floating_screen {\r\n    background: rgba(255, 255, 255, 0.95);\r\n    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .20);\r\n}\r\n\r\n.floating_page .rm_floating_screens .rm_floating_screen .rm_close_screen {\r\n    width: 100%;\r\n    height: 50px;\r\n    background-color: #f0f0f0;\r\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);\r\n    margin-bottom: 20px;\r\n    border-bottom: 1px solid #c8c8c8;\r\n}\r\n\r\n.floating_page input[type=\"text\"],\r\n.floating_page input[type=\"email\"],\r\n.floating_page input[type=\"url\"],\r\n.floating_page input[type=\"password\"],\r\n.floating_page input[type=\"search\"],\r\n.floating_page textarea {\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.floating_page .close-floating-icon {\r\n    background-image: url(../../images/float-close-icon.png);\r\n    background-repeat: no-repeat;\r\n    float: right;\r\n    text-indent: -99999px;\r\n    height: 15px;\r\n    width: 15px;\r\n    margin-right: 10px;\r\n    margin-top: 16px;\r\n    opacity: .4;\r\n    cursor: pointer;\r\n}\r\n\r\n.floating_page .close-floating-icon:hover {\r\n    opacity: 1;\r\n    transition: opacity .2s linear;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons {\r\n    position: fixed;\r\n    bottom: 0px;\r\n    width: 100%;\r\n    padding: 10px;\r\n    background-color: #f0f0f0;\r\n    height: 85px;\r\n    border-top: 1px solid #c8c8c8;\r\n    padding-top: 25px;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons .floating-login {\r\n    display: inline-block;\r\n    color: #fff;\r\n    border: none;\r\n    background: #ff6c6c;\r\n    transition: .1s;\r\n    border-radius: 4px;\r\n    outline: 0;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    font-weight: normal;\r\n    padding: 5px 14px 5px 15px;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons .cancel-button {\r\n    font-family: Roboto, Arial, serif;\r\n    display: inline-block;\r\n    color: #c8c8c8;\r\n    margin-right: 20px;\r\n    border-radius: 4px;\r\n    transition: .3s;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons .cancel-button a {\r\n    color: #ff6c6c;\r\n}\r\n\r\n.floating_page .rm_floating_content {\r\n    padding: 10px;\r\n    width: 100%;\r\n    float: left;\r\n    overflow-y: scroll;\r\n    height: 100%;\r\n}\r\n\r\n.rm_embedeed_form {\r\n    background-color: #fefefe;\r\n    float: left;\r\n    width: 100%;\r\n    font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.rm_embedeed_form .rmagic .rmcontent .rminput input[type=\"text\"],\r\n.rm_embedeed_form .rmagic .rmcontent .rminput input[type=\"password\"],\r\n.rm_embedeed_form .rmagic .rmcontent .rminput input[type=\"email\"],\r\n.rm_embedeed_form .rmagic .rmcontent .rminput input[type=number],\r\n.rm_embedeed_form textarea,\r\n.rm_embedeed_form .rmagic .rmcontent .rminput select {\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.rm_embedeed_form {\r\n    font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_user_gravatar {\r\n    text-align: Center;\r\n    background: rgba(255, 255, 255, 0.95);\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_user_gravatar img {\r\n    width: 150px;\r\n    height: 150px;\r\n    border: 10px solid #fff;\r\n    border-radius: 50%;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field {\r\n    border-top: 1px solid #f0f0f0;\r\n    padding-top: 7px;\r\n    padding-bottom: 7px;\r\n    font-size: 15px;\r\n    width: 100%;\r\n    float: left;\r\n    color: #7b7b7b;\r\n    font-weight: 300;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field .rm_custom_field_label {\r\n    width: 50%;\r\n    float: left;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field .rm_custom_field_value {\r\n    width: 50%;\r\n    float: left;\r\n}\r\n\r\n.floating_page .rm_floating_content #rm_otp_login input {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    height: 40px;\r\n    font-size: 16px;\r\n}\r\n\r\n.floating_page .floating-bottom-buttons a {\r\n    text-decoration: none;\r\n}\r\n\r\n.floating_page .close-floating-page-title {\r\n    width: 88%;\r\n    text-align: center;\r\n    float: left;\r\n    font-size: 18px;\r\n    color: #646464;\r\n    padding-top: 8px;\r\n}\r\n\r\n.nspLinks .nspLinkScroll1 div ul {\r\n    padding: 0 !important;\r\n    list-style-type: none !important;\r\n    padding-top: 11px !important;\r\n    margin-left: 0px !important;\r\n    padding-left: 0px !important;\r\n}\r\n\r\n.rm-table.rm-floating-submissions .rm-floating-submission {\r\n    background-color: #fff;\r\n    border: 1px solid #e1e1e1;\r\n    max-width: 292px;\r\n    width: 100%;\r\n    margin: 0px 5%;\r\n    margin-bottom: 20px;\r\n    border-radius: 8px;\r\n    float: left;\r\n}\r\n\r\n.floating_page .rm-floating-submission-form-name {\r\n    background-color: #fafafa;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #646464;\r\n    line-height: 36px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n    border-bottom: 1px solid #e1e1e1;\r\n}\r\n\r\n.rm-floating-submission-form-date {\r\n    float: left;\r\n    width: 88%;\r\n    font-size: 12px;\r\n    color: #969696;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.rm-floating-submission-form-download {\r\n    float: left;\r\n    width: 20px;\r\n}\r\n\r\n.rm-floating-submission-form-status {\r\n    float: left;\r\n    font-size: 12px;\r\n    width: 28%;\r\n    color: #fff;\r\n    text-align: center;\r\n    border-radius: 5px;\r\n    line-height: 24px;\r\n}\r\n\r\n.rm-floating-submission-form-status.pending {\r\n    background-color: #ffa500;\r\n}\r\n\r\n.rm-floating-submission-form-status.succeeded {\r\n    background-color: #24b046;\r\n}\r\n\r\n.rm-floating-submission-form-amount {\r\n    width: 24px;\r\n    height: 24px;\r\n    float: left;\r\n    color: #c8c8c8;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n}\r\n\r\n.rm-floating-submission-form-content.rm-payment-from-main {\r\n    width: 95%\r\n}\r\n\r\n.rm-floating-submission-form-date.rm-payment-from {\r\n    width: 70%;\r\n}\r\n\r\n.rm-floating-submission-form-status.completed {\r\n    background-color: #24b046;\r\n}\r\n\r\n.rm-floating-submission-form-icon {\r\n    background-image: url(../../images/rm-floating-date-icon.png);\r\n    background-repeat: no-repeat;\r\n    width: 24px;\r\n    height: 24px;\r\n    float: left;\r\n}\r\n\r\n.rm-floating-submission-form-date .date span {\r\n    float: left;\r\n    width: 100%;\r\n    font-weight: 700;\r\n    color: #646464;\r\n}\r\n\r\n.rm-floating-submission-form-date .date {\r\n    float: left;\r\n    width: 80%;\r\n    padding-left: 12px;\r\n}\r\n\r\n.rm-floating-submission-form-content {\r\n    width: 80%;\r\n    margin: 0px auto;\r\n    margin-top: 12px;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields {\r\n    margin-top: 12px\r\n}\r\n\r\n.floating_page .rm_f_notifications .rm_f_success {\r\n}\r\n\r\n.rm-floating-submission-form-download img:hover {\r\n    opacity: 0.5;\r\n    cursor: pointer;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field:nth-child(even) {\r\n    background-color: #fbfbfb;\r\n    padding-left: 8px;\r\n}\r\n\r\n.floating_page .rm_floating_content .rm_custom_fields .rm_custom_field:nth-child(odd) {\r\n    background-color: #fff;\r\n    padding-left: 8px;\r\n}\r\n\r\n.rm-no-default-from-notification {\r\n    text-align: center;\r\n}\r\n\r\n@-webkit-keyframes floating_screens {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@-moz-keyframes floating_screens {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@-o-keyframes floating_screens {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes floating_screens {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.rm_floating_screenshhh {\r\n    -webkit-animation: floating_screens 5s infinite;\r\n    /* Safari 4+ */\r\n    -moz-animation: floating_screens 5s infinite;\r\n    /* Fx 5+ */\r\n    -o-animation: floating_screens 5s infinite;\r\n    /* Opera 12+ */\r\n    animation: floating_screens 5s infinite;\r\n    /* IE 10+, Fx 29+ */\r\n}\r\n\r\n\r\n/*----Form Access----*/\r\n\r\nselect#id_rm_fac_day,\r\nselect#id_rm_fac_month,\r\ninput#id_rm_fac_year {\r\n    width: 20%;\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    border: 1px solid #e1e1e1;\r\n    background-color: #fafafa;\r\n    padding: 8px;\r\n    margin-right: 1%;\r\n    color: #646464;\r\n    font-family: inherit;\r\n    border-radius: 4px;\r\n    -webkit-border-radius: 4px;\r\n    -moz-border-radius: 4px;\r\n    -ms-border-radius: 4px;\r\n}\r\n\r\n.rm-fac-dob {\r\n    margin: 20px 10%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\nform#rm-fac {\r\n    text-align: center;\r\n    margin: auto;\r\n}\r\n\r\n.rmagic #rm-fac .rm-fac-dob select,\r\n.rmagic #rm-fac .rm-fac-dob input{\r\n    width: 20%;\r\n    border: 1px solid #e1e1e1;\r\n    background-color: #fafafa;\r\n    padding: 8px;\r\n    margin: 0% 1%;\r\n    color: #646464;\r\n    font-family: inherit;\r\n    border-radius: 4px;\r\n    -webkit-border-radius: 4px;\r\n    -moz-border-radius: 4px;\r\n    -ms-border-radius: 4px;\r\n}\r\n\r\n\r\n/*-----Field Icons----*/\r\n\r\ni.rm_front_field_icon {\r\n    vertical-align: middle;\r\n    margin-right: 10px;\r\n\r\n}\r\n\r\n.rm_theme_matchmytheme i.rm_front_field_icon{\r\n    margin-bottom: 4px;\r\n}\r\n\r\n\r\n/*----Help Text on fields. Invocations on ../js/script_rm_front.js line no 200----*/\r\n\r\n.rmagic .rmnote {\r\n    z-index: 9999999;\r\n    display: none;\r\n    position: absolute !important;\r\n    padding: 10px;\r\n    border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    -webkit-border-radius: 3px;\r\n    -ms-border-radius: 3px;\r\n    -o-border-radius: 3px;\r\n    font-size: 1em;\r\n    color: initial;\r\n    font-weight: normal;\r\n    color: #fff;\r\n    top: 12px;\r\n    line-height: 22px;\r\n    box-shadow: 2px 2px 2px 0px rgba(150, 150, 150, 0.4);\r\n}\r\n\r\n.rmnote .rmprenote {\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 12px solid transparent;\r\n    border-right: 12px solid transparent;\r\n    border-bottom: 12px solid rgb(255, 202, 119);\r\n    position: absolute;\r\n    top: -10px;\r\n    left: 20px;\r\n}\r\n\r\n.rmagic .rmrow {\r\n    position: relative !important;\r\n}\r\n\r\n.rmcontent form.rmagic-form fieldset.rmfieldset legend {\r\n    width: 100%;\r\n    margin: 20px 0;\r\n    font-size: 1.2em;\r\n}\r\n\r\n.rm-floating-page .rm-floating-page-content .rmagic {\r\n    float: none;\r\n    width: 97%;\r\n    margin: 0px auto;\r\n}\r\n\r\n.rmagic.rm_theme_matchmytheme.rm_layout_label_left .rmrow .rm-link-field {\r\n    text-align: center;\r\n}\r\n\r\n.rmagic #rm_reset_pass_form .buttonarea {\r\n    width: 100%;\r\n    float: left;\r\n    margin-top: 20px;\r\n}\r\n\r\n#rm_my_pay_tab .rm-table th {\r\n    padding: 10px 0px;\r\n}\r\n\r\n#rm_edit_sub_link {\r\n    clear: both;\r\n}\r\n\r\npre.rm-pre-wrapper-for-script-tags {\r\n    display: none !important;\r\n}\r\n\r\n\r\n/* Make optin texts for Mailchimp etc to take up full row width*/\r\n\r\n.rmagic .rm_optin_text .rmrow,\r\n.rmagic .rm_optin_text .rminput,\r\n.rmagic .rm_optin_text .rmradio {\r\n    width: 100%;\r\n}\r\n\r\n\r\n/* full width recaptcha row */\r\n\r\n.rmagic .rmrow.rm_captcha_fieldrow,\r\n.rmagic .rmrow.rm_captcha_fieldrow * {\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rmrow.rm_captcha_fieldrow .g-recaptcha > div {\r\n    margin: 0px auto\r\n}\r\n\r\n\r\n/*---Login third party button---*/\r\n\r\n.rmagic .rm-thirdp-login-button-wrap {\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    max-width: 600px;\r\n    margin: 0px auto;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-facebook-login .rm-third-party-login-btn {\r\n    background-color: #3b5998;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login-btn {\r\n    margin: 5px;\r\n}\r\n\r\n\r\n/*--Form Fixes-- */\r\n\r\n.rmagic .rmagic-form .rm_terms_checkbox input[type=\"checkbox\"] {\r\n    margin-right: 6px;\r\n}\r\n\r\n#ui-datepicker-div.ui-datepicker select.ui-datepicker-month,\r\n#ui-datepicker-div.ui-datepicker select.ui-datepicker-year {\r\n    float: left;\r\n    margin-right: 3px;\r\n    background-image: none;\r\n    border: 0px;\r\n    height: auto;\r\n    padding: 0px;\r\n}\r\n\r\n.rmagic .rmradio {\r\n    padding: 0px;\r\n}\r\n\r\n.rmagic .rmmap_container input.rm-map-controls {\r\n    width: auto !important;\r\n}\r\n\r\n.rmagic.rm_theme_classic form.rmagic-form {\r\n    background-color: transparent !important;\r\n}\r\n\r\n.rmagic .rmrow .rminput ul li::before {\r\n    display: none;\r\n}\r\n\r\n.rmagic .rminput .rmradio {\r\n    margin: 0px;\r\n    display: inline-block;\r\n}\r\n\r\n.rmagic .rminput .rmradio li {\r\n    list-style: none;\r\n}\r\n\r\n.rmagic .rmrow .rminput .rateit {\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rmrow .rminput > div {\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rmrow .rminput select {\r\n    background-color: transparent;\r\n    border: 1px solid #e1e1e1;\r\n    border: 1px solid rgba(150, 150, 150, 0.4);\r\n    min-width: 50%;\r\n    width:100%;\r\n    font-size: 1em;\r\n    min-height: 36px;\r\n    line-height: 16px;\r\n}\r\n\r\n.rmagic .rmrow .rminput select[multiple=multiple] {\r\n    padding: 10px;\r\n    min-height: 100px;\r\n    overflow: auto;\r\n}\r\n\r\n.rmagic .rmrow .rminput textarea {\r\n    resize: vertical !important;\r\n}\r\n\r\n.rmagic .rmrow .rminput > div.form-group {\r\n    margin: 0px;\r\n}\r\n\r\n.rmagic .rmrow .rminput input[type=\"text\"],\r\n.rmagic .rmrow .rminput input[type=\"password\"],\r\n.rmagic .rmrow .rminput input[type=\"email\"],\r\n.rmagic .rmrow .rminput input[type=\"url\"],\r\n.rmagic .rmrow .rminput input[type=\"number\"],\r\n.rmagic .rmrow .rminput textarea {\r\n    width: 100%;\r\n    min-height: 48px;\r\n    font-size: 0.8em;\r\n    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/\r\n    max-width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.rmagic .rm-login-wrapper .rmrow {\r\n    width: 100%;\r\n    margin-bottom: 15px;\r\n    margin-left: 0px;\r\n}\r\n\r\n@media screen and (max-width: 900px) {\r\n    .rmagic .rmrow .rminput input[type=\"text\"],\r\n    .rmagic .rmrow .rminput input[type=\"password\"],\r\n    .rmagic .rmrow .rminput input[type=\"email\"],\r\n    .rmagic .rmrow .rminput input[type=\"url\"],\r\n    .rmagic .rmrow .rminput input[type=\"number\"],\r\n    .rmagic .rmrow .rminput textarea,\r\n    .rmagic .rmrow .rminput select {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width:760px) {\r\n    .rmagic .rmnote {\r\n        margin-left: 0px;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width:479px) {\r\n}\r\n\r\n.rmagic .rmrow .rminput input[type=\"number\"] {\r\n    font-size: 1em;\r\n    padding-left: 1em;\r\n}\r\n\r\n.rmagic .rmrow .rminput textarea.rm_terms_area,\r\n.rmagic .rmagic-row .rmagic-field .rminput textarea.rm_terms_area{\r\n    width: 100%;\r\n    padding: 10px;\r\n    font-size: 0.8em;\r\n    min-height: 100px;\r\n}\r\n\r\n\r\n\r\n.rmagic .rmrow .rminput .appendable_options >input {\r\n    display: block;\r\n}\r\n\r\n.rmagic .rmrow .rminput .appendable_options .rm_actions {\r\n    display: inline-block;\r\n    text-align: left;\r\n    margin: 5px 20px 10px 0;\r\n    cursor: pointer;\r\n}\r\n\r\n.rmagic .rmrow .rminput .appendable_options .rm_actions a {\r\n    font-size: 80%;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n/*Styling the date picker calendar*/\r\n\r\n.ui-datepicker.ui-widget.ui-widget-content {\r\n    border: none;\r\n    box-shadow: 0 0 0 1px rgba(14, 41, 57, .12), 0 2px 5px rgba(14, 41, 57, .44), inset 0 -1px 2px rgba(14, 41, 57, .15);\r\n    padding: 10px;\r\n    font-family: Roboto, Helvetica, serif;\r\n    border-radius: 0;\r\n    max-width: 400px;\r\n}\r\n\r\n.ui-datepicker.ui-widget.ui-widget-content.rm_jqui_element {\r\n    z-index: 99999 !important\r\n}\r\n\r\n.ui-datepicker-header.ui-widget-header {\r\n    background-image: none;\r\n    background-color: #e1e1e1;\r\n    border: none;\r\n    padding: 10px 0 !important;\r\n    border-radius: 0;\r\n}\r\n\r\n.ui-widget-content .ui-state-default {\r\n    border-color: #fff !important;\r\n    background-image: none !important;\r\n    text-align: center;\r\n    border-radius: 4px;\r\n}\r\n\r\n.rm_jqui_element .ui-state-active,\r\n.rm_jqui_element .ui-widget-content .ui-state-active {\r\n    background-color: cornflowerblue!important;\r\n    color: #fff !important;\r\n}\r\n\r\n#ui-datepicker-div .ui-datepicker-calendar th {\r\n    font-weight: lighter;\r\n}\r\n\r\n#ui-datepicker-div .ui-datepicker-calendar th,\r\n#ui-datepicker-div .ui-datepicker-calendar td {\r\n    width: 14.28%;\r\n}\r\n\r\n.rm_jqui_element .ui-state-highlight,\r\n.rm_jqui_element .ui-widget-content .ui-state-highlight {\r\n    background-color: aliceblue !important;\r\n}\r\n\r\n#rm-data-clear-picker {\r\n    cursor: pointer;\r\n}\r\n\r\n.rmagic .rm-field-hint {\r\n    float: left;\r\n    width: 100%;\r\n    font-size: 12px;\r\n    opacity: 0.5;\r\n}\r\n\r\n\r\n/*Total Price Field and buttons at the bottom*/\r\n\r\n.rmagic .rm_total_price {\r\n    text-align: center;\r\n    font-size: larger;\r\n    line-height: 60px;\r\n    background-color: rgba(150, 150, 150, 0.1);\r\n    margin: 10px 0;\r\n}\r\n\r\n.rmagic .buttonarea {\r\n    width: 100%;\r\n    display: block;\r\n    float: left;\r\n    margin: 50px 0 10px 0;\r\n    ;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .buttonarea {\r\n    margin: 8px 0px;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login {\r\n    display: inline-table;\r\n    position: relative;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login .rm-third-party-login-btn {\r\n    text-transform: none;\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n    border-radius: 4px;\r\n    line-height: 26px;\r\n    font-family: arial;\r\n    width: 286px;\r\n    text-align: left;\r\n    color: #fff;\r\n    padding: 12px 2px 12px 50px;\r\n    border: 0px;\r\n    box-shadow: none;\r\n    background-image: none;\r\n    height: auto;\r\n    margin: 0px 5px 10px 5px;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login span {\r\n    position: absolute;\r\n    left: 26px;\r\n    top: 0px;\r\n    color: #fff;\r\n    font-size: 20px;\r\n    margin-top: 8px;\r\n    line-height: 34px;\r\n}\r\n\r\n.rmagic .rm-thirdp-login-button-wrap .rm-third-party-login svg {\r\n    width: 20px;\r\n    margin: 10px 0px 0px -4px;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm_forgot_pass {\r\n    float: left;\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rmagic-form.rmagic-form-btn-left .buttonarea {\r\n    text-align: left\r\n}\r\n\r\n.rmagic .rmagic-form.rmagic-form-btn-center .buttonarea {\r\n    text-align: center\r\n}\r\n\r\n.rmagic .rmagic-form.rmagic-form-btn-right .buttonarea {\r\n    text-align: right\r\n}\r\n\r\n.rmagic .buttonarea input[type='button'],\r\n.rmagic .buttonarea input[type='submit'] {\r\n    width: auto;\r\n    min-width: 150px;\r\n    min-height: 50px !important;\r\n    float: none;\r\n    margin-bottom: 10px;\r\n    margin-right: 10px;\r\n    display: inline-block;\r\n}\r\n\r\n\r\n/* Text on top of the form*/\r\n\r\n.rmagic .rmheader {\r\n    display: block;\r\n    float: left;\r\n    width: 100%;\r\n    margin: 20px 0;\r\n}\r\n\r\n\r\n/*Success Message*/\r\n\r\n.rm-post-sub-msg {\r\n    margin: 20px 0;\r\n    font-size: 1.2em;\r\n    text-align: center;\r\n}\r\n\r\n\r\n/* Theme fixes */\r\n\r\n.rmagic .rmrow .rminput ul li label {\r\n    display: inline-block;\r\n}\r\n\r\n.rmagic .rmrow .rminput ul li label img {\r\n    margin-bottom: 0px;\r\n}\r\n\r\n.rmagic .rmrow .rmfield label {\r\n    font-weight: 600;\r\n    width: auto;\r\n}\r\n\r\n.rmagic .rm-login-wrapper input[type=\"checkbox\"]:checked + label span {\r\n    background-image: none;\r\n    width: auto;\r\n}\r\n\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"text\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"password\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"email\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"url\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput input[type=\"number\"],\r\n.utouch .rmagic.rm_theme_matchmytheme .rmrow .rminput textarea {\r\n    box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15);\r\n}\r\n\r\n\r\n.rmagic .rminput .rmradio li .best-radio {\r\n    margin-right: -60px;\r\n}\r\n\r\n.rmagic .rm_pricefield_checkbox .rmradio .rm-pricefield-wrap .best-check {\r\n    margin: -2px -64px 7px 11px;\r\n}\r\n\r\n.wp-container-7 > .rmagic {\r\n    float: none;\r\n}\r\n\r\n/*---Fixes for Astra Theme---*/\r\n\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"text\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"password\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"email\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"url\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"file\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput input[type=\"number\"],\r\nbody.ast-desktop .rmagic .rmagic-row .rmagic-field .rminput textarea {\r\n    outline: 1px;\r\n    border-style: solid;\r\n}\r\n\r\n/*---Fixes for Astra Theme---*/\r\n\r\n/* --- Rich text widget full width --- */\r\n\r\n.rmagic .rminput.rm-richtext-fw {\r\n    width: 100%;\r\n}\r\n\r\n/*--- Login Page Third Party Button  ----*/\r\n\r\n.rm-login-widget-modal .rmagic .rmcontent.rm-login-wrapper {\r\n    width: 95%;\r\n    margin: 30px auto;\r\n}\r\n\r\n\r\n/*--- Widget form css----*/\r\n\r\n/*--- Widget form css----*/\r\n\r\n.widget_rm_form_widget {\r\n    width: 100%;\r\n    display: inline-block;\r\n}\r\n\r\n.widget_rm_form_widget .rm_layout_two_columns .rm-two-columns-wrap .rmrow {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget .rmrow .rminput ul.rmradio li {\r\n    background: none;\r\n    border: 0px;\r\n    padding: 0px;\r\n    margin: 0px\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_theme_classic fieldset {\r\n}\r\n\r\n.widget_rm_form_widget .rmagic .rmrow.rm_captcha_fieldrow .g-recaptcha {\r\n    transform:scale(0.70);\r\n    -webkit-transform:scale(0.70);\r\n    transform-origin:0 0;\r\n    -webkit-transform-origin:0 0;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic .rmrow.rm_captcha_fieldrow .g-recaptcha > div {\r\n    width: 100% !important;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic .rmrow .rminput select {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic .rmrow .rminput input[type=\"file\"] {\r\n    width: 100%;\r\n}\r\n\r\n/*--- Widget Address field----*/\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .label {\r\n    width: 100%;\r\n    text-align: left;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .slimField {\r\n    width: 100%;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .slimField input {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .wideField.rm-semi-field {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .wideField.rm-alone {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget #address .rm_ad_container .wideField.rm-semi-field-with-label {\r\n    width: 100%;\r\n}\r\n\r\n\r\n/*--- Widget Timer field---*/\r\n\r\n.widget_rm_form_widget .rminput .rm_clock.rm-flip-clock-wrapper {\r\n    margin: 0px !important;\r\n}\r\n\r\n.widget_rm_form_widget .rminput .rm-flip-clock-wrapper ul {\r\n    width: 36px !important;\r\n    margin: 5px 2px !important;\r\n    height: 80px!important;\r\n}\r\n\r\n.widget_rm_form_widget .rminput .rm-flip-clock-wrapper ul li a div div.rm-clock-inner {\r\n    font-size: 50px;\r\n}\r\n\r\n.widget_rm_form_widget .rminput .rm-flip-clock-wrapper ul li a {\r\n    height: 82px;\r\n}\r\n\r\n.widget_rm_form_widget .rminput .rm-flip-clock-wrapper ul li {\r\n    padding: 0px;\r\n    margin: 0px;\r\n    border: 0px;\r\n    padding-left: 0px !important;\r\n    position: absolute !important;\r\n    overflow: hidden;\r\n}\r\n\r\n.widget_rm_form_widget .rminput  .rm-flip-clock-divider {\r\n    width: 0px;\r\n}\r\n\r\n\r\n/*--- Theme issues */\r\n\r\n.rmagic.rm_theme_classic .rm_form_field_type_heading {\r\n    color: inherit;\r\n}\r\n\r\n.rmagic.rm_theme_classic .rm_field_type_repeatable_container a {\r\n    color: #737373;\r\n}\r\n\r\n.rmagic.rm_theme_classic {\r\n    color: #8a8a8a;\r\n    color: rgb(138, 138, 138);\r\n}\r\n\r\n\r\n/*----- Price Field -----*/\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput select#id_rm_multisel_paypal_field,\r\n.rmagic .rmrow.rm_pricefield_row .rminput input[type=\"text\"] {\r\n    width: 60%;\r\n    float: left;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput select[id*=\"id_rm_multisel_paypal_field\"] {\r\n    width: 60%;\r\n    float: left;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.rmagic .rm_pricefield_checkbox .rmradio .rmrow .rminput input[type=\"number\"]{\r\n    padding: 2px 8px;\r\n}\r\n\r\n.rmagic .rm_pricefield_row .rmrow .rminput input[type=\"number\"]{\r\n    min-width: 70px;\r\n}\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput .rmrow {\r\n    width: auto;\r\n    margin-left: 10px;\r\n    padding-top: 0px;\r\n}\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput .rmrow .rmfield {\r\n    padding-top: 0px;\r\n}\r\n\r\n.rmagic .rmrow.rm_pricefield_row .rminput .rmrow .rminput {\r\n    padding-top: 0px;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field.rm_pricefield_row > .rminput {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n    align-content: center;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field.rm_pricefield_row > .rminput >  .rmagic-field {\r\n    display: flex;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field.rm_pricefield_row > .rminput label.rmfield {\r\n    text-align: center;\r\n    width: 24px;\r\n}\r\n\r\n\r\n/* ---- Label left full width in widget--- */\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow.rm_pricefield_row .rmfield {\r\n    width: auto;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow.rm_pricefield_checkbox .rmfield {\r\n    width: auto;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow.rm_pricefield_checkbox .rmrow .rminput {\r\n    width: 50px;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow .rmfield {\r\n    width: 100%;\r\n}\r\n\r\n.widget_rm_form_widget .rmagic.rm_layout_label_left .rmrow .rminput {\r\n    width: 100%;\r\n}\r\n\r\n.rm_noscript_btn {\r\n    display: none !important\r\n}\r\n\r\n\r\n/* ---- Help text in widget--- */\r\n\r\n.widget_rm_form_widget .rmagic .rmagic-form .rmrow .rmnote {\r\n    margin-left: 0px;\r\n}\r\n\r\n\r\n/* --- Custom Address field ---- */\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-fw {\r\n    width: 100%;\r\n    margin: 0px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-fw input {\r\n    width: 100%;\r\n    margin: 0px;\r\n}\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-hw {\r\n    width: 48%;\r\n    float: left;\r\n    margin: 0px 2% 12px 0px;\r\n}\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-hw:last-child{\r\n    float: right;\r\n    margin-right: 0px;\r\n}\r\n\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-hw input,\r\n#address.rm_address_type_ca .rm_ad_container .rm-address-hw select {\r\n    width: 100%;\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n/* -- Custom address field with label -- */\r\n\r\n.rmagic #address.rm_address_type_ca .rm_ad_container .label {\r\n    width: 100%;\r\n    text-align: left;\r\n}\r\n\r\n\r\n/* --- Google Address field ---- */\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-fw {\r\n    width: 100%;\r\n    margin: 0px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-fw input {\r\n    width: 100%;\r\n    margin: 0px;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-hw {\r\n    width: 48%;\r\n    float: left;\r\n    margin: 0px 2% 12px 0px;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-hw:last-child {\r\n    float: right;\r\n    margin-right: 0px;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .rm-address-hw input {\r\n    width: 100%;\r\n}\r\n\r\n#address.rm_address_type_ga .rm_ad_container .label {\r\n    width: 100%;\r\n    text-align: left;\r\n    padding-left: 0px;\r\n    margin-left: 0px;\r\n}\r\n\r\n.rm-google-addess-field {\r\n    font-size: 12px;\r\n}\r\n\r\n.rminput #locationField span,\r\n.rmwc-input #locationField span {\r\n    font-size: 12px;\r\n}\r\n\r\n/* --- Responsive address field ---*/\r\n\r\n@media only screen and (max-width:1200px) {\r\n    .rmagic #address.rm_address_type_ca .rm_ad_container .rm-address-hw,\r\n    .rmagic #address.rm_address_type_ga .rm_ad_container .rm-address-hw {\r\n        width: 44%;\r\n        margin: 0px 4px 12px 4px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 900px) {\r\n}\r\n\r\n@media only screen and (max-width:479px) {\r\n    .rmagic #address.rm_address_type_ga .rm_ad_container .rm-address-hw,\r\n    .rmagic #address.rm_address_type_ca .rm_ad_container .rm-address-hw {\r\n        width: 100%;\r\n        margin: 6px 0px;\r\n    }\r\n}\r\n\r\n/* --- Widget address field ---*/\r\n\r\n.widget_rm_form_widget .rmagic #address.rm_address_type_ga .rm_ad_container .rm-address-hw,\r\n.widget_rm_form_widget .rmagic #address.rm_address_type_ca .rm_ad_container .rm-address-hw {\r\n    width: 100%;\r\n}\r\n\r\n\r\n/* --- WooCommerce address field ---*/\r\n\r\n.rmwc-input #address.rm_address_type_ga .rm_ad_container .rm-address-hw,\r\n.rmwc-input #address.rm_address_type_ca .rm_ad_container .rm-address-hw {\r\n    width: 100%;\r\n}\r\n\r\n/*---  Registration Widgets---*/\r\n\r\n.rmagic .rmrow .rm-rgfeed,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed {\r\n    border: 1px solid #f2f2f2;\r\n    margin-bottom: -1px;\r\n    font-size: 13px;\r\n    padding: 5px 12px;\r\n    float: left;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-avatar img,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed .rm-avatar img {\r\n    border-radius: 100%;\r\n    -moz-border-radius: 100%;\r\n    -webkit-border-radius: 100%;\r\n    width: 36px;\r\n    height: 36px;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-rgfeed-user,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed .rm-rgfeed-user {\r\n    font-weight: 700;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-rgfeed-user-info,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed .rm-rgfeed-user-info {\r\n    float: left;\r\n    padding: 6px 6px 0px 10px;\r\n    width: 88%;\r\n    width: calc(100% - 36px);\r\n}\r\n.rmagic .rmrow .rm-rgfeed .rm-rgfeed-user-info{\r\n    padding: 0px 6px 0px 10px;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-rgfeed-user-info img.rm_country_flag {\r\n    width: 16px;\r\n    height:16px;\r\n    margin: 0px;\r\n    margin-left: 5px;\r\n}\r\n\r\n.rmagic .rmrow .rm-rgfeed .rm-avatar,\r\n.rmwc-field.rmrow .rmwc-input .rm-rgfeed .rm-avatar {\r\n    float: left;\r\n    width: 36px;\r\n    height: 36px;\r\n}\r\n\r\n/*--- Widget Map field---*/\r\n\r\n.rmagic .rmrow .rm_mapv_container .rm-map-widget {\r\n    height: 100% !important;\r\n    padding-bottom: 50%;\r\n    width: 100%;\r\n}\r\n\r\n.rmagic .rm_mapv_container {\r\n    margin: 0px auto;\r\n    max-width: 100%;\r\n}\r\n\r\n.rmagic .rmrow.rm_mapv_container {\r\n    max-width: 100%;\r\n}\r\n\r\n.rm_mapv_container.rm_mapvsm {\r\n    display:block\r\n}\r\n\r\n.rm_mapv_container.rm_mapvlg{\r\n    display: table-cell\r\n}\r\n\r\n.widget_rm_form_widget .rm_mapv_container.rm_mapvsm {\r\n    width:100% !important;\r\n}\r\n\r\n/* --- widget meta data Form ---- */\r\n\r\n.rmagic .rmrow .fdata-row {\r\n    float: left;\r\n    width: 98%;\r\n    border: 1px solid #f1f1f1;\r\n    padding: 10px 2%;\r\n    font-size: 12px;\r\n}\r\n\r\n.rmagic .rmrow .fdata-row .rm-form-name {\r\n    margin-top: 10px;\r\n}\r\n\r\n.rmagic .rmrow .fdata-row span {\r\n    font-weight: 600\r\n}\r\n\r\n/* --- widget meta data Form End ---- */\r\n\r\n\r\n/* --- widget Image Form ---- */\r\n\r\n.rmagic .rm-image-widget {\r\n    position: relative;\r\n    text-align: center;\r\n    width: auto;\r\n    margin: 0px auto;\r\n    display: table;\r\n}\r\n\r\n.rmagic .rm-image-widget a img {\r\n    margin: 0px auto !important;\r\n}\r\n\r\n.rmagic figure.rm-image-widget.wp-caption {\r\n    border: 0px;\r\n    margin: 0px auto;\r\n}\r\n\r\n.rmagic .rm-image-widget .rm-caption {\r\n    font-size: 12px;\r\n    width: auto;\r\n    float: left;\r\n    text-align: left;\r\n    margin-top: 5px;\r\n    position: absolute;\r\n    bottom: 4%;\r\n    left: 2%;\r\n    background-color: #000;\r\n    background-color: rgba(70, 70, 70, 0.85);\r\n    color: #fff;\r\n    padding: 5px 10px;\r\n}\r\n\r\n.rmagic .rm-image-widget.imgv_shape_circle img {\r\n    border-radius: 100%;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.rm-image-widget .wp-caption-text {\r\n    text-align: center\r\n}\r\n\r\n.rmagic .rm-image-widget.imgv_shape_circle .rm-caption {\r\n    bottom: 25%;\r\n    left: 30%;\r\n}\r\n\r\n.rm-image-widget .wp-caption-text:empty{\r\n    display: none;\r\n}\r\n\r\n.csscalc #TB_window {\r\n    padding-bottom: 20px;\r\n}\r\n\r\n.csscalc #TB_closeWindowButton {\r\n    bottom: 4px;\r\n    top: inherit;\r\n}\r\n\r\n.rmagic .rmrow.rm-box-graph .rm-box-title {\r\n    text-align: center;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n/*--- Form Data Chart----*/\r\n\r\n.rmagic .rmrow.rm-box-graph .rm-box-title {\r\n    text-align: center;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.rmagic .rmrow.rm-box-graph #rm_sot_div svg * {\r\n}\r\n\r\n\r\n/*----- Sidebar widget ------*/\r\n\r\n.widget_rm_form_widget .rmrow.rm_mapv_container {\r\n    width: 100% !important;\r\n}\r\n\r\n.rm-floating-page .rmrow.rm_mapv_container {\r\n    max-width: 100%;\r\n}\r\n\r\n.rm-floating-page .rmrow.rm-box-graph {\r\n    max-width: 100%;\r\n}\r\n.rm-floating-page .rm-box-graph #rm_sot_div > div > div,\r\n.rm-floating-page .rm-box-graph #rm_conversion_chart_div > div > div,\r\n.rm-floating-page .rm-box-graph #rm_browser_usage_chart_div > div > div,\r\n.rm-floating-page .rm-box-graph #rm_browser_conversion_div > div > div\r\n{\r\n    margin: 0px auto;\r\n}\r\n\r\n.rm-floating-page .rm-image-widget {\r\n    width: 100%;\r\n    text-align: center\r\n}\r\n\r\n.rmagic .rminput.pass-strength-visible .pass-colorbar{\r\n    height: 3px;\r\n    background-image: url(../../images/rmpasswordstrength.jpg);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.rmagic .rminput.pass-strength-visible .pass-graybar{\r\n    height: 3px;\r\n    background-color: #ccc;\r\n    width: 100%;\r\n    position: relative;\r\n    top: -2px;\r\n}\r\n\r\n.rmagic .rminput.pass-strength-visible .pass-wrapper ~ .pass-wrapper {\r\n    display: none !important;\r\n}\r\n\r\n.rmagic .rminput.pass-strength-visible .pass-text{\r\n    font-size: 12px;\r\n}\r\n\r\n/*--- Logged in view ----- */\r\n\r\n.rm-logged-in-view-wrap {\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n\r\n.rmagic .rm-logged-in-view-wrap {\r\n    width: 100%;\r\n    max-width: 600px;\r\n    margin: 0px auto;\r\n    display: table;\r\n    line-height: 1.75;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf{\r\n    width: 120px;\r\n    float:left;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf#rm-hide-user_avatar {\r\n    display: none;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf#rm-hide-user_avatar + .rm-logged-in-rf{\r\n    width: 100%;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf + .rm-logged-in-rf {\r\n    width: calc(100% - 153px);\r\n    margin-left: 30px;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-rf {\r\n    float:left;\r\n    width: 100%;\r\n}\r\n\r\n.rm_display_custom_msg {\r\n    width: 100%;\r\n    float: left;\r\n    padding-bottom: 10px;\r\n    font-size: 12px;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-lf img {\r\n    border-radius: 100%;\r\n    -moz-border-radius: 100%;\r\n    -webkit-border-radius: 100%;\r\n    width: 120px;\r\n    height: 120px;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-rf span.rm-greetings-text {\r\n    font-size: 20px;\r\n}\r\n\r\n.rm-logged-in-view-wrap .rm-logged-in-rf span + span {\r\n    font-size: 28px;\r\n    width: 100%;\r\n    float: left;\r\n    font-weight: 700;\r\n}\r\n\r\n.rm-logged-in-lf img.avatar {\r\n    float: left\r\n}\r\n\r\n.rm-logged-in-rf .rm-logged-welcome {\r\n    float: left;\r\n    width: 100%;\r\n}\r\n\r\n.rm-logged-in-account-links {\r\n    border-top: 5px solid #efefef;\r\n    margin-top: 12px;\r\n    padding-top: 6px;\r\n    float: left;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.rm-logged-in-account-links .rm_display_account {\r\n    float: left;\r\n}\r\n\r\n\r\n.rm-logged-in-account-links .rm_display_logout {\r\n    float: right;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.rm-alert-error,\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error,\r\n.rmagic .rmcontent form#rm_reset_pass_form fieldset .rm-response-message.alert-error,\r\n.rmagic .rmcontent form.rmagic-form fieldset .rm-response-message.alert-error{\r\n    background-color: #F9E4E8;\r\n    box-shadow: inset 2px 0 0 0 #E04562;\r\n    -moz-box-shadow: inset 3px 0 0 0 #E04562;\r\n    -webkit-box-shadow: inset 3px 0 0 0 #E04562;\r\n    border: 0px;\r\n    color: #333333;\r\n    font-family: inherit;\r\n    font-weight: 400;\r\n    text-transform: none;\r\n    font-size: 14px;\r\n    margin: 0 0 20px;\r\n    border-top-right-radius: 2px;\r\n    border-bottom-right-radius: 2px;\r\n    text-align: left;\r\n    padding: 10px 10px;\r\n}\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.rm-alert-error,\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error,\r\n.rmagic .rmcontent form.rmagic-form fieldset .rm-response-message.alert-error{\r\n    position: relative;\r\n}\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.rm-alert-error span.close,\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error span.close,\r\n.rmagic .rmcontent form.rmagic-form fieldset .rm-response-message.alert-error span.close{\r\n    position: absolute;\r\n    right: 7px;\r\n    top: 4px;\r\n    cursor: pointer;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error ul li {\r\n    list-style: none;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.rm-alert-error {\r\n    padding: 10px 12px;\r\n}\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error ul\r\n{\r\n    margin: 0px;\r\n    padding: 0px 12px;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error ul li::marker{\r\n    display: none;\r\n}\r\n\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message.alert-error a.close,\r\n.rmagic .rmcontent form#rm_reset_pass_form fieldset .rm-response-message.alert-error a.close{\r\n    color: #E04562;\r\n    line-height: 20px;\r\n    box-shadow: none;\r\n    text-decoration: none;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rm-response-message .rm_inline_forgot_pass {\r\n    display: inline;\r\n}\r\n\r\n\r\n/*---- Login Button Widget ----*/\r\n\r\n.widget.widget_rm_login_btn_widget {\r\n    max-width: 400px;\r\n}\r\n\r\n.widget_rm_login_btn_widget {\r\n    display: inline-block;\r\n    width: 100%;\r\n    padding: 25px 0px !important;\r\n    overflow: visible !important;\r\n    margin: 0px 0px;\r\n    float: left;\r\n    margin-bottom: 0px;\r\n}\r\n\r\n.rm_widget_container {\r\n    text-align: center;\r\n    position: relative;\r\n}\r\n\r\n.rm_widget_container #rm_login_widget_front,\r\n.rm_widget_container #rm-login-widget{\r\n    position: absolute;\r\n    height: 140px;\r\n    z-index: 999;\r\n    top: 0px;\r\n    left: -25px;\r\n    padding-top: 50px;\r\n    min-width: 300px;\r\n    width:100%;\r\n}\r\n\r\n.rm_widget_container #rm_login_widget_front .rmagic,\r\n.rm_widget_container #rm-login-widget .rmagic {\r\n    margin: 0px;\r\n    border: 0px;\r\n    background-color: transparent;\r\n}\r\n\r\n.rm_widget_container #rm_login_widget_front .rmagic .rmcontent.rm-login-wrapper,\r\n.rm_widget_container #rm-login-widget .rmagic .rmcontent.rm-login-wrapper {\r\n    border: 0px;\r\n}\r\n\r\n.rm_widget_container #rm-login-widget .rmrow,\r\n.rm_widget_container #rm-login-widget  .rmagic .buttonarea {\r\n    background-color: #fff;\r\n}\r\n\r\n.rm_widget_container #rm-login-widget #rm_login_form .rmrow .rmfield label{\r\n    color: #2b2b2b;\r\n    font-size: 13px;\r\n}\r\n\r\n.rm_widget_container #rm-login-widget #rm_login_form .rmrow .rminput input {\r\n    color: #696565;\r\n}\r\n\r\n.rm_widget_container .rm_login_widget-wrap .rm-login-wrapper .rmrow .rmfield {\r\n    width: 100%;\r\n    text-align: left;\r\n    min-height: auto;\r\n}\r\n\r\n.rm_widget_container .rm_login_widget-wrap .rm-login-wrapper .rmrow .rminput {\r\n    width:100%;\r\n    min-height: auto;\r\n}\r\n\r\n\r\n\r\n.rm_widget_container .rm_login_widget-wrap .rm-login-wrapper .rmrow .rmfield span {\r\n    float: left;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.rm_widget_container div a.rm-button {\r\n    border: 2px;\r\n    border-style: solid;\r\n    border-color: #000;\r\n    border-radius: 5px;\r\n    padding: 8px 30px;\r\n    font-size: 15px;\r\n    font-size: 16px;\r\n    position: relative;\r\n    z-index: 99999;\r\n}\r\n\r\n.rm_widget_container .rm-login-widget-wrap a.rm-button{\r\n    pointer-events: visible;\r\n}\r\n\r\n.rm_widget_container .rm_login_widget-wrap,\r\n.rm_widget_container .rm-logged-in-view{\r\n    float: left;\r\n    background-color: #fff;\r\n    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);\r\n    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);\r\n    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);\r\n    color: #2b2b2b;\r\n    margin-bottom: 50px;\r\n    margin-top: 10px;\r\n    padding-top: 12px;\r\n    min-width: 360px;\r\n    max-width: 400px;\r\n    min-height: 46px;\r\n    border-radius: 3px;\r\n}\r\n\r\n.rm_widget_container .rm_login_widget-wrap > .rm-failed-ip-error {\r\n    font-size: 12px;\r\n    width: 88%;\r\n    margin: 20px auto;\r\n    display: inline-block;\r\n}\r\n.rm_widget_container .rm-logout-widget:hover #rm_login_widget_front {\r\n    display: block !important;\r\n}\r\n\r\n.widget_rm_login_btn_widget .rm-logout-widget:hover #rm_login_widget_front {\r\n    display: block !important;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-view-wrap .rm-logged-in-lf img {\r\n    width: 70px;\r\n    height: 70px;\r\n}\r\n\r\n\r\n.rm_widget_container .rm-logged-in-view-wrap {\r\n    width: 92%;\r\n    margin: 0px auto;\r\n    color: #2b2b2b;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-account-links {\r\n    border-top: 2px solid #efefef;\r\n    margin: 0px 0px 4px 0px;\r\n    padding-top: 10px;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-rf span + span {\r\n    font-size: 25px;\r\n\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-rf .rm-user-last-name {\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    width: 200px;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-rf span.rm-greetings-text {\r\n    font-size: 16px;\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-lf {\r\n    width: 70px;\r\n    margin-top: 18px;\r\n}\r\n\r\n.rm_widget_container .rm-logged-in-rf {\r\n    float: left;\r\n    margin: 22px 0px 0px 0px;\r\n    width: calc(100% - 70px);\r\n}\r\n\r\n#rm_login_widget_front .rm_login_widget_nub,\r\n#rm-login-widget .rm_login_widget_nub{\r\n    position: absolute;\r\n    width: 24px;\r\n    height: 24px;\r\n    -webkit-transform: rotate(225deg);\r\n    transform: rotate(225deg);\r\n    z-index: 2;\r\n    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);\r\n    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);\r\n    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);\r\n    background: #fff;\r\n    top: 48px;\r\n    left: 50%;\r\n}\r\n\r\n#rm-login-widget .rm_login_widget-close {\r\n    position: fixed;\r\n    top: 0px;\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 0px;\r\n    z-index: -1;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper ul.rmradio li.rm-login-remember {\r\n    background-image: none;\r\n    border:0px;\r\n}\r\n\r\n.rmagic .rm-login-attempted-notice {\r\n    padding: 15px;\r\n    font-size: 12px;\r\n}\r\n\r\n.rmagic .rmcontent.rm-login-wrapper .rmrow .rmfield label span i {\r\n    margin-bottom: 5px;\r\n}\r\n\r\n/*---- Smaller Widget area ----*/\r\n\r\n.widget_rm_login_btn_widget.rm-narrow-widget .rm_login_widget-wrap,\r\n.widget_rm_login_btn_widget.rm-narrow-widget .rm-logged-in-view{\r\n    width: 99%;\r\n    min-width: 99%;\r\n}\r\n\r\n.widget_rm_login_btn_widget.rm-narrow-widget .rm_login_widget-wrap .rmagic,\r\n.widget_rm_login_btn_widget.rm-narrow-widget .rm-logged-in-view .rmagic {\r\n    border:0px\r\n}\r\n\r\n\r\n/*--- WC shipping and Billing address field----*/\r\n\r\n.rmagic .rmrow .rm-wc-wrap {\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-hw {\r\n    width: 48%;\r\n    float: left;\r\n    margin: 0px 2% 12px 0px;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-label {\r\n    width: 100%;\r\n    text-align: left;\r\n    float: left;\r\n    color: gray;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    background-color: transparent;\r\n    font-size: 0.8em;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-fw {\r\n    width: 100%;\r\n    float: left;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-wrap .rm-wc-field select{\r\n    width:100%;\r\n    font-size: 1em;\r\n    height: 36px;\r\n}\r\n\r\n/* Theme Fixes */\r\n\r\n.theme-astra .rmagic .rmrow .rm-wc-wrap .rm-wc-field select {\r\n    height: 42px;\r\n    font-size: 0.9em;\r\n}\r\n\r\nbody.is-light-theme .rmagic.rm_theme_matchmytheme,\r\nbody.is-light-theme .rmagic {\r\n    float:none\r\n}\r\n\r\n/*-- Theme Fixes --*/\r\n\r\n.rmagic .rmrow .rm-wcbilling,\r\n.rmagic .rmrow .rm-wcshipping{\r\n    position: relative;\r\n}\r\n\r\n.rmagic .rmrow .rm-wc-hover-text {\r\n    bottom: -20px;\r\n    top: inherit;\r\n    margin-left: 0px;\r\n}\r\n\r\n.woocommerce-FormRow  .rm-wcshipping .rmnote.rm-wc-hover-text {\r\n    display: none !important;\r\n}\r\n\r\n\r\n/*------ Privacy----*/\r\n\r\n.rmagic .rm-privacy-row {\r\n    text-align: center;\r\n    background-color: rgba(150, 150, 150, 0.1);\r\n    margin: 10px 0;\r\n    padding: 24px 10px;\r\n    font-weight: normal;\r\n    border-radius: 3px\r\n\r\n}\r\n\r\n.rmagic .buttonarea input[type='submit'][disabled] {\r\n    opacity: 0.5;\r\n    cursor: default;\r\n}\r\n.rmagic .rm-privacy-row .rm-privacy-icon input.rm_privacy_cb {\r\n    margin-right: 5px;\r\n}\r\n\r\n/* Hide hidden field forms */\r\n#rm_front_submissions_nav_form, #rm_front_submissions_respas_form{\r\n    display: none;\r\n}\r\n\r\n/*--- Password Recovery------*/\r\n\r\n\r\n.rm_error_msg{\r\n    background-color: #F8E1E7;\r\n    padding: 8px 20px;\r\n    border-radius: 5px;\r\n    border: 1px solid #D2375E;\r\n    color: #D2375E;\r\n    font-size: 12px;\r\n    margin: 0px auto;\r\n    display: table;\r\n}\r\n\r\n.rm_success_msg {\r\n    background-color: #DAF5E7;\r\n    padding: 8px 20px;\r\n    border-radius: 5px;\r\n    border: 1px solid #42CC83;\r\n    color: #42CC83;\r\n    font-size: 12px;\r\n    margin: 0px auto;\r\n    display: table;\r\n}\r\n\r\n.rm-password-request{\r\n}\r\n\r\n\r\n.rm-security-token {\r\n    padding: 22px 5px;\r\n    text-align: center;\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    border: 2px dotted #e6e6e6;\r\n    background-color: #FBFBFB;\r\n    color: #949494;\r\n}\r\n\r\n\r\n.rm_error_msg-wrap {\r\n    float: left;\r\n    width:100%;\r\n    text-align: center;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_error_msg {\r\n    background-color: #F8E1E7;\r\n    margin: 0px auto;\r\n    text-align: left;\r\n    box-shadow: inset 2px 0 0 0 #E04562;\r\n    -moz-box-shadow: inset 2px 0 0 0 #E04562;\r\n    -webkit-box-shadow: inset 3px 0 0 0 #E04562;\r\n    border-top-right-radius: 2px;\r\n    border-bottom-right-radius: 2px;\r\n    color: #333333;\r\n    font-family: inherit;\r\n    font-weight: 400;\r\n    padding: 20px;\r\n    font-size: 14px;\r\n    width: 100%;\r\n    max-width: 690px;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_error_msg p,\r\n.rm_error_msg-wrap .rm_pr_success_msg p,\r\n.rm_error_msg-wrap .rm_pr_warning_msg p {\r\n    padding: 0px;\r\n    margin: 0px;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_error_msg .rm_red_cross{\r\n    color: #E04562;\r\n    line-height: 20px;\r\n    box-shadow: none;\r\n    text-decoration: none;\r\n    background-color: transparent;\r\n    margin-right: 0px;\r\n    float: right;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_success_msg {\r\n    background-color: #DAF5E7;\r\n    padding: 8px 20px;\r\n    color: #42CC83;\r\n    font-size: 12px;\r\n    margin: 0px auto;\r\n    display: inline-flex;\r\n    text-align: left;\r\n    box-shadow: inset 2px 0 0 0 #42CC83;\r\n    -moz-box-shadow: inset 2px 0 0 0 #E04562;\r\n    -webkit-box-shadow: inset 3px 0 0 0 #42CC83;\r\n    border-top-right-radius: 2px;\r\n    border-bottom-right-radius: 2px;\r\n    color: #333333;\r\n    font-family: inherit;\r\n    font-weight: 400;\r\n    padding: 20px;\r\n    font-size: 14px;\r\n    width: 100%;\r\n    max-width: 690px;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_success_msg .rm_green_tik{\r\n    background-color: #42CC83;\r\n    color: #DAF5E7;\r\n    border-radius: 50%;\r\n    width: 18px;\r\n    height: 18px;\r\n    padding: 5px;\r\n    float: left;\r\n    line-height: 10px;\r\n    font-size: 12px;\r\n    margin-right: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_warning_msg {\r\n    background-color: #fff0e4;\r\n    padding: 8px 20px;\r\n    border-radius: 5px;\r\n    border: 1px solid #ff9947;\r\n    color: #ff9947;\r\n    font-size: 12px;\r\n    margin: 0px auto;\r\n    display: inline-flex;\r\n    text-align: left;\r\n}\r\n\r\n.rm_error_msg-wrap .rm_pr_warning_msg .rm_waring_symbol{\r\n    background-color: #ff9947;\r\n    color: #fff0e4;\r\n    border-radius: 50%;\r\n    width: 18px;\r\n    height: 18px;\r\n    float: left;\r\n    line-height: 4px;\r\n    font-size: 12px;\r\n    margin-right: 10px;\r\n    text-align: left;\r\n    padding: 8px;\r\n}\r\n\r\n.rmagic .rmrow .rminput.rminput-note ~ .rmnote {\r\n    top: -89px !important;\r\n}\r\n\r\n.rmagic .rmrow .rminput.rminput-note ~ .rmnote .rmprenote {\r\n    bottom: -11px;\r\n    top: auto;\r\n    -ms-transform: rotate(180deg);\r\n    -webkit-transform: rotate(180deg);\r\n    transform: rotate(180deg);\r\n}\r\n\r\n/*--- Non-page Specific ------*/\r\n\r\ndiv#rm_stat_container,\r\ndiv.rm_hide_form_page\r\n{\r\n    display: none;\r\n}\r\n\r\n\r\n/*--- Form Builder CSS---*/\r\n\r\n:root {\r\n    --rm-field-gutter: 10px;\r\n}\r\n\r\n.rmagic .rmagic-row {\r\n    width: 100%;\r\n    margin: 0px auto 20px auto;\r\n}\r\n\r\n@media (min-width: 783px) {\r\n    .rmagic .rmagic-row .rmagic-fields-wrap {\r\n        display: -webkit-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        margin-right: calc(var(--rm-field-gutter) * -1);\r\n        margin-left: calc(var(--rm-field-gutter) * -1);\r\n    }\r\n    .rmagic-row .rmagic-fields-wrap .rmagic-col {\r\n        min-width: 0;\r\n        -webkit-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1;\r\n        padding-right: calc(var(--rm-field-gutter) * 1);\r\n        padding-left: calc(var(--rm-field-gutter) * 1);\r\n    }\r\n    .rmagic-row .rmagic-fields-wrap .rmagic-col-8 {\r\n        -webkit-box-flex: 2;\r\n        -ms-flex: 2;\r\n        flex: 2;\r\n    }\r\n\r\n    /*--Woo Fields---*/\r\n\r\n\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap {\r\n        display: -webkit-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        margin-right: calc(var(--rm-field-gutter) * -1);\r\n        margin-left: calc(var(--rm-field-gutter) * -1);\r\n    }\r\n\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-fw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-fw{\r\n        position: relative;\r\n    }\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-fw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-fw{\r\n        min-width: 0;\r\n        -webkit-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1;\r\n        padding-right: calc(var(--rm-field-gutter) * 1);\r\n        padding-left: calc(var(--rm-field-gutter) * 1);\r\n    }\r\n\r\n    .rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap .rm-wc-hw,\r\n    .rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap .rm-wc-hw {\r\n        position: relative;\r\n        width: 100%;\r\n        float: left;\r\n    }\r\n\r\n    /*--Woo Fields End---*/\r\n}\r\n\r\n@media only screen and (max-width:781px) {\r\n    .rmagic .rmagic-row {\r\n        display: inline-block;\r\n    }\r\n\r\n    .rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col:empty{\r\n        display: none;\r\n    }\r\n\r\n    .rmagic .rmagic-row.rm-hidden-row .rmagic-col-hide{\r\n        display: none !important;\r\n    }\r\n\r\n    .rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col {\r\n        display: inline-block;\r\n        width: 100%;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col:last-child{\r\n        margin-bottom: 0px;\r\n    }\r\n\r\n    .rmagic .rmagic-row .rmagic-fields-wrap {\r\n\r\n    }\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"text\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"password\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"email\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"url\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"file\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"number\"],\r\n.rmagic .rmagic-row .rmagic-field .rminput textarea {\r\n    width: 100%;\r\n    min-height: 36px;\r\n    font-size: 1em;\r\n    max-width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.rmagic-row .rmagic-field .rminput input[type=\"password\"]:disabled,\r\n.rmagic .rmagic-row .rmagic-field .rminput input[type=\"text\"]:disabled{\r\n    opacity: 0.7;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-field .rminput select {\r\n    background-color: transparent;\r\n    border: 1px solid #e1e1e1;\r\n    border: 1px solid rgba(150, 150, 150, 0.4);\r\n    min-width: 50%;\r\n    width: 100%;\r\n    font-size: 1em;\r\n    min-height: 36px;\r\n    line-height: 16px;\r\n    max-width: 100%;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-heading {\r\n    font-size: 20px;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-subheading {\r\n    padding-bottom: 20px;\r\n    color: gray;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    font-size: 16px;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field {\r\n    position: relative;\r\n    width: 100%;\r\n    float: left;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field label sup{\r\n    padding: 0px;\r\n    margin: 0px;\r\n    bottom: 0px;\r\n    vertical-align: baseline;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rminput .intl-tel-input {\r\n    width: 100%;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rminput .iti--allow-dropdown input[type=\"text\"]{\r\n    background-image: none;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rminput ul.iti__country-list{\r\n    margin: 0 0 0 -1px !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rminput ul.iti__country-list li{\r\n    margin-left: 0px !important;\r\n}\r\n\r\n/*--Mobile Field CSS for Older Builder---*/\r\n\r\n.rmagic .rmrow .rminput .iti--allow-dropdown input,\r\n.rmagic .rmrow .rminput .iti--allow-dropdown input[type=tel],\r\n.rmagic .rmrow .rminput .iti--allow-dropdown input[type=text],\r\n.rmagic .rmrow .rminput .iti--separate-dial-code input,\r\n.rmagic .rmrow .rminput .iti--separate-dial-code input[type=tel],\r\n.rmagic .rmrow .rminput .iti--separate-dial-code input[type=text] {\r\n    padding-right: 6px !important;\r\n    padding-left: 52px !important;\r\n    margin-left: 0\r\n}\r\n\r\n/*--Mobile Field CSS for Older Builder End---*/\r\n\r\n/**\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field .rm-tel-invalid-msg:last-child{\r\n    display: none;\r\n}\r\n*/\r\n\r\n.rmagic-row .rmagic-fields-wrap .rm_divider {\r\n    margin: 0px;\r\n    padding: 0px;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmrow {\r\n    min-height: auto;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmrow.rm-privacy-row{\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.rmagic-row .rmagic-field .rminput ul.rmradio li {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n}\r\n\r\n.rmagic-row .rmagic-field .rminput ul.rmradio li input[type=radio],\r\n.rmagic-row .rmagic-field .rminput ul.rmradio li input[type=checkbox]{\r\n    margin-right: 10px;\r\n}\r\n\r\n.rmagic-row .rm_pricefield_checkbox .rminput .rmradio li {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.rmagic .rm_payment_options .rmagic-field .rminput ul.rmradio li {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    align-content: center;\r\n    margin: 10px 0px;\r\n}\r\n\r\n.rmagic .rm_payment_options .rmagic-field .rminput ul.rmradio li label {\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rm-total-price-widget  {\r\n    text-align: center;\r\n    font-size: larger;\r\n    line-height: 60px;\r\n    background-color: rgba(150, 150, 150, 0.1);\r\n    margin: 10px 0;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rm-total-price-widget .rm-total-price-taxt-info {\r\n    margin-left: 4px;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n}\r\n\r\n.rmagic .rm_payment_options .rmagic-field .rminput ul.rmradio li .rm_payment_method_select {\r\n    margin-right: 10px;\r\n\r\n}\r\n\r\n@media all and (min-width:782px) {\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-4 .rmagic-field label.rmfield,\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-3 .rmagic-field label.rmfield{\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-8 ~ .rmagic-col.rmagic-col-4 .rmagic-field label.rmfield {\r\n        width: 25%;\r\n        max-width: 250px;\r\n    }\r\n\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-8 ~ .rmagic-col.rmagic-col-4 .rminput {\r\n        width: 75%;\r\n    }\r\n\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-4 .rmagic-field .rminput,\r\n    .rm_layout_label_left.rm-narrow-label-left .rmagic-row .rmagic-col-3 .rmagic-field .rminput{\r\n        width: 100%;\r\n    }\r\n\r\n    .rm_layout_label_left .rmagic-row .rmagic-field label.rmfield{\r\n        width: 25%;\r\n        max-width: 250px;\r\n    }\r\n\r\n    .rm_layout_label_left .rmagic-row .rmagic-field .rminput {\r\n        width: 75%;\r\n    }\r\n}\r\n\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col .rmnote {\r\n    margin-left: 0px;\r\n}\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col{\r\n    position: relative;\r\n}\r\n\r\n/* You tube widget----*/\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmrow iframe{\r\n    max-width: 100%;\r\n    vertical-align: middle;\r\n}\r\n\r\n/*--Timer Field----*/\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-field .rminput .rm-flip-clock-wrapper {\r\n    display: flex;\r\n}\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col-3 .rmagic-field .rminput .rm-flip-clock-wrapper ul li a div div.rm-clock-inner {\r\n    font-size: 54%;\r\n}\r\n\r\n/*--Timer Field end----*/\r\n\r\n/*--Privacy Error Message----*/\r\n\r\n.rm_theme_matchmytheme .rm-form-error-message.rm-form-field-invalid-msg,\r\n.rm_theme_classic .rm-form-error-message.rm-form-field-invalid-msg{\r\n    padding: 3px 8px;\r\n    display: inline-block;\r\n    color: red;\r\n    margin: 5px 0 0 0;\r\n    font-size: 0.8em;\r\n    text-transform: uppercase;\r\n    border-radius: 4px;\r\n    -moz-border-radius: 4px;\r\n    -webkit-border-radius: 4px;\r\n    animation: rm-warning 1s ease-out 1;\r\n    -webkit-animation: rm-warning 1s ease-out 1;\r\n    -moz-animation: rm-warning 1s ease-out 1;\r\n    -o-animation: rm-warning 1s ease-out 1;\r\n    float: left;\r\n}\r\n\r\n.rm_theme_matchmytheme .rm-form-error-message.rm-form-field-invalid-msg:before,\r\n.rm_theme_classic .rm-form-error-message.rm-form-field-invalid-msg:before{\r\n    content: \"\\2191\\00a0\";\r\n    font-size: 14px;\r\n}\r\n\r\n/*--Privacy Error Message----*/\r\n\r\n\r\n/*-- Frontend shortcode--*/\r\n\r\n.rmagic-table.rm-single-inbox-tabs .rm-user-row.rm-inbox-icon {\r\n    display: none;\r\n}\r\n\r\n.rmagic .rmagic-table.rm-single-payment-tabs {\r\n    width: 100%;\r\n}\r\n\r\n/*-- End: Frontend shortcode--*/\r\n\r\n.rmagic .rm-form-preview-notice {\r\n    color: #70613a;\r\n    background-color: #fff3cd;\r\n    position: relative;\r\n    padding: 18px;\r\n    margin: 12px 0px;\r\n    border: 1px solid #e8e0c6;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    overflow: hidden;\r\n    border-radius: 5px;\r\n}\r\n\r\n.rmagic .rm-form-preview-notice span {\r\n    float: left;\r\n    width: 100%;\r\n    font-size: 9px;\r\n    padding-top: 2px;\r\n    text-transform: uppercase;\r\n    font-weight: normal;\r\n}\r\n\r\n.admin_page_rm_field_manage  #TB_window iframe .rmagic {\r\n    max-width: 1100px;\r\n    margin: 0px auto;\r\n}\r\n\r\n.rm-password-toggle-wrap,\r\n.rm-c-password-toggle-wrap{\r\n    position: relative !important;\r\n}\r\n\r\n.rm-password-toggle-wrap .pass-wrapper,\r\n.rm-c-password-toggle-wrap .pass-wrapper{\r\n    height: 0 !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.rm-togglePassword{\r\n    background-image: url(../../images/svg/eye-slash-regular.svg);\r\n    padding: 6px;\r\n    background-repeat: no-repeat;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    top: 12px;\r\n    top: calc(50% - 6px);\r\n    right: 7px;\r\n    margin: 0px 0px;\r\n    line-height: normal;\r\n    width: 26px;\r\n\r\n}\r\n\r\n.rm-togglePassword.rm-togglePassword-show {\r\n    background-image: url(../../images/svg/eye-regular.svg);\r\n}\r\n\r\n.rminput.rm-password-toggle-wrap.rm-togglePassword{\r\n}\r\n\r\n\r\n.rmagic-row .rmagic-fields-wrap .rmagic-col .rmagic-field.rm-confirm-pass-below.rm-password-field-col{\r\n    width: 100%;\r\n    margin: 0px auto 20px auto;\r\n}\r\n\r\n\r\n/*---Field Notes---*/\r\n\r\n.rmagic .rmagic-row .rmagic-fields-wrap .rmagic-col .rmnote{\r\n    width: 100% !important;\r\n}\r\n\r\n/*---Field Notes End---*/\r\n\r\n/*--Woo Fields Defualt---*/\r\n\r\n.rmagic .rmagic-row .rm-wcbilling .rm-wc-wrap,\r\n.rmagic .rmagic-row .rm-wcshipping .rm-wc-wrap {\r\n    margin-bottom:20px;\r\n}\r\n\r\n.rmagic .rmagic-row .rm-wcbilling,\r\n.rmagic .rmagic-row .rm-wcshipping {\r\n    margin:20px 0px;\r\n    ;\r\n}\r\n\r\n/*--Woo Fields Defualt End---*/\r\n\r\n/* Paypal--*/\r\n\r\ntable.rm_paypal_order_details{\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    border-width: 1px 0 0 1px;\r\n    margin: 0 0 1.75em;\r\n    table-layout: fixed;\r\n    width: 100%;\r\n}\r\n\r\ntable.rm_paypal_order_details, table.rm_paypal_order_details th, table.rm_paypal_order_details td{\r\n    border: 1px solid #d1d1d1;\r\n}\r\n\r\n#rm_paypal_order_success {\r\n    text-align: center;\r\n}\r\n\r\n#rm_paypal_order_success img{\r\n    width: 55px;\r\n}\r\n\r\n#rm_paypal_order_area {\r\n    text-align: center;\r\n}\r\n\r\n\r\n.select2-container--default .select2-results__option[aria-selected=true] {\r\n    background-color: #ddd !important;\r\n    color: #000 !important;\r\n}\r\n\r\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\r\n    background-color: #ddd !important;\r\n    color: #000 !important;\r\n}\r\n\r\n.rmagic .rm-login-wrapper .rmrow .rminput ul.rmradio{\r\n    margin: 0px !important;\r\n    padding: 0px !important;\r\n}\r\n\r\n.rm_form_submit_msg.rm-form-submit-wrap {\r\n    text-align: center;\r\n}\r\n\r\n.rm_form_submit_msg.rm-form-submit-wrap svg {\r\n    width: 42px;\r\n    height: 42px;\r\n    fill:#46B756;\r\n}\r\n\r\n.rm-form-submit-message-icon {\r\n    margin: 20px 0px;\r\n    width: 100%;\r\n}\r\n\r\n"
}
0
x-amz-checksum-crc32:12IpDg==