/*****************************************************************************************************/
/*     
    Inicio Css para Select2 utilizado en varias interfaces del CSI, estas clases existían en SmartAdmin
    Pero no están en Endless
*/
/*****************************************************************************************************/

/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
    -webkit-box-sizing: border-box; /* webkit */
    -moz-box-sizing: border-box; /* firefox */
    box-sizing: border-box; /* css3 */
}

    .select2-container .select2-choice {
        display: block;
        height: 32px;
        padding: 0 0 0 8px;
        overflow: hidden;
        position: relative;
        border: 1px solid #ccc;
        white-space: nowrap;
        line-height: 32px;
        color: #444;
        text-decoration: none;
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff;
    }

    .select2-container.select2-drop-above .select2-choice {
        border-bottom-color: #ccc;
    }

    .select2-container.select2-allowclear .select2-choice .select2-chosen {
        margin-right: 42px;
    }

    .select2-container .select2-choice > .select2-chosen {
        margin-right: 26px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .select2-container .select2-choice abbr {
        display: none;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 24px;
        top: 8px;
        font-size: 1px;
        text-decoration: none;
        border: 0;
        /*background: url('@{base-url}/select2.png') right top no-repeat;*/
        cursor: pointer;
        outline: 0;
    }

    .select2-container.select2-allowclear .select2-choice abbr {
        display: inline-block;
    }

    .select2-container .select2-choice abbr:hover {
        /*background-position: right -11px;*/
        cursor: pointer;
    }

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    margin-top: -1px;
    width: 100%;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-top: 0;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #ccc;
    width: auto;
}

    .select2-drop-auto-width .select2-search {
        padding-top: 4px;
    }

.select2-drop.select2-drop-above {
    margin-bottom: 0px;
    border-top: 1px solid #5D98CC;
    border-top-width: 3px;
    border-bottom: 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0,0,0,.15);
    box-shadow: 0 -4px 5px rgba(0,0,0,.15);
}

.select2-drop-active {
    border: 1px solid #5D98CC;
    border-top: none;
    border-bottom-width: 3px;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top-width: 3px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 34px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #ccc;
    background-clip: padding-box;
    background: #eee;
}

    .select2-container .select2-choice .select2-arrow b {
        display: block;
        width: 100%;
        height: 100%;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        font-size: 14px;
    }

        .select2-container .select2-choice .select2-arrow b:before {
            content: "\f107";
            width: 100%;
            height: 100%;
            text-align: center;
            display: block;
        }

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}

    .select2-search input {
        width: 100%;
        height: auto !important;
        min-height: 29px;
        padding: 6px 20px 5px 10px;
        margin: 0;
        outline: 0;
        font-family: sans-serif;
        font-size: 1em;
        border: 1px solid #aaa;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #fff;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
        background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
        background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
        background: linear-gradient(top, #fff 85%, #eee 99%);
    }

    .select2-search:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        content: "\f002";
        top: 25%;
        right: 10px;
        color: #686868 !important;
    }

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-drop.select2-drop-above .select2-search:before {
    top: 34%;
}

.select2-search input.select2-active {
    background: #fff url('@{base-url}/select2-spinner.gif') no-repeat 100%;
    background: url('@{base-url}/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('@{base-url}/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('@{base-url}/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('@{base-url}/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5D98CC;
    outline: none;
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5D98CC;
    border-top-color: transparent;
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}

    .select2-dropdown-open .select2-choice .select2-arrow b {
        background-position: -18px 1px;
    }

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .select2-results ul.select2-result-sub {
        margin: 0;
        padding-left: 0;
    }

        .select2-results ul.select2-result-sub > li .select2-result-label {
            padding-left: 20px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 40px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 60px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 80px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 100px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 110px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 120px;
        }

    .select2-results li {
        list-style: none;
        display: list-item;
        background-image: none;
    }

        .select2-results li.select2-result-with-children > .select2-result-label {
            font-weight: bold;
        }

    .select2-results .select2-result-label {
        padding: 3px 7px 4px;
        margin: 0;
        cursor: pointer;
        min-height: 1em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .select2-results .select2-highlighted {
        background: #3276b1;
        color: #fff;
    }

    .select2-results li em {
        background: #feffde;
        font-style: normal;
    }

    .select2-results .select2-highlighted em {
        background: transparent;
    }

    .select2-results .select2-highlighted ul {
        background: #fff;
        color: #000;
    }


    .select2-results .select2-no-results,
    .select2-results .select2-searching,
    .select2-results .select2-selection-limit {
        background: #f4f4f4;
        display: list-item;
        padding: 3px 5px;
    }

.select2-no-results {
    padding-left: 20px;
}

    .select2-no-results:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f05a";
        margin-right: 5px;
    }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('@{base-url}/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container.select2-container-disabled .select2-choice .select2-arrow {
        background-color: #f4f4f4;
        background-image: none;
        border-left: 0;
    }

    .select2-container.select2-container-disabled .select2-choice abbr {
        display: none;
    }


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #ccc;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
}

.select2-locked {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5D98CC;
    outline: none;
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

    .select2-container-multi .select2-choices .select2-search-field input {
        padding: 5px;
        margin: 1px 0;
        font-family: sans-serif;
        font-size: 100%;
        color: #666;
        outline: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent !important;
    }

        .select2-container-multi .select2-choices .select2-search-field input.select2-active {
            background: #fff url('@{base-url}/select2-spinner.gif') no-repeat 100% !important;
        }

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 1px 28px 1px 8px;
    margin: 4px 0 3px 5px;
    position: relative;
    line-height: 18px;
    color: #fff;
    cursor: default;
    border: 1px solid darken(@blueStandard, 7%);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: @blueStandard;
}

    .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
        cursor: default;
    }

.select2-container-multi .select2-choices .select2-search-choice-focus {
    opacity: .8;
}

.select2-search-choice-close {
    display: block;
    min-width: 21px;
    min-height: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 12px;
    text-decoration: none !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .select2-search-choice-close:before {
        color: @white;
        content: "\f057";
    }

.select2-container-multi .select2-search-choice-close {
    display: block;
    top: 0;
    right: 0;
    padding: 3px 4px 3px 6px;
}

    .select2-container-multi .select2-search-choice-close:hover {
        background: rgba(0,0,0,.3);
    }
/*
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}*/

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
        padding: 3px 5px;
        border: 1px solid lighten(@blueStandard, 10%);
        background-image: none;
        background-color: lighten(@blueStandard, 25%);
        cursor: not-allowed;
    }

        .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
            display: none;
            background: none;
        }
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/*****************************************************************************************************/
/*     
    Fin Css para Select2 utilizado en varias interfaces del CSI, estas clases existían en SmartAdmin
    Pero no están en Endless
*/
/*****************************************************************************************************/


.wrap {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

p.form-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #FFFFFF;
    margin-top: 5%;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.login-wrapper > .text-center > img {
    max-width: 300px;
}

.marginB-10 {
    margin-bottom: 10px;
}

.lineGray {
    background: #c9c9c9;
    height: 1px;
    margin: 20px 0 7px;
    width: 100%;
}

/*----------------------------------------------------------------------------------------------------------------------*/
/*#region LOGIN */

/*#region Formulario Login */
.login-wrapper .login-widget,
#login .wrapper {
    border-radius: 4px;
    box-shadow: 0 3px 23px 0px rgba(0, 0, 0, 0.20);
    overflow: hidden;
    position: relative;
    width: 320px !important;
    z-index: 100;
}

