.pointer{
    cursor: pointer !important;
}

.search-divider {
    border-bottom: 1px solid;
}

.search-field{
    outline: none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #0e5b7b;
}


#loader{
    height: 100vh;
    width: 100vw;
    padding: 100px;
    background-color: #0e5b7b;
}

.sk-cube-grid {
    width: 75px;
    height: 75px;
    margin: 0 auto;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #fff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
          -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
      }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
          -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
      }
}

.error{
    color: #B22222;
}

.alertDiv{
    left: -3px;
    top: 40px;
    width: 100%;
    text-align: center;
    z-index: 9999;
    position: fixed;
}

.alert{
    max-width: 50% !important;
    margin: auto;

}

#mainNavbar li:nth-of-type(1n+9) {
    display: none;
}

@media screen and (max-width: 768px) and (min-width: 0px) {
    .nav>li {
        display: block !important;
    }
}


#mainNavbar{
    overflow: auto;
    white-space: nowrap;
}

.strike-through{
    text-decoration:line-through;
    color: #23a6bb;
}

.discounted-price .price{
    font-size: 1.3em !important;
    color: #333 !important;
}

.success{
    color: #3c763d;
}

.error{
    color: #9E1E1E !important;
}