@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: local('☺'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'AppFont';
  src: url("fonts/App_iconfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'platforms';
  src: url('samples/site/images/formfactor/platform.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ********* Estilos Generales *********** */
/*h1, h2, h3, h4, h5 {
  font-family: 'Open Sans';
}*/
/** {
    font-family:'Open Sans', sans-serif;

}*/

body {
    font-size: 1.25em;
    background: rgba(248,248,248,0.7);
}

/* *********************** Estilos Páginas secundarias  **************************** */
.fecha {
    font-size: smaller;
    text-align: right;
    clear: both;
}
.breadcrumb {
    margin-bottom: 0;
    background-color: #FFF;
    font-size: 0.9em;
}
.breadcrumb a {
    color: #777;
    text-decoration: none;
    cursor: pointer;
}
.breadcrumb a:hover {
    text-decoration: underline;
    cursor: pointer;
}
.breadcrumb a:focus {
    font-weight: 800;
    color: #003170!important;
}
.texto_cont {
    padding: 25px 7%;
    background-color: #fff;
    margin: 1% 0;
    min-height: 535px;
}
.texto_cont h1,
.texto_cont h2,
.texto_cont h3,
.texto_cont h4,
.texto_cont h5 {
    font-family: 'ChangaOne'!important;
    -webkit-font-smoothing: antialiased;
}
.texto_cont h1 {
    color: #003170;
}
.texto_cont h2 {
    font-size: 1.6em!important;
    color: #5089b6;
}
.texto_cont h3 {
    font-size: 1.2em!important;
    color: #5089b6;
}
.texto_cont img {
    /*Imagenes responsivas*/

    width: 100%;
    display: block;
    margin: 0 auto;
}
.texto_cont a:focus {
    font-weight: 800;
}
.destacado {
    background-color: #003170;
    color: #FFF;
    padding: 0.8em;
}
.destacado.claro {
    background-color: #0d72b4;
}
.ImgDestacada {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative
}
.ImgDestacada img {
    width: 100%;
}


/* Formatea páginas con código anterior*/
.texto_cont .subtitulo {
    color: #5089b6;
    font-size: 1.2em;
    -webkit-font-smoothing: antialiased;
    font-family: 'ChangaOne'!important;
}
.subtitulo strong {
    -webkit-font-smoothing: antialiased;
    font-family: 'ChangaOne'!important;
}
.titulo {
    -webkit-font-smoothing: antialiased;
    font-family: 'ChangaOne';
    color: #003170;
}
#Enlaces iframe {
    width: 100%;
    /* height: 200px;*/

    border: 0;
}


/* Tablas Páginas Secuendarias */
.texto_cont table {
    border-collapse: collapse;
    border: 1px grey solid;
    margin: 0px;
}
.texto_cont td,
.texto_cont th {
    border-bottom: 1px solid grey;
    padding: 5px;
    text-align: left;
}
.texto_cont table tr:nth-child(even) {
    background-color: #f2f2f2
}
.texto_cont th {
    background-color: #003170;
    color: #FFF;
}



/* Footer */
#layerFooter {
    background-color: #5089b6;
    font-size: 0.9em;
    z-index: -1;
}
.footerRow a:focus,
.footerContacto a:focus {
    font-weight: 800;
}
.disclaimer {
    background-color: #FFF;
    color: #5089b6;
    min-height: 2em;
    border-bottom: 1px solid #aaa;
}
.linksabajo {
    background-color: #ddd;
    font-weight: bold;
    padding-bottom: 1em;
}
.linksabajo a {
    color: #5089b6;
}


/**/
@media (min-width: 320px) and (max-width: 768px) {

    .DivEnlaces span {
        display: inline-block;
        margin-left: 0px;
        padding-top: 1%;
        padding-bottom: 1%;
        position: relative;
        vertical-align: middle;
    }


    #banners span img {
        padding: 3%;
        width: 110px;
    }


    .DivEnlaces span {
        display: inline-block;
        margin-left: 0px;
        padding: 3%;
        position: relative;
        vertical-align: middle;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .DivEnlaces span {
        display: inline-block;
        margin-left: 2%;
        padding-bottom: 10px;
        position: relative;
        vertical-align: middle;
    }

    #banners span img {
        padding: 10px;
        width: 135px;
    }
}


@media (min-width: 992px) and (max-width: 1200px) {
    .DivEnlaces span {
        display: inline-block;
        margin-left: 2%;
        padding-bottom: 10px;
        position: relative;
        vertical-align: middle;
    }

    #banners span img {
        padding: 20px;
        width: 142px;
    }
}

.siiof-icon-font, .siiof-icon-font-24 {
  font-family: AppFont;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  font-weight: normal;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.siiof-icon-font:before, .siiof-icon-font-24:before {
  display: inline-block;
}

.siiof-icon-font-24 {
  font-size: 24px;
}

/* Icons with a suffix "-16" were designed to look best at 16px. */
.siiof-bookmark-icon-16:before {
  content: "\e606";
}

.siiof-grid-icon-16:before {
  content: "\e607";
}

.siiof-list-icon-16:before {
  content: "\e608";
}

.siiof-gear-icon-16:before {
  content: "\e609";
}

/* Icons with a suffix "-24" were designed to look best at 24px. */
.siiof-home-icon-24:before {
  content: "\e600";
}

.siiof-education-icon-24:before {
  content: "\e601";
}

.siiof-catalog-icon-24:before {
  content: "\e602";
}

.siiof-palette-icon-24:before {
  content: "\e603";
}

.siiof-library-icon-24:before {
  content: "\e604";
}

.siiof-chat-icon-24:before {
  content: "\e605";
}
.siiof-fire-icon-24:before {
    content: "\e908";
}

.siiof-fira-icon {
  width: auto;
  height: auto;
}
.siiof-fira-icon:before {
  content: url("images/LOGOSIIOF.svg");
  display: inline-block;
  padding-top: 10px;
}
/* Adds padding between logo and application name */
html:not([dir="rtl"]) .siiof-fira-icon {
  padding-right: 4px;
}
html[dir="rtl"] .siiof-fira-icon {
  padding-left: 4px;
}







[class^="siiof-platform-icon-"], [class*=" siiof-platform-icon-"] {
  font-family: 'platforms';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 24px;
  height: 24px;
  font-size: 24px;
}


/* custom themes */
.siiof-platform-icon-blocked:before {
    content: "\e905";
}
.siiof-platform-icon-projector:before {
    content: "\e900";
}
.siiof-platform-icon-wrench:before {
    content: "\e901";
}
.siiof-platform-icon-leaf:before {
    content: "\e902";
}
.siiof-platform-icon-cloud:before {
    content: "\e906";
}
.siiof-platform-icon-sf:before {
    content: "\e907";
}
.siiof-platform-icon-revert:before {
    content: "\e904";
}
.siiof-platform-icon-newwindow:before {
    content:"\e903"
}
.siiof-platform-icon-stable:before {
    content: "\e908";
}


/* platform themes */
.siiof-platform-icon-web:before {
    content: "\e9c9";
}
.siiof-platform-icon-ios:before {
    content: "\eabf";
}
.siiof-platform-icon-android:before {
    content: "\eac1";
}
.siiof-platform-icon-windows:before {
    content: "\eac3";
}


.site-color-null:after {
    content: 'N/A';
}

.site-hex-null:after {
    content: 'null';
}

html .siiof-button-pulse.oj-button.oj-component {
  box-shadow: 0 0 0 0 rgba(0, 130, 48, 0.5);  
  -webkit-animation: pulse 2s 4 cubic-bezier(0.7, 0, 0.5, 1);
  -moz-animation: pulse 2s 4 cubic-bezier(0.7, 0, 0.5, 1);
  -ms-animation: pulse 2s 4 cubic-bezier(0.7, 0, 0.5, 1);
  animation: pulse 2s 4 cubic-bezier(0.7, 0, 0.5, 1); }

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(0, 130, 48, 0); } }

@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(0, 130, 48, 0); } }

@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(0, 130, 48, 0); } }

@keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(0, 130, 48, 0); } }




.siiof-buttonset-tall .oj-button {
  min-height: 42px;
}

.siiof-themeroller {
    overflow: hidden;
    width: 330px;
    min-width: 330px;
    flex-grow: 0;
}

.siiof-components-wrap {
    overflow: hidden;
}

.siiof-themeroller table
{
    border-collapse:collapse;
    table-layout: fixed;
    font-family: Consolas, Menlo, Monaco, 'Source Code Pro', 'Courier New', Courier, monospace;
}


.siiof-themeroller tr,
.siiof-themeroller th,
.siiof-themeroller td
{
  border-color: #c4ced7;
  border-style: solid;
}


.siiof-themeroller th,
.siiof-themeroller td
{
    border-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 3px;
}