.panel-KinposDefault {
    background-color: rgba(252, 250, 250, 0.93) !important;
    border-radius: 4px !important;
}

    .panel-KinposDefault .panel-heading {
        border-radius: 4px !important;
        padding: 15px 20px !important;
    }

#loginForm > div > .panel-body {
    padding: 20px !important;
}

#login-img footer,
#login footer {
    background: transparent !important;
    bottom: 0 !important;
    margin: auto !important;
    padding: 10px 15px;
    position: fixed !important;
    width: 100% !important;
    z-index: 50;
}

.body-login {
    background-size: cover;
    margin: 0;
    padding: 0;
}

.btnRecoverAccount {
    text-align: right !important;
    text-align: -moz-right !important;
    text-align: -ms-right !important;
    text-align: -webkit-right !important;
}

form.login input[type="text"],
form.login input[type="password"],
.loginCont {
    background: 0;
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    color: #ddd;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
    outline: 0;
    padding: 5px 10px;
    width: 100%;
}

form.login input[type="submit"] {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 16px;
    outline: 0;
    text-transform: uppercase;
    width: 100%;
}

    form.login input[type="submit"]:hover {
        transition: background-color 0.5s ease;
    }

form.login .remember-forgot {
    float: left;
    margin: 10px 0 0 0;
    width: 100%;
}

form.login .forgot-pass-content {
    margin: 10px 0;
    min-height: 20px;
}

form.login label,
form.login a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
}

form.login a {
    transition: color 0.5s ease;
}

    form.login a:hover {
        color: #2ecc71;
    }

.login-img > form {
    margin: 0 auto;
    width: 250px;
}

.login-img > .panel-heading {
    background: #fff;
    border-color: #a0a0a0 !important;
    color: #777;
    text-align: center !important;
    text-align: -moz-center !important;
    text-align: -ms-center !important;
    text-align: -webkit-center !important;
}

/*#endregion */

/*#region Footer */
footer a img {
    opacity: 0.7;
}

.panel.panel-default {
    border-color: #c9c9c9 !important;
}

.Power-by {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    bottom: 26px;
    color: #FFF;
    font-size: 11px;
    margin: auto !important;
    opacity: 0.9;
    padding: 10px;
    text-align: center !important;
    text-align: -moz-center !important;
    text-align: -ms-center !important;
    text-align: -webkit-center !important;
    width: 365px;
}

.txt-color-red {
    color: #a90329 !important;
}

/*#endregion */

/*#region PageInvalidates */
.pageInvalidates > .login-wrapper .login-widget {
    background: transparent !important;
    border: 4px dashed #92969a;
    box-shadow: none;
    color: #92969a;
    padding: 0 20px 20px;
    width: 400px !important;
}

.pageInvalidates > .login-wrapper .panel-KinposDefault {
    background: transparent !important;
}

    .pageInvalidates > .login-wrapper .panel-KinposDefault p {
        font-size: 19px;
        margin-bottom: 30px;
    }

    .pageInvalidates > .login-wrapper .panel-KinposDefault div h1 {
        font-size: 39px;
        font-weight: bolder;
    }

    .pageInvalidates > .login-wrapper .panel-KinposDefault div.button-PageIn div a {
        background: white;
        border: 1px solid #b9b9b9;
        border-radius: 5px;
        display: block;
        margin: 12px;
        padding: 5px;
    }

        .pageInvalidates > .login-wrapper .panel-KinposDefault div.button-PageIn div a:hover {
            color: #3d88a5;
            background: #f2f7f7;
            background: rgba(255,255,255,1);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(242,247,247,1) 84%, rgba(242,247,247,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(84%, rgba(242,247,247,1)), color-stop(100%, rgba(242,247,247,1)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(242,247,247,1) 84%, rgba(242,247,247,1) 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(242,247,247,1) 84%, rgba(242,247,247,1) 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(242,247,247,1) 84%, rgba(242,247,247,1) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(242,247,247,1) 84%, rgba(242,247,247,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f7f7', GradientType=0 );
            box-shadow: 0 0 1px 1px #bfeef9;
        }

.pageInvalidates .divtext-center > img {
    width: 50px;
}


.content-gear-error {
    top: 118px;
    width: 100%;
    z-index: -1;
}

    .content-gear-error div.ojk {
        margin: auto;
        margin-top: 35px;
        position: absolute;
        z-index: -1;
    }

.gear {
    -moz-animation: rotate 80s ease-out 1;
    -webkit-animation: rotate 80s ease-out 1;
    animation: rotate 80s ease-out 1;
    background: transparent;
    border-radius: 50%;
    box-shadow: inset 0 0 0px 27px #eaeaea, inset 0 0 0px 32px #e0e0e0;
    height: 100px;
    position: relative;
    margin-left: 158px;
    margin-top: 50px;
    top: -28px;
    width: 100px;
}

    .gear:before,
    .gear:after,
    .gear2:before,
    .gear2:after {
        background: #eaeaea;
        border-radius: 20%;
        content: '';
        height: 20px;
        position: absolute;
        width: 20px;
    }

    .gear:before,
    .gear2:before {
        box-shadow: 50px 50px 0 0 #eaeaea, -50px 50px 0 0 #eaeaea, 0 100px 0 0 #eaeaea;
        left: 40px;
        top: -10px;
    }

    .gear:after,
    .gear2:after {
        box-shadow: 0px 100px 0 0 #eaeaea, 50px 50px 0 0 #eaeaea, -50px 50px 0 0 #eaeaea;
        left: 76px;
        transform: rotate(45deg);
        top: 5px;
    }

.gear2 {
    -moz-animation: rotate2 80s ease-out 1;
    -webkit-animation: rotate2 80s ease-out 1;
    animation: rotate2 80s ease-out 1;
    background: transparent;
    border-radius: 50%;
    box-shadow: inset 0 0 0px 27px #eaeaea, inset 0 0 0px 32px #e0e0e0;
    height: 100px;
    left: 96px;
    position: relative;
    top: -35px;
    width: 100px;
}
/*Keyframes*/
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-3600deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-3600deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-3600deg);
    }
}

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(3600deg);
    }
}

@-moz-keyframes rotate2 {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(3600deg);
    }
}

@keyframes rotate2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(3600deg);
    }
}

/*#endregion */

/*#region NeedHelp */
.viewNeedHelp .collapse {
    overflow: hidden;
}

.viewNeedHelp #collapseOne > .St,
.viewNeedHelp #collapseTwo > .St {
    padding: 8px !important;
}

.viewNeedHelp a[href^="/login"] {
    float: right;
}
/*#endregion */

/*#region ForgotPassword*/
.viewForgotPassword .login-wrapper .login-widget,
.viewForgotPassword #login .wrapper {
    max-width: 454px !important;
    width: 100% !important;
}
/*#endregion */

