@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;
}

@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;
    }
    
    
}


/**
 * @file
 * Columns with automatic width, similar to .col-xs-1 and friends. 
 */

.col-xs-auto, .col-xs1-auto, .col-sm-auto, .col-md-auto, .col-lg-auto,
.col-xs-auto-right, .col-xs1-auto-right, .col-sm-auto-right, .col-md-auto-right, .col-lg-auto-right,
.col-middle {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-middle {
  display: table;
}

.col-xs-auto {
  float: left;
}
.col-xs-auto-right {
  float: right;
}

@media (min-width: 480px) {
  .col-xs1-auto {
    float: left;
  }
  .col-xs1-auto-right {
    float: right;
  }
}

@media (min-width: 768px) {
  .col-sm-auto {
    float: left;
  }
  .col-sm-auto-right {
    float: right;
  }
}

@media (min-width: 992px) {
  .col-md-auto {
    float: left;
  }
  .col-md-auto-right {
    float: right;
  }
}

@media (min-width: 1200px) {
  .col-lg-auto {
    float: left;
  }
  .col-lg-auto-right {
    float: right;
  }
}

.checkBoxDiv:hover{
    cursor: pointer;
}