﻿
.likesBtn{width:50px;height:50px;text-align:center;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-em-transition:all 0.3s;-moz-transition:all 0.3s;display:inline-block;margin:5px;vertical-align:middle;position:relative;overflow:hidden;}div[id$="panelRelated"] table a{width:20px !important;display:inline-block !important;height:20px !important;}.FileManager_FileList a{display:inline-block;width:20px;}.likesBtn:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}.likesBtn:hover:before,.likesBtn:focus:before,.likesBtn:active:before{-webkit-transform:scale(2);transform:scale(2);}.likesBtn:hover .counter-text{color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-em-transition:all 0.3s;-moz-transition:all 0.3s;}.likesBtn{transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-em-transition:all 0.3s;-moz-transition:all 0.3s;position:rrelative;}.likesBtn:after{display:inline-block;position:absolute;right:15px;top:50%;font-size:25px;margin-top:-16px;font-family:FontAwesome;}#divLike:after{content:"\f087";}#divDisLike:after{content:"\f088";}.Liked:after{content:"\f164" !important;font-size:27px;}.DisLiked:after{content:"\f165" !important;font-size:27px;}.likesBtn:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-em-transform:scale(1.2);-moz-transform:scale(1.2);}.progressWrapper.inHeader{position:absolute;top:100%;left:0;width:100%;height:4px;overflow:hidden;}.progressWrapper.inHeader .progressBar,.progressWrapper.outOfHeader .progressBar{height:4px;background-color:#4baec1;width:0%;}.progressWrapper.outOfHeader{position:fixed;top:0;left:0;width:100%;height:4px;overflow:hidden;}
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.switch{position:relative;display:inline-block;width:auto !important;height:30px;background:transparent !important;}.switch input{display:none;}.ModDNNArticleC .comment-view .table .slider{position:relative !important;}.commentContentTableBody .slider{position:relative !important;}.slider{position:absolute;cursor:pointer;top:0;left:auto;right:110%;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}.slider:before{position:absolute;content:"";height:23px;width:23px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}input:checked + .slider{background-color:#87cefa;}input:focus + .slider{box-shadow:0 0 1px #2196F3;}input:checked + .slider .yes{opacity:1;}input:checked + .slider .no{opacity:0;}input:checked + .slider:before{-webkit-transform:translateX(41px);-ms-transform:translateX(41px);transform:translateX(41px);}.slider.round{border-radius:34px;width:75px;}.slider.round:before{border-radius:50%;}.slider.round .no{font-size:12px;}.slider.round .yes{font-size:12px;color:#fff;float:left;padding:5px 8px;}.slider.round .no{color:#636363;float:right;padding:5px 8px;}.switch > span{vertical-align:middle;margin-top:4px;display:inline-block;}.stars-outer{position:relative;display:inline-block;}.stars-inner{position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;width:0;}.stars-outer::before{content:'\f005 \f005 \f005 \f005 \f005';font-weight:900;font-family:'FontAwesome';color:#ccc;}.stars-inner::before{content:'\f005 \f005 \f005 \f005 \f005';font-weight:900;font-family:'FontAwesome';color:#f8ce0b;}@import url("//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");fieldset,label{margin:0;padding:0;}.rating{border:none;float:left;}.rating > input{display:none;}.rating > label:before{margin:5px;font-size:1.25em;font-family:FontAwesome;display:inline-block;content:"\f005";}.rating > .half:before{content:"\f089";position:absolute;}.rating > label{color:#ddd;float:right;}.rating > input:checked ~ label,.rating:not(:checked) > label:hover,.rating:not(:checked) > label:hover ~ label{color:#FFD700;}.rating > input:checked + label:hover,.rating > input:checked ~ label:hover,.rating > label:hover ~ input:checked ~ label,.rating > input:checked ~ label:hover ~ label{color:#FFED85;}.itemTag{background:#b1b1b1;color:#fff !important;border-radius:0;display:inline-block;text-transform:uppercase;padding:6px 8px !important;line-height:120%;filter:brightness(1) !important;margin:0 2px;}.itemTag:hover{background-color:#5e5e5e;}.comment-view.loading::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:white;z-index:1000;opacity:0.6;}.comment-view.loading::after{content:'';position:absolute;bottom:85%;left:50%;transform:translate(-50%,-50%);background:url("/DesktopModules/DNNArticle/Contents/img/loading.gif") no-repeat;width:45px;height:45px;z-index:1000;background-position:center;background-size:cover;}

/* -------------------------------------------------------------------------- */
/*                                 Scrollbar                                  */
/* -------------------------------------------------------------------------- */

/* width */
html::-webkit-scrollbar {
    width: 10px;
}

/* Track */
html::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;

}

