/*
 
 Australian Software Works Stylesheet
 
 */

label {
  letter-spacing: 0.1em; !important
}

body{
    background: linear-gradient(#f8f8f8, #f8f8f8) no-repeat fixed;
}

i{
    color: #000000;
}
p{
    color: #000000;
}
h5{
    color: #000000;
}
h4{
    color: #000000;
}
h3{
    color: #000000;
}
h2{
    color: #000000;
}
h1{
    color: #000000;
}

a{
    color: #000000;
}

.menu-active-item {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    color: #00B4EB !important;
}

.menu-inactive-item {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    color: #000000 !important;
}

.menu-inactive-item:hover {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    color: #00B4EB !important;
}

.menu-active-item:hover {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    color: #00B4EB !important;
}

a:hover {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    color: #00B4EB !important;
}

th{
    color: #000000;
}
tr{
    color: #000000;
}
label{
    color: #000000;
}

.popup-text{
    color: #000000;
}

.container-login {
    right: 50%;
    bottom: 50%;
    transform: translate(50%,50%);
    position: absolute;
}

.vendor-dashboard {
    alignment: center; !important;
}

.button-primary {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
    background-color: #00B4EB !important;
    border-color: #00B4EB !important;
    
}

.button-primary:hover {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
    background-color: #6eddff !important;
}

a:link {
  text-decoration: none;
}

.button {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    border-color: #00B4EB !important;
    color: #000000 !important;
    
}

.button:hover {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    color: #00B4EB !important;
}

.button-popup {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    border-color: #00B4EB !important;
    color: #000000 !important;
    
}

.button-popup:hover {
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    transition: color .3s ease-in;
    color: #00B4EB !important;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input:focus {
    border: 1px solid #00B4EB !important;
}

.button-swal {
@extend .button;
    line-height: 22px;
}


/*Spinner*/
.lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
background: #fff;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}