@font-face {
    font-family: Roboto;
    src: url(../../fonts/Roboto-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url(../../fonts/Open_Sans/OpenSans-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url(../../fonts/Open_Sans/OpenSans-Light.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Light';
    src: url(../../fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Regular';
    src: url(../../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Medium';
    src: url(../../fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'Sakkal Majalla';
    font-style: normal;
    src: url('../../fonts/Sakkal_Majalla/majalla.ttf');
}

@font-face {
    font-family: 'Sakkal Majalla Bold';
    font-style: normal;
    src: url('../../fonts/Sakkal_Majalla/majallab.ttf');
}

@font-face {
    font-family: 'ITC Handel Gothic Arabic W23';
    src: url('../../fonts/ITC_Handel_Gothic_Arabic/ITC Handel Gothic Arabic W23.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'ITC Handel Gothic Arabic Bold';
    src: url('../../fonts/ITC_Handel_Gothic_Arabic/ITC Handel Gothic Arabic Bold.ttf');
    font-weight: normal;
}

body {
    font-family: var(--FontFamily);
    font-size: 17px;
    font-weight: 300;
    color: #888;
    line-height: 30px;
    text-align: center;
}

strong { font-weight: 500; }

a, a:hover, a:focus {
	color: #de615e;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img { max-width: 100%; }

::-moz-selection { background: #de615e; color: #fff; text-shadow: none; }
/*::selection { background: #de615e; color: #fff; text-shadow: none; }*/


.btn-link-1 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 16px 20px 0 20px;
	background: #de615e;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }

.btn-link-1.btn-link-1-facebook { background: #4862a3; }
.btn-link-1.btn-link-1-twitter { background: #55acee; }
.btn-link-1.btn-link-1-google-plus { background: #dd4b39; }

.btn-link-1 i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}

.btn-link-2 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 15px 20px 0 20px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-2:hover, .btn-link-2:focus, 
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; }


/***** Top content *****/

/*.inner-bg {
    padding: 100px 0 170px 0;
}*/

.top-content .text {
	color: #fff;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: #fff;
}
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box {
    margin-top: 20px;
    /*width:39%;*/
    padding-right: 0;
    padding-left: 0;
}

.form-top {
    overflow: hidden;
    padding: 0 25px 0px 25px;
    /*background: rgba(255, 255, 255, 0.18); Wizly Default*/
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #fff;
	line-height: 100px;
	text-align: right;
	opacity: 0.3;
}

.form-top-center {
    float: none;
    width: 100%;
    padding-top: 20px;
    /*font-size: 66px;*/
    color: #fff;
    line-height: 10px;
    text-align: center;
    /*opacity: 0.3;*/
}

.form-bottom {
    /* background: rgba(255, 255, 255, 0.18); Wizly Default*/
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
}

.form-bottom-lesspadded {
    padding: 0px 25px 0px 25px;
    /* background: rgba(255, 255, 255, 0.18); Wizly Default*/
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #de615e;
}

.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: #fff;
}

.social-login-buttons {
	margin-top: 25px;
}


/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
	
	.inner-bg { padding: 60px 0 110px 0; }

}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 32px; }

}

.jq-toast-loader {
    background-color: transparent !important;
}


.form-control {
    background-color: white !important;
    color: black !important;
    border: 1px solid white !important;
    height: 45px !important;
    border-radius:2px;
	    font-family: var(--FontFamily);
}


.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: 9px;
    position: relative;
    z-index: 2;
    color:#7b6b6b;
    font-size:14px;
}

.backstretch {
    /*background-image: linear-gradient(rgb(9, 81, 153), rgb(21, 98, 169), rgb(33, 115, 184), rgb(46, 132, 199), rgb(60, 150, 213), rgb(73, 160, 219), rgb(85, 170, 226), rgb(98, 180, 232), rgb(110, 184, 232), rgb(121, 189, 232), rgb(132, 193, 232), rgb(142, 197, 232)) !important;  Wizly Default*/ 
	/* background: url(../img/Background.png) rgb(52, 58, 64) !important;	 */
	background: var(--loginBG)  ;	
    background-size: var(--loginBGSize) !important;
}

.msbut{
    /*-webkit-box-sizing: border-box;*/
    box-sizing: border-box;
    position: relative;
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    /*display: inline-block;*/
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    border-radius: 4px;
    overflow: visible;
}

.g_id_signin{
	display:inline-block;
}

.haAclf{
	display:block;
}

.logo{
	/* display:block; Wizly Default*/
	display:none;
}

.logintopmenu{
	/* display:none; Wizly Default*/
	display:block;
	background-color:var(--NavBg) !important;
	border:none;
	height:50px;
}


.cpy {
    color: var(--FontC) !important;
    font-family: var(--FontFamilyL);
    display: block !important;
}
.hide {
    display: none !important;
}
.HeaderLogo {
     content: var(--loginLogo); 
	  /* content: url(../img/Logo.svg) ;   */
    /* height: 25px; */
	/* width: 74.49px; */
    height: var(--LoH);
    width: var(--LoW);
    padding: var(--LoP) !important;	
    cursor: pointer;
}


@media (min-width: 5000px)
{
#loginBox {
    padding-top: 800px;
	padding-bottom: 800px;
}
}
@media (min-width: 4000px){
#loginBox {
    padding-top: 500px;
	padding-bottom: 500px;
}
}
@media (min-width: 2700px)
{
#loginBox {
    padding-top: 250px;
	padding-bottom: 250px;
}
}
@media (min-width: 2000px)
{
#loginBox {
    padding-top: 120px;
	padding-bottom: 120px;
}
}
@media (min-width: 1800px)
{
#loginBox {
    padding-top: 70px;
	padding-bottom: 70px;
}
}
@media (min-width: 1700px)
{
#loginBox {
    padding-top: 50px;
	padding-bottom: 50px;
}
}


.jq-toast-wrap {
    /* width: 320px !important; */
	width: 100% !important;
	opacity: 0.9;
}

.jq-icon-success
{
	background-image: none !important
}
.jq-icon-info
{
	background-image: none !important
}
.jq-icon-error
{
	background-image: none !important
}
.jq-icon-warning
{
	background-image: none !important
}

.close-jq-toast-single
{
	top: 18px !important;
}

.jq-toast-wrap.top-right {
    top: 0px !important;
    right: 0px !important;
}

.jq-has-icon {
    padding: 20px 20px 20px 50px !important;
    background-repeat: no-repeat;
    background-position: 10px;
}

.jq-toast-single {
    font-family:var(--FontFamily);/*Roboto;*/
    line-height: 15px !important;
    font-size:14px;
    font-weight:400;
	font-style:normal;
	height:50px;
	border-radius:0px !important;
	text-align:center !important;
}

.pinunpin{
	font-size:12px;
}

.border-less td, .border-less th {
    border: none !important;
}