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

html, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
address, code, em, img, hr, small, strong, b, i, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, thead, tfoot, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    /*outline: none;*/
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border: 0;

}

.btn-default {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 6px;
    background: #dfe0e4  8% no-repeat !important;
}

/*2*/
.new_Btn {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    /*padding: 0 6px 0 30px;*/
    padding: 0 0px 0px 55px;
    /*width:50px;*/
    background: #dfe0e4 url(../imagenes/go_up.png) 2% no-repeat;
    width: 50px;
    background-position-x: 15px;
}

/*alerta*/
.alertaRelman {
    position: fixed;
    z-index: 5000;
    bottom: 10px;
    right: 10px;
    width: 250px;
/**/
    background: #1F1F1F;
    background: rgba(0,0,0,.9);
    /*background: #5CB811;
	background: rgba(92,184,17,.9);*/
    padding: 15px;
    border-radius: 4px;
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
.cerrarModal {
    width:670px;
    height:37px;
    background:#f6f6f6;
    border-bottom:3px solid #fff;
    display:block;
    margin:auto;
    padding-top:0;
    box-sizing:border-box;
    font-size:17px;
    text-align:center;
    font-weight:700;
    color:#3EB0F7;
    text-shadow:2px 2px 2px rgba(0,0,0,.9);
}
.ModalReporte {
    position: fixed;
    z-index: 5000;
    bottom: 0;
    right: 0;
    display:block;
    width: 100%;
    height:100%;
    background: #1F1F1F;
    background: rgba(0,0,0,.7);
    padding: 10px;
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5);
    text-align:center;
}
.ptit {
    width:85%;    
    display:inline-block;
}
.btnCerrarM { 
    text-align:right;
}


.ocultarModal {
display:none;
}

.masText {
    height:26px;
    font-size:12px;
    padding:3px;
}

.center {
   text-align:center;
   margin:auto;
}
/*html {
    overflow-y: hidden;
}*/

a {
    text-decoration: none;
    background-color: transparent;
    color: #0094ff;
}

/*body {
    line-height: 1;
}*/

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

input, select {
    vertical-align: middle;
}

header, nav, hgroup, section, article, aside, details, figcaption, figure, footer {
    display: block;
}

 select, input, textarea {
    font: 0.625em/1 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

fieldset {
    margin: 0 0.125em;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

li {
    display: block;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1 {
    font-size: 2em; /*32px*/
}

h2 {
    font-size: 1.8em; /*28px*/
}

h3 {
    font-size: 1.6em; /*25px*/
}

h4 {
    font-size: 1.4em; /*22px*/
}

h5 {
    font-size: 1.2em; /*19px*/
}

h6 {
    font-size: 1em; /*16px*/
}

p {
    padding-bottom: 1.2em; /*19px*/
}

summary {
    margin: 0;
    padding: 0;
    outline: none;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border: 0;
    cursor: pointer;
}

::selection {
    background: #3EB0F7;
}

::-moz-selection {
    background: #3EB0F7;
}

/*::-webkit-scrollbar {
    width: 10px;
    background: #dbe8ec;
}*/

/*::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
}*/

/*::-webkit-scrollbar-track {
    background: #3c454e;
    border: thin solid #1a1f25;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}*/

/*::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(top, #5aafb0, #4ca06d);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,225,.5), inset 1px 0 0 rgba(255,255,255,.4), inset 0 1px 2px rgba(255,255,255,.3);
    border: thin solid #232c34;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}*/

    ::-webkit-scrollbar-thumb:hover {
        background: -webkit-linear-gradient(top, #4ca06d, #5aafb0);
    }
    /* Pseudo-clase */
    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(77,161,112,.6);
    }




/*Utils*/
input[type="hidden"], table th[hidden="hidden"], table td[hidden="hidden"] {
    display: none;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}



/*Layout*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    background-color: rgb(251, 251, 251);
}

.navbar {    
    border-top: 10px solid #0D47A1;    
    background: #1976D2;
    position: relative;
    box-shadow: 0 0 8px rgba(4, 4, 4, 0.7);
    padding: .5em 0;
}


.hgroup {
    text-align: center;
    padding: .3em 0;
}

    .hgroup h3, .hgroup h4 {
        font-weight: bold;
        display: block;
        color: #fff;
        text-shadow: 4px 1px 5px rgba(15, 48, 107, 0.50);
        text-transform: uppercase;
        font-size: 1.8em;
        margin: 0;
    }

    .hgroup h4 {
        font-size: 1em;
    }

@media screen and (min-width:680px) {
    .hgroup h3 {
        font-size: 2.2em;
    }

    .hgroup h4 {
        font-size: 1.2em;
    }
}


.footer {
    width: 100%;
}

    .footer p {
        margin: 0;
        text-align: center;
    }


.container {    
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    /**/
    /*margin-right: auto;
    margin-left: auto;*/
}

.body-content {
    position: relative;
    margin-bottom: 10px;
    padding: 1em;
}

@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }

    .body-content {
        margin: 10px auto;
    }
}



/*Logo*/
.content-img {
    display: block;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.logo-img {
    display: block;
    margin: 0 auto;
    height: 153px;
    width: 153px;
}

/*Navigation*/
#navmobile {
    background: url(../imagenes/nav.png) no-repeat center center;
    background-color: #2C3E50;
    float: left;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 3px;
    top: 60px;
    z-index: 999;
}

    #navmobile.nav-active {
        opacity: 1;
    }

