@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');







body {

    font-size: 14px;

	color: #4c5258;

	letter-spacing: .5px;

    /*font-family: Roboto, sans-serif;*/

    font-family: 'Open Sans', sans-serif;

    background-color: #f3f8fb;

    overflow-x: hidden;

}



.wrapper{

    width: auto;

	position: relative

}



a {

    text-decoration: none;

}



::placeholder {

    opacity: 0.4 !important;

}





/* Header */



.top-header .navbar{

    position: fixed;

    top: 0;

    left: 260px;

    right: 0;

    background-color: #000;

    border-bottom: 1px solid #000;

    background-clip: padding-box;

    height: 60px;

    z-index: 1001;

    /* padding: 0 1.5rem; */

	padding: 0 0.7rem;

    transition: all .2s;
	    border-radius: 0;
    border: 0;

}





.top-header .navbar .top-navbar-right .nav-link {



    color: #293445;

    font-size: 18px;

    font-weight: 500;

    padding-right: .8rem;

    padding-left: .8rem;



}





.top-header .navbar .mobile-toggle-icon,

.top-header .navbar .search-toggle-icon {



    color: #293445;

    font-size: 18px;

    font-weight: 500;

	display: none;

	cursor: pointer;



}



.top-header .navbar .messages,

.top-header .navbar .notifications {



	

    position: relative;



}

.top-header .navbar .notifications {

    width: fit-content;

    margin: 0 auto;

}



.top-header .navbar .searchbar {

   position: relative;

   width: 30%;



}



.top-header .navbar .searchbar .search-close-icon{

    right: 2rem;

    opacity: 0.5;

    cursor: pointer;

	display: none;

 

 }



.top-header .navbar .searchbar .form-control {

    border-radius: 30px;

    box-shadow: none;

    padding-left: 2.5rem;

    padding-right: 2.5rem;

	border: 1px solid #e2e3e4;



}



.top-header .navbar .dropdown-searchbar .form-control {

    border-radius: 30px;

    border: 1px solid rgb(206 212 218 / 0%);

    padding-left: 3rem;

    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);

}





.top-header .navbar .searchbar .form-control:focus,

.top-header .navbar .dropdown-searchbar .form-control:focus {

    border-color: #86b7fe;

    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)

}



.top-header .navbar .searchbar .search-icon,

.top-header .navbar .dropdown-searchbar .search-icon {

  

    opacity: 0.5;



}





.dropdown-toggle-nocaret:after {

	display: none

}



.top-header .navbar .dropdown-menu {

	-webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;

	animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown

}



@-webkit-keyframes animdropdown {

	from {

		-webkit-transform: translate3d(0, 6px, 0);

		transform: translate3d(0, 6px, 0);

		opacity: 0

	}

	to {

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

		opacity: 1

	}

}



@keyframes animdropdown {

	from {

		-webkit-transform: translate3d(0, 6px, 0);

		transform: translate3d(0, 6px, 0);

		opacity: 0

	}

	to {

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

		opacity: 1

	}

}





.top-header .navbar .dropdown-large,

.dropdown-user-setting .navbar .dropdown-large {

	position: relative

}





.dropdown-large .dropdown-menu {

	width: 360px;

	border: 0;

	padding: 0.5rem;

	border-radius: 10px;

	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)

}



.top-header .navbar .dropdown-large .dropdown-menu::after {

	content: '';

	width: 13px;

	height: 13px;

	background: #fff;

	position: absolute;

	top: -6px;

	right: 16px;

	transform: rotate(45deg);

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd

}



.top-header .navbar .dropdown-menu::after {

	content: '';

	width: 13px;

	height: 13px;

	background: #ffff;

	position: absolute;

	top: -6px;

	right: 16px;

	transform: rotate(45deg);

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd

}









.dropdown-user-setting .dropdown-menu {

	width: 280px;

	border: 0;

	padding: 0.5rem;

	border-radius: 10px;

	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)

}



