@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url(icons/font-awesome/css/fontawesome-all.css);
html,body{
    margin:0;
	padding: 0;
    font-family: "Nunito", sans-serif;
    font-weight:400;
	color: #000;
	font-size: 1em;
	background-color: #f2f2f2;
	height: 100%;
}

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	opacity: 1;
	font-family: "Nunito", sans-serif; 
}

	/* Tooltip text */
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: #555;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 125%; /* Position above the icon */
		left: 50%;
		margin-left: -60px; /* Centers the tooltip */
		opacity: 0;
		transition: opacity 0.3s;
	}

		/* Tooltip arrow */
		.tooltip .tooltiptext::after {
			content: "";
			position: absolute;
			top: 100%; /* Position arrow at the bottom of the tooltip */
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		}

	/* Show the tooltip text on hover */
	.tooltip:hover .tooltiptext {
		visibility: visible;
		opacity: 1;
	}


/* Text inside the icon tooltips */
.tooltiptext {
	font-size: 14px; /* Adjust text size */
}

/*reset pass*/
.password_crhc {
	margin-bottom: 5px;
	overflow: auto;
	width: 100%;
	Qdisplay: none;
}

	.password_crhc label {
		font-size: 13px;
		font-style: italic;
	}

.paas_cont_gray {
	background: url(images/check_mark_gray_s.png) no-repeat left center;
	padding-left: 10px;
	font-size: 16px;
	color: #bbbbbb;
	width: 38%;
	float: left;
	margin-bottom: 10px;
	margin-right: 4%;
	text-indent: 20px;
}

.paas_cont_green {
	background: url(images/check_mark_green_s.png) no-repeat left center;
	padding-left: 10px;
	font-size: 16px;
	color: #00a651;
	width: 38%;
	float: left;
	margin-bottom: 10px;
	margin-right: 4%;
	text-indent: 20px;
}


/*******************
AJAX OVERLAY
********************/
#ajax_overlay {
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	z-index: 99999;
	background-color: rgba(255, 255, 255, 0.6);
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	position: absolute;
	top: calc(50% - 3.5px);
	left: calc(50% - 3.5px);
}

	.lds-ripple .lds-pos {
		position: absolute;
		border: 2px solid #2962FF;
		opacity: 1;
		border-radius: 50%;
		animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite;
	}

		.lds-ripple .lds-pos:nth-child(2) {
			animation-delay: -0.5s;
		}

@keyframes lds-ripple {
	0% {
		top: 28px;
		left: 28px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 28px;
		left: 28px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: -1px;
		left: -1px;
		width: 58px;
		height: 58px;
		opacity: 0;
	}
}
/*******************
END - AJAX OVERLAY
********************/

*,
:after,
:before,
div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.container
{
	width: 100%;
	margin: 0 auto;
	padding:10px 20px;
}

.topbar
{
	background-color:#000;
	color: #fff;
}
.d-flex-center {
	display: flex;
	align-items: center;
}
.d-flex-rev
{
	display: flex;
	flex-direction: row-reverse;
}
.d-flex-end
{
	display: flex;
	align-items: flex-end;
}
h1 {
		font-size: 1.5em;
	line-height: 2em;
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 1.25em;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	}
h3 {
	font-size: 1.125em;
	line-height: 1.125em;
	margin: 0;
	font-weight: 800;
	padding: 0;
	}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
  -moz-appearance: textfield;
	-webkit-appearance: textfield;
	  height: 2.5em;
  width: 2.5em;
}
input[type=text],
input[type=password],
input[type=tel],
input[type=number],
input[type=time],
input[type=date], textarea {
	width: 100%;
	padding: 7px 10px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	display: block;
	background-color: #fff;
	border: 1px solid #D3D3D3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin:0;
	font-size: 0.875em;
	font-family: "Open Sans", sans-serif;
}

