/* Error de minimización. Devolviendo el contenido no minimizado.
(6958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6973,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(6977,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6981,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(6984,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(6988,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary'
(6992,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary'
(6996,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quinary'
(7022,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(7276,24): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(7281,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(7371,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(7602,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(7710,44): run-time error CSS1046: Expect comma, found '0'
(7710,48): run-time error CSS1046: Expect comma, found '/'
(8083,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8204,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(8540,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8543,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8554,21): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8627,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(8664,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-1'
(8673,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8674,48): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8682,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8723,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8728,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(8745,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8775,40): run-time error CSS1046: Expect comma, found '0'
(8775,44): run-time error CSS1046: Expect comma, found '/'
(8825,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8867,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(8944,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8952,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(8962,21): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(9007,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(9148,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(9201,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(9287,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(9303,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(9309,33): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(9355,38): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(9367,32): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(9554,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(9643,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(9874,36): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(9882,36): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10159,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10354,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-1'
(10355,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10377,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-1'
(10399,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10400,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-1'
(10407,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(10453,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10462,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10472,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10547,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10557,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(10579,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10770,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10794,49): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10794,77): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10794,106): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(10795,52): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10795,80): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10795,109): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(10796,47): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10796,75): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10796,104): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(10797,48): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10797,76): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10797,105): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(10798,48): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10798,76): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10798,105): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(10804,32): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(10834,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(10943,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(11213,34): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(11258,32): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(11259,39): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(11259,77): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(11285,39): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(11427,25): run-time error CSS1046: Expect comma, found '242'
(11427,33): run-time error CSS1046: Expect comma, found '/'
(11447,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-1'
(11763,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(11862,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(11867,25): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12175,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12196,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12201,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12284,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12292,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12383,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12388,30): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12470,34): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12555,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12566,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12618,18): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12659,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12676,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12835,35): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(12869,35): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(13009,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(13015,20): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(13016,37): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(13233,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13266,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(13271,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13275,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(13299,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13350,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13357,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13428,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13478,25): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13485,29): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13490,34): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13616,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13640,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13654,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13667,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13671,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(13860,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13891,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(13964,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14034,35): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14070,35): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14071,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14089,25): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14238,43): run-time error CSS1046: Expect comma, found '0'
(14238,47): run-time error CSS1046: Expect comma, found '/'
(14427,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14490,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14557,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14805,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14817,32): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14839,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(14849,18): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(15038,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(15092,32): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(15130,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(15430,33): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(15480,35): run-time error CSS1039: Token not allowed after unary operator: '-template-color-3'
(15480,74): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(15481,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-4'
(15714,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16020,28): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16376,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16475,23): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16476,25): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16477,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16532,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16717,33): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16725,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color2'
(16731,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color2'
(16740,25): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16743,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16844,21): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16855,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16870,21): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16917,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16921,17): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(16993,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17111,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17156,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17160,48): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17168,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17172,48): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17219,48): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17231,48): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17608,52): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17641,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17709,29): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17775,22): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(17779,48): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(18091,29): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(18989,26): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(20056,36): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
(20368,32): run-time error CSS1039: Token not allowed after unary operator: '-template-color-2'
 */
/*
 * Normalize & Reset & Helpers
 * @author mfyance
 */
html{
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden !important;
    -ms-overflow-style: none;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: inherit !important
}
body {
    margin: 0;
    padding: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
button,
input,
i,
a {
    -webkit-font-smoothing: antialiased;
}
*,
*:active,
*:hover {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
center,
u,
b,
i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    font-size: inherit;
}
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

a {
    text-decoration: none;
    cursor: pointer;
}
a:hover,
a:active,
a:focus {
    outline: 0;
    text-decoration: none;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: none !important;
}
ul {
    margin: 0;
    list-style: none;
    padding: 0;
    line-height: normal;
}
img {
    border: 0;
    width: 100%;
    vertical-align: middle;
    width: auto;
    -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    box-sizing: border-box; 
    border:none;
    background-color:inherit;
    text-transform: none;
}
button,
input {
    *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button {
    -webkit-appearance: button;
    cursor: pointer;
}


input:focus,
textarea:focus,
select:focus,
a,
a:focus,
a:hover,
a:active,
a:visited,
button:focus,
button:hover,
button:active {
    outline: none;
    text-decoration: none;
}
label,
select,
button,
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
    margin: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
figure {
    margin: 0;
    padding: 0;
}
form {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
audio,
video {
    outline: none;
}
b,
strong {
    font-weight: bold;
}
p {
    margin: 0;
    line-height: 1.5em;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}
input[type="time"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill:valid,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
}

audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
}
pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
svg:not(:root) {
    overflow: hidden;
}

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

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button,
input,
select[multiple],
textarea {
  background-image: none;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}
/* NUGET: BEGIN LICENSE TEXT
 *
 * Microsoft grants you the right to use these script files for the sole
 * purpose of either: (i) interacting through your browser with the Microsoft
 * website or online service, subject to the applicable licensing or use
 * terms; or (ii) using the files as included with a Microsoft product subject
 * to that product's license terms. Microsoft reserves all other rights to the
 * files not expressly granted by Microsoft, whether by implication, estoppel
 * or otherwise. The notices and licenses below are for informational purposes only.
 *
 * NUGET: END LICENSE TEXT */
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }

        .dl-horizontal dd:before,
        .dl-horizontal dd:after {
            display: table;
            content: " ";
        }

        .dl-horizontal dd:after {
            clear: both;
        }

        .dl-horizontal dd:before,
        .dl-horizontal dd:after {
            display: table;
            content: " ";
        }

        .dl-horizontal dd:after {
            clear: both;
        }
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

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

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

    .container:after {
        clear: both;
    }

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

    .container:after {
        clear: both;
    }

.row {
    margin-right: -15px;
    margin-left: -15px;
}

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

    .row:after {
        clear: both;
    }

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

    .row:after {
        clear: both;
    }

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
    float: left;
}

.col-xs-1 {
    width: 8.333333333333332%;
}

.col-xs-2 {
    width: 16.666666666666664%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333333333333%;
}

.col-xs-5 {
    width: 41.66666666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.333333333333336%;
}

.col-xs-8 {
    width: 66.66666666666666%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333333333334%;
}

.col-xs-11 {
    width: 91.66666666666666%;
}

.col-xs-12 {
    width: 100%;
}

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

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11 {
        float: left;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-push-1 {
        left: 8.333333333333332%;
    }

    .col-sm-push-2 {
        left: 16.666666666666664%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.33333333333333%;
    }

    .col-sm-push-5 {
        left: 41.66666666666667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.333333333333336%;
    }

    .col-sm-push-8 {
        left: 66.66666666666666%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.33333333333334%;
    }

    .col-sm-push-11 {
        left: 91.66666666666666%;
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%;
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%;
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%;
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%;
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%;
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11 {
        float: left;
    }

    .col-md-1 {
        width: 8.333333333333332%;
    }

    .col-md-2 {
        width: 16.666666666666664%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }

    .col-md-5 {
        width: 41.66666666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.333333333333336%;
    }

    .col-md-8 {
        width: 66.66666666666666%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333333333334%;
    }

    .col-md-11 {
        width: 91.66666666666666%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.333333333333332%;
    }

    .col-md-push-2 {
        left: 16.666666666666664%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.33333333333333%;
    }

    .col-md-push-5 {
        left: 41.66666666666667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.333333333333336%;
    }

    .col-md-push-8 {
        left: 66.66666666666666%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.33333333333334%;
    }

    .col-md-push-11 {
        left: 91.66666666666666%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.333333333333332%;
    }

    .col-md-pull-2 {
        right: 16.666666666666664%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.33333333333333%;
    }

    .col-md-pull-5 {
        right: 41.66666666666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.333333333333336%;
    }

    .col-md-pull-8 {
        right: 66.66666666666666%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.33333333333334%;
    }

    .col-md-pull-11 {
        right: 91.66666666666666%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11 {
        float: left;
    }

    .col-lg-1 {
        width: 8.333333333333332%;
    }

    .col-lg-2 {
        width: 16.666666666666664%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.33333333333333%;
    }

    .col-lg-5 {
        width: 41.66666666666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.333333333333336%;
    }

    .col-lg-8 {
        width: 66.66666666666666%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.33333333333334%;
    }

    .col-lg-11 {
        width: 91.66666666666666%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.333333333333332%;
    }

    .col-lg-push-2 {
        left: 16.666666666666664%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.33333333333333%;
    }

    .col-lg-push-5 {
        left: 41.66666666666667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.333333333333336%;
    }

    .col-lg-push-8 {
        left: 66.66666666666666%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.33333333333334%;
    }

    .col-lg-push-11 {
        left: 91.66666666666666%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%;
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%;
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%;
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%;
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

table {
    max-width: 100%;
    background-color: transparent;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

    .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.428571429;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }

    .table thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #dddddd;
    }

    .table caption + thead tr:first-child th,
    .table colgroup + thead tr:first-child th,
    .table thead:first-child tr:first-child th,
    .table caption + thead tr:first-child td,
    .table colgroup + thead tr:first-child td,
    .table thead:first-child tr:first-child td {
        border-top: 0;
    }

    .table tbody + tbody {
        border-top: 2px solid #dddddd;
    }

    .table .table {
        background-color: #ffffff;
    }

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #dddddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    display: table-cell;
    float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
    background-color: #ebcccc;
    border-color: #e6c1c7;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
    background-color: #faf2cc;
    border-color: #f8e5be;
}

@media (max-width: 768px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #dddddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
            background-color: #fff;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > thead > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > thead > tr:last-child > td,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

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"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    /* IE8-9 */
    line-height: normal;
}

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

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

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

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

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

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    display: block;
    min-height: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

    .radio label,
    .checkbox label {
        display: inline;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        float: left;
        margin-left: -20px;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

    input[type="radio"][disabled],
    input[type="checkbox"][disabled],
    .radio[disabled],
    .radio-inline[disabled],
    .checkbox[disabled],
    .checkbox-inline[disabled],
    fieldset[disabled] input[type="radio"],
    fieldset[disabled] input[type="checkbox"],
    fieldset[disabled] .radio,
    fieldset[disabled] .radio-inline,
    fieldset[disabled] .checkbox,
    fieldset[disabled] .checkbox-inline {
        cursor: not-allowed;
    }

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

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm {
    height: auto;
}

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

select.input-lg {
    height: 45px;
    line-height: 45px;
}

textarea.input-lg {
    height: auto;
}


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

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0;
        }
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

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

    .form-horizontal .form-group:after {
        clear: both;
    }

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

    .form-horizontal .form-group:after {
        clear: both;
    }

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover,
    .btn:focus {
        color: #333333;
        text-decoration: none;
    }

    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }

.btn-primary {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #3276b1;
        border-color: #285e8e;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #428bca;
        border-color: #357ebd;
    }

.btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #ed9c28;
        border-color: #d58512;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #d2322d;
        border-color: #ac2925;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #47a447;
        border-color: #398439;
    }

    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #39b3d7;
        border-color: #269abc;
    }

    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

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

    .btn-link,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #999999;
                text-decoration: none;
            }

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

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

.btn-xs {
    padding: 1px 5px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-briefcase:before {
    content: "\1f4bc";
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}

.glyphicon-pushpin:before {
    content: "\1f4cc";
}

.glyphicon-paperclip:before {
    content: "\1f4ce";
}

.glyphicon-camera:before {
    content: "\1f4f7";
}

.glyphicon-lock:before {
    content: "\1f512";
}

.glyphicon-bell:before {
    content: "\1f514";
}

.glyphicon-bookmark:before {
    content: "\1f516";
}

.glyphicon-fire:before {
    content: "\1f525";
}

.glyphicon-wrench:before {
    content: "\1f527";
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: #ffffff;
            text-decoration: none;
            background-color: #428bca;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        background-color: #428bca;
        outline: 0;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #999999;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999999;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0 dotted;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
}

.btn-default .caret {
    border-top-color: #333333;
}

.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
    border-top-color: #fff;
}

.dropup .btn-default .caret {
    border-bottom-color: #333333;
}

.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
    border-bottom-color: #fff;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group-vertical > .btn:focus,
        .btn-group > .btn:active,
        .btn-group-vertical > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

        .btn-group > .btn:focus,
        .btn-group-vertical > .btn:focus {
            outline: none;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar:before,
.btn-toolbar:after {
    display: table;
    content: " ";
}

.btn-toolbar:after {
    clear: both;
}

.btn-toolbar:before,
.btn-toolbar:after {
    display: table;
    content: " ";
}

.btn-toolbar:after {
    clear: both;
}

.btn-toolbar .btn-group {
    float: left;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn-group {
    margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child > .btn:last-child,
    .btn-group > .btn-group:first-child > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn-group:last-child > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group-xs > .btn {
    padding: 5px 10px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

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

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

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group:before,
    .btn-group-vertical > .btn-group:after {
        display: table;
        content: " ";
    }

    .btn-group-vertical > .btn-group:after {
        clear: both;
    }

    .btn-group-vertical > .btn-group:before,
    .btn-group-vertical > .btn-group:after {
        display: table;
        content: " ";
    }

    .btn-group-vertical > .btn-group:after {
        clear: both;
    }

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
}

    .btn-group-justified .btn {
        display: table-cell;
        float: none;
        width: 1%;
    }

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display: none;
}

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

    .input-group.col {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

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

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }


    .input-group-addon:first-child {
        border-right: 0;
    }


    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -4px;
        }

        .input-group-btn > .btn:hover,
        .input-group-btn > .btn:active {
            z-index: 2;
        }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

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

    .nav:after {
        clear: both;
    }

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

    .nav:after {
        clear: both;
    }

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

        .nav > li.disabled > a {
            color: #999999;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #999999;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eeeeee;
        border-color: #428bca;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #dddddd;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #555555;
            cursor: default;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
            }

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-bottom: 1px solid #dddddd;
}

.nav-tabs.nav-justified > .active > a {
    border-bottom-color: #ffffff;
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 5px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        color: #ffffff;
        background-color: #428bca;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            text-align: center;
        }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-bottom: 1px solid #dddddd;
    }

    .nav-tabs-justified > .active > a {
        border-bottom-color: #ffffff;
    }

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

.tabbable:after {
    clear: both;
}

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

.tabbable:after {
    clear: both;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.nav .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
}

.nav a:hover .caret {
    border-top-color: #2a6496;
    border-bottom-color: #2a6496;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    z-index: 1000;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

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

    .navbar:after {
        clear: both;
    }

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

    .navbar:after {
        clear: both;
    }

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

.navbar-header:before,
.navbar-header:after {
    display: table;
    content: " ";
}

.navbar-header:after {
    clear: both;
}

.navbar-header:before,
.navbar-header:after {
    display: table;
    content: " ";
}

.navbar-header:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    max-height: 340px;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse:before,
    .navbar-collapse:after {
        display: table;
        content: " ";
    }

    .navbar-collapse:after {
        clear: both;
    }

    .navbar-collapse:before,
    .navbar-collapse:after {
        display: table;
        content: " ";
    }

    .navbar-collapse:after {
        clear: both;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

        .navbar-collapse .navbar-nav.navbar-left:first-child {
            margin-left: -15px;
        }

        .navbar-collapse .navbar-nav.navbar-right:last-child {
            margin-right: -15px;
        }

        .navbar-collapse .navbar-text:last-child {
            margin-right: 0;
        }
}

.container > .navbar-header,
.container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    z-index: 1030;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-text {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        margin-right: 15px;
        margin-left: 15px;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777777;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #dddddd;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #dddddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #cccccc;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e6e6e6;
    }

    .navbar-default .navbar-nav > .dropdown > a:hover .caret,
    .navbar-default .navbar-nav > .dropdown > a:focus .caret {
        border-top-color: #333333;
        border-bottom-color: #333333;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

        .navbar-default .navbar-nav > .open > a .caret,
        .navbar-default .navbar-nav > .open > a:hover .caret,
        .navbar-default .navbar-nav > .open > a:focus .caret {
            border-top-color: #555555;
            border-bottom-color: #555555;
        }

    .navbar-default .navbar-nav > .dropdown > a .caret {
        border-top-color: #777777;
        border-bottom-color: #777777;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

    .navbar-default .navbar-link:hover {
        color: #333333;
    }

.navbar-inverse {
    background-color: #222222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #999999;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #999999;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #999999;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333333;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #333333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-inverse .navbar-nav > .dropdown > a .caret {
        border-top-color: #999999;
        border-bottom-color: #999999;
    }

    .navbar-inverse .navbar-nav > .open > a .caret,
    .navbar-inverse .navbar-nav > .open > a:hover .caret,
    .navbar-inverse .navbar-nav > .open > a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999999;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #999999;
}

    .navbar-inverse .navbar-link:hover {
        color: #ffffff;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #cccccc;
            content: "/\00a0";
        }

    .breadcrumb > .active {
        color: #999999;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            background-color: #eeeeee;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

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

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

    .pager:after {
        clear: both;
    }

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

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

    .label[href]:hover,
    .label[href]:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

    .label:empty {
        display: none;
    }

.label-default {
    background-color: #999999;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #808080;
    }

.label-primary {
    background-color: #428bca;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #3071a9;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #c9302c;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn .badge {
    position: relative;
    top: -1px;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #428bca;
    background-color: #ffffff;
}

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee;
}

    .jumbotron h1 {
        line-height: 1;
        color: inherit;
    }

    .jumbotron p {
        line-height: 1.4;
    }

.container .jumbotron {
    border-radius: 6px;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: inline-block;
    display: block;
    height: auto;
    max-width: 100%;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

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

a.thumbnail:hover,
a.thumbnail:focus {
    border-color: #428bca;
}

.thumbnail > img {
    margin-right: auto;
    margin-left: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #333333;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

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

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

.alert-dismissable {
    padding-right: 35px;
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #356635;
    }

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #2d6987;
    }

.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

    .alert-warning hr {
        border-top-color: #f8e5be;
    }

    .alert-warning .alert-link {
        color: #a47e3c;
    }

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

    .alert-danger hr {
        border-top-color: #e6c1c7;
    }

    .alert-danger .alert-link {
        color: #953b39;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

    .media,
    .media .media {
        margin-top: 15px;
    }

        .media:first-child {
            margin-top: 0;
        }

.media-object {
    display: block;
}

.media-heading {
    margin: 0 0 5px;
}

.media > .pull-left {
    margin-right: 10px;
}

.media > .pull-right {
    margin-left: 10px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .list-group-item > .badge {
        float: right;
    }

        .list-group-item > .badge + .badge {
            margin-right: 5px;
        }

a.list-group-item {
    color: #555555;
}

    a.list-group-item .list-group-item-heading {
        color: #333333;
    }

    a.list-group-item:hover,
    a.list-group-item:focus {
        text-decoration: none;
        background-color: #f5f5f5;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #e1edf7;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

.panel > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
    }

        .panel > .list-group .list-group-item:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel > .list-group .list-group-item:last-child {
            border-bottom: 0;
        }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table {
    margin-bottom: 0;
}

.panel > .panel-body + .table {
    border-top: 1px solid #dddddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

    .panel-group .panel + .panel {
        margin-top: 5px;
    }

.panel-group .panel-heading {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 1px solid #dddddd;
    }

.panel-group .panel-footer {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #dddddd;
    }

.panel-default {
    border-color: #dddddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #dddddd;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #428bca;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-warning {
    border-color: #fbeed5;
}

    .panel-warning > .panel-heading {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5;
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #fbeed5;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #fbeed5;
    }

.panel-danger {
    border-color: #eed3d7;
}

    .panel-danger > .panel-heading {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #eed3d7;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #eed3d7;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1;
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover,
    .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

    body.modal-open,
    .modal-open .navbar-fixed-top,
    .modal-open .navbar-fixed-bottom {
        margin-right: 15px;
    }

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-dialog {
    z-index: 1050;
    width: auto;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

@media screen and (min-width: 768px) {
    .modal-dialog {
        right: auto;
        left: 50%;
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

    .popover .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #ffffff;
        border-bottom-width: 0;
        content: " ";
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}

    .popover.right .arrow:after {
        bottom: -10px;
        left: 1px;
        border-right-color: #ffffff;
        border-left-width: 0;
        content: " ";
    }

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #ffffff;
        border-top-width: 0;
        content: " ";
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}

    .popover.left .arrow:after {
        right: 1px;
        bottom: -10px;
        border-left-color: #ffffff;
        border-right-width: 0;
        content: " ";
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            display: block;
            height: auto;
            max-width: 100%;
            line-height: 1;
        }

    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

    .carousel-inner > .prev {
        left: -100%;
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .carousel-control.left {
        background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover,
    .carousel-control:focus {
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        border: 1px solid #ffffff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #ffffff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

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

.clearfix:after {
    clear: both;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px;
    }
}

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

.visible-xs {
    display: none !important;
}

tr.visible-xs {
    display: none !important;
}

th.visible-xs,
td.visible-xs {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important;
    }

    tr.visible-xs.visible-sm {
        display: table-row !important;
    }

    th.visible-xs.visible-sm,
    td.visible-xs.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important;
    }

    tr.visible-xs.visible-md {
        display: table-row !important;
    }

    th.visible-xs.visible-md,
    td.visible-xs.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important;
    }

    tr.visible-xs.visible-lg {
        display: table-row !important;
    }

    th.visible-xs.visible-lg,
    td.visible-xs.visible-lg {
        display: table-cell !important;
    }
}

.visible-sm {
    display: none !important;
}

tr.visible-sm {
    display: none !important;
}

th.visible-sm,
td.visible-sm {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important;
    }

    tr.visible-sm.visible-xs {
        display: table-row !important;
    }

    th.visible-sm.visible-xs,
    td.visible-sm.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important;
    }

    tr.visible-sm.visible-md {
        display: table-row !important;
    }

    th.visible-sm.visible-md,
    td.visible-sm.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important;
    }

    tr.visible-sm.visible-lg {
        display: table-row !important;
    }

    th.visible-sm.visible-lg,
    td.visible-sm.visible-lg {
        display: table-cell !important;
    }
}

.visible-md {
    display: none !important;
}

tr.visible-md {
    display: none !important;
}

th.visible-md,
td.visible-md {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important;
    }

    tr.visible-md.visible-xs {
        display: table-row !important;
    }

    th.visible-md.visible-xs,
    td.visible-md.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important;
    }

    tr.visible-md.visible-sm {
        display: table-row !important;
    }

    th.visible-md.visible-sm,
    td.visible-md.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important;
    }

    tr.visible-md.visible-lg {
        display: table-row !important;
    }

    th.visible-md.visible-lg,
    td.visible-md.visible-lg {
        display: table-cell !important;
    }
}

.visible-lg {
    display: none !important;
}

tr.visible-lg {
    display: none !important;
}

th.visible-lg,
td.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important;
    }

    tr.visible-lg.visible-xs {
        display: table-row !important;
    }

    th.visible-lg.visible-xs,
    td.visible-lg.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important;
    }

    tr.visible-lg.visible-sm {
        display: table-row !important;
    }

    th.visible-lg.visible-sm,
    td.visible-lg.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important;
    }

    tr.visible-lg.visible-md {
        display: table-row !important;
    }

    th.visible-lg.visible-md,
    td.visible-lg.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

.hidden-xs {
    display: block !important;
}

tr.hidden-xs {
    display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    tr.hidden-xs {
        display: none !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm {
        display: none !important;
    }

    tr.hidden-xs.hidden-sm {
        display: none !important;
    }

    th.hidden-xs.hidden-sm,
    td.hidden-xs.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md {
        display: none !important;
    }

    tr.hidden-xs.hidden-md {
        display: none !important;
    }

    th.hidden-xs.hidden-md,
    td.hidden-xs.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg {
        display: none !important;
    }

    tr.hidden-xs.hidden-lg {
        display: none !important;
    }

    th.hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg {
        display: none !important;
    }
}

.hidden-sm {
    display: block !important;
}

tr.hidden-sm {
    display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs {
        display: none !important;
    }

    tr.hidden-sm.hidden-xs {
        display: none !important;
    }

    th.hidden-sm.hidden-xs,
    td.hidden-sm.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }

    tr.hidden-sm {
        display: none !important;
    }

    th.hidden-sm,
    td.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md {
        display: none !important;
    }

    tr.hidden-sm.hidden-md {
        display: none !important;
    }

    th.hidden-sm.hidden-md,
    td.hidden-sm.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg {
        display: none !important;
    }

    tr.hidden-sm.hidden-lg {
        display: none !important;
    }

    th.hidden-sm.hidden-lg,
    td.hidden-sm.hidden-lg {
        display: none !important;
    }
}

.hidden-md {
    display: block !important;
}

tr.hidden-md {
    display: table-row !important;
}

th.hidden-md,
td.hidden-md {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs {
        display: none !important;
    }

    tr.hidden-md.hidden-xs {
        display: none !important;
    }

    th.hidden-md.hidden-xs,
    td.hidden-md.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm {
        display: none !important;
    }

    tr.hidden-md.hidden-sm {
        display: none !important;
    }

    th.hidden-md.hidden-sm,
    td.hidden-md.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }

    tr.hidden-md {
        display: none !important;
    }

    th.hidden-md,
    td.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg {
        display: none !important;
    }

    tr.hidden-md.hidden-lg {
        display: none !important;
    }

    th.hidden-md.hidden-lg,
    td.hidden-md.hidden-lg {
        display: none !important;
    }
}

.hidden-lg {
    display: block !important;
}

tr.hidden-lg {
    display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs {
        display: none !important;
    }

    tr.hidden-lg.hidden-xs {
        display: none !important;
    }

    th.hidden-lg.hidden-xs,
    td.hidden-lg.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm {
        display: none !important;
    }

    tr.hidden-lg.hidden-sm {
        display: none !important;
    }

    th.hidden-lg.hidden-sm,
    td.hidden-lg.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md {
        display: none !important;
    }

    tr.hidden-lg.hidden-md {
        display: none !important;
    }

    th.hidden-lg.hidden-md,
    td.hidden-lg.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }

    tr.hidden-lg {
        display: none !important;
    }

    th.hidden-lg,
    td.hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

tr.visible-print {
    display: none !important;
}

th.visible-print,
td.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .hidden-print {
        display: none !important;
    }

    tr.hidden-print {
        display: none !important;
    }

    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }
}

/*
 * Fuentes
 * @author mfyance
 */

/*
 * Arial Rounded MT
 */
@font-face {
    font-family: 'Arial-Extra-Bold';
    src: 
        url('/Content/font/arial/ArialRoundedMTExtraBold.woff') format('woff'),
        url('/Content/font/arial/ArialRoundedMTExtraBold.ttf') format('truetype')
}

/*
 * Swiss721 L
 */
@font-face {
    font-family: 'Swiss-Light';
    src: 
        url('/Content/font/swiss/Swiss721LightBT.woff') format('woff'),
        url('/Content/font/swiss/Swiss721LightBT.ttf') format('truetype')
}

@font-face {
    font-family: 'Swiss-Bold';
    src: 
        url('/Content/font/swiss/Swiss721BoldBT.woff') format('woff'),
        url('/Content/font/swiss/Swiss721BoldBT.ttf') format('truetype')
}

/*
 * Lucida Sans
 */
@font-face {
    font-family: 'Lucida-Italic';
    src:        
        url('/Content/font/lucida/LucidaSansItalic.woff') format('woff'),
        url('/Content/font/lucida/LucidaSansItalic.ttf') format('truetype')
}

/*
 * Material Icons
 */
@font-face {
    font-family: 'Material Icons';
    src: 
        url(/Content/font/material/MaterialIcons-Regular.ttf) format('truetype')
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

/*
 * DXIcons
 */
@font-face {
    font-family: 'DXIcons';
    src:    url(/Content/font/dx/dxicons.woff) format('woff'),
            url(/Content/font/dx/dxicons.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*
    English111VivaceBT (Para impresi�n de contenido de credenciales)
*/
@font-face {
    font-family: 'English111VivaceBT';
    src: url('/Content/font/English111VivaceBT/English111VivaceBT-Regular.eot?#iefix') format('embedded-opentype'), url('/Content/font/English111VivaceBT/English111VivaceBT-Regular.woff') format('woff'), url('/Content/font/English111VivaceBT/English111VivaceBT-Regular.ttf') format('truetype'), url('/Content/font/English111VivaceBT    /English111VivaceBT-Regular.svg#English111VivaceBT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
    Centaur (Para impresi�n de nombre de credenciales)
*/
@font-face {
    font-family: 'Centaur';
    src: url('/Content/font/centaur/Centaur.eot?#iefix') format('embedded-opentype'), url('/Content/font/centaur/Centaur.woff') format('woff'), url('/Content/font/centaur/Centaur.ttf') format('truetype'), url('/Content/font/centaur/Centaur.svg#Centaur') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
 * Helpers
 * @author mfyance
 */

/* =============
   Cleaner
============= */
.cleaner {
    box-sizing: border-box;
    *zoom: 1;
}
.cleaner:after {
    clear: both;
}
.cleaner:before,
.cleaner:after {
    display: table;
    line-height: 0;
    content: "";
}

/* =============
   Flexbox
============= */
.flex--center{
    display: flex;
    align-items: center;
}
.flex--100{
    width: 100%;
    display: flex;
}
.flex--50{
    flex: 0 0 50%;
}

/* =============
   Positions
============= */
.p--r,
.p-r{position: relative;}

/* =============
   Directions
============= */
.d-i--b,
.d--ib{display: inline-block;}
.f--r{float: right;}

.vat{vertical-align: top !important;}
.vam,
.v-a--m{vertical-align: middle !important;}
.overflow--v{
    overflow: visible !important
}
.tar,
.t-a-r{
    text-align: right !important;
}
.tac,
.t-a-c {
	text-align: center !important;
	justify-content: center;
}
.tal,
.t-a-l {
	text-align: left !important;
}
.center-page {
    float: none!important;
    margin: 0 auto!important;
}
.ttu{
    text-transform: uppercase;
}

/* =============
    Color
============= */
.color--white{
    color: #fff
}

/* =============
   Styles
============= */
.italic{
    font-style: italic;
    font-family: 'Lucida-Italic';
}


/* =============
   Positions
============= */
.t-inherit {
    top: inherit !important
}

/* =============
   Paddings
============= */
.p-0 {
    padding: 0!important
}
.p-l--10 {
    padding-left: 10px !important
}
.p-t--16{
    padding-top: 16px;
}
.p-t--30{
    padding-top: 30;
}
.p-l--20 {
    padding-left: 20px !important
}
.p-l--40 {
    padding-left: 40px !important
}
.p-20 {
    padding: 20px !important
}
.p-30 {
    padding: 30px!important
}
.p-50 {
    padding: 50px!important
}
.p-l-0 {
    padding-left: 0!important
}
.p-r-0 {
    padding-right: 0!important
}
.p-t-0 {
    padding-top: 0!important
}
.p-b-0 {
    padding-bottom: 0!important
}
.p-t-10 {
    padding-top: 10px!important
}
.p-b-10 {
    padding-bottom: 10px!important
}

/* =============
   Margin
============= */
.m-0 {
    margin: 0!important
}
.m-r-5 {
    margin-right: 5px!important
}
.m-r-10 {
    margin-right: 10px!important
}
.m-r-15 {
    margin-right: 15px!important
}
.m-l-5 {
    margin-left: 5px!important
}
.m-l-10 {
    margin-left: 10px!important
}
.m-l-15 {
    margin-left: 15px!important
}
.m-t-5 {
    margin-top: 5px!important
}
.m-t-0 {
    margin-top: 0!important
}
.m-t-8 {
    margin-top: 8px!important
}
.m-t-10 {
    margin-top: 10px!important
}
.m-t-15 {
    margin-top: 15px!important
}
.m-t-20 {
    margin-top: 20px!important
}
.m-t-30 {
    margin-top: 30px!important
}
.m-t-40 {
    margin-top: 40px!important
}
.m-t-50 {
    margin-top: 50px!important
}
.m-t-60 {
    margin-top: 60px!important
}
.m-t-70 {
    margin-top: 70px!important
}
.m-t-80 {
    margin-top: 80px!important
}
.m-t-180 {
    margin-top: 180px!important
}
.m-b-0 {
    margin-bottom: 0!important
}
.m-b-5 {
    margin-bottom: 5px!important
}
.m-b-10 {
    margin-bottom: 10px!important
}
.m-b-15 {
    margin-bottom: 15px!important
}
.m-b-20 {
    margin-bottom: 20px!important
}
.m-b-25 {
    margin-bottom: 25px!important
}
.m-b-30 {
    margin-bottom: 30px!important
}
.m-b-40 {
    margin-bottom: 40px!important
}
.m-b-50 {
    margin-bottom: 50px!important
}
.m-b-60 {
    margin-bottom: 60px!important
}
.m-b-90 {
    margin-bottom: 90px!important
}
.m-b-100 {
    margin-bottom: 100px!important
}
.m--a{
    margin: auto;
}


.width100{
    width: 100% !important; 
    min-width: 100%;
}

/* =============
   Page Print
============= */
/*.page--600px{
    max-width: 600px;
    margin:0 auto;
}*/

/* =============
   Border - Box - Bg
============= */
.b-0 {
    border: none!important
}
.bx-shadow {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}
.bx-shadow-none {
    box-shadow: none!important
}
.bg-transparent {
    background-color: transparent!important
}

/* =============
   Fonts
============= */
.f-arial{
    font-family: Arial
}
.font-600,
b,
strong {
    font-weight: 600
}
.f-s-13 {
    font-size: 13px!important
}
.f-s-10 {
    font-size: 10px !important
}
.f-s-11 {
    font-size: 11px !important
}
/* =============
   Z-index
============= */
.z-i-0{
    z-index: 0
}
.z-i-1{
    z-index: 1
}
.z-i-2{
    z-index: 2
}
.z-i-3{
    z-index: 3
}

/* =============
   Animation
============= */
.is-transition{
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/* =============
   Heigth
============= */
.h-100p{
    height: 100%
}
.h--a{
    height: auto !important
}

/* =============
   Width
============= */
.w--1{width: 1%; min-width: 1%;}
.w--2{width: 2%; min-width: 2%;}
.w--3{width: 3%; min-width: 3%;}
.w--4{width: 4%; min-width: 4%;}
.w--5{width: 5%; min-width: 5%;}
.w--6{width: 6%; min-width: 6%;}
.w--7{width: 7%; min-width: 7%;}
.w--8{width: 8%; min-width: 8%;}
.w--9{width: 9%; min-width: 9%;}
.w--10{width: 10%; min-width: 10%;}
.w--11{width: 11%; min-width: 11%;}
.w--12{width: 12%; min-width: 12%;}
.w--13{width: 13%; min-width: 13%;}
.w--14{width: 14%; min-width: 14%;}
.w--15{width: 15%; min-width: 15%;}
.w--16{width: 16%; min-width: 16%;}
.w--17{width: 17%; min-width: 17%;}
.w--18{width: 18%; min-width: 18%;}
.w--19{width: 19%; min-width: 19%;}
.w--20{width: 20%; min-width: 20%;}
.w--25{width: 25%; min-width: 25%;}
.w--30{width: 30%; min-width: 30%;}
.w--35{width: 35%; min-width: 35%;}
.w--40{width: 40%; min-width: 40%;}
.w--45{width: 45%; min-width: 45%;}
.w--50{width: 50%; min-width: 50%;}
.w--55{width: 55%; min-width: 55%;}
.w--60{width: 60%; min-width: 60%;}
.w--65{width: 65%; min-width: 65%;}
.w--70{width: 70%; min-width: 70%;}
.w--75{width: 75%; min-width: 75%;}
.w--80{width: 80%; min-width: 80%;}
.w--85{width: 85%; min-width: 85%;}
.w--90{width: 90%; min-width: 90%;}
.w--95{width: 95%; min-width: 95%;}
.w--100{width: 100% !important; min-width: 100% !important;}
.w--100,
.w-100p{
    width:100%;
}

/* =============
   Show / hide
============= */
.hide,
.hidden{
    display: none !important;
}
.show{
    display: block;
}
/* ================================================
 * Variables
 * @autor myance
 * ================================================ */
:root {
    --color-error: #ff4646;
    --color-primary: #aa0000;
    --color-secondary: #ffa54a;
    --color-tertiary: #525252;
    --color-quaternary: #4eaccc;
    --color-quinary: #555;
    --color-senary: #fff;
    --color-septenary: #fff;
    --color-octonary: #fff;
    --color-nonary: #fff;
    --color-denary: #fff;
    --color-primary-light: #e20e0e;
}

.color-error {
    color: var(--color-error)
}

.color-primary {
    color: var(--color-primary)
}

.color-primary-light {
    color: var(--color-primary-light)
}
.color-secondary {
    color: var(--color-secondary)
}

.color-tertiary {
    color: var(--color-tertiary)
}

.color-quaternary {
    color: var(--color-quaternary)
}

.color-quinary {
    color: var(--color-quinary)
}


html, body {
    height: inherit;
    width: 100%;
    background: #ffffff;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.LayoutHome {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.bandeja__titulo {
    background: var(--template-color-2);
}

.menu__forever {
    position: fixed !important;
    top: 0 !important;
}

    .menu__forever .opciones-menu {
        padding-top: 65px;
    }


html {
    width: 100%;
    font-size: 58.5%;
}

body {
    font-family: "Swiss-Light";
    color: #525252;
    background: #ffffff;
    overflow: hidden;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}


    body.complete #main__container.main__container--is-layout {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

a {
    color: #4eaccc;
}


div.errorMensaje {
    background: #aa0000;
    display: inline-flex;
    padding: 15px;
    border-radius: 13px;
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.28);
    animation: Crecer;
    -webkit-animation: Crecer;
    animation-duration: 1s;
    opacity: 1;
    -webkit-transition: 1s !important;
    transition: 1s;
    vertical-align: top;
    margin: 15px;
    max-width: 330px;
}

    div.errorMensaje span {
        font: 1.6rem "Swiss-Light";
        color: #fff;
        font-family: 'Arial-Extra-Bold';
    }


span.errorMensaje {
    color: #aa0000;
    font-family: 'Arial-Extra-Bold';
    /* height: 15px; */
    display: block;
    font: 1.6rem "Arial-Extra-Bold";
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
    border-radius: 15px;
    padding: 13px;
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.28);
    animation: Crecer;
    -webkit-animation: Crecer;
    animation-duration: 1s;
    opacity: 1;
    -webkit-transition: 1s !important;
    transition: 1s;
}



@keyframes Crecer {
    0% {
        transform: scale(0.0);
        opacity: 0;
    }

    30% {
        transform: scale(0.0);
        opacity: 0;
    }

    100% {
    }
}


span.errorMensaje .button {
    margin: 0 15px;
}

.lista__jee--is-row.white.cr5 {
    text-align: left;
    align-items: baseline;
    text-align: left;
    max-width: 18%;
    background-repeat: no-repeat !important;
    background-size: 63% !important;
    background-position: 99% 100% !important;
    border-top: 7px solid;
    border-bottom: 4px solid;
    page-break-inside: avoid;
    page-break-after: auto;
}



.PrintDePopoUp {
    display: block !important;
}


md-dialog-content .contenedor-Print .lista__jee--is-row.white.cr5 h4 {
    color: #525252 !important;
    background: transparent !important;
    text-align: left;
    padding: 0;
    page-break-inside: avoid;
    page-break-after: auto;
    border-bottom: 0px solid #fff;
    font-size: 19px !important;
    border: 1px solid #fff; /*color prueba*/
}


md-dialog-content .grid__container .lista__jee--is-row.white.cr5 {
    text-align: left;
    width: 100%;
    padding: 5px;
    display: block !important;
    align-items: baseline;
    text-align: left;
    max-width: 201mm;
    vertical-align: top;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 63% !important;
    background-position: 99% 100% !important;
    border-top: 7px solid;
    border-bottom: 4px solid;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    box-shadow: none !important;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 3px solid #000 !important;
    border-color: #000 !important;
    flex: none !important;
    page-break-inside: avoid;
    page-break-after: auto;
}



.lista__jee--is-row.white.cr5 h3 {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
    page-break-inside: avoid;
    page-break-after: auto;
}

.lista__jee--is-row.white.cr5 h4 {
    font-size: 2.3rem !important;
    border-bottom: 2px solid #fff;
    width: 100%;
    margin-bottom: 5px;
    font-size: 1.9rem;
    padding: 9px;
    text-align: center;
    line-height: 1;
    color: #fff;
    page-break-inside: avoid;
    page-break-after: auto;
}

    .lista__jee--is-row.white.cr5 h4 i {
        width: 100%;
        display: block;
        font-size: 1.9rem !important;
        font-family: "Swiss-Light";
        page-break-inside: avoid;
        page-break-after: auto;
    }


    .lista__jee--is-row.white.cr5 h4 span {
        page-break-inside: avoid;
        page-break-after: auto;
        font-size: 1.9rem !important;
        font-family: "Swiss-Light";
    }

.lista__jee--is-row.white.cr5 b {
    font-family: 'Arial-Extra-Bold';
}




/**************************************************/

.SECCION.ESPECIAL.DE.PREDIOS.RURALES {
    border-color: #ddaf77 !important;
    background-image: url(/Content/images/consulta/rurales.png);
}

    .SECCION.ESPECIAL.DE.PREDIOS.RURALES h4 {
        background: #ddaf77;
    }

.REGISTRO.DE.PROPIEDAD.VEHICULAR {
    border-color: #4eaccc !important;
    /* */
    background-image: url(/Content/images/consulta/vehiculos.png);
}

    .REGISTRO.DE.PROPIEDAD.VEHICULAR h4 {
        background: #4eaccc;
    }

.REGISTRO.DE.PREDIOS {
    border-color: #a6ba8e !important;
    /**/
    background-image: url(/Content/images/consulta/predios.png);
}

    .REGISTRO.DE.PREDIOS h4 {
        background: #a6ba8e;
    }


.DERECHOS.MINEROS {
    border-color: var(--template-color-2) !important;
    background-image: url(/Content/images/consulta/minas.png) !important;
}

    .DERECHOS.MINEROS h4 {
        background: var(--template-color-2);
    }


.LIBRO.DE.ASENTAMIENTOS.HUMANOS {
    border-color: #aca289 !important;
    background-image: url(/Content/images/consulta/asentamientosHumanos.png);
}

    .LIBRO.DE.ASENTAMIENTOS.HUMANOS h4 {
        background: #aca289;
    }


.lista__jee--is-row.white.BALNEARIOS.PROPIEDADES {
    border-color: #ffb060 !important;
    background-image: url(/Content/images/consulta/balnearios.png);
}

.BALNEARIOS.PROPIEDADES h4 {
    background: #ffb060;
}


.lista__jee--is-row.white.cr1 {
    text-align: left;
    align-items: baseline;
    text-align: left;
    max-width: 100%;
    flex: 1 1 100%;
    background: #fff;
    margin: 1%;
}

    .lista__jee--is-row.white.cr1 h3 {
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .lista__jee--is-row.white.cr1 h4 {
        font-size: 2.3rem !important;
        width: 100%;
        margin-bottom: 5px;
        font-size: 2.3rem !important;
        font-size: 1.9rem;
        color: #ffffff;
        font-family: 'Arial-Extra-Bold';
        background: #8196a5;
        padding: 8px;
    }


        .lista__jee--is-row.white.cr1 h4 i {
            width: 100%;
            display: block;
            font-size: 1.9rem !important;
            font-family: "Swiss-Light";
        }

.lista__jee--is-row.white.cr5 b {
    font-family: 'Arial-Extra-Bold';
}



/*Publicidad Anuncio*/
.publicidad__ambiente p {
    color: #FFF;
    font: 30px 'Arial-Extra-Bold';
    text-align: center;
}

.publicidad__ambiente.other {
    top: inherit !important;
    bottom: 0 !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top: 3px dashed #ffffff;
    border-bottom: none;
}

.publicidad__ambiente {
    position: fixed;
    top: 0;
    left: 50%;
    width: auto;
    height: 100px;
    background-color: var(--template-color-2);
    z-index: 9999;
    padding: 30px;
    transform: translateX(-50%);
    display: grid;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    box-shadow: 0 6px 0 #3a2b2bd1;
    border: 3px dashed #ffffff;
    border-top: none;
}

.publicidad__ambiente {
    zoom: 0.5;
    transition: 1s;
}

    .publicidad__ambiente:hover {
        zoom: 1;
    }


#animation_container {
    display: inline-block;
}



.AnimacionPopUp {
    display: inline-block;
    width: 100% !important;
    text-align: center;
}


.BiemvenidaCasilla {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #fff;
}

    .BiemvenidaCasilla.SIJE-confirm {
        
        background: transparent;
        height: 65vh;
    }

        .BiemvenidaCasilla.SIJE-confirm .button {
            width: 100%;
            margin: 5px 0;
        }

        .BiemvenidaCasilla.SIJE-confirm .element__input 
        {
            text-align: left
        }

        .BiemvenidaCasilla.SIJE-confirm .txt--is-title h1,
        .BiemvenidaCasilla.SIJE-confirm .element__label {
            text-align: left;
            width: 100%;
        }

        .BiemvenidaCasilla.SIJE-confirm .SaludoBienve {
            max-width:750px;
        }

.BiemvenidaCasilla.absolute {
    position: absolute;
    width: 100%;
    height: 100%;
}


.SaludoBienve {
    width: 100%;
    max-width: 500px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    animation-duration: 0.5s;
    animation-name: AnimateSB;
}

    .SaludoBienve.NoPage {
        max-width: 713px;
    }


@keyframes AnimateSB {
    0% {
        opacity: 0;
        margin-top: -15%;
    }

    100% {
    }
}

.SaludoBienve.Grande {
    max-width: 950px;
    padding: 9vh 0;
}


.SaludoBienve h3 {
    font-size: 2rem;
    font-family: "Swiss-Light";
    text-align: left;
    margin: 10px 15px;
    word-break: normal;
    padding: 15px 20px;
    background: #ffebd3;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    position: relative;
    box-shadow: 1px 1px 1px #bbb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .SaludoBienve h3 b span {
        font-size: 15px;
    }



    .SaludoBienve h3:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 0px solid #ffebd3;
        border-right: 32px solid #ffebd3;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        left: -24px;
        top: 15px;
    }

.SaludoBienve .Dos:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 0px solid #ffebd3;
    border-left: 32px solid #ffebd3;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    right: -24px;
    top: 15px;
    left: auto;
}

.SaludoBienve h4 {
    font: 1.8rem "Swiss-Light" !important;
    word-break: normal;
    padding: 20px 25px;
    background: #55afca;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    box-shadow: 1px 1px 1px #bbb;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Swiss-Light";
    letter-spacing: 1.5px;
}


.SaludoBienve h2 {
    font: 2.7rem "Arial-Extra-Bold" !important;
    text-align: left;
    margin: 10px 15px;
    word-break: normal;
}


.SaludoBienve h5 {
    font: 1.8rem "Swiss-Light" !important;
    text-align: left;
    margin: 10px 15px;
    word-break: normal;
    max-width: 80%;
    color: #636363;
}

    .SaludoBienve h5 b {
        font: 1.8rem "Arial-Extra-Bold" !important;
    }


.SaludoBienve h2:before {
    content: "";
    display: none !important;
}


md-dialog .SaludoBienve h2:before {
    content: "";
    display: none !important;
}


.foto-tabla {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    page-break-inside: avoid;
    page-break-after: auto;
}

.texto-imafoto {
    width: calc(100% - 45px);
    display: inline-block;
}



.estafoActualLinea {
    display: inline-flex;
    width: 200px;
    height: 200px;
    background-color: var(--template-color-2);
    padding: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 1px 1px 8px 0px;
}

    .estafoActualLinea img {
        width: 60%;
        filter: drop-shadow(3px 2px 4px rgba(0, 0, 0, 0.37));
    }




.person02 {
    background: url(/Content/images/img/person02.gif);
    width: 157px;
    min-width: 157px;
    height: 284px;
    background-size: auto 278px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}




.person02-03 {
    background: url(/Content/images/img/person02-3.png);
    width: 157px;
    min-width: 157px;
    height: 284px;
    background-size: auto 278px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person03 {
    background: url(/Content/images/img/person03.gif);
    width: 237px;
    min-width: 237px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person04-1 {
    background: url(/Content/images/img/person04.png);
    width: 181px;
    min-width: 181px;
    height: 284px;
    background-size: 160px 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person04-2 {
    background: url(/Content/images/img/person04-2.gif);
    width: 252px;
    min-width: 252px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person06-204 {
    background: url(/Content/images/img/person05.gif);
    width: 252px;
    min-width: 252px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person05 {
    background: url(/Content/images/img/person05.gif);
    width: 252px;
    min-width: 252px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

    .person05.hablando {
        position: relative;
        margin-right: 53px;
        width: 458px;
    }

        .person05.hablando .texto-narrativo {
            position: absolute;
            background: white;
            padding: 15px;
            border-radius: 15px;
            box-shadow: 0 0 7px -4px rgb(0 0 0 / 43%);
            right: 0;
            top: -25px;
            width: 50%;
            animation-name: hablandoMensaje;
            animation-duration: 0.7s;
        }
 
@keyframes hablandoMensaje {
    0% {
        opacity: 0;
        right: 26px;
    }

    100% {
    }
}


        .person05.hablando .texto-narrativo:before {
            content: "";
            display: inline-block;
            position: absolute;
            border-left: 20px solid #fff;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            bottom: -10px;
            left: 21px;
        }

        .person06 {
            background: url(/Content/images/img/person06.gif);
            width: 251px;
            min-width: 252px;
            height: 284px;
            background-size: auto 284px;
            display: inline-block;
            vertical-align: middle;
            background-repeat: no-repeat;
        }

.person06-2 {
    background: url(/Content/images/img/person06.gif);
    width: 231px;
    min-width: 231px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
}



.person07 {
    background: url(/Content/images/img/person07.gif);
    width: 282px;
    min-width: 282px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person08 {
    background: url(/Content/images/img/person08.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person09 {
    background: url(/Content/images/img/person09.gif);
    width: 392px;
    min-width: 392px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person01 {
    background: url(/Content/images/img/person01.gif);
    width: 392px;
    min-width: 392px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person11 {
    background: url(/Content/images/img/person11.gif);
    width: 175px;
    min-width: 175px;
    ;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.person10 {
    background: url(/Content/images/img/person10.gif);
    width: 175px;
    min-width: 175px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person12 {
    background: url(/Content/images/img/person12.png);
    width: 175px;
    min-width: 175px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person13 {
    background: url(/Content/images/img/person13.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.person14 {
    background: url(/Content/images/img/person14.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}



.person15 {
    background: url(/Content/images/img/person15.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}



.person16 {
    background: url(/Content/images/img/person16.png);
    width: 172px;
    min-width: 172px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}



.person17 {
    background: url(/Content/images/img/person17.png);
    width: 208px;
    height: 284px;
    background-size: auto 284px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

/*********************************/

#ContOrganicacionesPoli {
    position: relative;
    overflow: hidden;
}

.content__video--is-video {
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.33);
    height: 100vh;
}



.mensajedeError {
    background: #e52b2b;
    font-size: 1.5rem;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.28);
    color: #fff;
    font-family: 'Arial-Extra-Bold';
    line-height: 1.1;
    display: block;
}

.positionRelative {
    position: relative;
}

.verMasBTNDesple {
    position: absolute;
    bottom: -6px;
    width: 100%;
    background: #617e8b;
    left: 0%;
    z-index: 10 !important;
    color: #fff;
    padding: 8px 8px 5px 8px;
    font-family: Swiss-Light;
    transition: 0.1s;
    font-size: 1.6rem;
    box-shadow: -1px -6px 9px 0 #afafafd6;
}

    .verMasBTNDesple:before {
        content: "";
        width: 0;
        height: 0;
        border-right: 95px solid transparent;
        border-top: 18px solid #617e8b;
        border-left: 95px solid transparent;
        position: absolute;
        top: 29px;
        left: 50%;
        margin-left: -95px;
        transition: 0.1s;
    }

    .verMasBTNDesple:hover {
        background: #4e6874;
    }

.padding15 {
    padding: 15px;
}

.padding1525 {
    padding: 25px 15px;
}

.td-height40 td, .td-height40 th {
    height: 40px;
}

.td-height60 td, .td-height60 th {
    height: 60px;
}

.padding15251505 {
    padding: 25px 15px 05PX 15px;
}

.padding1535 {
    padding: 35px 15px;
}

.padding20 {
    padding: 20px !important;
}

.padding35 {
    padding: 35px !important;
}

.padding0 {
    padding: 0px !important;
}

.tablas-estilos tbody tr td.padding15, .tablas-estilos thead tr th.padding15 {
    padding: 15px;
}

.verMasBTNDesple:hover:before {
    content: "";
    width: 0;
    height: 0;
    border-right: 95px solid transparent;
    border-top: 18px solid #4e6874;
    border-left: 95px solid transparent;
    position: absolute;
    top: 29px;
    left: 50%;
    margin-left: -95px;
}

.verMasBTNDesple2 {
    position: absolute;
    bottom: -6px;
    width: 100%;
    background: #617e8b;
    left: 0%;
    z-index: 10 !important;
    color: #fff;
    padding: 5px 8px 8px 8px;
    font-family: Swiss-Light;
    transition: 0.1s;
    display: none;
    box-shadow: -1px -6px 9px 0 #afafafd6;
    font-size: 1.6rem;
}

    .verMasBTNDesple2:before {
        content: "";
        width: 0;
        height: 0;
        border-right: 95px solid transparent;
        border-bottom: 18px solid #617e8b;
        border-left: 95px solid transparent;
        position: absolute;
        top: -17px;
        left: 50%;
        margin-left: -95px;
        transition: 0.1s;
    }

    .verMasBTNDesple2:hover {
        background: #4e6874;
    }

        .verMasBTNDesple2:hover:before {
            content: "";
            width: 0;
            height: 0;
            border-right: 95px solid transparent;
            border-bottom: 18px solid #4e6874;
            border-left: 95px solid transparent;
            position: absolute;
            top: -17px;
            left: 50%;
            margin-left: -95px;
        }

.flechaButonFloat {
    position: absolute;
    right: 0;
    font-size: 4.2rem !important;
    height: 38px;
    top: 50%;
    margin-top: -19px;
    transition: 0.2s;
}


a.lista__jee--is-row.white:hover .flechaButonFloat {
    color: var(--template-color-2);
    right: -5px;
}

a.lista__jee--is-row.white:hover p {
    color: #d85a06;
}

div.lista__jee--is-row:hover.white {
    transform: none;
}


.textArialBold {
    font-family: 'Arial-Extra-Bold' !important;
}


.tablas-estilos tbody tr:nth-child(odd) .td-Especia {
    background: rgba(230, 230, 230, 0.6);
    font-weight: 900;
    border-bottom: 1px solid rgba(214, 214, 214, 0.7);
    text-transform: uppercase;
    box-sizing: border-box;
}

.tablas-estilos tbody tr:nth-child(even) .td-Especia {
    background: rgba(230, 230, 230, 0.6);
    font-weight: 900;
    border-bottom: 1px solid rgba(214, 214, 214, 0.7);
    text-transform: uppercase;
    box-sizing: border-box;
}

.tablas-estilos tbody tr:hover .td-Especia {
    background: 0 !important;
}

h1.textArialBold {
    margin: 15px 0;
    font-size: 2.7rem;
}

.contenedorImprimir {
}

.SeccionDesplegable {
    position: relative;
    height: auto;
    overflow: visible;
    transition: 1.2s;
    height: auto;
    /* max-height: 50vh;*/
    max-height: 480px;
    min-height: 40vh;
}

#ListaCandidatos.SeccionDesplegable {
    max-height: 35vh;
    min-height: 35vh;
    overflow: hidden;
}

.SeccionDesplegable-Seleccionado {
    height: auto;
    max-height: 35000px;
    min-width: 500px;
    transition: 1.2s;
}

/*********************************/

/*
 * Typography
 */
h1 {
    font-size: 2.1rem;
    line-height: 1.2;
}

h2 {
    font-size: 1.9rem;
    line-height: 1.25;
}

h3 {
    font-size: 1.8rem;
    line-height: 1.3;
}

h4 {
    font-size: 1.6rem;
    line-height: 1.35;
}

h5 {
    font-size: 1.4rem;
    line-height: 1.5;
}

h6 {
    font-size: 1.2rem;
    line-height: 1.6;
}

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}

/* ================================================
 * Generales
 * @autor myance
 * ================================================ */
.c-fff {
    color: #fff
}

.c-1 {
    color: var(--color-error)
}

.c-2 {
    color: #e20e0e
}

.c-3 {
    color: #ffa54a;
}

.c-4 {
    color: #525252
}

.color--is-grey {
    color: #525252;
}

.arial-l {
    font-family: "Swiss-Light"
}

.arial-b {
    font-family: "Arial-Bold"
}

.arial-e-b {
    font-family: "Arial-Extra-Bold"
}

.swiss-l {
    font-family: "Swiss-Light"
}

.swiss-l-i {
    font-family: "Swiss-Light-Italic"
}

.lucida-i {
    font-family: "Lucida-Italic"
}


.material-icons {
    vertical-align: middle;
}

.ContenidoCentrado {
    display: inline-block;
    width: 100%;
    max-width: 750px;
    background: #ffffff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.31);
    padding: 15px;
    border-radius: 19px;
}

.ContenidoCentrado900 {
    max-width: 900px !important;
}

.cont-bt-Centrado {
    width: 100%;
    display: block !important;
    max-width: 900px;
    margin: 15px auto !important;
    text-align: right !important;
}


    .cont-bt-Centrado.alineado-centro {
        text-align: center !important;
    }


.ContenidoCentrado md-radio-group {
    text-align: left;
}


/* ================================================
 * Footer
 * @autor myance
 * ================================================ */
.footer::not(.footer--is-to-login) {
    position: relative;
    top: inherit;
    left: inherit;
    top: inherit;
    bottom: inherit;
    padding-top: 0 !important;
    margin-top: 20px;
}

.complete .footer {
    opacity: 1;
}

.footer > div:first-child {
    margin-right: 5px;
}



.footer {
    -webkit-transition: opacity .3s ease-in-out .5s;
    -o-transition: opacity .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s;
    opacity: 0;
    background-color: #525252;
    color: #fff;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e5e5e5;
    font-size: 1.4rem;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.43);
    margin-top: 50px;
}


.iconoPart {
    width: 70px;
    height: 70px;
}

.subtitulo__audiencia {
    font: 12px 'Lucida-Italic';
    color: #605f5e;
    margin-top: 7px;
}


.titulo__audiencia {
    font-style: inherit;
    text-decoration: none;
    letter-spacing: 3px;
    /*color: #4eaccc;*/
    font: 18px 'Swiss-Bold';
}


.Font-Recudro {
    padding: 10px;
    border-radius: 20px;
    font-family: Arial-Extra-Bold;
    font-size: 1.9rem;
    background: #f5f5f5;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.td__title {
    width: 100% !important;
    padding: 10px !important;
    font: 15px 'Swiss-Bold' !important;
    letter-spacing: 1px !important;
    position: relative;
}

.num__expediente {
    position: absolute;
    top: calc(50% - 10px);
    left: 13px;
    border-radius: 50%;
    border: 1px solid #FFAF27;
    background: #fff;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #FFAF27;
    text-align: center;
    font: 16px 'Arial-Extra-Bold';
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b2332a;
}

.tables__result .tablas-estilos:nth-child(odd) .tr__title {
    background: #ffdbbc !important;
}

.tables__result .tablas-estilos:nth-child(even) .tr__title {
    background: #ffc1b8 !important;
}

/* ================================================
 * Icons
 * @autor myance
 * ================================================ */
.ico--user {
    background-image: url(/Content/images/login/user.svg)
}

/* ================================================
 * Tag Lines
 * @autor myance
 * ================================================ */
/*.tag__band{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.tag__franja{
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    animation: extendFranja 1s;
    -webkit-animation: extendFranja 1s;
}
.tag__franja--rojo{
    background-color: #525252;
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(0deg);
    z-index: 1;
    left: -6px;
}
.tag__franja--naranja{
    left: 63px;
    background-color: var(--template-color-2);
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    transform: skewX(-7deg);
    z-index: 2;
}
.tag__franja--azul{
    left: 27px;
    background-color: #fff;
    -webkit-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-3deg);
    z-index: 3;
}
.tag__franja--amarillo{
    left: -9px;
    background-color: #aa0000;
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    transform: skewX(-7deg);
    z-index: 4;
}
.tag__underline{
    position: relative;
}
.tag__underline:after{
    content:'';
    display: block;
    position: absolute;    
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 15px 0px 0px var(--template-color-2), 30px 0px 0px #e20e0e  ;
}
.tag__underline--is-center:after{
    left: 0;
    right: 0;
    margin: auto;
}
.tag__path{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    background-image: url(/Content/images/general/path.png);
    background-color: rgba(0, 0, 0, 0.15);
}
.tag__view.is-active{
     color: var(--color-error);
}
.tag__view{
    position: absolute;
    bottom: 0;
    right: -3%;
    line-height: 0px;
    color: #525252;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
*/



/* ================================================
 * Bloquotes
 * @autor myance
 * ================================================ */
.tag__bloquote {
}

    .tag__bloquote:before,
    .tag__bloquote:after {
        font-family: 'Lucida-Italic';
        content: ' " '
    }

/* ================================================
 * Data Picker
 * @autor myance
 * ================================================ */
.label--is-picker {
    display: block;
    font: 16px "Swiss-Light";
    font: 16rem "Swiss-Light";
}

.element__datepicker {
    width: 100%;
    display: block;
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    /*padding: 9px 10px 10px 0;*/
    padding: 6px 10px 5px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
}

.elemento-creado-borrador {
    display: inline-block;
    color: var(--template-color-2);
    padding: 5px;
    border-radius: 15px;
    border: 1px solid var(--template-color-2);
    padding-left: 34px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 6px;
}

    .elemento-creado-borrador:before {
        content: "X";
        font-weight: bold;
        color: var(--template-color-2);
        position: absolute;
        left: 9px;
        top: 3px;
        font-size: 15px;
        font-size: 1.5rem;
        font-family: "Swiss-Light";
    }



/* ================================================
 * Input Numeric
 * @autor myance
 * ================================================ */
input[type="number"].element__numeric {
    position: relative;
    margin: 0 0 1rem;
    border: 1px solid #BBB;
    border-color: #BBB #ECECEC #ECECEC #BBB;
    padding: .2rem;
    width: 100%;
    -webkit-appearance: initial !important;
    text-align: center;
    max-width: 86px;
    display: block;
    margin: 1px auto 3px auto;
}

    input[type="number"].element__numeric::-webkit-outer-spin-button,
    input[type="number"].element__numeric::-webkit-inner-spin-button {
        -webkit-appearance: none;
        background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
        width: 1em;
        border-left: 1px solid #BBB;
        opacity: .5;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }



/* ================================================
 * Elements Form : Disabled
 * @autor myance
 * ================================================ */
.element__input.readonly:not(.flatpickr-input),
.element__input[readonly]:not(.flatpickr-input) {
    background: #fff !important;
    color: #b9b9b9 !important;
    padding-left: 10px !important;
    border: none !important;
    border-bottom: 1px dashed #b9b9b9 !important;
    cursor: not-allowed !important;
}

.element__datepicker[disabled],
.element__datepicker.disabled,
.element__select[disabled],
.element__select.disabled,
.element__input.disabled,
.element__input[disabled] {
    background: #efefef !important;
    color: #b9b9b9 !important;
    padding-left: 10px !important;
    border: none !important;
    border-bottom: 1px dashed #b9b9b9 !important;
    cursor: not-allowed !important;
}

.element__select--normal option {
    color: var(--template-color-3);
    outline: none;
    padding: 5px;
}

.element__select--normal:disabled {
    cursor: no-drop;
}
/* ================================================
 * Elements Form
 * @autor myance
 * ================================================ */
.element__group--is-search:before {
    font: normal normal normal 27px/1 "Material Icons";
    position: absolute;
    top: 70%;
    right: 6px;
    transform: translateY(-50%);
    content: "\E8B6";
    color: #525252;
    z-index: 2;
}

.contenedorGenero {
    display: flex;
}

    .contenedorGenero .lista__jee--is-row.white {
        flex: 0 1 34%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }


.cantSelectos {
    font: 6rem "Arial-Extra-Bold";
    color: var(--template-color-1);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--template-color-2);
    box-shadow: 0 0 0 3px #fff, 0 0 0 8px var(--template-color-2);
    margin-top: 15px;
}

.selectos {
    display: block;
    margin-top: 9px;
    font: 1.8em 'Lucida-Italic';
    color: var(--template-color-2);
}

#cargaTotal {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    flex-direction: column;
}

    #cargaTotal span {
        font-size: 1.8rem;
        font-style: italic;
        line-height: 1;
        margin: 12px;
        display: inline-block;
        padding: 5px;
        margin-bottom: -15px;
    }

    #cargaTotal img {
        max-height: 90px;
        width: auto !important;
        margin: -10px 0;
    }

.element__group--is-icons {
    position: relative;
}


.tag__input--is-focus:after {
    width: 100% !important
}

.tag__input--is-focus .element__label {
    color: var(--template-color-2) !important
}

.error.element__group:after,
.error.tag__input:after {
    background-color: var(--color-error)
}

.element__group:after,
.tag__input:after {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    content: "";
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    background: var(--template-color-2);
}

.element__group,
.tag__input {
    position: relative;
    vertical-align: top;
}

.element__input {
    border-bottom: 1px solid #cecece;
    width: 100%;
    padding: 5px 10px 5px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    text-transform: uppercase;
}

.element__textarea {
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    padding: 5px;
    color: #525252;
    height: 40px;
    font: 13px "Swiss-Light";
    font: 1.3rem "Swiss-Light";
    resize: none;
    text-transform: uppercase;
    background: #ffffff;
    box-shadow: 1px 1px 6px -2px rgb(0 0 0 / 28%);
}

    .element__textarea.SoloLine {
        height: auto;
    }

.element__input--search {
    width: 180px;
    padding: 10px;
    color: #525252;
    font: 12px "Lucida-Italic";
    font: 1.2rem "Lucida-Italic";
    border: 1px solid #ddd;
    border-radius: 4px;
}

.element__group {
    position: relative;
}

li.element__label {
    display: block;
}


.element__label > i {
    font-style: italic;
    padding-left: 1px;
    padding-right: 10px;
    font-size: 13px;
    letter-spacing: 0.1px;
}



.element__label {
    color: #525252;
    font: 15px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    display: inline-block;
    position: relative;
    letter-spacing: 2px;
    cursor: default;
    opacity: 1;
    filter: none;
    margin-bottom: 2px;
}

.element__small {
    color: var(--template-color-2);
    font: 12px 'Lucida-Italic';
    letter-spacing: 0px;
    margin: 0 9px 0 0;
}


.element__link:hover {
    color: #e20e0e;
    text-decoration: underline;
}

.element__link {
    color: #4eaccc;
    display: block;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    font-family: 'Lucida-Italic'
}


.element__label_resultado {
    color: #777;
    font: 1.4rem "Swiss-Bold";
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    width: 100%;
    cursor: default;
    min-height: 21px;
}

    .element__label_resultado:before, .element__label_resultado:after {
        display: none;
    }

.element--is-required:after {
    content: "*";
    position: absolute;
    top: -5px;
    right: -10px;
    color: var(--color-error);
    font: 20px 'Tines New Roman';
    font: 2rem 'Tines New Roman';
}

/* ================================================
 * @autor myance
 * ================================================ */

.desemfocado:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.42);
    z-index: 4;
}

.desemfocado {
    /*filter: blur(0.2px);*/
}

/* ================================================
 * Counter
 * @autor myance
 * ================================================ */
code.counter__num {
    position: absolute;
    bottom: -16px;
    right: 0px;
    color: #525252;
    background-color: #eeebe4 !important;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 10px;
    letter-spacing: -1px;
}

/* ================================================
 * Select / Select2
 * @autor myance
 * ================================================ */

.element__select {
    width: 100%;
    display: block;   
}

.element__select--normal {
    /*padding: 11px 5px 8px 5px;*/
    padding: 4px 5px 6px 0px;
    border-bottom: 1px solid #cecece;
    font: 13px "Swiss-Light";
    font: 1.3rem "Swiss-Light";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='gray'><polygon points='0,0 100,0 50,50'/></svg>");
    background-size: 12px;
    display: inline-block;
    width: 100%;
    color: #525252;
    padding-right: 30px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #fffefe !important;
    border: 0px solid #e4c19c !important;
    font: 14px 'Swiss-Light';
    box-shadow: none;
    font-weight: 900 !important;
    box-shadow: 0 !important;
    padding: 3px 38px !important;
    border-radius: 13px !important;
    border: 2px solid var(--template-color-2) !important;
}

.select2-container-multi .select2-search-choice-close {
    left: 14px !important;
}

.select2-container-multi .select2-choices .select2-search-choice div {
    color: var(--template-color-2);
}


.select2-search-choice-close {
    background: #fff !important;
}

    .select2-search-choice-close:after {
        content: "x";
        color: var(--template-color-2);
        font-size: 18px;
        font-weight: 700;
        font-family: Arial-Extra-Bold;
        display: inline-block;
        /* width: 104px; */
        /* height: 100px; */
        line-height: 0;
        padding: 5px 3px 7px 3px;
    }

/* ================================================
 * Dialog
 * @autor myance
 * ================================================ */
.dialog__buttons {
    padding: 0 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

/* ================================================
 * Notify
 * @autor myance
 * ================================================ */
.element__notify.close {
    animation-name: zoomOff;
}

.element__notify {
    position: fixed;
    top: 120px;
    right: 0 !important;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 99;
    animation-name: zoomIn;
    width: 350px;
    box-shadow: 1px 3px 8px -1px rgba(0, 0, 0, 0.28);
    border-radius: 15px 0px 0px 15px;
}


.element__notify__close:hover {
    color: var(--template-color-2);
}

.element__notify__close {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    color: #c4c4c4;
}

.notify__content {
    position: relative;
}

.notify_close_btn span, .eliminarDocumento {
    font-size: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    font-family: 'Arial-Extra-Bold';
}

.notify_close_btn:hover {
    -webkit-transform: rotate(180deg) scale(1.1,1.1);
    -ms-transform: rotate(180deg) scale(1.1,1.1);
    -o-transform: rotate(180deg) scale(1.1,1.1);
    transform: rotate(180deg) scale(1.1,1.1)
}

.notify_close_btn {
    position: absolute;
    top: -10px;
    left: -10px;
    background: white;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.43);
    border-radius: 50%;
    padding: 6px;
    width: 28px;
    height: 28px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.notify--is-ico img {
    width: 100%;
}

.notify--is-ico {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 0;
}

.notify--is-txt strong:after {
    padding-right: 2px;
    content: ':';
}

.notify--is-txt {
    padding: 8px;
    padding-left: 25px;
    min-height: 20px;
    padding-right: 10px;
    color: #ffffff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font: 14px "Lucida-Italic";
    text-align: left;
    min-height: 70px;
    padding-right: 70px;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-wrap: nowrap;
    flex-direction: column;
    border-radius: 15px 0px 0px 15px;
}


@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes zoomOff {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 1);
    }
}

@keyframes zoomOff {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
}

.error .notify--is-txt {
    background: var(--color-error);
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.4588235294117647);
}

.success .notify--is-txt {
    background: #0AC191;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.4588235294117647);
}

.info .notify--is-txt {
    background: #33DDDD;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.4588235294117647);
}

.ajax-file-upload-bar {
    background-color: rgba(186, 228, 193, 0.30980392156862746) !important;
    width: 0;
    height: 58px;
    border-radius: 0px;
    color: #FFFFFF;
    top: 0;
    position: absolute;
    animation: upCarDoc;
    -webkit-animation: upCarDoc;
    animation-duration: 0.4s;
    opacity: 1;
    -webkit-transition: 0.4s !important;
    transition: 0.4s;
}

@keyframes upCarDoc {
    0% {
        width: 0
    }

    100% {
    }
}


@-webkit-keyframes upCarDoc {
    0% {
        width: 0
    }

    100% {
    }
}




.error .notify_close_btn span {
    color: var(--color-error);
}

.success .notify_close_btn span {
    color: #0AC191;
}

.info .notify_close_btn span {
    color: #33DDDD;
}

.ima-in-notify {
    width: 100px;
}

/* ================================================
 * Alerts
 * @autor myance
 * ================================================ */

.element__alerta {
    width: 100%;
    display: flex;
    border: 1px solid #efefef;
    padding: 12px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    background: #fbfbfb;
    position: relative;
    max-width: 650px;
    margin: 10px auto;
    box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.45) !important;
    border-radius: 13px;
    overflow: hidden;
    animation: apareceAlerta;
    -webkit-animation: apareceAlerta;
    animation-duration: 0.4s;
    opacity: 1;
    -webkit-transition: 1s !important;
    transition: 1s;
}

@keyframes apareceAlerta {
    0% {
        margin-top: 40px;
        opacity: 0;
    }

    100% {
    }
}

.alerta__ico img {
    width: 100%;
}

.alerta__ico {
    width: 50px;
}

.alerta__txt--is-title {
    font: 20px "Swiss-Light";
    font: 2.0rem "Swiss-Light";
    font-weight: bold;
    text-transform: uppercase;
}

.alerta__txt--is-description {
    font: 16px "Lucida-Italic";
    font: 1.6rem "Lucida-Italic";
}

.alerta__txt {
    width: calc(100% - 40px);
    padding-left: 30px;
}

.alerta__close > i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.alerta__close:hover {
    color: var(--template-color-2);
}

.alerta__close {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    color: #c4c4c4;
}


.element__alerta--is-error .alerta__txt--is-title {
    color: var(--color-error)
}

.element__alerta--is-error {
    /* -webkit-box-shadow: -4px 0 0  var(--color-error);
    box-shadow: -4px 0 0  var(--color-error);   */
    border-left: 7px solid var(--color-error);
}

.element__alerta--is-info .alerta__txt--is-title {
    color: #33DDDD
}

.element__alerta--is-info {
    /* -webkit-box-shadow: -4px 0 0 #33DDDD;
    box-shadow: -4px 0 0 #33DDDD;   */
    border-left: 7px solid #33DDDD;
}

.element__alerta--is-success .alerta__txt--is-title {
    color: #0AC191
}

.element__alerta--is-success {
    /*-webkit-box-shadow: -4px 0 0 #0AC191;
    box-shadow: -4px 0 0 #0AC191; */
    border-left: 7px solid #0AC191;
}

/* ================================================
 * Form Validations
 * @autor myance
 * ================================================ */
.success em {
    display: none !important;
}

.error em {
    display: inline-block !important;
}

.element__group {
    position: relative;
}

    .element__group em:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -5px;
        left: 0px;
        border-left: 12px solid var(--color-error);
        border-top: 5px solid transparent;
    }

    .element__group em {
        z-index: 2;
        font-style: italic;
        font-size: 12px;
        padding: 1px 5px;
        position: absolute;
        bottom: -15px;
        left: 13px;
        background-color: var(--color-error);
        color: #FFF;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border-top-left-radius: 0px !important
    }


.right-end {
    justify-content: flex-end;
}



/* ================================================
 * Checkbox & Radiof
 * @autor myance
 * ================================================ */
.content__radio,
.content__checkbox {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    display: flex;
    margin: 5px 0;
}




.content__radio, .content__checkbox {
    height: 23px;
}

    .element__checkbox:disabled, .content__radio:disabled {
        opacity: 0.7 !important;
        -webkit-filter: grayscale(80%);
        -moz-filter: grayscale(80%);
        -ms-filter: grayscale(80%);
        -o-filter: grayscale(80%);
    }

        .element__checkbox:disabled:after, .content__radio:Disabled:after,
        .element__checkbox:disabled:before, .content__radio:Disabled:before {
            cursor: not-allowed !important;
            cursor: no-drop
        }

.element__checkbox {
    position: relative;
    /* top: -0.375em; */
    margin: 10px 4px !important;
    cursor: pointer !important;
    display: inline-flex;
    width: 12px;
    height: 10px;
}

    .element__checkbox:before {
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        -webkit-transform: rotate(-45deg) scale(0, 0);
        -moz-transform: rotate(-45deg) scale(0, 0);
        -ms-transform: rotate(-45deg) scale(0, 0);
        -o-transform: rotate(-45deg) scale(0, 0);
        transform: rotate(-45deg) scale(0, 0);
        content: "";
        position: absolute;
        left: -1px !important;
        top: 1px !important;
        z-index: 1;
        width: 15px;
        height: 7px;
        border: 2px solid #ef660d;
        border-top-style: none;
        border-right-style: none;
    }


    .element__checkbox:checked:before {
        -webkit-transform: rotate(-45deg) scale(1, 1);
        -moz-transform: rotate(-45deg) scale(1, 1);
        -ms-transform: rotate(-45deg) scale(1, 1);
        -o-transform: rotate(-45deg) scale(1, 1);
        transform: rotate(-45deg) scale(1, 1);
    }

    .element__checkbox:after {
        content: "";
        position: absolute !important;
        top: -5px !important;
        left: -4px !important;
        width: 20px !important;
        height: 20px !important;
        background: #fff !important;
        border: 1px solid #f9ad60 !important;
        cursor: pointer !important;
        border-radius: 4px !important;
    }

.element__radio + span {
    padding-left: 15px;
    vertical-align: -3px;
    font-size: 14px;
    line-height: 20px;
}

.element__radio + .text {
    padding-left: 10px;
    padding-right: 20px;
}


.element__checkbox + span {
    padding-left: 10px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 31px;
}



.element__checkbox {
    margin-left: 20px !important;
}

.content__checkbox.Resaltante > span {
    padding-left: 15px;
    vertical-align: top;
    font-size: 15px;
    line-height: 31px;
    font: 1.7rem "Arial-Extra-Bold";
    color: #fff;
}


.tablas-estilos tfoot tr td .dx-pager {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


.tablas-estilos tbody tr td .element__input {
    margin: 5px auto
}


.tablas-estilos tfoot tr td .element__input {
    margin: 5px auto
}




.tablas-estilos tbody tr td .main__radios {
    margin-top: 0px;
    display: inline-flex;
}

.tablas-estilos tbody tr td .element__checkbox + span {
    padding-left: 5px;
}

.tablas-estilos tbody tr td .content__radio,
.tablas-estilos tbody tr td .content__checkbox {
    margin-right: 15px;
}

.tablas-estilos tbody tr td .element__checkbox + span {
    font-size: 12px;
}


.margi-top {
    margin-top: 45px;
}



.content__checkbox.Resaltante.nopinter {
    cursor: auto;
}

.content__checkbox.Resaltante {
    background: var(--template-color-2);
    padding: 20px 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
}

/*
.element__radio {
    position: relative;
    margin: 0 !important;
}
*/
.element__radio {
    position: relative;
    margin: 0 !important;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: 0 3px !important;
}


.element__checkbox.check-simple {
    margin: 12px 9px 7px 9px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.main__checkbox {
    display: flex;
    margin: 10px 0;
}


    .main__checkbox .content__checkbox {
        margin-right: 15px;
    }



.element__checkbox {
    margin: 10px 0 !important;
}

    .element__checkbox.check-simple:after {
        content: "";
        position: absolute;
        top: -0.125em;
        left: 0;
        width: 2em;
        height: 2em;
        background: #fff;
        border: 1px solid #dadada;
        cursor: pointer;
    }


    .element__checkbox.check-simple:before {
        position: absolute;
        left: 0.1875em;
        top: 0.3em;
        z-index: 1;
        width: 1.75em;
        height: 0.775em;
        border: 3px solid #f9873d;
        border-top-style: none;
        border-right-style: none;
    }

.element__radio:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    width: 13px;
    height: 13px;
    background: var(--template-color-2);
    border-radius: 50%;
}

.element__radio:checked:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.element__radio:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    background: #fff;
    border: 2px solid #ffce9c;
    border-radius: 50%;
}

.main__radios .content__radio:not(:first-child) {
    margin-left: 10px;
}

.main__radios {
    display: flex;
    margin-top: 20px;
}




    .main__radios.nomargin {
        margin-top: 0px;
    }

/* ================================================
 * Buttons
 * @autor myance
 * ================================================ */
button-optional .button {
    transform: scale(0);
    -webkit-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

button-optional .button--is-primary,
button-optional .button--is-secondary,
button-optional .button--is-third,
button-optional .button--is-four,
button-optional .button--is-five,
button-optional .button--is-six {
    transform: scale(1) !important
}



.button {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    display: inline-block;
    margin: 0px;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
    font: 14px "Lucida-Italic";
    font: 1.4rem "Lucida-Italic";
    text-transform: uppercase;
    vertical-align: top;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    /* height: 39px;
    display: inline-flex;
    justify-content: center;
    align-items: center;*/
}



    .button .iconi {
        margin: 0 5px;
        height: 15px;
    }

    .button.bg--is-red {
        color: #fff;
        background: linear-gradient(90deg, #e20e0e 0%, #aa0000 100%);
        /*border: #db5726 1px solid;*/
    }

    .button.bg--is-grey {
        color: #A2A2A7;
        border: 2px solid #A2A2A7;
        background-color: transparent;
    }

/*
 * Button Content
 * @autor myance
 */
.buttons__content .button {
    margin-right: 10px;
}

.ButonEspecialCont {
    display: flex !important;
    justify-content: space-between;
}

    .ButonEspecialCont .button {
        width: 32%;
        text-align: center;
    }



.buttons__content .button:last-child {
    margin-right: 0px;
}

.buttons__content {
    margin: 15px 0px;
    display: block;
    text-align: right;
    /*background: red;*/
}

.row > div .buttons__content {
    margin: 7px 0px;
}


.buttons__content .button--is-primary {
    margin-left: 1vh;
}


.buttons__content .ng-pristine.ng-valid {
    text-align: center;
}

/*
 * Button 1
 * @autor myance
 */




.button--is-primary[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
}

.button--is-primary {
    -webkit-transition: color .4s, padding-left .55s, padding-right .55s;
    -o-transition: color .4s, padding-left .55s, padding-right .55s;
    transition: color .4s, padding-left .55s, padding-right .55s;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 60px;
    padding-right: 40px;
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-size: 1.4rem;
}

    .button--is-primary:not([disabled]):hover:after {
        -webkit-transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
        -o-transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
        transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
        width: 24px;
        background-color: rgba(73, 190, 65, .5)
    }

    .button--is-primary:not([disabled]):after,
    .button--is-primary:not([disabled]):before {
        -webkit-transition: all .25s cubic-bezier(.52, 0, .08, 1) 50ms;
        -o-transition: all .25s cubic-bezier(.52, 0, .08, 1) 50ms;
        transition: all .25s cubic-bezier(.52, 0, .08, 1) 50ms;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        z-index: -2;
        width: calc(100% - 24px);
        height: 100%;
        /* background-color: var(--template-color-2); */
        background: linear-gradient(90deg, #ffa549 0%, #f9863c 100%)
    }

    .button--is-primary:not([disabled]):after {
        -webkit-transition: all .15s cubic-bezier(.82, 0, .28, 1) 0s;
        -o-transition: all .15s cubic-bezier(.82, 0, .28, 1) 0s;
        transition: all .15s cubic-bezier(.82, 0, .28, 1) 0s;
        z-index: -1;
        width: calc(100% - 12px);
        opacity: 0.8
    }

    .button--is-primary:not([disabled]):hover {
        color: #fff;
        background-color: #e20e0e;
        padding-left: 40px !important;
        padding-right: 60px !important;
    }

        .button--is-primary:not([disabled]):hover:before {
            -webkit-transition: all .4s cubic-bezier(.82, 0, .28, 1) 0s;
            -o-transition: all .4s cubic-bezier(.82, 0, .28, 1) 0s;
            transition: all .4s cubic-bezier(.82, 0, .28, 1) 0s;
            width: 12px;
            background-color: var(--template-color-2)
        }

        .button--is-primary:not([disabled]):hover:after {
            -webkit-transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
            -o-transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
            transition: all .7s cubic-bezier(.52, 0, .08, 1) 50ms;
            width: 24px;
            background-color: var(--template-color-2)
        }

    .button--is-primary:not([disabled]):active {
        background-color: #b10000;
    }

    .button--is-primary i {
        margin-right: 10px;
        vertical-align: -5px !important;
        font-size: 20px !important;
        margin-bottom: -7px;
        margin-top: -7px;
    }

.button--is-content {
    position: relative;
    display: inline-block;
}

.ico--into-button {
    margin-right: 10px;
    vertical-align: -5px !important;
    font-size: 20px !important
}
/* 
 * Button 3
 * @autor myance
 */
.button--is-third:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 80px;
    height: 200%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
    left: -50px;
    top: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
    font-size: 14px;
    z-index: -1;
    font-size: 1.4rem;
}

.button--is-third:hover:after {
    width: 40%;
}

.buton-cumplent.button--is-third:hover:after {
    height: 1000px !important;
}


.buton-cumplent.button--is-four:hover:after {
    height: 1000px !important;
}



.grid__button--is-start .button--is-third {
    margin: 5px;
}

.button--is-third i {
    color: #fff;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 25px !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.button--is-third:hover:after {
    width: 110px;
    height: 400px;
    left: -15%;
    top: 120%;
    transform: rotate(-90deg);
}

.button--is-third {
    overflow: hidden;
    background: linear-gradient(90deg, #84cfe8 0%, #4eaccc 100%);
    color: #ffffff;
    vertical-align: top;
    padding: 12px 50px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
}

.grid__button--is-start .button--is-third {
    margin: 0
}

    .grid__button--is-start .button--is-third:hover {
        box-shadow: 2px 3px 2px #c3c3c3;
    }
/*
 * Button 4
 * @autor myance
 */
.button--is-four:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 80px;
    height: 200%;
    background: rgba(210, 139, 51, 0.21);
    z-index: 1;
    left: -50px;
    top: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
    font-size: 14px;
    font-size: 1.4rem;
}

.button--is-four:hover:after {
    width: 40%;
}

.button--is-four:hover,
.button--is-four:hover i {
    color: #e20e0e
}

.button--is-four i {
    color: #f9863d;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 25px !important;
}

.button--is-four.button--is-return i {
    font-size: 20px !important;
}

.button--is-four:hover:after {
    width: 110px;
    height: 400px;
    left: -15%;
    top: 120%;
    transform: rotate(-90deg);
}

.button--is-four {
    overflow: hidden;
    background: linear-gradient(90deg, #ffe7c9 0%, #ffddb3 100%);
    color: #f9863d;
    vertical-align: top;
    padding: 12px 50px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    /*margin: 10px 7px;*/
}

.button--is-five {
    overflow: hidden;
    background: #ffffff;
    color: #6f6f6f;
    vertical-align: top;
    padding: 9px 12px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 10px 3px;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "Swiss-Light";
    font-size: 1.1rem;
    border: 1px solid #d6d6d6;
}

    .button--is-five:hover {
        background: #f3f3f3;
        box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.41) !important;
    }

    .button--is-five.normal {
        padding: 9px 12px 9px 12px;
        margin: 0 10px;
    }


/*
 * Button 6
 * @autor myance
 */
.button--is-six {
    overflow: hidden;
    background-color: #227384;
    color: #fff;
    vertical-align: top;
    padding: 10px 12px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 10px 3px;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    font-family: "Swiss-Light";
}

    .button--is-six:hover {
        background: #166066;
        box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.41) !important;
    }

/*
 * Button Return
 * @autor myance
 */
.button--is-exit {
    margin: 0 10px;
}

.contMidle {
    vertical-align: middle;
    display: inline-block;
    margin: 5px 10px !important;
}

/*
 * Button DX
 * @autor myance
 */
.button--is-dx i {
    margin: 0;
    color: #525252;
    vertical-align: -7px;
    padding-right: 5px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.button--is-dx:hover i,
.button--is-dx:active i,
.button--is-dx:hover,
.button--is-dx:active {
    color: var(--template-color-2);
}

.button--is-dx.active,
.button--is-dx:hover {
    box-shadow: 2px 2px 6px #c5c5c5;
}

.button--is-dx:hover,
.button--is-dx:active {
    background-color: #fff;
}

.button--is-dx {
    color: #525252;
    padding: 8px 20px;
    text-align: center;
    box-sizing: content-box;
    border-left: 0;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgb(255, 255, 255);
    margin: 0px;
    background-color: rgba(249, 249, 249, 0.96);
}

    .button--is-dx.active i,
    .button--is-dx.active {
        color: #e20e0e
    }

.button--is-grid-txt {
    padding-left: 10px
}

.button--is-grid {
    padding: 11px 12px !important;
    font-size: 1.2rem;
    transition: all 0.3s;
    margin: 10px 3px;
}



/*Select dentro del DX*/
.dx__select .button--is-dx {
    margin-right: 0
}

.dx__select:hover .dx__select--is-options {
    opacity: 1;
    transform: scale(1);
}

.dx__select {
    display: inline-block;
    position: relative;
}

.dx__select--is-options {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: scale(0);
    opacity: 0;
    position: absolute;
    bottom: -80px;
    left: 0;
    z-index: 9999;
    padding: 0px;
    text-align: center;
    box-shadow: 1px 1px 6px #b7b7b7;
    background: #fff;
    border-radius: 4px;
    transform-origin: right top;
}

.option__enlace:hover {
    color: #4eaccc
}

.option__enlace {
    display: block;
    padding: 10px 20px;
    color: #525252;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 1.2rem;
}


.button[disabled] {
    background-color: #d8d8d8 !important;
    cursor: not-allowed;
    color: #9a9a9a !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}


    .button[disabled] i, .button[disabled]:hover i {
        color: #9a9a9a !important;
    }


    .button[disabled]:hover {
        background-color: #ccc;
        cursor: not-allowed;
        color: #9a9a9a !important;
    }



    .button[disabled]:before, .button[disabled]:after {
        content: "";
        display: none;
    }




.maxheight21vh {
    max-height: 21vh;
    overflow: auto;
}

.maxheight30vh {
    max-height: 30vh;
    overflow: auto;
}

.maxheight40vh {
    max-height: 40vh;
    overflow: auto;
}

.maxheight50vh {
    max-height: 50vh;
    overflow: auto;
}

.maxheight60vh {
    max-height: 60vh;
    overflow: auto;
}



.cuadroLeyenda {
    width: 15px;
    height: 15px;
    display: inline-block;
}


.leyendahtml {
    margin-top: -15px;
    margin-bottom: 15px;
}

.sinLeyenda .dxc-legend {
    display: none;
}

/* ================================================
 * Tabs COlapsar
 * @autor myance
 * ================================================ */
.height250 {
    height: 250px;
}

.height200 {
    height: 200px;
}



.colapsar:hover {
    filter: brightness(0.9);
}

.colapsar {
    line-height: 20px;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.5s;
    position: relative;
    cursor: pointer;
    transition: 0.2s;
    background: var(--template-color-1);
    color: var(--template-color-2);
}






    .colapsar label {
        font: 14px 'Swiss-Bold';
        font: 1.2rem 'Swiss-Bold';
        letter-spacing: 1px;
    }

.inactive .tab__arrow {
    transform: rotate(180deg)
}

.tab__arrow {
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
    color: var(--template-color-1);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.tab__contenedor {
    margin-top: 20px;
    padding: 0 20px;
}

.boton-seguir:hover {
    filter: brightness(0.9);
}

.boton-seguir {
    display: inline-block;
    margin: 5px 0px 5px 15px;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    cursor: pointer;
    background: var(--template-color-2);
    color: var(--template-color-1);
    box-shadow: 0 1px 4px #444;
}

.lista_alerta {
    vertical-align: middle;
    display: flex;
    background-color: var(--color-error);
    width: 100%;
    padding: 5px;
    color: white;
    border-radius: 10px;
    margin: 0 0 7px 0;
    letter-spacing: 1px;
    font: 12px 'Lucida-Italic';
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

    .lista_alerta i {
        line-height: 1.3em;
        vertical-align: middle;
        margin: 0 10px 0 5px;
        font-size: 30px;
    }


.boton-table-ico {
    cursor: pointer;
    margin: 3px 5px;
    width: 25px;
    display: inline-flex;
    height: 25px;
    transition: 0.2s;
}

    .boton-table-ico:hover {
        transform: scale(1.1)
    }

    .boton-table-ico img {
        width: 100%;
    }




/* ================================================
 * Buttons Search
 * @autor myance
 * ================================================ */
.button--is-search i {
    color: var(--template-color-2);
    vertical-align: -4px;
}

.button--is-search:hover i {
    color: #fff
}

.button--is-search:hover {
    background-color: var(--template-color-2) !important;
}

.button--is-search {
    margin-left: 20px !important;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff !important;
    border: 2px solid var(--template-color-2) !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 99
}


.butom-is-grid {
    padding: 12px 20px;
}

md-dialog-actions {
    padding-top: 10px;
}

/* ================================================
 * Logos
 * @autor myance
 * ================================================ */
.logo__container {
    display: flex;
    align-items: center;
    margin-right: 20px;
    min-width: 150px;
    justify-content: center;
}

.logo__img {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
    padding-right: 4px;
}

.complete .logo__link {
    transform: scale(1);
}

.logo__link {
    transform: scale(0);
    display: inline-flex;
    width: 100%;
    max-width: 200px;
    text-align: center;
    transition: all .3s ease;
    font-size: 11px;
    letter-spacing: 3.5px;
    justify-content: center;
    align-items: center;
}

.logo__txt {
    font: 80px "Arial-Extra-Bold";
    font: 8em "Arial-Extra-Bold";
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    vertical-align: top;
    letter-spacing: 2px;
}

/* ================================================
 * Perfil
 * @autor myance
 * ================================================ */

.saludo__txt {
    font: 13px "Lucida-Italic";
    font: 1.3rem "Lucida-Italic";
    color: #fff;
    display: block;
}

.profile__container:hover {
    background-color: var(--template-color-2);
}

.complete .profile__container {
    transform: translateY(0%);
    transition: 0.4s;
}

.profile__container {
    transform: translateY(-110%);
    background-color: var(--template-color-3);
    width: auto;
    padding: 10px 40px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-flow: row wrap;
    justify-content: flex-end;
    min-width: 200px; /*edgWidth*/
    justify-content: center;
    cursor: pointer;
    transition: transform .3s ease .2s;
}

    .profile__container.active .profile__opciones {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
    }

.profile__opciones a:hover {
    color: var(--template-color-2);
    background-color: #f7f7f7;
}

.profile__opciones a {
    font-size: 14px;
    display: block;
    padding: 10px;
    text-align: left;
    color: #525252;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.profile__opciones {
    background-color: #fff;
    position: absolute;
    top: 95%;
    right: 10px;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2
}

.profile__link {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
}




/**********************edg***********************/

.opcionesContPrincipales {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 20;
}


.opcionesPrincipales {
    padding: 25px;
    background: #fff;
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.5019607843137255);
    border-radius: 10px;
    display: inline-block;
    width: 360px;
    margin: 15px;
    height: 180px;
    transition: 0.2s;
    overflow: hidden;
    position: relative;
}

    .opcionesPrincipales:hover {
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari */
        transform: scale(1.1);
    }


    .opcionesPrincipales .cabecera {
        height: 71px;
        background: #e5872b;
        padding: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
    }

        .opcionesPrincipales .cabecera .svg {
            height: 183%;
            width: 118%;
            opacity: 0.4;
            mix-blend-mode: multiply;
            fill: rgba(154, 95, 38, 0.56) !important;
            margin-top: -25%;
        }

    .opcionesPrincipales .iconoPrincipal {
        display: inline-flex;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        border: 5px solid #e5872b;
        position: absolute;
        z-index: 10;
        background: #fff;
        padding: 8px;
        box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.53);
        top: 29px;
        left: 50%;
        margin-left: -35px;
        justify-content: center;
        align-items: center;
    }

.iconoPrincipal .svg {
    width: 100%;
    margin: 0 2%;
    fill: #e5872b !important;
    height: 100%;
}


.opcionesPrincipales span {
    position: absolute;
    bottom: 0;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: 100%;
    font: 16px 'Arial-Extra-Bold';
    text-align: center;
    color: #5a5a5a;
    padding: 10px;
}


/*********************edg***********************/





.profile__foto {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fff;
    margin-right: 20px;
    transition: 0.3s;
}

    .profile__foto:hover {
        transform: scale(3.5);
        border-radius: 0%;
        margin-bottom: -90px;
        position: relative;
        z-index: 500;
    }


.profile__txt {
    font: 16px "Swiss-Light";
    font: 1.6rem "Swiss-Light";
    color: #fff;
}

.profile__more {
    position: absolute;
    top: 0;
    right: 1%;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    color: #fff;
}

.more_actions--is-btns > button:hover {
    color: #e20e0e;
}

.more_actions--is-btns > button {
    margin: 0 auto;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    display: block;
    padding: 9px 20px;
    border-top: 1px solid #ffe6cd;
    color: var(--template-color-2);
    word-break: normal;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

/* ================================================
 * Franja Cabecera
 * @autor myance
 * ================================================ */
.franja__container {
    position: relative;
    z-index: 1;
}

.franja__container--liston {
    position: relative;
    width: 100%;
    text-align: left;
    /* background-color: var(--template-color-2); */
    /* background: linear-gradient(90deg, var(--template-color-2) 0%, var(--template-color-4) 100%) !important; */
    transition: 0.2s;
    background: rgba(51,24,19,1);
    background: -moz-linear-gradient(left, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
    background: -webkit-linear-gradient(left, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
    background: -o-linear-gradient(left, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
    background: -ms-linear-gradient(left, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
    background: linear-gradient(to right, var(--template-color-2) 0%, var(--template-color-2) 50%, var(--template-color-4) 100%);
}

    .franja__container--liston:before {
        position: absolute;
        content: '';
        background-color: var(--template-color-2);
        bottom: 10px;
        left: 0;
        width: 98%;
        height: 50%;
        display: block;
        -webkit-transform: skewY(0deg);
        -ms-transform: skewY(0deg);
        transform: skewY(0deg);
        transform-origin: left bottom;
        z-index: -1;
        transition: transform .5s ease .7s;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);
    }

.complete .franja__container--liston:before {
    -webkit-transform: skewY(0.9deg);
    -ms-transform: skewY(0.9deg);
    transform: skewY(0.9deg);
}

.complete .franja__container--liston:after {
    -webkit-transform: skewY(0.6deg);
    -ms-transform: skewY(0.6deg);
    transform: skewY(0.6deg);
}

.franja__container--liston:after {
    position: absolute;
    content: '';
    background-color: var(--template-color-3);
    bottom: 10px;
    left: 0;
    width: 99%;
    height: 50%;
    display: block;
    -webkit-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);
    transform-origin: left bottom;
    z-index: -1;
    transition: transform .5s ease .5s;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);
}

md-backdrop {
    transition: 0.2;
}


.CasiTransparen {
    opacity: 0.4;
    background: rgba(255, 255, 255, 0.25);
}

.franja__container--main {
    position: relative;
    display: block;
    z-index: 2;
    padding: 9px 0;
    max-width: 1700px;
    margin: 0 auto;
}


    .franja__container--main .element__select--normal {
        /*  color: #ffffff;
    max-width: 500px;
    border-bottom: 0;
    height: 27px;
    padding: 5px 5px 6px 16px;
    background-color: rgba(0, 0, 0, 0.13);
    border-radius: 18px;
    font-size: 12.5px;
    font-family: "Arial-Extra-Bold";
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='#ffffff'><polygon points='0,0 100,0 50,50'/></svg>");
    */
        max-width: 500px;
        border-bottom: 0;
        height: 27px;
        padding: 5px 5px 6px 16px;
        background-color: rgb(255, 255, 255);
        border-radius: 18px;
        margin-left: 15px;
        box-shadow: 2px 2px 0 rgba(170, 0, 0, 0.2);
    }




.icon--is-search {
    position: absolute;
    top: 0;
    right: 0;
}

.complete .container__form {
    transform: scale(1)
}

.container__form {
    transform: scale(0);
    transform-origin: top center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@-webkit-keyframes moveLogin {
    0% {
        top: 5%;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1
    }
}

@-webkit-keyframes extendFranja {
    0% {
        width: 0%;
    }

    100% {
        width: 70px;
    }
}

.altoMaximoTable {
    max-height: 400px;
}

/* ================================================
 * Menu
 * @autor myance
 * ================================================ */
.nav__action a:hover {
    color: var(--template-color-2);
    background-color: #f7f7f7;
}

.nav__action a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px;
    clear: both;
    white-space: nowrap;
    color: #525252;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.nav__action span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 2px;
    background-color: #c4c4c4;
    width: 10%;
    -webkit-transition: all ease-in-out .1s;
    -o-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
}

.nav__action span {
    display: block;
    padding: 10px 20px;
    clear: both;
    line-height: 1.42857143;
    white-space: nowrap;
    font: 14px "Arial-Extra-Bold";
    font: 1.4rem "Arial-Extra-Bold";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    color: #525252;
    position: relative;
    letter-spacing: 4px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.nav__action > li {
    position: relative;
}

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

.nav__submenu > li {
    overflow: hidden;
    min-width: 200px;
    /*display: inline-block;*/
    display: table-cell;
    vertical-align: top;
}

.nav__submenu {
    position: absolute;
    top: 70px;
    /*left: 20px;*/
    right: 10px;
    z-index: 1000;
    border: 1px solid #e7e7e7;
    list-style: none;
    min-width: 200px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transform-origin: top left;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .175);
    white-space: nowrap;
    width: auto;
    margin-top: 10px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu__container {
    z-index: 2;
    display: flex;
    margin-left: auto;
    max-width: calc(100% - 250px); /*edgWidth*/
}

.nav__container {
    /*margin-right: 40px;*/
    vertical-align: top;
    flex-flow: row wrap;
    justify-content: flex-end;
    max-width: calc(100% - 200px); /*edgWidth*/
}

    .nav__container > ul > li {
        display: inline-block;
        width: 105px;
        text-align: center;
    }

        .nav__container > ul > li:hover {
            background: rgba(255, 163, 71, 0.22);
        }


            .nav__container > ul > li:hover .menu--is-icon md-icon {
                -ms-transform: scale(1.1); /* IE 9 */
                -webkit-transform: scale(1.1); /* Safari */
                transform: scale(1.1);
            }

.nav__menu {
    display: flex;
}

.nav__controller--is-link span {
    font: 14px "Swiss-Light";
    font: 1.3rem "Swiss-Light";
    color: #525252;
    text-transform: capitalize;
    max-width: 100%;
    display: inline-block;
}

.nav__controller--is-link {
    margin-left: 20px;
    display: inline-flex;
    min-height: 90px;
    padding: 55px 0px 3px 0px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    box-shadow: none;
    transition: all .3s ease-in-out;
    align-items: center;
    justify-content: center;
}

.nav__controller--is-important a {
    position: relative;
}

    .nav__controller--is-important a:after {
        font: normal normal normal 24px/1 "Material Icons";
        content: "\F0C1";
        position: absolute;
        top: 6px;
        right: -5px;
        color: #b41e17;
    }

.nav__controller--is-small {
    position: relative;
}

.nav__controller:hover .nav__submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    transform: scale(1)
}

.nav__controller:hover .nav__controller--is-link,
.nav__controller.active .nav__controller--is-link {
    box-shadow: inset 0 4px #aa0000;
    width: 100%;
}

.menu--is-icon md-icon {
    width: 100% !important;
    height: 40px !important;
    margin: 3px 0 0 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.boton-redondo-buttom {
    height: 30px !important;
    width: 30px !important;
    border-radius: 50% !important;
    display: inline-flex;
    color: #525252;
    padding: 0;
    box-shadow: 1px 1px 1px #bfbfbf;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #e9e9e9;
    margin: 0 2px;
    cursor:pointer;
}

    .boton-redondo-buttom img {
        height: 60% !important;
        opacity: 0.7;
    }


.menu--is-icon {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    vertical-align: bottom;
    margin: auto;
}


b.fuenteArialBold {
    margin-top: 4px;
    display: inline-block;
}
/* ================================================
 * Titulos
 * @autor myance
 * ================================================ */
.title--is-print h1 {
    font: 28px 'Arial-Extra-Bold' !important;
    text-transform: uppercase;
}

.logo-document-jne.img--is-small {
    max-width: 80px
}

.title__main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

page-title {
    min-height: 60px;
}

.txt--is-title span:before {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #e2e2e2;
    bottom: 9px;
    left: 7px;
    position: absolute;
}

.txt--is-title span {
    font-family: "Swiss-Light";
    color: #737373;
    display: inline-block;
    padding-left: 50px;
    letter-spacing: 5px;
    position: relative;
    margin-left: -5px;
}

.button--is-return > .ico--into-button {
    border-right: 1px solid var(--template-color-2);
    padding-right: 7px;
    box-shadow: 1px 0px 0 #b3b3b378;
}

.button--is-return:hover {
    background: linear-gradient(90deg, #ffba76 0%, #ffe0c1 100%);
    color: #aa0000;
    border-bottom: inherit;
}

.button--is-return {
    display: inline-flex;
    justify-content: flex-end;
    padding: 5px 9px !important;
    white-space: nowrap;
    align-items: center;
    overflow: hidden;
    vertical-align: top;
    letter-spacing: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.6s ease;
    width: auto;
    background: linear-gradient(90deg, #fda44a14 0%, #e4e4e4 100%);
    color: #565656;
    text-transform: uppercase;
    margin-left: 20px;
    margin-top: -8px;
}

.txt--is-title {
    margin: 15px 0 20px 0;
    display: inline-flex;
    width: auto;
    align-content: flex-start;
}

    .txt--is-title h1:not(.txt--is-to-login):after {
        content: '';
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--template-color-2);
        box-shadow: 11px 0px 0px var(--template-color-3), 22px 0px 0px var(--template-color-4);
        bottom: 50%;
        left: 0px;
        margin-bottom: -4px;
    }


    .txt--is-title h1:not(.txt--is-to-login) {
        position: relative;
        font-family: "Swiss-Light";
        color: #525252;
        display: inline-block;
        padding-left: 38px;
        letter-spacing: 4px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .txt--is-title h2:not(.txt--is-to-login):after {
        content: '';
        display: block;
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #525252;
        box-shadow: 10px 0px 0px var(--template-color-2), 20px 0px 0px #e20e0e;
        bottom: 8px;
        left: 2px;
    }

    .txt--is-title h2:not(.txt--is-to-login) {
        position: relative;
        margin: 10px 0;
        font-family: "Swiss-Light";
        color: #525252;
        display: inline-block;
        padding-left: 35px;
        letter-spacing: 4px;
        font-weight: bold;
    }


/*Subtitles*/
.txt--is-subtitle {
    margin: 15px 0 20px 0;
    display: inline-block;
}

    .txt--is-subtitle h2:not(.txt--is-to-login):after {
        content: '';
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #4eaccc;
        box-shadow: 11px 0px 0px #525252;
        bottom: 50%;
        left: 0px;
        margin-bottom: -4px;
    }

    .txt--is-subtitle h2:not(.txt--is-to-login) {
        position: relative;
        font-family: "Swiss-Light";
        color: #525252;
        display: inline-block;
        padding-left: 30px;
        letter-spacing: 4px;
        font-weight: bold;
        margin-left: 40px;
    }

/* ================================================
 * BreadCrumbs
 * @autor myance
 * ================================================ */
.migaja--is-active:last-child {
    color: #4eaccc
}

.txt--is-breadcrumb a:last-child:after {
    display: none;
}

.txt--is-breadcrumb a:after {
    content: "/";
    padding-left: 10px;
}

.txt--is-breadcrumb a:hover:not(.migaja--is-active) {
    color: #4eaccc;
}

.txt--is-breadcrumb a {
    font: 1.4rem "Lucida-Italic";
    color: #525252;
    padding-left: 10px;
    display: inline-block;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    position: relative;
}

.txt--is-breadcrumb {
    display: inline-block;
    float: right;
    padding-top: 25px;
}

/* ================================================
 * Containers
 * @autor myance
 * ================================================ */
#header__container {
    width: 100%;
    /* background: linear-gradient(90deg, #ffdbae 0%, #fff2e2 100%); */
    z-index: 1;
    position: relative;
    background-image: linear-gradient(transparent 0px, transparent 1.25208px, #ffdbae 1.25208px, #ffdbae 12.5208px), linear-gradient(to right, #f1bd7c 0px, #f1bd7c 1.25208px, #ffdbae 1.25208px, #ffdbae 12.5208px);
    background-position: 104.413px 20.4375px;
    background-size: 12.5208px 12.5208px;
    background-color: #fff;
}

.header__container--content {
    display: flex;
    margin: 0 auto;
}


.header__container .sije__container {
    padding: 0;
}

#main__container:not(.main__container--is-layout):not(.main__container--is-bandeja) {
    padding: 0 10px;
}


.main__container--is-bandeja {
    /*	position: relative !important;
  	z-index: 10 !important; */
}


#main__container.main__container--is-layout {
    -webkit-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transition: all .5s linear .3s;
    -o-transition: all .5s linear .3s;
    transition: all .5s linear .3s;
}

#main__container:not(.main__container--is-layout) {
    background-image: linear-gradient(transparent 0px, transparent 1.25208px, #fff 1.25208px, #fff 12.5208px), linear-gradient(to right, #d8d8d8 0px, #d8d8d8 1.25208px, #fff 1.25208px, #fff 12.5208px);
    background-position: 104.413px 20.4375px;
    background-size: 12.5208px 12.5208px;
    background-color: #fff;
}

md-backdrop.md-opaque {
    backdrop-filter: blur(4px);
    transition: 0s;
    background: rgb(254 242 226 / 16%);
    box-shadow: none;
}

#main__container {
    overflow: visible;
    min-height: calc(100vh - 131px);
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    z-index: 0;
}


.ico--is-search {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    color: var(--template-color-1);
    font-size: 30px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sije__container {
    width: 100%;
    margin: 0 auto;
    max-width: 1700px;
}

.bg__article1 {
    background: #ec7f36;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article2 {
    background: #efefef;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article3 {
    background: #e7eded;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article4 {
    background: #f7f9f9;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article5 {
    background: #7bbcb1;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article6 {
    background: #d6ebf3;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article8 {
    background: #4eaccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg__article9 {
    background: #b32121;
    padding-top: 5px;
    padding-bottom: 5px;
}


.franja__buscador {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    position: relative;
}

.element__input--is-home:focus + .ico--is-search {
    color: #aa0000
}

.element__input--is-home {
    background: rgb(255, 255, 255);
    padding: 9px 45px 9px 20px;
    color: #000;
    border: none;
    border-radius: 70px;
    color: #525252;
    box-shadow: 2px 2px 0 rgba(170, 0, 0, 0.2);
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: lowercase;
}


.bg__article7 {
    background: #ffddb3;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cont-radio {
    padding: 7px;
}

.MuestraDeColor {
    width: 100%;
    height: auto;
    padding: 15px;
    color: #fff;
    display: inline-flex;
    margin: 10px 0;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.45);
    font-size: 2.2rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31);
    border-radius: 10px;
}


.box__content {
    width: 100%;
    padding: 20px;
}



/* ================================================
 * Tooltip
 * @autor myance
 * ================================================ */
.content__tooltip__nativo {
    position: relative
}

.tooltip__nativo {
    position: absolute;
    bottom: 18px;
    left: 0;
    background: #44b4ce;
    color: #fffcfc;
    z-index: -1;
    padding: 6px;
    font-size: 10px;
    border-radius: 5px;
    width: auto;
    box-shadow: -1px -1px 1px #ccc;
    opacity: 0;
    transition: all .3s ease;
}

.tooltip__nativo-superior {
    bottom: 18px;
    left: 0;
}

    .tooltip__nativo-superior:after {
        content: '';
        width: 0;
        height: 0;
        border-right: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 7px solid #44b4ce;
        bottom: -13px;
        left: calc(50% - 10px);
        position: absolute;
    }

.tooltip__nativo-inferior {
    top: 21px;
    left: 0px !important;
    bottom: inherit;
}

    .tooltip__nativo-inferior:after {
        content: '';
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #44b4ce;
        border-left: 6px solid transparent;
        border-top: 6px solid transparent;
        bottom: inherit;
        top: -12px;
        left: calc(50%);
        position: absolute;
    }

.tooltip__nativo-lateral {
    bottom: 0px;
    left: -130px !important;
}

    .tooltip__nativo-lateral:after {
        content: '';
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #44b4ce;
        border-top: 6px solid transparent;
        bottom: 6px;
        left: 120px;
        position: absolute;
    }

.tooltip__nativo:before {
    display: none;
}

.content__tooltip__nativo:hover .tooltip__nativo {
    opacity: 1;
    z-index: 9;
}

/* ================================================
 * Search
 * @autor myance
 * ================================================ */
.search__container {
    display: inline-block;
    width: 100%;
}

.buscador__contenedor {
    display: flex;
}

/* ================================================
 * Tab / Checkbox
 * @autor myance
 * ================================================ */
.selectbox__content {
    position: relative;
}

.selectbox__content--is-check i {
    font-size: 18px;
}

.selectbox__content--is-check:after {
    content: '';
    position: absolute;
    top: 1px;
    font-size: 11px;
    right: 5px;
}

.selectbox__content--is-check {
    position: absolute;
    top: 50%;
    left: 3px;
    color: #ffffff;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 50%;
    transform: translate(0, -50%);
}

.selectbox__opciones .selectbox__opcion:first-child {
    margin-left: 0 !important;
}

.selectbox__opciones {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.selectbox__opcion {
    width: auto;
    margin: 7px;
}

.selectbox__opcion--is-input {
    display: none;
}

.selectbox__content--is-name {
    font-size: 12px;
    padding: 10px 10px 10px 30px;
    display: inline-block;
}

.selectbox__opcion--is-label {
    color: #525252;
    border: 1px solid #e0e0e0;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    display: inline-block;
    transition: background .3s;
    -webkit-transition: background .3s;
}

    .selectbox__opcion--is-label:hover {
        background: #e0e0e0;
    }

.selectbox__opcion--is-input:checked + .selectbox__opcion--is-label {
    border-color: #fff;
}

    .selectbox__opcion--is-input:checked + .selectbox__opcion--is-label .selectbox__content--is-check {
        border: none;
        background: transparent;
        border: 1px solid #aa0000;
    }

        .selectbox__opcion--is-input:checked + .selectbox__opcion--is-label .selectbox__content--is-check:after {
            content: '\2714';
            color: #aa0000;
            font-size: 12px;
        }

.selectbox__opcion--is-input:checked + .selectbox__opcion--is-label {
    background: #ffffff;
    color: #555;
    border: 1px solid var(--template-color-2);
}

/* ================================================
 * Wizard
 * @autor myance
 * ================================================ */
.wizard__main__steps {
    border-radius: 100px;
    height: 70px;
    font-family: "Arial-Extra-Bold";
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.wizard__step:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-right: 3px solid #e4e0d4;
}

.wizard__step {
    float: left;
    margin-top: -3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    color: #525252;
    background: #eeebe4;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-left: 3px solid #e4e0d4;
    border-top: 3px solid #e4e0d4;
    border-bottom: 3px solid #e4e0d4;
    position: absolute;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s ease;
}

    /*
 * @wizard: Para 4 pasos
 * @autor myance
 */
    .wizard__step:first-child:nth-last-child(4),
    .wizard__step:first-child:nth-last-child(4) ~ .wizard__step {
        width: calc( 25% + 30px );
    }

        .wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(2) {
            left: calc( 24% );
        }

        .wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(3) {
            left: calc( 48% );
        }

        .wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(4) {
            left: calc( 72% );
        }

    /*
 * @wizard: Para 3 pasos
 * @autor myance
 */
    .wizard__step:first-child:nth-last-child(3),
    .wizard__step:first-child:nth-last-child(3) ~ .wizard__step {
        width: calc( 33% + 30px );
    }

        .wizard__step:first-child:nth-last-child(3) ~ .wizard__step:nth-child(2) {
            left: 32%
        }

        .wizard__step:first-child:nth-last-child(3) ~ .wizard__step:nth-child(3) {
            left: 64%
        }

    /*
 * @wizard: Para 2 pasos
 * @autor myance
 */
    .wizard__step:first-child:nth-last-child(2),
    .wizard__step:first-child:nth-last-child(2) ~ .wizard__step {
        width: calc( 50% + 30px );
    }

        .wizard__step:first-child:nth-last-child(2) ~ .wizard__step:nth-child(2) {
            left: 47%
        }

    .wizard__step.complete {
        background: #0AC191 !important;
        color: #FFF !important;
    }

    .wizard__step.active {
        background: var(--template-color-2);
        color: #FFF;
    }

        .wizard__step.active .circle {
            color: var(--template-color-2)
        }

    .wizard__step.error {
        background: #aa0000;
        color: #FFF;
    }

    .wizard__step.active:before {
        content: '';
        display: inline-block;
        position: absolute;
        height: 100%;
        width: 20px;
        left: 0;
        border-left: 20px solid rgba(0, 0, 0, 0.08);
        -webkit-animation-name: cargndoPasos;
        -webkit-animation-duration: 2;
        animation-name: cargndoPasos;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        border-right: 15px solid rgba(0, 0, 0, 0.07);
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes cargndoPasos {
    0% {
        left: -50%;
        width: 200px;
    }


    100% {
        left: 100%;
        width: 50px;
    }
}



.wizard__step.active .error {
    color: #e20e0e
}

.wizard__step.error .circle {
    font-size: 0;
    position: relative;
}

    .wizard__step.error .circle:after {
        font-family: "Material Icons";
        content: "close";
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 50px;
        transform: translate(-50%,-50%);
        color: #aa0000;
    }

.wizard__step .circle {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    background: #FFF;
    float: left;
    font: 30px "Arial-Extra-Bold";
    color: #e4e0d4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wizard__step.complete .circle {
    font-size: 0;
    position: relative;
}

    .wizard__step.complete .circle:after {
        font-family: "Material Icons";
        content: "\E5CA";
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 50px;
        transform: translate(-50%,-50%);
        color: #0ac191;
    }

.wizard__step .text {
    font: 18px "Swiss-Light";
    float: left;
    overflow: hidden;
    display: block;
    max-height: 70px;
    width: calc( 100% - 140px );
    margin-left: 20px;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
}


.iconoPrincipal {
    width: 60px;
    margin: 10px;
}

/* ================================================
 * Table Nativo
 * @autor myance
 * ================================================ */
.table__icon:hover i {
    color: #fff4e7;
}

.table__icon i {
    width: 23px;
    display: inline-block;
    font-size: 22px;
    color: #6f6f6f;
}

.table__icon:hover {
    background: #4eaccc;
    color: #fff;
}

.table__icon {
    width: 34px;
    height: 35px;
    border-radius: 50%;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.table__buttons {
    width: 100%;
    text-align: center;
}

/* ================================================
 * Table Dx Nativo
 * @autor myance
 * ================================================ */
.grid__content__table tbody tr:hover {
    background: #e7e7e7 !important;
}

.grid__content__table tbody tr:nth-child(even) {
    background: #e7e7e7;
}

.grid__content__table tbody td {
    color: #525252;
    font: 12px "Swiss-Light";
    padding: 2px 8px;
    border-top: 1px solid #fff;
    word-break: break-all;
}

.grid__content__table thead th {
    padding: 4px 5px;
    background-color: #e7e7e7;
    color: #525252;
    font: 12px "Swiss-Light";
    text-transform: uppercase;
    font-weight: bold;
}

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

.pages__number:hover {
    color: #4eaccc !important
}

.pages__number.active {
    color: #4eaccc !important;
    border-color: transparent !important;
    background-color: #e7e7e7 !important;
}

.cabeceraDiviAzul {
    background: #617e8b;
    height: 10px;
    width: 100%;
}

.pages__number {
    color: #333;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    font-size: 14px;
    display: block;
    margin-right: 10px;
    border-radius: 5px;
    width: 20px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid__container__footer .grid__button--is-end {
    align-items: center;
}

.grid__container__footer {
    margin-top: 5px;
    display: flex;
    padding: 10px 10px;
    margin: 1px 0;
    width: 100%;
    border-top: 1px solid #c1bcbc;
}

.grid__content__pages .pages__number:last-child {
    margin-right: 0;
    word-break: normal;
    width: 25px;
}

.grid__content__details {
    margin-right: 10px;
    color: #808080;
    font: 14px "Swiss-Light";
    /* font: 1.3rem "Swiss-Light"; */
    letter-spacing: 1px;
    font-family: 'Segoe UI';
}

    .grid__content__details a {
        color: #808080;
    }

.pages--is-rigth > i,
.pages--is-left > i {
    font-size: 38px
}

.pages--is-rigth,
.pages--is-left {
    background-color: #fff !important;
    font-size: 30px !important;
    color: #bdbdbd !important;
}

/* ================================================
 * Arrow Back
 * @autor myance
 * ================================================ */
.arrow__back:hover {
    -webkit-transform: scale(1.2,1.2) rotate(-10deg);
    -ms-transform: scale(1.2,1.2) rotate(-10deg);
    -o-transform: scale(1.2,1.2) rotate(-10deg);
    transform: scale(1.2,1.2) rotate(-10deg);
}

.arrow__back svg {
    fill: #ffffff
}

.arrow__back {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
}

    .arrow__back:not(.arrow__back--is-2) md-icon {
        width: 12px !important;
        height: 15px !important;
    }

        .arrow__back:not(.arrow__back--is-2) md-icon:first-child {
            display: block;
        }

        .arrow__back:not(.arrow__back--is-2) md-icon:last-child {
            display: none;
        }

    .arrow__back:not(.arrow__back--is-2):hover md-icon:first-child {
        display: none;
    }

    .arrow__back:not(.arrow__back--is-2):hover md-icon:last-child {
        display: block;
    }

    .arrow__back:not(.arrow__back--is-2):hover {
        -webkit-transform: scale(0.9,0.9) rotate(-10deg);
        -ms-transform: scale(0.9,0.9) rotate(-10deg);
        -o-transform: scale(0.9,0.9) rotate(-10deg);
        transform: scale(0.9,0.9) rotate(-10deg);
    }

    .arrow__back:not(.arrow__back--is-2) a {
        padding: 9px 5px;
        background: var(--template-color-2);
        border-radius: 50%;
        display: inline-block;
    }

    .arrow__back.arrow__back--is-2 svg {
        stroke: #fff;
        fill: #fff
    }

.arrow__back--is-a {
    padding: 13px 10px;
    background: #f7c78c;
    border-radius: 50%;
}

/* ================================================
 * Selection
 * @autor EDG eparedes
 * ================================================ */
*::selection {
    background: var(--template-color-2);
    color: #fff;
}

*::-moz-selection {
    background: var(--template-color-2);
    color: #fff;
}


/* ================================================
 * Placeholder
 * @autor myance
 * ================================================ */
::-webkit-input-placeholder {
    color: #b7b7b7;
}

:-moz-placeholder,
::-moz-placeholder {
    color: #b7b7b7;
}

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

input[type='text']:focus::-webkit-input-placeholder {
    opacity: 0;
}

/* ================================================
 * Angular
 * @autor myance
 * ================================================ */
.ng-cloak,
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

/* ================================================
 * Loading
 * @autor myance
 * ================================================ */
.button.loading::after {
    display: none !important
}

.button.loading i {
    opacity: 0;
}

.button.loading {
    background-image: url(/Content/images/loading/1.svg);
    background-position: left center;
    background-color: #f3f3f3 !important;
    border-color: #c5c5c5 !important;
    cursor: not-allowed;
    background-repeat: no-repeat;
    color: #525252;
    background-color: #ccc;
    cursor: not-allowed;
}

.button[loading="true"]::after {
    display: none !important
}

.button[loading="true"] i {
    opacity: 0;
}

.button[loading="true"] {
    background-image: url(/Content/images/loading/1.svg);
    background-position: left center;
    background-color: #f3f3f3 !important;
    border-color: #c5c5c5 !important;
    cursor: not-allowed;
    background-repeat: no-repeat;
    color: #525252;
}

[loading="select,true"] {
    background: var(--template-color-2);
    -webkit-mask: url(/Content/images/loading/1.svg) center / contain no-repeat;
    color: transparent;
    padding: 0;
    height: 30px;
}

.element--is-loading {
    background: var(--template-color-2);
    -webkit-mask: url(/Content/images/loading/1.svg) center / contain no-repeat;
}


.full__loading.No--page {
    background: #fff5ea; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fff5ea 0%, #fff5ea 50%, #ffefdc 51%, #ffefdc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #fff5ea 0%,#fff5ea 50%,#ffefdc 51%,#ffefdc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #fff5ea 0%,#fff5ea 50%,#ffefdc 51%,#ffefdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5ea', endColorstr='#ffefdc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.full__loading em {
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #525252;
    font-style: italic;
}

.full__loading--is-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.full__loading.full__loading--is-static {
    position: absolute !important;
}

.full__loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.94);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}


/*Loading by Block*/
[block-loading][http-success]:after {
    display: none;
}

[block-loading]:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    background-image: url('/Content/images/loading/1.svg');
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255, 255, 255, 0.85);
}

[block-loading][http-success] {
    min-height: inherit;
}

[block-loading] {
    min-height: 300px;
    position: relative;
}



/* ================================================
 * Menu Responsive
 * @autor myance
 * ================================================ */
body.open {
    overflow: hidden;
}

    body.open .menu--is-view .b-menu {
        border-color: var(--template-color-2) !important;
    }

        body.open .menu--is-view .b-menu .b-bun,
        body.open .menu--is-view .b-menu .b-bun--top {
            background: var(--template-color-2) !important;
        }

.menu--is-view .b-menu .b-bun,
.menu--is-view .b-menu .b-bun--top {
    background: #fff !important;
}

.menu--is-view .b-menu {
    background-color: transparent !important
}

.menu__opciones {
    width: auto;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    font-size: 20px;
}
/*.menu__responsive:not(.menu--is-view){
    display: none;
}*/
.menu--is-view .menu--is-burger {
    display: inline-block !important;
    position: absolute;
    top: 4px;
    right: 4px;
    left: inherit;
    width: 60px;
}

.modules__content:last-child {
    border-bottom: none !important;
}

.modules__content:first-child {
    border-top: none !important;
}

.modules__content {
    width: 100%;
    display: block;
    font: 15px 'Swiss-Light';
    font: 1.5rem 'Swiss-Light';
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #ffdfbe;
    border-top: 1px solid #fff;
}

.module--is-option .module--is-arrow {
    position: absolute;
    top: -3px;
    left: -26px;
}

.menu__responsive__ul {
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.module--is-option {
    display: block;
    font: 17px 'Swiss-Light';
    font: 1.7rem 'Swiss-Light';
    font-weight: bold;
    color: #525252;
    position: relative;
    text-transform: uppercase;
}

.action__name--is-option:after {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #525252;
    box-shadow: 8px 0px 0px var(--template-color-2), 16px 0px 0px #e20e0e;
    bottom: 50%;
    left: 0px;
    margin-bottom: -3px;
}

.action__link--is-option:active,
.action__link--is-option:hover {
    color: #fff;
    background: #a6302e;
    padding-left: 20px;
}

.action__link--is-option {
    color: #525252;
    padding: 8px 0;
    display: block;
    font: 14px 'Swiss-Light';
    font: 1.4rem 'Swiss-Light';
    padding-left: 30px;
    transition: all .2s linear;
}

.action__name--is-option {
    display: block;
    font: 15px 'Swiss-Light';
    font: 1.5rem 'Swiss-Light';
    color: #525252;
    padding-left: 30px;
    position: relative;
    text-transform: uppercase;
}

.menu__responsive.menu--is-view {
    display: block;
}

.menu__responsive {
    display: none;
}

.menu__responsive__content {
    display: none;
    width: 100%;
    max-height: 340px;
    overflow-y: scroll;
    background: #fff2e1;
    z-index: 9;
    -webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;
    transition: transform 0.4s, visibility 0s 0.4s;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.31);
}

.menu__responsive--ul {
    display: block;
}

.menu--is-burger {
    /* display:none !important; */
    /* position: relative; */
    /* display: inline-block; */
    height: 60px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 2px;
    z-index: 20;
}

.menu__responsive__ul .modules__content:last-child .actions__content li:last-child .action__link--is-option {
    margin-bottom: 0px;
}

.active .submodules__content {
    display: block;
    margin-top: 10px;
}

.submodules__content {
    display: none;
}

body.open .b-menu {
    border-color: #aa0000;
    padding-top: 9px;
    background: var(--template-color-2);
}

    body.open .b-menu:hover {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.b-menu {
    background: var(--template-color-2);
    border: #f39230 solid 3px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    width: 45px;
    padding-left: 9px;
    padding-top: 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    position: relative;
    top: 14px;
    left: -5px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4);
}

.b-bun {
    background: #fff;
    position: relative;
}

.b-bun--top {
    height: 2px;
    top: 0;
    width: 20px;
}

.b-bun--mid {
    height: 2px;
    top: 5px;
    width: 20px;
}

.b-bun--bottom {
    height: 2px;
    top: 10px;
    width: 20px;
}
/*.menu--is-burger:hover:not(.open) .bun-top,
.menu--is-burger:hover:not(.open) .bun-mid,
.menu--is-burger:hover:not(.open) .bun-bottom {
    background: white;
}*/
body.open .menu--is-burger .b-main {
    border: var(--template-color-2) solid 2px;
}

body.open .menu--is-burger .b-bun--top {
    background: #fff;
    top: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.open .menu--is-burger .b-bun--mid {
    opacity: 0;
}

body.open .menu--is-burger .b-bun--bottom {
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body.open .menu--is-burger .b-brand {
    color: #525252;
}

/* ================================================
 * Links Menu
 * @autor myance
 * ================================================ */
.menu__opciones--is-nav1 {
    position: relative;
    top: 50%;
    text-align: center;
    height: calc(100vh);
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.menu__opciones--is-a:hover {
    color: var(--template-color-2)
}

    .menu__opciones--is-a:hover::before {
        height: 5px;
        opacity: 1;
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
    }

.menu__opciones--is-a:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--template-color-2);
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.menu__opciones--is-a.disabled {
    color: #ddd
}

.menu__opciones--is-a {
    position: relative;
    display: inline-block;
    color: #525252;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-size: 22px;
    font-size: 2.2rem;
    outline: none;
    text-decoration: none;
}

.menu__opciones--is-li {
    text-align: center;
    display: block;
    padding-bottom: 15px;
}

.open .menu__opciones--is-ul {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: visible;
}

.menu__opciones--is-ul:after {
    content: '';
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 20px;
    border-left-width: 20px;
    border-bottom: 20px solid white;
    position: absolute;
    top: -12px;
    right: 6px;
}

.open .menu__opciones--is-ul {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: inline-block !important
}

.menu__opciones--is-ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transition: -webkit-transform 1s ease .1s, opacity 1s ease .1s;
    transition: transform 1s ease .1s, opacity 1s ease .1s;
    position: absolute;
    right: 3px;
    top: 60px;
    width: 500px;
    background: #fff;
    border-radius: 10px;
    z-index: 99;
    padding: 14px;
    box-shadow: -1px 2px 2px rgba(234, 234, 234, 0.8196078431372549);
    border: 1px solid #dcdcdc;
}

/* ================================================
 * buscador en input
 * @autor myance
 * ================================================ */
.element__buscador .element__input[readonly],
.element__buscador .element__input {
    padding-left: 30px !important;
}

.element__buscador {
    position: relative;
}

.element__buscador--is-ico {
    position: absolute;
    left: 0;
    color: #3597b8;
    top: calc(50% - 4px);
}

/* ================================================
 * Upload
 * @autor myance
 * ================================================ */
.element__file {
    border-bottom: 1px solid #cecece;
    width: 100%;
    /*padding: 9px 10px 4px 0;*/
    padding: 1px 60px 4px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    position: relative;
    cursor: pointer;
}

    .element__file::-webkit-file-upload-button {
        visibility: hidden;
    }

    .element__file::before {
        font-family: "Material Icons";
        position: absolute;
        top: 50%;
        right: 7px;
        transform: translateY(-50%);
        content: "\E2C3";
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        font-size: 25px;
        display: block;
        color: #cecece;
    }

.file__download {
    padding: 4px 60px 6px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* ================================================
 * Balls Sije's Style
 * @autor myance
 * ================================================ */
.element__balls:after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #e20e0e;
    box-shadow: 10px 0px 0px var(--template-color-2), 20px 0px 0px #525252;
}

.element__balls {
    position: relative;
    display: flex;
}

.element__balls--is-center {
    align-items: center;
    justify-content: center;
}

/* ================================================
 * Tabs
 * @autor myance
 * ================================================ */
.tabs__content {
    width: 100%;
    border: 1px solid #ffddb3;
    border-radius: 4px;
}

.tab__cabecera {
    width: 100%;
    display: flex;
}

.tab--is-btn {
    padding: 10px;
}

.tabs nav {
    text-align: center;
    border-bottom: 3px solid var(--template-color-3);
}

    .tabs nav ul {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        margin: 0 auto;
        padding: 0;
    }

        .tabs nav ul li {
            position: relative;
            z-index: 1;
            display: block;
            margin: 0;
            min-width: 150px;
            margin-left: 40px;
        }

    .tabs nav a {
        position: relative;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 2.5;
    }

        .tabs nav a span {
            vertical-align: middle;
            font-size: 0.75em;
        }

    .tabs nav li.active a {
        color: #74777b;
    }

    .tabs nav a:focus {
        outline: none;
    }

.tabs {
    width: 100%;
    opacity: 1;
    filter: blur(0px);
}

    .tabs nav ul li {
        /* position: relative; */
        z-index: 2;
    }

        .tabs nav ul li:first-child {
            margin-left: 1px;
        }

        .tabs nav ul li.active {
            z-index: 4 !important;
        }

    .tabs nav li a {
        overflow: visible;
        padding: 0;
        color: #fff;
        font-weight: 500;
        position: relative;
        z-index: 1;
    }

    .tabs nav li:first-child a span {
        padding-left: 30px;
        padding-right: 10px;
        border-radius: 15px 0 0 0;
        margin-left: -1px;
    }

    .tabs nav li:last-child a span {
        padding-right: 30px;
        border-radius: 0 15px 0 0;
        padding-left: 10px;
    }

    .tabs nav li a svg {
        position: absolute;
        left: 100%;
        margin: 0;
        width: 3em;
        height: 100%;
        fill: #e8e8e8;
        box-shadow: 0px 0px 0 #e0e0e0;
        cursor: pointer;
    }

        .tabs nav li a svg:nth-child(2),
        .tabs nav li:last-child a svg {
            right: 100%;
            left: auto;
            -webkit-transform: scale3d(-1,1,1);
            transform: scale3d(-1,1,1) rotate(0deg);
        }

    .tabs nav li a span {
        display: block;
        overflow: hidden;
        background-color: #e8e8e8;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 10px 10px;
        font: 15px 'Swiss-Light';
        font: 1.3rem'Swiss-Light';
        color: #525252;
        text-transform: uppercase;
        margin-left: -1px;
    }

    .tabs nav li a:hover span {
        background-color: #f2f2f2;
        /* color: #fff;*/
    }

    .tabs nav li a:hover svg {
        fill: #f2f2f2;
        /* box-shadow: -3px 0px 0 #f7f6f6;*/
    }

    .tabs nav li a svg use {
        pointer-events: auto;
    }

    .tabs nav li.active a span,
    .tabs nav li.active a svg {
        -webkit-transition: none;
        transition: none;
    }

    .tabs nav li.active a span {
        background: var(--template-color-3);
        color: #fff;
        letter-spacing: 1px;
    }

    .tabs nav li.active a svg {
        fill: var(--template-color-3);
        box-shadow: -1px 1px 0 var(--template-color-3);
    }

.tab__content--data {
    padding: 10px;
    background-color: rgba(49, 203, 255, 0.05);
}

.tabs li:first-child svg:nth-child(2) {
    display: none !important
}


.res__primary__foto2 {
    width: 90%;
    max-width: 120px;
    margin: 0 auto;
    height: 150px;
    align-content: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* border-radius: 50%; */
    /* -webkit-transform: translate(-50%,0); */
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    /* transform: translate(-50%,0); */
    border: 1px solid #ffffff;
    margin-top: -15px;
    box-shadow: 0 2px 5px #eaeaea;
    margin-bottom: 15px;
}



/* ================================================
 * Estilos Complementarios
 * @autor EDG  eparedes
 * ================================================ */
.trasparencia-Total,
.trasparencia-Total:hover {
    background: transparent;
}

.cotolador-Option-Tabla, .cotolador-Option-Tabla a {
    font-size: 1.6rem;
    font-weight: 600;
    color: #5f5a5a;
}

.td-conTabla {
    background: #eae5de;
    display: flex !important;
    padding: 0px !important;
    margin: 0 !important;
    justify-content: center;
    align-items: center;
}

    .td-conTabla article {
        flex: 1 1 100%;
        display: table-caption;
        /* border: 11px solid red; */
        /* text-align: center; */
    }

.table__icon--is-find.noabsulte {
    position: relative;
    left: -2.5%;
    font-size: 1.4em;
    color: #2ca4bf;
    transition: all .5s ease-in-out;
    margin: 4px;
    vertical-align: middle;
}

.contTabla2da {
    overflow: auto;
    width: calc(100vw - 175px) !important;
    text-align: center;
    border: 20px solid #eae5de;
}

    .contTabla2da .cont-abla-respon {
        overflow-x: visible;
        overflow-y: auto;
        padding-bottom: 150px;
        margin-bottom: 0;
        /* background: red;*/
    }

.td-conTabla .tablas-estilos {
    display: table;
}

.PopUpPrint .tablas-estiloz tr, .PopUpPrint .tablas-estiloz tr td {
    page-break-inside: avoid;
    page-break-after: auto;
}


.PopUpPrint .tablas-estiloz tbody, .PopUpPrint .tablas-estiloz thead, .PopUpPrint .tablas-estiloz tfoot {
    page-break-inside: avoid;
    page-break-after: auto;
}



.td-conTabla .tablas-estilos tbody tr {
    display: table-row;
    width: 100%;
}

.td-conTabla .tablas-estilos tbody {
    display: table-row-group;
}

.pading-0 {
    padding: 0 !important
}

.texto-carga-escrito {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 1.1em;
    text-transform: uppercase;
}



.pading-botton-100 {
    padding-bottom: 100px;
}


.errorText {
    font-size: 1.6rem;
    padding: 5px;
    color: #f08a3f;
    display: inline-block;
    border-radius: 12px;
}

#barcode {
    margin: 0 0 20px 0;
}

.butonMenus {
    width: 20px;
    height: auto;
    width: 20px;
    position: relative;
    max-width: 20px;
    cursor: pointer;
}

    .butonMenus.button--is-five {
        width: auto;
        max-width: none;
        overflow: visible;
    }

        .butonMenus.button--is-five .iconi {
            width: 16px;
        }

    .butonMenus img {
        width: 6px;
        cursor: pointer;
    }

.icono-ima {
    height: 16px;
    margin: 0 5px;
}

.butonMenus .menu-emergente {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: none;
    overflow: hidden;
    position: absolute;
    left: -155px;
    z-index: 5;
    top: 12px;
    border-radius: 10px;
    padding: 5px 0;
    font-weight: bolder;
}

.boton-redodno {
    background: #e8e8e8;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    min-width: 30px;
    box-shadow: 0 0 3px -1px #0000008a;
    /* padding: 5px; */
    display: inline-flex;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #5c5c5c;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin: 2px;
    display: inline-flex;
}

    .boton-redodno:hover {
        background: var(--template-color-2);
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari */
        transform: scale(1.1);
        color: #fff;
    }

    .boton-redodno.blanco {
        background: #ffffff;
        margin: 4px;
        box-shadow: 0 0 5px -1px #0000008a;
    }


        .boton-redodno.blanco:hover {
            background: #ffffff;
            -ms-transform: scale(1.3); /* IE 9 */
            -webkit-transform: scale(1.3); /* Safari */
            transform: scale(1.3);
        }

.button-dropdown {
    position: absolute;
    top: 12px;
    right: 5px;
}

.active .Grande.boton-redodno > i {
    transform: rotate(180deg);
}

.Grande.boton-redodno {
    zoom: 1.3;
    background: var(--color-secondary);
    font-size: 124px;
}

    .Grande.boton-redodno:hover {
        background: var(--color-primary);
    }

.active .Grande.boton-redodno {
    background: var(--color-secondary);
}

.Grande.boton-redodno > i {
    font-size: 28px;
    color: white;
    height: 23px;
    transition: all .3s ease;
}

.ColumT-25 .form-group {
    margin: 7px !important;
}

.boton-redodno .material-icons {
    font-size: 19px;
}

.more_actions--is-content {
    display: inline-block;
    vertical-align: middle;
}

.especial.boton-redodno {
    background: var(--template-color-2);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    box-shadow: 0 0 3px -1px #0000008a;
    padding: 4px;
    display: inline-flex;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #fff3e5;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin: 2px;
}

.SectionOculto {
    display: none !important;
}




.especial.boton-redodno:hover {
    background: #ff751a;
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
    color: #fff;
}

.boton-redodno img {
    width: 100%;
    max-height: 100%;
}

.boton-redodno .elim {
    width: 70%;
}

.butonMenus:hover .menu-emergente {
    background: #ffffff;
    box-shadow: 0 0 7px -1px #0000006b;
    width: 200px;
    height: auto;
    opacity: 1;
    display: block;
}

.menu-emergente button {
    color: var(--template-color-2);
    font-size: 1.3rem;
    padding: 5px;
    width: 100%;
}

    .menu-emergente button:hover {
        background: var(--template-color-2);
        color: #fff;
    }

.barraCargando {
    height: 25px;
    width: 100%;
    position: relative;
    background: #c5c5c5;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 7px !important;
}

    .barraCargando span {
        position: absolute;
        width: 100px;
        margin-left: -50px;
        left: 50%;
        height: 100%;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 13px;
        font-size: 1.3rem;
        text-shadow: 2px 0px 14px rgba(0, 0, 0, 0.37);
    }

.more_actions--is-btns {
    max-height: 220px;
    overflow: auto;
}

.elemento__seleccionado.seleccionado {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 15px;
    background: #ffb162;
    color: #fff;
    box-shadow: 1px 1px 4px 0px #9a9a9a;
}


/*
.tabla-notificacion.tabla-limites table tbody tr:last-child .more_actions--is-btns{
	bottom: 0;
    top: auto;

}

.tabla-notificacion.tabla-limites table tbody tr:last-child{
	background: red;
}

*/


.line-atime .barraCargando {
    position: absolute;
    left: 25px;
    top: 11px;
    z-index: -1;
    width: 97%;
    height: 15px;
}


.foto-Titular {
    width: 120px;
    border: 3px solid var(--template-color-2);
}

ol ul {
    list-style: circle !important;
    padding-left: 20px;
}

ol.texto-narrativo {
    padding-left: 20px;
}

.separacionLeft {
    margin-left: 15px;
}

.lineTime2 {
    width: 100%;
    max-width: 650px;
    margin: 15px auto !important;
    display: flex;
    flex-direction: column;
}

    .lineTime2 li {
        position: relative;
        padding-left: 70px;
        /* height: 65px; */
        height: auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        border: 1px solid #d6d6d6;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        text-align: center;
        border-radius: 14px;
        margin: 5px;
        background: #fff;
    }

        .lineTime2 li div {
            background: #f1f1f1;
            padding: 5px;
        }

        .lineTime2 li .tipo {
            font-family: 'Arial-Extra-Bold';
            color: var(--template-color-2);
            /*  border-bottom: 4px solid;*/
            font-size: 1.6rem;
        }

            .lineTime2 li .tipo:last-child {
                font-family: 'Arial-Extra-Bold';
                color: var(--template-color-2);
                /*  border-bottom: 4px solid;*/
                font-size: 1.6rem;
                position: absolute;
                right: -26px;
                background: var(--template-color-2);
                top: 37px;
                transform: rotate(90deg);
                color: #fff;
                left: auto;
                width: 103px;
            }

    .lineTime2 .JNE .tipo {
        font-family: 'Arial-Extra-Bold';
        color: #aa0000;
    }




    .lineTime2 li.JNE .tipo:last-child {
        position: absolute;
        left: -26px;
        background: #aa0000;
        top: 37px;
        transform: rotate(-90deg);
        color: #fff;
        right: auto;
        width: 103px;
    }




    .lineTime2 li:first-child {
        box-shadow: 0 0 5px 0px #50accc;
        -webkit-animation-name: estadoActual;
        -webkit-animation-duration: 0.7s;
        animation-name: estadoActual;
        animation-duration: 0.7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        font-family: 'Arial-Extra-Bold'
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes estadoActual {
    0% {
    }


    100% {
        box-shadow: 0 0 13px 4px #50accc;
    }
}

.lineTime2 li:first-child:before {
    content: "Estado Actual";
    position: absolute;
    background: #50accc;
    padding: 6px 10px;
    border-radius: 10px;
    position: absolute;
    right: -1px;
    top: -9px;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.11);
    color: #fff;
    z-index: 15;
}

.iframe-doc {
    height: 57vh;
    width: 100%;
    min-height: 300px;
}

.footer-popup-article {
    min-width: 100%;
    width: 100%;
}

md-dialog-actions .button.bg--is-red,
md-dialog-actions .button.bg--is-red:hover {
    padding: 11px 50px 12px 50px !important;
}

.contenedor-botom-min {
    display: inline-block;
    vertical-align: middle;
}

.link2 {
    font-family: "Swiss-Bold";
}

.contenedor-botom-min .button {
    margin-left: 10px !important;
}
/*
.lineTime2 li:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 5px;
    height: 100%;
    background: #f29d45;
    left: 23px;
    top: 14px;
}

.lineTime2 li:last-child:before {
    content: "";
   display: none;
}*/
.JNE {
    padding-left: 10px !important;
    padding-right: 70px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}


    .JNE .iconoLineTime2 {
        background: #aa0000;
        left: auto;
        right: 5px;
    }


.iconoLineTime2 {
    background: var(--template-color-2);
    border-radius: 50%;
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 5px;
    box-shadow: 1px 1px 5px 0px;
    top: 50%;
    margin-top: -25px;
}

    .iconoLineTime2 img {
        width: 60%;
    }



.dialog-inline {
    display: flex;
    width: 100%;
    padding: 6px;
    background: var(--template-color-2);
    justify-content: center;
    align-content: center;
    margin: 20px 0;
}

.dialog-icon {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--template-color-2);
}

.dialog-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    font: 13px 'Lucida-Italic';
    color: white;
}

.dialog-content-is-strong {
    color: var(--template-color-2);
    font: 14px Swiss-bold;
    font-weight: initial;
    padding: 2px 2px 2px 6px;
    background: var(--template-color-4);
    margin: 0 3px;
}


.mensaje-Amarillos {
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #4a4a4a;
    background: #fff0dd;
    border-radius: 5px;
    border: 1px #d86b66 dashed;
    box-shadow: 0 0 0px 3px #fff0dd;
    font-size: 1.3rem;
    line-height: 1;
    display: inline-block;
    font-weight: 900;
    margin: 15px 0;
    word-spacing: 3px
}

.mensaje-rojo {
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #f5f5f5;
    background: #b73030;
    border-radius: 5px;
    border: 1px #ffeeee dashed;
    box-shadow: 0 0 0px 3px #b73030;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
    margin: 15px 0;
    word-spacing: 3px
}

.centrado-tex-important {
    margin: 10px 20px !important;
}

    .centrado-tex-important:before {
        content: "** ";
        display: inline-block;
        position: relative;
        color: white;
    }


    .centrado-tex-important:after {
        content: " **";
        display: inline-block;
        position: relative;
        color: white;
    }




.mensaje-celeste {
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #fff;
    background: #4eaccc;
    border-radius: 5px;
    border: 1px #fafbff dashed;
    box-shadow: 0 0 0px 3px #3597b8;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
    margin: 10px 0;
    word-spacing: 3px
}


.mensaje-verde {
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #f5f5f5;
    background: #6ac57e;
    border-radius: 5px;
    border: 1px #ffeeee dashed;
    box-shadow: 0 0 0px 3px #6ac57e;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
    word-spacing: 3px;
    margin: 15px 0;
}


.elemento75-part {
    width: 75%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento100-part {
    width: 100%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento2-part {
    width: 50%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento3-part {
    width: 33%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento67-part {
    width: 66%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento4-part {
    width: 25%;
    margin: 5px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.r {
    width: 100%;
    height: 1px;
    background: #c3c3c3;
    margin: 5px 0;
}


.codigo__caja {
    width: 250px;
    max-width: 250px;
}

.SeccionCajita {
    margin-top: 25px;
}

.text1 {
    color: #525252;
    font: 15px "Swiss-Light";
    cursor: default;
    opacity: 1;
    padding-left: 14px;
}

.text2 {
    color: #525252;
    font: 14px "Arial-Extra-Bold";
    display: inline-block;
    width: 100%;
    font-weight: bold;
    cursor: default;
    min-height: 21px;
    padding-left: 14px;
}


.text1 span {
    display: inline-block;
}

    .text1 span:before {
        content: " ,";
        margin: 0 2px;
        vertical-align: middle;
    }

    .text1 span:first-child:before {
        content: none;
    }


.barraCargando .posentaje {
    background: var(--template-color-2);
    height: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    -webkit-animation-name: cargandoPre; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    animation-name: cargandoPre;
    animation-duration: 0.5s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes cargandoPre {
    0% {
        width: 0;
    }


    100% {
    }
}


.BTN_Total i {
    font-size: 40px
}

.BTN_Total {
    background: #fff9f2;
    border: 1px var(--template-color-2) dashed;
    color: #535353;
    display: inline-block;
    padding: 5px;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .BTN_Total:hover {
        background: #ffe9cf;
        border: 1px #a00 dashed;
        color: #a00;
    }

.Fotter-Hoja {
    -webkit-transition: opacity .3s ease-in-out .5s;
    -o-transition: opacity .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s;
    opacity: 0;
    background-color: #525252;
    color: #fff;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e5e5e5;
    font-size: 1.3rem;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.43);
}


.aparDerecha {
    -webkit-animation-name: apaDerecha; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.1s; /* Safari 4.0 - 8.0 */
    animation-name: apaDerecha;
    animation-duration: 1.1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes apaDerecha {
    0% {
        margin-top: 50px;
        opacity: 0;
    }


    100% {
    }
}


.boton-regresar {
    margin: 25px 0;
}

.boton-regresarintitle {
    margin: -10px 0;
    vertical-align: middle;
    ;
}

.tituloConBoton {
    margin-top: 5px;
}

.ima-alerta {
    border-radius: 10px;
}

.ListaCheckEmerente {
    border: 1px solid var(--template-color-2);
}

    .ListaCheckEmerente .element__label {
        width: 22%;
        margin: 5% !important;
        padding: 0;
    }

    .ListaCheckEmerente b {
        margin: 12px 0;
        display: inline-block;
    }


.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
    margin: 13px auto;
}

*::-webkit-scrollbar {
    width: 9px;
    background-color: #dadada;
    height: 8px;
    border-radius: 5px;
}


*::-webkit-scrollbar-thumb {
    background-color: #979797;
    border-radius: 5px;
}


    *::-webkit-scrollbar-thumb:hover {
        background-color: #777;
    }

.miembro__info .buttons__content {
    text-align: left !important;
}



.pop-alerte md-dialog-actions {
    text-align: center;
    justify-content: center;
}

.pop-alerte h2 {
    color: #e5872b !important;
    padding-left: 39px !important;
    letter-spacing: inherit;
}


.pop-alerte .texto-narrativo {
    text-align: center;
}

.pop-alerte h2:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    box-shadow: 16px 0px 0px var(--template-color-2) !important;
    bottom: 50% !important;
    left: -7px !important;
    margin-bottom: -6px !important;
}

.input-formato-texto, .input-formato-texto:hover, .input-formato-texto:active {
    font-weight: 900;
    border: 0 !important;
    background: transparent;
    font-size: 1.6rem;
    font-family: 'Swiss-Light';
    font-weight: bold;
    cursor: default;
    outline: none !important;
    overflow: hidden;
    text-transform: uppercase;
    pointer-events: none;
    padding: 5px 10px 5px 0 !important;
    color: #525252 !important;
}


    .input-formato-texto::-ms-expand {
        display: none !important;
    }

    .input-formato-texto option {
        display: none !important;
    }

.content-wrap {
    padding: 12px 0;
}

.input-principal {
    border-bottom: 2px solid var(--template-color-2);
    color: var(--template-color-2);
    font-weight: 700;
    font-size: 1.8rem;
}

.cotolador-Option-Tabla {
    width: 100%;
    max-width: 150px;
    display: inline-block;
    text-align: right;
}

    .cotolador-Option-Tabla a {
        display: inline-block;
        padding: 7px;
    }

        .cotolador-Option-Tabla a:hover {
            color: var(--template-color-2);
        }

.seccion-flex-complet {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Cont-general-cont {
    padding: 15px;
    overflow: auto;
    width: 100%;
}


.vistapreviaDocument.Volteada {
    width: 1484px;
    min-height: 1050px;
}

.vistapreviaDocument {
    box-shadow: -4px -4px 12px rgba(41, 41, 41, 0.38);
    padding: 55px;
    margin: 20px auto;
    width: 1050px;
    min-height: 1484px;
    background: #fff;
    position: relative;
}



    .vistapreviaDocument:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 74px solid #ffffff;
        border-top: 75px solid transparent;
        border-bottom: 0 solid transparent;
        filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
        right: 0;
        top: 0;
        z-index: 5;
    }

    .vistapreviaDocument.TipoDos .texto-narrativo {
        text-align: justify;
        margin: 2px 0;
    }



    .vistapreviaDocument .title--is-print h1 {
        color: #464646;
    }

    .vistapreviaDocument .hojaA4Completo:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .vistapreviaDocument .hojaA4Completo {
        border-top: 2px solid #777;
        padding-top: 10px;
    }

        .vistapreviaDocument .hojaA4Completo.Sinborde {
            border-top: 0;
            padding-top: 0;
        }

        .vistapreviaDocument .hojaA4Completo.sinlimiteprevio.container__blocks {
            height: auto;
        }

    .vistapreviaDocument:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 88px;
        height: 88px;
        top: -13px;
        background: #464646;
        right: -14px;
        z-index: 2;
    }

.Contenedor-vistapreviaDocument {
    background: #464646;
    padding: 15px;
    max-height: 67vh;
    overflow: auto;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.34);
    margin: 0px 0 15px 0px;
    border: 10px solid #464646;
}


.logo-document {
    width: 120px;
}

.text-tbl-info {
    font-weight: 100 !important;
}


.logo-document-jne {
    width: 80px;
}

.logo-document-jne-casilla {
    width: 66px;
    margin-bottom: 15px;
    margin-left: 12px;
}

.logo-document-jne-casilla-2 {
    width: 66px;
    margin-left: 12px;
}

.logo-document-jne-casilla {
    width: 66px;
    margin-bottom: 15px;
    margin-left: 12px;
}

.logo-document-jne-casilla-2 {
    width: 66px;
    margin-left: 12px;
}

.texto-narrativo {
    font-size: 1.5rem;
    margin: 12px 0;
    color: #737373;
}

    .texto-narrativo.TipoDos {
        font-size: 1.57rem;
        margin: 12px 0;
        color: #464646;
        display: inline-block;
        padding: 10px;
        border-radius: 7px;
        box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 20%);
        background: white;
        font-weight: bold;
    }

    .texto-narrativo div p {
        font-size: 1.5rem !important;
        margin: 2px 0;
        color: #737373 !important;
    }

    .texto-narrativo div div p strong {
        font-size: 1.52rem !important;
    }

.tituldocumente, .tituldocumente p {
    text-align: center;
    font-size: 18px;
    color: black;
    font-family: Arial;
    line-height: 1.1em
}

.tituldocumente {
    margin: 5px;
}

.float-right {
    float: right;
}

.texto-rojo {
    color: #aa0000;
}

.texto-verde {
    color: #077683;
}


.texto-amarillos {
    color: #ff8f00;
}




.cont-Fimta-space {
    border-top: 2px solid #525252;
    padding: 5px;
    margin: 200px auto 10px;
    width: 300px;
    /* position: absolute; */
    /* bottom: 25px; */
    /* right: 50%; */
    /* margin-right: -150px; */
}

.textoGrue {
    font: 1.6rem 'Arial-Extra-Bold' !important;
}

.cont-Fimta-space .texto-narrativo {
    margin: 0;
    font-size: 1.4rem;
}

.conte-Ubicated {
    display: flex;
    flex-direction: inherit;
    flex-flow: wrap;
    justify-content: space-between;
    flex-basis: 100px;
}

.input-comntenedo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.conte-Ubicated {
    display: flex;
    flex-direction: inherit;
    flex-flow: wrap;
    justify-content: space-between;
    flex-basis: 100px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

.elemento1 {
    width: 100%;
}

.alineado-izquierda,
.tablas-estilos td.alineado-izquierda,
.tablas-estilos th.alineado-izquierda {
    text-align: left;
}

    .alineado-izquierda thead tr th,
    .alineado-izquierda tbody tr td {
        text-align: left;
    }

.alineado-derecha,
.tablas-estilos td.alineado-derecha,
.tablas-estilos th.alineado-izquierda {
    text-align: right;
}

    .alineado-derecha thead tr th,
    .alineado-derecha tbody tr td {
        text-align: right;
    }

.alineado-centro {
    text-align: center;
}

    .alineado-centro thead tr th,
    .alineado-centro tbody tr td,
    .alineado-izquierda tbody .alineado-centro,
    .alineado-derecha tbody .alineado-centro,
    .tablas-estilos thead tr .alineado-centro,
    .tablas-estilos thead tr .alineado-centro {
        text-align: center;
    }

.alerta-Mensaje {
    font-size: 1.8rem;
    width: 100%;
    box-shadow: -1px 2px 3px #cacaca;
    height: 120px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 27px;
    background: #ffeeda;
    overflow: auto;
}


.partit-text.tablas-estilos {
    word-break: break-all;
}

.divi {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    opacity: 0.4;
    background: #a0a0a0;
}

.espace {
    height: 30px;
    width: 100%;
    display: block;
}

.divi2 {
    width: 100%;
    height: 2px;
    margin: 10px 0;
    opacity: 1;
    background: #1fb6ac;
}


.cards-titular-date {
    background: #fef2e4;
    margin: -3px 0px 8px 0;
}

    .cards-titular-date.aparDerecha {
        margin: 0;
    }

    .cards-titular-date.top0 {
        margin-top: 0;
        padding-left: 5px;
    }

.img-cards-titular-date {
    width: 150px;
    border: 2px solid var(--template-color-2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    margin: 15px;
    display: inline-block;
}

svg.img-cards-titular-date {
    background: #5B767D;
    padding: 15px;
    border-radius: 15px;
    vertical-align: middle;
    height: 143px;
    border: 0;
    margin: 15px 20px;
}

    svg.img-cards-titular-date path {
        fill: #fff;
    }


.datos-cards-titular-date {
    display: inline-flex;
    flex-direction: column;
    vertical-align: middle;
    padding: 15px;
}

    .datos-cards-titular-date.Tecero {
        width: 100%;
    }


    .datos-cards-titular-date.primero {
        width: calc(50% - 75px)
    }


.cards-titular-date-complet {
}


.label-dentro-input {
}

.person-sije {
    width: 100px;
    background: url(/Content/images/img/perso-02.gif);
    background-repeat: no-repeat;
    height: 225px;
    background-size: 100%;
}

    .person-sije:hover {
        width: 100px;
        background: url(/Content/images/img/perso-02-hover.gif);
        background-repeat: no-repeat;
        height: 225px;
        background-size: 100%;
    }

.label-dentro-input .principal label {
    color: var(--template-color-2);
    font-size: 1.8rem;
}

.label-dentro-input label {
    position: absolute;
    bottom: 1px;
    font-size: 14px;
    padding: 5px 10px 5px 0;
    color: #4e4e4e;
    font: 14px "Swiss-Light";
    font: 1.43rem "Swiss-Light";
    text-transform: uppercase;
}

.label-dentro-input .element__input {
    padding-left: 32px;
}

.popup-peque md-dialog {
    max-width: 750px !important;
}

.fotito-casilla {
    width: auto;
    height: 190px;
}


.element-inline-block-midle {
    display: inline-block;
    vertical-align: middle;
    max-width: 550px;
    margin: 15px 25px;
}

.datos-cards-titular-date.contenedor-casilla {
    margin-top: 15px;
}

.VotonesVerMas {
    background: #2ca4bf;
    color: #fcfcfc;
    display: inline-block;
    font-family: Swiss-Light !important;
    font-size: 10px;
    /* padding: 2px 8px 3px 8px !important; */
    border-radius: 22px;
    transition: 0.4s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    cursor: pointer;
    height: 30px;
    flex-direction: column;
    box-shadow: 1px 1px 2px 0px #777;
}



    .VotonesVerMas:hover:before {
        color: #fff;
    }

    .VotonesVerMas:hover {
        background: var(--template-color-2);
        color: #fff;
    }

.VotonesVerMenos:hover {
    background: #aa0000;
}

.VotonesVerMenos {
    background: #fe7500;
    color: #f9e5e5;
    font-family: Swiss-Light !important;
    font-size:10px;
    padding: 2px 7px 5px 8px !important;
    border-radius: 22px;
    transition: 0.4s;
    cursor: pointer;
    width: 30px;
    cursor: pointer;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}




.VotonesVerMas:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: middle;
    margin: 0 5px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.VotonesVerMenos:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 7px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: middle;
    margin: 0 5px;
    margin-top: 2px;
    margin-bottom: -1px;
}

.VotonesVerMenos.VotonesVerMas:after {
    display: none;
}

.buton-cumplent {
    width: 100%;
    min-width: 100%;
    text-align: center;
}

.seccionEspecial {
    position: relative;
    padding-left: 194px;
    padding-right: 16px;
    border: 0;
    margin: 15px 0;
    background: rgba(231, 231, 231, 0.22);
    overflow: hidden;
    background: #fcfcfc;
    padding: 20px;
    /* border-radius: 15px; */
    box-shadow: 1px 2px 9px -1px rgba(0, 0, 0, 0.28);
}

    .seccionEspecial .titulo-Especial svg {
        fill: #fff;
        filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
        width: 60%;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }


    .seccionEspecial:hover .titulo-Especial svg {
        width: 100%;
    }

.titulo-Especial {
    position: absolute;
    width: 175px;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 2;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 1.7rem;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    z-index: 3;
    overflow: hidden;
    /* border-left: 10px solid #5b767d;*/
    background: #4eaccc;
}


    .titulo-Especial:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        width: 118px;
        height: 216%;
        background: rgba(0, 0, 0, 0.05);
        z-index: 1;
        left: -84px;
        top: 0;
        -webkit-transform-origin: 0 0;
        -webkit-transform: rotate(-20deg);
        -moz-transform-origin: 0 0;
        -moz-transform: rotate(-20deg);
        -ms-transform-origin: 0 0;
        -ms-transform: rotate(-20deg);
        transform-origin: 0 0;
        transform: rotate(-20deg);
        font-size: 14px;
        z-index: -1;
        font-size: 1.4rem;
    }

/*
.titulo-Especial:after{
    content: "";
    background: url(/Content/images/sorteo/bg.svg);
    opacity: 0.25;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    z-index: -1;
}

*/

.VistaCarpeta .seccionEspecial .titulo-Especial2 {
    position: relative;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 6px;
    bottom: 20px;
    background: #fff !important;
    border-radius: 50%;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.45) !important;
    padding: 11px;
}

.seccionEspecial .titulo-Especial2 {
    border-radius: 50%;
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 2;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 1.7rem;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    z-index: 3;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 15px;
}

    .seccionEspecial .titulo-Especial2 svg {
        fill: #fff;
        fill: #fff;
        filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.41));
        width: 95%;
    }


.especial2 .titulo-Sistem-2 {
    display: inline-block;
    vertical-align: middle;
}

.Disblock {
    display: block;
}

.Disflex {
    display: flex;
}


.Disflexin {
    display: flex !important;
}

.disFlex {
    display: flex;
}

.alineFlex {
    align-items: center;
    justify-content: space-between;
}

.Disflex.row {
    margin-right: 0px;
    margin-left: 0px;
}

.DisflexCentrado {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}



.img-cards-titular-date-complet {
    width: 12%;
    border: 2px solid var(--template-color-2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    margin: 0 1%;
    display: inline-block;
}



    .img-cards-titular-date-complet.imagen2 {
        width: 8%;
        min-width: 108px;
        border: 2px solid var(--template-color-2);
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
        border-radius: 3px;
        margin: 0 0 0 5%;
        display: inline-block;
        float: right;
        border-radius: 10px;
    }



.datos-cards-titular-date-complet {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
}

.divi-especial {
    width: 100%;
    height: 2px;
    margin: 15px 0;
    opacity: 0.4;
    background: var(--template-color-2);
}

.cont-separater {
    margin: 20px 0px;
}

.tablas-estilos tbody .fila-marcada {
    background-color: #ffddb3 !important;
    color: #3a1f04;
    border: var(--template-color-2) dashed 1px;
}

    .tablas-estilos tbody .fila-marcada td {
        font-weight: bolder !important;
    }

.tablas-estilos tbody .fila-marcada-asig {
    background-color: #f7b5b5 !important;
    color: #3a1f04;
    border: #aa0000 dashed 1px;
}

    .tablas-estilos tbody .fila-marcada-asig td {
        font-weight: bolder !important;
    }

.tablas-estilos tbody .fila-marcada-trans {
    box-shadow: inset 15px 0 0 #3497b8b0;
    transition: all 0.7s ease-out;
}

    .tablas-estilos tbody .fila-marcada-trans:hover {
        box-shadow: inset 5000px 0 0 #3497b8b0;
        transition: all 0.7s ease-out;
    }

    .tablas-estilos tbody .fila-marcada-trans td {
        font-weight: bolder !important;
    }



.tablas-estilos tr td .opcion-rapida {
    display: none;
}

.opcion-rapida.VisibleSiempre {
    display: inline-block !important;
    margin: 0 5px !important;
    opacity: 0.9 !important;
    background: transparent !important;
}

.tablas-estilos tr:hover td .opcion-rapida {
    display: inline-block;
    margin: 0 5px;
    opacity: 0.7;
    background: transparent;
}

.opcion-rapida img {
    width: 16px;
    height: 16px;
}

.tablas-estilos tr:hover td .opcion-rapida:hover {
    opacity: 1;
}


/** input y radio ***/
.tablas-estilos td .content__radio {
    justify-content: center;
}

.tablas-estilos td md-checkbox:last-of-type {
    /*
    width: 20% !important;
    margin: 5% !important;
    */
    margin: 10px;
}


/* ================================================
 Linea de Tiempo
 * @autor EDG  eparedes
 * ================================================ */

.icono-linea-time {
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    align-items: center;
}

.line-atime li .datos ul {
    height: auto;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 0.8s; /* Safari */
    transition: 0.8s;
}

.content-line-atime {
}

.line-atime li .datos {
    padding: 10px;
}

.line-atime li:hover .datos ul {
    display: block;
    max-height: 350px;
    position: relative;
}

.line-atime li .datos {
    position: absolute;
    width: 200px;
    margin-left: -80px;
    height: auto;
}

.line-atime li:nth-child(even) .datos {
    border-bottom: 7px solid #ffddb3;
    bottom: 80px;
}

.line-atime li:nth-child(odd) .datos {
    border-top: 7px solid #ffddb3;
    top: 80px;
}

.line-atime li:nth-child(even) .datos:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid #ffddb3;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    bottom: -24px;
    position: absolute;
    left: 46%;
}

.line-atime li:nth-child(odd) .datos:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 20px solid #ffddb3;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    top: -24px;
    position: absolute;
    left: 46%;
}

.line-atime > li > .datos .titulo-Sistem-2 {
    margin: 0px 0px 5px 0px;
}

.line-atime {
    display: flex;
    margin: 35vh auto 0vh auto;
    position: relative;
    width: 85%;
    justify-content: space-between;
    -webkit-transition: 0.3s; /* Safari */
    transition: 0.3s;
}

    .line-atime > li {
        width: 50px;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

    .line-atime > .activo > .datos ul {
        max-height: 350px !important;
    }

    .line-atime > .realizado .icono-linea-time {
        background: #ffc884;
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

    .line-atime > .realizado:hover .icono-linea-time {
        background: #ffb66c;
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    }

    .line-atime > .activo .icono-linea-time {
        background: var(--template-color-2);
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    .line-atime > .faltante .icono-linea-time {
        background: #c7c7c7;
    }

.icono-linea-time img {
    width: 65%;
    -webkit-transition: 1s;
    transition: 1s;
}

.line-atime > .faltante > .datos {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

    .line-atime > .faltante > .datos ul, .line-atime > .faltante > .datos ul:hover {
        display: none !important;
    }


/* ================================================
 * Estilos Estados de Expediente
 * @autor EDG eparedes
 * ================================================ */

.principal-titulos {
}



.lenyendaEstadoExpediente, .EmergenteInformativo {
    position: fixed;
    width: 400px;
    height: 100%;
    max-height: 600px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    z-index: 10;
    right: 3%;
    top: auto;
    bottom: 0;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    border-top: 4px solid var(--template-color-2);
    -webkit-transition: 0.7s;
    transition: 0.7s;
    height: 0%;
}

    .lenyendaEstadoExpediente:hover, .EmergenteInformativo:hover {
        max-height: none;
        height: 100%;
        max-height: 600px;
    }


        .lenyendaEstadoExpediente:hover li, .EmergenteInformativo:hover li {
            display: inline-block;
            height: 45px;
            font-size: 1.3rem;
            opacity: 1;
        }

    .lenyendaEstadoExpediente li, .EmergenteInformativo li {
        -webkit-transition: 0.4s; /* Safari */
        transition: 0.4s;
        height: 0px;
        padding: 7px 15px;
        -webkit-transition: 0.7s;
        transition: 0.7s;
        display: inline-block;
        overflow: hidden;
        width: 49%;
        opacity: 0;
        font-size: 0rem;
    }


    .lenyendaEstadoExpediente .principal-titulos,
    .EmergenteInformativo .principal-titulos {
        position: absolute;
        background: var(--template-color-2);
        top: -34px;
        width: 200px;
        padding: 9px;
        box-shadow: 0 0 6px -1px #00000059;
        border-radius: 14px 14px 0px 0px;
        font-size: 1.4rem;
        color: #fff;
        cursor: pointer;
        display: block;
        text-align: center;
        left: 50%;
        margin-left: -100px;
        max-height: none;
        line-height: 1;
        height: 34px !important;
        text-align: center;
        opacity: 1 !important;
    }


        .lenyendaEstadoExpediente .principal-titulos:before,
        .EmergenteInformativo .principal-titulos:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #fff;
            margin: 0px 6px 0 -4px;
        }


    .EmergenteInformativo .datoInfromativo {
        content: "";
        display: inline-block;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        margin: 6px;
        vertical-align: middle;
    }

    .lenyendaEstadoExpediente .ExpedEstad-1:before,
    .lenyendaEstadoExpediente .ExpedEstad-2:before,
    .lenyendaEstadoExpediente .ExpedEstad-3:before,
    .lenyendaEstadoExpediente .ExpedEstad-4:before,
    .lenyendaEstadoExpediente .ExpedEstad-5:before,
    .lenyendaEstadoExpediente .ExpedEstad-6:before,
    .lenyendaEstadoExpediente .ExpedEstad-7:before,
    .lenyendaEstadoExpediente .ExpedEstad-8:before,
    .lenyendaEstadoExpediente .ExpedEstad-9:before,
    .lenyendaEstadoExpediente .ExpedEstad-10:before,
    .lenyendaEstadoExpediente .ExpedEstad-11:before,
    .lenyendaEstadoExpediente .ExpedEstad-12:before,
    .lenyendaEstadoExpediente .ExpedEstad-13:before,
    .lenyendaEstadoExpediente .ExpedEstad-14:before,
    .lenyendaEstadoExpediente .ExpedEstad-15:before,
    .lenyendaEstadoExpediente .ExpedEstad-16:before,
    .lenyendaEstadoExpediente .ExpedEstad-17:before,
    .lenyendaEstadoExpediente .ExpedEstad-18:before,
    .lenyendaEstadoExpediente .ExpedEstad-19:before,
    .lenyendaEstadoExpediente .ExpedEstad-20:before,
    .lenyendaEstadoExpediente .ExpedEstad-21:before,
    .lenyendaEstadoExpediente .ExpedEstad-22:before,
    .lenyendaEstadoExpediente .ExpedEstad-23:before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        margin: 6px;
        vertical-align: middle;
    }


    .lenyendaEstadoExpediente .ExpedEstad-1:after,
    .lenyendaEstadoExpediente .ExpedEstad-2:after,
    .lenyendaEstadoExpediente .ExpedEstad-3:after,
    .lenyendaEstadoExpediente .ExpedEstad-4:after,
    .lenyendaEstadoExpediente .ExpedEstad-5:after,
    .lenyendaEstadoExpediente .ExpedEstad-6:after,
    .lenyendaEstadoExpediente .ExpedEstad-7:after,
    .lenyendaEstadoExpediente .ExpedEstad-8:after,
    .lenyendaEstadoExpediente .ExpedEstad-9:after,
    .lenyendaEstadoExpediente .ExpedEstad-10:after,
    .lenyendaEstadoExpediente .ExpedEstad-11:after,
    .lenyendaEstadoExpediente .ExpedEstad-12:after,
    .lenyendaEstadoExpediente .ExpedEstad-13:after,
    .lenyendaEstadoExpediente .ExpedEstad-14:after,
    .lenyendaEstadoExpediente .ExpedEstad-15:after,
    .lenyendaEstadoExpediente .ExpedEstad-16:after,
    .lenyendaEstadoExpediente .ExpedEstad-17:after,
    .lenyendaEstadoExpediente .ExpedEstad-18:after,
    .lenyendaEstadoExpediente .ExpedEstad-19:after,
    .lenyendaEstadoExpediente .ExpedEstad-20:after,
    .lenyendaEstadoExpediente .ExpedEstad-21:after,
    .lenyendaEstadoExpediente .ExpedEstad-22:after,
    .lenyendaEstadoExpediente .ExpedEstad-23:after {
        content: " ";
        display: none;
        background: red !important
    }



.cont-option-tabla {
    position: relative;
}


.lenyendaEstadoExpediente .ExpedEstad-1,
.lenyendaEstadoExpediente .ExpedEstad-2,
.lenyendaEstadoExpediente .ExpedEstad-3,
.lenyendaEstadoExpediente .ExpedEstad-4,
.lenyendaEstadoExpediente .ExpedEstad-5,
.lenyendaEstadoExpediente .ExpedEstad-6,
.lenyendaEstadoExpediente .ExpedEstad-7,
.lenyendaEstadoExpediente .ExpedEstad-8,
.lenyendaEstadoExpediente .ExpedEstad-9,
.lenyendaEstadoExpediente .ExpedEstad-10,
.lenyendaEstadoExpediente .ExpedEstad-11,
.lenyendaEstadoExpediente .ExpedEstad-12,
.lenyendaEstadoExpediente .ExpedEstad-13,
.lenyendaEstadoExpediente .ExpedEstad-14,
.lenyendaEstadoExpediente .ExpedEstad-15,
.lenyendaEstadoExpediente .ExpedEstad-16,
.lenyendaEstadoExpediente .ExpedEstad-17,
.lenyendaEstadoExpediente .ExpedEstad-18,
.lenyendaEstadoExpediente .ExpedEstad-19,
.lenyendaEstadoExpediente .ExpedEstad-20,
.lenyendaEstadoExpediente .ExpedEstad-21,
.lenyendaEstadoExpediente .ExpedEstad-22,
.lenyendaEstadoExpediente .ExpedEstad-23 {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: inline-block;
    height: 22px;
    vertical-align: middle;
}
/*

.Ini-Registrado:hover , .Ini-Digitalizado:hover, .Asig-Asignado:hover , .Asig-Devuelto:hover,
 .Estudi-EnCalificacion:hover , .Estudi-EnEsperaDeInforme:hover , .Estudi-Seguimiento:hover , .Estudi-ParaAudiencia:hover,
 .Audi-Reservado:hover, .Audi-Programado:hover, .Audi-Notificado:hover , .Audi-PublicadoWeb:hover , .SesioReserv-PendienteDeVoto:hover , 
 .SesioReserv-ConVoto:hover , .ElaboraProye-EnElaboracion:hover , .ElaboraProye-VistoBuenoSG:hover,
 .Pronunci-Publicado:hover , .Pronunci-NotificacionGeneral:hover ,  .Pronunci-Notificado:hover, 
 .Archivo-ArchivadoPeriferico:hover , .Archivo-ArchivadoCentral:hover , .CapturaFirm-FirmasPleno:hover , .CapturaFirm-FirmaSG:hover{
font-size: 1.4rem;
}
*/


.ExpedEstad-1:before,
.ExpedEstad-2:before,
.ExpedEstad-3:before,
.ExpedEstad-4:before,
.ExpedEstad-5:before,
.ExpedEstad-6:before,
.ExpedEstad-7:before,
.ExpedEstad-8:before,
.ExpedEstad-9:before,
.ExpedEstad-10:before,
.ExpedEstad-11:before,
.ExpedEstad-12:before,
.ExpedEstad-13:before,
.ExpedEstad-14:before,
.ExpedEstad-15:before,
.ExpedEstad-16:before,
.ExpedEstad-17:before,
.ExpedEstad-18:before,
.ExpedEstad-19:before,
.ExpedEstad-20:before,
.ExpedEstad-21:before,
.ExpedEstad-22:before,
.ExpedEstad-23:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 6px;
    vertical-align: middle;
}


.ExpedEstad-1:after,
.ExpedEstad-2:after,
.ExpedEstad-3:after,
.ExpedEstad-4:after,
.ExpedEstad-5:after,
.ExpedEstad-6:after,
.ExpedEstad-7:after,
.ExpedEstad-8:after,
.ExpedEstad-9:after,
.ExpedEstad-10:after,
.ExpedEstad-11:after,
.ExpedEstad-12:after,
.ExpedEstad-13:after,
.ExpedEstad-14:after,
.ExpedEstad-15:after,
.ExpedEstad-16:after,
.ExpedEstad-17:after,
.ExpedEstad-18:after,
.ExpedEstad-19:after,
.ExpedEstad-20:after,
.ExpedEstad-21:after,
.ExpedEstad-22:after,
.ExpedEstad-23:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 35px;
    top: 50%;
    border-radius: 50%;
    margin: -5px 0;
}



.ExpedEstad-1:before, .ExpedEstad-2:before,
.ExpedEstad-1:after, .ExpedEstad-2:after {
    background: #FF9800;
}


.ExpedEstad-3:before, .ExpedEstad-4:before,
.ExpedEstad-3:after, .ExpedEstad-4:after {
    background: #b79f44;
}


.ExpedEstad-5:before, .ExpedEstad-6:before, .ExpedEstad-7:before, .ExpedEstad-8:before,
.ExpedEstad-5:after, .ExpedEstad-6:after, .ExpedEstad-7:after, .ExpedEstad-8:after {
    background: #2196F3;
}


.ExpedEstad-9:before, .ExpedEstad-10:before, .ExpedEstad-11:before, .ExpedEstad-12:before,
.ExpedEstad-9:after, .ExpedEstad-10:after, .ExpedEstad-11:after, .ExpedEstad-12:after {
    background: rgb(121,134,203);
}

.ExpedEstad-13:before, .ExpedEstad-14:before,
.ExpedEstad-13:after, .ExpedEstad-14:after {
    background: rgb(78, 172, 204);
}


.ExpedEstad-16:before, .ExpedEstad-15:before,
.ExpedEstad-16:after, .ExpedEstad-15:after {
    background: #57c182;
}


.ExpedEstad-18:before, .ExpedEstad-17:before,
.ExpedEstad-18:after, .ExpedEstad-17:after {
    background: #d28848;
}


.ExpedEstad-19:before, .ExpedEstad-20:before, .ExpedEstad-21:before,
.ExpedEstad-19:after, .ExpedEstad-20:after, .ExpedEstad-21:after {
    background: #607D8B;
}




.ExpedEstad-22:before, .ExpedEstad-23:before,
.ExpedEstad-22:after, .ExpedEstad-23:after {
    background: #ea6e51;
}

/* ================================================
 * Titulos
 * @autor EDG eparedes
 * ================================================ */
.titulo-Sistem {
    font-size: 2.4rem !important;
    color: #535353;
    margin: 15px 0;
    font-weight: 700;
    font-family: Swiss-Light;
    font-weight: bold;
}

.titulo-Sistem-2 {
    font-size: 1.6rem;
    color: #525252;
    margin: 12px 0 5px 0;
    font-family: Swiss-Light;
    position: relative;
    padding-left: 25px;
    background: #fffaf4;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid var(--template-color-4);
}

    .titulo-Sistem-2 .texto-narrativo {
        line-height: 0;
    }

.titulo-Sistem-3 {
    font-size: 1.8rem;
    color: #5B767D;
    margin: 15px 0;
    font-weight: 700;
    font-family: Swiss-Light;
}

.titulo-Sistem i {
    font-size: 2.6rem;
    color: #535353;
    margin: 15px 0;
    font-family: Swiss-Light;
    opacity: 0.9;
}

.titulo-Sistem-2 i {
    margin: 15px 0;
    font-family: Swiss-Light;
    opacity: 0.9;
}

.titulo-sistem:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 43px;
    background: url(/Content/images/general/puntosTitu.svg);
    background-size: 45px;
    margin: 0 6px;
    background-position: 0px -1px;
    background-repeat: no-repeat;
    margin: 1px;
}

.titulo-Sistem-2:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 3px;
    border-radius: 40%;
    box-shadow: 0px -5px 0px var(--template-color-3), 0px -10px 0px var(--template-color-2);
    background-color: var(--template-color-4);
    bottom: calc(50% - 8px);
    left: 6px;
}



.titulo-Sistem-3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 21px;
    width: 15px;
    background: url(/Content/images/general/puntosTitu.svg);
    background-size: 42px;
    margin: 0 4px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

.cont-Seccio-subcont {
    width: 100%;
    padding: 16px;
    overflow: auto;
    padding: 16px;
    background: #f5f5f5;
    border-radius: 19px;
    margin: 20px 0px;
    box-shadow: -1px 2px 3px #cacaca;
}

.titulo-Sistem-3 b,
.titulo-Sistem-2 b {
    font-family: 'Arial-Extra-Bold';
}



.titulo-Sistem-3 .alert,
.titulo-Sistem-2 .alert {
    color: #aa0000;
    display: inline-block;
    padding: 2px 14px;
    background-color: lightpink;
    border-radius: 9px;
    margin-bottom: 0;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}

/* ================================================
 * Tabla Nativa
 * @autor myance
 * ================================================ */
.table__head--is-end .button:first-child {
    margin-left: 0 !important;
}

.table__head--is-end .button {
    margin-left: 10px;
}


.table__head {
    display: flex;
    background: linear-gradient(90deg, #e7e7e7 0%, #cecece 100%) !important;
    padding: 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #cecece;
    border-top: 1px solid #cecece;
    border-right: 1px solid #cecece;
}


.table__head--is-start .button:first-child {
    margin-left: 0;
}

.table__head--is-start .titulo-Sistem-2 {
    margin: 9px 0 0 0;
}

.table__head--is-start .button {
    margin-left: 10px;
}

.table__head--is-start {
    display: flex;
}

    .table__head--is-start .row .element__label {
        margin-bottom: 0px;
    }

.table__head--is-end {
    text-align: right;
    margin-left: auto;
    display: flex;
}

.content__input__search .element__input {
    padding: 10px;
    background: #fff;
    border-radius: 19px;
    max-width: 800px;
    min-width: 400px;
}

.content__input__search {
    margin-top: 2px;
    margin-bottom: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tabla--is-responsive {
    width: 100%;
    max-height: calc(100vh - 320px);
    overflow-y: scroll;
}

.content__tabla__nativa .dx-datagrid-group-closed {
    color: #949494
}

.content__tabla__nativa {
    position: relative;
}

.tabla__nativa {
    width: 100%;
}

.tabla__nativa--is-body {
    background-color: #fff;
    color: #333;
    font-weight: normal;
    line-height: 1.35715;
    display: table;
    width: 100%;
}

.tabla__nativa--is-thead .tabla__nativa--is-th {
    margin: 7px 0;
}

.tabla__nativa--is-bordertop {
    border-top: 1px solid #cecece;
}

.tabla__nativa--is-thead {
    display: table;
    width: 100%;
    background: #e7e7e7;
    padding: 1px 9px 1px 0;
    border-bottom: 1px solid #cecece;
    margin-bottom: 0.8px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    align-items: center;
}

.tabla__nativa--is-table {
    display: table;
    width: 100%;
}

.tabla__nativa--is-tr {
    display: flex;
    width: 100%;
    align-items: center;
}

.tabla__nativa--is-th {
    padding: 2px;
}

.tabla__nativa--is-th,
.tabla__nativa--is-td {
    display: inline-flex;
    word-break: break-word;
    align-items: center;
    vertical-align: middle;
    position: relative;
}



.tabla__nativa--is-td,
.tabla__nativa--is-th {
    font-size: 1.4rem;
    page-break-inside: avoid;
    page-break-after: auto;
}

.tabla__nativa--is-td {
    padding: 5px 2px;
    font-size: 1.3rem;
}

.tabla__nativa--is-tbody .tabla__nativa--is-tr:nth-child(even),
.tabla__nativa--is-tbody .tabla__nativa--is-table:nth-child(even) {
    background-color: #f5f5f5;
}

.tabla__nativa--is-tbody .tabla__nativa--is-tre:nth-child(odd),
.tabla__nativa--is-tbody .tabla__nativa--is-table:nth-child(odd) {
    background-color: #fcfcfc;
}

.tabla__nativa--is-tbody .tabla__nativa--is-table:hover {
    background-color: #ffe7ce;
}

.tabs__buttons {
    display: flex;
    justify-content: flex-end;
}

.grid__button--is-end {
    text-align: right;
    margin-left: auto;
    display: flex;
}

.tabla__nativa__detalle {
    width: 100%;
    background: #ebebeb;
    padding: 10px 10px 10px 65px !important;
    margin: 0 !important;
}

.tabla__nativa--is-table:hover .dx-datagrid-group-opened,
.tabla__nativa--is-table:hover .dx-datagrid-group-closed {
    color: var(--template-color-2) !important
}

.tabla__nativa__detalle .tabla__nativa--is-table:hover {
    background: #f1f3f4 !important;
}

.tabla__nativa__detalle .tabla__nativa--is-table {
    background: #fcfcfc !important;
    color: #585858 !important;
    border-top: 1px solid #d5cccc;
}

/* ================================================
 * Tabla
 * @autor EDG eparedes
 * ================================================ */
.contendor-tablas-estilos {
    width: 100%;
    overflow: auto;
    padding: 6px;
}

.tablas-estilos {
    width: 100%;
    border-collapse: collapse;
    position: relative;
    border: 1px solid #dedede;
    margin-bottom: 15px;
}

.magin-t250 {
    margin-top: 250px;
}

.magin-t150 {
    margin-top: 150px;
}



.tablas-estilos .element__checkbox:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 3px;
    width: 1em;
    height: 1em;
    background: #fff;
    border: 1px solid #b3b3b3;
    cursor: pointer;
}

.tablas-estilos .element__checkbox:before {
    left: 0.4em;
    top: -0.2em;
}


.th-select, .th-select:hover {
    background-color: #ffddb3 !important;
    color: #525252;
    font-weight: bolder !important;
}


    .th-select td {
        font-weight: 700 !important;
        background-color: #ffddb3 !important;
        color: #2a4147;
    }

    .th-select:before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        position: relative;
    }

.tablas-estilos caption {
    background: #e6e6e6;
    text-align: left;
    padding: 6px 14px 6px 14px;
    line-height: 2;
    color: #5d5d5d;
    font-family: Swiss-Light;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    margin-bottom: -1px;
}

    .tablas-estilos caption .grid__container__head {
        background: transparent;
        border: 0;
        padding: 0;
    }



.estilo-tabla-captian {
    background: #e6e6e6;
    text-align: left;
    padding: 0px 10px 0px 10px;
    line-height: 2;
    color: #5d5d5d;
    font-family: Swiss-Light;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    margin-bottom: -1px;
}


    .estilo-tabla-captian .button {
        margin: 10px 3px;
        padding: 10px 18px;
    }

.captian-bandeja {
    background: #fff;
    padding-bottom: 30px;
}

.contfull {
    margin: 15px 0;
}

.divi-element-captian, .mitad-element {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0px -0.1%;
}

.tablas-estilos td, .tablas-estilos th {
    padding: 0 5px;
    text-align: center;
    margin: 0;
    line-height: 2;
}


.resultadoTable.Total {
    font-size: 1.6rem;
    margin-top: 25px;
    padding: 11px;
}

.resultadoTable {
    background: #e6e6e6;
    color: #6a5e52;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.3rem;
    text-align: center;
    padding: 5px 15px;
    margin: 10px 0 15px 0;
    border-top: 2px solid #c7c7c7;
}

.tablas-estilos tbody tr:nth-child(odd) {
    background: #f5f5f5;
    page-break-inside: avoid;
    page-break-after: auto;
}

.tablas-estilos tbody tr:nth-child(even) {
    background: #ffffff;
    page-break-inside: avoid;
    page-break-after: auto;
}


.tablas-estilos tbody tr:hover {
    background: #fff2e3;
    page-break-inside: avoid;
    page-break-after: auto;
}


#chartContainerDobleID {
    height: 650px;
    width: 100%;
}

.tablas-estilos thead tr {
    background: #e6e6e6;
}

.tablas-estilos thead {
    border-top: 0.5px solid #d6d6d6;
    border-bottom: 0.5px solid #d6d6d6;
}

    .tablas-estilos thead tr th {
        color: #525252;
        font-size: 1.35rem;
        font-weight: 900;
        line-height: 1.3rem;
        text-transform: uppercase;
        padding: 5px 7px;
    }

        .tablas-estilos thead tr th .element__checkbox + span {
            color: #525252;
            font-size: 1.35rem;
            font-weight: 900;
            margin-top: -4px;
            display: inline-block;
            padding-left: 10px;
        }


    .tablas-estilos thead tr:nth-child(odd) {
    }

    .tablas-estilos thead tr:nth-child(even) {
        border-top: 1px solid rgba(198, 198, 198, 0.56);
        background: #dfdfdf;
    }



.textoPuntoSuspen {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*bordes de tablas para pruebas*/
/*
.tablas-estilos thead  tr th, .tablas-estilos tbody  tr td{
    border: 1px solid;
}
*/




.tablas-estilos tbody tr td {
    font-size: 1.3rem;
    line-height: 1.4;
    padding: 7px;
    text-transform: uppercase;
}

.tablas-estilos tfoot tr {
    background: #eaeaea;
    text-transform: uppercase;
}

.tablas-estilos thead tr {
    background: #e8f9ff;
    text-transform: uppercase;
}

.tablas-estilos.impresa_directa thead th {
    position: relative;
    background: red !important;
}


.tablas-estilos tbody tr td .opciones-tabla-div {
    display: none;
}


.tablas-estilos tbody tr:hover td .opciones-tabla-div {
    position: absolute;
    right: 0px;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #ffddb3;
    vertical-align: middle;
}

.tabla-limites {
    margin-top: 32px;
}


    .tabla-limites > thead {
        position: absolute;
        top: -34px;
        padding-right: 9px;
        overflow: hidden;
        width: 100%;
        /*  height: 34px;*/
    }


        .tabla-limites > thead th {
            padding: 7px;
        }



.btn-primary {
    background-color: var(--template-color-2) !important;
    border-color: #ffddb3 !important;
}

    .btn-primary:hover {
        background-color: #ff8c1a !important;
    }

.visible-conteRespont .tabla-limites tbody {
    overflow: visible;
}

.visible-conteRespont.cont-abla-respon {
    overflow-x: auto;
    /* min-height: 300px; */
}


.tabla-limites tbody {
    overflow: auto;
    max-height: 61vh;
    display: block;
}

.tabla-notificacion.tabla-limites tbody {
    max-height: none !important;
}

    .tabla-notificacion.tabla-limites tbody .td-conTabla {
        max-height: none !important;
    }

    .tabla-notificacion.tabla-limites tbody table {
        margin: 5px auto 20px auto;
    }


        .tabla-notificacion.tabla-limites tbody table tbody {
            overflow: inherit;
        }


    .tabla-notificacion.tabla-limites tbody .grid__container__head {
    }


    .tabla-notificacion.tabla-limites tbody td {
        word-break: break-all;
    }


.pag-tabla-notificacion {
    margin: 0px 0px !important;
    padding-bottom: 35px;
}


.tabla-limites tbody tr, .tabla-limites thead tr {
    width: 100%;
    display: block;
}

.ColumT-3 {
    max-width: 30px;
    width: 30px;
    min-width: 30px;
}

.ColumT-5 {
    max-width: 50px;
    width: 50px;
    min-width: 50px;
}

.ColumT-5 {
    max-width: 50px;
    width: 50px;
    min-width: 50px;
}

.ColumT-10 {
    max-width: 100px;
    width: 100px;
    min-width: 100px;
}

.ColumT-15 {
    max-width: 150px;
    width: 150px;
    min-width: 150px;
}

.ColumT-20 {
    max-width: 200px;
    width: 200px;
    min-width: 200px;
}

.ColumT-25 {
    max-width: 250px;
    width: 250px;
    min-width: 250px;
}

.ColumT-30 {
    max-width: 300px;
    width: 300px;
    min-width: 300px;
}

.ColumT-35 {
    max-width: 350px;
    width: 350px;
    min-width: 350px;
}



.ColumW-5 {
    max-width: 5%;
    width: 5%;
    min-width: 5%;
}

.ColumW-10 {
    max-width: 10%;
    width: 10%;
    min-width: 10%;
}

.ColumW-15 {
    max-width: 15%;
    width: 15%;
    min-width: 15%;
}

.ColumW-20 {
    max-width: 20%;
    width: 20%;
    min-width: 20%;
}

.ColumW-25 {
    max-width: 25%;
    width: 25%;
    min-width: 25%;
}

.ColumTW-30 {
    max-width: 30%;
    width: 30%;
    min-width: 30%;
}

.ColumW-35 {
    max-width: 35%;
    width: 35%;
    min-width: 35%;
}







.tablas-estilos th, .tablas-estilos td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.tablas-estilos tfoot tr td {
    padding: 0 14px;
    font-size: 1.27rem;
    font-weight: 100;
    /*text-align: right;*/
    font-weight: 600;
    color: #2a4147;
    line-height: 2;
}


    .tablas-estilos tfoot tr td.texto-verde {
        color: #077683;
    }

    .tablas-estilos tfoot tr td.alineado-izquierda {
        text-align: left;
    }


    .tablas-estilos tfoot tr td.alineado-derecha {
        text-align: right;
    }



.tablas-estilos thead tr th.alineado-izquierda {
    text-align: left;
}


.tablas-estilos thead tr th.alineado-derecha {
    text-align: right;
}


.tablas-estilos thead .cabecera-bandeja {
    background: #fff !important;
}

.cont-abla-respon .tablas-estilos {
    margin-bottom: 0;
}


.cont-abla-respon {
    overflow: auto;
    margin-bottom: 10px;
    /* width: 100%; */
}

.nopadding {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.ober-visible {
    overflow: visible !important;
}

.icono-opcion-Active1 {
    right: 2px;
    top: 2px;
}

.icono-opcion-Active2 {
    right: 2px;
    bottom: 0px;
}

.icono-opcion-Active1,
.icono-opcion-Active2 {
    position: absolute;
    z-index: 10;
    width: 28px !important;
    height: 28px;
    border: 0 !important;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

    .icono-opcion-Active1:hover,
    .icono-opcion-Active2:hover {
        border: 0 !important;
        background: transparent !important;
    }


    .icono-opcion-Active1 img, .icono-opcion-Active2 img {
        width: 12px;
        opacity: 0.4;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .icono-opcion-Active1:hover img,
    .icono-opcion-Active2:hover img {
        opacity: 1;
    }

.icono-opcion-tabla {
    position: absolute;
    width: 12px;
    opacity: 0.3;
    width: 28px !important;
    height: 28px;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 10;
    right: 4px;
    top: 10px;
    border: 0 !important;
}

.opcion-edicion-icono {
    opacity: 0.7;
    width: auto !important;
    height: auto;
    border-radius: 0;
    display: inline-block !important;
    justify-content: center;
    align-items: center;
    padding: 7px !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 10;
    border: 0 !important;
    /* padding: 10px; */
    color: #fff !important;
    font-size: 1.2rem !important;
    margin: 0px 0 -1px 0;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #aa0000;
}



#NVE svg, #RS svg {
    width: 100%;
}




.max-heing-limit {
    max-height: 0;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
}

.max-heing-ilimite {
    max-height: 10000px;
    opacity: 1;
    transition: opacity 0.3s;
    overflow: hidden;
}


.opcion-edicion-icono:hover {
    background: #ff6a30 !important;
}

.content-opcion-edicion-icono {
    display: block;
    background: var(--template-color-2);
    text-align: right;
}


.icono-opcion-tabla img {
    width: 15px;
}

.icono-opcion-tabla:hover {
    background: transparent !important;
    border: 0 !important;
    opacity: 0.8;
}

.Error-tabla-devuelta td {
    color: #FF4343;
}

.Error-tabla-devuelta:hover td {
}

.cont-section-primari {
    width: 80%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 20px 10px;
    vertical-align: top;
    /*height: 78vh;*/
    overflow: auto;
    -webkit-transition: 0.4s; /* Safari */
    transition: 0.4s;
}

.cont-section-second {
    width: 20%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 20px 10px;
    vertical-align: top;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}


/* ================================================
 * BANDEJA
 * @autor EDG eparedes
 * ================================================ */
.contenedor-bandeja-Carpeta, .cont-section {
}

.carpetas-bandeja-Cont {
    width: 15%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 20px 40px 20px 0px;
    vertical-align: top;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}



.bandeja-Cont .cont-abla-respon, .bandeja-Cont-full .cont-abla-respon {
    /*    max-height: 57.7vh;*/
}

.carpetas-bandeja {
    list-style: none;
    padding: 0;
}

    .carpetas-bandeja .divi {
        margin: 0;
    }

    .carpetas-bandeja li {
        width: 100%;
        position: relative;
    }

        .carpetas-bandeja li button {
            font-size: 1.6rem;
            display: inline-block;
            width: 100%;
            padding: 15px 24px 15px 15px;
            text-align: left;
            border-left: #ffffff solid 20px;
            color: #757575;
        }

            .carpetas-bandeja li button:hover {
                border-left: #ffddb3 solid 20px;
                background: #ffddb3;
                color: #525252;
            }

.carpetas-bandeja-active, .carpetas-bandeja-active:hover {
    border-left: var(--template-color-2) solid 15px !important;
    border-bottom: var(--template-color-2) solid 2px !important;
    border-top: var(--template-color-2) solid 2px !important;
    font-weight: 700;
    background: #fff !important;
}

    .carpetas-bandeja-active .element__input {
        margin: 10px;
        width: 90%;
    }

.bandeja-Cont {
    width: 85%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 0px;
    vertical-align: top;
    /*height: 78vh;*/
    overflow: auto;
    -webkit-transition: 0.4s; /* Safari */
    transition: 0.4s;
}


.bandeja-Con-full {
    width: 100%;
}

/* ================================================
 * Subir Archivo
 * @autor EDG eparedes
 * ================================================ */


.cont-btn-subir-archivo:before {
    content: "Subir Archio Aqui";
    color: #ffffff;
    display: block;
    padding: 9px 0 0px 0;
    text-align: center;
    font-size: 1.8rem;
    font-family: Arial-Extra-Bold;
}

.cont-btn-subir-archivo:after {
    content: "";
    color: #f2f2f2;
    height: 26px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 0.9rem;
}

.cont-btn-subir-archivo {
    box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.41);
    background: var(--template-color-2);
    overflow: hidden;
    margin: 15px 0;
    border: 3px solid #f88d44;
    position: relative;
    height: 70 px;
    -webkit-transition: 0.2s; /* Safari */
    transition: 0.2s;
    cursor: pointer;
    border: 0 !important;
}


    .cont-btn-subir-archivo:hover {
        background: #f88d44;
        box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.26);
    }


.eliminarDocumentoCargado {
    text-shadow: 0 0px 0 #b23e35 !important;
    cursor: pointer !important;
    margin: 0px !important;
    color: #7dbc8a !important;
    height: 28px !important;
    width: 28px !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
    box-shadow: 0 0 3px 1px #0000003d;
    background: #fff;
    font-family: Arial-Extra-Bold !important;
    font-size: 27px !important;
    position: absolute;
    right: -13px;
    top: -10px;
    line-height: 0;
    padding: 0 !important;
    padding-bottom: 3px !important;
}

.ajax-file-upload-statusbar .tipoFile {
    background: #7dbc8a00 !important;
    height: auto !important;
    font-size: 2rem !important;
    font-family: Arial-Extra-Bold;
    color: #fff !important;
}


.data-subir-archivo-formato, .tipoFile {
    width: 71px !important;
    background: #e02f2f !important;
    display: inline-flex;
    height: 66px !important;
    color: #fff3e7 !important;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    font-size: 1.1rem !important;
    font-family: Arial-Extra-Bold;
}

.data-subir-archivo-datos,
.ajax-file-upload-filename {
    max-width: 259px !important;
    width: 100% !important;
    height: auto;
    margin: 0 !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 1.4rem !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    float: none !important;
    display: inline-block !important;
    padding: 13px;
    font-weight: 700 !important;
    line-height: 1.4;
    text-align: left;
}

.ajax-file-upload-green {
    background-color: #e02f2f !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #e02f2f !important;
    vertical-align: top;
    margin: 5px 10px 5px 0px;
}





.data-subir-archivo-datos-nombre {
    width: 100%;
    display: inline-block;
    font-size: 0.9rem;
    margin: 6px 0px;
    color: #2a4147;
    font-weight: 700;
}

.data-subir-archivo-datos-peso {
    width: 100%;
    display: inline-block;
}

.data-subir-archivo-delete {
    width: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 53px;
    margin: 0;
    vertical-align: middle;
}

    .data-subir-archivo-delete .material-icons {
        color: #e02f2f;
    }

    .data-subir-archivo-delete .md-button.md-icon-button {
        -ms-transform: scale(2); /* IE 9 
        -webkit-transform: scale(2); /* Safari 
        transform: scale(2);*/
    }

/* ================================================
 * Tabs v.2
 * @autor EDG eparedes
 * ================================================ */
.tabs-estilos {
    list-style: none;
}

    .tabs-estilos li {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        margin: 0 -3px -1px 0;
    }


        .tabs-estilos li button i {
            margin: 0 5px;
        }


        .tabs-estilos li button {
            width: 100%;
            font-size: 1.5rem;
            height: 100%;
            padding: 11px 24px;
            color: #606060;
            -webkit-transition: 0.1s;
            transition: 0.1s;
            border-radius: 14px 14px 0px 0px;
            box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.37);
            background: #f7f6f6;
            margin-bottom: -1.8px;
            /* font-weight: 700; */
            font-family: "Swiss-Light";
            border-bottom: #65adc5 3px solid;
            letter-spacing: 0.07rem;
            transition: all 0.3s;
            overflow: hidden;
            border-bottom: var(--template-color-2) 3px solid
        }

            .tabs-estilos li button:hover {
                background: #f2f2f2;
            }

.contenedor-tab {
    border-top: var(--template-color2) 3px solid;
    padding: 20px;
    background: rgba(110, 186, 212, 0.09);
}

.contenedor-date-h {
    background: var(--template-color2);
}
/*content__tabla__nativa m-b-20 cleaner contenedor-tab*/

.contenedor-tab-full {
    padding: 0;
}

.tabs-estilos li .active, .tabs-estilos li .active:hover {
    border-bottom: var(--template-color-2) 3px solid;
    color: #ffffff;
    position: relative;
    background: var(--template-color-2);
}


.tabs-estilos li .error {
    color: #FF4343;
    position: relative;
    position: relative;
    font-weight: 700;
    border-bottom: #ff4343 3px solid;
    padding-right: 30px;
}

    .tabs-estilos li .error:after {
        content: "-";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 4px;
        margin-top: -10px;
        background: #FF4343;
        padding: 5px;
        color: #f3f3f3;
        border-radius: 50%;
        box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.45);
        height: 20px;
        width: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4rem;
        line-height: 0;
        padding-bottom: 1.3rem;
    }



.mouspinter {
    cursor: pointer;
}


.calificacion-titulo {
    max-height: 1000px;
    transition: 0.4s;
    font-size: 1.8rem;
    color: #6b6b6b;
    margin: 15px 0;
    font: 18px 'Arial-Extra-Bold';
    letter-spacing: 1px;
}



.separa_seccion .ElementeVisible {
    max-height: 0px;
    transition: 0.7s;
    overflow: hidden;
}

    .separa_seccion .ElementeVisible.mensajeError {
        padding: 0;
        border: 0;
        margin: 0;
    }

.separa_seccion.active .ElementeVisible.mensajeError {
    padding: 9px;
    margin: 6px 0 15px 0;
}


.separa_seccion.active .ElementeVisible {
    max-height: 1000px;
}


.tabs-estilos li .error:hover {
}


.tab__alerta {
    position: relative;
}

    .tab__alerta:before {
        border: 2px solid #ffddb3;
        border-bottom: 0;
    }

    .tab__alerta.active:after {
        color: #ffddb3;
    }

    .tab__alerta:after {
        content: "!";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: -2px;
        margin-top: 0;
        color: var(--template-color-2);
        border-radius: 50%;
        font-size: 30px;
        line-height: 0;
        padding-bottom: 0;
        padding: 0 !important;
        font-family: "Arial-Extra-Bold";
        z-index: 2;
    }

.tabs-estilos li .alerta {
    color: var(--template-color-2) !important;
    position: relative;
    position: relative;
    font-weight: 700;
    padding-right: 30px;
}

    .tabs-estilos li .alerta:after {
        content: "!";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 4px;
        margin-top: 0;
        padding: 5px;
        color: var(--template-color-2);
        border-radius: 50%;
        height: 30px;
        width: 20px;
        font-size: 2.5rem;
        line-height: 0;
        padding-bottom: 0;
        padding: 0 !important;
        font-family: "Arial-Extra-Bold";
    }

    .tabs-estilos li .alerta.active {
        color: #fcffe4 !important;
    }

        .tabs-estilos li .alerta.active:after {
            color: #fcffe4 !important;
        }

    .tabs-estilos li .alerta:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        border: 1px solid #ffdbce;
        border-radius: 12px 12px 0px 0px;
        border-bottom: 0;
    }



    .tabs-estilos li .alerta.active:before {
        border: 2px solid #ffddb3;
        border-bottom: 0;
    }

/* ================================================
 * Carpeta Proyectos Abogados
 * @autor EDG eparedes
 * ================================================ */


.CarpetaActiva .titulo-Especial2 {
    background: var(--template-color-2)
}

.CarpetaActiva .titulo-Sistem-2 .estadoCarpeta {
    color: var(--template-color-2);
    text-transform: uppercase;
    letter-spacing: 6px;
    background: #ffe0bf;
    padding: 0px 15px;
    color: #a00;
    border-radius: 14px;
    border: 2px solid #aa0000;
    font: 16px 'Lucida-Italic';
    margin-left: 15px;
}

.titulo-Sistem-2 .estadoCarpeta {
    text-transform: uppercase;
    letter-spacing: 6px;
    background: #e7e7e7;
    padding: 0px 15px;
    color: #525252;
    border-radius: 14px;
    border: 2px solid #dbdbdb;
    font: 16px 'Lucida-Italic';
    margin-left: 15px;
}

.CarpetaActiva {
}

.VistaCarpeta .grid__container__head {
    margin-bottom: 0;
}


.seccionEspecial .titulo-Sistem-2 {
    margin-top: 0 !important;
}

.titulo-Especial2 {
    background: #b3b3b3;
}

.VistaCarpeta .titulo-Sistem-2 {
    font-size: 1.4rem;
    margin-top: 59px;
    position: relative;
    z-index: 5;
    text-shadow: 1px 1px 2px rgb(183, 156, 124);
    left: 0;
    margin-left: -28px;
    text-align: left;
    width: 167px;
}


.VistaCarpeta .titulo-Especial2, .VistaCarpeta .CarpetaActiva .titulo-Especial2 {
    background: transparent;
    box-shadow: none;
    z-index: 1;
    opacity: 1;
}




    .VistaCarpeta .titulo-Especial2 svg {
        fill: #b0b0b0;
    }

    .VistaCarpeta .CarpetaActiva .titulo-Especial2 svg {
        fill: #fff;
    }

.VistaCarpeta .CarpetaActiva .titulo-Especial2 {
    background: var(--template-color-2) !important;
}

.VistaCarpeta .seccionEspecial .contenedor-TablaProyec {
    display: none;
    height: 0%;
    padding: 0px;
    -webkit-transition: 0.2s;
    transition: 0.5s;
    opacity: 0;
    width: 0%;
}


.VistaCarpeta .seccionEspecial:hover .contenedor-TablaProyec {
    display: block;
    position: fixed;
    width: 100vw;
    height: 370px;
    background: #525252;
    padding: 15px;
    left: 0;
    top: 220px;
    opacity: 1;
    left: calc(0% - 4vh);
    max-width: 1623px;
}

.VistaCarpeta .seccionEspecial {
    margin-bottom: 15px;
}


.VistaCarpeta .res__secondary__persona {
    display: inline-block;
    width: 180px;
    background: url(../images/iconos/mesadepartes/carpeta.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 30px;
    background-position: 0 0;
    height: 225px;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.VistaCarpeta {
    text-align: center;
}

    .VistaCarpeta .res__secondary__persona .titulo-Sistem-2 .texto-narrativo {
        line-height: 1;
        display: none;
    }

    .VistaCarpeta .res__secondary__persona:hover {
        height: 600px;
        margin-bottom: 15px;
    }


.visible-conteRespont {
    overflow: visible;
}


.VistaCarpeta .titulo-Sistem-2 .estadoCarpeta {
    display: block;
}

.VistaCarpeta .res__secondary__persona:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1)
}


.VistaCarpeta .res__secondary__persona .seccionEspecial {
    box-shadow: none;
    background: transparent;
    overflow: visible;
    position: relative;
    vertical-align: top;
    height: 203px;
    width: 221px;
}


.carpeta-visitble-option.seccionEspecial, .carpeta-visitble-option .cont-abla-respon {
    overflow: visible;
}



.inputCostado {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #a8a8a8 !important;
    font-size: 1.5rem;
    color: #4e4e4e;
}


.BTN-file {
    visibility: hidden;
    width: 100%;
    position: relative;
    height: 36px;
}


    .BTN-file:before {
        content: 'Subir';
        display: inline-block;
        background: var(--template-color-2);
        padding: 10px 8px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        font-weight: 700;
        visibility: visible;
        position: absolute;
        width: 100%;
        text-align: center;
        color: white;
        font: 1.55rem "Lucida-Italic";
    }

    .BTN-file:hover::before {
        background: #dc8731;
    }

    .BTN-file:active::before {
        background: #aa0000;
    }
/*******************/


.barrasClas2#chart {
    height: 150px !important;
}


.caja__resumen .titulo__tipo {
    color: #535353;
}

.grid__item2 {
    flex: 0 1 23%;
    border: 2px dashed #d85a06;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}

.grid__title {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: var(--template-color-2);
    color: white;
    width: auto;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}

.grid__title2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: var(--template-color-2);
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}


.grid__item2-2 {
    flex: 0 1 23%;
    border: 2px dashed #077783;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}

.fadeInUp .buttons__content {
    margin: 0px 0px;
    border-top: 1px solid #fff;
    margin-top: 5px;
    padding-top: 5px;
}

    .fadeInUp .buttons__content .button--is-five {
        overflow: hidden;
        color: #6f6f6f;
        vertical-align: top;
        padding: 9px 12px;
        letter-spacing: 1px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin: 1px 3px;
        vertical-align: middle;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-family: "Swiss-Light";
        font-size: 1.1rem;
    }


.grid__title2-2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: #077783;
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}

.grid__title2-2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: #077783;
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}



.dx-export-menu-button {
    fill: red;
}

/***************** intrerior itemo 2 ***/
.grid__item2 .chart .percent {
    color: #d85a06;
}




.grid__item2 .detalle__resumen {
    margin-bottom: 0px;
}


.grid__item2 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #ffa54a;
    border-bottom: 1px solid #ffa54a;
    margin: -1px 0;
    display: block;
}

.grid__item2-2 .grid__title2-2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: #067683;
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #067683;
    border-radius: 5px;
    margin-bottom: 20px;
}

.grid__item2-2 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #067683 !important;
    border-bottom: 1px solid #067683 !important;
    margin: -1px 0;
    display: block;
}

.grid__item2 .detalle__table--is-td b {
    font-size: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    color: #525252;
    /* margin: 0 1px; */
    font-family: 'Arial-Extra-Bold';
    display: inline-block;
    vertical-align: middle;
}

.grid__item2 .detalle__table--is-td i {
    font-size: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    color: #9b9b9b;
    /* margin: 0 1px; */
    font-family: 'Arial-Extra-Bold';
    display: inline-block;
    vertical-align: middle;
}


.grid__item2-2 .chart .percent {
    color: #d85a06;
}

.grid__item2-2 {
    background: #f1f1f1;
    width: 25%;
    padding: 15px;
}

    .grid__item2-2 .detalle__table--is-td {
        width: 100% !important;
        padding: 10px;
        border-top: 1px solid #ffa54a;
        border-bottom: 1px solid #ffa54a;
        margin: -1px 0;
        display: block;
    }

    .grid__item2-2 .detalle__resumen {
        margin-bottom: 0px;
    }

    .grid__item2-2 .detallef__table--is-td b {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #525252;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }

    .grid__item2-2 .detalle__table--is-td i {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #9b9b9b;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }

/***************** intrerior itemo 4 ***/
.grid__item4 .chart .percent {
    color: #d85a06;
}




.grid__item4 .detalle__resumen {
    margin-bottom: 0px;
}


.grid__item4 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #b62a2a;
    border-bottom: 1px solid #b62a2a;
    margin: -1px 0;
    display: inline-block;
    text-align: center;
    margin: -0.5px 0;
}

.grid__item4-2 .grid__title2-2 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: #067683;
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #067683;
    border-radius: 5px;
    margin-bottom: 20px;
}

.grid__item4-2 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #067683 !important;
    border-bottom: 1px solid #067683 !important;
    margin: -1px 0;
    display: block;
}

.grid__item4 .detalle__table--is-td b {
    font-size: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    color: #525252;
    /* margin: 0 1px; */
    font-family: 'Arial-Extra-Bold';
    display: inline-block;
    vertical-align: middle;
}

.grid__item4 .detalle__table--is-td i {
    font-size: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    color: #9b9b9b;
    /* margin: 0 1px; */
    font-family: 'Arial-Extra-Bold';
    display: inline-block;
    vertical-align: middle;
}


.grid__item4-2 .chart .percent {
    color: #d85a06;
}

.grid__item4-2 {
    background: #f1f1f1;
    width: 25%;
    padding: 15px;
}

    .grid__item4-2 .detalle__table--is-td {
        width: 100% !important;
        padding: 10px;
        border-top: 1px solid #ffa54a;
        border-bottom: 1px solid #ffa54a;
        margin: -1px 0;
        display: block;
    }

    .grid__item4-2 .detalle__resumen {
        margin-bottom: 0px;
    }

    .grid__item4-2 .detallef__table--is-td b {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #525252;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }

    .grid__item4-2 .detalle__table--is-td i {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #9b9b9b;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }



/****************************************/


.grid__item3 {
    flex: 1 1 23%;
    border: 2px dashed #b62929;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #b62929;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b62929;
        border-radius: 5px;
        margin-bottom: 20px;
    }



.grid__item3-2 {
    flex: 1 1 23%;
    border: 2px dashed #1eb6ac;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-2 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #1fb6ac;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1eb6ac;
        border-radius: 5px;
        margin-bottom: 20px;
    }

.grid__item3-3 {
    flex: 1 1 23%;
    border: 2px dashed #4faccc;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-3 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #4faccc;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4faccc;
        border-radius: 5px;
        margin-bottom: 20px;
    }


.grid__item3-4 {
    flex: 1 1 23%;
    border: 2px dashed #d95252;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-4 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #d95252;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d95252;
        border-radius: 5px;
        margin-bottom: 20px;
    }


#ExpedientesxJEE {
    height: 850px;
}



.grid__item3-5 {
    flex: 1 1 23%;
    border: 2px dashed #9893df;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-5 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #9893df;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9893df;
        border-radius: 5px;
        margin-bottom: 20px;
    }

.grid__item3-6 {
    flex: 1 1 23%;
    border: 2px dashed #dd6f01;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-6 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #dd6f01;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
        border-radius: 5px;
        margin-bottom: 20px;
    }


.grid__item3-7 {
    flex: 1 1 23%;
    border: 2px dashed #1e81a2;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    min-width: 30%;
}


    .grid__item3-7 .grid__title2 {
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #17b1e4;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #17b1e4;
        border-radius: 5px;
        margin-bottom: 20px;
    }



.grid__title3 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: var(--template-color-2);
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b62929;
    border-radius: 5px;
    margin-bottom: 20px;
}



.grid__item4 {
    flex: 1 1 45%;
    border: 2px dashed #607d8b;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}


    .grid__item4 .grid__title2 {
        flex: 1 1 45%;
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #607d8b;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #607d8b;
        border-radius: 5px;
        margin-bottom: 20px;
    }




.grid__item4-2 {
    flex: 1 1 45%;
    border: 2px dashed #d95353;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}


    .grid__item4-2 .grid__title2 {
        flex: 1 1 45%;
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #d95353;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d95353;
        border-radius: 5px;
        margin-bottom: 20px;
    }

.grid__item4 .detalle__resumen {
    display: inline-block;
    width: 50%;
    margin-bottom: 0px;
    vertical-align: top;
}


.grid__item4-2 {
    flex: 1 1 45%;
    border: 2px dashed var(--template-color-2);
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}

    .grid__item4-2 .detalle__resumen {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }



.grid__item4-3 {
    flex: 1 1 45%;
    border: 2px dashed #4faccc;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}


    .grid__item4-3 .grid__title2 {
        flex: 1 1 45%;
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #4faccc;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4faccc;
        border-radius: 5px;
        margin-bottom: 20px;
    }




.grid__item4-4 {
    flex: 1 1 45%;
    border: 2px dashed #7fa056;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
}


    .grid__item4-4 .grid__title2 {
        flex: 1 1 45%;
        font-size: 1.5rem;
        padding: 5px 10px;
        background: #7fa056;
        color: white;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #7fa056;
        border-radius: 5px;
        margin-bottom: 20px;
    }



.grid__title4 {
    font-size: 1.5rem;
    padding: 5px 10px;
    background: var(--template-color-2);
    color: white;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--template-color-2);
    border-radius: 5px;
    margin-bottom: 20px;
}


.grid__item2 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #ffa54a;
    border-bottom: 1px solid #ffa54a;
    margin: -1px 0;
    display: block;
}

.grid__item4 .detalle__table--is-td {
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #ffa54a;
    border-bottom: 1px solid #ffa54a;
    margin: -1px 0;
    display: block;
}

    .grid__item4 .detalle__table--is-td b {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #525252;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }

    .grid__item4 .detalle__table--is-td i {
        font-size: 2rem !important;
        display: inline-block;
        vertical-align: middle;
        color: #9b9b9b;
        /* margin: 0 1px; */
        font-family: 'Arial-Extra-Bold';
        display: inline-block;
        vertical-align: middle;
    }


.button--is-four, .button--is-third {
    padding: 10px 50px; /*ddd*/
}


.graficaDonus {
    display: inline-flex !important;
    width: 49% !important;
    vertical-align: top;
}

    .graficaDonus canvas {
        left: calc(50% - 100px) !important;
    }

.fadeInUp .reporte__grafica {
    width: 100%;
}

.datoInfoEnNume .detalle__table--is-td {
    min-width: 100% !important;
    font-size: 1.4rem;
    display: block;
    text-align: left;
}

.grid__item3 .dx-theme-generic-typography {
    background: transparent !important;
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
}

.dx-theme-generic-typography {
    background: transparent !important;
}

.grid__item2.cr5 {
    text-align: center !important;
    max-width: 18% !important;
}

.tablas-estilos .tr-error,
.tablas-estilos .tr-error:hover {
    background: #c74b4b !important;
    color: #fff;
}



    .tablas-estilos .tr-error .element__input,
    .tablas-estilos .tr-error:hover .element__input {
        border-bottom: 1px solid #ffffff;
        color: #fff;
    }

/* ================================================
 * GRAFICAS
 * @autor EDG eparedes
 * ================================================ */

.Grafic-barra-Dos {
    height: 100px !important;
}

.Grafic-barra-Tres {
    height: 150px;
}

.Grafic-barra-Cuatro {
    height: 200px;
}



.PopUpPrint .lista__jee--is-row.white.SECCION.ESPECIAL.DE.PREDIOS.RURALES,
.PopUpPrint .lista__jee--is-row.white.BALNEARIOS.PROPIEDADES,
.PopUpPrint .REGISTRO.DE.PROPIEDAD.VEHICULAR,
.PopUpPrint .DERECHOS.MINEROS,
.PopUpPrint .REGISTRO.DE.PREDIOS,
.PopUpPrint .LIBRO.DE.ASENTAMIENTOS.HUMANOS {
    border-color: #000 !important;
    /*almendra deza*/
}

.SeccionFirma p {
    font-size: 10px;
}

.SeccionFirma {
    width: 39%;
    display: inline-block;
    text-align: center;
    margin: 5mm;
    height: 35mm;
    padding-top: 15mm;
    /* border:2px solid green;*/
    vertical-align: top;
    page-break-inside: avoid;
    page-break-after: auto;
}

    .SeccionFirma .divi {
        opacity: 1;
    }

    .SeccionFirma.TipoDos {
        width: 45%;
        margin: 1mm 3mm 1mm 3mm;
        height: 29mm;
        padding: 12mm 10mm 8mm 10mm;
    }


.tablas-estilos .tr-error .td-Especia,
.tablas-estilos .tr-error .td-Especia:hover,
.tablas-estilos .tr-error .td-Especia,
.tablas-estilos .tr-error .td-Especia:hover {
    background: transparent !important;
}
/* ================================================
 * Explorador SIJE
 * @autor EDG eparedes
 * ================================================ */

.ExploradorSije {
    height: calc( 100% - 65px);
    overflow: auto;
}


    .ExploradorSije li {
        display: inline-block;
        width: 100%;
        padding: 10px 0px 10px 10px;
        font: 1.4rem "Swiss-Light";
        transition: 0.2s;
        cursor: pointer;
    }

        .ExploradorSije li a {
            color: #525252;
        }

.tipo-exp, .tipo-img {
    text-align: left !important;
}

    .ExploradorSije li:before, .tipo-exp:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/Content/images/iconos/inicio/Maestros/Menu.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin: -2px 5px 2px 0px;
        opacity: 0.5;
    }


    .ExploradorSije .img:before, .tipo-img:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/Content/images/iconos/inicio/Sorteo/GestionDocumentos.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin: -2px 5px 2px 0px;
        opacity: 0.5;
    }


.ExploradorSije li:hover {
    background: rgba(197, 197, 197, 0.42);
    border-left: 4px solid #aa0000;
}



.ExploradorSije li ul:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 1px;
    border: dotted #545454 1px;
    position: absolute;
    height: calc(100% - 15px);
    margin-top: 10px;
    opacity: 0.4;
}

.ExploradorSije li > ul {
    padding-left: 10px;
    position: relative;
    transition: 0.6s;
    max-height: 0;
    overflow: hidden;
}


.ExploradorSije li:hover > ul {
    max-height: 1000px;
}

.menos12px.button--is-search {
    margin-top: -8px !important;
}


/********************** cabecera flotante ************************/

.positioFixed {
    position: fixed !important;
    z-index: 5000;
    width: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
    bottom: auto;
}
    /*
.ContraCabecera:before{
       content: "";
    width: 100%;
     display: inline-block;
    height: 100px;
    position: relative;
    z-index: 890;
}
 */

    .positioFixed > .sije__container {
        display: none;
    }


.ContraCabecera:before {
    content: "";
    width: 100%;
    display: contents;
    height: 145px;
    position: relative;
    z-index: 890;
    background: transparent;
    z-index: 0;
    /*background: #ff00004d;
    z-index: 512;*/
}

.cedulaRefe {
}

.cont-cedulaRefe .titulo-Sistem-2 {
    padding: 0px 15px;
}


.cont-cedulaRefe {
    width: 100%;
    margin: 0 auto;
    background: #fff4e7;
    border: 1px dashed var(--template-color-2);
    padding-bottom: 10px;
}


.cedulaRefe {
    counter-reset: item;
    padding-left: 15px;
}

    .cedulaRefe li {
        list-style: none;
        /*list-style: decimal; /* IE7 e IE6*/
        padding: 4px 8px;
        position: relative;
    }

        .cedulaRefe li:before {
            display: inline-flex;
            content: counter(item) "";
            counter-increment: item;
            background-color: #ffffff;
            color: #777777;
            font-size: 24px;
            padding: 0 4px;
            margin: 0 4px;
            height: 40px;
            width: 40px;
            position: absolute;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            box-shadow: -1px 2px 3px #cacaca;
            left: -22px;
            top: 50%;
            margin-top: -20px;
            font-family: 'Swiss-Bold';
            border: 3px solid #777777;
        }




    .cedulaRefe li {
        border-radius: 15px;
        margin: 15px;
        border: 3px solid #777;
        display: inline-block;
        padding: 5px 15px 5px 35px;
        box-shadow: -1px 2px 3px #cacaca;
        position: relative;
        width: calc(100% - 30px);
        background: #fff;
    }

    .cedulaRefe span {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 130px);
        font-size: 16px;
    }

    .cedulaRefe li .opcion {
        display: inline-flex;
        vertical-align: middle;
        width: 50px;
        height: 50px;
        border: 2px solid #909090;
        align-items: center;
        justify-content: center;
        background: #e0e0e0;
        color: #4a4a4a;
        margin: 5px;
        font-family: 'Swiss-Bold';
        font-size: 27px;
        box-shadow: -1px 2px 3px #cacaca
    }


        .cedulaRefe li .opcion.Gana {
            animation-duration: 1s;
            animation-name: ganador;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }

/* ===============================================
 * Rediseño propuesta Tania Maza
 * @autor JVS javillars
 * ================================================ */
.box_statistics--add{
  width: 99% !important;  
}
 
 .box_statistics--detalle a{
    color: #0156AC;
}

.element__label_rd{
    font-size: 1.3rem;
    color: #353535;
    font-family: 'Swiss-Light';
    font-weight: 700;
}

.element__select_rd {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    width: 100%;
    display: block;
    color: #353535;
    border: 1px solid #ccc;   
    font-family: 'Swiss-Light';
    font-size: 1.4rem;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;    
    margin-top: 5px;
}

.element__datepicker_rd {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    border: 1px solid #c4c4c4;
    border-radius: 5px;    
    display: block;
    color: #525252;    
    font: 1.4rem "Swiss-Light";
    margin-top: 5px;
    padding: 5px 10px;
    width: 100%;    
}

.button--is-primary-rd {   
    background-color: #FD9A45; 
    border-radius: 5px;
    color: #FFF;
    display: block;
    font: 1.4rem "Swiss-Light";
    height: 27px;
    padding: 5px 10px;
    position: relative;
    margin-top: 5px;
    width: 100%;
    z-index: 1;
}

.element__input_rd {
    border: 1px solid #c4c4c4;    
    border-radius: 5px;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    text-transform: uppercase;
    padding: 5px 10px;
    margin-top: 5px;
    width: 100%
}

.element_div_rd{
    align-items: center;
    background:#FFFAF9;
    border:2px solid #BBB894;
    border-radius: 5px;
    display: flex;
    height: 70vh;
    flex-direction: column;
    justify-content: center;
    max-width: 1700px;
    margin: 0 auto;
    margin-top:15px;
    width:100%;        
}

.element_div_rd span{
    color:#262626;
    font:1.6rem 'Swiss-Light';
    margin-top:20px
}

.element_div_text{
    max-width: 1700px;
    margin: 0 auto;
    margin-top:5px;
    width:100%; 
}

.element_div_text span{
    color : #262626;
    font : 1.8rem 'Swiss-Light';   
    font-weight: bold; 
}

.box_statistics {
    display: flex;    
    gap: 15px; 
    flex-direction: row; 
    justify-content: center;
    padding-bottom: 20px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1700px;
    margin-top: 15px;    
    flex-wrap: wrap;
}

.box_statistics > .col-lg-8 {
    display: flex;
    gap: 25px; 
    flex-wrap: wrap; 
    width: calc(100% * 8 / 12 - 7.5px);
    flex-shrink: 0;
    padding-right: 0;
}

.box_statistics > .col-lg-4 {
     width: calc(100% * 4 / 12 - 7.5px);
     flex-shrink: 0; 
}


/* Style for all box elements */
.box_statistics--caja {
    position: relative;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);
    box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);    
    border-radius: 5px;
    height: 260px;    
    padding: 25px 25px;    
    box-sizing: border-box;
}
 
.box_statistics--content {
    display: flex; 
    height: 100%;
    gap: 20px; 
}

.box_statistics > .col-lg-8 > .col-lg-4.box_statistics--caja { 
    flex-basis: 0;
    flex-grow: 1;
}

.box_statistics--caja p:nth-of-type(1) {
    color: #262626;
    font: 1.8rem "Swiss-Light";    
    font-weight: bold;
    margin-top: 13px;
    padding: 0;    
}

.box_statistics--caja p:nth-of-type(2) {
    color: #555555;
    font: 4.0rem "Swiss-Light";    
    font-weight: bold;
    margin-top: 12px;
    padding: 0;    
}

.box_statistics--detalle{
    bottom: 25px;
    color: #0156AC;
    cursor: pointer;
    font: 1.6rem "Swiss-Light";    
    position: absolute;    
    right: 20px;
}

.box_statistics--caja span img {
    vertical-align: middle;
    margin-left: 1px;
    margin-bottom: 2px;
}
.box_separator{
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font: 1.6rem "Swiss-Light";
}

.box_label {
    display: flex;
    align-items: center;
}
.label_sobre{
    font-size:20px !important;
    margin-top: 18px !important;
    margin-bottom: 10px;
}
.label_esperadas{
    color: #262626;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    flex-shrink: 0;
}

/*REDISEÑO TABLA HTML*/
.tabla-estilo {
    width: 100%;
    border-collapse: collapse;
    position: relative;
    border: 1px solid #DDE1E6;
    margin-bottom: 15px;
}

.tabla-estilo thead tr th {
    background: #F2F4F8;
    color: #121619;
    font: 1.3rem "Swiss-Light";
    font-weight: bold;
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #DDE1E6;
}

.tabla-estilo thead tr th span{    
    color: #121619;    
    font-weight: bold;    
}

.tabla-estilo thead tr th:nth-of-type(1){
    width: 15px;
}
.tabla-estilo thead tr th:nth-of-type(2){
    width: 20px;
}

.tabla-estilo thead tr th.col-estadistica {
    text-align: left;
    background-color: #C0CBE1;
    width: 10%;
    border-left: 1px solid #C1C8CF;
    border-right: 1px solid #C1C8CF;
}

.tabla-estilo thead tr th.col-estadistica img{
    margin-left: 5px;        
}

.tabla-estilo thead tr th.col-estadistica img:hover{    
    cursor: pointer;
}

.tabla-estilo thead tr th.col-adicional {
    text-align: left;
    width: 10%;
}

.tabla-estilo tbody tr td {
    background: #FFF;
    color: #121619;
    font: 1.4rem "Swiss-Light";    
    padding: 15px 10px;
    text-align: center;
    border-bottom: 1px solid #DDE1E6;
}

.tabla-estilo tbody tr:hover td {
    background-color: #F2F5FA !important;
}
  
.tabla-estilo tbody tr td.col-value {
    text-align: left;  
}

.tabla_into--box {    
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);
    box-shadow: 0px 0px 4px 1px rgba(209,209,209,1);    
    border-radius: 5px;   
    padding: 25px 25px;    
    box-sizing: border-box;
}

/*tooltip*/
.tooltip-wrapper {
    position: relative;
    display: inline-block;   
  }
  
  .info-icon {
    margin-left: 5px;
    cursor: pointer;
  }
  
  .custom-tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 160%;
    left: 70%;
    transform: translateX(-50%);
    width: 140px;
    background-color: white;
    color: #262626;
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
    font-size: 14px;
    z-index: 100;
    transition: opacity 0.3s;
    text-align: left;
    line-height: 1.4;
  }

  .custom-tooltip::after {
    content: "";
      position: absolute;
      top: -10px; /* coloca la punta encima */
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid white; /* la punta ahora apunta hacia ARRIBA */
  }
  
  .custom-tooltip::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 30px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent white transparent;
  }
  
  .tooltip-wrapper:hover .custom-tooltip,
  .custom-tooltip.visible {
    visibility: visible;
    opacity: 1;
  }

/*Búsqueda mesa*/
.card-container {
    width: 100%;
    padding: 15px 0;
    font: 1.5rem "Swiss-Light";
    font-weight: bold;
    color: #121619
  }
  
  .mesa-card {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden;
    font-family: "Swiss-Light";
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.05);
  }
  
  .barra-lateral {
    width: 6px;    
  }
  
  .mesa-content {
    flex: 1;
  }
  
  .mesa-header {    
    padding: 10px 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 20px; 
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
  }

  .mesa-header span{  
    font-weight: bold;     
   }

  
  .estado-label {    
    color: white;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 1.5rem;
    white-space: nowrap;
    font-weight: normal !important;
  }
  
  .mesa-body {
    padding: 15px;
    font-size: 1.5rem;
  }
  
  .fila {
    display: grid;
    grid-template-columns: 12% 22% 24% 19% 23%;
    column-gap: 10px;
    row-gap: 8px;
    margin-bottom: 20px;
  }
  
  .fila > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .fila strong {
    margin-right: 15px;    
  }

  .filad {
    display: grid;
    grid-template-columns: 13% 27% 30% 15% 15%;
    column-gap: 10px;
    row-gap: 8px;
    margin-bottom: 20px;
  }
  
  .filad > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .filad strong {
    margin-right: 15px;    
  }

  .filad div a{
    color: #21272A;
    text-decoration: none; 
  }

  .filad div a img{
    margin-right: 5px;
  }

  .flexible {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    white-space: normal; /* Muy importante para permitir el salto de línea */
  }

  .custom-modal {
    position: fixed;
    z-index: 9999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex; justify-content: center; align-items: center;
  }
  
  .custom-modal-content {
    background: white;
    padding: 20px;
    border-radius: 6px;
    max-width: 1200px;
  }
  
  /*CSS MODAL*/
  .modal-reporte {
    background: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;    
    font-family: "Swiss-Light";    
    max-height: 920px;
    width: 90%;
    max-width: 1200px;
    margin: auto;
    padding: 20px;
    overflow: hidden;
  }
  
  .modal-titulo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
  }
  
  .modal-titulo h2 {
    color: #001D6C;
    font: 1.8rem "Swiss-Light";
    font-weight: bold;
  }
  
  .close-btn {
    border:1px solid #CCC;
    border-radius: 20%;
    color: #CCC;
    cursor: pointer;
    font-size: 22px;
    padding: 0px 4px;
  }
  
  .modal-subtitle {
    color: #000000;
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #B7C0DA;
  }

  .modal-cuerpo-tabla {
    flex: 1;
    overflow-y: auto; /* hace el contenido scrollable */
    padding: 2px 2px;
  }

  .modal-info {
    color:#262626;
    font-size: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 10px 40px; 
    margin-top:10px;
  }
  
  .modal-info .info-col {
    text-align: left; /* asegura alineación a la izquierda */
  }
  
  .modal-info .info-col p {
    margin: 12px 0; /* más separación entre cada fila */
  }

  .modal-buttons {
    margin: 15px 0;
  }
  
  .modal-buttons .btn {
    padding: 10px 15px;
    margin-right: 10px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
  }
  
  .btn-excel {
    background-color: #45B058;
    color: white;
  }

  .btn-excel:hover {
    background-color: #127924;
  }
  
  .btn-pdf {
    background-color: #C80A0A;
    color: white;
  }  

  .btn-pdf:hover {
    background-color: #8F0C0C;
  }

  .btn-excel:hover,
  .btn-pdf:hover,
  .btn-back:hover,
  .btn-excel:active,
  .btn-pdf:active,
  .btn-back:active{
    color: #FFF !important;
  }
  
  .modal-table {
    margin-top: 2px;
  }

  .modal-buscador{
    border:1px solid #DDE1E6;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .modal-buscador h3 {
    color:#21272A;
    font-size: 16px;    
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    margin:0;
  }  

  .modal-buscador input{
    border: 1px solid #DDE1E6;
    border-radius: 8px;
    font-size: 13px;
    padding: 5px;
    margin-right: 10px;
    height: 30px;
  }

  .modal-pie{
    padding: 19px 20px 0px 20px;    
    text-align: right;    
  }


  .modal__no-data {
    background: #F0FAEF;
    border-radius: 8px;
    border: 1px solid #408753;
    color: #000;
    font-family: "Swiss-Light";     
    text-align: center;    
    display: flex;
    padding: 50px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
  }
  
  .modal__no-data img {
    display: block;
    padding: 8px;
    margin: 0 auto 10px;
  }
  
  .modal__no-data p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin: 0.25em 0;
  }
  
  .modal__no-data .modal__title {
    font-size: 20px;
    font-weight: 600;
  }

  .modal-buscador input::placeholder {
    background-image: url('../images/reportes/lupa.svg'); /* Reemplaza con la ruta real de tu icono */
    background-repeat: no-repeat;
    background-position: right center; /* Alinea el icono a la derecha y verticalmente centrado */
    padding-right: 25px; /* Ajusta este valor para evitar que el texto se superponga al icono */
  }

  .tabla-rd {
    border-bottom: 1px solid #ccc;
    color:#121619;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;    
  }
  
  .tabla-rd thead {
    background-color: #C0CBE1;
  }
  
  .tabla-rd thead th {
    font-weight: bold;
    padding: 10px;
    border: 1px solid #ccc;
  }
  
  .tabla-rd tbody td {
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
  }

  .tabla-rd tbody td:nth-child(1) {
    border-left: 1px solid #ccc;
  }
  .tabla-rd tbody td:last-child {
    border-right: 1px solid #ccc;
  }
   
  .btn-back {
    background-color: #FA8A3E;
    color: white;
    padding: 8px 40px !important;
    border: none;
    border-radius: 20px;
    font-size: 15px !important;
    cursor: pointer;
  }
  .btn-back:hover {
    background-color: #CE5C0E;
  }
 /*paginador*/
 .paginador {    
    font-size: 12px; 
    margin: 20px;    
    align-items: center;
    text-align: right;
  }
  
  .paginador button, .paginador span {
    font-weight: bold;
    padding: 3px 7px;     
    cursor: pointer;    
  }
  
  .paginador button:disabled {
    border-radius: 5px;
    background-color: #FAFAFA;
    cursor: not-allowed;
  }
  
  .paginador .active-page {
    border-radius: 7px;
    font-weight: bold;
    background-color: #597393;
    color: white;
  }
  
  .paginador .ellipsis {
    pointer-events: none;
    background-color: transparent;
    cursor: default;
  }
  

  @media (min-width: 1200px) and (max-width: 1599px) {
    .fila {
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .fila > div {
      white-space: normal;
    }
    .filad {
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .filad > div {
      white-space: normal;
    }

    .box_statistics--add{
        width: 97% !important;  
    }
    .element_div_text{
        padding-left: 7px;
    }
  }

@media (max-width: 1200px) { 
    .box_statistics > .col-lg-4,
    .box_statistics > .col-lg-8 {
        width: 100%; 
        flex-shrink: 1;        
        margin: 0 10px;
        padding-left: 0;
        flex-wrap: nowrap;
    }

    .box_statistics > .col-lg-8 {         
        justify-content: center; 
    }
     .box_statistics > .col-lg-8 > .col-lg-4.box_statistics--caja {        
        flex-basis: calc(50% - 7.5px); 
        flex-shrink: 1;
    }
    .box_statistics--content{
        padding-left: 10px;
    }
    .element_div_text{
        padding-left: 10px;
    }
}



@keyframes ganador {
    from {
    }

    70% {
    }

    to {
        background: var(--template-color-2);
        border: 2px solid #fff4e7;
    }
}

.contenedor-tabla-popup1 tbody {
    /* border: 2px solid red;*/
    /* height: 44vh;*/
    overflow: auto;
    display: block;
    max-height: 289px;
}

    .contenedor-tabla-popup1 tbody tr td {
        display: flex;
        align-items: center;
    }

    .contenedor-tabla-popup1 tbody tr {
        min-width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 7px;
    }
/* ================================================
 * BreackPoints
 * @autor EDG eparedes
 * ================================================ */
@media only screen and (max-width: 1700px) {
    .sije__container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-height: 700px) {
    .tabla-limites tbody {
        overflow: auto;
        max-height: 51vh;
        display: block;
    }

    .BiemvenidaCasilla.absolute {
        position: relative;
        padding: 50px 0;
    }
}



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

    .logo__img {
        padding: 8px;
        min-width: 165px;
    }

    .profile__foto {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #fff;
        background-color: #fff;
        margin-right: 20px;
        margin: 8px;
    }

    .Contenedor-vistapreviaDocument {
        background: #464646;
        padding: 15px;
        max-height: 67vh;
        overflow: auto;
        box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.34);
        margin: 0px 0 15px 0px;
        border: 10px solid #464646;
    }


    .nav__container {
        margin-right: 0px;
    }

    .profile__txt {
        font-size: 15px;
        font-size: 1.5rem;
    }

    #main__container:not(.main__container--is-layout):not(.main__container--is-bandeja) {
        padding: 0 14px;
    }

    .tablas-estilos tbody tr td {
        font-size: 1.32rem;
    }

    .menu--is-icon md-icon {
        height: 35px !important
    }

    .nav__action a {
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 10px;
        clear: both;
        white-space: normal;
        color: #525252;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        max-width: 290px;
        height: auto;
    }

    .nav__container > ul > li {
        width: 90px;
    }

    .tablas-estilos thead tr th {
        font-size: 1.2rem;
    }



    .button--is-dx {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }


    html {
        font-size: 60%;
    }

    #main__container {
        min-height: calc(100vh - 165px);
    }

    .Contenedor-vistapreviaDocument {
        max-height: 60vh;
        margin: 0px 0 0 0px;
        padding: 0px;
        border-width: 5px !important;
    }

    .sije__container {
        width: 98%;
    }

    .tabs-estilos li button {
        font-size: 1.4rem;
        padding: 8px 20px;
    }


    .cont-section-primari {
        width: 75%;
    }

    .cont-section-second {
        width: 25%;
    }

    #footer__container .cleaner {
        display: inline-block;
    }


    .button--is-grid {
        padding: 5px 10px !important;
        font-size: 0.99rem !important;
        height: 33px;
        margin: 5px 2px;
    }

    h1 {
        font-size: 1.9rem;
        line-height: 1.2;
    }

    /*
    .tablas-estilos{
        min-width: 1200px;
    }
*/
    .tablas-PocasColm {
        min-width: 500px;
    }

    .opcion-de-Bamdeja {
        height: auto;
    }

    .carpetas-bandeja-Cont, .cont-section-second {
        width: 19%
    }


    .bandeja-Contm, .cont-section-primari {
        width: 81%
    }

    .datos-cards-titular-date-complet {
        width: 83%;
    }
}

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

    .Contenedor-vistapreviaDocument {
        max-height: 52vh;
        margin: 0px 0 0 0px;
        padding: 0px;
    }

    .contTabla2da {
    }

    .element__label {
        font: 1.4rem "Swiss-Light";
    }


    .button {
        font: 1.2rem "Lucida-Italic" !important;
    }
}

.button--is-four, .button--is-third {
    padding: 9px 40px; /*ddd*/
}


.Contenedor-vistapreviaDocument {
    max-height: 60vh;
    margin: 0px 0 0 0px;
    padding: 0px;
    border-width: 5px !important;
}



@media only screen and (max-width: 1366px) {
    .bandeja-Cont {
        width: 81%;
    }

    .iframe-doc {
        height: 42vh;
        width: 100%;
        min-height: 261px;
    }

    .franja__container--main {
        padding: 9px 10px;
    }

    .md-dialog--is-form md-dialog {
        min-width: 90% !important;
    }

    .tabla__nativa--is-td, .tabla__nativa--is-th {
        font-size: 1.3rem;
    }


    .lista__jee--is-row.white.cr5 {
        flex: 1 1 22% !important;
        max-width: none;
    }

    #main__container {
        min-height: calc(100vh - 165px);
    }


    h1 {
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .nav__controller--is-link span {
        font: 1.1rem "Swiss-Light";
    }
}


@media only screen and (max-width: 1250px) {
    .franja__container {
        z-index: -2;
    }

    .nav__menu {
        display: block;
    }

    .tabla--is-responsive {
        overflow-x: scroll;
    }

    .franja__container--liston:before {
        bottom: 0
    }

    .franja__container--liston:after {
        bottom: 3px;
    }

    .caja__resumen {
        flex: 1 1 30% !important;
        max-width: 33% !important;
    }

    .contTabla2da {
    }

    #main__container {
        /*padding: 5px;*/
    }

    svg.img-cards-titular-date {
        display: block;
        margin: 10px auto;
    }


    .seccion-flex-complet {
        display: block;
    }

    .tabla-limites tbody {
        max-height: none;
    }

    .cotolador-Option-Tabla {
        max-width: 100%;
    }

    .carpetas-bandeja-Cont, .cont-section-second {
        width: 25%
    }

    .elemento2-2 {
        width: 100%;
    }

    .bandeja-Cont, .cont-section-primari {
        width: 75%
    }

    .nav__container > ul > li {
        width: 80px;
    }

    .divi-element-captian, .mitad-element {
        width: 49.5%;
        display: inline-block;
        vertical-align: top;
        margin: 0px -0.2%;
    }

    .contEspecial {
        display: flex !important;
    }


    .cards-titular-date.aparDerecha {
    }




    .vistapreviaDocument {
        width: 100%;
        height: 100;
        padding: 20px;
    }


    .Contenedor-vistapreviaDocument {
        max-height: none;
        border: 0;
        margin: 15px 0;
        transition: 0.2s;
    }


    .cont-Fimta-space {
        width: 100%;
        max-width: 320px;
        position: relative;
        margin: 50px auto;
        left: auto;
        right: auto;
    }



    .content-line-atime {
        height: 1500px;
    }


    .line-atime {
        display: flex;
        margin: 35vh auto 0vh auto;
        position: relative;
        width: 100%;
        justify-content: space-between;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 0;
        top: 650px;
        margin: 0;
    }


    .icono-linea-time img {
        width: 65%;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .line-atime li:nth-child(even) .datos {
        border-left: 7px solid #ffddb3;
        bottom: 150px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        border-bottom: 0;
    }


    .line-atime li:nth-child(odd) .datos {
        border-right: 7px solid #ffddb3;
        top: 150px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        border-top: 0;
    }



    .line-atime li:nth-child(even) .datos:before {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 12px solid transparent;
        border-right: 28px solid #ffddb3;
        border-left: 0px solid transparent;
        border-top: 12px solid transparent;
        top: 33%;
        position: absolute;
        left: -17%;
    }

    .line-atime li:nth-child(odd) .datos:before {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 12px solid transparent;
        border-left: 28px solid #ffddb3;
        border-right: 0px solid transparent;
        border-top: 12px solid transparent;
        top: 33%;
        position: absolute;
        left: 100%;
    }


    .grid__item3-3, .grid__item3-4 {
        flex: 1 1 45%;
    }
}

@media only screen and (max-width: 1290px) {
    .caja__resumen {
        flex: 1 1 23% !important;
        max-width: 23% !important;
    }

    .positioFixed > .sije__container {
        display: flex !important;
    }

    #header__container {
        position: relative !important;
        display: block !important;
    }

    .ContraCabecera:before {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .txt--is-title {
        margin-top: 25px;
    }

    .Disflex.row {
        display: block;
    }

    .fila {
        grid-template-columns: 1fr; /* Una sola columna */
    }

    .fila > div {
        white-space: normal; /* Permitimos que el texto haga wrap */
    }


    .sije__container {
        padding: 10px !important;
    }

    #header__container .sije__container {
        padding: 0 !important;
    }


        #header__container .sije__container.franja__container--main {
            padding: 9px 0 !important;
        }


    .header__container .sije__container {
        padding: 0;
    }
}

.md-dialog-content .dx-datagrid-table-fixed {
    min-width: 900px !important;
}

#gridContainerDetails tbody tr td div, #gridContainerDetails tbody tr td {
    font-size: 10px !important;
}

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


    .tabs__buttons .button:first-child {
        margin-left: 0;
        width: 100%;
    }


    .franja__container--main .element__select--normal {
        margin-left: auto;
    }


    .Contenedor-Acciones-General.open .opciones__content {
        padding-left: 0 !important;
    }



    .Contenedor-Acciones-General .menu__forever {
        height: 0;
    }

    .Contenedor-Acciones-General.open .menu__forever,
    .Contenedor-Acciones-General.open .nav__content {
        position: relative !important;
        width: 100%;
        height: auto !important;
    }

    .opcion__submenu {
        display: inline-flex !important;
        margin: 5px;
    }

    .opciones-menu > .cleaner {
        display: inline-flex;
        vertical-align: middle;
        margin: 25px 0;
    }


        .opciones-menu > .cleaner .txt__modulos {
            margin-bottom: 0px;
        }


    .opciones-menu > .opcion__submenu {
        display: inline-flex;
        vertical-align: middle;
    }


    .Contenedor-Acciones-General.open .menu__forever .opciones-menu,
    .Contenedor-Acciones-General.open .nav__content .opciones-menu {
        padding-top: 0px;
        width: 100%;
        display: block !important;
    }


        .Contenedor-Acciones-General.open .menu__forever .opciones-menu opciones-menu,
        .Contenedor-Acciones-General.open .nav__content .opciones-menu opciones-menu {
            display: block !important;
        }



    .positioFixed > .sije__container {
        display: block !important;
    }

    #header__container {
        position: relative !important;
        display: block !important;
    }

    .ContraCabecera:before {
        display: none;
    }

    .complete .profile__container {
        width: 100%;
        height: 65px;
    }



    .grid__item3-2 {
        flex: 1 1 47%;
        min-width: 47%;
    }


    .grid__content__details {
        display: none;
    }


    .profile__foto:hover {
        transform: scale(3);
        border-radius: 0%;
        margin-bottom: -60px;
        position: relative;
        z-index: 500;
    }

    .table__head--is-start .titulo-Sistem-2 {
        margin: 10px 0 10px 0;
    }


    .SaludoBienve h3:before {
        display: none;
    }

    .SaludoBienve .Dos:before {
        display: none;
    }




    .tablas-estilos caption .grid__container__head {
        background: transparent;
        border: 0;
        padding: 0;
        width: calc(100vw - 50px);
    }



        .tablas-estilos caption .grid__container__head .grid__button--is-start,
        .tablas-estilos caption .grid__container__head .grid__button--is-end {
            padding-right: 15px;
        }

    .html5gallery .contTabla2da {
        width: calc(100vw - 30px) !important;
    }




    .tabla-notificacion.tabla-limites tbody .td-conTabla .pag-tabla-notificacion {
        width: calc(100vw - 30px) !important;
    }


        .tabla-notificacion.tabla-limites tbody .td-conTabla .pag-tabla-notificacion .grid__container__footer {
            width: 100%;
        }

            .tabla-notificacion.tabla-limites tbody .td-conTabla .pag-tabla-notificacion .grid__container__footer .grid__button--is-start {
                width: 30%;
                text-align: center;
            }

            .tabla-notificacion.tabla-limites tbody .td-conTabla .pag-tabla-notificacion .grid__container__footer .grid__button--is-end {
                width: 70%;
                text-align: center;
            }

    .contenedor-tab-full .grid__container__footer .grid__button--is-start {
        width: 30%;
        text-align: center;
    }


    .contenedor-tab-full .grid__container__footer .grid__button--is-end {
        width: 70%;
        text-align: center;
    }

    .table__head--is-end .tabs__buttons {
        display: block;
    }



        .table__head--is-end .tabs__buttons .button {
            margin-left: 0;
            margin-bottom: 6px;
        }

    .table__head,
    .table__head--is-end,
    .table__head--is-start {
        display: block;
    }

    .bg__article5 {
        background: #fff;
    }



    .datos-cards-titular-date.Tecero, .datos-cards-titular-date.primero {
        width: 100%;
    }


    .datos-cards-titular-date {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
    }

    .cards-titular-date {
        text-align: center;
    }

    .grid__button--is-end, .grid__button--is-start {
        display: block !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }


        .grid__button--is-end .button {
            margin-right: 0px !important;
            flex: 0 0 100% !important;
            width: 100% !important;
            margin: 14px 0 !important;
            display: block !important;
        }


    .ContenidoCentrado {
        box-shadow: none;
        max-width: none;
        border-radius: 0;
    }

    .lista__jee--is-row.white.cr5 {
        flex: 1 1 31% !important;
    }


    .content__input__search .element__input {
        max-width: 100%;
        margin-bottom: 10px;
    }


    .tabla-limites > thead {
        position: relative;
    }

    .tabla-limites {
        margin-top: 0px;
    }

    .ButonEspecialCont {
        display: block !important;
    }

    .SaludoBienve {
        flex-direction: column;
    }

    .sije__container {
        padding: 0 0px;
    }

    .profile__opciones {
        width: 90%;
    }

    .ButonEspecialCont .button {
        width: 100%;
    }

    .contenedorGenero {
        margin: 15px 0;
    }

        .contenedorGenero .lista__jee--is-row.white {
            flex: 0 1 90%
        }


    .grid__item4, .grid__item3, .grid__item3-3, .grid__item3-4, .grid__item3-5, .grid__item3-6, .grid__item3-7 {
        flex: 1 1 80%;
        margin: 0 2% !important;
    }

    .caja__resumen {
        flex: 1 1 48% !important;
        max-width: 48% !important;
    }



    page-title {
        min-height: 20px;
    }

    button-cancel,
    button-save,
    button-optional {
        width: 100%;
        display: block;
    }



    .p-l--40 {
        padding-left: 0px !important;
        width: 100%;
    }

    .grid__item2 {
        width: 50%;
    }

    .datos-cards-titular-date-complet {
        width: 100%;
        padding: 15px;
    }



    .grid__item2 {
        flex: 2 1 32%;
    }


    .VistaCarpeta .res__secondary__persona:hover {
        height: auto;
    }

    .VistaCarpeta .seccionEspecial:hover .contenedor-TablaProyec {
        position: relative;
        top: 35px;
        margin: 5px;
        height: auto;
    }

    .menu__container {
        /*background: #aa0000;*/
        max-width: 100%; /*edgWidth*/
        height: 65px;
    }

    .divi-element-captian, .mitad-element {
        width: 100%;
    }

    .menu__responsive__content {
        max-height: none;
    }

    .titulo-Sistem-3, .titulo-Sistem-2 {
        text-align: left;
    }


    .grid__button--is-start .button--is-third {
        margin: 0 !important;
        margin-bottom: 5px !important;
    }

    .menu__responsive {
        display: block;
    }

    .header__container--content {
        display: block;
        min-height: initial;
    }



    .button--is-exit {
        margin: 5px 0;
    }
    /*.button:after{display: none !important}   */
    .button:last-child {
        margin-bottom: 0;
    }

    .button {
        width: 100%;
        box-sizing: border-box !important;
        text-align: center;
        /*height: 38px;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .button--is-content {
        width: 100%;
    }

    .vistapreviaDocument .mitad-element {
        text-align: center;
    }



    .tabs nav ul {
        display: block;
    }

    .tabs nav svg {
        display: none !important
    }

    .tabs nav {
        border: none;
    }

    .tablas-estilos thead tr th, .tablas-estilos tbody tr td {
        min-width: 100px;
    }

    .tabs nav li {
        width: 100%;
        display: block;
        margin: 0 !important;
    }

        .tabs nav li:first-child a {
            box-shadow: none !important
        }

        .tabs nav li a {
            box-shadow: 0px -1px 0px #d0d0d0, 0px -2px 0px #f3f3f3;
        }

            .tabs nav li a span {
                border-radius: initial;
                padding: 7px !important;
            }

        .tabs nav li:first-child a span {
            border-radius: 15px 15px 0 0 !important;
        }

        .tabs nav li:last-child a span {
            border-radius: 0 0 15px 15px !important;
        }

    .lenyendaEstadoExpediente, .EmergenteInformativo {
        width: 100%;
        right: 0;
    }

    #msgUsuario {
        text-align: center;
    }




    .tabs-estilos {
        background: #e2e2e2;
        padding: 4px 0;
        text-align: center;
        position: relative;
    }

    .element__notify {
        width: 100%;
        top: auto;
        bottom: 0;
    }

    .notify--is-txt {
        border-radius: 0;
        left: auto;
        right: 9px;
        top: -17px;
    }

    .notify_close_btn {
        top: -18px;
        left: auto;
        right: 6px;
    }

    .tabs-estilos:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-top: 18px solid #e2e2e2;
        border-right: 15px solid transparent;
        position: absolute;
        bottom: -14px;
        right: 8px;
    }

    .contenedor-tab {
        border-top: 0px;
    }

    .logo__img {
        margin: 7px auto;
    }

    .buttons__content .button { /*960*/
        margin-right: auto;
        margin: 10px 0 !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .img-cards-titular-date-complet {
        width: 100%;
        max-width: 320px;
        display: block;
        margin: 10px auto;
    }


        .img-cards-titular-date-complet.imagen2 {
            width: 100%;
            max-width: 250px;
            border: 2px solid var(--template-color-2);
            box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
            border-radius: 3px;
            display: block;
            margin: 10px auto;
            float: none;
        }

    .datos-cards-titular-date-complet {
        display: inline-block;
        vertical-align: middle;
        padding: 15px;
        width: 100%;
    }



    .seccionEspecial {
        position: relative;
        width: 100%;
        height: auto;
        align-items: left;
        padding: 10px;
        background: transparent;
    }


    .titulo-Especial {
        width: 100%;
        position: relative;
        height: 37px;
        padding: 7px;
    }





    .seccionEspecial .titulo-Especial svg,
    .seccionEspecial:hover .titulo-Especial svg {
        width: 40px;
    }

    .seccionEspecial:hover .titulo-Especial svg {
    }


    .bandeja-Cont .cont-abla-respon, .bandeja-Cont-full .cont-abla-respon {
        max-height: none;
    }

    .tablas-estilos {
        width: 100%;
    }

    .carpetas-bandeja-Cont, .bandeja-Cont, .cont-section-second {
        width: 100%;
        padding: 20px 0;
    }

    .bandeja-Cont, .cont-section-primari {
        height: auto;
        width: 100%;
        padding: 0;
    }


    .txt--is-title {
        margin: 15px 0 !important;
        /* margin-bottom: 10px;  */
    }

    .tabs-estilos li button {
        background: #f5f4f4;
        border-radius: 10px;
        border: 0;
        margin: 3px 8px 10px 8px;
        padding: 13px;
    }

    .tabs-estilos li .active:after {
        display: none;
    }

    .logo__container {
        text-align: center;
        display: block;
    }

    .menu__container {
        z-index: 2;
        display: block;
        margin-left: auto;
        width: 100%;
    }

    .tabs-estilos li {
        width: 50%;
        border-radius: 0;
    }

    .profile__container {
        text-align: left;
        background-color: #aa0000
    }
    /*.franja__container{display: none;} oculta menu en home*/
    .arrow__back {
        display: flex;
        height: 44px;
        width: 47px;
        position: absolute;
        top: 7px;
        left: 10px;
    }

    .arrow__back--is-a {
        box-shadow: 0 0 11px -2px rgba(0, 0, 0, 0.33);
    }

    #main__container:not(.main__container--is-layout) {
        min-height: calc(100vh - 105px);
    }

    html {
        font-size: 50%
    }

    .sije__container {
        width: 100%;
    }

    .profile__container {
        padding: 5px 40px 5px 20px;
    }

    .nav__container {
        display: none;
    }

    .menu--is-burger {
        /* display: inline-block !important; */
    }


    .contenedor-tab {
        padding: 10px;
    }

    .wizard__step {
        margin-top: -3px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        border-left: 3px solid #e4e0d4;
        border-top: 3px solid #e4e0d4;
        border-bottom: 3px solid #e4e0d4;
        width: 100% !important;
        display: inline-flex;
        align-items: center;
        float: none;
        align-items: center;
        position: relative;
        height: auto;
        left: 0 !important;
        border-radius: 133px !important;
        margin-bottom: 10px;
        border-right: 3px solid #e4e0d4;
    }

        .wizard__step .circle, .wizard__step .text {
            float: none;
        }

    .wizard__main__steps {
        height: auto;
    }

    .footer {
        text-align: center;
        height: auto;
    }

    .button--is-primary {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

@media only screen and (max-width: 850px) {
    .line-atime {
        width: auto;
        top: 450px;
    }

    .lista__jee--is-row.white.cr5 {
        flex: 1 1 100% !important;
    }

    .content-line-atime {
        height: 800px;
    }
}


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

    .caja__resumen {
        flex: 1 1 96% !important;
        margin: 2% 2% !important;
        max-width: 96% !important;
    }


    .visible-conteRespont {
        overflow: auto;
    }

    .button {
        box-sizing: border-box !important;
        text-align: center;
        /* margin: 10px 3% !important;*/
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .buttons__content {
        margin: 15px 0px;
        display: block;
        text-align: center;
    }

    .contEspecial {
        display: block !important;
    }

    .carpeta-visitble-option.seccionEspecial {
        overflow-x: auto;
        overflow-y: visible;
    }

    .carpeta-visitble-option .cont-abla-respon {
        overflow-x: auto;
        overflow-y: visible;
    }
}



@media only screen and (max-width: 650px) {
    .tabs-estilos li button {
        background: #f5f4f4;
        border-radius: 15px 15px 0 0;
        border: 0;
        margin: 1px 8px 0px 8px;
        padding: 13px;
        transition: all 0.3s;
    }

    .grid__item3-2 {
        flex: 1 1 98%;
        min-width: 98%;
    }


    .logo__img {
        padding: 16px;
    }

    .grid__item2 {
        flex: 2 1 68%;
    }


    .vistapreviaDocument .mitad-element .logo-document {
        width: 80%;
    }


    .tabs-estilos {
        background: transparent;
        padding: 4px 0;
        position: relative;
    }

        .tabs-estilos:after {
            display: none;
        }


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

    .element__input--is-home {
        height: 100%;
    }

    .franja__container--main {
        display: flex !important;
        justify-content: center;
    }

    .ico--is-filter {
        position: relative !important;
        left: inherit !important;
        top: inherit !important;
        transform: none !important;
        margin-right: 10px;
        background-color: var(--template-color-2);
    }

    .profile__container {
        width: 100%;
    }

    .data-subir-archivo, .ajax-file-upload-statusbar {
        width: 100% !important;
        margin: 10px 0;
    }

    .data-subir-archivo-datos, .ajax-file-upload-filename {
        width: 70%;
    }

    .tabs-estilos li {
        width: 100%;
        border-radius: 0;
    }



    .divi-element-captian, .mitad-element {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin: 0%;
    }
}

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


    .wizard__step .text {
        margin-left: 5px;
    }

    .buttons__content {
        display: block;
        justify-content: inherit;
    }

    .button--is-four {
        width: 100%;
        display: block;
        text-align: center;
    }

    .button--is-primary {
        width: 100%;
    }

    .lenyendaEstadoExpediente, .EmergenteInformativo {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    .tabs nav ul {
        display: block;
        padding-top: 1.5em;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

        .tabs nav ul li {
            display: block;
            margin: -1.25em 0 0;
            -webkit-flex: none;
            flex: none;
        }

            .tabs nav ul li a {
                margin: 0;
            }

            .tabs nav ul li svg {
                display: none;
            }

            .tabs nav ul li a span {
                padding: 1.25em 0 2em !important;
                border-radius: 0 !important;
                box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
                line-height: 1;
            }

            .tabs nav ul li:last-child a span {
                padding: 1.25em 0 !important;
            }

            .tabs nav ul li.active {
                z-index: 1;
            }
}


@media only screen and (max-width : 320px) {
    .container__blocks {
        padding: 10px
    }
}


/* ================================================
 * Animations
 * @autor EDG  eparedes
 * ================================================ */
.fadeIn {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeIn
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeInDown {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInDown
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}




.fadeInUp {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}



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



    .md-dialog--is-form md-dialog {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }
}


@page { /*EDGARDO PAREDES -  MEJORAS*/
    size: A4;
    margin: 7mm 7mm 9mm 7mm;
}


@media print {

    .vistapreviaDocument.TipoDos {
        box-shadow: none;
    }



    .bandeja__contenedor {
        height: auto !important;
        display: block !important;
    }

        .bandeja__contenedor .Contenedor-vistapreviaDocument {
            width: 100% !important;
            min-width: 100%;
            padding: 0 !important;
        }

    .bandeja__contenedor--is-folders {
        display: none;
    }

    .main__container--is-caratula .Contenedor-vistapreviaDocument.TipoDos {
        width: auto !important;
    }

    .main__container--is-caratula .Contenedor-vistapreviaDocument.TipoDos {
        width: auto !important;
    }


    .PopUpPrint .md-dialog-container md-toolbar {
        display: none !important;
    }


    .PopUpPrint md-dialog .md-dialog-content {
        padding: 0x !important;
    }

    .title--is-print h1 {
        font: 24px 'Arial-Extra-Bold' !important;
        text-transform: uppercase;
    }

    .resultadoTable.Total {
        background: #e6e6e6;
    }

    .resultadoTable {
        background: #f5f5f5;
        color: #525252;
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 1.3rem;
        text-align: center;
        padding: 5px 15px;
        margin: 10px 0 15px 0;
        border-top: 2px solid #c7c7c7;
    }

    .titulo-Sistem-3, .titulo-Sistem-2 {
        display: none;
    }


    md-dialog md-dialog-content {
        overflow: hidden !important
    }

    /* estilos de tabla impreso*/
    .vistapreviaDocument .hojaA4Completo {
        height: 273mm !important;
        min-height: 273mm !important;
        position: relative;
        padding-top: 0;
        width: 100%;
        top: 0;
        page-break-inside: avoid;
        page-break-after: auto;
    }



    .heigtpopUp {
        height: 0 !important;
    }

    /*tabla para multihojas print */

    .TablaPrintEspecial { /*EDGARDO PAREDES -  MEJORAS*/
        page-break-after: auto;
        page-break-before: auto;
        width: 100%;
        height: 100%;
        border: 1px solid transparent;
    }

        .TablaPrintEspecial > tbody > tr {
            /*/page-break-inside: avoid;
    page-break-after: auto; */
            border: 1px solid #fff;
            display: block
        }

            .TablaPrintEspecial > tbody > tr > td { /*EDGARDO PAREDES -  MEJORAS*/
                display: block
            }

        .TablaPrintEspecial > thead { /*EDGARDO PAREDES -  MEJORAS*/
            display: table-header-group;
            page-break-inside: avoid;
        }

        .TablaPrintEspecial > tfoot { /*EDGARDO PAREDES -  MEJORAS*/
            page-break-inside: avoid;
            page-break-after: auto;
        }


    .container_bandeja_admin {
        display: none !important;
    }

    .container_bandeja_tranferencia {
        display: none !important;
    }

    #main__container {
        min-height: 0;
    }


    .lista__jee--is-row.white, .lista__jee--is-row.white.cr5 {
        border: 0;
        display: none;
    }

    .CabeceraPrint {
        page-break-before: always;
    }

    .FinPrint {
        page-break-after: always;
    }

    .bg__article2, .bg__article4, .bg__article, .bg__article3 {
        height: 0;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .SeccionOpcional {
        display: none !important
    }

    main .row h2 {
        display: none;
    }

    main br {
        display: none
    }

    .md-dialog-content .Contenedor-vistapreviaDocument {
        max-height: none;
        border: 0 !important
    }



    .dxOptions, .sije__container .element__label, #Cabecera p {
        page-break-inside: avoid; /*impresion elementos*/
        page-break-after: auto;
    }


    .PopUpPrint md-dialog md-dialog-content {
        height: auto;
        width: 100%;
    }

    .PopUpPrint.md-dialog-container {
        display: block;
        position: relative;
    }


    .lista__jee--is-row.white, .lista__jee--is-row.white.cr5 {
        text-align: left;
        width: 195mm;
        padding: 5px;
        display: block;
        align-items: baseline;
        text-align: left;
        max-width: 201mm;
        vertical-align: top;
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-size: 63% !important;
        background-position: 99% 100% !important;
        border-top: 7px solid;
        border-bottom: 4px solid;
        background: #fff;
        border-radius: 0;
        box-shadow: none;
        box-shadow: none !important;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border: 3px solid #000 !important;
        border-color: #000 !important;
        flex: none !important;
        page-break-inside: avoid;
        page-break-after: auto;
    }

    .titulo-Sistem-3, .titulo-Sistem-2 {
        display: none;
    }



    .vistapreviaDocument .titulo-Sistem-3,
    .vistapreviaDocument .titulo-Sistem-2 {
        display: block;
    }

    .lista__jee--is-row.white.SECCION.ESPECIAL.DE.PREDIOS.RURALES, .lista__jee--is-row.white.BALNEARIOS.PROPIEDADES,
    .REGISTRO.DE.PROPIEDAD.VEHICULAR, .DERECHOS.MINEROS, .REGISTRO.DE.PREDIOS,
    .LIBRO.DE.ASENTAMIENTOS.HUMANOS {
        display: none;
    }

    .lista__jee--is-row.white.cr5 h4, .lista__jee--is-row.white.cr5 h4 i {
        display: none;
    }

    .lista__jee--is-row.white.cr5 h3 {
        display: none;
    }

    .lista__jee--is-row.white.cr5 h3, .lista__jee--is-row.white.cr5 h4 i, .lista__jee--is-row.white.cr5 h4 {
        display: none;
    }

    .PopUpPrint .lista__jee--is-row.white.SECCION.ESPECIAL.DE.PREDIOS.RURALES,
    .PopUpPrint .lista__jee--is-row.white.BALNEARIOS.PROPIEDADES,
    .PopUpPrint .REGISTRO.DE.PROPIEDAD.VEHICULAR,
    .PopUpPrint .DERECHOS.MINEROS,
    .PopUpPrint .REGISTRO.DE.PREDIOS,
    .PopUpPrint .LIBRO.DE.ASENTAMIENTOS.HUMANOS {
        border-color: #000 !important;
    }


    #main__container {
        height: auto;
        min-height: none;
    }

    .PopUpPrint {
        display: block;
        background: red;
    }

    h1.textArialBold {
        display: none;
    }

        h1.textArialBold.Texto-Primt-apar {
            display: block;
        }


    .PopUpPrint .tablas-estiloz tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }




    .dx-gesture-cover,
    .PopUpPrint.md-dialog--is-form,
    .PopUpPrint.md-dialog--is-form md-dialog,
    .PopUpPrint.md-dialog--is-form .md-dialog-container {
        position: relative !important; /* PRINT EDG*/
        /* border: 2px solid green*/
    }

        .PopUpPrint.md-dialog--is-form md-dialog {
            width: 100% !important;
            height: auto;
            max-height: none;
            border-radius: 0 !important;
        }


    .PopUpPrint h1.textArialBold {
        display: block;
    }


    .PopUpPrint .lista__jee--is-row.white.cr5 h4,
    .PopUpPrint .lista__jee--is-row.white.cr5 h4 i {
        font-size: 14px !important;
        page-break-inside: avoid;
        page-break-after: auto;
        word-wrap: break-word;
    }

    .PopUpPrint .lista__jee--is-row.white.cr5 h3 {
        font-size: 12px !important;
        display: block;
        page-break-after: avoid;
        page-break-inside: avoid;
        word-wrap: break-word;
    }

    .PopUpPrint .lista__jee--is-row.white.cr5 h3,
    .PopUpPrint .lista__jee--is-row.white.cr5 h4 i,
    .PopUpPrint .lista__jee--is-row.white.cr5 h4 {
        page-break-inside: avoid !important;
        display: block !important;
        page-break-after: avoid;
        page-break-inside: avoid;
        word-wrap: break-word;
    }



    footer {
        display: none !important;
    }

    .element__notify {
        display: none !important
    }

    body {
        -webkit-print-color-adjust: exact;
    }

    .element__label.alineado-izquierda {
        font: 12px "Swiss-Light";
    }

    .md-dialog-container {
        top: 0;
        backdrop-filter: blur(5px);
    }


    .publicidad__ambiente {
        display: none;
    }

    .firmaPosition {
        bottom: 100px;
    }

    .cont-Fimta-space.fixed {
        position: fixed !important;
        bottom: 25px;
    }

    .tablas-estilos {
        width: 98.7%;
    }

    .titulo-Sistem-3 {
        color: #525252 !important;
    }




    .txt--is-title {
        overflow: hidden;
    }

        .txt--is-title h1 {
            font-size: 16px !important;
        }

    .Contenedor-vistapreviaDocument {
        border: 0 !important;
        background: transparent !important;
        height: 100% !important;
        max-height: none !important;
    }

    .md-dialog-content {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    #header__container {
        display: none;
    }

    .col-md-6 {
        width: 45% !important;
        display: inline-block;
    }

    .col-md-2 {
        width: 22% !important;
        display: inline-block;
        vertical-align: middle;
    }

    .col-md-8 {
        width: 50% !important;
        display: inline-block;
        vertical-align: middle;
    }

    .element__label_resultado {
        color: #525252;
        font: 12px "Arial-Extra-Bold";
    }


    .col-md-4 {
        width: 30% !important;
        width: 200px;
        display: inline-block;
    }

    .footer {
        display: none;
    }

    .header__container {
        display: none !important
    }

    .sije__container > article, .sije__container > div,
    .sije__container > section {
        display: none;
    }

    .contenedor-Print {
        width: 100%;
        height: 100%;
        display: block !important;
        padding: 0;
        border: 0;
        box-shadow: none;
        margin: 0;
        overflow: hidden;
        background: #fff !important;
        box-shadow: none;
    }

        .contenedor-Print .sije__container,
        .contenedor-Print .sije__container > article,
        .contenedor-Print .sije__container > div,
        .contenedor-Print .sije__container > section .contenedor-Print .lista__jee--is-row.white.cr5 {
            display: block;
            background: #fff;
            margin: 0;
        }


    .grid__container {
        display: block;
        margin: 0;
    }



    .contenedor-Print .lista__jee--is-row.white.cr5 h4 {
        color: #525252 !important;
        background: transparent !important;
        text-align: left;
        padding: 0;
        page-break-inside: avoid;
        page-break-after: auto;
        border-bottom: 0px solid #fff;
        font-size: 19px !important;
        border: 1px solid #fff; /*color prueba*/
    }



    .Contenedor-vistapreviaDocument {
        width: 100%;
        height: 100%;
        display: block !important;
        padding: 0;
        border: 0;
        box-shadow: none;
        margin: 0;
        overflow: hidden;
    }


    .apareceImprimir {
        display: block !important;
        text-align: right;
    }

    .lista__jee--is-row.white.cr1 h4 {
        color: #8196a5;
        background: #fff;
        padding: 0;
        font-size: 15px;
    }

    .lista__jee--is-row.white.cr1 {
        box-shadow: none;
    }

    .vistapreviaDocument2 {
        box-shadow: none;
        padding: 10px;
        margin: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        width: 100%;
        max-height: none;
    }

    .vistapreviaDocument {
        box-shadow: none;
        padding: 10px;
        margin: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        position: relative;
        width: 100%;
        max-height: none;
        min-height: auto;
    }

    .divi-element-captian, .mitad-element {
        width: 49%;
        height: auto;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }


    .cleaner {
        box-sizing: border-box;
    }

    .vistapreviaDocument:before, .vistapreviaDocument:after {
        display: none;
    }


    .footer {
        -webkit-transition: opacity .3s ease-in-out .5s;
        -o-transition: opacity .3s ease-in-out .5s;
        transition: opacity .3s ease-in-out .5s;
        background: transparent !important;
        color: #222 !important;
        padding: 7px;
        display: block;
        justify-content: center;
        align-items: center;
        color: #e5e5e5;
        font: 1.4ren 'Swiss-Light';
        box-shadow: none !important;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 10;
        width: 100%;
        opacity: 2;
        top: auto;
        text-align: center;
        transition: 0.2s;
    }


        .footer div {
            display: inline-block;
        }

        .footer:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 14px;
            width: 48px;
            background: url(/Content/images/general/puntosTitu.svg);
            background-size: 45px;
            margin: 0 6px;
            background-position: -1px 0;
            background-repeat: no-repeat;
        }

    .texto-resultado {
        line-height: 25px;
        font-size: 1.4em;
        font-weight: bolder;
        text-transform: uppercase;
    }

    .contenedor-No-Print {
        background: #fff !important;
    }

    .contenedorImprimir .lista__jee--is-row.white, .lista__jee--is-row.white.cr5 {
        border: 0px;
    }

    .contenedor-No-Print .lista__jee--is-row.white, .contenedor-No-Print .lista__jee--is-row.white.cr5 {
        border: 0px !important;
        display: block;
    }


    .sije__container.cont-Texto-Primt-apa,
    .buttons__content.cont-Texto-Primt-apa,
    .sije__container.cont-Texto-Primt-apa > div,
    .buttons__content.cont-Texto-Primt-apa .apareceImprimir {
        display: block;
    }

    .cont-Texto-Primt-apa .button {
        display: none;
    }

    .vistapreviaDocument.TipoDos {
        /*padding: calc(3cm - 20px);*/
        padding-top: calc(3cm - 9mm);
        padding-left: calc(3cm - 7mm);
        padding-right: calc(3cm - 7mm);
        padding-bottom: calc(3cm - 7mm);
        /* margin: -20px;
        width: calc(100% + 20px)*/
        margin: 0;
        width: 100%;
    }

    .vistapreviaDocument .casilla .div-casilla-juridisccional .fixed {
        background-color: red !important;
        position: static !important; /* Asegura que el div est� en el flujo normal */
        display: block !important; /* Asegura que el div se imprima como un bloque */
    }
    .div-casilla-administrativo,
    .div-casilla-juridisccional {
        margin: 0; /* Elimina m�rgenes al imprimir */
        padding: 0; /* Elimina padding al imprimir */
    }
}


.font-tipo-op{
    font-size: 17px;
    color: #166066;
}

.grid-content-export{
    margin-top: 20px;
    margin-bottom: 20px;
}

.barra-lista-size{
    background-color: #1c666b;
    border-radius: 10px;
    color: white;
    position: relative;
}
.barra-lista{
    background-color: #dadada;
    border-radius: 10px;
}
.barra-percent{
   
    font-size: 20px;
    color:white;
    
}

/*
    ESTILOS DEL RECORDATORIO
*/

.box__recordatorios {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 100%;
    max-width: 360px;
    background-color: rgba(170, 0, 0, 0.85);
    border-radius: 8px;
}

.box__recordatorios p{
    color: #FFFFFF;
    font-size: 1.6rem;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.48);
}

.box__recordatorios .relative {
    position: relative;
    padding: 20px 60px 20px 25px;
    background-image: url(/Content/images/general/ico-recordatorio.svg);
    background-position: right 20px center;
    background-repeat: no-repeat;
}

.box__recordatorios .cerrar {
    position: absolute;
    right: -14px;
    top: -14px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background-image: url(/Content/images/general/ico-cerrar-recordatorio.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    border: rgba(170, 0, 0, 1) solid 1px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}

.box__recordatorios .cerrar:hover {
    border: rgba(255, 55, 55, 1) solid 1px;
    color: rgba(255, 55, 55, 1);
}

.box__recordatorios .loader__recordatorio {
    position: absolute;
    width: 40px;
    height: 40px;
    right: -16px;
    top: -16px;
    z-index: 2;
    display: none;
}

.box__recordatorios .loader__recordatorio .loader {
    width: 40px;
    height: 40px;
    border: 5px solid #FFF;
    border-bottom-color: rgba(170, 0, 0, 1);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.box__recordatorios.procesando .loader__recordatorio{
    display: block;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} 
        

/* ================================================
 * SIJE VERSIONES
 * @autor EDG eparedes
 * ================================================ */


.sije__tipo_1 .lineTime2 li:first-child:before {
  background: #166066;
}

.sije__tipo_1 .lineTime2 li:first-child {
  box-shadow: 0 0 5px 0px #166066;
  -webkit-animation-name: estadoActualUna;
  animation-name: estadoActualUna;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes estadoActualUna {
  0% {
  }

  100% {
    box-shadow: 0 0 13px 4px #166066;
  }
}

.sije__tipo_1 .tabs-estilos li button {
  border-bottom: #c34242 3px solid;
}

.sije__tipo_1 .barra-de-carga {
  background: #506163;
}

.sije__tipo_1 .footer {
  background-color: #3e4b4c;
}
/*
.sije__tipo_5 .footer:after{
content: " - SIJE quien va a la tienda"; 
    display: inline;
    padding: 0 0 0 5px;
} */












.sije__tipo_1 .contenedor-date-h {
  background: #c34242;
}

.sije__tipo_1 .miembro__foto {
  border: 8px solid #c34242;
}



.sije__tipo_1 .main__container--is-caratula .Contenedor-vistapreviaDocument,
.sije__tipo_1 .Contenedor-vistapreviaDocument {
  background: #5d5757;
  border: 10px solid #5d5757;
}

.sije__tipo_1 .vistapreviaDocument:after {
  background: #5d5757;
}




.sije__tipo_1 .element--is-required:after {
  color: #c73636;
}

.sije__tipo_1 md-dialog .md-actions,
.sije__tipo_1 md-dialog md-dialog-actions {
  border-bottom: 30px solid #166066 !important;
}


.sije__tipo_2 .lineTime2 li:first-child:before {
  background: #ff7641;
}

.sije__tipo_2 .lineTime2 li:first-child {
  box-shadow: 0 0 5px 0px #ff7641;
  -webkit-animation-name: estadoActualDOS;
  animation-name: estadoActualDOS;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes estadoActualDOS {
  0% {
  }

  100% {
    box-shadow: 0 0 13px 4px #ff7641;
  }
}

.sije__tipo_2 .barra-de-carga {
  background: #ff7641;
}

.sije__tipo_2 .tabs-estilos li button {
  border-bottom: #ef9b49 3px solid;
}

.sije__tipo_2.footer {
  background-color: #62615f;
}








.sije__tipo_2 .colapsar:hover {
  /*31/10/2018*/
  background-color: #ffb193 !important;
}

/* 



.sije__tipo_2 .contenedor-date-h {
  background: #ef9b49;
}

.sije__tipo_2 .miembro__foto {
  border: 8px solid #ef9b49;
}



.sije__tipo_2 .main__container--is-caratula .Contenedor-vistapreviaDocument {
  background: #6d6d6d;
  border: 10px solid #6d6d6d;
}

.sije__tipo_2 .vistapreviaDocument:after {
  background: #6d6d6d;
}

.sije__tipo_2 .Contenedor-vistapreviaDocument {
  background: #6d6d6d;
  border: 10px solid #6d6d6d;
}

.sije__tipo_2 .carpetas__contenedor--is-folders .carpetas--is-active {
  color: #ff6b31 !important;
  border-left-color: #ff6b31 !important;
}





.sije__tipo_2 .element--is-required:after {
  color: #c73636;
}

.sije__tipo_2 md-dialog .md-actions,
.sije__tipo_2 md-dialog md-dialog-actions {
  border-bottom: 30px solid #bb4635 !important;
}


.sije__tipo_2 .footer {
  background-color: #707879;
}

.sije__tipo_3 .lineTime2 li:first-child:before {
  background: #ff4343;
}

.sije__tipo_3 .lineTime2 li:first-child {
  box-shadow: 0 0 5px 0px #ff4343;
  -webkit-animation-name: estadoActualTres;
  animation-name: estadoActualTres;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes estadoActualTres {
  0% {
  }

  100% {
    box-shadow: 0 0 13px 4px #ff4343;
  }
}

.sije__tipo_3 .barra-de-carga {
  background: #717171;
}




.sije__tipo_3 .footer {
  background-color: #62615f;
}










.sije__tipo_3 .main__container--is-caratula .Contenedor-vistapreviaDocument,
.sije__tipo_3 .Contenedor-vistapreviaDocument {
  background: #3e5056;
  border: 10px solid #3e5056;
}

.sije__tipo_3 .vistapreviaDocument:after {
  background: #3e5056;
}




.sije__tipo_3 .element--is-required:after {
  color: #c73636;
}

.sije__tipo_3 md-dialog .md-actions,
.sije__tipo_3 md-dialog md-dialog-actions {
  border-bottom: 30px solid #535353 !important;
}


.sije__tipo_4 .lineTime2 li:first-child:before {
  background: #5ba585;
}

.sije__tipo_4 .lineTime2 li:first-child {
  box-shadow: 0 0 5px 0px #5ba585;
  -webkit-animation-name: estadoActualCuatro;
  animation-name: estadoActualCuatro;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes estadoActualCuatro {
  0% {
  }

  100% {
    box-shadow: 0 0 13px 4px #5ba585;
  }
}


.sije__tipo_4 md-dialog .md-actions,
.sije__tipo_4 md-dialog md-dialog-actions {
  border-bottom: 30px solid #6bb2b3 !important;
}


.sije__tipo_4 .element--is-required:after {
  color: #ef9a46;
}

.sije__tipo_4 .vistapreviaDocument:after {
  background: #5e756b;
}

.sije__tipo_4 .main__container--is-caratula .Contenedor-vistapreviaDocument,
.sije__tipo_4 .Contenedor-vistapreviaDocument {
  background: #5e756b;
  border: 10px solid #5e756b;
}

.sije__tipo_4 .carpetas__contenedor--is-folders .carpetas--is-active {
  color: #535353 !important;
  border-left-color: #535353 !important;
}

.sije__tipo_4 .barra-de-carga {
  background: #676f6b;
}

.sije__tipo_4 .contenedor-date-h {
  background: #5ba4a5;
}

.sije__tipo_4 .miembro__foto {
  border: 8px solid #5ba4a5;
}

.sije__tipo_4 .tabs-estilos li button {
  border-bottom: #5ba4a5 3px solid;
}







/*
.sije__tipo_4 .logo__link:after{
content: "REFERENDUN";
     color: #4c3f3f;
}
 
.sije__tipo_4   .footer:after{
content: " - Referendun"; 
    display: inline;
    padding: 0 0 0 5px;
} */

.sije__tipo_4 .footer {
  background-color: #717171;
}


.sije__tipo_4 .carpetas__contenedor--is-folders .carpetas--is-active {
  color: #4b9e7a !important;
  border-left-color: #5ba585 !important;
}

.txt--is-to-desc .letter {
    display: inline-block;
    line-height: 1em;
}

.txt--is-to-login {
    position: relative;
    font-weight: 900;
    font-size: 3.3em;
}

.txt--is-to-login .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
}

.txt--is-to-login .letter {
    display: inline-block;
    line-height: 1em;
    opacity: 0;
}

.t__team--is--all a:hover {
    color: #ffa549
}

.t__team--is--all a {
    padding: 10px;
    font: 20px 'Lucida-Italic';
    color: #e20e0e;
    border-bottom: 2px dotted #ffa549;
}

.t__team--is--all {
    margin: 25px auto;
    text-align: center;
}

.t__main--is-close i {
    font-size: 26px;
    vertical-align: -6px;
}

.t__main--is-close {
    position: absolute;
    left: calc(50% - 20px);
    top: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 19px;
}

.t__main.view img {
    transform: scale(1);
}

.t__main.view {
    opacity: 1;
    z-index: 9999
}

.t__main img {
    transform: scale(0);
    transition: all 1s ease .1s;
}

.t__main {
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 0, 0, 0.83);
    display: flex;
    justify-content: center;
    align-items: center;
}

.t--is-close i {
    font-size: 30px;
}

.t--is-close:hover {
    transform: rotate(180deg);
    color: #aa0000
}

.t--is-close {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: -10px;
    right: calc(50% - 45px);
    background: #737272;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
}

.t__content--is-name {
    font: 25px 'Lucida-Italic';
    padding-top: 30px;
    text-align: center;
}

.t__content--is-avatar {
    width: 110px;
    position: absolute;
    left: 30px;
    bottom: 15px;
}

.t__content--is-box {
    width: 500px;
    height: 140px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: 120px;
    padding-right: 40px;
    background: #fff;
    box-shadow: 1px 1px 14px #404040;
    border-radius: 100px 60% 0 0;
}

.t__content {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.mb-0{
    margin-bottom: 0 !important;
}
.text-center{
    text-align: center;
}
.captcha-image {
    border-radius: 5px;
    width: 100%;
    max-width: 326px;
}
/*Nombre Jee*/
.nombre__jee {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font: 50px 'Love Ya Like A Sister';
    z-index: 1;
    opacity: 1;
}

/*Problemáticas*/
.content__problems {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -15px 0 -15px
}

.content__problems--is-item {
    flex: 0 1 30.3%;
    max-width: 30.3%;
    margin: 1%;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    text-align: justify;
}

.desc__problems {
    font: 17px 'Lucida-Italic';
    color: #555;
    margin-top: 20px;
}

.SijeNameCanecera {
    line-height: 1;
    font-size: 3.5rem;
    color: #4e3939;
}

.aplicativo {
    width: 100%;
    max-width: 960px;
    display: block;
    margin: 10px auto;
    border-radius: 17px;
    box-shadow: 1px 1px 7px -1px rgba(37, 37, 37, 0.78);
}

.image-captcha{
    position: relative;
    margin-bottom: 7px;
}

.image-captcha button{
    position: absolute;
    padding: 10px;
    background: #8D7D70;
    right: 0;
    bottom: 0;
    border-radius: 5px 0 5px 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.image-captcha button:hover {
    background: #393632;
}

.content__problems--is-item:nth-child(1) .content__comment {
    border-bottom: 2px solid #e68484;
}

.content__problems--is-item:nth-child(2) .content__comment {
    border-bottom: 2px solid #8472fc;
}

.content__problems--is-item:nth-child(3) .content__comment {
    border-bottom: 2px solid #45a5f5;
}

.content__problems--is-item:nth-child(4) .content__comment {
    border-bottom: 2px solid #1bdbf5;
}

.content__problems--is-item:nth-child(5) .content__comment {
    border-bottom: 2px solid #45e6d8;
}

.content__problems--is-item:nth-child(6) .content__comment {
    border-bottom: 2px solid #e83174;
}

.content__comment {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/*Caracteriticas*/
.block__caracteristicas {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -15px 0 -15px
}

.content__caracteristica {
    flex: 0 1 23%;
    max-width: 23%;
    margin: 1%;
    padding: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.content__caracteristica--img {
    min-height: 180px;
}

.content__caracteristica--block img {
    max-width: 160px;
}

.caracteristica--is-titulo {
    font: 24px 'Arial-Extra-Bold';
    color: #555
}

.content__caracteristica--block {
    margin-bottom: 20px;
}

.caracteristica--is-p {
    font: 18px 'Swiss-Light';
    color: #555
}

/*Detalle*/
.detail--is-subtitle {
    font: 30px 'Arial-Extra-Bold';
}

.detalle__titulo {
    padding-bottom: 20px;
}

.block__detail {
    max-width: 80%;
    margin: 0 auto;
}

.block__info {
    padding-top: 20px;
}

.block__info--is-p {
    font: 20px 'Swiss-Light';
    line-height: 30px;
    margin-bottom: 20px;
}

.block__info--is-personal a:hover {
    color: #e31616;
}

.block__info--is-personal a {
    font: 20px 'Swiss-Light';
    line-height: 30px;
    color: #525252;
}

.block__points {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -15px 0 -15px
}

.block--is-img {
    max-width: 100px;
    margin-right: 20px;
    display: inline-flex;
}

.block__point--is-item {
    flex: 0 1 31.3%;
    max-width: 31.3%;
    background: #f7f7f7;
    margin: 1%;
    padding: 40px;
    /* border-radius: 10px; */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 7px -1px rgba(37, 37, 37, 0.55);
    border-radius: 20px;
}

.block--is-txtdetail {
    font: 1.7rem "Swiss-Light";
    display: inline-flex;
}


.txt__subtitle--is-text {
    color: #9b9b9b;
    display: inline-flex;
    /* font-size: 27px;*/
    margin-left: 20px;
}


/*Lista de alance*/


.lista__alcances {
    position: relative;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* border-bottom:  1px solid #9d9d9d;*/
}



.alcance__detalle {
    flex: 0 0 48%;
    margin: 1%;
    padding: 10px 20px;
    position: relative;
    font: 16px 'Lucida-Italic';
    /* border-top: 1px solid #9d9d9d; */
    /* border-right: 1px solid #9d9d9d; */
    box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.62);
    border-radius: 5px;
    background: #fff;
}



    .alcance__detalle p::first-letter {
        color: #ffa549;
        font-size: 24px;
        font-family: 'Arial-Extra-Bold';
        padding-right: 1px;
    }
/*

.alcance__detalle{
    flex: 0 1 50%;
    padding: 20px;
    position: relative;
    font: 16px 'Lucida-Italic';
    border-top: 1px solid #9d9d9d;
    border-right: 1px solid #9d9d9d;
}
.alcance__detalle:nth-child(2n-1){
    border-left:  1px solid #9d9d9d;
}
.alcance__detalle:nth-child(2n){
    border-left: none;
    border-bottom: none;
}
*/
/*Lineas*/
.line--is-rectangle {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.line__effect2 {
    stroke-width: 3;
    stroke-dasharray: 475 370;
    stroke: #ffa549;
    fill: none;
    -webkit-transition: all .8s ease-in-out;
    transform: translateY(1000px);
}

.line__effect3 {
    stroke-width: 3;
    stroke-dasharray: 475 370;
    stroke: #ffa549;
    fill: none;
    -webkit-transition: all .8s ease-in-out;
    transform: translateY(1000px);
}

.line__effect1 {
    stroke-width: 3;
    stroke: #ffa549;
    transition-delay: 0.1s;
    fill: none;
    stroke-dasharray: 330 240;
    transition: all .8s ease-in-out;
    z-index: 2;
    transform: translateX(1000px);
}

/*Video*/
.video:hover .line__effect1 {
    transform: translateX(-1000px);
}

.video:hover .line__effect2 {
    transform: translateY(-1000px);
}

.video--is-play:hover {
    color: #ffaf27;
    border: 2px solid #ffaf27;
}

.video--is-play {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 100px;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 2;
    transition: 2s;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.line--is-rectangle rect {
    fill: transparent;
    stroke-width: 3;
    stroke: #fff;
    background: transparent;
}

.video--is-line {
    background-color: rgba(0, 0, 0, 0.26);
    position: absolute;
    top: 0;
    left: 0;
    width: 96%;
    height: 98%;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.video:hover .video--is-play {
    padding: 500px;
    border: 200px solid #fff;
    color: #fff;
}

.video:hover .video--is-line {
    background-color: rgba(224, 165, 91, 0.88);
}

.option--is-videos {
}

.video {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.video--is-bg {
    z-index: 0;
    background-color: #fff;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.5);
    transition: background-position .4s ease
}

.Personal {
    columns: 2;
    text-align: justify;
    list-style: unset;
}

    .Personal li {
        margin-left: 20px;
    }

.imagesDemuestra {
    width: 100%;
    box-shadow: 1px 1px 7px -1px rgba(37, 37, 37, 0.78);
    margin: 5px auto 10px auto;
}


/*Scroll*/
.mouse__capa {
    height: 55px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
}

.mouse__scroll--is-svg {
    width: 55px
}

.mouse__scroll {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 50px;
    z-index: 2;
    width: 54px;
    margin-left: -27px;
    text-align: center;
    transition: 0.2s;
}

    .mouse__scroll:hover {
        transform: scale(1.4);
    }

.scrollme {
    transform-origin: center top;
}

.bg__titles {
    padding: 10px;
    display: inline-block;
}

.fondo--is-form:after {
    background-color: rgba(5, 5, 5, 0.4);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fondo--is-form {
    /*transform: scale(1.04)*/;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    filter: blur(5px);
}

/*
.fondos--is-img:after {
    background: -webkit-linear-gradient(left top, rgb(71, 71, 71), rgba(255, 165, 73, 0.17), rgb(30, 0, 0));
    content: '';
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

.fondos--is-img {
    width: 100%;
    position: fixed;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    /*transform: scale(1.04)*/;
    /*transition: background-position .1s linear*/
}

.options__content:last-child {
    margin-right: 0;
}

.options__content {
    flex: 0 1 32.3%;
    height: 100%;
    margin-right: 1.5%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -279px 0px;
}

.section__options {
    font-size: 18px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.98);
    height: 100vh;
    margin: 3%;
    display: flex;
    flex-wrap: wrap;
    width: 94%;
    justify-content: flex-start;
    padding: 1%;
    border-radius: 20px;
}

/* ================================================
 * NavegaFeliz
 * @autor eparedes, myance
 * ================================================ */
.header__login__container-scrool .nav__login__container a {
    font: 17px "Swiss-Light" !important;
    font: 1.7rem "Swiss-Light" !important;
}

.header__login__container-scrool .nav__login__container {
    padding-top: 10px !important;
}

.header__login__container-scrool .jne__logo {
    width: 80px !important;
}

.header__login__container-scrool {
    background: #aa0000 !important;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.19);
    position: fixed !important;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
    left: 0;
    padding: 0 150px 10px 260px !important;
    z-index: 10;
}

html.ie {
    overflow: hidden;
}

    html.ie .navega__feliz {
        opacity: 1;
        z-index: 9999;
    }

.tituloNaveaFeliz {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    margin: 25px;
}

.navega__feliz {
    opacity: 0;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(64, 64, 64, 0.9)
}

.navegador:hover .nav__button {
    opacity: 1;
    text-decoration: underline;
}

.navegador {
    height: 100px;
    width: 200px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.navegadores {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.nav__text {
    color: #fff;
    font: 16px 'Arial-Extra-Bold';
    font: 1.6rem 'Arial-Extra-Bold';
    padding: 20px 0;
    text-align: center;
}

.nav__button {
    color: #fff;
    font: 13px 'Arial-Ligth';
    font: 1.3rem 'Arial-Ligth';
    padding: 5px;
    border: #fff 1px solid;
    margin: 10px;
    display: inline-block;
}

.img-fondo-temp {
    width: 100%;
    position: fixed;
    left: 0%;
    bottom: 0%;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: leaves 1.5s ease-in-out;
    animation: leaves 1.5s ease-in-out;
}


@-webkit-keyframes leaves {
    0% {
        -webkit-transform: scale(1.05);
        filter: blur(10px);
    }

    100% {
        -webkit-transform: scale(1);
        filter: blur(0px);
    }
}

@keyframes leaves {
    0% {
        transform: scale(1.05);
        filter: blur(10px);
    }

    100% {
        transform: scale(1);
        filter: blur(0px);
    }
}

@-webkit-keyframes leavesblur {
    0% {
        filter: blur(10px);
    }

    100% {
        filter: blur(5px);
    }
}

@keyframes leavesblur {
    0% {
        filter: blur(10px);
    }

    100% {
        filter: blur(5px);
    }
}

.mySlides {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.nav__ico {
    background-image: url('/Content/images/general/navegadores.png');
    background-repeat: no-repeat;
    margin: 0 auto;
}

.navegador--is-chrome {
    background-position: 0px -3px;
    width: 94px;
    height: 100px;
    background-size: 330px;
}

.navegador--is-firefox {
    background-position: -110px -13px;
    width: 96px;
    height: 100px;
    background-size: 320px;
}

.navegador--is-safari {
    background-position: -220px 2px;
    width: 100px;
    height: 100px;
    background-size: 330px;
}

.navegador--is-opera {
    background-position: -231px 2px;
    width: 94px;
    height: 102px;
    background-size: 330px;
}


.tabla-nofund {
    text-align: center;
    max-width: 1000px;
}

/**
 * login
 * @page login
 * @author mfyance
 */
.login__tab {
    display: block;
    width: 100%;
    overflow: auto;
}

.element__input {
    background: transparent;
    border-bottom: 0;
    padding: 9px 10px 12px 9px;
    color: #fff;
    font: 1.7rem "Swiss-Light";
}

.page--is-login h1 {
    font: 3.5rem "Arial-Extra-Bold";
    line-height: 1.2;
    /* display: inline-flex; */
    /* margin: 0 20px; */
    align-items: center;
    word-break: break-word;
}

.page--is-login h2 {
    font: 2.8rem "Lucida-Italic";
    line-height: 1.3;
    margin: 20px 0;
}

.page--is-login h3 {
    font: 35px "Arial-Extra-Bold";
    font: 3.5rem "Arial-Extra-Bold";
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

body {
    overflow: auto;
}

/* ================================================
 * Navegadores Recomendados
 * @autor eparedes, myance
 * ================================================ */
.navegadoresRecomendados {
    position: absolute;
    left: 60px;
    bottom: 11px;
    /*background: rgba(255, 255, 255, 0.23921568627450981);*/
    box-shadow: 5px -3px 2px -22px rgba(0, 0, 0, 0.48);
    z-index: 5;
    padding: 20px 30px 20px 60px;
    text-align: center;
    opacity: 0.3;
}

    .navegadoresRecomendados span {
        color: #fff;
        display: block;
        font: 12px "Lucida-Italic";
        font: 1.3rem "Lucida-Italic";
        margin-bottom: 15px;
    }

    .navegadoresRecomendados img {
        width: 170px;
    }

/* =============
   Nav
============= */

/*
.page--is-login #header__login__container{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: calc( 100% - 300px);
    margin: auto;
    left: 0;
}


BORRADO POR PRUEBAS

*/

#header__login__container, .header__login__container {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 0 20px 0px 0;
    background: rgba(0, 0, 0, 0);
}


.page--is-login .nav__login__container {
    padding-top: 20px;
}


    .page--is-login .nav__login__container li a:hover,
    .page--is-login .nav__login__container .active a {
        border-bottom: 1px solid #fff;
    }

    .page--is-login .nav__login__container a {
        font: 20px "Swiss-Light";
        font: 2rem "Swiss-Light";
        text-transform: capitalize;
        color: #fff;
    }

    .page--is-login .nav__login__container li {
        display: inline-block;
        position: relative;
        top: -100px;
        padding: 10px 15px;
        position: relative;
    }

    .page--is-login .nav__login__container li:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -9px;
        height: 18px;
        border-right: 2px solid #FFA54A;
    }

    .page--is-login .nav__login__container li:last-child:after {
        border-right:0;
    }

   .page--is-login .nav__login__container li:nth-child(1) {
        -webkit-transition: all .5s ease .3s;
        -o-transition: all .5s ease .3s;
        transition: all .5s ease .3s;
    }

    .page--is-login .nav__login__container li:nth-child(2) {
        -webkit-transition: all .5s ease .5s;
        -o-transition: all .5s ease .5s;
        transition: all .5s ease .5s;
    }

    .page--is-login .nav__login__container li:nth-child(3) {
        -webkit-transition: all .5s ease .7s;
        -o-transition: all .5s ease .7s;
        transition: all .5s ease .7s;
    }

.complete .nav__login__container li {
    top: 0;
}

/* =============
   Login
============= */
.login {
    text-transform: inherit !important;
}

.page--is-login .container__logo {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #FFAF27;
    background: #fff;
    box-shadow: 0 0 0 3px #fff, 0 0 0 8px #e20e0e;
    vertical-align: middle;
    line-height: 67px;
    padding: 13px;
    box-sizing: border-box;
}

.page--is-login .container__form {
    width: 30%;
    max-width: 450px;
    margin-left: auto;
}

.page--is-login .container__titles {
    color: #ffffff;
    width: 70%;
    padding-right: 20px;
    text-shadow: 1px 1px 3px #070403;
}

.page__content.current {
    z-index: 1;
    transform: translateY(0);
}

.page__content.top {
    opacity: 0;
    transform: scale(.9) translateY(0);
}

.first__content {
    z-index: 1;
}

.second__content.view {
    z-index: 2;
    opacity: 1;
    background: rgba(153, 153, 153, 0.92);
    margin-top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transform-origin: center bottom;
}

.second__content {
    margin-top: 50vh;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.vista__paginas .second__content {
    opacity: 0;
}

.vista__paginas .second__content,
.vista__paginas .first__content {
    -webkit-transform: translate(-100%,0%);
    -ms-transform: translate(-100%,0%);
    -o-transform: translate(-100%,0%);
    transform: translate(-100%,0%);
}

.pages__content,
.second__content,
.first__content {
    overflow-y: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    right: 0;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    height: 100vh;
    transition: all .3s ease
}

.page--is-login .container__blocks {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.page--is-login .container__blocks--login {
    width: 100%;
    height: 100%;
    max-width: calc( 100% - 300px);
    margin: 0 auto;
}

.page--is-login .main__container {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.page--is-login .video__loop {
    position: absolute;
    width: auto;
    height: auto;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.section__login {
    height: 100%;
    position: relative;
}

.contenido-Seccion-Login {
    margin-top: 100px;
    overflow: auto;
    padding: 20px;
    height: 80vh;
}

.page--is-login .form__login {
    padding: 60px 60px 40px 60px;
    margin: 0;
    border-radius: 30px;
    border: 2px solid rgba(0,0,0,0.2);
    /*border-top: 4px solid #e20e0e;*/
    position: relative;
    overflow: hidden;
    /*box-shadow: -3px 3px 10px rgba(56, 56, 56, 0.3);*/
}

.page--is-login .element__recuperar:active {
    font-weight: bold;
}

.page--is-login .element__recuperar:hover {
    text-decoration: underline;
}

.page--is-login .element__recuperar:visited,
.page--is-login .element__recuperar {
    color: #fff;
    float: right;
    font: 13px "Lucida-Italic";
    font: 1.3rem "Lucida-Italic";
    text-transform: capitalize;
}

.page--is-login .form__block {
    margin-bottom: 20px;
}

.page--is-login .form__block__txt {
    display: inline-block;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
}

.page--is-login .form__block__ico i {
    color: #fff;
    font-size: 40px;
    vertical-align: -28px;
}

.page--is-login .form__block__ico {
    display: inline-block;
    width: 32px;
    padding-top: 6px;
    text-align: center;
}

.page--is-login .form__block {
    width: 100%;
}

.page--is-login .form__block.border-bottom {
    border-bottom: 2px solid #fff;
}

.page--is-login .txt__login--shadow {
    text-shadow: 1px 1px 0px #525252;
}

.validation-summary-errors li:after {
    content: "";
    background: url(../../images/iconos/icono-alerta.svg) center center no-repeat;
    font: normal normal normal 24px/1 "Material Icons";
    position: absolute;
    width: 24px;
    height: 23px;
    top: 50%;
    left: 12px;
    color: #fff;
    transform: translate(0%,-50%);
}

.validation-summary-errors li {
    background: #2B1B1B;
    color: #FAE2CB;
    border-top: #E20E0E solid 4px;
    border-radius: 4px;
    padding: 15px;
    padding-left: 45px;
    position: relative;
    font-size: 16px;
}

.validation-summary-errors {
    padding: 20px 0
}

.element__group span:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;
    left: 0px;
    border-left: 12px solid #F20347;
    border-top: 5px solid transparent;
}

.element__group span {
    z-index: 2;
    font-style: italic;
    font-size: 12px;
    padding: 1px 5px;
    position: absolute;
    bottom: -15px;
    left: 13px;
    background-color: #F20347;
    color: #FFF;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-top-left-radius: 0px !important
}

.jne__logo img {
    width: 100%;
}

.logo--is-cola {
    background: url(/Content/images/logos/border.svg);
    display: inline-block;
    width: 100%;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0px;
}
/*
.jne__logo{
    position: absolute;
    top: 0;
    left: 60px;
    width: 120px;
     filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
}

BORRADO POR PRUEBAS
*/

.complete .jne__logo {
    top: 20px;
}

.jne__logo {
    position: absolute;
    top: -120px;
    left: 220px;
    width: 74px;
    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
    z-index: 10;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}


/* ================================================
 * Tag Lines
 * @autor myance
 * ================================================ */
.tag__band {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.tag__franja {
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    animation: extendFranja 1s;
    -webkit-animation: extendFranja 1s;
}

.tag__franja--rojo {
    background-color: #525252;
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(0deg);
    z-index: 1;
    left: -6px;
}

.tag__franja--naranja {
    left: 63px;
    background-color: #ffa549;
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    transform: skewX(-7deg);
    z-index: 2;
}

.tag__franja--azul {
    left: 27px;
    background-color: #fff;
    -webkit-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-3deg);
    z-index: 3;
}

.tag__franja--amarillo {
    left: -9px;
    background-color: #aa0000;
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    transform: skewX(-7deg);
    z-index: 4;
}

.tag__underline {
    position: relative;
}

    .tag__underline:after {
        content: '';
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 15px 0px 0px #ffa549, 30px 0px 0px #e20e0e;
    }

.tag__underline--is-center:after {
    left: 0;
    right: 0;
    margin: auto;
}

.tag__path {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    background-image: url(/Content/images/general/pathlines.png);
    background-color: rgba(0, 0, 0, 0.08);
}

.tag__view.is-active {
    color: #DA0F0E;
}

.tag__view {
    position: absolute;
    bottom: 0;
    right: -25px;
    line-height: 0px;
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.logo--is-jne {
    padding: 10px;
    background-color: #aa0000;
}

.button.button--is-primary {
    padding: 12px;
    width: 97%;
}


.image-muestral {
    height: 80%;
    display: block;
    margin: 0 auto;
}

ul.texto-narrativo {
    list-style: circle !important;
    padding-left: 20px;
}

.titlblancor {
    background: #efe9e9;
    padding: 15px;
}

.tag__franja {
    -webkit-transition: 2s; /* Safari */
    transition: 2s;
}

.login__container-scrolable {
}


.Nav-btn-info {
    background: #aa0000;
    display: inline-flex;
    width: 100%;
    max-width: 250px;
    height: 100%;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    padding: 15px;
}


    .Nav-btn-info:hover {
        background: #e20e0e;
    }

.w3-section {
    background: #aa0000;
    height: 100px;
    text-align: center;
}


.btn-slider-izquierda, .btn-slider-derehcha {
    position: absolute;
    top: 50%;
    color: #aa0000;
    font-size: 4.8rem;
    font-weight: 700;
}

.btn-slider-derehcha {
    right: 15px;
}

.btn-slider-izquierda {
    left: 15px;
}

.slider-cont {
    height: 73vh !important
}

.page--is-login .container__blocks--login {
    padding-right: 30px;
}

.page--is-login .container__titles {
    width: 60%;
}

.page--is-login .container__form {
    width: 40%;
}

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

    .page--is-login .container__blocks--login {
        margin: 0;
        padding-left: 180px;
        max-width: 100%;
    }

    html {
        font-size: 55%;
    }
}

@media only screen and (max-width : 1300px) {
    html {
        font-size: 50%;
    }
}


@media only screen and (max-width : 1100px) {
    .element__input {
        font: 1.8rem "Swiss-Light";
    }

    html {
        font-size: 48%;
    }

    .page--is-login .container__titles {
        width: 50%;
    }

    .page--is-login .container__form {
        width: 50%;
    }

    .page--is-login h1 {
        margin: 10px;
    }
}


@media only screen and (max-width : 960px) {
    .page--is-login .container__logo {
        width: 70px;
        height: 70px;
        line-height: 50px;
        padding: 6px;
    }

    html {
        font-size: 55%;
    }

    .page--is-login h1 {
        text-align: center;
        width: 100%;
        max-width: none;
    }

    .material-icons {
        margin: 0 3px;
    }


    .navegadoresRecomendados {
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 1;
        padding: 5px
    }

        .navegadoresRecomendados span {
            margin-bottom: 5px;
        }

        .navegadoresRecomendados img {
            width: 80px;
        }

    .page--is-login .container__blocks--login {
        margin: 0 auto;
        padding: 0;
        max-width: 400px;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        z-index: 10;
        position: relative;
        height: 100vh;
    }

    .page--is-login .container__titles {
        width: 100%;
        max-width: 100%;
    }


    .page--is-login .form__block__txt {
        display: inline-block;
        width: -moz-calc(100% - 55px);
        width: -webkit-calc(100% - 55px);
        width: calc(100% - 55px);
    }

    .page--is-login h2 {
        display: none;
    }

    .page--is-login .form__block .button.button--is-primary {
        padding: 10px;
        width: 100%;
    }


    /* ================================================
         * Selection
         * @autor EDG eparedes
         * ================================================ */
    .page--is-login .nav__login__container a {
        margin: 0;
        padding: 18px;
    }

        .page--is-login .nav__login__container a:hover {
            background: rgba(0, 0, 0, 0.14);
        }

    .tag__franja {
        position: absolute;
        margin-left: -62px;
        -webkit-transition: 1s; /* Safari */
        transition: 1s;
    }



    .jne__logo {
        position: relative;
        margin: 10px;
        width: 70px;
        left: 0;
    }


    .page--is-login .form__login {
        padding: 53px 30px 20px 30px;
    }


    .tag__franja {
        display: none;
    }




    .page--is-login .video__loop {
        min-height: 100vh;
    }

    .tag__path {
        min-height: 100vh;
    }



    .page--is-login .nav__login__container {
        position: absolute;
        top: 0;
        right: 0;
    }

    .logo--is-cola {
        display: none;
    }



    .page--is-login .container__blocks--login {
        padding-top: 60px !important;
        padding-bottom: 30px;
    }




    .page--is-login .container__form {
        width: 100%;
        max-width: 100%;
        margin-top: 50px;
        margin-bottom: 0;
    }



    .logo--is-jne {
        padding: 0;
        background-color: transparent;
    }


    .tag__franja {
        width: 0px;
        opacity: 0;
    }




    .w3-section {
        height: auto;
        background: #920000;
    }

    .image-muestral {
        height: auto;
        width: 100%;
    }

    .section__login, .contenido-Seccion-Login {
        height: auto;
        z-index: 2
    }
}


@media only screen and (max-width : 960px) and (orientation: portrait) {
    .logo--is-jne {
        max-width: 60px !important;
    }

    .page--is-login .container__blocks--login {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding-top: 0 !important;
    }
}




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

    .options__content {
        flex: 0 1 32.3%;
        height: 100%;
        margin-right: 1.5%;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 0px;
    }

    .titulo__video {
        display: none;
    }

    .options__content {
        flex: 0 1 100%;
        height: 33.3%;
        margin-right: 0;
    }

    .video--is-line {
        width: 100%;
        height: 100;
    }

    #header__login__container, .header__login__container {
        z-index: 3
    }

    h1 {
        font-size: 40%;
    }

    .page--is-login .nav__login__container {
        width: 100%;
        z-index: 2
    }

    .complete .jne__logo {
        top: 0;
    }
}

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



    .page--is-login h1 {
        font-size: 3rem;
    }

    .page--is-login h2 {
    }

    .page--is-login .container__blocks--login {
        padding-top: 100px !important;
        padding: 40px;
        justify-content: normal;
    }

    .page--is-login #header__login__container {
        max-width: none;
        margin: 0 auto;
        text-align: center;
    }

    .mouse__scroll {
        bottom: -25px
    }

    .page--is-login .nav__login__container li a:hover, .page--is-login .nav__login__container .active a {
        font-weight: bold;
        border-bottom: 1px solid #fff;
        background: rgba(0, 0, 0, 0.13);
    }
}

@media only screen and (max-width : 800px) and (orientation: landscape) {
    .page--is-login .container__titles {
        text-align: center;
        padding: 0;
        margin: 7px auto
    }

    .page--is-login .container__blocks--login {
        max-width: 95%;
    }

    .page--is-login .container__form {
        margin-top: 0;
    }

    .container__logo {
        display: none;
    }

    .page--is-login .form__login {
        padding: 30px;
    }

    .page--is-login h1 {
        font-size: 2.3rem
    }

    .mouse__scroll,
    .navegadoresRecomendados {
        display: none;
    }
}

@media only screen and (max-width : 540px) and (orientation: landscape) {
}

@media only screen and (max-width : 500px) and (orientation: landscape) {
    .container__titles {
        display: none;
    }

    .page--is-login .form__block {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width : 500px) {
    .page--is-login .form__block {
        margin-top: 10px !important;
    }

    .page--is-login #header__login__container {
        text-align: center;
        padding: 0;
        position: absolute;
        top: 0;
    }

    .jne__logo {
        margin: 0 auto;
        width: 70px;
        text-align: center;
        position: relative;
        left: inherit;
        padding: 0;
        text-align: center;
        top: inherit;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        top: 0 !important;
    }

    .logo--is-jne {
        margin: 0 auto;
    }

    .page--is-login .nav__login__container a {
        margin: 0;
        padding: 0 3px;
    }

    .page--is-login h1 {
        font-size: 2.5rem;
        padding: 0;
        margin: 0;
    }

    .page--is-login .container__titles {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .logo--is-jne {
        max-width: 40px;
    }

    .page--is-login .container__blocks--login {
        padding: 0;
        padding-top: 50px !important;
    }

    .container__logo {
        display: none;
    }

    .page--is-login .container__form {
        margin-top: 0;
        margin: 0 auto;
        max-width: 95%;
    }

    .nav__login__container,
    .page--is-login .form__login {
        padding: 30px;
    }

    .navegadoresRecomendados,
    .nav__login__container,
    .mouse__scroll {
        display: none;
    }
}



/* =============
Form Validate - Loading
============= */
.content__form {
    position: relative;
    z-index: 1;
    filter: inherit;
}

.form__loading .content__form {
    filter: blur(6px);
}

.form__loading .content__loading {
    display: block;
}

.content__loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.42);
    z-index: 2;
}

.loader--is-svg {
    position: absolute;
}

#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-flow: row nowrap;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    #loader .bull {
        width: 15px;
        height: 15px;
        margin: 0px 5px;
        border-radius: 50%;
        background: #aa0000;
        -webkit-animation: anima 500ms ease infinite alternate;
        animation: anima 500ms ease infinite alternate;
    }

        #loader .bull:nth-child(1) {
            -webkit-animation-delay: -900ms;
            animation-delay: -900ms;
        }

        #loader .bull:nth-child(2) {
            -webkit-animation-delay: -1800ms;
            animation-delay: -1800ms;
        }

        #loader .bull:nth-child(3) {
            -webkit-animation-delay: -2700ms;
            animation-delay: -2700ms;
        }

        #loader .bull:nth-child(4) {
            -webkit-animation-delay: -3600ms;
            animation-delay: -3600ms;
        }

        #loader .bull:nth-child(5) {
            -webkit-animation-delay: -4500ms;
            animation-delay: -4500ms;
        }

@-webkit-keyframes anima {
    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes anima {
    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

em.error {
    z-index: 2;
    font-style: italic;
    font-size: 12px;
    padding: 1px 5px;
    position: absolute;
    bottom: -15px;
    left: 13px;
    background-color: #F20347;
    color: #FFF;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-top-left-radius: 0px !important;
}





/* =============
   Placeholder
============= */
::-webkit-input-placeholder {
    color: #fff;
}

:-moz-placeholder,
::-moz-placeholder {
    color: #fff;
}

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

input[type='text']:focus::-webkit-input-placeholder {
    opacity: 0;
}




















.caja {
    position: relative;
    overflow: hidden;
    min-height: 322px;
}

    .caja .myhover:hover,
    .caja .myhover:hover a,
    .caja .myhover:hover h3,
    .caja .myhover:hover h3 ~ em,
    .caja .myhover:hover h3 ~ p {
        opacity: 1
    }

    .caja .myhover h3 ~ p {
        opacity: 0;
        -webkit-transition: opacity .7s ease-in-out !important;
        -o-transition: opacity .7s ease-in-out !important;
        transition: opacity .7s ease-in-out !important
    }

    .caja .myhover:hover h3,
    .caja .myhover:hover h3 ~ em {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

    .caja .myhover h3,
    .caja .myhover h3 ~ em {
        padding: 0 20px;
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-transition: all .4s ease-in-out !important;
        -o-transition: all .4s ease-in-out !important;
        transition: all .4s ease-in-out !important
    }

    .caja .myhover a {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -o-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition: all .5s ease-in-out !important;
        -o-transition: all .5s ease-in-out !important;
        transition: all .5s ease-in-out !important
    }

    .caja .myhover:hover a {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

    .caja .comentario .content-comentario > div {
        display: table-cell;
        vertical-align: middle
    }

    .caja .comentario .content-comentario {
        display: table;
        width: 100%;
        height: 100%;
        background: rgba(224, 165, 91, 0.88);
    }

    .caja:hover .comentario {
        opacity: 0;
        -webkit-transform: scale(-1, -1);
        -ms-transform: scale(-1, -1);
        -o-transform: scale(-1, -1);
        transform: scale(-1, -1);
        -webkit-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in
    }

    .caja .comentario {
        /* border: 1px solid #FFAF27; */
        border: 9px solid #ffffff;
        background: rgba(150, 106, 63, 0.14);
        box-shadow: 0 0 5px 221px rgba(0, 0, 0, 0.32);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 60%;
        margin: auto;
        border-radius: 10px;
        overflow: hidden;
        min-width: 228px;
    }

    .caja .myhover {
        cursor: crosshair;
        -webkit-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        opacity: 0.0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        background-color: rgba(224, 165, 91, 0.88);
        background-size: cover;
    }

        .caja .myhover .content-hover > div {
            display: table-cell;
            vertical-align: middle;
            cursor: pointer;
        }

        .caja .myhover .content-hover {
            text-align: center;
            margin: 0 auto;
            display: table;
            width: 100%;
            height: 100%
        }

.titulo__video {
    z-index: 2;
    text-align: center;
    color: #fff;
    font: 30px "Lucida-Italic";
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.title__box {
    color: #fff;
    font: 30px "Arial-Extra-Bold";
    margin-bottom: 10px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.48);
}

.subtitle__box {
    color: #fff;
    font: 25px "Lucida-Italic";
    width: 80%;
    margin: 0 auto;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.48);
}

.maintitle__box {
    color: #ffffff;
    text-align: center;
    font: 2.6rem "Arial-Extra-Bold";
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.71);
}

.btn__cerrar i {
    font-size: 45px;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn__cerrar:hover i {
    color: #aa0000
}

.btn__cerrar {
    position: absolute;
    top: 1%;
    right: 1%;
    z-index: 3
}

/*
.container__form {
    animation: moveLogin 1s;
    -webkit-animation: moveLogin 1s;
    opacity: 1;
    top: 0;
}

@-webkit-keyframes moveLogin{
    0%{top:5%; opacity: 0;}
    100%{top:0px; opacity: 1}
}
@-webkit-keyframes extendFranja{
    0%{width: 0%; }
    100%{width: 70px; }
}
*/

.titulo__content--is-main {
    max-width: 600px;
    margin: 0 auto;
}

/*
.titulo__content{
    text-transform: uppercase;
    text-align: center;
    font: 40px 'Arial-Extra-Bold';
    color: #484848;
    margin-top: 10px;
}*/



.titulo__content {
    text-transform: uppercase;
    text-align: center;
    font: 40px 'Arial-Extra-Bold';
    color: #525252;
    margin-top: 10px;
}

.block--is-title {
    /*height: calc(50vh - 10px);*/
    background-color: #ddd;
    background: linear-gradient(141deg, #ff9270 0%, #ffe2ae 60%);
    background: #ffdeb3;
    border-bottom: 15px solid #ffa549;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe4c6+0,ffdeb3+100 */
    background: #ffe4c6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #ffe4c6 0%, #ffdeb3 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #ffe4c6 0%,#ffdeb3 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ffe4c6 0%,#ffdeb3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe4c6', endColorstr='#ffdeb3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.logo__detalle img {
    max-width: 180px
}

.vista__paginas .pages__content {
    opacity: 1;
    transform: scale(1);
}

.pages__content {
    opacity: 0;
    z-index: 0;
    background: #fff;
    height: 100vh;
    overflow: auto;
    /*  padding: 20px;*/
    transform: scale(0);
    -webkit-transition: all .4s ease-in-out .4s;
    -o-transition: all .4s ease-in-out .4s;
    transition: all .4s ease-in-out .4s;
}

.block__content--is-bg2 {
    background-color: #fff6e5;
}

.block__content--is-bg3 {
    background-color: #f3f3f3;
}

.block__content {
    position: relative;
    padding: 60px 0;
}

.page__content {
    max-width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 50;
}

.lista__caracteristicas {
    position: relative;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    /*  justify-content: flex-start;*/
    margin: 0 -10px 0px -10px;
}


.material--is-icon {
    position: absolute;
    top: 16px;
    left: 18px;
    color: #fff;
    font-size: 30px;
}

.lista__caracteristicas--is-li {
    flex: 0 1 23%;
    min-width: 23%;
    margin: 1%;
    padding: 20px;
    min-height: 120px;
    padding-top: 60px;
    position: relative;
    font: 16px 'Lucida-Italic';
    border-radius: 16px;
    box-shadow: 1px 1px 7px -1px rgba(37, 37, 37, 0.78);
}

    .lista__caracteristicas--is-li p a {
        color: #cc3232;
    }

        .lista__caracteristicas--is-li p a:hover {
            color: #aa0000;
        }


    .lista__caracteristicas--is-li:nth-child(1) {
        background: #aac4da;
        border-top: 4px solid #546a7c;
    }

    .lista__caracteristicas--is-li:nth-child(2) {
        background: #aad594;
        border-top: 4px solid #4f773b;
    }

    .lista__caracteristicas--is-li:nth-child(3) {
        background: #cfab88;
        border-top: 4px solid #e17c14;
    }

    .lista__caracteristicas--is-li:nth-child(4) {
        background: #7ac4ff;
        border-top: 4px solid #508ab8;
    }

    .lista__caracteristicas--is-li:nth-child(5) {
        background: #ff9991;
        border-top: 4px solid #b8564f;
    }

    .lista__caracteristicas--is-li:nth-child(6) {
        background: #ffc166;
        border-top: 4px solid #d98100;
    }

    .lista__caracteristicas--is-li:nth-child(7) {
        background: #aadacd;
        border-top: 4px solid #71a295;
    }

.content__back {
    padding: 80px 0;
    max-width: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto;
}

.btn--is-icon {
    font-size: 50px;
    color: #ffa549;
    transform: rotate(180deg);
}



.button__details--is-back:hover .btn--is-icon {
    color: #fff;
}

.button__details--is-back:hover {
    box-shadow: 0 2px 0 0 2px 0 rgba(105, 102, 102, 0.5);
    background: #ffe2ae;
}

.button__details--is-back {
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    transition: all .2s linear
}



.fondo--is-svg {
    top: -3%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 90%;
    opacity: 0.3;
}


/*
.fondo--is-svg {
    top: 28%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 60%;
    opacity: 0.1;
}*/

.devices-hero--device--outline {
    fill: none;
    stroke: #db6262;
    stroke: rgba(255, 165, 73, 0.28);
    stroke-width: 5;
    stroke-miterlimit: 10
}

.devices-hero--device--filled-shape {
    fill: #7bc9d5
}


@keyframes enterLeft {
    0% {
        opacity: 1;
        transform: translateX(-2000px)
    }

    100% {
        transform: translateX(0)
    }
}

.is-animated--enterLeft {
    animation-name: enterLeft
}



.is-animated {
    animation-fill-mode: both;
    animation-duration: 1s
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(20px)
    }

    95% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.is-animated--bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes enterDown {
    0% {
        transform: translateY(-2000px);
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

.is-animated--enterDown {
    animation-name: enterDown
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(20px)
    }

    95% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.is-animated--bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes enterLeft {
    0% {
        opacity: 1;
        transform: translateX(-2000px)
    }

    100% {
        transform: translateX(0)
    }
}

.is-animated--enterLeft {
    animation-name: enterLeft
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-20px)
    }

    95% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.is-animated--bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes enterRight {
    0% {
        opacity: 1;
        transform: translateX(2000px)
    }

    100% {
        transform: translateX(0)
    }
}

.is-animated--enterRight {
    animation-name: enterRight
}

@keyframes zoomForward {
    0% {
        opacity: 1;
        transform: translate(0, 0) scale(0.1)
    }

    100% {
        transform: translate(0, 0) scale(1)
    }
}

.is-animated--zoomForward {
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    animation-name: zoomForward;
    animation-timing-function: linear;
    animation-delay: 200ms;
    animation-duration: 750ms
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}

.is-animated--rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.is-animated--rollOut {
    animation-name: rollOut
}


/*Video*/
.content__video.view {
    z-index: 99999
}

.content__video {
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #000;
    overflow: hidden;
    z-index: -1;
}

.content__video--is-video {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    height: 100vh;
}

.content__videos--toclose {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999999;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}


.content__videos--more {
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.content__video--is-close {
    cursor: pointer;
    font-size: 30px;
    color: #ffaf27;
    margin-right: 5px;
}

.content__video--is-txt {
    font: 12px 'Lucida-Italic';
    color: #ffaf27;
}


.content__video--is-txt2 {
    font: 12px 'Lucida-Italic';
    color: #ffaf27;
}


.about__app {
    display: none;
}

/*Notificaciones*/
.vista__paginas.notificacion .about__sije {
    display: none;
}

.vista__paginas.notificacion .about__app {
    display: block;
}




@media only screen and (max-width: 960px) {
    .lista__caracteristicas--is-li {
        flex: 0 1 48%;
        min-width: 48%;
    }

    .block__point--is-item {
        flex: 0 0 98%;
        max-width: 98%;
    }

    .content__caracteristica {
        flex: 0 1 48%;
        max-width: 48%;
    }


    .content__problems--is-item {
        flex: 0 1 48%;
        max-width: 48%;
    }

    .alcance__detalle {
        flex: 0 1 98%;
    }

    .section__options {
        font-size: 18px;
        z-index: 2;
        background: rgba(255, 255, 255, 0.98);
        height: 100vh;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: flex-start;
        padding: 3%;
        border-radius: 0;
        overflow: auto;
    }
}

@media only screen and (max-width: 650px) {
    .Personal {
        columns: 1;
    }

    .lista__caracteristicas--is-li {
        flex: 0 1 98%;
        min-width: 98%;
    }



    .content__problems--is-item {
        flex: 0 1 98%;
        max-width: 98%;
    }


    .content__caracteristica {
        flex: 0 1 98%;
        max-width: 98%;
    }
}


/* ================================================
 * Selection
 * @autor EDG eparedes
 * ================================================ */
::selection {
    background: #ffa549 !important;
    color: #fff;
}

*::-moz-selection {
    background: #ffa549 !important;
    color: #fff;
}