/*================================================================================
	Item Name: Robust - Responsive Admin Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
body{
	font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
}

@keyframes pulsate {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

/* Apply pulsating animation to the link */
.pulsate {
	animation: pulsate 2s ease-in-out infinite;
}

.signature-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
}

.canvas {
	border: 1px dashed #aaa;
	border-radius: 4px;
	vertical-align: middle;
	margin: 12px 15px 12px 12px;
	padding: 5px;
}

.checkbox-control
{
	width:25px !important;
	float:left !important;
	height:25px !important;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
	font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
}
.certifyThat 
{
	font-size:22px;
	font-weight:bold;
	text-align: center;
}
footer h1, footer h2, footer h3,footer  h4, footer h5, footer h6{
	color:#ffffff;
}

.printable
{
	width:100%;
	background-color:#ffffff;
	border:none !important;
	padding:10px;
	
}
.printarea .label
{
	color:#888;
	font-size:16px;
}
.printarea .field
{
	color:#888;
	font-size:16px;
	font-weight:normal
}

.printimg
{
	width: 90px !important;
}
.printable td{
	background-color:#ffffff;
	border:none !important;
}
.underlined
{
	border-bottom:thin solid #888;
	width:200px;
	display: inline-block;
}
.dotted
{
	border-bottom:medium dotted #888;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}
@font-face {
	font-family: textur;
		src:url("../../font/textur.ttf");
	}
	.certTitle
	{
	  font-family:textur;
	  font-size:50px;
	  text-align:center;
	  padding-top:5px;
	  padding-bottom:0px;
	  margin-bottom:0px;
	}
.printarea
{
	border:thin solid #999;
	width:236mm;
	height:297mm;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}
.certArea
{
	width:205mm;
	height:297mm;
	padding-top:20px;
}
@media print{

    .printable
	{
		background-color:#ffffff;
		border:none !important;
		border:thin solid #999;
		
	}
	.printarea .label
	{
		color:#888;
		font-size:16px;
	}
	.printarea .field
	{
		color:#888;
		font-size:16px;
		font-weight:normal
	}

	.printimg
	{
		width: 90px !important;
	}
	.printable td{
		background-color:#ffffff;
		border:none !important;
	}
	.certArea
	{
		width:205mm;
		height:297mm;
		padding-top:20px;
	}
	.printarea
	{
		border:thin solid #999;
		width:210mm;
		height:297mm;
		padding-top:20px;
	}

}
.dark-text
{
	color:#211E1F !important;
}
.password:focus {
	outline-width: 0;
}
.btn
{
}
div.file-actions > div > button, .kv-zoom-header > div > button.btn
{
	color:#212529 !important;
}
.btn-success
{
	background-color:#3D723C !important;
}
.error
{
	color:#da4453;
}
.search-area
{
	width:98%;
	height:230px;
	background:#CAE6F4;
}
.carousel-item img{
	/*max-height:280px;*/
	width:100% !important;
}
.carousel-caption
{
	background:rgba(0,0,0,0.5);
	width:100% !important;
	left:0px !important;
	right:0px !important;
	bottom:0px !important;
	padding-left:20px;
}
.carousel-caption h3
{
	color:#ffffff;
}
.align-center
{
	text-align:center;
}
.contact-form
{
	background-color:#ffffff;
	border-radius:5px;
	padding:20px;
}
.privacy h1, .privacy h2,  .privacy h3 
{
	color:#267FB1;
}
.privacy
{
	width:80%;
	margin:0 auto;
	text-align:justify;
}
.menu{
	padding:0px;
	margin:0px;
}
.menu li
{
	list-style: none;
	color:#ffffff;
}
.menu li a{
	color:#dfdfdf;
	font-size:12px;
}
.menu li a:hover{
	color:#dfdfdf;
	font-size:12px;
	text-decoration: underline;
}
.filter_white {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
  }
  .social_icon
  {
	  width:20px;
  }
.loadingIcon
{
	
	position: absolute;
	width:50px;
	height:50px;
	left:0px; 
	right:0px;
	margin-left:auto;
	margin-right:auto;
	font-size: 50px;
	top:50% !important;
}
.crosstext
{
	text-decoration: line-through;
}
.select2{
	width:100% !important;
}
#queryInput
{
	height:50px;
	margin:0 auto;
	font-size:13px;
	width:500px !important;
}

.ui-autocomplete-row
{
	height:40px;
}
.ui-autocomplete-row a
{
	width:100%;
	display:block;
	color:#999;

}
.rounded-circle
{
	border:thin solid #dfdfdf;
}
.ui-autocomplete-row a:hover, .ui-autocomplete-row:hover, .ui-autocomplete-row a:focus
{
	background:#f1f1f1 !important;
	color:#999;
}
.cat{
	color:#479FC7;
}
#queryInput::placeholder{
	color:#aaa;
	font-size:13px;
}
.form-control::placeholder{
	color:#999 !important;
}
.searchform
{
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	width:600px;
}
#searchRegion
{
	padding-top:50px;
	width:250px;
}
.password-field{
	border: thin solid #ccc;	
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding-left:7px;
}
input[type='password'] {
    margin-bottom: 13px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.password-field input {
	font-size:16px;
    border: none;
    width: 86%;
    margin: 0;
	padding: 0;
}
.password-field button {
    border: none;
	width: 12%;
	padding-left:10px;
    background: rgba(0,0,0,0);
}
.fieldlabel
{
	border-bottom:thin solid #e1e1e1;
}
.profile-image
{
	display:block;
	position: relative;
	background:#ffffff;
	-webkit-box-shadow: 0px 11px 11px -6px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 11px 11px -6px rgba(0,0,0,0.57);
box-shadow: 0px 11px 11px -6px rgba(0,0,0,0.57);
width:100px !important;
margin:0 auto;
}
.ui-menu
{
	max-width:400px !important;
}
.overlayDiv
{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-radius: 50%;
	background:rgba(0,0,0,0.4);
}
#navLoading
{
	font-size:20px;
	text-align:center;
	min-height:150px;
	
    vertical-align: middle;

}
.avatar-large {
    position: relative;
    display: inline-block;
    width: 200px;
    vertical-align: bottom;
    white-space: nowrap;
    border-radius: 100%;
	border:thin solid #d1d1d1;
}
.profil-cover-details
{
	margin-top:-90px;
}
.profil-cover-details .card-title
{
	text-shadow: #fff 1px 1px;
}
.editphoto
{
	font-size:18px;
	color:#ffffff;
	position: absolute;
	bottom:20px;
	right:20px;
}
#upload-demo{
	width: 250px;
	height: 250px;
  padding-bottom:25px;
}
label.cabinet{
	display: block;
	cursor: pointer;
}

