@charset "UTF-8";

@font-face {
    font-family: DINCond-Bold;
    src: url(DINPro.otf);
}

#Contenido_PanelContenido_CtrlNuevaCarpeta_autoComplete_completionListElem {
    z-index: 1000000000 !important;
}

/* ----------------------------------------------------- */
/* GENERAL STYLES
/* ----------------------------------------------------- */
html {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #444;
    line-height: 1.6;
}

    body.layout-boxed {
        background-image: url('../img/gray_jean.png?1353438653');
        background-repeat: repeat;
        background-color: #ccc;
    }

h1, h2, h3, h4, h5, h6 {
    margin-top: 5px;
    font-family: "DINCond-Bold", sans-serif;
    color: #333;
}

.form-group {
    margin-bottom: 8px !important;
}

section {
    /*margin-bottom: 60px;*/
}

a {
    color: #030f40;
}

    a:hover, a:focus {
        color: #0F2D6C;
        text-decoration: none;
    }

    a,
    a:focus,
    a:hover,
    a:active,
    button,
    button:hover {
        outline: 0 !important;
    }

hr {
    border-color: #eaeaea;
}

/* wrapper */
.wrapper {
    background: #fff;
}

.full-width-section {
    padding: 100px 0;
    background-color: #0F2D6C;
}

.layout-boxed .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 0 5px #ccc;
}

.widget-title {
    font-size: 18px;
}

.section-heading {
    margin-bottom: 10px;
    font-size: 22px;
}

    .section-heading:after {
        display: block;
        /*content: '......';*/
        color: #0F2D6C;
        font-weight: 300;
    }

    .section-heading.panel-title:after {
        display: none;
    }

/* social background color */
.facebook-bg {
    background-color: #3b59ab;
}

.twitter-bg {
    background-color: #2b97f0;
}

.googleplus-bg {
    background-color: #dd4b39;
}

.rss-bg {
    background-color: #ff6600;
}

/* page header */
.page-header {
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
    background-color: #fafafa;
}

    .page-header .container {
        position: relative;
    }

    .page-header .breadcrumb {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -14px;
    }

    .page-header .page-title {
        margin: 10px 0px 18px 0px;
        font-size: 24px;
    }

@media screen and (max-width: 768px) {
    .page-header .breadcrumb,
    .page-header .page-title {
        float: none !important;
        text-align: center;
    }




    .page-header .breadcrumb {
        position: inherit;
        top: inherit;
        right: inherit;
    }
}

.page-header.one-column {
    padding: 0;
}

    .page-header.one-column .breadcrumb {
        position: relative;
        padding: 0px 0 0 0;
        right: 0;
        margin-bottom: 8px;
    }

.page-header.has-intro {
    padding: 40px 0;
}

    .page-header.has-intro .left {
        width: 50%;
    }

    .page-header.has-intro .page-title {
        margin: 10px 0 15px 0;
    }

.page-header.has-background-image {
    padding: 40px 0;
    background-image: url('../img/page-header-bg.png?1445263834');
    background-repeat: no-repeat;
    background-position: center;
}

.page-header.has-background-pattern {
    padding: 40px 0;
    background-image: url('../img/pattern-geometry.png?1375820517');
    background-repeat: repeat;
}

@media screen and (max-width: 768px) {
    .page-header.has-intro {
        text-align: center;
    }

        .page-header.has-intro .left {
            width: 100%;
            margin-bottom: 15px;
        }

        .page-header.has-intro .breadcrumb {
            margin-bottom: 0;
        }
}


.page-content {
    margin: 8px 0;
    min-height: 350px;
}


/* footer */
footer {
    background-color: #0F2D6C;
    font-weight: 300;
    color: #333;
}

    footer a {
        color: #fff;
    }

        footer a:hover, footer a:focus {
            color: #fff;
            text-decoration: underline;
        }

    footer .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    footer .logo {
        width: 100px;
        margin-bottom: 15px;
    }

    footer .social-icons.light-icons a {
        background-color: #3c3c3e;
    }

        footer .social-icons.light-icons a:hover {
            background-color: #353536 !important;
        }

@media screen and (max-width: 768px) {
    footer .container {
        padding: 30px 15px;
    }
}

.footer-heading {
    margin: 0 0 13px 0;
    font-size: 16px;
    line-height: 2;
    color: #fff;
}

.footer-nav > li {
    margin-bottom: 10px;
}

.copyright {
    padding: 15px 0;
    background-color: #0F2D6C;
    color: #ffffff;
    font-size: 12px;
}

.footer-minimal .copyright {
    border: none !important;
    font-size: 11px;
    padding-bottom: 0;
    background-color: transparent;
}

/* light footer theme */
.footer-light {
    background-color: #f2f2f2;
    font-weight: normal;
    color: #8f8f8f;
    border-top: 1px solid #dedede;
}

    .footer-light a {
        color: #8f8f8f;
    }

        .footer-light a:hover, .footer-light a:focus {
            color: #8f8f8f;
            text-decoration: underline;
        }

    .footer-light .footer-heading {
        color: #8f8f8f;
    }

    .footer-light .newsletter-form .input-group-lg > .form-control {
        background: #f7f7f7;
    }

    .footer-light .copyright {
        background-color: #f2f2f2;
        border-top: 1px solid #dedede;
    }

    .footer-light .social-icons.dark-icons a {
        background-color: #858D90;
    }

        .footer-light .social-icons.dark-icons a:hover {
            background-color: #788084 !important;
            color: #fff !important;
        }

