.page-header-title {
      display: inline-block;
      float: left;
      font-family: "SegoeUI-SemiLight-final","Segoe UI SemiLight","Segoe UI WPC Semilight","Segoe UI",Segoe,Tahoma,Helvetica,Arial,sans-serif;
      font-size: 22px;
     -webkit-font-smoothing: antialiased;
     color: whitesmoke;
     margin-top: 7px;
}

 .servicesOk {
      background-image: url('/app/assets/layout/img/ServicesOK.png');
      background-size:cover;
      width: 100%;
      height: 210px;
 }

 
 .monitorTitleOk {
     background-color: #169201;
     color: white;
     display: inline-block;
     float: left;
     font-family: "SegoeUI-SemiLight-final","Segoe UI SemiLight","Segoe UI WPC Semilight","Segoe UI",Segoe,Tahoma,Helvetica,Arial,sans-serif;
     font-size: 26px;
     -webkit-font-smoothing: antialiased;
     padding: 4px 15px 6px 15px;
     border-radius: 3px;
 }

 .tranquilityCounter {
     background-color:#1984c8;
     color: white;
     float: left;
     padding: 4px 15px 6px 15px;
     font-family: "SegoeUI-SemiLight-final","Segoe UI SemiLight","Segoe UI WPC Semilight","Segoe UI",Segoe,Tahoma,Helvetica,Arial,sans-serif;
     font-size: 18px;
     margin-top: 30px;
     margin-left: 60px;
     -webkit-border-radius: 8px !important;
     -moz-border-radius: 25px;
     -webkit-font-smoothing: antialiased;
 }

 .tranquilityCounter span {
     font-size: 1.2em;
     font-weight: bold;
 }
 .serviceActions { padding: 0px;}

 .currentProcessInfo { max-height: 300px;min-height: 200px;padding: 8px;}
 .logDatetime {font-size: 0.8em;color: gray;padding: 0;}
 .logMessage { padding: 0; padding-left: 20px;}

 i.medium-icon { font-size:1.5em; margin-top:14px;}

 .md-button i:hover{ color:#515967;font-weight: bolder;}
 
 .serviceActions i:hover { color: #000000; background-color: #5ba7e9;}
 .console-statistics{ padding: 10px;font-size: 1.1em;}
 .itemStats{ margin-right: 20px;font-size: 1.1em;}
 .itemStatsCounter {font-size: 1.3em;}

  /*.slimScrollDiv{
      background-color:#5d98cb !important;
  }*/
  body{
      background-color:#fff !important;
  }
  /*.page-content-wrapper .page-content{
      padding:0 !important;
  }*/

  .div_Matri {
        background-image: url('/Images/matricula.png');
        background-size:cover;
        width: 100%;
        height: 44px;
        padding-left:22px;
        padding-top:6px;
        display:inline-block;
    }
    .div_Matri input{
        border:none;
        background-color:transparent;
        height:30px;
        width:100%;
        font-size:18px;
        padding-left:20px;
        font-weight:bold;
    }
    .div_Basti {
        background-image: url('/Images/bastidor-sm.png');
        width: 200px;
        height: 40px;
        padding-left:25px;
        padding-top:5px;
        display:inline-block;
    }
    .div_Basti input{
        border:none;
        background-color:transparent;
        height:30px;
        width:173px;
        font-size:16px;
        font-weight:bold;
    }

    .page-quick-sidebar-open .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i:before {
        content: "\e092";
    }


/*Busqueda avanzada*/

.SearchListBox {
    width: 280px;
    border-bottom: 1px solid #eeeeee;
}

.AppendSearchListBox {
    width: 280px;
    border-bottom: 1px solid #eeeeee;
}

.ulFiltros {
    margin-top: -12px;
    padding-bottom: 6px;
}

    .ulFiltros li {
        cursor: pointer;
        font-size: 16px;
        padding-bottom: 2px;
        padding-top: 2px;
    }

.filterArrow {
    margin-left: 6px;
}

.filtrosIcons {
    color: #fff;
    float: right;
    cursor: pointer;
    font-size: 16px;
    margin-top: 2px;
}

.filtrosIconsInfo {
    color: #7dc1f3;
    cursor: help;
    margin-left: 6px;
    font-size: 16px;
}

.filtrosIconsExcel {
    color: #5cb85c;
    cursor: help;
    margin-left: 6px;
    font-size: 16px;
}

.filtroIn {
    display: block;
}

/*.filtroOut {
        display: none;
    }*/

.label {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    padding: 0 6px;
    display: inline-block;
    font-weight: 600;
}

    .label.label-info {
        background: #5bc0de;
    }
    
.input-search {
  height: 34px;
  padding: 5px 8px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
/*Fin busqueda avanzada*/


/*GRID MAQUETACION*/
    .k-grid-content{
        background-color:rgba(255, 255, 255, 0.06) !important;
        overflow-y:hidden !important;
    }
    .k-grid-content td{
        text-align:center !important;
    }
    .k-grid-content-locked td{
        text-align:center !important;
        cursor:pointer !important;
    }
    .k-grid-header .k-header{
        text-align:center !important;
        font-weight:bold !important;
    }

    th[data-title="Vehiculo"]{
        font-size:16px !important;
        background-color:#ed5a2f !important;
        color:#fff !important;
    }
    th[data-title="Seguimiento"]{
        font-size:16px !important;
        background-color:#9f3e69!important;
        color:#fff !important;
    }
    th[data-title="ITV"]{
        font-size:16px !important;
        background-color:#217346 !important;
        color:#fff !important;
    }
    th[data-title="RD"]{
        font-size:16px !important;
        background-color:#d9534f !important;
        color:#fff !important;
    }
    th[data-title="Impuestos"]{
        font-size:16px !important;
        background-color:#ed9c28 !important;
        color:#fff !important;
    }
    th[data-title="Accesorios"]{
        font-size:16px !important;
        background-color:#56c5ff !important;
        color:#fff !important;
    }
    th[data-title="Resumen Seg."]{
        font-size:16px !important;
        background-color:#1abc9c !important;
        color:#fff !important;
    }
    th[data-title="Datos del tramite"]{
        font-size:16px !important;
        background-color:#0072c6 !important;
        color:#fff !important;
    }

    .k-grid.k-widget.k-reorderable{
        background-color:rgba(255, 255, 255, 0.06) !important;
    }
    .k-grouping-header{
        background-color:rgba(255, 255, 255, 0.06) !important;
    }
    .k-grid-header{
        /*background-color:rgba(255, 255, 255, 0.06) !important;*/
        padding-right:17px !important;
    }
     /*MODIFICADO PORQUE TODOS LOS WIDGETS DE KENDO TENIAN EL BACKGROUND TRANSPARENTE*/
    /*.k-block, .k-grid.k-widget{
        background:none !important;
    }*/
    

    /*.k-grid.k-widget {
        background: none !important;
    }*/
    
    .k-grouping-header{
        padding: 2px 10px 2px 20px;
    }
    .k-grid .k-alt {
        background-color: rgba(234, 234, 234, 0.55); /* specify the alternate background-color */
    }

.circle {
    max-width: 100px;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px !important;
    border: 2px solid #eee;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    margin-top: 0px;
    margin-bottom: -2px;
    margin-left: -131px;
}

.k-grid-content{
    overflow-y:scroll !important;
    /*overflow-x:hidden;*/
}

div#grid{
    background:none !important;
    /*background-image: url('/App/assets/layout/img/LogoMercedes.png') !important;*/
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: 90% 70% !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-content-wrapper .page-content{
    min-height:initial !important;
}

span.k-icon.k-i-arrow-w,
span.k-icon.k-i-seek-w,
span.k-icon.k-i-arrow-e,
span.k-icon.k-i-seek-e {
    padding-bottom: 2px;
}


/*END GRID MAQUETACION*/

.page-quick-sidebar-wrapper{
    width:300px !important;
}

/*BEGIN SIDEBAR STYLES*/

.page-quick-sidebar-wrapper {
  right: -380px;
  width: 380px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -380px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 380px;
  margin-left: -380px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 380px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -380px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 380px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 380px !important;
  margin-left: 380px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -380px;
}

/*END SIDEBAR STYLES*/

.fill-parent {
    width: 100%;
    height: 100%;
}

.filter-list-text-box {
    margin-top: 5px;
}
.filter-list-text-box  button {
    width: 30px;
    height: 30px;
    padding-bottom: 5px
}

.filter-list-text-box span.input-group-btn {
    left: -1px;
}

.advanced-search.portlet {
    margin-bottom: 0;
}

.advanced-search.portlet .portlet-title {
    margin-bottom: 0;
}
.advanced-search.portlet .portlet-body.form {
    overflow-y: auto;
}

.advanced-search.portlet .portlet-body .form-body,
.advanced-search.portlet .portlet
{
    padding-top: 20px;
}

.text-listbox {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: 5px;
}

.calendars-row {
    margin-top: 3px !important;
}

.combo-listbox {
    margin-top: 5px;
}


.greenSI {
    color: #7fbd05;
}
.redNO {
    color: #eb0001;
}

.front ul.inline.divided li {
    padding-top: 4px;
}

.front ul.inline.divided li div {
    font-size: 11px;
    color: #fff;
}

div.panel-footer.white-bg {
    padding-left: 5px;
}

/*START TIMELINE*/

.page-headertimeline {
  padding-bottom: 9px;
  margin: 30px 0 11px;
  border-bottom: 3px solid #e0dfdf;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
 
}

.timeline > li {
  margin-bottom: 39px;
  position: relative;
  min-width:60px;
  margin-top:-60px;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline-badge {
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 1.3em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline-days {
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 0.8em;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 50%;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50% !important;
  border-top-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
  margin-left:45%;
  margin-top:10%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}
.timeline-days.primary {
    background-color: #2e6da4 !important;
}

.timeline-days.success {
    background-color: #77be77 !important;
}

.timeline-days.warning {
    background-color: #f0ad4e !important;
}

.timeline-days.danger {
    background-color: #d9534f !important;
}

.timeline-days.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }
  

  
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}

.timeline-date-veh{font-size:12px;color:#0072c6;text-align:center; height:35px;}
.timeline-date-veh-sm{
    margin-top:5px;
    margin-left:-17px;
    font-size:12px;
    color:#0072c6;
}

.timeline-icons {
    font-size:20px;
}

.timeline-icons-sm {
    font-size:16px;
}


/*END TIMELINE*/

/*BEGIN CUSTOM TABLE STYLE*/

.ekd-table-scroll{
    width: 100%;
}

.ekd-table-scroll thead, 
.ekd-table-scroll tbody,
.ekd-table-scroll tr,
.ekd-table-scroll td,
.ekd-table-scroll th {
    display:block;
}

.ekd-table-scroll tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.ekd-table-scroll thead th {
    height: 30px;

    /*text-align: left;*/
}

.ekd-table-scroll tbody {
    height: 147px;
    overflow-y: auto;
}

.ekd-table-scroll thead {
    /* fallback */
}


.ekd-table-scroll tbody td, 
.ekd-table-scroll thead th {
    width: 33.33%;
    float: left;
}

/*END CUSTOM TABLE STYLE*/

.fR{
    float:right;
}



.cursor-hover-pointer{
    cursor:pointer;
}

.gestion-withdraw{
    background-color:#5ba7a9;
    width: 7px;
    height: 32px;
    margin: -8px 5px -12px -8px;
    display:inline-block;
}
.gestion-transfer{
    background-color:#5ba7e9;
    width: 7px;
    height: 32px;
    margin: -8px 5px -12px -8px;
    display:inline-block;
}
.gestion-trafficticket{
    background-color:#4E1364;
    width: 7px;
    height: 32px;
    margin: -8px 5px -12px -8px;
    display:inline-block;
}
.gestion-matriculation{
    background-color:#2e9352;
    width: 7px;
    height: 32px;
    margin: -8px 5px -12px -8px;
    display:inline-block;
}
.gestion-notification{
    background-color:#5a2e93;
    width: 7px;
    height: 32px;
    margin: -8px 5px -12px -8px;
    display:inline-block;
}

.gestion-selected{
    background-color:#428bca !important;
    color:#fff;
}

.table-hover-blue tbody tr:hover td, .table-hover-blue tbody tr:hover th {
  background-color: #2d5f8b;
  color:#fff;
}

.filter-viewer {
    max-width: 500px;
    width: 300px;
}

.well-sm{
    padding:1px !important;
}

/*BEGIN EFECTO SOBRA CAJA*/

.bottom-shadow-box
{
  	position:relative;       
    /*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.bottom-shadow-box:before, .bottom-shadow-box:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 7px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 7px rgba(0,0,0,0.8);
    box-shadow:0 0 7px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.bottom-shadow-box-2
{
  position: relative;
}
.bottom-shadow-box-2:before, .bottom-shadow-box-2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.bottom-shadow-box-2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*END EFECTO SOBRA CAJA*/


.tile-object > .name{
    font-size:11px !important;
}

.center-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ng-animate-bounce-in-left.ng-hide-remove {
    animation: 1s bounceInLeft ease;
    -webkit-animation: 1s bounceInLeft ease;
}
.ng-animate-bounce-in-right.ng-hide-remove {
    animation: 1s bounceInRight ease;
    -webkit-animation: 1s bounceInRight ease;
}

.ng-animate-bounce-in.ng-enter {
    animation: 1s bounceIn ease;
    -webkit-animation: 1s bounceIn ease;
}

#change-password .ng-animate-fade-in.ng-enter
{
    animation: 1s fadeIn ease;
    -webkit-animation: 1s fadeIn ease;
}

#change-password .ng-animate-fade-in.ng-leave
 {
    animation: 1s fadeOut ease;
    -webkit-animation: 1s fadeOut ease;
}

#change-password .validation-messages.ng-active
{
    animation: 1s fadeIn ease;
    -webkit-animation: 1s fadeIn ease;
}

/*#change-password .validation-message.ng-leave
{
  animation: 1s fadeOut ease;
  -webkit-animation: 1s fadeOut ease;
}
*/
.fade-in-up.ng-leave-active {
    display: none;
}

#change-password .alert {
    margin-bottom: 5px;
}

.expedients-slide {
    background-color: #3c7fb9 !important;
}
.expedients-slide .statistics-bar {
    background-color: #1A7BB3 !important;
}

.fines-slide {background-color: #582673  !important;}
.fines-slide .statistics-bar {background-color: #FFF !important; padding:5px 8px 5px 8px;color:#582673;}
.fine_ba{cursor:pointer;font-size:10px;color:#fff}
.charms-header {margin:10px 0 0 10px;font-size:20px; color:#FFF;}
.fine_campos{padding: 5px 3px 5px 10px; color: #fff;border-top-left-radius:6px;border-top-right-radius:6px; margin-top:15px}
.fine_campos span{margin-left: 2px; font-size: 18px;}
.div_expi{width: 100%;}
.div_expi input{color:#000000; height: 35px; font-size: 18px; font-weight: bold; width: 100%;padding: 6px 12px;background-color: #fff;
                background-image: none;border: 1px solid #ccc;border-radius: 4px !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            }

.incidents-slide {
    background-color: #26A69A !important;
}

.incidents-slide .statistics-bar {
    background-color: #1BA39C !important;;
}

.tiles .tile {
    height:100px !important;
}
.tiles .tile .tile-body > i {
    margin-top:0 !important;
}

.messages-portlet {
    margin-bottom: 0;
}

.messages-portlet .k-grid .k-alt {
  background-color: transparent;
}

.messages-portlet .k-grid .k-alt.k-state-selected {
    background-color: #1984c8;
}

.messages-portlet .k-grid td {
    border-left: 0;
    border-bottom-width: 1px;
}

.messages-portlet .k-grid-toolbar {
    height: 28px;
}

.edit-modal {
    top: 5px;
}

.edit-message-modal .modal-body {
    width: 500px;
    height: 500px;
}

.k-grid .k-alt.k-state-selected {
    background-color: #1984c8;
}

.expedients .k-grid tbody .k-button {
    min-width: 16px;
}

.expedients .k-grid td {
    text-overflow: clip;
}

.expedients .k-grid span.selection-count {
    float: left;
    margin-top: 8px;
    margin-left: 8px;
}

.solve-unsolve a {
    font-size: 20px; line-height: 20px;
}

.solve-unsolve a:first-of-type {
    border-right: 1px solid;
    padding-right: 12px;
}

.solve-unsolve a:last-of-type {
    padding-left: 12px;
}

.solve-unsolve i {
    font-size: 20px;
    position: relative;
    top: 3px
}

.new-incident-modal {
  top: 50px;
}

.new-incident-modal .modal-body {
  //width: 500px;
  //height: 500px;
}

.messages-grid .k-grid tbody .k-button {
  min-width: 16px;
}

.messages-grid .k-grid td {
  text-overflow: clip;
}

.messages-grid .k-grid td.left-aligned {
    text-align: left !important;
    padding-left: 15px;
}

.messages-grid .k-header.k-grid-toolbar a.k-button.ng-hide-remove
{
  animation: .4s fadeIn ease;
  -webkit-animation: .4s fadeIn ease;
}

.messages-grid .k-header.k-grid-toolbar a.k-button.ng-hide-add
{
  animation: .4s fadeOut ease;
  -webkit-animation: .4s fadeOut ease;
}

.inbox .inbox-nav li.command {
    padding-bottom: 15px;
}

.inbox .inbox-nav li.command a {
    height: 37px;
    padding-top: 5px;
}

.inbox .inbox-nav li a {
    color: #515967;
    background-color: #f3f3f4;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%) !important;
    background-position: 50% 50%;
    background-clip: border-box;
    border: 1px solid rgb(219, 219, 222);
}

.inbox .inbox-nav li.active a {
    border: none;
    background-color: #1984c8 !important;
    color: #fff;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%) !important;
}

.inbox .inbox-nav li.active a:hover {
  border: none;
  background-color: #1984c8 !important;
  color: #fff;
  background-image: none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%) !important;
}

.inbox .inbox-nav li a:hover {
    border: 1px solid rgb(182, 189, 202);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 100%) !important;
}

.inbox .inbox-nav li.active b {
    border-left-color: #1984c8;
}

table.expedients-table th,
table.expedients-table td
{
    width: 25%;

}

.toast-mail {
  background-color: #2f96b4;
}

#toast-container > .toast:before {
  position: fixed;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 18px;
  float: left;
  color: #FFF;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em;
}

  #toast-container > .toast-mail:before {
  content: "\f003";
}
  /*sd-input*/
.sd-input {
    color: black;
    font-weight: bold !important;
    padding: 6px 8px;
}
.sd-input:hover {
    border-radius: 11px 11px 11px 11px !important;
    -moz-border-radius: 11px 11px 11px 11px !important;
    -webkit-border-radius: 11px 11px 11px 11px !important;
    border: 1px solid #e0dedf;
    background-color: #f4f1f2;
    transition: background-color 2s;
    font-weight: bold !important;
    padding: 6px 8px;                  
}

/* Menu superior multas */

.pasosPedido {
        position:relative;
        list-style: none;
        padding: 0px;
        margin: 0px;        
        /*border-bottom: 1px solid #428BCA;*/
        margin-top:20px;
        height:33px;
        background-color:white;
    }
    .pasosPedido li {
        float: left;
        font-size: 13px;
        padding: 4px 0px 5px 24px;
        width:15%;
        cursor:pointer;
        background-size:100%;
        
    }  
    .pasosPedido li a{
        color:white;
        height:100%;
        width:100%;
        word-wrap:normal;
    } 
    .pasosPedido li.arrow_box {
        background: none repeat scroll #c0c0c0;
        position: relative;
    }    
    .pasosPedido .arrow_box:after, .pasosPedido .arrow_box:before {
        left: 100%; 
		top: 50%; 
		border: solid transparent; 
		content: " "; 
		height: 0; 
		width: 0; 
		position: absolute; 
		pointer-events: none; 
    }
    .pasosPedido .arrow_box:after {
        border-color: rgba(232, 238, 238, 0); 
		border-left-color: #c0c0c0; 
		border-width: 14px; 
		margin-top: -14px; 	
    }
    .pasosPedido li.activoPreview{background-color: #5AB2FF !important;transition:none !important;}
    .pasosPedido li.activoPreview a{color:#FFF !important;}
    .pasosPedido li.activoPreview:after {border-color: rgba(232, 238, 238, 0) rgba(232, 238, 238, 0) rgba(232, 238, 238, 0) #5AB2FF ;transition:none !important;}    

    
    .pasosPedido li.activo {background-color: #428BCA !important;transition:none !important;}
    .pasosPedido li.activo a{color:white;}
    .pasosPedido li.activo:after {border-color: rgba(232, 238, 238, 0) rgba(232, 238, 238, 0) rgba(232, 238, 238, 0) #428BCA;transition:none !important;}
  


    .pasosPedido .opc{width:17% !important;}
    .pasosPedido .op1 {z-index: 7;}
    .pasosPedido .op2 {z-index: 6;}
    .pasosPedido .op3 {z-index: 5;}
    .pasosPedido .op4, .pasosPedido .op5  {z-index: 4;}
    .pasosPedido .op6,.pasosPedido .op7  {z-index: 3;}       

    .imagenFlecha{
        position:absolute;
        background:url(/App/assets/layout/img/whiteArrow.png) center no-repeat;
        background-size:100%;
        left:99%;
        top:-11px;
        width:27px;
        height:50px; 
        z-index:80;

    }
    .flag{
        position:absolute;
        background:url(/App/assets/layout/img/flag.png) center no-repeat;
        background-size:100%;
        left:30px;
        top:0px;
        margin-top:-20px;
        width:30px;
        height:30px; 
        z-index:80;

    }
    .pasosPedido .button{
        position:relative;
        background-color: #428BCA;
        z-index:10;
        width:110px;
        border-left:2px solid white;        
        border-radius: 3px !important;
        color:#FFF;
        width:15%;
        text-align: left;
        padding-left:15px;        
    }
    .pasosPedido .button a{
        position:relative;        
        text-align:left;
    }

    .btn_finalizar{background-color:#3F903F !important;}
        .btn_finalizar:hover {background-color: #5CAD5C !important;}
    .btn_finalizado{background-color:#3F903F !important;cursor:default !important;}
        .btn_finalizado .flag {left:4px !important;}
    
    
    /* Estilos para cabecera de traffic tikets */
    .ticketHeader{
        margin-top:10px !important;
        margin-bottom:10px !important;
        height:90px;
    }
    .userImg{
        float:left;
        width:80px;
        height:80px;
        text-align: left;
    }
    
    .userImg button{margin-top:5px;padding: .5px 2px; width:68px; }

    .userImg img{
        margin: 0 !important;
        padding: 0 !important;
        max-width:70px;
        height:auto;
        max-height:70px;
        float:left;
    }
    .userText{
        float:left;
        height:70px;
        padding-top:5px;
    }
    .userText h1 {
        text-align:left;
        margin-top:2px;
    }
    .userText P {
        text-align:left;
        color:#3F444E;
        margin-bottom:0;
    }

    .documentacion_iconos{float:left; margin-top: 5px; height: 70px;}
    .documentacion_iconos li {margin-left:30px;}

    .rightSummary div{
        float:right !important;
        border-left: 3px solid #C0C0C0;
        margin-top:17px;
    }
    .rightSummary div:first-child{
        width:auto !important;
        max-width:25% !important;
    }
    .rightSummary div p{
        font-size:12px !important;
        text-align:left;
    }
    .summaryTitle{
        color:#3F444E !important;
        margin-bottom:5px !important;
    }
    .summaryContent{
        color:black !important;
        margin-bottom:1px !important;
    }
    .summaryContent select{
        font-size:12px !important;
        height:37px !important;
        border:none !important;
        padding:0 !important;
    }
    .encargado img{
       float:left;
       width:16px;
       height:16px;
       margin-right:5px;
    }
    .inputExpediente label, .inputExpediente .form-control, .inputExpediente span{
        font-family: Segoe UI,Arial,sans-serif;
        font-size: 13px !important;
    }
    .inputExpediente label{
        float:left;
    }
    .inputExpediente .form-control{
        font-family: Segoe UI,Arial,sans-serif;
        height:35px !important;
    }
    .hidden{
        display:none;
    }
    .ng-hide.ng-hide-animate{
        display: none !important;
    }
 
    @media (max-width:888px){
        .pasosPedido li{
            width:100% !important;
            margin-bottom:5px;
        }
        .imagenFlecha{
            display:none;
        }
        span.flag{
            margin-top:-2px;
            width:26px;
        }
    }

/*INPUTS*/
.lbl_status_upload_file{color:#666; font-size:12px;}
.lbl_status_upload_file_exito{color:#169201; }
.lbl_status_upload_file_fail{color:#BB1941; }
/* TICKET TRAFFIC*/

.grid_loading{display:none; width:100%; margin-top:20px; text-align:center;}
#tbodyGestiones tr {cursor:pointer;}
#tabGestiones {color: #0072c6; margin-top:10px;}
.panel-title-left{float:left; height:30px; margin:5px 0 0 10px; }
.panel-title-right{float:right; height:30px; margin:5px 10px 0 0px; color:#333; font-weight:bold; font-size:12px;}

.tt_orgsan_btns{text-align: left;height: 62px;}
.fila_pasos {background-color:#f2f2f2; padding:15px 10px; text-align:left; border:solid 1px #dedede; margin:0 5px 0 5px;}

/*MODAL*/
.edit-modal-vehicleData .modal-dialog {top:20px;width:900px;}
.modal-fila{width:100%; min-height:40px; border-bottom:solid 1px #f2f2f2;margin-top:30px; color:#0072c6}
.modal-fila .form-group{float:left; width:32%; margin-left:1%;}
.icono-malo {color:#BB1941 !important; font-size: 20px;margin-top:5px;}
.icono-bueno {color:#7fbd05 !important; font-size: 20px;margin-top:5px;}
.modal_datos_loading{width:100%; min-height:330px; padding-top:100px; text-align:center;}

#divDocumentos {background-color:#FFF; padding-left:7px;}
.fila_acordion{border-top:solid 1px #dedede;}
#div_acordion_no {font-size:16px; text-align:center; margin-top:20px;}

.vacio1 {clear:both;height:1px;}
.vacio5 {clear:both;height:5px;}
.vacio10 {clear:both;height:10px;}
.vacio20 {clear:both;height:20px;}
.vacio30 {clear:both;height:30px;}
.vacio40 {clear:both;height:40px;}

/*HISTORIAL*/

.his_header{width:100%; height:40px; background-color:#2D5F8B; color:#FFF;}
.his_fa{width:10%; text-align:center; float:left; border-right:solid 1px #dedede; padding:10px 0px;}
.his_us{width:20%; text-align:center; float:left; border-right:solid 1px #dedede; padding:10px 0px;}
.his_mo{width:50%; text-align:left; float:left; padding:10px 10px;}
.his_header_item{text-align:center;}
.his_fila { border-bottom:solid 1px #dedede; clear:both;}
.his_filas_cont {background-color: #fff;}
.his_filas_cont .his_fila:nth-child(even) {background-color: #f2f2f2;}


/*GRID MULTAS*/
.grid_cont{margin-top:-20px; height: auto;  }
.grid_filtros_cont{width:157px;float:left;}
.grid_grid_cont{float: none; width: auto;  overflow: hidden;}
.filtros_title{Color: #666;padding: 5px 0 2px 0px; font-size:13px; border-bottom:solid 1px #dedede; margin-bottom:5px; margin-top:10px;}



    /*METRONICO OVERRIDES*/
    .dashboard-stat{height: 66px !important;margin-bottom: 5px;cursor:pointer; }
    .dashboard-stat:hover {opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}
    .dashboard-stat .details{padding-right:0px; right:21px;}
    .dashboard-stat .visual{height:24px !important;}
    .dashboard-stat .details .desc{float:left !important; width:81px; text-align: left; padding-top:6px;}
    .dashboard-stat .details .number{float:left !important; width:35px;}
    .dashboard_stat_new{height: 54px !important;}
    .dashboard_stat_new .details .number{ padding-top:6px; font-size:18px;padding-top:0px;width:120px; text-align:left;}
    .dashboard_stat_new .visual{height:16px !important;}
    .activeBorder {border-left: 8px solid #0653AB;}
    .k-grid-content table tbody tr:hover{background-color:rgba(223,240,255,0.8);}

.portlet_left{width:180px; float:left; height:250px; }
.portlet_right{width:250px; float:left;height:230px;}
.donutGraph_gridMultas{background-color:#FFF; height:240px;}
.donutGraph_gridMultas .portlet-title{}
.donutGraph_gridMultas .portlet-body{margin:30px 0 0 0; text-align:left; width:150px;}
.donutGraph_gridMultas .portlet-body ul{margin-left:0px; padding-left:0px;}
.donutGraph_gridMultas .portlet-cake{margin-left:0px;}
.donutGraph_gridMultas .light{}