.siiof-themeroller tr,
.siiof-themeroller td:first-child {
   border-width: 1px
}


.siiof-var-color {
    width: 28px;
}

.siiof-var-hex {
    width: 10.5em;
}


.siiof-circle-icon-font {
  font-family: 'Alta Icon Font';
  line-height:1;
  display:inline-block;
}

.monoimages {
  width: 75px; height: 25px;
  display: inline-block;
}
.marginBottom {
  margin-bottom: 15px;
}
.oj-flex-items-pad > .oj-flex.marginBottom > .oj-flex-item {
  padding: 0px;
}
.verticalstyle div {
  overflow: hidden;
}
.verticalstyle div span, .verticalstyle div img {
  float: left;
}
.verticalstyle img.monocommonimages {
  width: 200px; height: 30px;
}
.verticalstyle span {
  line-height: 30px;
}
.siiof-contrast-box {
  font-size: 12px;
  font-family: monospace;
  display:inline-block;
  width:380px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.oj-table-grid-display .oj-table-data-cell {
  padding: 0.5em;
  height: auto;
}
table.paletteTable tbody tr td.oj-table-data-cell {
  text-align: center;
  border-right: none;
}
.oj-table-grid-display .oj-table-body-row {
  height: auto;
}
.oj-table-data-cell.oj-hover {
  background-color: transparent;
}

.oj-messages-general {
  width: 500px;
  min-width: 500px;
}

.oj-offcanvas-outer-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  box-sizing: border-box; }

/*
     * only applied to the page level offcanvas
*/
.oj-offcanvas-page > .oj-offcanvas-open {
    position: fixed; }

/*
     * only applied to the outer wrapper of page level offcanvas
*/
.oj-offcanvas-outer-wrapper.oj-offcanvas-page {
    overflow-y: visible; }

.oj-hybrid-applayout-page {
      min-height: 100vh;
      background-color: white; }
/* ------------------------------------------------------ */
/* Signin page style */
.siiof-signin-bg {
        height: 100vh;
        background-image: url("../../Menu/images/siiof/MobilePT.jpg");
        background-size: cover;
        background-position-y: 100%; }

.siiof-signin-column {
        position: relative; }

.siiof-signin-column > * {
        z-index: 2; }

.siiof-signin-column:before {
        content: ' ';
        z-index: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.8);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px); }

@media only screen and (max-height: 460px) {
        .siiof-circle-flex-item {
          transform: scale(0.45);
          transform-origin: 100% 0; } }

@media only screen and (max-height: 430px) {
        .siiof-signin-appname {
          transform: scale(0.7);
          transform-origin: 0 100%; } }

@media only screen and (max-height: 410px) {
        .siiof-signin-appname {
          transform: scale(0.7);
          transform-origin: 0 100%; } }

.siiof-circle-logo-container {
        height: 200px;
        width: 200px;
        border-radius: 50%;
        border: solid 1px;
        border-color: rgba(255, 255, 255, 0.3);
        padding: 4px;
        margin: 2px; }

.siiof-circle-logo {
        background: url("../../Menu/images/siiof/fira_logo.svg") no-repeat center;
        background-color: rgba(255, 255, 255, 0.25);
        background-size: 95%;
        border-radius: 50%;
        height: 200px;
        width: 200px; }
.siiof-logo {
        background: url("../../Menu/images/siiof/LOGO FIRA.svg") no-repeat left;
        background-size: 100%;
        height: 150px;
        width: 300px;
        padding: 0px;
        margin: 0px;  }
.siiof-marca {
        background: url("../../Menu/images/siiof/LOGOSIIOF.png") no-repeat left;
        background-size: 100%;
        height: 150px;
        width: 300px;
        padding: 0px;
        margin: 0px;  }
.siiof-signin-form-container {
          position: relative;
          border-left: 4px solid #88C331;
          background-color:rgba(255,255,255,0.7);
          margin: 20px 4px 18px 4px; }
.siiof-signin-form-container .siiof-signin-button {
            height: 3rem;
            font-size: 1.250rem; }
.siiof-signin-form-container .siiof-signin-button-label {
            font-size: 1.250rem; }
.siiof-signin-form-container a.forgotLinkM {
            white-space: nowrap;
            line-height: 44px; }
.siiof-signin-form-container a.forgotLinkM:link {
            text-decoration: none;
            margin-left: 12px; }

.oj-hybrid-padding {
                  padding: 1.33333rem; }

.oj-hybrid-padding-vertical {
                  padding-top: 1.33333rem;
                  padding-bottom: 1.33333rem; }

.oj-hybrid-padding-horizontal {
                  padding-left: 1.33333rem;
                  padding-right: 1.33333rem; }

.oj-hybrid-padding-top {
                  padding-top: 1.33333rem; }

.oj-hybrid-padding-bottom {
                  padding-bottom: 1.33333rem; }
.siiof-tile {
    font-weight: bold; }

.siiof-scroll-container {
    overflow: auto;    }
.siiof-centering-container {
    text-align: center;
    padding: 0;
  }

.siiof-masonry-layout {
  display: inline-block;
  width: 240px;
}
.botonn {
border:0;outline:0 none;
background: none;
cursor:pointer;
}
a.boton {
-webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

.withplaceholder {
  display: inline-block;
  position: relative;
}

.withplaceholder input { position: relative; }

.placeholder {
  display: block;
  font-size: 11px;
  color: #999;
  position: absolute;
  top: 13px;
  right: 15px;
  transition: all .3s ease-in-out;
  text-align: right;
  z-index: 5;
  opacity: 0;
}

.placeholder.on {
  transition: all .3s ease-in-out;
  float: right;
}

.logo {
    right: 25%;
    top: 0px;
    width: 25%;
    height: auto;
}

.marca {
    right: auto;
    top: 0px;
    width: 60%;
    height: auto;
    padding-top: 10%;
}

.avatar {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
    background-size: 35px 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.container {
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
}
.name {
    font-weight: bold;
}

.oj-text-secondary-color {
    color: rgba(0, 0, 0, 0.7);
}
.oj-text-xs {
    font-size: 0.78571rem;
}

.siiof-appheader-avatar{width:24px;height:24px}.siiof-appheader-avatar:before{content:url("images/avatar_24px.png")}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx){.siiof-appheader-avatar:before{content:url("images/avatar_24px_2x.png");-webkit-transform:translate(-25%, -25%) scale(0.5);transform:translate(-25%, -25%) scale(0.5)}}

.siiof-page {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50;
  left: 0;
  padding: 10px;
  box-sizing: border-box;
  overflow: auto;
  transition: transform 0.25s;
  }

.siiof-page1-hide {
  transform: translate3d(-100%, 0, 0); }

.siiof-page2-hide {
  transform: translate3d(100%, 0, 0);
}

html:not([dir="rtl"]) .siiof-content {
  margin-left: 10px; }

html[dir="rtl"] .siiof-content {
  margin-right: 10px; }

.siiof-container
{
  position: relative;
  width: 100%;
  height: 350px;
  overflow: hidden;
}

.siiof-panel
{
  height: calc(100% - 40px);
}
/*.ir-arriba {
    padding: 5px;
    display: inline-block;
    color: #fff;
    position: fixed;
    font-size: 20px;
    bottom: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
}*/

.ir-arriba.open {
    animation-name: bounceInUp;
}
/*evento hover*/
.ir-arriba:hover{
  box-shadow:   0px 2px 10px 0px rgba(255, 255, 255, 0.75);
}
.ir-arriba {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeOutDown;
    background: rgba(0,151,75,.6);
    border: 3px solid #24a34b;
    border-radius: 50%;
    transition: all .5s linear;
    /*height: 50px;
    width: 50px;*/
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 999999999;
}

.siiof-signin-bgg {
    height: 100vh;
    background-image: url(../../Menu/images/siiof/MobilePTx.jpg);
    background-size: cover;
    background-position-y: 100%;
    height: 500px;
}

.panelCambio { font-size: xx-small }


.approveicon, .waitingicon, .rejectedicon {
    background-color: #96C124;
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 7px;
    border-radius: 5px;
}

.buttonnn {
    color: #FFFFFF;
    background: #50AE36;
    border: 1px #DADADA solid;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 10pt;
    cursor: pointer;
    outline: none;
}


.buttonnn:hover {
    border: 1px #C6C6C6 solid;
    box-shadow: 1px 1px 1px #50AE36;
    /*background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));*/
    color: #444444;
    background: #F3F3F3;
    /*background: #F7F7F7;*/
}

.buttonnn:active {
    box-shadow: inset 1px 1px 1px #50AE36;
}
.buttonnn:disabled {
  color: black;
  background: #dddddd;
}

.buttonnnn {
    color: #0c0c0c;
    background: #fbf2f3;
    border: 1px #DADADA solid;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 10pt;
    cursor: pointer;
    outline: none;
}


.buttonnnn:hover {
    border: 1px #C6C6C6 solid;
    box-shadow: 1px 1px 1px #fbf2f3;
    /*background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));*/
    color: #444444;
    background: #F3F3F3;
    /*background: #F7F7F7;*/
}

.buttonnnn:active {
    box-shadow: inset 1px 1px 1px #fbf2f3;
}
.buttonnnn:disabled {
  color: black;
  background: #dddddd;
}

footer {
    height: 2.0rem;
    background: rgb(80, 178, 96);
    flex-shrink: 0;
   /* Like the header, the footer will have a static height - it shouldn't grow or shrink.  */
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;

}

header,
footer,
section.app-column {
    /*padding: 1.0rem;*/
    padding:0;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    font-weight:bold;
}

/******/
.siiof-icon-sprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  overflow: hidden;
  direction: ltr;
  text-align: center;
  box-sizing: content-box; }
  .siiof-icon-sprite:before {
    display: inline-block;
    box-sizing: content-box; }

