.ordered-list li {
    list-style-type: decimal;
    text-align: justify;
}

.normal-text {
    font-size: 12px;
    font-weight: normal;
}

.normal-navy-text {
    font-size: 12px;
    font-weight: normal;
    color: navy;
}

.blue-button {
    padding: 8px 25px;
    color: #fff;
    /*background-color: #ff6300;*/
    background-color: #004A8F;
    margin-bottom: 20px;
    border: 0;
    font-size: 18px;
    border-radius: 4px;
    display: inline-block;
}

    .blue-button:hover {
        color: #000;
        background-color: #F7941D;
    }

.yellow-button {
    padding: 8px 25px;
    color: #000;
    /*background-color: #ff6300;*/
    background-color: #F7941D;
    margin-bottom: 20px;
    border: 0;
    font-size: 18px;
    border-radius: 4px;
    display: inline-block;
}

    .yellow-button:hover {
        color: #fff;
        background-color: #004A8F;
    }

.gradient-bgrd {
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); /*Safari 5.1-6*/
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); /*Fx 3.6-15*/
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)); /*Standard*/
}

.gradient-bgrd-1 {
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); /*Safari 5.1-6*/
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); /*Fx 3.6-15*/
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); /*Standard*/
}

.hamber-dropdown-menu {
    font-size: 14px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}

#footer .header-footer {
    font-size: 14px;
    margin-bottom: 10px;
}

#footer .body-footer {
    font-size: 24px;
    margin-bottom: 10px;
}

#footer .visit {
    padding: 0px 0px 10px 0px;
}

.block_menu {
    width: 300px;
    position: absolute;
    right: 0px;
    top: 40px;
    background: white;
    display: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .block_menu ul {
        margin-bottom: 0;
        list-style-type: none;
        padding-left: 0;
    }

    .block_menu li {
        border-left: 4px solid white;
    }

        .block_menu li a {
            font-size: 16px;
            padding: 10px 0px 10px 25px;
            display: block;
        }

        .block_menu li:hover {
            border-left: 4px solid #ED1C24;
            background: #F7941D;
            color: #fff;
        }

        .block_menu li.active {
            border-left: 4px solid #ED1C24;
            background: #F7941D;
            color: #fff;
        }

            .block_menu li.active a {
                color: #fff;
            }

.news-text {
    line-height: 1.5;
    text-align: justify;
}

    .news-text img {
        width: auto;
        height: auto;
    }

    .news-text figure {
        line-height: 3;
        text-align: center;
    }

        .news-text figure img {
            width: auto;
            height: auto;
        }

.p-header {
    font-weight: bold;
    color: #2195d7;
}

.content_intro_page li {
    padding-left: 15px;
    /*list-style-type: decimal;*/
    list-style-position: inside;
}

    .content_intro_page li > a {
        color: navy;
        text-decoration: none;
    }

        .content_intro_page li > a:hover {
            color: red;
            text-decoration: none;
        }

.content_intro_page a {
    color: navy;
    text-decoration: underline;
}

    .content_intro_page a:hover {
        color: red;
        text-decoration: none;
    }

.under-contruct-link {
    padding: 10px 0px 10px 10px;
}

    .under-contruct-link a {
        color: gray;
        text-decoration: none;
    }

.upload-button {
    color: black;
    width: 150px;
    height: 30px;
    padding: 0px 0px 0px 0px;
    border: 1px solid gray;
}

    .upload-button:hover {
        background-color: #F7941D;
    }

.admin-button {
    /*background-repeat: no-repeat;
    background-position: 2px 2px;*/
    /*width: 120px;*/
    height: 30px;
    /*border: 1px solid silver;*/
    padding: 10px 20px 10px 10px;
}

    .admin-button:hover {
        /*background-color: #f1f1f1;*/
        /*color: white;*/
    }

    .admin-button a {
        /*color: black;*/
        text-decoration: none;
    }

        .admin-button a:hover {
            color: red;
        }

.admin-label-value {
    color: navy;
}

.viewbag-primary {
    color: blue;
    font-weight: bold;
}

.viewbag-danger {
    color: red;
    font-weight: bold;
}

.viewbag-warning {
    color: orange;
    font-weight: bold;
}

.show-div {
    visibility: visible;
}

.hide-div {
    visibility: hidden;
}

.cms-logo {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

#cms-main-menu ul {
    margin: 45px 0 0;
}

#cms-main-menu li {
    float: left;
    margin: 0 0 0 40px;
    position: relative;
}

    #cms-main-menu li a:hover,
    #cms-main-menu li a {
        color: #fff;
        display: inline-block;
        padding: 0px 0px 45px 0px;
        background: none;
        text-transform: uppercase;
    }

