/*******Sidebar********/
#nav {
    /*text-transform: uppercase;*/
    background-color: #fff;
    border-right: 1px solid #ddd;
}

    #nav .footer {
        height: 50px;
        border-top: 1px solid #ddd;
        background-color: #f5f5f5;
        position: fixed;
        width: 300px;
        border-right: 1px solid #DDD;
    }

        #nav .footer #sidefooter a {
            color: #444;
            font-size: 14px;
            padding: 5px 10px;
        }

        #nav .footer li.active > a,
        #nav .footer .nav > li > a:hover,
        #nav .footer .nav > li > a:focus,
        #nav .footer .nav > li > a:active {
            color: #333;
            background-color: #f0f0f0;
        }

        #nav .footer .nav > li {
            width: 33.33%;
            padding-top: 8px;
        }

            #nav .footer .nav > li a i {
                padding-right: 5px;
            }

    #nav section.w-f {
        bottom: 50px;
        top: 50px;
        /*margin: 20px 0;*/
        overflow-y: scroll;
        position: fixed;
        width:300px;
    }

    #nav .navbar-brand {
        font-family: "Montserrat Medium", "RobotoCondensed Bold";
        padding: 15px;
        color: #444;
        font-weight: 100;
        font-size: 19px;
        line-height: 28px;
    }

/* Content List*/
.header-pane {
    height: 64px;
    border-left: solid 1px #fff !important;
    /*text-transform: uppercase;*/
}

    .header-pane .navbar-brand {
        font-family: "Montserrat Medium","RobotoCondensed Bold";
        line-height: 63px;
    }

.vbox > header.header-pane ~ section {
    top: 63px;
}

#uListCategoryDetail li {
    cursor: pointer;
    padding: 15px;
    height: 50px;
}

    #uListCategoryDetail li > a {
        padding: 0;
    }

        #uListCategoryDetail li.selected,
        #uListCategoryDetail li:hover,
        #uListCategoryDetail li > a:hover,
        #uListCategoryDetail li > a:focus {
            background-color: #e9eff4 !important;
        }

#uListCategoryDetail .media-object {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #eaeef1;
}

#uListCategoryDetail .media-body .text-muted,
#uListCategoryDetail .media-body .text-danger {
    font-size: 12px;
}

#frameWebview {
    border: none;
}

#dvContentContainer {
    text-align: left;
    padding: 0 20px;
    white-space: nowrap;
}

    #dvContentContainer > div {
        position: relative;
        display: inline-block;
        margin-right: -4px;
        white-space: normal;
        vertical-align: top;
        *display: inline;
        width: 100%;
    }

#dvContentMeta .post-title,
#dvContentThirdScreen .post-title {
    border-left: 10px solid #28bc6a;
    padding-left: 10px;
    color: #000;
    font-weight: 100;
}

.border-tlr-radius {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.radius {
    border-radius: 2px;
}

.padding-tb {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.shadowDepth0 {
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12);
}

.shadowDepth1 {
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
}

/* Card View */
/**
 * Card Styles
 */

.card {
    background-color: #fff;
    margin-bottom: 1.6rem;
    display: inline-block;
    width: 300px;
    margin: 20px;
}

.card__padding {
    padding: 1.6rem;
}

.card__image {
    background-color: #eee;
}

    .card__image div {
        width: 100%;
        height: 100px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        display: block;
        border: 1px solid #eaeef1;
    }

.card__content {
    position: relative;
}

/* card meta */
.card__meta time {
    font-size: 1.3rem;
    color: #bbb;
}

/* card article */
.card__article h3 {
    text-decoration: none;
    color: #444;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

/* card action */
.card__action {
    overflow: hidden;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    padding-bottom: 1.6rem;
}

.card__author {
    font-size: 1.5rem;
    color: #28bc6a;
}

    .card__author img,
    .card__author-content {
        display: inline-block;
        vertical-align: middle;
    }

    .card__author img {
        border-radius: 50%;
        margin-right: 0.6em;
    }

.img-app-icon {
    max-width: 20px !important;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.no-category-detail {
    background-color: #F2F4F8;
    border: none;
    text-align: center;
    margin-top: 290px;
}

.image-slider {
    width: 90%;
    height: 90%;
}

div.start-button a {
    padding: 20px 10px;
}

div.start-button h4 {
    margin: 0;
}

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

#sidefooter {
    padding-bottom: 15px !important;
}

.list-group-item .js-cat-load-more-container {
    padding-top: 10px;
}

/*margin within folderview*/
.folderview_listitem {
    border-left: 5px solid #dddddd;
}

/*base color within folderview*/
li.folderview_listitem, li.folderview_listitem a {
    background-color: #fafafa !important;
}

    li.folderview_listitem a:hover {
        background-color: #f5f5f5 !important;
    }

    li.folderview_listitem a:active {
        background-color: #f0f0f0 !important;
    }


div#tempLoadMore {
    margin-top: 15px;
}

#uListAppList li > a {
    color: #444;
    font-size: 14px;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

#uListAppList li.folderli {
    background-color: #fafafa;
}

    #uListAppList li.folderli a span.pull-right i {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        #uListAppList li.folderli a span.pull-right i.rotateup {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    #uListAppList li.folderli > a:hover,
    #uListAppList li.folderli > a:focus {
        background-color: #f5f5f5;
    }

    #uListAppList li.folderli > a:active {
        background-color: #f0f0f0;
    }

