/* My Custom css */
.guest-body{font-family: 'Century Gothic',Helvetica,Arial,Verdana,sans-serif;}
.dashboard_img_size{border-radius:100px;width:30px}
.pop_head{font-size:12px!important;margin:10px 0 0 0}
.urlLink{color: #33323294; border-bottom: 1px dotted #33323294; text-decoration: none !important;}
.urlLink:hover{color: #3f3844; border-bottom: 1px dotted #3f3844;}
.form-check-row{margin-right: 0.3rem!important;}
/* ------------ Start of Scroll Top ---------------- */
#btn-scroll-top{
    display: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    opacity: 0.6;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}
/* ------------ End of Scroll Top ---------------- */

/* Progress bar */
#p-progress 
{
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 background-color: #F2F2F2;
}
#p-bar 
{ 
  background-color: #819FF7; 
  width:0%; 
  height:1rem; 
  border-radius: 3px;
  padding: 2px; 
}

/* Button Ripple */
.btn-ripple {
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all ease-in-out .5s;
}

.btn-ripple::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 25%;
	height: 100%;
	width: 50%;
	background-color: #000;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: all ease-in-out 1s;
	transform: scale(5, 5);
}

.btn-ripple:active::after {
	padding: 0;
	margin: 0;
	opacity: .2;
	transition: 0s;
	transform: scale(0, 0);
}

/* Loader */
.loader-ring
{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:150px;
  height:150px;
  background:transparent;
  border:3px solid #3c3c3c;
  border-radius:50%;
  text-align:center;
  line-height:150px;
  font-family:sans-serif;
  font-size:20px;
  color: #262626;;
  letter-spacing:4px;
  text-transform:uppercase;
  text-shadow:0 0 10px #fff000;
  box-shadow:0 0 20px rgba(0,0,0,.5);
}
.loader-ring:before
{
  content:'';
  position:absolute;
  top:-3px;
  left:-3px;
  width:100%;
  height:100%;
  border:3px solid transparent;
  border-top:3px solid #fff000;
  border-right:3px solid #fff000;
  border-radius:50%;
  animation:animateC 2s linear infinite;
}
.loader-ring > span
{
  display:block;
  position:absolute;
  top:calc(50% - 2px);
  left:50%;
  width:50%;
  height:4px;
  background:transparent;
  transform-origin:left;
  animation:animate 2s linear infinite;
}
.loader-ring > span:before
{
  content:'';
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff000;
  top:-6px;
  right:-8px;
  box-shadow:0 0 20px #fff000;
}
@keyframes animateC
{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}

/* end of loader */
.click-me{cursor:pointer;}
.cursor-pointer{cursor:pointer}
.clearField{cursor: pointer;display: inline;}
.modal-fullscreen{height: auto!important;}
.emailLink{text-decoration:none;color:inherit}
.row-3>.clearField{width:85%}
.row-2>.clearField{width:90%}
.row-1>.clearField{width:95%}
@media (max-width: 768px) {.row-1 > .clearField {width: 90%; }}
.btn-clearField{cursor:pointer;margin:0px!important;vertical-align:middle;text-shadow:0 1px 0 #fff;opacity: .5}
.btn-anchor:hover{text-decoration: none!important;}
.btn-anchor:link{text-decoration: none!important;}
#modal-message{margin:auto}
#modal-message .close{padding:0.6rem!important}

/* Trix Editor */
.trix-div{width:100%;max-width:100%}trix-editor{height:150px;max-height:300px !important;overflow-y:auto !important}
figure > img{max-width: 100% !important;}

/* Change Password and Password Strength */
.headline-notes{
	float: none;
	margin: 0 auto;
	padding: 12px;
	border: 1px solid rgba(0, 0, 0, 0.125);
 }
 .headline-hr{
	margin: 10px;
 }

.policy_row{
	color:#0b6623!important;
	font-weight: bold;
	font-size: medium;
}
.showHidden {
	display:none;
}
.strength-vw{
	background-color:red;
	color:white;
	padding: 2px;
	border-radius: 4px;
}
.strength-w{
	background-color:yellow;
	padding: 2px;
	border-radius: 4px;
}
.strength-m{
	background-color:orange;
	color:white;
	padding: 2px;
	border-radius: 4px;
}
.strength-s{
	background-color:blue;
	color:white;
	padding: 2px;
	border-radius: 4px;
}
.strength-vs{
	background-color:green;
	color:white;
	padding: 2px;
	border-radius: 4px;
}
.heading-hr{
	margin-bottom: 0px !important;
}

/* My Profile */
#profile-photo{text-align:center}
#my-photo-blank>label{cursor:pointer;display:block}
.img_round_layout{border-radius:100px!important;border:1px solid #ced4da;padding:5px}:focus{outline:0!important}