.top-header .navbar .dropdown-user-setting .dropdown-menu::after {

	content: '';

	width: 13px;

	height: 13px;

	background: #fff;

	position: absolute;

	top: -6px;

	right: 16px;

	transform: rotate(45deg);

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd

}



.top-header .navbar .dropdown-menu::after {

	content: '';

	width: 13px;

	height: 13px;

	background: #ffff;

	position: absolute;

	top: -6px;

	right: 16px;

	transform: rotate(45deg);

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd

}







.top-header .navbar .dropdown-item {

    padding: .5rem;

}



.top-header .navbar .dropdown-large .dropdown-item:hover,

.top-header .navbar .dropdown-user-setting .dropdown-item:hover {



    border-radius: 10px;

    color: #1e2125;

	background-color: #f5f5f5

}



.top-header .navbar .dropdown-item .setting-icon {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    font-size: 18px;

    background-color: #e1e6eb;

}



.top-header .navbar .dropdown-item .setting-text {

   

    font-size: 16px;

    font-weight: 500;

}



.top-header .navbar .user-img {

    width: 38px;

    height: 38px;

    padding: 0px;

    border-radius: 50%;

}



.top-header .navbar .user-name{

    font-size: 15px;

    color: #5e636b;

    font-weight: 500;

    padding-right: 10px;

}



legend {

    display: block;

    padding-inline-start: 2px;

    padding-inline-end: 2px;

    border-width: initial;

    border-style: none;

    border-color: initial;

    border-image: initial;

	float: none;

    width: auto;

	margin-bottom: 0;

}



legend h3 {

    font-size: 22px;

    font-weight: bold;

}



fieldset {

    display: block;

	width: 100%;

    padding-block-start: 0.35em;

    padding-inline-start: 0.75em;

    padding-inline-end: 0.75em;

    padding-block-end: 0.625em;

    min-inline-size: min-content;

    border-width: 2px;

    border-style: groove;

    border-color: threedface;

    border-image: initial;

	margin: 0;

}





.top-header .navbar .dropdown-menu .apps:hover {



    background-color: #f8f9fa;

    transition: all 0.2;



}



header.top-header.customer-header nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item .nav-link I{

	display: block; 

    font-size: 15px;

}

header.top-header.customer-header nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item .nav-link{ 

	border-top: 0px solid #B1B5BA;

    border-bottom: 0px solid #9EA1A7;

    border-right: 1px solid #d2d4d7;

	border-left: none;

	color: #000000;

	text-align: center;

	padding: 15px 20px;

    transition: background-color 2s ease-out 100ms;

}

header.top-header.customer-header nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item:first-child > .nav-link{

	border-left: 1px solid #d2d4d7;

}





header.top-header.customer-header nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item .nav-link:hover,

	header.top-header.customer-header nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item.active .nav-link,li.nav-item.dropdown.dropdown-large:hover .nav-link,a.nav-link.dropdown-toggle.dropdown-toggle-nocaret.show{

	background: #c72938;

    color: #fff !important;

}

a.nav-link.dropdown-toggle.dropdown-toggle-nocaret.show .notify-badge,

li.nav-item.dropdown.dropdown-large:hover .nav-link .notify-badge,li.nav-item.dropdown.dropdown-large .nav-link:hover .notify-badge{

	background-color:#fff !important;

	color: #c72938;

}
.modal-header{
	background-color:#c72938;
	color: #fff;
}









header.top-header.customer-header nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item.active .nav-link{

border-bottom: 2px solid #f7f8fa;

}

.btn i {

	    margin-left: 0px;

}

.card-header {

    border-bottom: 1px solid rgb(237 28 36 / 39%);

}



.top-header .navbar .dropdown-menu .apps .apps-icon-box {



    color: #34383f;

    width: 50px;

    height: 50px;

    font-size: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #e9ecef;

    margin: auto;

    border-radius: 50%;

}



.sidebar-wrapper .sidebar-header {

    width: 260px;

    height: 60px;

    display: flex;

    align-items: center;

    position: fixed;

    top: 0;

    bottom: 0;

    padding: 0 15px;

    z-index: 5;

    background: #f7f8fa;

    border-right: 1px solid #e2e3e4;

    border-bottom: 1px solid #e4e4e4;

	background-clip: padding-box;

    transition: all .2s;

}



