/* here you can put your own css to customize and override the theme */
h1,h2 {
    color:#fff !important;
}
p {
    color:#fff!important;
}
.sweet-alert h2{
    color:#333 !important;
}
.sweet-alert p{
    color:#333 !important;
}
.logo-circle{
    background-color: #e6a531;
    width: 100px;
    height: 100px;
    border-radius:300px!important;   
    padding: 10px;    
}
.logo{
    width: 100%;
    position: absolute;
    left: 0;
    top: -60px;
    z-index: 999;
    padding:0!important;    
}
.logo-wrap{
    width: 100%;
    height: auto;
}
.login .logo{
    margin: 0px auto 20px!important;
}
.content{
    margin-top: 120px!important;
    position: relative!important;  
    padding: 20px 30px!important;
    background: rgba(0, 0, 0, 0.2)!important;    
}
.title{
    font-size: 20px;
    display: block;
    color: white;
}
.text-content{
    font-size: 11px;
    display: block;
    color: white;
}
.form-title{
    text-align: center!important;
}
.login .content h3{
    color:#FFFFFF!important;
    text-align: center!important; 
    padding-top: 60px!important;    
}
.btn.orange {
    background-color: #e6a531;
    color: #fff;
    width: 100%;
    padding: 10px 0;
    margin: 10px 0;    
}
.forget-password{
    margin:0!important;
}
.forget-password p {
    margin-top: 8px;
    font-size: 11px;
}
.form-actions{
    float:left;    
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #d0a954!important;
  -webkit-text-fill-color: #d0a954!important;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
/*Forget Password*/
a#forget-password{
    font-size: 11px;
    color: #C1884C;
    text-decoration: underline;
}
.btn.green:not(.btn-outline){
    background-color: #FF6E40!important;
    border-color: #FF6E40!important;
}
.btn.btn-outline.btn-orange{
    border-color: #e6a531;
    color: #e6a531;
    background-color: transparent;    
}
.form-action-forget{
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}
/*End of Forget Password*/
@media (max-width: 480px){
    .login .content {
        width:320px!important;
    }
    .logo {
        top: -17%;
    }
    .login .logo{
        margin-top: 10px!important;
    }
    .content {
        margin-top: 100px !important;
        padding: 20px 20px!important;
    }
}
h2.form-title {
    font-size:26px;
}
.content {
    background: rgba(0, 0, 0, 0.0) !important;
}
.btn.block-gold-btn {    
    background: rgba(240,199,111,1);
    background: -moz-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,199,111,1)), color-stop(100%, rgba(156,116,35,1)));
    background: -webkit-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -o-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: linear-gradient(to bottom, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c76f', endColorstr='#9c7423', GradientType=0 );
    color: #fff;
    border: 0px solid transparent;
    width: 100%;
    margin: 10px 0;
    border-radius: 25px !important;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.btn.block-gold-btn:hover {
    background: rgba(156,116,35,1);
    background: -moz-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,116,35,1)), color-stop(100%, rgba(240,199,111,1)));
    background: -webkit-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -o-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -ms-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: linear-gradient(to bottom, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7423', endColorstr='#f0c76f', GradientType=0 );
}
.btn.gold-btn {    
    background: rgba(240,199,111,1);
    background: -moz-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,199,111,1)), color-stop(100%, rgba(156,116,35,1)));
    background: -webkit-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -o-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: linear-gradient(to bottom, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c76f', endColorstr='#9c7423', GradientType=0 );
    color: #fff;
    border: 0px solid transparent;
    border-radius: 25px !important;
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px 15px;
}
.btn.gold-btn:hover {
    background: rgba(156,116,35,1);
    background: -moz-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,116,35,1)), color-stop(100%, rgba(240,199,111,1)));
    background: -webkit-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -o-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -ms-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: linear-gradient(to bottom, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7423', endColorstr='#f0c76f', GradientType=0 );
}
.btn.gold-btn.outline {    
    background: transparent;
    border: solid 1px #eac375 !important;
    color: #eac375;
    border: 0px solid transparent;
    border-radius: 25px !important;
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px 15px;
}
.btn.gold-btn.outline:hover {
    color: white;
    background: #eac375;
    background: -moz-linear-gradient(top, #eac375 0%, #e4af46 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #eac375), color-stop(100%, #e4af46));
    background: -webkit-linear-gradient(top, #eac375 0%, #e4af46 100%);
    background: -o-linear-gradient(top, #eac375 0%, #e4af46 100%);
    background: -ms-linear-gradient(top, #eac375 0%, #e4af46 100%);
    background: linear-gradient(to bottom, #eac375 0%, #e4af46 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7423', endColorstr='#f0c76f', GradientType=0 );
}
.register-btn{
    text-decoration: underline; 
    color:#C1884C;
}
.register-btn:hover{
    color:#d09b63;
}
.form-control::-webkit-input-placeholder { color: #d0a954; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #d0a954; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #d0a954; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #d0a954; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #d0a954; }  /* Microsoft Edge */