/* --------------------------------------------  */


/* GENERAL styles                                */


/* --------------------------------------------  */

body {
    color: #828282;
    position: absolute !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #828282;
}

p {
    font-weight: lighter!important;
    color: #273D52;
    font-size: 13px;
}

ul>li {
    list-style: none !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select:focus {
    outline: none;
}


/* 
    pagination styles 
*/

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: white !important;
    background-color: red !important;
    border-color: red !important;
}

.pagination>li>a {
    color: black;
}

.pagination li .active {
    color: black !important;
    background-color: white !important;
    border-color: red !important;
}

.pagination>li>a:hover {
    color: black !important;
    background-color: white !important;
    border-color: red !important;
}

.nav.nav-tabs {
    background-color: #757575;
    font-weight: 100!important
}

.nav.nav-tabs>li>a {
    color: white;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: linear-gradient(0.25turn, #00508D, #33276A)!important;
    color: white;
    border: none !important;
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background: linear-gradient(0.25turn, #00508D, #33276A);
    color: white;
}

.nav ul li a:hover,
.nav li a:hover,
.nav>li>a:focus {
    background: none;
    color: #666666;
}

.nav>li>a>img {
    max-width: 15%;
}

.navbar {
    border: 0;
}

.navbar-toggle {
    background-color: #f15a22;
}

.navbar-toggle .icon-bar {
    background-color: white;
}

.row-icons>td>i {
    font-size: 22px;
}

li.active>a img.img-activo {
    display: inline-block;
}

li.active>a i.ti-user {
    color: white !important;
}

li.active>a .img-inactivo,
.img-activo {
    display: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #fff!important;
}

.opacity06 {
    opacity: 0.6!important
}


/* forms */

.validacion {
    font-size: 12px;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
    border-radius: 0;
}

.form-inline {
    margin-top: 15px;
}

.form-control {
    height: 32px;
    font-size: 13px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: 1px solid #ddd!important;
}

select.form-control {
    border: none!important;
    border-color: #828282;
    height: 34px;
    margin-left: 0px;
    background: none;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline: 0;
    outline-color: #828282;
    padding-left: 20px;
}

textarea:hover,
textarea:active,
textarea:focus {
    outline: none;
}

.form-control[multiple] {
    color: #a8a8a8;
    padding: 0;
}

.form-control[multiple] option {
    padding: 3px 5px;
    cursor: pointer;
}

.form-control-md {
    min-width: 300px;
}

.text-warning {
    color: #ffc107!important
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

/* RETURN LINKS */
.orange-link,
.orange-link:hover {
    color: #00508D;
}

.btn-orange-outline {
    color: #f6a200;
    border-color: #f6a200;
}

.btn-orange-outline:hover {
    color: white;
    background: rgb(197, 130, 6);
}

.btn-danger.btn-outline {
    color: #00508D;
	border-color: #00508D !important;
}

.btn-danger.btn-outline:hover {
    color: #fff;
	background-color: #33276A !important;
}
.btn-danger.focus, .btn-danger:focus {
	color: #FFFFFF;
    background-color: #00508D;
}
.btn-sm.btn-default {
    padding: 6px 15px;
    width: 80px;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #33276A !important;
    border-color: #33276A !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #2c3e50;
    background-image: none;
}

select option:hover {
    color: white !important;
}

.table>tbody>tr>td {
    border-top: 0px !important;
}

.table.table-striped {
    min-width: 1080px;
    margin-bottom: 25px!important;
}

.table.table-striped::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
    width: 10px;
}

.table {
    margin-bottom: 0px !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle !important;
}

.table>tbody>tr> :last-child {
    width: 120px;
    padding: 8px 0px;
}

a.btn.btn-default.mini,
button.btn.btn-default.mini {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0 !important;
}

.col-xs-5.col-sm-4.col-md-2.no-padding.buttom-filter {
    text-align: right;
}


/* --------------------------------------------  */


/* ADMIN  styles                                 */


/* --------------------------------------------  */

.body-admin {
    background-color: #f2f2f2;
    height: 100%;
}


/* SLIDE  styles                                */


/* --------------------------------------------  */

.simple-normal.light .side-menu-sec {
    box-shadow: none;
    background-color: #fff!important;
}

.side-menu-sec {
    width: 220px;
    margin-top: 50px !important;
    overflow: auto;
}

.side-menu-sec::-webkit-scrollbar {
    /* This is the magic bit */
    display: none;
}


/* --------------------------------------------  */


/* ADMIN nav styles                              */


/* --------------------------------------------  */

.myside-menus {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}

.myside-menus>span {
    float: left;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 0 27px;
    width: 100%;
}

.myside-menus nav {
    float: left;
    width: 100%;
}

.myside-menus nav ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.myside-menus nav ul>li {
    float: left;
    position: relative;
    width: 100%;
}

.myside-menus nav ul>li>a {
    color: #5f5f5f;
    float: left;
    font-size: 14px;
    padding: 8px 30px;
    width: 100%;
}

.myside-menus nav ul>li>a>span {
    width: 100%;
}

.myside-menus nav ul>li>a>img {
    width: 25px;
    height: 25px;
    margin-bottom: 3px;
}

.myside-menus nav ul>li.menu-item-has-children>ul {
    display: none;
    float: left;
    margin: 0;
    padding: 13px 0;
    width: 100%;
}

.myside-menus nav ul>li.menu-item-has-children>ul>li {
    float: left;
    width: 100%;
}

.myside-menus nav ul>li.menu-item-has-children>ul>li>a {
    color: #5f5f5f;
    font-size: 12px;
    padding: 10px 59px;
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    line-height: initial !important;
}

.myside-menus nav ul>li.menu-item-has-children>ul>li>a::before {
    background: transparent;
    padding: 0;
    border: none;
}

.myside-menus nav ul>li.menu-item-has-children>ul>li>a:hover {
    color: #33276A;
    transition: 0.3s;
}

.myside-menus nav ul>li.menu-item-has-children>ul>li:hover {
    transition: 0.3s;
}

.myside-menus nav ul>li.menu-item-has-children.active>a {
    padding: 8px 30px;
    color: white;
    margin: 0;
    background: linear-gradient(0.25turn, #00508D, #33276A);
}

.navbar-collapse,
nav .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.simple-normal.light .myside-menus nav ul>li.menu-item-has-children>ul {
    padding: 0;
    background: none;
}

.myside-menus>span.footer-line {
    bottom: 80px;
    position: absolute;
    left: 0;
    border-bottom: 2px solid #00508D;
    padding: 0;
    padding-bottom: 10px;
    margin: 0 20px;
    width: calc( 100% - 40px)
}

.myside-menus>span.footer-line a {
    color: #dfdfdf;
}

.myside-menu-sec.slide-out {
    left: -266px;
}

.main-title-sec .row .col-md-12.column {
    padding-left: 6px !important;
}

.heading-profile {
    padding-left: 26px;
}

.heading-profile h5 {
    text-transform: inherit;
    text-align: left;
}

.main-content {
    transition: 0;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    padding: 40px 40px 40px 280px;
}

.panel-content {
    margin-top: 30px!important
}

.content-slide-panel {
    margin: 10px;
    padding: 10px;
}


/* HEADER  styles                                */


/* --------------------------------------------  */

.admin_header .top-bar {
    background-color: #fff !important;
    border-bottom: 1px solid #33276A;
    width: 100% !important;
    height: 50px !important;
    display: flex;
    justify-content: space-between;
}

.admin_header .myheader-logo {
    /*width: 100%;*/
    height: 50px;
    border-bottom: 1px solid #33276A;
    /*border-bottom: 1px solid #ddd;*/
    /*border-right: 1px solid #ddd;*/
}

.admin_header .myheader-logo a img {
    margin-top: 10px;
    margin-right: 10px;
    width: 150px;
    padding-left: 25px;
}

.admin_header .myoptions .simple-normal.light .open-panel,
.simple-normal.light .full-screen-btn {
    margin: 10px 0;
    background: none;
}

.admin_header .myoptions .full-screen-btn>i {
    font-size: 28px;
}

.admin_header .myoptions .name-area>a strong {
    margin: 15px 0;
    font-size: 14px;
    color: #999;
}

.admin_header .myoptions .name-area>a>img {
    width: 30px;
    margin: 7px 10px;
}

.admin_header .name_user {
    color: #999 !important;
    font-weight: lighter;
}

.admin_header .name-area {
    border-color: #ddd!important;
    height: 100%
}


/* --------------------------------------------  */


/* Alerts styles                                 */


/* --------------------------------------------  */

.ng-confirm.ng-confirm-supervan.ng-confirm-type-dark .ng-confirm-bg {
    background: rgba(255, 255, 255, 0.8)!important;
}

.ng-confirm.ng-confirm-supervan .ng-confirm-box *:not(input):not(textarea):not(select):not(option) {
    color: #273D52!important;
    font-weight: lighter!important;
}

.ng-confirm.ng-confirm-supervan .ng-confirm-box .ng-confirm-buttons button.btn-default {
    background-color: #33276A!important;
    border-color: #33276A!important;
    min-width: 255px;
    padding: 6px;
    border-radius: 5px;
}

.ng-confirm.ng-confirm-supervan .ng-confirm-box .ng-confirm-buttons button.btn-default *:not(input):not(textarea):not(select):not(option) {
    color: white!important;
    font-size: 13px;
    font-weight: lighter;
}

.ng-confirm .ng-confirm-box div.ng-confirm-title-c .ng-confirm-title {
    font-size: 22px!important;
}


/* --------------------------------------------  */


/* LOGIN.html                                    */


/* --------------------------------------------  */

.panel-login {
    margin-top: 8%;
}

.logo-login {
    border-bottom: 1px solid #bdc3c7;
    width: 80%;
    margin-left: 10%;
}

.logo-login img {
    width: 60%;
    height: 70%;
    margin-bottom: 30px;
}

.texto-login {
    margin-top: 15px;
    font-weight: bold;
}

.texto-login .remake {
    color: #33276A;
    font-weight: normal;
}

.login-form {}

.login-form .form-group {
    margin-bottom: 25px;
}

.login-form button {
    background-color: #00508D;
    border-color: #00508D;
    transition: 0.2s;
    font-weight: lighter;
}

.login-form button:hover,
.login-form button:active,
.login-form button:focus {
    background-color: #fff;
    color: #00508D;
    border-color: #00508D;
}

.login-parrafo {
    width: 100%;
    margin-top: 20px;
}


/* --------------------------------------------  */


/* configuracion/uterrestre.html                                    */


/* --------------------------------------------  */

.page_configTerrestre p {
    margin-bottom: 5px;
}

.myoptions {
    height: 50px !important;
}

.main-content-area {
    margin-top: -20px !important;
}

.mylist {
    display: block !important;
}

.mylist>li:hover {
    background-color: #bdc3c7;
}

.active-item {
    color: #33276A !important;
}

.dropdown-menu2 {
    position: absolute;
    top: 100%;
    right: 75px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.open>.dropdown-menu2 {
    display: block;
}

.dropdown-menu2 .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #bdc3c7;
}

.dropdown-menu2>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu2>li>a:active {
    color: #d9534f;
}

.text-error {
    color: red;
    font-size: small;
}

.progress {
    height: 5px !important;
    width: 40% !important;
}

.password-verdict {
    font-size: 10px !important;
}

.myspinner {
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    height: 100%;
    width: 100%;
    ;
    text-align: center;
    padding: 25% 0;
    z-index: 999;
    color: rgba(0, 0, 0, 0.6);
}

.myspinner i {
    color: #33276A !important;
    font-size: 24px!important;
}

.myspinner p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 22px;
    font-weight: lighter;
}

.myspinner .text-center legend {
    border-bottom: none !important;
}

.custombutton {
    margin-bottom: 2px;
}

.sample-show-hide {
    transition: all linear 0.25s;
}

.sample-show-hide.ng-hide {
    opacity: 0;
}

.table>tbody>tr>td.mytd {
    padding: 0px !important;
    line-height: 1.42857143 !important;
    vertical-align: top !important;
    border-top: none !important;
}

.table {
    min-width: 100%;
}

.myinline-form {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    float: left;
    margin-top: 20px;
    position: relative;
    width: 100%;
}

.myinline-form>label {
    background: none repeat scroll 0 0 #fff;
    color: #9a9a9a;
    font-family: Roboto;
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0.3px;
    padding: 1px 10px;
    position: absolute;
    left: 0px;
    text-transform: uppercase;
    top: -8px;
    z-index: 999;
}

.myinline-form>input,
.myinline-form>select,
.myinline-form>textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    color: #000000;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    height: 23px;
    letter-spacing: 0.3px;
    margin-bottom: 3px;
    margin-top: 8px;
    padding: 0 1rem;
    width: 100%;
}

.myinline-form>input:focus {
    outline: none !important;
    border: none !important;
}

.myinline-form:focus-within {
    border: 1px solid #33276A !important;
}

.myinline-form>select:focus {
    outline: none !important;
    border: none !important;
}

input[ng-model="busqueda"] {
    margin-left: 0 !important;
}

ul.orderable {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 275px;
    width: 100%;
    overflow: auto;
    border: 1px #ddd solid;
}

ul.orderable>li {
    user-select: none;
    transition: .3s;
}

ul.orderable>li>label:active {
    cursor: grabbing;
}

ul.orderable>li>label {
    font-weight: normal;
    display: block;
    padding-left: 5px;
    white-space: pre;
    min-height: 1.2em;
    font-size: 12px;
    margin: 0;
    cursor: grab;
}

ul.orderable>li:hover {
    background: #bdc3c7 !important;
    /* for IE */
    color: #fff!important;
}

ul.orderable input[type=checkbox] {
    display: none
}

ul.orderable label.checked {
    color: white;
    background-color: #bdc3c7 !important;
}


/* Select */

.bootstrap-select,
.bootstrap-select:hover,
.bootstrap-select:focus,
.bootstrap-select button.btn.dropdown-toggle.btn-default {
    border: none !important;
    background: transparent !important;
    border-radius: unset !important;
}

.bootstrap-select button.btn.dropdown-toggle.btn-default:focus {
    outline: none !important;
    box-shadow: unset !important;
}

.bootstrap-select .dropdown-menu>li>a:focus,
.bootstrap-select .dropdown-menu>li>a:hover,
.bootstrap-select .dropdown-menu>.active>a,
.bootstrap-select .dropdown-menu>.active>a:focus,
.bootstrap-select .dropdown-menu>.active>a:hover {
    text-decoration: none;
    background-color: #f15a22 !important;
    color: white !important;
}


/* --------------------------------------------  */


/* ROLES/directorio.html  styles                 */


/* --------------------------------------------  */

.roles .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: none!important;
}

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

