@import url(https://fonts.googleapis.com/css?family=Signika:400,600);

/* Global Styles */

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

 body {
    background-color: #f8f8f8;
}

/* Wrappers */

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

 #wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        height: auto;
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-static-side ul li {
    border-bottom: 1px solid #e7e7e7;
}

/* Navigation */

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

/* Top Right Navigation Dropdown Styles */

 .navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* Sidebar Menu Styles */

 .sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}
/* Modificar el index de las carpetas de adentro */
.nav-third-level li a {
    padding-left: 22px;
}

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

/* Buttons */

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

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

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

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

/* Dashboard Chat */

 .chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

/* Login Page */

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

/* Flot Chart Containers */

 .flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* DataTables Overrides */

 table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

/* Circle Buttons */

 .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

.header .title{
    padding: 2rem 1rem;
    color: #323232;
    font-weight: bold;
    font-family: 'Helvetica';
}


/* Estilos contenedor botones template inicio */
.container_buttons{
    display: flex;
//    min-height: 500px;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 861px;
    margin: 2rem auto;
    flex-wrap: wrap;
}
.container_buttons button{
    transition: background .5s ease;
    background: transparent;
    font-size: 15px;
    font-family: Helvetica;
    border-radius: 3px 3px 5px 5px;
    padding: 15px 10px;
    margin: 1rem;
    height: 160px;
    font-family: 'Signika', sans-serif;
    background: #1565c0;
    color: white;
    position: relative;
    width: 160px;
    text-align: center;
    border: solid thin #d4d4d4;
    box-shadow: 0 10px #d4d4d4 !important;
    perspective: 500px;
    overflow: hidden;
}

@media (max-width: 550px){
    .container_buttons button{
        width: 100%;
    }
}

@media(min-width: 1280px){
    .container_buttons{
        width: 1080px;
        margin: 3rem auto;
    }
}

.container_buttons button:hover{
    top: 3px;
    box-shadow: 0 7px #0d47a1 !important;
    background: #1976d2;
}
.container_buttons button:hover i{
    transform: scale(1.7) translate3d(0px, 41px, 0) rotate(225deg);
    opacity: .2;
}
/* .container_buttons button:nth-child(4):hover i,
.container_buttons button:first-child:hover i{
    transform: scale(1.7) translate3d(0px, 30px, 0) rotate(225deg);
} */
.container_buttons button:hover span{
    transform: translate3d(-6px, -40px, -50px) rotate(-14deg) scalex(1.05);
}
.container_buttons button:focus{
    outline: none;
}
.container_buttons button:active:before{
    animation: scale .35s 1 ease;
}

.container_buttons button:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0);
    background: #1565c0;
    content: '';
    width: 100%;
    height: 100%;
    transition: .25s;
    z-index: -1;
    border-radius: 50%;
}
.container_buttons button:active{
    top: 8px;
    box-shadow: 0 0px #0d47a1 !important;
}
.container_buttons button i{
    transition: all .4s ease;
    font-size: 30px;
    margin-bottom: .28rem;
    display: block;
}
.container_buttons button span{
    transition: all .2s ease;
    display: block;
    line-height: 1;
    margin-top: 1rem;
}

@-webkit-keyframes scale{
    0%{transform: scale(0);}
    100%{transform: scale(2);}
}

@-moz-keyframes scale{
    0%{transform: scale(0);}
    100%{transform: scale(2);}
}

@-o-keyframes scale{
    0%{transform: scale(0);}
    100%{transform: scale(2);}
}

@keyframes scale{
    0%{transform: scale(0);}
    100%{transform: scale(2);}
}
/* Fin Estilos contenedor botones template inicio */

#side-menu > li{
    display: none;
}

.sede1{
    margin: 21px 5px 0px 5px;
}

@media (max-width: 860px){
    .navbar-nav > li,
    .navbar-nav > li span {
        font-size: 10px !important;
    }

    .sede1{
        padding: 0;
    }

    .navbar-right{
        margin-left: 0;
    }
}

