@font-face {
  font-family: 'Gilroy';
  src: url(../fynoo-fonts/Gilroy-ExtraBold.ttf);
  src: url(../fynoo-fonts/Gilroy-Light.ttf);
  }
 body {
    background-color: #fff;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
    font-family: 'Gilroy' !important;
}

  
  html {
    height: 100%;
}

/*-- scroll bar --*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    height: 8px;

}

::-webkit-scrollbar-thumb {
    background-color: #707070;

}
/*-- scroll bar --*/
#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("/static/main/image/loader.gif") 50% 50% no-repeat rgb(0,0,0);
    opacity: .5;
    background-size:50px;
}
/*--- Login ---*/
.skip {
    height: 30px !important;
    width: 94px;
    border: solid 1px #EC4A53;
    background: #ffffff;
    border-radius: 5px;
    float: right;
    color: #EC4A53;
    margin-top: 10px;
    margin-right: 5px;
    box-shadow: 1px 1px 5px 5px #0000000d;
}
.carousel-control-prev-icon {  
    visibility: hidden;
}
.carousel-control-next-icon {
   visibility: hidden;
}
.form-control {
    border-radius: 6px !important;
}
.lowertxt {
    padding-top: 15px;
}
.btnForgetPwd {
    padding-top: 20px;
}
.logolft{margin-left: 100px;display: inline-block;}

.carousel-indicators li {
    opacity: 1;
}
.nav-tabs .nav-link {
    border: 1px solid #a7a6a600 !important;
}

.signup .nav-tabs .nav-link {
    border: 1px solid #a7a6a600 !important;
}

.form-group {
    position: relative;
}

.imgchild {
    position: absolute;
    bottom: 59px;
    right: 10px;
}

.emailchild {
    top: 0.5px;
    right: 0;
    z-index: 1;
}

.head-bg {
    background: #ffffff;
    /*box-shadow: 0px 0px 5px 0px #0000000d;*/
	padding: 0 80px;
}

.welcomemsg {
    color: #707070;
    font-size: 50px;
    font-weight: normal;
}

.welcomesub {
    color: #1C9DD5;
    font-size: 34px;
    font-weight: normal;
}

.welcomesubtxt {
    color: #1C9DD5;
    font-size: 34px;
    font-weight: normal;
}



.pad-0 {
    padding: 0px;
}

.pad-tp-60 {
    padding-top: 36px;
}

.joinnow {
    border: solid 1px #1C9DD5;
    border-radius: 6px;
    background: #ffffff;
    color: #1C9DD5;
    /*height: 40px;*/
    /*width: 120px;*/
    width: 100px;
    box-shadow: 1px 1px 5px 5px #0000000d;
}
.join{float: right;text-align: right;padding-top: 22px;}
.log{display:inline-block;padding-top: 10px;}

.tab-content .fa {
    position: absolute;
    padding: 16px;
    font-size: 20px;
    color: #707070;
}

.login .tab-content input.form-control {
    height: 39.5px !important;
	width: 366px;
    padding-left: 35px;
    padding-right: 35px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 4px 6px rgba(0,0,0,0.2);
}

.btnlogintSubmit {
    height: 30px !important;
    width: 127px;
    border: solid 1px #61C088;
    background: #ffffff;
    border-radius: 5px;
    float: right;
    color: #61C088;
    box-shadow: 1px 1px 5px 5px #0000000d;
}

.btnForgetPwd {
    float: right;
    font-weight: normal !important;
}

.cuscheck {
    height: 20px !important;
    width: 20px !important;
    background: #fff !important;
    border-radius: 0px !important;
    box-shadow: 1px 1px 10px 1px #0000000d;
}

.rem {
    /*position: absolute;*/
    vertical-align: text-bottom;
    padding-left: 10px !important;
}

.one {
    background-color: #61C088 !important;
}
.actdot .active {
    background-color: #ffffff !important;
    border: solid 1px#61C088 !important;
    margin-top: 9.5px;
	
    height: 10px !important;
    width: 10px !important;
}