.sidebar-wrapper .sidebar-header .logo-icon {

    width: 65%;

}



.sidebar-wrapper .sidebar-header  .logo-text {

    font-size: 22px;

    margin-left: 10px;

    margin-bottom: 0;

    letter-spacing: 1px;

    color: #c72938;

}



.toggle-icon {

    font-size: 26px;

    cursor: pointer;

    color: #c72938;

}



.sidebar-wrapper ul {

	padding: 0;

	margin: 0;

	list-style: none;

	background: 0 0

}



.sidebar-wrapper .metismenu {

	background: 0 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	padding: 10px;

	padding-top: 0;

	/* margin-top: 60px; */

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}



.sidebar-wrapper .metismenu li+li {

	margin-top: 5px

}



.sidebar-wrapper .metismenu li:first-child {

	margin-top: 5px

}



.sidebar-wrapper .metismenu li:last-child {

	margin-bottom: 5px

}



.sidebar-wrapper .metismenu>li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	position: relative

}



.sidebar-wrapper .metismenu a {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: left;

	padding: 10px 15px;

	border-radius: 4px;

	font-size: 15px;

	color: #fff;

	outline-width: 0;

	text-overflow: ellipsis;

	overflow: hidden;

	letter-spacing: .5px;

	border-left: 4px solid rgb(255 255 255 / 0%);

	transition: all .2s ease-out

}



.sidebar-wrapper .metismenu a .parent-icon {

	font-size: 18px;

	line-height: 1

}



.sidebar-wrapper .metismenu a .menu-title {

	margin-left: 10px

}



.sidebar-wrapper .metismenu ul a {

	padding: 6px 15px 6px 15px;

	font-size: 15px;

	border: 0;

	border-left: 4px solid rgb(255 255 255 / 0%);

}



.sidebar-wrapper .metismenu ul a i {

	margin-right: 10px;

	font-size: 10px;

}



.sidebar-wrapper .metismenu ul {

	border: 1px solid #ffffff00;

    background: rgb(255 255 255 / 0%);

}



.sidebar-wrapper .metismenu ul ul a {

	padding: 8px 15px 8px 30px

}



.sidebar-wrapper .metismenu ul ul ul a {

	padding: 8px 15px 8px 45px

}



.sidebar-wrapper .metismenu .mm-active>a,

.sidebar-wrapper .metismenu a:active,

.sidebar-wrapper .metismenu a:focus,

.sidebar-wrapper .metismenu a:hover {

	color: #c72938;

	text-decoration: none;

	background-color: rgb(255 255 255);

    border-left: 4px solid #c72938;

    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);

}



.menu-label {

	padding: 20px 15px 5px 5px;

	color: #b0afaf;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: .5px

}



.metismenu .has-arrow:after {

	position: absolute;

	content: "";

	width: .5em;

	height: .5em;

	border-style: solid;

	border-width: 1.2px 0 0 1.2px;

	border-color: initial;

	right: 15px;

	transform: rotate(-45deg) translateY(-50%);

	transform-origin: top;

	top: 50%;

	transition: all .3s ease-out

}





