/* Start ArrowToTop */
.ArrowToTop {
    position: fixed;
    opacity: .9;
    bottom: 5px;
    left: 5px;
    z-index: 99999;
}
.ArrowToTopBGI {
    color: var(--blue1);
}
.ArrowToTopCI {
    color: var(--lblue1);
}
/* End ArrowToTop */

/* Start Section0 */
.Section0 img {
    width: 75%;
}
.Section0 .Cover1 {
    opacity: .8;
    height: 100%;
    position: absolute;
    background-color: var(--blue1);
}
/* End Section0 */
/* Start CommentBox */
.CommentBox {
    background-color: var(--blue2);
    padding: 7px;
    margin: 20px auto 20px auto;
}
.CommentBoxR:not(:first-child) {
    background-color: var(--blue4);
    margin: 20px auto 20px auto;
}
.CommentBoxR:last-child {
    background-color: var(--blue4);
    margin: 20px auto 5px auto;
}
.CommentBoxR:first-child {
    background-color: var(--blue4);
    margin: 5px auto 20px auto;
}
.CommentBox pre {
    /*overflow: hidden;*/
    line-height: 1.5;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    max-height: 95px !important;
}
    /* Start ScrollBar */
    /* width */
    #Opinion ::-webkit-scrollbar {
        width: 5px;
    }
    /* Track */
    #Opinion ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px 3px var(--lblue1);
        border-radius: 7px;
    }
    /* Handle*/
    #Opinion ::-webkit-scrollbar-thumb {
        background: var(--blue3);
        border-radius: 10px;
        border: 1px solid var(--lblue1);
    }
    /* Handle on hover*/
    #Opinion ::-webkit-scrollbar-thumb:hover {
        background: var(--blue3);
    }
    /* End ScrollBar */
/*
.CommentEllipsis {
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
*/
.CommentBox .CommentName {
    color: var(--blue1);
}
.CommentBox .DateTime {
    font-size: .7rem;
}
.CommentBox .fa-reply {
    font-size: 1rem;
}
.CommentReply {
    cursor: pointer;
}
.MainDivRep {
    margin-right: auto !important;
    overflow: auto;
    overflow-y: auto;
    max-height: 330px;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

    /* Start dropdown */
.dropbtnComm1 {
    text-align: center;
    color: var(--blue1);
    font-size: 1.7rem;
    border-radius: 5px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 4px 12px 4px 12px;
}
.dropdownComm1 {
    position: relative;
}
.dropdown-contentComm1 {
    margin-top: 28px;
    margin-left: 0 !important;
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 0 0 7px 7px;
    left: 0;
}
.dropdown-contentComm1 a {
    color: var(--blue1);
    padding: 10px;
    font-size: .8rem;
    text-decoration: none;
    display: block;
    transition: 0.6s;
}
.dropdown-contentComm1 a:hover {
    background-color: var(--lblue1);
    color: var(--blue1);
    transition: 0.6s;
}
/*.dropdownComm1:hover .dropdown-contentComm1 {
    display: block;
}*/
/*.show {display: block;transition: 0.6s;}*/
    /* End dropdown */

/* End CommentBox */
/************************************************************************************************/
.AlertDanger_3 {
    border-color: #ff8080 !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
    font-size: .9rem;
}

.title {
    text-align: center;
    font-size: 1.2em;
    color: #666;
    margin: 20px auto;
}
.credentials {
    width: 100%;
    padding: 5px 5px 0px 5px;
}
.credentials textarea {
    display: block;
}
.credentials input, .credentials textarea {
    border: none;
    outline: none;
    background: none;
    font-size: 1rem;
    padding: 15px 30px 10px 0px;
    width: 100%;
    background-color: #f9f9f9;
    padding-right: 10px !important;
}
.credentials .InputWithSelect {
    padding-right: 10px !important;
}
.credentials i {
    position: absolute;
    padding-top: 12px;
}
.SdivInput {
    margin-bottom: 20px;
    border-bottom: 2px solid #c2c4c3;
    transition: .5s ease;
}
.SdivInput:hover {
    border-bottom: 2px solid var(--blue1);
}
.submit {
    outline: none;
    border: none;
    width: 100%;
    height: 2rem;
    border-radius: 5px;
    color: var(--lblue1);
    font-size: 15px;
    text-align: center;
    background-image: linear-gradient(to right, var(--blue1), var(--blue1), var(--blue1));
    background-size: 200%;
    box-shadow: 3px 3px 8px #b1b1b1,
                -3px -3px -8px #fff;
    transition: .5s;
}
.submit:hover {
    background-position: right;
}
.link {
    /*margin: 20px;*/
    margin-top: 40px;
    text-align: center;
    color: #aaa;
}
.link a {
    /*color: #aaa;*/
    color: #aaa;
    font-size: 15px;
    text-decoration: none;
    /*border-bottom: 1px solid #aaa;*/
    transition: .5s;
}
.link a:hover {
    color: #999;
    /*border-bottom: 1px solid #999;*/
    transition: .5s;
}
.BackHome {
    /*margin: 20px;*/
    margin-top: 25px;
    text-align: center;
}
/* Start Select DataLiveSearch */
.WithoutIcon .bootstrap-select {margin-right: 0px !important;padding-bottom: 38px;z-index: 3 !important;}
.bootstrap-select {margin-right: 30px !important;/*margin-top: 5px;*/z-index: 3 !important;}
.bootstrap-select button,.bootstrap-select select {border: none;padding: 10px;margin-top: -6px; border-radius: 0;}
.bootstrap-select button:focus,.bootstrap-select select:focus {box-shadow: none !important;}
.bootstrap-select .filter-option-inner-inner {padding-top: 1px !important; /*color: #555;*//*font-size: .9rem;*/font-family: 'En__FontsFree-Net-STC-Forward-Regular-1', sans-serif !important;}
.bootstrap-select input {border: 1px solid #80bdff !important; padding: 3px;}
.bootstrap-select .bs-searchbox, .bs-actionsbox, .bs-donebutton {padding: 2px;}
.bootstrap-select .dropdown-item {padding: 0.25rem 4px;}
.dropup .dropdown-menu {/*margin-top: 3px !important;*/}
.bootstrap-select .dropdown-menu li a span.text {font-family: 'En__FontsFree-Net-STC-Forward-Regular-1', sans-serif !important;}
.dropdown-item.active, .dropdown-item:active {background-color: var(--blue1);}
.dropdown-toggle::after {vertical-align: 0;}
.bootstrap-select .dropdown-menu {width: 100% !important;transform: translate3d(0px, 38px, 0px) !important;padding-top: 0 !important;}
.bootstrap-select .dropdown-menu ul {transform: translate3d(0px, 0px, 0px) !important;}
/* End Select DataLiveSearch */
/************************************************************************************************/
/* @media @media  @media  @media  @media  @media  @media  @media  @media @media */
@media (max-width: 576px) {	
    /* Start Section0 */
    .Section0 img {
        width: 100%;
    }
    /* End Section0 */
    /* Start CommentBox */
    .CommentBox {
        font-size: .9rem;
    }
    .CommentBox .DateTime {
        font-size: .65rem;
    }
    .CommentBox .fa-reply {
        font-size: .8rem;
    }
    /* End CommentBox */
}
/* @media @media  @media  @media  @media  @media  @media  @media  @media @media */