select,
select:not(:checked) {
	width: 100%;
	padding: 7px 40px 7px 10px;
	display: block;
	background-color: #fff;
	border: 1px solid #D3D3D3;
	background: url("images/chevron_down.svg") no-repeat right center #fff;
	background-position: bottom 45% right 10px;
	background-size: 20px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	font-size: 0.875em;
	font-family: "Open Sans", sans-serif;
}
select.form-control[multiple]
{
	background-image: none;
	background-color: #fff;
}
.gray_bg
{
	background: #e0e0e0;
	
}
.mla
{
	margin-left: auto
}
.mra
{
	margin-right: auto
}
.d-flex {
	display: flex;
	width: 100%;
}

.d-flex-center {
	display: flex;
	align-items: center;
}
.w250
{
	max-width: 250px;
	width: 100%;
}
.max800
{
	max-width:850px;
	width:100%;
	margin:0 auto;
}
.mr20
{
	margin-right: 20px;
}
.mr10
{
	margin-right: 10px;
}
.mr5
{
	margin-right: 5px;
}
.ml10
{
	margin-left: 10px;
}
.pl10
{
	padding-left: 10px;
}
.white_box {
    background: rgb(255,255,255);
	padding: 15px;
	width: 100%;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.4);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.4); 
	box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.4); 
}
.radial
{
	    background: -moz-linear-gradient(340deg, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 100%);
    background: -webkit-linear-gradient(340deg, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 100%);
    background: linear-gradient(340deg, rgba(255, 255, 255, 1) 50%, rgb(240 240 240) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e0e0e0",GradientType=1);
}
.logo {
    width:40px;
    box-sizing: content-box;
}
.fw600{
	font-weight: 600;
}
.fw700{
	font-weight: 700;
}
.fw900 {
    font-weight: 900;
}
.txt_sm
{
	font-size: 0.875em;
}
.txt_md
{
	font-size: 1.25em;
}
.txt_lg {
    font-size: 1.5em;
}
.txt_l
{
	font-size: 1.75em;
}

.txtcenter
{
	text-align: center;
}
.txtleft
{
	text-align: left;
}
.txtright
{
	text-align: right;
}
.fl_left
{
	float: left;
}
.fl_right
{
	float: right;
}
.mt5 {
	margin-top: 5px!important;
}

.mt10 {
	margin-top: 10px;
}


.mt20 {
	margin-top: 20px;
}


.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom: 30px;
}
.p5
{
	padding: 5px!important;
}
.p10
{
	padding: 10px!important;
}
.p010
{
	padding:0px 10px 10px 10px;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}
.col-0 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.col-1 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-2 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-3 {
	-ms-flex: 0 0 33.33333333%;
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%
}

.col-4 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-5 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
.col-6 {
	-ms-flex: 0 0 16.6%;
	flex: 0 0 16.6%;
	max-width: 16.6%;
}
.col-7 {
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	max-width: 15%;
}
.col-8 {
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	max-width: 10%;
}
.col-0,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8
{
	position: relative;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 1;
}