.footer-gradient {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFkMWQxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6d6d6d), color-stop(100%, #1d1d1d));
    background-image: -moz-linear-gradient(#6d6d6d, #1d1d1d);
    background-image: -webkit-linear-gradient(#6d6d6d, #1d1d1d);
    background-image: linear-gradient(#6d6d6d, #1d1d1d);
    background-color: #49494b;
}

    .footer-gradient .copyright {
        background-color: transparent;
    }


.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}


/* ----------------------------------------------------- */
/* NAVBAR
/* ----------------------------------------------------- */
/* top bar */
.topbar {
    text-align: right;
    padding-top: 10px;
    margin-bottom: 5px;
}

    .topbar .top-nav,
    .topbar .searchbox {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
    }

    .topbar .top-nav {
        margin-bottom: 0;
    }

    .topbar .searchbox {
        margin-left: 10px;
    }

    .topbar a {
        color: #777;
        font-size: 12px;
    }

        .topbar a:hover, .topbar a:focus {
            color: #333;
        }

    .topbar .btn-link:hover, .topbar .btn-link:focus {
        text-decoration: none;
    }

@media screen and (max-width: 768px) {
    .topbar {
        text-align: center;
        margin-bottom: 10px;
    }

        .topbar .searchbox {
            display: none;
        }
}

.searchbox {
    width: 15%;
}

.country-selection > li > a {
    font-size: 12px;
}

/* navigation bar */
.navbar {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border-left: none;
    border-right: none;
}

    .navbar .container {
        position: relative;
    }

@media screen and (min-width: 992px) {
    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .navbar .dropdown-menu > .dropdown:hover > .dropdown-menu {
        display: block;
    }
}

.navbar-collapse {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-brand {
    padding: 12px 15px;
}

    .navbar-brand > img {
        width: 100px;
    }

    .navbar-brand.navbar-logo-bigger {
        padding: 0 0 0 10px;
    }

        .navbar-brand.navbar-logo-bigger > img {
            position: relative;
            top: 13px;
            width: 110px;
        }

.navbar-toggle {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #0F2D6C;
    padding: 5px 10px;
}

.navbar-default {
    background-color: #fff;
    border-bottom: 2px solid #e7e7e7;
    border-top: none;
}

    .navbar-default .navbar-toggle {
        border: none;
    }

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

        .navbar-default .navbar-toggle i {
            color: #fff;
            font-size: 21px;
            line-height: 25px;
        }

    .navbar-default .dropdown-menu .active > a, .navbar-default .dropdown-menu .active a:hover, .navbar-default .dropdown-menu .active a:focus {
        background-color: #6A737E;
    }

    .navbar-default .navbar-collapse {
        border: none;
    }

    .navbar-default .navbar-nav {
        margin-right: -25px;
    }

        .navbar-default .navbar-nav > li > a {
            font-weight: 600;
            color: #333;
        }

            .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
                color: #0F2D6C;
            }

        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            color: #0F2D6C;
            background-color: transparent;
        }

        .navbar-default .navbar-nav > .open > a,
        .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus {
            color: #0F2D6C;
            background-color: transparent;
        }

        .navbar-default .navbar-nav .dropdown-toggle i {
            margin-left: 3px;
            color: #b8b8b8;
        }

    /* navigation bar, dark theme */
    .navbar-default.navbar-dark {
        background-color: #49494b;
        border-bottom: none;
    }

        .navbar-default.navbar-dark .topbar a {
            color: #fff;
        }

        .navbar-default.navbar-dark .navbar-nav .active > a, .navbar-default.navbar-dark .navbar-nav .active a:hover, .navbar-default.navbar-dark .navbar-nav .active a:focus {
            color: #fff;
            background-color: #444446;
        }

        .navbar-default.navbar-dark .navbar-nav > li > a {
            color: #fff;
            font-weight: 600;
        }

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

        .navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a {
            color: #fff;
        }

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

        .navbar-default.navbar-dark .dropdown-menu {
            background-color: #49494b;
        }

            .navbar-default.navbar-dark .dropdown-menu .dropdown-menu {
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                border: none;
                border-left: 1px solid #444446;
            }

        .navbar-default.navbar-dark .btn-link {
            color: #fff;
        }

        .navbar-default.navbar-dark .dropdown-menu > li > a:hover, .navbar-default.navbar-dark .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: #444446;
        }

        .navbar-default.navbar-dark .searchbox .btn i {
            color: #49494b;
        }

        .navbar-default.navbar-dark .mega-menu-content .menu-heading {
            color: #fff;
        }

        .navbar-default.navbar-dark .mega-menu-content .list-menu > li > a {
            color: #fff;
        }

            .navbar-default.navbar-dark .mega-menu-content .list-menu > li > a:hover, .navbar-default.navbar-dark .mega-menu-content .list-menu > li > a:focus {
                color: #fff;
                background-color: #444446;
            }

        .navbar-default.navbar-dark .mega-menu-content .list-menu > li.active > a {
            color: #fff;
        }

    .navbar-default.navbar-transparent {
        width: 100%;
        position: absolute;
        top: 20px;
        border-bottom: none;
        background-color: transparent;
        z-index: 1;
    }

        .navbar-default.navbar-transparent .navbar-nav > li > a {
            color: #fff;
            font-weight: 600;
        }

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

        .navbar-default.navbar-transparent .navbar-nav > li .dropdown-menu > li > a {
            color: #a2a2a2;
        }

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

        .navbar-default.navbar-transparent .navbar-nav > li .dropdown-menu > li.active > a {
            color: #0F2D6C;
            background-color: #fff;
        }

        .navbar-default.navbar-transparent .dropdown-menu {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: rgba(255, 255, 255, 0.95);
            border-top-color: #fff;
        }

            .navbar-default.navbar-transparent .dropdown-menu .dropdown-menu {
                border: none;
                border-left: 1px solid #fff;
            }

        .navbar-default.navbar-transparent .mega-menu-content .menu-heading {
            color: #a2a2a2;
        }

        .navbar-default.navbar-transparent .mega-menu-content .list-menu > li > a {
            color: #a2a2a2;
        }

            .navbar-default.navbar-transparent .mega-menu-content .list-menu > li > a:hover, .navbar-default.navbar-transparent .mega-menu-content .list-menu > li > a:focus {
                color: #0F2D6C;
                background-color: #fff;
            }

        .navbar-default.navbar-transparent .mega-menu-content .list-menu > li.active > a {
            color: #0F2D6C;
        }

.navbar-fixed-top.shrinkable, .navbar-fixed-top.shrinkable .navbar-brand img {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-fixed-top.shrink-active {
    top: -42px;
}

    .navbar-fixed-top.shrink-active .navbar-brand > img {
        width: 90px;
    }

.navbar-fixed-top .navbar-nav {
    margin-right: -10px;
}

.fullscreen-slider .navbar-fixed-top {
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

.navbar-nav .dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
    padding-top: 10px;
    padding-bottom: 10px;
    top: 99%;
    border: none;
    border-top: 2px solid #32557f;
}

    .navbar-nav .dropdown-menu > li > a {
        padding: 10px 20px;
        font-size: 13px;
    }

        .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
            background-color: #6A737E;
            color: #fff;
        }

        .navbar-nav .dropdown-menu > li > a i {
            position: absolute;
            right: 11px;
            top: 11px;
        }

    .navbar-nav .dropdown-menu .dropdown.open > a,
    .navbar-nav .dropdown-menu .dropdown.open > a:hover,
    .navbar-nav .dropdown-menu .dropdown.open > a:focus {
        color: #fff;
        background-color: #6A737E;
    }

    .navbar-nav .dropdown-menu .dropdown-menu {
        top: -12px;
        left: 100%;
        border: 1px solid #E8E8E8;
        border-left: 1px solid #6A737E;
        min-width: 190px;
    }

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

.label-main-nav {
    position: relative;
    top: -2px;
}

/* mega menu */
.navbar-mega-menu .mega-menu {
    position: static;
}

    .navbar-mega-menu .mega-menu .mega-menu-container {
        left: 0;
        right: 0;
    }

.mega-menu-content {
    padding: 25px 20px;
}

    .mega-menu-content .menu-heading {
        margin: 20px 0 25px 0;
        padding: 0 10px;
        font-size: 18px;
    }

    .mega-menu-content .list-menu {
        margin-bottom: 25px;
    }

        .mega-menu-content .list-menu > li {
            cursor: text;
        }

            .mega-menu-content .list-menu > li > a {
                display: block;
                color: #0F2D6C;
                font-size: 13px;
                padding: 7px 12px;
            }

                .mega-menu-content .list-menu > li > a:hover, .mega-menu-content .list-menu > li > a:focus {
                    color: #fff;
                    background-color: #6A737E;
                }

            .mega-menu-content .list-menu > li i {
                font-size: 14px;
                min-width: 20px;
            }

            .mega-menu-content .list-menu > li.active > a {
                color: #fff;
            }

@media screen and (max-width: 1200px) {
    .mega-menu-content {
        min-width: 700px;
    }
}

