@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400..800&display=swap');

/*Google Fonts*/
@font-face {
    font-family: 'DroidKufiRegular';
    src: url('../fonts/DroidKufiRegular.eot');
    src: url('../fonts/DroidKufiRegular.eot') format('embedded-opentype'),
         url('../fonts/DroidKufiRegular.woff2') format('woff2'),
         url('../fonts/DroidKufiRegular.woff') format('woff'),
         url('../fonts/DroidKufiRegular.ttf') format('truetype'),
         url('../fonts/DroidKufiRegular.svg#DroidKufiRegular') format('svg');
}
@font-face {
    font-family: 'DroidKufiBold';
    src: url('../fonts/DroidKufiBold.eot');
    src: url('../fonts/DroidKufiBold.eot') format('embedded-opentype'),
         url('../fonts/DroidKufiBold.woff2') format('woff2'),
         url('../fonts/DroidKufiBold.woff') format('woff'),
         url('../fonts/DroidKufiBold.ttf') format('truetype'),
         url('../fonts/DroidKufiBold.svg#DroidKufiBold') format('svg');
}
@font-face {
    font-family: 'Bahij_TheSansArabicPlain';
    src: url('../fonts/Bahij_TheSansArabicPlain.eot');
    src: url('../fonts/Bahij_TheSansArabicPlain.eot') format('embedded-opentype'),
         url('../fonts/Bahij_TheSansArabicPlain.woff2') format('woff2'),
         url('../fonts/Bahij_TheSansArabicPlain.woff') format('woff'),
         url('../fonts/Bahij_TheSansArabicPlain.ttf') format('truetype'),
         url('../fonts/Bahij_TheSansArabicPlain.svg#Bahij_TheSansArabicPlain') format('svg');
}


html,body{
	height: 100%;
	min-height: 100%;
	position: relative;
	font-family: "Baloo Bhaijaan 2", sans-serif;
}
body{background:#fff;}
header{
	border-bottom: 0px solid #ccc;
	background:#f1f1f1;
}
.header-inner
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse;
        height: 80px;
    }
