/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
 @import url("animate.css");
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
	* Remove text-shadow in selection highlight: h5bp.com/i
	* These selection rule sets have to be separate.
	* Customize the background color to match your design.
	*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
	* A better looking default horizontal rule
	*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
	* Remove the gap between images, videos, audio and canvas and the bottom of
	* their containers: h5bp.com/i/440
	*/

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
	* Remove default fieldset styles.
	*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
	* Allow only vertical resizing of textareas.
	*/

textarea {
    resize: vertical;
}


*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* ==========================================================================
	  Browse Happy prompt
	  ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
	  Estilos
	  ========================================================================== */



html,
body {
    background: #f2f2f2;
    height: 100%;
     font-family: "Open Sans", Helvetica, Arial, sans serif !important;
    color: #333333 !important;
    font-size: 16px !important;
}

.wrapper {
    display: block;
    width: 100%;
    /*  height: 100% !important;*/
    position: relative !important;
    margin: 0;
    top: 0;
}

/* .wrapper:after {
        width: 100%;
        height: 50px;
        display: block;
        clear: both;
    }*/


/* Change Autocomplete styles in Chrome
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    transition: background-color 5000s ease-in-out 0s;
    background: transparent !important;
    -webkit-box-shadow: 0 0 0 30px rgba(255,255,255, 0.9) inset !important;
    padding: 0 5px !important;
    border-radius: 3px !important;
}
    */
/*
   
   .container-amm {
	   margin-right: auto;
	   margin-left: auto;
	   padding-left: 15px;
	   padding-right: 15px
   }
   
   .container-amm {
	   clear:both;
   }
   
   @media (min-width:768px) {
	  .container-amm {
		   width: 750px
	   }
   }
   
   @media (min-width:992px) {
	  .container-amm  {
		   width: 970px
	   }
   }
   
   @media (min-width:1200px) {
	   .container-amm  {
		   width: 1170px
	   }
   }
   
   
	 */
.container-amm {
    padding: 28px 45px;
}

.navbar + .container-amm {
    padding: 105px 0 28px 5px;
}

@media screen and (max-width: 767px) {
    .navbar + .container-amm {
        padding-top: 155px;
    }
}




.container {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

section {
    display: block;
    width: 92%;
    margin: 0 4% 30px 4%;
    /* float: left;*/
}

footer {
    position: relative;
}

    footer .left {
        height: 30px;
    }

        footer .left img {
            height: 100%;
        }

    footer .right {
        height: 40px;
    }

        footer .right img {
            height: 100%;
        }



/************final del logon*************/

/*GENERAL STRUCTURE*/

/**/


.wrapper header {
    height: 100px;
    width: 100%;
    background: #455a64;
    padding: 0 0 0 0;
    border-top: 20px solid #1c313a;
}

    .wrapper header:after {
        clear: both;
    }

header .actas {
    display: block;
    position: relative;
    float: left;
    height: 60px;
    width: auto;
    margin: 0.5% 4%;
    color: #fff !important;
}

    header .actas i {
        float: left;
        font-size: 4em;
        color: #fff;
    }

    header .actas h1 {
        float: left;
        font-size: 1.5em;
        color: #fff;
        line-height: 1em;
        margin: 16px 0 0 10px;
    }

        header .actas h1 small {
            float: left;
            font-size: 0.8em;
            color: #fff;
            line-height: 1em;
        }

.log {
    display: block;
    position: relative;
    float: right;
    height: 30px;
    width: auto;
    margin: 0 4%;
    color: #fff;
}

    .log a {
        width: 25px;
        height: 25px;
        margin-top: 10px;
        color: #fff;
        text-decoration: none;
    }

        .log a:hover {
            color: #07aec3;
            -webkit-transition: 0.25s;
            transition: 0.25s;
        }

        .log a i {
            width: 30px;
            height: 30px;
            margin: 25px 0 0 10px;
            color: #fff;
            font-size: 1.7em;
            line-height: 0.6em;
        }

        .log a:hover i {
            color: #07aec3;
            -webkit-transition: 0.25s;
            transition: 0.25s;
        }

.logout {
    right: 12px;
    top: 80px;
    position: absolute;
    width: 210px;
    max-height: 100px;
    text-align: center;
    background: #433e2a;
    z-index: 3001;
}

    .logout:after {
        content: "";
        position: absolute;
        top: -12px;
        right: 30px;
        border-style: solid;
        border-width: 0 12px 12px;
        border-color: #433e2a transparent;
        display: block;
        width: 0;
        z-index: 6;
    }

.log-text {
    float: right;
    height: 40px;
    width: auto;
    max-width: 300px;
    margin: 27px 10px 0 0;
    line-height: 1em;
    font-size: 0.938em;
    text-align: right;
}

    .log-text span {
        float: right;
        height: 30px;
        width: 100%;
        text-transform: uppercase;
        font-size: 0.688em;
    }

.log-user {
    float: right;
    height: 55px;
    width: 55px;
    margin: 15px 0 0 0;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    overflow: hidden;
}

    .log-user img {
        width: 100%;
    }

.bubblemenu {
    right: -30px;
    top: 80px;
    position: absolute;
    width: 250px;
    height: auto;
    background: #433e2a;
    z-index: 3000;
}

    .bubblemenu:after {
        content: "";
        position: absolute;
        top: -12px;
        left: 200px;
        border-style: solid;
        border-width: 0 12px 12px;
        border-color: #433e2a transparent;
        display: block;
        width: 0;
        z-index: 6;
    }


.text-footerLogon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display: inline-block;
    position: absolute;
    left: -9px;
    bottom: 62px;
    font-size: 13px;
    color: #666;
    font-family: Arial;
}

.text-footer {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display: inline-block;
    position: absolute;
    left: -25px;
    bottom: 62px;
    font-size: 13px;
    color: #999;
    font-family: Arial;
}

/*   ---   menu   ---    */
nav.menu {
    width: 100%;
    margin: 0.625em 0 1.875em 0;
    z-index: 0;
}

    nav.menu ul {
        padding: 0;
        margin: 0;
    }

        nav.menu ul li {
            padding: 0;
            margin: 0;
            list-style: none;
            width: 100%;
            height: 2.500em;
        }

            nav.menu ul li a {
                width: 100%;
                color: #fff;
                font-size: 0.8em;
            }

                nav.menu ul li a:hover {
                    width: 100%;
                    color: #0f89db;
                    font-size: 0.8em;
                    -webkit-transition: 0.25s;
                    transition: 0.25s;
                }

                    nav.menu ul li a:hover i {
                        color: #0f89db !important;
                        -webkit-transition: 0.25s;
                        transition: 0.25s;
                    }

/*SECTION CONTENIDO	*/
.lineheight {
    line-height: 2em !important
}

.label {
    float: left;
    color: #44402f;
    font-size: 12px !important;
    font-weight: bold;
    margin: 0.938em 0 0.250em 0;
    height: auto;
}

.label1 {
    float: left;
    color: #44402f;
    font-size: 1em;
    font-weight: bold;
    margin: 10px 0 0 0;
    height: auto;
}

.label-text {
    float: left;
    margin: 7.5% 0 2.7% 0 !important;
    display: inline-block;
    color: #44402f;
    font-size: 1em;
    font-weight: bold;
    height: 23px;
}

.label-feed {
    float: left;
    margin: 15px !important;
    display: inline-block;
    color: #217b7e;
    font-size: 1.2em !important;
    font-weight: bold;
    height: 23px;
}


.block-label {
    display: block;
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
}

/*breadcrumb*/
.breadcrumb {
    width: 100%;
    float: left;
    margin-top: 8px;
}

    .breadcrumb ul {
        padding: 0;
        margin: 0;
    }

        .breadcrumb ul li {
            float: left;
            display: inline;
            list-style: none;
            margin: 5px;
            font-size: 0.8em;
            font-weight: 400;
            z-index: -10;
        }

            .breadcrumb ul li a {
                color: #433e2a;
            }

                .breadcrumb ul li a:hover {
                    color: #07aec3;
                    font-weight: 400;
                    -webkit-transition: 0.25s;
                    transition: 0.25s;
                    background: transparent;
                }

            .breadcrumb ul li img {
                margin: 0px;
            }

.title-panel {
    position: relative;
    float: left;
    width: 100%;
}


    .title-panel h2 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        color: #2B333E;
        font-size: 25px;
        margin: 0px;
    }

/*
    .title-panel h2 {
        float: left;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        color: #0178bc;
        margin: 5px 0;
        font-size: 25px;
        font-weight: normal;
    }*/

.border-title {
    border-top: 5px solid #0078e5;
    margin: 5px 0;
}

.subtitle {
    font-size: 12px;
}



/*PANEL*/
.hidden-select2 {
    right: 0px;
    top: 0px;
    position: absolute;
    height: 600px;
    width: 30%;
    background: #fff;
    z-index: 50;
}

    .hidden-select2 .top {
        height: 35px;
        width: 100%;
        background: #0078e5;
        z-index: 2000;
    }

a .button-panel {
    display: block;
    float: left;
    color: #fff;
    font-size: 1.250em;
    margin: 9px 8px;
}

a:hover .button-panel {
    color: #07aec3;
}

.panel h3 {
    margin: 20px 30px;
    color: #0078e5;
    font-size: 1em;
}

.border-bottom {
    border-bottom: 1px #ccc solid;
}

.Holder {
    position: relative;
    width: 88%;
    margin: 10px 30px;
    height: auto;
}

.imageHolder {
    position: relative;
    display: block;
    width: 100%;
    height: 520px;
    padding: 0;
    margin: 30px auto;
}

    .imageHolder img {
        width: 97% !important;
    }

.contentHolder {
    position: absolute;
    display: block;
    margin-top: 10px;
    padding: 0px;
    height: 400px;
    overflow: hidden;
}

/* LINEAS, PANELES Y RESULTADOS*/
.clear {
    clear: both;
}

.file40h {
    display: block;
    height: 40px;
    width: 98%;
}

.file30h {
    display: inline-block;
    height: 30px !important;
    width: 98%;
}

    .file30h:hover {
        background: #ededeb;
    }

.mod5p {
    height: 20px;
    padding: 5px 0 0 0;
    width: 3%;
}

.mod10p {
    height: 20px;
    padding: 5px 0 0 0;
    width: 10%;
}

.mod15p {
    height: 20px;
    padding: 5px 0 0 0;
    width: 15%;
}

.mod20p {
    height: 20px;
    padding: 5px 0 0 0;
    width: 20%;
}

