/* CSS Document */
.bg-login-sx{
    padding: 0;
    background: url("../img/login-sx.jpg");
    background-repeat: repeat-y;
    background-position: left top;
    background-size: contain;
    display: block;
}
#login.row {display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}

.fullscreen {
    min-height: 100vh;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.order-1 {
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -ms-flex-order: 2;
    order: 2;
}
.text-white{
    color: #fff !important;
}
.text-white a{
    color: #bfcbd6 !important;
}
#footer-login{
	background-color: #014c38;
    padding: 15px;
}
.plr--95 {
    padding: 0 95px;
}

.btn-xs, .btn-group-xs>.btn {
    padding: 5px 10px;}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.plr_lg--45 {
    padding: 0 45px;
}
.pt_lg--45{
    padding-top: 45px;
}
.fullscreen {
    min-height: 94vh;
}
}


@media only screen and (min-width: 768px) and (max-width: 991px){
.bg-login-sx{
    background-repeat: repeat;
}
.plr_sm--30{
    padding: 0 30px;
}
.ptp_sm--45{
    padding-top: 45px;
    padding-bottom: 45px;
}
.fullscreen {
    min-height: 75vh;
}
.order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
}
.order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
}
}


@media only screen and (max-width: 767px){
.bg-login-sx{
    background-repeat: repeat;
}

.fullscreen {
    min-height: 57vh;
    width: 100%;
}
.plr_xs--15 {
    padding: 0 15px;
}
.ptb_xs--30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
}
.order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
}

}