.hr-custom, .hr-custom-opacity {
    border-top: 1px solid #ededed;
}

.hr-custom-opacity {
    border-top: 1px solid #ededed;
}

.navbar-bg {
    background-color: white;
    color: #fff;
    border-bottom: solid #8f8f8f 1px;
}

.navbar-collapse-custom .navbar-nav li a {
    background-color: #ff7900;
    color: white;
}

    .navbar-collapse-custom .navbar-nav li a:focus, .navbar-collapse-custom .navbar-nav li a:hover {
        background-color: white;
        color: #ff7900;
        border: solid #ff7900 1px;
    }

    .navbar-collapse-custom .navbar-nav li a .caret {
        color: #ededed;
    }

    .navbar-collapse-custom .navbar-nav li a:focus .caret, .navbar-collapse-custom .navbar-nav li a:hover .caret {
        color: #ff7900;
    }

.navbar-collapse-custom .navbar-nav .dropdown-menu {
    border-color: #ededed;
}

    .navbar-collapse-custom .navbar-nav .dropdown-menu li a {
        background-color: #fff;
        color: #ff7900;
    }

        .navbar-collapse-custom .navbar-nav .dropdown-menu li a:focus, .navbar-collapse-custom .navbar-nav .dropdown-menu li a:hover, .navbar-collapse-custom .navbar-nav .dropdown-menu li.active a {
            background-color: #ededed;
        }

    .navbar-collapse-custom .navbar-nav .dropdown-menu li.active a {
        color: #ff7900;
    }

    .navbar-collapse-custom .navbar-nav .dropdown-menu .divider {
        background-color: #ff7900;
    }

@media screen and (min-width:768px) {
    .navbar-collapse-custom .navbar-nav .dropdown ul.dropdown-menu:before {
        border-bottom-color: #fff;
    }

    .navbar-collapse-custom .navbar-nav .dropdown ul.dropdown-menu:after {
        border-bottom-color: #ededed;
    }
}

@media screen and (max-width:767px) {
    .navbar-bg .icon-bar {
        background-color: #ededed;
    }

    .navbar-collapse-custom .navbar-nav .dropdown-menu li a {
        background-color: #ff7900;
        color: #fff;
    }
}

h2 {
    color: #333333;
}

.panel {
    background-color: #fff;
}

.panel-default .panel-heading {
    background-color: #000;
    color: #ededed;
}

.color-orange {
    color: #ededed !important;
}

.list-group-submenu a.list-group-item, .list-group-submenu button.list-group-item {
    color: #333333;
}

.list-group-submenu .list-group-item {
    border: 1px solid #ededed;
}

    .list-group-submenu .list-group-item.active:focus, .list-group-submenu .list-group-item.active:hover, .list-group-submenu .list-group-item:focus, .list-group-submenu .list-group-item:hover {
        background-color: #ededed;
        color: #ff7900;
    }

    .list-group-submenu .list-group-item.active, .list-group-submenu .list-group-item.active:focus, .list-group-submenu .list-group-item.active:hover {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #333333;
    }

.nav-tabs-custom.nav-justified li a {
    color: #ff7900;
}

    .nav-tabs-custom.nav-justified li a:hover {
        border-color: #ededed;
        background-color: #ededed;
        color: #ff7900;
    }

.nav-tabs-custom.nav-justified .active a, .nav-tabs-custom.nav-justified .active a:focus, .nav-tabs-custom.nav-justified .active a:hover {
    background-color: #fff;
    color: #50504D;
    border-color: #50504D;
}

.table-custom, .table-custom tbody tr td {
    border-color: #ededed;
}

@media (min-width:768px) {
    .nav-tabs-custom.nav-justified li a {
        border-bottom-color: #ededed;
        border-radius: 0;
        color: #ff7900;
    }

        .nav-tabs-custom.nav-justified li a:hover {
            border-color: #ededed;
            background-color: #ededed;
            color: #ff7900;
        }

    .nav-tabs-custom.nav-justified .active a, .nav-tabs-custom.nav-justified .active a:focus, .nav-tabs-custom.nav-justified .active a:hover {
        border-bottom-color: #50504D;
        color: #50504D;
    }
}

.table-custom thead tr th {
    background-color: #ededed;
    border-bottom-color: #333333;
    color: #333333;
}

.table-scroll {
    overflow-x: auto;
}

.table-striped.table-custom tbody tr:nth-of-type(odd) {
    background-color: #F8F8F9;
}

@media screen and (max-width:767px) {
    .table-responsive {
        border-color: #ededed;
    }
}

@media screen and (min-width:767px) {
    .table-striped.table-custom tbody tr:hover {
        background-color: #ededed;
        color: #ff7900;
    }
}

