@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

body
{
	font-family: "Quicksand", sans-serif !important;
	color:#404968;
	font-size:14px ;
}

a {
    color: #0d6efd;
    text-decoration: none !important;
}

.form-control:focus, .form-select:focus, .btn:focus
{
	box-shadow: none !important;
	border-color:#ced4da !important;
}
:root{
   /* color */
   --backgroundcolor : #f0f0f0;
   --whitecolor : #fff;
   --darkColor : #182b4b;
   --blueColor: #1d0086;
   --redColor: #ff0505;
   --darkBlue: #0c2138;
   --ashColor: #dfdfdf;
   --lightBlueColor: #2f8cff;
   --darkBlueColor:#172b4c;
   --darkAshColor:#686e8c;
   --geenColor: #1bc5bd;
   --darkGreenColor: #10a718;
   --purpleColor:#8950fc;
   --lightRed:#f64e60;
   --boxShadow : rgb(230, 228, 228);
   --tableBorderColor:#dbd9d9;
   --DartPurpleColor:#701594;
   --LightGray:#f2f2f2;
   --LightGray8:#f8f8f8;
   --headerColor:#182b4b;

   /* font family */
   --defaultFontFamily :"Quicksand", serif;


   /* size */
   --font-size_10: 10px;
   --font-size_12: 12px;
   --font-size_14: 14px;
   --font-size_15: 15px;
   --font-size_16: 16px;
   --font-size_18: 18px;
   --font-size_20: 20px;
   --font-size_22: 22px;
   --font-size_24: 24px;
   --font-size_26: 26px;
   --font-size_28: 28px;
   --font-size_30: 30px;
   --font-size_32: 32px;
   --font-size_34: 34px;
   --font-size_36: 36px;
   --font-size_38: 38px;
   --font-size_40: 40px; 
   --font-size_42: 42px;
   --font-size_44: 44px;
   --font-size_46: 46px;
   --font-size_48: 48px;
   --font-size_50: 50px;

   /* bold */

  --font-weight_100: 100;
  --font-weight_200: 200;
  --font-weight_300: 300;
  --font-weight_400: 400;
  --font-weight_500: 500;
  --font-weight_600: 600;
  --font-weight_700: 700;
  --font-weight_800: 800;
  --font-weight_900: 900 ;
}

.log-page
{	
    background-color: #ebedf3;    
}
.log-page-inner
{
	height: 75%;
    width: 60%;
}
.log-page-inner-left
{
	background: linear-gradient(140deg, #2573d1, #041d4b);
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; 
    padding: 3rem 2rem;
}
.log-page-inner-left h4
{
	
	letter-spacing: 1px;
	font-size: var(--font-size_24);
	font-weight: var(--font-weight_600);
}
.log-page-inner-right
{
	background-color: var(--whitecolor);
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;  
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	background: url(../img/log-bg.jpg) no-repeat center center / cover;
   
}

.log-page .logo
{
	margin: 2rem;
    width: 40%;
}
.log-page .logo-bg
{
	height: 72%;
	border-bottom-right-radius: 20px;
}

.log-page-inner-left form label
{
	font-size: var(--font-size_15);    
}
.log-page-inner-left form .form-control
{
	background: transparent;
    border-radius: 20px;
    height: 40px;
    margin-top: 4px;
	color:#fff !important;
}
.log-page-inner-left form .form-control:focus {
    color: #212529;
    background-color: transparent;
    border-color: 0px;
    outline: 0;
    box-shadow: none;
}
.log-page-inner-left form .pwd
{
	right: 15px;
    top: 35px;
}
.log-page-inner-left form .form-check-input
{
	border: 1px solid #fff;
    background-color: transparent;	
}
.log-page-inner-left form .form-check-input:focus {
    border-color: #ffffff;
    outline: 0;
    box-shadow: none;
}
.log-page-inner-left form .form-check-input:checked[type=checkbox]
{
	background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230000ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e);
}
.desh-page
{
	background: url(../img/desh-bg.jpg) no-repeat center center / cover;
}
.desh-page .logo
{
       width: 165px;
}
.desh-cart
{
	background-color: var(--darkBlue);
    border: 2px solid var(--darkBlue);
    border-radius: 10px;
    color: var(--whitecolor);
    color: #fff;
    cursor: pointer;
    font-weight: var(--font-weight_500);
    padding: 35px 20px;
    text-align: center;
    text-decoration: none !important;
    transition: box-shadow .3s ease-in-out;
}
.desh-cart:hover
{
	border: 1px solid rgba(0, 255, 255, .548);
    box-shadow: 0 4px 15px rgba(0, 255, 255, .548);
}