@media screen and (min-width:1025px) {

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text {

		display: none

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper {

		width: 70px

	}

    .wrapper.toggled.sidebar-hovered .sidebar-wrapper {

		box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12)!important

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {

		width: 70px

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon {

		display: none

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {

		justify-content: center

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {

		width: 70px

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a {

		justify-content: center;

		border-left: 0px solid #c72938;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title {

		display: none

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul {

		display: none

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label {

		display: none

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after {

		display: none

	}

	.email-toggle-btn {

		display: none!important

	}

	.chat-toggle-btn {

		display: none!important

	}

}







.wrapper.toggled .top-header .navbar {

	left: 70px

}



.wrapper.toggled .page-content {

	margin-left: 70px

}









.back-to-top {

	display: none;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 22px;

	color: #fff;

	position: fixed;

	border-radius: 50%;

	bottom: 20px;

	right: 12px;

	background-color: #c72938;

	z-index: 5

}



.back-to-top:hover {

	color: #fff;

	background-color: #000;

	transition: all .5s

}







  @media screen and (max-width:1024px) {

      

    

    .sidebar-wrapper {

    

        left: -300px;

    }



  

    .page-content {



        margin-left: 0px;



    }



    .top-header .navbar{

      

        left: 0px;

    }



    /* Toggeled */





   .wrapper.toggled .sidebar-wrapper{

    

        left: 0px;

    }



    

    .wrapper.toggled .page-content {



        margin-left: 0px;



    }



    .wrapper.toggled .top-header .navbar{

      

        left: 0px;

    }





    .wrapper.toggled .overlay {

		position: fixed;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		background: #000;

		opacity: .6;

		z-index: 12;

		display: block;

		cursor: move;

		transition: all .2s ease-out

	}





.top-header .navbar .searchbar {

		position: relative;

		width: 30%;

		display: none;

	 

 }



.top-header .navbar .full-searchbar {



    position: absolute;

    top: 0%;

    left: 0;

    right: 0%;

    width: 100%;

    height: 60px;

    background-color: #ffffff;

    border-bottom: 1px solid rgb(0 0 0 / 0%);

    background-clip: padding-box;

    display: flex !important;

    z-index: 1;

    align-items: center;

    justify-content: start;

    padding: 0 1rem;

    -webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;

	animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown

 

  }

.top-header .navbar .mobile-toggle-icon,

.top-header .navbar .search-toggle-icon {



	display: block;



}



.top-header .navbar .searchbar .search-close-icon {



	display: block;

	

}







  

}







  @media screen and (max-width:767px) {



	.top-header .navbar .dropdown-menu::after {

		display: none

	}



	.top-header .navbar .dropdown {

		position: static!important

	}



	.top-header .navbar .dropdown-menu {

		width: 100%!important;

	}



	.by-device-container {

		height: 210px;

	}







}





@media screen and (max-width:520px) {

	.chat-footer-menu,

	.chat-top-header-menu {

		display: none

	}

}



/*custom css by designer */



:focus{

	box-shadow:none !important;

}



/* customer-index pagee css custom start from here  */



.customer-header.top-header .navbar{

	left: 0;

	height: 75px;

  }



  .page-content.customer-contnent {

  margin-left: 0;

  margin-top: 75px;

  padding: 1.5rem;

  transition: all .2s;

}

span.num-ox {

    font-size: 30px;

    color: #c72938;

    display: block;

    margin-top: 5px;

}



.manage-task,.manage-task:hover{

	color: #4c5258;

}







#sidebar{

	width: 15%;

	position: fixed;

	left: 0;

	bottom: 0;

    top: 75px;

	height: calc(100vh + -75px);

    transition: all .12s;

	overflow-y: auto;

	background: #000;

	z-index: 222;

}



/* web toast css start  */





@keyframes slideRight {

	0% {

	  transform: translateX(100px);

	}

  

	70% {

	  transform: translateX(-30px);

	}

  

	100% {

	  transform: translateX(0px);

	}

  }

  

  @keyframes slideLeft {

	0% {

	  transform: translateX(-100px);

	}

  

	70% {

	  transform: translateX(30px);

	}

  

	100% {

	  transform: translateX(0px);

	}

  }

  

  @keyframes slideDown {

	0% {

	  transform: translateY(-100px);

	}

  

	70% {

	  transform: translateY(30px);

	}

  

	100% {

	  transform: translateY(0px);

	}

  }

  

  @keyframes slideUp {

	0% {

	  transform: translateY(100px);

	}

  

	70% {

	  transform: translateY(-30px);

	}

  

	100% {

	  transform: translateY(0px);

	}

  }

  

  

  

  

  

#sidebar::-webkit-scrollbar {

	width: 5px;

  }

  

  /* Track */

  #sidebar::-webkit-scrollbar-track {

	 background: #000; 

  }

  

  /* Handle */

  #sidebar::-webkit-scrollbar-thumb {

	background: #c72938;;

  }

  

  /* Handle on hover */

  #sidebar::-webkit-scrollbar-thumb:hover {

	background: #c72938;

  }





div#sidebar-nav{

	min-height: auto !important;	

}





.card-logo-img{

	width: 106px;

}



.card-logo-table td{

	vertical-align: middle;

}



#sidebar.collapse:not(.show) {

	width: 0%;

	overflow: hidden;

    transition: all .12s;

	display: block !important;

}



.site-main-design{

	width: 84%;

	margin-left: auto;

    transition: all .5s;

	padding-bottom: 50px;

}



.site-main-design.full-show {

    width: 100%;

    transition: all .5s;

}



#sidebar .list-group-item:hover,#sidebar .list-group-item.active,#sidebar .list-group-item:focus {

    color: white;

    background: #c72938;

	border-color: #c72938;

}