.two {
    background-color: #F6B519 !important;
}

.three {
    background-color: #7F7F80 !important;
}

.four {
    background-color: #1C9DD5 !important;
}

.five {
    background-color: #EC4A53 !important;
}

body {
    background-image: url(../image/backbg.png);
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    background-position: bottom;
    background-position-x: left;
    z-index: 1;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.carousel-indicators {
    bottom: 30px !important;
}

.select-lang {
	margin-right: 5px;
} 
.select-lang img {
    margin-right: 10px;
}
.select-lang select {
    border: 1px solid #F5F5F5;
    height: 30px;
    font-size: 12px;
    border-radius: 4px 4px 4px 4px !important;
    cursor: pointer;
}
select option {
    line-height: 200%;
}
.nav-tabs {
    border: inherit;
}
/*--- tabs ---*/

.nav.nav-tabs.nav-fill {
    border-bottom: none !important;
}

form {
    padding-top: 30px;
}

.nav-fill .nav-item {
    flex: inherit !important;
}

.project-tab {
    margin-top: 15px;
}

.project-tab #tabs {
    background: #007b5e;
    color: #eee;
}

.project-tab #tabs h6.section-title {
    color: #eee;
}

.project-tab #tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #1C9DD5;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: normal;
}

.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #707070;
    font-size: 16px;
    font-weight: normal;
}

.project-tab .nav-link:hover {
    border: none;
}

.project-tab thead {
    background: #f3f3f3;
    color: #333;
}

.project-tab a {
    text-decoration: none;
    color: #333;
}

.project-tab .nav-tabs .nav-link {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
}

		.show-on-hover:hover > ul.dropdown-menu {
			display: block;    
		}
		.join .dropdown-toggle::after {
			display: none;
		}
		.join ul li{
			border-bottom: solid 1px #efefef;
		}
.divider{
		border-bottom: none !important;}
		.join ul li a {
			padding: 7px 5px 6px 7px;
			color: #383838;
			font-size: 12px;	
		}
		.join ul li img {
			padding-left: 7px;
			width: 20px;	
		}
		.join ul li a:hover {
			color:#1C9DD5;
		}
		.join ul li img:hover {
			color:#1C9DD5;
		}
	.dropdown-menu {
		margin-top: 10px;
		background-color: #f5f5f5;
		border: none;
		box-shadow: 1px 3px 3px #ddddddb8;
		border-top: 2px solid #1C9DD5;
		border-radius: 0px;
	}
.dropdown-menu:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    border: 6px solid transparent;
    border-bottom-color: #1C9DD5;
    left: 16px;
    top: -14px;
    margin-left: -5px;
}
.cusw{min-width: auto;}
.imgchild {
    bottom: 3px !important;
}
input {
    color: #383838 !important;
}

/*-- tab end ---*/


/*--- Login End ---*/


/*--- Signup ---*/
#customer_signup .form-control {
    font-size: .8rem;
}
.signup .tab-content input.form-control {
    
}
.checkbox .cuscheck {
    height: 15px !important;
    width: 15px !important;
}
.signup .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #F5F5F5;
    border-bottom: 0;
}
.signup .card{margin-bottom: 15px;}
.signup .card button{color: #707070; padding-left:35px;font-size: 12px; /*width: 100%;text-align: left;*/}
.signup .card button:hover{text-decoration: none;}
.signup #collapseOne .card-body img {
    padding: 5px;
}
.signup #collapseFour .form-check-input {
    margin-top: 0.2rem;
}
.img-comp-child {
    position: absolute;
    bottom: 3px;
    right: 0;
}
.countryflag span {
    position: absolute;
    padding-top: 4px;
}
/*
span:nth-child(2) {
	padding-left: 30px;
}
*/
.opa{border: 1px solid rgb(255, 255, 255);}

.signup h3 {
    color: #707070;
}

.signup {
    border: solid 1px #70707069;
    padding: 20px 0 20px 20px;
    border-radius: 5px;
}

.createacc {
    border-bottom: solid 1px #707070;
    padding-bottom: 20px;
}