.header .logo
{
    height: 100%;
    width: 15%;
}
.header .input-group .form-control
{
	height: 35px;
	background: #eff7ff;
	border:none;
}
.header .input-group .form-control:focus
{
	box-shadow: none;
}
.header .input-group .btn
{
	padding: 0px 10px;
	background: #e0edf9;
    border-color: #e0edf9;
}
.header .input-group .btn:focus
{
	box-shadow: none;
}
.header .input-group .btn i
{
	color: #308bfa;
}
.details-page
{
	background:#ecedf2;
	padding:30px;
	height: 100vh;
}
.left-icon
{
	background-color: var(--whitecolor);
    border-radius: 50%;
    padding: .5rem;
    width: 30%;
}
.head-sec p
{
	width:110px;
}
.white-box
{
	border-radius: 10px;
    box-shadow: 0 0 8px 4px var(--boxShadow);
}
.fliter-box .input-group .form-control
{
	height: 40px;	
}
.fliter-box .input-group .form-control:focus
{
	box-shadow: none;
}
.fliter-box .input-group .btn
{
	padding: 0px 10px;
	background: #fff;
    border-color: #ced4da;
	border-left: none;
}
.fliter-box .input-group .btn:focus
{
	box-shadow: none;
}
.fliter-box .input-group .btn i
{
	color: #333;
}
.fliter-box .form-select
{
	height:40px;
}
.white-box tbody, td, tfoot, th, thead, tr
{
	border-color: #ebebeb !important;
}
.table>:not(caption)>*>*
{
	line-height: 30px;
}
.modal .modal-header
{
	background: var(--LightGray8);
    border-bottom: 1px solid #ccc;	
}
.modal .modal-header h5
{
	color: var(--headerColor);
	font-size: var(--font-size_18);
}
.modal .modal-footer .btn-primary
{
	background-color: var(--darkBlueColor);
    color: var(--whitecolor);
	padding: 4px 17px;
	border-color: var(--darkBlueColor);
}
.modal .modal-footer .btn-outline-secondary
{
	background-color: var(--whitecolor);
    color: var(--darkBlueColor);
	padding: 4px 17px;
}
.modal .modal-body
{
	overflow-Y: auto;
    max-height: 70vh;
   
}
.modal .modal-footer
{
	background: var(--LightGray8);
	border-top: 1px solid #ccc;
}
.bactoicon
{
    background-color: var(--whitecolor);
    border: 1px solid var(--boxShadow);
    border-radius: 50px;
    color: var(--darkBlueColor);
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 22px;
}
.lab
{
	color: var(--darkAshColor);
}
.ans
{
	color: var(--darkColor);
}
.white-box .nav-pills .nav-link
{
	color: var(--darkAshColor);
	font-size: var(--font-size_15);
}
.white-box .nav-pills .nav-link.active, .white-box .nav-pills .show>.nav-link
{
	color: #000 !important;
    font-weight: 600;
    background-color: transparent;
    border-bottom: 1px solid #308bfa;
    border-radius: 0px;
}
.btn-view
{
	background-color: var(--darkGreenColor);
    border: 1px solid var(--darkGreenColor);
    color: var(--whitecolor);
	padding: 0px 10px;
    line-height: 25px;
}
.btn-inview
{
	background-color: var(--darkBlue);
    border: 1px solid var(--darkBlue);
	color: var(--whitecolor);
	padding: 0px 10px;
    line-height: 25px;	
}
.btn-upl
{
	
	background-color: var(--DartPurpleColor);
    border: 1px solid var(--DartPurpleColor);
	color: var(--whitecolor);
	padding: 0px 10px;
    line-height: 25px;
}
.bg-white .accordion-button
{
	padding: 10px 10px;
	background: #f8f8f8;
	border-radius:8px;
	border-bottom: 1px solid #ededed !important;
}
.bg-white .accordion-button:focus
{
	box-shadow:none;
}
.bg-white .accordion-flush .accordion-item
{
	border: 1px solid #ededed !important;
	margin-bottom: 10px;
	border-radius:8px;
}
.bg-white .accordion-button:not(.collapsed)
{
	color:inherit;
}
.bg-white .accordion-button:not(.collapsed)::after
{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.bg-white .accordion-body {
    padding: 10px 10px;
}
.modal .modal-body .input-group>.form-control
{
	border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
	border-right: none !important;	
}
.modal .modal-body .input-group .btn
{
	background: #fff;
    border-color: #ced4da;
    border-left: none;
	color:inherit !important;
}
.form-check-input:focus
{
	box-shadow:none;
}
.modal .modal-body .form-check-input
{
	width: 1.5em;
    height: 1.5em;
}


.super-log-page
{	
    background: url(../img/s-admin-bg.jpg) no-repeat center center / cover;   
}
.log-page-inner-1
{
	height: 75%;
    width: 60%;
}
.log-page-inner-left-1
{
	background: #fff;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; 
    padding: 3rem 2rem;
}
.log-page-inner-left-1 h4
{
	
	letter-spacing: 1px;
	font-size: var(--font-size_24);
	font-weight: var(--font-weight_600);
}
.log-page-inner-right-1
{
	background-color: var(--whitecolor);
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;  
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	background: url(../img/s-admin-1.jpg) no-repeat center center / cover;
   
}
.log-page-inner-right-1 p
{
	margin-left: 40px;
    font-size: 25px;
    font-weight: 600;
    color: #818181;
}

.super-log-page .logo
{
	margin: 2rem;
    width: 40%;
}
.super-log-page .logo-bg
{
	height: 72%;
	border-bottom-right-radius: 20px;
}

.log-page-inner-left-1 form label
{
	font-size: var(--font-size_15);    
}
.log-page-inner-left-1 form .form-control
{
	background: transparent;
    border-radius: 20px;
    height: 40px;
    margin-top: 4px;
	color:#000 !important;
}
.log-page-inner-left-1 form .form-control:focus {
    
    border-color: 0px;
    outline: 0;
    box-shadow: none;
}
.log-page-inner-left-1 form .pwd
{
	right: 15px;
    top: 35px;
}
.log-page-inner-left-1 form .form-check-input
{
	border: 1px solid #8b8b8b;	
}
.log-page-inner-left-1 form .form-check-input:focus {
    border-color: #333;
    outline: 0;
    box-shadow: none;
}
.admin-head h5
{
	color: var(--darkColor);
}
.admin-head p
{
	color: var(--darkAshColor);
}
.admin-box h5
{
	color: var(--darkColor);
}
.admin-box p
{
	color: var(--darkAshColor);
}
.admin-box .badge
{
	background-color: #e3e3e3 !important;
}
.admin-box
{
	min-height:240px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.admin-box .admin-box-icon
{
	    width: 71px;
}
.admin-box .row .col-md-6
{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.admin-desh-cart
{
	background-color: var(--darkBlue);
    border: 2px solid var(--darkBlue);
    border-radius: 10px;
    color: var(--whitecolor);
    color: #fff;
    cursor: pointer;
    font-weight: var(--font-weight_500);
    padding: 15px 20px;
    text-align: center;
    text-decoration: none !important;
    transition: box-shadow .3s ease-in-out;
}
.admin-desh-cart:hover
{
	border: 2px solid rgba(0, 255, 255, .548);
    box-shadow: 0 4px 15px rgba(0, 255, 255, .548);
}
.admin-desh-cart p
{
	font-size: var(--font-size_26);
}




@media (min-width: 768px) 
{
	.log-page-inner-right
	{
		height:100%;
	}
	.log-page-inner-right-1
	{
		height:100%;
	}
	.white-box .nav
	{
		border-bottom: 1px solid #ccc;
	}
	
}
@media (max-width: 767px) 
{
	.log-page .row
	{
		width: 100%;
	}
	.log-page-inner .row
	{
		margin: 0 auto;
	}
	.log-page-inner-right
	{
		border-bottom-right-radius: 0px;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
	}
	.log-page-inner-left
	{
		border-bottom-left-radius: 20px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 20px;
	}
	
	.super-log-page .row
	{
		width: 100%;
	}
	.log-page-inner-1 .row
	{
		margin: 0 auto;
	}
	.log-page-inner-right-1
	{
		border-bottom-right-radius: 0px;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
	}
	.log-page-inner-left-1
	{
		border-bottom-left-radius: 20px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 20px;
	}
	.desh-page.vh-100
	{
		height:100% !important;
	}
	.header .logo 
	{
    height: 70%;
    width: 35%;
	}
	.header .input-group
	{
		width: 130px;
	}
	.details-page
	{
		padding: 30px 10px;
	}
	.details-page .head-sec .btn
	{
		font-size: 13px;
		padding: 3px 10px;
	}
	.left-icon
	{
		width: 16%;
        padding: .2rem;
	}
	.head-sec p 
	{
    width: 100px;
	}
}