label.cabinet input.file{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  margin-top:-30px;
}
.fitModal
{
	height:500px;
}
.backLink
{
	font-size:16px;
}
.stateView a{
	color:#333;
}
#citiesArea{
	background:#dfdfdf;
	padding:5px;
}
.locationLink
{
	font-size:12px;
}

.footerLayer
{
	padding-top:30px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:20px;
}
.footer{
	padding:0px !important;
}
.firstLayer
{
	background-color:#282828;
}
.secondLayer
{
	background-color:#323232;
}

@media(max-width:600px)
{
	.fitModal
	{
		height:400px;
	}
	.fixed-top
	{
		position:relative;
	}
	html body.fixed-navbar
	{
		padding-top:0px;
	}
	.profil-cover-details
	{
		margin-top:-90px;
	}
}


/******************* animated tick sign ***************************************/
.checkmark__circle {
	stroke-dasharray: 216; /* ORIGINALLY 166px */
	stroke-dashoffset: 216; /* ORIGINALLY 166px */
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #7ac142;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }
  
  .checkmark {
	width: 106px; /* ORIGINALLY 56px */
	height: 106px; /* ORIGINALLY 56px */
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 10% auto;
	box-shadow: inset 0px 0px 0px #7ac142;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  }
  
  .checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 98; /* ORIGINALLY 48px */
	stroke-dashoffset: 98; /* ORIGINALLY 48px*/
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }
  
  @keyframes stroke {
	100% {
	  stroke-dashoffset: 0;
	}
  }
  @keyframes scale {
	0%, 100% {
	  transform: none;
	}
	50% {
	  transform: scale3d(1.1, 1.1, 1);
	}
  }
  @keyframes fill {
	100% {
	  box-shadow: inset 0px 0px 0px 80px #7ac142;
	}
  }

  .myloading
  {
	  position: absolute;
	  left:0%;
	  width:100%;
	  height:100%;
	  z-index:9999;
	  background:rgba(255,255,255,0.9);
	  text-align:center;
	  display: flex; 
  align-items: center; 
  justify-content: center;
  text-align: center; 
  }
  .largeCheck
  {
	  font-size:16px;
  }
  .nowrap{
	white-space: normal;
  }
  .email-application .sidebar-left
  {
	  width: 50%;
  }
  .email-application .sidebar
  {
	  width:100% !important;
  }
  .email-application .chat-fixed-search
  {
	  width:40% !important;
  }
  .email-application .email-app-list #users-list
  {
	  width:40% !important;
  }
  .email-application .users-list-padding
  {
	  padding-top:100px !important;
  }
/*#contextMenu
{
	padding:10px;
}*/
#contextMenu li a, #contextMenu2 li a{
	color:#555 !important;
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	
}
#contextMenu li :hover, #contextMenu2 li :hover{
	background-color:#267FB1 !important;
	color:#ffffff !important;
	
}
.pieChart
{
	height:200px;
}