/******************************************
 File Name: custom.css
 Item Name: Stock - Photos Portfolio
 Created By: Design Collection
 Version: 1.0
 *******************************************/

 body {
	font-family: "Rubik", sans-serif;
	background-color: #f1f2f5;
}

.ptb-100 {
	padding: 100px 0px;
}

.fs-11 {
	font-size: 11px;
}
.fs-10{
	font-size:11px;
}

/* sidebar Begin */

#mySidenav {
	width: 250px;
}

#mySidenav.sidenav {
	height: 100%;
	width: 0px;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

#mySidenav.sidenav a {
	padding: 8px 8px 8px 8px;
	text-decoration: none !important;
	color: #818181;
	display: block;
	font-size: 11px !important;
	transition: 0.3s;
}

#mySidenav .dropdown-btn {
	padding: 8px 8px 8px 8px;
	text-decoration: none;
	font-size: 11px;
	color: #818181;
	display: block;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	outline: none;
  }


#mySidenav.sidenav a:hover {
	color: #f1f1f1 !important;
}

#mySidenav.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px !important;
	margin-left: 50px;
}

#main {
	transition: margin-left .5s;

}

.cursor-pointer {
	cursor: pointer;
	font-size: 13px;
}

@media screen and (max-height: 450px) {
	#mySidenav.sidenav {
		padding-top: 15px;
	}

	#mySidenav.sidenav a {
		font-size: 18px;
	}
}

/* sidebar End */

.login {
	min-height: 100vh;
}


.bg-image {
	background-image: url('../images/login.jpg');
	background-size: cover;
	background-position: center;
}

.field-icon {
    float: right;
    position: relative;
    margin: -24px 15px;
    font-size: 12px;
    color: #313a46;
}
#mySidenav .dropdown-container {
	display: none;
	background-color: #262626;
	padding-left: 8px;
  }
  #mySidenav .active {
	background-color: #f04e3c;
	color: white;
  }

#main .form-control, #main .form-select{
	font-size:11px;
}
#main h6{
	font-size:13px;
}
.bg-bg-green{
	background-color: #03a84e;
}
.bg-bg-pink{
	background-color: #F72798;

}
.bg-bg-darkred{
	background-color: #B80000;
}
.bg-bg-purple{
	background-color: #7F27FF;
}
.bg-blue{
	background-color: #362FD9;
}
.bg-bg-orange{
	background-color: #FF9800;
}
.bg-green{
	color: #03a84e;
}
.bg-pink{
	color: #F72798;
}
.bg-darkred{
	color: #B80000;
}
.bg-purple{
	color: #7F27FF;
}
.reef-gold{
	color: #362FD9;
}
.bg-orange{
	color: #FF9800;
}

.form-content-scroll {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    height: 100px !important;
    overflow-y: auto;
    margin: 10px 0;
    align-items: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.form-content-scroll::-webkit-scrollbar {
    width: 5px;
}

.form-content-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.form-content-scroll::-webkit-scrollbar-thumb {
    background: #03a84e;
    border-radius: 10px;
}
.table>thead{
	font-size:13px;
}
.table>tbody{
	font-size:13px;
}



/* scroll End */

/* Pagination Begin */
.pagination .page-link.active {
	background-color: #f04e3c;
	border-color: #f04e3c;
}
.page-link:hover{
	color: #f04e3c !important;
	box-shadow:none;
}

.pagination .page-link.active:hover {
	background-color: #e93b32;
	border-color: #e93b32;
}
/* Pagination End */