.new-contact-btn{
width: 250px;
}
html.light{
height: 100% !important;
}
body.login_form{
height: 100% !important;
}
.g-recaptcha{
display: flex;
justify-content: center;
}
/************************* Admin Css Start **********************/
.panel-body {
padding: 20px 30px;
}
ul.sidebar_list li {
margin-bottom: 6px;
}
.topbar_logo{
padding: 10px 15px;
}
.admin_logo{
/* width: 130px; */
}
.side_menu_lis .side-menu__icon svg {
width: 20px;
height: 20px;
}
.panel_title{
color: #323B60;
font-size: 24px;
font-weight: 700;
text-transform: math-auto;
}
.campaigns_page_content .panel_title,.profile_page_information_sec .panel_title {
color: #323B60;
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
}
.campaigns_page_content .create_campign {
padding: 10px 20px;
color: #fff;
background-color: #FF8210;
border-radius: 4px;
font-size: 15px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.campaigns_page_content .panel_title_sec {
display: flex;
justify-content: space-between;
align-items: center;
}
.campaigns_page_content .tbl_list{
width: 100% !important;
}
.campaigns_page_content .panel_table_sec {
padding-top: 10px;
}
.campaigns_page_content .tbl_list th {
font-weight: 500;
padding: 15px 10px;
font-size: 15px;
background: none;
}
.campaigns_page_content .tbl_list tr {
border-bottom: 1px solid #ddd;
}
.campaigns_page_content .tbl_list tbody td {
color: #6a6a6a;
padding: 15px 10px !important;
font-weight: 500 !important;
font-size: 14px !important;
line-height: normal;
}
.action_icon{
text-align: center;
}
.campaigns_page_content .owner_header_content .btn-outline-secondary{
border: 1px solid #d8deeb !important;
}
.campaigns_page_content .search_icon{
display: inline-flex;
align-items: center;
}
.campaigns_page_content .search_input:focus {
box-shadow: none;
border-color: #d8deeb;
}
.campaigns_page_content .action_dropdown ul{
list-style: none;
padding: 8px 10px;
}
.campaigns_page_content .action_dropdown ul li{
text-align: left;
border-radius: 4px;
}
.campaigns_page_content .action_popup {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
/* opacity: 0; */
background: #fff;
position: absolute;
z-index: 1;
right: 0;
width: 125px;
}
/* .action_drop_sec{
line-height: 31px;
} */
.action_drop_sec:hover .action_dropdown_hover {
display: block;
position: absolute;
right: 0;
padding: 10px;
width:100%;
}
.action_dropdown_hover{
display: none;
/* padding-top: 20px; */
}
.campaigns_page_content .action_dropdown ul li a{
text-align: left;
padding: 8px 10px;
display: block;
}
.mark_icon:before {
content: "";
background-color: #FF8210;
width: 9px;
height: 9px;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
}
.mark_icon{
display: flex;
/* justify-content: center; */
align-items: center;
}
.scheduled_mark.mark_icon:before{
background-color: #FF8210 !important;
}
.complete_mark.mark_icon:before{
background-color: #5CB85C !important;
}
.pause_mark.mark_icon:before{
background-color: #D9534F !important;
}
.draft_mark.mark_icon:before{
background-color: #999999 !important;
}
.top_bar_search_box button.btn.btn-outline-secondary.dropdown-toggle.btn_sr::after {
display: none !important;
}
.top_bar_search_box ul.dropdown-menu.show {
padding: 10px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
width: 27%;
margin-top: 10px !important;
border: 1px solid #d8deeb;
}
.top_bar_search_box i.fi.fi-rr-angle-small-down {
display: flex;
font-size: 22px;
}
.top_bar_search_box .dropdown-item {
padding: 6px 10px !important;
line-height: normal;
color: #6a6a6a;
border-radius: 4px;
margin-bottom: 6px !important;
font-size: 15.5px;
}
.top_bar_search_box .dropdown-item:last-child {
margin-bottom: 0px;
}
.top_bar_search_box .dropdown-item:focus, .top_bar_search_box .dropdown-item:hover{
background-color: #FF8210 !important;
color: #fff !important;
}
.top_bar_search_box .btn_sr, .top_bar_search_box .btn_sr:hover, .top_bar_search_box .btn_sr:focus {
color: #6a6a6a;
border-right: 1px solid #d8deeb !important;
box-shadow: none;
border-color: #d8deeb;
padding: 10px 6px;
border: none;
border-radius: 0px;
}
.top_bar_search_box .search_inp, .top_bar_search_box .search_inp:hover, .top_bar_search_box .search_inp:focus {
border-top: 1px solid #d8deeb !important;
border-bottom: 1px solid #d8deeb !important;
border-left: 0px;
box-shadow: none;
border-color: #d8deeb;
border-top-left-radius: 0;
/* border-bottom-left-radius: 0px !important; */
height: 40px;
border: none;
padding: 10px;
border-radius: 0;
}
.top_bar_search_box .btn-check:active+.btn-outline-secondary, .top_bar_search_box .btn-check:checked+.btn-outline-secondary, .top_bar_search_box .btn-outline-secondary.active, .top_bar_search_box .btn-outline-secondary.dropdown-toggle.show, .top_bar_search_box .btn-outline-secondary:active {
color: #fff;
background-color: #fff;
border-color: #d8deeb;
box-shadow: none;
display: flex;
align-items: center;
}
.icn_down{
color: #6a6a6a;
}
.action_dot_icon {
font-size: 16px !important;
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
ul.action_popup li:hover {
background: #FF8210;
}
ul.action_popup li:hover a{
color: #fff;
}
/* .action_icon{
padding-bottom: 15px !important;
} */
.action_drop_sec{
padding-bottom: 0px;
position: relative;
}
.action_drop_sec:hover .action_drop_sec{
padding-bottom: 0px;
}
.profile_box .dropdown-box__content{
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
margin-top: 15px !important;
border: 1px solid #d8deeb;
width: 115px;
position: absolute;
right: 0;
padding: 5px;
border-radius: 4px !important;
}
.account_list a:hover {
background: #FF8210;
color: #fff;
border-radius: 4px;
}
.account_list button:hover{
background: #FF8210;
color: #fff;
border-radius: 4px;
}
.side_menu_lis{
width: 100%;
justify-content: space-between;
}
.side_menu_lis .side-menu__title svg{
margin-right: 0px !important;
stroke-width: 2.5;
width: 22px !important;
height: 22px !important;
}
.sidebar_collpse i {
color: #fff;
font-size: 14px;
text-align: left;
display: block;
padding: 13px;
text-align: center;
transform: rotate(180deg);
}
/* Login Form css start */
.login_content_sec, .reset_password_sec {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: auto auto;
padding: 30px 0px;
}
.login_form{
background: #f9f9fc;
}
.form_logo_img{
margin-bottom: 45px !important;
}
.login_form_sec .form-label ,.reset_password_sec .form-label{
margin-bottom: 9px;
font-weight: 500;
color: #6a6a6a;
font-size: 16px;
line-height: normal;
}
.login_form_sec input, .reset_password_sec input, .login_form_sec input:focus, .reset_password_sec input:focus {
border: 1px solid #d8deeb !important;
font-size: 16px !important;
box-shadow: none !important;
line-height: normal !important;
padding: 10px;
border-radius: 4px;
font-weight: 500;
color: #222222;
}
.btn_login , .btn_send{
background: #ff8210;
color: #fff;
padding: 11px 30px;
display: inline-block;
border-radius: 4px;
vertical-align: middle;
line-height: normal;
margin-top: 30px;
font-size: 16px;
}
.forget_pass_txt a{
color: #ff8210 !important;
font-size: 16px;
text-decoration: none !important;
margin: 0 0 0 auto;
}
p.text-sm.leading-5.font-medium.capitalize.text-slate-900{ display:none !important;}
#login-form .form-group , .reset_password_sec .form-group{
margin-bottom: 25px !important;
}
.login_form_sec img {
width: 100px;
}
.login_form_sec h2 , .reset_password_sec h2{
font-size: 30px;
font-weight: bold;
color: #323b60;
letter-spacing: 0.70px;
}
.remember_ps_login, .remember_ps_login:hover{
color: #ff8210;
font-size: 16px;
}
.remember_you_ps{
font-size: 16px;
color: #6a6a6a;
font-weight: 500;
margin-top: 30px;
}
.reset_passwrd_content,.login_form_sec {
width: 35.5%;
display: block;
}
.reset_passwrd_content .d-inline {
padding-top: 28px !important;
display: block !important;
}
/* Login Form css end */
/* Plan Page Css Start */
.create_panel_section .panel-title ,.edit_panel_section .panel-title{
font-size: 24px;
line-height: normal;
font-weight: 700;
color: #323B60;
text-transform: capitalize;
}
.create_panel_form .form-label, .edit_panel_form .form-label {
font-size: 16px;
color: #6a6a6a;
font-weight: 500;
line-height: normal;
}
.input_border {
border: 1px solid #d8deeb !important;
border-radius: 4px !important;
font-size: 16px;
line-height: 1.4;
padding: 9px 12px;
font-weight: 500;
}
.input_border:focus {
box-shadow: none;
}
.create_panel_form .select-label, .edit_panel_form .select-label {
padding: 7px 12px;
border-color: #d8deeb;
border-radius: 4px;
height: 42px;
line-height: 1.5;
}
.btn_save {
background-color: #FF8210;
color: #fff;
font-size: 16px;
line-height: normal;
border-radius: 4px;
margin-top: 30px;
display: inline-block;
padding: 9px 22px;
border: 1px solid #ff8210;
font-weight: 400;
}
.status_field{
margin-top: 30px;
}
.create_panel_form span.label-inner, .edit_panel_form span.label-inner{
color: #000;
font-size: 16px;
font-weight: 500;
}
.active_btn{
background-color:#D9534F;
color: #fff;
font-weight: 500;
}
th.complete_mark:before {
display: contents;
}
/* Plan Page Css End */
/* Multiple Checkbox Select Start */
.listing_checkbox input[type=checkbox] {
position: relative;
border: 2px solid #bdc4d4;
border-radius: 4px;
background: none;
cursor: pointer;
line-height: 0;
margin: 0 0 0 0;
outline: 0;
padding: 0 !important;
vertical-align: text-top;
height: 17px;
width: 17px;
-webkit-appearance: none;
opacity: .5;
}
.listing_checkbox input[type=checkbox]:hover {
opacity: 1;
}
.listing_checkbox input[type=checkbox]:focus {
outline-offset: 0;
--tw-ring-offset-width: 0;
}
.listing_checkbox input[type=checkbox]:checked {
background-color: #FF8210;
opacity: 1;
border: 2px solid #FF8210 !important;
}
.listing_checkbox input[type=checkbox]:before {
content: '';
position: absolute;
right: 50%;
top: 50%;
width: 5.3px;
height: 10px;
border: solid #FFF;
border-width: 0 2px 2px 0;
margin: -1px -1px 0 -1px;
transform: rotate(45deg) translate(-50%, -50%);
z-index: 2;
}
.delete_btn, .bulk_active_btn, .bulk_inactive_btn {
display: flex;
align-items: center;
color: #6a6a6a;
font-weight: 500;
padding: 10px 15px;
font-size: 13px;
line-height: normal;
}
.checkbox_delete_btn_sec{
background-color: #D8DEEB;
display: flex;
border-radius: 4px;
align-items: center;
max-height: 40px;
}
.delete_btn:hover,.bulk_active_btn:hover,.bulk_inactive_btn:hover{
color: #6a6a6a;
}
.delete_btn img{
padding-right: 10px;
}
/* Multiple Checkbox Select End*/
.name_color{
color: #408dfb !important;
}
.input_file {
height: 42px;
padding: 7px 10px !important;
display: inline-block;
}
.delete_icon,.active_icon,.inactive_icon{
color: #323B60;
padding-right: 10px;
font-size: 16px;
display: flex;
}
/* Datatable Dashboard Pagination Css Start */
div#myTable_paginate {
text-align: end !important;
}
#myTable_previous i, #myTable_next i {
font-size: 14px;
}
#myTable_previous, #myTable_next {
padding: 8px 14px !important;
display: inline-block !important;
font-size: 16px !important;
color: #323B60 !important;
font-weight: 600;
display: flex !important;
justify-content: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
display: unset !important;
margin-left: 0 !important;
}
.dataTables_paginate span {
display: inline-flex !important;
height: 36px;
font-size: 16px;
justify-content: center;
align-items: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
font-size: 16px !important;
line-height: normal;
justify-content: center;
align-items: center;
/* min-width: 1.5em; */
padding: 0.5em 1em;
/* margin-left: 2px; */
/* text-align: center; */
/* text-decoration: none !important; */
/* cursor: pointer; */
color: #333 !important;
border: none !important;
height: 36px;
/* border-radius: 2px; */
}
table#myTable th {
border-color: #d8deeb !important;
background: none !important;
color: #000;
}
table#myTable td{
border-bottom: 1px solid #d8deeb !important;
line-height: 1.5;
}
.paginate_button.current{
line-height: normal !important;
}
.campaigns_page_content .tbl_list tbody td {
/* color: #6a6a6a;
padding: 17px 10px;
font-weight: 400;
font-size: 16px;
line-height: 1.5; */
}
table.dataTable.no-footer {
border-bottom: 0px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
background: #FF8210 !important;
color: #fff !important;
border: 0 !important;
line-height: normal !important;
font-size: 16px !important;
border-radius: 0 !important;
padding: 10px 18px !important;
height: 40px !important;
display: inline-block !important;
}
div#myTable_paginate {
text-align: end !important;
display: flex;
align-items: center;
border-radius: 4px;
border: 1px solid #d8deeb;
padding: 0 !important;
margin-top: 20px;
}
th.action_icon.sorting:last-child {
background: none !important;
}
/* Datatable Dashboard Pagination Css End */
/* Image Upload CSS Start */
.image_upload_section .avatar-upload .avatar-preview>div{
/* width: 70px !important;
height: 70px !important;
padding: 15px !important; */
border-radius: 0px !important;
}
.image_upload_section .avatar-upload .avatar-preview{
width: 100px !important;
height: 100px !important;
display: inline-block !important;
padding: 15px;
}
.image_upload_section .avatar-upload{
display: flex;
}
.edit_icn_btn {
background-color: #323B60;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
padding: 0;
}
.img_edit_icn_sec {
position: absolute;
top: -10px;
right: -10px;
}
.profile_page_information_sec .panel_title{
margin-bottom: 20px;
}
.edit_icn_btn i {
line-height: normal;
padding: 5px !important;
display: flex;
font-size: 13px;
justify-content: center;
align-items: center;
}
.uploadingsec {
border: 1px solid #d8deeb;
border-radius: 4px;
width: 100px;
}
#imageUpload{
left: 85px;
top: -10px;
}
.img_edit_icn_sec {
position: absolute;
top: -10px;
left: 85px;
}
/* Image Upload CSS End */
.field-icon {
float: right;
margin-right: 10px;
margin-top: -29px;
position: relative;
z-index: 2;
color: #6a6a6a;
font-size: 16px;
cursor: pointer;
}
.topbar_sec i {
font-size: 16px;
color: #6a6a6a;
display: flex;
align-items: center;
cursor: pointer;
/* padding-left: 8px; */
}
.profile_box .dropdown-box__content {
right: -20px;
}
.cmp_name{
text-transform: capitalize;
}
.btn-more-info i {
font-size: 20px;
line-height: 0;
margin-left: 3px;
margin-right: -4px;
transition: 0.5s;
}
.btn-more-info {
background: #D8DEEB;
border-radius: 4px;
display: flex;
align-items: center;
padding: 7px 18px;
color: #323b60;
font-size: 16px;
}
.action-dropdown li a {
display: block;
padding: 6px 15px;
font-size: 15px;
border-radius: 4px;
color: #6a6a6a;
}
.action-dropdown li a:hover {
background: transparent;
color: #ff8210;
}
.action-dropdown {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
background: #fff;
position: absolute;
z-index: 1;
right: 0;
padding: 5px;
border-radius: 4px;
top: 44px;
display: none;
width: 160px;
}
.action-dropdown-wrapper:hover .action-dropdown,.mangeclient-action-dropdown-wrapper:hover .action-dropdown {
display: block;
}
.more_btn{
padding-top: 5px;
}
.action-dropdown-wrapper,.mangeclient-action-dropdown-wrapper {
padding-bottom: 7px;
margin-bottom: -7px;
position: relative;
}
.mangeclient_btn{
background: #ff8210 !important;
color: #FFF !important;
}
/* .action-dropdown-wrapper:hover .btn-more-info i {
transform: rotate(180deg);
} */
.onweredit_hed_sec {
position: relative !important;
z-index: 99 !important;
}
.created_date_field{
width: 11% !important;
}
.action_field{
width: 6%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
background: transparent !important;
font-size: 16px !important;
color: #000 !important;
border: none !important;
height: 36px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: #FF8210 !important;
color: #fff !important;
/* border: 0 !important; */
line-height: normal !important;
font-size: 16px !important;
border-radius: 0 !important;
padding: 8px 16px !important;
height: 36px !important;
display: inline-block !important;
border: 1px solid #ff8210;
}
#myTable_paginate{
height: 36px;
}
/* .sidebar_list li:active {
background-color: #ff8210;
border-radius: 4px;
color: #fff;
} */
.account_list form {
margin-bottom: 0px;
}
.listing_checkbox{
width: 3% !important;
}
.li_name_field{
width: 15% !important;
line-break: anywhere;
color: #408dfb;
}
.li_cmy_name_field{
width: 15% !important;
word-wrap: break-word;
}
.li_mobile_field{
width: 10% !important;
}
.li_email_field{
width: 25% !important;
line-break: anywhere;
}
.li_plan_field{
width: 12% !important;
}
.li_status_field{
width: 8% !important;
}
.action_field{
width: 5% !important;
}
.btn_section{
display: flex;
}
.cancel_btn{
border: 1px solid #ff8210;
color: #ff8210;
font-size: 16px;
line-height: normal;
border-radius: 4px;
margin-top: 30px;
display: inline-block;
padding: 9px 22px;
font-weight: 400;
margin-left: 10px;
}
.cancel_btn:hover{
color: #ff8210;
}
.plan_symbol_sec {
border-right: 1px solid #d8deeb;
/* border-top-left-radius: 4px;
border-bottom-left-radius: 4px; */
padding: 9px 16px;
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
height: 42px;
position: absolute;
}
/* .plan_price_sec{
display: flex;
} */
.plan_price_sec input {
border-radius: 4px;
padding-left: 52px;
}
.sm\:justify-end{
justify-content: center !important;
}
.border-green-500{
border-color:rgb(50 59 96) !important;
}
.shadow-lg{
box-shadow:0px 0rem 1rem rgb(0 0 0 / 7%) !important;
}
.modal-footer{
justify-content: flex-start !important;
}
.notify .border-green-500{
background: #E8F7F1 !important;
border: 2px solid #fff0 !important;
box-shadow: none !important;
}
.notify .border-red-500{
background: #ffb9b5a8 !important;
border: 2px solid #fff0 !important;
box-shadow: none !important;
}
/* .modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: unset !important;
width: 100vw;
height: 100vh;
background-color: transparent !important;
} */
.modal-content{
border: none !important;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.notify button{
display: none !important;
}
.modal_delete_btn {
background-color: #ff8210;
color: #fff;
border: 1px solid #ff8210;
display: inline-block;
line-height: normal;
padding: 7px 20px;
}
.modal_delete_btn:hover{
color: #fff;
}
.modal_cancel_btn{
background-color: #fff;
color: #ff8210;
display: inline-block;
line-height: normal;
padding: 7px 20px;
border: 1px solid #ff8210;
}
.modal_cancel_btn:hover{
background-color: transparent !important;
color: #ff8210 !important;
border-color: #ff8210;
}
.get-confirm{
cursor: pointer;
}
.modal-dialog{
margin-top: 0px;
}
#deletemodal p {
padding-top: 20px;
padding-bottom: 20px;
font-weight: 500;
color: #6a6a6a;
}
#loader-area {
margin: 100px auto;
width: 60px;
height: 60px;
border: 6px solid #f3f3f3;
border-top: 6px solid #ff8210;
border-radius: 50%;
animation: spin 2s linear infinite, heart-beat 2s linear infinite;
background-color: #fff;
text-align: center;
line-height: 120px;
top: 25%;
left: 47%;
position: absolute;
z-index: 99;
}
.top-bar .dropdown-toggle::after {
content: "" !important;
background: none;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes heart-beat {
55% { background-color: #fff; }
/* 60% { background-color: #ff8210; } */
65% { background-color: #fff; }
/* 70% { background-color: #ff8210; } */
100% { background-color: #fff; }
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
background: none !important;
color: #000 !important;
box-shadow: none !important;
}
.jq-toast-single{
/* border: 2px solid #fffafa !important;
box-shadow: 0px 0rem 1rem rgb(0 0 0 / 14%) !important;
padding: 20px 15px 19px 48px !important;
border-radius: 10px; */
}
.notify .p-4 {
padding: 15px !important;
}
.notify .p-4 .items-start{
display: flex;
align-items: center !important;
}
.notify .p-4 .items-start p.mt-1.text-sm.leading-5.text-slate-500{
margin-top: 0px !important;
}
.notify .p-4 .items-start .ml-4{
margin-left: 10px;
}
.jq-toast-single {
padding: 15px !important;
padding-left: 50px !important;
width: 300px !important;
font-size: 14px !important;
border-radius: 10px !important;
line-height: 1.5 !important;
}
.jq-icon-success{
background-image: url('../../tick.png');
}
.plan_listing_page #loader-area {
top: 28%;
left: 55%;
}
.login_form .spinner-border{
color: #ff8210 !important;
}
input#unlimited:focus {
outline: 1px !important;
border: 1px solid #d8deeb !important;
--tw-ring-offset-width: 1px !important;
accent-color: #ff8210 !important;
color: #ff8210 !important;
}
.unlimit_check input[type=checkbox] {
position: relative;
border: 2px solid #bdc4d4;
border-radius: 2px;
background: none;
cursor: pointer;
line-height: 0;
margin: 0 0;
outline: 0;
padding: 0 !important;
vertical-align: text-top;
height: 18px;
width: 18px;
-webkit-appearance: none;
opacity: .5;
}
.unlimit_check input[type=checkbox]:focus{
--tw-ring-shadow: none !important;
}
label.agree_check_txt {
padding-left: 10px;
}
.unlimit_check input[type=checkbox]:hover {
opacity: 1;
}
.unlimit_check input[type=checkbox]:checked {
background-color: #ff8210;
opacity: 1;
border: 1px solid #ff8210;
}
.unlimit_check input[type=checkbox]:before {
content: '';
position: absolute;
right: 50%;
top: 50%;
width: 6px;
height: 12px;
border: solid #FFF;
border-width: 0 2px 2px 0;
margin: -1px -1px 0 -1px;
transform: rotate(45deg) translate(-50%, -50%);
z-index: 2;
}
.trial_ended_txt{
font-size: 16px;
color: #6a6a6a;
line-height: normal;
font-weight: 500;
margin-top: 10px;
}
/********** Owner Settings Css Start ***********/
.tabing_content {
padding: 10px 0px;
}
.header_setting {
font-size: 25px;
font-weight: bold;
margin-top: 10px;
color: #323b60;
}
.nav-tabs {
display: flex;
justify-content: left;
}
.nav-tabs .nav-link.active {
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
border-bottom: 2px solid #ff8210 !important;
border: none;
color: #ff8210 !important;
}
.tabing_content .nav-tabs .nav-link {
background: 0 0;
border: 1px solid transparent;
color: #6a6a6a;
font-weight: 500;
font-size: 16px;
border-radius: 0;
border: none;
}
.tabing_content .schedule_status_qr {
color: #5cb85c;
}
.tabing_content .mark_icon:before {
content: "";
background-color: #5cb85c;
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
}
.setting_content .qr_desin_appy_txt {
color: #ff8210;
font-size: 16px;
font-weight: 600;
margin: 12px;
border-bottom: 1px solid #ff8210;
}
.setting_content .qr_desin_appy_txt:hover {
color: #ff8210;
}
.setting_content .tabing_content .tbl_list tbody td {
color: #696969;
padding: 12px 10px;
font-weight: 400;
font-size: 14px !important;
font-weight: 600 !important;
line-height: normal;
}
.setting_content .tabing_content .tbl_list thead th {
padding: 12px 10px;
font-size: 15px;
font-weight: 600;
}
.setting_content .organization .org-item {
display: block;
padding: 10px;
border-radius: 4px;
cursor: pointer;
text-align: left;
margin-bottom: 10px;
color: #333;
text-decoration: none;
background-color: #FF8210;
color: #fff;
width: 100%;
border: none;
}
.setting_content .organization .org-item:active,
.setting_content .organization .org-item:focus {
background-color: white;
color: #FF8210;
/* Change text color to orange */
}
.setting_content .header_users {
font-weight: bold;
color: #323B60;
font-size: 22px;
line-height: normal;
}
.setting_content .sidebar {
width: 220px;
margin-top: 10px;
padding: 10px;
padding-right: 0px;
background: none;
}
.setting_content .main-content {
flex: 1;
padding: 20px 0 20px 0;
padding-left: 0px;
}
.setting_content .user-management .header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.us_txt{
font-size: 16px;
}
.setting_content .create-user-btn {
background-color: #FF8210;
color: #fff;
cursor: pointer;
font-size: 16px;
line-height: normal;
border-radius: 4px;
display: inline-block;
padding: 9px 22px;
font-weight: 400;
}
.setting_content .users-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
padding: 25px 0px;
}
.setting_content .users-table th {
font-weight: 500;
padding: 15px 10px;
border-bottom: 1px solid #d8deeb;
color: #000;
}
.usr_plan_cntnt_sec{
margin-top: 10px;
}
.setting_content .users-table td {
border-bottom: 1px solid #ddd;
padding: 15px 10px;
text-align: left;
font-weight: 500;
color: #6a6a6a;
font-size: 15.5px;
line-height: normal;
}
.setting_content .pagination {
display: flex;
justify-content: right;
align-items: center;
}
.setting_content .prev-btn,
.setting_content .next-btn {
color: #323b60;
background-color: #FFFFFF;
border: 1px solid #ddd;
padding: 5px 10px;
cursor: pointer;
border-radius: 4px;
}
.setting_content .page-number {
border: none;
background-color: #FF8210;
height: 36px;
width: 36px;
}
.setting_content .user-management {
border: 1px solid #d9d9d9;
border-radius: 4px;
padding: 30px;
}
.setting_content .owner_checkbox {
width: 16px;
height: 16px;
}
.setting_content .dot_active {
height: 10px;
width: 10px;
background-color: #5cb85c;
margin-top: 1px;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
}
.setting_content .dot_inactive {
background-color: #ff3b3b;
height: 10px;
width: 10px;
margin-top: 1px;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
}
.setting_content .icon-container {
display: inline-block;
border-radius: 50%;
padding: 5px;
background-color: #B3B3B3;
height: 33px;
margin-top: 3px;
margin-left: 48%;
}
.setting_content .fa-user {
color: #ECECEC;
font-size: 20px;
line-height: 1;
}
.icon-row {
display: flex;
margin-top: 16px;
margin-left: 47%;
}
.setting_content .icon-angle {
color: #B3B3B3;
margin-top: 9px;
margin-left: 6px;
}
.setting_content .required {
color: #ff0000;
}
.setting_content .form-label {
font-size: 16px;
color: #6a6a6a;
font-weight: 500;
line-height: normal;
}
.setting_content .modal-title {
font-weight: bold;
color: #323b60;
}
.setting_content .button-row {
padding: 20px 30px;
border: none;
padding-bottom: 30px !important;
}
.setting_content .modal-body, .setting_content .modal-header{
padding: 30px;
padding-bottom: 10px;
}
.setting_content .modal-body{
padding-top: 20px;
}
#create_user_modal .form{
margin-bottom: 0px;
}
.setting_content .save_button-row {
margin-right: 10px;
background-color: #FF8210;
border: 1px solid #ff8210;
color: #fff;
font-size: 16px;
line-height: normal;
border-radius: 4px;
display: inline-block;
padding: 9px 22px;
font-weight: 400;
}
.setting_content .modal-dialog{
padding-top: 30px;
padding-bottom: 30px;
}
.setting_content .cancel_button-row {
cursor: pointer;
background-color: #FFFFFF;
border: 1px solid #ff8210;
color: #ff8210;
font-size: 16px;
line-height: normal;
border-radius: 4px;
display: inline-block;
padding: 9px 22px;
}
.setting_content .modal-backdrop {
background-color: rgb(50, 59, 96, 0.5);
/* Adjust the last value (0.5) to change opacity */
}
.setting_content .modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: 0px;
outline: 0;
}
.setting_content .modal-dialog {
margin-right: 40%;
}
.setting_content .modal-title {
font-weight: bold;
color: #323b60;
}
.setting_content .password-toggle {
display: none;
}
/* Style the eye icon labels */
.setting_content .toggle-label {
cursor: pointer;
position: absolute;
right: 10px;
top: 50%;
}
/* Style the eye icon */
.setting_content .toggle-label i {
color: #333;
}
/* Adjust eye icon color based on checkbox state */
.setting_content .password-toggle:checked+.toggle-label i.fa-eye::before {
content: "\f070";
}
.setting_content .password-toggle+.toggle-label i.fa-eye::before {
content: "\f06e";
}
.setting_content .user-management form{
margin-bottom: 0px;
}
.setting_content .nav-pills .nav-link.active,
.setting_content .nav-pills .show>.nav-link {
color: #fff;
background-color: #FF8210;
text-align: left;
}
.setting_content .nav-pills .nav-link {
text-align: left;
background: 0 0;
border: 0;
border-radius: 4px;
color: #6a6a6a;
font-size: 16px;
margin-bottom: 10px;
}
.setting_content .header_setting_user{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.setting_content .custom-input-group {
position: relative;
}
.setting_content .input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.setting_content .custom-input-group .input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 30%;
}
.setting_content .custom-input-group input[type="file"] {
border-radius: 0;
width: 100px;
height: 100px;
/* Hide the "Choose file" text */
color: transparent;
}
.setting_content .custom-input-group .input-group-append {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
z-index: 3;
border-radius: 0;
}
.setting_content .custom-input-group .input-group-append .input-group-text {
border-radius: 0;
}
.setting_content .custom-input-group .input-group-append .fa-pencil {
position: absolute;
top: 0;
right: 0;
}
/* CSS */
/* Hide the checkbox */
.setting_content .pin-toggle {
display: none;
}
/* Style the eye icon label */
.setting_content .toggle-label {
cursor: pointer;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
}
/* Style the eye icon */
.setting_content .toggle-label i {
color: #333;
}
/* Adjust eye icon color based on checkbox state */
.setting_content .pin-toggle:checked+.toggle-label i.fa-eye::before {
content: "\f070";
/* Unicode for eye icon */
}
.setting_content .pin-toggle+.toggle-label i.fa-eye::before {
content: "\f06e";
/* Unicode for slashed eye icon */
}
.setting_content .information_container {
width: 100%;
}
.setting_content .drop_down_sec {
display: none;
}
.drop_down_sec {
position: absolute;
background: #fff;
top: 30px;
right: 0;
font-size: 16px;
border-radius: 3px;
box-shadow: 0px 0px 6px -3px #000;
}
.setting_content .select-wrapper {
position: relative;
}
.setting_content .select-arrow {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
pointer-events: none;
font-size: 16px;
color: #000;
}
.setting_content .header_subscription_id {
font-size: 16px;
font-weight: bold;
color: #6A6A6A;
}
.setting_content .input-group.custom-input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 30%;
}
.setting_content .input-group.custom-input-group .pencile_icon {
right: 0px;
display: flex;
align-items: center;
bottom: 6px;
left: 3px;
top: 0px;
border: 1px solid black;
}
.setting_content .form-control::-webkit-file-upload-button {
display: none;
height: 42px;
}
.setting_content .form-group{
margin-bottom: 25px;
}
/* .setting_content .img_upload_content {
border: 1px solid #d8deeb;
border-radius: 4px;
width: 100px;
height: 100px;
margin-top: 10px;
padding: 10px;
} */
.setting_content .form-control {
height: 42px;
display: block;
width: 100%;
padding: 10px 15px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #222222;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
font-weight: 500;
}
.setting_content .chnage-plan-btn {
cursor: pointer;
background-color: #FFFFFF;
border: 1px solid #ff8210;
color: #ff8210;
font-size: 16px;
line-height: normal;
border-radius: 4px;
display: inline-block;
padding: 9px 22px;
}
.setting_content .payment-card-body {
display: flex;
justify-content: center;
margin: 0;
background-color: #FFFFFF;
}
.payment-card {
background-color: #FFFFFF;
overflow: hidden;
width: 100%;
border-radius: 10px;
}
.setting_content .payment-card .header {
font-size: 17px;
font-weight: bold;
color: #323b60;
background-color: #FFFFFF;
margin-top: 10px;
margin-bottom: 8px;
line-height: normal;
}
.setting_content .payment-card .body {
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #F0F4FA;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.setting_content .payment-card .body .details {
font-size: 16px;
color: #6a6a6a;
font-weight: 500;
}
.setting_content .payment-card .footer {
background: #323B60;
color: #ffffff;
text-align: center;
padding: 8px;
line-height: normal;
cursor: pointer;
font-size: 15.5px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.setting_content .payment-card .body .details small {
display: block;
color: #88898B;
font-size: 14px;
font-weight: 500;
line-height: normal;
}
.setting_content .payment-card .body .price {
font-size: 18px;
font-weight: bold;
color: #323B60;
}
.setting_content .payment-card .footer {
background: #323B60;
color: #ffffff;
text-align: center;
padding: 8px;
cursor: pointer;
font-size: 16px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
line-height: normal;
}
.setting_content .payment-card .footer:hover {
background: #323B60;
}
.setting_content .pricing-container-body {
display: flex;
justify-content: center;
align-items: center;
}
.setting_content .pricing-container {
background: #ffffff;
border-radius: 4px;
width: 800px;
}
.setting_content .pricing-container .header {
font-size: 18px;
font-weight: bold;
color: #323b60;
text-align: center;
margin-bottom: 20px;
}
.setting_content .pricing-container .plans {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.setting_content .pricing-container .plan {
background: #FFFFFF;
border-radius: 4px;
flex: 1;
text-align: center;
color: #323b60;
padding-bottom: 10px;
border: 1px solid #323b60;
}
.setting_content .pricing-container .plan.featured {
background: #FFFF;
border: 1px solid #DADADA;
color: #717171;
}
.setting_content .pricing-container .plan.featured header {
color: #717171;
background: #DADADA;
}
.pricing-container .plan h3 {
font-size: 20px;
margin-bottom: 10px;
}
.setting_content .pricing-container .plan .price {
font-size: 22px;
font-weight: bold;
border-bottom: 1px solid #d8deeb;
padding: 10px;
margin: 0px 10px;
line-height: normal;
}
.pb-0{
padding-bottom: 0px;
}
.setting_content .pricing-container .plan ul {
list-style: none;
padding: 0 10px;
margin: 0;
text-align: center;
}
.setting_content .mb-0{
margin-bottom: 0px;
}
.accnt_usr{
margin-top: 20px;
}
.setting_content .pricing-container .plan ul li {
padding: 10px 0;
border-bottom: 1px solid #d8deeb;
font-size: 14px;
color: #6a6a6a;
font-weight: 500;
}
.setting_content .pricing-container .plan ul li:last-child {
border-bottom: none;
}
.setting_content .plan-button {
cursor: pointer;
border: 1px solid #ff8210;
color: #ff8210;
font-size: 16px;
line-height: normal;
border-radius: 4px;
display: inline-block;
padding: 9px 22px;
font-weight: 600;
margin-top: 20px;
}
.setting_content .plan-button.featured {
background: #FFF;
color: #717171;
border: 1px solid #717171;
}
.setting_content .plan-card-header {
background-color: #88A9C3;
text-align: center;
padding: 10px;
color: white;
}
.setting_content .plan-card-header h1 {
margin: 0;
}
.setting_content .plan-header {
margin: 0px
}
.setting_content .plan-container {
border: 1px solid #475678;
}
.setting_content .plan-main-container {
width: 40%;
text-align: center;
}
.plan-main-container:nth-child(2){
margin: 0px 30px;
}
.setting_content .modal-header{
border-bottom: 0px !important;
align-items: center;
}
.setting_content .credit-card {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.setting_content .plan-button.featured {
background: #FFF;
color: #717171;
border: 1px solid #717171;
}
.setting_content .plan-card-header {
background-color: #88A9C3;
text-align: center;
padding: 15px;
color: fff;
border-bottom: 1px dashed #323b60;
font-size: 18px;
line-height: normal;
}
.setting_content .plan-card-header h1 {
margin: 0;
/* Remove default margin */
}
.setting_content .plan-header {
margin: 0px;
font-weight: 500;
}
.setting_content .plan-container {
border: 1px solid #475678;
}
/* .setting_content .plan-main-container {
width: 40%;
text-align: center;
margin-right: 10px;
} */
.setting_content .usage_billing_card {
padding: 15px;
padding-bottom: 14px;
}
.setting_content .user_count {
padding: 5px 15px;
text-align: center;
background-color: #D8DEEB;
color: #6A6A6A;
font-size: 14px;
font-weight: 500;
}
.setting_content .usage_billing_card_container {
border: 1px solid #D8DEEB;
margin-bottom: 30px;
border-radius: 4px;
}
.setting_content .usage_billing_first_span {
color: #FF8210;
font-weight: bold;
margin: 1px;
font-size: 18px;
}
.setting_content .usage_billing_second_span {
color: #6A6A6A;
font-weight: bold;
margin: 1px;
font-size: 18px;
}
.setting_content .custom-progress {
background-color: #FF8210;
}
.setting_content .progress {
background-color: #6A6A6A;
margin: 15px 0px 10px;
}
.setting_content input[type="password"]{
position: relative;
}
.setting_content .business-toggle-password {
font-size: 16px;
color: #6a6a6a;
position: absolute;
right: 0;
top: 42px;
}
.setting_content .pln_usr .header{
margin-bottom: 25px;
}
.setting_content td.user_total {
text-align: right !important;
padding-right: 70px;
}
.setting_content .users-table td:first-child,.setting_content .users-table th:first-child{
width: 70%;
}
.setting_content .users-table td:last-child,.setting_content .users-table th:last-child{
width: 30%;
}
.setting_content td.total-price {
font-size: 18px !important;
color: #323b60 !important;
font-weight: bold !important;
}
.setting_content .change_plan_modal .modal-header{
border-bottom: 0px !important;
}
.setting_content .modal-dialog {
/* max-width: 685px !important; */
width: 100%;
display: flex;
margin: auto;
}
.setting_content div#change_plan_modal .modal-body {
padding-bottom: 30px;
}
.setting_content .credit-card i{
font-size: 23px;
color: #6a6a6a;
}
/* Tooltip Css Start */
.busnes_tooltip_sec {
display: flex;
}
.tooltip_icn {
margin-left: 10px;
cursor: pointer;
}
.tool_tip {
position: relative;
display: inline-block;
}
.tool_tip .tooltiptext {
visibility: hidden;
width: 330px;
background-color: #D5DBE7;
color: #6a6a6a;
text-align: left;
border-radius: 8px;
padding: 10px 12px;
line-height: normal;
position: absolute;
z-index: 11;
bottom: 30px;
left: -10px;
font-size: 13.5px;
}
.tool_tip:hover .tooltiptext {
visibility: visible;
}
span.tooltiptext:before {
content: "";
border: solid #d5d8d9;
border-width: 0px 0px 2px 2px;
padding: 4px 4px;
background: #d5d8d9;
transform: rotate(-45deg);
position: absolute;
bottom: -5px;
right: 47%;
border-radius: 2px;
}
.tool_tip:hover .tooltiptext {
visibility: visible;
}
/* Tooltip Css End */
/********** Owner Settings Css End ***********/
.text-orange{
color: #ff8210 !important;
}
span.tooltiptext:before {
content: "";
border: solid #d5d8d9;
border-width: 2px 2px 0px 0px;
padding: 4px 4px;
background: #d5d8d9;
transform: rotate(-45deg);
position: absolute;
bottom: -4px;
right: 90%;
border-radius: 2px;
}
/* Global Site CSS Start */
.global_site_section {
background-color: #F0F4FA;
padding: 50px 0px 10px;
}
.global_site_content{
width: 80%;
margin: auto;
padding: 15px;
}
.lets_start_txt {
font-size: 18px;
color: #323b60;
font-weight: 500;
line-height: normal;
padding-left: 15px;
}
.lets_start_txt_section {
display: flex;
align-items: center;
padding-top: 50px;
}
.globalsite_logo{
margin: auto;
}
.global_site_logo_sec {
display: block;
width: 100%;
}
.business_info_sec{
background: #fff;
border: 1px solid #d8deeb;
border-radius: 4px;
padding: 30px;
margin-top: 40px;
}
.global_form_title{
font-size: 22px;
line-height: normal;
font-weight: bold;
color: #323b60;
}
.form-label{
display: block;
color: #6a6a6a;
font-size: 15.5px;
margin-bottom: 10px;
line-height: normal;
font-weight: 500;
}
.business_info_sec .form-group{
margin-bottom: 0px;
}
.business_title_sec {
margin-bottom: 25px;
}
.required{
color: #ff0000;
}
.txt_verify {
font-size: 15.5px;
color: #6a6a6a;
line-height: 22px;
font-weight: 500;
padding-left: 15px;
padding-right: 75px;
}
.verify_check_txt{
padding-top: 30px;
}
.verify_check_txt .form-group {
display: flex;
align-items: normal;
margin-bottom: 0px;
}
.error_msg{
display: none;
color: red;
}
input.verify_check {
width: 20px;
height: 20px;
border: 2px solid #bdc4d4;
color: #ff8210;
border-radius: 3px;
}
.business_info_sec .img_upload_content{
margin-top: 8px;
}
.global_site_content input::-webkit-outer-spin-button,
.global_site_content input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Global Site CSS End */
.sidebar_collpse_sec {
margin: auto;
z-index: 11;
/* border-top: 1px solid #5d7292; */
position: fixed;
width: 220px;
bottom: 0;
/* background: #323b60; */
}
.sidebar_collpse{
/* position: fixed; */
/* bottom: 0; */
border-top: 1px solid #5d7292;
display: block;
width: 220px;
}
#toggle-sidebar {
font-size: 24px;
cursor: pointer;
}
.expanded .sidebar_collpse{
width: 74px;
}
.sidebar {
width: 220px;
height: 100%;
color: #fff;
transition: width 0.3s;
overflow: hidden;
background-color: #323b60;
}
.sidebar.expanded {
width: 74px;
}
.topbar_logo{
width: 100%;
min-height: 74px;
}
/*
.logo-container {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
} */
.sidebar_list li {
/* display: flex; */
/* align-items: center; */
/* padding: 10px; */
cursor: pointer;
}
ul.sidebar_list {
padding: 10px;
}
.sidebar_list-item {
display: inline;
margin-left: 10px;
}
.expanded .sidebar_collpse i{
transform: rotate(0deg);
}
.sidebar.expanded .sidebar_list-item {
display: none;
}
/* Clients Css Start */
.clients_module .panelbox-view{
margin: auto 0 auto auto;
background: #fff;
height: 100%;
}
.clients_module .btn-close-panel {
background: none;
border: none;
color: #323B60;
}
.clients_module .panel-header-box h3 {
margin-bottom: 0px !important;
}
.clients_module .panel-header-box {
display: flex;
position: relative;
padding: 20px;
border-bottom: 1px solid #d8deeb;
justify-content: space-between;
align-items: center;
margin: 0px;
}
.clients_module .panel-header-box .panel_title {
margin-bottom: 20px;
}
.clients_module .createaddpanel .sign_section_add_btn {
position: fixed;
bottom: 0px;
background: #fff;
width: -webkit-fill-available;
padding: 15px 20px;
box-shadow: 3px -1px 5px 0px rgb(18 17 17 / 12%);
margin-left: 0;
z-index: 99;
}
.clients_module .btn_save_sidepanel,
.clients_module .sidepanel_cancel_btn {
background-color: #ff8210;
border: 1px solid #ff8210;
border-radius: 4px;
color: #fff;
padding: 10px 20px;
line-height: normal;
text-decoration: none;
}
.clients_module .sidepanel_cancel_btn:hover {
text-decoration: #ff8210;
color: #ff8210;
}
.clients_module .sidepanel_cancel_btn {
background-color: #fff;
color: #ff8210;
margin-left: 15px;
}
.clients_module.panel_bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
visibility: hidden;
transition: all 0.7s ease;
z-index: 111;
opacity: 0;
}
.clients_name_fl {
background-color: #d8deeb;
padding: 10px;
color: #323b60;
border-radius: 4px;
display: inline-flex;
width: 45px;
height: 45px;
text-align: center;
font-weight: 700;
font-size: 24px;
justify-content: center;
align-items: center;
}
.client_name_title{
font-size: 20px;
font-weight: bold;
color: #323B60;
}
.client_heading {
font-size: 16px;
color: #6a6a6a;
font-weight: 500;
margin-bottom: 0px !important;
}
.clients_details_cntnt {
display: flex;
}
.clients_details_name_sec {
padding-left: 15px;
}
.details_sec {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.client_infor_sec {
padding: 25px 20px;
display: block;
}
.client_other_detail{
display: block;
}
.client_mail {
margin-top: 30px;
}
.client_other_detail span {
color: #6a6a6a;
font-size: 15.5px;
font-weight: 500;
line-height: normal;
padding-left: 15px;
}
.client_other_detail{
display: flex;
align-items: center;
margin-bottom: 20px;
}
a.client_other_detail i {
color: #323b60;
font-size: 20px;
}
.custm_chec{
width: 20px;
height: 20px;
display: inline-block;
border: 1px solid #d8deeb;
border-radius: 4px;
}
.checkbx_slct input:checked ~ label .custm_chec{
background: #ff8210;
border: 1px solid #ff8210;
}
input.cmpagn_check_client {
display: none;
}
.checkbx_slct .form-label {
display: flex !important;
align-items: center;
padding-bottom: 18px;
margin-bottom: 0px;
}
.custm_chec{
margin-right: 15px;
}
.client_status_sec .complete_mark.mark_icon {
font-size: 15.5px !important;
color: #6a6a6a !important;
font-weight: 500;
}
.clients_pge .btn_save {
margin-left: 0px;
margin-top: 0px;
}
.clients_import_sec .dropify-wrapper {
height: 242px !important;
padding: 10px !important;
font-size: 16px !important;
line-height: 22px !important;
font-weight: 500 !important;
color: #6a6a6a !important;
font-family: 'Red Hat Display' !important;
border: 2px dashed #d8deeb !important;
transition: border-color .15s linear;
border-radius: 4px !important;
}
.clients_import_sec .dropify-wrapper:hover {
background: none !important;
}
.clients_import_sec span.file-icon p {
font-size: 16px;
color: #6a6a6a;
}
.clients_import_sec .file-icon span {
display: flex;
justify-content: center;
font-size: 14px !important;
margin-top: 10px;
}
.clients_import_sec .file-icon span ul{
margin-left: 25px;
}
.file-icon span ul li{
list-style-type: disc;
}
.downloadfile_txt{
color: #6a6a6a;
font-size: 15px;
font-weight: 500;
}
.exportfile {
color: #ff8210;
text-decoration: underline;
}
.exportfile:hover{
color: #ff8210;
text-decoration: underline;
}
.clients_import_sec .panel_title_sec {
margin-bottom: 30px;
}
.create_campign_btn_sec {
display: flex;
}
div#exportfile-list {
margin-top: 10px;
margin-bottom: 30px;
}
.clients_import_sec .dropify-wrapper .dropify-message .dropify-icon {
font-family: "FontAwesome";
content: "\f0c7"; /* Example: Font Awesome floppy disk icon */
font-size: 48px; /* Adjust icon size */
color: #a3a3a3; /* Adjust icon color */
}
.cmpgn_dropdown_client {
margin-top: 15px;
}
.clients_import_sec .dropify-message span.file-icon:before {
content: '\e800';
color: #323b60;
font-weight: 600 !important;
font-size: 50px;
}
.clients_import_sec #error-msg {
color: red;
display: none;
}
.clients_import_sec .dropify-wrapper .dropify-errors-container ul{
left: 20%;
}
.side-menu__icon i{
font-size: 20px;
}
.side-menu.side-menu--open .side-menu__sub-icon{
transform: rotate(0deg) !important;
}
a.name_color:hover {
color: #408dfb !important;
}
th.name_color{
color: #000 !important;
}
a.shr_qr_btn.btn_save:hover {
color: #fff;
}
.client_mre_btn.action-dropdown-wrapper:hover .btn-more-info i{
transform: rotate(0deg);
}
.client_mre_btn .action-dropdown a {
display: block;
padding: 8px 12px;
font-size: 15.5px;
line-height: normal;
}
.client_mre_btn {
position: relative;
}
.client_mre_btn .action-dropdown {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
background: #fff;
position: absolute;
z-index: 1;
right: 0;
padding: 5px;
border-radius: 4px;
top: 50px;
display: none;
width: 145px;
}
.client_mre_btn .btn-more-info i{
margin-left: 0px;
margin-right: 0px;
}
.client_mre_btn {
position: relative;
padding-bottom: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
.shr_qr_btn {
height: 40px;
}
.client_mre_btn .btn-more-info{
padding: 9px 10px;
}
.more_btn{
padding-top: 13px;
}
.client_mre_btn.action-dropdown-wrapper:hover .action-dropdown a:hover {
background: #ff8210;
color: #FFF;
border-radius: 4px;
}
/* Clients Css End */
/* Campagin Css Start */
/* .campagin_create_section {
padding: 30px;
} */
.give_curr_title {
font-size: 24px;
color: #323b60;
font-weight: bold;
}
.campagin_li_cont_sec {
padding: 0;
list-style: none;
border: 1px solid #d8deeb;
border-radius: 4px;
}
.campagin_li_cont_sec li {
border-bottom: 1px solid #d8deeb;
}
.campagin_li_cont_sec li:last-child {
border-bottom: 0px solid #d8deeb;
}
/* .campagin_li_cont {
padding: 0px 20px;
display: flex;
justify-content: space-between;
align-items: top;
} */
.campagin_li_sec {
display: flex;
align-items: top;
}
/* .campagin_li_txt_sec {
padding-left: 18px;
} */
.campagin_li_title {
color: #323b60;
font-size: 20px;
font-weight: 500;
}
.campagin_cr_list_sec {
margin-top: 30px;
}
/* Campagin Create Css End */
/* Create campagin Side Panel Css Start */
.panel_form_field {
padding: 20px;
background: #fff;
z-index: 111;
padding-bottom: 0px !important;
}
.panel_form_field::-webkit-scrollbar{
width: 6px;
border-radius: 7px;
}
.panel_form_field::-webkit-scrollbar-thumb {
background: #d8deeb;
border-radius: 8px;
}
.create_form_sidepanel .form-control {
padding: 9px 15px;
line-height: normal;
color: #000;
font-weight: 500;
}
.create_form_sidepanel .form-group {
margin-bottom: 25px;
}
.type_email {
display: none;
}
.type_sec input:checked+.selectbox_type {
border: 2px solid #FFDAE9;
}
label.type_sec {
display: block;
}
.selectbox_type i {
color: #323B60;
}
.type_txt {
color: #6a6a6a;
font-size: 16px;
font-weight: 400;
display: block;
}
.selectbox_type {
border: 1px solid #d8deeb;
padding: 25px;
text-align: center;
max-width: 250px;
display: block;
border-radius: 4px;
margin-bottom: 25px;
background: #fff;
z-index: 111;
}
.type_txt {
color: #6a6a6a;
font-size: 16px;
font-weight: 400;
display: block;
padding-top: 18px;
}
.btn-close-panel {
background: none;
border: none;
margin-bottom: 10px;
}
.panel-header-box {
display: flex;
position: relative;
padding: 20px;
border-bottom: 1px solid #ddd;
justify-content: space-between;
align-items: center;
}
.createaddpanel .sign_section_add_btn {
position: fixed;
bottom: 0px;
background: #fff;
width: -webkit-fill-available;
padding: 12px 20px;
box-shadow: 3px -1px 5px 0px rgb(18 17 17 / 12%);
margin-left: 0;
z-index: 99;
width: 100%;
}
.table-formate {
padding: 22px 15px 15px;
}
.tablepanel-credit {
position: relative;
}
.btn_save_sidepanel,
.sidepanel_cancel_btn {
background-color: #ff8210;
border: 1px solid #ff8210;
border-radius: 4px;
color: #fff;
padding: 10px 20px;
line-height: normal;
text-decoration: none;
}
.sidepanel_cancel_btn:hover {
text-decoration: #ff8210;
color: #ff8210;
}
.sidepanel_cancel_btn {
background-color: #fff;
color: #ff8210;
margin-left: 15px;
}
.custom-radio {
display: block;
}
.custom-radio input {
display: none;
}
.radio-btn {
cursor: pointer;
}
.custom-radio input:checked+.radio-btn {
border: 1px solid #FF8210;
color: #FF8210;
}
/* Create campagin Side Panel Css End */
.form-label {
color: #6a6a6a;
font-size: 16px;
margin-bottom: 10px;
font-weight: 500;
line-height: normal;
}
.panel-header-box .panel_title {
margin-bottom: 0px;
color: #323b60;
font-size: 22px;
text-transform: none;
}
/* sidepanel radio start*/
/* .type_radio{
display: none;
} */
.type_grp_sec input:checked+label {
border: 1px solid #FF8210;
color: #FF8210;
}
.type_grp_sec input:checked+span {
border: 1px solid #FF8210;
color: #FF8210;
}
.type_grp_sec .custom-radio:checked {
border: 1px solid #ff8210;
}
.type_grp_sec label {
border: 1px solid #d8deeb;
padding: 25px;
font-size: 16px;
text-align: center;
max-width: 250px;
border-radius: 4px;
margin-bottom: 20px;
color: #6a6a6a;
height: 135px;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
.type_radio {
display: none;
}
.custom-radio i {
display: block;
}
.custom-radio i {
display: block;
font-size: 35px;
margin-bottom: 20px;
}
.panel_bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
visibility: hidden;
transition: all 0.7s ease;
z-index: 111;
opacity: 0;
}
.panelbox-view {
position: fixed;
right: 0px;
width: 70%;
background: #fff;
min-height: 100%;
top: 0px;
padding-bottom: 40px;
font-family: "Red Hat Display";
}
button.btn-close-panel i:before {
color: #323b60;
font-weight: bold !important;
}
/* sidepanel radio end*/
/* Campagin Create Css Start */
.owner_qr_logo img {
display: inline-block;
padding: 11px 18px 11px 13px;
border-bottom: 1px solid #88a9c3;
}
.owner_qr_nav_section {
display: flex;
background: #323b60;
}
.qr_listing_page {
display: flex;
width: 100%;
}
.qr_listing_page .panel_content_sec {
width: 100%;
}
.qr_appy_nd_preview_sec {
text-align: end;
display: flex;
}
.owner_qr_section {
display: flex;
height: 100%;
}
.owner_qr_content_section {
width: 100%;
display: block;
}
.create_qr_content_sec .panel_body {
padding: 30px;
}
.give_curr_title {
font-size: 24px;
color: #323b60;
font-weight: bold;
}
.campagin_li_cont_sec {
padding: 0;
list-style: none;
border: 1px solid #d8deeb;
border-radius: 4px;
margin-bottom: 25px;
}
.campagin_li_cont_sec li {
border-bottom: 1px solid #d8deeb;
}
.campagin_li_cont_sec li:last-child {
border-bottom: 0px solid #d8deeb;
}
.campagin_li_cont {
padding-left: 18px;
width: 100%;
}
.edit_cmpin_btn {
color: #ff8210;
border: 1px solid #ff8210;
border-radius: 4px;
padding: 10px 10px;
display: inline-block;
line-height: normal;
width: 158px;
text-align: center;
background: #fff;
font-size: 16px;
font-weight: 500;
}
.edit_cmpin_btn:hover {
color: #ff8210;
}
.campagin_li_sub_txt {
color: #6a6a6a;
font-size: 16px;
font-weight: 500;
margin-bottom: 0px;
padding-top: 8px;
}
.campagin_li_title {
color: #323b60;
font-size: 20px;
font-weight: 500;
}
.campagin_cr_list_sec {
margin-top: 30px;
}
/* . {
padding-top: 20px;
} */
.campagin-form .form-label {
color: #6a6a6a;
font-weight: 400;
margin-bottom: 10px;
font-weight: 500;
}
.campagin-form .form-control {
padding: 8px 15px;
font-size: 16px;
font-weight: 600;
height: 42px;
}
.campagin-form .form-group {
margin-bottom: 30px;
}
.required {
color: #f00;
}
.campagin_li_icn_sec {
display: inline-block;
}
/* .campagin_icn_nd_form_sec{
display: flex;
} */
/* Campagin Create Css End */
.campagin_icn_nd_form_sec {
display: flex;
justify-content: space-between;
width: 100%;
}
.camp_edit_lis {
display: flex;
padding: 25px 20px;
}
i.fi.fi-ss-check-circle.roun_tick_icn {
color: #A7A7A7;
font-size: 26px;
}
.client_gets_field {
display: flex;
}
span.currency_sign {
padding: 8px 12px;
border: 1px solid #d8deeb;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
font-size: 18px;
font-weight: 600;
height: 42px;
color: #323b60;
line-height: normal;
}
.client_gets_field .form-control {
border-left: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.currency_field {
width: 100%;
}
span.currency_txt {
padding-top: 6px;
display: block;
color: #6a6a6a;
font-weight: 600;
}
.btn_save_sidepanel,
.sidepanel_cancel_btn {
background-color: #ff8210;
border: 1px solid #ff8210;
border-radius: 4px;
color: #fff;
padding: 8px 20px;
line-height: normal;
font-size: 16px;
}
.sidepanel_cancel_btn {
background-color: #fff;
color: #ff8210;
margin-left: 10px;
}
.date_field {
background-image: url("../images/calendar.png");
background-position: 96%;
background-repeat: no-repeat;
}
.add_new_recipients_txt {
color: #FF8210;
text-decoration: underline;
}
.recipients_txt {
float: right;
}
.recipients_txt_sec {
margin-top: 10px;
color: #6a6a6a;
font-weight: 600;
}
.round_tick_grey {
color: #a7a7a7;
}
.orange_tick {
color: #ff8210;
}
.send_time_sec {
display: flex;
/* align-items: center; */
margin-bottom: 20px;
}
.sendtime_title {
color: #323b60;
font-size: 18px;
font-weight: 600;
}
.sendtime_txt {
color: #6a6a6a;
font-size: 15.5px;
font-weight: 400;
margin-bottom: 0px;
}
.sendbox .sendboxradio {
border: 1px solid #d8deeb;
border-radius: 10px;
padding: 12px 18px;
width: 325px;
margin-right: 30px;
}
.sendboxradio input {
appearance: none;
}
.sendbox input:checked~label {
border: 1px solid #ff8210;
background: #ffe5ce;
}
.sidepanel_cancel_btn:hover {
color: #ff8210;
}
.sendbox {
position: relative;
}
.sendbox label.sendboxradio:before {
content: "";
border: 1px solid #d8deeb;
width: 20px;
height: 20px;
display: block;
border-radius: 50%;
background: transparent;
position: absolute;
top: 18px;
left: 20px;
}
.sendbox input:checked~label.sendboxradio:before {
background: #ff8210;
border-color: #ff8210;
}
.sendtime_cntnt {
padding-left: 30px;
}
.sendbox input {
appearance: none;
}
label.sendboxradio:after {
content: "";
position: absolute;
background: transparent;
left: 24px;
top: 24px;
width: 12px;
height: 6px;
border: solid white;
border-width: 0px 0px 2px 2px;
transform: rotate(314deg);
}
.campagin_snd_btn {
background-color: #ff8210;
border: 1px solid #ff8210;
border-radius: 4px;
color: #fff;
padding: 7.5px 20px;
line-height: normal;
text-align: end;
float: right;
font-size: 16px;
}
#form5,
#form3 {
padding-top: 0px;
}
.cmpgin_form {
display: none;
padding-top: 20px;
}
.busnes_tooltip_sec {
display: flex;
}
/* Campagin Css End */
/* Tooltip Css End */
/* QRS Listing css Start */
.tabing_content {
padding: 10px 0px;
}
.tabing_content .nav-tabs {
display: flex;
justify-content: center;
}
.tabing_content .nav-tabs .nav-link.active {
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
border-bottom: 2px solid #ff8210 !important;
border: none;
color: #ff8210;
}
.tabing_content .nav-tabs .nav-link {
background: 0 0;
border: 1px solid transparent;
color: #6a6a6a;
font-weight: 500;
font-size: 16px;
border-radius: 0;
border: none;
}
.tabing_content .schedule_status_qr {
color: #5cb85c;
}
.tabing_content .mark_icon:before {
content: "";
background-color: #5cb85c;
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
}
.qr_desin_appy_txt {
color: #ff8210;
font-size: 16px;
font-weight: 600;
margin: 0px 12px;
border-bottom: 1px solid #ff8210;
}
.qr_desin_appy_txt:hover {
color: #ff8210;
}
.tabing_content .tbl_list tbody td {
color: #696969;
padding: 15px 10px;
font-weight: 400;
font-size: 16px !important;
font-weight: 600 !important;
}
.tabing_content .tbl_list tbody td {
color: #696969;
padding: 19px 10px;
font-weight: 400;
font-size: 16px !important;
font-weight: 600 !important;
line-height: normal;
}
/* QRS Listing css End */
/* QR Listing Header Start*/
.owner_create_qr_heaader_sec {
background: #323b60;
display: inline-block;
height: 100%;
/* padding: 11px 18px 11px 13px; */
}
.owner_panel_content_sec .panel_content_sec {
padding: 20px 30px;
}
.qr_close_sec {
display: block;
/* padding: 21px 30px; */
line-height: normal;
border-bottom: 1px solid #d8deeb;
text-align: end;
}
.qr_close_sec i:before {
font-weight: 900 !important;
}
/* QR Listing Header End*/
/* Create QR Css Start */
/* Custom Radio Button css Start */
.currency_field input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0px;
}
.form-control:focus {
box-shadow: none;
border: 1px solid #d8deeb;
}
.date_field {
background-image: url(../img/calendar.svg);
background-position: 97%;
background-repeat: no-repeat;
}
#qr_pattern_radios label {
cursor: pointer;
position: relative;
}
#qr_pattern_radios label+label {
margin-left: 15px;
}
#qr_pattern_radios input[type="radio"] {
opacity: 0;
/* hidden but still tabable */
position: absolute;
}
#qr_pattern_radios input[type="radio"]+span {
font-family: 'Material Icons';
color: #B3CEFB;
border-radius: 50%;
padding: 12px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
#qr_pattern_radios input[type="radio"]:checked+span {
color: #D9E7FD;
background-color: #4285F4;
}
#qr_pattern_radios input[type="radio"]:focus+span {
color: #fff;
}
#qr_frames label {
cursor: pointer;
position: relative;
}
#qr_frames label+label {
margin-left: 15px;
}
.qr_design_cont input[type="radio"] {
opacity: 0;
/* hidden but still tabable */
position: absolute;
}
.qr_design_cont input[type="radio"]:checked+div {
color: #D9E7FD;
border-color: #FF8210;
}
input[type="radio"]:focus+div {
color: #fff;
}
/* Custom Radio Button css End */
/* Custom Radio Button css Start*/
.pattern_sec img {
border: 1px solid #d8deeb;
padding: 8px;
border-radius: 4px;
width: 68px;
}
.frame_txt {
padding-top: 13px;
padding-bottom: 18px;
display: block;
text-align: center;
}
.frame_design_sec {
border: 1px solid #d8deeb;
padding: 8px;
border-radius: 4px;
}
#qr_frames .frame_design_sec {
border: 0px;
}
/* Custom Radio Button css End*/
.qrboxs {
display: flex;
flex-wrap: wrap;
}
.box1 label {
width: 87px;
height: 127px;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.qrboxs .box input {
display: none;
}
.qrboxs .box input:checked~label {
/* box-shadow: 0 0 8px 2px #fdcb6e; */
border: 1px solid #ff8210;
}
.qrboxs.frame_boxes label {
display: block;
text-align: center;
border-radius: 4px;
margin: 10px 11px;
transition: .3s;
cursor: pointer;
border: 1px solid #d8deeb;
padding: 8px;
}
.fboxs{
margin: 0px -10px;
}
.form_btn_sec{
margin-bottom: 30px;
}
.qrboxs.frame_boxes.fboxs .box1 {
padding-left: 10px;
}
.qrboxs.pattern_boxes label {
display: block;
text-align: center;
border-radius: 4px;
margin: 10px;
transition: .3s;
cursor: pointer;
border: 1px solid #d8deeb;
padding: 8px;
}
.qrboxs.pattern_boxes img {
border: none;
padding: 0;
}
.frame_text {
padding: 8px;
margin: 0;
line-height: normal;
}
.frame_txt_bdr {
border: 1px solid #d8deeb;
margin-top: 8px;
font-size: 15px;
line-height: 1;
border-radius: 4px;
}
.box img {
border: 1px solid #d8deeb;
padding: 8px;
border-radius: 3px;
}
.box p {
margin-bottom: 0px;
}
.box:nth-child(4) p {
border: 1px solid #323b60;
border-radius: 4px;
margin-top: 8px;
padding: 8px;
line-height: 1;
background: #323B60;
color: #fff;
/* font-size: 14px; */
}
.box:nth-child(3) p {
border: 1px solid #d8deeb;
border-radius: 4px;
margin-top: 8px;
padding: 8px;
line-height: 1;
/* background: #323B60; */
/* color : #fff; */
/* font-size: 14px; */
}
.box1 img {
border: none;
}
.box:nth-child(2) p {
padding: 8px;
}
.box4 img,
.box5 img {
border: none;
padding: 0;
}
.ml-0 {
margin-left: 0px !important;
}
.box4 {
border: 1px solid #d8deeb;
border-radius: 4px;
padding: 8px;
}
.box4 p {
padding-top: 20px;
line-height: 1;
}
.box5 {
border: 1px solid #d8deeb;
border-radius: 4px;
}
.box5 img {
padding: 8px;
}
.box5 p {
line-height: 1;
padding: 8px;
background: #323B60;
color: #fff !important;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.form__step label {
margin-bottom: 0px;
}
.form__step{
margin-bottom: 25px;
}
.font_color_bg {
background: #000000;
width: 24px;
height: 24px;
}
.orange {
background-color: #ff8210 !important;
}
.green {
background-color: #22BF7C !important;
}
.purple {
background-color: #323B60 !important;
}
.pink {
background-color: #E7379A !important;
}
.red {
background-color: #FE0000 !important;
}
.grey {
background-color: #8F8F8F !important;
}
.black {
background-color: #000000 !important;
}
.preview_img {
position: absolute;
width: 50px;
left: 0px;
margin: -93px auto 0 auto;
right: 0;
display: flex;
justify-content: center;
align-items: center;
height: 50px;
}
.mobile_body_qr_logo{
position: relative;
}
.form__step {
margin-top: 10px;
padding-right: 0px;
}
.design_qr_left_sec::-webkit-scrollbar {
width: 10px;
}
/* .design_qr_left_sec {
max-height: 500px;
overflow-y: scroll;
} */
/* Track */
.design_qr_left_sec::-webkit-scrollbar-track {
background: #d8deeb;
border-radius: 5px;
border: 1px solid #d8deeb;
}
/* Handle */
.design_qr_left_sec::-webkit-scrollbar-thumb {
background: #323b60;
border: 1px solid #323b60;
border-radius: 5px;
}
/* Create QR Css End */
/* btn common start */
.cancel_btn {
border: 1px solid #ff8210;
color: #ff8210;
font-size: 16px;
line-height: normal;
border-radius: 4px;
margin-top: 30px;
display: inline-block;
padding: 9px 22px;
font-weight: 400;
margin-left: 10px;
}
.btn_save {
background-color: #FF8210;
color: #fff;
font-size: 16px;
line-height: normal;
border-radius: 4px;
margin-top: 30px;
display: inline-block;
padding: 9px 22px;
font-weight: 400;
}
.form_btn_sec {
display: flex;
}
/* btn common end */
.form_btn_sec .cancel_btn {
margin-left: 0px;
}
.form_btn_sec input.btn_save {
margin-left: 10px;
margin-right: 10px;
border: 1px solid #ff8210;
}
/* Tabbing Mobile Screen Start */
.qr_mobile_design {
background: #fff;
padding: 10px;
border-radius: 50px;
width: 390px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin: auto;
}
.qr_deskstop_design {
/* background: #fff; */
/* padding: 10px; */
border-radius: 50px;
width: 743px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin: auto;
}
.qr_deskstop_design .qr_mobile_header {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.qr_deskstop_design .qr_mobile_body {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
width: 70%;
margin: auto;
}
.qr_deskstop_design .qr_mobile_inner_design {
border: 1px solid #d8deeb;
border-radius: 10px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
background: #fff;
}
.qr_mobile_inner_design {
border: 1px solid #d8deeb;
border-radius: 50px;
}
.qr_mobile_header {
background: #8F8F8F;
padding: 30px;
border-top-left-radius: 48px;
border-top-right-radius: 48px;
padding-bottom: 70px;
}
.mobile_body_qr_logo {
margin-top: -100px;
}
.mobile_header_sec {
display: flex;
justify-content: space-between;
}
.qr_design_card_icon span {
background-color: #fff;
padding: 5px 10px;
font-size: 22px;
color: #6a6a6a;
border-radius: 3px;
position: absolute;
left: -36px;
font-weight: 700;
line-height: normal;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.qr_design_card_icon {
position: relative;
}
.mobile_header_txt h4 {
font-size: 18px;
font-weight: bold;
color: #ffffff;
}
.qr_mobile_body_title h4 {
color: #8f8f8f;
font-size: 18px;
font-weight: bold;
}
.mobile_header_txt {
text-align: center;
padding: 30px 0px;
}
.qr_mobile_body {
background: #fff;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.qr_mobile_body_title {
padding: 20px 0px 5px;
text-align: center;
}
.mobile_label {
font-size: 14px;
color: #808080;
margin: 0;
}
.share_discount_sec .form-label{
font-size: 14px;
margin-bottom: 0;
}
.mobile_in_field {
color: #222222;
font-size: 14px;
font-weight: 500;
}
.mobile_title_field span {
font-size: 14px;
color: #222222;
line-height: 24px;
display: block;
font-weight: 500;
}
.qr_mobile_body {
padding: 25px;
}
.qr_mobile_body .mobile_in_field {
border: none;
padding-left: 0px;
}
.mobile_title_field {
margin-bottom: 15px;
}
.share_email_btn {
background-color: #8f8f8f;
border: 1px solid #8f8f8f;
padding: 8px 25px;
line-height: normal;
color: #fff;
border-radius: 4px;
display: inline-block;
margin-right: 10px;
font-size: 14px;
cursor: auto;
}
.share_email_btn:hover {
color: #fff;
}
.grey_qr_img {
margin: auto;
display: block;
padding: 15px;
border: 1px solid #d8deeb;
border-radius: 10px;
background: #fff;
width: 135px;
}
.qr_design_mobile_dek .tabing_content {
padding: 0px;
}
.qr_design_cont .panel_body {
padding: 20px 30px;
}
.qr_design_mobile_dek .nav-tabs {
border: 0;
}
.qr_design_mobile_dek .nav-link {
border-bottom: 1px solid #d8deeb !important;
}
/* Tabbing Mobile Screen End */
.color_boxes {
flex-wrap: nowrap;
}
.qrboxs.frame_boxes.color_boxes label {
padding: 7px;
}
.form_qr .panel_title_sec {
padding-top: 6px;
}
.form_qr .panel_title {
font-weight: bold;
letter-spacing: 0.5px;
}
input.form-control.fontcolor_txt {
margin-top: 15px;
/* margin-bottom: 25px; */
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #222222;
}
input.form-control.bgcolor_txt {
margin-top: 15px;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #222222;
}
/* QR Apply On SMS CSS Start */
textarea.apply_txt {
width: 100%;
border: 1px solid #d8deeb;
border-radius: 3px;
padding: 10px;
font-size: 16px;
font-weight: 500;
}
.mobile_section {
display: flex;
justify-content: center;
position: relative;
width: 240px;
margin: auto;
}
span.keep_it_txt {
color: #6a6a6a;
font-style: italic;
font-weight: 500;
font-size: 14px;
line-height: normal;
float: right;
}
.mobile_txt_sec {
background: #edf2f7;
padding: 15px;
color: #6a6a6a;
width: 195px;
border-radius: 10px;
}
p.mobile_txt {
color: #6A6A6A;
font-weight: 500;
font-size: 15px;
line-height: 1.6;
overflow-y: scroll;
max-height: 280px;
word-wrap: break-word;
}
.mobile_txt::-webkit-scrollbar {
width: 4px;
}
.mobile_txt::-webkit-scrollbar-thumb {
background: #323b60;
padding-left: 10px;
border-radius: 6px;
}
.moble_body_section {
display: flex;
justify-content: center;
position: absolute;
top: 100px;
left: 23px;
}
.design_qr_left_sec .form_btn_sec{
position: relative;
bottom: 0;
margin-bottom: 50px;
}
/* Qr New Css added end*/
/* btn common end */
.form_btn_sec .cancel_btn {
margin-left: 0px;
}
.form_btn_sec input.btn_save {
margin-left: 0px;
margin-right: 10px;
border: 1px solid #ff8210;
}
.cancel_btn {
border: 1px solid #ff8210;
color: #ff8210;
font-size: 16px;
line-height: normal;
border-radius: 4px;
margin-top: 30px;
display: inline-block;
padding: 9px 22px;
font-weight: 400;
margin-left: 10px;
}
.btn_save {
background-color: #FF8210;
color: #fff;
font-size: 16px;
line-height: normal;
border-radius: 4px;
margin-top: 30px;
display: inline-block;
padding: 9px 22px;
font-weight: 400;
}
.form_btn_sec {
display: flex;
}
.apply_body_content label {
color: #6a6a6a;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.mobile_content {
position: relative;
margin-top: 20px;
}
a.btn_save_draft.cancel_btn {
color: #ff8210;
}
a#cancel_btn {
color: #ff8210;
}
.panel_bg button.btn-close-panel {
margin-bottom: 0px;
}
/* QR Apply On SMS CSS End */
.setting_content .tabing_content .nav-tabs {
display: flex;
justify-content: left;
}
.setting_content .tool_tip .tooltiptext {
left: -75px;
}
.setting_content span.tooltiptext:before{
right: 70%;
}
h5#create_user_modal_title {
text-transform: unset;
}
.cre_bus_pin{
margin-top: 3px !important;
margin-right: 25px !important;
}
input[type="text"].form-control{
height: 42px;
}
/* Email Preview Css Start */
.email_preview_template {
background: #E9EAEA;
padding: 30px;
/* height: 100%; */
display: block;
margin: auto;
}
.email_preview_content{
background: #fff;
padding: 30px;
}
.emailprevtemplate {
padding: 30px !important;
/* height: 100%; */
display: block;
}
.email_preview_content {
background: #fff;
padding: 30px;
width: 50%;
margin: auto;
}
.email_preview_title_sec p {
color: #6a6a6a;
font-size: 16px;
font-weight: 500;
margin-top: 25px;
}
.emailprev_cntnt {
display: flex;
/* height: 100%; */
margin: auto;
justify-content: center;
}
.email_preview_template {
background: #E9EAEA;
padding: 30px;
/* height: 100%; */
margin: auto;
display: flex;
justify-content: center;
}
/* Email Preview Css End */
/* Content Css Common Start */
.content {
padding-bottom: 0px !important;
}
.content:before{
content: none !important;
}
/* Content Css Common End */
.crdicn{
margin-top: 9px;
}
.formqr_field_sec{
width: 100%;
display: flex;
}
.formqr_field {
width: 35.5% !important;
}
.formview_mob_des{
width: 65.5% !important;
}
.design_qr_left_sec .box {
box-shadow: none;
}
.box p {
margin-bottom: 0px;
font-size: 15px;
color: #6a6a6a;
font-weight: 500;
}
a.listing-link {
color: #408dfb;
}
.sendbox input {
display: none;
}
input.form-control.search_inp {
height: 40px;
font-weight: 500;
}
.mx-auto.reset_passwrd_content img {
width: 100px;
}
.login_form_sec .field-icon, .create_panel_form .field-icon{
float: right;
margin-right: 10px;
margin-top: -29px;
position: relative;
z-index: 111;
color: #6a6a6a;
font-size: 16px;
cursor: pointer;
}
.campagin_li_cont_sec .tool_tip .tooltiptext {
/* top: -50px; */
left: -10px;
}
.add_new_recipients_txt:hover{
color: #ff8210;
text-decoration: underline;
}
/* Global Search CSS Start */
.input-group.top_bar_search_box .topsearch_bar {
display: flex;
width: 100%;
}
.srch_submit{
display: none !important;
}
.top_serch_section {
display: flex;
/* border: 1px solid #d8deeb; */
border-radius: 4px;
}
.srch_submit_sec label {
/* border-left: 1px solid #d8deeb; */
padding: 10px;
height: 40px;
border: 1px solid #d8deeb;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.srch_submit_sec label {
margin-bottom: 0px;
}
.srch_submit_sec {
margin-left: auto;
}
input.form-control.search_inp::placeholder {
color: #6a6a6a;
font-weight: 500;
}
div#myTable_filter {
display: none;
}
/* Global Search CSS End */
/* New Css Add */
.unlimit_check {
display: flex;
}
#deletemodal .modal-dialog {
max-width: 380px !important;
}
div#myTable_wrapper table tr:last-child td {
border-bottom: 0px !important;
}
.subject_input_field {
width: 80%;
}
.clientlistingtbl .li_email_field{
width: 16% !important;
}
#laravel-notify .notify {
padding-top: 72px;
width: 84%;
margin-right: 0;
margin-left: auto;
}
.dropdown-box__content.box .account_list button.ease-in-out{
font-weight: 500;
}
.email_title_hdr_field {
display: flex;
align-items: center;
}
/* datepicker Css Start */
div#ui-datepicker-div {
background: #fff !important;
border: 1px solid #d8deeb !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px !important;
padding: 6px !important;
}
.ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
background: none !important;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background: #ff8210 !important;
border-color: #ff8210 !important;
color: #fff !important;
}
.ui-widget-content .ui-state-default{
border: 1px solid #cccccc !important;
background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x !important;
font-weight: 600 !important;
color: #6a6a6a !important;
padding: 6px 10px !important;
font-family: "Red Hat Display" !important;
background: none !important;
text-align: center !important;
}
.ui-state-default, .ui-widget-content .ui-state-default{
border: 1px solid transparent !important;
}
.ui-datepicker{
width: 335px !important;
}
.ui-widget-header {
border: 1px solid #ff8210 !important;
background: #ff8210 !important;
color: #ffffff !important;
font-weight: 700 !important;
padding: 5px !important !important;
font-family: "Red Hat Display" !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute !important;
top: 4px !important;
width: 1.8em !important;
height: 1.8em !important;
}
.ui-datepicker th {
padding: 10px 10px !important;
text-align: center !important;
font-weight: bold !important;
border: 0 !important;
font-family: 'Red Hat Display' !important;
color: #323b60 !important;
}
.ui-widget-content{
border: 1px solid transparent !important;
}
.xdsoft_datetimepicker{
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
border: none;
}
.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ {
/* display: block !important; */
width: 400px;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
width: 14.2857142%;
background: #fff;
border: 1px solid #d8deeb;
color: #6a6a6a;
font-size: 14px;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
cursor: pointer;
padding: 6px 6px;
font-family: "Red Hat Display";
border: none;
font-weight: 500;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
width: 300px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
font-weight: 700;
text-align: center;
color: #323b60;
cursor: default;
font-family: "Red Hat Display";
}
.xdsoft_datetimepicker .xdsoft_timepicker {
float: right;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
color: #6a6a6a;
font-size: 14px;
text-align: center;
border-collapse: collapse;
cursor: pointer;
border-bottom-width: 0;
line-height: normal;
padding: 6px;
background: none;
border: none;
}
.xdsoft_datetimepicker .xdsoft_calendar td>div{
padding-right: 0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
margin-top: 28px;
margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
position: relative;
text-align: center;
background: #ff8210;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.xdsoft_datetimepicker .xdsoft_month {
width: 100px;
text-align: right;
background: #ff8210;
color: #fff;
font-size: 15px;
font-weight: 600;
font-family: "Red Hat Display";
margin-bottom: 0px;
}
.xdsoft_datetimepicker .xdsoft_year {
width: 48px;
margin-left: 5px;
background: #ff8210;
color: #fff;
font-weight: 600;
font-family: 'Red Hat Display';
display: flex;
}
.btn-close {
background: url(../img/cancel.svg) !important;
background-repeat: no-repeat !important;
opacity: 1;
vertical-align: middle;
}
#card_number{
background: url(../img/card.svg) !important;
background-repeat: no-repeat !important;
background-position: 95%;
}
/* datepicker Css End */
.sttingusrbtn{
border: 1px solid #ff8210;
background: none !important;
color: #ff8210 !important;
font-weight: 500 !important;
}
.setting_usr_mgment .dataTables_wrapper .dataTables_paginate .paginate_button.current {
border: 1px solid #CCCCFF !important;
background: none !important;
color: #323b60 !important;
}
.campagin_snd_btn {
/* margin-bottom: 30px; */
}
input.valid_date::placeholder {
color: #222222;
}
/* New Css End */
.qr_create_hdr_sec {
display: flex;
border-bottom: 1px solid #d8deeb;
justify-content: space-between;
align-items: center;
padding: 20px 30px;
height: 65px;
}
.txtin{
color: red;
}
.et_time{
padding-left: 30px;
margin-top: 10px;
}
/* Create QR Css For Top Edit Start */
.qr_close_sec {
border-bottom: 0px !important;
}
.qr_edit_title_sec {
display: flex;
align-items: center;
margin-right: 10px;
/* padding-top: 20px; */
}
.edit_txt_qr {
color: #323b60;
font-weight: 700;
font-size: 25px;
margin-right: 20px;
}
.qr_crt_txtbx {
height: 40px !important;
border: 1px solid #d8deeb !important;
border-radius: 4px !important;
/* border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important; */
width: 380px !important;
color: #222222;
font-weight: 500;
}
.error-msg {
color: #f00;
font-size: 14px;
font-weight: 600;
text-transform: none;
}
.checkicn {
color: #fff;
background: #ff8210;
font-size: 16px;
font-weight: 500;
border: 1px solid #ff8210;
padding: 8px 20px;
border-radius: 4px;
margin-left: 8px;
display: inline-block;
line-height: normal;
height: 40px;
}
.input_fld {
/* display: flex;
align-items: center; */
height: 40px;
border-radius: 4px;
}
.bal-header .bal-user-info {
display: flex;
align-items: center;
padding: 10px 20px 10px 0px;
margin: auto;
height: 100%;
}
input.form-control.qr_crt_txtbx {
border-color: #d8deeb;
box-shadow: none;
}
.content{
padding-bottom:0px !important;
}
.error{
border-color: red !important;
}
.qr_create_hdr_sec .action-dropdown {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
background: #fff;
position: absolute;
z-index: 1;
right: 36px;
padding: 5px;
border-radius: 4px;
top: 44px;
display: none;
margin-left: -70px;
}
.srch_submit_sec label {
cursor: pointer;
}
/* button.btn-more-info i {
display: none;
} */
.dropify-wrapper .dropify-clear {
border: 1px solid #ff8210 !important;
color: #ff8210 !important;
text-transform: capitalize !important;
font-weight: 500 !important;
font-size: 14px !important;
font-family: 'Red Hat Display';
border-radius: 4px;
}
.top-bar.topbar_sec {
padding: 16px 30px;
height: 75px;
}
.dataTables_empty p {
width: 60%;
margin: auto;
}
.dataTables_empty p:first-child {
margin-top:100px;
/* line-height: 1; */
}
.usr_profile_busn_pin .field-icon {
float: right;
margin-right: 10px;
margin-top: 13px;
position: absolute;
z-index: 2;
color: #6a6a6a;
font-size: 16px;
right: 0;
}
.usr_profile_busn_pin .input-group{
position: relative;
}
.cmpnylogo{
margin-bottom: 25px;
}
/* .form__step.cmpnylogo label {
margin-bottom: 15px !important;
} */
.design_qr_left_sec {
margin-top: 20px;
}
.qr_design_mobile_dek {
margin-top: 60px;
}
.design_qr_left_sec .box:last-child label {
margin-right: 0px;
}
.estimtetxt .form-label {
margin-bottom: 0px;
}
.estimtetxt {
background: #d8deeb;
margin-bottom: 0px;
padding: 10px;
border-radius: 4px;
}
.delivery_sec{
margin-right: 10px !important;
}
li.parsley-pattern {
color: red;
}
.clients_import_sec {
width: 60%;
margin: auto;
}
.client_mre_btn.action-dropdown-wrapper i {
display: block;
}
.cancel_hdr{
border: 1px solid #ff8210;
color: #ff8210;
font-size: 16px;
background: none;
border-radius: 4px;
padding: 8px 22px;
line-height: normal;
margin-left: 5px;
display: inline-block;
height: 40px;
}
span.editpencilicon.edit_hdr_title {
color: #ff8210;
border: 1px solid #ff8210;
padding: 2px 15px;
border-radius: 3px;
font-size: 13px;
font-weight: 600;
display: inline-block;
line-height: normal;
cursor: pointer;
}
/* Create QR Css For Top Edit End */
/* New Css */
.notes_sec {
font-size: 16px;
color: #6a6a6a;
font-weight: 500;
margin-top: 50px;
background: #dfdddd;
border-radius: 4px;
padding: 20px;
margin-bottom: 5px;
}
.notes_sec label.form-label {
font-weight: 600;
}
.shortcode_txt{
font-size: 16px;
color: #6a6a6a;
line-height: normal;
font-weight: 500;
}
#shortcode .form-label{
margin-bottom: 20px;
}
#shortcode .modal-header h4 {
font-size: 18px;
font-weight: 600;
color: #323b60;
}
a.placeholder_variable {
color: #408dfb;
text-transform: capitalize;
}
option:hover{
background: #323b60;
}
button.btn-close:focus {
box-shadow: none;
}
.modal-open .modal{
display: block;
padding-left: 0;
}
input#imageUpload {
display: inline-block;
width: 25px;
cursor: pointer;
}
.redeem_cash_link{
color: #ff8210;
text-decoration: underline;
}
.redeem_cash_link:hover{
color: #ff8210;
text-decoration: underline;
}
a.recipients_name {
color: #408dfb;
}
a.recipients_name:hover {
color: #408dfb;
}
@media only screen and (min-width: 992px){
.md\:hidden{
display: none !important;
}
}
@media only screen and (max-width: 991px) {
.login_form_sec, .reset_password_sec {
width: 50%;
}
.login_form_sec h2, .reset_password_sec h2{
font-size: 20px;
}
.login_form_sec.pt-2 img {
width: 70px;
}
.form_logo_img {
margin-bottom: 15px !important;
}
}
@media only screen and (min-width: 767px) {
.src_bx {
width: 358px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479.99px) {
.new-contact-btn,
.new-email-btn,
.new-group-btn{
width: 100% !important;
margin-bottom: 12px;
margin-right: 0;
}
.new-contact-search-btn,
.new-email-search-btn,
.new-group-search-btn{
width: 100% !important;
margin-left: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 767.99px) {
.new-contact-btn,
.new-email-btn,
.new-group-btn{
width: 300px !important;
margin: 0;
}
.new-contact-search-btn,
.new-email-search-btn,
.new-group-search-btn{
width: auto !important;
}
.new-contact,
.new-email,
.new-group{
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 767px){
a#system_mobile_menu_toggler svg {
color: #fff !important;
}
.sidebar_collpse{
display: none;
}
.panel-body {
padding: 20px 0px;
}
.panel_title{
font-size: 24px !important;
}
.top-bar.topbar_sec{
padding: 16px 0px;
}
.src_bx {
position: relative;
width: 180px;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
float: right !important;
text-align: center;
}
.createaddpanel{
width: 100% !important;
}
.login_form_sec, .reset_password_sec {
width: 100% !important;
}
.reset_passwrd_content,.login_form_sec{
width: 100% !important;
margin: 0;
}
.dataTables_empty p{
width: 90%;
}
.owner_qr_logo {
width: 80px;
height: 80px;
}
.apply_sms_content .row{
display: flex;
flex-direction: column-reverse;
}
/* .mobile_section{
width: 100%;
}
.moble_body_section{
left: 0;
}
.mobile_txt_sec{
width: 85%;
} */
.apply_sms_content .form_btn_sec.mb-0{
position: relative !important;
}
.apply_body_content {
margin-top: 15px;
}
.edit_txt_qr{
font-size: 15px;
}
.mobile_content {
margin-bottom: 30px;
}
.qr_design_cont .panel_body {
padding: 20px 0px;
}
.formqr_field {
width: 100% !important;
}
.formqr_field_sec {
flex-direction: column;
}
.formview_mob_des {
width: 100% !important;
}
.campagin_cr_list_sec {
margin-top: 20px;
}
.camp_edit_lis{
padding: 20px;
}
.send_time_sec{
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.new-contact-btn,
.new-email-btn,
.new-group-btn{
width: 100% !important;
margin: 0;
margin-right: 6px;
}
.new-contact-search-btn,
.new-email-search-btn,
.new-group-search-btn{
width: 100% !important;
}
.new-contact,
.new-email,
.new-group{
display: block;
}
}
.phone-error {
color: red;
display: none;
}
div#country-code-display,div.country-code-display {
display: flex;
width: 100%;
}
div#country-code-display select, div.country-code-display select {
margin-right: 10px;
height: 42px;
width: 50%;
padding-right: 35px;
}
.cntrycodeinp{
width: 50%;
}
button.btn.btn-outline-secondary.dropdown-toggle.btn_sr {
border: 1px solid #d8deeb;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.design_qr_left_sec .form-control {
font-size: 16px;
font-weight: 500;
height: 42px;
}
.apply_sms_content {
position: relative;
}
.apply_sms_content .form_btn_sec.mb-0 {
position: absolute;
bottom: 0px;
}
.global_form_sec span.fi.field-icon.business-toggle-password {
position: absolute;
right: 15px;
top: 73px;
}
form.create_panel_form {
margin-bottom: 0px;
padding-bottom: 0px;
}
.profile_page_information_sec.panel-body {
padding: 30px;
}
.profile_page_information_sec form,.smsform{
padding-bottom: 0px;
margin-bottom: 0px;
}
form#uploadForm {
margin-bottom: 0px;
padding-bottom: 0px;
}
.mobile_title_field span.address-fields {
line-break: anywhere;
word-wrap: break-word;
}
.mobile_logo img {
border-radius: 4px;
display: flex;
max-height: 100%;
max-width: 100%;
}
.mobile_logo {
width: 50px;
height: 50px;
border-radius: 4px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
}
.plncancelbtn {
border: 1px solid #ff8210;
margin-left: 8px;
}
#system_mobile_menu_toggler i.fi.fi-rr-menu-burger:before{
color: #fff;
font-size: 20px;
}
.usrsett{
display: block !important;
}
.usrsett .create_country_code,.usrsett .edit_country_code, .usrsett .cntrycodeinp{
width: 100%;
}
.usrsett .create_country_code, .usrsett .edit_country_code{
margin-bottom: 10px;
}
.mobile_header_txt.busnes_tooltip_sec {
justify-content: center;
}
.mobile_header_txt .tooltip_icn {
margin-left: 3px;
}
.mobile_header_txt .tool_tip .tooltiptext{
bottom: 40px;
left: -15px;
}
.mobile_header_txt .tool_tip {
position: relative;
display: inline-block;
margin-top: -10px;
}
.btn_save.font-white {
color: #fff !important;
margin-left: 10px;
}
.stripe_btn {
background: none;
border: 1px solid #d8deeb !important;
box-shadow: none !important;
border-radius: 3px;
padding: 5px 10px;
margin-bottom: 30px;
}
.clrpkr_box{
position: relative;
}
.clrpkr_box .clr_input_sec {
position: absolute;
top: 0;
right: -2px;
}
.clrpkr_box .clr_input{
/* height: 42px; */
border: 0px solid #d8deeb;
width: 0px;
}
.grp_more_btn{
padding: 8.5px 18px;
}
.view_contact_sec.flex {
margin-right: 10px;
}
.view_contct_btn:hover{
color: #fff;
}
input.client_srch.form-control {
height: 40px;
border-right: 0;
border-color: #d8deeb;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #6a6a6a;
font-size: 16px;
font-weight: 500;
}
input#clientsearchsubmit {
display: none;
}
.client_srch_sec .srch_submit_sec label{
width: 44px;
}
.client_search_sec{
width: 30%;
}
.client_srch::placeholder{
color: #6a6a6a;
font-weight: 500;
}
.logo_note_txt {
color: #6a6a6a;
margin-top: 10px;
line-height: normal;
margin-bottom: 0px;
font-size: 12px;
font-weight: 500;
}
.qr_design_logo_white {
border-radius: 5px;
}
.clrpickricon {
padding: 9px;
cursor: pointer;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border-left: 1px solid #d8deeb;
}
.mobile_title_field span.address-fields {
display: inline-block !important;
}
#shortcode .modal-footer {
justify-content: end !important;
}
.design_qr_left_sec input.cancel_btn.submit_button.mr-10 {
margin-right: 10px;
}
p.no_record_txt_bg {
background: #d8deeb;
padding: 15px;
border-radius: 4px;
}
.listing_btn{
background-color: #FF8210;
color: #fff;
font-size: 16px;
line-height: normal;
border-radius: 4px;
margin-top: 0px;
display: inline-block;
padding: 9px 22px;
font-weight: 400;
margin-bottom: 10px;
}
a.goback_link {
color: #408dfb;
}
.form_btn_sec .btn_save_draft {
margin-right: 10px;
}
.apply_sms_content #apply_btn{
margin-left: 10px !important;
}
/* .main_cntent{
height: 100%;
min-height: max-content;
} */
.qr_sidebar_menu a.side-menu:hover{
text-decoration: none !important;
}
a.placeholder_variable:hover {
text-decoration: none;
}
nav#system_sidebar_id {
background: #323b60;
}
button#btn-login:disabled{
opacity: 0.5;
cursor: not-allowed;
}
.xdsoft_option {
color: #6a6a6a;
text-align: left;
font-size: 14px;
}
.xdsoft_datetimepicker .xdsoft_label:hover>span {
text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
background: #323b60;
box-shadow: none;
color: #fff;
font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
background: #323b60;
box-shadow: none;
color: #fff;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month{
text-align: center;
}
.xdsoft_time_box.xdsoft_scroller_box::webkit-scrollbar{
display: none !important;
}
.xdsoft_scrollbar{
width: 0 !important;
}
.quikcampagin img{
margin-left: 5px !important;
}
span.tool_tip.quikcampagin {
margin-bottom: -4px;
position: relative;
}
span.tool_tip.quikcampagin .tooltiptext {
font-size: 13px;
padding: 8px 12px;
}
.typefield_create .tool_tip .tooltiptext {
position: absolute;
top: -100px;
left: 30px;
height: fit-content;
width: 290px;
}
/* .typefield_create {
min-height: 100%;
overflow-y: auto;
max-height: 510px;
} */
/* span.tool_tip.quikcampagin{
position: absolute;
z-index: 999;
} */
.typefield_create {
min-height: 100%;
overflow-y: auto;
max-height: 460px;
}
.typefield_create span.tooltiptext:before {
content: "";
border: solid #d5d8d9;
border-width: 2px 2px 0px 0px;
padding: 4px 4px;
background: #d5d8d9;
transform: rotate(-45deg);
position: absolute;
right: 98%;
border-radius: 2px;
bottom: 55%;
}
.typefield_create::-webkit-scrollbar{
width: 4px;
border-radius: 8px;
}
.typefield_create::-webkit-scrollbar-thumb{
background: #d8deeb;
border-radius: 8px;
}
.dropdown-optgroup{
max-height: 185px;
}
.addnew_client_form .dropdown-optgroup, .edit_client_form .dropdown-optgroup{
max-height: 185px;
}
.addnew_client_form .select-label, .edit_client_form .select-label{
height: 100% !important;
min-height: 42px !important;
}
a.listing_btn:hover {
color: #fff;
}
.wallet_cashback_tootltip img{
margin-left: 0;
}
.cashback_expire_label{
font-weight: 500;
}
.wallet_cashback_tootltip .tool_tip .tooltiptext {
/* width: 140px; */
top: 25px;
right: 0px;
bottom: unset;
left: unset;
}
.wallet_cashback_tootltip .tooltiptext:before {
content: "";
border: solid #d5d8d9;
border-width: 2px 2px 0px 0px;
padding: 4px 4px;
background: #d5d8d9;
transform: rotate(-45deg);
position: absolute;
top: -3px;
right: 5px;
border-radius: 2px;
}
.cashback_date{
font-weight: 600;
}
.campaign_metrics_sec .metrics_label {
color: #6a6a6a;
font-weight: 600;
font-size: 16px;
}
.campaign_metrics_sec{
padding: 15px 20px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 8px;
width: 190px;
margin-top: 20px;
margin-right: 20px;
margin: 20px 20px 10px 0;
}
h2.metrics_number {
font-size: 20px;
color: #323b60;
font-weight: 700;
}
.metrics_sec{
display: flex;
}
td.tbl_campaign_name {
width: 350px;
word-wrap: normal;
}
/* Referral Report CSS Start */
.view_referral_name_list{
position: absolute;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
background: #fff;
width: 235px;
max-height: 235px;
overflow-y: scroll;
right: 0;
top: 25px;
z-index: 1;
line-height: normal;
}
.view_referral_name_list::-webkit-scrollbar {
width: 6px;
}
.view_referral_name_list::-webkit-scrollbar-thumb {
background: #d8deeb;
border-radius: 10px;
}
.view_referral_name_list li{
padding-bottom: 10px;
}
.view_referral_name_list ul{
padding: 20px;
}
.view_referral_name_list li:last-child{
padding-bottom: 0;
}
.view_referral_section {
position: relative;
margin-right: 20px;
}
.view_referrals_col {
color: #ff8210;
text-decoration: underline;
margin-right: 0;
text-align: right;
display: block;
cursor: pointer;
}
.refer_select_camp{
height: 42px;
line-height: normal;
font-weight: 500;
}
.referral_select_campaign{
margin-top: 20px;
}
.referral_client_name{
width: 45%;
}
.sidebar_list{
height: 100%;
max-height: 100% !important;
}
.form-control{
border-color: #d8deeb;
}
/* Referral Report CSS Start */
/* Sidebar Css For Dropdown Start*/
.sdbar_submenu {
width: 100%;
}
.side-nav .side-menu{
width: 100%;
}
.sdbar_submenu svg.feather.feather-chevron-down.side-menu__sub-icon {
margin-right: 0;
}
.sdbar_submenu .sidebar_list-item i.fi.fi-rr-angle-small-down {
font-size: 18px;
}
.sub_list_menu .side-menu__icon {
visibility: hidden;
}
.side-menu--open .side-menu__title.sidebar_list-item,.side-menu--open .side-menu__icon {
color: #ff8210;
}
.side-menu--open .sdbar_submenu.mldl-active-menu {
color: #ff8210;
}
.side-menu--open:hover .sdbar_submenu.mldl-active-menu ,.side-menu--open:hover .side-menu__title.sidebar_list-item,.side-menu--open:hover .side-menu__icon {
color: #ffffff;
}
.side-menu:has(~ .side-menu__sub-open ) .sdbar_submenu .side-menu__icon,.side-menu:has(~ .side-menu__sub-open ) .sdbar_submenu .side-menu__title{
color: #ff8210;
}
.side-menu:has(~ .side-menu__sub-open ):hover .sdbar_submenu .side-menu__icon,.side-menu:has(~ .side-menu__sub-open ):hover .sdbar_submenu .side-menu__title{
color: #fff;
}
.side-menu:has(~ .side-menu__sub-open ):hover{
background: #ff8210;
}
.sub_list_menu {
margin-top: 5px;
}
/* Sidebar Css For Dropdown End*/
.transaction_form_field_section select {
font-weight: 500;
height: 42px;
}
.transaction_form_field_section .date_field{
font-weight: 500;
cursor: pointer;
}
.transaction_form_field_section {
margin-top: 20px;
}
select{
cursor: pointer;
}
.groupedit_sec{
display: flex;
}
.sidebar_list-item .fi-rr-angle-small-down:before{
vertical-align: middle;
}
.label-inner{
font-size: 1rem;
font-weight: 500;
color: #6a6a6a;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #d8deeb;
border-radius: 3px;
height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 1.8;
font-weight: 500;
padding-left: 20px;
padding-top: 8px;
padding-bottom: 8px;
color: #495057;
font-size: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px;
position: absolute;
top: 1px;
right: 15px;
width: 20px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
background: #323b60;
color: #fff;
}
.owner_transcation_listing thead:first-child th{
border-bottom: 0px !important;
}
.qr_design_mobile_dek span.tooltiptext {
width: 270px;
left: -5px;
}
.owner_list .li_mobile_field {
width: 14% !important;
}
.share_discount_sec {
display: flex;
align-items: center;
gap: 0.5rem;
}
div#country-code-display select{
width: 90% !important;
}
.client_srch_sec .form-group {
margin-bottom: 0;
}
@media screen and (min-width: 1600px) and (min-height: 2000px) {
.typefield_create {
min-height: 100%;
overflow-y: auto;
max-height: 100%;
}
}
@media screen and (min-width: 1200px) {
.setting_content .modal-dialog {
padding-top: 70px;
padding-bottom: 30px;
}
}
@media screen and (min-height: 767px) {
.typefield_create {
min-height: 100%;
overflow-y: auto;
max-height: 100%;
}
}
@media screen and (max-width: 1366px) and (max-height: 650px) {
.typefield_create {
min-height: 100%;
overflow-y: auto;
max-height: 390px;
}
}
@media screen and (max-width: 991px) {
.side-nav {
display: none;
}
.owner_panel_content_sec .panel_content_sec {
padding: 20px 0px;
}
div#deletemodal {
padding-top: 70px;
}
div#deletemodal .modal-dialog {
margin: auto;
}
.edit_client_form .recipients_txt_sec{
margin-bottom: 30px;
}
.sidebar{
width: 100%;
}
div#sidebar .hide-less-768 {
display: none !important;
}
.reset_passwrd_content{
width: 100%;
}
}
@media screen and (max-width: 767px){
.form-group.mb-0{
margin-bottom: 20px !important;
}
.tab-content.tab_account_user .mb-0 {
margin-bottom: 30px !important;
}
.setting_content .modal-dialog, #change_plan_modal .modal-dialog{
padding-top: 0px !important;
}
.setting_content .pricing-container-body, #change_plan_modal .pricing-container-body {
display: block;
}
.setting_content .pricing-container .plans,#change_plan_modal .pricing-container .plans{
display: flex;
}
.plan-main-container:nth-child(2), #change_plan_modal .plan-main-container:nth-child(2){
margin: 20px 0;
}
.setting_usr_mgment #myTable_wrapper{
overflow-x: scroll;
}
.setting_usr_mgment #myTable{
width: 700px !important;
}
.color_boxes {
flex-wrap: wrap;
}
.form_btn_sec {
display: flex
;
flex-wrap: wrap;
}
.gap-4 {
gap: 0 !important;
}
.grid-cols-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid{
display: block;
}
.sidebar_list i.fi.fi-rr-angle-small-down {
vertical-align: middle;
}
.qrboxs.frame_boxes label{
margin: 10px 5px;
}
.profile_page_information_sec.panel-body {
padding-left: 0;
padding-right: 0;
padding-top: 30px;
}
div#country-code-display select, div.country-code-display select{
width: 100% !important;
}
div#country-code-display, div.country-code-display {
display: block;
width: 100%;
}
.cntrycodeinp {
width: 100%;
margin-top: 10px;
}
.clients_import_sec {
width: 100%;
margin: auto;
}
.jq-toast-single{
width: 330px;
}
.jq-toast-wrap{
top: 127px;
}
div#laravel-notify .notify {
display: flex;
width: auto;
align-items: flex-start;
margin: auto;
}
.ui-datepicker{
width: auto !important;
}
.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_{
width: auto !important;
left: 20px !important;
}
.edit_panel_form .cntrycodeinp {
margin-left: 0;
}
#country-code-display-ci{
display: block !important;
}
.b_country_code{
width: 100% !important;
}
}
@media screen and (max-width: 540px) {
/* Responsive start */
.panel_table_sec{
overflow-x: scroll;
}
.campaigns_page_content .tbl_list{
width: 600px !important;
}
.campagin-form .form-group {
margin-bottom: 15px !important;
}
.edit_cmpin_btn{
width: 130px;
font-size: 15px;
margin-left: 8px;
padding: 8px 10px;
}
.sign_section_add_btn{
margin-top: 10px;
}
i.fi.fi-ss-check-circle.roun_tick_icn{
font-size: 20px;
}
.campagin_li_icn_sec {
display: inline-block;
margin-top: 4px;
}
.setting_content .user-management{
padding: 20px;
}
.setting_content .chnage-plan-btn,.setting_content .create-user-btn {
font-size: 14px;
padding: 9px 9px;
}
.tab-content.tab_account_user .mb-0 {
margin-bottom: 30px !important;
}
.qr_mobile_design{
width: auto;
}
.sendboxradio{
width: auto !important;
}
#schdule_deliverydate {
width: auto !important;
}
.grpedit_pge .intro-y.flex.items-center {
align-items: flex-start;
}.groupedit_sec {
display: flex;
flex-direction: column;
justify-content: end;
align-items: end;
}
.grpedit_pge .intro-y.flex.items-center {
align-items: flex-start;
}
.view_contact_sec.flex {
margin-right: 0;
margin-bottom: 10px;
}
.grey_qr_img {
padding: 8px;
width: 70px;
}
.qr_mobile_header {
padding-bottom: 30px;
}
.qr_mobile_body {
padding: 25px;
}
.mobile_body_qr_logo {
margin-top: -60px;
}
.mobile_title_field {
margin-bottom: 8px;
}
/* .campaigns_page_content .create_campign {
padding: 6px 15px !important;
height: auto;
} */
.panel_title{
font-size: 18px !important;
}
.campaigns_page_content .tool_tip .tooltiptext {
width: 230px;
}
.campaigns_page_content span.tooltiptext:before{
left: 10% !important;
right: unset !important;
}
/*.campaigns_page_content .qr_design_mobile_dek span.tooltiptext{
left: -65px;
}
.campaigns_page_content .busnes_tooltip_sec span.tooltiptext {
right: -50px !important;
left: unset !important;
} */
.campaigns_page_content .tool_tip .tooltiptext{
bottom: 100px;
}
.modal-footer .campagin_snd_btn {
margin-bottom: 0;
}
.client_search_sec{
width: 70%;
padding-left: 20px;
}
.campaigns_page_content .tool_tip {
position: unset;
display: inline-block;
}
.campaigns_page_content .ttl_crdit .tool_tip,.campaigns_page_content .ttl_debit .tool_tip {
position: relative !important;
display: inline-block;
}
.campaigns_page_content .ttl_crdit .tool_tip .tooltiptext, .campaigns_page_content .ttl_debit .tool_tip .tooltiptext{
bottom: unset !important;
margin-top: 10px !important;
}
.campaigns_page_content .ttl_crdit span.tooltiptext:before,.campaigns_page_content .ttl_debit span.tooltiptext:before{
left: unset !important;
padding: 4px 5px !important;
transform: rotate(45deg) !important;
position: absolute !important;
top: -3px !important;
right: 10% !important;
bottom: unset !important;
}
.jq-toast-single{
width: auto !important;
margin: auto !important;
}
}
@media screen and (max-width: 450px){
.setting_content .pricing-container .plans, #change_plan_modal .pricing-container .plans {
display: block;
}
.setting_content .plan-main-container {
width: 100%;
}
.setting_content .pricing-container{
width: 100%;
}
.setting_content .pricing-container .plans, #change_plan_modal .pricing-container .plans {
display: block;
}
#change_plan_modal{
overflow-y: auto !important;
}
.client_search_sec{
width: 100% !important;
padding-left: 20px;
}
}
.owner_transcation_listing .tool_tip .tooltiptext {
width: 120px;
right: -12px !important;
left: unset;
}
.owner_transcation_listing span.tooltiptext:before {
right: 15px;
}
#schdule_deliverydate{
cursor: pointer;
}
.footer_snd_btn .campagin_snd_btn {
padding: 7px 20px;
margin-bottom: 30px;
}
div#country-code-display select{
width: 90%;
}
.dropify-wrapper .dropify-message{
transform: translateY(-50%) !important
}
.recaptcha-checkbox-border{
cursor: pointer;
}
div#cancelmodal p {
font-size: 16px;
color: #6a6a6a;
font-weight: 400;
margin-bottom: 10px;
}
.setting_content #change_plan_modal .modal-dialog{
min-width: 685px !important;
}