.siiof-icon-sprite:before {
  content: url("../../Menu/images/sprites/ui-icons_222222_256x240.png"); }

.oj-hicontrast .siiof-icon-sprite:before {
  content: url("../../Menu/images/sprites/ui-icons_222222_256x240-hc.png"); }

.oj-enabled .siiof-icon-sprite:before {
  content: url("../../Menu/images/sprites/ui-icons_888888_256x240.png"); }

.oj-hicontrast .oj-enabled .siiof-icon-sprite:before {
  content: url("../../Menu/images/sprites/ui-icons_888888_256x240-hc.png"); }

.oj-hover .siiof-icon-sprite:before {
  content: url("../../Menu/images/sprites/ui-icons_454545_256x240.png"); }

.oj-hicontrast .oj-hover .siiof-icon-sprite:before {
  content: url("../../Menu/images/sprites/ui-icons_454545_256x240-hc.png"); }

/* positioning */
.siiof-icon-carat-ne:before {
  margin: 0 0 0 -16px; }

.siiof-icon-carat-e:before {
  margin: 0 0 0 -32px; }

.siiof-icon-carat-se:before {
  margin: 0 0 0 -48px; }

.siiof-icon-carat-s:before {
  margin: 0 0 0 -64px; }

.siiof-icon-carat-sw:before {
  margin: 0 0 0 -80px; }

.siiof-icon-carat-w:before {
  margin: 0 0 0 -96px; }

.siiof-icon-carat-nw:before {
  margin: 0 0 0 -112px; }

.siiof-icon-carat-2-n-s:before {
  margin: 0 0 0 -128px; }

.siiof-icon-carat-2-e-w:before {
  margin: 0 0 0 -144px; }

.siiof-icon-arrow-n:before {
  margin: -16px 0 0 0; }

.siiof-icon-arrow-ne:before {
  margin: -16px 0 0 -16px; }

.siiof-icon-arrow-e:before {
  margin: -16px 0 0 -32px; }

.siiof-icon-arrow-se:before {
  margin: -16px 0 0 -48px; }

.siiof-icon-arrow-s:before {
  margin: -16px 0 0 -64px; }

.siiof-icon-arrow-sw:before {
  margin: -16px 0 0 -80px; }

.siiof-icon-arrow-w:before {
  margin: -16px 0 0 -96px; }

.siiof-icon-arrow-nw:before {
  margin: -16px 0 0 -112px; }

.siiof-icon-arrow-n-s:before {
  margin: -16px 0 0 -128px; }

.siiof-icon-arrow-e-w:before {
  margin: -16px 0 0 -144px; }

.siiof-icon-arrowthin-n:before {
  margin: -32px 0 0 0; }

.siiof-icon-arrowthin-ne:before {
  margin: -32px 0 0 -16px; }

.siiof-icon-arrowthin-e:before {
  margin: -32px 0 0 -32px; }

.siiof-icon-arrowthin-se:before {
  margin: -32px 0 0 -48px; }

.siiof-icon-arrowthin-s:before {
  margin: -32px 0 0 -64px; }

.siiof-icon-arrowthin-sw:before {
  margin: -32px 0 0 -80px; }

.siiof-icon-arrowthin-w:before {
  margin: -32px 0 0 -96px; }

.siiof-icon-arrowthin-nw:before {
  margin: -32px 0 0 -112px; }

.siiof-icon-arrowthin-n-s:before {
  margin: -32px 0 0 -128px; }

.siiof-icon-arrowthin-ne-sw:before {
  margin: -32px 0 0 -144px; }

.siiof-icon-arrowthin-e-w:before {
  margin: -32px 0 0 -160px; }

.siiof-icon-arrowthin-se-nw:before {
  margin: -32px 0 0 -176px; }

.siiof-icon-arrowthinstop-n:before {
  margin: -32px 0 0 -192px; }

.siiof-icon-arrowthinstop-e:before {
  margin: -32px 0 0 -208px; }

.siiof-icon-arrowthinstop-s:before {
  margin: -32px 0 0 -224px; }

.siiof-icon-arrowthinstop-w:before {
  margin: -32px 0 0 -240px; }

.siiof-icon-arrowthick-n:before {
  margin: -48px 0 0 0; }

.siiof-icon-arrowthick-ne:before {
  margin: -48px 0 0 -16px; }

.siiof-icon-arrowthick-e:before {
  margin: -48px 0 0 -32px; }

.siiof-icon-arrowthick-se:before {
  margin: -48px 0 0 -48px; }

.siiof-icon-arrowthick-s:before {
  margin: -48px 0 0 -64px; }

.siiof-icon-arrowthick-sw:before {
  margin: -48px 0 0 -80px; }

.siiof-icon-arrowthick-w:before {
  margin: -48px 0 0 -96px; }

.siiof-icon-arrowthick-nw:before {
  margin: -48px 0 0 -112px; }

.siiof-icon-arrowthick-n-s:before {
  margin: -48px 0 0 -128px; }

.siiof-icon-arrowthick-ne-sw:before {
  margin: -48px 0 0 -144px; }

.siiof-icon-arrowthick-e-w:before {
  margin: -48px 0 0 -160px; }

.siiof-icon-arrowthick-se-nw:before {
  margin: -48px 0 0 -176px; }

.siiof-icon-arrowthickstop-n:before {
  margin: -48px 0 0 -192px; }

.siiof-icon-arrowthickstop-e:before {
  margin: -48px 0 0 -208px; }

.siiof-icon-arrowthickstop-s:before {
  margin: -48px 0 0 -224px; }

.siiof-icon-arrowthickstop-w:before {
  margin: -48px 0 0 -240px; }

.siiof-icon-arrowthickreturn-w:before {
  margin: -64px 0 0 0; }

.siiof-icon-arrowthickreturn-n:before {
  margin: -64px 0 0 -16px; }

.siiof-icon-arrowthickreturn-e:before {
  margin: -64px 0 0 -32px; }

.siiof-icon-arrowthickreturn-s:before {
  margin: -64px 0 0 -48px; }

.siiof-icon-arrowthinreturn-w:before {
  margin: -64px 0 0 -64px; }

.siiof-icon-arrowthinreturn-n:before {
  margin: -64px 0 0 -80px; }

.siiof-icon-arrowthinreturn-e:before {
  margin: -64px 0 0 -96px; }

.siiof-icon-arrowthinreturn-s:before {
  margin: -64px 0 0 -112px; }

.siiof-icon-arrowthinrefresh-w:before {
  margin: -64px 0 0 -128px; }

.siiof-icon-arrowthinrefresh-n:before {
  margin: -64px 0 0 -144px; }

.siiof-icon-arrowthinrefresh-e:before {
  margin: -64px 0 0 -160px; }

.siiof-icon-arrowthinrefresh-s:before {
  margin: -64px 0 0 -176px; }

.siiof-icon-arrow-4:before {
  margin: -80px 0 0 0; }

.siiof-icon-arrow-4-diag:before {
  margin: -80px 0 0 -16px; }

.siiof-icon-extlink:before {
  margin: -80px 0 0 -32px; }

.siiof-icon-newwin:before {
  margin: -80px 0 0 -48px; }

.siiof-icon-refresh:before {
  margin: -80px 0 0 -64px; }

.siiof-icon-shuffle:before {
  margin: -80px 0 0 -80px; }

.siiof-icon-transfer-e-w:before {
  margin: -80px 0 0 -96px; }

.siiof-icon-transferthick-e-w:before {
  margin: -80px 0 0 -112px; }

.siiof-icon-folder-collapsed:before {
  margin: -96px 0 0 0; }

.siiof-icon-folder-open:before {
  margin: -96px 0 0 -16px; }

.siiof-icon-document:before {
  margin: -96px 0 0 -32px; }

.siiof-icon-document-b:before {
  margin: -96px 0 0 -48px; }