.pad-btm-20 {
    padding-bottom: 20px;
}

.createacc a {
    font-weight: normal;
}

.signup input.form-control {
    height: 39.5px !important;
    padding-left: 35px;
}

.signup .tab-content .fa {
    position: absolute;
    padding: 10px;
    font-size: 20px;
    color: #707070;
}

.signup.form-group img {
    position: absolute;
    padding: 10px;
    font-size: 20px;
    color: #707070;
}

.login img {
    position: absolute;
    padding: 11px;
    font-size: 20px;
    color: #707070;
}

.signup img {
    position: absolute;
    padding: 13px;
    font-size: 20px;
    color: #707070;
}

.btmtxt a {
    color: #1C9DD5;
    font-weight: normal;
}

.signup select.form-control {
    text-indent: 22px;
    /*padding-left: 30px;*/
    color: #707070;
}

.signup button.btn.btn-success.btn-block {
    background-color: #61C088;
    border-color: #61C088;
}

.btn-secondary:hover {
    color: #61C088;
    background-color: #ffffff;
    border: solid 1px #61C088;
}
.login .btnlogintSubmit {
    margin-right: 5px;
}
.signin {
    border: solid 1px #1C9DD5;
    border-radius: 6px;
    background: #ffffff;
    color: #1C9DD5;
    height: 40px;
    width: 120px;
    box-shadow: 1px 1px 5px 5px #0000000d;
}
.send{border: solid 1px #61C088;background: #ffffff;
    color: #61C088;float: right;border-radius:5px;width: 127px; height: 30px !important;}

.signin.btn-secondary:hover {
    border: solid 1px #1C9DD5;
    background: #ffffff;
    color: #1C9DD5;
}
.btn {
    border-radius: 5px !important;  
}
.half-circle-right {
    width: 40px;
    height: 80px;
    background-color: #fff;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    border: 1px solid #707070;
    border-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: -5px;
    top: 42%;
    font-size: 17px;
    padding-top: 25px;
    text-align: center;
    cursor: pointer;
    box-shadow: 2px 3px 4px #3b3b3b6b;
}

.scroll {
    height: 390px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 15px 0 0;
}
.pad-tp-30{
	padding-top:30px;
}
.pad-tp-15{
	padding-top:15px;
}
.no-pad{padding: 0px;}
.signup input.form-control.mob {
    padding-left: 92px;
}
.countrycode {
    top: 7px;
    margin-left: 70px;
	color:#707070;
	font-size: 12px;
}
.dropdown-menu ul {
    list-style: none;
	display: contents;
}
.dropdown-menu {
    min-width: 40px;
}
.janda ul li img{position: inherit;}
.pad-lft-25{padding-left: 25px !important;}
.pad-lft-20{padding-left: 20px !important;}
.dropdown-menu.select-flag-drop.show{transform: translate3d(32px, 30px, 0px) !important;}
.dropdown-toggle::after {
    margin-left: 5px !important;
    margin-top: 15px !important;
	height: 5px;
    width: 5px;
}
.width-40{width:40px;}
.pad-left-10{padding-left: 10px !important;}
.profile-img .file {
    margin-top: -46%;
    left: 50px;
	border-radius: 50% !important;
}
.user-icon img {
    margin-top: -2px;
}
/*--- Signup end ---*/

/*-- signup agent --*/
.pad-tp-30 {
    padding-top: 15px;
}
.signup input.form-control.mob {
    padding-left: 100px;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    left: 0.40em !important;
}
.countrycode {
    top: 7px;
    margin-left: 70px;
	color:#707070;
}
.dropdown-menu ul {
    list-style: none;
	display: contents;
}
.dropdown-menu {
    min-width: 40px;
}
.janda ul li img{position: inherit;}
.pad-lft-25{padding-left: 25px !important;}
.pad-lft-20{padding-left: 20px !important;}
.dropdown-menu.select-flag-drop.show{transform: translate3d(32px, 30px, 0px) !important;}
.dropdown-toggle::after {
    margin-left: 5px !important;
    margin-top: 15px !important;
	height: 5px;
    width: 5px;
}
.width-40{width:40px;}
.pad-left-10{padding-left: 10px !important;}
.profile-img .file {
    margin-top: -46%;
    left: 50px;
	border-radius: 50% !important;
}

/*--- Profile Image ---*/
.profile-img {
    text-align: center;
    width: 140px;
    height: auto;
    overflow: hidden;
    margin: auto;
}
.profile-img img {
    width: 100%;
    height: 100%;
	padding: 0;
	position: relative;
}
.profile-img .file {
    position: relative;
    overflow: hidden;
    margin-top: -55%;
    width: 25px;
    left: 50px;
    height: 25px;
    border: solid 1px #707070;
    border-radius: 50%;
    font-size: 14px;
    background: #F2F2F2;
    line-height: 4px;
    padding-top: 5px;
    padding-left: 4px;
}
.profile-img .file input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
    height: 26px;
}