@media screen and (max-width: 992px) {
    .mega-menu-content .menu-heading {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .mega-menu-content {
        min-width: auto;
    }
}

@media screen and (min-width: 993px) {
    .navbar-default.navbar-transparent .navbar-nav > li > a:hover, .navbar-default.navbar-transparent .navbar-nav > li > a:focus {
        color: #fff;
    }

    .navbar-default.navbar-transparent .navbar-nav .dropdown-toggle i {
        color: #fff;
    }
}

@media screen and (max-width: 992px) {
    .navbar-toggle {
        display: block;
        margin-right: 0;
    }

    .navbar-collapse.collapse {
        display: none !important;
        border: none;
    }

    .navbar-collapse.collapse,
    .navbar-collapse.collapsing {
        padding-left: 0;
        padding-right: 0;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            overflow-y: auto !important;
        }

    .navbar-header,
    .navbar-nav,
    .navbar-nav > li {
        float: none !important;
    }

    .navbar-default .navbar-nav {
        margin-right: 0;
    }

        .navbar-default .navbar-nav a {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .navbar-default .navbar-nav li > a > i {
            position: absolute;
            right: 15px;
            top: 9px;
            font-size: 18px;
        }

        .navbar-default .navbar-nav li.mega-menu ul.list-menu > li > a > i {
            position: relative;
            right: 0;
            top: 0px;
            font-size: 14px;
        }

        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
        .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active.open > a:hover, .navbar-default .navbar-nav > .active.open > a:focus {
            background-color: #0F2D6C;
            color: #fff;
        }

        .navbar-default .navbar-nav .open .dropdown-menu {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            border: none;
        }

            .navbar-default .navbar-nav .open .dropdown-menu > li > a {
                padding: 5px 15px 5px 25px;
                color: #0F2D6C;
            }

            .navbar-default .navbar-nav .open .dropdown-menu > li.active > a {
                color: inherit;
                background-color: #E7E7E7;
            }

    .navbar-default.navbar-dark .navbar-nav > .open > a,
    .navbar-default.navbar-dark .navbar-nav > .open > a:hover,
    .navbar-default.navbar-dark .navbar-nav > .open > a:focus {
        color: #fff;
    }

    .navbar-default.navbar-dark .navbar-nav > .active > a, .navbar-default.navbar-dark .navbar-nav > .active > a:hover, .navbar-default.navbar-dark .navbar-nav > .active > a:focus,
    .navbar-default.navbar-dark .navbar-nav > .active.open > a, .navbar-default.navbar-dark .navbar-nav > .active.open > a:hover, .navbar-default.navbar-dark .navbar-nav > .active.open > a:focus {
        color: #fff;
    }

    .navbar-default.navbar-dark .navbar-nav .open .dropdown-menu > li.active > a {
        color: #fff;
        background-color: #444446;
    }

    .navbar-default.navbar-dark .navbar-nav > .active > a, .navbar-default.navbar-dark .navbar-nav > .active > a:hover, .navbar-default.navbar-dark .navbar-nav > .active > a:focus,
    .navbar-default.navbar-dark .navbar-nav > .active.open > a, .navbar-default.navbar-dark .navbar-nav > .active.open > a:hover, .navbar-default.navbar-dark .navbar-nav > .active.open > a:focus {
        background-color: #444446;
        color: #fff;
    }

    .navbar-default.navbar-transparent .navbar-nav {
        background-color: rgba(255, 255, 255, 0.95);
    }

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

        .navbar-default.navbar-transparent .navbar-nav > .active > a, .navbar-default.navbar-transparent .navbar-nav > .active > a:hover, .navbar-default.navbar-transparent .navbar-nav > .active > a:focus,
        .navbar-default.navbar-transparent .navbar-nav > .active.open > a, .navbar-default.navbar-transparent .navbar-nav > .active.open > a:hover, .navbar-default.navbar-transparent .navbar-nav > .active.open > a:focus {
            color: #a2a2a2;
            background-color: #ececec;
        }

    .dropdown-menu .dropdown .dropdown-menu {
        display: block;
        padding-left: 12px;
    }

    .dropdown-menu .dropdown a > i {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .navbar-brand {
        margin-top: 0;
    }

    .navbar-default .navbar-nav {
        margin-left: 0;
    }

        .navbar-default .navbar-nav .dropdown-menu .dropdown a {
            background-color: inherit;
        }

        .navbar-default .navbar-nav .dropdown-menu .dropdown i {
            display: none;
        }
}

@media screen and (max-width: 767px) {
    .navbar-toggle {
        margin-right: 15px;
    }

    .navbar > .container .navbar-brand {
        margin-left: 5px;
    }
}

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

div.mc-image {
    z-index: 0 !important;
    /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
   	If you are using fading transitions, use 'opacity: */
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    /*If you are using horizontal slide transitions, use the following CSS:
  -webkit-transition: left 1s ease-in-out; 
  -moz-transition: left 1s ease-in-out; 
  -o-transition: left 1s ease-in-out; 
  transition: left 1s ease-in-out;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

/* ----------------------------------------------------- */
/* BOOTSTRAP UI ELEMENTS 
/* All styles that override bootstrap elements
/* ----------------------------------------------------- */
/* button */
.btn {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .btn:active, .btn.active {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #0F2D6C;
    }

.btn-primary {
    /*background-color: #0F2D6C;
    border-color: #0F2D6C;*/
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
    .btn-primary .open > .dropdown-toggle.btn-primary {
        /*background-color: #0F2D6C;
        border-color: #0F2D6C;*/
    }

.btn-group.open .dropdown-toggle {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* outline buttons */
.btn-outline {
    background-color: transparent !important;
    border-width: 2px;
    color: #0F2D6C;
}

    .btn-outline:hover, .btn-outline:focus {
        color: inherit;
    }

    .btn-outline:active, .btn-outline.active {
        color: inherit !important;
    }

        .btn-outline:active:focus, .btn-outline:active.focus, .btn-outline.active:focus, .btn-outline.active.focus {
            color: inherit !important;
        }

    .btn-outline.btn-default:hover {
        background-color: #b3b3b3;
    }

    .btn-outline.btn-primary:hover {
        background-color: #337AB7;
    }

    .btn-outline.btn-info:hover {
        background-color: #5BC0DE;
    }

    .btn-outline.btn-success:hover {
        background-color: #377682; /*#5CB85C;*/
    }

    .btn-outline.btn-warning:hover {
        background-color: #F0AD4E;
    }

    .btn-outline.btn-danger:hover {
        background-color: #D9534F;
    }

    .btn-outline.btn-outline-disabled, .btn-outline [disabled] {
        border: 2px solid #ccc;
        color: #ccc;
    }

        .btn-outline.btn-outline-disabled:hover, .btn-outline [disabled]:hover {
            color: #ccc;
        }

/* remove button transition effect */
.btn-no-transition {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

/* rounded and no rounded buttons, default: rounded 2px */
.btn-rounded-2x {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn-rounded-3x {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.btn-rounded-4x {
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
}

.btn-no-rounded {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* input groups */
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.form-control,
.chosen-container-active .chosen-single,
.chosen-container-single .chosen-single,
.single-line,
.input-group-addon {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px 15px;
}

select.form-control,
span.form-control {
    /*height: 35px !important;*/
}
/* CHOSEN PLUGIN */
.chosen-container-single .chosen-single {
    background: #ffffff;
    box-shadow: none;
    -moz-box-sizing: border-box;
    border-radius: 2px;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #f1f1f1;
    border: 1px solid #e5e6e7;
    border-radius: 2px;
    box-shadow: none;
    color: #333333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative;
}

.form-control:focus,
.form-control.required,
.single-line:focus {
    border-color: #1ab394 !important;
}

.input-group-addon .fa {
    min-width: 14px;
}

/* control label */
.form-horizontal.left-aligned .control-label {
    text-align: left;
}

/* tabs */
.nav-tabs > li > a {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    font-size: 14px;
}

@media screen and (max-width: 480px) {
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #0F2D6C;
        color: #fff;
    }
}

.nav .open > a, .nav .open a:hover, .nav .open a:focus {
    border-color: #fff;
}


.tab-content {
    padding: 15px 8px;
}

.tab-pane.text-center img {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

/* accordion, collapsible content */
.panel-group .panel .panel-title > a i {
    font-size: 18px;
}

    .panel-group .panel .panel-title > a i.icon-collapsed {
        display: none;
    }

.panel-group .panel .panel-title > a.collapsed .icon-expanded {
    display: none;
}

.panel-group .panel .panel-title > a.collapsed .icon-collapsed {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
}

/* alerts */
.alert {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

div[class*="col-"] > .form-group {
    margin-left: 0;
    margin-right: 0;
}

/* add contextual color for badges */
.badge-primary {
    background-color: #337AB7;
}

.badge-info {
    background-color: #5BC0DE;
}

.badge-success {
    background-color: #0F2D6C; /*#5CB85C;*/
}

.badge-warning {
    background-color: #F0AD4E;
}

.badge-danger {
    background-color: #D9534F;
}

/* pagination */
.pagination > li > a,
.pagination > li > span {
    color: #0F2D6C;
}

    .pagination > li > a:hover, .pagination > li > span:hover,
    .pagination > li > a:focus, .pagination > li > span:focus {
        background-color: #0F2D6C; /* #5281bb;*/
        border-color: #0F2D6C;
        color: #fff;
    }

.pagination > li:first-child > a, .pagination > li:first-child > span {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #5281bb;
    border-color: #0F2D6C;
    color: #fff;
}

.pagination > .active > a, .pagination > .active > span {
    background-color: #0F2D6C;
    border-color: #396192;
}

.pagination.borderless > li > a,
.pagination.borderless > li > span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-color: transparent;
    margin: 0 1px;
}

.pagination.borderless > li:first-child > a,
.pagination.borderless > li:first-child > span, .pagination.borderless > li:last-child > a,
.pagination.borderless > li:last-child > span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.pagination.borderless > li.active > a,
.pagination.borderless > li.active > span {
    color: #fff;
    background-color: #0F2D6C;
}

    .pagination.borderless > li.active > a:hover, .pagination.borderless > li.active > a:focus,
    .pagination.borderless > li.active > span:hover,
    .pagination.borderless > li.active > span:focus {
        color: #fff;
        background-color: #0F2D6C;
    }

.pager li > a:hover, .pager li > a:focus {
    background-color: #0F2D6C;
    border-color: #0F2D6C;
    color: #fff;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    border-color: #ddd;
}

/* ----------------------------------------------------- */
/* UI ELEMENTS 
/* All styles related with custom UI elements, overrides
/* plugin styles
/* ----------------------------------------------------- */
.btn-toggle,
.btn-toggle.focus {
    background-color: #eaeaea;
    color: #a8a8a8;
    border-color: #d7d7d7;
}

    .btn-toggle.active,
    .btn-toggle.focus.active {
        background-color: #F0AD4E;
        border-color: #EEA236;
        color: #fff;
    }

        .btn-toggle.active:hover,
        .btn-toggle.focus.active:hover {
            color: #fff;
        }

    .btn-toggle:hover {
        color: #808080;
    }

.form-horizontal.label-left .control-label {
    text-align: left;
}

.optionsUser > i {
    font-size: 8em;
    color: #0F2D6C;
}

/* boxed content */
.optionsUser {
    text-align: center;
    margin-bottom: 35px;
}

    .optionsUser > i {
        font-size: 8em;
        color: #0F2D6C;
    }

    .optionsUser .optionsUser-title {
        font-size: 22px;
        font-weight: 700;
    }

/* boxed content */
.boxed-content {
    text-align: center;
    min-width: 110px;
    color: #fff;
    padding: 5px;
    border: 5px;
    border-radius: 15px;
    margin-bottom: 10px;
}

    .boxed-content > i {
        font-size: 3em;
        color: #fff;
    }

    .boxed-content h2 {
        color: #fff;
    }

    .boxed-content.in {
        background-color: #0F2D6C;
    }

    .boxed-content.out {
        background-color: #0F2D6C; /*#5CB85C;*/
    }

    .boxed-content .boxed-content-title {
        font-size: 1em;
        font-weight: 700;
    }

    .boxed-content.left-aligned {
        text-align: left;
    }

        .boxed-content.left-aligned .boxed-content-title {
            margin-bottom: 10px;
            line-height: 28px;
            font-weight: normal;
        }

        .boxed-content.left-aligned i {
            float: left;
            margin-right: 10px;
            font-size: 2em;
        }

    .boxed-content.left-boxed-icon i {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding: 10px;
        width: 60px;
        height: 60px;
        background: #0F2D6C;
        color: #fff;
        text-align: center;
        line-height: 40px;
    }

    .boxed-content.left-boxed-icon .boxed-content-title,
    .boxed-content.left-boxed-icon p {
        padding-left: 80px;
    }


/* social connect icons */
ul.social-icons li a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

    ul.social-icons li a.facebook-bg:hover, ul.social-icons li a.facebook-bg:focus {
        background-color: #344f98;
    }

    ul.social-icons li a.twitter-bg:hover, ul.social-icons li a.twitter-bg:focus {
        background-color: #138bee;
    }

    ul.social-icons li a.googleplus-bg:hover, ul.social-icons li a.googleplus-bg:focus {
        background-color: #d73925;
    }

    ul.social-icons li a.rss-bg:hover, ul.social-icons li a.rss-bg:focus {
        background-color: #e65c00;
    }

    ul.social-icons li a i {
        position: relative;
        top: 8px;
    }

    /*Sustituir valores btn-success de bootstrap*/
.btn-success {
    color: #fff;
    background-color: #0F2D6C;
    border-color: transparent;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #0F2D6C;
        border-color: transparent;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #0F2D6C;
        border-color: transparent;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #0F2D6C;
        border-color: transparent;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #377682;
            border-color: transparent;
        }

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

    .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.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #377682;
        border-color: transparent;
    }

    .btn-success .badge {
        color: #fff;
        background-color: #0F2D6C;
    }


/*
.btn-success {
    background-color: #0F2D6C;
    border-color: transparent;
}

    .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active {
        background-color: #377682;
        border-color: transparent;
    }

        .btn-success:active:hover,
        .btn.btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn.btn-success:active:focus,
        .btn.btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            background-color: #377682;
            border-color: transparent;
        }
*/
.label-success {
    background-color: #0F2D6C;
}

.btn-100 {
    min-width: 120px;
}

.widget {
    margin-bottom: 40px;
}

/* sharing tools */
.sharing-tools > li {
    padding-left: 3px;
    padding-right: 3px;
}

    .sharing-tools > li > a {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display: block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
        color: #fff;
        text-align: center;
    }

/* bootstrap multiselect */
.input-group.input-group-lg > .input-group-btn > .multiselect + .btn-group > .btn {
    height: 46px;
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
    line-height: 24px;
}

/* sidebar navigation */
ul.sidebar-nav {
    padding-left: 0;
}

    ul.sidebar-nav li {
        padding: 0;
    }

        ul.sidebar-nav li a {
            display: block;
            padding: 10px 15px;
            color: #0F2D6C;
        }

            ul.sidebar-nav li a:hover {
                color: #0F2D6C;
            }

        ul.sidebar-nav li.current a {
            color: #0F2D6C;
            font-weight: 700;
        }

    ul.sidebar-nav .list-group-item.active,
    ul.sidebar-nav .list-group-item.active:hover,
    ul.sidebar-nav .list-group-item.active:focus {
        background-color: #fff;
        border-color: #ddd;
    }

    ul.sidebar-nav li.has-submenu:after {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        position: absolute;
        right: 10px;
        top: 11px;
        font-family: "FontAwesome";
        content: '\f105';
        color: #0F2D6C;
    }

    ul.sidebar-nav li.has-submenu.active {
        background-color: #fff;
        border-color: #ddd;
    }

        ul.sidebar-nav li.has-submenu.active:after {
            content: '\f107';
        }

        ul.sidebar-nav li.has-submenu.active > a,
        ul.sidebar-nav li.has-submenu.active li.active > a {
            color: #0F2D6C;
            font-weight: 700;
        }

    ul.sidebar-nav ul.submenu {
        padding-left: 10px;
    }

        ul.sidebar-nav ul.submenu li:first-child a {
            padding-top: 0;
        }

/* breadcrumb */
.breadcrumb {
    background-color: transparent;
}

    .breadcrumb > li.active {
        color: #0F2D6C;
    }

    .breadcrumb a {
        color: #333;
    }

    .breadcrumb span {
        color: #676a7d;
    }

    .breadcrumb a:hover, .breadcrumb a:focus {
        text-decoration: none;
        color: #0F2D6C;
    }

    .breadcrumb.link-accent > li.active {
        color: inherit;
    }

    .breadcrumb.link-accent a {
        color: #0F2D6C;
    }

        .breadcrumb.link-accent a:hover, .breadcrumb.link-accent a:focus {
            text-decoration: none;
            color: #0F2D6C;
        }

    .breadcrumb.separator-arrow > li + li:before {
        padding: 0 8px;
        font-family: "FontAwesome";
        content: '\f105';
    }

/* google maps */
.google-map > div {
    height: 350px;
}

/* fancy checkbox and radio button */
.fancy-checkbox {
    display: block;
}

    .fancy-checkbox input[type="checkbox"] {
        display: none;
    }

        .fancy-checkbox input[type="checkbox"] + span {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            cursor: pointer;
            position: relative;
            font-size: 13px;
            margin-right: 10px;
        }

            .fancy-checkbox input[type="checkbox"] + span:before {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                position: relative;
                bottom: 1px;
                width: 18px;
                height: 18px;
                margin-right: 8px;
                content: "";
                border: 1px solid #ccc;
            }

        .fancy-checkbox input[type="checkbox"]:checked + span:before {
            font-family: FontAwesome;
            content: '\f00c';
            font-size: 11px;
            color: #fff;
            text-align: center;
            line-height: 16px;
            background: #0F2D6C;
            border: 1px solid #0F2D6C;
        }


.RadioMetadato .fancy-radio input[type="radio"] {
    display: initial;
    float: left;
}

.Metadato br {
    display: none;
}

.Metadato table {
    float: left;
    margin-bottom: 10px;
}



.info-chart {
    text-align: center;
}

    .info-chart .chart-title {
        display: block;
        font-size: 24px;
    }

@media screen and (max-width: 768px) {
    .info-chart .chart-title {
        margin-bottom: 50px;
    }
}




/* --------------*/
/* TYPOGRAPHY 
/* -------------*/
.text-body-color {
    color: #0F2D6C !important;
}

.text-body-color-info {
    color: #d5d6de !important;
}

.text-body-color-success {
    color: #dff0d8 !important;
}

.text-body-color-warning {
    color: #fcf8e3 !important;
}

.text-body-color-danger {
    color: #f2dede !important;
}

.pricing-button {
}

.text-white-color {
    color: #fff;
}

.text-dashed {
    border-bottom: 1px dashed #0F2D6C;
}

.text-accent-color {
    color: #0F2D6C;
}


.list-iconed i {
    font-size: 15px;
}


/*------------------------------------------------*/
/*	Page: Error Page
/*------------------------------------------------*/
.page-error {
    padding: 2em 0 6em 0;
}

    .page-error h1 {
        font-size: 12em;
        line-height: 1;
    }


ul.nav-categories {
    margin-bottom: 30px;
}

    ul.nav-categories > li {
        border: 1px solid #ccc;
    }

        ul.nav-categories > li:first-child {
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            border-top-right-radius: 2px;
        }

        ul.nav-categories > li:last-child {
            -moz-border-radius-bottomleft: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            -webkit-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        ul.nav-categories > li:not(:first-child) {
            border-top: none;
        }

        ul.nav-categories > li + li {
            margin-top: 0;
        }

        ul.nav-categories > li > a {
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            color: #0F2D6C;
        }

            ul.nav-categories > li > a:hover {
                background-color: #e6e6e6;
            }

.ticket-box {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 15px;
}


.sidebar-map > div {
    height: 260px;
}


/* ----------------------------------------------------- */
/* HELPERS
/* ----------------------------------------------------- */
.inline-img {
    float: left;
    margin: 0 10px 10px 0;
    width: 50%;
}

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

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

.margin-bottom-30px {
    margin-bottom: 30px !important;
}

.margin-bottom-50px {
    margin-bottom: 50px !important;
}

.body-text-bg {
    background-color: #0F2D6C !important;
}

.control-inline {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: auto;
}

.hide-first {
    display: none;
}

/* list icons */
.list-icons-demo li {
    margin-bottom: 20px;
}

    .list-icons-demo li i {
        font-size: 24px;
    }

@media screen and (max-width: 480px) {
    .inline-img {
        float: none;
        width: 100%;
    }
}

/*BUSCAR REGISTRO ENTRADA SALIDA*/
.panelAvanzada h4 {
    margin-left: 15px;
}

    .panelAvanzada h4 a {
        text-decoration: underline;
    }

.mgtop20 {
    margin-top: 20px;
}

.mgtop6 {
    margin-top: 6px;
}



.mgl8 {
    margin-left: 8px;
}

.mgr15 {
    margin-right: 15px;
}

.mgr6 {
    margin-right: 6px;
}

.WAuto {
    width: auto !important;
}
/******/
/*PANEL INCIDENCIAS*/
.Green {
    color: #9cd099;
}

.Yellow {
    color: #f4d566;
}

.Red {
    color: #f38784;
}

.Blue {
    color: #7dc7f8;
}

.Pink {
    color: #f78ff5;
}

/**************************/
h3 {
    border-bottom: 1px solid;
}
/**************************/
/*Tabs*/
.padding0 {
    padding: 0 !important;
}
/**************************/


/***************************/
.list {
    float: left;
    height: 22px;
}

.PosicionarTabla {
    overflow-y: hidden;
    margin-top: 20px;
}

.VisualizacionTabla {
    border: 0;
}

    .VisualizacionTabla div {
        border: 0;
    }

    .VisualizacionTabla table {
        border: 0;
    }

    .VisualizacionTabla td {
        border: 0;
        padding-bottom: 4px;
    }

    .VisualizacionTabla tr {
        border: 0;
    }

.CabeceraGridDoc {
    /*color: black;
    font-weight: bold;
    border-bottom: 1px solid;
    float: left;
    padding-bottom: 4px;
    margin-bottom: 10px;*/
}

    .CabeceraGridDoc div a {
        color: #030f40;
    }

/*.VisualizacionTabla .igwgRowAltSilver2k7 {background: #B5E034;color: white;}*/
.VisualizacionTabla .igwgRowAltSilver2k7 .divGridDoc {
    padding: 5px;
}

.VisualizacionTabla .igwgRowAltSilver2k7 label {
    font-weight: normal;
}

.VisualizacionTabla .igwgRowAltSilver2k7 a {
    color: #030f40;
    font-weight: bold;
}

.VisualizacionTabla .igwgRowSilver2k7 a {
    color: #030f40;
    font-weight: bold;
}

/*.VisualizacionTabla .igwgRowSelSilver2k7 {background: #B5E034;color: white;}*/

.VisualizacionTabla .igwgRowSelSilver2k7 .divGridDoc {
    padding: 5px;
}

.VisualizacionTabla .igwgRowSelSilver2k7 label {
    font-weight: normal;
}

.VisualizacionTabla .igwgRowSelSilver2k7 a {
    color: #030f40;
    font-weight: bold;
}

.VisualizacionTabla .igwgRowSilver2k7 a label {
    font-weight: bold;
}

.VisualizacionTabla .igwgRowAltSilver2k7 a label {
    font-weight: bold;
}

.VisualizacionTabla .igwgRowSilver2k7 label {
    font-weight: normal;
}

.VisualizacionTabla .igwgRowSilver2k7 .divGridDoc {
    padding: 5px;
}
/*.VisualizacionTabla .igwgRowSilver2k7:hover {background: #D5D6DE;color: white;}*/
.VisualizacionTabla .igwgRowSilver2k7:hover .ShowModal {
    background: white;
    padding: 5px;
    border: 2px black solid !important;
}

.VisualizacionTabla .igwgRowSilver2k7:hover a {
    color: #030f40;
}

.VisualizacionTabla .igwgRowAltSilver2k7:hover {
    background: #D5D6DE;
}

.VisualizacionTabla tr:hover {
    background: #D5D6DE;
}

.VisualizacionTabla th {
    border: 0;
    border-bottom: 1px solid;
}

/*.VisualizacionTabla .GridRowUsuarios {background: #B5E034;color: white;}*/
.VisualizacionTabla .GridRowUsuarios .divGridDoc {
    padding: 5px;
}

.VisualizacionTabla .GridRowUsuarios label {
    font-weight: normal;
}

.VisualizacionTabla .GridRowUsuarios a {
    color: #030f40;
    font-weight: bold;
}
/*.VisualizacionTabla .GridRowUsuarios {background: #B5E034;color: white;}*/
.VisualizacionTabla .GridRowUsuarios:hover {
    background: #D5D6DE;
    color: white;
}


.VisualizacionTabla .GridAltRowUsuarios .divGridDoc {
    padding: 5px;
}

.VisualizacionTabla .GridAltRowUsuarios label {
    font-weight: normal;
}

.VisualizacionTabla .GridAltRowUsuarios a {
    color: #030f40;
    font-weight: bold;
}

.VisualizacionTabla .GridAltRowUsuarios:hover {
    background: #D5D6DE;
    color: white;
}




/*igwgRowAltSilver2k7
igwgRowSilver2k7*/
/******/
/*** Lista ***/
li {
    list-style: none;
}

.PaddingUl ul {
    padding-left: 0;
}
/*************/
.AppButton {
    cursor: pointer;
    color: #0F2D6C;
}



/*Paneles*/
.contentPanelGenerico {
    background: #0F2D6C;
    color: white;
    padding-bottom: 4px;
}
/********/

/*Paginacion*/
.ContentPaginacion {
    padding: 0;
    float: left;
    margin-top: 5px;
}

    .ContentPaginacion .MostrarRegistrosPagina {
        float: left;
        margin-right: 4px;
    }

        .ContentPaginacion .MostrarRegistrosPagina ul {
            padding: 0;
        }

    .ContentPaginacion .contentIr {
        float: left;
        margin-left: 4px;
        margin-top: 3px;
    }

.pagination .ContentN {
    margin-left: 4px;
    margin-top: 3px;
}

    .pagination .ContentN ul {
        padding: 0;
    }

        .pagination .ContentN ul li {
            float: left;
            width: auto;
            padding: 2px;
        }

    .pagination .ContentN .ContentExpPagina {
        float: left;
        width: auto;
        margin-top: 5px;
    }

        .pagination .ContentN .ContentExpPagina div {
            float: left;
            width: auto;
        }

.pagination .ContentCaja {
    height: auto;
    width: 40px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 7px;
    color: black;
    text-align: center;
    padding: 6px;
    outline: none;
}

.fa20 {
    font-size: 20px;
}

.ContentRow-Pagination {
    border: 1px solid #ddd;
    /*border-radius: 15px;*/
    color: black;
    text-align: center;
    padding-left: 6px;
    outline: none;
}

.pagination .btnIrPaginador {
    background: #0F2D6C; /* #3D466C; */
    width: auto;
    padding: 5px;
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

    .pagination .btnIrPaginador:hover {
        background-color: #406da4;
        border-color: #3c6699;
        color: #fff;
    }

.pagination {
    padding: 0;
    text-align: center;
    width: 100%; /* > li */
}

    .pagination > li { /* > a */
        display: inline-block;
    }

        .pagination > li > label, .pagination > li > a, .pagination > li > select, .pagination > li > input {
            font-size: 14px;
        }

        .pagination > li > a {
            color: #0F2D6C;
            margin-left: 2px;
            border: none;
            float: none;
            background-color: transparent;
        }

        .pagination > li > span, .ContentPaginacion > li > span:hover {
            color: #377682;
            font-size: 14px;
            margin-left: 2px;
            border: none;
            float: none;
            background-color: transparent;
        }

        .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a.active, .pagination > li > a:hover i {
            background-color: #0F2D6C;
            color: #FFF !important;
            -webkit-border-radius: 1px;
            -khtml-border-radius: 1px;
            -moz-border-radius: 1px;
            -o-border-radius: 1px;
            border-radius: 1px;
        }

    .pagination ul {
        width: auto;
        float: left;
    }

        .pagination ul li {
            float: left;
        }

    .pagination .contentIr div {
        float: left;
    }



.ResponsiveTable {
    min-width: 1024px;
    overflow: hidden;
}

.ResponsiveTable2 {
    min-width: 1024px;
}

.ResponsiveTableAlto {
    height: 480px;
    max-height: 480px;
    overflow-y: auto;
}

#btnHidden {
    cursor: pointer;
}

.scrollHorizontal {
    overflow-y: hidden;
}
/************/

.ShowModal {
    background: white;
    padding: 5px;
    border: 2px solid !important;
}

.ShowModalResponsive {
    background: white;
    padding: 15px;
    border: 2px solid;
}


.ShowModal2 {
    background: white;
    padding: 5px;
    border: 2px solid;
    width: 1200px;
}

    .ShowModal2 .row {
        margin-left: auto;
        margin-right: auto;
    }

.ShowModal3 {
    background: white;
    padding: 5px !important;
    border: 2px solid;
    width: 90%;
    height: 90% !important;
    overflow-y: scroll;
    top: 5% !important;
}

.ShowModal4 {
    background: white;
    padding: 5px;
    border: 2px solid;
    width: 1200px;
    height: auto;
}

.ShowModalContents {
    background: white;
    padding: 5px;
    border: 2px solid;
    height: auto;
}
/*Tamaño Iconos*/
.tmIco20 {
    font-size: 20px;
    padding-right: 4px;
    float: left;
}
/***************/

.ImgRefres {
    background: #6f6a6a;
    float: right;
}

.colorImgRefres {
    background: #C3C3C3;
}

.btnExportar {
    float: right;
    margin-right: 4px;
}

.tmMinForm {
    min-height: 94px;
}

.camposFilter {
    width: 100%;
    display: inline-block;
}

.camposFilterCustodia {
    width: 100%;
    display: inline-block;
}

.control-label {
    font-size: 13px;
    font-weight: bold;
    color: black;
}

.contentGestionSolucitudes .contentulPadre {
    padding: 0;
    float: left;
    width: 100%;
}

.contentGestionSolucitudes ul {
    padding: 0;
    float: left;
}

.contentGestionSolucitudes li {
    float: left;
}

.contentGestionSolucitudes .Contenido_checks {
    float: left;
    width: auto;
    padding-right: 4px;
}

.contentulPadre {
    padding: 0;
    margin: 0;
}

    .contentulPadre ul {
        padding: 0;
    }

.FiltroChecks {
    padding: 5px 5px 5px 5px;
    display: inline;
    margin: 2px;
    float: left;
}

.titulo {
    margin-top: 9px;
}

.ContentCheckbox label {
    margin-top: 20px;
    padding-right: 4px;
}

.titutoCarpeta {
    margin-top: 9px;
    float: left;
}
/**********************/

#wizHeader li .prevStep {
    background-color: #7C7C7C;
}

    #wizHeader li .prevStep:after {
        border-left-color: #7C7C7C !important;
    }

#wizHeader li .nextStep {
    background-color: #C2C2C2;
}

    #wizHeader li .nextStep:after {
        border-left-color: #C2C2C2 !important;
    }

/*INFORMES DINAMICOS*/
#wizHeader {
    list-style: none;
    overflow: hidden;
    font-size: 18px;
    font-family: inherit;
    margin: 0;
    padding: 0;
}

    #wizHeader li:first-child a {
        padding-left: 10px;
    }

    #wizHeader li .currentStep::after {
        border-left-color: #0F2D6C !important;
    }

    #wizHeader li .currentStep {
        background-color: #0F2D6C;
    }

    #wizHeader li a::before {
        content: " ";
        display: block;
        width: 0px;
        height: 0px;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #fff;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        margin-left: 1px;
        left: 100%;
        z-index: 1;
    }

    #wizHeader li a::after {
        content: " ";
        display: block;
        width: 0px;
        height: 0px;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid rgb(3,15,64);
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 2;
    }

    #wizHeader li a {
        color: #fff;
        text-decoration: none;
        padding: 10px 0 10px 55px;
        background: #030F40;
        background: rgb(3,15,64);
        position: relative;
        display: block;
        float: left;
    }