.valid-error {
    color: red;
}

.form-control-valid {
    margin-bottom: 10px;
}

.status-AUTH {
    color: blue;
}

.status-INAU {
    color: red;
}

.status-DELE {
    color: saddlebrown;
}

.status-FULL {
    color: Grey;
}

.status-HOLD {
    color: orange;
}

@media (max-width: 991px) {
    html {
        overflow: scroll;
        overflow-x: hidden;
    }

    ::-webkit-scrollbar {
        width: 0px; /* remove scrollbar space */
        background: transparent; /* optional: just make scrollbar invisible */
    }
    /* optional: show position indicator in red */
    ::-webkit-scrollbar-thumb {
        background: #F7941D;
    }
}

/*slider*/
.spaced {
    position: relative;
    width: 100%;
    height: 100%;
    height: calc(100% - 90px);
    margin-top: 90px;
    padding: 30px 0 auto;
    overflow: auto;
    transition: background-size .2s;
    background: radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0));
    background: radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0));
    background-repeat: no-repeat;
    background-size: 100% 0px;
}

    .spaced.scrolled {
        background-size: 100% 10px;
    }

#demos {
    background: #accd3a;
    background: linear-gradient(20deg, #accd3a, #2bc792);
}

    #demos img {
        width: 560px;
        height: 350px;
    }

    #demos .fading-slider {
        height: 350px;
    }

    #demos .wrap {
        width: 640px;
    }

    #demos pre {
        color: rgba(255,255,255,.75);
        line-height: 24px;
    }

        #demos pre .hilite {
            display: block;
            white-space: pre-line;
            padding: 0 0 0 20px;
            font-weight: bold;
            line-height: 24px;
            color: #fff;
        }

    #demos .unslider {
        overflow: visible;
    }

    #setup .unslider-arrow, #demos .unslider-arrow {
        display: block;
        width: 32px;
        height: 32px;
        top: 50%;
        right: -50px;
        left: auto;
        margin-top: -16px;
        overflow: hidden;
        background: rgba(0,0,0,.2) no-repeat 50% 50%;
        background-image: url('../../unslider/img/next.png');
        background-size: 7px 11px;
        border-radius: 32px;
        text-indent: -999em;
        opacity: .6;
        transition: opacity .2s;
    }

        #setup .unslider-arrow:hover, #demos .unslider-arrow:hover {
            opacity: 1;
        }

        #setup .unslider-arrow.prev, #demos .unslider-arrow.prev {
            left: -50px;
            right: auto;
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    #demos .demo {
        padding: 30px 0;
    }

        #demos .demo > div {
            position: relative;
            padding: 40px;
            margin-bottom: 50px;
            background: #fff;
            color: #666;
            text-align: center;
            text-shadow: none;
            border-radius: 6px;
            box-shadow: 0 4px 6px rgba(0,0,0,.1);
        }

        #demos .demo.vertical-slider-wrapper > div {
            padding: 0;
        }

        #demos .demo.vertical-slider-wrapper ul li {
            padding: 40px;
        }

    #demos .unslider-nav, #setup .unslider-nav {
        position: absolute;
        bottom: -35px;
        left: 0;
        right: 0;
        top: auto;
        margin: 0;
    }