/* Handle */

html::-webkit-scrollbar-thumb {
   
    transition: var(--transition);
    background: var(--mc1,#a1a3a8);
    border-radius: 10px;
    
}


/* -------------------------------------------------------------------------- */
/*                              LinK DetaliArticle                            */
/* -------------------------------------------------------------------------- */
.article__InternalLink, .article__InternalLink:visited {
    color: var(--mc3);
    transition: var(--transition);
}

/* -------------------------------------------------------------------------- */
/*                           Navbar and pain                                  */
/* -------------------------------------------------------------------------- */



.personabar--btn,.personabar-usertype {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    border-bottom: solid 1px #3d3c3c;
    cursor: pointer;
    z-index: 10000000;
    background-color: #026790;
    position: fixed;
    left: 0;
    top: 0;
    width: 80px;
}
.personabar-usertype {
    right: 0;
    top: 42px;
    color:white;
}
.rtl .personabar--btn{
    right: 0;
    left:auto;

}
.personabar--btn svg,.test svg {
    fill: white;
}
iframe#personaBar-iframe,
.personabar-placeholder ,
.editBarFrameContainer{
    transition: .5s;
}
.personabar--closed iframe#personaBar-iframe,
.personabar--closed .personabar-placeholder{
    left: -80px ;
}
.rtl.personabar--closed iframe#personaBar-iframe,
.rtl.personabar--closed .personabar-placeholder{
    left: auto;
    right: -80px !important;
}
.personabar--closed {
    margin:0 !important
}

.personabar--closed .editBarFrameContainer {
    bottom: -80px;    
}

.DNNEmptyPane.d-none {
    display:none !important
}



/* -------------------------------------------------------------------------- */
/*                           Icon  Navbar                                     */
/* -------------------------------------------------------------------------- */

.personabar--btn {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transform: scale(-1);
}
.personabar--btn .icon-bar {
    height: 3px;
    background-color: white;
    transition: var(--transition);
    margin: 2px 0;
    width: 20px;
    border-radius: 10px;
}
body:not(.personabar--closed ) .personabar--btn .icon-bar:nth-child(1) {
    transform: rotatez(-45deg) translate(-6px, 6px);
    transform-origin: bottom;
}

body:not(.personabar--closed )  .personabar--btn .icon-bar:nth-child(2) {
    transform-origin: top;
    transform: rotatez(-45deg);
    width: 0;
    opacity: 0;
}

body:not(.personabar--closed ) .personabar--btn .icon-bar:nth-child(3) {
    transform-origin: bottom;
    transform: translate(-2px, -6px) rotatez(45deg);
}
/* -------------------------------------------------------------------------- */
/*                               Slider                                       */
/* -------------------------------------------------------------------------- */

.DnnModule-DNNGoDNNGalleryPro .wb-slides .slick-track{
    min-width: 100%;
}


/* -------------------------------------------------------------------------- */
/*                           Live Form                                        */
/* -------------------------------------------------------------------------- */

.LiveForms .Toolbar-Item .glyphicon-floppy-saved , .LiveForms .Toolbar-Item .glyphicon-floppy-saved ~ .Toolbar-Text{
    display: none !important;
  
}