.mod25p {
    float: left;
    height: 20px;
    padding: 5px 0 0 0;
    width: 25%;
}

.mod30p {
    height: 20px;
    padding: 5px 0 0 0;
    width: 30%;
}

.mod40p {
    height: 20px;
    padding: 5px 0 0 0;
    width: 40% !important;
}

.mod50p {
    height: 25px;
    padding: 5px 0 0 0;
    width: 50% !important;
}

.txt-list-title {
    color: #d27a2f;
    font-size: 0.75em;
}

.txt-list {
    color: #666;
    font-size: 0.75em;
}

.txt-list-a a {
    color: #433e2a;
    font-size: 0.75em;
}

    .txt-list-a a:hover {
        color: #d27a2f;
        font-size: 0.75em;
    }

nav.controlpanel {
    float: left;
    width: 100%;
    margin-top: 30px;
    border-radius: 6px
}

    nav.controlpanel ul {
        padding: 0;
        margin: 0;
    }

        nav.controlpanel ul a li {
            float: left;
            list-style: none;
            height: auto;
            background: #455a64;
            background: -moz-linear-gradient(top, #455a64 0%, #1c313a 100%);
            background: -webkit-linear-gradient(top, #455a64 0%, #1c313a 100%);
            background: linear-gradient(to bottom, #455a64 0%, #1c313a 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#455a64', endColorstr='#1c313a', GradientType=0);
            text-decoration: none;
            text-align: center;
            height: 200px;
            width: 200px;
            border-radius: 4px;
        }

            nav.controlpanel ul a li i {
                color: #fff;
                font-size: 3.5em;
                margin-top: 45px;
            }

        nav.controlpanel ul a:hover i {
            color: rgba(255, 255, 255, 0.8);
            opacity: 0.2;
            -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
            transition: opacity 0.2s, transform 0.35s;
            -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
        }

        nav.controlpanel ul a {
            float: left;
            display: inline-block;
            margin: 0% 1% 1% 0%;
        }

            nav.controlpanel ul a:hover {
                opacity: 0.7;
                -webkit-transition-delay: 0.05s;
                transition-delay: 0.05s;
                -webkit-transition-duration: 0.35s;
                transition-duration: 0.35s;
            }

            nav.controlpanel ul a li span {
                float: left;
                color: #fff;
                font-size: 12px;
                font-weight: bold;
                line-height: 1.2em;
                margin-top: 1em !important;
                width: 100%;
                margin: 0 0 30px 0;
                text-transform: uppercase;
            }

        nav.controlpanel ul li ul {
            float: left;
            padding: 0;
            margin: 0;
            height: 70px;
            border-top: 1px solid #828282;
            width: 100%;
        }

            nav.controlpanel ul li ul li {
                float: left !important;
                display: inline;
                padding: 0;
                margin: 0;
                width: 49% !important;
                min-height: 70px;
                border: 0;
            }

                nav.controlpanel ul li ul li i {
                    font-size: 2em;
                    line-height: 0em;
                    background: none;
                }

/* SROLLABLE */
.element.style {
    display: block;
    height: 300px;
}

.scrollable.default-skin .scroll-bar.vertical {
    width: 6px;
}

.scrollable .scroll-bar.vertical {
    height: 100%;
    position: absolute;
    right: 0;
}

.scrollable .scroll-bar {
    display: none;
}

section h3 {
    color: #44402f;
    font-size: 1em;
}

section p {
    color: #44402f;
}

.panel-form {
    height: 380px !important;
    max-height: 380px !important;
    min-height: 380px !important;
}

.button-size a i {
    float: right;
    color: #fff;
    font-size: 1.250em;
    margin: 9px 8px;
}

.title-panel .button-size a:hover i {
    color: #07aec3;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.title-panel .button-size a {
    width: 100%;
    height: 100%;
    display: block;
}

section figure {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 5%;
    background: #fff;
}

    section figure img {
        width: 100%;
        height: auto;
        z-index: 0;
        border: 1px solid #999;
    }

section figcaption {
    position: absolute;
    color: #999;
    font-size: 0.8em;
    bottom: 0px;
    background: #FFF;
    padding-bottom: 5%;
    z-index: 2;
    font-weight: bold;
}




/*DIGITALIZACION DE IMAGENES*/
.upload {
    float: left;
    background: none repeat scroll 0 0 #433E2A;
    border: 1px solid #433E2A;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', Sans Serif;
    height: auto;
    line-height: 1.5em;
    margin: 30px 30px auto auto;
    padding: 1%;
    text-align: center;
    width: 100% !important;
}


    .upload p {
        color: #fff;
        text-align: center;
        font-size: 1em;
        transition: all 500ms;
    }

    .upload span {
        text-align: center;
        font-size: 1em;
        transition: all 500ms;
    }

.ingresar-texto {
    display: block;
    background-color: #fff;
    width: 100%;
    border: 2px solid #BDC3C7;
    box-shadow: none;
    color: #34495E;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    min-height: 35px;
    height: auto;
    padding: 5px 10px;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}

    .ingresar-texto:focus {
        border-color: #07aec3;
        outline: 0;
    }

.show img {
    width: 100%;
    height: auto;
}

.showtext {
    float: left;
    position: static;
    width: 100%;
    height: auto;
    background: #fff;
    color: #999;
    font-size: 0.8em;
    background: #FFF;
    padding-bottom: 5%;
    z-index: 2;
    font-weight: bold;
    padding: 5%;
}

.acta-conflicto {
    width: 100%;
    height: auto;
    padding: 0 0 0 20px;
    background: #fff;
    margin: 0 0 20px 0;
}

    .acta-conflicto h4 {
        font-size: 1.4em !important;
    }

/*CARGA DE ACTAS*/

.acta-cargada {
    font-size: 14px;
}

.resizable {
    display: block;
    width: 100%;
    height: 50%;
    margin: 40px 0 0 0;
}

.myframe {
    float: left;
    min-width: 30%;
    width: 50%;
    max-width: 70%;
    max-height: 38em;
    overflow: hidden;
    padding-right: 1%;
    border-right: thick #ccc solid;
    background: url(../img/handler.jpg) no-repeat center right;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 15px;
    right: -5px;
    top: 0;
    height: 430%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: 0px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: fixed;
    z-index: 300;
    border: 1px dotted black;
}

.demo {
    float: left;
    margin: 0.8em 0 0 0;
}

.switch-button-label {
    float: left;
    font-size: 1em;
    cursor: pointer;
}

    .switch-button-label.off {
        color: #adadad;
    }

    .switch-button-label.on {
        color: #433e2a;
    }

.switch-button-background {
    float: left;
    position: relative;
    background: #ccc;
    border: 1px solid #433e2a;
    margin: 1px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.switch-button-button {
    position: absolute;
    left: -1px;
    top: -1px;
    background: #433e2a;
    border: 1px solid #433e2a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datos-bk-dominio {
    padding: 15px;
    border: 1px #cccccc solid;
    background: #ffffff;
    float: left;
    margin-top: 15px;
    width: 100%;
    margin: 0px 0 0 0px;
    font-size: 13px;
    border-radius: 3px;
    margin-top: 20px;
}

    .datos-bk-dominio .title {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
        margin-bottom: 15px;
    }

    .datos-bk-dominio .dataFirst {
        font-size: 13px;
        font-weight: bold;
        display: block;
    }

    .datos-bk-dominio span {
        display: inline-block;
    }


.feedback-dominio {
    float: left;
    padding: 1%;
    height: auto;
    border: 1px solid #ccc;
    background: #fff;
    margin: 20px 0 0 0;
    font-family: 'Open Sans', Sans Serif;
    color: #433e2a !important;
    font-size: 0.9em;
    line-height: 1.5em;
}

.feedback-dominio {
    float: left;
    padding: 1%;
    height: auto;
    border: 1px solid #ccc;
    background: #fff;
    margin: 20px 0 0 0;
    font-family: 'Open Sans', Sans Serif;
    color: #433e2a !important;
    font-size: 0.9em;
    line-height: 1.5em;
}

    .feedback-dominio span label {
        font-family: 'Open Sans', Sans Serif !important;
        color: #0078e5 !important;
        font-size: 1em;
        line-height: 1.5em;
    }

.feed-txt {
    float: left;
    width: 100%;
    padding: 1%;
    height: auto;
    min-height: 30px;
    background: #ffffff;
    text-align: center;
    line-height: 1.5em;
    font-family: 'Open Sans', Sans Serif;
    color: #433e2a !important;
    margin: 20px 0;
}

    .feed-txt:hover {
        -webkit-transition: 0.25s;
        transition: 0.25s;
        background: #f6f6f6;
    }

    .feed-txt p {
        float: left;
        width: 100%;
        font-size: 0.95em;
    }

    .feed-txt i {
        float: left;
        width: 100%;
        font-size: 4em;
        margin: 10px 0;
    }

.myframe2 {
    float: left;
    min-width: 30%;
    width: 50%;
    max-width: 70%;
    max-height: 70vh;
    overflow: hidden;
    position: relative;
}

.contenedorActaImagen {
    max-height: 85vh;
    overflow: hidden;
    position: relative;
    padding: 15px 8px;
    background: #fff;
    border-radius: 4px;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.conenedorDatosActaCarga {
    max-height: 80vh;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    border: none;
}

.border-top-grey {
    border-top: 1px solid #ccc;
    padding: 15px 0;
}

.contenedor-derecho {
    max-height: 80vh;
    float: left;
    position: relative;
}



/*********************
		 File Input
   **********************/

.file-field {
    position: relative
}

    .file-field .file-path-wrapper {
        overflow: hidden;
        padding-left: 10px
    }

    .file-field input.file-path {
        width: 100%
    }

.btn-examinar {
    border-radius: 0px;
    box-shadow: none;
    cursor: pointer;
    font-size: 11px !important;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #222222;
    color: #fff;
    box-shadow: none;
    border: none;
    cursor: pointer !important;
    height: 40px;
}

    .btn-examinar:hover {
        color: #fff !important;
        background: #07aec3 !important;
        cursor: pointer !important;
    }

    .btn-examinar input {
        cursor: pointer;
    }

        .btn-examinar input span {
            cursor: pointer;
        }

.file-field .btn,
.file-field .btn-large {
    /* float: left;*/
    border-radius: 0px !important;
}

.file-field span {
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 12px;
}

.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0px;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 55px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    height: 40px;
}




.invoiceBox input[type=file] {
    display: none;
}

.invoiceBox label {
    display: block;
}

.boxFile {
    display: inline-block;
    width: 100%;
    background: #222;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .boxFile:hover {
        cursor: pointer;
        background: #07aec3;
        color: #fff;
    }

    .boxFile i {
        display: block;
        font-size: 26px;
        margin-bottom: 5px;
    }



.fullframe {
    width: 100% !important;
    max-width: 100% !important;
    background: none !important;
    border-right: none !important;
    margin: 0;
    padding: 0;
    overflow-y: none !important;
    overflow-x: none !important;
}

.obt-acta {
    float: left;
    width: auto;
    margin: 0 0 0 10px;
    background: #0078e5;
    z-index: 0;
    color: #fff;
    text-decoration: none;
    padding: 7px;
    border: 0;
}

    .obt-acta:hover {
        color: #07aec3;
        -webkit-transition: 0.25s;
        transition: 0.25s;
        border: 0;
    }

.dat-acta {
    margin: 15px 0 0 0;
    width: 80%;
}

.title-acta {
    float: left;
    width: 100%;
    border-radius: 3px 3px 0 0;
    background: #1f1e2e;
    z-index: 0;
    padding: 5px;
}

    .title-acta:after {
        clear: both;
    }

    .title-acta h3 {
        color: #FFFFFF;
        font: 0.95em;
        margin: 0 10px 0 10px;
        display: inline-block;
    }




.panzoom-wrap {
    position: relative;
    height: 120em;
    background: #fff;
    overflow: hidden;
    z-index: 0;
    margin: 0 0 0 1%;
}

.panzoom-wrap2 {
    position: relative;
    margin: 0;
    width: 100%;
    height: 900px;
    background: #fff;
    overflow: hidden;
    z-index: 0;
}

.panzoom {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    z-index: 0;
}
/*
.buttons {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    margin: 0;
    padding: 0;
}*/



/*new plug*/
/*
   * cursors
   */
.lhp_cursor_drag {
    cursor: url(../img/cursorDrag.png), move;
}

.lhp_cursor_hand {
    cursor: url(../img/cursorHand.png), default;
}

/*
	* navigation
	*/
.lhp_miv_nav {
    position: absolute;
    z-index: 5;
}

.lhp_miv_nav_pos_T {
    top: 5px;
    left: 50%;
}

.lhp_miv_nav_pos_TL {
    top: 5px;
    left: 5px;
}

.lhp_miv_nav_pos_TR {
    top: 5px;
    right: 5px;
}

.lhp_miv_nav_pos_B {
    bottom: 5px;
    left: 50%;
}

.lhp_miv_nav_pos_BL {
    bottom: 5px;
    left: 5px;
}

.lhp_miv_nav_pos_BR {
    bottom: 5px;
    right: 5px;
}

.lhp_miv_nav_pos_L {
    left: 5px;
    top: 50%;
}

.lhp_miv_nav_pos_R {
    right: 5px;
    top: 50%;
}

.lhp_miv_nav ul {
    margin: 0;
    padding: 0;
}

    .lhp_miv_nav ul li {
        position: relative;
        padding: 4px 0;
        cursor: pointer;
        float: left;
        list-style: none;
        margin-right: 1px;
        margin-bottom: 1px;
    }

        .lhp_miv_nav ul li span {
            float: left;
            margin: 0 4px;
        }

ul li.lhp_miv_nav_btt_disab {
    cursor: default;
}

/*
   * map palette
   */
.lhp_miv_map {
    position: absolute;
    z-index: 4;
}

.lhp_miv_map_pos_T {
    left: 50%;
}

.lhp_miv_map_pos_TL {
}

.lhp_miv_map_pos_TR {
    position: absolute;
    right: 0;
}

.lhp_miv_map_pos_B {
    left: 50%;
    bottom: 0;
    position: absolute;
}

.lhp_miv_map_pos_BL {
    bottom: 0;
    position: absolute;
}

.lhp_miv_map_pos_BR {
    bottom: 0;
    right: 0;
    position: absolute;
}

.lhp_miv_map_pos_L {
    top: 50%;
}

.lhp_miv_map_pos_R {
    right: 0;
    position: absolute;
    top: 50%;
}

.lhp_miv_map_wrapp_hol {
    position: relative;
    overflow: hidden;
    border: 1px solid #0f0f0f;
}

.lhp_miv_map_wrapp_hol_T {
    border-top: none;
}

.lhp_miv_map_wrapp_hol_TL {
    border-top: none;
    border-left: none;
}

.lhp_miv_map_wrapp_hol_TR {
    border-right: none;
    border-top: none;
}

.lhp_miv_map_wrapp_hol_B {
    position: absolute;
    border-bottom: none;
}

.lhp_miv_map_wrapp_hol_BL {
    border-left: none;
    border-bottom: none;
}

.lhp_miv_map_wrapp_hol_BR {
    border-right: none;
    border-bottom: none;
}

.lhp_miv_map_wrapp_hol_L {
    border-left: none;
}

.lhp_miv_map_wrapp_hol_R {
    border-right: none;
}

.lhp_miv_map_vr {
    background: #000;
    opacity: 0.5;
}

.lhp_miv_map_vr_over {
    background: #4cf1fe;
}

/*
	* preloader
	*/
.lhp_miv_preload_holder {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    z-index: 10000;
    width: 33px;
    height: 33px;
    background: #fff url('../img/preloader.gif') no-repeat center;
    opacity: .5;
    border-radius: 17px;
}

/*
   * info box
   */
.lhp_miv_infoBox_holder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 2px 6px;
    background: #262626;
    font: 10px arial, sans-serif;
    color: #ddd;
    display: none;
}

/*
   * markers
   */
.lhp_miv_hotspot .lhp_miv_marker {
}

.lhp_miv_hotspot .pos-TL {
}

.lhp_miv_hotspot .pos-T {
    position: relative;
    left: -50%;
}

.lhp_miv_hotspot .pos-TR {
    position: relative;
    left: -100%;
}

.lhp_miv_hotspot .pos-L {
    position: relative;
    top: -50%;
}

.lhp_miv_hotspot .pos-C {
    position: relative;
    top: -50%;
    left: -50%;
}

.lhp_miv_hotspot .pos-R {
    position: relative;
    top: -50%;
    left: -100%;
}

.lhp_miv_hotspot .pos-BL {
    position: relative;
    top: -100%;
}

.lhp_miv_hotspot .pos-B {
    position: relative;
    top: -100%;
    left: -50%;
}

.lhp_miv_hotspot .pos-BR {
    position: relative;
    top: -100%;
    left: -100%;
}

.lhp_miv_popup_close {
    position: absolute;
    z-index: 1000;
    width: 15px;
    height: 15px;
    right: 14px;
    top: 14px;
    cursor: pointer;
    border-radius: 5px;
    background: #00c6ff url('lhp_miv/popupClose.png') no-repeat center;
}

#left_panel {
    width: 192px;
    height: 100px;
    float: left;
    padding: 3px;
    background-color: #FF0000;
}

#content {
    padding: 3px;
    width: 394px;
    height: 100px;
    float: left;
    background-color: #9999FF;
}

/*Estilos para el control de las imagenes*/

.flex {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

    .flex li {
        display: flex;
        float: left;
        list-style-type: none;
    }

.barchart-np {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 300px;
    transition: all .2s ease;
}

/*progress bar*/
.ranking-juz {
    background: #fff;
    padding: 0 0 20px 0;
    margin: 20px 0 0 0;
    flex-wrap: wrap
}

a .ranking-juz.disabled {
    background: #f7f7f7;
}

.ranking-juz.disabled p,
.ranking-juz.disabled .full,
.ranking-juz.disabled h4 {
    opacity: 0.5;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.ranking-juz:hover {
    background: #f7f7f7;
}

    .ranking-juz:hover p,
    .ranking-juz:hover .full,
    .ranking-juz:hover h4 {
        opacity: 0.5;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

/*
   .ranking-juz:active  p, .ranking-juz:active  .full, .ranking-juz:active  h4{
	   opacity: 1;
	   -webkit-transition: 0.25s;
	   transition: 0.25s;		
   }*/
.ranking-juz .progress {
    float: left;
    margin: 1% 0 0 0;
    height: 8px;
    position: relative;
    z-index: 1;
    border-radius: 0;
    background-color: #e6e6e6;
    width: 68%;
}

.ranking-juz .progress-actas {
    float: left;
    display: inline-block;
    text-align: left;
    font-family: 'Open Sans';
    font-size: 0.8em;
    width: 10%;
    color: #000;
}

.ranking-juz .progress-name {
    float: left;
    height: auto;
    text-align: left;
    font-family: 'Open Sans';
    font-size: 0.8em;
    width: 18%;
    margin: 0.5% 0 0 0 !important;
    color: #000;
}

.ranking-juz p {
    text-align: center;
    font-size: 1.5em;
    flex: 1 1 1;
}

.sinpadding [class*="col-"] {
    padding: 0 !important;
}

.ranking {
    margin-top: 30px;
}

    .ranking p.note {
        font-size: 14px;
    }

.title-total {
    width: 100%;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #0078e5;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1em;
    padding: 0;
    margin: 0 0 0;
    background: 0;
}

.total {
    width: 100%;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #0078e5;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1em;
    padding: 0;
    margin: 0 0 0;
    background: 0;
    text-align: right;
}

.ranking .progress {
    float: left;
    margin: 1% 0 0 0;
    height: 6px;
    position: relative;
    z-index: 1;
    border-radius: 0;
    background-color: #e6e6e6;
    width: 58%;
}

.ranking .progress-actas {
    float: left;
    display: inline-block;
    text-align: left;
    font-family: 'Open Sans';
    font-size: 0.9em;
    width: 18%;
}

.ranking .progress-name {
    float: left;
    height: auto;
    text-align: left;
    font-family: 'Open Sans';
    font-size: 0.9em;
    width: 100%;
    margin: 0.5% 0 0 0 !important;
}

.progress-bar {
    transition: width 2.5s ease 0s !important;
}


    .progress-bar.manuales {
        background-color: #6abf11!important;
    }

    .progress-bar.digitales {
        background-color: #e2a01e !important;
    }

    .progress-name {
        margin: 0 1% 1% 0% !important;
    }

.progress-actas {
    margin: 0 1% 1% 2% !important;
}

.canvas-holder {
    float: left;
    width: 15em;
    margin: 0;
    padding: 0;
}

    .canvas-holder canvas {
        float: left;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

.canvasitem {
    min-height: 100px;
}

.monitor_actas {
    margin-top: 30px;
    Background-color: #fff;
    padding: 0 0 1em 0;
}

    .monitor_actas h4 {
        text-align: center;
    }

    .monitor_actas ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        margin: 0 0 20px 0;
    }

.cont-total-actas {
    margin: 30px 0 0 0;
    float: left;
    width: 100%;
}

.monitor_actas li {
    display: inline-block;
    margin: 0 1%;
    font-size: 12px;
}

.violet {
    color: #756cbb !important
}

.blue {
    color: #756cbb !important
}

.cyan {
    color: #2a80b9 !important
}

.dgreen {
    color: #00695c !important
}

.lgreen {
    color: #16a086 !important
}

.lemon {
    color: #b3d331 !important
}

.yellow {
    color: #e8d137 !important
}

.orangeL {
    color: #f97d01 !important
}

.red {
    color: #b31622 !important
}

.pink {
    color: #F7464A !important
}





.lgrey {
    color: #4D5360 !important
}

/**/

.preloader {
    position: fixed;
    width: 100%;
    min-height: 100%;
    z-index: 3000;
    background-color: rgba(255, 255, 255, 0.7);
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #999;
}

.prelowrap {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 20% auto;
}

.preloader-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
}

    .preloader-wrapper.active {
        -webkit-animation: container-rotate 1568ms linear infinite;
        animation: container-rotate 1568ms linear infinite;
    }

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes container-rotate {
    to {
        transform: rotate(360deg);
    }
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}


.spinner-green,
.spinner-green-only {
    border-color: #0078e5;
}

.active .spinner-layer.spinner-green-only {
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {

    12.5% {
        -webkit-transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
    }
}

@keyframes fill-unfill-rotate {

    12.5% {
        transform: rotate(135deg);
    }

    25% {
        transform: rotate(270deg);
    }

    37.5% {
        transform: rotate(405deg);
    }

    50% {
        transform: rotate(540deg);
    }

    62.5% {
        transform: rotate(675deg);
    }

    75% {
        transform: rotate(810deg);
    }

    87.5% {
        transform: rotate(945deg);
    }

    to {
        transform: rotate(1080deg);
    }
}


@-webkit-keyframes green-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes green-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

    .gap-patch .circle {
        width: 1000%;
        left: -450%;
    }

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

    .circle-clipper .circle {
        width: 200%;
        height: 100%;
        border-width: 3px;
        border-style: solid;
        border-color: inherit;
        border-bottom-color: transparent !important;
        border-radius: 50%;
        -webkit-animation: none;
        animation: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .circle-clipper.left .circle {
        left: 0;
        border-right-color: transparent !important;
        -webkit-transform: rotate(129deg);
        transform: rotate(129deg);
    }

    .circle-clipper.right .circle {
        left: -100%;
        border-left-color: transparent !important;
        -webkit-transform: rotate(-129deg);
        transform: rotate(-129deg);
    }

.active .circle-clipper.left .circle {
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
    }
}

@keyframes left-spin {
    from {
        transform: rotate(130deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(130deg);
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
    }
}

@keyframes right-spin {
    from {
        transform: rotate(-130deg);
    }

    50% {
        transform: rotate(5deg);
    }

    to {
        transform: rotate(-130deg);
    }
}

#spinnerContainer.cooldown {
    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
    animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}



.overlay {
    position: fixed;
    width: 100%;
    /* min-height: 100%;*/
    z-index: 3000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
}

.overlay-content {
    position: relative;
    margin: 5% auto;
    width: 50% !important;
    min-height: 250px;
    height: auto;
    max-height: 800px;
    padding: 1%;
    background: #fff;
    box-shadow: 0px 0px 5px #888888;
    -moz-box-shadow: 0px 0px 5px #888888;
    -webkit-box-shadow: 0px 0px 5px #888888;
}

.overlay-image {
    position: relative;
    margin: 5% auto;
    width: 65% !important;
    height: auto;
    /*max-height: 600px;*/
    padding: 1%;
    background: #fff;
    box-shadow: 0px 0px 5px #888888;
    -moz-box-shadow: 0px 0px 5px #888888;
    -webkit-box-shadow: 0px 0px 5px #888888;
}

    .overlay-image.overlay-sm {
        position: relative;
        margin: 5% auto;
        /*max-width: 500px;*/
        height: auto;
        max-height: 100%;
        padding: 0px;
        background: #fff;
        box-shadow: 0px 0px 5px #888888;
        -moz-box-shadow: 0px 0px 5px #888888;
        -webkit-box-shadow: 0px 0px 5px #888888;
    }

    .overlay-image.overlay-lg {
        max-width: 800px !important;
        position: relative;
        margin: 5% auto;
        height: auto;
        max-height: 100%;
        padding: 0px;
        background: #fff;
        box-shadow: 0px 0px 5px #888888;
        -moz-box-shadow: 0px 0px 5px #888888;
        -webkit-box-shadow: 0px 0px 5px #888888;
    }

    .overlay-image img {
        width: 100%;
    }

.overlay-close {
    cursor: pointer;
}

.overlay-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.overlay-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    background:#FFF;
    /*max-width:75%;*/
    height:100%;
}

.overlay-footer {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.overlay-detail p {
    color: #666;
    font-size: 1em;
    font-weight: bold;
}

.modalAmm {
    position: relative;
    margin: 5% auto;
    width: 30% !important;
    height: auto !important;
    padding: 1%;
    background: #fff;
    box-shadow: 0px 0px 5px #888888;
    -moz-box-shadow: 0px 0px 5px #888888;
    -webkit-box-shadow: 0px 0px 5px #888888;
    text-align: center;
}

.modal {
    position: relative;
    margin: 5% auto;
    width: 30% !important;
    height: auto !important;
    padding: 1%;
    background: #fff;
    box-shadow: 0px 0px 5px #888888;
    -moz-box-shadow: 0px 0px 5px #888888;
    -webkit-box-shadow: 0px 0px 5px #888888;
    text-align: center;
}

    .modal.large {
        position: relative;
        margin: 5% auto;
        width: 70% !important;
        height: auto !important;
        padding: 15px;
        background: #fff;
        box-shadow: 0px 0px 5px #888888;
        -moz-box-shadow: 0px 0px 5px #888888;
        -webkit-box-shadow: 0px 0px 5px #888888;
        text-align: left;
    }

.icon {
    font-size: 4em !important;
    margin: 0 0 0 0.15em;
    text-align: center;
}

.icon-title {
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
}

#overlay-dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
}

.overlay-dialog {
    width: 15% !important;
    height: auto;
    padding: 1%;
    background: #fff;
    margin: 15% auto;
}

    .overlay-dialog .warning {
        float: left;
        width: 98%;
        font-size: 0.9em;
        font-weight: bold !important;
        color: #ff4b3c;
        margin: 2% 1% 0 1%;
    }

/* FEEDBACK*/

.warning {
    background: #d6911a;
    padding: 0.5%;
    display: block;
    color: #fff;
    cursor: pointer;
    margin: 0 0 5px 0;
}

.error {
    background: #d01e1e;
    padding: 0.5%;
    display: block;
    color: #fff;
    cursor: pointer;
    margin: 0 0 5px 0;
}

.success {
    background: #5cb85c;
    padding: 0.5%;
    display: block;
    color: #fff;
    cursor: pointer;
    margin: 0 0 5px 0;
}

    .success:hover,
    .error:hover,
    .warning:hover {
        opacity: 0.5;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

/*OVERLAY DETALLES*/

.modulo {
    float: left;
    height: auto;
    margin-top: 50px;
    width: 95%;
}

    .modulo .w20sx {
        float: left;
        width: 20%;
        text-align: center;
    }

        .modulo .w20sx p {
            color: #666666;
            font-size: 0.86em !important;
            margin: 0px !important;
        }

.border-left {
    border-left: 1px solid #CCC;
}


.card {
    background: #fff;
    padding: 30px;
    float: left;
    width: 100%;
    border-top: 30px solid #0078e5;
}

.user-img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 1px solid #0078e5;
    padding: 5px;
}

.user {
    position: relative;
    margin: auto;
    height: 60px;
    width: 60px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    overflow: hidden;
}

.panel {
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
}

.figure {
    border-radius: 75px !important;
    float: right;
    height: 120px !important;
    width: 120px !important;
    margin: 1% !important;
    border: 1px solid #ccc;
    overflow: hidden;
}

    .figure img {
        width: 100%;
    }

.usertext {
    margin: 30px 0 0 0;
    font-weight: bold;
    font-size: 1.2em;
    color: #0078e5;
}

.licencia {
    float: left;
    margin: auto;
    height: 3.125em;
    width: 3.125em;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    overflow: hidden;
}

    .licencia a:hover {
        float: left;
        margin: auto;
        height: 3.125em;
        width: 3.125em;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        overflow: hidden;
        opacity: 0.5;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

    .licencia a img {
        width: 100%;
    }

.modulo .w68lx span {
    text-align: center;
    color: #666666;
    font-size: 0.9em;
}

.modulo .w68lx p {
    margin: 0px !important;
}

.list {
    margin-top: 40px;
}

table {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    background: #fff;
}

    table tr.title th {
        text-align: left;
        color: #0f89db;
        font-weight: bold;
        font-size: 0.8em;
        padding: 15px 0 10px 0.5em;
        border-bottom: 1px solid #CCC;
        background: #fff;
    }

    table tr {
        color: #44402f;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

        table tr:hover {
            color: #0078e5;
            -webkit-transition: 0.25s;
            transition: 0.25s;
        }

.table td {
    padding: 20px 10px !important;
    padding: 0.2% 0.5em;
    font-size: 0.8em;
    color: #666;
}



.link-detail {
    font-size: 25px;
    padding: 5px;
    display: inline-block;
    line-height: 0px;
}

a.link-detail.disabled {
    color: #ccc !important;
    cursor: no-drop;
}

table td span,
.feedback-dominio .full-98 .w10 span {
    display: block;
    height: 1.4em;
    width: 1.4em;
    background: #ffffff;
    font-size: 1.4em;
}

    table td span a,
    .feedback-dominio .full-98 .w10 span a {
        display: block;
        color: #002171;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

        table tr td span a:hover,
        .feedback-dominio .full-98 .w10 span a:hover {
            display: block;
            color: #07aec3;
            -webkit-transition: 0.25s;
            transition: 0.25s;
        }

        table td span a.disabled {
            display: block;
            background: #fff;
            border: 1px solid #ccc;
            color: #dddddd;
            height: 1.4em;
            width: 1.4em;
            line-height: 1.3em;
            -webkit-transition: 0.25s;
            transition: 0.25s;
        }

table tr td span a.disabled:hover {
    color: #dddddd;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    cursor: default;
    background: #fff;
}

.center {
    text-align: center;
}

table td figure {
    height: 30px;
    padding: 0;
    background: none;
}

    table td figure img {
        height: 100%;
        width: auto;
    }


.title-list {
    float: left;
    margin: 0;
    color: #44402f;
    font-size: 1em;
    line-height: 0.95em;
    font-weight: bold;
    margin: 30px 0 0 0;
}

    .title-list span,
    .label span {
        margin: 0;
        color: #005ba8;
        font-size: 0.8em;
        line-height: 0.95em;
        font-weight: none;
    }



.pager {
    /*border-bottom: 1px solid #CCC;*/
}



.pagination-list {
    display: flex;
    padding-left: 0;
    list-style: none;
}

    .pagination-list .page-link {
        line-height: 1.25;
        position: relative;
        display: block;
        margin-left: -1px;
        padding: .5rem .75rem;
        color: #8898aa;
        border: 1px solid #dee2e6;
        background-color: #fff;
        border-radius: 50%;
    }

        .pagination-list .page-link:hover {
            z-index: 2;
            text-decoration: none;
            color: #8898aa;
            border-color: #dee2e6;
            background-color: #dee2e6;
        }

        .pagination-list .page-link:focus {
            z-index: 3;
            outline: 0;
            box-shadow: none;
        }

    .pagination-list .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: .375rem;
        border-bottom-left-radius: .375rem;
    }

.page-item:last-child .page-link {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
}

.page-link.active {
    color: #fff !important;
    background: #0f8a99 !important;
    border: 0px;
}

.page-item.disabled .page-link {
    cursor: auto;
    pointer-events: none;
    color: #8898aa;
    border-color: #dee2e6;
    background-color: #fff;
}

.pagination-lg .page-link {
    font-size: 1.25rem;
    line-height: 1.5;
    padding: .75rem 1.5rem;
}

.page-item .page-link,
.page-item span {
    font-size: .875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}



.paginas {
    line-height: 43px;
    float: left;
    display: inline-block;
    margin: 0;
    color: #44402f;
    font-size: 1em;
    font-weight: bold;
}

    .paginas span {
        margin: 0;
        color: #0078e5;
        line-height: 0.95em;
        font-weight: none;
    }

.pager ul {
    float: right;
    display: inline-block;
    list-style: none;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

    .pager ul li {
        float: left !important;
        text-align: center;
    }

        .pager ul li a {
            line-height: 43px;
            padding: 0 5px;
            margin: 0 5px;
            text-decoration: none;
            color: #44402f;
            font-weight: bold;
            border: none !important;
        }

            .pager ul li a:hover {
                text-decoration: none;
                color: #0f89db;
            }

        .pager ul li.active a {
            text-decoration: none;
            color: #0f89db;
            font-weight: bold;
        }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #DDD;
}

.table {
    background: #fff;
}

.arrow-left {
    float: left;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
}

.arrow-right {
    float: left;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
}



/*
   * ==========================================================
   *      SECTION ESTADISTICAS TOP
   * ==========================================================
   */


.dona-chart {
}


.card.estadistica {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
    background-color: #FFFFFF;
    border-top: 0px;
    padding: 15px;
}



    .card.estadistica .content {
        padding: 0px;
    }

    .card.estadistica .header {
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }

    .card.estadistica .category,
    .card.estadistica label {
        font-size: 14px;
        font-weight: 400;
        color: #9A9A9A;
        margin-bottom: 0px;
        margin-top: 2px;
    }

        .card.estadistica .category i,
        .card.estadistica label i {
            font-size: 16px;
        }

    .card.estadistica label {
        font-size: 12px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .card.estadistica .title {
        margin: 0;
        color: #333333;
        font-weight: 300;
    }

    .card.estadistica h4 {
        float: none;
        font-size: 25px;
    }


    .card.estadistica.description {
        font-size: 14px;
        color: #333;
    }

    .card.estadistica .footer {
        padding: 0;
        background-color: transparent;
        margin-top: 15px;
    }


.label-card {
    font-family: Arial;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    text-transform: none;
    display: block;
}

.result-label-card {
    font-family: Arial;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}



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

.no-margin {
    margin: 0px !important;
}

.card.estadistica .legend {
    padding: 5px 0;
    font-size: 13px;
}

.legend span i {
    margin-right: 8px;
}

.min-h {
    min-height: 280px;
}

.card.estadistica .legend span {
    margin-right: 5px;
    margin-top: 10px;
    display: inline-block;
}


.card.estadistica .footer hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.card.estadistica .stats {
    color: #a9a9a9;
}

.card.estadistica .footer div {
    display: inline-block;
}

.card.estadistica .author {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

    .card.estadistica .author i {
        font-size: 14px;
    }

.card.estadistica h6 {
    font-size: 12px;
    margin: 0;
}

.card.estadistica.card-separator:after {
    height: 100%;
    right: -15px;
    top: 0;
    width: 1px;
    background-color: #DDDDDD;
    content: "";
    position: absolute;
}

.card.estadistica .ct-chart {
}





/**/

.title-detail {
    float: left;
    width: 100%;
    height: 25px;
    margin: 15px 0 0 0;
    background: #07aec3;
    z-index: 0;
}

    .title-detail h3,
    .title-detail .h3detail h3 {
        color: #FFFFFF;
        font-size: 0.95em !important;
        margin: 0 0 0 10px;
        display: inline-block;
    }

    .title-detail .estado {
        float: right;
        height: 25px;
        width: 20%;
        background: #0078e5;
        text-align: left;
    }

    .title-detail .button-action {
        float: right;
        height: 25px;
        width: 25px;
        background: #0078e5;
        z-index: 0;
        margin: 0 0 0 2px;
        text-align: center
    }

    .title-detail .button-action-disabled {
        float: right;
        height: 25px;
        width: 25px;
        background: #07aec3;
        z-index: 0;
        margin: 0 0 0 2px;
        text-align: center;
        color: #fff;
    }

        .title-detail .button-action a i,
        .title-detail .button-action-disabled a i {
            color: #fff;
            font-size: 1em;
        }

    .title-detail .button-action a:hover i {
        color: #07aec3;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

    .title-detail .button-action a {
        width: 100%;
        height: 100%;
        display: block;
    }

.h3detail {
    float: left;
    width: 67% !important;
    font-size: 0.9em;
}

.detail-result {
    float: left;
    width: 67% !important;
    font-size: 0.9em;
    color: #433e2a;
    margin: 30px 0 0 0;
}

.detail-result1 {
    float: left;
    width: 99% !important;
    font-size: 0.9em;
    color: #433e2a;
    margin: 30px 0 0 0;
}

.b-bot-brown {
    border-bottom: 1px solid #433e2a;
    padding-bottom: 15px;
}

.preview {
    /* margin: 30px 0 0 0;*/
    width: 100%;
    min-height: 1200px;
    background: #fff;
    overflow: hidden;
    z-index: 0;
    padding: 10px;
}

    .preview img {
        width: 100%;
    }

.zindex0 {
    z-index: 0;
}

.relativo {
    position: relative;
}

.infracciones {
    float: left;
    width: 100%;
    padding: 1%;
    background: #fff;
    margin: 30px 0 0 0;
    color: #d27a2e;
}


/*FORMULARIOS*/

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group.date .input-group-addon {
        cursor: pointer;
        list-style: none !important;
        border-radius: 0 !important;
        border-right: 2px solid #ccc !important;
        border-top: 2px solid #ccc !important;
        border-bottom: 2px solid #ccc !important;
    }

        .input-group.date .input-group-addon a {
            color: #07aec3 !important
        }

            .input-group.date .input-group-addon a:hover {
                color: #07aec3;
                text-decoration: none;
            }

input[type=checkbox] {
}

.checkbox-1 {
    width: 13px;
    height: 13px;
    background: #fff;
    position: relative;
    border-radius: 3px;
    border: 1px solid #0078e5;
}

    .checkbox-1 label {
        display: block;
        color: #0078e5;
        width: 7px;
        height: 7px;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        -ms-transition: all .7s ease;
        transition: all .7s ease;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        left: 2px;
        top: 2px;
    }

    .checkbox-1 input[type=checkbox]:checked + label {
        left: 2px;
        top: 2px;
        background: #0078e5;
        width: 7px;
        height: 7px;
        border-radius: 2px;
    }

.checkbox-2 {
    width: 200px;
    height: 40px;
    background: #664477;
    margin: 0 40px;
    border-radius: 50px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

    .checkbox-2:before {
        content: 'Sí';
        position: absolute;
        top: 0;
        left: 20px;
        color: #19DD89;
        font-size: 20px;
        line-height: 40px;
        text-shadow: 0 0 2px #FFFFFF;
    }

    .checkbox-2:after {
        content: 'No';
        color: #BCB589;
        position: absolute;
        top: 0px;
        right: 20px;
        font-size: 20px;
        line-height: 40px;
        text-shadow: 0 0 1px #000000;
    }

    .checkbox-2 label {
        background: #BCB589;
        display: block;
        width: 75px;
        height: 22px;
        border-radius: 50px;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        -ms-transition: all .7s ease;
        transition: all .7s ease;
        cursor: pointer;
        position: absolute;
        top: 9px;
        z-index: 1;
        left: 10px;
    }

    .checkbox-2 input[type=checkbox]:checked + label {
        left: 115px;
        background: #19DD89;
    }

.check {
    float: left;
    margin: 1.1em 0 0 20px;
}

.switch-button-label.on {
    color: #0078e5 !important;
}

span.examinar {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    background: #433e2a url(../img/upload.png) no-repeat center;
    overflow: hidden;
    text-align: center !important;
    padding: 0.5em 0;
}

    span.examinar:hover {
        background: #6f6a55 url(../img/upload.png) no-repeat center;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

    span.examinar:before {
        text-align: center !important;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        color: #fff;
        cursor: pointer;
    }

    span.examinar input {
        display: block !important;
        width: 100% !important;
        height: 40px !important;
        opacity: 0 !important;
        left: -50%;
        overflow: hidden !important;
        cursor: pointer;
        z-index: 100;
    }

.previewlic {
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
    padding: 20px;
    margin: 30px 0 0 0;
    overflow: hidden;
}

    .previewlic img {
        width: 100% !important;
    }

.preview1 {
    position: relative;
    float: left;
    width: 99%;
    height: 200px;
    padding: 0;
    margin: 1%;
    overflow: hidden;
}

    .preview1 img {
        width: 100% !important;
    }

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"] {
    padding: 5px 10px;
}

input[type="file"] {
    display: block;
}

select[multiple],
select[size] {
    height: auto;
}

select optgroup {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
}



input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
}


.placeholder,
.empty {
    color: #666;
}

input:-moz-placeholder {
    color: #666;
}

input::-moz-placeholder {
    color: #666;
}

input:-ms-input-placeholder {
    color: #666;
}

input::-webkit-input-placeholder {
    color: #666;
}

input[type="text"],
input[type="datetime"],
input[type="password"],
select {
    width: 100%;
    border-radius: 3px;
    height: 40px !important;
    /*  border: 2px solid #ccc!important;*/
    box-shadow: none;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    /*font-size: 0.875em;*/
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}

    input:focus,
    select:focus {
        border-color: #07aec3 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

textarea {
    width: 100%;
    border: 2px solid #ccc;
    box-shadow: none;
    color: #34495E;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    height: 35px;
    padding: 5px 10px;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}

    textarea.texthight {
        width: 100%;
        border: 2px solid #ccc;
        box-shadow: none;
        color: #34495E;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 0.875em;
        height: 150px !important;
        resize: none;
        padding: 5px 10px;
        transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
    }

    textarea:focus {
        border-color: #07aec3;
        outline: 0;
    }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
}

textarea.form-control {
    height: 200px;
    width: 100%;
}

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

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


textarea.input-sm {
    height: auto;
}

.input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

textarea.input-lg {
    height: auto;
}

.genderfeed {
    float: right;
    height: 30px;
    width: 30px;
}

.has-warning .help-block,
.has-warning .control-label {
    color: #d6911a !important;
}

.has-warning {
    border-color: #d6911a !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,  0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background: url("../img/alerta.png") no-repeat scroll left center #FFFFFF !important;
    padding-left: 25px !important;
}

    .has-warning:focus {
       
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    }

.group-has-warning {
    float: left;
    color: #d6911a;
    background-color: #fff;
    border: #d6911a 2px solid !important;
    background: url("../img/alerta.png") no-repeat scroll left center #FFFFFF !important;
    padding-left: 25px !important;
}

    .group-has-warning .m1ptop {
        height: 31px;
        padding: 3%;
    }


.has-error .help-block,
.has-error .control-label {
    color: #a9342b !important;
}

.has-error {
    border-color: #a9342b !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: url("../img/invalido.png") no-repeat scroll left center #FFFFFF !important;
    padding-left: 25px !important;
}

    .has-error:focus {
        border-color: #a9342b !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    }

    .has-error input[type="checkbox"], .has-error input[type="radio"] {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a9342b;
    }

.group-has-error {
    float: left;
    color: #d6911a;
    background-color: #fff;
    border: #d6911a 2px solid !important;
    background: url("../img/invalido.png") no-repeat scroll left center #FFFFFF !important;
    padding-left: 25px !important;
}

    .group-has-error .m1ptop {
        height: 31px;
        padding: 3%;
    }

.has-success .help-block,
.has-success .control-label {
    color: #217b7e !important;
}

.has-success {
    border-color: #217b7e !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background: url("../img/valido.png") no-repeat scroll left center #FFFFFF !important;
    padding-left: 25px !important;
}

    .has-success:focus {
        border-color: #217b7e !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    }

    .has-success .input-group-addon {
        color: #217b7e !important;
        background-color: #dff0d8;
        border-color: #468847;
    }

.form-control-static {
    padding-top: 7px;
    margin-bottom: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.btn {
    border-radius: 0 !important;
}

.btn-logon {
    border-radius: 100px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #0078e5;
    color: #fff;
    box-shadow: none;
    border: none;
}

    .btn-logon:hover,
    .btn-logon:active {
        background: #07aec3;
    }

.cont-btn-logon {
    text-align: center;
}


a.btn-logon {
    width: 100%;
    height: 40px;
    background: #dc9a49;
    color: #fff;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    ;
}

a:hover .btn-logon {
    background: #dc9a49;
}

a:focus .btn-logon {
    background: #dc9a49;
    outline: 0;
}



.button {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    /*background: #087381;*/
    background: #000000;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

.button--cancel {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #333;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

    .button--cancel:hover {
        background: #999;
    }

.button-white {
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.7);
    color: #087381;
    box-shadow: none;
    border: none;
    outline: none;
}

    .button-white:hover {
        /* background: #07aec3;*/
        background: #07aec3;
        color: #fff;
        -webkit-transition: 0.25s;
        transition: 0.25s;
        outline: none;
    }


.button:hover {
    background: #07aec3 !important;
    color: #fff;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    outline: none;
    text-decoration: none !important;
}

.button-red {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #db332f;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

    .button-red:hover {
        background: #991d1d;
        text-decoration: none;
    }


.btn-black-lg {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #222;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
    width: calc(10px + 100px);
}

    .btn-black-lg:hover {
        background: #3d3c3b;
        text-decoration: none;
    }

.button-black {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #222;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

    .button-black:hover {
        background: #3d3c3b;
        text-decoration: none;
    }


.button-grey {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #333;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

    .button-grey:hover {
        background: #666;
        text-decoration: none;
    }

.button-lightgrey {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #999;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

.button-ligthgrey:hover {
    background: #ccc !important;
    text-decoration: none;
}

.button-primary {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #222;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

    .button-primary:hover {
        background: #3d3c3b;
        text-decoration: none;
    }

.button-secondary {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #6c7174;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

    .button-secondary:hover {
        background: #464849;
        text-decoration: none;
    }

.btn.btn-light-success {
    color: #1bc5bd !important;
    background-color: #c9f7f5;
    border-color: transparent;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
}

    .btn.btn-light-success:hover {
        color: #fff !important;
        background-color: #1bc5bd;
    }

.aspNetDisabled {
    background: #888888;
    cursor: not-allowed;
    display: inline-block;
}


.button-sec {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #07aec3;
    color: #fff !important;
    box-shadow: none;
    border: none;
    display: inline-block;
}

    .button-sec:hover {
        background: #49b2c0;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

.aspNetDisabled:hover {
    background: #888888 !important;
    cursor: not-allowed;
}

.aspNetDisabled.card-link {
    display: block !important;
}


.btn-volver-titulo {
    font-size: 40px;
    padding: 0px 15px;
}

    .btn-volver-titulo:hover, .btn-volver-titulo:active, .btn-volver-titulo:focus {
        color: #333 !important;
        font-size: 40px;
        padding: 0px 15px;
        text-decoration: none !important;
    }

.button a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
}

.button-width {
    width: 100%;
}

.button-width-40 {
    width: 40%;
}

.button-line {
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    border: 1px solid #0078e5;
    color: #0078e5;
    box-shadow: none;
    background: transparent;
}


    .button-line:hover {
        background: #07aec3;
        color: #fff;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

.button1 {
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
    background: #000000;
    /*background: #087381;*/
    color: #fff;
    box-shadow: none;
    border: none;
}


    .button1:hover {
        background: #07aec3;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

.tracking-button .button1 {
    width: 30%;
    background: transparent;
    border: 1px solid #0078e5;
    color: #0078e5;
}

    .tracking-button .button1:hover {
        background: #07aec3;
        color: #fff;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

.back-traking {
    float: left;
    padding: 0 70px;
    width: 100%;
}

.table.tabletracking > thead > tr > th,
.table.tabletracking > tbody > tr > th,
.table.tabletracking > tfoot > tr > th,
.table.tabletracking > thead > tr > td,
.table.tabletracking > tbody > tr > td,
.table.tabletracking > tfoot > tr > td {
    padding: 15px;
}

/* panel slideout tracking*/

.wrapper-amm {
    height: auto;
    margin: 0 auto -50px;
    min-height: 100%;
    overflow-x: hidden;
    position: relative;
}

.wrapper-amm {
    transition: transform .25s cubic-bezier(.694, .0482, .335, 1), -webkit-transform .25s cubic-bezier(.694, .0482, .335, 1);
}

.title-detail {
    position: relative;
}

    .title-detail .btnTracking {
        position: absolute;
        font-size: 15px;
        text-transform: uppercase;
        color: #333;
        font-weight: bold;
        top: -31px;
        right: 0px;
    }




.panel-slide-out {
    position: absolute;
    top: 1px;
    right: 0px;
    width: 80%;
    min-height: 835px;
    transition: transform .25s cubic-bezier(.694, .0482, .335, 1), -webkit-transform .25s cubic-bezier(.694, .0482, .335, 1);
    transform: translateX(100%);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    will-change: transform;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.9);
}

.panel-open .wrapper-amm > .container {
    transform: translateX(-45px);
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}


@media only screen and (min-width : 1448px) {

    .panel-open .wrapper-amm > .container {
        transform: translateX(-200px);
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0);
    }
}

.panel-open .panel-slide-out {
    transform: translateX(0);
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    background: rgba(255, 255, 255, 0.9);
}



.toggle-title-activity span {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 20px;
    font-weight: bold;
    display: inline-block;
}


.toggle-title-activity span {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 20px;
}

.toggle-title-activity i {
    font-size: 17px;
    color: #009baa;
}


/* panel slideout tracking*/

.back-traking h2 {
    font-size: 20px;
    color: #07aec3;
    margin: 10px 0;
    border-bottom: 3px solid #07aec3;
}

.tracking-button {
    margin: 40px 0;
}

.button1 a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
}





.button2 {
    display: inline-block;
    background: #433e2a;
    width: auto;
    border: 0;
    color: #fff;
    padding: 8px;
    text-align: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

    .button2:hover {
        background: #6f6a55;
        color: #fff;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

    .button2 a {
        display: block;
        height: 100%;
        width: 100%;
        text-decoration: none;
        color: #fff;
    }

button:disabled,
button [disabled],
button1-disabled {
    background: #999;
}

button:hover:disabled,
button:hover[disabled],
button1-disabled {
    background: #999;
}

/*  LINKS  */
td a.green,
a:hover.green {
    text-decoration: underline;
}

a.green,
.green {
    color: #07aec3 !important;
    text-decoration: none;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}




    a.green:hover,
    a.green:focus {
        color: #07aec3;
        text-decoration: none;
    }

a.orange {
    color: #d27a2e;
    text-decoration: none;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

    a.orange:hover,
    a.orange:focus {
        color: #dc9a49;
        text-decoration: none;
    }

.grey {
    color: #666;
    margin: 0 0 20px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

    .grey:hover {
        margin: 0 0 20px;
        color: #002171;
        text-decoration: none;
    }

    .grey:active {
        color: #000;
        -webkit-transition: 0.1s;
        transition: 0.1s;
    }

/* ---------------------------------------------------- SWITCH*/
.switch-button-label {
    float: left;
    font-size: 10pt;
    cursor: pointer;
}

    .switch-button-label.off {
        color: #adadad;
    }

    .switch-button-label.on {
        color: #0088CC;
    }

.switch-button-background {
    float: left;
    position: relative;
    background: #ccc;
    border: 1px solid #aaa;
    margin: 1px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.switch-button-button {
    position: absolute;
    left: -1px;
    top: -1px;
    background: #FAFAFA;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}




/* ---------------------------------------------------- SCROLLBAR*/
.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    /* please don't change 'position' */
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    /* please don't change 'position' */
    right: 1.2em;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    background-color: #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 1;
    filter: alpha(opacity=100);
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0;
    /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    right: 0;
    /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0;
    /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

/* ==========================================================================
	  Helper classes
	  ========================================================================== */
/*
	* Colores
	*/

.blue-amm {
    color: #0078e5;
}

.green {
    color: #002171;
}

.light_orange {
    color: #d38a20;
}

.dark_orange {
    color: #d27a2e;
}

.dark_red {
    color: #a9342b;
}

.white {
    color: #cc6442;
}

.dark_red {
    color: #b64246;
}


.bk-dark_red {
    background: #b64246;
    padding: 5px;
    border-radius: 3px;
}

.brown {
    color: #433e2a;
}

/*
   columnas
   */

.full {
    float: left;
    width: 100%;
    height: auto;
}

.full-98 {
    float: left;
    width: 98%;
    height: auto;
}

.full-90 {
    float: left;
    width: 90%;
    height: auto;
}

/*
	* margenes
	*/

.d-block {
    display: block;
}

label.labelnormal {
    font-weight: normal !important;
}

.display-inline {
    display: inline-block;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.m5 {
    margin: 5px;
}

.m5top {
    margin-top: 5px;
}

.m5bot {
    margin-bottom: 5px;
}

.m5left {
    margin-left: 5px;
}

.m5right {
    margin-right: 5px;
}

.m10 {
    margin: 10px;
}


.m0top {
    margin-top: 0px;
}

.m0bottom {
    margin-bottom: 0px;
}


.m10top {
    margin-top: 10px;
}

.m10bot {
    margin-bottom: 10px;
}

.m10left {
    margin-left: 10px;
}

.m10right {
    margin-right: 10px !important;
}

.m1ptop {
    height: 35px;
    padding: 5%;
}

.m20 {
    margin: 20px;
}

.m20top {
    margin-top: 20px;
}

.m28top {
    margin-top: 28px;
}

.m20bot {
    margin-bottom: 20px;
}

.m20left {
    margin-left: 20px;
}

.m2pleft {
    margin-left: 5%;
}

.m20right {
    margin-right: 20px;
}


.text-right {
    text-align: right;
}

.m30top {
    margin-top: 30px;
}

.m30bot {
    margin-bottom: 30px;
}

.m30left {
    margin-left: 30px;
}

.m30right {
    margin-right: 30px;
}

.m3pleft {
    margin-left: 3%;
}

.m40top {
    margin-top: 40px;
}

.m40bot {
    margin-bottom: 40px;
}

.m40left {
    margin-left: 40px;
}

.m40right {
    margin-right: 40px;
}


.m50top {
    margin-top: 2.3em;
}

.m50bot {
    margin-bottom: 3.125em;
}

.m50left {
    margin-left: 3.125em;
}

.m50right {
    margin-right: 3.125em;
}


.m60top {
    margin-top: 60px;
}

.m60bot {
    margin-bottom: 60px;
}

.m60left {
    margin-left: 60px;
}

.m60right {
    margin-right: 60px;
}



.m70top {
    margin-top: 70px;
}

.m70bot {
    margin-bottom: 70px;
}

.m70left {
    margin-left: 70px;
}

.m70right {
    margin-right: 70px;
}

.m75top {
    margin-top: 4%;
}


.m80top {
    margin-top: 15%;
}

.m80bot {
    margin-bottom: 80px;
}

.m80left {
    margin-left: 80px;
}

.m80right {
    margin-right: 870px;
}

/*
	* anchos
	*/
.wauto {
    float: left;
    width: auto;
    margin-right: 5%;
}

.w10 {
    float: left;
    width: 10%;
}

.w13 {
    float: left;
    width: 13%;
}

.w15 {
    float: left;
    width: 15%;
}

.w15sr {
    display: inline-block;
    width: 13%;
    margin-right: 2%;
}


.w20 {
    float: left;
    width: 20%;
}

.w20sr {
    float: left;
    width: 24%;
    margin-right: 2%;
    height: 100%;
}

.w25 {
    width: 25%;
}

.w28 {
    width: 28.5%;
}

.w30 {
    width: 30%;
}

.w30sr {
    float: left;
    width: 28%;
    margin-right: 2%;
}

.w50sr {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.w30sx {
    width: 25%;
    padding-left: 5%;
}

.w35 {
    width: 35%;
}

.w40 {
    float: left;
    width: 40%;
}

.w40sx {
    float: left;
    width: 38%;
    margin-right: 2%;
}

.w45 {
    float: left;
    width: 45%;
}

.lt-ie8 .w40 {
    width: 38%;
}

.w50 {
    float: left;
    width: 50%;
}

.lt-ie8 .w50 {
    width: 48%;
}

.w60 {
    float: left;
    width: 60%;
}

.w68 {
    width: 68%;
}

.w68lx {
    width: 80%;
    padding-left: 3%;
}

.w70 {
    width: 70%;
}

.w100 {
    width: 100%;
}

.hauto {
    height: auto;
}


.panel.panel-tables {
    border: 1px solid #dbdbdb !important;
}



.bootstrap-datetimepicker-widget .list-unstyled {
    display: inline-block;
    margin: 5px;
}

.xdsoft_datetimepicker {
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

    .xdsoft_datetimepicker iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 75px;
        height: 210px;
        background: transparent;
        border: none;
    }

    /*For IE8 or lower*/
    .xdsoft_datetimepicker button {
        border: none !important;
    }

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .xdsoft_noselect::selection {
        background: transparent;
    }

    .xdsoft_noselect::-moz-selection {
        background: transparent;
    }

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

    .xdsoft_datetimepicker .xdsoft_datepicker.active,
    .xdsoft_datetimepicker .xdsoft_timepicker.active {
        display: block;
    }

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0px;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0px;
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0px 0px;
}

    .xdsoft_datetimepicker .xdsoft_next:active,
    .xdsoft_datetimepicker .xdsoft_prev:active {
    }

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0px;
    margin-bottom: 7px;
    margin-top: 0px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #DDDDDD;
}

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        background: #F5F5F5;
        border-top: 1px solid #DDDDDD;
        color: #666666;
        font-size: 12px;
        text-align: center;
        border-collapse: collapse;
        cursor: pointer;
        border-bottom-width: 0px;
        height: 25px;
        line-height: 25px;
    }

        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
            border-top-width: 0px;
        }

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}

    .xdsoft_datetimepicker .xdsoft_label:hover {
        text-decoration: underline;
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
        border: 1px solid #ccc;
        position: absolute;
        display: block;
        right: 0px;
        top: 30px;
        z-index: 101;
        display: none;
        background: #fff;
        max-height: 160px;
        overflow-y: hidden;
    }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
            right: -7px;
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
            right: 2px;
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
            color: #fff;
            background: #433E2A;
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
            padding: 2px 10px 2px 5px;
        }

            .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
                background: #0078e5;
                color: #fff;
                font-weight: 700;
            }

.xdsoft_datetimepicker .xdsoft_month {
    width: 90px;
    text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    text-align: center;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #F1F1F1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0078e5;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #0078e5;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
}

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
        opacity: 0.2;
    }

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #433E2A !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

    .xdsoft_datetimepicker .xdsoft_copyright a {
        color: #eee !important;
    }

        .xdsoft_datetimepicker .xdsoft_copyright a:hover {
            color: #aaa !important;
        }


.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    width: 7px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer;
}

.xdsoft_scroller_box {
    position: relative;
}

/**/
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #EEE;
    border: 1px solid #CCC;
    border-radius: 4px;
}


/*
	* Image replacement
	*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.left {
    float: left;
}

.right {
    float: right !important;
}

/*
	* Hide from both screenreaders and browsers: h5bp.com/u
	*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
	* Hide only visually, but have it available for screenreaders: h5bp.com/v
	*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
	* Extends the .visuallyhidden class to allow the element to be focusable
	* when navigated to via the keyboard: h5bp.com/p
	*/

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
	* Hide visually and from screenreaders, but maintain layout
	*/

.invisible {
    visibility: hidden;
}

.visible {
    visibility: visible;
}


.invisible1 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.visible1 {
    visibility: visible !important;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacit y0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.invisible2 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.nodisplay {
    display: none !important;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.display {
    display: block;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.blockdisplay {
    display: inline-block;
}




















/*botones home*/
.cont-btns-home {
    margin-top: 10px;
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 30px 0 0 0;
}


.btns-home {
    float: left;
    width: 140px;
    height: 200px;
    margin: 0 40px 0 0;
}

    .btns-home p {
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0px;
        color: #000 !important;
        font-size: 13px;
        text-align: center;
    }

.cont-btns-home a {
    display: inline-block;
    box-shadow: 0px 0px 2px -1px #000;
    width: 140px;
    height: 130px;
    text-align: center;
    position: relative;
    overflow: hidden;
}










    /*button:before (attr data-hover)*/
    .cont-btns-home a:hover:before {
        opacity: 1;
        transform: translate(0, 0);
    }

    .cont-btns-home a:before {
        content: attr(data-hover);
        position: absolute;
        top: 1.1em;
        left: 0;
        width: 100%;
        text-transform: uppercase;
        font-size: .8em;
        opacity: 0;
        transform: translate(-100%, 0);
        transition: all .3s ease-in-out;
        color: #fff;
    }

/*button div (button text before hover)*/


.cont-btns-home a {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
    font-size: 1em;
    transition: all .3s ease-in-out;
}








    .cont-btns-home a i {
        font-size: 45px;
        color: #fff;
        line-height: 130px;
        transition: transform 0.5s;
        width: 100%;
        height: 100%;
    }

        .cont-btns-home a i:hover {
            transform: translate(0px, 20px);
        }







.orange {
    background: #dd5c1d;
}

.blue-green {
    background: #005662;
}


.sun-flower {
    background-color: #f1c40f;
}

.orange {
    background-color: #f39c12;
}

.emerald {
    background-color: #2ecc71;
}

.nephritis {
    background-color: #27ae60;
}

.carrot {
    background-color: #e67e22;
}

.pumkin {
    background-color: #d35400;
}

.peter-river {
    background-color: #3498db;
}

.belize-hole {
    background-color: #2980b9;
}

.alizarin {
    background-color: #e74c3c;
}

.pomegranate {
    background-color: #c0392b;
}

.amethyst {
    background-color: #9b59b6;
}

.wisteria {
    background-color: #8e44ad;
}

.clouds {
    background-color: #ecf0f1;
}

.silver {
    background-color: #bdc3c7;
}


/*fin botone home*/
*/
/*
	* Clearfix: contain floats
	*
	* For modern browsers
	* 1. The space content is one way to avoid an Opera bug when the
	*    `contenteditable` attribute is included anywhere else in the document.
	*    Otherwise it causes space to appear at the top and bottom of elements
	*    that receive the `clearfix` class.
	* 2. The use of `table` rather than `block` is only necessary if using
	*    `:before` to contain the top-margins of child elements.
	*/
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
	* For IE 6/7 only
	* Include this rule to trigger hasLayout and contain floats.
	*/

.clearfix {
    zoom: 1;
}

/* ==========================================================================
	  EXAMPLE Media Queries for Responsive Design.
	  These examples override the primary ('mobile first') styles.
	  Modify as content requires.
	  ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media only screen and (max-width: 1600px) {
    body {
        font-size: 95% !important;
    }

    .m75top {
        margin-top: 4.3%;
    }

    header .actas {
        margin: 0.7% 4%;
    }

    .overlay-image {
        max-height: 500px;
    }

    .imageHolder {
        height: 430px;
    }

    .preview {
        min-height: 1150px !important;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 4px !important;
    }
}

@media only screen and (max-width: 1440px) {
    body {
        font-size: 85% !important;
    }

    .panel-form {
        height: 380px !important;
        max-height: 380px !important;
        min-height: 380px !important;
    }

    .wrapper header {
        height: 80px;
    }

    .bubblemenu {
        right: -30px;
        top: 50px;
        position: absolute;
        width: 250px;
        height: auto;
        background: #433e2a;
        z-index: 3000;
    }

    .logout {
        right: 12px;
        top: 50px;
        position: absolute;
        width: 210px;
        height: auto;
        padding: 1.250em;
        text-align: center;
        background: #433e2a;
        z-index: 3001;
    }

    header .actas {
        margin: 0.3% 4% !important;
        height: 99%;
    }

        header .actas i {
            font-size: 3.1em;
        }

        header .actas h1 {
            font-size: 1.1em;
            line-height: 0.9em;
            margin: 14px 0 0 5px;
        }

    .log {
        height: 100%;
    }

        .log a {
            color: #fff;
            margin: 20px 0 0 15px;
            text-decoration: none;
        }

            .log a i {
                color: #fff;
                font-size: 1.7em;
                line-height: 0.6em;
                margin: 0
            }

    .log-user {
        border-radius: 50px;
        float: right;
        height: 40px;
        width: 40px;
        margin: 2% 0 0;
        overflow: hidden;
    }

    .log-text {
        line-height: 1em;
        margin: 6% 10px 0 0;
        width: auto;
    }

    .breadcrumb {
        margin-top: 4px;
        height: 15px;
    }

    .dat-acta {
        margin: 0;
        width: 80%;
    }

    input[type="text"],
    input[type="datetime"],
    input[type="password"],
    select,
    .form-control {
        width: 100% !important;
        /* border: 2px solid #BDC3C7!important;*/
        box-shadow: none !important;
        font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
        /*font-size: 0.875em !important;*/
        height: 40px !important;
        /*padding: 5px 10px !important*/
        border-radius: 0px;
        transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
    }



    .bootstrap-datetimepicker-widget ul li {
        list-style: none !important;
    }

    nav.controlpanel ul li {
        min-height: 160px;
    }

    .label-text {
        margin: 7% 0 2% 0 !important;
    }



    .m75top {
        margin-top: 4.5%;
    }

    .preview {
        min-height: 900px !important;
    }

    .buton1 {
        height: auto !important;
    }

    .title-detail h3 {
        line-height: 2em;
    }

    .title-detail i {
        line-height: 2em;
    }

    .title-acta {
        /*line-height: 2em;*/
    }
    /*
    .buttons li {
        height: 29px;
        width: 29px;
    }*/
    /*
        .buttons li.button-expand {
            height: 29px;
            width: 29px;
        }

    .button-expand a i {
        margin: 7px 6px;
    }*/

    .overlay-image {
        max-height: 450px;
    }

    .imageHolder {
        height: 370px;
    }

    footer .left {
        height: 25px;
    }

        footer .left img {
            height: 100%;
        }

    footer .right {
        height: 33px;
    }

        footer .right img {
            height: 100%;
        }
}



@media only screen and (max-width: 1280px) {
    body {
        font-size: 75% !important;
    }

    header .actas {
        margin: 1.5% 4%;
    }

    nav.controlpanel ul li {
        min-height: 150px;
    }

    .hidden-select2 .top {
        height: 28px;
    }

    .title-panel {
        height: 28px;
    }
    /*
        .title-panel .button-tasks {
            height: 28px;
            width: 28px;
        }

    .button-expand {
        right: 0px;
        top: 0px;
        position: absolute;
        height: 28px;
        width: 28px;
        background: #0078e5;
        z-index: 2;
        border: none;
    }*/

    .pager ul li a {
        margin: 0px 3px;
    }


    .form-control,
    button {
        height: 35px;
    }

    .m60top {
        margin-top: 40px;
    }

    .m75top {
        margin-top: 4.3%;
    }

    .m80top {
        margin-top: 50px;
    }

    .button {
        height: auto;
    }

    /*PANEL*/
    #hidden-select2 {
        width: 70%;
        height: 400px;
    }

        #hidden-select2 .top {
            height: 28px;
        }

    a .button-panel {
        display: block;
        float: left;
        color: #fff;
        font-size: 1.250em;
        margin: 9px 8px;
    }

    a:hover .button-panel {
        color: #07aec3;
    }

    .panel h3 {
        color: #0078e5;
        font-size: 1em;
        margin: 15px 35px;
    }

    .Holder {
        height: auto;
        margin: 5px 35px;
        position: relative;
        width: 90%;
    }
    /*
    .buttons li {
        height: 27px;
        width: 27px;
        margin: 0 2px 0 0;
    }

        .buttons li.button-expand {
            height: 27px;
            width: 27px;
            margin: 0 0 0 0;
           
        }*/

    .contentHolder {
        position: absolute;
        display: block;
        margin-top: 10px;
        padding: 0px;
        height: 230px;
        overflow: hidden;
    }

    .ingresar-texto {
        min-height: 28px;
    }

    .preview {
        height: 250px;
    }

    .overlay-image {
        max-height: 400px;
    }

    .imageHolder {
        height: 320px;
    }
}

@media only screen and (max-width: 1024px) {
    .wrapper header {
        height: 50px;
    }

    header .actas {
        margin: 0.5% 4%;
        height: 100%;
    }

        header .actas i {
            font-size: 3.4em;
        }

        header .actas h1 {
            font-size: 1.3em;
            line-height: 0.9em;
            margin: 14px 0 0 5px;
        }

    .log {
        height: 100%;
    }

        .log a {
            color: #fff;
            margin: 20px 0 0 15px;
            text-decoration: none;
        }

            .log a i {
                color: #fff;
                font-size: 1.7em;
                line-height: 0.6em;
                margin: 0
            }

    .log-user {
        border-radius: 50px;
        float: right;
        width: 40px;
        margin: 2% 0 0;
        overflow: hidden;
    }

    .log-text {
        line-height: 1em;
        margin: 6% 10px 0 0;
        width: auto;
    }

    .breadcrumb {
        margin-top: 8px;
    }

    .dat-acta {
        margin: 5px 0 0;
        width: 80%;
    }

    .pager ul li a {
        margin: 0px 1px;
    }

    nav.controlpanel ul li {
        min-height: 150px;
    }

    .hidden-select2 .top {
        height: 28px;
    }

    .title-panel {
        height: 28px !important;
        margin: 5px 0 0 0;
    }
    /*

    .button-expand {
        right: 0px;
        top: 0px;
        position: absolute;
        height: 28px;
        width: 28px;
        background: #0078e5;
        z-index: 2;
        border: none;
    }*/

    .form-control,
    button {
        height: 35px;
    }

    .m30top {
        margin-top: 15px;
    }

    .m60top {
        margin-top: 40px;
    }

    .m75top {
        margin-top: 4.3%;
    }

    .m80top {
        margin-top: 50px;
    }

    .button {
        height: auto;
    }

    /*PANEL*/
    #hidden-select2 {
        width: 70%;
        height: 400px;
    }

        #hidden-select2 .top {
            height: 28px;
        }

    a .button-panel {
        display: block;
        float: left;
        color: #fff;
        font-size: 1.250em;
        margin: 9px 8px;
    }

    a:hover .button-panel {
        color: #07aec3;
    }

    .panel h3 {
        color: #0078e5;
        font-size: 1em;
        margin: 15px 35px;
    }

    .Holder {
        height: auto;
        margin: 5px 35px;
        position: relative;
        width: 90%;
    }
    /*
    .buttons li {
        height: 27px;
        width: 27px;
        margin: 0 2px 0 0;
    }

        .buttons li.button-expand {
            height: 27px;
            width: 27px;
            margin: 0 0 0 0;
        }*/

    .contentHolder {
        position: absolute;
        display: block;
        margin-top: 10px;
        padding: 0px;
        height: 230px;
        overflow: hidden;
    }

    .ingresar-texto {
        min-height: 28px;
    }

    .preview {
        height: 250px;
    }

    .overlay-image {
        max-height: 400px;
    }

    .imageHolder {
        height: 320px;
    }
}

@media only screen and (max-height: 800px) {

    .myframe,
    .myframe2 {
        max-height: 80vh;
    }
}

@media only screen and (max-height: 800px) {

    .myframe,
    .myframe2 {
        max-height: 80vh;
    }
}

@media only screen and (max-height: 768px) {

    .myframe,
    .myframe2 {
        max-height: 80vh;
    }
}

/* ==========================================================================
	  Print styles.
	  Inlined to avoid required HTTP connection: h5bp.com/r
	  ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " ("attr(href) ")";
        }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    /*
		* Don't show links for images, or javascript/internal links
		*/

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}