.siiof-icon-note:before {
  margin: -96px 0 0 -64px; }

.siiof-icon-mail-closed:before {
  margin: -96px 0 0 -80px; }

.siiof-icon-mail-open:before {
  margin: -96px 0 0 -96px; }

.siiof-icon-suitcase:before {
  margin: -96px 0 0 -112px; }

.siiof-icon-comment:before {
  margin: -96px 0 0 -128px; }

.siiof-icon-person:before {
  margin: -96px 0 0 -144px; }

.siiof-icon-print:before {
  margin: -96px 0 0 -160px; }

.siiof-icon-trash:before {
  margin: -96px 0 0 -176px; }

.siiof-icon-locked:before {
  margin: -96px 0 0 -192px; }

.siiof-icon-unlocked:before {
  margin: -96px 0 0 -208px; }

.siiof-icon-bookmark:before {
  margin: -96px 0 0 -224px; }

.siiof-icon-tag:before {
  margin: -96px 0 0 -240px; }

.siiof-icon-home:before {
  margin: -112px 0 0 0; }

.siiof-icon-flag:before {
  margin: -112px 0 0 -16px; }

.siiof-icon-calendar:before {
  margin: -112px 0 0 -32px; }

.siiof-icon-cart:before {
  margin: -112px 0 0 -48px; }

.siiof-icon-pencil:before {
  margin: -112px 0 0 -64px; }

.siiof-icon-clock:before {
  margin: -112px 0 0 -80px; }

.siiof-icon-disk:before {
  margin: -112px 0 0 -96px; }

.siiof-icon-calculator:before {
  margin: -112px 0 0 -112px; }

.siiof-icon-zoomin:before {
  margin: -112px 0 0 -128px; }

.siiof-icon-zoomout:before {
  margin: -112px 0 0 -144px; }

.siiof-icon-search:before {
  margin: -112px 0 0 -160px; }

.siiof-icon-wrench:before {
  margin: -112px 0 0 -176px; }

.siiof-icon-gear:before {
  margin: -112px 0 0 -192px; }

.siiof-icon-heart:before {
  margin: -112px 0 0 -208px; }

.siiof-icon-star:before {
  margin: -112px 0 0 -224px; }

.siiof-icon-link:before {
  margin: -112px 0 0 -240px; }

.siiof-icon-cancel:before {
  margin: -128px 0 0 0; }

.siiof-icon-plus:before {
  margin: -128px 0 0 -16px; }

.siiof-icon-plusthick:before {
  margin: -128px 0 0 -32px; }

.siiof-icon-minus:before {
  margin: -128px 0 0 -48px; }

.siiof-icon-minusthick:before {
  margin: -128px 0 0 -64px; }

.siiof-icon-close:before {
  margin: -128px 0 0 -80px; }

.siiof-icon-closethick:before {
  margin: -128px 0 0 -96px; }

.siiof-icon-key:before {
  margin: -128px 0 0 -112px; }

.siiof-icon-lightbulb:before {
  margin: -128px 0 0 -128px; }

.siiof-icon-scissors:before {
  margin: -128px 0 0 -144px; }

.siiof-icon-clipboard:before {
  margin: -128px 0 0 -160px; }

.siiof-icon-copy:before {
  margin: -128px 0 0 -176px; }

.siiof-icon-contact:before {
  margin: -128px 0 0 -192px; }

.siiof-icon-image:before {
  margin: -128px 0 0 -208px; }

.siiof-icon-video:before {
  margin: -128px 0 0 -224px; }

.siiof-icon-script:before {
  margin: -128px 0 0 -240px; }

.siiof-icon-alert:before {
  margin: -144px 0 0 0; }

.siiof-icon-info:before {
  margin: -144px 0 0 -16px; }

.siiof-icon-notice:before {
  margin: -144px 0 0 -32px; }

.siiof-icon-help:before {
  margin: -144px 0 0 -48px; }

.siiof-icon-check:before {
  margin: -144px 0 0 -64px; }

.siiof-icon-bullet:before {
  margin: -144px 0 0 -80px; }

.siiof-icon-radio-on:before {
  margin: -144px 0 0 -96px; }

.siiof-icon-radio-off:before {
  margin: -144px 0 0 -112px; }

.siiof-icon-pin-w:before {
  margin: -144px 0 0 -128px; }

.siiof-icon-pin-s:before {
  margin: -144px 0 0 -144px; }

.siiof-icon-play:before {
  margin: -160px 0 0 0; }

.siiof-icon-pause:before {
  margin: -160px 0 0 -16px; }

.siiof-icon-seek-next:before {
  margin: -160px 0 0 -32px; }

.siiof-icon-seek-prev:before {
  margin: -160px 0 0 -48px; }

.siiof-icon-seek-end:before {
  margin: -160px 0 0 -64px; }

.siiof-icon-seek-start:before {
  margin: -160px 0 0 -80px; }

.siiof-icon-stop:before {
  margin: -160px 0 0 -96px; }

.siiof-icon-eject:before {
  margin: -160px 0 0 -112px; }

.siiof-icon-volume-off:before {
  margin: -160px 0 0 -128px; }

.siiof-icon-volume-on:before {
  margin: -160px 0 0 -144px; }

.siiof-icon-power:before {
  margin: -176px 0 0 0; }

.siiof-icon-signal-diag:before {
  margin: -176px 0 0 -16px; }

.siiof-icon-signal:before {
  margin: -176px 0 0 -32px; }

.siiof-icon-battery-0:before {
  margin: -176px 0 0 -48px; }

.siiof-icon-battery-1:before {
  margin: -176px 0 0 -64px; }

.siiof-icon-battery-2:before {
  margin: -176px 0 0 -80px; }

.siiof-icon-battery-3:before {
  margin: -176px 0 0 -96px; }

.siiof-icon-circle-plus:before {
  margin: -192px 0 0 0; }

.siiof-icon-circle-minus:before {
  margin: -192px 0 0 -16px; }

.siiof-icon-circle-close:before {
  margin: -192px 0 0 -32px; }

.siiof-icon-circle-triangle-e:before {
  margin: -192px 0 0 -48px; }

.siiof-icon-circle-triangle-s:before {
  margin: -192px 0 0 -64px; }

.siiof-icon-circle-triangle-w:before {
  margin: -192px 0 0 -80px; }

.siiof-icon-circle-triangle-n:before {
  margin: -192px 0 0 -96px; }

.siiof-icon-circle-arrow-e:before {
  margin: -192px 0 0 -112px; }

.siiof-icon-circle-arrow-s:before {
  margin: -192px 0 0 -128px; }

.siiof-icon-circle-arrow-w:before {
  margin: -192px 0 0 -144px; }

.siiof-icon-circle-arrow-n:before {
  margin: -192px 0 0 -160px; }

.siiof-icon-circle-zoomin:before {
  margin: -192px 0 0 -176px; }

.siiof-icon-circle-zoomout:before {
  margin: -192px 0 0 -192px; }

.siiof-icon-circle-check:before {
  margin: -192px 0 0 -208px; }

.siiof-icon-circlesmall-plus:before {
  margin: -208px 0 0 0; }

.siiof-icon-circlesmall-minus:before {
  margin: -208px 0 0 -16px; }

.siiof-icon-circlesmall-close:before {
  margin: -208px 0 0 -32px; }

.siiof-icon-squaresmall-plus:before {
  margin: -208px 0 0 -48px; }

.siiof-icon-squaresmall-minus:before {
  margin: -208px 0 0 -64px; }

.siiof-icon-squaresmall-close:before {
  margin: -208px 0 0 -80px; }

.siiof-icon-grip-dotted-vertical:before {
  margin: -224px 0 0 0; }

.siiof-icon-grip-dotted-horizontal:before {
  margin: -224px 0 0 -16px; }

.siiof-icon-grip-solid-vertical:before {
  margin: -224px 0 0 -32px; }

.siiof-icon-grip-solid-horizontal:before {
  margin: -224px 0 0 -48px; }

.siiof-icon-gripsmall-diagonal-se:before {
  margin: -224px 0 0 -64px; }

.siiof-icon-grip-diagonal-se:before {
  margin: -224px 0 0 -80px; }
  
.siiof-requisitos-sistema {
  padding: 20px;
  background-color: #E8E674;
  color: white;
}

.siiof-requisitos-sistema-cerrarbtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 80px;
  cursor: pointer;
  transition: 0.3s;
}

.siiof-requisitos-sistema-cerrarbtn:hover {
  color: #19306C;
}  

.button-error.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome,
.button-error.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome, .button-error.oj-button-jqui.oj-default.oj-button-full-chrome, .button-error.oj-button-jqui.oj-focus-only.oj-button-full-chrome,
.button-error.oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.button-error.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
  background-color: #dd3333;
  background-image: none;
  border-color: transparent;  
  color: #ffffff;
  box-shadow: none;
  text-shadow: none; }

