@font-face{
    font-family: 'roboto';
    src: url('/pages/distribuidora/_resources/Roboto-Regular.ttf') format("truetype");
    /*src: url('ruta del archivo/ nombre del archivo.eot') format('embedded-opentype'),url('ruta del archivo/ nombre del archivo.woff2') format('woff2'),url('ruta del archivo/ nombre del archivo .woff') format('woff'),url('ruta del archivo/ nombre del archivo .ttf') format('truetype');*/
}

body{
    font-family: 'roboto' !important; 
}

.scrolleable {
    width: 100%;
    overflow-y: scroll;
    position: relative;
}

.scrolleable table {
    width: 100%;
}

.pagination{
    margin: 0px 0px;
}

.table {
     margin-bottom: 0px;
}

.table-head-primary{
    color: white;background-color: #333333;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #EEEEEE;
}

.label-warning{background-color: #f3ff00}

.panel-body {
    padding: 1px 5px 1px 5px;
}
.panel-heading {
    padding: 2px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel {
    margin-bottom: 0px;
}

.panel-info {
    border-color: #333333;
}
.panel-info>.panel-heading {
    color: white;
    background-color:#333333;
    border-color: #333333;
}

.panel-warning {
    border-color: #333333;
}

.panel-warning>.panel-heading {
    color: white;
    background-color:#c90d0a;
    border-color: #333333;
}

.primary-red{
    color: white;
    background-color:#c90d0a;
    border-color: #333333;
}

.skin-blue .main-header .navbar {
    background-color: #1a1717 !important;
}

.skin-blue .main-header .logo {
    background-color: #1a1717 !important;
}

.content-header {
    padding-top: 0px;
    padding: 5px 20px 3px 20px;
    background-color: #EEE !important;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

.btn-primary {
    background-color: #333333;
    border-color: BLACK;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #333333;
    border-color: BLACK;
}
.pagination>li>a, .pagination>li>span {
    padding: 2px 6px;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 1px 0px;
}

.glyphicon-chevron-left:before {
    color: black;
}
.glyphicon-chevron-rigth:before {
    color: black;
}
.carousel-indicators .active {
    background-color: black;
}
.carousel-indicators li {
    background-color: #222222;
}

.carousel-control.left, .carousel-control.right {
    color: black;
}

.info-box-icon {
    height: 70px;
    width: 70px;
    font-size: 40px;
    line-height: 74px;
}