.alert-box {

    border-radius: 10px 10px 10px 10px;

    color: #005600;

    font-family: Tahoma,Geneva,Arial,sans-serif;

    font-size: 13px;

    margin: -4.5%;

    padding: 1.2% 0 2% 9%;

    text-align: left;

    width: 111%;

}

.form-horizontal .control-label > span{
  font-size: 20px;
  top: -3px;
  position: absolute;
}

.alert-box span {

    font-weight:bold;

    text-transform:uppercase;

}



.error {

    background:#ffecec url('../img/error.png') no-repeat 10px 50%;

    border:1px solid #f5aca6;

}

.success {

    background:#e9ffd9 url('../img/success.png') no-repeat 10px 50%;

    border:1px solid #a6ca8a;

}

.warning {

    background:#fff8c4 url('../img/warning.png') no-repeat 10px 50%;

    border:1px solid #f2c779;

}

.notice {

    background:#e3f7fc url('../img/notice.png') no-repeat 10px 50%;

    border:1px solid #8ed9f6;

}

.error_msg{

    border:1px solid #f5aca6 !important;

    font-size: 13px;

}

.add-btn{

	background-color: #428BCA !important;

	border-color: #428BCA;

	color: rgb(255, 255, 255);

	text-decoration: none;

	float: right;

	margin: 0% 2%;

	font-weight: bold;

	font-size: 14px;

	padding: 1%;

}

.add-btn:hover {

    text-decoration: none;

    color: #fff;

}



a.asc {

    padding-right: 18px;

    background: url('../img/arrow_up.png') no-repeat top right;

}

 

a.desc {

    padding-right: 18px;

    background: url('../img/arrow_down.png') no-repeat top right;

}



th a {

    padding-right: 20px;

    background: url('../img/sort_both.png') no-repeat top right;

}

.errorNew {

    color: #da1e00;

    font-size: 12px;

}

/* ==============

  Loader

===================*/

#preloader {

  position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.90);

    z-index: 9999999;

}



#status {

  width: 100%;

    height: 80%;

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

}



/*.spinner {

  position: absolute;

  width: 78px;

  height: 78px;

  left: 50%;

  margin-left: -39px;

  margin-top: -39px;

}*/



.spinner:before {

  content: '';

    position: absolute;

    width: 45px;

    height: 45px;

    top: 50%;

    margin-top: 57px;

    left: 50%;

    margin-left: -23px;

    border-width: 2px 1px;

    border-style: solid;

    border-color: $primary rgba($primary,0.3);

    border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    animation: spin 3.45s infinite;

    -o-animation: spin 3.45s infinite;

    -ms-animation: spin 3.45s infinite;

    -webkit-animation: spin 3.45s infinite;

    -moz-animation: spin 3.45s infinite;

    color: #fff;

}

.spinner:after {

  content: '';

    position: absolute;

    width: 12px;

    height: 12px;

    top: 50%;

    margin-top: -6px;

    left: 50%;

    margin-left: -6px;

    background-color: $primary;

    border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    animation: pulse 6.9s infinite, borderPulse 6.9s infinite;

    -o-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;

    -ms-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;

    -webkit-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;

    -moz-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;

    color: #fff;

}

.plz-wait{

    position: absolute;

    color: #fff;

    width: 100%;

    display: flex;

    height: 100%;

    align-items: center;

    justify-content: center;   

}

@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  50% {

    transform: rotate(360deg);

  }

  100% {

    transform: rotate(1080deg);

  }

}



@-o-keyframes spin {

  0% {

    -o-transform: rotate(0deg);

  }

  50% {

    -o-transform: rotate(360deg);

  }

  100% {

    -o-transform: rotate(1080deg);

  }

}



@-ms-keyframes spin {

  0% {

    -ms-transform: rotate(0deg);

  }

  50% {

    -ms-transform: rotate(360deg);

  }

  100% {

    -ms-transform: rotate(1080deg);

  }

}



@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

  }

  50% {

    -webkit-transform: rotate(360deg);

  }

  100% {

    -webkit-transform: rotate(1080deg);

  }

}



@-moz-keyframes spin {

  0% {

    -moz-transform: rotate(0deg);

  }

  50% {

    -moz-transform: rotate(360deg);

  }

  100% {

    -moz-transform: rotate(1080deg);

  }

}



