﻿  body {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px !important;
    height: 80% !important;
}


.estilo-body {
    /*min-width: 640px;*/
    background: rgb(247, 250, 252);
}




/* Menu hamburguesa */
.hamenu-icon {
    background-image: url(web/hamenu.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px center;
    background-position-x: 0px;
    background-position-y: center;
}

/*Fondo y tamaño del logo de La Misma*/
.logoLaMisma {
    background-color: rgba(255, 255, 255, 0.00);
    width: 130px;
}


/* Estilo para cabecera de paneles con colores de la Municipalidad*/
.panel-default-Alternativo {
    padding: 3px !important;
}

.panel-default-Blanco {
    padding: 3px !important;
}


.panel-default-BlancoSinborde {
    padding: 3px !important;
}


.panel-title-Alternativo {
    font-size: 14px !important;
}

.SinPadding {
    padding: 0px;
}

.SinPaddingBottom {
    padding-bottom: 0px;
}

.SinPaddingLeft {
    padding-left: 0px;
}

.Negrita {
    font-weight: bold;
}



/*Controles Kendo personalizados*/ 
/*Se agrego .k-header > .k-input { width: 100%; max-width: 999999px; } para que se agrande el ancho del input en filtro row de grilla y se comento
    input en el predeterminado de ancho maximo.
    */

.k-grid .k-state-selected {
    background: rgb(62, 81, 174);
}



input,
select,
textarea {
    max-width: 280px;
}

.k-header > .k-input { width: 100%; max-width: 999999px; }

/*Permite determinar diferentes tamaños de de los elementos del formulario en el ancho y sobreescribir wl 12.4en que trae el CSS de Kendo*/
.largeEditControl {
    width: 300px !important;
    max-width: 300px !important;
}
.shortEditControl {
    width: 120px !important;
}


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*buffer para los elementos*/
.top-buffer { 
    margin-top: 7px; 
}


.label-Field {
    padding-top: 7px;
}
/*---- Set padding botones Kendo para que no quede tan grandes ---- */
.k-button, .k-grid td {
    padding: 2px 5px 2px 5px;
    line-height: 1.3em; /* Ver */
}

.k-grid tbody .k-button {
    min-width: 0px;
}

/*---- Set padding toolbar grilla Kendo para que no quede tan grandes ---- */
.k-grid-toolbar {
    padding: 2px 5px 2px 5px;
}

/*---- Set padding y font size para que los botones bootstrap no tan grandes ---- */
.btn {
  padding: 4px 5px;
  font-size: 11px;
}

.btn-Medio {
  padding: 6px 8px;
  font-size: 14px !important;
}

.k-widget select, .k-widget textarea, .k-widget input[type="text"]:not(.k-input), .k-widget input[type="password"], .k-widget input[type="datetime"], .k-widget input[type="datetime-local"], .k-widget input[type="date"], .k-widget input[type="month"], .k-widget input[type="time"], .k-widget input[type="week"], .k-widget input[type="number"], .k-widget input[type="email"], .k-widget input[type="url"], .k-widget input[type="search"], .k-widget input[type="tel"], .k-widget input[type="color"], .k-widget .uneditable-input {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}


.k-window .row, .k-window .row *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: content-box; }

.k-widget .col-md-1, .k-widget .col-md-2, .k-widget .col-md-3, .k-widget .col-md-4, .k-widget .col-md-5, .k-widget .col-md-6, .k-widget .col-md-7, .k-widget .col-md-8, .k-widget .col-md-9, .k-widget .col-md-10, .k-widget .col-md-11, .k-widget .col-md-12 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/*-- Se elimina el margen para afuera de bootstrap en la clase row*/
.row {
  margin-right: 0px;
  margin-left: 0px;
}

/*-- Se elimina el margen para afuera de bootstrap en la clase form-group dentro del .form-Horizontal*/
.form-horizontal .form-group{
  margin-right: 0px;
  margin-left: 0px;
}

/*Loading bar para cuando carga el archivo PDF en el visor*/
/*LA imagen está convertida en base64 del gif de carga de Bootstrap de kendo*/
.loadingBar {
    background-image: url('data:image/gif;base64,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') /*kendo/2015.2.624/Bootstrap/loading-image.gif*/;
    background-repeat: no-repeat;
    background-position: center;
}