.col-6 {
	position: relative;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 1;
	margin-bottom: 20px;
}
.bg_gray
{
    background-color: #fafafa;
}
.bg_blue
{
    background-color: #001DAB!important;
}
.bg_green
{
    background-color: #008415!important;
}
.bg_red
{
    background-color:#CE0003!important;
}
.featured
{
	border: 2px solid #eb2985!important;
}
.border_gray
{
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 10px;
}
table {
    border-collapse: collapse; 
    width: 100%;
	border-top: 1px solid #ddd;
	background-color: #fff;
	
}
table th
{
	background-color: #ddd;
	font-weight: 600;
	background: rgb(224,224,224);
background: -moz-linear-gradient(0deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0",endColorstr="#ffffff",GradientType=1);

	
}
table, th, td {
    border-bottom: 1px solid #ddd;
	    border-right: 1px solid #ddd;
	padding:15px 10px;
	font-family: "Open Sans", sans-serif;
	font-size:0.9em;
	vertical-align: top;
	text-align: left;
}
table tr td:last-child
{    
    white-space: nowrap;
}
table tr td:last-child i
{
	margin-left: 5px;
	margin-right: 5px;
}
table tr td:first-child, table tr th:first-child
{
	border-left: 1px solid #ddd;
}
table.no_bord
{
	border-top: 0;
	font-size: 1em;
	background-color: transparent;
}
table.no_bord, table.no_bord th, table.no_bord td {
    border-bottom: 0;
	border-right: 0;
	padding:15px 0;
}
table.no_bord th
{
	background: #fff;
}
table tbody tr:hover {
    background-color: #fafafa;
	cursor:pointer;
}
table.no_bord tbody tr:hover {
    background-color: transparent;
	cursor: none;
}
table.no_bord tr td:first-child, table.no_bord tr th:first-child
{
	border-left: 0;
}
table.no_bord select, table.no_bord input
{
	font-size: 1em;
}
.tblcont
{
	width: 100%;
    overflow: auto;
}
a:link, a:visited, a:active
{
	color: #eb2985;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a.black:link, a.black:visited, a.black:active
{
	color: #000;
	text-decoration: none;
}
a.black:hover
{
	text-decoration: underline;
}
.col-6 a.black:hover
{
	text-decoration: none;
}
.crumb
{
	font-size: 0.785em;
}
.crumb i
{
	font-size: 0.75em;
	margin: 0 5px;
	color: #cacaca;
}
.button, input[type=button] {
	background-color: #eb2985;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	padding: 10px 20px;
	font-size: 0.875em;
	line-height: 1em;
	font-weight: 400;
	cursor: pointer;
	transition: all 0.5s;
	white-space: nowrap;
	border:0;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

input[type=button]:disabled,
input[type=button][disabled]{
  background-color: #9b9b9b;
}
a.button:link,
a.button:visited,
a.button:active {
	text-decoration: none;
	letter-spacing: 0;
	color: #fff;
	display: inline-block;
	white-space: nowrap;
}

.button:hover, a.button:hover, input[type=button]:hover {
	background-color: #000;}

.lgbtn, input[type=button].lgbtn {
background: rgb(255,255,255);
background: -moz-radial-gradient(rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
background: -webkit-radial-gradient(rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
background: radial-gradient(rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d9d9d9",GradientType=1);
	padding: 25px 0;
	text-align:center;
	width: 100%;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.4);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.4); 
	box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.4); 
	font-size: 1.125em;
	font-weight: 500;
	cursor: pointer;
	border:1px solid #fff;
	transition: all 0.5s;
	white-space: nowrap;
	position:relative;
}
.lgbtn:hover, a.lgbtn:hover, input[type=button].lgbtn:hover {
background: rgb(255,197,224);
background: -moz-radial-gradient(rgba(255,138,193,1) 0%, rgba(235,41,133,1) 100%);
background: -webkit-radial-gradient(rgba(255,138,193,1) 0%, rgba(235,41,133,1) 100%);
background: radial-gradient(rgba(255,138,193,1) 0%, rgba(235,41,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc5e0",endColorstr="#eb2985",GradientType=1);
	color:#fff!important;
}

a.lgbtn:link,
a.lgbtn:visited,
a.lgbtn:active {
	text-decoration: none;
	letter-spacing: 0;
	color: #000;
	display: inline-block;
	white-space: nowrap;
}
a.pink_btn:link,
a.pink_btn:visited,
a.pink_btn:active,
input[type=button].pink_btn, input[type=submit].pink_btn, button.pink_btn{
    background: url("images/pink_btn.png") no-repeat center center;
    background-size: contain;
    font-size: 1em;
    font-weight: 900;
	font-family: "Montserrat", serif;
    height: 100px;
    display: block;
    text-decoration: none;
    color: #fff;
	border: 0;
    text-align: center;
    padding-top: 37px;
    text-transform: uppercase;
}
.glossy
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.2) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.2) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.glossy:hover
{
	background:transparent;
}
hr {
    background-color: #ccc;
    height: 0.85px;
    padding: 0;
    border: 0;
    margin: 10px 0;
}
/* custom checkboxes */
.contcheck {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 20px;
}

.contcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.contcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.contcheck input:checked ~ .checkmark {
  background-color: #eb2985;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.contcheck input:checked ~ .checkmark:after {
  display: block;
}
.contcheck .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.color_pink
{
	color: #eb2985;
}
.tags
{
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
	overflow: auto;
}
.tags div
{
	float: left;
	padding: 3px 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #e8e8e8;
	font-size: 0.75em;
	color: #6a6a6a;
}
p
{
	margin: 10px 0;
}

.hidden 
{
   display: none;
}
.star
{
	color: #f1bf42;
}
.half_star
{
	background: rgb(241,191,66);
background: -moz-linear-gradient(90deg, rgba(241,191,66,1) 0%, rgba(241,191,66,1) 50%, rgba(218,220,224,1) 50%, rgba(218,220,224,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(241,191,66,1) 0%, rgba(241,191,66,1) 50%, rgba(218,220,224,1) 50%, rgba(218,220,224,1) 100%);
background: linear-gradient(90deg, rgba(241,191,66,1) 0%, rgba(241,191,66,1) 50%, rgba(218,220,224,1) 50%, rgba(218,220,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1bf42",endColorstr="#dadce0",GradientType=1);
	    -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}
/* The Modal  */
.modal {
	display: none;
	position: fixed;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
	position: absolute;
	background: #fff;
	padding: 20px;
	max-width: 550px;
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	top: 50%;
	left: 50%;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}

@-webkit-keyframes animatetop {
	from {
		margin-top: -300px;
		opacity: 0
	}

	to {
		top: 50%;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		margin-top: -300px;
		opacity: 0
	}

	to {
		top: 50%;
		opacity: 1
	}
}

.close {
    color: #2A2A2D;
    position: absolute;
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    right: 10px;
    top: 5px;
    cursor: pointer;
}

.edit {
	cursor: pointer;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.closeabs {
	top: 20px;
	position: absolute;
	right: 20px;
	z-index: 1;
}

.modal-header {
	padding:20px 20px 0 20px;
}
.modal-footer
{
	padding:0 20px 20px 20px;
}
body.modal-open {
	overflow: hidden
}

.modal-body {
	padding: 30px;
}

.modal-body h1 {
	margin-top: 0
}
/* End Modal  */
.info div
{
	display: inline-block;
	margin-right: 20px;
}
.profile
{
	cursor: pointer;
	margin-top: 10px;
}
.profile i
{
	margin-right: 10px;
}
.down_arr {
    margin-left: 10px;
}
.up_arr {
    margin-left: 10px;
}
#dropmenu {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #000;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20);
    font-size: 0.875em;
    text-transform: none;
    position: absolute;
    top:58px;
    width: auto;
	display: none;
	overflow: hidden;
	z-index: 2;
}
#dropmenu ul
{
	margin: 0;
	padding: 0;
}
#dropmenu ul li {
    display: block;
    border-bottom: 1px solid #393939;
}
#dropmenu ul li a:link, #dropmenu ul li a:visited, #dropmenu ul li a:active {
	color: #fff;
    text-decoration: none;
	padding:12px 30px;
	display:block;
}
#dropmenu ul li:hover
{
	background-color: #eb2985;
}
.img100 img
{
	width: 100%;
}
.img_fix {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

.img_fix img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This ensures the image fits the container without distortion */
  position: absolute;
  top: 0;
  left: 0;
}
.social{
	padding: 10px;
	height: 40px;
}
.social img, .social svg
{
	height: 14px;
	margin-right: 5px;
	vertical-align: middle;
}
.social i
{
	margin-right: 5px;
    font-size: 16px;
	vertical-align: middle;
	
}
/* custom input file */
.custom-file-input {
    position: relative;
    background-color: #fff;
    border: 1px solid #D3D3D3;
    width: 100%;
    padding: 7px 10px;
    height: auto;
    opacity: 1;
}

.custom-file-input label {
    display: inline-block;
	background: url("images/plus_black.png") no-repeat right center;
	width: 100%;
    cursor: pointer;
	margin: 0;
	padding: 0 20px;
}

.custom-file-input input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/* date picker */
label
{
	line-height: 1em;
}
.wrapper {
display: inline-block;
}

.wrapper input {
    width: 110px;
}
.wrapper input:focus {outline: none;}
#ui-datepicker-div {
	display: none;
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
	margin-top: 0.25rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ui-datepicker-calendar thead th {
	padding: 0.25rem 0;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 400;
	color: #78909C;
}
.ui-datepicker-calendar tbody td {
	width: 2.5rem;
	text-align: center;
	padding: 0;
}
.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 0.25rem;
	line-height: 2rem;
	transition: 0.3s all;
	color: #546E7A;
	font-size: 0.875rem;
	text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {	
	background-color: #fcebf3;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
	background-color: #eb2985;
	color: white;
}
.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
	border-radius: 0.25rem;
	transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
	background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {	
	left: 0;	
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-size: 0.5rem;
	background-position: 50%;
	transform: rotate(180deg);
}
.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 50%;
}
.ui-datepicker-header a>span {
	display: none;
}
.ui-datepicker-title {
	text-align: center;
	line-height: 2rem;
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	font-weight: 500;
	padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
	color: #78909C;
	font-weight: 400;
	font-size: 0.75rem;
}
/* end date picker */

/*gallery */
.user_gal {
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  word-wrap: break-word;
}
.user_gal .d-flex-center
{
	 padding: 10px;
}
.user_gal .d-flex-center.bg_pnk
{
	background-color: #eb2985;
	color: #fff;
}
.user_gal h3 {
	padding: 10px 10px 5px 10px;
    font-size: 1em;
	height: 30px;
    overflow: hidden;
 
}
.user_gal .contcheck
{
	padding-left: 20px;
	margin: 0;
}
.user_gal .posrel img {
  width: 100%;
  object-fit: cover;
}

.user_gal .tooltip .tooltiptext
{
	bottom: 150%;
}
.user_gal p {

  margin: 10px;
}

.posrel {
	width: 100%;
    position: relative;
}
.user_gal_btn{
    position: absolute;
	background-size: contain;
	background-color: transparent;
	color: transparent;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    padding: 0;
    height: 25px;
    width: 20px;
	border: 0;
    cursor: pointer;
	background-repeat: no-repeat;
    opacity: 0.5;
	}
.previous
	{
	background-image:url("images/left.png");
	left: 0;
	}
.next{

	background-image:url("images/right.png");
    right: 0;
	}
button.next.user_gal_btn:focus {
    outline: none;
}
/* end gallery */

.rating{
	font-size: 0.75em;
	margin-left: auto;
	white-space: nowrap;
}
.members .col-5{
	display: flex;
}
/* Schedule a Call timing */

.time-block {
    display: inline-block;
    margin: 5px;
    padding: 8px;
    background-color: #ededed;
    cursor: pointer;
    border-radius: 5px;
  }
  .time-block.selected {
    background-color: #28a745;
    color: white;
  }
	.time-block.not_available {
		background-color: #ffcccc;
		color: white;
		cursor:not-allowed;
	}
  .arrow-button {
    cursor: pointer;
    font-size: 20px;
    margin: 0 10px;
  }
  .day-header {
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
  }
  .time-slots {
    display: none;
    margin-top: 5px;
  }
  .time-slots.active {
    display: block;
  }
  .selected-times {
    margin-top: 10px;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 5px;
  }
  .selected-times p {
    margin: 5px 0;
  }
#timeBlocks
{
	margin: 0 30px;
}
body.login
{
	background-color: #000;
	color: #fff;
}
#loginform input[type=text],
#loginform input[type=password],
#loginform input[type=tel],
#loginform input[type=email],
#loginform input[type=number],
#loginform input[type=date] {
	width: 100%;
	padding: 10px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	display: block;
	background-color: #171717!important;
	border: 1px solid #424242;
	vertical-align: bottom;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1rem;
	color: #fff!important;
}
#loginform input:focus
{
	background-color: #171717!important;
	
}
#loginform h1
{
	font-size: 2em;
}
input[type=button].btn_gray, .btn_gray, a.btn_gray:link, a.btn_gray:visited, a.btn_gray:active {
    background: rgb(44,44,44);
background: -moz-linear-gradient(0deg, rgba(44,44,44,1) 0%, rgba(44,44,44,1) 50%, rgba(66,66,66,1) 50%, rgba(66,66,66,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(44,44,44,1) 0%, rgba(44,44,44,1) 50%, rgba(66,66,66,1) 50%, rgba(66,66,66,1) 100%);
background: linear-gradient(0deg, rgba(44,44,44,1) 0%, rgba(44,44,44,1) 50%, rgba(66,66,66,1) 50%, rgba(66,66,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c2c2c",endColorstr="#424242",GradientType=1);
    border: 1px solid #4e4e4e;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
    padding: 10px 20px;
    color: white;
	min-height: 50px;
	min-width: 220px;
    font-size: 1.25rem;
	font-weight: 300;
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.7) inset;
    transition: background 0.3s ease;
	display: block;
	text-align: center;
}
a.btn_gray:hover{
	text-decoration: none;
}
.btn
{
    padding: 10px 20px !important;
    font-size: 0.875em !important;
	border: 0!important;
	line-height: 1em;
}
.btn-primary
{
	background-color: #333;
}
.btn-primary:hover
{
	background-color: #000;
}
a.btn:link, a.btn:visited, a.btn:active
{
	color: #fff;
}
.VAMErrorText
{
	font-size: 0.75em;
	    line-height: 1em;
    display: inline-block;
}
.date-time label
{
width: 90%;
}
.columns.columns-right.btn-group.float-right
{
	margin-bottom: 10px;
}

.sortable_table .order_no {
	display: inline;
	border: 1px solid #ececec;
	background-color: #f8f8f8;
	padding: 3px 7px;
}
.swal2-popup .swal2-styled.swal2-confirm
{
	background-color: #eb2985!important;
}

.color_scheme_dark {
	color-scheme: dark;
}
.memicon
{
    padding: 7px 0 0 0;
    width: 40px;
    height: 30px;
    overflow: hidden;
	margin-left: auto;
}
.memicon img
{
	width: 40%;
}
.font_mon
{
	font-family: "Montserrat", serif!important;
}
@media only screen and (max-width: 600px) {
.container {
    width: 100%!important;
    margin: 0;
    padding: 10px;
}
.row
	{
		margin-right: 0;
		margin-left: 0;
	}

.row.mt20
	{
		margin-top: 0;
	}
.row.mt20:first-of-type
	{
		margin-top: 20px!important;
	}
.col-0, .col-1, .col-2, .col-3, .col-4, .col-5, .col-8 
	{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
		padding-right: 0;
        padding-left: 0;
    max-width: 100%;
	margin-bottom: 10px;
}
.col-6
	{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
	max-width: 50%;
	 padding-right: 5px;
    padding-left: 5px;
}
.white_box
	{
		padding:10px;
	}

.d-flex
	{
		display: block!important;
	}
.user_gal .d-flex
	{
		display: flex!important;
	}
.d-flex > div{
	margin-bottom:10px;
}
 .topbar .d-flex {
        display: flex !important;
    }
}