.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
}
@media (min-width: 1680px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1590px;
	}
}
#zwrapperz {
    height: 100%;
}

/* === SIgn In Page ==*/
.sign-in-page{
	background: url(../images/log-bg.jpg);
	background-attachment: fixed;
	color: #91839e;
	
	font-family: Montserrat;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
}
.sign-in-page .container{
	padding-top: 65px;
}
.sign-in-page h1{
	color: #fff;
	font-size: 50px;
	font-family: Montserrat;
	font-weight: bold;
	margin-top: 90px;
	margin-bottom: 20px;
}
.sign-in-page h1 span{
	color: #fcd965;
	font-weight: 200;
}
.sign-in-page h1 + h5{
	color: #cabcd6;
	font-size: 22px;
}
.circle-yellow{
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background: #ffc134;
	margin-top: 50px;
	padding: 70px 0 0 60px;
}

.sign-in-form {
  background: #fff;
  border-radius: 30px;
  padding: 30px 40px;
  max-width: 100%;
  margin-left: auto;
  margin-top: 3px;
  position: relative;
  z-index: 9;
}
.sign-in-form h2{
	color: #502379;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.sign-in-form h2 span{
	font-weight: 200;
}
.sign-in-form h2 + h5{
	color: #91839e;
	font-size: 18px;
	text-align: center;
}
.sign-in-form input{
	border: 1px solid #91839e;
	border-radius: 15px;
	height: calc(3em + 1rem + 2px);
	padding-left: 40px;
	padding-right: 40px;
	font-size: 16px;
}
.sign-in-form input:focus, .sign-in-form input:active{background: none;}
.sign-in-form .floated-label{
	position: absolute;
	top: -21px;
	left: 50px;
	z-index: 1;
	padding: 7px;
	background: #fff;
	font-size: 18px;
	color: #663f8a;
}
.sign-in-form-row{
	margin-bottom: 40px;
}
.sign-in-form .forgot-password{
	color: #663f8a;
	font-weight: 500;
	text-align: right;
	font-size: 18px;

}
.sign-in-button{
	background: #502379;
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	border: 0 solid #fff;
	display: block;
	width: 100%;
	font-weight: 600;
}
.sign-in-page .copyright-text{
	max-width: 620px;
	margin-left: auto;
	text-align: center;
	color: #fff;
	margin-top: 25px;
}
.custom-control{font-size: 18px;}
/* === SIgn In Page css ends ==*/

/* ==== All Admin panel pages CSS ===== */
.admin-panel-pages, .admin-panel-pages > .container-fluid, .admin-panel-pages > .container-fluid > .row{
	height: 100%;	
}

/* ==== All Admin panel pages CSS ends ===== */

