/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.input-group-text.mr-2 {
    width: 15px;
}
.forgotPassword a {
    margin-left: 40px;
}
.login-container img {width:100%}
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}


.env {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #dc3545;
    color: #fff;
    font-size: 70%;
    z-index: 9999999;
    width: 15px;
    padding: 0;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-align: center;
    line-height: 15px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.bg-wrapper {
    height: auto !important;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}
.off-canvas-sidebar{background:radial-gradient(circle at 93.97% 88.04%, #56bbe9, transparent 100%),radial-gradient(circle at 6.99% 15.94%, #e6abe3, transparent 100%),radial-gradient(circle at 58.78% 17.27%, #5f5ee6, transparent 100%),radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%) !important}
.off-canvas-sidebar .image-bg { background-position:center center; background-repeat:no-repeat; background-size:cover !important; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.4}
.page-header.login-page.header-filter {
    background-size: cover;
    background-position: top center;
   
}

 .off-canvas-sidebar{background:radial-gradient(circle at 93.97% 88.04%, #56bbe9, transparent 100%),radial-gradient(circle at 6.99% 15.94%, #e6abe3, transparent 100%),radial-gradient(circle at 58.78% 17.27%, #5f5ee6, transparent 100%),radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%) !important}
    #account .field-validation-error{    text-transform: uppercase; padding-left:40px;font-size: 12px;font-weight: bold;text-align: left;width: 100%;}
	.login-head h4{font-size:20px; text-transform:uppercase;}
	.twofactor-head h4{font-size:20px; text-transform:uppercase;}
	.login-container{width:100%; height:auto; margin:0 auto; }
	.bmd-form-group{z-index:10}
body {
    background: #fff !important
}

body, html {
    height: 100%;
    background: radial-gradient(circle at 93.97% 88.04%, #56bbe9, transparent 100%),radial-gradient(circle at 6.99% 15.94%, #e6abe3, transparent 100%),radial-gradient(circle at 58.78% 17.27%, #5f5ee6, transparent 100%),radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%)
}

.s-info {
    margin-top: 8px;
    padding-left: 10px
}

.sample-card .k2-col:last-child {
    background: #0000
}

.security-body {
    display: flex;
    align-items: center
}

.security {
    width: 800px;
    max-width: 100%;
    margin: 0 auto
}

.profile-pic {
}

.image-holder {
    width: 100px;
    height: 100px;
    background: #ccc;
    border-radius: 50%;
    overflow: hidden
}

    .image-holder img {
    }

.card-icon i {
    font-size: 60px
}

footer {
    z-index: -1
}
#account ul {
    list-style: none !important
}
.forgotPassword {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    width: 100%
}

    .forgotPassword a {
        width: 100%;
        padding-left: 20px;
        color: #8b8b8b
    }

        .forgotPassword a:hover {
            color: #9b05b9 !important
        }

.log-out {
    display: flex;
    align-items: center;
    justify-items: center
}

.signout{
    width:0;
    height:0;
}
.login-style{position: fixed; top: 0px; left: 0px; z-index: 3000; height: 100%; width: 100%; background-color: #FFFFFF;color:black}
.login-style p{margin-left: 10px}
@media screen and (max-width: 767px) {
    .login-page .container{padding-top:0 !important; min-height:700px}
    /*.login-custom{background:#000 !important}*/
    .off-canvas-sidebar.wrapper-full-page.page-header{padding:0 !important; overflow:auto}
    .page-header.login-page.header-filter{padding:0 !important; overflow:hidden; overflow:auto}
    .log-out{display:block}
    .page-header:after, .page-header:before{position:fixed !important }
    /*.mfaContainer{width:80vw!important; margin:auto; max-width:80vw!important;}*/
    .mfaContainer .input-group{flex-wrap:nowrap!important;}
}



/*..................reset  inline style for forgot password.......................*/
.transform{transform: translate(50%, 80%);}
.tcener{margin: 0px auto;  transform: translateY(70%);}
.crd_Icon{width:80px; padding-left: 0px;}
.mat_Icon{width:45px; line-height:0px; margin-top: 32px;}
    .off-canvas-sidebar{background:radial-gradient(circle at 93.97% 88.04%, #56bbe9, transparent 100%),radial-gradient(circle at 6.99% 15.94%, #e6abe3, transparent 100%),radial-gradient(circle at 58.78% 17.27%, #5f5ee6, transparent 100%),radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%) !important}
ul {text-decoration:none !important; list-style:none; font-size:13px; font-weight:bold; padding:0; margin:10px auto; display:block; text-align:center;}
/*..................reset  inline style for forgot password.......................*/

/*.................anas......................*/
.mfaContainer{width:450px!important; margin:auto; max-width:400px!important;}
.mfaContainer .login-container{width:60%; margin-bottom:15px;}
.mfaContainer .input-group{flex-wrap:nowrap!important;}
.verification_message{font-size:12px; color:#777; font-weight:500;}
/*.addMobileBTNYes:after{content:"Yes";}*/
/*.backArrow{background:none!important; border-color:transparent!important; box-shadow:none!important}
.addMobileBTNYes.backArrow:after{content:"\f112"; font:normal normal normal 14px/1 FontAwesome;color:#999999!important;}*/
.backArrow{position:absolute!important; right:0; top:0;}

.phonCode{position:relative;min-width:33px;left:10px;border-bottom:1px solid #d2d2d2;line-height:24px;padding-right:6px!important;margin-right:8px!important;color:#797979!important;
           padding-left:10px!important;}
.code-selector{width:45px!important;position:relative}
.code-selector .select2-selection{border:none!important}
.code-selector .select2-selection__rendered{padding-left:0!important}
.select2-container--open .select2-dropdown--below{border-top:1px solid #aaa!important; width:250px!important;}
.code-selector .select2-container.select2-container--default.select2-container--open{position:absolute!important;left:0!important}
.code-selector .select2-container--default .select2-selection--single{background:none!important}
.code-selector.code-selector-active .select2-selection__arrow{display:none!important}
/* Phone Format */
.country-code{border-bottom:none!important; padding-bottom: 0px;}
.phone-mask{color:#000; padding-bottom: 0px; padding-top: 5px!important; margin-left: -5px!important; padding-left: 4px;}
.phoneAddUsr{color:#000; padding-bottom: 0px; padding-top: 5px!important; margin-left: -5px!important; padding-left: 4px; max-width:66%;  margin-top: -1px;}

.phoneAddUsr{color:#000;padding-bottom:0;padding-top:5px!important;margin-left:-5px!important;padding-left:4px;max-width:66%;margin-top:-10.22px}
.show-code{height: 30px;top:-14px;line-height:30px!important;padding-right:10px!important;}
.countryFlag{width:20px; height:20px; display:inline-block;}
.countryFlag img{width:100%;}
 .product-amount{font-size: 12px; }
.mfsValidation ul{margin:0!important;}
#verifyPhon .field-validation-error {padding-left:0px;font-size: 13px;font-weight: bold;text-align: left;width: 100%;}
.validationPhone_message {padding-left: 60px;font-size: 12px;font-weight: bold;text-align: left;width: 100%;}
.verify2Factor{font-size:13px; color:#777; font-weight:500;}
#TwofactrCode::placeholder{font-size:13px;color:#999;}
#VerificationOTP::placeholder{font-size:13px;color:#999;}
.Phonevalid_message {padding-left: 60px;font-size: 13px;font-weight: bold;text-align: left;width: 100%;}
.AddMobForm .select2-container{margin-top:-10px!important; width:50px!important;} 
.AddMobForm .select2-results__option{text-align:left!important;}
.marginResetMFA{height:30px!important; margin-top:-13.5px;float:left; margin-left: 5px!important;padding-left: 5px!important;}
.ml_15{margin-left:-15px!important;}
.w120{width:120px;}
.verification, .verification_mobile{font-size:12px;font-weight: 500;color: #777;}
.z150{z-index:150;}
.h30{height:30px;}
.mh_30{max-height:30px; width:auto!important}
.mainScreen .checkbox{width:14px!important; max-width:14px; border:none!important; background:none!important; }
.mainScreen label{font-size:13px!important;}
.ieFix{width:100%; text-align:center; display:block; height:150px;}
.ieFix img{width:85%; margin:auto}
#TwofactrCode{min-height:32px!important;]}
.validation-summary-errors {margin: auto;}
.validation-summary-errors li{font-size:12px!important; }
.inlineLanguage div{text-align:center;}
.inlineLanguage a{font-size:11px; font-weight:400; color:#8a8d91;}
.inlineLanguage a:hover{text-decoration:underline;}
.fs_12{font-size:12px;}
.form-control.phoneAddUsr{display:inline-block!important; width:100%!important;}
.phonCode{margin-top: 13px;line-height: 27px!important;}