.addcam{width: 15px !important; height: 13px !important;}
.mar-bot-15 {margin-bottom: 15px;}
/*--- Profile Image End ---*/

/*-- signup agent end --*/

/*-- platform --*/
    .plat-pad-r-0{padding-right: 0px;}
	.plat-pad-l-0{padding-left: 0px;}
	.w::placeholder {
  text-align: right;
}
.m::placeholder {
  font-size: 18px;
padding-top:9px;
}
.com::placeholder {
  text-align: left;
}
.blue::placeholder {
  color:#1c9dd5;
	font-size: 18px;
}
.w::placeholder {
  font-size:px;
}
.com::placeholder {
  font-size:px;
}
.usrslc {
    padding: 20px;
}

.createplat a{color:#fff;}	
.tcenter{text-align: center;padding-top: 15px;}
.tcenter img {
    position: relative;
    width: 225px;
}
.tcenter h3 {
    font-size: 24px;
}
.tcenter h6 {
    font-size: 14px;
}
input.form-control:hover {
      box-shadow: 0 0 3px 2px rgba(97,192,136,.5);
}
.platmiddv {
    padding-left: 35px !important;
    background-color: #f5f5f5;
    border: none;
    width: 140px;
    padding-top: 10px;
	
}
.stornme {
	padding-left: 35px !important;
    padding-right: 15px !important;
    border: none;
    color: #000;
}
.platrgtdv {
    padding-top: 8px;
    font-size: 18px;
    color: #707070;
}
.platlftdv {
    padding-top: 8px;
    font-size: 18px;
    color: #707070;
}
/*-- platform --*/

/*--- Forget Password ---*/
.forget .tab-content select.form-control {
    width: 383px;
    padding-left: 35px;
}
.pad-11{padding: 11px !important;}
.forget .tab-content input.form-control{width: 383px;}
.forgetpass h1 {
    color: #383838;
	font-weight: 600;
	font-size: 16px;
    font-family: gilroy;
}
.forgetsub {
    color: #383838;
    font-family: gilroy;
    font-size: 12px;
}
.forget input.form-control{height: 39.5px !important;padding-left:35px;}
.forget img{
position: absolute;
    font-size: 20px;
    color: rgb(112, 112, 112);
    padding: 13px;
}
/*--- Forget Password end ---*/

/*--- Reset Password ---*/
.onetpass {
    display: flex;
}
button.btn.btn-light.btn-block.resend span {
    padding-left: 15px;
	font-size: 12px;
}
/*.reset .tab-content input.form-control {
    width: 383px;
}*/
input.form-control.otp {
    width: 50px;
}
.placeh-center input {
text-align: center;
}
.pad-lft-15{padding-left: 15px;}
.reset input.form-control{height: 39.5px !important;padding-left:35px;}
.reset img{
position: absolute;
    font-size: 20px;
    color: rgb(112, 112, 112);
    padding: 11px;
}
.placeh-center input.form-control {
    padding-left: 11px;
	color: #383838;
}
.resend{
    border: solid 1px #61C088;
    background: #ffffff;
    color: #61C088;
    box-shadow: 1px 1px 5px 5px #0000000d;
}
.time p {
    margin-top: 12px;
}
.passchild {
    top: 4px;
    right: 0;
    z-index: 1;
}
/*.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ec4a5326 !important;
    outline: 0;
    box-shadow: 0.5px 0.5px 5px 5px rgba(236, 74, 83, 0.05);
}*/
/*--- Reset Password ---*/



/*--- Verification  ---*/
.verify_sbmt {
    height: 30px !important;
    border: solid 1px #61C088;
    background: #ffffff;
    border-radius: 5px;
    color: #61C088;
    box-shadow: 1px 1px 5px 5px #0000000d;
}
.reset img {
    position: absolute;
    font-size: 20px;
    color: rgb(112, 112, 112);
    padding: 8px;
}
.r_snd_otp {
    font-size: 12px;
    padding-left: 25px;
}
.veritxt h5, p {
    color: #383838;
}
/*--- Verification End ---*/

/*--- company ---*/
.card-header img {
    position: absolute;
    padding: 6px 9px;
    font-size: 20px;
    color: #707070;
}

/*--- company end ---*/

/*--- personal ---*/
select.form-control {
    height: 39.5px !important;
}
.card .fa {
    right: 10px;
    top: -5px;
}
.forget .checkbox {
    margin-right: -10px;
}
.signup #collapseFive .card-body img {
    padding: 5px;
}
.sectitle p {
    text-align: center;
    font-size: 16px;
}
.r1{visibility: hidden;}
/*--- personal end ---*/