header .dropdown .dropdown-toggle{
	border:none;
	padding-left: 0px;
	background-image: none;
}
header .dropdown .dropdown-toggle::before{
	display: none;
}
.form-control{
	font-size: 'Bahij_TheSansArabicPlain', sans-serif;
}
.navbar-brand {
    margin-left: 0px !important;
    line-height: 50px;
    padding: 0 !important;
    font-size: 29px;
    color: #333;
    font-weight: bold;
}
.navbar-header{
	float: right;
}
.nav.navbar-nav.navbar-right{
	float: left !important;
	margin-right: 0px;
}
.navbar-brand{
	padding: 21px 0;
	color: #333;
	height: 50px;
}
.navbar-nav > li > a {color:#43358A;position:relative;}
.navbar-nav > li > a i{color:#ff6c38;padding-left:10px;}
.navbar-nav .open .dropdown-menu {
  position: absolute;
  float: none;
  width: auto;
  min-width:200px;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
	padding: 15px 10px;
}
.navbar-nav .open .dropdown-menu ul{text-align:right;}
.navbar-nav .open .dropdown-menu ul li.LoginBTN{margin-bottom:5px;}
.navbar-nav .open .dropdown-menu ul li a{border-bottom:solid 1px #eee; padding:5px; display:block; color:#43358A;}
.navbar-nav .open .dropdown-menu ul li a:hover{opacity:0.7;}
.navbar-nav .open .dropdown-menu ul li a i{color:#ff6c38;padding-left:10px;}
header .navbar {
    border: none;
    border-radius: 0px;
    min-height: 50px;
    margin-bottom: 0px;
}
.nav > li > a:focus,
.nav > li > a:hover{text-decoration:none;background-color:transparent;}
header .navbar-nav{padding:10px 0;}
.navbar-nav > li.LoginBTN{margin-left:0px;}
.navbar-right .dropdown-menu {
    right: inherit;
    left: 0;
    padding: 0 10px;
}
.navbar-right .dropdown-menu  a{
	display: block;
	padding: 5px 0;
	color: #6B6767;
	text-decoration:none;
	
}
.navbar-nav > li.LoginBTN a{
	background: #333;
	border-radius: 4px;
	text-decoration: none;
	color: #fff;
	width: auto;
	padding: 7px 20px;
	text-align: center;
	font-size: 16px;
}
.navbar-brand{
	margin-left: 0px !important;
	margin-top: 0;
}
.main-content{
	padding-top:40px;
	min-height: 523px;
}
.Breadcurm{
	padding-top: 0px;
	padding-bottom: 30px;
}
.Breadcurm p{
	font-size: 14px;
	margin-bottom: 5px;
}
.Breadcurm h2.INVNM{
	font-size: 34px;
	color: #333;
	margin: 0px;
	text-align: right;
}
.Breadcurm .NM{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}
.Breadcurm.INV{
	padding-top: 0px;
}
.Breadcurm ul{
	list-style-type: none;
	padding-left: 0px;
	text-align: right;
}
.Breadcurm ul li a{
	text-decoration: none;
	color: #43358s;
	font-size:20px;
	font-weight:700;
}
.Breadcurm ul li a .fa{
	padding-left: 10px;
	position: relative;
	top: 4px;
    color: #6B6767;
    font-size: 30px;
    line-height: 19px;
}






.main-content-store{height:100%;}
.MainStore{}
.MainStore ul{
	list-style-type: none;
	padding: 0px;
	margin-left: -10px;
	margin-right: -10px;
	display: flex;
	flex-wrap:wrap;
}
.MainStore ul li{
	padding-left: 10px;
	padding-right: 10px;
	flex:0 0 25%;
	max-width:25%;
	height:180px;
	margin-bottom: 20px;
}
.MainStore ul li a{
	display:flex;
	flex-direction:column;
	width: 100%;
	height: 100%;
	text-align: center;
	padding:40px 5px 5px;
	text-decoration: none;
	color: #515C6F;
	font-size:18px;
	background-color:#43358a;
}
.MainStore ul li.custom a{border-radius: 35px 0 0 0;}
.MainStore ul li.custom-right a{border-radius: 0px 35px 0 0;}
.MainStore ul li a:hover{background-color: rgba(67, 53, 138, 0.8);}
.MainStore ul li a:hover img{
	transition: all 0.5s;
	-ms-transform: scale(1.2, 1.2);
   transform: scale(1.2, 1.2);
}
.MainStore ul li a img{
	display: block;
	height: 50px;
	margin: 0 auto 20px;
}
.MainStore ul li a span{
	display: block;
	background:#fff;
	margin-top:auto;
	padding:5px;font-weight:700;
}
.MainStore_PRiCE{}
.MainStore_PRiCE ul{
	list-style-type: none;
	padding: 0px;
	margin-left: -30px;
	margin-right: -30px;
	display: flex;
	flex-wrap: wrap;
}
.MainStore_PRiCE ul li{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	width: 33.33%;
}
.BaSiCWRaP
    {
        border:1px dashed #707070;
	    border-radius: 10px;
	    padding: 30px 25px 15px 25px;
    }
.MainStore_PRiCE ul li:last-child .BaSiCWRaP{background:#f5e6ca;}
.PrICeMaiN{text-align:center;}
.MainAnCT{
	/*background-image: linear-gradient(to right, #736B9A, #C1C1C1);*/
	background-image: linear-gradient(270deg, #C1C1C1 0%, #736B9A 100%);
}
.StandardWRaP{
	/*background-image: linear-gradient(to right, #00BBE9, #0150C3);*/
	background-image: linear-gradient(180deg, #43358A 0%, #221B45 100%);
	
}
.PremiumWRaP{
	/*background-image: linear-gradient(to right, #FEC112, #FF6D01);*/
	background-image: linear-gradient(270deg, #FF6C38 0%, #43358A 100%);
}
.PriCE_top{
	height:240px;
	width:240px;
	border-radius:100%;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
	display:flex;
	margin: 0 auto 20px auto;
	position:relative;
	align-items:center;
    justify-content:center;
    flex-direction:column;
    color:#fff;
}
span.price {
  display: block;
  text-align:center;
  font-size:100px;
  font-weight:700;
  line-height:0.9;
}
span.duration{font-size:20px;display:block;}
.PriCE_top h5{
	margin: 0px;
	font-size:30px;
	line-height:39px;
}
.PriCE_top a{
	display: none;
}
.BaSiCWRaP .PriCE_top a,
.StandardWRaP .PriCE_top a,
.StandardWRaP .PriCE_top a,
.PremiumWRaP .PriCE_top a{
	width: 40px;
	height: 40px;
	border-radius: 50px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	background: #AA61B0;
	position: absolute;
	
	left: 0;
	right: inherit;
}
.StandardWRaP .PriCE_top a{
	width: 40px;
	height: 40px;
	border-radius: 50px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	background: #3378D0;
}
.PriCE_top a#BaSActIVE1{
	box-shadow: 0px 8px 15px rgba(144, 57, 157, 1);
}
.PriCE_top a#BaSActIVE2{
	box-shadow: 0px 8px 15px rgba(51, 94, 179, 1);
}
.PriCE_top a#BaSActIVE3{
	box-shadow: 0px 8px 15px rgba(255, 107, 1, 1);
}

.PremiumWRaP .PriCE_top a{
	width: 40px;
	height: 40px;
	border-radius: 50px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	background: #FE8A33;
}
.PrICeMaiN .btn-comm{
	border-radius: 50px;
	font-size: 24px;
	color: #DFDFDF;
	width: 100%;
	border: none;
	box-shadow: 2px 2px 2px rgba(0,0,0,.16);
	margin-bottom:-40px;
}
.PriCE_top a#BaSActIVE3{
	background: #FE8A33;
}
.PrICeMaiN p{
	font-size: 18px;
	line-height: 28px;
	color:#43358A;
}
/*.BaSiCWRaP .PrICeMaiN .btn-comm{*/
/*	background-image: linear-gradient(to right, #F349A9, #A861AF);*/
/*}*/
/*.StandardWRaP .PrICeMaiN .btn-comm{*/
/*	background-image: linear-gradient(to right, #34CAEF, #357BD1);*/
/*}*/
/*.PremiumWRaP .PrICeMaiN .btn-comm,*/
/*.MainStore_PRiCE ul li:last-child .BaSiCWRaP .PrICeMaiN .btn-comm,*/
/*.MainStore_PRiCE ul li:last-child .BaSiCWRaP{*/
/*	background-image: linear-gradient(to right, #FFC942, #FE8A35);*/
/*}*/


.PrICeMaiN .btn-comm:hover{
	box-shadow: 2px 2px 2px rgba(255,255,255,.5);
}
.PrICeMaiN .PrICeMNT{
	font-size: 64px;
	line-height: 84px;
	text-align: right;
	display: inline-block;
	text-align: right;
	width: 100%;
}
.PrICeMaiN .PrICeMNT span{
	font-size: 21px;
	line-height: 28px;
	font-weight: 300;
	display: inline-block;
}
.StoREFoRM {}
.StoREFoRM form{
	/*width: 500px;*/
}
.StoREFoRM form .form-InnR{
	margin-top: 15px;
	background: #F7F7F7;
	border-radius: 6px;
	padding: 10px 20px;
}
.StoREFoRM.INVOICEDeTIlaS form{
	padding: 0px;
	background: none;
}
.StoREFoRM .form-control{
	box-shadow: none;
	border: 1px solid #ddd;
}
.StoREFoRM .btn-primary,
.StoREFoRM .btn-primary:focus{
	background-color: #43358a;
	border: 1px solid #43358a;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	height: 45px;
	padding: 12px 12px;
}
.StoREFoRM.INVOICEDeTIlaS .form-control{
    border-radius:20px;
	font-size:14px;
	color: #000;
	text-align:right;
}
.StoREFoRM.INVOICEDeTIlaS .btn-primary, 
.StoREFoRM.INVOICEDeTIlaS .btn-primary:focus{
	height: 52px;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 12px;
}
.btn-primary:hover{
  border: 1px solid #43358a;
  background-color: transparent;
  color: #43358a;
}

.StoREFoRM.INVOICEDeTIlaS .btn-primary .fa{
	float: left;
	font-size: 30px;
	line-height: 18px;
	position: relative;
	top: 3px;
}
.PayMenT-DeatILS{
	width: 500px;
}
.PayMenT-DeatILS table{
	color: #6F6F6F;
	font-size: 12px;
	border: 1px solid #707070;
	border-radius: 7px;
	text-align: right;
}
.PayMenT-DeatILS table tr td{
	padding: 5px 10px;
}
.PayMenT-DeatILS table tr td.PMTAB{
	font-size: 14px;
}
.BorDERRHT{
	border-left: 1px solid #707070;
}
.BorDERBTM{
	border-bottom: 1px solid #707070;
}
.PayMenT-DeatILS table tr td.padd10{
	padding-top: 20px;
}
.form-InnR .TWOCOLUMN{
	display: flex;
}
.form-InnR .TWOCOLUMN .TWOCOLUMNin70{
	width: 70%;
	margin-right: auto;
}
.form-InnR .TWOCOLUMN .TWOCOLUMNin30{
	width: 90px;
}
.form-InnR .TWOCOLUMNin70IN{
}
.form-InnR .TWOCOLUMNin70IN .CADVAILD{
	display: flex;
	align-items: center;
}
.form-InnR .TWOCOLUMNin70IN .CADVAILD .COLTH1{
	width: 58px;
}
.form-InnR .TWOCOLUMNin70IN .CADVAILD .COLTH2{
	width: 32px;
	text-align: center;
	font-size: 20px;
}
.form-InnR h3{
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 16px;
	color: #6F6F6F;
}
.form-InnR label{
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 16px;
	color: #6F6F6F;
	font-weight: normal;
}
.form-InnR .form-control{
	border: none;
	font-size: 14px;
	line-height: 16px;
	background: #fff;
	height: 40px;
}
.COLTH2.COL{
	color: #6F6F6F;
}
 .image.sectionup{
		position:relative;
		display:inline-block;    
		width:100%; 
		border: 1px solid #333;
		height: 52px;
		font-size: 13px;
		color: #656363;
		padding: 17px ​10px;
		text-align: right;
		border-radius: 4px;
	  padding: 17px 10px;
  }
  .image.sectionup span{
  	display: flex;
  }
  .image.sectionup .fa{
  	color: #ff0000;
  	cursor: pointer;
  }
.image.sectionup input[type="file"]{
	-webkit-appearance:none; 
	position:absolute;
	top:0; left:0;
	opacity:0; 
	width: 100%;
	height: 100%;
}
.form-control::placeholder{
	color: #656363;
}
.StoREFoRM.INVOICEDeTIlaS.WelcomeTIN form{
	margin: 0 auto;
}
.StoREFoRM.INVOICEDeTIlaS.WelcomeTIN h1{
	color: #333;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	margin-bottom: 30px;
}
.PayMNtSuCCFULL{
	text-align: center;
	margin-bottom: 28px;
}
.PayMNtSuCCFULL h2{
	margin: 0px;
	padding-bottom: 15px;
	font-weight: 300;
	font-size: 19px;
	line-height: 22px;
	color: #6B6767;
}
.PayMNtSuCCFULL h2 .fa{
	color: #11B42C;
	padding-left: 10px;
}
.PayMNtSuCCFULL p{
	font-size: 13px;
	line-height: 17px;
	color: #6F6F6F;
	font-weight: 300;
}
.StoREFoRM.INVOICEDeTIlaS.WelcomeTIN.PayMNtSuCCFULL_ConT form{
	width: 339px;
	padding-top: 30px;
}
.PriCE_top{
	text-align:center;
}
.PayMEBTFGrOP{
	margin-top: 15px;
}
.Breadcurm.InVOICE ul{
	display: flex;
	margin-bottom: 0px;
}
.Breadcurm.InVOICE ul .InBUTTON{
	margin-right: auto;
	font-size: 14px;
}
.Breadcurm.InVOICE ul .InBUTTON a{
	display: inline-block;
	background: #f8f8f8;
	border-radius: 2px;
	padding: 4px 10px;
	border: 1px solid #ccc;
}
.Breadcurm.InVOICE ul .InAROW a{
	color: #333;
}
.main_wrapper.main-content-invoice{
	background: #fff;
}
.InvoiceSearch{}
.InvoiceSearch ul{
	list-style-type: none;
	padding-left: 0px;
	display: flex;
	align-items: center;
}
.InvoiceSearch ul .SearchBox{
	margin-right: auto;
	position: relative;
}
.InvoiceSearch ul .SearchBoxDORPD{
	margin-right: auto;
	position: relative;
}
.InvoiceSearch ul .SearchBoxDORPD .dropdown .dropdown-menu {
    left: 0;
    right: inherit;
}
.SearchBoxDORPD .dropdown .dropdown-toggle{
	min-width: 150px;
	text-align: right;
}
.InvoiceSearch ul .SearchBox:before{
	content: '\f002';
	font-family: 'fontawesome';
	position: absolute;
	left: 10px;
	top: 7px;
}

.InVOICE ul .SearchBox{
	margin-right: auto;
	position: relative;
}
.InVOICE ul .SearchBox:before{
	content: '\f002';
	font-family: 'fontawesome';
	position: absolute;
	left: 10px;
	top: 7px;
}
.InVOICE ul .SearchBox .form-control{
	text-align: right;
	box-shadow: none;
	border: 1px solid #707070;
}



.InvoiceSearch ul .INADDBTN a,
.InVOICE ul .INADDBTN a,
.ThrECOUMNAdInV ul .INADDBTN a{
	background: #333;
	color: #fff;
	padding: 6px 20px;
	border-radius: 4px;
	text-decoration: none;
}
.InvoiceSearch ul .INADDBTN a:hover,
.InVOICE ul .INADDBTN a:hover,
.ThrECOUMNAdInV ul .INADDBTN a:hover,
.ADBTN .btn-add:hover{
	border: 1px solid #333;
	color: #333;
	background: none;
}
.InVOICE ul .INADDBTN a .fa,
.InvoiceSearch ul .INADDBTN a .fa{

	padding-left: 15px;
}
.InvoiceSearch ul .SearchBox .form-control{
	text-align: right;
	box-shadow: none;
	padding-left: 30px;
	border: 1px solid #707070;
}
.INVOICETABLE table,
.INVOICETABLE table tr td,
.INVOICETABLE table tr th{
	text-align: right;
	vertical-align: middle;
}

.INVOICETABLE table thead tr th{
	background-color: #333;
	color: #fff;
}
.INVOICETABLE table tr td ul{
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}
.INVOICETABLE table tr td ul li{
	padding: 0 10px;
	width: auto;
	display: inline-block;
}
.INVOICETABLE table tr td ul li a{
	display: block;
}
.PagiSection{
	display: flex;
	align-items: center;
	padding: 10px 0 20px 0;
}
.PagiSection .Pagi-left{
	margin-right: auto;
	/*width: 70%;*/
}
.PagiSection .Pagi-left ul{
	margin: 0px;
}
.PagiSection .Pagi-right .dropdown .dropdown-toggle{
	min-width: 160px;
}
.PagiSection .Pagi-right .dropdown .dropdown-toggle,
.ThrECOUMNAdInV ul li .dropdown .dropdown-toggle,
.dropdown .dropdown-toggle{
	background-color: transparent;
	color: #333;
	border: 1px solid #ccc;
	width: auto;
	position: relative;
	text-align: right;
	background: url(/assets/images/small-down.svg);
	background-repeat: no-repeat;
	background-position: left 10px center;
}
.dropdown .dropdown-toggle{
	padding-left: 30px;
}
.dropdown .dropdown-toggle:before,
.PagiSection .Pagi-right .dropdown .dropdown-toggle:before{
	content: '\f107';
	font-family: 'fontawesome';
	left: 8px;
	top: 2px;
	position: absolute;
	font-size: 20px;
}
.PagiSection .Pagi-right .dropdown .dropdown-toggle .fa,
.ThrECOUMNAdInV ul li .dropdown .dropdown-toggle .fa,
.dropdown .dropdown-toggle .fa{
	font-size: 22px;
	line-height: 10px;
	position: relative;
	top: 5px;
	padding-right: 10px;
}
.PagiSection .Pagi-right .dropdown .dropdown-menu,
.ThrECOUMNAdInV ul li .dropdown .dropdown-menu,
.dropdown .dropdown-menu{
	left: inherit;
	right: 0;
}
.PagiSection .Pagi-right .dropdown .dropdown-menu ul,
.ThrECOUMNAdInV ul li .dropdown .dropdown-menu ul,
.dropdown .dropdown-menu ul{
	list-style-type: none;
	padding: 4px 0px;
	margin: 0px;
	text-align: right;
	display: block;
}
.PagiSection .Pagi-right .dropdown .dropdown-menu ul li,
.ThrECOUMNAdInV ul li .dropdown .dropdown-menu ul li,
.dropdown .dropdown-menu ul li{
	display: block;
	width: 100%;
}
.PagiSection .Pagi-right .dropdown .dropdown-menu ul li a,
.ThrECOUMNAdInV ul li .dropdown .dropdown-menu ul li a,
.dropdown .dropdown-menu ul li a,
.dropdown .dropdown-menu ul li label{
	text-decoration: none;
	padding: 2px 10px;
	display: block;
	color: #333;
	font-weight: normal;
}
.dropdown.PRODUCT.active .dropdown-menu,
.dropdown.PRODUCT.active.open .dropdown-menu,
.dropdown.PRODUCT.open .dropdown-menu{
	display: block;
	width: 100%;
}
.dropdown.PRODUCT.open .dropdown-menu{
	display: none;
}
.PagiSection .Pagi-right .dropdown .dropdown-menu ul li:hover a,
.ThrECOUMNAdInV ul li .dropdown .dropdown-menu ul li:hover a,
.dropdown .dropdown-menu ul li:hover a{
	background-color: #f8f8f8;
}
.pagination > a{
	font-size: 16px;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #333;
  border-color: #333;
}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
    z-index: 2;
    color: #333;
    background-color: #eee;
    border-color: #ddd;
}

.ThrECOUMNAdInV ul{
	display: flex;
	list-style-type: none;
	padding: 0px;
	align-items: center;
}
.ThrECOUMNAdInV ul li{
	width: 33.33%;
}
.ThrECOUMNAdInV ul li:last-child{
	text-align: right;
}
.ThrECOUMNAdInV ul li.INADDBTN{
	text-align: center;
}
.ThrECOUMNAdInV ul li.SearchBox{
	position: relative;
}
.ThrECOUMNAdInV ul li.SearchBox .fa-calendar{
	position: absolute;
	top: 7px;
	left: 10px;
}
.ThrECOUMNAdInV ul li.SearchBox input{
	width: 150px;
	height: 30px;
	outline: none;
	border-radius: 3px;
	text-transform: uppercase;
	border: 1px solid #707070;
	padding-left: 30px;
}
.InVOICE ul li.SearchBoxADINV{
	margin-right: auto;
}
.InVOICE ul li.SearchBoxADINV{
	position: relative;
}
.InVOICE ul li.SearchBoxADINV .fa-calendar{
	position: absolute;
	top: 7px;
	left: 10px;
}
.InVOICE ul li.SearchBoxADINV input{
	width: 150px;
	height: 30px;
	outline: none;
	border-radius: 3px;
	text-transform: uppercase;
	border: 1px solid #707070;
	padding-left: 30px;
}
.ADDINVOICETABLE{}
.ADDINVINEER{
	background: #f8f8f8;
	border: 1px solid #707070;
	padding: 20px;
	border-bottom: 0px;
}
.ADDINVINEER table thead tr th{
	padding: 0px 20px;
	text-align: right;
	font-weight: bold;
}
.ADDINVINEER table tbody tr td{
	text-align: right;
	padding: 10px 20px;
	position: relative;
}
.ADDINVINEER table tbody tr td .remove{
	margin-right: 10px;
  padding: 2px 6px;
  margin-top: 5px;
  outline: none;
  border: none;
  color: #fff;
  background-color: #F01800;
  border: 1px solid #F01800;
  position: absolute;
   left: -9px;
}
.ADDINVINEER table tbody tr td input,
.ADDINVINEER table tbody tr td input:focus{
	text-align: right;
	float: right;
	box-shadow: none;
	border: 1px solid #707070;
	border-radius: 3px;
	width: 100%;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    width:100%;
    position: absolute;
    -webkit-appearance: none;
    height: 100%;
}
.ADBTN{
	margin-top: 15px;
	text-align: right;
}
.ADBTN .btn-add{
	background: #333;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	text-decoration: none;
}
.btn-save{
	background: #333;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	text-decoration: none;
}
.inputsmall{
	width: 100px;
}
.ADDIVoiCEDEATILS{
	margin-top: 0px;
}
.ADDIVoiCEDEATILS table{
	background: #f8f8f8;
	border: 1px solid #707070;
	text-align: right;
}
.ADDIVoiCEDEATILS table tr td{
	padding: 10px;
}
.BRDRiGHt{
	border-right: 1px solid #707070;
}
.BRDBTM{
	border-bottom: 1px solid #707070;	
}
.ADDIVoiCEDEATILS table tr td input, 
.ADDIVoiCEDEATILS table tr td input:focus {
    text-align: right;
    float: right;
    box-shadow: none;
    border: 1px solid #707070;
    border-radius: 3px;
}

.ADDIVoiCEDEATILS table tr td .dropdown .dropdown-toggle{
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
}
.ADDIVoiCEDEATILS table tr td .dropdown .dropdown-toggle .fa{
	font-size: 22px;
	line-height: 10px;
	position: relative;
	top: 5px;
	padding-right: 10px;
}
.ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu{
	left: inherit;
	right: 0;
}
.ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu ul{
	list-style-type: none;
	padding: 4px 0px;
	margin: 0px;
	text-align: right;
	display: block;
}
.ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu ul li{
	display: block;
	width: 100%;
}
.ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu ul li a{
	text-decoration: none;
	padding: 2px 10px;
	display: block;
	color: #333;
}
.ADDIVoiCEDEATILS table tr td .dropdown .dropdown-menu ul li:hover a{
	background-color: #f8f8f8;
}
.ADDIVoiCEDEATILS .ADBTN .btn-add{
	text-transform: uppercase;
	padding: 6px 30px;
}
.INVMODAL .modal-dialog .modal-header .modal-title{
	text-align: center;
}
.INVMODAL .modal-dialog label{
	text-align: right;
	display: block;
}
.INVMODAL .modal-dialog .form-control{
	text-align: right;
}
.ADDIVoiCEDEATILS .dropdown{
	display: inline-block;
}
small.help-block{
	display: none !important;
}
.ProDuCTDROpDOWN .dropdown{}
.ProDuCTDROpDOWN .dropdown .dropdown-toggle{
	width: 100%;
	border: 1px solid #333;
	height: 52px;
	text-align: right;
}
.ProDuCTDROpDOWN .dropdown .dropdown-toggle::before {
    content: '\f107';
    font-family: 'fontawesome';
    left: 15px;
    top: 12px;
    position: absolute;
    font-size: 20px;
}
.ProDuCTDROpDOWN .ProDuCTDROpDOWN .dropdown #PrODDROPDOWN1 .dropdown-toggle::before {
    content: '\f107';
    font-family: 'fontawesome';
    left: 15px;
    top: 12px;
    position: absolute;
    font-size: 20px;
    display: none;
}
#PrODDROPDOWN1 .dropdown.active .dropdown-menu, 
#PrODDROPDOWN1 .dropdown.active.open .dropdown-menu{

}
.ProDuCTDROpDOWN .dropdown #PrODDROPDOWN1.dropdown-toggle::before {
	display: none;
}	
.BTN-CAt,.BTN-CAt:hover{
	border: 1px solid #333;
	height: 52px;
	text-align: right;
	display: block;
	width: 100%;
	text-decoration: none;
	border-radius: 3px;
	padding: 16px;
	color: #000;
}
.sectionup .fa-picture-o{
	padding-left: 10px;
}
.StoREFoRM.INVOICEDeTIlaS .btn-primary .fa.fa-plus {
    float: none;
    font-size: 30px;
    line-height: 18px;
    position: relative;
    top: 3px;
    font-size: 20px;
    padding-left: 15px;
}
.SettingForm label{
	text-align: right;
	display: block;

}
.dropdown .dropdown-toggle::before{
	display: none;
}
.form-group label.error{
	display: none !important;
}
.LIStIcONS img{
	width: 20px;
}
.InvoiceSearch ul li.INADDBTN.ADINVBTN{
		margin-right: auto;
}
.Breadcurm ul li.SearchBoxADINV.CSCSEO a .fa{
	font-size: 20px;
  padding-right: 8px;
}
.ReportSearch{
	margin-bottom: 15px;
}
.ReportSearch .FoRMINNER{
	display: flex;align-items: center;
}
.ReportSearch .FoRMINNER .FoRMINNERWorP{
	/*margin-right: 15px;*/
	/*border: 1px solid #ccc;*/
	border-radius: 6px;
	display: flex;
}

