@charset "utf-8";

@font-face {
  font-family: 'dotsfont';
  src: url('../fonts/dotsfont.eot');
  src: url('../fonts/dotsfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/dotsfont.woff') format('woff'),
       url('../fonts/dotsfont.ttf') format('truetype'),
       url('../fonts/dotsfont.svg#dotsfontregular') format('svg');
}

.menuSortUp:hover{
    background-position: 0 0;
    cursor: pointer;
}

.menuSortUp{
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 17px;
    background: url('../images/up.png') bottom;
    text-indent: -99999px;
}


.menuSortDown:hover{
    background-position: 0 0;
    cursor: pointer;
}

.menuSortDown{
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 17px;
    background: url('../images/down.png') bottom;
    text-indent: -99999px;
}

.error{
    color:#FF0000;
}

.conceal{
  font-family: 'dotsfont';
}

#globalLogin-error{
    font-weight: bold;
    color:#FF0000;
    background-color:#ffffff;
    padding:5px 10px;
    border:#cccccc solid 1px;
    border-radius: 4px;
    display:none;
}


#globalLoginModal .modal-dialog  {width:400px;}

.portlet-header-red{
    //background-color:#fff0f0!important;
    color:#ed1c24!important;
}

.portlet-header-red a{
    color:#ed1c24!important;
}

.portlet-header-red .fa{
    color:#ed1c24!important;
}

#switchMenu{
    width:35px; 
    height:177px; 
    position:fixed; 
    z-index:1000; 
    top:300px; 
    left:-5px;
}

.paymentError {
  width: 100%;
  margin: 10px auto;
  font-weight: bold;
  font-size: 11px;
  color:#ff0000;
}

.button-container-top-spacing{
    margin-top: 16px;
}

@media (max-width: 1024px){

    .mainbar .mainbar-nav > li > a { 
        font-size: 10px;
    }
    
    
}

@media (max-width: 768px) {
    #switchMenu{
        display:none;
    }
    .modal-dialog  {
        width:auto!important;
        margin:10px!important;
    }
}


@media (min-width: 769px) {
    #switchMenuMobile{
        display:none;
    }
    
}

@media (min-width: 768px) {
    .dropdown-menu > li > a {
        color: #000000;
    }
}

@media (max-width: 767px) {
    .mainbar .mainbar-nav > li > a { 
        font-size: 14px;
    }
    
    
}