.pagination-custom li a, .pagination-custom-info li a {
    border-color: #ededed;
    color: #333333;
}

    .pagination-custom li a:focus, .pagination-custom li a:hover, .pagination-custom-info li a:focus, .pagination-custom-info li a:hover {
        color: #fff;
        background-color: #333333;
    }

.pagination-custom .active a, .pagination-custom .active a:focus, .pagination-custom .active a:hover {
    color: #fff;
    background-color: #50504D;
}

.pagination-custom-info li a .badge {
    background-color: rgba(200,228,230,.8);
    color: #333333;
}

.btn-custom, .btn-custom:active, .btn-custom:focus, .btn-custom:target {
    border-radius: 0;
    background-color: #ff7900;
    color: #fff;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.btn-custom-light {
    border-radius: 0;
    background-color: #ffdfc3 !important;
    color: #ff7900;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

    .btn-custom-light.active, .btn-custom-light:hover, .btn-custom.active, .btn-custom:hover {
        background-color: #333333 !important;
        color: #fff;
    }

.btn-custom-dark {
    border-radius: 0;
    background-color: #333333;
    color: #fff;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

    .btn-custom-dark.active, .btn-custom-dark:hover {
        background-color: #ededed !important;
        color: #333333;
    }


.btn-custom-black-light {
    border-radius: 0;
    background-color: #ededed;
    color: #333333;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

    .btn-custom-black-light.active, .btn-custom-black-light:hover {
        background-color: #333333 !important;
        color: #ededed;
    }

.form-custom label {
    color: #333333;
}

.form-control::-moz-placeholder {
    color: #ddd;
}

.form-control:-ms-input-placeholder {
    color: #ddd;
}

.form-control::-webkit-input-placeholder {
    color: #ddd;
}

input[type=email], input[type=password], input[type=text], textarea {
    border: 1px solid #DDD;
}

    input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {
        border: 1px solid #ff7900;
    }

/*PERSONALIZACIÓN TAMAÑO LOGOS*/
.logo-login-block img {
    max-width: 300px !important;
    max-height: 140px;
    margin: 0 auto;
    padding: 0 !important;
}

.logo img {
    max-width: 250px;
}

#map {
    height: 800px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}

#legend {
    font-family: Arial, sans-serif;
    background: #fdfdfd;
    color: #333333;
    padding: 10px 10px;
    margin: 10px;
    font-weight: bold;
    filter: alpha(opacity=80);
    opacity: 0.8;
    border: 2px solid #000;
}

    #legend h3 {
        margin-top: 0;
    }

    #legend img {
        vertical-align: middle;
    }

.mr-5 {
    margin-right: 5px;
}

.panel-default .panel-heading + .panel-collapse .panel-body {
    background-color: ghostwhite;
}

small {
    font-size: 80%
}

orangeBorder {
    border-color: #ff7900;
    border-style: solid;
}
/*SCROLL BAR OPTIMIZANDO ESPACIO*/
/* width */
::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ffca9a;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ff7900;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #ff7900;
    }

#BTNHistoricos:hover {
    background-color: #ff7900;
    color: white;
}

.btnImagenes {
    background-color: #ff7900;
    color: white;
}

.btnFinalizados {
    background-color: limegreen;
    color: white;
}
.btnEnCurso {
    background-color: lightcoral;
    color: white;
}

/*NUEVO MENU HORIZONTAL*/

.caret {
    border-top-width: 7px;
    border-right-width: 7px;
    border-left-width: 7px;
}

.navbar-inverse {
    border: none;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #FFF;
        font-size: 1.1em;
    }

.dropdown-auto-hide {
    display: none;
    list-style: none;
    padding-inline: 15px;
    background-color: #EDEDED;
    position: absolute;
    width: 140px;
    white-space: nowrap;
}

    .dropdown-auto-hide > li > a {
        font-size: 1em;
        line-height: 2em;
        color: #333 !important;
    }

        .dropdown-auto-hide > li > a:hover {
            text-shadow: 1px 1px 1px #666;
        }

.profile-menu {
    color: #FFF;
    background-color: #FF9000;
    border: none;
}

    .profile-menu > .dropdown-auto-hide {
        right: 0px;
        text-align: right;
        width: initial;
    }

@media (max-width: 767px) {
    .dropdown-auto-hide {
        display: none;
        padding-inline-start: 30px;
        position: initial;
        border: none;
        margin-top: 0;
        width: 100%;
    }

        .dropdown-auto-hide > li > a {
            color: #333 !important;
        }

            .dropdown-auto-hide > li > a:hover {
                text-shadow: 1px 1px 2px #666;
            }
}