/*#endregion */


.panel {
    border-radius: 8px;
}

.form-group > label .select2-container .select2-choice {
    border-radius: 4px !important;
}

#cboLanguage,
#cboLanguage .select2-container {
    width: 10%;
    border-radius: 4px !important;
    overflow: hidden;
}



div#captchaSection {
    margin: 10px auto;
    text-align: center;
}

img#imgCaptcha {
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}

#divCaptchap {
    margin: 0px 0px 0px;
    padding: 0px 7px;
    background: rgb(220 220 220);
    border-radius: 8px;
    border: 1px solid #cccccc;
}

.input-captchap {
    padding: 6px;
}





/***************************************************************************/

body, html {
    min-height: 100%;
}

.space-15px {
    height: 15px;
}

@media (max-width: 767px) {
    #top-nav.fixed {
        left: 0px !important;
    }
}

#header > #top-nav {
    height: 50px !important;
}

.Logo-top-nav {
    background-image: url(../../master/General/logo.png);
    width: 100%;
    z-index: 5555;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 60%;
    margin: auto;
    background-position: center;
}

.minified .Logo-top-nav {
    background-size: 85px;
}
/*/Templates/master/General/logo.png
/Templates/master/General/minilogo.png*/
#header > #top-nav > .top-nav-left {
    float: left;
    width: 220px;
    text-align: center;
    height: 102%;
    margin-bottom: 1px;
}

.minified > #header > #top-nav > .top-nav-left {
    width: 100px;
}

#header > #top-nav > .top-nav-right {
    float: right;
}

#imgUserAvatar {
    border: solid 1px #e5e5e5 !important;
    float: left !important;
}

#left-panel {
    padding-top: 77px !important;
    margin-top: 0 !important;
}

#ribbon {
    border-bottom: 1px solid #e5e5e5 !important;
    padding: 2px 0px 0px 28px !important;
    width: 100%;
    z-index: 10;
    height: 29px;
    background: #f7f7f7 !important;
}

    #ribbon .breadcrumb {
        background-color: transparent !important;
    }

#top-nav .navbar-toggle.hide-menu {
    left: 18px;
}

.minified #top-nav .navbar-toggle.hide-menu {
    left: 17px;
}

#top-nav .navbar-toggle.hide-menu:hover > .icon-bar {
    background-color: #fff;
}

#top-nav.skin-5 .navbar-toggle .icon-bar {
    background-color: #999;
}

.minified nav ul > li:first-child,
aside > nav ul > li:first-child {
    border-top: none !important;
}
/*--------scroll menu---*/
aside {
    overflow: scroll !important;
    overflow: -moz-scrollbars-none !important;
    -ms-overflow-style: none !important;
}

    aside::-webkit-scrollbar {
        width: 0px !important;
    }

/*-----------------------------------liniesita del menu skins*/
#left-panel > nav > ul > li > ul::before {
    border-color: transparent;
    border-left: 1px solid transparent;
    -webkit-transition: border-color 0.5s ease-out;
    -moz-transition: border-color 0.5s ease-out;
    -o-transition: border-color 0.5s ease-out;
    transition: border-color 0.5s ease-out;
}

#left-panel > nav > ul > li > ul > li::before {
    border-color: transparent;
    border-left: 1px solid transparent;
    -webkit-transition: border-color 0.5s ease-out;
    -moz-transition: border-color 0.5s ease-out;
    -o-transition: border-color 0.5s ease-out;
    transition: border-color 0.5s ease-out;
}

#left-panel > nav > ul > li > ul::before {
    border-color: #969697;
}

.minified #left-panel > nav > ul > li:hover > ul::before {
    display: none;
}

#left-panel > nav > ul > li:hover > ul::before {
    border-color: #fff;
}

#left-panel > nav > ul > li:hover > ul > li::before {
    border-color: #fff;
}


/*--------------------------fin liniesita--------------------------*/


#theme-setting-icon {
    top: 44px !important;
    z-index: 20;
}

#theme-setting {
    top: 49px !important;
    box-shadow: 5px 1px 23px rgba(0, 0, 0, 0.57);
    border-radius: 0 0 0 20px;
    z-index: 7;
}

#theme-setting-icon {
    padding: 3px 6px !important;
}

    #theme-setting-icon > i {
        font-size: 20px !important;
    }

#top-nav > button.navbar-toggle {
    background-color: transparent !important;
}

.theme-color {
    display: inline-block !important;
    width: 25px !important;
    height: 25px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -moz-border-radius: 1px;
    margin: 0 0 0 14px !important;
    -webkit-border-radius: 6px;
    padding: 10px 10px !important;
    border-radius: 100% !important;
}

/*nav.main-menu > ul,
nav.main-menu > ul > li{
    border-bottom: red 1px solid!important;
    border-top: yellow 1px solid!important;
}*/


nav.main-menu > ul > li > a:focus,
nav.main-menu > ul > li > a:active,
nav.main-menu > ul > li > a:visited {
    background: transparent !important;
}


.active {
    background: transparent !important;
}

aside > nav > ul > li > a::before {
    display: none;
}

.minified nav > ul > li:hover > a[href$="/Home/Home"] > .menu-item-parent,
.minified nav > ul > li:hover > a[href$="/Report/SLFReports"] > .menu-item-parent,
.minified nav > ul > li:hover > a[href$="/Administration/About"] > .menu-item-parent,
.minified nav > ul > li:hover > a[href$="/login"] > .menu-item-parent {
    height: 29px !important;
}


.minified #left-panel nav ul ul ul li:last-child {
    border-bottom: 1px solid rgb(239, 237, 237);
}

.ui-sortable .jarviswidget-sortable > header,
.ui-sortable .jarviswidget-sortable > header,
.jarviswidget-sortable > header {
    -moz-border-radius: 6px 6px 0 0 !important;
    -khtml-border-radius: 6px 6px 0 0 !important;
    -webkit-border-radius: 6px 6px 0 0 !important;
    border-radius: 6px 6px 0 0 !important;
}

.jarviswidget > div,
.jarviswidget {
    -moz-border-radius: 0 0 6px 6px !important;
    -khtml-border-radius: 0 0 6px 6px !important;
    -webkit-border-radius: 0 0 6px 6px !important;
    border-radius: 0 0 6px 6px !important;
}

@media screen and (max-width: 766px) {
    #top-nav > button.navbar-toggle {
        left: 0px;
        top: 5px;
    }
}

@media screen and (max-width: 424px) {
    #header > #top-nav > .top-nav-left {
        width: 118px;
    }
}
/*Infografia LWV--------------------------------------*/
.minified #myTabContent #Infoid > .visible-lg {
    max-width: 666px !important;
}

/*-------------------------------------*/
input[type=checkbox] {
    opacity: 1 !important;
    position: relative;
}