/* === Dashboard Left Panel ==*/
.dashboard-left-column{
	max-width: 410px;
	background: #7323bd;
	min-height:  100%;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	background-image: linear-gradient(to bottom left, #3a16ad 10%, #942ac6 100%);
	font-family: Montserrat;
	text-align: center;
}
.admin-panel-logo{
	padding: 65px 0 50px;
}
.admin-panel-logo img{
	max-width: 300px;
}
.admin-left-menu{
	padding: 0 40px;
}
.admin-left-menu a{
	color: #bd96df;
	font-size: 18px;
	margin-bottom: 45px;
	transition-duration: 0.5s;
}
.admin-left-menu a:hover{
	text-decoration: none;
	color: #fff;
	transition-duration: 0.5s;
}
.admin-left-menu a.active .wt-bg-transparent {
    background-color: rgba(256, 256, 256, 1);
}
.wt-bg-transparent{
	background-color: rgba(256, 256, 256, 0.1);
	transition-duration: 0.5s;
	width: 93px;
	height: 93px;
	border-radius: 20px;
	padding-top: 30px;
	margin: 0 auto 10px;
}
.admin-left-menu a:hover .wt-bg-transparent{
	background-color: rgba(256, 256, 256, 1);
	transition-duration: 0.5s;
}
/* === Dashboard Left Panel ends ==*/

/* === Dashboard Right Panel ==*/
.admin-right-column{
	background: #f3e9fb;
	font-family: Montserrat;
}
.admin-title-bar{
	min-height: 90px;
	padding-top: 25px;
	background: #fff;
	box-shadow: 0px 6px 49px -39px #000;
}
.admin-title-bar h1{
	color: #252525;
	font-size: 32px;
	font-weight: bold;
	padding: 0 45px;
}
.admin-hello-section{
	max-width: 50%;
	min-width: 410px;
	padding-left: 15px;
	padding-right: 15px;
}
.admin-pic{
	width: 55px;
	height: 55px;
	display: inline-block;
	background: #985fcc;
	border-radius: 50%;
	margin-right: 10px;
}
.table-upper-section{
	margin-top: 40px;
}
.table-upper-section select.form-control{
	max-width: 300px;
	font-size: 16px;
	height: 63px;
	border-radius: 15px;
	color: #252525;
}
.button-large{
	background: #502379;
	color: #fff;
	border: 0 solid #fff;
	border-radius: 15px;
	height: 63px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 16px;
}
.button-large:hover{
	background: #985fcc;
}
.button-large-outline{
	background: transparent;
	color: #502379;
	border: 1px solid #502379;
	border-radius: 15px;
	height: 63px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 16px;
}
.button-large-outline:hover{
	background: #985fcc;
	border: 1px solid #985fcc;
}
.list-view{padding: 20px 30px; height: 63px;background: #fff; border-radius: 15px; display: inline-block; color: #502379; margin-right: -30px;position: relative; z-index: 2;}
.list-view.active{}
.grid-view{padding: 20px 20px 20px 50px; height: 63px;background: #f9f2ff; border-radius: 15px; display: inline-block;}
/* === Dashboard Right Panel ends ==*/

/* === Dashboard Right Panel TABLE ==*/
.table{
	color: #7f619a;
}
.table td, .table th {
    vertical-align: middle;
}
.admin-right-column .table-hover tbody tr{
	
}
.admin-right-column .table-hover tbody tr > th{
	border-radius: 10px;
}
.admin-right-column .table-hover tbody tr:hover {
    color: #7f619a;
    background-color: #fff;
    box-shadow:-1px 16px 65px -30px #5400a0;
}
.admin-right-column .table-hover {
    margin-bottom: 11rem;
	margin-top: 10px;
	background: #fff;
}
.admin-right-column .table-hover thead tr{
	background: #f3e9fb;
}
.admin-right-column .table-hover thead tr th{
	border-bottom: 0 solid #dee2e6;
	border-top: 0 solid #dee2e6;
	color: #502379;
}
.admin-right-column .table-hover td, .table-hover th {
    padding: 20px 0.75rem;
    border-bottom: 5px solid #f3e9fb;
}
.admin-right-column .table-hover tbody tr:hover td, .table-hover tbody tr:hover th{
	border-bottom: 5px solid #fff;
}
.red-circle{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #ec3636;
	background: #fff;
	padding: 2px 0 0 2px;
}
.red-circle > div{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ec3636;
}
.orange-circle{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #ff9d5c;
	background: #fff;
	padding: 2px 0 0 2px;
}
.orange-circle > div{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ff9d5c;
}
.green-circle{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #36b775;
	background: #fff;
	padding: 2px 0 0 2px;
}
.green-circle > div{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #36b775;
}
.light-green-circle{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #bad218;
	background: #fff;
	padding: 2px 0 0 2px;
}
.light-green-circle > div{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #bad218;
}
.user-name{
	margin-bottom: 5px;
}
.mail-circle{background: #ffe7e7; width: 35px; height: 35px; border-radius: 50%; display: inline-block; padding: 6px 0 0 10px;}
.mail-circle i{color: #e34d4d;}
.phone-circle{background: #defbec; width: 35px; height: 35px; border-radius: 50%; display: inline-block; padding: 6px 0 0 10px;}
.phone-circle i{color: #36b875;}
.calendar-circle{background: #f3ecff; width: 35px; height: 35px; border-radius: 50%; display: inline-block; padding: 6px 0 0 10px;}
.calendar-circle i{color: #9147d4;}
.doc-circle{background: #fff2d9; width: 35px; height: 35px; border-radius: 50%; display: inline-block; padding: 6px 0 0 10px;}
.doc-circle i{color: #efa633;}
.dot-linked{color: #7f619a; width:25px; height: 25px; border-radius: 50%; display: inline-block; padding: 2px 0 0 0; text-align: center; transition-duration: 0.5s;}
.dot-linked:hover{background: #ede1f8; color: #7f619a; transition-duration: 0.5s;}

/* === Dashboard Right Panel TABLE ends ==*/


.home-demo .item{
	width: 900px;
}

.home-demo  img{
	width: 60% !important;
	margin-top: 20px;
}
.home-demo{
	width: 900px;
}
.pass-incret{
	text-align: center;
	display: block;
	margin: auto;
	padding-bottom: 30px;
	color: red;

}
.pass-main a{
	text-decoration: none;
	list-style: none;
	font-weight: bold;
	margin-top: -20px;
}
@media (min-width: 800px) and (max-width: 1460px) { 
	.sign-in-form h2 {
    color: #502379;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.sign-in-form h2 + h5 {
    color: #91839e;
    font-size: 14px;
    text-align: center;
}
.sign-in-form .floated-label {
  font-size: 12px !important;

}
.form-control-lg {
	font-size: 12px;
	}
	.sign-in-form {
		width: 100%;
	}
	.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    font-size: 12px;
}

.sign-in-form .forgot-password {
    color: #663f8a;
    font-weight: bold;
    text-align: left;
    display: block;
    font-size: 11px;
}
.sign-in-form-row-2 {
    margin-bottom: 35px;
}
.sign-in-form-row-2{
    margin-bottom: 20px;
 }
 .sign-in-form .floated-label {
    font-size: 12px !important;
    color: #502379;
    font-weight: bold;
        margin-top: 5px;
}
.sign-in-form-row-3 input {
    border: 1px solid #91839e;
    border-radius: 15px;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}
.sign-in-form-row-4{
    margin-bottom: 25px;
}
.sign-in-form-row-5{
	margin-bottom: 30px;
}
.custom-control-label::before{
	padding-top: 0px !important;
}
.pass-main a {
    text-decoration: none;
    list-style: none;
    font-weight: bold;
    margin-top: -25px;
    font-size: 12px;
}
.dont-account{
	font-size: 12px;
}
.sign-in-form{
	padding-bottom: 10px;
}
.mt-5 {
    margin-top: 2rem!important;
}
.sign-in-page .copyright-text {
    max-width: 620px;
    margin-left: 155px;
    text-align: center;
    color: #fff;
    margin-top: 25px;
    font-size: 12px;
}
.sign-in-page h1 {
    color: #fff;
    font-size: 30px;
    font-family: Montserrat;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
}
.sign-in-page h1 + h5 {
    color: #cabcd6;
    font-size: 16px;
}
.circle-yellow {
    width: 270px;
    height: 270px;
    border-radius: 50%;
    background: #ffc134;
    margin-top: 50px;
    padding: 70px 0 0 60px;
}
.home-demo{
	width: 500px;
}

.home-demo .item{
	width: 500px;
}
.home-demo  img{
	width: 60% !important;
	margin-top: 0px;
}
.view-icons{
  float: right !important;
  margin-top: -35px !important;
padding-right: 10px;
width: 10%;
}
.view-icons-2{
  float: right !important;
  margin-top: -39px !important;
padding-right: 10px;
width: 10%;
}
.view-icons-2{
  float: right !important;
  margin-top: -50px;
padding-right: 10px;
}
.custom-checkbox {
	font-size: 12px;
}
.sign-in-img-animation{
	padding-bottom: 100px !important;
}
.sign-in-button{
  font-size: 16px;
  height: 50px !important;
}
.sign-in-form{
  margin-top: 0px;
}
.sign-in-form-row {
    margin-bottom: 25px;
}
.sign-in-form-row{
  font-size: 12px;
}
}
.view-icons{
  float: right !important;
  margin-top: 30px;
  padding-right: 10px;
}
.view-icons-2{
  float: right !important;
  margin-top: -48px;
  padding-right: 10px;
}


.login-btn{background: #502379;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    border: 0 solid #fff;
    display: block;
    width: 100%;
    font-weight: 600;
    border: 1px solid #91839e;
    border-radius: 15px;
    height: calc(3em + 1rem + 2px);  
    text-align: center;
    line-height: 85px;
}

.login-btn:hover{color: #fff; text-decoration: none;}




/*     fieldset {
        border: 1px solid #91839e;
        margin: 0px;
        padding: 0em 10px 0px 30px;
        border-radius: 15px;
    }

    fieldset legend{padding: 0 10px; width: auto; margin-bottom: 0;}
    fieldset input{border: none !important; height: 60px !important; padding-top: 0 !important; padding-left: 15px !important;}
        fieldset input:focus{background: transparent !important;}*/




.popup-form input, .popup-form select {
  border: 1px solid #CDC3D8;
  border-radius: 8px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  color: #502379;
  height: 48px;
}
.popup-form .floated-label {
  position: absolute;
  top: -10px;
  left: 25px;
  z-index: 4;
  padding: 0 7px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #663f8a;
}
.incorporation_date img {
  float: right;
  margin-top: -41px;
  padding-right: 0px;
  cursor: pointer;
  margin-right: 13px;
}
.incorporation_date img {
  margin-top: -42px !important;
}
.ref-pdng {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

select.minimal {
    background: url(/v4/img/select-down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 16px;
    background-repeat: no-repeat;
    padding-right: 40px;
}
 select.minimal-light {
    background: url(/v4/img/select-down-arrow-light.png) no-repeat right;
    -webkit-appearance: none;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 16px;
    background-repeat: no-repeat;
    border: 1px solid rgba(255,255,255,.5);
    color: #fff;
    padding-right: 40px;
}



.form-control-light{border: 1px solid rgba(255,255,255,.5) !important;}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-prepend{/*z-index: 4;*/}

.general-form-row .input-group-prepend .input-group-text {

    border: 1px solid #CDC3D8;
    border-right: 0 !important;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: transparent;
    color: #502379;
    font-size: 15px;
    padding-left: 15px;
    font-weight: 600;
}

.general-form-row .input-group-prepend+input {
    border-left: 0 !important;
    padding-left: 0 ;
}

.general-form-row .input-group-prepend button {
    border: 1px solid #91839e;
    border-right: 0;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: transparent;
    color: #b2a9bb;
    font-size: 15px;
    /*padding-left: 30px;*/
    z-index: 0;
    height: 48px;
}
.general-form-row .input-group-prepend button:focus{outline: none;}
.dolor-line {
  float: right;
  margin-top: 4px;
  margin-right: 1px;
  width: 1px; background: #DCD0E8; height: 36px;
}        


.useer-type{}
.useer-type a{background: #F4F1F8; color: #663F8A; border: 2px solid #663F8A; border-radius: 8px; font-size: 18px; font-weight: 600; height: 90px; display: flex; align-items: center; padding: 0 0 0 20px; line-height: 18px;}
.useer-type a:hover{background: #8748C1; color: #fff;}


.color-magento {color: #502379 !important;}

.btn-magento{background: #502379; border: 0; color: #fff; font-size: 20px; font-weight: 600; border-radius: 7px;  height: 65px; line-height: 50px; text-transform: uppercase;}
.btn-magento:hover, .btn-magento:focus{background: #502379; border: 0; color: #fff; font-weight: 600; border-radius: 7px;}
.color-yellow{color: #EDA300;}

/*input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 40px white inset !important;

    }*/


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
}

input:autofill {
  background: #fff; /* or any other */
}


.font-weight-600{font-weight: 600;}


ul.login-list{margin: 0; padding: 0; list-style-type: none; display: flex;  justify-content: center; flex-wrap: wrap;}
ul.login-list li{display: inline-block; margin: 0 10px 10px 0;}
ul.login-list li a{background: #F4F1F8; color: #663F8A; padding: 15px 20px; border-radius: 30px; font-size: 16px; font-weight: 600; display: block; min-width: 170px;}
ul.login-list li a:hover{text-decoration: none; background: #502379; color: #fff;}
ul.login-list li a:hover img{-webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);}

ul.login-sub-list{margin: 0; padding: 0; list-style-type: none; display: flex;  justify-content: center; flex-wrap: wrap;}
ul.login-sub-list li{display: inline-block; margin: 0 10px 10px 0;}
ul.login-sub-list li a{background: #F4F1F8; color: #663F8A; padding: 15px 20px; border-radius: 30px; font-size: 16px; font-weight: 400; display: block;}
ul.login-sub-list li a:hover{text-decoration: none;}

@media (max-width: 1400px) {
p{font-size: 12px;}
.sign-in-form-row{margin-bottom: 20px;}
ul.login-list li a{font-size: 12px; padding: 10px 10px; min-width: 140px; font-weight: 500;}
ul.login-list li a img{margin-right: 10px;}
ul.login-sub-list li a{font-size: 12px;}
.useer-type a {
    background: #F4F1F8;
    color: #663F8A;
    border: 2px solid #663F8A;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    line-height: 14px;
}
.useer-type a img{width: 30px;}
.popup-form input, .popup-form select{font-size: 12px; height: 46px;}
.sign-in-page{font-size: 12px;}	
.btn-magento{height: 50px; line-height: 40px; font-size: 16px;}
.login-btn{height: 50px; line-height: 50px; font-size: 16px;}
.view-icons-2{margin-top: -42px !important;}
.sign-in-img-animation {padding-bottom: 0px !important;}
.sign-in-form{padding: 30px 30px;}



}

@media  (max-width:992px) {
.sign-in-form h2{font-size: 20px;}
.sign-in-form h2 + h5{font-size: 13px;}
.sign-in-page h1{font-size: 30px;}
.custom-control{font-size: 12px; padding-left: 0;}
.sign-in-form .forgot-password{font-size: 12px;}
.sign-in-form input{padding-left: 10px; padding-right: 10px;}
.sign-in-form .floated-label{padding-left: 30px; font-size: 15px;}
.circle-yellow{width: 300px; height: 300px;}
.home-demo img{width: 40% !important;}
}