@keyframes pulse {

  0% {

    background-color: rgba($primary,0.2);

  }

  13% {

    background-color: rgba($primary,0.2);

  }

  15% {

    background-color: rgba($primary,0.9);

  }

  28% {

    background-color: rgba($primary,0.9);

  }

  30% {

    background-color: rgba($primary,0.2);

  }

  43% {

    background-color: rgba($primary,0.2);

  }

  45% {

    background-color: rgba($primary,0.9);

  }

  70% {

    background-color: rgba($primary,0.9);

  }

  74% {

    background-color: rgba($primary,0.2);

  }

  100% {

    background-color: rgba($primary,0.9);

  }

}



@-o-keyframes pulse {

  0% {

    background-color: rgba($primary,0.2);

  }

  13% {

    background-color: rgba($primary,0.2);

  }

  15% {

    background-color: rgba($primary,0.9);

  }

  28% {

    background-color: rgba($primary,0.9);

  }

  30% {

    background-color: rgba($primary,0.2);

  }

  43% {

    background-color: rgba($primary,0.2);

  }

  45% {

    background-color: rgba($primary,0.9);

  }

  70% {

    background-color: rgba($primary,0.9);

  }

  74% {

    background-color: rgba($primary,0.2);

  }

  100% {

    background-color: rgba($primary,0.9);

  }

}



@-ms-keyframes pulse {

  0% {

    background-color: rgba($primary,0.2);

  }

  13% {

    background-color: rgba($primary,0.2);

  }

  15% {

    background-color: rgba($primary,0.9);

  }

  28% {

    background-color: rgba($primary,0.9);

  }

  30% {

    background-color: rgba($primary,0.2);

  }

  43% {

    background-color: rgba($primary,0.2);

  }

  45% {

    background-color: rgba($primary,0.9);

  }

  70% {

    background-color: rgba($primary,0.9);

  }

  74% {

    background-color: rgba($primary,0.2);

  }

  100% {

    background-color: rgba($primary,0.9);

  }

}



@-webkit-keyframes pulse {

  0% {

    background-color: rgba($primary,0.2);

  }

  13% {

    background-color: rgba($primary,0.2);

  }

  15% {

    background-color: rgba($primary,0.9);

  }

  28% {

    background-color: rgba($primary,0.9);

  }

  30% {

    background-color: rgba($primary,0.2);

  }

  43% {

    background-color: rgba($primary,0.2);

  }

  45% {

    background-color: rgba($primary,0.9);

  }

  70% {

    background-color: rgba($primary,0.9);

  }

  74% {

    background-color: rgba($primary,0.2);

  }

  100% {

    background-color: rgba($primary,0.9);

  }

}



@-moz-keyframes pulse {

  0% {

    background-color: rgba($primary,0.2);

  }

  13% {

    background-color: rgba($primary,0.2);

  }

  15% {

    background-color: rgba($primary,0.9);

  }

  28% {

    background-color: rgba($primary,0.9);

  }

  30% {

    background-color: rgba($primary,0.2);

  }

  43% {

    background-color: rgba($primary,0.2);

  }

  45% {

    background-color: rgba($primary,0.9);

  }

  70% {

    background-color: rgba($primary,0.9);

  }

  74% {

    background-color: rgba($primary,0.2);

  }

  100% {

    background-color: rgba($primary,0.9);

  }

}



@keyframes borderPulse {

  0% {

    box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($primary,0.8);

  }

  40% {

    box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($primary, 0.8);

  }

  80% {

    box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($primary, 0.8);

  }

}



@-o-keyframes borderPulse {

  0% {

    box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($primary,0.8);

  }

  40% {

    box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($primary, 0.8);

  }

  80% {

    box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($primary, 0.8);

  }

}



@-ms-keyframes borderPulse {

  0% {

    box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($primary,0.8);

  }

  40% {

    box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($primary, 0.8);

  }

  80% {

    box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($primary, 0.8);

  }

}



@-webkit-keyframes borderPulse {

  0% {

    box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($primary,0.8);

  }

  40% {

    box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($primary, 0.8);

  }

  80% {

    box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($primary, 0.8);

  }

}



@-moz-keyframes borderPulse {

  0% {

    box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 1px rgba($primary,0.8);

  }

  40% {

    box-shadow: 0 0 0 1px rgb(255,255,255), 0 0 0 2px rgba($primary, 0.8);

  }

  80% {

    box-shadow: 0 0 0 3px $white, 0 0 1px 3px rgba($primary, 0.8);

  }

}



@-webkit-keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}