#alert-flash-notification {
    margin: 15px;
    opacity: 0.9;
    /*display: none;*/
    position: fixed;
    max-width: 500px;
    right: 0;
    z-index: 9999;
}
#alert-flash-notification .close {
    opacity: 0.5;
}

/*Select2*/
.select2.select2-container {
    min-width: 100%;
    max-width: 100%;
}
.form-group.has-error .select2 .select2-selection {
    border-color: #dd4b39;
    box-shadow: none;
}

/* remove spinner */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
/*  end of remove spinner */

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading_modal {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;    
    background: rgba( 0, 0, 0, .8 )     
                /*url('https://kk.rks-gov.net/partesh/wp-content/themes/municipalities/images/balls_loading.gif')*/                
}

.loader {
    margin: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    display: block;
    /*border: 10px solid #f3f3f3; !* Light grey *!*/
    /*border-top: 10px solid #3498db; !* Blue *!*/
    border-radius: 50%;
    width: 100px;
    height: 100px;    
    /*animation: spin 2s linear infinite;*/
}

body {
  /*background: #FFF url("https://i.imgur.com/KheAuef.png") top left repeat-x;  */
  background: #BAC7D7;
}

.page    { display: none; padding: 0 0.5em; }
.page h1 { font-size: 2em; line-height: 1em; margin-top: 1.1em; font-weight: bold; }
.page p  { font-size: 1.5em; line-height: 1.275em; margin-top: 0.15em; }

#loading_spinner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background-color: rgba(192, 192, 192, 0.5);
  background-image: url("https://i.stack.imgur.com/MnyxU.gif");
  background-repeat: no-repeat;
  background-position: center;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loading_modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loading_modal {    
    display: block;
}

#progress-bar-status-show 
{
    background-color:#3374FF;
    height:20px;
    color: #FFFFFF;
    width:0%;-webkit-transition: width .6s;
    -moz-transition: width .6s;
    transition: width .6s;
    text-align:center;
    bottom: 30%;
    position: absolute;    
}