.ReportSearch .FoRMINNER .FoRMINNERWorP input#dt_from{
	border-right: 1px solid #ccc;
}
.ReportSearch .FoRMINNER .input-group.date{
	width: 200px;
	margin-right: 10px;
}
.ReportSearch .FoRMINNER .FoRMINNERWorP input,{
	height: 42px;
  border: 1px solid #ccc;
  background-color: transparent;
   border-radius: 6px 0 0 6px;
  width: 100%;
  padding: 0 10px;
}
.ReportSearch .FoRMINNER .FoRMINNERWorP input:focus{
	/*border:none;*/
	outline: none;
	border: 1px solid #ccc;
  background-color: transparent;
   border-radius: 6px 0 0 6px;
}
.ReportSearch .FoRMINNER .FoRMINNERWorP input[type="date"]:not(.has-value):before{
  color: lightgray;
  content: attr(placeholder);
}
.ReportSearch .FoRMINNER .btn-add{
	border: 1px solid #333;
	color: #fff;
	background: #333;
	height: 35px;	
}   
.ReportSearch .FoRMINNER .btn-add:hover{
	background: none;
	color: #333;
	border: 1px solid #333;
}
#Loginform .image.sectionup span {
    display: inline-block;
    margin-right: auto;
}
.SettingForm #Loginform .image.sectionup span img{
	padding-right: 10px;
}
footer{
	padding: 30px 0 40px 0;
	background: #1D40E6;
}
.footerinner{
	text-align: center;
}
.footerinner ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px 0 15px 0;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.footerinner ul li{
	width: auto;
	display: inline-block;
	border-right: 1px solid #fff;: 
}
.footerinner ul li:last-child{
	border-right: none;
}
.footerinner ul li a{
	text-decoration: none;
	padding: 0 15px;
	color: #fff;
}
.footerinner p{
	color: #fff;
}
svg{max-width:100%;height:auto;}
.images-block
    {
        position:fixed;
        left: -70px;
        width: 33.33333333%;
        bottom: -30px;
        height:100%;
    }
