﻿html { min-height:100%; } .login-form img { max-width:100%; }

body {
    /*background-color: #f1f4f5;*/
	background-image:url(http://ragenttesting.multiarray.com/images/bg.jpg);
    color: #797979;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    margin: 0 !important;
    padding: 0 !important;
}
.wrapper-page {
    margin: 140px auto;
    width: 380px;
}
.wrapper-two-auth {
    margin: 140px auto;
    width: 480px;
}
label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 100%;
}
.groupone.btn-first  {
    margin-right:0;
    margin-bottom:0px;
    width:100px;   
}
.groupone.btn-disable {
    margin-right: 0;
    margin-bottom: 0px;
    width: 100px;
}

.btn-first {
    background-color: #539bd5 !important;
    border-color: #539bd5 !important;
    color: #fff !important;
    padding: 9px 18px !important;
    float:right !important;
    border-radius:3px !important;
    
}
.btn-first {
    background-color: #539bd5 !important;
    border-color: #539bd5 !important;
    color: #fff !important;
    padding: 9px 18px !important;
    float: right !important;
    border-radius: 3px !important;
}
.btn-disable {
    background-color: #a3a3a3 !important;
    border-color: #a3a3a3 !important;
    color: #fff !important;
    padding: 9px 18px !important;
    float: right !important;
    border-radius: 3px !important;
}
.btn-first:hover {
    background-color: #74aa5d !important;
    border-color: #74aa5d !important;
    color: #fff !important;
}

.fadeInDown {
    animation-name: fadeInDown;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.panel {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
    margin-bottom: 20px;
    padding: 20px 30px;
	background:#e2e2e2;
}
.panel.panel-color .panel-heading {
    border-bottom: 0 none;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -20px;
    padding: 20px 30px;
}
.panel-heading {
    border-color: #eff2f7;
    font-size: 16px;
    padding: 0 0 15px;
}
.m-t-40 {
    margin-top: 40px !important;
}
input, textarea, select, button {
    outline: medium none !important;
}
.form-control {
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}
.text-danger, .field-validation-error {
    color:#cb2a2a;
}
.cr-styled {
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    line-height: 20px;
    margin: 0 2px;
}
.cr-styled i {
    padding-top: 0;
}
.cr-styled i {
    border: 2px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 12px;
    height: 18px;
    margin-right: 3px;
    margin-top: -4px;
    padding-top: 1px;
    text-align: center;
    vertical-align: middle;
    width: 18px;
}
.w-md {
    min-width: 110px;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #3f51b5;
    border: 1px solid #3f51b5;
}
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-inverse, .btn-purple, .btn-pink {
    color: #ffffff !important;
}
.btn {
    border-radius: 2px;
    opacity: 0.9;
}
input, textarea, select, button {
    outline: medium none !important;
}
.m-t-30 {
    margin-top: 30px !important;
}
a {
    color: #333b4d;
    cursor: pointer;
    outline: medium none !important;
}

.sfa-border {
    border: solid 1px #c4c4c4;
    border-radius: 12px;
    padding: 2%;
}
.sfa-text1 {
    color: #959595;
}
.sfa-text2 {
    color: #232323;
    padding: 2% 0;
}
.antCode-Btn-Main {
    width: 70%;
    display: block;
    margin: 0 auto;
    margin-top: 4%;
}
.sfa-Btn1 {
    padding: 2% 30%;
}

.antCode-Btn-OK {
    float: left;
}


@media screen and (min-width:220px) and (max-width:480px) {
    body {
        overflow-y:hidden;
    }
.wrapper-page {
    margin:50px auto;
    width: 300px;
}
.antCode-Btn-Main {
    width: 80%;
}
.wrapper-two-auth {
    margin: 50px auto;
    width: 420px;
 }


}