.VisualizacionTabla > thead > tr > th,
.VisualizacionTabla > tbody > tr > td {
    padding-left: 30px;
    padding-right: 30px;
}

    .VisualizacionTabla > thead > tr > th:first-child,
    .VisualizacionTabla > tbody > tr > td:first-child {
        padding-left: 0;
    }

    .VisualizacionTabla > thead > tr > th:last-child,
    .VisualizacionTabla > tbody > tr > td:last-child {
        padding-right: 0;
    }

.VisualizacionTabla > tbody > tr > td {
    padding-top: 25px;
    padding-bottom: 25px;
}

.VisualizacionTabla .item {
    width: 40%;
}

.VisualizacionTabla .remove {
    width: 5%;
}

.VisualizacionTabla .bootstrap-touchspin {
    width: 100px;
}

    .VisualizacionTabla .bootstrap-touchspin.input-group-sm > .input-group-btn > .btn {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }


.VisualizacionTabla .btn-remove {
    color: #838383;
}

    .VisualizacionTabla .btn-remove:hover {
        color: #6a6a6a;
    }

div.modalBackground {
    background: #000;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.modalBackground {
    background: rgba(82, 82, 82, 0.5);
}

.radio-inline {
    width: 100%;
}

.radio td {
    display: inline-block;
}

