@charset "utf-8";
/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/ }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;box-sizing: border-box; }
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline;}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0;}
/* remember to define focus styles! */
:focus {outline: 0;box-shadow: none;outline: none;}
a:hover {text-decoration: none;}
a:hover {outline: none; cursor: pointer;}
a:focus {outline: none; cursor: pointer;}
.form-control:focus, .form-select:focus{box-shadow: none;}
.btn-check:focus+.btn, .btn:focus{box-shadow: none;}
.form-control:focus, .form-select:focus{border-color: #dbe1e6;}
/* End Clearfix */

/* For IE 6/7 (trigger hasLayout) */
/*a, button, .btn { outline: none !important; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; text-decoration: none !important;}*/
a, button, .btn{outline: none !important;text-decoration: none !important;}
a{color: #02b9ef;}
a:hover, a:focus{color: #002d78;}


@font-face {
   font-family: 'SamsungOne-300';
   src: url('../font/SamsungOne-300.ttf');
   font-weight: normal;
}

@font-face {
   font-family: 'SamsungOne-400';
   src: url('../font/SamsungOne-400.ttf');
   font-weight: normal;
}

@font-face {
   font-family: 'SamsungOne-600';
   src: url('../font/SamsungOne-600.ttf');
   font-weight: normal;
}

@font-face {
   font-family: 'SamsungOne-700';
   src: url('../font/SamsungOne-700.ttf');
   font-weight: normal;
}

@font-face {
   font-family: 'SamsungOne-800';
   src: url('../font/SamsungOne-800.ttf');
   font-weight: normal;
}


body {width: 100%;float: left;padding: 0;margin: 0;font-family: 'SamsungOne-400';background-color: #e0e8f5;}

/*************************** COMMON CSS START *****************************/
.btn{background-color: #02b9ef;font-family: 'SamsungOne-600';font-size: 16px;line-height: 16px;color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);padding: 10px;}
.btn i {margin-right: 10px;color: #02b9ef;height: 18px;width: 18px;background-color: #fff;display: inline-block;
    line-height: 18px;text-align: center;border-radius: 100%;font-size: 12px;}
.btn.master_search{background-color: #002d78;}
.btn.master_search:hover{background-color: #02b9ef;}
.btn.master_search i{height: auto;width: auto;background-color: transparent;color: #fff !important;font-size: 17px;
    margin: 0;}
.btn:hover, .btn:focus{background-color: #002d78;color: #fff;}
.btn:hover i, .btn:focus i{color: #002d78;}
.btn.btn-border{background-color: transparent;border: 1px solid #02b9ef;color: #02b9ef;}
.btn.btn-border:hover{background-color: #02b9ef;color: #fff;}

.defult_color{color: #36bdf3 !important;}


.bg_red{background-color: #f44336;}
.bg_light_yellow{background-color: #ff9800;}
.bg_sky{background-color: #11bdf0;}
.bg_green{background-color: #4caf50;}

.bgl_sky{background-color: #02b9ef;}
.bgl_yellow{background-color: #f7bb4d;}
.bgl_green{background-color: #5cd4b8;}
.bgl_orange{background-color: #f78e57;}
.bgd_sky{background-color: #6bc5e3;}

.bgt_cyan{background-color: #e3f9ff;}
.bgt_floral{background-color: #fffcee;}
.bgt_selago{background-color: #f9eafc;}
.bg_azure{background-color: #e9fffa;}

.bgl_sky{background-color: #02b9ef;}
.bg_grandis{background-color: #FEC969;}
.bg_crusta{background-color: #F78E57;}
.bg_downy{background-color: #5cd4b8;}
.bg_sblue{background-color: #84d1eb;}

.form_group{width: 100%;display: inline-block;margin-bottom: 20px;}
.form_group .form-label {color: #02b9ef;font-family: 'SamsungOne-300';font-size: 14px;line-height: 14px;
    margin-bottom: 10px;font-weight: bold;width: 100%;display: inline-block;}
/*.form-check-label{font-size: 14px;line-height: 14px;}*/
.form_group .form-control, 
.form_group .form-select{color: #002d78;font-size: 14px;line-height: 14px;font-family: 'SamsungOne-400';
    height: 46px;background-color: #e5eaf1;}
textarea {padding: 15px 10px !important;}
.form_group .form-select {
    background-image: url(../images/down-arrow2.png);
}
.form_group .form-select.multiple{background-image: none;}
.select2-container {width: 100% !important;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);background-color: #e5eaf1;}
.select2-container .selection{width: 100%;display: inline-block;}
.select2-container--default .select2-selection--multiple {border: 1px solid #ced4da;background-color: #e5eaf1;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #ced4da;}

.form_group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #002d78;font-size: 14px;line-height: 14px;font-family: 'SamsungOne-400';opacity: 0.24;
}
.form_group .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #002d78;font-size: 14px;line-height: 14px;font-family: 'SamsungOne-400';opacity: 0.24;
}
.form_group .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #002d78;font-size: 14px;line-height: 14px;font-family: 'SamsungOne-400';opacity: 0.24;
}
.form_group .form-control:-moz-placeholder { /* Firefox 18- */
  color: #002d78;font-size: 14px;line-height: 14px;font-family: 'SamsungOne-400';opacity: 0.24;
}

.form-select {height: 40px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    font-size: 13px;line-height: 13px;color: #002d78;font-family: 'SamsungOne-700';text-align: left;
    background-image: url(../images/down-arrow.png);background-size: auto;}

.active_color{color: #4caf50 !important;}
.inactive_color{color: #ed1c24 !important;}

.a_d_status {padding: 12px;border-radius: 50px;font-size: 13px;line-height: 0;
    display: inline-block;}
.a_d_status.active{background-color: #4caf50;color: #fff;}
.a_d_status.succsess{background-color: #4caf50;color: #fff;}
.a_d_status.progress{background-color: #ff9800;color: #fff;}
.a_d_status.deactive{background-color: #ed1c24;color: #fff;}
.a_d_status.inactive{background-color: #ed1c24;color: #fff;}


.edit_delet_plan_ul li a{width: 30px;height: 30px;line-height: 30px;text-align: center;
    border-radius: 100%;display: inline-block;}
.edit_delet_plan_ul li a i{color: #fff;font-size: 16px;}
.edit_delet_plan_ul li a i.far.fa-edit, 
.edit_delet_plan_ul li a i.dc-notification-fill {font-size: 14px;}
.edit_delet_plan_ul li.edit_icon_txt a{background-color: #11bdf0;}
.edit_delet_plan_ul li.dele_icon_txt a{background-color: #ff7878;}
.edit_delet_plan_ul li.play_icon_txt a{background-color: #7891ff;}
.edit_delet_plan .edit_icon_txt a{background-color: #ff7878;}
.edit_delet_plan .eye_icon_txt a{background-color: #7891ff;}
.edit_delet_plan .noti_icon_txt a{background-color: #11bdf0;}
.edit_delet_plan .dele_icon_txt a{background-color: #ff7878;}
.edit_delet_plan_ul li a span {margin-right: 0px;font-size: 0;line-height: 45px;}
.edit_delet_plan_ul li a:hover{background-color: #002d78;}

.table>thead>tr{background-color: #002d78;}
.table>thead>tr>th{color: #fff;padding: 10px 15px;}
.table>tbody>tr>td{padding: 10px 18px;line-height: 22px;}
/*************************** COMMON CSS END *****************************/



/*************************************** Radio & CheckBox Style Start ***********************************/
.form-check{margin-right: 0px;padding-left: 0;margin-bottom: 0px;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {position: relative;cursor: pointer;display: inline-block;color: #333333;
	font-size: 14px;padding-left: 31px;padding-right: 20px;line-height:18px;margin-bottom: 8px;margin-top: 8px;}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;
		border: 1px solid #cbcfd6;border-radius: 100%;background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content: '';width: 8px;height: 8px;background: #fff;position: absolute;
    top: 5px;left: 5px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
[type="radio"]:checked + label:before{border-color: #0c2f54;background-color: #0c2f54;}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {position: relative;cursor: pointer;display: inline-block;color: #333333;
		font-size: 14px;padding-left: 31px;padding-right: 20px;line-height:19px;margin-bottom:8px;margin-top:8px;}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {content: ''; position: absolute;left: 0;top: 0;width: 19px;height: 19px;           border: 1px solid #cbcfd6;border-radius: .25em;background: #fff;-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {content: '';width: 19px;height: 19px;content: "\f00c";color: #0c2f54;            font-family: "Font Awesome 5 Free";font-weight: 900;text-rendering: auto;position: absolute;top: 0px;
    left: 0px;font-size: 11px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;text-align: center;}
[type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);color: #fff;}
[type="checkbox"]:checked + label:before{border-color: #02b9ef;background-color: #02b9ef;}
[type="checkbox"]:checked, [type="checkbox"]:not(:checked){position: absolute;left: -9999px;}
/*************************************** Radio & CheckBox Style End ***********************************/





/*************************** HEADER CSS START *****************************/
header {background-color: #fafafa;position: fixed;width: 100%;z-index: 999;transition: .3s;}
.show-menu .navbar-brand {display: block !important;transition: .3s;margin: 0px;}
header .dropdown-toggle::after {display: none;}
header .dropdown-menu-right {right: 0;left: auto;top: 51px;}
header .dropdown-menu {border: 0;padding: 0;box-shadow: 1.5px 2.598px 10px 0px rgb(0, 0, 0, .1);
   border-radius: 8px;border-top-left-radius: 0; border-top-right-radius: 0;overflow: hidden;right: 0 !important;
    left: inherit !important;}
header .dropdown-item {color: #2b2a29;font-size: 14px;padding: .25rem 1rem;}
header .dropdown-item:focus, 
header .dropdown-item:hover {color: #fff;background-color: #e9ecef;background-color: #002d78;}
img#menu-button {cursor: pointer;}
#menu-button i{font-size: 25px;color: #11bdf0;margin-left: 50px;cursor: pointer;}
.header_right_box .user_login .nav-link{padding: 0px;}
.header_right_box .top_noti a{margin-right: 20px;position: relative;color: #a0b0cb;font-size: 18px;line-height: 18px;}
.header_right_box .top_noti .noti_icon {background-color: #11bdf0;width: 10px;height: 10px;display: inline-block;
    border-radius: 100%;border: 2px solid #fff;position: absolute;top: -2px;right: 0;}
.header_right_box .user_login_pic i {color: #002d78;background-color: #d7dde8;width: 27px;height: 27px;
    display: inline-block;line-height: 27px;text-align: center;border-radius: 100%;}
.header_right_box .user_name{font-size: 14px;line-height: 14px;color: #002d78;font-family: 'SamsungOne-600';
    margin-right: 10px;}
.logo_menu_bar .nav li{font-size: 0px;}

.accordion-button:not(.collapsed)::after {background-image: none !important;
    transition: transform .2s ease-in-out;content: "\e914";
    color: #439945;font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;
      font-variant: normal;text-transform: none;line-height: 1;
      -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
    display: none;position: absolute;top: 18px;right: 18px;font-size: 14px;line-height: 14px;
    transform: rotate(0deg);}

.accordion-button::after {background-image: none !important;transition: transform .2s ease-in-out;
    content: "\e900";color: #439945;font-family: 'icomoon' !important;speak: never;font-style: normal;
      font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
      -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: none;position: absolute;
    top: 18px;right: 18px;font-size: 14px;line-height: 14px;}


.msidebar .accordion-button:not(.collapsed)::after, 
.msidebar .accordion-button::after{display: inline-block;}
.sidebar:hover .accordion-button:not(.collapsed)::after, 
.sidebar:hover .accordion-button::after{display: inline-block;}


/*************************** HEADER CSS END *****************************/

/*************************** SIDEBAR CSS START *****************************/
.sidebar {position: fixed;width: 50px;top: 57px;height: 100%;left: 0;z-index: 100;
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.15);background-color: #002d78;transform: translate3d(-62px, 0, 0);
   transition: .3s;overflow-y: scroll;padding-bottom: 100px;}
.sidebar .accordion-button{border: none;}
.show-menu .sidebar {transform: translate3d(0, 0, 0);transition: .3s;}
#hide-menu .main-panel {width: 100%;transition: .3s;}
.show-menu .main-panel {width: calc(100% - 48px) !important;transition: .3s;}
.main-panel {position: relative;float: right;margin-top: 58px;transition: .3s;}

.sidebar:hover {width: 220px;box-shadow: 5px 0px 12px 4px rgba(0,0,0,.15);}
.sidebar:hover .icon img {transition: .3s;}
.sidebar ul {list-style: none;padding-left: 0;padding: 10px 0px;}
.sidebar ul li {transition: all 0.3s;border-bottom: 1px solid #003c85;}
.sidebar_ul li a, .sidebar_ul li ul li a{width: 100%;display: inline-block;padding: 17px;color: #fff;opacity: 0.6;}
.sidebar_ul li a:hover, 
.sidebar ul li a:focus, 
.sidebar ul li.active a{opacity: 1;background-color: #003c85;color: #fff;}
.sidebar_ul li ul{margin: 0 0px;background-color: #00286b;}
.sidebar_ul li ul li{border-bottom: none;}
.sidebar_ul li ul li a{background-color: transparent !important;opacity: 1 !important;padding: 14px 25px;}
.sidebar_ul li ul li a:hover{background-color: #003c85 !important;color: #fff;}
.sidebar_ul li ul li a.active{background-color: #003c85 !important;color: #fff;}
.sidebar_ul li ul li:last-child{border-bottom: 0;}
.sidebar_ul li ul li a .menu_icon{font-size: 14px;}

/*.sidebar_ul li a span{vertical-align: middle;}*/
/*.sidebar_ul li a .menu_icon{padding-right: 15px;}*/
.sidebar_ul li a .menu_title{display: none;transition: all 0.3s ease-in-out 0s;padding-left: 15px;
    font-size: 12px;line-height: 12px;font-family: 'SamsungOne-300';}
.msidebar .sidebar_ul li a .menu_title{display: inline-block;transition: all 0.3s ease-in-out 0s;}
.sidebar:hover .sidebar_ul li a .menu_title{display: inline-block;transition: all 0.3s ease-in-out 0s;}

#style-4::-webkit-scrollbar-track {background-color: #F5F5F5;}
#style-4::-webkit-scrollbar {width: 2px;background-color: #F5F5F5;}
#style-4::-webkit-scrollbar-thumb {background-color: #eb6328;border: 1px solid rgb(204,204,204);}
.sidebarmenu .nav-link i{font-size: 14px;}
.sidebarmenu .panel-heading .panel-title{margin-bottom: 0px!important;}
.msidebar .main_content_box{width: calc(100% - 165px);float: right;}
/*.msidebar footer{text-align: center;}*/
.msidebar .sidebar{width: 220px;box-shadow: 5px 0px 12px 4px rgba(0,0,0,.15);}
.msidebar .menu-text, .msidebar .minimizeSidebar, .msidebar .sidebar .caret{display: block;}
 
/*************************** SIDEBAR CSS START *****************************/

/*************************** FOOTER CSS START *****************************/
footer {padding: 14px;margin-top: 0px;font-size: 16px;width: calc(100% - 47px);z-index: 3;position: fixed;bottom: 0; right: 0;
    background-color: #fff;}
.msidebar footer {width: calc(100% - 216px);}
footer p{color: #7b8bb1;font-size: 13px;line-height: 13px;margin-bottom: 0px;}
/*************************** FOOTER CSS END *****************************/



.main_content_box{width: 100%;display: inline-block;padding: 25px 25px 50px;}
.page_top_common{width: 100%;display: inline-block;margin-bottom: 20px;}
.page_top_common h1{font-size: 26px;line-height: 26px;color: #002d78;font-family: 'SamsungOne-300';
    margin-bottom: 18px;font-weight: bold;}
.page_top_common .breadcrumb{margin-bottom: 0px;}
.page_top_common .breadcrumb li, .page_top_common .breadcrumb li a{font-size: 12px;line-height: 12px;color: #788399;
    text-transform: uppercase;}
.page_top_common .breadcrumb li, .page_top_common .breadcrumb li a:hover{color: #11bdf0;}
.page_top_common .s_date_box {background-color: #fff;padding: 3px;border-radius: 5px;
    -webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);}
.page_top_common .s_date_box .form-control{font-size: 13px;line-height: 13px;color: #002d78;
    font-family: 'SamsungOne-700';text-align: center;}
.page_top_common .input-group-text{background-color: transparent;}
.page_top_common .s_date_box i{color: #11bdf0;font-size: 22px;}
.page_top_common .icon_calender{position: relative;}
.page_top_common .icon_calender::after {content: "";background-color: #cbd5e7;width: 3px;height: 100%;
    position: absolute;top: 0;right: 0;}
.page_top_common .icon_search{position: relative;}
.page_top_common .icon_search::before {content: "";background-color: #cbd5e7;width: 2px;height: 100%;
    position: absolute;top: 0;left: 0;}
.page_top_common .s_day_box .form-select{height: 40px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);font-size: 13px;line-height: 13px;color: #002d78;
    font-family: 'SamsungOne-700';text-align: center;}

.page_top_common .top_select_box{width: 266px;}

.dash_user_box{width: 100%;display: inline-block;margin-bottom: 20px;}
.dash_user_box .dash_user_left_inner{width: 100%;display: inline-block;background-color: #fffcee;
    border-radius: 5px;padding: 25px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);}
.dash_user_box .dash_user_left_inner .d_u_l_boxes h2{font-size: 24px;line-height: 24px;color: #11bdf0;
    margin-bottom: 10px;font-family: 'SamsungOne-700';}
.dash_user_box .dash_user_left_inner .d_u_l_boxes p{margin-bottom: 0px;font-family: 'SamsungOne-600';color: #002d78;
    opacity: 0.7;font-size: 14px;line-height: 14px;}
.dash_user_box .dash_user_left_inner .d_u_i_inner{margin-bottom: 30px;padding-bottom: 30px;
    border-bottom: 1px solid #dbdfdd;}
.dash_user_box .dash_user_left_inner .d_u_r_ul{width: 100%;display: inline-block;padding: 0;margin: 0;
    list-style-type: none;}
.dash_user_box .dash_user_left_inner .d_u_r_ul li{margin-right: 48px;text-align: center;}
.dash_user_box .dash_user_left_inner .d_u_r_ul li:last-child{margin-right: 0px;}
.dash_user_box .dash_user_left_inner .d_u_r_ul li h4{font-family: 'SamsungOne-700';font-size: 20px;line-height: 20px;
    margin-bottom: 15px;color: #11bdf0;}
.dash_user_box .dash_user_left_inner .d_u_r_ul li h5{font-family: 'SamsungOne-700';color: #002d78;opacity: 0.7;
    font-size: 12px;line-height: 12px;}
.dash_user_box .dash_user_right_inner .d_u_r_i_box{border-radius: 5px;
    -webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);margin-bottom: 20px;}
.dash_user_box .dash_user_right_inner .user_box_icon{padding: 22px;position: relative;}
.dash_user_box .dash_user_right_inner .user_box_icon::after {content: "";background-color: #fff;
    width: 1px;height: 100%;position: absolute;top: 0;right: 0;opacity: 0.2;}
.dash_user_box .dash_user_right_inner .user_box_txt{width: 100%;display: inline-block;}
.dash_user_box .dash_user_right_inner .user_box_txt .t_u_no{font-size: 20px;line-height: 20px;
    margin-bottom: 0;font-family: 'SamsungOne-700';padding: 15px 20px;color: #fff;position: relative;}
.dash_user_box .dash_user_right_inner .user_box_txt .t_u_no::after {content: "";border-bottom: 1px solid #fff;
    position: absolute;bottom: 0;left: 0;width: 100%;opacity: 0.2;}
.dash_user_box .dash_user_right_inner .user_box_txt .t_u_txt{font-size: 12px;line-height: 12px;
    color: #fff;opacity: 0.75;font-family: 'SamsungOne-700';text-transform: uppercase;padding: 15px 20px;}

.new_top_user .t_n_u_box{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);overflow: hidden;background-color: #fff;}
.highcharts-credits {display: none;}
.new_top_user .t_n_u_box .title_box h3{font-family: 'SamsungOne-700';font-size: 14px;line-height: 14px;
    color: #002d78;opacity: 0.75;padding: 16px 30px;border-bottom: 1px solid #dcdee2;}

.new_top_user .t_n_u_boxes .t_n_u_box{height: 100%;}
.top_user_main{padding: 20px;}
.top_user_main .top_user_m_boxes .top_user_box {background-color: #e7f8fd;}
.top_user_main .top_user_m_boxes .count_no{padding: 0 22px;font-family: 'SamsungOne-400';font-size: 14px;
    line-height: 14px;color: #002d78;}
.top_user_main .top_user_m_boxes .country_flag{width: 150px;}
.top_user_main .top_user_m_boxes .country_flag .country_name{font-family: 'SamsungOne-400';font-size: 14px;
    line-height: 14px;color: #002d78;padding-left: 10px;}
.top_user_main .top_user_m_boxes .top_user_box_left h3{font-family: 'SamsungOne-400';font-size: 14px;
    line-height: 14px;color: #002d78;}
.top_user_main .top_user_m_boxes{margin-bottom: 10px;}
.top_user_main .top_user_m_boxes .progress{width: 250px;border-radius: 0;height: 2rem;}
.top_user_main .top_user_m_boxes .progress .bg-success {background-color: #11bdf0 !important;}



/*************************** PLAN MASTER START *****************************/
.plan_master_main .p_m_m_boxes{margin-bottom: 20px;}
.plan_master_main .p_m_m_box{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);}
.plan_master_main .p_m_m_box .p_m_m_t_box {padding: 25px 32px;}
.plan_master_main .p_m_m_box .p_m_b_t h2{color: #ffffff;font-size: 32px;line-height: 32px;
    font-family: 'SamsungOne-600';margin-bottom: 15px;}
.plan_master_main .p_m_m_box .p_m_b_t h3{color: #ffffff;font-size: 26px;line-height: 26px;
    font-family: 'SamsungOne-400';}
.plan_master_main .p_m_m_box .p_m_e_d{align-items: flex-start;}
.plan_master_main .p_m_m_box .p_m_e_d .btn {padding: 0;border: none;box-shadow: none;    
    background-color: transparent;}
.plan_master_main .p_m_m_box .p_m_e_d .btn:hover, 
.plan_master_main .p_m_m_box .p_m_e_d .btn:focus{background-color: transparent;}
.plan_master_main .p_m_m_box .p_m_e_d .btn::after{display: none;}
.plan_master_main .p_m_m_box .p_m_e_d .dropdown-menu{right: 0;left: inherit;}
.plan_master_main .p_m_m_box .p_m_e_d .dropdown-item {color: #2b2a29;font-size: 14px;padding: .25rem 1rem;
    font-family: 'SamsungOne-600';}
.plan_master_main .p_m_m_box .p_m_e_d .dropdown-item:focus, 
.plan_master_main .p_m_m_box .p_m_e_d .dropdown-item:hover {color: #fff;background-color: #e9ecef;
    background-color: #002d78;}
.plan_master_main .p_m_m_box .view_more{position: relative;width: 100%;display: inline-block;}
.plan_master_main .p_m_m_box .view_more::before {content: "";background-color: #fff;opacity: 0.25;
    position: absolute;top: 0;left: 0;width: 100%;height: 1px;}
.plan_master_main .p_m_m_box .view_more a{text-align: center;font-family: 'SamsungOne-600';font-size: 14px;
    line-height: 14px;color: #fff;text-transform: uppercase;padding: 15px;display: inline-block;margin: 0 auto;
    width: 100%;position: relative;}
.plan_master_main .p_m_m_box .view_more a:hover{color: #002d78;}

/*************************** PLAN MASTER END *****************************/


/*************************** ADD PLAN MASTER START *****************************/
.add_p_m_inner{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);background-color: #fff;padding: 28px;}
.p_b_title{margin-bottom: 30px;}
.p_b_title h2{color: #002d78;font-family: 'SamsungOne-600';font-size: 20px;line-height: 20px;}
.add_plan_form .btn{padding: 11px 34px;}
.file_upload{width: 100%;display: inline-block;position: relative;height: 46px;}
.file_upload .file_main {position: absolute;top: 10px;background-color: transparent;border: 0;
    left: 20px;height: auto;}
.file_upload .input-main {transition: all 0.3s;background-color: transparent;border: 0;color: #002d78;
    font-size: 14px;line-height: 14px;font-family: 'SamsungOne-300';}
.file_upload .browse-btn{height: 100%;padding: 10px 25px;font-size: 14px;line-height: 14px;
    font-family: 'SamsungOne-300';position: relative;margin: 0 !important;}
/*************************** ADD PLAN MASTER END *****************************/


.commonmodal{background-color: rgba(0,0,0,0.7);}
.commonmodal .btn{padding: 11px 34px;margin-top: 25px;}
.commonmodal .modal-title{color: #002d78;font-family: 'SamsungOne-600';font-size: 24px;line-height: 24px;}
.commonmodal .file_upload .file_main {left: 40px;}
.commonmodal .modal-header {padding: 20px 25px 10px;}
.commonmodal .modal-body {padding: 20px 37px;}
.commonmodal .modal-footer .form_group {margin: 0;}
.commonmodal .modal-footer .btn {margin: 0;}
.commonmodal .modal-dialog-scrollable .modal-body {overflow-x: hidden;}
.commonmodal .modal-dialog-scrollable .modal_title{margin-bottom: 30px;}
.commonmodal .modal-dialog-scrollable .nav-tabs{padding: 0;}
.commonmodal .modal-dialog-scrollable .tab-content{margin: 0;padding-top: 0;padding-bottom: 0;}
.commonmodal .modal-dialog-scrollable .modal-header {border-bottom: 1px solid #dee2e6;padding: 20px 37px 20px;}


/*************************** PLAN TYPE MASTER START *****************************/
.plan_type_main .p_t_m_box{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);padding: 30px 15px;text-align: center;position: relative;}
.plan_type_main .p_t_m_box .t_m_icon {margin-bottom: 15px;}
.plan_type_main .p_t_m_box .t_m_icon img{width: 79px;height: 79px;border-radius: 100%;}
.plan_type_main .p_t_m_box h2{color: #002d78;font-family: 'SamsungOne-600';font-size: 22px;line-height: 22px;
    margin-bottom: 10px;}
.plan_type_main .p_t_m_box p{color: #788399;font-size: 12px;line-height: 12px;font-family: 'SamsungOne-400';
    margin-bottom: 0px;}
.plan_type_main .p_t_m_boxes{margin-bottom: 20px;}
.t_m_e_d_ul {display: inline-block;width: auto;padding: 0;margin: 0;
    list-style-type: none;position: absolute;top: 15px;right: 15px;}
.t_m_e_d_ul li{margin-right: 10px;}
.t_m_e_d_ul li:last-child{margin-right: 0px;}
.t_m_e_d_ul li a {width: 28px;height: 28px;display: inline-block;background-color: #fff;
    text-align: center;line-height: 30px;border-radius: 100%;}
.t_m_e_d_ul li a:hover{background-color: #002d78;}
.t_m_e_d_ul li a i{color: #02b9ef;font-size: 16px;line-height: 16px;}
.t_m_e_d_ul li a:hover i{color: #fff;}
/*************************** PLAN TYPE MASTER END *****************************/


/*************************** DATA MASTER CSS START *****************************/
.data_master .d_m_boxes{margin-bottom: 40px;}
.data_master .d_m_box{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);padding: 30px 15px;text-align: center;background-size: 100%;
    background-position: bottom;background-repeat: no-repeat;width: 100%;display: inline-block;position: relative;}
.data_master .d_m_box h2{font-size: 44px;line-height: 44px;color: #fff;font-family: 'SamsungOne-400';}
.data_master .d_m_box .go{font-size: 17px;color: #fff;line-height: 17px;font-family: 'SamsungOne-800';
    position: absolute;bottom: -15px;right: 17px;border: 2px solid #e0e8f5;
    width: 38px;height: 38px;line-height: 36px;text-align: center;border-radius: 100%;text-transform: uppercase;}
.data_master .d_m_box:hover .go{background-color: #002d78;}

/*Customize Background Color*/
.data_master .d_m_boxes .bgl_sky{background-color: #02b9ef;}
.data_master .d_m_boxes .bg_grandis{background-color: #FEC969;}
.data_master .d_m_boxes .bg_crusta{background-color: #F78E57;}
.data_master .d_m_boxes .bg_downy{background-color: #5cd4b8;}
.data_master .d_m_boxes .bg_sblue{background-color: #84d1eb;}
/*************************** DATA MASTER CSS END *****************************/


/*************************** DATA WORKSHOP CSS START *****************************/
.data_workshop .d_w_boxes{margin-bottom: 20px;}
.data_workshop .d_w_box{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);padding: 30px 15px;text-align: center;width: 100%;
    display: inline-block;}
.data_workshop .d_w_icon{margin-bottom: 15px;}
.data_workshop .d_w_icon img{width: 79px;height: 79px;border-radius: 100%;}
.data_workshop .d_w_box h2{color: #002d78;font-family: 'SamsungOne-600';font-size: 22px;line-height: 22px;}
.data_workshop .d_w_box:hover h2{color: #02b8ee;}
/*************************** DATA WORKSHOP CSS END *****************************/


/*************************** DATA YEARS CSS START *****************************/
.data_years .d_y_boxes{margin-bottom: 20px;}
.data_years .d_y_box{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);padding: 30px 15px;text-align: center;width: 100%;
    display: inline-block;background-color: #fff;}
.data_years .d_y_box h2{color: #02b8ee;font-family: 'SamsungOne-400';font-size: 36px;line-height: 36px;width: 100%;
    display: inline-block;}
.data_years .d_y_box:hover h2{color: #002d78;}
/*************************** DATA YEARS CSS END *****************************/


/*************************** DATA DAYS CSS START *****************************/
.data_days .d_d_boxes{margin-bottom: 20px;}
.data_days .dd_title h2{font-size: 20px;line-height: 20px;font-family: 'SamsungOne-400';color: #002d78;
    margin-bottom: 15px;padding-left: 15px;}
.data_days .d_d_ul{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);padding: 10px 25px;text-align: center;width: 100%;
    display: inline-block;background-color: #fff;list-style-type: none;margin: 0;}
.data_days .d_d_ul li{margin-right: 50px;}
.msidebar .data_days .d_d_ul li{margin-right: 35px;}
.data_days .d_d_ul li:last-child{margin-right: 0px;}
.data_days .d_d_ul li a{width: 38px;height: 38px;line-height: 38px;text-align: center;color: #6777a0;
    border: 1px solid #dbe1ec;display: inline-block;border-radius: 100%;font-size: 14px;}
.data_days .d_d_ul li a:hover, 
.data_days .d_d_ul li.active a{background-color: #02b8ee;color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);border-color: #02b8ee;}
/*************************** DATA DAYS CSS END *****************************/

.pagination_main{margin-top: 20px;}
.pagination_main .page-item a{background-color: transparent;border: 0;font-size: 14px;
    color: #7f8a9f;width: 30px;height: 30px;line-height: 32px;text-align: center;display: inline-block;padding: 0px;
        border-radius: 100% !important;font-family: 'SamsungOne-600';}
.pagination_main .page-item{margin-right: 15px;}
.pagination_main .page-item:last-child{margin-right: 0px;}
.pagination_main .page-item a:hover, 
.pagination_main .page-item.active a{z-index: 3;color: #fff;background-color: #11bdf0;border-color: #11bdf0;}
.pagination_main .page-item a:focus{box-shadow: none;}
.pagination a[aria-label~="Previous"], .pagination a[aria-label~="Next"] {border: 1px solid #cfd7e6;}
.pagination a[aria-label~="Previous"] span, .pagination a[aria-label~="Next"] span{color: #002d78;}
.pagination a[aria-label~="Previous"]:hover span, 
.pagination a[aria-label~="Next"]:hover span{color: #fff;}


/*************************** PLAYING DAYS CSS START *****************************/
.p_d_i{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);width: 100%;
    display: inline-block;background-color: #fff;}
.p_d_i_title{margin-bottom: 10px;padding: 15px 25px;}
.p_d_i_title h2{font-size: 24px;line-height: 24px;color: #002d78;}
.p_d_i_title .btn{margin-right: 12px;}
.p_d_i_title .btn:last-child{margin-right: 0px;}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: none;
}
.table tr th, .table tr td{border: 1px solid #d7dde8;text-align: center;vertical-align: middle;}

.table tr th:first-child, .table tr td:first-child{border-left: none !important;}
.table tr th:last-child, .table tr td:last-child{border-right: none !important;}
.table tr:first-child td{border-top: none !important;}
table.dataTable thead th, table.dataTable thead td {border-bottom: 1px solid #d7dde8 !important;
    border-right: none;}
/*
table.dataTable thead th, 
table.dataTable thead td, 
table.dataTable tbody th,
table.dataTable tbody td{padding: 18px 25px;}
*/

.msidebar table.dataTable thead th, 
.msidebar table.dataTable thead td, 
.msidebar table.dataTable tbody th, 
.msidebar table.dataTable tbody td {
    padding: 15px 15px;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {border-top: none;border-right: none;}
.table tr th:nth-child(2),
.table tr td:nth-child(2){text-align: left;}

.table tr th{font-size: 14px;line-height: 22px;color: #002d78;font-family: 'SamsungOne-600';
    text-transform: uppercase;}
.msidebar .table tr th{font-size: 12px;}
.table tr td{font-size: 14px;line-height: 14px;color: #002d78;font-family: 'SamsungOne-400';}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{padding: 15px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {border-radius: 100%;width: 30px;height: 30px;
    line-height: 30px;text-align: center;padding: 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next{width: auto;height: auto;border-radius: 5px;
    padding: 5px 15px;border: none;}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {color: #FFF !important;
    border: none;background-color: #02b9ef;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #02b9ef), color-stop(100%, #02b9ef));
    background: -webkit-linear-gradient(top, #02b9ef 0%, #02b9ef 100%);
    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #02b9ef 0%, #02b9ef 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #FFF !important;
    border: none;background-color: #002d78;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #002d78), color-stop(100%, #002d78));
    background: -webkit-linear-gradient(top, #002d78 0%, #002d78 100%);
    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #002d78 0%, #002d78 100%);
    border: none !important;
}
/*
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {background-color: #fff;}
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {background-color: #f4f7f9;}
table.dataTable.stripe>thead>tr{background-color: #f4f7f9;}
*/

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #002d78;padding: 15px;}
table.dataTable.no-footer {border-bottom: none;}
.dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom: none;}

.playing_days_sec .dataTables_wrapper .dataTables_length, 
.playing_days_sec .dataTables_wrapper .dataTables_filter, 
.playing_days_sec .dataTables_wrapper .dataTables_processing {display: none;}

.edit_delet_plan_ul{width: 100%;display: inline-block;padding: 0;margin: 0;list-style-type: none;}
.edit_delet_plan_ul li{display: inline-block;float: none;margin-right: 15px;}
.edit_delet_plan_ul li:last-child{margin-right: 0px;}
.edit_delet_plan_ul li.edit_icon_txt a{color: #002d78;opacity: 0.60;}
.edit_delet_plan_ul li.dele_icon_txt a{color: #f73333;}
.edit_delet_plan_ul li a:hover{color: #02b9ef;opacity: 1;}
/*.edit_delet_plan_ul .t_icon{margin-right: 10px;}*/
.t_p_title{font-size: 15px;line-height: 15px;color: #002d78;font-family: 'SamsungOne-600';margin-bottom: 7px;}
.t_p_des{font-size: 14px;line-height: 14px;color: #002d78;font-family: 'SamsungOne-400';opacity: 0.60;}
.t_icon_img img{border-radius: 5px;height: 60px;}

.formcdiv a{font-size: 14px;line-height: 14px;font-family: 'SamsungOne-700';margin-bottom: 20px;
    text-transform: uppercase;color: #02b9ef;display: inline-block;}
.formcdiv a i {margin-right: 10px;color: #fff;height: 18px;width: 18px;background-color: #02b9ef;
    display: inline-block;line-height: 18px;text-align: center;border-radius: 100%;font-size: 12px;}
.formcdiv a:hover{color: #002d78;}
.formcdiv a:hover i{color: #fff;background-color: #002d78;}


.anfile .modal-body {padding: 20px 0px;}
.anfile .nav-tabs .nav-item.show .nav-link, .anfile .nav-tabs .nav-link.active {
    color: #002d78;background-color: #fff;border-color: #e4e7ee #e4e7ee #e4e7ee;padding: 15px 45px;
    border-radius: 5px !important;}
.anfile .nav-tabs .nav-link {font-size: 16px;line-height: 16px;color: #40588e;text-transform: capitalize;
    padding: 13px 45px;border: 1px solid #dce2e9;border-radius: 0;border-right: 0;background-color: #f3f6f9;
    position: relative;}
.anfile .nav-tabs .nav-link .close {position: absolute;right: 15px;top: 50%;font-size: 25px;
    transform: translateY(-50%);}
.anfile .nav-tabs .nav-item:last-child .nav-link{border-right: 1px solid #dce2e9;border-radius: 0px 5px 0px 0px;}
.anfile .nav-tabs .nav-item:first-child .nav-link{border-radius: 5px 0px 0px 0px;}
.anfile .nav-tabs {padding: 0px 37px 0;align-items: flex-end;}
.anfile .tab-content {padding: 27px 37px;margin-bottom: 20px;}
.anfile .languagec_form{padding: 0 37px;}
.question_box{background-color: #f3f6f9;padding: 15px 15px 0px;border-radius: 5px;margin-bottom: 20px;}
.anfile .modal-header {padding-bottom: 0px !important;}

.playing_days_sec .table thead tr th:nth-child(1), .table tbody tr td:nth-child(1) {font-family: 'SamsungOne-700';
    opacity: 1;text-align: center;}
/*************************** PLAYING DAYS CSS END *****************************/



/*************************** CUSTOM FILE BIG IMAGES UPLOADER CSS START *****************************/
.big-file-upload .image-upload-wrap {border: 2px dashed #e4e4e4;position: relative;}
.big-file-upload .file-upload-input {position: absolute;margin: 0;padding: 0;width: 100%;
    height: 100%;outline: none;opacity: 0;cursor: pointer;}
.big-file-upload .drag-text {text-align: center;padding: 50px;font-size: 16px;line-height: 16px;
    font-family: 'SamsungOne-400';}
.big-file-upload .drag-text span{color: #02b9ef;font-family: 'SamsungOne-600';}
.big-file-upload .drag-text span i{font-size: 14px;line-height: 14px;padding-right: 6px;}
.big-file-upload .file-upload-content {display: none;text-align: center;position: relative;}
.big-file-upload .file-upload-image {width: auto;margin: auto;padding: 20px;}
.big-file-upload .image-title-wrap {color: #222;position: absolute;top: 0;right: 0;}
.big-file-upload .big_main_img_box{height: 180px;width: 100%;background-color: white;overflow: hidden;
    margin-bottom: 17px;}
.big-file-upload .big_inner_img_box{width: 100%;height: 100%;display: inline-block;}
.big-file-upload .big_inner_img_box img{max-width: 100%;max-height: 100%;margin: 0 auto;}
/*************************** CUSTOM FILE BIG IMAGES UPLOADER CSS END *****************************/


/*************************** PAGE LOADER CSS START *****************************/
.pageloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);
    z-index: 99999;}
.pageloader .loader {position: relative;display: block;height: 100%; width: 100%;min-height: 250px;float: left;
  z-index: 100;overflow: hidden;}

.pageloader .loader .loader-container {position: absolute;top: 50%; left: 50%;
  transform: translate(-50%, -50%);width: 150px; height: 150px;border: 5px solid rgb(235,235,236);border-radius: 50%;}
.pageloader .loader .loader-container::before {position: absolute;content: "";display: block; top: 50%; left: 50%;
  transform: translate(-50%, -50%);width: 150px; height: 150px;border-top: 7px solid #000918;border-radius: 50%;
  animation: spin 1.8s infinite ease-in-out;background-color: #fff;}
.pageloader .loader p {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);
    font-size: 35px;font-weight: 700;letter-spacing: 2px;-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000918;}
.pageloader .loader p.loader-title {color: transparent;z-index: 3;}
.pageloader .loader p.loader-title-double {color: #000918;z-index: 1;animation: loader 2.5s 1s infinite ease-out;}     

@keyframes spin {
  0%   { transform: translate(-50%, -50%) rotate(0deg);}
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes loader {
  0%  { opacity: 1; }
  25% { opacity: 1; }
  35% { opacity: 0.6; }
  38% { opacity: 1; }
  50% { opacity: 0.5; }
  60% { opacity: 1; }
  70% { opacity: 0.5; }
  100% { opacity: 1; }
}

/*************************** PAGE LOADER CSS END *****************************/


/*************************** MASTER PAGE CSS START *****************************/
.m_a_sec{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);width: 100%;
    display: inline-block;background-color: #fff;margin-bottom: 30px;padding: 25px 25px 10px;}
.m_t_sec{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);width: 100%;
    display: inline-block;background-color: #fff;text-align: center;margin-bottom: 30px;padding: 25px 0px;}

.accordion-button:not(.collapsed), .accordion-button:hover {color: #fff;background-color: #002d78;}
.accordion-button {font-family: 'SamsungOne-600';font-size: 16px;color: #002d78;background-color: transparent;}
.accordion-button:focus{box-shadow: none;border: 1px solid rgba(0,0,0,.125);}

/*
.accordion-button:not(.collapsed)::after {
    background-image: none !important;font-family: "Font Awesome 5 Free"; 
    font-weight: 900;content: "\f068";color: #439945;}
.accordion-button::after {
    content: "\f067";color: #439945;flex-shrink: 0;width: 1.25rem;height: 1.25rem;margin-left: auto;
    background-image: none !important;transition: transform .2s ease-in-out;font-family: "Font Awesome 5 Free"; 
    font-weight: 900;}
*/

.m_a_sec form .btn{height: 46px;padding: 15px 30px;}

/*
.master_page .m_a_sec{display: none;transition: all 0.5s ease-in-out 0s;}
.master_page .m_a_sec.active{display: block;transition: all 0.5s ease-in-out 0s;}
*/

.master_page .m_a_sec{display: none;transition: all 0.5s ease-in-out 0s;}
.master_page .m_a_sec.active{display: block;transition: all 0.5s ease-in-out 0s;}

/*************************** MASTER PAGE CSS END *****************************/


/*************************** LOGIN PAGE CSS START *****************************/
.login_sec{width: 100%;display: inline-block;text-align: center;}
.login_sec_inner{width: 100%;height: 100%;}
.login_sec_inner .log_sec{position: relative;width: 100%;padding: 60px 30px 40px;display: inline-block;}
.login_sec_inner .log_sec::before {content: "";background-color: #02b9ef;width: 100%;height: 280px;position: absolute;
    left: 0;top: 0;z-index: -1;}
.multiple_form{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);padding: 30px 25px 0px;text-align: center;width: 100%;
    display: inline-block;background-color: #fff;width: 460px;text-align: left;}
.multiple_form .form_title{text-align: center;margin-bottom: 45px;}
.multiple_form .form_title h4{font-size: 20px;line-height: 20px;color: #002d78;font-family: 'SamsungOne-600';
    margin-bottom: 15px;}
.multiple_form .form_title p{font-size: 12px;line-height: 12px;color: #002d78;font-family: 'SamsungOne-600';
    opacity: 0.75;}
.multiple_form .forpass, .multiple_form .form-check-label{font-size: 12px;line-height: 12px;color: #02b9ef;font-family: 'SamsungOne-400';}
.multiple_form .forpass:hover{color: #002d78;}
.multiple_form .btn{height: 43px;}
.multiple_form .form_footer{text-align: center;padding: 20px 15px;}
.multiple_form .form_footer h6{font-size: 14px;line-height: 14px;color: #8d98b5;font-family: 'SamsungOne-600';}
.multiple_form .form_footer h6 a{color: #02b9ef;}
.multiple_form .form_footer h6 a:hover{color: #002d78;}
.multiple_form .form-label{padding-left: 10px;}


.signup_form, .forgotpass_form{display: none;transition: all 0.3s ease-in-out 0s;}
.regi_form .signup_form{display: block;transition: all 0.3s ease-in-out 0s;}
.regi_form .login_form, .forgot_form .forgotpass_form{display: none;transition: all 0.3s ease-in-out 0s;}
.login_p_form .login_form{display: block;transition: all 0.3s ease-in-out 0s;}
.login_p_form .signup_form, .forgot_form .forgotpass_form{display: none;transition: all 0.3s ease-in-out 0s;}
.forgot_form .forgotpass_form{display: block;transition: all 0.3s ease-in-out 0s;}
.forgotpass_form .login_form, .forgot_form .signup_form{display: none;transition: all 0.3s ease-in-out 0s;}

.registration_form, .forgot_pass_form{display: none;transition: all 0.3s ease-in-out 0s;}
.regi_form .registration_form{display: block;transition: all 0.3s ease-in-out 0s;}
.regi_form .login_form, .forgot_form .forgot_pass_form{display: none;transition: all 0.3s ease-in-out 0s;}
.login_p_form .login_form{display: block;transition: all 0.3s ease-in-out 0s;}
.login_p_form .registration_form, .forgot_form .forgot_pass_form{display: none;transition: all 0.3s ease-in-out 0s;}
.forgot_form .forgot_pass_form{display: block;transition: all 0.3s ease-in-out 0s;}
.forgot_form .login_form, .forgot_form .registration_form{display: none;transition: all 0.3s ease-in-out 0s;}
/*************************** LOGIN PAGE CSS END *****************************/


/*************************** REPORT TYPE MASTER PAGE CSS START *****************************/
.report_type_master .p_m_m_box{position: relative;}
.report_type_master .t_m_e_d_ul li a {width: 28px;height: 28px;display: inline-block;
    background-color: rgba(0,0,0,0.2);text-align: center;line-height: 30px;border-radius: 100%;}
.report_type_master .t_m_e_d_ul li a i {color: #fff;font-size: 16px;line-height: 16px;}
.report_type_master .p_m_b_t h3{font-family: 'SamsungOne-600';margin-bottom: 10px;}
.report_type_master .p_m_b_t h3.shortname{margin-bottom: 0px;text-transform: uppercase;}
/*************************** REPORT TYPE MASTER CSS END *****************************/


/*************************** SCHEDULE NOTIFICATION PAGE CSS START *****************************/
.sche_noti_sec .t_p_title {font-size: 13px;line-height: 13px;margin-bottom: 0;}
.sche_noti_sec table.dataTable.cell-border tbody th, 
.sche_noti_sec table.dataTable.cell-border tbody td{font-size: 13px;
    line-height: 13px;font-family: 'SamsungOne-600';color: #002d78;}
.sche_noti_sec .noti_message p:last-child{margin-bottom: 0px;}
.sche_noti_sec .tsr, 
.sche_noti_sec .t_p_title, 
.sche_noti_sec .noti_message, 
.sche_noti_sec .stype, 
.sche_noti_sec .stime{opacity: 0.75;}
.sche_noti_sec .t_icon_img{text-align: center;margin: 0 auto;}
.sche_noti_sec .t_icon_img img{height: 42px;}
.sche_noti_sec .table tr th,
.sche_noti_sec .table tr td{text-align: left;}
.sche_noti_sec .table tr th:nth-child(1),
.sche_noti_sec .table tr td:nth-child(1){text-align: center;}
/*************************** SCHEDULE NOTIFICATION PAGE CSS END *****************************/


/*************************** FEEDBACK PAGE CSS START *****************************/
.feedback_sec .dataTables_length{display: none;}
.feedback_sec #datatable_filter{display: none;}
.feedback_sec .p_d_i{padding: 20px;}
.feedback_sec .table tr th:first-child, 
.feedback_sec .table tr td:first-child {border-left: 1px solid #d7dde8 !important;}
.feedback_sec .table tr th:last-child, 
.feedback_sec .table tr td:last-child {border-right: 1px solid #d7dde8 !important;}
/*
.feedback_sec .table tr th:first-child, 
.feedback_sec .table tr td:first-child {border-left: 1px solid #d7dde8 !important;}
*/
.feedback_sec .table tr th:last-child, 
.feedback_sec .table tr td:last-child {border-right: 1px solid #d7dde8 !important;}
.feedback_sec .table tr th:nth-child(4), 
.feedback_sec .table tr td:nth-child(4), 
.feedback_sec .table tr th:nth-child(5), 
.feedback_sec .table tr td:nth-child(5){text-align: left;}
.feedback_sec .table tr th, 
.feedback_sec .table tr td {font-size: 13px;line-height: 20px;font-family: 'SamsungOne-600';}
.feedback_sec .table tr td{opacity: 0.75;}
/*************************** FEEDBACK PAGE CSS END *****************************/

.top_search {position: relative;}
.top_search .search-box {width: 260px;height: 40px;font-size: 14px;line-height: 14px;color: #002d78;border: none;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);}
.search-box:not(:valid) ~ .close-icon {display: none;}
.close-icon {border: 1px solid transparent;background-color: transparent;display: inline-block;
    vertical-align: middle;outline: 0;cursor: pointer;position: absolute;z-index: 1;right: 45px;
    top: 3px;bottom: 0;}
.close-icon:after {content: "\f057";color: #ed1c24;font-size: 15px;line-height: 15px;
    font-family: "Font Awesome 5 Free";font-weight: 900;}
.top_search .btn {position: absolute;top: 0;right: 0;background-color: transparent;color: #11bdf0;box-shadow: none;}
.top_search .btn i {color: #b3b2bc;font-size: 15px;color: #11bdf0;}


/*************************** NOTIFICATION PAGE CSS START *****************************/
.noti_sec .p_d_i{padding: 15px 25px;}
.noti_sec .p_d_i_title {margin-bottom: 10px;padding: 15px 0px;}
/*************************** NOTIFICATION PAGE CSS END *****************************/

.draft_noti_sec .table tr th:nth-child(4), .sche_noti_sec .table tr td:nth-child(4) {text-align: center;}

/*************************** FEEDBACK PAGE CSS START *****************************/
.order_master_sec .top_search .form-control{width: 100%;}
.t_top_l .form-select{width: 206px;}
.t_top_l .form-control, 
.t_top_l .form-select{box-shadow: none;background-color: #fff;border: 1px solid #e5e9eb;}
.p_b_t .btn{padding: 10px 27px;}
.table_chat a{width: 23px;height: 23px;line-height: 26px;text-align: center;border-radius: 100%;
    display: inline-block;background-color: #ff7878;}
.table_chat a:hover{background-color: #002d78;}
.table_chat a i{color: #fff;font-size: 12px;}


.chat_sec_inner {width: 100%;min-width: 100%;max-width: 100%;height: 100%;background: var(--bgray);}
.chat_sec_inner .content {width: calc(100% - 340px);height: 100%;overflow: hidden;position: relative;}
.chat_sec_inner .content .contact-profile {width: 100%;height: 60px;line-height: 60px;background-color: #ddd;}
.chat_sec_inner .content .contact-profile img {height: 40px;border-radius: 50%;margin: 9px 10px 9px 0px;}
.chat_sec_inner .content .contact-profile p {margin-bottom: 0px;}
.chat_sec_inner .content .messages {height: auto;min-height: calc(100% - 150px);max-height: calc(100% - 150px);
    overflow-y: scroll;overflow-x: hidden;width: 100%;}
.chat_sec_inner .content .messages::-webkit-scrollbar {width: 8px;background: transparent;}
.chat_sec_inner .content .messages::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.3);}
.chat_sec_inner .content .messages ul li {display: inline-block;clear: both;float: left;margin: 10px 15px 10px 15px;
    width: calc(100% - 25px);font-size: 0.9em;}
.chat_sec_inner .content .messages ul li:nth-last-child(1) {margin-bottom: 20px;}
.chat_sec_inner .content .messages ul li.sent .chat_bg {background-color: #002d78;color: #fff;width: 100%;
    display: inline-block;}
.chat_sec_inner .content .messages ul li .chat_img_box {position: relative;}
.chat_sec_inner .content .messages ul li .chat_img_box .chat_u_error{position: absolute;top: 50%;left: 50%;
    background-color: rgba(0,0,0,0.5);padding: 10px 20px;border-radius: 5px;font-size: 12px;line-height: 12px;
    transform: translate(-50%, -50%);text-transform: uppercase;color: #fff;}
.chat_sec_inner .content .messages ul li .chat_img_box .c_file_down{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;
    background-color: rgba(0,0,0,0.5);padding: 10px 20px;border-radius: 5px;color: #fff;
}
.chat_sec_inner .content .messages ul li .chat_img_box .c_file_down i{font-size: 30px;margin: 0 auto;}
.chat_sec_inner .content .messages ul li.replies .chat_bg {background-color: #02b9ef;color: #fff;width: 100%;}
.chat_sec_inner .content .messages ul li img {height: 22px;border-radius: 50%;}
.chat_sec_inner .content .messages ul li .chat_txt img{width: 200px;height: auto;border-radius: 5px;}
.chat_sec_inner .content .messages ul li .chat_bg {display: inline-block;padding: 10px 15px;border-radius: 10px;
    margin-bottom: 0px;}
.chat_sec_inner .content .messages ul li .chat_txt{width: 400px;}
.chat_sec_inner .content .message-input {position: absolute;bottom: 0;width: 100%;}
.chat_sec_inner .content .message-input .wrap {position: relative;}
.chat_sec_inner .content .message-input .wrap input,
.chat_sec_inner .content .message-input .wrap textarea {border: none;width: 100%;padding: 11px 68px 10px 8px;
    font-size: 15px;color: #32465a;height: 75px;border-radius: 0px;border: 1px solid #002d78;}
.chat_sec_inner .content .message-input .wrap input:focus {outline: none;}
.chat_sec_inner .content .message-input .wrap .attachment:hover {opacity: 1;}
.cfileupload {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.cfileupload .submit {border: 0;background-color: transparent;}
.cfileupload i.fa {cursor: pointer;}
.chat_sec_inner .content .message-input .wrap button:hover {background: transparent;}
.chat_sec_inner .content .message-input .wrap button:focus {outline: none;}
.chat_sec_inner .content .messages ul li.replies {position: relative;margin: 15px 15px 5px 15px;}
.chat_sec_inner .content .messages ul li.replies .user_data{text-align: right;}
.chat_sec_inner .content .messages ul li .user_data{margin-bottom: 10px;}
.chat_sec_inner .content .messages ul li .u_name_time span{font-size: 16px;}
.chat_sec_inner .content .messages ul li .u_name_time .chat_time{font-size: 12px;}
    .chat_sec_inner .content .messages ul li.replies .uname{order: 2;}
    .chat_sec_inner .content .messages ul li.replies .chat_time{order: 1;}
.chat_sec_inner .content .messages ul li .chat_doc{color: #fff;}
.chat_sec_inner .content .messages ul li .chat_doc i{font-size: 20px;}

.content ul{width: 100%;display: inline-block;padding: 0;margin: 0;}

@media screen and (min-width: 900px) {
    .chat_sec_inner .content {width: 100%;}
}

@media screen and (max-width: 767px) {
    .chat_sec_inner #sidepanel #profile {width: 100%;margin: 0 auto;padding: 5px 0 0 0;background: #32465a;}
    .chat_sec_inner #sidepanel #profile .wrap img {width: 40px;margin-left: 4px;}
    .chat_sec_inner #sidepanel #profile .wrap {height: 55px;}
    .chat_sec_inner #sidepanel #profile .wrap p {display: none;}
    .chat_sec_inner #sidepanel #profile .wrap i.expand-button {display: none;}
    .chat_sec_inner #sidepanel #profile .wrap #status-options {width: 58px;margin-top: 57px;}
    .chat_sec_inner #sidepanel #profile .wrap #status-options.active {margin-top: 62px;}
    .chat_sec_inner #sidepanel #profile .wrap #status-options:before {margin-left: 23px;}
    .chat_sec_inner #sidepanel #profile .wrap #status-options ul li {padding: 15px 0 35px 22px;}
    .chat_sec_inner #sidepanel #profile .wrap #status-options ul li span.status-circle {width: 14px;height: 14px;}
    .chat_sec_inner #sidepanel #profile .wrap #status-options ul li span.status-circle:before {height: 18px;width: 18px;}
    .chat_sec_inner #sidepanel #profile .wrap #status-options ul li p {display: none;}
    .chat_sec_inner #sidepanel #search {display: none;}
    .chat_sec_inner #sidepanel #contacts {height: calc(100% - 0px);overflow-y: scroll;overflow-x: hidden;}
    .chat_sec_inner #sidepanel #contacts::-webkit-scrollbar {display: none;}
    .chat_sec_inner #sidepanel #contacts ul li.contact {padding: 6px 0 46px 8px;}
    .chat_sec_inner #sidepanel #contacts ul li.contact .wrap {width: 100%;}
    .chat_sec_inner #sidepanel #contacts ul li.contact .wrap img {margin-right: 0px;}
    .chat_sec_inner #sidepanel #contacts ul li.contact .wrap .meta {display: none;}
    .chat_sec_inner #sidepanel #bottom-bar button {float: none;width: 100%;padding: 15px 0;}
    .chat_sec_inner #sidepanel #bottom-bar button:nth-child(1) {border-right: none;border-bottom: 1px solid #2c3e50;}
    .chat_sec_inner #sidepanel #bottom-bar button i {font-size: 1.3em;}
    .chat_sec_inner #sidepanel #bottom-bar button span {display: none;}
    .chat_sec_inner .content .contact-profile .social-media {display: none;}
    .chat_sec_inner .content .message-input .wrap input {padding: 15px 32px 16px 8px;}    
    .chat_sec_inner #sidepanel {width: 60px;min-width: 60px;}
    .chat_sec_inner .content {width: calc(100% - 0px);min-width: auto !important;}
    .chat_sec_inner .content .message-input .wrap input,
    .chat_sec_inner .content .message-input .wrap textarea {padding: 11px 60px 10px 8px;font-size: 13px;}
}

@media screen and (max-width: 575px) {
    .chat_sec_inner {width: 100%;height: 100%;}
    .chat_sec_inner #sidepanel {width: 60px;min-width: 60px;}
    .chat_sec_inner .content {width: calc(100% - 0px);min-width: auto !important;}
    .chat_sec_inner .content .messages ul li.replies {margin: 10px 15px 10px 15px;display: flex;}
    .chat_sec_inner .content .messages ul li.replies img {float: left;margin: 0;}
    .chat_sec_inner .content .messages ul li.replies p {float: left;}
    .chat_sec_inner .content .messages ul li p {max-width: 100%;}
    .chat_sec_inner .content .messages ul li .chat_txt{width: 100%;}
    .chat_sec_inner .content .u_name_time {display: inline-block !important;width: 100% !important;padding: 0 5px !important;}
    .chat_sec_inner .content .messages ul li .u_name_time span{width: 100%;display: inline-block;}
    .chat_sec_inner .content .messages ul li .user_data{align-items: center;}
    .chat_sec_inner .content .messages ul li.replies .uname{order: 1;font-size: 14px;}
    .chat_sec_inner .content .messages ul li.replies .chat_time{order: 2;font-size: 12px;}
    
}


.chat .modal-body {padding: 0;}
/*************************** FEEDBACK PAGE CSS END *****************************/


/*************************** ORDER PAGE CSS START *****************************/
.order_master_sec .table tr th:nth-child(3), 
.order_master_sec .table tr td:nth-child(3) {text-align: left;}
.order_master_sec .table tr th:nth-child(1), 
.order_master_sec .table tr td:nth-child(1) {font-family: 'SamsungOne-700';opacity: 1;text-align: left;}
/*
.order_master_sec thead tr{background-color: #02b9ef;}
.order_master_sec thead tr th{color: #fff !important;}
*/

/*
.order_master_sec .order_status {padding: 12px;border-radius: 50px;font-size: 13px;line-height: 0;
    display: inline-block;}
.order_master_sec .order_status.succsess{background-color: #4caf50;color: #fff;}
.order_master_sec .order_status.progress{background-color: #ff9800;color: #fff;}
*/
/*************************** ORDER PAGE CSS END *****************************/


/*************************** ORDER VIEW PAGE CSS START *****************************/
.orderviewinner{border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);width: 100%;
    display: inline-block;background-color: #fff;padding: 25px;}
.orderviewinner .o_v_d{width: 100%;padding: 0 50px;}
.o_v_d_boxes .o_v_d_ul{padding: 0;margin: 0;list-style-type: none;width: 100%;display: inline-block;}
.o_v_d_boxes .o_v_d_ul li{margin-bottom: 25px;display: table;font-size: 16px;line-height: 16px;}
.o_v_d_boxes .o_v_d_ul li:last-child{margin-bottom: 0px;}
.o_v_d_boxes .o_v_d_ul li .title{color: #11bdf0;display: table-cell;
    width: 150px;position: relative;font-family: 'SamsungOne-600';}
.o_v_d_boxes .o_v_d_ul li .title::after{content: ":";position: absolute;top: 0;right: 0;color: #002d78;}
.o_v_d_boxes .o_v_d_ul li .details{color: #002d78;opacity: 0.75;position: relative;
    display: table-cell;padding-left: 30px;font-family: 'SamsungOne-600';}
.o_v_d_boxes .o_v_d_ul li .order_status{color: #fff;border-radius: 50px;
    padding: 3px 10px;line-height: 13px;}
.o_v_d_boxes .o_v_d_ul li .order_status.success {background-color: #4caf50;}
.o_v_d_boxes .o_v_d_ul li .pay_method{color: #fff;border-radius: 50px;
    padding: 3px 10px;line-height: 13px;display: inline;}
.o_v_d_boxes .o_v_d_ul li .pay_method.prepaid{background-color: #11bdf0;}
/*************************** ORDER VIEW PAGE CSS END *****************************/


/*************************** USER MASTER PAGE CSS START *****************************/

/*
.user_master_sec .edit_delet_plan a {width: 23px;height: 23px;line-height: 26px;text-align: center;
    border-radius: 100%;display: inline-block;text-align: center;opacity: 1;}
*/
/*
.user_master_sec .edit_delet_plan_ul li{margin-right: 10px;}
.user_master_sec .edit_delet_plan a i{color: #fff;}
*/
/*
.user_master_sec .edit_delet_plan .edit_icon_txt a{background-color: #ff7878;}
.user_master_sec .edit_delet_plan .eye_icon_txt a{background-color: #7891ff;}
.user_master_sec .edit_delet_plan .noti_icon_txt a{background-color: #11bdf0;}
.user_master_sec .edit_delet_plan .dele_icon_txt a{background-color: #ff7878;}
*/
/*
.user_master_sec .edit_delet_plan_ul .t_icon {margin-right: 0;}
.user_master_sec .edit_delet_plan .edit_delet_plan_ul li a:hover{background-color: #002d78;opacity: 1;}
.user_master_sec .table tr td {opacity: 1;}
*/
/*************************** USER MASTER PAGE CSS END *****************************/


/*************************** USER MASTER PROFILE PAGE CSS START *****************************/
.user_master_profile .nav-tabs {border-bottom: 1px solid #e3e7ea;padding-bottom: 20px;margin-bottom: 35px;}
.user_master_profile .nav-tabs .nav-link{font-size: 16px;line-height: 16px;color: #002d78;opacity: 0.75;
    border: 1px solid #eceff1;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);width: 100%;padding: 11px 36px;}
.user_master_profile .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{opacity: 1;
    background-color: #11bdf0;color: #fff;}
/*************************** USER MASTER PROFILE PAGE CSS END *****************************/


/*************************** PROMO CODE PAGE CSS START *****************************/
.promo_code_sec .order_status {padding: 12px;border-radius: 50px;font-size: 13px;line-height: 0;
    display: inline-block;}
.promo_code_sec .order_status.active {background-color: #4caf50;color: #fff;}
.promo_code_sec .order_status.deactive {background-color: #ed1c24;color: #fff;}
.promo_code_sec .table tr th, .promo_code_sec .table tr td {text-align: center;}
/*************************** PROMO CODE PAGE CSS START *****************************/


/*************************** ON BOARD PAGE CSS START *****************************/
.onboard_sec .table tr th:nth-child(4), .sche_noti_sec .table tr td:nth-child(4) {text-align: center;}
/*************************** ON BOARD PAGE CSS END *****************************/


/*************************** KIDS ZONE PAGE CSS START *****************************/
.kids_zone_sec .table tr th:nth-child(4), .sche_noti_sec .table tr td:nth-child(4) {text-align: center;}
/*************************** KIDS ZONE PAGE CSS END *****************************/


/*************************** POPUP PAGE CSS START *****************************/
.popup_sec .table tr th:nth-child(1), .popup_sec .table tr td:nth-child(1) {text-align: center;}
.popup_sec .t_icon_img {text-align: left;opacity: 1;}
.popup_sec .table tr td {opacity: 1;}
/*************************** POPUP PAGE CSS END *****************************/


/*************************** CALL MANAGEMENT PAGE CSS START *****************************/

/*.call_mangement_sec .table>thead>tr th{color: #002d78 !important;}*/
.call_mangement_sec .t_icon_img {text-align: left;opacity: 1;}
.call_mangement_sec .table tr td {opacity: 1;}
.call_mangement_sec .table tr th:nth-child(1), .call_mangement_sec .table tr td:nth-child(1), 
.call_mangement_sec .table tr th:nth-child(2), .call_mangement_sec .table tr td:nth-child(2), 
.call_mangement_sec .table tr th:nth-child(4), .call_mangement_sec .table tr td:nth-child(4){text-align: left;}
.select_table .form-check-label{margin: 0 !important;}
.call_asign .btn {padding: 14px 55px;margin-top: 10px;}
.assignmodal .table thead tr th, .assignmodal .table tbody tr td{text-align: left !important;
    border: 1px solid #d6dce4 !important;padding: 12px 20px;;}
.assignmodal .table thead tr{background-color: #f3f6f9;}
.call_mangement_sec .table tr th{font-size: 13px;line-height: 13px;font-family: 'SamsungOne-600';}
.assignmodal .table tbody tr td{font-size: 13px;line-height: 13px;
    font-family: 'SamsungOne-600';opacity: 0.75;}
.select_box_table{width: 150px;}
.select_box_table .form-select{height: auto;border: 0;box-shadow: none;}
/*************************** CALL MANAGEMENT PAGE CSS END *****************************/


/*
.image-uploader.has-files .upload-text {display: flex;opacity: 0.2;}
.image-uploader .uploaded {padding: .5rem;line-height: 0;position: relative;z-index: 999;}
*/
.krajee-default.file-preview-frame .kv-file-content {width: 100%;height: 160px;}
.file-preview .close {border: 0;box-shadow: none;background-color: transparent;}
.file-preview .close span{font-size: 20px;}
.file-footer-buttons .btn{background-color: transparent;border: 0;box-shadow: none !important;padding: 0;margin: 0;}
.file-footer-buttons .btn i, .file-sortable .file-drag-handle i{font-size: 18px;}
.file-sortable .file-drag-handle{margin: 0;}
.kv-file-download{display: none;}
.file-caption-main .btn{margin: 0px;height: 46px;border-radius: 0;padding: 15px;border: none;}
.file-caption {padding: 15px;}
.kv-zoom-actions .btn, .floating-buttons .btn{padding: 0;box-shadow: none;border: none;background-color: transparent;}

.anfile .modal-body {height: 400px;overflow-y: auto;overflow-x: hidden;}
.anfile .modal-header {padding-bottom: 20px !important;border-bottom: 1px solid #dee2e6;}

.tokenize>.tokens-container {height: 46px !important;padding: .375rem .75rem !important;margin-bottom: 0px;}
.tokenize>.tokens-container>.token, 
.tokenize>.tokens-container>.placeholder, 
.tokenize>.tokens-container>.token-search {border: none!important;margin: 7px 5px 0 0 !important;}
.tokenize>.tokens-container>.token {padding: 8px 1.5em 8px 5px !important;border: 1px solid #cdd5e3 !important;
    margin: 0 5px 0 0 !important;}
.tokenize>.tokens-container>.token-search>input {background: transparent !important;border: none!important;}
.tokenize>.tokens-container>.token>.dismiss {color: #02b9ef !important;font-size: 18px !important;}

.pagination{margin: 30px 0px;}
.pagination a {background-color: transparent;border: none;width: 33px;height: 33px;margin-right: 15px;
    font-weight: 400;font-size: 16px;color: #0c2f54;line-height: 33px;text-align: center;display: inline-block;
    padding: 0;border-radius: 100%;}
.pagination li a.current, .pagination li a:hover {background-color: #02b9ef;color: #fff;}

.reload_icon a{color: #02b9ef;}
.reload_icon a:hover{color: #002d78;}
/*.msidebar footer {width: calc(100% - 165px);float: right;}*/

/* sortable Reorder Menu list*/
.sortable .group-caption {width: 100%;display: block;margin: 0 0 15px 0;border: 2px dotted #02c6fa;padding: 10px;}
.sortable .sort_box_title{background-color: #003c85;color: #fff;padding: 10px;}
.sort_box_title .move{background: #02baf0;}
.sortable .group-item {background: rgba(2,186,240,0.2);width: 100%;height: auto;display: block;padding: 3px;
    margin: 0px 0 5px;color: #fff;padding: 10px;}
.sortable .group-item .move{background-color: #003c85;}
.sortable .group-item h6{font-weight: 600;color: #000;}
.sortable .move {width: 30px;height: 30px;float: right;color: #fff;text-align: center;text-transform: uppercase;
    line-height: 30px;font-family: Arial;cursor: move;}
.sortable .movable-placeholder {background: #ccc;width: 100%;height: 100px;display: block;padding: 20px;
    margin: 0 0 15px 0;border-style: dashed;border-width: 2px;border-color: #000;} 
.group-items{width: 100%;display: inline-block;}
.group-caption h4{font-weight: 600;font-size: 16px;line-height: 16px;margin: 0;}

/*************************** PROFILE PAGE CSS START *****************************/
.profile_page .profile_data {padding: 20px 20px;border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 14%);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.14);
    box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 14%);border: 1px solid #d8dde0;width: 100%;display: inline-block;
    background-color: #fff;position: relative;overflow: hidden;margin-bottom: 15px;}
.profile_page .profile_data .accordion-button {font-size: 16px;font-weight: 400;color: #003c85;
    background-color: transparent;border: none;border-bottom: 1px solid #003c85;border-bottom-width: 1px !important;}
.profile_page .profile_data .accordion-button.collapsed{color: #02baf0;border-bottom: 1px solid #02baf0;}
.profile_page .profile_data .account_title h3{margin-bottom: 10px !important;margin-top: 0 !important;}
.profile_page .profile_data .account_title p{margin-bottom: 0px;font-size: 14px;font-weight: 400;}
.profile_page .profile_data .pro_fill_box {margin-bottom: 20px;}
.profile_page .profile_data .pro_fill_box:last-child{margin-bottom: 0px;}
.profile_page .profile_data .pro_fill_box .title{font-weight: 600;font-size: 16px;color: #003c85;}
.profile_page .profile_data .pro_fill_box .data{font-weight: 400;font-size: 16px;color: #000;}
.profile_page .profile_data .fill_profile{position: relative;}
.profile_page .fill_profile .edit_pro_icon {display: inline-block;position: absolute;top: 20px;
    right: 20px;background-color: #003c85;border: 1px solid #003c85;width: 35px;height: 35px;line-height: 35px;
    border-radius: 100%;color: #fff;cursor: pointer;text-align: center;}
.profile_page .profile_data .edit_profile{display: none;transition: all 0.3s ease-in-out 0s;}
.editprofileshow .profile_page .profile_data .edit_profile{display: block;transition: all 0.3s ease-in-out 0s;}
.editprofileshow .profile_page .profile_data .fill_profile{display: none;transition: all 0.3s ease-in-out 0s;}
.profile_page .profile_data .edit_profile{position: relative;}
.profile_page .profile_data .edit_profile .edit_pro_close {display: inline-block;position: absolute;
    top: 20px;right: 20px;background-color: #003c85;border: 1px solid #003c85;width: 35px;height: 35px;
    line-height: 35px;border-radius: 100%;color: #fff;cursor: pointer;text-align: center;}
.profile_page .profile_data .circle {position: relative;display: inline-block;}
.profile_page .profile_data .p-image {display: inline-block;position: absolute;bottom: 0;right: 0;
    background-color: #003c85;border: 1px solid #003c85;width: 35px;height: 35px;line-height: 35px;
    border-radius: 100%;color: #fff;cursor: pointer;}
.profile_page .profile_data .profile_box img {width: 85px;height: 85px;border-radius: 100%;}
.profile_page .profile_data .profile_box .pro_name {font-size: 22px;font-weight: 400;color: #003c85;margin-top: 15px;
    margin-bottom: 0px;}
.profile_page .accordion-body .form_inner_data {background-color: #eeeeee;border-radius: 7px;padding: 20px;
    margin-bottom: 20px;}
.profile_page .profile_data .profile_box {padding-bottom: 20px;margin-bottom: 20px;}.profile_page .profile_data .accordion-button span {width: 35px;text-align: left;}
.profile_page .profile_data .accordion-button span i {font-size: 25px;}

.profile_upload_img {width: 100%;display: inline-block;margin-top: 10px;}
.profile_upload_img .upload_new_profile{font-size: 14px;font-weight: 500;text-transform: uppercase;}
.profile_upload_img .upload_new_profile i{padding-right: 10px;}

.profile_page .image-upload-wrap {border: 2px solid #e4e4e4;position: relative;width: 100px;height: 100px;}
.profile_page .file-upload-content{border: 2px solid #e4e4e4;}
.profile_page .file-upload-input {position: absolute;margin: 0;padding: 0;width: 100%;height: 100%;
    outline: none;opacity: 0;cursor: pointer;}
.profile_page .drag-text {text-align: center;padding: 20px 10px;}
.profile_page .drag-text h6{font-size: 12px;line-height: 18px;font-weight: 500;}
.profile_page .drag-text i{font-size: 20px;}
.profile_page .file-upload-content {display: none;text-align: center;position: relative;width: 100px;height: 100px;}
.profile_page .file-upload-image {height: auto;width: 100%;margin: auto;padding: 10px;}
.profile_page .image-title-wrap {color: #222;position: absolute;top: 0;right: 0;}
.profile_page .accordion-body{border-bottom: 1px solid #003c85;}
.profile_page .accordion .form_group .form-label{color: #000;}
.profile_page .modal .form_group .form-label{color: #02b9ef;}
/*************************** PROFILE PAGE CSS END *****************************/

/*********************************** Image Picker Start *************************************/
.brick {width:100px;height:100px;background:#f2f2f2;}
.tile-picker {position:relative;cursor:pointer;background-color:#eaeaea;background-position: center center;
  background-size: cover;box-shadow:inset 0 0 10px rgba(0,0,0,.1); outline: 2px solid #fff;outline-offset: -3px;
  border:1px solid #bbb;padding: 5px;margin-bottom: 10px;}
.tile-picker img{width: auto;height: auto;border-radius: 0;}
.active.tile-picker {border-color: #aaa;}
.tile-picker input[type=radio] {opacity:0;position:absolute;left:-80px;}
.tile-checked {display:block;font-style:normal;width:20px; height:20px;position:absolute;top:-2px;right:-4px;
    color: #fff;}
.tile-checked:after {content:'\2713';display:block;line-height:18px; width:18px; height:18px;
    background-color:#1481b8; color:var(--fwhite);border-radius:2px;font-size:13px;text-align:center; font-weight:bold;  
  opacity:0;transition: opacity .34s ease-in-out;}
.imagePicker input[type=radio]:checked ~ .tile-checked:after {opacity:1;}
/*********************************** Image Picker End *************************************/

/*************************** USER DETAILS PAGE CSS START *****************************/
.user_details_page .user_details_box{width: 100%;display: inline-block;padding: 15px;background-color: #fff;
    border-radius: 5px;-webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    margin-bottom: 30px;text-align: center;}
.user_details_page .parent_div{background-color: #eeeeee;}
.user_details_page .user_pic{width: 100%;height: auto;margin: 0 auto 15px;border-bottom: 1px solid #ddd;}
.user_details_page .user_pic img{border-radius: 100%;width: 100px;
    height: 100px;overflow: hidden;margin: 0 auto 15px;}
.user_details_page .u_d_boxes{margin-bottom: 10px;width: 100%;display: inline-block;float: none;
    border: 1px solid #ddd;padding: 10px;border-radius: 5px;margin-right: 10px;text-align: left;}
.user_details_page .u_d_boxes .u_title{font-size: 14px;line-height: 14px;margin-bottom: 5px;
    font-family: 'SamsungOne-600';color: #11bdf0;position: relative;}
.user_details_page .u_d_boxes .u_title::after {content: ":";padding-left: 0px;}
.user_details_page .u_d_boxes .u_det{font-size: 14px;line-height: 14px;color: #002d78;font-family: 'SamsungOne-600';}
.user_details_page .u_d_boxes_main{width: 100%;margin: 0 auto;padding: 0;margin: 0;list-style-type: none;
    display: inline-block;}
/*************************** USER DETAILS PAGE CSS END *****************************/




/***************************************** AFRER DEVELOPMENT CSS START ***********************************************/
    .country_list_cls
    {
        max-height: 500px;
        height: 390px;
        overflow-y: auto;
    }
    /* width */
    .country_list_cls::-webkit-scrollbar {
      width: 5px;
    }

    /* Track */
    .country_list_cls::-webkit-scrollbar-track {
      background: #f1f1f1; 
    }
     
    /* Handle */
    .country_list_cls::-webkit-scrollbar-thumb {
      background: #888; 
    }

    /* Handle on hover */
    .country_list_cls::-webkit-scrollbar-thumb:hover {
      background: #555; 
    }
    .list_title_cls
    {
        text-align: left;
        padding: 15px;
        font-size: 20px;
        font-weight: bold;
    }
    .a_d_send {
        padding: 12px;
        border-radius: 50px;
        font-size: 13px;
        line-height: 0;
        display: inline-block;
    }

    .a_d_send.active {
        background-color: #4caf50;
        color: #fff;
    }

    .a_d_send{white-space: nowrap;}

    .a_d_send.inactive {
        background-color: #ed1c24;
        color: #fff;
    }

    .a_d_send.succsess {
        background-color: #4caf50;
        color: #fff;
    }

    .a_d_send.progress {
        background-color: #ff9800;
        color: #fff;
    }
.ps_mob_block{display: none;}
.inquiry_page .list_title_AJAX{font-size: 20px;font-weight: 600;color: #002d78;}

/*************** Modal Full Large Css Start *************/
.custom_modal_large .modal-xl {
    max-width: 1200px;
}
/*************** Modal Full Large Css Enb **************/
/***************************************** AFRER DEVELOPMENT CSS END ***********************************************/

.table_desc .word_desc {
    width: 225px;
    word-break: break-word;
    line-height: 24px;
    font-family: 'SamsungOne-600';
}


/*************************************** ORDER DELIVERY PROGRESS BAR CSS START *************************************/
.o_d_s{
      width: 100%;
    display: inline-block;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    text-align: center;
}


.o_d_s .card{border:none;}
.o_d_s .card-body{padding: 0px;}
.o_d_s .steps .step {display: block;width: 100%;margin-bottom: 0px;text-align: center}
.o_d_s .steps .step .step-icon-wrap {display: block;position: relative;width: 100%;height: 80px;text-align: center}
.o_d_s .steps .step .step-icon-wrap::before,
.o_d_s .steps .step .step-icon-wrap::after {display: block;position: absolute;top: 50%;width: 50%;height: 3px;margin-top: -1px;background-color: #e1e7ec;
    content: '';z-index: 1}
.o_d_s .steps .step .step-icon-wrap::before {left: 0}
.o_d_s .steps .step .step-icon-wrap::after {right: 0}
.o_d_s .steps .step .step-icon {display: inline-block;position: relative;width: 80px;height: 80px;border: 1px solid #e1e7ec;
    border-radius: 50%;background-color: #f5f5f5;color: #374250;font-size: 38px;line-height: 81px;z-index: 2}
.o_d_s .steps .step .step-title {margin-top: 16px;margin-bottom: 0;color: #606975;font-size: 16px;font-weight: 600}
.o_d_s .steps .step .o_date{font-size: 14px;color: #606975;margin-top: 10px;font-weight: 400;}
.o_d_s .steps .step:first-child .step-icon-wrap::before {display: none}
.o_d_s .steps .step:last-child .step-icon-wrap::after {display: none}
.o_d_s .steps .step.completed .step-icon-wrap::before,
.o_d_s .steps .step.completed .step-icon-wrap::after {background-color: #01a705;}
.o_d_s .steps .step.completed .step-icon {border-color: #01a705;background-color: #01a705;color: #fff;}

.cancle_order .steps .step.completed .step-icon {border-color: #dc3545;background-color: #dc3545;color: #fff;}
.cancle_order .steps .step.completed .step-icon-wrap::before, 
.cancle_order .steps .step.completed .step-icon-wrap::after {background-color: #dc3545;}


@media (max-width: 575px) {
  .o_d_s .steps .step{margin-bottom: 30px;}
  .o_d_s .steps .step:last-child{margin-bottom: 0px;}
}


@media (max-width: 576px) {
    .o_d_s .flex-sm-nowrap .step .step-icon-wrap::before,
    .o_d_s .flex-sm-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 767px) {
  
  .o_d_s .steps .step .step-title{font-size: 14px;}
  .o_d_s .steps .step .o_date{font-size: 12px;}
  /*.o_d_s .steps .step .step-icon-wrap::before, .o_d_s .steps .step .step-icon-wrap::after{top: 26%;}*/
  .o_d_s .steps .step .step-icon {width: 40px;height: 40px;font-size: 18px;line-height: 40px;}
  .o_d_s .steps .step .step-icon-wrap{height: 40px;}
}

@media (max-width: 768px) {
    .o_d_s .flex-md-nowrap .step .step-icon-wrap::before,
    .o_d_s .flex-md-nowrap .step .step-icon-wrap::after {display: none}
}

@media (max-width: 991px) {
    .o_d_s .flex-lg-nowrap .step .step-icon-wrap::before,
    .o_d_s .flex-lg-nowrap .step .step-icon-wrap::after {display: none}

  .o_d_s .steps .step .step-title{font-size: 16px;}
  .o_d_s .steps .step .o_date{font-size: 13px;}
  /*.o_d_s .steps .step .step-icon-wrap::before, .o_d_s .steps .step .step-icon-wrap::after{top: 26%;}*/
  .o_d_s .steps .step .step-icon {width: 40px;height: 40px;font-size: 18px;line-height: 40px;}
  .o_d_s .steps .step .step-icon-wrap{height: 40px;}
}

@media (max-width: 1200px) {
    .o_d_s .flex-xl-nowrap .step .step-icon-wrap::before,
    .o_d_s .flex-xl-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

.bg-faded, .bg-secondary {
    background-color: #f5f5f5 !important;
}

/*************************************** ORDER DELIVERY PROGRESS BAR CSS END *************************************/

.o_c_boxes{display: flex;}
.o_c_div {border: 1px solid #ddd;border-right: none;padding: 10px 15px;width: 100%;display: inline-block;}
.o_c_div h4{color: #002d78;font-size: 16px;font-weight: 600;line-height: 23px;}
.o_c_div_det {font-size: 14px;line-height: 14px;font-family: 'SamsungOne-600';border: 1px solid #ddd;padding: 10px 15px;width: 100%;display: inline-block;}
.o_c_div_det h5{    color: #606975;font-size: 16px;font-weight: 400;}
.o_c_div_det h5 strong{font-family: 'SamsungOne-800';color: #000;}

/* Top Search Box Css */
.top_search_year {position: relative;}
.top_search_year .top_search_year{height: 35px;width: 100%;}
.top_search_year .search-int {padding-right: 45px;}
.top_search_year .btn {position: absolute;top: 0;right: 0;height: 35px;background-color: #002d78;color: white;
    font-family: 'SamsungOne-700';font-size: 15px;line-height: 15px;width: auto;}
.top_search_year .btn:hover {background-color: #02b9ef;}

.tokenize>.tokens-container {height: auto !important;}
.tokenize>.tokens-container>.token, .tokenize>.tokens-container>.placeholder, .tokenize>.tokens-container>.token-search {margin: 3px 5px 0 0 !important;}

/* Notification send count CSS Start */
.send_report
{
    min-width: 120px;
    font-weight: 600;
    padding: 12px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 0;
    display: inline-block;
}

.notification_report_status_total 
{
    border: 1px dashed #11bdf0;
    color: #11bdf0;
}
.notification_report_status_success 
{
    border: 1px dashed #4caf50;
    color: #4caf50;
}
.notification_report_status_fail 
{
    border: 1px dashed #ed1c24;
    color: #ed1c24;
}
.sidebar ul li {
    transition: all 0.3s;
    border-bottom: 1px solid #003c85;
    position: relative;
}

/************************************* file ON/OFF Switch With Checkbox css Start ***********************************/
.onoffswitch {position: relativewidth: 55px;display: inline-block;font-size: 80%;}
  .onoffswitch .onoffswitch-label {display: block;overflow: hidden;cursor: pointer;border: 1px solid hsl(0, 0%, 90%);
    -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;margin: 0;}
  .onoffswitch .onoffswitch-inner {width: 200%;margin-left: -100%;-webkit-transition: margin 0.15s ease-in-out;
    -o-transition: margin 0.15s ease-in-out;-moz-transition: margin 0.15s ease-in-out;transition: margin 0.15s ease-in-out;  }
  .onoffswitch .onoffswitch-inner:before,
  .onoffswitch .onoffswitch-inner:after {float: left;
    width: 50%;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 80%;
    color: hsl(0, 0%, 100%);
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .onoffswitch .onoffswitch-inner:before {
    content: "Enable";
    padding-left: 10px;
    background-color: hsl(194deg 98% 47%);
    color: hsl(0, 0%, 100%);
    font-weight: 600;
  }
  .onoffswitch .onoffswitch-inner:after {
    content: "Disable";
    padding-right: 10px;
    background-color: hsl(0, 0%, 98%);
    color: hsl(0, 0%, 24%);
    text-align: right;
    font-weight: 600;
  }
  .onoffswitch .onoffswitch-switch {
    width: 22px;
    height: 22px;
    margin: 0;
    background: hsl(0, 0%, 100%);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 63px;
    -webkit-transition: right 0.15s ease-in-out;
    -o-transition: right 0.15s ease-in-out;
    -moz-transition: right 0.15s ease-in-out;
    transition: right 0.15s ease-in-out;
  }
  .toggle-group {
    position: relative;
    width: auto;
    display: inline-block;
}
  .toggle-group label::before{display: none;}
  .toggle-group label::after{display: none;}
  .toggle-group input[type=checkbox] {
    position: absolute;
    left: 10px;
    opacity: 0;
    display: none;
  }
  .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
  }
  .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
    right: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
  .toggle-group input[type=checkbox]:focus ~ .onoffswitch {
    outline: thin dotted #333;
    outline: 0;
  }
  .toggle-group label {
    position: absolute !important;
    cursor: pointer !important;
    padding-left: 0px !important;
    display: block !important;
    text-align: left;
    line-height: 24px !important;
    width: 100%;
    z-index: 1;
    height: 24px;
    font-weight: 200;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 0 !important;
}
  /* ==== Accessibility ===== */
  .aural {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
  .aural:focus {
    clip: rect(0, 0, 0, 0);
    font-size: 1em;
    height: auto;
    outline: thin dotted;
    position: static !important;
    width: auto;
    overflow: visible;
  }

.planbox 
{
    width: 100%;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.planbox:last-child{margin-bottom: 0px;}
.planbox h3{
    font-size: 14px;
    font-weight: 600;
    width: auto;
    display: inline-block;
    word-break: break-all;
    padding-right: 15px;
}
  /****************************************** ON/OFF Switch With Checkbox css End ****************************************/