/* #tarjetasContent > section, */
#registrosTipoNovedadComparativoPeriodo1 > section,
#registrosTipoNovedadComparativoPeriodo2 > section,
#registrosProcesadosComparativoPeriodo1 > section,
#registrosProcesadosComparativoPeriodo2 > section,
#registrosRechazadosComparativoPeriodo1 > section,
#registrosRechazadosComparativoPeriodo2 > section,
#listaDetallesArchivosComparativo > section,
#listaArchivosComparativoPeriodo1 > section,
#listaArchivosComparativoPeriodo2 > section,
#listaDetallesArchivosNovedadAnio > section,
#listaArchivosProcesados > section,
#listaArchivosPeriodo1 > section,
#listaArchivosPeriodo2 > section,
#registrosProcesadosTipoNovedadAnio > section,
#registrosProcesadosTipoNovedad > section,
#listaDetallesArchivosNovedad > section,
#registrosRechazados > section,
#listaDetallesArchivos > section,
#listaArchivos > section,
#registrosProcesados > section,
#alarmsContent > div{
    opacity: 0;
    transition: opacity 500ms ease;
}

div[class*="holder"]{
    text-align: center;
    margin-top: .7rem;
}

div[class*="holder"] a{
    display: inline-block;
    margin: 0 .5rem;
    vertical-align: top;
    cursor: pointer;
    color: #323232;
    font-size: 14px;
    transition: .5s;
}

div[class*="holder"] a:hover{
    text-decoration: none;
    color: #000;
}

div[class*="holder"] a.jp-current{
    font-weight: bold;
    font-size: 17px;
}

div[class*="holder"] a.jp-disabled{
    cursor: no-drop;
}

.text-danger strong{
    display: block;
    text-align: center;
}

@media (min-width: 768px){
    .modal-dialog {
        width: 1030px;
    }
}

.contentRegistroTarjetas{
    padding: .5rem 1.3rem;
    clear: both;
}
.contentRegistroTarjetas main{
    /* min-height: 150px;*/
    overflow: hidden;
}

.contentRegistroTarjetas header{
    background: rgb(219, 242, 245);
    font-weight: bold;
    border-bottom: 2px solid rgba(169, 169, 169, 0.35);
}

.contentRegistroTarjetas header,
.contentRegistroTarjetas section{
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}

.contentRegistroTarjetas header > div,
.contentRegistroTarjetas section > div{
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    padding: .25rem .75rem;
    text-align: center;
    color: rgba(31, 28, 28, 0.91);
    font-size: 11.5px;
}

.contentRegistroTarjetas header > div span,
.contentRegistroTarjetas section > div span{
    display: block;
}

.contentRegistroTarjetas section{
    border-bottom: solid thin rgba(169, 169, 169, 0.35);
}
.contentRegistroTarjetas section.error{
    position: relative;
}
.contentRegistroTarjetas section.error:before{
    width: 100%;
}
.contentRegistroTarjetas section:before{
    position: absolute;
    transition: width .35s ease;
    content: '';
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    background: rgba(255, 0, 0, 0.25);
    width: 0%;
    height: 103%;
    z-index: 0;
}

.contentRegistroTarjetas section:last-child{
    border-bottom: none;
}

.editable-wrap .editable-controls,
.editable-wrap .editable-controls > select,
.editable-wrap{
    max-width: 100%;
}
.input-group .form-control{
    z-index: 0;
}

/*efecto todos los botones*/
.btn{
    overflow: hidden !important;
    position: relative !important;
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}
.btn:before{
    width: 15%;
    height: 200%;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
    top: -50%;
    left: -20%;
    background: rgba(255,255,255,.2);
    content: '';
    position: absolute;
}
.btn.btn-default:before{
    background: rgba(19, 18, 18, 0.07);
}

.btn:hover:before{
    -webkit-animation: effectButton 1.5s infinite ease-in-out;
    -moz-animation: effectButton 1.5s infinite ease-in-out;
    -o-animation: effectButton 1.5s infinite ease-in-out;
    animation: effectButton 1.5s infinite ease-in-out;
}

.btn:active{
    -webkit-transform: scale(.87);
    -moz-transform: scale(.87);
    -o-transform: scale(.87);
    transform: scale(.87);
}

.contentTabs{padding: .5rem;}
.contentTabs > div{
    display: none;
}

