:root{

	--smtfont:'Mulish',sans-serif;

	--smt-btn-font:'Open Sans',sans-serif;

	--smtlg-lightcolour:linear-gradient(to left, rgba(116,235,213,0.6), rgba(159,172,230,0.6));

	--smtlg-colour:linear-gradient(to left, #74ebd5, #9face6);

}



.smtform-control{

	margin-bottom: 3px;

	position: relative;

}

.ajax .smtbtn{

	background: #0099cc;

	border-radius: 3px;

	border: none;

	outline: none;

	color: #fff;

	display: block;

	font-family: var(--smt-btn-font);

	font-size: 16px;

	padding: 10px 0;

	margin-top: 10px;

	width: 30%;

	transition: all 1s ease;

}



.ajax .smtbtn:hover {

	background: #00bfff;

}



.smtform-control input{

	width: 100%;

	border: 1px solid #cccccc;

	border-radius: 2px;

	display: block;

	font-family: var(--smtfont);

	font-size: 14px;

	padding: 7px;

}

.smtform-control input:focus{

	outline: 0;

	border-color:#b3b3b3;

}



.smtform-control textarea{

	width: 100%;

	border: 1px solid #cccccc;

	border-radius: 2px;

	display: block;

	font-family: var(--smtfont);

	font-size: 14px;

	padding: 15px;

}

.smtform-control textarea:focus{

	outline: 0;

	border-color: #b3b3b3;

}



.smtform-control.success input{

	border-color: #2ecc71

}

.smtform-control.success textarea{

	border-color: #2ecc71

}

.smtform-control.error input{

	border-color: #e74c3c

}

.smtform-control.error textarea{

	border-color: #e74c3c

}

.smtform-control i{

	position: absolute;

	right: 2%;

	top: 10px;

	visibility: hidden;

}

.smtform-control small{

	font-family: var(--smtfont);

	font-size: 12px;

	color: #e74c3c;

	padding: 7px;

	top: 38px;	

	visibility: hidden;

}



.smtform-control.error small{

	visibility: visible;	

}



.smtform-control.success i.fa-check-circle{

	color:  #2ecc71;

	visibility: visible;

}

.smtform-control.error i.fa-exclamation-circle{

	color:  #e74c3c;

	visibility: visible;

}



/**

* This is for Email and Mobile Column wise.

*/



.col.form-group input{

	width: 100%;

	border: 1px solid #cccccc;

	border-radius: 2px;

	display: block;

	font-family: var(--smtfont);

	font-size: 14px;

	padding: 7px;

}

.col.form-group input:focus{

	outline: 0;

	border-color:#b3b3b3;

}



.col.form-group i{

	position: absolute;

	right: 5%;

	top: 10px;

	visibility: hidden;

}

.col.form-group small{

	font-family: var(--smtfont);

	font-size: 12px;

	color: #e74c3c;

	padding: 7px;

	visibility: hidden;

}



.col.form-group.success input{

	border-color: #2ecc71

}



.col.form-group.error input{

	border-color: #e74c3c

}



.col.form-group.error small{

	visibility: visible;	

}



.col.form-group.success i.fa-check-circle{

	color:  #2ecc71;

	visibility: visible;

}

.col.form-group.error i.fa-exclamation-circle{

	color:  #e74c3c;

	visibility: visible;

}

.form-row{

	margin-bottom: -12px;

}





.smtcompfontcolour{

	color: #006699;

}



.modal-content{

	top: 50px;

}



.new-modal-body {

    position:relative; /* This avoids image to go off the container */

    height: 400px;

    background-color: #ccf2ff;





}



.img-rounded{

	margin-top: 15px;

	border-radius: 5px;

	border:3px  double #006699;

}



.modal-title {

    text-align: center;

    width: 100%;

}



.alert{

	top: 5px;

	text-align: center;

	padding-top: 10px;

	padding: 10px;	

    margin: 10px auto; // Centers alert component

    z-index: 1; // Displays over app and bootstrap Navbar

    display: inline-block;



}



.new-modal-body > .img-rounded {

    display: block;

    margin-left: auto;

    margin-right: auto;

}