.btn-beige {
  color: #000000;
  background-color: #F5F5DC;
  border-color: #000000;
}

.btn-beige:hover,
.btn-beige:focus,
.btn-beige:active,
.btn-beige.active,
.open .dropdown-toggle.btn-beige {
    color: #000000;
    background-color: #EAEAB3;
    border-color: #000000;
}

.btn-beige:active,
.btn-beige.active,
.open .dropdown-toggle.btn-beige {
    background-image: none;
}

.btn-beige.disabled,
.btn-beige[disabled],
fieldset[disabled] .btn-beige,
.btn-beige.disabled:hover,
.btn-beige[disabled]:hover,
fieldset[disabled] .btn-beige:hover,
.btn-beige.disabled:focus,
.btn-beige[disabled]:focus,
fieldset[disabled] .btn-beige:focus,
.btn-beige.disabled:active,
.btn-beige[disabled]:active,
fieldset[disabled] .btn-beige:active,
.btn-beige.disabled.active,
.btn-beige[disabled].active,
fieldset[disabled] .btn-beige.active {
    background-color: #F5F5DC;
    border-color: #000000;
}

.btn-beige .badge {
    color: #F5F5DC;
    background-color: #000000;
}

.btn-black {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #FFFFFF;
  background-color: #404040;
  border-color: #000000;
}

.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  background-image: none;
}

.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
  background-color: #000000;
  border-color: #000000;
}

.btn-black .badge {
  color: #000000;
  background-color: #FFFFFF;
}


.btn-blue {
  color: #fff;
  background-color: #1B57EE;
  border-color: #000000;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  color: #fff;
  background-color: #4B7AF1;
  border-color: #000000;
}

.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  background-image: none;
}

.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #1B57EE;
  border-color: #000000;
}

.btn-blue .badge {
  color: #1B57EE;
  background-color: #fff;
}

.btn-brown {
  color: #FFFFFF;
  background-color: #8B4513;
  border-color: #000000;
}

.btn-brown:hover,
.btn-brown:focus,
.btn-brown:active,
.btn-brown.active,
.open .dropdown-toggle.btn-brown {
  color: #FFFFFF;
  background-color: #CE661C;
  border-color: #000000;
}

.btn-brown:active,
.btn-brown.active,
.open .dropdown-toggle.btn-brown {
  background-image: none;
}

.btn-brown.disabled,
.btn-brown[disabled],
fieldset[disabled] .btn-brown,
.btn-brown.disabled:hover,
.btn-brown[disabled]:hover,
fieldset[disabled] .btn-brown:hover,
.btn-brown.disabled:focus,
.btn-brown[disabled]:focus,
fieldset[disabled] .btn-brown:focus,
.btn-brown.disabled:active,
.btn-brown[disabled]:active,
fieldset[disabled] .btn-brown:active,
.btn-brown.disabled.active,
.btn-brown[disabled].active,
fieldset[disabled] .btn-brown.active {
  background-color: #8B4513;
  border-color: #000000;
}

.btn-brown .badge {
  color: #8B4513;
  background-color: #FFFFFF;
}

.btn-burgundy {
  color: #FFFFFF;
  background-color: #8C001A;
  border-color: #000000;
}

.btn-burgundy:hover,
.btn-burgundy:focus,
.btn-burgundy:active,
.btn-burgundy.active,
.open .dropdown-toggle.btn-burgundy {
  color: #FFFFFF;
  background-color: #D60027;
  border-color: #000000;
}

.btn-burgundy:active,
.btn-burgundy.active,
.open .dropdown-toggle.btn-burgundy {
  background-image: none;
}

.btn-burgundy.disabled,
.btn-burgundy[disabled],
fieldset[disabled] .btn-burgundy,
.btn-burgundy.disabled:hover,
.btn-burgundy[disabled]:hover,
fieldset[disabled] .btn-burgundy:hover,
.btn-burgundy.disabled:focus,
.btn-burgundy[disabled]:focus,
fieldset[disabled] .btn-burgundy:focus,
.btn-burgundy.disabled:active,
.btn-burgundy[disabled]:active,
fieldset[disabled] .btn-burgundy:active,
.btn-burgundy.disabled.active,
.btn-burgundy[disabled].active,
fieldset[disabled] .btn-burgundy.active {
  background-color: #8C001A;
  border-color: #000000;
}