.images-block svg{max-width:80%;}
.show-mobile{display:none;}
.page-heading{background:#ff6c38;color:#fff;text-align:center;border-radius:10px;padding:5px;margin-bottom: 30px;}
.page-heading h{font-size:35px;color:#fff;margin:0;padding:0;}
.page-title{text-align:center;margin-bottom:30px;}
.page-title h1
    {font-size:35px;color:#43358a;font-weight:400;margin:0;border:solid 1px #777;border-radius:25px;
        display: inline-block;width:50%;padding:5px 15px;
    }
.page-title span{display:block;font-size:25px;}
@media only screen and (max-width: 991px) {
   .show-desktop{display:none;}
   .show-mobile{display:block;}
   .page-heading h1{font-size:25px;}
   .MainStore ul li a{border-radius:35px 0 0 0;}
   .MainStore ul li:nth-child(2n-2) a{border-radius:0 35px 0 0;}
   .page-title h1{width:100%;font-size:25px;}
   .page-title span{font-size:18px;}
	span.price{font-size:60px;}
	.ADMINCHARTInR50{
		width: 100%;
		margin-bottom: 20px;
	}
	.MainOptiON ul li,
	.MainStore ul li{
		width: 25%;
	}
	.main-content-store{
		height: auto;
	}
	.MainStore_PRiCE ul li{
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.main-content{
		min-height: inherit;
	}
	.navbar-nav {
    	margin: 7.5px 0px;
	}
	.MainOptiON ul li,
	.MainStore ul li{
		flex:0 0 50%;
		max-width:50%;
	}
	.nav.navbar-nav.navbar-right{
		display: flex;
		float: right;
	}
	.navbar-header{
		width: auto;
		margin-right: 0px !important;
		/*float: left;*/
	}
	header .navbar-nav {
    	padding: 3px 0;
	}
	.PriCE_top a{
		display: block;
	}
	.MainAnCT .fa{
		transform: rotate(-180deg);
	}
	.MainStore_PRiCE ul li{
		width: 100%;
	}
	.MainAnCT a.BaSActIVE{
		display: block;
	}
	.PrICeMaiN p{font-size:16px;}
	.PrICeMaiN{
		/*display: none;*/
	}
	.MainAnCT .PrICeMaiN{
		display: block;
	}
	.StoREFoRM form,
	.PayMenT-DeatILS{
		width: 100%;
	}
	.navbar-brand {
    margin-left: 15px !important;
	}
	.Breadcurm ul li a{
		font-size: 14px;
	}
	.InvoiceSearch ul .SearchBox {
    margin-right: auto;
    position: relative;
    width: 55%;
	}
	.InvoiceSearch ul .SearchBox .form-control {
    text-align: right;
    box-shadow: none;
    border: 1px solid #707070;
    font-size: 12px;
    min-width: 15px;
	}
	.ThrECOUMNAdInV ul li.SearchBox input{
		width: 120px;
		padding: 0 0 0 17px;
	}
	.ThrECOUMNAdInV ul li.SearchBox .fa-calendar {
    position: absolute;
    top: 7px;
    left: 6px;
	}
	.ThrECOUMNAdInV ul .INADDBTN a {
    background: #333;
    color: #fff;
    padding: 3px 9px;
    border-radius: 4px;
    text-decoration: none;
	}
	.ThrECOUMNAdInV ul li .dropdown .dropdown-toggle {
    background-color: transparent;
    color: #333;
    border: 1px solid #ccc;
    padding: 4px 8px;
	}
	.main-content {
		width: 100%;
	}
	.ADDINVINEER table thead tr th{
		padding: 0 5px;
	}
	.ADDINVINEER table tbody tr td {
    text-align: right;
    padding:10px 5px;
    position: relative;
	}
	.inputsmall {
    width: 100%;
	}
	.ADDINVINEER {
    background: #f8f8f8;
    border: 1px solid #707070;
    padding: 20px 10px;
    border-bottom: 0px;
	}
	.form-control.inputsmall.inputsmmobile{
		width: 100%;
	}
	.MOBILWTH90{
		width: 90%;
		float: right;
	}
	.PagiSection .Pagi-right .dropdown .dropdown-toggle{
		max-width: 140px;
	    overflow: hidden;
	    padding: 5px 10px;
	    text-align: right;
	    min-width: 140px;
	}

	.SearchBoxDORPD .dropdown .dropdown-toggle{
		min-width: 150px;
	}
	.INVOICETABLE table tr td ul{
		display: flex;
	}
	.INVOICETABLE table tr td ul li {
	    padding: 0 5px;
	    width: auto;
	}
	.navbar-brand {
	    margin-left: 0px !important;
	    height: auto !important;
	    line-height: normal !important;
	    padding-top: 0px !important;
	    display: block;
	    margin-top: 4px;
	}
	.PagiSection {
    	display: flex;
    	padding: 10px 0 10px 0;
    	align-items: flex-start;
	}
	.Breadcurm {
	    padding-top: 0px;
	    padding-bottom: 5px;
	}
	html, body{
		font-size: 14px !important;
	}
	.LIStIcONS img{
		width: 20px;
	}
	.ADDINVINEER table tbody tr td .form-control.product_name{
		width: 90%;
	}
	.ADDINVINEER table tbody tr td .remove{
		left: -4px;
	}
	.Breadcurm.InVOICE ul{
		margin-bottom: 10px;
	}
	.ReportSearch .FoRMINNER .FoRMINNERWorP{
		display: flex;
	}
	.ReportSearch .FoRMINNER .FoRMINNERWorP input{
		width: 100%;
	}
	.ReportSearch .FoRMINNER .FoRMINNERWorP{
		width: 75%;
	}
	.ADMINCHART {
    	padding-top: 0px;
	}
	footer{
		padding: 15px 0 20px 0;
		background: #1D40E6;
	}
	.InvoiceSearch ul .INADDBTN a, .InVOICE ul .INADDBTN a, .ThrECOUMNAdInV ul .INADDBTN a{
		padding: 6px 10px;
	}
	.pagination-sm > li > a, .pagination-sm > li > span{
		padding: 5px 9px;
	}
}
@media only screen and (max-width: 568px) {
	.MainOptiON ul li,
	.MainStore ul li{
		width: 50%;
	}
	.ThrECOUMNAdInV ul li .dropdown .dropdown-toggle{
		background-color: transparent;
		color: #333;
		border: 1px solid #ccc;
		width: auto;
		position: relative;
		width: 110px;
		padding-left: 30px;
		padding-right: 10px;
		overflow: hidden;
	}
}


.header-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    color: white;
    background-color: #333; /* Button color */
    border: none; /* Remove default button border */
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-right: 5px; /* Space between buttons */
}

.header-button i {
    margin-right: 5px; /* Space between icon and text */
}

.header-button:hover {
    background-color: #ccc; /* Darker shade on hover */
}


.ADMINCHART {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 20px;
        }
        .ADMINCHART-INNR {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            padding: 20px;
            transition: transform 0.3s;
        }
        .ADMINCHART-INNR:hover {
            transform: translateY(-5px);
        }
        .ADMInVATIM h4 {
            margin: 0 0 10px;
            font-size: 14px;
            color: #333;
        }
        .CHARTMAN {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .CHARTMANLFT {
            flex: 1;
        }
        .CHARTMANLFT h2 {
            margin: 0;
            font-size: 20px;
            color: #333;
        }
        .CHARTMANLFT p {
            margin: 5px 0 0;
            color: #28a745;
        }
        .CHARTMANRHT i {
            font-size: 40px; /* Adjust size as needed */
            color: #333;
        }

.MainOptiON {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: 20px;
            padding-top: 40px;
            padding-bottom: 40px;

        }
        .MainOptiON a {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: #333;
            padding: 15px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s;
        }
        .MainOptiON a:hover {
            transform: translateY(-5px);
        }
        .MainOptiON i {
            font-size: 40px;
            margin-bottom: 25px;
            
        }
        
         .chart-container {
            width: 100%;
            max-width: 600px;
            margin: 20px auto;
        }