.radio-inline td label {
    margin-right: 25px;
}

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


.radio td {
    width: 100%;
    display: inline-block;
}

    .radio td input {
        margin-left: 0;
    }

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

.TmIco17 {
    font-size: 17px;
}

.wdt100 {
    width: 100%;
    float: left;
}

.InlinebLock {
    display: inline-block;
    width: 100%;
}

#lbIdioma {
    margin-left: 4px;
}

.btn-setting {
    font-size: 20px !important;
}

/*LOGIN*/
#Login1 {
    width: 100% !important;
}

    #Login1 .baseLogin {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        width: 100%;
    }

    #Login1 .CheckLogin input {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: 1px;
        width: 18px;
        height: 18px;
        margin-right: 8px;
        content: "";
        border: 1px solid #ccc;
        background: transparent;
    }

    #Login1 table {
        width: 100% !important;
    }

    #Login1 td {
        width: 100%;
        display: inline-block;
        text-align: left;
    }

.LoginTexBox {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table-cell;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.LoginTitulo {
    font-size: 28px;
    text-align: left;
}

.LoginLabel {
    font-size: 13px;
    font-weight: bold;
    color: black;
}

.ContentArbol {
    float: left;
    /*width: 25%;*/
    border-radius: 3px;
}

.right {
    float: right;
}

.arbol td {
    font-size: 11px !important;
}

.linkPaginador {
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    width: auto !important;
    float: left;
}

    .linkPaginador:hover {
        background-color: #406da4;
        border-color: #3c6699;
        color: #fff;
    }


/* shopping cart table at checkout */

.VisualizacionTabla hr {
    border-color: #dadada;
}



/* Zoom pluggin*/
.zoom {
    display: inline-block;
    position: relative;
}

    /* magnifying glass icon */
    .zoom:after {
        content: '';
        display: block;
        width: 33px;
        height: 33px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(Baldas\icon.png);
    }

    .zoom img {
        display: block;
    }

        .zoom img::selection {
            background-color: transparent;
        }




/* inicio-session
=================================================================== */

.login-box {
    width: 400px;
    margin: 100px auto;
    background: white; /* Old browsers */
}

    .login-box .icons {
        text-align: right;
        margin: 20px 15px;
    }

        .login-box .icons i {
            text-align: right;
            opacity: .2;
            filter: alpha(opacity=20);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
            margin: 0px 5px;
        }

            .login-box .icons i:hover {
                opacity: .8;
                filter: alpha(opacity=80);
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            }

    .login-box p {
        margin: 10px 30px;
        font-weight: normal;
    }

    .login-box .input-prepend {
        background: #fff;
        width: 100%;
        text-align: center;
        /*padding: 15px 0;*/
        border-left: 3px solid #fff;
    }

    .login-box .input-prepend-focus {
        background: #fcfcfc;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        border-left: 3px solid #646464;
    }

    .login-box .add-on {
        border: 1px solid #eee !important;
        background: #fff;
        margin-left: -10px;
    }

        .login-box .add-on i {
            opacity: .1;
            filter: alpha(opacity=10);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        }

    .login-box input[type="text"],
    .login-box input[type="password"] {
        border: 1px solid #eee !important;
        color: #aaa;
        border-left: none !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .login-box .remember {
        margin-top: 20px;
        margin-left: 20px;
        float: left;
    }

    .login-box .button-login {
        margin-top: 20px;
        margin-right: 20px;
        float: right;
    }
/* 4.16 SIGN-IN - LOGINNGF - LOGIN PAGE
================================== */
#login-page {
    padding: 10px 0 10px;
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
}

    #login-page input {
        padding-left: 44px;
    }

    #login-page .form-group,
    #addCard .field,
    #login-page .field {
        margin-top: 20px;
        position: relative;
    }

        #addCard .field,
        #login-page .field i {
            border-right: 1px solid #e5e5e5;
            color: #ddd;
            font-size: 20px;
            padding-right: 8px;
            position: absolute !important;
            top: auto;
            right: auto;
            bottom: 10px;
            left: 10px;
            z-index: 1;
        }

            #addCard .field i.user,
            #login-page .field i.user {
                font-size: 14px;
                padding: 3px 10px 3px 3px;
            }

        #login-page .form-group i {
            border-right: 1px solid #e5e5e5;
            color: #ddd;
            font-size: 20px;
            padding-right: 8px;
            position: absolute !important;
            top: auto;
            right: auto;
            bottom: 10px;
            left: 10px;
            z-index: 1;
        }

    #login-page .footer-form {
        border-top: 1px solid #e5e5e5;
        padding: 20px 0;
        position: relative;
    }

        #login-page .footer-form .remember {
            font-size: 14px;
            position: absolute !important;
            top: 26px;
            right: auto;
            bottom: auto;
            left: 0;
            z-index: 1;
        }

        #login-page .footer-form .button-form {
            padding: 6px 26px;
        }
    /* #login-page, #signin-page */
    #login-page .title {
        margin-top: 60px;
    }