.contentTablesReports{
    display: flex;
    flex-wrap: wrap;
}
.contentTablesReports > div{
    flex: 1;
    max-width: 100%;
    width: calc(100% / 2 - 5%);
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.contentTablesReports > div:last-child{
    width: calc(100% / 2 + 5% - .5rem);
}

.contentConciliation{
    min-height: 120px;
    padding: 1rem 2rem 0;
    color: #484444;
}
.contentConciliation > div{
    margin: .15rem 0;
}

.highcharts-container{
  margin: 0 auto;
}

.panel-title > a{
  display: block;
  transition: all .2s ease;
}

.panel-title > a:focus,
.panel-title > a:hover{
  text-decoration: none;
  text-indent: 1px;
}

@keyframes effectButton{
    40%, 100%{ left: 120%; }
}
@-webkit-keyframes effectButton{
    40%, 100%{ left: 120%; }
}
@-moz-keyframes effectButton{
    40%, 100%{ left: 120%; }
}
@-o-keyframes effectButton{
    40%, 100%{ left: 120%; }
}

#fix-for-navbar-fixed-top-spacing{
    height: 85px !important;
}

.contentPreviewImage{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -100;
    opacity: 0;
    background-color: rgba(0,0,0,.2);
    -webkit-transition: opacity 100ms linear;
       -moz-transition: opacity 100ms linear;
        -ms-transition: opacity 100ms linear;
         -o-transition: opacity 100ms linear;
            transition: opacity 100ms linear;
    -webkit-perspective: 800px;
       -moz-perspective: 800px;
        -ms-perspective: 800px;
         -o-perspective: 800px;
            perspective: 800px;
}
.contentPreviewImage.open{
    z-index: 2000;
    opacity: 1;
}
.contentPreviewImage.open img{
    -webkit-animation: scaleImage 200ms ease-in forwards;
       -moz-animation: scaleImage 200ms ease-in forwards;
        -ms-animation: scaleImage 200ms ease-in forwards;
         -o-animation: scaleImage 200ms ease-in forwards;
            animation: scaleImage 200ms ease-in forwards;
}
.contentPreviewImage img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 95%;
    max-width: 95%;
    margin: auto;
    border-radius: 3px;
    box-shadow: 0 0 15px rgb(70, 70, 70);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}
.contentPreviewImage .close{
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    font-size: 2.5rem;
    padding: .5rem 1rem;
    cursor: pointer;
    color: #323232;
    opacity: .8;
    -webkit-transition: transform 200ms ease-in;
       -moz-transition: transform 200ms ease-in;
        -ms-transition: transform 200ms ease-in;
         -o-transition: transform 200ms ease-in;
            transition: transform 200ms ease-in;
}
.contentPreviewImage .close:hover{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
    opacity: 1;

}
.contentPreviewImage .close i{
    color: white;
    text-shadow: 0 0 5px rgba(0,0,0,.5)
}
.tab-content{
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
}
.tab-content > li{
    position: absolute !important;
    opacity: 0;
    top: 0;
    left: 2rem;
    height: 0;

    -webkit-transform-origin: left center;
       -moz-transform-origin: left center;
        -ms-transform-origin: left center;
         -o-transform-origin: left center;
            transform-origin: left center;

    -webkit-transform: translate3d(0,0,-200px) rotatey(120deg);
       -moz-transform: translate3d(0,0,-200px) rotatey(120deg);
        -ms-transform: translate3d(0,0,-200px) rotatey(120deg);
         -o-transform: translate3d(0,0,-200px) rotatey(120deg);
            transform: translate3d(0,0,-200px) rotatey(120deg);

    -webkit-transition: transform 300ms ease, opacity 200ms linear;
       -moz-transition: transform 300ms ease, opacity 200ms linear;
        -ms-transition: transform 300ms ease, opacity 200ms linear;
         -o-transition: transform 300ms ease, opacity 200ms linear;
            transition: transform 300ms ease, opacity 200ms linear;
}
.tab-content > li.open{
    height: auto;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) rotatey(0);
       -moz-transform: translate3d(0,0,0) rotatey(0);
        -ms-transform: translate3d(0,0,0) rotatey(0);
         -o-transform: translate3d(0,0,0) rotatey(0);
            transform: translate3d(0,0,0) rotatey(0);
}