.roles .scroll-fixed {
    max-height: 500px;
    overflow-x: auto;
}

.roles td,
.roles th {
    width: 20%!important;
}

.roles td:nth-of-type(1),
.roles th:nth-of-type(1) {
    width: 40%!important;
}


/* ------------------------------ */


/* Evios/ seguimiento style table */


/* ------------------------------ */

.table-envios {
    border-collapse: separate;
    border-spacing: 0px 5px;
}


/*.table-envios>tbody> tr {
    color: #F2F2F2 !important;
}*/

.table-envios>tbody>tr>td {
    border-left: 2px solid white;
    background-color: #F2F2F2;
}

.success-envios {
    border-left: 7px solid #9cc439 !important;
}

.warning-envios {
    border-left: 7px solid #f6a200 !important;
}

.error-envios {
    border-left: 7px solid #fa4345 !important;
}

.first-cell-envios {
    border-left: none !important;
    background-color: white !important;
}


/* ------------------------------ */


/* END Evios/ seguimiento style table */


/* ------------------------------ */


/*general STYLE*/

.margin-23-px {
    margin-top: 23px;
}

.text-white {
    color: #fff!important;
}

.text-danger {
    color: #33276A!important;
	font-weight: bolder;
}

.text-light {
    font-weight: 100!important;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.btn-addnew {
    background: #e3e3e3;
    padding: 7px 0;
    cursor: pointer;
}

.btn-addnew:hover {
    background: #5d5d5d;
    color: #f2f2f2;
    transition: 0.6s;
}

.mycheck {
    margin: 6px 10px;
    margin-top: 10px !important;
    padding-left: 10px;
    font-size: 13px;
}


/* form .row > div   { 
    padding-left:5px!important; 
    padding-right:5px!important;
} */


/*Nuevo transportista STYLE */

.layout-content .tab-content {
    padding: 0px;
    border: none !important;
}

.layout-content .padding-tab {
    padding: 20px 25px 20px 25px;
    border: 1px solid #e1e1e1;
}

.layout-content input[type=radio] {
    margin-right: 5px;
}


/** Scroll lists */

.scroll-to {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 43%;
    display: flex;
    justify-content: center;
    bottom: 0;
    font-size: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 4px;
}

.ui-select-nd .btn-default-focus,
.ui-select-nd span.btn.btn-default.form-control.ui-select-toggle,
.ui-select-nd span.btn.btn-default.form-control.ui-select-toggle:hover,
.ui-select-nd span.btn.btn-default.form-control.ui-select-toggle:active,
.ui-select-nd span.btn.btn-default.form-control.ui-select-toggle:focus,
.ui-select-nd input,
.ui-select-nd input::placeholder {
    border: none !important;
    margin: 0;
    color: #6b6b6b !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    border-color: #ed3436 !important;
    outline: none !important;
    margin-bottom: 0.5px;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    background-color: #ec2e37;
}

.ui-select-bootstrap>.ui-select-choices,
.ui-select-bootstrap>.ui-select-no-choice {
    z-index: 10000000000;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    white-space: normal;
}

.pt-2 {
    padding-top: 15px !important;
}

.width-100 .form-group.no-margin-botton {
    width: 100% !important;
}

input.margin-botton-10,
.width-50 {
    width: 50% !important;
}

form .row>div.d-flex-docs {
    padding-left: 10px !important;
}

.d-flex-docs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.display-flex {
    display: flex;
    flex-direction: row;
}

.d-flex-docs:after {
    display: none;
}

.label-docs {
    width: 12%;
}

.input-docs {
    width: 88%;
}

.btn-ver {
    margin-right: 23px;
}

.doc-empresa {
    padding: 15px 40px;
}

[pr-1] {
    padding-right: 10px;
}

[mt-1] {
    margin-top: 10px;
}


/* ------------------------------ */


/*guias estilo                    */


/* ------------------------------ */

.ng-confirm-timer {
    display: none;
}


/* ------------------------------ */


/*guias estilo                    */


/* ------------------------------ */


/* ---- Destino Carga / Serivicio [Type] ---- */

.nd-servicio {}

.nd-servicio .c-label {
    padding-left: 3px;
    font-size: 7px;
    top: -5px;
}

.nd-servicio select {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

.nd-servicio .padding-services {
    padding-left: 5px;
    padding-right: 5px;
}


/* ------------------------------ */


/* FIN guias estilo                    */


/* ------------------------------ */


/* ------------------------------ */


/* BOOTSTRAP style  */


/* ------------------------------ */

.w-50 {
    width: 50%!important;
}

.w-100 {
    width: 100%!important;
}

.border-none {
    border: none!important;
}

.no-padding {
    padding: 0!important;
}

.no-border {
    border: none!important
}

._hr {
    clear: both;
    width: 100%;
    height: 25px;
    background: #f2f2f2
}

.padding-left-0 {
    padding-left: 0!important;
}

.padding-right-0 {
    padding-right: 0!important;
}

.pading-lr-10 {
    padding-right: 10px!important;
    padding-left: 10px!important;
}

.pading-lr-5 {
    padding-right: 5px!important;
    padding-left: 5px!important;
}

.margin-tb-5 {
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}

.row.row-esp>div {
    margin: 0 5px;
}


/* ------------------------------ */


/* END BOOTSTRAP style  */


/* ------------------------------ */


/* style TYPHEAD UI ANGULAR */

[uib-typeahead-popup].dropdown-menu {
    z-index: 100000;
}


/* STYLE pickadate */

.picker--opened .picker__holder {
    min-width: 280px!important;
}


/* Icons directorio */

span.content-icons {
    white-space: nowrap;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

span.content-icons img,
span.content-icons i {
    margin-right: 8px;
    font-size: 20px;
    color: red;
}

.fa-success-docs {
    color: #9cc439 !important;
}

.fa-warning-docs {
    color: #f6a200 !important;
}

.fa-error-docs {
    color: red !important;
}


/*estibable checks*/

.estibable-check {
    height: 4.5rem;
    padding: 0.2rem;
}

/* ml 0 */
.ml-0{
    margin-left: 0 !important;
}

/* facturas estilo                    */
.disable-td {
  color: #C0C0C0;
}

.enable-td {
  color: #828282;
}