@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 {
	--main:#EB2E32;
	--dark: #232323;
}
*{margin: 0;padding: 0;box-sizing: border-box;}


::selection{color:#fff;background:var(--main)}
body{font-family: 'Work Sans', sans-serif!important;overflow-x:hidden!important;transition:all 0.5s;position:relative}
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;max-width: 100%;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(--main);border-radius: 8px;padding:7px 33px;border:0;font-weight:500;font-size:16px;line-height:25px;}


/* Login form Start */
 
.login_section .form-group {position: relative;margin-bottom: 50px;}
.login_section .form-group input {display: block;width: 100%;font-size:18px!important;padding: 10px;border: none;border-bottom: 1px solid #F5F5F5;background:none;position:relative;color:#F5F5F5;}
.login_section label {position: absolute;top: 10px;left: 5px;color: #F5F5F5!important;font-size: 14pt;font-weight: normal;pointer-events: none;transition: all 0.2s ease;}
input:focus ~ label,input:valid ~ label {top: -20px;font-size: 10pt;color: #F5F5F5;}
.login_section .part-img{height:100vh;background:var(--orange);}
.login_section .part-img img{width:100%}
.login_banner{padding:0 40px;background-color:#EBEBEB}
.checkbox_form{color:#F5F5F5;}
.login_section .welcome_text{padding-top:10px;padding-bottom:50px;color: #F5F5F5;font-weight: 400;font-size: 14px;display:inline-block}
.login_section .login-form{padding:50px 40px;height:100vh;display:flex;justify-content:center;align-items:center;background:#353535;}
.login-part h2{font-style: normal;font-weight: 600;font-size: 24px;color:#fff;line-height: 29px; }
.login_section form{width:350px;margin:auto;text-align:center}
.login_section .logo{display:flex;justify-content:center;padding-bottom:70px;}
.login_section .form-bottom a{text-decoration:none;color:#F5F5F5;font-size:14px;display:flex;align-items:center;}
.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;bottom: 50%;top: 50%;font-size: 13px;color:var(--main)}
.login_section .remember_me span{color:var(--main);font-size:14px;}
.login_section .remember_me {display:flex;align-items:center}
.login_section .remember_me .form-check-input[type=checkbox]{margin:0 10px 0}
.form-check-input{ width: 1em!important;height: 1em!important;background-color:transparent!important;border:1px solid var(--main)!important}
.form-check-input:checked[type=checkbox]{background-color:var(--main)!important}
.checkbox_form{position:relative!important}
.checkbox_flex{display:flex;margin-right:7px;align-items:center}
.login_banner img{width:500px!important;margin:auto}


/* Sidebar Start  */

.page-container{width: 100%;height: 100%;min-height: 100vh;padding-left: 300px;-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: 300px;overflow: auto;background:#1C283D;box-shadow: 2px 0 32px rgb(0 0 0 / 5%);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.sidebar-menu .sidebar-header{padding:5px 0 5px 0;text-align:center}
.sidebar-header img{width:70px;}
.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(--main);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 .sidebar-menu {left: -300px;}
.sidebar_collapsed.page-container {padding-left: 0;}
#menu .metismenu li a{line-height: 30px;text-decoration: none;display: block;color: #fff;position: relative;padding:7px 0 7px 40px;transition: all 0.5s ease;border-bottom: 0.5px solid #948a864f;opacity:0.5;border-bottom:0}
#menu .metismenu li a:hover{opacity:1;background: #ffffff2e;border-radius: 6px;}
.menu-level-2 li{margin:0!important;}
.menu-level-2 li a{border-left:1px solid #FFFFFF;opacity:0.5;}
#menu li.item.active a{opacity:1;background: #ffffff2e;border-radius: 6px;}
#menu .item{position:relative;margin:15px 0;transition:all 0.5s ease;}
#menu  ul{padding:0 20px;}
#menu ul  .item.active i{padding-bottom:15px} 
#menu li.item.active ul li a {
    opacity: 0.5;
    background: transparent;
    border-radius: 0;
    padding: 7px 0;
    position:relative;
}
#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 li.item.active ul li a:before{
   content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    left: -12px;
    background: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    opacity: 0.1;
}
#menu .menu-level-2 li:hover a {opacity:1!important}
#menu li.item.active ul li a.inner_active{opacity:1!important;}
.sidebar_icon{position:absolute;left: 0;top: 0;height: 100%;opacity:0;}
#menu ul  .item.active .sidebar_icon{opacity:1;}
#menu ul  .item:hover .sidebar_icon{opacity:1;}
#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 12px 12px 0}
#menu .item li a span{padding-left:30px;display: inline-block;}
.metismenu a{color:#fff}
a.card_span.link.inner_active span {color: #f96e35;}
.metismenu a span{padding-left:15px;}
.menu-level-2 li{padding:0 0 0 30px!important;margin:7px 0;}
.inner_active{font-weight:600;}
.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:0;}

#menu .item i{padding-left:20px;}
.menu-level-2 .item a.inner_active{background: #ffffff4a;padding: 2px 0 0 50px;border-radius: 5px;color: #f96e35;}
 /* Sidebar End */

/* Header Start */
.header-area{background: #fff;border: 2px solid #F7F7F7;padding:10px 60px 10px 5px;}
.header-area .heading_header{font-weight: 600;font-size: 28px;line-height: 33px;font-family: 'Work Sans', sans-serif;margin-bottom:0;color: var(--main);}
.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 li{padding:0 0 0 20px ;}
.header-area .notification-area .profile_area{display:flex;align-items:center}
.header-area .notification-area .profile_area .username{font-size: 18px;margin-left: 18px;color: var(--main);}
.profile_right{display:flex;justify-content:flex-end}
 /* Header End */
 /* Common Start */

table td , table th{padding:10px 25px!important}
.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%;
}

/* For IE (thanks to @SaiManoj) */
.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;

}
.pagination ul li a.active{
    background:var(--main);
    color:#fff!important;
}

/* Dashboard Start */
.dash_body{background:#EBEBEB;text-align:left;}
.inner-main-content{padding:40px 50px 100px}
.main-content .inner-main-content{min-height:calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px))!important;}
.rev_and_cat .cat_box_main{padding: 8px;}
.cat_box a{color:var(--dark)!important}
.rev_and_cat .cat_box_main .cat_box{display:flex;align-items:center;padding:40px 0 40px 50px;background:#F9F9F9;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}
.rev_and_cat .cat_box_main .cat_box .part-text p{margin-bottom:5px; font-weight: 500;font-size: 16px;line-height: 19px;color:#F96E35;}
.rev_and_cat .cat_box_main .cat_box .part-text h2{font-weight:500;font-size: 36px;line-height: 42px;color: var(--main);margin:0}
.rev_and_cat .cat_box_main .cat_box  .part-text{padding-left:20px;}
.add_section.rev_and_cat .cat_box_main .cat_box{border:2px solid var(--main);transition:all 0.5s ease;cursor:pointer}
.add_section.rev_and_cat .cat_box_main .cat_box:hover{background:#f9f9f970;border:2px solid #F96E35}
.add_section .cat_box_main .cat_box a{color:var(--main)!important}
.add_section .cat_box_main .cat_box h2{color:#F96E35!important}
.dropdown-toggle-split{background:transparent!important;color:#000!important}
.filter_dropdown{box-shadow:none!important;border-radius:8px!important;border:1px solid #E4DFDF!important}
.status_btn{background:#b0fba45c!important;color: #7FC874!important;border-radius:8px!important;}
.edit-img{padding-right:15px;}
.table_section{background:#fff;margin:50px 0}
.table_section td , .table_section th{border:3px solid #EBEBEB;vertical-align:middle}
.chart_box{background:#F9F9F9;border-radius:10px;height:100%;display:flex;align-items:center}
/* Dashboard End */
.footer {background: #E4E6E7;padding:15px 10px;}
.footer span{font-weight: 600;color: var(--dark)!important;font-size:16px;font-family:'Work Sans', sans-serif!important;;}
/* form */
.red_heading h4{font-family: 'Work Sans';font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;color: #F96E35;display:inline-block;padding-bottom:7px;position:relative;}
.red_heading h4:before{content: "";position: absolute;bottom: -3px;left: 0;height: 5px;background: var(--main);width: 100%;border-radius: 4px 4px 0px 0px;}
.red_heading h4:after{content: "";position: absolute;bottom: -3px;left: 0;height: 2px;background: var(--main);opacity: 0.1;border-radius: 5px;width: 200%;}
.input_box h5 {font-size: 16px;color:var(--main)}
.input_box input {width: 80%;border: 1px solid #E4DFDF;border-radius: 8px;padding: 6px 15px;line-height: 24px;}
.input_box{margin-top:20px}
.input_box select{width:80%}
.input_box input[type="radio"] {display:none;}
.input_box .plus_icon {padding: 7px;border: 1px solid #ADADAD;color: var(--main);text-align: center;border-radius: 5px;cursor: pointer;}
.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:98%;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:#F96E35!important}
.orange_btn{background:#F96E35!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:#F96E35!important;color:#fff!important}
.submit_row{text-align:center}
.searchBar , .filter_box{display:inline-block}
.searchBar input {
    width: 90%;
    border: 1px solid #05445E;
    border-radius: 10px;
    padding: 5px 60px;
    line-height: 26px;
}
.rev_and_cat .table , .table_row .table{
    background:#fff!important;
}
.table_row{
    margin-top:10px!important;
}
.master_table_li{margin-top:-15px;}
thead th{color:var(--main)}
tbody tr:nth-child(odd) {background-color: #FFFBFB;}
.filter_btn_header{display:flex;align-items:center;justify-content:flex-end}
.filter_section{margin-top:10px;border-radius:8px;padding:20px;}
.filter_section .red_heading{margin-bottom:10px;}
 
.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: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #212529;
    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:5px;
}
.check_box input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid var(--main);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
 .searchBar img {
    position: absolute;
    left: 25px;
    top: 25%;
}
.filter_box img {
    border: 2px solid #05445E;
    padding: 9px;
    border-radius: 8px;
}
.input_box select {width:100%;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;}
.radio_btn1{display:inline-block;}
.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.png) right 1rem center no-repeat #fff;
    cursor: pointer;
    color: #ADADAD;
    border: 1px solid #E4DFDF;
 
}
 input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;}
input[type=radio] {
  position: absolute;
  opacity: 0;
}
input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #000;
  display: inline-block;
  width:20px;
  height:20px;
  position: relative;
   margin-right:7px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.invalid-feedback{ margin-top: 0!important;}
.form_section .row{padding:8px;border-radius:8px;background:#fff!important;margin-bottom:30px;}
.cars_child_add .input_box{margin-top:0!important;}
.cars_child_add .attri:first-child , .cars_child_add .attri1:first-child .cars_child_add .attri2:first-child{margin-top:10px!Important;}

.attri .rounded-btn , .attri1 .rounded-btn , .attri2 .rounded-btn{padding:7px 12px!Important;}
.numberand_btn_row {margin-bottom:0!important;}
.attri .phone_row , .attri1 .phone_row, .attri2 .phone_row{margin-bottom:0!important;}
.name a i {font-size:16px;color:#212529;}
.row1 .extra_row{
        padding: 8px;
    border-radius: 8px;
    background: #fff!important;
    margin-bottom: 30px;
}
 input[type=radio]:checked + .radio-label:before {
  background-color: var(--main);
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
 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;
}
/* Responsive */

@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 */
	.rev_and_cat .cat_box_main .cat_box{height:100%;padding:0;padding:20px;text-align:center;display:block}
	.rev_and_cat .cat_box_main .cat_box .part-text p{padding-top:10px}
	.rev_and_cat .cat_box_main .cat_box .part-text{padding:0}
	.rev_and_cat .cat_box_main .cat_box .part-text h2{font-size:27px}
	.heading{padding-bottom:15px;}
	.renewal_table tbody th .name{ padding: 12px 0 0 0;display: inline-block;width: 100px;}
	.table .name{display:inline-block;}
	.table .customer_name{width:200px}
	tbody, td, tfoot, th, thead, tr{text-align:center}
	/* 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}
	.dash_body .inner-main-content{padding:40px 50px 120px!important;}
	.sidebar-menu .sidebar-header{padding:30px 0 70px 30px}
	.rev_and_cat .cat_box_main .cat_box{display:block;text-align:center;}
	.rev_and_cat .cat_box_main .cat_box .part-img{padding-bottom:15px}
	.rev_and_cat .cat_box_main .cat_box .part-text{padding-left:0}
	.inner-main-content{padding:40px 0}
	.right_box{display:flex;justify-content:center}
	.chart_box{margin-bottom:50px;}
	.heading{margin-bottom:15px;}
	.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%}
 }

/*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}
	.sidebar-menu .sidebar-header {padding: 30px 0 70px 30px;}
	.chart_box{margin-bottom:30px;justify-content:center}
	.heading{padding-bottom:10px;}
	.header-area .heading_header{font-size:24px;}
	.rev_and_cat .cat_box_main .cat_box{padding:20px 10px}
	.inner-main-content{padding:40px 30px 120px}
	.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;}
	.rev_and_cat .cat_box_main{padding:0 10px;margin:10px 0}
	.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 */
	.red_heading h4:after{width:120%}
	.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}
}

@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}
    .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 .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}
	.header-area .notification-area li{padding: 0 10px;}
	.profile_right{padding:15px 0;display:flex;align-items:center;justify-content:space-around!important}
	.chart_box{margin-bottom:30px;}
	.heading{padding-bottom:15px;text-align:center}
	.right_box{display:flex;justify-content:center}
	.search_input{width:400px}
	.inner-main-content{padding: 40px 50px 120px;}
	.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}
	/* Form Start */
	.red_heading h4{margin-bottom:25px;}
	.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;}

}

/*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}	
    .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;}
	.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}
	.dash_heading{display:flex;align-items:center;justify-content:space-around;padding:15px 0;border-bottom:1px solid #ccc}
	.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}


	.heading{padding-bottom:15px;text-align:center}
	.right_box{display:flex;justify-content:center}
	.search_input{width:300px}
	.inner-main-content{padding: 40px 50px;}
	.rev_and_cat .cat_box_main{padding:0;margin:10px 0}
	.renewal_table tbody th .name{    padding: 12px 0 0 0;display: inline-block;width: 100px;}
	.table_col{margin-top:50px!important;}
	.table .name{display:inline-block;width:150px;}
	tbody, td, tfoot, th, thead, tr{text-align:center}
	/* Form Start */
	.red_heading h4{margin-bottom:25px;}
	.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;}

	/* 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}
}

@media (min-width: 240px) and (max-width: 479px){
	/* Dashboard */
	.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(--main);margin: 0;padding: 14px;}
	.sidebar_collapsed .nav-btn span {background: #fffbfb;}
	.header-area{padding:0 20px}
	.dash_heading{display:flex;align-items:center;justify-content:space-around;padding:15px 0;border-bottom:1px solid #ccc}
	.profile_right{padding:15px 0;display:flex;align-items:center;justify-content:space-around!important}
	.chart_box{margin-bottom:30px;}
	.heading{padding-bottom:5px;}
	.inner-main-content{padding: 40px 15px 130px 15px;}
	.rev_and_cat .cat_box_main .cat_box{margin:0 20px;}
	.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:300px}
	.search_row{display:flex;justify-content:center}
	.dashed_btn{padding:12px 40px;}
	.right_export{display:flex}
	.right_add{display:flex;justify-content:center;align-items:Center}
	.submit_row {text-align:center}
	.red_heading h4:after{display:none}
    .filter_btn_header{justify-content:center;margin-top:20px!important;margin-bottom:20px!important}
}