#setup .unslider-nav {
    bottom: 40px;
}

    #demos .unslider-nav ol, #setup .unslider-nav ol {
        list-style: none;
        text-align: center;
    }

        #demos .unslider-nav ol li, #setup .unslider-nav ol li {
            display: inline-block;
            float: none;
            width: 6px;
            height: 6px;
            margin: 0 4px;
            padding: 3px;
            background: transparent;
            border-radius: 5px;
            overflow: hidden;
            text-indent: -999em;
            border: 2px solid #fff;
            cursor: pointer;
            opacity: .4;
        }

            #demos .unslider-nav ol li.unslider-active, #setup .unslider-nav ol li.unslider-active {
                background: #fff;
                cursor: default;
                opacity: 1;
            }

#setup {
    background: #d23c39;
    background: linear-gradient(-20deg, #d23c39, #dca74a);
}

    #setup .unslider, #setup .install-steps, #setup .install-steps ul, #setup .install-steps ul li {
        height: 100%;
    }

    #setup .install-steps {
        width: 100%;
    }

        #setup .install-steps ul li {
            position: relative;
            width: 100%;
        }

        #setup .install-steps li ol {
            margin: 15px 30px 25px;
        }

            #setup .install-steps li ol li {
                float: none;
                list-style: decimal;
            }

    #setup h2 em {
        display: inline-block;
        margin: -2px 20px 0 -56px;
        width: 32px;
        height: 32px;
        vertical-align: middle;
        font-size: 14px;
        line-height: 32px;
        font-weight: 600;
        font-style: normal;
        text-align: center;
        background: rgba(255,255,255,.8);
        color: #dca74a;
        text-shadow: none;
        box-shadow: 0 2px 3px rgba(0,0,0,.1);
        border-radius: 32px;
    }

    #setup .unslider-arrow {
        right: 40px;
    }

        #setup .unslider-arrow.prev {
            left: 40px;
        }

    #setup .unslider-nav {
        bottom: 13px;
    }

.slider-arrow {
    position: absolute;
    float: inherit;
    z-index: 1;
    cursor: pointer;
    display: block;
    width: 32px;
    height: 32px;
    top: 60%;
    right: 40px;
    left: auto;
    margin-top: -16px;
    overflow: hidden;
    background: rgba(0,0,0,.2) no-repeat 50% 50%;
    background-image: url('../../images/graphics/next.png');
    background-size: 7px 11px;
    border-radius: 32px;
    text-indent: -999em;
    opacity: .6;
    transition: opacity .2s;
}

    .slider-arrow:hover {
        opacity: 1;
    }

    .slider-arrow.prev {
        left: 40px;
        right: auto;
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

#advert-slider .owl-controls {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
    bottom: 20px;
}

#topnews-slider .owl-controls {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
    bottom: 20px;
}

#branch-slider .owl-controls {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
    bottom: -15px;
}

#terminal-slider .owl-controls {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
    bottom: -15px;
}

#topnews-slider {
    padding-left: 15px;
    /*padding-bottom: 15px;*/
}

    #topnews-slider .title {
        position: absolute;
        right: 25px;
        text-align: right;
        bottom: 20px;
        font-size: 14px;
        width: 60%;
        text-shadow: 0px 0px 5px black;
        color: white;
        z-index: 2;
    }

.pager-modded {
    text-align: center;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
}

    .pager-modded li {
        padding-left: 0px;
    }

@media screen and (max-width: 768px) {
    #topnews-slider {
        padding-left: 0px;
        padding-bottom: 15px;
    }

        #topnews-slider .title {
            font-size: 14px;
        }
}

@media screen and (max-width: 480px) {
    #topnews-slider .title {
        font-size: 12px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #topnews-slider {
        padding-bottom: 15px;
        padding-right: 15px;
    }
}