#navmobileclose {
    background: url(../imagenes/close1.png) no-repeat center center;
    background-color: #2C3E50;
    border-radius: 50px;
    float: right;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 3px;
    top: 110px;
}

    #navmobileclose.nav-active {
        opacity: 1;
    }

@media screen and (max-width:980px) {
    #navmobile {
        position: fixed;
    }
}

@media screen and (max-width:480px) {
    #navmobile {
        left: 0;
        top: 85px;
    }
}

.cbp-spmenu {
    background: #2C3E50;
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-left {
    left: -240px;
}

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }


.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



@media screen and (max-height: 26.375em) {

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left {
        left: -190px;
    }
}

.accordion .panel-title {
    margin: 0;
    padding: .75em;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: #EFEFEF;
    color: #333333;
    font-size: 1em;
}

    .accordion .panel-title:hover {
        background: #CCC;
    }

    .accordion .panel-title:active,
    .accordion .panel-title.active:active {
        background: #999;
    }

    .accordion .panel-title.active {
        /*background: #CCC;*/
        background: #9f9f9f;
        color: #fff;
    }

.accordion .accordion-innerwrap {
    margin: 0 auto;
    width: 98%;
}

.accordion .panel-title .icon,
.accordion .panel-title.active .icon {
    font-size: 1.25em;
}

.panel-container {
    /*margin: .15em 0;*/
    margin-bottom: 0;
    outline: none;
    border: 0.08em solid #2C3E50;
}