::-webkit-input-placeholder {
  color: peachpuff;
  font-size: 15px;
}
::-moz-placeholder {
  color: peachpuff;
  font-size: 15px;
}
:-ms-input-placeholder {
  color: peachpuff;
  font-size: 13px;
}
::placeholder {
  color: peachpuff;
  font-size: 13px;
}






















@media screen and (min-width: 1440px) {
    .container{max-width: 1170px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .join {
    padding-top: 12px;
}
    .carousel-indicators {
        bottom: 0px !important;
    }
    .actdot .active {
        margin-top: 10px;
    }
	.logolft {
    margin-left: 0px;
    display: inline-block;
}
.f-right {
    float: right;
    right: -30px;
}
.login .tab-content input.form-control {
    width: 100%;
}
.welcomemsg {
    font-size: 22px;
}
.welcomesub {
    font-size: 16px;
}
.welcomesubtxt {
    font-size: 16px;
}
.forget .tab-content input.form-control {
    width: 100% !important;
}

}

/*-- Mobile Responsive --*/
@media (max-width: 768px) {
.joinnow {
    width: auto;
}
.head-bg {
    padding: 0 15px;
}
body {
    overflow: auto !important;
}
.project-tab {
    margin-bottom: 15px;
}
.signup {
    padding: 20px 0 20px 0px;
}
.forget .checkbox {
    margin-right: 0px;
}
.signup h3 {
    padding-left: 15px;
}

}
/*-- Mobile Responsive End --*/

/*-- only for bigger screen --*/
@media screen and (min-width: 1367px) and (max-width: 1920px) {
    .login .btnlogintSubmit {
    margin-right: 15px;
}
.btnForgetPwd {
    padding-right: 15px;
}
.forget .checkbox {
    margin-right: 0px;
}
.skip {
    margin-right: 15px;
}
}

{% if request.session.cu_language|upper == 'AR'%}

{% endif %}
/*-- only for bigger screen --*/

/*-- TABLET --*/
@media only screen and (min-width: 600px) and (max-width: 801px) {
.login .tab-content input.form-control {
    width: 100%;
}
body {
    overflow-y: auto !important;
}
.custom__row {
display: grid;
grid-template-columns: auto;
}
.custom__col__1 {
order: 2;
}
.custom__col__2 {
order:-1;
}
.forget .tab-content input.form-control {
    width: 100%;
}
.forget .checkbox {
    margin-right: 0px;
}
}
/*-- TABLET --*/

@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .carousel-indicators {
    bottom: 40px !important;
}
}