body {
    font-family: Calibri, Segoe UI, Tahoma;
    font-size: 13px;
    color: #676a6c;
}
.colorFirst{ color:#250040;}
.colorSecond {color: #676a6c;}
.colorThird {color:#ffb300;}
.colorTitles {color: #676a6c;}
.colorFirst_barco {background-color: #250040;}
.colorSecond_barco {background-color: #FF9170;}
.colorThird_barco {background-color: #FFFF95;}
/*label {color: #676a6c;}*/
.datoimportante {font-weight: bold;color: #250040;}
.timeline_Tracking {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.li {
    transition: all 200ms ease-in;
}

.timestamp_Tracking {
    margin-bottom: 20px;
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 100;
}

.status {
    padding: 0px 20px;
    display: flex;
    justify-content: center;
    border-top: 2px solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
}

    .status h5 {
        font-weight: 600;
    }

    .status:before {
        content: "";
        width: 25px;
        height: 25px;
        background-color: white;
        border-radius: 25px;
        border: 1px solid #ddd;
        position: absolute;
        top: -15px;
        left: 42%;
        transition: all 200ms ease-in;
    }

.li.complete .status {
    border-top: 2px solid #66DC71;
}

.li.completeError .status {
    border-top: 2px solid #ff0000;
}

.li.complete .status:before {
    background-color: #66DC71;
    border: none;
    transition: all 200ms ease-in;
}

.li.completeError .status:before {
    background-color: #ff0000;
    border: none;
    transition: all 200ms ease-in;
}

.li.complete .status h5 {
    color: #66DC71;
}

.li.completeError .status h5 {
    color: #ff0000;
}

@media (min-device-width: 320px) and (max-device-width: 700px) {
    .timeline_Tracking {
        list-style-type: none;
        display: block;
    }

    .li {
        transition: all 200ms ease-in;
        display: flex;
        width: inherit;
    }

    .timestamp_Tracking {
        width: 100px;
    }

    .status:before {
        left: -8%;
        top: 30%;
        transition: all 200ms ease-in;
    }
}

.tablepopup { width: 91% !important; }
a {color: #428bca;}
a:hover {color: #2a6496;}
.body_login {background-color: #fff;}
.box-content-login {background: #f8f8f8;}
.box-icons a {color: #b8b8b8 !important;}
.captcha {color: #003665;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #555;}
#logo {background-image: url(patterns/header-profile.png);}
#login_logo img {max-width: 250px;padding-top: 70px;}
#logo img {padding: 5px 0px 5px 0px;max-width: 100%;max-height: 50px;}
a.show-sidebar:hover {color: #F5F5F5;}
.panel-menu .badge {background: #ff4949;}
.sidebar-left {font-size: 1em;}
.btn{ font-size: 14px !important; font-family: inherit !important;}
.btn-transparent { color: #428bca;}
.btnAyuda {color: #428bca !important;}
.btnEliminar {color: #EF4548 !important;cursor: pointer;}
.btnEditar {color: #3E6899 !important;cursor: pointer;}
.btnOperaciones {color: #379A1C !important;cursor: pointer;}
.dropdown-menu-user {color: #000 !important;}
.box {font-size: 14px !important;}
.box-header_login {background-image: -webkit-linear-gradient(top, #eaeaea, #e0e0e0);background-image: -moz-linear-gradient(top, #eaeaea, #e0e0e0);background-image: -ms-linear-gradient(top, #eaeaea, #e0e0e0);background-image: -o-linear-gradient(top, #eaeaea, #e0e0e0);background-image: linear-gradient(to bottom, #eaeaea, #f3f3f4);border-bottom: 1px solid #ccc;}
.box-header {background-image: -webkit-linear-gradient(top, #eaeaea, #e0e0e0);background-image: -moz-linear-gradient(top, #eaeaea, #e0e0e0);background-image: -ms-linear-gradient(top, #eaeaea, #e0e0e0);background-image: -o-linear-gradient(top, #eaeaea, #e0e0e0);background-image: linear-gradient(to bottom, #eaeaea, #f3f3f4);border-bottom: 1px solid #ccc;}
.navbar {background-color: #2f4050;}
.navbar {background-color: #2f4050;}
#dvContent {background-color: #2f4050;}
.main-menu .dropdown-menu {background-color: #2f4050;}
.main-menu .dropdown > a > i {color: #fff;}
.main-menu .dropdown-menu > li > a > i {color: #fff;}
.main-menu .dropdown-menu > li > a {color: #f0f0f0;}
.btn-transparent:focus-visible {color: #285e8e;outline: none;}
.btnAyuda:focus-visible {color: #285e8e;outline: none;}
.btn-primary {color: #fff;background-color: #428bca;border-color: #357ebd;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {color: #fff;background-color: #3276b1;border-color: #285e8e;}
btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {background-image: none;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {background-color: #428bca;border-color: #357ebd;}
.btn-primary-inverso {color: #fff;background-color: #285e8e;border-color: #3276b1;}
.btn-primary-inverso:hover,
.btn-primary-inverso:focus,
.btn-primary-inverso:active,
.btn-primary-inverso.active,
.open .dropdown-toggle.btn-primary-inverso {color: #fff;background-color: #3276b1;border-color: #285e8e;}
btn-primary:active,
.btn-primary-inverso.active,
.open .dropdown-toggle.btn-primary-inverso {background-image: none;}
.btn-primary-inverso.disabled,
.btn-primary-inverso[disabled],
fieldset[disabled] .btn-primary-inverso,
.btn-primary-inverso.disabled:hover,
.btn-primary-inverso[disabled]:hover,
fieldset[disabled] .btn-primary-inverso:hover,
.btn-primary-inverso.disabled:focus,
.btn-primary-inverso[disabled]:focus,
fieldset[disabled] .btn-primary-inverso:focus,
.btn-primary-inverso.disabled:active,
.btn-primary-inverso[disabled]:active,
fieldset[disabled] .btn-primary-inverso:active,
.btn-primary-inverso.disabled.active,
.btn-primary-inverso[disabled].active,
fieldset[disabled] .btn-primary-inverso.active {background-color: #357ebd;border-color: #428bca;}
.tablaLoading {background-color: Gray;color: #FFF;}
tr.group,tr.group:hover {background-color: #ddd !important; }
td.group {padding: 10px;}
.thGrid {font-size: 13px;background-color: #3E6899 !important;color: #FFFFFF;}
.tdGrid {font-size: 12px;color: #697180;}
.tdGrid:hover {}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: #fff;background-color: #6AA6D6;border-color: #6AA6D6;}
.footer {
font-size: 12px;
background: #eaeaea;
background:none repeat scroll 0 0 white;
background-image: -webkit-linear-gradient(top, #eaeaea, #e0e0e0);
background-image: -moz-linear-gradient(top, #eaeaea, #e0e0e0);
background-image: -ms-linear-gradient(top, #eaeaea, #e0e0e0);
background-image: -o-linear-gradient(top, #eaeaea, #e0e0e0);
background-image: linear-gradient(to bottom, #eaeaea, #e0e0e0);
}
.odd {background-color: #f0f0f0;}
.even {}
.modal-header {font-size: 14px;}
.modal-body {color: #4D6185;}
.form-group {font-size: 14px !important;}
.form-control {color: #555;font-size: 14px !important;}

    /*.select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #250040 !important;
    }*/

    /*.select2-results__option {
        color: #250040 !important;
    }*/
/*.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #ffb300 !important;
    background-color: #250040 !important;
}*/
.form-control:focus {border-color: #428bca !important;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #428bca99;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #428bca99;}
.select2-selection:focus-visible {border-color: #428bca !important;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #428bca99;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #428bca99;}
.selected {background-color: #002B55 !important;color: #fff !important;}
.sortthis {color: black;background-color: #ccc;border: solid 1px #646464;font-size: 13px;}
.dragthis {color: black;background-color: #ccc;border: solid 1px #646464;font-size: 13px;}
#jq-dropdown-operaciones {min-width: 150px;}
/*input[type="checkbox"] {
        height: 14px;
        width: 14px;
        position: relative;
        -webkit-appearance: none;
    }

        input[type="checkbox"]:before {
            content: "";
            display: inline-block;
            position: absolute;
            box-sizing: border-box;
            height: 14px;
            width: 14px;
            border-radius: 2px;
            border: 1px solid #767676;
            background-color: #fff;
        }

        input[type="checkbox"]:hover::before {
            border: 1px solid #4f4f4f;
        }

        input[type="checkbox"]:checked:hover::before {
            filter: brightness(90%);
        }

        input[type="checkbox"]:checked:disabled:hover::before {
            filter: none;
        }

        input[type="checkbox"]:checked:before {
            content: "";
            display: inline-block;
            position: absolute;
            box-sizing: border-box;
            height: 14px;
            width: 14px;
            border-radius: 2px;
            border: 1px solid #ffb300;
            background-color: #ffb300;
        }

        input[type="checkbox"]:checked:after {
            content: "";
            display: inline-block;
            position: absolute;
            top: 5px;
            left: 2px;
            box-sizing: border-box;
            height: 5px;
            width: 10px;
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transform: translateY(-1.5px) rotate(-45deg);
            transform: translateY(-1.5px) rotate(-45deg);
        }

        input[type="checkbox"]:disabled::before {
            border: 1px solid #c9ced1;
            border-radius: 2px;
            background-color: #f0f4f8;
        }

        input[type="checkbox"]:checked:disabled::before {
            border: 1px solid #d1d1d1;
            border-radius: 2px;
            background-color: #d1d1d1;
        }*/