.btn-burgundy .badge {
  color: #8C001A;
  background-color: #FFFFFF;
}

.btn-gold {
  color: #FFFFFF;
  background-color: #DAA520;
  border-color: #000000;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold {
  color: #FFFFFF;
  background-color: #EAC975;
  border-color: #000000;
}

.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold {
  background-image: none;
}

.btn-gold.disabled,
.btn-gold[disabled],
fieldset[disabled] .btn-gold,
.btn-gold.disabled:hover,
.btn-gold[disabled]:hover,
fieldset[disabled] .btn-gold:hover,
.btn-gold.disabled:focus,
.btn-gold[disabled]:focus,
fieldset[disabled] .btn-gold:focus,
.btn-gold.disabled:active,
.btn-gold[disabled]:active,
fieldset[disabled] .btn-gold:active,
.btn-gold.disabled.active,
.btn-gold[disabled].active,
fieldset[disabled] .btn-gold.active {
  background-color: #DAA520;
  border-color: #000000;
}

.btn-gold .badge {
  color: #DAA520;
  background-color: #000;
}

.btn-gray {
  color: #000000;
  background-color: #BEBEBE;
  border-color: #000000;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
  color: #000000;
  background-color: #E6E6E6;
  border-color: #000000;
}

.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
  background-image: none;
}

.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {
  background-color: #BEBEBE;
  border-color: #000000;
}

.btn-gray .badge {
  color: #BEBEBE;
  background-color: #000000;
}

.btn-green {
  color: #FFFFFF;
  background-color: #008B00;
  border-color: #000000;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  color: #FFFFFF;
  background-color: #00D600;
  border-color: #000000;
}

.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  background-image: none;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #008B00;
  border-color: #000000;
}

.btn-green .badge {
  color: #008B00;
  background-color: #000000;
}

.btn-orange {
  color: #ffffff;
  background-color: #FF8C00;
  border-color: #000000;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #FFAF4D;
  border-color: #000000;
}

.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-image: none;
}

.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #FF8C00;
  border-color: #000000;
}

.btn-orange .badge {
  color: #FF8C00;
  background-color: #000000;
}

.btn-charcoalgray {
  color: #FFFFFF;
  background-color: #5C5858;
  border-color: #000;
}

.btn-charcoalgray:hover,
.btn-charcoalgray:focus,
.btn-charcoalgray:active,
.btn-charcoalgray.active,
.open .dropdown-toggle.btn-charcoalgray {
  color: #FFFFFF;
  background-color: #827D7D;
  border-color: #000;
}

.btn-charcoalgray:active,
.btn-charcoalgray.active,
.open .dropdown-toggle.btn-charcoalgray {
  background-image: none;
}

.btn-charcoalgray.disabled,
.btn-charcoalgray[disabled],
fieldset[disabled] .btn-charcoalgray,
.btn-charcoalgray.disabled:hover,
.btn-charcoalgray[disabled]:hover,
fieldset[disabled] .btn-charcoalgray:hover,
.btn-charcoalgray.disabled:focus,
.btn-charcoalgray[disabled]:focus,
fieldset[disabled] .btn-charcoalgray:focus,
.btn-charcoalgray.disabled:active,
.btn-charcoalgray[disabled]:active,
fieldset[disabled] .btn-charcoalgray:active,
.btn-charcoalgray.disabled.active,
.btn-charcoalgray[disabled].active,
fieldset[disabled] .btn-charcoalgray.active {
  background-color: #5C5858;
  border-color: #000;
}

.btn-charcoalgray .badge {
  color: #5C5858;
  background-color: #FFFFFF;
}


.btn-pink {
  color: #ffffff;
  background-color: #FF69B4;
  border-color: #000000;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  color: #ffffff;
  background-color: #FFB8DB;
  border-color: #000000;
}

.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  background-image: none;
}

.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #FF69B4;
  border-color: #000000;
}

.btn-pink .badge {
  color: #FF69B4;
  background-color: #000000;
}

.btn-purple {
  color: #FFFFFF;
  background-color: #A020F0;
  border-color: #000000;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
  color: #FFFFFF;
  background-color: #BE66F4;
  border-color: #000000;
}

.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
  background-image: none;
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  background-color: #A020F0;
  border-color: #000000;
}

.btn-purple .badge {
  color: #A020F0;
  background-color: #FFFFFF;
}

