@import url("component-toolbar.css");

*{
    outline: none !important;
}
select, select option{
    cursor: pointer;
}

.red{
    color: #FF0000;
}

main{
    padding-bottom: 15px;
}

footer{
    padding-top: 10px;
    padding-bottom: 10px;
    background: #555555; 
}
footer p{
    margin: 0;
    color: #FFFFFF; 
}

footer a:link {
    color: #FFFFFF;
    text-decoration: none;
}
footer a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
footer a:active {
    color: #FFFFFF;
    text-decoration: none;
}

/* Bootstrap Extend */
.container-elastic::after {
    content: " ";
    display: table;
    clear: both;
}
.container-elastic{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1400px;
}
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

/* jQuery Validation extend */
div.validation-error{
    color: #FF0000;
    font-weight: bold;
    padding-left: 20px;
    background:transparent url(../../images/icons/error-16x16.png) no-repeat left center;
} 

/* UTIL */
.text-to-right{
    float: left;
    margin-right: 15px;
}
.text-to-left{
    float: right;
    margin-left: 15px;
}

/* Bootstrap overwrite */
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 5px;
    margin-top: 5px;
}
h1{
    font-size: 30px;
}
ol.breadcrumb li:last-child a{
    font-weight: bold;
}
.label-extend{
    display: inline-block;
    max-width: 100px;
    min-width: 100px;
    padding: 0.6em;
    width: 100%;
}
.navbar-brand{
    padding-top: 3px;
    padding-bottom: 3px;
}
.navbar-brand img{
    max-height: 44px;
}

/* Datatables plugin overwrite */
.dataTables_wrapper table.dataTable{
    border-radius: 5px;
}
.dataTables_wrapper table.dataTable tr td{
    vertical-align: middle;
}
.btn-datatable{
    float: left;
    margin: 0 3px;
}

/* Fancybox overwrite */
.fancybox-skin{
    background-color: #FFFFFF;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    /* Table Responsive */
    .table-responsive thead{
        display: none;
    }
    .table-responsive tr{
        border-bottom: 1px solid #dddddd;
    }
    .table-responsive td{
        border: 0;
    }
    .table-responsive td:not(:first-child){
        display: block;
    }

    h1{
        font-size: 22px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}