a#menu-open-close {

    background: #c72938;

    color: white;

    padding: 5px 8px !important;

    font-size: 16px;

}

.bg-orange {

    background-color: #c72938!important;

}



.border-orange {

    border-color: #c72938!important;

}



.manage-btns{

    color: #ffffff;

    margin-right: 7px;

    margin-top: 10px;

    display: inline-block;

    border: 1px dotted #c72938;

    padding: 3px 7px;

    border-radius: 3px;

    font-size: 13px;

    background: #c72938;	

}



.manage-btns:hover{

	background-color: #000000!important;

    border-color: #000000!important;

	color: white;

}







@media (min-width: 320px)  and (max-width: 767px) {

.mb-mob{

  margin-bottom: 10px;

}

.custom-logo img {

    width: 160px;

}

.user-changepass{

	width: 190px;

}

.site-footer-main{

	width: 100%;

	left: 0;

}

.top-head-nav{

	max-height: 90vh;

	overflow: auto;

}

.site-main-design {

    width: 100%;

}

#sidebar{

	width: 0%;

	z-index: 111;

    top: 69px;

}



a#menu-open-close {

    float: right;

}



#sidebar.collapse:not(.show) {

    width: 70%;

	overflow-y: auto;

	z-index: 555;

	top: 69px;

	height: calc(100vh + -69px);

}



.chooce-one .tabs-nav li a {

    height: 35px;

    max-width: 100%;

    width: 200px;

    display: flex;

    color: #c72938;

    background: #fff;

    border: 1px solid #c72938;

    border-radius: 0px;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    font-size: 16px;

}

.customer-header.top-header .navbar {

    left: 0;

    height: auto;

    padding: 8px 0px;

}

.top-head-nav a.nav-link.btn.btn-dark{

	border: none;

	border-radius: 0;

	text-align: right;

}



.top-head-nav a.nav-link.btn.btn-dark:hover, .top-head-nav a.nav-link.btn.btn-dark:focus, .top-head-nav li.nav-item.active a.nav-link.btn.btn-dark {

    background-color: #ffffff;

    color: #c72938;

}



.navbar-toggler {

    padding: 3px 6px;

    font-size: 1.25rem;

    line-height: 1;

    background-color: #c72938;

    border: 1px solid #c72938;

    border-radius: 0.25rem;

    transition: box-shadow .15s ease-in-out;

    color: white;

    font-size: 24px;

}	



.page-content.customer-contnent{

	padding: 15px;

}



.reports-all-main .nav{

	display: block;

}



.reports-all-main .nav li{

	width: auto;

	display: inline-block;

}

.reports-all-main .nav.nav-tabs .nav-link i {

    font-size: 20px;

}

.reports-all-main .nav.nav-tabs .nav-link{

	font-size: 12px;

    padding: 9px;

}



.reports-all-main .nav-tabs .nav-link.active{

	border-left-color: #f7f8fa;

    border-bottom-color: black;

}

.report-filters .nav-danger.nav-tabs .nav-link{

	padding: 3px 5px;

    font-size: 12px;

	margin-bottom: 5px;

	font-weight: 600;

}