.btn-red {
  color: #FFFFFF;
  background-color: #FF0000;
  border-color: #000000;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  color: #FFFFFF;
  background-color: #FF4D4D;
  border-color: #000000;
}

.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  background-image: none;
}

.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
  background-color: #FF0000;
  border-color: #000000;
}

.btn-red .badge {
  color: #FF0000;
  background-color: #FFFFFF;
}
.btn-yellow {
  color: #000000;
  background-color: #FFFF00;
  border-color: #000000;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  color: #000000;
  background-color: #FFFF99;
  border-color: #000000;
}

.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  background-image: none;
}

.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  background-color: #FFFF00;
  border-color: #000000;
}

.btn-yellow .badge {
  color: #FFFF00;
  background-color: ;
}
.btn-white {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #000000;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: #000000;
  background-color: #D9D9D9;
  border-color: #000000;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}

.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #FFFFFF;
  border-color: #000000;
}

.btn-white .badge {
  color: #FFFFFF;
  background-color: #000000;
}


.btn-rainbow:hover,
.btn-rainbow:focus,
.btn-rainbow:active,
.btn-rainbow.active,
.open .dropdown-toggle.btn-rainbow {
  color: #000000;
  border-color: #000000;

    background-image: -moz-linear-gradient( left top, right bottom ,
                                            from(#FF4D4D),
                                            color-stop(16%, #FFAF4D),
                                            color-stop(32%, #FFFF99),
                                            color-stop(48%, #00D600),
                                            color-stop(60%, #4B7AF1),
                                            color-stop(76%, #BE66F4),
                                            to(#BE66F4));

  /*webkit rainbow gradient*/
  background-image: -webkit-gradient(linear,  left top,  right bottom,
                                     color-stop(0.00, #FF4D4D),
                                     color-stop(16%, #FFAF4D),
                                     color-stop(32%, #FFFF99),
                                     color-stop(48%, #00D600),
                                     color-stop(60%, #4B7AF1),
                                     color-stop(76%, #BE66F4),
                                     color-stop(1.00, #BE66F4));

}

.btn-rainbow {
    color: #000000;
    border-color: #000000;
    /*mozilla rainbow gradient*/
    background-image: -moz-linear-gradient( left top, right bottom ,
                                            from(#ff0000),
                                            color-stop(16%, #FF8C00),
                                            color-stop(32%, #FFFF00),
                                            color-stop(48%, #008B00),
                                            color-stop(60%, #1B57EE),
                                            color-stop(76%, #A020F0),
                                            to(#A020F0));

    /*webkit rainbow gradient*/
    background-image: -webkit-gradient(linear,  left top,  right bottom,
                                       color-stop(0.00, #ff0000),
                                       color-stop(16%, #FF8C00),
                                       color-stop(32%, #FFFF00),
                                       color-stop(48%, #008B00),
                                       color-stop(60%, #1B57EE),
                                       color-stop(76%, #A020F0),
                                       color-stop(1.00, #A020F0));
}

@media (min-width: 1280px) {
    .btn-xl-or-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
}

@media (max-width: 1280px) {
    .btn-xl-or-sm {
        padding: 5px 10px;
        font-size: 28px;
        line-height: 1.5;
        border-radius: 8px;
    }
}

@media (max-width: 1281px) {
    .large {
        font-size:20px;
    }

    .btn.large {
        font-size:28px;
    }

    .large-zoom {
        zoom:2;
    }

    th.large {
        font-size:14px;
    }
}

#activity tr td {
    vertical-align: middle;
}

.dataTables_filter{
    float:left!important;
}

/*.dataTables_filter input{
    width:20em!important;
}*/
.dataTables_filter input {
    width: 400px!important;
}

@media print {
  @page {
    size: 730mm 427mm;
  margin-left:0cm;
  margin-right:-5cm;
  }
  .container {
    width: 1170px;
  }
 a[href]:after { content: none !important; }

span.input-group-text{
    font-size:14px!important;
}

ul.typeahead.dropdown-menu {
}

ul.typeahead.dropdown-menu{
    width:500px!important;
}

ul.typeahead.dropdown-menu li a{
    font-size:13px;
    color:#000;
    text-decoration:none;
}

ul.typeahead.dropdown-menu li:hover{
    color:#fff;
    background-color:#007bff;
}
ul.typeahead.dropdown-menu li:hover a{
    color:#fff;
}
}