@media print {
    table.MsoNormalTable {
        border: 0.5mm solid #dddddd !important;
        width: 8cm !important;
        margin: auto !important;
    }

        /*table.MsoNormalTable tr:nth-child(2n+1){
        font-size: 0.2cm !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: 0.1mm solid red !important;
    }*/
        /*table.MsoNormalTable tr{
        font-size: 0.2cm !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: 0.1mm solid green !important;
    }*/
        table.MsoNormalTable td {
            font-size: 0.2cm !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            width: 7cm !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        table.MsoNormalTable tr:nth-child(2),
        table.MsoNormalTable tr:nth-child(3),
        table.MsoNormalTable tr:nth-child(6),
        table.MsoNormalTable tr:nth-child(9),
        table.MsoNormalTable tr:nth-child(10),
        table.MsoNormalTable tr:nth-child(12),
        table.MsoNormalTable tr:nth-child(25),
        table.MsoNormalTable tr:nth-child(26),
        table.MsoNormalTable tr:nth-child(28) {
            display: none !important;
        }

        table.MsoNormalTable tr:nth-child(4),
        table.MsoNormalTable tr:nth-child(4) td,
        table.MsoNormalTable tr:nth-child(7),
        table.MsoNormalTable tr:nth-child(7) td {
            padding-top: 1mm !important;
            color: #485A6B !important;
        }

        table.MsoNormalTable tr:nth-child(5),
        table.MsoNormalTable tr:nth-child(5) td {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            color: #2B333C !important;
            border-bottom: 1px solid #dddddd !important;
        }

        table.MsoNormalTable tr:nth-child(42),
        table.MsoNormalTable tr:nth-child(44),
        table.MsoNormalTable tr:nth-child(45),
        table.MsoNormalTable tr:nth-child(46) {
            height: 2cm !important;
        }

        table.MsoNormalTable tr:nth-child(29) td,
        table.MsoNormalTable tr:nth-child(39) td,
        table.MsoNormalTable tr:nth-child(40) td {
            margin: auto !important;
            text-align: center !important;
        }

        table.MsoNormalTable tr:nth-child(29) td {
            color: #485A6B !important;
            margin: auto !important;
            text-align: center !important;
        }

        table.MsoNormalTable tr:nth-child(30) td {
            text-align: left !important;
        }

        table.MsoNormalTable tr:nth-child(40) td {
            color: #2B333C !important;
        }

        table.MsoNormalTable tr:nth-child(7) {
            /*border: 1px solid #dddddd !important;*/
        }
}

/*----------tooltip checkbox---------------------*/

.check-tooltip-knp {
    margin-right: 14px !important;
    white-space: normal !important;
    padding: 1px 8px 2px !important;
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    background: rgba(0,0,0,.9) !important;
    color: #fff !important;
    background: black !important;
    border-radius: 0 !important;
    color: white !important;
    opacity: 0 !important;
    transition: margin .3s,opacity .3s !important;
    -o-transition: margin .3s,opacity .3s !important;
    -ms-transition: margin .3s,opacity .3s !important;
    -moz-transition: margin .3s,opacity .3s !important;
    -webkit-transition: margin .3s,opacity .3s !important;
    position: absolute;
    bottom: 23px;
}

    .check-tooltip-knp i {
        position: relative !important;
    }

    .check-tooltip-knp b {
        background: rgba(255, 255, 255, 0) !important;
        position: absolute;
        border-top: 4px solid #000000 !important;
        border-left: 4px solid rgba(255, 255, 255, 0) !important;
        z-index: 50;
        border-right: 4px solid rgba(255, 255, 255, 0) !important;
        bottom: -4px;
        left: 12px;
    }

label.check-tooltip-knp::after {
    top: 100% !important;
    left: 11px !important;
    border-top: 4px solid rgba(0,0,0,.9) !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
}

.menu-on-top aside#left-panel {
    position: relative;
    /* z-index: 999999999; */
    width: 100% !important;
    min-height: 0 !important;
    height: auto;
    overflow: visible;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    border-bottom: 1px solid #222;
    border-top: 1px solid #333;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

    .menu-on-top aside#left-panel nav > ul > li {
        border-right: 1px solid #506274 !important;
        border-left: 1px solid #415160 !important;
    }

.dropdown-menu > li > a > label > span::before {
    border-radius: 100% !important;
}

/*.menu-on-top aside#left-panel,
.menu-on-top aside#left-panel nav,
.menu-on-top aside#left-panel nav > ul,
.menu-on-top aside#left-panel nav > ul > li,
.menu-on-top aside#left-panel nav > ul > li > a{
    height: 40px!important;
    min-height: 40px !important;
    max-height: 40px !important;
}*/

/*Teclado para keysmanagement*/
#Password_1.form-group > div.col-lg-4 > #Pass1 > .ui-keyboard .ui-widget-content .ui-widget .ui-corner-all .ui-helper-clearfix .ui-keyboard-has-focus,
#Password_2.form-group > div.col-lg-4 > #Pass2 > .ui-keyboard .ui-widget-content .ui-widget .ui-corner-all .ui-helper-clearfix .ui-keyboard-has-focus,
#Password_3.form-group > div.col-lg-4 > #Pass3 > .ui-keyboard .ui-widget-content .ui-widget .ui-corner-all .ui-helper-clearfix .ui-keyboard-has-focus,
#Password_4.form-group > div.col-lg-4 > #Pass4 > .ui-keyboard .ui-widget-content .ui-widget .ui-corner-all .ui-helper-clearfix .ui-keyboard-has-focus {
    left: 403px;
}