.graph-pic {

    margin-right: 15px;

    width: 50%;

}



.exp-type .custom-raio ul li {

display: block;

width: 100%;

margin-right: 0px;

}



.exp-type .custom-raio ul{

	margin-top: 0;

}



.setting-box {

   

    min-width: 300px;

}

.top-header .navbar .dropdown-large .dropdown-menu {

	width: 360px !important;

}



}



body{

    background-color: #f3f8fb;

}

.back{

    background-color: #f3f8fb;

    box-shadow: 0 0.25rem 0.75rem rgb(18 38 63 / 8%);



}

.modal-content{

    margin-top: 50px;

    background-color: #f3f8fb;

    box-shadow: 0 0.25rem 0.75rem rgb(18 38 63 / 8%);

}

.labels{

    font-weight: 800;

    color: #000;

}

.custom-colum-1{

    display: flex;

    flex-direction: column;

}

.modal-btn{

    background-color: #c72938;

    color: #fff;

    font-weight: 700;

}

.modal-btn:hover{

    background-color: #07a865;

    color: #fff;

}

.custom-btn{

    background-color: #DC3545;

    color: #fff;

    font-weight: 700;

}

.custom-btn:hover{

    background-color: #07a865;

    color: #fff;

}

.menue-btn{

    background-color: #c72938;

    color: #fff;

    font-weight: 700;

    outline: none;

    border: none;

    border-radius: 0;

}

select option[select] {

    background-color: red !important;

    color: white!important;

  }

.heading{

    color: #c72938;

    

}

.custom-input{

    border-radius: 0;

    height: 32px;

}

hr{

    border: 1px solid #fff;

    opacity: 0.7;

}

.table-content{

    width: 100%;

    height: 32px;

    border-radius: 0;

}

.custom-table{

    border-radius: 5px;

    box-shadow: 0 0.25rem 0.75rem rgba(14, 28, 57, 0.08);

    background-color: #2f2f2f;

}

.table-container{

    background-color: white;

}

.logo{

    color: #c72938;

    font-weight: bold;

}

.sidebar{

    height: calc(110vh + -75px);

    box-shadow: 0 0.25rem 0.75rem rgba(14, 28, 57, 0.08);

    background-color: #fff !important;

    width: 100%;

}

.form-btn{

    background-color: #c72938;

    color: #fff;

}

.form-btn:hover{

    background-color: #07a865;

    color: #fff;

}

.formWrapper{

    background-color: hwb(203deg 95% 2%);

    height: 100vh;

    margin: 0;

}

.formdetails{

    box-shadow: 0 0.25rem 0.75rem rgba(14, 28, 57, 0.08);

    background-color: #fff;

    padding: 26px;

    height: 100%;

}

.custom-table>.table-striped>tbody>tr:nth-of-type(odd)>* {

    --bs-table-accent-bg: hwb(203deg 95% 2%);

    color: var(--bs-table-striped-color);

}

.nav-item a:hover{

    background-color: #c72938;

    color: #fff;

  }

.nav-item.active {

    background-color: #c72938;

    color: #fff;

  }

@media screen and (max-width: 768px) {

    .sidebar{

        height: auto;

       

    }

  }

  





.navbar-brand{

	width: 230px;

}
.top-header .navbar-brand{
	height: auto !important;
	padding: 0px !important;
	margin-left:0 !important;

}
.top-header .navbar-brand h3{
	margin: 0!important;
	font-size: 28px !important;
}
.top-header .container-fluid:before,
.top-header .container-fluid:after {
	content: none;
}	

.navbar-brand img{

	max-width: 100%;

}
.widget-icon {
    width: 48px;
    height: 48px;
    background-color: #fafafa;
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
}

.bg-change{
     background-color: lightblue;

}
.width-50 {
    width: 50%;
    margin: 0 auto;
    background: #000;
    padding: 20px;
    border-radius: 5px;
}
.color-white {
	color: #fff;
}

.color-white:hover{
	color: #fff;
}
#ajaxdata{
	border: none !important;
}