.panel-content {
    list-style-type: none;
    margin: 0;
    /*padding: .75em;*/
    background: #444;
    color: #EFEFEF;
}

    .panel-content li {
        border-bottom: 1px dotted #AAA;
        padding: .75em;
        text-align: center;
        text-transform: uppercase;
    }

        .panel-content li a {
            color: #3EB0F7;
            font-weight: 500;
            /*-webkit-transition: all 1s ease 1s;
            -moz-transition: all 1s ease 1s;
            -o-transition: all 1s ease 1s;
            transition: all 1s ease 1s;*/
        }


            .panel-content li a:hover {
                color: #f3f3f3;
                /*-webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;*/
            }

        .panel-content li:last-child {
            border-bottom: none;
            padding-bottom: 10px;
        }

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

    .js .visuallyhidden.focusable,
    .js .visuallyhidden.focusable,
    .no-js .visuallyhidden {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

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

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.list-reset {
    padding: 0;
    list-style: none;
}


/*User Log*/
.user-log {
    float: right;
    position: relative;
    margin-right: 5%;
}

    .user-log span {
        display: block;
        white-space: nowrap;
        font-size: 12px;
        color: white;
        font-weight: bold;
    }

    .user-log a {
        margin-bottom: 5px;
        font-size: 12px;
        margin-left: 8%;
        color: white;
    }

        .user-log a:hover {
            color: #34495E;
        }

        .user-log a:before {
            content: '[ ';
        }

        .user-log a:after {
            content: ' ]';
        }

@media only screen and (min-width: 980px) {
    .user-log {
        top: -40px;
    }
}

@media only screen and (max-width: 980px) {
    .user-log {
        float: none;
        display: block;
        text-align: center;
    }

        .user-log span {
            display: inline-block;
        }

        .user-log a {
            display: inline-block;
            color: #34495E;
        }

            .user-log a:hover {
                color: #249aff;
                font-weight: 600;
            }
}


/*Loading*/
.section {
    width: 6%;
    margin: 0 auto;
    min-width: 80px;
}

    .section figure {
        margin: 0 auto;
        padding: 30px 0 0 0;
        font-size: 15px;
    }

        .section figure figcaption {
            text-align: center;
            color: #2C3E50;
            font-size: 12px;
            font-weight: bold;
            padding: 10px;
        }

.nofound {
    text-align: center;
    color: #2C3E50;
    font-weight: bold;
}

/*Error Page*/
.error-page {
    text-align: center;
    height: 500px;
    padding-top: 182px;
}

.error-page-img {
    margin: 0 auto;
    display: block;
    height: auto;
    max-width: 100%;
}

.error-page h3, .error-page h4 {
    font-family: 'Ropa Sans', sans-serif;
    color: #2C3E50;
    text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
    display: block;
    font-size: 10em;
    font-weight: bold;
    margin-bottom: 10px;
}

.error-page h4 {
    font-size: 2em;
}

.error-page-footer {
    padding: 10px 0;
    border-top: 2px solid #2C3E50;
    background: #FFA274;
    position: fixed;
    width: 100%;
    bottom: 0;
}

    .error-page-footer p {
        color: #2C3E50;
        font-weight: bold;
    }

@media screen and (max-width:1024px) {
    .error-page {
        height: 402px;
        padding-top: 157px;
    }
}

@media screen and (max-width:800px) {
    .error-page {
        height: 344px;
    }
}

@media screen and (max-width:480px) {
    .error-page {
        height: 329px;
        padding-top: 50px;
    }

        .error-page h3 {
            font-family: 'Ropa Sans', sans-serif;
            color: rgb(139, 139, 139);
            display: block;
            font-size: 7em;
        }
}


.barra {
    height: 20px;
    overflow: hidden;
}

.animacion-texto {
    color: black;
    -webkit-animation-name: Texto1;
    -webkit-animation-duration: 55s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes Texto1 {
    from {
        margin-left: 100%;
    }

    to {
        margin-left: -160%;
    }
}

.animacion-texto:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
}




/*Manual*/
.manual {
    width: auto;
    margin: 0;
    color: #2C3E50;
}

.hgroups {
    text-align: center;
    padding: 10px;
}

.title {
    font-size: 2.2em;
    font-weight: bold;
    text-decoration: underline;
    margin: 0 auto;
}

.manual-content {
    width: auto;
    padding: 0.375em;
    max-width: 870px;
    margin: 0 auto;
}

.manual-title {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

    .manual-title:before {
        color: #1f1f1f;
        content: '▼';
    }

.manual-sub {
    font-size: 1.6em;
    font-weight: bold;
    text-transform: capitalize;
    text-align: left;
    margin: 10px 0 5px 0;
    background-color: #68acea;
    padding: 2px 2px 2px 5px;
    color: #fff;
    outline: none;
}

    .manual-sub:hover {
        background-color: #438ed3;
    }

.img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

figure .thumb {
    display: block;
    width: 100%;
    line-height: 0em;
}

    figure .thumb:hover img {
        opacity: 0.7;
    }

figure {
    margin: 0 auto;
    max-width: 870px;
}

    figure span {
        display: block;
        font-style: italic;
        text-align: center;
    }

figcaption {
    max-width: 870px;
}

    figcaption p {
        text-align: justify;
    }

@media only screen and (min-width: 30em) {
    .manual {
        width: 100%;
        margin: 0 auto;
        color: #2C3E50;
        text-align: center;
    }
}

.no-details details > * {
    display: none;
}

.no-details details > summary:before {
    float: left;
    width: 20px;
    content: ' ► ';
}

.no-details details.open > summary:before {
    content: ' ▼ ';
}

.no-details details summary {
    display: block;
}



/*Buttons*/
.btn-new {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url(../imagenes/folder_new.png) 8% no-repeat !important;
}

.btn-search {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url(../imagenes/search_files.png) 2% no-repeat;
}

.btn-add {
    display: block;
    border: 2px solid #d0d1d5;
    padding: 5px 4px 5px 26px;
    margin-bottom: 4px;
    font-size: 12px !important;
    text-align: right;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 3px;
    width: auto !important;
    margin-left: -10px;
    background: #dfe0e4 url(../imagenes/human_add_folder_to_archive.png) 0% -25% no-repeat;
}

.btn-save {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url(../imagenes/filesaveas.png) 2% no-repeat;
}

.btn-ok {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url(../imagenes/ok.png) 2% no-repeat;
}

.btn-alert {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 5px 0 32px;
    background: #dfe0e4 url(../Imagenes/Error-26.png) 4% no-repeat;
}

.btn-desc {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 5px 0 32px;
    background: #dfe0e4 url(../Imagenes/Descg.png) 4% no-repeat;
}

.btn-delete {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url(../imagenes/Delete.png) 2% no-repeat;
}


.advanced-search-new {
    
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url('data:image/png;base64,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') 2% no-repeat;
}

.btn-reset {
    
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1gUDASEJJmeyfAAABNlJREFUSMfFlctvG8cBxn8z++LKNL2iHMWULSpuXBvIw4/YqXpr4QAN0AQJcu+pB18K9FgDPvFg+9Jb8wfEAXLJsUUbJAjaAgUqOELSQm7VypFkRZJliSJtkfSS3Mc8erDIxjaDnIIMsJcd7P7m++b7ZuA7HuLJF9evX58A3vR9/zXHcV6w1k4YY0rWWl8IkUop94CmUuqWMebPSZJ8XKvVOt8KuHbtWsX3/d9JKd+oVqumWq0eiKKIIAjwfR8pJVprsiyj0+nQaDTY2tp6uLu762qtPzTG/ObKlSuNkYCrV69OFwqFf164cCE6deqUA6CUQimF1hpjDMYYpJRIKUmSBGMMWmu01qytreWrq6stIcTZy5cv3/s6wAUIw/C9ixcvlqempkSr1SJNU/I8HwKstVhrAZBS0u/3SdOUNE0xxlCpVLxCoVBeXFx8D3j9KUCe5z+dmZkRGxsbw48HAKXUUIEQAiHEcD7LMvI858GDB8zOzjqLi4uvPWmRC+A4zkPXdaOJiQmWl5eJ45g0TYc/GNgEIIR4zD7f9zl37hytVgtrbW8kQAhxN8uyqFwuMzs7S7PZZHNzk+3tbZIkodvt0uv1CIKAMAwJgoDp6Wmq1SqTk5Osr6+zsrKClHJ3JABYSdP0pSAI0FoTRRHj4+OcPn0aIQRSSjzPG9qW5zlxHNNoNLh58ya9Xg/HcbDWbo0EKKX+0+/33z506JAYJGiQkCzPsNZitMFai1KKbrdLt9sljmPyPMd1Xay1CCHWngRIAGPMnTiOcynlU0X56/r7fLTyLnG2BzBM1CBV1lqCIEAIYay1d0YChBBrnU5HCfH/Ymur+HLvM4zNOH7sRf629QGrrc9HQgqFAkBqjNkcCVBKrTUaDTlQYKxhYfdT2nKH0vFn6JTaPHtyhi/35vjv/b8/BSkWi2ittRBi9B5orTfr9bo7yPl2d4W+16VNE72d0S400bs5kTzC8dIZ8sQ+BvF9n36/zyiABKjVaqrb7bYGku/3NpC5IOo9g+7lsG15pfwGF2d+iSdD1uMFPq7/dgjxPI8kSYIkSba+KaY4jnM3y7LDmUkwVlP2Kpw4/CPaUYOdh2sI4wDQzhr8o/l7xpxouAf7CmytVmt9I8Bau5wkydlc9BFCMl16ka/aC3zV/hcFd4zFrTmq0cssN+cBOFN6G5tYHMcZNP3+qON6mMv9LljfLRAFk/x79y/0RIvKD57Dr4QcPXaC285N1AHN0QMvUXQmHq3Qden3+1hrdwDnyTtmqEBrvdpqtfLDh0/4z0VniYKjfLH9Jx54O8R5mzZNZNelpCJejl4n66thB5IkQWu9DYSAAfT+o4YK9vb27ty+fVs7joOUkoN+mZPlH+Pe9XA3XKY6J3m19HN+dvRXeDLAWouUkiNHjlCv11Ucx3f2Fyy+BsAZAObm5u6fP3/+zWKx+GylUpGO41D0xtnr7VBwi/zk2C+YKFSx5pHvBw8eZGpqinq9bm/dutVbWFj49dLS0gaQ7avgMQCQ+77/h16v98LS0tKMlNIGQeA8P3mGH06+QhiGhGGI67oopbh3756dn59Pl5eXm81m850bN27MA/ZbL32AS5cuPT82NvbO+Pj4W57nnQBKQgj/0bFl+saYRpIknyil/hiG4ae1Ws3wfY3/AQoA03PlZhW/AAAAAElFTkSuQmCC') /*../imagenes/edit_clear.png*/ 2% no-repeat;
}



.btn-cancel {
   
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url(../imagenes/application_exit.png) 2% no-repeat;
}

.btn-edit-tab {
    display: inline-block !important;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    cursor: pointer;
    border-radius: 1px;
    /*outline: none;*/
    background: url(../imagenes/pencil.png) no-repeat 0 0 transparent;
    border: 1px solid transparent;
}

.btn-edit-notas {
    display: inline-block !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    cursor: pointer;
    border-radius: 1px;
    color:blue;
    text-decoration:underline;
    border: 1px solid transparent;
    background:transparent;
}

.btn-view-tab {
    display: inline-block !important;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    cursor: pointer;
    border-radius: 1px;
    /*outline: none;*/
    background: url(../imagenes/view_process.png) no-repeat 0 0 transparent;
    border: 1px solid transparent;
}

.btn-del-tab {
    display: inline-block !important;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    cursor: pointer;
    border-radius: 1px;
    /*outline: none;*/
    background: url(../imagenes/remove.png) no-repeat 0 0 transparent;
    border: 1px solid transparent;
}

.btn-select-tab {
    display: inline-block !important;
    padding: 6px 5px 6px 22px;
    margin-bottom: 4px;
    font-size: 12px !important;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 1px;
    /*outline: none;*/
    background: #dfe0e4 url(../imagenes/pointer1.png) 2% no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.btn-desc-tab {
    display: inline-block !important;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    cursor: pointer;
    border-radius: 1px;
    /*outline: none;*/
    background: url(../imagenes/Descp.png) no-repeat 0 0 transparent;
    border: 1px solid transparent;
}

.btn-printer {
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    margin: 0.5em;
    padding: 0 6px 0 30px;
    background: #dfe0e4 url(../imagenes/printer1.png) 2% no-repeat;
}


.btn-edit {
    display: inline-block !important;
    padding: 3px 3px 3px 10px;
    margin-bottom: 4px;
    font-size: 5px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 1px;
    /*outline: none;*/
    background: #dfe0e4 url(../imagenes/save_accept.png) 2% no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.buttonsearch {
    display: inline-block !important;
    padding: 2px 5px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 1px;
    /*outline: none;*/
    background-color: #dfe0e4 !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    width: auto !important;
}

.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}


.html_btn {
    display: none;
}

.btn-new:hover, .btn-search:hover, .btn-save:hover, .btn-reset:hover, .btn-cancel:hover, .btn-printer:hover, .new_Btn:hover, .quitar:hover, .advanced-search:hover {
    background-color: #eee !important;
}

.btn-new:focus, .btn-search:focus, .btn-save:focus, .btn-reset:focus, .btn-cancel:focus, .btn-printer:focus, .new_Btn:focus, .quitar:focus, .advanced-search:focus {
    background-color: #fafafa !important;
}


.quitar {    
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    /*margin: 0.5em;*/
    padding: 0 6px 0 55px;
    background: #dfe0e4 url(../imagenes/dialog_close.png) 2% no-repeat;
    width:50px;
    background-position-x: 15px;
}

.footerhelp {
    background: url(../imagenes/help.png) no-repeat center center;
    width: 32px;
    height: 32px;
    position: absolute;
    margin-left: 48%;
    margin-right: 48%;
    /*bottom: -35px;*/
}

/*Alerts*/
.required {
    background: transparent;
    color: #ff0000;
    font-weight: 600;
    margin-top: 2px;
}

.img-alert {
    margin-right: auto;
    margin-left: 35%;
    min-width: 20%;
    width: 20%;
}

.p {
    margin: 0 auto;
    text-align: justify;
}

@media only screen and (max-width: 480px) {

    .img-alert {
        margin-right: auto;
        margin-left: 35%;
        min-width: 20%;
        width: 20%;
    }
}


.input-required {
    border: 1px solid #ff6666 !important;
}

    .input-required:focus {
        outline: none;
    }

.input-success {
    border: 1px solid #9c9c9c;
}

.notification {
    cursor: pointer;
    margin: 8px 0;
    padding: 8px 15px 10px 60px;
    position: fixed;
    bottom: 0;
    right: 7px;
    z-index: 9999;
    /*Mostrar alerta por 10 Segundos*/
    -webkit-animation: fadeOut 10s infinite;
    -moz-animation: fadeOut 10s infinite;
    -ms-animation: fadeOut 10s infinite;
    -o-animation: fadeOut 10s infinite;
    animation: fadeOut 10s infinite;
    /*
USAR PARA 15 Segundos
Cambiar en API _tiempoEsperaCerrarNoti = 10000; a  _tiempoEsperaCerrarNoti = 15000;

-webkit-animation: fadeOut 15s infinite; 
-moz-animation: fadeOut 15s infinite;
-ms-animation: fadeOut 15s infinite;
animation: fadeOut 15s infinite;*/
}

    .notification p {
        font-size: 11px;
        padding: 0;
        margin: 0;
        color: #333333;
    }

.message p {
    font-size: 11px;
}

.warning {
    background-image: url(../imagenes/error.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #FFC237;
    background-color: #FFEAA8;
    color: #826200;
}

.success {
    background-image: url(../imagenes/accept.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #7AB55C;
    background-color: #cce281;
    color: #3C5A01;
}

.failure {
    background-image: url(../imagenes/exclamation.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #EB5339;
    background-color: #FCCAC2;
    color: #AC260F;
}

.information {
    background-image: url(../imagenes/information.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #418ACC;
    background-color: #D0E4F4;
    color: #235685;
}

.messages {
    background-image: url(../imagenes/lightbulb.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #42B4FF;
    background-color: #9DDFFF;
    color: #835F21;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    99% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    99% {
        opacity: 0;
        -moz-transform: translateY(-30px);
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    99% {
        opacity: 0;
        -ms-transform: translateY(-30px);
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    99% {
        opacity: 0;
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        opacity: 0;
    }
}

.slide-footer {
    height: 1.5em;
    background: transparent;
    position: fixed;
    width: 99.9%;
    bottom: 0;
    z-index: 2147483647;
}

.slide-child {
    position: absolute;
    margin: 0;
    min-height: 1.5em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 0%;
    background: #b91f1f;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: #b91f1f 1px 0 6px 1px;
    -ms-box-shadow: #b91f1f 1px 0 6px 1px;
    -webkit-box-shadow: #b91f1f 1px 0 6px 1px;
    box-shadow: #b91f1f 1px 0 6px 1px;
}


/*Pagination*/
.nav-paginacion {
    margin: 0 auto;
    text-align: center;
    margin-top:10px;
}

.paginacion {
    padding: 2px;
    margin-bottom: 20px;
}

    .paginacion li {
        padding: 0;
        display: inline-block;
        margin-right: 10px;
        margin: 0 auto;
        background: none;
        list-style: none;
    }

        .paginacion li a {
            border: 0.08em solid rgba(0,0,0,.5);
            border-radius: 3px;
            background-color: #FFF;
            -moz-box-shadow: 0px 1px 2px #9f9f9f;
            -webkit-box-shadow: 0px 1px 2px #9f9f9f;
            box-shadow: 0px 1px 2px #9f9f9f;
            height: 24px;
            width: 24px;
            display: block;
            text-align: center;
            line-height: 24px;
            font-size: 13px;
            font-weight: normal;
            color: #565656;
            cursor: pointer;
        }

            .paginacion li a:hover {
                background-color: #ddd;
                color: #1f1f1f;
            }

        .paginacion li input[type="button"] {
            border: 0.08em solid rgba(0,0,0,.5);
            border-radius: 3px;
            background-color: #FFF;
            -moz-box-shadow: 0px 1px 2px #9f9f9f;
            -webkit-box-shadow: 0px 1px 2px #9f9f9f;
            box-shadow: 0px 1px 2px #9f9f9f;
            height: 24px;
            text-align: center;
            font-weight: normal;
            color: #565656;
            cursor: pointer;
            outline: none;
        }

            .paginacion li input[type="button"]:hover {
                background-color: #ddd;
                color: #1f1f1f;
            }

        .paginacion li a.actual {
            background-color: #ddd;
            color: #1f1f1f;
        }


        .paginacion li:last-child {
            font-weight: bold;
            padding-top: 5px;
            padding-left: 10px;
        }

/*Decorations*/

.special_fieldset {
    border: 1px solid #2C3E50;
}

    .special_fieldset legend {
        text-align: left;
        width: auto;
        border: none;
        font-size: 14px;
        padding: 0 5px;
    }



/*Forms*/

.form:before, .form:after {
    content: "";
    display: table;
}

.form:after {
    clear: both;
}

.form fieldset {
    width: 42%;
    float: left;
    margin-left: 5%;
    display: block;
    border: 1px solid black;
    padding: 0;
}

    .form fieldset legend {
        border: none;
        font-size: 14px;
        font-weight: bold;
    }

    .form fieldset .fieldset {
        margin-left: 10%;
        width: 33%;
        border: none;
    }

        .form fieldset .fieldset input {
            font-size: 14px;
            color: #323232;
        }

@media only screen and (max-width: 505px) {
    .form fieldset .fieldset {
        margin: 0;
        padding: 10px;
        width: auto;
    }

        .form fieldset .fieldset input {
            margin: 0;
        }
}


.figure {
    width: 260px;
    height: 200px;
    float: none;
    clear: both;
    margin: 10px auto;
    margin-bottom: 30px;
    text-align: center;
}

    .figure img {
        max-height: 200px;
        text-align: center;
        margin: auto;
    }


/*Form Original*/


.btn {
    margin: 0 0 1em 0;
    line-height: 2.25em;
    color: #262626;
    text-align: center;
    vertical-align: middle;
    font-size: 100%;
    white-space: nowrap;
    background-color: #ffa366;
    border: none;
    font-weight: bold;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1em;
    padding-left: 1em;
    border-radius: 2px;
}

form {
    padding: 10px;
}


.form-wrap {
    background: #fff;
    margin: 10px auto !important; /*30px Estaba*/
    padding: 20px;
    border: 1px solid #cccccc;
    position: relative;
    box-shadow: 3px 3px 2px #888;
    /*-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;*/
}

.modal-wrap {
    margin: .5em !important;
    padding: .5em;
}

.form-wrap h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2C3E50;
    font-size: 1.5em;
    text-align: center;
    width: auto;
    margin: 0;
}

.form-wrap textarea {
    min-height: 70px;
}

.hide {
    display: none;
}


.row {
    width: 100%;
    margin: 0 auto;
    max-width: 62em;
}

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

    .row .row {
        width: auto;
        margin: 0 -0.9375em;
        max-width: none;
        *zoom: 1;
    }

        .row .row:before, .row .row:after {
            content: " ";
            display: table;
        }

        .row .row:after {
            clear: both;
        }


.column,
.columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    float: left;
}

.center-row {
    text-align: center;
}

    .center-row .columns {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .center-row .columns_2 {
        float: none;
        display: inline-block;
        vertical-align: text-bottom;
    }

.cols {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (min-width: 480px) {
    .size-1 {
        position: relative;
        width: 8.33333%;
    }

    .size-2 {
        position: relative;
        width: 16.66667%;
    }

    .size-2A {
        position: relative;
        width: 13.33333%;
    }

    .size-mintext {
        position: relative;
        width: 22.33333%;
    }

    .size-3 {
        position: relative;
        width: 25%;
    }

    .size-4 {
        position: relative;
        width: 33.33333%;
    }

    .size-5 {
        position: relative;
        width: 41.66667%;
    }

    .size-5_5 {
        position: relative;
        width: 46.66667%;
    }

    .size-6 {
        position: relative;
        width: 50%;
    }

    .size-7 {
        position: relative;
        width: 58.33333%;
    }

    .size-7A {
        position: relative;
        width: 63.33333%;
    }

    .size-8 {
        position: relative;
        width: 66.66667%;
    }

    .size-9 {
        position: relative;
        width: 75%;
    }

    .size-10 {
        position: relative;
        width: 83.33333%;
    }

    .size-11 {
        position: relative;
        width: 91.66667%;
    }

    .size-12 {
        position: relative;
        width: 100%;
    }
}

.form-wrap label, .form-wrap-modal label {
    font-family: 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 0.875em;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 600;
    margin-bottom: 0.1875em;
    text-align: left;
    white-space: nowrap;
}

.wrap_check {
    border: 1px solid #777;
    border-radius: 3px;
    display: inline-block;
    margin: .1em .11em;
    padding: 0 .2em;
    background-color: #eee;
}

.checks {
    margin: 0 !important;
    text-align: justify;
}

    .checks label {
        display: inline-block;
        margin: 0 !important;
        font-size: 15px;
        color: #030303;
    }

    .checks input[type="checkbox"] {
        display: inline-block;
        margin: 0;
        margin-bottom: .24em;
    }


.conte_patron {
    width: 100%;
    margin: 0;
    padding: 1em;
    text-align: center;
}


    .conte_patron .item {
        width: 47.3333%;
        display: inline-block;
        vertical-align: top;
        border: 1px solid #2C3E50;
        max-height: 250px;
        overflow-y: auto;
        padding: 10px 5px;
    }

.item_height {
}


/****/
.row .select {
    margin: 0 !important;
    width: 100%;
}

    .row .select select {
        display: inline !important;
        margin: 0 !important;
        float: left;
        width: 50%;
    }

        .row .select select:first-child {
            width: 25%;
        }



.row .text_search {
    position: relative;
    top: -88%;
    width: 100%;
}

    .row .text_search input[type="text"], .row .text_search select {
        margin: 0 !important;
        text-align: left;
        float: left;
        width: 80%;
    }

    .row .text_search input[type="button"] {
        width: 40px;
        height: 27px;
        background: #cccccc;
        border: 1px solid #d0d1d5;
        margin-left: -3%;
        font-size: 11px;
        position: absolute;
        top: -2px;
    }


    .row .text_search .btnSpecial {
        width: auto !important;
        height: 27px;
        background: #cccccc;
        border: 1px solid #d0d1d5;
        margin-left: 0.55555% !important;
    }

.columnsMin input[type="text"] {
    max-width: 120px;
    margin: 0 !important;
    display: inline-block !important;
}

.columnsMin .btnMintext {
    position: absolute;
    background-color: #ccc;
    border: none;
    height: 27px;
    cursor: pointer;
}

.columnsSpace input[type="text"], .columnsSpace input[type="text"]:disabled, .columnsSpace [disabled="disabled"], .columnsSpace select[disabled="disabled"] {
    width: 100%;
    border: 1px solid #F5F5F5 !important;
    background-color: #F5F5F5 !important;
}


.form-wrap input[type="text"],
.form-wrap input[type="password"],
.form-wrap input[type="date"],
.form-wrap input[type="datetime"],
.form-wrap input[type="datetime-local"],
.form-wrap input[type="month"],
.form-wrap input[type="week"],
.form-wrap input[type="email"],
.form-wrap input[type="number"],
.form-wrap input[type="search"],
.form-wrap input[type="tel"],
.form-wrap input[type="time"],
.form-wrap input[type="url"],
.form-wrap textarea, .form-wrap select {
    background-color: white;
    font-family: inherit;
    border: 1px solid #c3c0c0;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875em;
    margin: 0 0 1em 0;
    margin: 0 0 .6em 0;
    padding: 0.5em;
    height: 2.3125em;
    width: 100%;
    vertical-align: middle;
}



.form-wrap-modal input[type="text"],
.form-wrap-modal input[type="password"],
.form-wrap-modal input[type="date"],
.form-wrap-modal input[type="datetime"],
.form-wrap-modal input[type="datetime-local"],
.form-wrap-modal input[type="month"],
.form-wrap-modal input[type="week"],
.form-wrap-modal input[type="email"],
.form-wrap-modal input[type="number"],
.form-wrap-modal input[type="search"],
.form-wrap-modal input[type="tel"],
.form-wrap-modal input[type="time"],
.form-wrap-modal input[type="url"],
.form-wrap-modal textarea, .form-wrap-modal select {
    background-color: white;
    font-family: inherit;
    border: 1px solid #c3c0c0;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875em;
    margin: 0 0 1em 0;
    padding: 0.5em;
    height: 2.3125em;
    width: 100%;
}


input[type="text"]:focus,
/*input[type="password"]:focus,*/
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus, select:focus {
    background: #f2f1f1;
}

input[type="text"]:disabled, [disabled="disabled"], select[disabled="disabled"] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ede9e9 !important;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.row .text-search {
    display: block !important;
    margin: 0 !important;
}

.form-wrap .advanced-search {
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    padding: 7px 6px 7px 26px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 35px;
    background: #dfe0e4 url('data:image/png;base64,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') no-repeat center center;
}

.row .btnB {
    position: relative;
    top: -35px;
    left: -2px;
    margin-left: 101%;
    cursor: pointer;
    font-weight: 500;
    height: 27px;
    white-space: nowrap;
    padding: 0 !important;
    background-color: #ccc;
    border: none;
}

.row .btnB-max {
    max-width: 50% !important;
}


.row .btn-add {
    display: block;
    border: 2px solid #d0d1d5;
    padding: 5px 4px 5px 26px;
    margin-bottom: 4px;
    font-size: 12px !important;
    text-align: right;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 3px;
    width: auto !important;
    background: #dfe0e4 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAA9hJREFUOI3tlE1oXUUUx39zZu67L03J62vSWDVa0ybF2lKUWtsguBBEqbgRsnIhbkUUAl24ceNCjWAtBUFFV251o1gtFZVasB+gLdr0w0ZrG03zmjRpknfvu3NnjouXxgpusnDngWHOzMCPP/8z58D/8V+HAThw4MBaEen7l/cQY7zivZ8bGRlZOf38+fNHms1mmed5aLVayyvLsnJqaqp5/PjxN/ft25euWPH4+PiprjC9/drBNzDWICIYjRhj6Xl6FKo1nZycPDYxMfFOlmUzqqq3Qm495nneGB4ePuEAQggqlU5q/VtgVYomDloezUpKNaj3pl6v767VartUVWOMhLIg+IwYI1Fje4+RxcWsNTo62usAyrIk1ntJhl7CGEOMEVVFVSliRIuCEAKqaspi0eQn36f44RAEj3EJGgLqC/Aeqdh0xx3S5wC892TzDeauXaSzs5MsbyHWIsaQZU060pSF+RtUwgKtIx/CmXNgLL6jhi3nMVlz2QpJxaTrTf0mWOc+f5V46gTzYkEMiEBUTAzkMWJjpPSRWK3R8fTLrHnwSVbXe4khsHD5NI0v3kVPfwtiUCIOoCgKXLNJyBUxbc+AZVtEhBihWNtH/bn9rLtrAOccIoJzju7Bh6hv3MG5T/cTvnoP1YjcBEdAkgo4hyQVJKlgXIJUUnAJoVIl7tlL7ba7AfDBc+jMQb6/eBRVxYgwsOcFbgzugkgb7L0nqiEaCzYhGksUi4olGgHruNq9me4NWwGIMeK9Z3L2DxpzU4QQiDFiROgaepYLv83LshWqYCuVdgFUYelr2qUk79mEiPDn/ARnG2cwCnPNWYqi4Ouxw1gsOzftpnb7oBnLt3a4fyiOYI2gIWAAEQVT4hJYjMLCwgJjiz/z0dgHBB8ofYkGkLOCI+H12tvEpuKTnsrfiqOSiMOoIk4QGxAbsE4RG0iyq1y/fp3+2gDPbxuhFVq89t0r9FbX8+LDezFGSEmZmL6sleaFfLlBNIJRxSWKSEmSlLgkYF2JdZE7izEa09Pc09VPf9cAeciJXknSCoM99wKQZRlXfvqGRzbMZDdbGjBUqmYJeAvYKtYaHlg1w8cXDjNbH8ZaS5I4hu97hjXVNYQQKIqCy5fGqU98Qn11irPWEkJYzLSDaDzBFAglIUZMAFTQaBGxPBqO8uWxKq37H6O7u4cnNj6FMYbZ2VkmLv1CdvQtdq1t6ulGfdGkaZoODQ3t3NDT1SfXfl1qDG2PPaOYdoZpXzDbCmbd5m3b+we2PN6xavVmF7N8Zrpx8tyJQwett1cX8pB/9uPvR1YyYlcUfwHRYxYAfiFzJgAAAABJRU5ErkJggg==') /*../../imagenes/human_add_folder_to_archive.png*/ 0% -25% no-repeat;
    margin-left: 35%;
    position: relative;
    margin-top: -13px;
}


.row .button-search {
    line-height: 2.25em;
    color: #262626;
    text-align: center;
    vertical-align: middle;
    font-size: 100%;
    white-space: nowrap;
    background-color: #ffa366;
    border: none;
    font-weight: bold;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1em;
    padding-left: 1em;
    float: right;
    position: relative;
    top: -30px;
    right: -1px;
}

.row .select-search {
    line-height: 2.25em;
    color: #262626;
    text-align: center;
    vertical-align: middle;
    font-size: 100%;
    white-space: nowrap;
    background-color: #ffa366;
    border: none;
    font-weight: bold;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1em;
    padding-left: 1em;
    float: right;
    position: relative;
    top: -30px;
    right: -100px;
}
/**Tabs**/


.tabs {
    width: 100%;
    height: 420px; /*Estaba de 560px*/
}



    .tabs ul.ta,
    .tabs li.tab {
        margin: 0;
        padding: 0;
        list-style: none;
        color: #34495E;
    }

    .tabs,
    .tabs input[type="radio"]:checked + label {
        position: relative;
    }

        .tabs li.tab,
        .tabs input[type="radio"] + label {
            display: inline-block;
        }

            .tabs li.tab > div,
            .tabs input[type="radio"] {
                position: absolute;
            }

                .tabs li.tab > div,
                .tabs input[type="radio"] + label {
                    border: solid 1px #ccc;
                }

        .tabs li.tab {
            vertical-align: top;
        }

            .tabs li.tab:first-child {
                margin-left: 0px;
            }

            .tabs li.tab > div {
                top: 35px;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 8px;
                background: #fff;
                text-align: left;
                overflow: auto;
            }

        .tabs input[type="radio"] + label {
            margin: 2px -4px 0 0; /*Estaba 2px 2px 0 0*/
            padding: 0 10px;
            line-height: 32px;
            background: #f1f1f1;
            text-align: center;
            cursor: pointer;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-size: 15px;
            border-top-left-radius:3px;
            border-top-right-radius:3px;
        }

        .tabs input:hover + label {
            background: #fff;
        }

        .tabs input[type="radio"]:checked + label {
            z-index: 1;
            background: #fff;
            border-bottom-color: #fff;
            cursor: default;
        }

        .tabs input[type="radio"] {
            opacity: 0;
        }

            .tabs input[type="radio"] ~ div {
                display: none;
            }

            .tabs input[type="radio"]:checked:not(:disabled) ~ div {
                display: block;
            }

            .tabs input[type="radio"]:disabled + label {
                opacity: .5;
                cursor: no-drop;
            }

/****/
.of {
    overflow-x: auto;
}

.talla {
    padding: .5em;
    display: block;
    /*min-width:980px;*/
    white-space: nowrap;
}

.talla__td {
    display: inline-block;
    max-width: 50px;
}

.talla__input, .talla__label {
    display: block;
    text-align: center !important;
    width: 100%;
    font-size: 5px;
}

.talla--enabled {
    border: none;
}





.btn_up {
    margin: 0 0 1em 0;
    line-height: 2.25em;
    vertical-align: middle;
    display: inline-block !important;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    padding: 0 14px 2px 30px;
    background: #dfe0e4 url(../imagenes/go_up.png) 2% no-repeat;
}

    .btn_up:hover {
        background-color: #eee !important;
    }

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }


.icon_file {
    /*display:inline-block;*/
    max-width: 18px;
    width: 100%;
    vertical-align: middle;
}

video {
    width: 100%;
}

.videoWrapper div {
    max-width: 274px;
    margin: 0 auto;
    text-align: center;
}

.videoWrapper video, .videoWrapper canvas {
    width: 100%;
    height: 100%;
    width: 274px !important;
    height: 206px !important;
    margin: 0 auto;
    border: 1px solid #1F2222;
}

.buttons {
    display: block;
    margin: 5px 0;
}

    .buttons button, .buttons input[type=button] {
        height: 40px;
        width: 100%;
        font-size: 13px;
        border: 1px solid #fff;
        background-color: #3EB0F7;
        color: #fff;
        cursor: pointer;
    }

    .buttons input[type=button] {
        border: 1px solid #fff;
        background-color: #5BC3B0;
        color: #fff;
    }

@media only screen and (min-width:480px) {
    .videoWrapper video, .videoWrapper canvas {
        width: 100%;
        height: 100%;
        width: 274px;
        height: 206px;
        margin: 0 auto;
        border: 1px solid #1F2222;
    }
}

.online-user {    
    position: absolute;
    right: 10px;
    bottom: 5px;
    text-align: center;
    color: white;
}

.active-user {
    position: relative;
    color: #43db49;
    animation: online 2s  ease-out infinite;
    font-size: 34px;    
}

.user-name {
    position: absolute;
    right: 8px;
    bottom: -44px;
    background-color: #2C3E50;
    color: #fff;
    padding: 10px 8px;
    z-index: 1;
    border: 2px solid #0094ff;
    border-radius: 4px;    
}
.user-name:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    top: -10.5px;
    right: 4px;
    background-color:  #2C3E50;
    transform: rotate(45deg);
    border: 2px solid #0094ff;
    border-right: none;
    border-bottom: none;
}
 
@keyframes online {
    0% {
        opacity: 0.9;
        color: #00ff21;
    }
    50% {
        opacity: 0.6;
        color: #00ff21;
    }
    100% {
        opacity: 1;
        color: #00ff21;
    }
}

.user-name[data-state=closed] {
    display: none;
}
.user-name[data-state=open] {
    display: inherit;
}