.padding-left {
    padding-left: 10px;
}



  .gridKendoSmallFont {  
      font-size: 12px
    }

    .gridKendoAltura {
        height: 250px;
    }


/*Tabstrip y coloreado de filas pares e impares*/
/*///////////////////////////////////////////////////////////////////////////////////*/

    .k-tabstrip-wrapper{
        width: 100%;
        max-width: 100%; 
        height: inherit;
    }

    .table-striped-even > tbody > tr:nth-child(even) {
    background-color: rgb(231, 241, 255);

    padding-top: 2px;
    padding-bottom: 2px;   
    border-bottom: darkgrey;
    border-bottom-width: thin;
    border-bottom-style: solid;

    }
     
    .table-striped-odd > tbody > tr:nth-child(odd) {
        background-color: rgb(231, 241, 255);
    }

      .k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link
      {
          font-weight: bold;
      }

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #2f3861;
}

/*Ventana de Confirm*/
/*///////////////////////////////////////////////////////////////////////////////////*/

.ui-widget-header {
    color: white;
    font-size: 14px;
    font-family: 'Times New Roman';
    font-weight: bold;

    border: 1px solid rgb(137, 134, 167) !important;
    background: rgb(72, 63, 141) !important;
}

.ui-dialog-titlebar-close {
    background-image: url('web/Bootstrap/sprite.png');
    background-position: -32px -16px;
}


/*Iconos*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.file-icon {
        float: left;
        width: 20px;
        height: 20px;
    }
  
    
    .audio-icon {
        background-image: url(web/upload/audio-icon.png);
        background-size: contain;
    }

    .compres-icon {
        background-image: url(web/upload/compres-icon.png);
        background-size: contain;
    }

    .docx-icon {
        background-image: url(web/upload/docx-icon.png);
        background-size: contain;
    }

    .generic-file-icon {
        background-image: url(web/upload/file-icon.png);
        background-size: contain;
    }

    .imagen-icon {
        background-image: url(web/upload/imagen-icon.png);
        background-size: contain;
    }

   .pdf-icon {
        background-image: url(web/upload/pdf-icon.png);
        background-size: contain;
    }
    
   .pptx-icon {
        background-image: url(web/upload/pptx-icon.png);
        background-size: contain;
    }

   .psd-icon {
        background-image: url(web/upload/psd-icon.png);
        background-size: contain;
    }

    .text-icon {
        background-image: url(web/upload/text-icon.png);
        background-size: contain;
    }

    .video-icon {
        background-image: url(web/upload/video-icon.png);
        background-size: contain;
    }

    .xlsx-icon {
        background-image: url(web/upload/xlsx-icon.png);
        background-size: contain;
    }

    #example .file-heading {
        font-family: Arial;
        font-size: 1.1em;
        display: inline-block;
        float: left;
        width: 450px;
        margin: 0 0 0 20px;
        height: 25px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #example .file-name-heading {
        font-weight: bold;
    }

    li.k-file .file-wrapper .k-upload-action {
        position: absolute;
        top: 10px;
        right: 0;
    }

    li.k-file div.file-wrapper {
        position: relative;
        height: auto;
    }
    
    .k-window div.k-window-content {
        overflow: hidden;
    }

    .k-widget .k-tabstrip .k-header {
        height: inherit;
    }

    .k-tabstrip .k-content .k-state-active {
        height: inherit;
    }

    /*.k-state-active {
        height: inherit;
    }*/


/*Fin*/
/*///////////////////////////////////////////////////////////////////////////////////*/





/*Padding*/
/*///////////////////////////////////////////////////////////////////////////////////*/

.padding-top {
    padding-top: 20px;
}

.padding-top_10 {
    padding-top: 10px;
}

/*Fin*/
/*///////////////////////////////////////////////////////////////////////////////////*/