.BodyLogin {
    height: 100%;
    overflow: hidden;
}

.ContentTableLogin {
    width: 100%;
    height: 100%;
}

.ContentLeftLogin {
    background-image: url(../login/Wallpapers/login.png);
    background-size: cover;
}

.ContentRightLogin {
    width: 450px;
    height: 100%;
    background-color: white;
}

@media only screen and (max-height: 794px) {
    .ShowModal4 {
        background: white;
        padding: 5px !important;
        border: 2px solid;
        width: 90%;
        height: 90% !important;
        overflow-y: scroll;
        top: 5% !important;
    }

    .ShowModal2 {
        background: white;
        padding: 5px !important;
        border: 2px solid;
        width: 90%;
        height: 90% !important;
        overflow-y: scroll !important;
        top: 5% !important;
    }

    .ShowModalContents {
        width: 90%;
        height: 90% !important;
        overflow-y: scroll !important;
        top: 5% !important;
    }
}

@media only screen and (max-width: 1200px) {
    .ShowModal4 {
        width: 90%;
    }

    .ShowModal2 {
        width: 90%;
    }
}

@media only screen and (max-width: 1050px) {
    .ShowModalResponsive {
        background: white;
        padding: 5px;
        border: 2px solid;
        width: 100%;
        left: 0 !important;
    }

    .ShowModal {
        background: white;
        padding: 5px;
        border: 2px solid !important;
        left: 5% !important;
        width: 90% !Important;
        height: 90% !important;
        overflow-y: scroll;
    }
}


