/* ios phone css start here */
.f{	margin:10px 10px 10px 10px;	text-align: center;}
.onoffswitch {    position: relative; width: 90px;    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.list-none{	padding-left:0px;	}
.list-none li{	list-style-type:none;}
.list-none li a{	    color: #454545;    padding: 6px 10px;    font-size: 16px;    font-weight: bold;    font-weight: 500;    text-decoration: none;   border: 1px solid #ccc;    display: block;    margin-bottom: 5px;}
.list-none li a:hover{	color:#E46E00;}
.thumbs-img img{	border:1px solid #ccc;	margin-top:-25px;	margin-left:15px;}
.wht-bgs{	background:#fff;	padding:5px;	text-align:center;}
.onoffswitch-checkbox {    display: none;}
.onoffswitch-label {    display: block; overflow: hidden; cursor: pointer;   border: 2px solid #999999; border-radius: 20px;}
.onoffswitch-inner {    display: block; width: 200%; margin-left: -100%;    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.onoffswitch-inner:before {    content: "YES";    padding-left: 10px;    background-color: #2FCCFF; color: #FFFFFF;}
.onoffswitch-inner:after {    content: "NO";    padding-right: 10px;    background-color: #EEEEEE; color: #999999;    text-align: right;}
.onoffswitch-switch {    display: block; width: 18px; margin: 6px;    background: #FFFFFF;    border: 2px solid #999999; border-radius: 20px;    position: absolute; top: 0; bottom: 0; right: 56px;    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {    margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {    right: 0px; }
.cmn-toggle {  position: absolute;  margin-left: -9999px;  visibility: hidden;}
.cmn-toggle + label {  display: block;  position: relative;  cursor: pointer;  outline: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
input.cmn-toggle-round-flat + label {  padding: 2px;  width: 75px;  height: 30px;  background-color: #dddddd;  -webkit-border-radius: 60px;  -moz-border-radius: 60px;  -ms-border-radius: 60px;  -o-border-radius: 60px;  border-radius: 60px;  -webkit-transition: background 0.4s;  -moz-transition: background 0.4s;  -o-transition: background 0.4s;  transition: background 0.4s;}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {  display: block;  position: absolute;  content: "";}
input.cmn-toggle-round-flat + label:before {  top: 2px;  left: 2px;  bottom: 2px;  right: 2px;  background-color: #fff;  -webkit-border-radius: 60px;  -moz-border-radius: 60px;  -ms-border-radius: 60px;  -o-border-radius: 60px;  border-radius: 60px;  -webkit-transition: background 0.4s;  -moz-transition: background 0.4s;  -o-transition: background 0.4s;  transition: background 0.4s;}
input.cmn-toggle-round-flat + label:after {  top: 4px;  left: 4px;  bottom: 4px;  width: 22px;  background-color: #dddddd;  -webkit-border-radius: 52px;  -moz-border-radius: 52px;  -ms-border-radius: 52px;  -o-border-radius: 52px;  border-radius: 52px;  -webkit-transition: margin 0.4s, background 0.4s;  -moz-transition: margin 0.4s, background 0.4s;  -o-transition: margin 0.4s, background 0.4s;  transition: margin 0.4s, background 0.4s;}
input.cmn-toggle-round-flat:checked + label {  background-color: #52ca02;}
input.cmn-toggle-round-flat:checked + label:after {  margin-left: 45px;  background-color: #52ca02;}
/* End here */
.top-bar{	    background: #255B82;  top:0px;  width: 100%;    padding: 0px 100px;    position: fixed;   z-index: 999;}
.counts{	    font-size: 16px;    text-align: center;    color: #ee171b;    display: block;    text-decoration: none;   float: right;}
.headn-h2{	    color: #2f323e;    font-weight: bold;    text-align: left;    font-size: 20px;    margin-top: 0px;    margin-bottom: 0px;   margin-left: 3%;}
.left{    font-size: 18px;    margin: 0px;    padding: 6px 0px 6px 45px;    font-weight: 600;}
.main-section{	padding-top:35px;}
.headn-h5{	    font-size: 14px;    color: #000000;    margin-top: 0px;    margin-bottom: 20px;    float: left;}
.change span{font-size: 14px;}
.develop {       position: fixed;    border-top: 1px solid #cf004e;    left: 0px;    padding: 10px;    bottom: 0px;    width: 15%;}
.he-200{     height: 180px !important;    background-color: #cc004c;    background-image: url(https://img.freepik.com/free-vector/white-background-with-wavy-lines-copy-space_23-2148822145.jpg?w=900&t=st=1651298831~exp=1651299431~hmac=03dcefd…);    background-position: left;}
.wid92{    width: 60% !important;    float: left;    text-align: left;    font-weight: 600;    color: #2f323e;    margin-bottom: 20px !important;}
.dashboard-bar {       width: 100%;    background: #ffffff;    padding: 13px 0;    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;    margin-top: 4%;}
*{	outline:none !important;}
.change{    font-size: 15px;    color: #000000;    margin-top: 0px;    margin-bottom: 20px;    width: 25%;    float: left;}
.headn-h3{	    font-size: 20px;    color: #2f323e;    text-align: center;    font-weight: bold;}
.bs-example{	}
.spensit{    position: relative;    display: block;    padding: 10px 15px;    font-size: 14px;    color: #fff !important;    text-align: right;    text-transform: uppercase;}
.left-section{	    width: 15%;    float: left;    background: #ffffff;    padding: 35px 0px;    height: 100%;    min-height: 775px;    position: fixed;    box-shadow: 1px 0px 20px rgb(0 0 0 / 8%);    margin-top: 2%;    z-index: 1;}
.right-section{	    width: 85%;    float: left;    margin-left: 15%;    height: 100vh;}
/* responsive start here */
@media screen and (max-width:1200px ) and (min-width:991px ){
.top-bar{		padding:20px 15px !important; 	}
}
@media screen and (max-width:992px ) and (min-width:768px ){
.top-bar{padding:20px 15px !important; }
.left-section{	width:32%;}
.right-section{	width:68%;}	
}
@media screen and (max-width:767px ) {
.top-bar{		padding:20px 15px !important; 	}
.navbar-toggle{		float:left;	}
.navbar-collapse {	padding-right:15px;	padding-left:15px;	}
.left-section{	width:auto;	min-height:auto !important;	height:auto;}
.right-section{	width:auto;}
.develop{	display:none;}
.main-section{	padding:15px;}
.headn-h5{	margin-top:25px;}
}
/* end here */
.Admin-Panel{margin-top: 40px;}
.Admin-Panel h3{margin: 0px;}
.nav-pills>li>a {   border-radius: 4px;    border-bottom: 1px solid #cfcfd7;    padding: 8px 25px !important;}
.nav>li>a {       position: relative;    display: block;    padding: 10px 15px;    font-size: 13px !important;    text-transform: uppercase;}
.nav-pills .active{    background-color: #394672;}
#bg{ background-image: url(../images/bg.jpg);    width: 100%;    height: 100vh;    background-position: center;    background-color: #fbfdff;}
.login{      width: 700px;    margin: 0px auto;    position: relative;    background-color: white;    margin-top: 133px;box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important; padding: 10px;    border-radius: 10px;}
.logins{background-color:#015a82;}
.form-controls{    width: 100%;    display: block;    padding: 8px 15px;    border: 1px solid #c0c0c5;    border-radius: 5px;    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;}
button:hover, .button:hover {    border-bottom-color: #999999;    border-left-color: #999999;    border-right-color: #999999;    border-top-color: #999999;    color: #fffefe !important;    text-decoration: none;}
.font{    font-size: 16px;    color: #00000094;    font-weight: 200;}
.style-design{    background-color: #88d1f1;    font-size: 15px;    text-shadow: none;   font-weight: 300;    border-radius: 5px;    padding: 7px 20px 7px 20px;    margin-bottom: 15px;    display: inline-block;}
.big-font{    margin-top: -5px;    display: block;    font-size: 14px;    margin-bottom: 15px;    text-align: center;    text-decoration: revert;    color: #EE171B;    font-weight: 600; }
#login h3{margin: 0px;    text-align: center;    font-weight: 600;    text-transform: uppercase;    font-size: 20px;    margin-bottom: 11px;}
.left-section img {    max-width:80% !important;    height: auto;    margin: 0 auto;}
.control{     background-color: #b91251;    color: white !important;    padding: 5px;    font-size: 11px !important;    border-radius: 5px;}
.form-group img{    max-width: 100%; height: 100px;}
.headn-h5 strong{    margin: 0px 10px 16px 0px;    display: block;    float: left;}
.alines{    position: absolute;    top: 2px;    right: 20px;}
.mt-l{    margin-right: 20px;}
.top-m{    height: 10px;}
.develop p{margin: 0px;    font-size: 12px;    padding-top: 10px;    float: left;    margin-right: 40px;}
.develop img{  max-width: 69% !important;    position: relative;    left: -35px;}
.right{    margin-right: 15px;}
#image{width: 100% !important;}
thead {    background-color: #e3e9ff !important;}
.padding5{     padding: 15px;    font-size: 18px;}
.padding5 input{margin-right: 7px;    width: 16px;    height: 15px;    margin-top: 5px;}
.widt{    width: 78%;    float: left;}
.float-left{float: left;}
.doi{    float: right;    margin-left: 15px;  }
#csv{width: 100% !important;}
.font{    font-size: 15px;    color: #5f5f64;}
form.admin-info-form {    margin-top: 28px;}
.delt-admin-info {    margin-top: 28px;    position: relative;    right: 10px;}
.form-admin-info-div {    position: relative;    left: 10px;}

.order-mgmt .form-control{    padding: 6px 3px !important;}
/*.order-mgmt ul.pagination {    background: #b91251;    padding: 10px;}*/
.order-mgmt ul.pagination a {color: #fff !important;}
.text-white{color: #fff !important;}
.order-mgmt ul.pagination li a.active {    background: #ce155a;}
.product-details-body table {    width: 100%;}
.order-mgmt h4 {    font-size: 14px;}
.logins img {    width: 50%;    margin-bottom: 0px;}
.small-box {     background: #fff;    text-align: left;    padding: 2px;    margin-bottom: 20px;    padding-left: 20px;}
.mb-5{margin-bottom: 50px;}
.mb-4{margin-bottom: 40px;}
.mb-3{margin-bottom: 30px;}
.small-box h3 {    font-weight: 900;}
.small-box p {    font-weight: bold;    font-size: 18px;     color: #fff;}
.small-box{padding-bottom: 20px;}
.small-box h3 {    margin-top: 10px;     color: #fff;}
.small-box a {background: #4e4e4e80;    padding: 5px 15px;   font-weight: 900;    color: #333;    border-radius: 50px;    font-size: 10px;    transition: 0.5s;    color: #fff;}
.small-box a:hover {color: #fff; background-color: #ee1721;}
.color-changes-custom .panel-heading {    border-bottom: 2px solid #b0d561 !important;}
.bg-aqua{background-color: #00c0ef;}
.bg-green{background-color: #00a65a;}
.bg-red{background-color: #dd4b39;}
.bg-yellow{background-color: #f39c12;}
.bg-purple{background-color: #605ca8;}
.icon {    position: relative;}
.icon i {    position: absolute;    right: -190px;    /* top: 0px; */    bottom: 0;    font-size: 75px;   opacity: 0.1;}
.mt-4 {    margin-top: 30px;}
.margin_set-top {    margin-top: 0;    margin-bottom: 15px;}
.margin-zero-size {    margin-bottom: 0;}
.small-size-content {    width: 99%;    margin-left: 15px;}
.small-size-content > label {    margin-bottom: 10px;}
a.delete_admin-button {    width: 33%;    border: none;}
.under-border-metter { display: flow-root;    width: 97%;    border: 1px solid #ccc;    padding: 10px;    margin-bottom: 12px;    margin-left: 10px;}
.margin-zero-size ul li {    display: inline-block;    margin-right: 10px;}
.margin-zero-size ul {    padding: 0; margin-bottom: 0px;}
.margin-zero-size{    padding: 0;}
div#checkboxes ul {    padding: 0;    list-style-type: none;}
div#checkboxes ul li {    margin-bottom: 10px;}
div#checkboxes {    height: 390px;    overflow-y: scroll;}
#myInput {  background-image: url('../images/searchicon.png');  background-position: 10px 12px;  background-repeat: no-repeat;  width: 100%;  font-size: 16px;  padding: 12px 20px 12px 40px;  border: 1px solid #ddd;  margin-bottom: 12px;}
#myUL {  list-style-type: none;  padding: 0;  margin: 0;}
#myUL li a {  border: 1px solid #ddd;  margin-top: -1px; /* Prevent double borders */  background-color: #f6f6f6;  padding: 12px;  text-decoration: none;  font-size: 18px;  color: black;  display: block;}
#myUL li a:hover:not(.header) {  background-color: #eee;}
.under-cover-metter {    margin-bottom: 30px;}
.fstElement { font-size: 1.2em; }
.fstToggleBtn { min-width: 16.5em; }
.submitBtn { display: none; }
.fstMultipleMode { display: block; }
.fstMultipleMode .fstControls { width: 100%; }
.field_wrapper .form-group {    border: 1px solid #ccc;    padding: 10px;}
.field_wrapper .form-control{    border: 1px solid #ccc;}
a.product_btn {    position: relative;    left: 10px;}
.field_wrapper .alines a{background-color: red; position: relative; top: 8px;}
.border-0{border:none !important;}

.left-section a img {
    background: #255B82;
}