/* Error template */
    .k-notification-error .k-group {
        background: rgba(100%,0%,0%,.7);
        color: #ffffff;
    }

    .wrong-pass {
        width: 400px;
    }

        .wrong-pass h3 {
            font-size: 1em;
            padding: 20px 10px 5px;
        }

        .wrong-pass p {
            font-size: 1em;
            padding: 10px 15px 5px;
        }

        .wrong-pass img {
            float: left;
            margin: 5px 15px 10px 30px;
        }

    /* Success template */
    .k-notification-upload-success.k-group {
        background: rgba(0%,60%,0%,.7);
        color: #fff;
    }

    .success {
        width: 400px;
    }

    .success h3 {
        font-size: 1em;
        padding: 20px 10px 5px;
    }

    .success p {
        font-size: 1em;
        padding: 10px 15px 5px;
    }

    .success img {
        float: left;
        margin: 5px 15px 10px 30px;
    }

        /* alerta template */
    .k-notification-info {
        //background: rgba(127, 215, 254, 0.84);
        color: rgb(56, 89, 202);
    }

  .info {
        width: 400px;
    }

    .info h3 {
        font-size: 1em;
        padding: 20px 10px 5px;
    }

    .info p {
        font-size: 1em;
        padding: 10px 15px 5px;
    }

    .info img {
        float: left;
        margin: 5px 15px 10px 30px;
    }

    /* alerta template */
    .k-notification-alerta {
        background: rgb(230, 224, 149);
        color: rgb(134, 134, 0);
    }


    .alerta {
        width: 400px;
    }

    .alerta h3 {
        font-size: 1em;
        padding: 20px 10px 5px;
    }

    .alerta p {
        font-size: 1em;
        padding: 10px 15px 5px;
    }

    .alerta img {
        float: left;
        margin: 5px 15px 10px 30px;
    }





    /* Estilo para la partial view de Advertencia*/      

    .advertenciaTitulo {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    
}

    .file-icon-header {
        float: left;
        width: 40px;
        height: 40px;
    }

    .warning_256-icon {
        background-image: url(web/warning_256.png);
        background-size: 40px;
                background-repeat: no-repeat;
        background-position: 0px center;
        background-position-x: 0px;
        background-position-y: center;
    }

    .error_256-icon {
        background-image: url(web/error_256.png);
        background-size: 40px;
                background-repeat: no-repeat;
        background-position: 0px center;
        background-position-x: 0px;
        background-position-y: center;
    }

.panel-info {
     margin-bottom: 0px !important; 
}

.panel-danger{
     margin-bottom: 0px !important; 
}





.bAlertaExp-row {
	background-color: #f4f0be;
}

.bAlertaExp-row .k-alt {
	background-color: #dcd584;
}






























.modal-header {
    padding-bottom: 0px;
    padding-top: 1px
}
  .modal-footer {
      padding-bottom: 5px;
      padding-top: 5px;
      text-align: center;
  }

  .modal-header .close {
    margin-top: 5px;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .4;
}

.modalSizeFull{
    width: 100%;
  height: 100%;
}

.modalSizeTablas{
    width: 90%; 
}

.modalSize70{
    width: 70%; 
}

.modalSize55{
    width: 55%;
}

.modalSize45{
    width: 45%;
    max-width: 615px;
}


.todoEnMayusculas
{ 
    text-transform: uppercase; 
}

.AnchoAuto
{ 
    width: auto !important;
}
    


.modal
{
    overflow-y: auto !important;
}


.ui-dialog {
    left: 50% !important;
    top: 50% !important;
    margin-left: -175px !important;
    margin-top: -175px !important;
    z-index: 1900 !important;
}



/*@media (max-width: 455px) {

    .body-content {
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 20px !important;
        height: 80% !important;
    }

    .container-fluid {
        padding-right: 2px;
        padding-left: 2px;
        margin-right: auto;
        margin-left: auto;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 2px;
        padding-left: 2px;
    }

    .modal .modalSizeTablas, .modalSize70, .modalSize55, .modalSize45 {
        margin: 0 !important;
        margin-right: 5px !important;
        margin-left: 5px !important;
        width: 93% !important;
    }

    .panel-body {
        padding: 1px;
    }

    .modal-body {
        padding: 1px;
    }

    .k-grid-Asignar {
        min-width: 43px !important;
        max-width: 43px !important;
    }
    .fa {
        font-size: initial;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 0px solid #ddd;
    }

    .modal .modalSizeTablas, .modalSize70, .modalSize55, .modalSize45 {
        margin: 0 !important;
        margin-right: 5px !important;
        margin-left: 5px !important;
        width: 93% !important;
    }
}



@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #f9f9f9;
        font-size: 14px;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #f9f9f9;
            background-color: #33aa33;
            font-size: 11px;
            
        }
}*/

.bordeSupInf {
    border-bottom-width: 1px !important;
    border-top-width: 1px !important;
}



@media (min-width: 1100px) {

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0 !important;
        margin-left: 40px !important;
    }
}