#uListAppList li > a:hover,
#uListAppList li > a:focus {
    background-color: #fafafa;
    color: #333;
}

#uListAppList li.active,
#uListAppList li.active a,
#uListAppList li.active i {
    background-color: #f5f5f5;
    color: #333;
}

.banner-img {
    position: relative;
}


#carousel-slide-deck .carousel-inner .item {
    padding: 0 50px;
}

.list-box {
    position: absolute;
    height: 500px;
    width: 350px;
    z-index: 5;
    right: 232px;
    top: 35px;
    box-shadow: #191a1b 1px 1px 10px;
    background: #f5f5f5;
}

    .list-box .list-header {
        border: 1px solid #d2d2d2;
        color: #666666;
        background-color: #eeeeee;
        padding: 5px;
    }

    .list-box .list-content ul {
        max-height: 384px;
    }

    .list-box .media-body {
        font-size: 14px;
    }

    .list-box .media-heading {
        color: #008ced;
        font-size: 17px;
    }

    .list-box.recommend {
        right: 115px;
    }

        .list-box.recommend .media-heading {
            color: inherit;
        }

        .list-box.recommend .list-content ul {
            max-height: 330px;
        }

.quiz-ques-error {
    background-color: #DC8A8A;
}

.ladda-button {
    padding: 6px 9px;
    font-size: 16px;
}

.blockUI.blockOverlay {
    z-index: 1051 !important;
}

.blockUI.blockMsg.blockPage {
    z-index: 1052 !important;
}

.app-noti .media-heading {
    font-size: 14px;
}

.app-noti .media-object {
    width: 50px;
}

.app-noti .media-desc {
    font-size: 12px;
}

#scrollCategoryList {
    overflow-y: auto;
    position: fixed;
}

.js-delete-inbox-popup + .popover {
    width: 200px;
}

.fa-angle-right {
    color: #ddd;
}

.test {
        height: 35vh;
    width: 100%;
    /* background: #575c82; */
    border: 0px solid;
    box-shadow: none;
    margin-bottom: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    
    background: rgba(85, 89, 125, 1);
    background: -moz-linear-gradient(left, rgba(85, 89, 125, 1) 0%, rgba(87, 93, 129, 1) 19%, rgba(90, 95, 135, 1) 43%, rgba(93, 100, 142, 1) 69%, rgba(97, 109, 154, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85, 89, 125, 1)), color-stop(19%, rgba(87, 93, 129, 1)), color-stop(43%, rgba(90, 95, 135, 1)), color-stop(69%, rgba(93, 100, 142, 1)), color-stop(100%, rgba(97, 109, 154, 1)));
    background: -webkit-linear-gradient(left, rgba(85, 89, 125, 1) 0%, rgba(87, 93, 129, 1) 19%, rgba(90, 95, 135, 1) 43%, rgba(93, 100, 142, 1) 69%, rgba(97, 109, 154, 1) 100%);
    background: -o-linear-gradient(left, rgba(85, 89, 125, 1) 0%, rgba(87, 93, 129, 1) 19%, rgba(90, 95, 135, 1) 43%, rgba(93, 100, 142, 1) 69%, rgba(97, 109, 154, 1) 100%);
    background: -ms-linear-gradient(left, rgba(85, 89, 125, 1) 0%, rgba(87, 93, 129, 1) 19%, rgba(90, 95, 135, 1) 43%, rgba(93, 100, 142, 1) 69%, rgba(97, 109, 154, 1) 100%);
    background: linear-gradient(to right, rgba(85, 89, 125, 1) 0%, rgba(87, 93, 129, 1) 19%, rgba(90, 95, 135, 1) 43%, rgba(93, 100, 142, 1) 69%, rgba(97, 109, 154, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55597d', endColorstr='#616d9a', GradientType=1);
    -webkit-clip-path: ellipse(100% 100% at 50% 0%);
}

.select-app-type {
    width: 100%;
    bottom: 43px;
    position: fixed;
}
#create-home-screen .LoaderFooter {
    width: 100%;
    bottom: 9px;
    position: fixed;
}
.env-type{
height: 39px;
    margin: 12px;
    cursor: pointer;
}
#prod-env {
    color: #29bd6c;
    border: 2px solid #29bd6c;
    padding: 5px;
    border-radius: 6px;
}

#beta-env {
    color: #f3763e;
    border: 2px solid#f3763e;
    padding: 5px;
    border-radius: 6px;
}

#dev-env {
    color: #9f9f9f;
    border: 2px solid #9f9f9f;
    padding: 5px;
    border-radius: 6px;
}

.pad-left2vh {
    padding-left: 2vh;
}

.pad-right2vh {
    padding-right: 2vh;
}

.insideTest {
    width: 14.57vh;
    height: 14.57vh;
    margin: 6% auto 0% !important;
    border-radius: 25%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.alignCenter {
    text-align: center;
}