/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
A FILE FOR RTL SUPPORT RELATED ONLY
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*Index Page // users-list */

/*.email-application .email-app-list #users-list {
	overflow: overlay !important;
}*/
.email-application .email-app-details{
    height:100% !important
}
#users-list a:hover {
	border-right-width: 2px !important;
	border-right: 1px solid #666EE8 !important;
	background-color: #eceff1 !important;
}

.corr-selected {
	border-right-width: 2px !important;
	border-right: 1px solid #28d094 !important;
	background-color: #eceff1 !important;
}

.loaderModal {
    position: absolute !important;
    border: 0 !important;
    z-index: 2000;
    background: url('/App-My-Assets/images/ajax-loader.gif') 55% 50% no-repeat #FFFFFF;
    opacity: 0.6;
    filter: alpha(opacity=60);
    height:100% !important;
    width:100% !important;
    top: 0 !important;
}
.loader {
    position: fixed;
    border: 0 !important;
    z-index: 2000;
    background: url('/App-My-Assets/images/ajax-loader.gif') 55% 50% no-repeat #FFFFFF;
    opacity: 0.6;
    filter: alpha(opacity=60);
    height:100% !important;
    width:100% !important;
    top: 0 !important;
}  
@media (min-width: 992px) {
    .loader {
        background: url('/App-My-Assets/images/ajax-loader.gif') 12% 50% no-repeat #FFFFFF;
    }
}
@media (max-width: 991px) {
    .d-none{
        display:block !important;
   }
}

@media (max-width: 576px) {
      .d-none{
        display:block !important;
        width:0px !important;
        padding-left: 0px;
        margin-left: -18px;
   }
}

/*End //Index Page // users-list */

/*.modal-open .modal{
	overflow-y:hidden !important;
}*/

/*[START] NEW MESSAGE POPUP CSS [START]*/

/*[END] NEW MESSAGE POPUP CSS [END]*/

/*[START] Mail box menu CSS [START]*/
.corr-menu-selected {
    background-color: #2086CB !important; /* #1e9ff2 */
    color: white !important;
}

/*.list-group-item-action:hover, .list-group-item-action:focus {
	background-color: #1e9ff2;
	color: white !important;
}

.list-group-item-action:hover, .list-group-item-action default-link:active {
	background-color: #1e9ff2;
}
[END] Mail box menu CSS [END]*/

#fileUpload {
	height: 40px;
	position:absolute;
}
#imageUpload,#imageUploadSignType1,#imageUploadSignType2,#imageUploadSignType3 {
	height: 40px;
	position:absolute;
}
.btn-file {
	/*style ="display:block;width:100%; height:40.33px;"*/
	display: block;
	width: 100%;
	height: 40px;
	border: 1px solid #1e9ff2;
	background-color: white;
	border-radius: 0.25rem;
	color: #1e9ff2;
}

.btn-file:hover {
		background-color: #1e9ff2;
		color:white;
	}
.btn-file-relative{
	 position:relative;
}


   /*[START] Wizard Form [START]*/

.app-content .wizard > .steps > ul > li.current .step {
	color:#1E9FF2 !important;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current .step:after {
	border-top-color:#1E9FF2;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current .step {
	border: 2px solid #1E9FF2;
}
.app-content .wizard > .actions > ul > li > a{
	background:#1E9FF2;
}
.app-content .wizard > .steps > ul > li.done .step{
	background-color:#1E9FF2;
	border-color:#1E9FF2;
	color:white !important;
}
.app-content .wizard.wizard-notification > .steps > ul > li.done .step:after{
	border-top-color:#1E9FF2;
}
.app-content .wizard.wizard-notification > .steps > ul > li.done .step {
	border: 2px solid #1E9FF2;
}
.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:after{
	 background-color:#1E9FF2;
}
.btn-primary, .btn-primary:focus {
    background-color: #1E9FF2 !important;
    border-color: #0E95E8 !important;
}
.btn-primary:hover {
    background-color: #59B9F5 !important;
}


form label{
	color:#6b6f82;
}
.app-content .wizard > .actions{
	padding:0px;
}
.lbl-block{
	display:block !important;
}
   /* [END] Wizard Form [END]*/

   .modal-open .modal{
	overflow-y:hidden !important; 
}
   .card{
	   margin-bottom:0px !important;
   }
.nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link {
	min-width: 0px !important;
}

.col-xl-10 {
	max-width: 70% !important;
}

.detail_row {
	border-bottom:1px solid #e4e7ed !important;
}

.centerImage {
  display: none;
  margin-left: auto;
  margin-right: auto;
  
}

.hideWizardTabs{
    background-color:transparent !important;
    position: absolute; 
    z-index: 11;
    height:100px !important;
    width:100% !important
}

/*@media (max-width: 450px) {
     .d-none{
        display:block !important;
        width:0px !important;
        padding-left: 0px;
        margin-left: -18px;
   }
}
@media (max-width: 400px) {
     .d-none{
        display:block !important;
        width:0px !important;
        padding-left: 0px;
        margin-left: -18px;
   }
}

@media (max-width: 767.98px) {
    .header-navbar .navbar-header .navbar-brand {
        right:30% !important;
    }
   .navbar-light .navbar-container .navbar-nav .nav-link, .navbar-semi-light .navbar-container .navbar-nav .nav-link {
        color: #fff;
    }
   .mr-1,.float-left{
       display:none !important;
   }
}*/

.card-header {
    padding: 0.5rem 0.5rem !important;
    border-bottom:1px solid white;
}
.swal-text{
    text-align: center !important
}

.flash-text {
    animation: flash 2s ease-in-out 20;
}

@keyframes flash {
    0%, 100% {
        color: red;
    }

    50% {
        color: #6b6f82;
    }
}