@media (min-width: 1100px) {
    .navbar-right {
        float: right !important;
        margin-right: 150px;
        font-size: medium;
    }
}















/* SUJETO A VERIFICACION DE USO*/

/*Titulo de Cabecera de Tabla - CAMBIAR TODO LO QUE USE ESTO Y ELIMINAR LA CLASE */
/*///////////////////////////////////////////////////////////////////////////////////*/
.tablaCabeceraTitulo {
    background-color: rgb(7, 76, 132);
    color: rgb(254, 254, 255);
    font-size: 14px;
    font-family: 'Arial';
    padding-left: 5px;
    border-color: rgb(7, 76, 132);
    border-width: 1px;
    border-style: solid;
    /* font-weight: bold; */
    letter-spacing: 0.1em;
    /* border-radius: 2px; */
}


.tabla-full-width {
    width: 100%;
    margin-top: 2px;
}


/*Tabla de dos columnas  - CAMBIAR TODO LO QUE USE ESTO Y ELIMINAR LA CLASE */
/*///////////////////////////////////////////////////////////////////////////////////*/

.tabla-datos-2col {
    width: 100%;
    margin-top: 2px;
}

    .tabla-datos-2col td {
        /*width: 20%;*/
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        border-bottom: rgb(3, 29, 66);
        border-bottom-width: thin;
        border-bottom-style: solid;
    }

.celda-titulo-2col {
    width: 20%;
    font-weight: bold;
}

.celda-dato-2col {
    width: 80%;
    padding: 2px 2px 2px 2px;
}


/*Tabla de cuatro columnas  - CAMBIAR TODO LO QUE USE ESTO Y ELIMINAR LA CLASE */
/*///////////////////////////////////////////////////////////////////////////////////*/


.tabla-datos-4col {
    width: 100%;
    margin-top: 2px;
}

    .tabla-datos-4col td {
        /*width: 20%;*/
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        border-bottom: rgb(3, 29, 66);
        border-bottom-width: thin;
        border-bottom-style: solid;
    }

.celda-titulo-4col {
    width: 20%;
    padding-left: 10px;
}

.celda-dato-4col {
    width: 30%;
    padding: 2px 2px 2px 2px;
}


/*Tabla de seis columnas  - CAMBIAR TODO LO QUE USE ESTO Y ELIMINAR LA CLASE */
/*///////////////////////////////////////////////////////////////////////////////////*/


.tabla-datos-6col {
    width: 100%;
    margin-top: 2px;
}

    .tabla-datos-6col td {
        /*width: 20%;*/
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        border-bottom: rgb(3, 29, 66);
        border-bottom-width: thin;
        border-bottom-style: solid;
    }

.celda-titulo-6col {
    width: 10%;
    padding-left: 10px;
}

.celda-dato-6col {
    width: 18%;
    padding: 2px 2px 2px 2px;
}


/*Separador de filas  - CAMBIAR TODO LO QUE USE ESTO Y ELIMINAR LA CLASE */
/*///////////////////////////////////////////////////////////////////////////////////*/

.tabla-separador-fila {
    height: 20px;
}


/*Tabla de dos columnas  - CAMBIAR TODO LO QUE USE ESTO Y ELIMINAR LA CLASE */
/*///////////////////////////////////////////////////////////////////////////////////*/

.input, select, textarea {
    width: 100%;
    max-width: 100%;
    height: 54px;
    min-height: 35px;
    max-height: 65px;
    resize: none;
}

.padding-cel {
    padding-top: 2px;
    padding-left: 2px;
}




.Actuaciones-row {
    background-color: rgba(251, 109, 109, 0.60);
}

    .Actuaciones-row.k-alt {
        background-color: rgba(255, 0, 0, 0.15);
    }

.highlighted-row {
    background-color: #eef1ff;
}

    .highlighted-row .k-alt {
        background-color: #ccffcc;
    }


.CustomHr {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
    border-top: 1px solid #bbbace !important;
}



.empty-grid::before {
    padding: 1em;
    line-height: 3em;
    content: "No hay registros.";
}


/*.fullscreen-modal .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}*/

.ancho {
    min-width: -webkit-fill-available !important;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #d8d7d7;
    opacity: 1;
    color: black;
}


.k-grid-filter.k-state-active {
    color: #ffffff;
    background-color: #059afd;
}