.auth-wrapper {
    position: absolute;
    right: 10%;
    top: -15px;
    margin: 15px auto;
    width: 330px;
    z-index: 3;
}

.register-wrapper {
    width: 600px;
    z-index: 3;
}

@media (max-width: 780px) {
    .auth-wrapper {
        right: 5%;
        width: 70%;
    }
    #register-info {
        /**display: none;**/
    }
    #select_container_23{
        top: 250px!important;
    }
}

@media (min-width: 780px) {
    .auth-wrapper {
        right: 5%;
        width: 400px;
    }
    #register-info {
        /**display: none;**/
    }
}


.auth-wrapper .login-content {
    background-color: rgb(255, 255, 255, .6);
    padding: 0px 10px 10px;
}

.auth-wrapper md-card-content ,
.auth-wrapper md-card-actions ,
.auth-wrapper md-card-title {
    margin: 0px 10px 10px 10px;
}

.auth-wrapper md-card-title {
    margin-bottom: -10px;
}

.auth-wrapper md-card-actions {
    margin-top: 0px;
}

.auth-wrapper md-checkbox {
    margin: 0px;
    line-height: 200%;
    margin-right: 6px;
    margin-left: 5px;
}



#register-info {
    position: absolute;
    top: 5%;
    left: 10%;
    padding: 30px 35px;
    width: 400px;
    margin-top: 20px;
    background-color: rgba(0, 0, 0, .3);
    background: linear-gradient(to right, rgba(0, 0, 0, .5), 60%, transparent);
    z-index: 2;
    color: #fff;
    text-shadow: 1px 1px 1px #111;
    border-radius: 12px 12px;
    font-size: 1.1rem;
}


md-input-container md-icon {
    font-size: 16px;
    color: #212121;
    right: 0px;
    left: auto;
    top: 4px;
}

.md-card-image.heightless {
    height: 50px;
}

label input[type="checkbox"],
label span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.mapLegend{}


.spinner-container {
    position: absolute;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.7);
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.spinner {
    position: absolute;
    margin: auto;
    width: 66px;
    height: 66px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    animation: rotator 1.4s linear infinite;
}

.re {
    position: absolute;
    margin: auto;
    width: 66px;
    height: 66px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    color: #265b80;
    top: 22px;
    right: -22px;
    font-size: 40px;
    font-family: 'Carrois Gothic SC', sans-serif;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(270deg);
    }
}
.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@keyframes colors {
    0% {
        stroke: #265b80;
    }
    25% {
        stroke: #265b80;
    }
    50% {
        stroke: #265b80;
    }
    75% {
        stroke: #265b80;
    }
    100% {
        stroke: #265b80;
    }
}
@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}
.md-step.md-active md-step-label-wrapper:before, .md-step.md-success md-step-label-wrapper:before {background: green!important;}
.iti-flag {background-image: url("../images/icons/flags.png");!important;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti-flag {background-image: url("../images/icons/flags@2x.png");!important;}
}
.form-sign{margin-top: -30px!important;
}

.intl-tel-input .iti-flag .arrow {border: none;}

#country-listbox{

}
#select_container_23{
    top: 250px!important;
}