﻿.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;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}*/
.fade.in
{
    opacity: 1;
}
.PopupBG
{
    background-color: rgba(0,0,0,0.25);
    filter: alpha(opacity=50);
    opacity: 0.25;
}
.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;
}

/**********************************************/
             /*OTHER STYLES*/
/*********************************************/
/*.loader
{
    
    position: fixed;
    left: 10px;
    top: 10px;
    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: 50% 50%;
    background-image: url('../Images/loader.gif');
    background-repeat: no-repeat;
    background-color: #CCCCCC;
}*/
.imgloader
{
    position: fixed;
    left: 10px;
    top: 10px;
    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: 50% 50%;
    background-image: url('../Images/loader.gif');
    background-repeat: no-repeat;
    background-color: #CCCCCC;
}

.displayBlock
{
    display:block;
}
.marginauto
{
    margin:auto;
}
.title
{
    margin-top:0px;
    font-size:25px;
    font-weight:bolder;
}
.panel
{
    background:transparent;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,35%);
    transform: translate(0,35%);
}
.modal-title {
    color: #ffffff;
}
.modal-body {
    color: #ffffff;
}


        .redshadow
        {   /*background-color: rgba(35,52,142,0.62);
            color:#ffffff;*/
            
            box-shadow: 1px 1px 25px 5px #b40a0a;
            /*position: fixed;
            top: 0;*/
            /*height: 100%;
            width: 250px;*/
            /*background-color: #0b1860;*/
            /*background-image: -moz-linear-gradient(66deg, #ffc107 0%, rgba(0, 19, 255, 0.6) 100%)!important;
            background-image: -webkit-linear-gradient( 66deg, #091666 0%, rgba(0, 19, 255, 0.6) 100%)!important;
            background-image: -ms-linear-gradient(66deg, #ffc107 0%, rgba(0, 19, 255, 0.6) 100%)!important;
            background-color: #ffffff!important;*/
        }


.btn-gradient-secondary {
    border-radius: 0rem;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    background-image: -webkit-gradient(linear,left top,right top,from(#cca354),color-stop(51%,#cca354),to(#cca354));
    background-image: -webkit-linear-gradient(left,#cca354 0,#cca354 51%,#cca354 100%);
    background-image: -moz-linear-gradient(left,#cca354 0,#cca354 51%,#cca354 100%);
    background-image: -o-linear-gradient(left,#cca354 0,#cca354 51%,#cca354 100%);
    background-image: linear-gradient(to right,#cca354 0,#cca354 51%,#cca354 100%);
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    -webkit-box-shadow: 0 0 16px 0 rgba(255,65,55,.5);
    box-shadow: 0 0 16px 0 rgba(255,65,55,.5)
}

.btn-gradient-secondary:hover {
    background-position: right center;
    text-decoration: none
}