.button-error.oj-buttonset .oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.button-error.oj-buttonset .oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon,
.button-error.oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.button-error.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon {
  color: #ffffff; }

.button-error.oj-buttonset .oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active), .button-error.oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active),
.button-error.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-button {
  background-color: #f51b1b;
  background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
  border-color: transparent;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none; }

.button-error.oj-buttonset .oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon,
.button-error.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon {
  color: #ffffff; }

.button-error.oj-buttonset .oj-button-jqui.oj-active.oj-button-full-chrome, .button-error.oj-button-jqui.oj-active.oj-button-full-chrome,
.button-error.oj-button.oj-active.oj-button-full-chrome .oj-button-button {
  background-color: #a81c1c;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none; }

.button-error.oj-buttonset .oj-button.oj-active.oj-button-full-chrome .oj-button-icon,
.button-error.oj-button.oj-active.oj-button-full-chrome .oj-button-icon {
  color: #ffffff; }

.button-error.oj-buttonset .oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled), .button-error.oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled),
.button-error.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-button {
  background-color: #a81c1c;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none; }

.button-error.oj-buttonset .oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled), .button-error.oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled),
.button-error.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-button {
  background-color: #bd2020;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none; }

.button-error.oj-buttonset .oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,
.button-error.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon {
  color: #ffffff; }

.button-error.oj-buttonset .oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,
.button-error.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon {
  color: #ffffff; }

.button-error.oj-buttonset .oj-button-jqui.oj-disabled.oj-button-full-chrome, .button-error.oj-button-jqui.oj-disabled.oj-button-full-chrome,
.button-error.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button {
  background-color: #dd3333;
  border-color: transparent;
  color: #ffffff;
  opacity: 0.4; }

.button-error.oj-buttonset .oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon,
.button-error.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon {
  color: #ffffff; }

.button-error.oj-buttonset .oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome, .button-error.oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,
.button-error.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-button {
  color: #ffffff;
  background-color: #a81c1c;
  border-color: transparent; }

.button-error.oj-buttonset .oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon,
.button-error.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon {
  color: #ffffff; }
  
.spinner {
  margin: 100px auto;
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
  overflow: hidden;
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 40%;
  height: 40%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #55ad15;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  background-color: #0572b9;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.loader {
  color: #fff;
  position: fixed;
  box-sizing: border-box;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: 999999
}

.loader:after,
.loader:before {
  box-sizing: border-box;
  display: none
}

.loader.is-active {
  background-color: rgba(0, 0, 0, .30);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.loader.is-active:after,
.loader.is-active:before {
  display: block
}

.centered-brand{
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: calc(50% - 50px);
  width: 100px;
  height: 30px;
  background-image: url("../images/siiof/loader_siiof.svg");
  background-repeat: no-repeat;
  opacity: .70;
  -webkit-animation: fadeIn 2s ease-in-out 1s both infinite;
  animation: fadeIn 2s ease-in-out 1s both infinite;
}

.loader.is-active {
  background-color: rgba(156, 145, 145, 0.45);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.loader-border_1{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 5px;
  background-color: #2e59a6;
  animation: left 1s infinite
      
}	

.loader-border_2{
  content: "";
  position: absolute;
  top: 0;
  right:0;
  width: 120px;
  height: 5px;
  background-color: #80c41c;
  animation: right 1s infinite
}

.siiof-background-color{
  background-color: #0d5c9f !important;
}

.siiof-font-color-white{
  color: #fff;
}
.siiof-img-color{
  color: rgba(103, 233, 71, 0.945); 
  font-size: 16px;
}
@-webkit-keyframes fadeIn{
  0% {opacity: .65}
  10% {opacity: .60}
  20% {opacity: .55}
  30% {opacity: .50}
  40% {opacity: .45}
  50% {opacity: .40}
  60% {opacity: .45}
  70% {opacity: .50}
  80% {opacity: .55}
  90% {opacity: .60}
  100% {opacity: .65}
}

@keyframes fadeIn{
  0% {opacity: .65}
  10% {opacity: .60}
  20% {opacity: .55}
  30% {opacity: .50}
  40% {opacity: .45}
  50% {opacity: .40}
  60% {opacity: .45}
  70% {opacity: .50}
  80% {opacity: .55}
  90% {opacity: .60}
  100% {opacity: .65}
}

@keyframes left {
100% {left:100%}
}

@keyframes right {
  100% {right:100%}
}

/************ICONOS ADICIONALES**************/

/* Configuracion Jquery UI & Bootstrap icons - todos en uno */

.ui-icon-darkgrey {
  width: 16px;
  height: 16px;
  background-image: url(../../Menu/images/sprites/ui-icons_222222_256x240.png)/*{iconsContent}*/;
  }
  .ui-icon-grey {
  width: 16px;
  height: 16px;
  background-image: url(../../Menu/images/sprites/ui-icons_454545_256x240.png)/*{iconsContent}*/;
  }
  .ui-icon-slowgray {
  width: 16px;
  height: 16px;
  background-image: url(../../Menu/images/sprites/ui-icons_888888_256x240.png)/*{iconsContent}*/;
  }
  .ui-icon-blue {
  width: 16px;
  height: 16px;
  background-image: url(../../Menu/images/sprites/ui-icons_2e83ff_256x240.png)/*{iconsContent}*/;
  }
  .ui-icon-red {
  width: 16px;
  height: 16px;
  background-image: url(../../Menu/images/sprites/ui-icons_cd0a0a_256x240.png)/*{iconsContent}*/;
  }
  
  .boot-icon-black {
  display:inline-block;
  width:14px;
  height:14px;
  margin-top:1px;
  *margin-right:.3em;
  line-height:14px;
  vertical-align:text-top;
  background-image:url("../../Menu/images/sprites/glyphicons-halflings.png");
  background-position:14px 14px;
  background-repeat:no-repeat;
  }
  
  .boot-icon-white {
  display:inline-block;
  width:14px;
  height:14px;
  margin-top:1px;
  *margin-right:.3em;
  line-height:14px;
  vertical-align:text-top;
  background-image:url("../../Menu/images/sprites/glyphicons-halflings-white.png");
  background-position:14px 14px;
  background-repeat:no-repeat;
  }
  /* Jquery UI icons */
  .ui-icon-blank { background-position: 16px 16px; }
  .ui-icon-carat-1-n { background-position: 0 0; }
  .ui-icon-carat-1-ne { background-position: -16px 0; }
  .ui-icon-carat-1-e { background-position: -32px 0; }
  .ui-icon-carat-1-se { background-position: -48px 0; }
  .ui-icon-carat-1-s { background-position: -64px 0; }
  .ui-icon-carat-1-sw { background-position: -80px 0; }
  .ui-icon-carat-1-w { background-position: -96px 0; }
  .ui-icon-carat-1-nw { background-position: -112px 0; }
  .ui-icon-carat-2-n-s { background-position: -128px 0; }
  .ui-icon-carat-2-e-w { background-position: -144px 0; }
  .ui-icon-triangle-1-n { background-position: 0 -16px; }
  .ui-icon-triangle-1-ne { background-position: -16px -16px; }
  .ui-icon-triangle-1-e { background-position: -32px -16px; }
  .ui-icon-triangle-1-se { background-position: -48px -16px; }
  .ui-icon-triangle-1-s { background-position: -64px -16px; }
  .ui-icon-triangle-1-sw { background-position: -80px -16px; }
  .ui-icon-triangle-1-w { background-position: -96px -16px; }
  .ui-icon-triangle-1-nw { background-position: -112px -16px; }
  .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  .ui-icon-arrow-1-n { background-position: 0 -32px; }
  .ui-icon-arrow-1-ne { background-position: -16px -32px; }
  .ui-icon-arrow-1-e { background-position: -32px -32px; }
  .ui-icon-arrow-1-se { background-position: -48px -32px; }
  .ui-icon-arrow-1-s { background-position: -64px -32px; }
  .ui-icon-arrow-1-sw { background-position: -80px -32px; }
  .ui-icon-arrow-1-w { background-position: -96px -32px; }
  .ui-icon-arrow-1-nw { background-position: -112px -32px; }
  .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  .ui-icon-arrow-4 { background-position: 0 -80px; }
  .ui-icon-arrow-4-diag { background-position: -16px -80px; }
  .ui-icon-extlink { background-position: -32px -80px; }
  .ui-icon-newwin { background-position: -48px -80px; }
  .ui-icon-refresh { background-position: -64px -80px; }
  .ui-icon-shuffle { background-position: -80px -80px; }
  .ui-icon-transfer-e-w { background-position: -96px -80px; }
  .ui-icon-transferthick-e-w { background-position: -112px -80px; }
  .ui-icon-folder-collapsed { background-position: 0 -96px; }
  .ui-icon-folder-open { background-position: -16px -96px; }
  .ui-icon-document { background-position: -32px -96px; }
  .ui-icon-document-b { background-position: -48px -96px; }
  .ui-icon-note { background-position: -64px -96px; }
  .ui-icon-mail-closed { background-position: -80px -96px; }
  .ui-icon-mail-open { background-position: -96px -96px; }
  .ui-icon-suitcase { background-position: -112px -96px; }
  .ui-icon-comment { background-position: -128px -96px; }
  .ui-icon-person { background-position: -144px -96px; }
  .ui-icon-print { background-position: -160px -96px; }
  .ui-icon-trash { background-position: -176px -96px; }
  .ui-icon-locked { background-position: -192px -96px; }
  .ui-icon-unlocked { background-position: -208px -96px; }
  .ui-icon-bookmark { background-position: -224px -96px; }
  .ui-icon-tag { background-position: -240px -96px; }
  .ui-icon-home { background-position: 0 -112px; }
  .ui-icon-flag { background-position: -16px -112px; }
  .ui-icon-calendar { background-position: -32px -112px; }
  .ui-icon-cart { background-position: -48px -112px; }
  .ui-icon-pencil { background-position: -64px -112px; }
  .ui-icon-clock { background-position: -80px -112px; }
  .ui-icon-disk { background-position: -96px -112px; }
  .ui-icon-calculator { background-position: -112px -112px; }
  .ui-icon-zoomin { background-position: -128px -112px; }
  .ui-icon-zoomout { background-position: -144px -112px; }
  .ui-icon-search { background-position: -160px -112px; }
  .ui-icon-wrench { background-position: -176px -112px; }
  .ui-icon-gear { background-position: -192px -112px; }
  .ui-icon-heart { background-position: -208px -112px; }
  .ui-icon-star { background-position: -224px -112px; }
  .ui-icon-link { background-position: -240px -112px; }
  .ui-icon-cancel { background-position: 0 -128px; }
  .ui-icon-plus { background-position: -16px -128px; }
  .ui-icon-plusthick { background-position: -32px -128px; }
  .ui-icon-minus { background-position: -48px -128px; }
  .ui-icon-minusthick { background-position: -64px -128px; }
  .ui-icon-close { background-position: -80px -128px; }
  .ui-icon-closethick { background-position: -96px -128px; }
  .ui-icon-key { background-position: -112px -128px; }
  .ui-icon-lightbulb { background-position: -128px -128px; }
  .ui-icon-scissors { background-position: -144px -128px; }
  .ui-icon-clipboard { background-position: -160px -128px; }
  .ui-icon-copy { background-position: -176px -128px; }
  .ui-icon-contact { background-position: -192px -128px; }
  .ui-icon-image { background-position: -208px -128px; }
  .ui-icon-video { background-position: -224px -128px; }
  .ui-icon-script { background-position: -240px -128px; }
  .ui-icon-alert { background-position: 0 -144px; }
  .ui-icon-info { background-position: -16px -144px; }
  .ui-icon-notice { background-position: -32px -144px; }
  .ui-icon-help { background-position: -48px -144px; }
  .ui-icon-check { background-position: -64px -144px; }
  .ui-icon-bullet { background-position: -80px -144px; }
  .ui-icon-radio-on { background-position: -96px -144px; }
  .ui-icon-radio-off { background-position: -112px -144px; }
  .ui-icon-pin-w { background-position: -128px -144px; }
  .ui-icon-pin-s { background-position: -144px -144px; }
  .ui-icon-play { background-position: 0 -160px; }
  .ui-icon-pause { background-position: -16px -160px; }
  .ui-icon-seek-next { background-position: -32px -160px; }
  .ui-icon-seek-prev { background-position: -48px -160px; }
  .ui-icon-seek-end { background-position: -64px -160px; }
  .ui-icon-seek-start { background-position: -80px -160px; }
  /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  .ui-icon-seek-first { background-position: -80px -160px; }
  .ui-icon-stop { background-position: -96px -160px; }
  .ui-icon-eject { background-position: -112px -160px; }
  .ui-icon-volume-off { background-position: -128px -160px; }
  .ui-icon-volume-on { background-position: -144px -160px; }
  .ui-icon-power { background-position: 0 -176px; }
  .ui-icon-signal-diag { background-position: -16px -176px; }
  .ui-icon-signal { background-position: -32px -176px; }
  .ui-icon-battery-0 { background-position: -48px -176px; }
  .ui-icon-battery-1 { background-position: -64px -176px; }
  .ui-icon-battery-2 { background-position: -80px -176px; }
  .ui-icon-battery-3 { background-position: -96px -176px; }
  .ui-icon-circle-plus { background-position: 0 -192px; }
  .ui-icon-circle-minus { background-position: -16px -192px; }
  .ui-icon-circle-close { background-position: -32px -192px; }
  .ui-icon-circle-triangle-e { background-position: -48px -192px; }
  .ui-icon-circle-triangle-s { background-position: -64px -192px; }
  .ui-icon-circle-triangle-w { background-position: -80px -192px; }
  .ui-icon-circle-triangle-n { background-position: -96px -192px; }
  .ui-icon-circle-arrow-e { background-position: -112px -192px; }
  .ui-icon-circle-arrow-s { background-position: -128px -192px; }
  .ui-icon-circle-arrow-w { background-position: -144px -192px; }
  .ui-icon-circle-arrow-n { background-position: -160px -192px; }
  .ui-icon-circle-zoomin { background-position: -176px -192px; }
  .ui-icon-circle-zoomout { background-position: -192px -192px; }
  .ui-icon-circle-check { background-position: -208px -192px; }
  .ui-icon-circlesmall-plus { background-position: 0 -208px; }
  .ui-icon-circlesmall-minus { background-position: -16px -208px; }
  .ui-icon-circlesmall-close { background-position: -32px -208px; }
  .ui-icon-squaresmall-plus { background-position: -48px -208px; }
  .ui-icon-squaresmall-minus { background-position: -64px -208px; }
  .ui-icon-squaresmall-close { background-position: -80px -208px; }
  .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  
  
  /* Bootstrap icons */
  .icon-glass{background-position:0 0}
  .icon-music{background-position:-24px 0}
  .icon-search{background-position:-48px 0}
  .icon-envelope{background-position:-72px 0}
  .icon-heart{background-position:-96px 0}
  .icon-star{background-position:-120px 0}
  .icon-star-empty{background-position:-144px 0}
  .icon-user{background-position:-168px 0}
  .icon-film{background-position:-192px 0}
  .icon-th-large{background-position:-216px 0}
  .icon-th{background-position:-240px 0}
  .icon-th-list{background-position:-264px 0}
  .icon-ok{background-position:-288px 0}
  .icon-remove{background-position:-312px 0}
  .icon-zoom-in{background-position:-336px 0}
  .icon-zoom-out{background-position:-360px 0}
  .icon-off{background-position:-384px 0}
  .icon-signal{background-position:-408px 0}
  .icon-cog{background-position:-432px 0}
  .icon-trash{background-position:-456px 0}
  .icon-home{background-position:0 -24px}
  .icon-file{background-position:-24px -24px}
  .icon-time{background-position:-48px -24px}
  .icon-road{background-position:-72px -24px}
  .icon-download-alt{background-position:-96px -24px}
  .icon-download{background-position:-120px -24px}
  .icon-upload{background-position:-144px -24px}
  .icon-inbox{background-position:-168px -24px}
  .icon-play-circle{background-position:-192px -24px}
  .icon-repeat{background-position:-216px -24px}
  .icon-refresh{background-position:-240px -24px}
  .icon-list-alt{background-position:-264px -24px}
  .icon-lock{background-position:-287px -24px}
  .icon-flag{background-position:-312px -24px}
  .icon-headphones{background-position:-336px -24px}
  .icon-volume-off{background-position:-360px -24px}
  .icon-volume-down{background-position:-384px -24px}
  .icon-volume-up{background-position:-408px -24px}
  .icon-qrcode{background-position:-432px -24px}
  .icon-barcode{background-position:-456px -24px}
  .icon-tag{background-position:0 -48px}
  .icon-tags{background-position:-25px -48px}
  .icon-book{background-position:-48px -48px}
  .icon-bookmark{background-position:-72px -48px}
  .icon-print{background-position:-96px -48px}
  .icon-camera{background-position:-120px -48px}
  .icon-font{background-position:-144px -48px}
  .icon-bold{background-position:-167px -48px}
  .icon-italic{background-position:-192px -48px}
  .icon-text-height{background-position:-216px -48px}
  .icon-text-width{background-position:-240px -48px}
  .icon-align-left{background-position:-264px -48px}
  .icon-align-center{background-position:-288px -48px}
  .icon-align-right{background-position:-312px -48px}
  .icon-align-justify{background-position:-336px -48px}
  .icon-list{background-position:-360px -48px}
  .icon-indent-left{background-position:-384px -48px}
  .icon-indent-right{background-position:-408px -48px}
  .icon-facetime-video{background-position:-432px -48px}
  .icon-picture{background-position:-456px -48px}
  .icon-pencil{background-position:0 -72px}
  .icon-map-marker{background-position:-24px -72px}
  .icon-adjust{background-position:-48px -72px}
  .icon-tint{background-position:-72px -72px}
  .icon-edit{background-position:-96px -72px}
  .icon-share{background-position:-120px -72px}
  .icon-check{background-position:-144px -72px}
  .icon-move{background-position:-168px -72px}
  .icon-step-backward{background-position:-192px -72px}
  .icon-fast-backward{background-position:-216px -72px}
  .icon-backward{background-position:-240px -72px}
  .icon-play{background-position:-264px -72px}
  .icon-pause{background-position:-288px -72px}
  .icon-stop{background-position:-312px -72px}
  .icon-forward{background-position:-336px -72px}
  .icon-fast-forward{background-position:-360px -72px}
  .icon-step-forward{background-position:-384px -72px}
  .icon-eject{background-position:-408px -72px}
  .icon-chevron-left{background-position:-432px -72px}
  .icon-chevron-right{background-position:-456px -72px}
  .icon-plus-sign{background-position:0 -96px}
  .icon-minus-sign{background-position:-24px -96px}
  .icon-remove-sign{background-position:-48px -96px}
  .icon-ok-sign{background-position:-72px -96px}
  .icon-question-sign{background-position:-96px -96px}
  .icon-info-sign{background-position:-120px -96px}
  .icon-screenshot{background-position:-144px -96px}
  .icon-remove-circle{background-position:-168px -96px}
  .icon-ok-circle{background-position:-192px -96px}
  .icon-ban-circle{background-position:-216px -96px}
  .icon-arrow-left{background-position:-240px -96px}
  .icon-arrow-right{background-position:-264px -96px}
  .icon-arrow-up{background-position:-289px -96px}
  .icon-arrow-down{background-position:-312px -96px}
  .icon-share-alt{background-position:-336px -96px}
  .icon-resize-full{background-position:-360px -96px}
  .icon-resize-small{background-position:-384px -96px}
  .icon-plus{background-position:-408px -96px}
  .icon-minus{background-position:-433px -96px}
  .icon-asterisk{background-position:-456px -96px}
  .icon-exclamation-sign{background-position:0 -120px}
  .icon-gift{background-position:-24px -120px}
  .icon-leaf{background-position:-48px -120px}
  .icon-fire{background-position:-72px -120px}
  .icon-eye-open{background-position:-96px -120px}
  .icon-eye-close{background-position:-120px -120px}
  .icon-warning-sign{background-position:-144px -120px}
  .icon-plane{background-position:-168px -120px}
  .icon-calendar{background-position:-192px -120px}
  .icon-random{width:16px;background-position:-216px -120px}
  .icon-comment{background-position:-240px -120px}
  .icon-magnet{background-position:-264px -120px}
  .icon-chevron-up{background-position:-288px -120px}
  .icon-chevron-down{background-position:-313px -119px}
  .icon-retweet{background-position:-336px -120px}
  .icon-shopping-cart{background-position:-360px -120px}
  .icon-folder-close{width:16px;background-position:-384px -120px}
  .icon-folder-open{width:16px;background-position:-408px -120px}
  .icon-resize-vertical{background-position:-432px -119px}
  .icon-resize-horizontal{background-position:-456px -118px}
  .icon-hdd{background-position:0 -144px}
  .icon-bullhorn{background-position:-24px -144px}
  .icon-bell{background-position:-48px -144px}
  .icon-certificate{background-position:-72px -144px}
  .icon-thumbs-up{background-position:-96px -144px}
  .icon-thumbs-down{background-position:-120px -144px}
  .icon-hand-right{background-position:-144px -144px}
  .icon-hand-left{background-position:-168px -144px}
  .icon-hand-up{background-position:-192px -144px}
  .icon-hand-down{background-position:-216px -144px}
  .icon-circle-arrow-right{background-position:-240px -144px}
  .icon-circle-arrow-left{background-position:-264px -144px}
  .icon-circle-arrow-up{background-position:-288px -144px}
  .icon-circle-arrow-down{background-position:-312px -144px}
  .icon-globe{background-position:-336px -144px}
  .icon-wrench{background-position:-360px -144px}
  .icon-tasks{background-position:-384px -144px}
  .icon-filter{background-position:-408px -144px}
  .icon-briefcase{background-position:-432px -144px}
  .icon-fullscreen{background-position:-456px -144px}


  @font-face {
    font-family: 'Glyphicons Halflings';
  
    src: url('../../Menu/images/sprites/glyphicons-halflings-regular.eot');
    src: url('../../Menu/images/sprites/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../Menu/images/sprites/glyphicons-halflings-regular.woff2') format('woff2'), url('../../Menu/images/sprites/glyphicons-halflings-regular.woff') format('woff'), url('../../Menu/images/sprites/glyphicons-halflings-regular.ttf') format('truetype'), url('../../Menu/images/sprites/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }
  .glyphicon {
    position: relative;
    top: 1px;
    /*display: inline-block; ST429836*/
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .glyphicon-asterisk:before {
    content: "\2a";
  }
  .glyphicon-plus:before {
    content: "\2b";
  }
  .glyphicon-euro:before,
  .glyphicon-eur: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-lock:before {
    content: "\e033";
  }
  .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-bookmark:before {
    content: "\e044";
  }
  .glyphicon-print:before {
    content: "\e045";
  }
  .glyphicon-camera:before {
    content: "\e046";
  }
  .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-fire:before {
    content: "\e104";
  }
  .glyphicon-eye-open:before {
    content: "\e105";
  }
  .glyphicon-eye-close:before {
    content: "\e106";
  }
  .glyphicon-warning-sign:before {
    content: "\e107";
  }
  .glyphicon-plane:before {
    content: "\e108";
  }
  .glyphicon-calendar:before {
    content: "\e109";
  }
  .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-bell:before {
    content: "\e123";
  }
  .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-wrench:before {
    content: "\e136";
  }
  .glyphicon-tasks:before {
    content: "\e137";
  }
  .glyphicon-filter:before {
    content: "\e138";
  }
  .glyphicon-briefcase:before {
    content: "\e139";
  }
  .glyphicon-fullscreen:before {
    content: "\e140";
  }
  .glyphicon-dashboard:before {
    content: "\e141";
  }
  .glyphicon-paperclip:before {
    content: "\e142";
  }
  .glyphicon-heart-empty:before {
    content: "\e143";
  }
  .glyphicon-link:before {
    content: "\e144";
  }
  .glyphicon-phone:before {
    content: "\e145";
  }
  .glyphicon-pushpin:before {
    content: "\e146";
  }
  .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-cd:before {
    content: "\e201";
  }
  .glyphicon-save-file:before {
    content: "\e202";
  }
  .glyphicon-open-file:before {
    content: "\e203";
  }
  .glyphicon-level-up:before {
    content: "\e204";
  }
  .glyphicon-copy:before {
    content: "\e205";
  }
  .glyphicon-paste:before {
    content: "\e206";
  }
  .glyphicon-alert:before {
    content: "\e209";
  }
  .glyphicon-equalizer:before {
    content: "\e210";
  }
  .glyphicon-king:before {
    content: "\e211";
  }
  .glyphicon-queen:before {
    content: "\e212";
  }
  .glyphicon-pawn:before {
    content: "\e213";
  }
  .glyphicon-bishop:before {
    content: "\e214";
  }
  .glyphicon-knight:before {
    content: "\e215";
  }
  .glyphicon-baby-formula:before {
    content: "\e216";
  }
  .glyphicon-tent:before {
    content: "\26fa";
  }
  .glyphicon-blackboard:before {
    content: "\e218";
  }
  .glyphicon-bed:before {
    content: "\e219";
  }
  .glyphicon-apple:before {
    content: "\f8ff";
  }
  .glyphicon-erase:before {
    content: "\e221";
  }
  .glyphicon-hourglass:before {
    content: "\231b";
  }
  .glyphicon-lamp:before {
    content: "\e223";
  }
  .glyphicon-duplicate:before {
    content: "\e224";
  }
  .glyphicon-piggy-bank:before {
    content: "\e225";
  }
  .glyphicon-scissors:before {
    content: "\e226";
  }
  .glyphicon-bitcoin:before {
    content: "\e227";
  }
  .glyphicon-btc:before {
    content: "\e227";
  }
  .glyphicon-xbt:before {
    content: "\e227";
  }
  .glyphicon-yen:before {
    content: "\00a5";
  }
  .glyphicon-jpy:before {
    content: "\00a5";
  }
  .glyphicon-ruble:before {
    content: "\20bd";
  }
  .glyphicon-rub:before {
    content: "\20bd";
  }
  .glyphicon-scale:before {
    content: "\e230";
  }
  .glyphicon-ice-lolly:before {
    content: "\e231";
  }
  .glyphicon-ice-lolly-tasted:before {
    content: "\e232";
  }
  .glyphicon-education:before {
    content: "\e233";
  }
  .glyphicon-option-horizontal:before {
    content: "\e234";
  }
  .glyphicon-option-vertical:before {
    content: "\e235";
  }
  .glyphicon-menu-hamburger:before {
    content: "\e236";
  }
  .glyphicon-modal-window:before {
    content: "\e237";
  }
  .glyphicon-oil:before {
    content: "\e238";
  }
  .glyphicon-grain:before {
    content: "\e239";
  }
  .glyphicon-sunglasses:before {
    content: "\e240";
  }
  .glyphicon-text-size:before {
    content: "\e241";
  }
  .glyphicon-text-color:before {
    content: "\e242";
  }
  .glyphicon-text-background:before {
    content: "\e243";
  }
  .glyphicon-object-align-top:before {
    content: "\e244";
  }
  .glyphicon-object-align-bottom:before {
    content: "\e245";
  }
  .glyphicon-object-align-horizontal:before {
    content: "\e246";
  }
  .glyphicon-object-align-left:before {
    content: "\e247";
  }
  .glyphicon-object-align-vertical:before {
    content: "\e248";
  }
  .glyphicon-object-align-right:before {
    content: "\e249";
  }
  .glyphicon-triangle-right:before {
    content: "\e250";
  }
  .glyphicon-triangle-left:before {
    content: "\e251";
  }
  .glyphicon-triangle-bottom:before {
    content: "\e252";
  }
  .glyphicon-triangle-top:before {
    content: "\e253";
  }
  .glyphicon-console:before {
    content: "\e254";
  }
  .glyphicon-superscript:before {
    content: "\e255";
  }
  .glyphicon-subscript:before {
    content: "\e256";
  }
  .glyphicon-menu-left:before {
    content: "\e257";
  }
  .glyphicon-menu-right:before {
    content: "\e258";
  }
  .glyphicon-menu-down:before {
    content: "\e259";
  }
  .glyphicon-menu-up:before {
    content: "\e260";
  }

  .oj-table-tamano {
    width:100%; 
    font-size:13px;
  }

  .oj-button-padding {
    padding-right: 5px;
  }

  .oj-sm-align-items-baseline-txt {
    align-items: inherit;
  }
  
  .siiof-overlay{
    z-index: 200;
  }

.siiof-regedit {
      position: relative;
      margin-top: 10px;
      margin-bottom: 15px;
      height: 95px;
      width: 750px;
      background: white;
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
      text-align: left;
      font-size: 0.7em;
      padding-top: 1em;
      padding-left: 10px;
}

.siiof-cuadrado {
      position: relative;
      margin-top: 20px;
      height: 123px;
      width: 369px;
      background: #f7f7f7;
      box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.7);
      text-align: center;
      font-weight: bold;
      padding-top: 1em;
}

.siiof-cuadrado:before {
      border: 25px solid #f7f7f7;
      content: '';
      border-left-color: transparent;
      border-bottom-color: transparent;
      border-right-color: transparent;
      position: absolute;
      bottom: -45px;
      left: calc(50% - 25px);
      transform: rotate(-10deg);
}
.siiof-font-20{
  font-size: 20px;
}
.siiof-font-15{
  font-size: 15px;
}

.siiof-font-10{
  font-size: 10px;
}
.siiof-width-50{
  width: 50%;
}
.siiof-width-100{
  width: 100%;
}
.siiof-bg-fa{
  background-color: #fafafa;
}
.siiof-max-width-100{
  max-width:100%;
}
.siiof-max-width-50{
  max-width:100%;
}


/****************************************************/
.siiof-line-list{
	border-style: none; 
	border-top: 1px solid #e0e1e1;
	border-bottom: 1px solid #e0e1e1;
}

.siiof-field-set{
	border:1px #b0b0b0 solid; 
	min-width:240px;
}

.siiof-legend-txt{
	border:1px #b0b0b0 solid; 
	margin-left: 1em; 
	padding:0.2em 0.8em;
}

.siiof-list-color-gray{
	background: rgb(198, 199, 200);
}
.siiof-list-color-green{
background: #A7D69A;/*#50AE36;*/
}

.disabled {
    pointer-events:none;
    opacity:0.6;         
}

.siiof-font-11{
  font-size: 11px;
}

.siiof-font-12{
  font-size: 12px;
}

.siiof-font-13{
  font-size: 13px;
}

.siiof-font-14{
  font-size: 14px;
}

.badge {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 2px !important;
  padding-bottom: 4px !important;
  font-weight: 400 !important;
  font-size: 100% !important;
}

.rounded-pill {
  border-radius: 50rem!important;
}
.bg-success {
  background-color: #198754!important;
}
.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.bg-success-bg {
  color: #198754!important;
}

.bg-error-bg {
  color: #dd3333!important;
}

.bg-alert-bg {
  color: #ff9966!important;
}
.bg-white {
  background-color: #fafafa!important;
}
.bg-error {
  background-color: #dd3333!important;
}

.bg-alert {
  background-color: #ff9966!important;
}

.bg-yellow {
  background-color: #ffcc00!important;
}

.bg-gray {
  background-color: #858591!important;
}
.bg-green{
  background: #A7D69A;/*#50AE36;*/
}
.bg-azul{
  background: #007bff;
}

.input-read-only {
  border-style: solid;
  background-color: #f2f2f3;
  border-color: #e3e3eb;  
  border-width: 1px 1px 1px 1px;
  height: 2.28571rem;
  font-style: arial;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  padding-top: 6px;  
  padding: 0 5px !important;
    
    
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-1_1x {
  font-size: 0.9em
}

.fa-11x {
  font-size: 1em
}

.fa-12x {
  font-size: 1.1em
}

.fa-1x {
  font-size: 1.5em
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.barra-desplazamiento{
  position: fixed; 
  top: 80px; 
  right: 1px; 
  z-index: 1; 
  padding: 0px;
}

.sal-model li {
  margin: 0 7px 0 0;
  padding: 0 7px 0 0;
  display: inline-block;
  white-space: nowrap;
  line-height: 1.2;
  border-right: 1px solid #333;
}
.sal-model span.label {
  font-weight: bold;
}

.txt_bold {
  font-weight: bold;
}

.bs-callout {
  padding: 10px !important;
  margin: 10px 0 !important;
}
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

/*.border_blue {
  border-color: #0000e6 !important;
}

.border_green {
  border-color: #AACD4C !important;
}

.border_brown {
  border-color: #734d26 !important;
}*/

.siiof-font-18{
  font-size: 18px;
}
.siiof-font-13{
  font-size: 10px;
}

.padding-div{
  padding-top: 10px;
  padding-bottom: 10px;
}

/*autorizacion*/
.intermitente{
  border: 1px solid black;
  padding: 0px 0px;
  box-shadow: 0px 0px 20px;
  animation: infinite resplandorAnimation 2s;
  
}
@keyframes resplandorAnimation {
  0%,100%{
    box-shadow: 0px 0px 20px;
  }
  50%{
  box-shadow: 0px 0px 0px; 
  }
}

/*Detallada credito saldos*/
@media (max-width: 1200px) {
  .data {
    font-size: 77% !important;
  }
}

@media (max-width: 900px) {
  .data {
    font-size: 62% !important;
  }
}

@media (max-width: 1200px) {
  .infosaldos {
    font-size: 75% !important;
  }
}

@media (max-width: 800px) {
  .infosaldos {
    font-size: 60% !important;
  }
}
/*Detallada credito saldos*/
@media (min-width: 480px) {
	#contenidoForms {
    width: 50%;
  		}
	}
@media (min-width: 480px) {
	#objPanel {
    width: 50%;
  		}
	}
	
.siiof_title{
  display:flex;
  justify-content:center;
  height:100%;
  width:100%;
  margin-left: 2%;  
}

.siiof-TXT-Text-tx > input {  
  border-radius: 0.4em;
  height: 2.5em;  
  border: 1px solid #c9c9c9; 
  padding-left: 18px;
}

.siiof-TXT-Text > input{
    border-radius: 0.4em;
    width: 2em;
    height: 3em;
    border-radius: 0.25em;
    border: 1px solid #c9c9c9;
    text-align: center;
    font-size: 3em;
}


.siiof-code {
    width: 62px;
    height: 68px;
}

.siiof-input-wrapper {
  position: relative;
  /*width: 271px;*/
}

.siiof-input {
  box-sizing: border-box;
  color: #191919;
  padding: 15px 15px 15px 35px;
  width: 100%;
}