@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root { 
	--dark: #1F2228;
    --main: #007EFF;
	--pink:#E30B7F;
	--purple:#472F84;
}
*{margin: 0;padding: 0;box-sizing: border-box;}
.form-control:focus{box-shadow:none!important;}

::selection{color:#fff;background:var(--main)}
body{font-family: 'Work Sans', sans-serif!important;overflow-x:hidden!important;transition:all 0.5s;position:relative;background-color: #F2ECFF!important;}
ul,ol{list-style: none;padding:0;margin:0}
a{text-decoration: none!important;}
p,h1,h2,h3,h4,h5,h6{padding:0;margin-bottom:0;}
img{user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-select: none;-ms-user-select: none;height: auto;}
.img{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;}
input:focus {outline: none;}
.rounded-btn{color:#fff!important;background-color:var(--purple);border-radius: 8px;padding:7px 20px;border:0;font-weight:500;font-size:16px;line-height:25px;}
.without_radius {	
    padding: 7px 10px;
    line-height: 12px;
}
.whatsapp_call_col{
	display:flex;
	justify-content:end;
}
.main_logo{
	color:var(--purple);
    font-size: 22px;
}
.main_logo .inner_text{
	color:var(--pink);
	font-size:16px;
}
 
  /* Login form Start */
 
.login_section .form-group {position: relative;margin-bottom:30px;}
.login_section .form-group input {line-height: 32px;display: block;width: 100%;font-size:18px!important;padding: 8px 15px;border: none;border:1px solid #C0C0C0;background:#FFF4FB;position:relative;color:#8E8E8E;border-radius: 10px;}
.login_section label {width:100%;text-align:left; color: var(--purple)!important;font-size: 16px;font-weight: 500;pointer-events: none;transition: all 0.2s ease;padding:0 0 2px 2px;line-height: 40px;}
.form-group input::placeholder{color:#C0C0C0;font-weight: 400;font-size: 16px;line-height: 14px;letter-spacing: 0.03em;}
.login_section .part-img{height:100vh;}
.login_part{background-color: #fff;padding:70px 50px 20px 50px!important;}
.login_section .logo img{width:200px;}
.login_section .part-img img {width: 100%;height: 100vh;}
.login_banner{padding:0 40px;background-color:#EBEBEB}
.sidebar img{width:16px;}
.sidebar .metismenu li a span{
	font-size:14px
}
.checkbox_form{color:#252B42;}
/*.login_section .login-form{height:100vh;}*/
.login-part h2{font-style: normal;font-weight: 600;font-size: 24px;color:#fff;line-height:50px; }
.login_section form{margin:auto;text-align:center}
.login_section .logo{padding-bottom:150px;text-align: center;}
.login_section .form-bottom a{text-decoration:none;color:var(--purple);font-size:14px;display:flex;align-items:center;font-weight: 500;}
.form-check-input:checked[type=checkbox]{background-repeat:no-repeat;width:auto;margin:0 10px 0}
.login_section span.toggle-password{position: absolute;right:10px; top:40%;font-size: 13px;color:#252B42}
.login_banner img{margin:auto}
.edit_btn i {
	color:#212529;
	font-size:18px;
	padding-right:15px;
}

.img_box{
	height:50px;
}
.img_box img{
	
    height: 100%;
    width: auto;
}

.page-container{width: 100%;height: 100%;min-height: 100vh;padding-left:250px;-webkit-transition: padding-left 0.3s ease 0s;transition: padding-left 0.3s ease 0s;}
.sidebar-menu {position: fixed;left: 0;top: 0;z-index: 99;height: 100vh;width:250px;background:#fff;box-shadow: 2px 0 32px rgb(0 0 0 / 5%);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;padding-top: 15px;}
.sidebar-menu .sidebar-header{padding: 7px 0;;text-align:center}
 .nav-btn {margin-right:20px;margin-top: 7px;cursor: pointer;}
.pull-left {float: left;}
.nav-btn span {display: block;width: 22px;height: 2px;background:var(--purple);margin: 4px 0;border-radius: 15px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;box-shadow: 0 0 0 4px rgb(99 96 96 / 3%);}
.sidebar_collapsed .nav-btn span:first-child {-webkit-transform: rotate(45deg)translate(5px, 5px);transform: rotate(45deg)translate(5px, 5px);}
.sidebar_collapsed .nav-btn span:nth-child(2) {opacity: 0;}
.sidebar_collapsed .nav-btn span:last-child {-webkit-transform: rotate(-45deg)translate(3px, -3px);transform: rotate(-45deg)translate(3px, -3px);}
.sidebar_collapsed.page-container {padding-left: 70px;}
#menu .metismenu li a{line-height:22px;text-decoration: none;display: block;color:#747474	;position: relative;padding:5px 0 5px 40px;transition: all 0.5s ease;border-bottom: 0.5px solid #948a864f;}

#menu .metismenu .item a:after {content:"";position: absolute;left: 0;top: 0;height: 100%;width:3px;background-color:var(--purple); opacity: 0;}
 .dropdown-item:focus, .dropdown-item:hover{background-color: transparent!important;}
#menu li.item.active a ,#menu li.item:hover a{background: #E7DDFF;border-radius: 6px;color: var(--purple);}
#menu ul > .item:hover a:after ,#menu ul > .item.active a:after{opacity:1;}
#menu li.item.active a{font-weight:600;color:var(--purple)}
.none_active {display:inline-block;}
#menu .item:hover a .filtered{display:inline-block;}
#menu .item:hover a .none_active{display:none;}
#menu .item.active .none_active{display:inline-block;}
#menu .item.active .filtered{display:none;}
#menu li.item  a .filtered{display:none;}
#menu .item.active .none_active{display: none !important;;}
#menu .item.active .filtered{display:inline-block !important;;}
#menu .item{position:relative;margin:7px 0;transition: all 0.5s ease;}
#menu > ul{padding:0 20px 20px 0!important;}
#menu ul  .item.active i{padding-bottom:15px}
#menu .item .link {width: 100%;text-decoration: none;display: block;position: relative;}
#menu .item .link[aria-expanded=true] i {transform: rotate(90deg) translateZ(0);right: 0.625rem;padding:0px 30px 0px 35px}
/* .link[aria-expanded="true"] */
 
#menu .metismenu .item .link[aria-expanded]:before {
    transition: all 0.2s ease-in-out;
    content: "";
    height: 10px!important;
    width: 10px!important;
    border-style: solid!important;
    border-color: var(--purple)!important;
    border-width: 0px 2px 2px 0px!important;
    transform: rotate(-45deg)!important;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
} 
#menu .metismenu .item .link[aria-expanded]:before{right:7px}
#menu .metismenu .item .link[aria-expanded=true]:before {
    transform: rotate(45deg)!important;
    right:5px;
}    
.metismenu a{color:#fff}
.menu-level-2  a.card_span.link{transition:all 0.5s ease;}
.menu-level-2 a{padding-left:15px!important;}
.menu-level-2  a.card_span.link.inner_active span ,.menu-level-2  a.card_span.link:hover span {color: var(--pink);}
.metismenu a span{padding-left:10px;font-weight:500;}
.menu-level-2 li{padding:0 0 0 17px!important;margin: 0 !important;}
.inner_active{font-weight:600;color: #fff !important;}
.metismenu .collapse {display: none;} 
.metismenu .collapse.in {display: block;}
.metismenu .collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;-o-transition-duration: .35s;transition-duration: .35s;-webkit-transition-property: height, visibility;-o-transition-property: height, visibility;transition-property: height, visibility;} 
.menu-level-2{position:relative}
#menu .menu-level-2 li a{border-bottom:0;padding:5px 0;border-left:1px solid #fff;border-radius: 0!important;border-left:2px solid var(--purple);background-color:#fff!important;}
#menu li .menu-level-2 li a:before {content: "";position: absolute;height:15px;width:15px;left: -8px;background:#fff;border:1px solid var(--purple); top: 0;bottom: 0;margin: auto;border-radius: 50%;opacity:1;z-index:9;}
#menu li .menu-level-2 li a.inner_active:before , #menu li .menu-level-2 li a:hover:before{background-color: var(--pink);border:1px solid var(--pink)}
/* #menu li.item.active ul li a:after {content: "";position: absolute;height: 15px;width: 15px;left: -7px;background: #fff;top: 0;bottom: 0;margin: auto;opacity: 0.5;border-radius: 50%;} */
.menu-level-2 li a:after{display:none;}
#menu .metismenu li a{border-bottom:0}
#menu li.item.active a, #menu li.item:hover a
#menu .item i{padding-left:40px;}
.menu-level-2 .item a.inner_active{background:#c3e5f5;padding: 2px 0 0 50px;border-radius: 5px;color: #f96e35;}
.huerotate { filter: grayscale(100%);} 
.sidebar-menu .sidebar_cartoon{position:absolute;bottom:15px;right:15px}
 /* Sidebar End */
 .scroll_top { 
	 position: fixed;
	 right: 31px;	
	 bottom: 18px;
	 text-align: center; 
	 transition: .5s;
	 width: 35px;
	 height: 48px;
	 z-index: 999999; 
} 
.scroll_top .inner_scroll_top{
	position: relative;
}
.scroll_top .inner_scroll_top svg{
    position: absolute;
    top: 7%;
    margin: auto;
    left: 0;
    z-index: 9999;
    right: 0;

}
.scroll_top img {
    position: relative;
    z-index: 3;
    font-size: 20px;
	width:100%;
}

.select2-search--inline{display:none;}
/* Header Start */
.header-area{background: #fff;border: 2px solid #F7F7F7;padding:10px 60px 10px 5px;border-bottom: 1px solid #CCCCCC;position:sticky;top:0;z-index:1;}
.heading h2{color:var(--blue);font-weight: 500;font-size: 16px;line-height: 19px;}
.header-area .heading_header{font-weight: 600;font-size: 24px;line-height: 33px;font-family: 'Work Sans', sans-serif;margin-bottom:0;color: var(--pink);}
.header-area .profile_icon .round_img{height:30px;width:30px;border-radius:50%;overflow:hidden;display:inline-block}
.header-area .profile_icon .round_img img{height:100%;width:100%;background-size:cover}
.header-area .notification-area{display: flex;align-items: center;padding: 0;margin: 0;}
.header-area .notification-area .profile_area{display:flex;align-items:center}
.header-area .notification-area .profile_area .username{font-weight: 600;font-size: 12px;line-height: 14px;color: #303030;display: block;margin-bottom:2px}
.header-area .notification-area .profile_area .role{font-weight: 400;font-size: 12px;line-height: 14px;color: #303030;display:block;margin-bottom:0}
.dropdown-toggle::after{height:10px!important;width:10px!important;border-style: solid!important;border-color:var(--purple)!important;border-width: 0px 2px 2px 0px!important;transform: rotate(45deg)!important;}
.header-area  .dropdown-item img{padding-right:15px;}
.header-area .dropdown-menu li{border-bottom:1px solid #CCCCCC;padding: 5px 0;}
.header-area .notification-area .profile_area .name_role{padding-left:15px;padding-right:10px;}
.profile_right{display:flex;justify-content:flex-end}
.profile_area:after{display: none !important;;}
.profile_area .profile_dropdown{padding: 6px;background-color: #E7DDFF;border-radius: 3px;color: var(--purple);font-size: 12px;}
.dropdown-menu {
    padding-top: 0!important;
    margin-top: 18px!important;
    padding-bottom: 0!important;
}
.dropdown-menu  img{
	margin-top: -10px;
	width: 100%;
}
/* Header End */
/* Common Start */

/* .input_box select {padding: 10px;padding-right: 30px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url('../images/down_arrow.png');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;} */

.input_box select::-ms-expand {display: none;} 
.input_box input[type="file"]{font-size:14px;}
.pagination{background: #fff;display: flex;justify-content: flex-end;}
.pagination ul{margin-bottom:0;padding:10px 0;}
.pagination ul li a{color:var(--dark)!important;font-size: 14px;font-weight: 700!important;line-height: 16px;padding:2px 7px;margin: 0 10px;border-radius:5px!important;}
.pagination ul li a.active{background:#002245;color:#fff!important;}
.pagination ul li a span i{font-size:10px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e7ddff!important;
    color: black!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice , .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	font-size:14px!important;
	color:#002245!important;
	font-weight:500!important;
    line-height: 30px!important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
	border:0!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	border: 0 !important;
}

/* profile_model */
.profile_model .modal-content{padding:15px;}
.profile_model .name{color:var(--main);font-weight: 500;font-size: 22px;line-height: 26px;margin-bottom:0;margin-right:10px;}
.rounded_icon_btn{border-radius: 6px;font-weight: 500;font-size: 16px;line-height: 16px;margin:0 10px;padding:5px 10px;display: flex;align-items: center;}
.rounded_icon_btn.green{background-color: #9CD293;color:#29580C;}
.rounded_icon_btn.red{background-color: #D29393;color:#A70000;}
.rounded_icon_btn.blue{background-color: #B8D3FC;color:#002245;}
.rounded_icon_btn.whatsapp{background-color: #075E54;color:#fff;display:flex;padding: 10px 20px;}
.rounded_icon_btn.phone{background-color: #002245;color:#fff;display:flex;padding: 10px 20px;}
.whatsapp_call_col{display:flex;align-items:end;}

.heading_row{display:flex;align-items:center;}
.heading_row .three_btn{display: flex;}
.close_icon_col{display:flex;justify-content:end;align-items:center;}
.input_row{margin-top:25px!important}
.notes_row{padding-top:50px}
.notes_row .note_box{border: 0.5px solid #CCCCCC;border-radius:6px;padding:10px;}
.blue_small_heading{font-weight: 500;font-size: 16px;line-height:18px;color:var(--main);margin:0 10px 0 10px}
.note_box .text_content p{font-weight: 400;font-size: 14px;line-height: 20px; text-align: justify; color: #000000;padding-top:10px;margin-bottom:10px;}
.note_box .text_content p span{color:var(--main);}
.note_box .text_footer p{font-weight: 400;font-size: 14px;line-height: 14px;display: flex;align-items: center;text-align: justify;color: #ADADAD;margin-bottom:0}
.model_table td span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 .model_table td{line-height:12px;border:1px solid #EDEDED}
.model_table .time_col{width:100px;}
.main_heading h4{position: relative;display:inline-block;color: var(--pink);font-size:18px;;}
 /* Scrollbar Styling */
 ::-webkit-scrollbar {width:5px;height:5px;}
 ::-webkit-scrollbar-track {background-color: #ebebeb;}
 ::-webkit-scrollbar-thumb {background: var(--purple);}
 
/* Dashboard Start */
.inner-main-content{padding:20px 25px;position: relative;}
#myChart1{height:400px}
.chart_box{
	position: relative;
	padding: 15px;
	border:0.5px solid #CCCCCC;
	border-radius: 6px; 
}
.chart_heading{
	position:absolute;
}
.chart_heading h2{
	font-weight: 500;
font-size: 18px;
line-height: 21px;
color:#000
}
.year_select{
	position:absolute;
	right:15px;
	display:flex;
	align-items:center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 8px!important;
    width: 8px!important;
    border-style: solid!important;
    border-color: #ADADAD!important;
    border-width: 0px 1px 1px 0px!important;
    transform: rotate(45deg)!important;
}
.select2-container--default .select2-selection--single{
	border:0!important
}
.select2-container{
	width:100%!important;
}
.select2-selection__rendered {
    line-height: 38px!important;
    color: #ADADAD!important;
	border:1px solid #ADADAD!important;
	border-radius:8px
}
.wi-80 .select2-selection.select2-selection--single{
	position: relative;
	margin-right:20px;
	height:100%
}
.with_modal{
	display:flex;
}
.input_box select {
    width: 80%;
    border: 1px solid #E4DFDF;
    border-radius: 8px;
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: 17px;
    line-height: 19px;
    color: #ADADAD;
    padding: 7px 15px;
}
.validate-has-error {
    display: block;
    padding-top: 5px;
    font-size: 12px;
    color: #cc3f44;
    position: absolute;
    bottom: -20px;
}
.row.attri {
	
    background: #472f8454!important;

}
.year_select h3{
	color:var(--purple);
	
font-weight: 500;
font-size: 14px;
line-height: 16px;
margin:0;
padding-right:10px
}
.quatation_row .col-xl-8{
	display:flex;
}
.quatation_table_box , .quatation_chart_box{
	padding:15px;
	width:100%;
}
.quatation_table_box table tr td , .quatation_table_box table tr th{
	border:2px solid #EDEDED
}
.bg_bottom_shape{
    width: 100%;
    position: absolute;
    bottom: -4px;
    z-index: -1; 
}
.bg_top_shape{
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: -1; 
}
#myChart3{
	height:350px;
}
.quatation_table_box .renewal_table{padding-top: 20px;}
.dark_heading h2{font-weight: 500;font-size: 18px;line-height: 21px;text-transform: capitalize;color: #000000;margin-bottom:0;}
.dashboard_icon_section .dashboard_box {border: 0.5px solid #CCCCCC;border-radius: 6px;display: flex;justify-content: space-around;padding:5px 0px;align-items: center; transition:all 0.5s ease;background-color:#fff;}
.dashboard_box:hover{box-shadow:1px 2px 10px rgb(0 0 0 / 25%);border:1px solid var(--purple)}
.dashboard_icon_section .dashboard_box span{display:inline-block;color:var(--purple);text-transform: capitalize;font-weight: 400;font-size: 14px;line-height: 19px;}
.dashboard_icon_section .dashboard_box h4{margin-bottom:0;color:var(--purple);font-weight: 500;font-size: 26px;line-height: 33px;}
.calender_section{padding-top:12px;}
.updates_box_section{border:0.5px solid #ccc;border-radius:6px;padding:12px 12px 0 12px}
.heading{margin-bottom: 0;font-weight: 500;font-size: 25px;line-height: 30px;text-transform: capitalize;}
.updates_box_section .update_box{background-color:#EBF2FF;padding:10px;border-radius:6px;margin:15px 0;border:1px solid #EBF2FF;transition:all 0.5s ease;}
.updates_box_section .update_box:hover{border:1px solid var(--main);}
.mini_heading{font-weight: 600;font-size: 14px;line-height: 16px; text-align: justify;text-transform: capitalize;margin:15px 0 5px 0;color: #000000;}
.normal_text{font-weight: 400;font-size: 14px;line-height:20px;text-transform: capitalize;color: #232323;margin-bottom: 7px;}
.time_btn{background: #bddcd5;color:#848484;padding:6px 10px;font-weight:600;border-radius: 18px;font-size:12px}
.footer_row{align-items:center;} 
.update_box .row{justify-content:space-between;}
.dropdown-menu{padding-top:0!important;margin-top:18px!important;padding-bottom:0!important;}
.updates_box_section .update_box .profile_name .user_name{font-weight: 500;font-size: 14px;line-height: 17px;display:inline-block;color: #000000;}
.updates_box_section .update_box .location .location_name{font-weight: 500;font-size: 12px;line-height: 15px;color: #8F8F8F;display:inline-block;margin-bottom:0}
.updates_box_section .update_box .calender_date{font-weight: 400;font-size: 12px;line-height: 15px;display:inline-block;color: #8F8F8F;}
.updates_box_section .update_box .profile_name .user_name , .updates_box_section .update_box .calender_date{margin-bottom:7px}
/* Dashboard End */
/* Quotation Start */
.reference_section{border:0.5px solid #CCCCCC;border-radius: 6px; background-color: #fff;}
.reference_section .main_heading h4{margin-bottom:0;}
.reference_row {padding:0px 15px}
.reference_section .main_heading h4::before ,.reference_section .main_heading h4::after{display:none;} 
.reference_section .main_heading{border-bottom:0.5px solid #CCCCCC;padding:7px 15px;position: relative;}
.reference_section .main_heading[aria-expanded=false]:after{transform: rotate(45deg)!important;}
.reference_section .main_heading[aria-expanded=true]:after{transform: rotate(225deg)!important;}
.reference_section .last_col{margin-bottom:30px}
.add_quatation{display:inline-block;margin-top:35px;}
.quotation_details .main_heading:after{display: none;}
.reference_section th.first_radius {border-radius: 6px 0 0 0;}
.reference_section th.last_radius {border-radius: 0 6px 0  0;}
.reference_section .table thead tr th{background-color: var(--main);color:#fff}
.table thead tr{background-color: var(--purple);}
.table tbody{background-color: #fff;}
.table thead tr th{color:#fff}
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.current,.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background: #E30B7F!important;
	box-shadow: 0px 4px 4px rgba(0, 34, 69, 0.25);
	border-radius: 5px;
	color:#fff!important;
	border:0!important
}
.inner-main-content .select2-container--default .select2-selection--single{
	border-radius:8px!important;
	height:100%!important;
}
.inner-main-content table.dataTable{margin-bottom:0!important}
.inner-main-content .dataTables_info ,.inner-main-content .paging_simple_numbers{padding-top: 0 !important;;}
.inner-main-content div.dataTables_wrapper{background-color: #fff!important;}
 .inner-main-content .dataTables_filter{display:none;} 
/* .inner-main-content .dataTables_filter{padding:5px;} */

.table-responsive{border-radius:6px;}
.dataTables_length label{padding: 5px 0 5px 10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: #E30B7F!important;
	box-shadow: 0px 4px 4px rgba(0, 34, 69, 0.25);

	border:0!important;
	border-radius: 5px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
	background-color: transparent!important;
}
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button{
	font-weight: 700;
	font-size: 12px;
	line-height: 14px; 
	color: #232323!important; 
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
}
.reference_section .table .input_box{margin-top:0}
.reference_section .table td ,.reference_section .table th{border-style:none;vertical-align:middle;padding: 12px 25px;}
.submit_row{margin-bottom:20px}
.submit_row .rounded-btn{
	width:auto;margin:auto;margin-top:50px;
}
.discount_row{
	display:flex;
	align-items:center;
	justify-content: space-between;
} 
.discount_row.input_box input{margin-top: 0; width: 190px;}
.discount_col{
	padding:15px;
	border:0.5px solid #CCCCCC;
	border-radius:6px;
}
.products_list span{
	padding-right:15px;
}
.products_list{
	min-height:135px
}
.final_amount{
	padding:25px 0 0;
	border-top:1px solid #000;
}
.dark_btn{
	background-color: #002245;
	width: auto !important;
	padding:7px 30px!important;
}
.small_name{width:70px;}
.med_name{width:90px;} 
.move_to_customer a{width:auto;border:1px solid var(--main);background-color:#fff;color: #002245 !important;}
/* Quotation End */  
/* form */
.input_box h5 {font-weight: 500;font-size: 14px;line-height:16px;color:#002245;margin-bottom: 2px;}
.input_box input {width: 80%;border: 1px solid #C4C4C4;border-radius: 8px;padding: 6px 15px;line-height: 24px;background:#fff!important;margin-top: 7px;}
.input_box{margin-top:15px;position: relative;} 
.input_box select{width:80%}
.input_box input[type="radio"] {display:none;}
.long_address textarea{height:120px!important;}
.input_box .plus_icon {padding: 7px 10px;border: 1px solid  var(--main);color:#fff;text-align: center;border-radius: 5px;cursor: pointer;background-color: var(--main);}
.radio_btn{width:95%;display:flex;justify-content:space-between;}
.radio_btn label {width:48%;border:1px solid #E4DFDF;font-family: 'Work Sans';font-style: normal;font-weight: 400;font-size: 16px!important;color: #ADADAD;border-radius: 8px;padding:5px 10px;line-height:24px;}
.add_new_member{padding:20px;background:#F9F9F9;margin-bottom:50px;border-radius: 10px;}
.input_box textarea{width:100%;height:50px;background: #FFFFFF;border: 1px solid #ADADAD;border-radius: 8px;color: #ADADAD;color:var(--dark);padding: 7px 15px;}
.plus_round{color:var(--orange)!important;border:1px dashed var(--main); padding:5px 15px;border-radius: 8px;color:#007eff!important}
.orange_btn{background:#007eff!important;color:#fff!important;width:auto;display:inline-block}
.blue_btn{background:var(--main)!important;color:#fff!important;width:auto;display:inline-block}
.bg_blue{background:var(--main)!important;color:#fff!important;width:auto;display:inline-block}
.add {border:none!important;background:#007eff!important;color:#fff!important}
.submit_row{text-align:center}
.searchBar , .filter_box{display:inline-block}
.searchBar input {width: 90%;border:1px solid #333742;border-radius: 10px;padding: 5px 60px;line-height: 26px;}
.table_row{margin-top:25px!important;}
.master_table_li{margin-top:-15px;}
thead th{color:var(--pink);font-weight: 600;font-size: 14px;line-height: 17px; text-align:left;border-bottom: 0!important;}
.table_row th ,.table_row td{border:1px solid #EDEDED!important}
table.dataTable tbody th, table.dataTable tbody td{font-size:14px}
table.dataTable thead th, table.dataTable tfoot th{font-weight: 500!important;}
td span{display:inline-block;width:170px;font-size:14px;}
.number_col{display:inline-block;width: 35px;font-size:14px;}
.table_row thead tr th{padding:15px 10px;font-weight: 500;font-size:16px;}
.table_row  td{color:#232323;border:1px solid #EDEDED}
.filter_btn_header{display:flex;align-items:center;justify-content:flex-end}
.filter_section{margin-top:10px;border-radius:8px;padding:20px;background-color: #472f841a;border: 1px solid var(--purple);}
.table_body {background:#E4F3FA}  
.table_body .table-responsive{background:#fff}
.table_body .table-responsive td , .table_body .table-responsive th{border:1px solid #EDEDED;padding-left:10px!important;}
.table_body .table-responsive td{font-weight:600;font-size: 16px;line-height: 26px; letter-spacing: 0.2px; color: #252B42;}
.table_body .table-responsive th{color:#FE2572;font-weight:500;font-size: 16px;}
.table_body .table_section{margin-top:10px;}
.check_box input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.check_box label {position: relative;cursor: pointer;font-size: 16px!important;color: #212529!important;font-weight: 500!important;}
input:focus ~ label, input:valid ~ label {top: -20px;font-size: 10pt;color: var(--blue);}
.check_box label:before {content: ''; background-color: #fff;border:1px solid #C4C4C4;;box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;border-radius:4px;}
.check_box input:checked + label:before{background:var(--main)}
.check_box input:checked + label:after {content: '';display: block;position: absolute;top: 5px;left: 9px;width: 6px;height: 14px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.searchBar img {position: absolute;left: 25px;top: 25%;}
.filter_dropdown{width:100%;}
.filter_body .input_box h5{font-weight: 500;font-size: 18px;line-height: 21px;color: #252B42;}
.input_box select {width:100%;border: 1px solid #C4C4C4;border-radius: 8px;font-family: 'Work Sans';font-weight: 400;font-size: 17px;line-height: 19px;color: #7c7b7b;;padding:9px 15px;position: relative;}
/* .input_box select:after{content: "";position:absolute;right:0;top:0;bottom:0;margin:auto;} */
.attri{background: #F9F9F9;border-radius:10px;margin-top:30px!Important;padding:10px 0 10px 0;}
/* call list  */
.table textarea{padding:15px;}
.table .status{color:var(--main)}
.table .customer_name{font-weight:600;}
.input_box input[type="date"] {display: block;position: relative;background: url(../images/calendar.svg) #fff right 1rem center no-repeat!important;cursor: pointer;color: #000;;border: 1px  solid #C4C4C4;;}
input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;}
input[type=radio] {position: absolute;opacity: 0;}
input[type=radio] + .radio-label:before {content: "";background: #fff;border-radius: 100%;border: 1px solid #C4C4C4;display: inline-block;width:20px;height:20px;position: relative;margin-right:7px;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;}
input[type=radio]:checked + .radio-label:before {background-color: #fff;box-shadow:inset 0 0 0 5px #161f6d}
input[type=radio]:focus + .radio-label:before {outline: none;border-color: #3197EE;}
input[type=radio]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
input[type=radio] + .radio-label:empty:before {margin-right: 0;}
.login_section span.toggle-password{position: absolute;right: 10px;bottom: 50%;top: 65%;font-size: 13px;color:#ccc}
.inspection_row .chart_box{background:#fff;padding:30px 9px;position:relative}
.w_80{width: 80% !important;}
.filter_box_inner{text-align:right;width:100%}
.stock_list .dropdown-toggle::after{
	display:none;
}
.action_col span{
    display:flex;
}
.view_quotation td span{
    width:auto!important;
}
.action_col .dropdown-item:focus , .action_col .dropdown-item:hover{
    color:#000;
}
.check_box label {
    position: relative;
    cursor: pointer;
    font-size: 16px!important;
    color: #212529!important;
    font-weight: 500!important;
}
 
.checkbox_col input:focus ~ label, input:valid ~ label{
	top:10px;
}
.check_box label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #C4C4C4;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
}
input[type=radio]:checked + .radio-label:before {
    background-color: #fff;
    box-shadow: inset 0 0 0 5px #161f6d;
}
.radio_btn1{display:inline-block;padding-top:10px; padding-right:20px;}
input[type=radio] + .radio-label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #C4C4C4;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 7px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.check_box input:checked + label:before {
    background: var(--main);
}
.check_box input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.overlay-wrapper {position: fixed;z-index: 999;height: 100vh;width: 100%;display:none;top: 0;left: 0;bottom: 0;right: 0;background:radial-gradient(rgb(20 20 20 / 35%), rgb(0 0 0 / 1%));}			.spinner {width: 75px;
	height: 75px;
	display: inline-block;
	border-width: 5px;
	border-color: rgb(0 0 0 / 35%);
	border-top-color: #1e1e1e;
	animation: spin 1s infinite linear;
	border-radius: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	border-style: solid;}
	/* Animation */ 
	@keyframes spin {
	100% {
	transform: rotate(360deg);
	}
}
.filter_box{border:1px solid #333742;border-radius: 6px;padding: 6px;}
.filter_box_inner img{border:1px solid;padding:9px 5px;}
.chart_lable_box {height: 15px;width: 15px;border-radius: 5px;display: inline-block;margin: 0 5px 0 0;}
.left_box{display:flex;align-items:center;}
.main-content .inner-main-content {min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px))!important; }
 
.chart_lable_box.orange {background: #FD7E00;}
.chart_lable_box.red{background:#C73100;}
.chart_lable_box.light_blue{background:#4681AF;}
.chart_col{display:flex;align-items:center}
.districtwise_table{margin:20px 0 0 0!important}
.districtwise_table td{font-weight:400!important;color:var(--blue)!important;border:0.5px solid #000000;border-bottom: 0;padding:12px 0!important;text-align:center;border-top: 0;}
.districtwise_table tr:last-child td{border-bottom:0.5px solid!important;}
.districtwise_table thead th{color:var(--blue);font-weight: 700;font-size: 16px;line-height: 19px; text-align: center;border:0.5px solid }
.districtwise_table tbody tr:nth-child(odd){background:#fff!important}
.same_box{height:100%;background:#fff;padding:7px;border-radius: 6px;}
.red_heading h4{margin-bottom: 0;font-size: 18px;padding-left:7px;}
.counter2{margin-bottom:0;padding:7px;
	border-radius:5px;
	background-color: var(--main);
	color:#fff;
    font-size: 14px;display: inline-block;}
.first_row{padding:0 0 50px}
.menu_dropdown{
    background: #472f84!important;
	color: #fff !important;
    border: 0!important;} 
.menu_dropdown:focus{
	box-shadow:none;
}
.btn:focus{
	box-shadow:none!important;
}
.input_row_col{display:flex;}
.input_row_col .input_box{margin-right:20px;width:200px}
.Work_involved .filter_box_inner{ width:auto;margin-left:15px}
.rounded-btn.dashed_btn{background:transparent!important;border:2px dashed var(--purple);color:var(--pink)!important;padding:2px 8px;}
button.rounded-btn{padding:4px 25px!important;}
.footer {border-top:1px solid #CCCCCC;padding:7px 0px;}
.footer span{font-weight: 500;color: var(--purple)!important;font-size:14px;font-family:'Work Sans', sans-serif!important;;}
.footer span a{color:var(--pink)}
/* Respons.footer {
    background: #E4E6E7;
    padding:15px 10px;
}
.footer span{font-weight: 600;color: var(--blue)!important;font-size:16px;font-family:'Work Sans', sans-serif!important;;}ive */

@media(min-width:1821px){
	.input_box input ,  .radio_btn{width:100%}
	.right_add{display:flex;justify-content:flex-end;align-items:Center}
}
@media (min-width:1400px) and (max-width:1820px){
	.input_box input , .radio_btn{width:100%}
	.right_add{display:flex;justify-content:flex-end;align-items:Center}

}
/*Laptop*/
@media (min-width:1200px) and (max-width:1399px){
	/* Dashboard */
	.renewal_table tbody th .name{ padding: 12px 0 0 0;display: inline-block;width: 100px;}
	.table .name{display:inline-block;width: 180px;}
	.small_name{display:inline-block;width:70px}
	.med_name{display:inline-block;width:120px}
	.table .customer_name{width:200px}
	/* Form Start */
	.input_box input{width:100%}
	.right_add{display:flex;justify-content:flex-end;align-items:Center}
	.submit_row {justify-content:center}
	.input_box input , .input_box [type=file] + label, .radio_btn, .input_box textarea{width:100%}
}

/*Mini Lp*/
@media (min-width:992px) and (max-width:1199px){
	.login_section{overflow-y:hidden}
	.login_section .login-form{padding:120px 0 0}
	.login_section .logo{padding-bottom:70px;}
	.login_section form{width:270px}

	/* Dashboard */
	.dash_body{overflow-x:hidden}
	.fc-day-grid-container{height: 100% !important;}
	.dash_body .inner-main-content{padding:40px!important } 
	 .inner-main-content{padding:40px 0}
	.right_box{display:flex;justify-content:center}
	.chart_box{margin-bottom:50px;} 
	.rev_and_cat .cat_box_main{padding: 0 10px;margin: 10px 0;}
	.renewal_table tbody th .name{ padding: 12px 0 0 0;display: inline-block;width: 100px;}
	.table .name{display:inline-block;width:150px;}
	tbody, td, tfoot, th, thead, tr{text-align:center}
	.search_row , .right_export{display:flex;justify-content:center}
	.right_export{margin-top:20px!important;}
	.rev_and_cat .cat_box_main .cat_box{padding:40px 0 40px 0;}
	.input_box input{width:100%}
	.radio_btn{width:100%}
	.modal-lg, .modal-xl{max-width: 950px!important;}
 }



 @media (min-width:768px){
	.sidebar_collapsed.page-container {
		padding-left: 80px;
	}
	.sidebar_collapsed .sidebar-menu {
		width: 80px;
	}
	.sidebar_collapsed #menu .metismenu li:hover a, .sidebar_collapsed #menu li.item.active a {
		border-radius: 0!important;
	}
	.sidebar_collapsed #menu .metismenu li a {
		padding-left: 0!important;
		display: flex; 
		justify-content:center;
		padding: 10px 0;
	}
	.sidebar_collapsed .metismenu > li a span {
		display: none;
	}
	.sidebar_collapsed #menu .metismenu .menu-level-2 li a{justify-content: flex-start;}
	.sidebar_collapsed .metismenu .menu-level-2 li a span{display: block;}
	.sidebar_collapsed #menu .metismenu li a img {
		width: 20px;
	}
	.sidebar_collapsed .sidebar-menu {
		left: 0;
	}
	.sidebar_collapsed #menu .metismenu .sidebar_icon{display:none;}
	.sidebar_collapsed .metismenu {padding:0;}
	.sidebar_collapsed .sunshinhe_mini_logo {
		display: block;
		width: 50%;
		margin: auto;
	}
	.sidebar_collapsed .sidebar-header .main_logo {
		display: none;
	}
	.sunshinhe_mini_logo {
		display: none;
	}
	.sidebar_collapsed #menu .metismenu li:hover ul {
		display: block;
		height: auto!important;
		padding: 0;
		width: 170px;
		text-align: left;
		position: absolute;
		top: 0;
		left: 100%;
		transition: all 0.5s ease;
		border: 0.5px solid #CCCCCC;
		box-shadow: 4px 0px 4px rgb(0 0 0 / 25%);
		border-radius: 6px;
		background-color: #fff;
		overflow:hidden;
	}
	.sidebar_collapsed .menu-level-2{padding-left: 10px!important;}
	.sidebar_collapsed #menu .metismenu .menu-level-2 li:last-child a:after{left:0}
	.sidebar_collapsed .metismenu .collapse.in ,.sidebar_collapsed .collapsing{display:none;}
	.sidebar_collapsed #menu .metismenu .menu-level-2 li a:after{z-index:0;left: -2px;}
	.sidebar_collapsed #menu .metismenu .item .link[aria-expanded]:before{display:none;}
	.sidebar_collapsed #menu > ul{padding:0 0 20px 0!important}
}

/*Tablet*/
@media (min-width:768px) and (max-width:991px){
	.login_section{overflow-y:hidden}
	.login_section .login-form{padding:120px 0 0}
 	.login_section .part-img{display:none!important}
	.login_section form{width:550px;line-height:2}
	.login_section .form-group {margin-bottom:100px;}
	
	/* Dashboard */
	.dash_body{overflow-x:hidden}
	.updates_box_section{margin-top:25px;}
	.fc-day-grid-container{height: 100% !important;} 
	.chart_box{margin-bottom:30px;justify-content:center} 
	.header-area .heading_header{font-size:24px;}
	 .inner-main-content{padding:0 30px 40px}
	.header-area{padding:15px 30px}
    .rounded-btn{padding:7px 10px;}
    .filter_icon{display:inline-block}
	.header-area .notification-area li{padding: 0 10px 0 0 }
	.header-area .notification-area .profile_area .username{font-size: 15px;margin-left: 10px;}
	 .right_box{display:flex;align-items:center;justify-content:center}
	.search_input{width:350px;}
	.renewal_table tbody th .name{ padding: 12px 0 0 0;display: inline-block;width: 100px;}
	.searchBar input{width:90%}
    .searchBar {width:75%}
	.filter_row .right_export {text-align: center;padding-top:20px;}
	.table .name{display:inline-block;width:150px;}
	tbody, td, tfoot, th, thead, tr{text-align:center}
	/* Form Start */
 	.personal_details .right_personal , .add_new_member .right_personal{text-align:right}
	.input_box input , .input_box [type=file] + label , .radio_btn , .input_box textarea{width:100%}
	.input_box{padding-bottom:25px;}
	.name_row, .number_row, .card_row, .date_row, .landmark_row, .area_row, .address_textarea{padding:0}
	.address_radio .add_member_btn{text-align:Center;}
	/* Insurance Start */
	.select_search .search_row{padding:20px 0 30px 0}
	.select_search  .without_radius{margin:0;}
	.search_btn{text-align:Center}
	.chart_col{margin:auto}
	.right_add{display:flex;justify-content:center;align-items:Center}
	.plus_round{padding:8px 15px}

	.area_section ,.address_section{padding-top:0}
	.input_box{margin-top:0}
	.same_box{height:auto}
	.heading h2 {margin-top: 30px;}
	.chart_col {justify-content:center;height:250px;margin-bottom:30px;}
	.first_row{padding:0}
	
	.profile_model .heading_row{display:inline-block;}
	.profile_model .modal-content>.row{align-items:flex-start;}
	.profile_model .name{font-size:20px}
	.profile_model .heading_row h4{padding-bottom:15px}
	.input_row_col{display:inline-block;}
	.input_row_col .input_box{width:100%}
	.profile_model .note_box{margin-bottom:15px;}
	.profile_model .last_interaction {padding-top:0;margin-bottom:30px}
	.model_form_row {padding-top:20px}
	.modal-dialog{max-width:600px!important}
}

@media (min-width:576px) and (max-width:767px){
	.login_section{overflow-y:hidden}
	.login_section .login-form{padding:120px 0 0}
	.login_section .logo{padding-bottom:70px;}
	.login_section .part-img{display:none!important}

	/* Dashboard */
	.dash_body{overflow-x:hidden}
	.fc-day-grid-container{height: 100% !important;}
	.updates_box_section{margin-top:25px;}
    
    .page-container, .sidebar_collapsed.page-container{padding-left: 0;}
    .sidebar-menu {position: fixed;left: -90%;top: 0;height: 100vh;width: 90%;}
	.sidebar-menu .sidebar-header {padding: 20px 0 50px 30px;}
	.nav-btn {margin-right: 15px;}
    .filter_btn_header{justify-content:center;margin-top:20px!important;margin-bottom:20px!important}

	.sidebar_collapsed .metismenu > li a span{display: inline-block;}
	.sidebar_collapsed .sunshinhe_mini_logo{display:none;}
	.sidebar_collapsed .sidebar-header .main_logo{display:block;}
	.sidebar_collapsed #menu .metismenu li a{justify-content:start;padding-left: 50px!important;}
	.sidebar_collapsed .sidebar-menu {width: 85%;left: 0;}
	.sidebar_collapsed .nav-btn {margin-right: 15px;position: fixed;z-index: 99;right: 0;top: 0;background: var(--purple);margin: 0;padding: 14px;}
	.sidebar_collapsed .nav-btn span {background: #fffbfb;}
	.header-area{padding:0 20px}
	.header-area .notification-area li{padding: 0 10px;}
	.profile_right{padding:15px 0;display:flex;align-items:center;justify-content:end!important}
	.chart_box{margin-bottom:30px;}
 	.right_box{display:flex;justify-content:center}
	.search_input{width:400px}
	.inner-main-content{padding:0 20px 40px;}
	.renewal_table tbody th .name{    padding: 12px 0 0 0;display: inline-block;width: 100px;}
	.table .name{display:inline-block;width:150px;}
	tbody, td, tfoot, th, thead, tr{text-align:center}
	.search_row , .right_export{display:flex;justify-content:center}
	.right_export{margin-top:20px!important}
	/* Form Start */
 	.input_box{padding-bottom:25px;margin-top:0}
	.name_row, .number_row, .card_row, .date_row, .landmark_row, .area_row, .address_textarea{padding:0}
	.add_new_member .right_personal{display:none}
	.input_box input , .input_box [type=file] + label , .radio_btn , .input_box textarea{width:100%}
	/* Insurance Start */
	.select_search .search_row{padding:20px 0 30px 0}
	.select_search  .without_radius{margin:0;}
	.search_btn , .filter_row .right_export{text-align:Center}
	.table_col{padding-top:50px;}

	.filter_btn_header{justify-content:center;margin-top:20px!important;margin-bottom:20px!important}
    .tab_view .nav-tabs .nav-link{padding:5px 20px!important}
    .same_box{height:auto}
    .heading h2{margin-top:30px}
    .total_inspection h3 , .total_inspection span{text-align:center}
    .img_row{width:100%;text-align:center}
    .first_row{padding:0}
    .chart_col{height:200px;justify-content:center}
    .Work_involved .tab_view{justify-content:center!important;margin-top:10px}


	
	.profile_model .heading_row{display:inline-block;}
	.profile_model .modal-content>.row{align-items:flex-start;}
	.profile_model .name{font-size:20px}
	.profile_model .heading_row h4{padding-bottom:15px}
	.input_row_col{display:inline-block;}
	.input_row_col .input_box{width:100%}
	.profile_model .note_box{margin-bottom:15px;}
	.profile_model .last_interaction {padding-top:0;margin-bottom:30px}
	.model_form_row {padding-top:20px}
	.table_header{padding-top:20px}
	.left_box{justify-content:center;}
}

/*Mobile p*/
@media (max-width:575px) {


	.login_section{overflow-y:hidden}
	.login_section .login-form{padding:100px 50px}
	.login_section .logo{padding-bottom:70px;}
	.login_section .part-img{display:none!important}

	/* Dashboard */
	.dash_body{overflow-x:hidden}	
	.fc-day-grid-container{height: 100% !important;}
	.updates_box_section{margin-top:25px;}
    
	.page-container, .sidebar_collapsed.page-container{padding-left: 0;}
    .sidebar-menu {position: fixed;left: -90%;top: 0;height: 100vh;width: 90%;}
	.sidebar-menu .sidebar-header {padding: 20px 0 50px 30px;}
	#menu .metismenu li .menu-level-2 a{padding-left:20px;}
	
	.sidebar_collapsed .metismenu > li a span{display: inline-block;}
	.sidebar_collapsed .sunshinhe_mini_logo{display:none;}
	.sidebar_collapsed .sidebar-header .main_logo{display:block;}
	.sidebar_collapsed #menu .metismenu li a{justify-content:start;padding-left: 50px;}
	.nav-btn {margin-right: 15px;}
	.sidebar_collapsed .sidebar-menu {width: 85%;left: 0;}
	.sidebar_collapsed .nav-btn {margin-right: 15px;position: fixed;z-index: 99;right: 0;top: 0;background: var(--main);margin: 0;padding: 14px;}
	.sidebar_collapsed .nav-btn span {background: #fffbfb;}
	.header-area{padding:0 20px}
 	.profile_right{padding:15px 0;display:flex;align-items:center;justify-content:space-around!important}
	.chart_box{margin-bottom:30px;}
    .filter_btn_header{justify-content:center;margin-top:20px!important;margin-bottom:20px!important}


 	.right_box{display:flex;justify-content:center}
	.search_input{width:300px}
	.inner-main-content{padding:0 10px 40px}
	 .renewal_table tbody th .name{ padding: 12px 0 0 0;display: inline-block;width: 100px;}
	 .table_header{padding-top:20px}
	 .left_box{justify-content:center;}
	.table_col{margin-top:50px!important;}
	.table .name{display:inline-block;width:150px;}
	tbody, td, tfoot, th, thead, tr{text-align:center}
	/* Form Start */
 	.input_box{padding-bottom:20px;margin-top:10px;}
	.name_row, .number_row, .card_row, .date_row, .landmark_row, .area_row, .address_textarea{padding:0}
	.add_new_member .right_personal{display:none}
	.input_box input , .input_box [type=file] + label , .radio_btn , .input_box textarea{width:100%}
	.right_export{display:flex;justify-content:center;margin-top:25px!important;}
	.filter_btn_header{justify-content:center;margin-top:20px!important;margin-bottom:20px!important}
    .tab_view .nav-tabs .nav-link{padding:5px 20px!important}
    .same_box{height:auto}
    .heading h2{margin-top:30px}
    .total_inspection h3 , .total_inspection span{text-align:center}
    .img_row{width:100%;text-align:center}
    .first_row{padding:0}
    .chart_col{height:200px;justify-content:center}
    .Work_involved .tab_view{justify-content:center!important;margin-top:10px}

	.profile_model .heading_row{display:inline-block;}
	.profile_model .modal-content>.row{align-items:flex-start;}
	.profile_model .name{font-size:20px}
	.profile_model .heading_row h4{padding-bottom:15px}
	.input_row_col{display:inline-block;}
	.input_row_col .input_box{width:100%}
	.profile_model .note_box{margin-bottom:15px;}
	.profile_model .last_interaction {padding-top:0;margin-bottom:30px}
	.model_form_row {padding-top:20px}
}

@media (min-width: 240px) and (max-width: 479px){
	/* Dashboard */
	.header-area .heading_header{font-size:20px}
	.sidebar_collapsed .metismenu > li a span{display: inline-block;}
	.sidebar_collapsed .sunshinhe_mini_logo{display:none;}
	.sidebar_collapsed .sidebar-header .main_logo{display:block;}

	.sidebar_collapsed #menu .metismenu li a{justify-content:start;padding-left: 50px;}
	.fc-day-grid-container{height: 100% !important;}
	.updates_box_section{margin-top:25px;}
	.dash_body{overflow-x:hidden}
	.filter_row .right_export{text-align: center;margin-top:20px;}
	.table_col{margin-top:50px!important;}
    .page-container, .sidebar_collapsed.page-container{padding-left: 0;}
    .sidebar-menu {position: fixed;left: -90%;top: 0;height: 100vh;width: 90%;}
	.sidebar-menu .sidebar-header {padding: 10px 0 25px 30px}
	.nav-btn {margin-right: 15px;}
	.sidebar_collapsed .sidebar-menu {width: 85%;left: 0;}
	.sidebar_collapsed .nav-btn {margin-right: 15px;position: fixed;z-index: 99;right: 0;top: 0;background: var(--purple);margin: 0;padding: 14px;}
	.sidebar_collapsed .nav-btn span {background: #fffbfb;}
	.header-area{padding:0 20px}
 	.profile_right{padding:15px 0;display:flex;align-items:center;justify-content:space-around!important}
	.chart_box{margin-bottom:30px;}
 	.inner-main-content{padding: 0 15px 30px 15px;}
	 .renewal_table tbody th .name{padding: 12px 0 0 0;display: inline-block;width: 100px;}
	.table .name{display:inline-block;width:150px;}
	tbody, td, tfoot, th, thead, tr{text-align:center}
	.searchBar input{width:90%}
	.search_row{display:flex;justify-content:center}
	.dashed_btn{padding:6px 40px;}
	.right_export{display:flex}
	.right_add{display:flex;justify-content:center;align-items:Center}
	.submit_row {text-align:center}
    .filter_btn_header{justify-content:center;margin-top:20px!important;margin-bottom:20px!important}
    .tab_view .nav-tabs .nav-link{padding:5px 20px!important}
    .same_box{height:auto}
    .heading h2{margin-top:30px}
    .total_inspection h3 , .total_inspection span{text-align:center}
    .img_row{width:100%;text-align:center}
    .first_row{padding:0}
    .chart_col{height:200px;justify-content:center}
    .Work_involved .tab_view{justify-content:center!important;margin-top:10px}

	.profile_model .heading_row{display:inline-block;}
	.profile_model .modal-content>.row{align-items:flex-start;}
	.profile_model .name{font-size:20px}
	.profile_model .heading_row h4{padding-bottom:15px}
	.input_row_col{display:inline-block;}
	.input_row_col .input_box{width:100%}
	.profile_model .note_box{margin-bottom:15px;}
	.profile_model .last_interaction {padding-top:0;margin-bottom:30px}
	.model_form_row {padding-top:20px}
}