@media only screen and (max-width: 992px) {
    #wizHeader li {
        width: 100% !important;
    }

        #wizHeader li a {
            width: 100% !important;
            padding: 10px !important;
        }

            #wizHeader li a::before {
                display: none !important;
            }

            #wizHeader li a::after {
                display: none !important;
            }

    .ContentLeftLogin {
        display: none;
    }

    .ContentRightLogin {
        width: 100%;
    }
}


@media only screen and (max-width: 767px) {
    .ShowModalContents {
        width: 90%;
        height: 90% !important;
        overflow-y: scroll !important;
        top: 5% !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .VisualizacionTabla .brief-desc {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .login-box {
        width: 80%;
    }

    .VisualizacionTabla thead,
    .VisualizacionTabla .media-left, .VisualizacionTabla .brief-desc,
    .VisualizacionTabla .qty .input-group-btn {
        display: none;
    }

    .VisualizacionTabla tbody > tr {
        display: block;
        position: relative;
        padding: 5px 0;
        border-bottom: 1px solid #eaeaea;
    }

        .VisualizacionTabla tbody > tr:last-child {
            border-bottom: none;
        }

        .VisualizacionTabla tbody > tr > td {
            border: none;
            padding: 0;
        }

    .VisualizacionTabla .item {
        position: absolute;
        width: 60%;
    }

    .VisualizacionTabla .unit-price, .VisualizacionTabla .qty, .VisualizacionTabla .total-price, .VisualizacionTabla .remove {
        display: block;
        width: auto;
        text-align: right;
    }

        .VisualizacionTabla .unit-price:before {
            content: 'Price: ';
        }

    .VisualizacionTabla .qty {
        line-height: 2.4;
    }

        .VisualizacionTabla .qty:before {
            content: 'Qty: ';
        }

        .VisualizacionTabla .qty .input-group {
            display: inline;
        }

            .VisualizacionTabla .qty .input-group input {
                width: 15%;
                margin-left: 5px;
                float: right;
            }

    .VisualizacionTabla .total-price:before {
        content: 'Total: ';
    }
}

.m-b {
    margin-bottom: 15px;
}

.m-t {
    margin-top: 15px;
}

.m-l {
    margin-left: 15px;
}


.signatureArea canvas {
    border: 1px solid #0F2D6C;
}

.completionList {
    list-style: none outside none;
    border: 1px solid buttonshadow;
    cursor: default;
    padding: 0px;
    margin: 0px;
    z-index: 10000 !important;
}

.md-content {
    z-index: 1000 !important;
}



/*
    JQUERY STEPS 
*/

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .wizard a,
    .tabcontrol a {
        outline: 0;
    }

    .wizard ul,
    .tabcontrol ul {
        list-style: none !important;
        padding: 0;
        margin: 0;
    }

        .wizard ul > li,
        .tabcontrol ul > li {
            display: block;
            padding: 0;
        }

    /* Accessibility */
    .wizard > .steps .current-info,
    .tabcontrol > .steps .current-info {
        position: absolute;
        left: -999em;
    }

    .wizard > .content > .title,
    .tabcontrol > .content > .title {
        position: absolute;
        left: -999em;
    }



    /*
    Wizard
*/

    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

    .wizard.vertical > .steps {
        display: inline;
        float: left;
        width: 30%;
    }

    .wizard > .steps .number {
        font-size: 1.429em;
    }

    .wizard > .steps > ul > li {
        width: 25%;
    }

    .wizard > .steps > ul > li,
    .wizard > .actions > ul > li {
        float: left;
    }

    .wizard.vertical > .steps > ul > li {
        float: none;
        width: 100%;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active {
        display: block;
        width: auto;
        margin: 0 0.5em 0.5em;
        padding: 1em 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard > .steps .disabled a,
    .wizard > .steps .disabled a:hover,
    .wizard > .steps .disabled a:active {
        background: #eee;
        color: #aaa;
        cursor: default;
    }

    .wizard > .steps .current a,
    .wizard > .steps .current a:hover,
    .wizard > .steps .current a:active {
        background: #2184be;
        color: #fff;
        cursor: default;
    }

    .wizard > .steps .done a,
    .wizard > .steps .done a:hover,
    .wizard > .steps .done a:active {
        background: #9dc8e2;
        color: #fff;
    }

    .wizard > .steps .error a,
    .wizard > .steps .error a:hover,
    .wizard > .steps .error a:active {
        background: #ff3111;
        color: #fff;
    }

    .wizard > .content {
        background: #eee;
        display: block;
        margin: 0.5em;
        min-height: 35em;
        overflow: hidden;
        position: relative;
        width: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard.vertical > .content {
        display: inline;
        float: left;
        margin: 0 2.5% 0.5em 2.5%;
        width: 65%;
    }

    .wizard > .content > .body {
        float: left;
        position: absolute;
        width: 95%;
        height: 95%;
        padding: 2.5%;
    }

        .wizard > .content > .body ul {
            list-style: disc !important;
        }

            .wizard > .content > .body ul > li {
                display: list-item;
            }

        .wizard > .content > .body > iframe {
            border: 0 none;
            width: 100%;
            height: 100%;
        }

        .wizard > .content > .body input {
            display: block;
            border: 1px solid #ccc;
        }

            .wizard > .content > .body input[type="checkbox"] {
                display: inline-block;
            }

            .wizard > .content > .body input.error {
                background: rgb(251, 227, 228);
                border: 1px solid #fbc2c4;
                color: #8a1f11;
            }

        .wizard > .content > .body label {
            display: inline-block;
            margin-bottom: 0.5em;
        }

            .wizard > .content > .body label.error {
                color: #8a1f11;
                display: inline-block;
                margin-left: 1.5em;
            }

    .wizard > .actions {
        position: relative;
        display: block;
        text-align: right;
        width: 100%;
    }

    .wizard.vertical > .actions {
        display: inline;
        float: right;
        margin: 0 2.5%;
        width: 95%;
    }

    .wizard > .actions > ul {
        display: inline-block;
        text-align: right;
    }

        .wizard > .actions > ul > li {
            margin: 0 0.5em;
        }

    .wizard.vertical > .actions > ul > li {
        margin: 0 0 0 1em;
    }

    .wizard > .actions a,
    .wizard > .actions a:hover,
    .wizard > .actions a:active {
        background: #2184be;
        color: #fff;
        display: block;
        padding: 0.5em 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard > .actions .disabled a,
    .wizard > .actions .disabled a:hover,
    .wizard > .actions .disabled a:active {
        background: #eee;
        color: #aaa;
    }

    .wizard > .loading {
    }

        .wizard > .loading .spinner {
        }



    /*
    Tabcontrol
*/

    .tabcontrol > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

        .tabcontrol > .steps > ul {
            position: relative;
            margin: 6px 0 0 0;
            top: 1px;
            z-index: 1;
        }

            .tabcontrol > .steps > ul > li {
                float: left;
                margin: 5px 2px 0 0;
                padding: 1px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

                .tabcontrol > .steps > ul > li:hover {
                    background: #edecec;
                    border: 1px solid #bbb;
                    padding: 0;
                }

                .tabcontrol > .steps > ul > li.current {
                    background: #fff;
                    border: 1px solid #bbb;
                    border-bottom: 0 none;
                    padding: 0 0 1px 0;
                    margin-top: 0;
                }

                .tabcontrol > .steps > ul > li > a {
                    color: #5f5f5f;
                    display: inline-block;
                    border: 0 none;
                    margin: 0;
                    padding: 10px 30px;
                    text-decoration: none;
                }

                    .tabcontrol > .steps > ul > li > a:hover {
                        text-decoration: none;
                    }

                .tabcontrol > .steps > ul > li.current > a {
                    padding: 15px 30px 10px 30px;
                }

    .tabcontrol > .content {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 35em;
        overflow: hidden;
        border-top: 1px solid #bbb;
        padding-top: 20px;
    }

        .tabcontrol > .content > .body {
            float: left;
            position: absolute;
            width: 95%;
            height: 95%;
            padding: 2.5%;
        }

            .tabcontrol > .content > .body ul {
                list-style: disc !important;
            }

                .tabcontrol > .content > .body ul > li {
                    display: list-item;
                }
/*FIN steps*/


/*Custom Tabs*/
.custom-tabs-line {
    text-align: center;
}

    .custom-tabs-line ul {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
    }

        .custom-tabs-line ul > li {
            float: left;
        }

            .custom-tabs-line ul > li a {
                color: #a1a1a1;
            }

                .custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus {
                    color: #0F2D6C;
                    background-color: transparent;
                }

    .custom-tabs-line.tabs-line-top {
        border-top: 1px solid #ccc;
    }

        .custom-tabs-line.tabs-line-top ul > li {
            margin-top: -1px;
        }

        .custom-tabs-line.tabs-line-top a {
            border-top: 1px solid transparent;
        }

        .custom-tabs-line.tabs-line-top .active a {
            border-top-color: #0F2D6C;
        }

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

        .custom-tabs-line.tabs-line-bottom ul > li {
            margin-bottom: -1px;
        }

        .custom-tabs-line.tabs-line-bottom a {
            border-bottom: 1px solid transparent;
        }

        .custom-tabs-line.tabs-line-bottom .active a {
            border-bottom: 1px solid #0F2D6C;
            font-size: 1.2em;
            font-weight: bold;
            color: #333;
            display: block;
            width: auto;
            margin: 0 0.5em 0.5em;
            padding: 8px;
            text-decoration: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background: #0F2D6C;
            color: #fff;
        }

    .custom-tabs-line.left-aligned {
        text-align: left;
    }

    .custom-tabs-line.right-aligned {
        text-align: right;
    }