@-webkit-keyframes scaleImage{
    0%{
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
            -ms-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }

    100%{
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

@-moz-keyframes scaleImage{
    0%{
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
            -ms-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }

    100%{
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

@-o-keyframes scaleImage{
    0%{
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
            -ms-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }

    100%{
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes scaleImage{
    0%{
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
            -ms-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }

    100%{
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.modal-header-danger {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.btnModalDanger { 
  color: #ffffff; 
  background-color: #D9534F; 
  border-color: #CC262F; 
} 
 .btnModalDanger:hover, 
.btnModalDanger:focus, 
.btnModalDanger:active, 
.btnModalDanger.active, 
.open .dropdown-toggle.btnModalDanger { 
  color: #ffffff; 
  background-color: #E01616; 
  border-color: #CC262F; 
} 
 .btnModalDanger:active, 
.btnModalDanger.active, 
.open .dropdown-toggle.btnModalDanger { 
  background-image: none; 
} 
 .btnModalDanger.disabled, 
.btnModalDanger[disabled], 
fieldset[disabled] .btnModalDanger, 
.btnModalDanger.disabled:hover, 
.btnModalDanger[disabled]:hover, 
fieldset[disabled] .btnModalDanger:hover, 
.btnModalDanger.disabled:focus, 
.btnModalDanger[disabled]:focus, 
fieldset[disabled] .btnModalDanger:focus, 
.btnModalDanger.disabled:active, 
.btnModalDanger[disabled]:active, 
fieldset[disabled] .btnModalDanger:active, 
.btnModalDanger.disabled.active, 
.btnModalDanger[disabled].active, 
fieldset[disabled] .btnModalDanger.active { 
  background-color: #D9534F; 
  border-color: #CC262F; 
} 
 .btnModalDanger .badge { 
  color: #D9534F; 
  background-color: #ffffff; 
}

.btnModalSuccess { 
  color: #ffffff; 
  background-color: #5CB85C; 
  border-color: #026909; 
}
.btnModalSuccess:hover, 
.btnModalSuccess:focus, 
.btnModalSuccess:active, 
.btnModalSuccess.active, 
.open .dropdown-toggle.btnModalSuccess { 
  color: #ffffff; 
  background-color: #247A2A; 
  border-color: #026909; 
} 
 .btnModalSuccess:active, 
.btnModalSuccess.active, 
.open .dropdown-toggle.btnModalSuccess { 
  background-image: none; 
} 
 .btnModalSuccess.disabled, 
.btnModalSuccess[disabled], 
fieldset[disabled] .btnModalSuccess, 
.btnModalSuccess.disabled:hover, 
.btnModalSuccess[disabled]:hover, 
fieldset[disabled] .btnModalSuccess:hover, 
.btnModalSuccess.disabled:focus, 
.btnModalSuccess[disabled]:focus, 
fieldset[disabled] .btnModalSuccess:focus, 
.btnModalSuccess.disabled:active, 
.btnModalSuccess[disabled]:active, 
fieldset[disabled] .btnModalSuccess:active, 
.btnModalSuccess.disabled.active, 
.btnModalSuccess[disabled].active, 
fieldset[disabled] .btnModalSuccess.active { 
  background-color: #5CB85C; 
  border-color: #026909; 
} 
 .btnModalSuccess .badge { 
  color: #5CB85C; 
  background-color: #ffffff; 
}
/* Inicio paginador bootpag */
p {
  font-size: 12px;
}
p.pag{
    text-align: center;
    font-size: 12px;
}
.addthis-buttons{
    width: 80px;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{
    cursor: pointer !important;
}

.pagination {
    display: flex;
    justify-content: center;
}

.pagination li a {
    padding: 8px 12px; 
    font-size: 12px; 
    margin-bottom: 20px;
    margin-top: 10px;
    font-family: 'Helvetica';
}
/* Fin paginador bootpag */

/* Inicio acciones prescripcion */
.prescripcion-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.prescripcion-actions .btn + .btn {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .prescripcion-actions {
        justify-content: flex-start;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .prescripcion-actions .btn {
        display: block;
        width: 100%;
    }
    .prescripcion-actions .btn + .btn {
        margin-left: 0;
        margin-top: 0;
    }
}
/* Fin acciones prescripcion */

/* Inicio zebra tabla prescripcion */
#tbl_valores_prescripcion tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

#tbl_valores_prescripcion tbody tr:nth-child(even) {
    background-color: #f4f4f4;
}
/* Fin zebra tabla prescripcion */

/* Inicio Pantalla cargando... */  
#div_carga{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
background: rgba(0, 0, 0, 0.5);
display:none;
z-index: 10000;
}

#cargador{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}
/* Fin Pantalla cargando... */