#Pass1_keyboard.ui-keyboard.ui-widget-content.ui-widget.ui-corner-all.ui-helper-clearfix.ui-keyboard-has-focus,
#Pass2_keyboard.ui-keyboard.ui-widget-content.ui-widget.ui-corner-all.ui-helper-clearfix.ui-keyboard-has-focus,
#Pass3_keyboard.ui-keyboard.ui-widget-content.ui-widget.ui-corner-all.ui-helper-clearfix.ui-keyboard-has-focus,
#Pass4_keyboard.ui-keyboard.ui-widget-content.ui-widget.ui-corner-all.ui-helper-clearfix.ui-keyboard-has-focus {
    background: rgba(0,0,0,1) !important;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(82,82,82,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(82,82,82,1))) !important;
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(82,82,82,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(82,82,82,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(82,82,82,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(82,82,82,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#525252', GradientType=0 ) !important;
}

#Pass1_keyboard > .ui-keyboard-preview-wrapper,
#Pass2_keyboard > .ui-keyboard-preview-wrapper,
#Pass3_keyboard > .ui-keyboard-preview-wrapper,
#Pass3_keyboard > .ui-keyboard-preview-wrapper {
    margin-bottom: 7px !important;
}

#Pass1_keyboard > div > .ui-keyboard-button,
#Pass2_keyboard > div > .ui-keyboard-button,
#Pass3_keyboard > div > .ui-keyboard-button,
#Pass4_keyboard > div > .ui-keyboard-button {
    margin: 3px 4px !important;
    border-radius: 6px !important;
    border: gray !important;
    color: white !important;
    background: rgba(71,71,71,1) !important;
    background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(74,74,74,1) 50%, rgba(46,46,46,1) 52%, rgba(120,120,120,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,71,71,1)), color-stop(50%, rgba(74,74,74,1)), color-stop(52%, rgba(46,46,46,1)), color-stop(100%, rgba(120,120,120,1))) !important;
    background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(74,74,74,1) 50%, rgba(46,46,46,1) 52%, rgba(120,120,120,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(74,74,74,1) 50%, rgba(46,46,46,1) 52%, rgba(120,120,120,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(74,74,74,1) 50%, rgba(46,46,46,1) 52%, rgba(120,120,120,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(71,71,71,1) 0%, rgba(74,74,74,1) 50%, rgba(46,46,46,1) 52%, rgba(120,120,120,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#787878', GradientType=0 ) !important;
}

#Pass1_keyboard > div > button.ui-keyboard-accept.ui-keyboard-valid-input,
#Pass2_keyboard > div > button.ui-keyboard-accept.ui-keyboard-valid-input,
#Pass3_keyboard > div > button.ui-keyboard-accept.ui-keyboard-valid-input,
#Pass4_keyboard > div > button.ui-keyboard-accept.ui-keyboard-valid-input {
    background: rgba(0,161,24,0.94) !important;
    background: -moz-linear-gradient(top, rgba(0,161,24,0.94) 0%, rgba(0,161,11,0.97) 50%, rgba(2,115,19,0.97) 52%, rgba(0,161,11,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,161,24,0.94)), color-stop(50%, rgba(0,161,11,0.97)), color-stop(52%, rgba(2,115,19,0.97)), color-stop(100%, rgba(0,161,11,1))) !important;
    background: -webkit-linear-gradient(top, rgba(0,161,24,0.94) 0%, rgba(0,161,11,0.97) 50%, rgba(2,115,19,0.97) 52%, rgba(0,161,11,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(0,161,24,0.94) 0%, rgba(0,161,11,0.97) 50%, rgba(2,115,19,0.97) 52%, rgba(0,161,11,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(0,161,24,0.94) 0%, rgba(0,161,11,0.97) 50%, rgba(2,115,19,0.97) 52%, rgba(0,161,11,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(0,161,24,0.94) 0%, rgba(0,161,11,0.97) 50%, rgba(2,115,19,0.97) 52%, rgba(0,161,11,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a118', endColorstr='#00a10b', GradientType=0 ) !important;
}

#Pass1_keyboard > div > .ui-keyboard-cancel,
#Pass2_keyboard > div > .ui-keyboard-cancel,
#Pass3_keyboard > div > .ui-keyboard-cancel,
#Pass4_keyboard > div > .ui-keyboard-cancel {
    background: rgba(161,0,0,0.94) !important;
    background: -moz-linear-gradient(top, rgba(161,0,0,0.94) 0%, rgba(161,0,0,0.97) 50%, rgba(115,2,2,0.97) 52%, rgba(161,0,0,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(161,0,0,0.94)), color-stop(50%, rgba(161,0,0,0.97)), color-stop(52%, rgba(115,2,2,0.97)), color-stop(100%, rgba(161,0,0,1))) !important;
    background: -webkit-linear-gradient(top, rgba(161,0,0,0.94) 0%, rgba(161,0,0,0.97) 50%, rgba(115,2,2,0.97) 52%, rgba(161,0,0,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(161,0,0,0.94) 0%, rgba(161,0,0,0.97) 50%, rgba(115,2,2,0.97) 52%, rgba(161,0,0,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(161,0,0,0.94) 0%, rgba(161,0,0,0.97) 50%, rgba(115,2,2,0.97) 52%, rgba(161,0,0,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(161,0,0,0.94) 0%, rgba(161,0,0,0.97) 50%, rgba(115,2,2,0.97) 52%, rgba(161,0,0,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a10000', endColorstr='#a10000', GradientType=0 ) !important;
}

/*Styles-widgets*/
.panel-widget {
    background: #ffffff !important;
    border-color: #f1f5fc !important;
}

.panel-info-body {
    font-size: 11px !important;
}

.panel-widget-blue {
    background: #6bafbd !important;
}

.panel-widget-red {
    background: #fc8675 !important;
}

.panel-widget-yellow {
    background: #f3ce85 !important;
}

.panel-widget-green {
    background: #65cea7 !important;
}

.panel-widget-dark {
    background: #424f63 !important;
}

.panel-widget-ch {
    background: #bbdff9 !important;
}

.panel-widget-gray {
    background: #d6d6d6 !important;
}

.panel-widget-blue,
.panel-widget-green,
.panel-widget-red,
.panel-widget-dark {
    color: #ffffff !important;
}

.panel-widget,
.panel-widget-yellow,
.panel-widget-ch,
.panel-widget-gray {
    color: #777777 !important;
}

    .panel.panel-widget > .panel-heading,
    .panel-widget-blue > .panel-heading,
    .panel-widget-green > .panel-heading,
    .panel-widget-red > .panel-heading,
    .panel-widget-yellow > .panel-heading,
    .panel-widget-dark > .panel-heading,
    .panel-widget-ch > .panel-heading,
    .panel-widget-gray > .panel-heading {
        border-radius: 0 !important;
    }

.panel-widget-blue > .panel-heading {
    border-color: #64a5b3 !important;
}

.panel-widget-red > .panel-heading {
    border-color: #e87b6c !important;
}

.panel-widget-yellow > .panel-heading {
    border-color: #efc36d;
}

.panel-widget-green > .panel-heading {
    border-color: #52c399 !important;
}

.panel-widget-dark > .panel-heading {
    border-color: #36445a !important;
}

.panel-widget-ch > .panel-heading {
    border-color: #a5d4f5 !important;
}

.panel-widget-gray > .panel-heading {
    border-color: #cacaca !important;
}

.panel.panel-widget > .panel-heading {
    border-color: #f1f5fc !important;
}

.k-grid-header th.k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-filter-row > th:first-child {
    border-left-width: 1px;
}

.k-grid-header th.k-header:last-child, .k-grid tbody td:last-child, .k-grid tfoot td:last-child, .k-filter-row > th:last-child {
    border-right-width: 1px;
}


/*------------MyWidgets------------------*/
.content-widgets ol .dd-handle {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(96%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    height: auto;
    display: inline-block;
}

.content-widgets #nestableMyWidgets ol .dd-handle {
    width: 100%;
}

.content-widgets ol .dd-handle div:first-child {
    height: auto;
    width: 100%;
    display: inline-block;
}

.content-widgets ol .dd-handle h4 {
    border-bottom: 1px solid #cfcfcf;
    padding: 10px 0;
}

    .content-widgets ol .dd-handle h4 span {
        font-size: 18px;
    }

.content-widgets ol .dd-handle span {
    font-size: 13px;
}

.content-widgets ol .dd-handle .pre-wid {
    float: right;
    height: auto;
    position: relative;
    display: inline-block;
    width: 45%;
}

    .content-widgets ol .dd-handle .pre-wid img {
        height: auto !important;
        width: 92%;
        float: right;
        display: -webkit-box;
    }

ol.dd-dragel .dd-handle {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(96%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 96%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    height: auto;
    display: inline-block;
}

ol.dd-dragel,
ol.dd-dragel .dd-handle {
    width: 100%;
}

    ol.dd-dragel .dd-handle div:first-child {
        height: auto;
        width: 55%;
        display: inline-block;
    }

    ol.dd-dragel .dd-handle h4 {
        border-bottom: 1px solid #cfcfcf;
        padding: 10px 0;
    }

        ol.dd-dragel .dd-handle h4 span {
            font-size: 18px;
        }

    ol.dd-dragel .dd-handle span {
        font-size: 13px;
    }

    ol.dd-dragel .dd-handle .pre-wid {
        float: right;
        height: auto;
        position: relative;
        display: inline-block;
        width: 45%;
    }

        ol.dd-dragel .dd-handle .pre-wid img {
            height: auto !important;
            width: 92%;
            float: right;
            display: -webkit-box;
        }

#StoreProductForm .note-editor.note-frame,
#DocumentCreateForm .note-editor.note-frame {
    overflow: hidden;
}

    #StoreProductForm .note-editor.note-frame.panel > .note-editing-area > .note-editable,
    #DocumentCreateForm .note-editor.note-frame.panel > .note-editing-area > .note-editable {
        padding: 15px 30px;
    }

#StoreProductForm .dropzone .dz-preview .dz-success-mark,
#StoreProductForm .dropzone .dz-preview .dz-error-mark:last-child,
#DocumentCreateForm .dropzone .dz-preview .dz-success-mark,
#DocumentCreateForm .dropzone .dz-preview .dz-error-mark:last-child {
    background: transparent !important;
}


/*{
             display: block !important;
    height: auto !important;
    max-height: 100% !important;
    width: auto !important;
    max-width: 100% !important;
         }*/

#StoreProductForm .dropzone .dz-preview .dz-image {
    height: 120px;
    width: 120px;
}

    #StoreProductForm .dropzone .dz-preview .dz-image img {
        max-width: 120px !important;
        max-height: 120px !important;
    }


.breadcrumb-help {
    text-align: center;
    width: 20px;
    position: absolute;
    top: 53px;
    background: #3276b1;
    border-radius: 100%;
    border: 1px solid #2c699d;
    right: 30px;
    cursor: pointer;
    padding: 0px 1px 0px 0px;
    display: none;
}

    .breadcrumb-help:hover,
    a.breadcrum-help-modal:hover {
        background: rgba(32,124,229,1);
        background: -moz-linear-gradient(45deg, rgba(32,124,229,1) 0%, rgba(75,201,232,1) 57%, rgba(201,245,255,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(32,124,229,1)), color-stop(57%, rgba(75,201,232,1)), color-stop(100%, rgba(201,245,255,1)));
        background: -webkit-linear-gradient(45deg, rgba(32,124,229,1) 0%, rgba(75,201,232,1) 57%, rgba(201,245,255,1) 100%);
        background: -o-linear-gradient(45deg, rgba(32,124,229,1) 0%, rgba(75,201,232,1) 57%, rgba(201,245,255,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(32,124,229,1) 0%, rgba(75,201,232,1) 57%, rgba(201,245,255,1) 100%);
        background: linear-gradient(45deg, rgba(32,124,229,1) 0%, rgba(75,201,232,1) 57%, rgba(201,245,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#c9f5ff', GradientType=1 );
        border-color: #43b8da;
    }


    .breadcrumb-help > a {
        color: #eaeaea;
    }

    .breadcrumb-help:hover > a,
    a.breadcrum-help-modal:hover {
        color: #fcfcfc;
        text-shadow: 1px 0px 7px #1d6ca5;
    }

    .breadcrumb-help > a > i {
        font-size: 14px;
    }

a.breadcrum-help-modal {
    border: 1px double #a2a2a2;
    border-radius: 100%;
    color: #a2a2a2;
    cursor: pointer;
    margin-left: 6px;
    height: 14px;
    width: 14px;
    padding: 0px;
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
    -moz-transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
    transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
    -ms-transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
    -o-transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
}

    a.breadcrum-help-modal > i {
        font-size: 11px;
        position: relative;
        top: -6px;
    }

.introjs-tooltip {
    background-color: transparent !important;
    box-sizing: content-box !important;
    color: #fff !important;
    visibility: visible !important;
    position: absolute !important;
    padding: 10px !important;
    min-width: 450px !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    z-index: 107 !important;
    font-size: 20px !important;
    font-family: casino_handregular,Arial !important;
    -webkit-transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
    -moz-transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
    transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
    -ms-transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
    -o-transition: opacity .4s cubic-bezier(.42,0,.58,1) !important;
}

.introjs-button.btn.introjs-nextbutton,
.introjs-button.btn.introjs-prevbutton,
.introjs-button.btn.introjs-skipbutton {
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    border: 2px solid #30a589;
    background: rgba(29,195,151,1);
    background: -moz-linear-gradient(top, rgba(29,195,151,1) 0%, rgba(10,163,150,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(29,195,151,1)), color-stop(100%, rgba(10,163,150,1)));
    background: -webkit-linear-gradient(top, rgba(29,195,151,1) 0%, rgba(10,163,150,1) 100%);
    background: -o-linear-gradient(top, rgba(29,195,151,1) 0%, rgba(10,163,150,1) 100%);
    background: -ms-linear-gradient(top, rgba(29,195,151,1) 0%, rgba(10,163,150,1) 100%);
    background: linear-gradient(to bottom, rgba(29,195,151,1) 0%, rgba(10,163,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dc397', endColorstr='#0aa396', GradientType=0 ) font-size: 17px;
    padding: 7px 20px;
    font-size: 15px;
}

.introjs-button:hover {
    background: #1ecd97 !important;
    color: white !important;
    box-shadow: none !important;
}

.introjs-bullets ul li a {
    background: #ffffff !important;
    border: 1px solid #1ecd97 !important;
}

    .introjs-bullets ul li a.active {
        background: #40d4a7 !important;
        border: 1px solid #1ecd97 !important;
    }

.introjs-arrow.left,
.introjs-arrow.right,
.introjs-arrow.left-bottom,
.introjs-arrow.right-bottom,
.introjs-arrow.top,
.introjs-arrow.top-right,
.introjs-arrow.top-left,
.introjs-arrow.bottom {
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
}

.introjs-helperNumberLayer {
    background: rgba(30,205,151,1) !important;
    background: -moz-linear-gradient(top, rgba(30,205,151,1) 0%, rgba(19,148,108,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,205,151,1)), color-stop(100%, rgba(19,148,108,1))) !important;
    background: -webkit-linear-gradient(top, rgba(30,205,151,1) 0%, rgba(19,148,108,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(30,205,151,1) 0%, rgba(19,148,108,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(30,205,151,1) 0%, rgba(19,148,108,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(30,205,151,1) 0%, rgba(19,148,108,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ecd97', endColorstr='#13946c', GradientType=0 ) !important;
}

.introjs-button.btn.introjs-nextbutton,
.introjs-button.btn.introjs-prevbutton {
    float: left !important;
    margin-right: 10px !important;
}

.introjs-button.btn.introjs-skipbutton {
    float: right !important;
}

    .introjs-button.btn.introjs-skipbutton.introjs-donebutton {
        background: #dedede !important;
        color: #056f64 !important;
        border: 2px solid #056f64 !important;
    }

#additionalInputsGrid table {
    display: block !important;
    width: 100% !important;
    border: none !important;
}

    #additionalInputsGrid table td {
        width: auto !important;
    }

.introjs-tooltip.introjs-floating {
    color: #008b8b !important;
    background: rgba(255,255,255,1) !important;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 47%, rgba(222,222,222,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(240,240,240,1)), color-stop(100%, rgba(222,222,222,1))) !important;
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 47%, rgba(222,222,222,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 47%, rgba(222,222,222,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 47%, rgba(222,222,222,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 47%, rgba(222,222,222,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 ) !important;
    border: 2px solid rgb(30, 205, 151) !important;
    border-radius: 8px !important;
    padding: 15px 30px !important;
    box-shadow: 0px 0px 36px -9px black !important;
}


.modal.fade.bs-example-modal-lg.non-printable.in.introjs-fixParent {
    z-index: 999999 !important;
}


/*======================================Inicio Estilos filtros de pestaña================================================*/
.contentFiltersEfect {
    overflow: hidden;
    position: relative;
    top: -4px;
}

    .contentFiltersEfect article {
        position: relative;
        top: -5px;
    }

.ContentFilters-k fieldset {
    padding: 5px 14px !important;
    border-top: none !important;
}

.ContentFilters-k .widget-body.no-padding {
    margin-top: 20px !important;
}

.ContentFilters-k,
.ContentFilters-k-icon,
.div-flo,
.div-flo div {
    background: #becfe0;
    border-color: #abbac9;
}

.ContentFilters-k {
    position: relative;
    top: 0 !important;
    width: 100%;
    box-shadow: none !important;
    border-width: 0 0 1px 0;
    border-style: solid;
    padding: 2px 18px;
    border-radius: 0 0 20px 20px;
    z-index: 7;
    color: #777;
}

.ContentFilters-k-icon {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    color: #4d7296;
    border-radius: 0px 0px 20px 20px;
    padding: 6px 15px !important;
    word-break: break-all;
    font-size: 14px;
    position: initial;
    text-align: center;
    display: inline-block;
}

    .ContentFilters-k-icon > div > i {
        margin-right: 8px;
    }

a.ContentFilters-k-icon.collapsed > div.ico-down,
a.ContentFilters-k-icon > div.ico-top {
    display: block;
}

a.ContentFilters-k-icon > div.ico-down,
a.ContentFilters-k-icon.collapsed > div.ico-top {
    display: none;
}

.contentFiltersEfect .panel.panel-default,
.contentFiltersEfect form.smart-form footer {
    border: none !important;
}

.contentFiltersEfect > footer {
    border-top: none !important;
}

a.ContentFilters-k-icon:focus,
a.ContentFilters-k-icon:hover {
    text-decoration: none !important;
}

.ContentFilters-k.sonbox-k {
    padding: 0px !important;
}

.ContentFilters-k input {
    width: 100% !important;
}

.ContentFilters-k .smart-accordion-default.panel-group,
.ContentFilters-k .smart-accordion-default.panel-group > .panel.panel-default,
.ContentFilters-k .smart-form fieldset,
.ContentFilters-k .smart-form footer {
    background: transparent;
}

    .ContentFilters-k .smart-accordion-default.panel-group > .panel.panel-default {
        box-shadow: 0 0 black !important;
    }

.ContentFilters-k-icon > i {
    font-size: 16px !important;
    position: relative;
    top: -2px;
    margin-right: 2px;
}

#btnfiltros-flot {
    display: -webkit-box;
    left: 52px;
    position: relative;
    z-index: 7;
    top: -1px;
}

.div-flo.i-div div {
    border-width: 1px 1px 0 0;
    border-radius: 0 100% 0 0;
    padding: 0 5px 0 0;
    right: 1px;
}

.div-flo.d-div div {
    border-width: 1px 0 0 1px;
    border-radius: 100% 0 0 0;
    padding: 0 5px 0 0;
    left: 1px;
}

.div-flo.d-div {
    left: -2px;
}

.div-flo div {
    width: 9px;
    height: 14px;
    background: #f0f0f0;
    border-style: solid;
    position: relative;
}

.div-flo {
    height: 14px;
    width: 9px;
    position: relative;
}

    .div-flo.i-div {
        right: -2px;
    }

/*====================================== Fin Estilos filtros de pestaña==================================================*/
/*  -
    -
    -
    -
    -
*/
/*====================================== Inicio Estilos formulario de lectura =============================================*/


/*======================================== Fin Estilos formulario de lectura =============================================*/
/*  -
    -
    -
    -
    -
*/
/*============================================ Inicio Estilos Paginador ===================================================*/

.expandirContraerCSS3 {
    float: right;
    color: #3276b1;
    border: 1px solid #3276b1;
    padding: 2px 10px 2px 16px !important;
    border-radius: 2px 0 0 20px;
    text-decoration: none !important;
    position: absolute;
    top: -2px;
    right: 14px;
    background: white;
}

    .expandirContraerCSS3:hover {
        background: #3276b1;
        color: white;
        border-color: #cccccc;
    }

#pagination.Paginado > .pagination > .page-item.first .page-link {
    border-radius: 20px 0 0 20px;
}

#pagination.Paginado > .pagination > .page-item.last .page-link {
    border-radius: 0 20px 20px 0;
}

#pagination.Paginado > .pagination > .page-item.first.disabled .page-link,
#pagination.Paginado > .pagination > .page-item.prev .page-link {
    margin-right: 7px;
}

#pagination.Paginado > .pagination > .page-item.last.disabled .page-link,
#pagination.Paginado > .pagination > .page-item.next .page-link {
    margin-left: 7px;
}

#pagination.Paginado > .pagination > .page-item.prev.disabled .page-link,
#pagination.Paginado > .pagination > .page-item.next.disabled .page-link {
    display: none;
}

#pagination.Paginado > .pagination > .page-item.first .page-link,
#pagination.Paginado > .pagination > .page-item.last .page-link {
    color: #ffffff;
    padding: 6px 30px;
    border-color: #75818c;
    background: rgba(73,91,108,1);
    background: -moz-linear-gradient(top, rgba(73,91,108,1) 0%, rgba(73,91,108,1) 8%, rgba(117,129,140,1) 27%, rgba(73,91,108,1) 70%, rgba(73,91,108,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,91,108,1)), color-stop(8%, rgba(73,91,108,1)), color-stop(27%, rgba(117,129,140,1)), color-stop(70%, rgba(73,91,108,1)), color-stop(100%, rgba(73,91,108,1)));
    background: -webkit-linear-gradient(top, rgba(73,91,108,1) 0%, rgba(73,91,108,1) 8%, rgba(117,129,140,1) 27%, rgba(73,91,108,1) 70%, rgba(73,91,108,1) 100%);
    background: -o-linear-gradient(top, rgba(73,91,108,1) 0%, rgba(73,91,108,1) 8%, rgba(117,129,140,1) 27%, rgba(73,91,108,1) 70%, rgba(73,91,108,1) 100%);
    background: -ms-linear-gradient(top, rgba(73,91,108,1) 0%, rgba(73,91,108,1) 8%, rgba(117,129,140,1) 27%, rgba(73,91,108,1) 70%, rgba(73,91,108,1) 100%);
    background: linear-gradient(to bottom, rgba(73,91,108,1) 0%, rgba(73,91,108,1) 8%, rgba(117,129,140,1) 27%, rgba(73,91,108,1) 70%, rgba(73,91,108,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495b6c', endColorstr='#495b6c', GradientType=0 );
}

    #pagination.Paginado > .pagination > .page-item.first .page-link:hover,
    #pagination.Paginado > .pagination > .page-item.last .page-link:hover {
        background: rgba(47,58,68,1);
        background: -moz-linear-gradient(top, rgba(47,58,68,1) 0%, rgba(47,58,68,1) 8%, rgba(98,109,117,1) 27%, rgba(47,58,68,1) 70%, rgba(47,58,68,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(47,58,68,1)), color-stop(8%, rgba(47,58,68,1)), color-stop(27%, rgba(98,109,117,1)), color-stop(70%, rgba(47,58,68,1)), color-stop(100%, rgba(47,58,68,1)));
        background: -webkit-linear-gradient(top, rgba(47,58,68,1) 0%, rgba(47,58,68,1) 8%, rgba(98,109,117,1) 27%, rgba(47,58,68,1) 70%, rgba(47,58,68,1) 100%);
        background: -o-linear-gradient(top, rgba(47,58,68,1) 0%, rgba(47,58,68,1) 8%, rgba(98,109,117,1) 27%, rgba(47,58,68,1) 70%, rgba(47,58,68,1) 100%);
        background: -ms-linear-gradient(top, rgba(47,58,68,1) 0%, rgba(47,58,68,1) 8%, rgba(98,109,117,1) 27%, rgba(47,58,68,1) 70%, rgba(47,58,68,1) 100%);
        background: linear-gradient(to bottom, rgba(47,58,68,1) 0%, rgba(47,58,68,1) 8%, rgba(98,109,117,1) 27%, rgba(47,58,68,1) 70%, rgba(47,58,68,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3a44', endColorstr='#2f3a44', GradientType=0 );
        border-color: #3d434a;
    }

#pagination.Paginado > .pagination > li > a {
    color: #ffffff;
    background-color: #96a2ad;
    border: 1px solid #848e98;
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1686274);
}

#pagination.Paginado > .pagination li.active a {
    background: #d02e2e;
}

#pagination.Paginado > .pagination > .page-item.disabled .page-link {
    color: #868686;
    border-color: #cccccc;
    background: rgba(222,222,222,1);
    background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(222,222,222,1) 8%, rgba(245,245,245,1) 27%, rgba(222,222,222,1) 70%, rgba(222,222,222,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,222,222,1)), color-stop(8%, rgba(222,222,222,1)), color-stop(27%, rgba(245,245,245,1)), color-stop(70%, rgba(222,222,222,1)), color-stop(100%, rgba(222,222,222,1)));
    background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(222,222,222,1) 8%, rgba(245,245,245,1) 27%, rgba(222,222,222,1) 70%, rgba(222,222,222,1) 100%);
    background: -o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(222,222,222,1) 8%, rgba(245,245,245,1) 27%, rgba(222,222,222,1) 70%, rgba(222,222,222,1) 100%);
    background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(222,222,222,1) 8%, rgba(245,245,245,1) 27%, rgba(222,222,222,1) 70%, rgba(222,222,222,1) 100%);
    background: linear-gradient(to bottom, rgba(222,222,222,1) 0%, rgba(222,222,222,1) 8%, rgba(245,245,245,1) 27%, rgba(222,222,222,1) 70%, rgba(222,222,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede', GradientType=0 );
}
/*============================================ Fin Estilos Paginador ========================================================*/
/*  -
    -
    -
    -
    -
*/
/*============================================ Inicio Estilos Mensaje licencia ===============================================*/
#KExpiredLicenseMessage {
    padding: 1px 27px;
    font-size: 12px;
    border-bottom: 1px solid #e89552;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7803921568627451);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgba(228,138,57,1);
    background: -moz-linear-gradient(-45deg, rgba(228,138,57,1) 0%, rgba(228,138,57,1) 69%, rgba(230,173,129,1) 83%, rgba(228,138,57,1) 95%, rgba(228,138,57,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(228,138,57,1)), color-stop(69%, rgba(228,138,57,1)), color-stop(83%, rgba(230,173,129,1)), color-stop(95%, rgba(228,138,57,1)), color-stop(100%, rgba(228,138,57,1)));
    background: -webkit-linear-gradient(-45deg, rgba(228,138,57,1) 0%, rgba(228,138,57,1) 69%, rgba(230,173,129,1) 83%, rgba(228,138,57,1) 95%, rgba(228,138,57,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(228,138,57,1) 0%, rgba(228,138,57,1) 69%, rgba(230,173,129,1) 83%, rgba(228,138,57,1) 95%, rgba(228,138,57,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(228,138,57,1) 0%, rgba(228,138,57,1) 69%, rgba(230,173,129,1) 83%, rgba(228,138,57,1) 95%, rgba(228,138,57,1) 100%);
    background: linear-gradient(135deg, rgba(228,138,57,1) 0%, rgba(228,138,57,1) 69%, rgba(230,173,129,1) 83%, rgba(228,138,57,1) 95%, rgba(228,138,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e48a39', endColorstr='#e48a39', GradientType=1 );
}

    #KExpiredLicenseMessage > text {
        color: #f9f9f9;
        font-size: 14px;
    }
/*================================================== FIn Estilos Mensaje licencia ================================================*/

.vermasbutton {
    color: white;
    background: none;
    border: none;
    font-size: 13px;
    font-style: italic;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.29);
}

    .vermasbutton:hover {
        text-decoration: underline;
    }

.btn-intro-smart-form {
    padding: 4px 22px !important;
    overflow: hidden;
}

#ui-datepicker-div {
    z-index: 500 !important;
}

#div-no-select-info-help {
    border: 2px dashed #e6e6e6;
    border-radius: 3px;
    min-height: 298px;
    background: #f9f9f9;
    padding-top: 50px;
    text-align: center;
}

    #div-no-select-info-help i {
        font-size: 80px;
        text-align: center;
        color: #b2b5b9;
    }

    #div-no-select-info-help h3 {
        color: #b2b5b9;
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
    }

.KinposKK {
    background-image: url('../../kendo/styles/Flat/loading-image.gif');
    height: 92px;
    width: 92px;
    filter: opacity(0.3);
    background-repeat: no-repeat;
    background-position-x: -4px;
    background-position-y: -4px;
    background-size: 100px 100px;
    margin: auto;
}

.contentimgK {
    width: 92px;
    height: 92px;
    margin: auto;
    background: white;
    padding: 0;
}

#main a.active {
    background: #fff!important;
}

div.modal-right.modal {
    padding-right: 0px!important;
}

    div.modal-right.modal > .modal-dialog.modal-lg {
        margin-top: 0px!important;
        margin-right: 0px!important;
        max-width: 500px!important;
        width: 100%!important;
        min-width: 300px!important;
    }

    div.modal-right.modal > .modal-dialog.modal-lg > .modal-content > div{
        padding-right: 0px !important;
    }