@charset "UTF-8";

/** PUBLIC **/

html {
    /* position: relative; */
    /* min-height: 100%; */
	/* height: 100%; */
}

body[data-current-path]{
	background-color: #ffffff;
    min-height: 100%;
	height: 100%;
	padding-top: 0px;
}

div.backgrop {
    background-color: #ffffff;
    background-image: url('../images/world-map.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100% !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    display: block;
	position: absolute;
    top: 0px;
    left: 0px;
	-webkit-filter: invert(100%);
    filter: invert(100%);
}

div.backdrop-overlay {
    height: 100% !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
	background-color: rgba(255, 255, 255, 0.9) !important;
    display: block;
	position: absolute;
    top: 0px;
    left: 0px;
}

input:focus{
	border:2px solid;
	padding-bottom: 7px!important;
}

a:hover{
	text-decoration: none !important;
}

.mw-custom {
	max-width: 420px;
}

.logo-login{
	position: absolute;
    z-index: 999;
    left: 50%;
    top: -45px;
}

.logo-login .logo{
	position: relative;
	left: -50%;
}

.recover-password{
	background-size: 39% !important;	
}

.box-shadow{
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
}

/**
* REMOVING YELLOW BG FROM INPUTS
*/

input:-webkit-autofill {
background-color: white !important;
transition: background-color 5000s ease-in-out 0s;
}


/**
* COLORS & BACKGROUNDS
*/

/** Blue **/

.bg-blue, input.bg-blue:focus, .bg-blue-hover:hover{
	background-color: #4da3d4;
}

.bg-soft-blue, .bg-soft-blue-hover:hover{
	background-color:#408bc1;
}

.bg-dark-blue, .bg-dark-blue-hover:hover{
	background-color: #282c37;
}

.color-blue, .color-blue-hover:hover{
	color:#4da3d4;
}


/** White **/
.color-white, input.color-white::placeholder, input.color-white:focus, .color-white-hover:hover{
	color:white;
}

.border-white{
	border-color: white;
}

.bg-white-hover:hover{
	background-color: white;
}

/** Gray **/

.color-dark-gray, .color-dark-gray-hover:hover{
	color:#323232;
}

/**
* FONTS
*/

.fw-300, .fw-300-hover:hover{
	font-weight: 300;
}

.fw-400, .fw-400-hover:hover{
	font-weight: 400;
}

.fw-500, .fw-500-hover:hover{
	font-weight: 500;
}

.fw-600, .fw-600-hover:hover{
	font-weight: 600;
}

.fw-700, .fw-700-hover:hover{
	font-weight: 700;
}

.fs-25{
	font-size: 25% !important;
}

.fs-30{
	font-size: 30% !important;
}

.fs-35{
	font-size: 35% !important;
}

.fs-40{
	font-size: 40% !important;
}

.fs-45{
	font-size: 45% !important;
}

.fs-50{
	font-size: 50% !important;
}

.fs-55{
	font-size: 55% !important;
}

.fs-60{
	font-size: 60% !important;
}

.fs-65{
	font-size: 65% !important;
}

.fs-70{
	font-size: 70% !important;
}

.fs-75{
	font-size: 75% !important;
}

.fs-80{
	font-size: 80% !important;
}


/**
* BORDERS
*/

.border-top{
	border-top: 1px solid #DFDFDF;
}

.no-border-top, .no-border-top-input input{
	border-top: 0px;
}

.border-bottom{
	border-bottom: 1px solid #DFDFDF;
}

.no-border-bottom, .no-border-bottom-input input{
	border-bottom: 0px;
}

.border-left{
	border-left: 1px solid #DFDFDF;
}

.no-border-left, .no-border-left-input input{
	border-left: 0px;
}

.border-right{
	border-right: 1px solid #DFDFDF;
}

.no-border-right, .no-border-right-input input{
	border-right: 0px !important;
}

.border-y{
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}

.no-border-y{
	border-top: 0px;
	border-bottom: 0px;
}

.border-x{
	border-right: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
}

.no-border-x{
	border-right: 0px;
	border-left: 0px;
}

.border{
	border: 1px solid #DFDFDF;
}

.no-border, .no-border-a a{
	border:none;
}

/**
* ROUNDED CORNER EXTRAS
*/


.rounded-top-left{
	border-top-left-radius: .25rem!important;
}

.rounded-bottom-left{
	border-bottom-left-radius: .25rem!important;
}

.rounded-top-right{
	border-top-right-radius: .25rem!important;
}

.rounded-bottom-right{
	border-bottom-right-radius: .25rem!important;
}

.not-rounded-top-left{
	border-top-left-radius: 0rem!important;
}

.not-rounded-bottom-left{
	border-bottom-left-radius: 0rem!important;
}

.not-rounded-top-right{
	border-top-right-radius: 0rem!important;
}

.not-rounded-bottom-right{
	border-bottom-right-radius: 0rem!important;
}

.not-rounded, .not-rounded-a a, .not-rounded-input input{
	border-radius:0px !important;
}

.super-radius{
	border-radius: 10rem !important;
}