﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}


.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


.dl-horizontal dt {
    white-space: normal;
}

input,
select,
textarea {
    max-width: 280px;
}

table th {
    background-color: #5E0000;
    color: #FFF;
}


/*.use_as_datatable_js_hide {
    display: none;
}*/

.use_as_datatable_js_hide {
    display: none;
}


/******************* MODEL MESSAGES *************/

.modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*
.modal-header-success {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.modal-header-turcoaz {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #18B3B9;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}*/
/******************* MODEL MESSAGES *************/


.navbar {
    background-color: #0B0B0B !important;
    border-color: transparent;
    border-radius: 0;
    box-shadow: 0 0 6px 3px rgba(0,0,0,.35);
}
/** Default navbar **/
.navbar-default .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
    min-height: 69px;
    color: #A4A4A4;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #DDBE42;
    }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #DDBE42;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #DDBE42;
}

.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #060606 !important;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #A4A4A4 !important;
        padding: 12px 12px 12px 12px !important;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #DDBE42 !important;
            background-color: transparent !important;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #DDBE42 !important;
        background-color: transparent !important;
    }

.navbar-default .navbar-toggle {
    border-color: transparent;
}

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        border-color: transparent;
        background-color: transparent;
    }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-form {
    padding-top: 10px !important;
}

.navbar-text {
    margin-top: 25px;
}

.navbar-default .navbar-text {
    color: #CBAF3B;
}

.navbar-default .navbar-brand {
    font-size: 21px;
    color: #CBAF3B;
    margin-top: 10px;
}

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color: #DDBE42;
    }

.pagination > li > a, .pagination > li > span {
    color: #5E0000 !important;
    border-color: #5E0000;
}

.pagination > li > a, .pagination > li > span {
    border-color: #5E0000;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #5E0000;
    background-color: #DDBE42;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    border-color: #5E0000;
}

.paginate_button:hover,
.paginate_button:focus {
    border-color: #5E0000;
}

.NAV-BAR-COLOR-DEV{
    background-color: red !important;
    
}
    .NAV-BAR-COLOR-DEV a {
        color: white !important;
    }


.button_padding {
    margin-bottom: 0;
    margin-left:0;
    margin-right: 6px;
    padding: 6px 12px;
}




.no-tables {
    margin-bottom: 0;
}

    /*No more tables overwrites*/
    .no-tables tr, .no-tables td {
        border: none;
    }
/*No more tables overwrites*/

@media only screen and (max-width: 768px) {
    /* Force table to not be like tables anymore */
    .no-tables table,
    .no-tables thead,
    .no-tables tbody,
    .no-tables th,
    .no-tables td,
    .no-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .no-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .no-tables tr {
        border-bottom: 1px solid #D7D4D4;
    }

    .no-tables tfoot tr {
        border-bottom: none;
    }

    .no-tables td {
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #D7D4D4;*/
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left;
    }

        .no-tables td:before {
            padding-left: 5% !important;
        }

        .no-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
    Label the data
    */
        .no-tables td:before {
            content: attr(data-title);
        }

    .no-tables.big-left td:before {
        width: 65% !important;
    }

    .no-tables.big-left td {
        padding-left: 70% !important;
    }

    .no-tables.medium-left td:before {
        width: 55% !important;
    }

    .no-tables.medium-left td {
        padding-left: 60% !important;
    }

    .no-tables.word-wrap td:before {
        white-space: normal !important;
    }
}
