﻿.modalPopup 
{
display: block;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.fade
{
    opacity: 0.15s;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in
{
    opacity: 1;
    display: block;
}
.PopupBG
{
    background-color: rgba(5, 5, 5, 0.5);
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.displayBlock
{
    display: block;
}
.modalPopup.fade .modalPopup-dialog
{
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.modalPopup.in .modalPopup-dialog
{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.modalPopup-dialog{position:relative;width:auto;margin:10px}
.modalPopup-content
{
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}
.modalPopup-backdrop
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}.modalPopup-backdrop.fade
{
    opacity: 0;
    filter: alpha(opacity=0);
}
.modalPopup-backdrop.in
{
    opacity: .5;
    filter: alpha(opacity=50);
}
.modalPopup-header
{
    background: #65CEA7;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}


.modalPopup-header .close{margin-top:-2px}

.modalPopup-title
{
    padding: 3px;
    font-size: 18px;
    margin: 0;
    line-height: 1.42857143;
    font-weight: bolder;
    text-transform: uppercase;
}
.modalPopup-body
{
    position: relative;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    min-height:80px;
    max-height:150px;
    overflow-y:scroll;
    overflo-x:hidden;
}
.modalPopup-footer
{
    margin-top: 10px;
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modalPopup-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modalPopup-footer .btn-group .btn+.btn{margin-left:-1px}
.modalPopup-footer .btn-block+.btn-block{margin-left:0}
@media (min-width:768px)
{
    .modalPopup-dialog{width:600px;margin:30px auto}
    .modalPopup-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
    .modalPopup-sm{width:300px}
}
@media (min-width:992px)
{
 .modalPopup-lg{width:900px}
}

.btnPopup
{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btnPopup-primary {
background-color: #424F63;
border-color: #374152;
color: #FFFFFF;
}
btnPopup-primary:hover, .btnPopup-primary:focus, .btnPopup-primary:active, .btnPopup-primary.active
{
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}


.Popuppanel-body
{
    position: relative;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-height:200px;
    max-height:350px;
    overflow-y:scroll;
    overflo-x:hidden;
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, 20%);
}
.modal-content {
    background-color: #422d26;
    color:#ffffff;
    background: linear-gradient(-142.56deg, #b98e5c -1.68%, #3f240c 62.12%);
}
/**********************************************/
             /*OTHER STYLES*/
/*********************************************/
.loader
{
    
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    /*background: url('~/Images/loader.gif') 50% 30% no-repeat background-color: #999999;*/
    filter: alpha(opacity=50);
    opacity: 0.7;
    background-position: center center;
    background-image: url('loader.gif');
    /*background-size:cover;*/
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    text-align:center;
    vertical-align:middle;
    font-size:24px;
    font-weight:bold;
}
.imgloader
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    /*background: url('../Images/loader_180x240.gif') 50% 50% no-repeat background-color: #999999;*/
    filter: alpha(opacity=50);
    opacity: 0.7;
    background-position: center center;
    background-image: url('loader.gif');
    /*background-size:cover;*/
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    text-align:center;
    vertical-align:middle;
    font-size:24px;
    font-weight:bold;
}
.imgloading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999; /*background: url('../Images/loader_180x240.gif') 50% 50% no-repeat background-color: #999999;*/
    filter: alpha(opacity=50);
    opacity: 0.7;
    background-position: center center;
    background-image: url('loading.gif'); /*background-size:cover;*/
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    font-weight: bold;
}

.PopupBG
{
    background-color: rgba(5, 5, 5, 0.5);
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.displayBlock
{
    display:block;
}
.marginauto
{
    margin:auto;
}
.authentication-box .container p {
    color: rgba(17, 17, 17, 0.9);
}
.btn-primary {
    background: linear-gradient(142.56deg, #b98e5c -1.68%, #3f240c 62.12%);
    border: 1px solid #3f240c;
}