body {
    width: 100%;
    min-width:320px;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color:#f2f2f2;
    font-family: Open Sans, Calibri Light, Microsoft JhengHei, Sans-Serif, Verdana, Arial;
    font-size: 14px;
    color:#000;
}

.container label, .container-fluid label {
  margin-left:0px;
}
.centered{
    max-width: calc(100% - 20%);
    padding: 0 30px;
    margin-left: auto;
    margin-right: auto;
    /*position: relative;*/
}

.collapse-badge{
    display: none;
    position: absolute;
    left: 40px;
    top: 8px;
    
}
.article-wrapper{min-height:550px;background-color: #fafafa;}

.bookmark {
    background-color: #EE5404 !important;
}
.link-favorite > .icon-favorite {
    font-size: 12px;
    color: white;
    text-align: center;
    display: inline-block;
    background-color: #9F9F9F;
    height: 21px;
    width: 21px;
    border-radius: 21px;
    line-height: 20px;
}


/*************************↓ header ↓*************************/
.header-wrapper{height: 50px;background: #fff;}
.header-block{position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;}
.navbar{margin-bottom: 0;border:0;}
.navbar-inverse{background-color: #000;background-image:none;}
.navbar-inverse .navbar-nav>li> a {color: #fff;padding-left: 20px; padding-right: 20px;}
.navbar-inverse .navbar-nav>li.user-profile> a{padding-top: 10px; padding-bottom: 10px;margin-right: 10px}
.navbar .navbar-header{height: 50px;}

.header-wrapper .nav .open>a,.header-wrapper .nav .open>a:focus,.header-wrapper .nav .open>a:hover{background-color:transparent; border-color:transparent;}
.header-wrapper>.header-block .navbar-inverse .navbar-nav>.open> a{background-color: #404040;background-image:none;}

.navbar-smoothmenu .custom-item{
    display:none;
}

.logo-block{margin-right: 50px;display:inline-block;}
#login_info{border: 1px solid #6b6b6b;
    border-radius: 5px;
    padding: 4px 9px;
    margin-top: 11px;
    cursor: pointer;}
.header-block-shadow {
    width: 100%;
    height: 10px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 );
}

.navbar-inverse .navbar-toggle{border:unset;padding: 13px 10px;margin:5px 15px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: unset;}
.navbar-right .user-profile img{border-radius: 50%;}

#btn_userPhoto{float:right;padding:5px 10px;}
#btn_userPhoto>img{border-radius: 50%;}

/*************************↑ header ↑*************************/


.article-wrapper .descriptor-section {
    display:inline-block;
    background-color: #fff;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    min-height: 105px;
}
.article-wrapper .content-section{padding: 10px 0;}
.centered > .row{padding: 10px 10px; margin-right: 0px;margin-left: 0px;}
.content-section .centered > .row{padding: 0px 10px;}
.centered > .row> [class*='col-']{
    padding: 10px 0 0;
    position: relative;
}


.descriptor-section .section-right {
    height:48px;
}

.descriptor-section .content-descriptor-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;}

.descriptor-section .content-descriptor-wrapper .content-descriptor{height: 48px;}
.descriptor-section .content-descriptor-wrapper .content-descriptor .user-photo{
    display: inline-block;
    vertical-align: top;
    line-height: 46px;
    padding-right: 5px;
}
.descriptor-section .content-descriptor-wrapper .content-descriptor .user-photo img{
    border-radius: 50%;
}
.descriptor-section .content-descriptor-wrapper .content-descriptor .username{ 
    font-family: Open Sans, Calibri Light, Microsoft JhengHei, Sans-Serif, Verdana, Arial;
    font-size: 28px;
    font-weight: 200;
    line-height: 46px;}
.descriptor-section .content-descriptor-wrapper .content-descriptor .content-favorite{ 
    display: inline-block;
    vertical-align: top;
    line-height: 46px; }

/*************************↓ footer ↓*************************/
.footer-wrapper{
    font-family: Calibri Light, Microsoft JhengHei, Sans-Serif, Verdana, Arial;
    font-size: 12px;
    color: #7f7f7f;
    padding-top: 20px;
    padding-bottom: 40px;
}
.footer-wrapper >.categories{padding-top:10px;}
.footer-wrapper > .categories .fc-cell {
    display: inline-block;
    float: left;
    padding-right: 75px;
    padding-bottom: 25px;
    white-space: nowrap;
}
.footer-wrapper > .categories .fc-cell:last-child {
    float: right;
    width: auto;
    padding-right: 0;
}
.footer-wrapper >.categories .fc-cell > ul > li {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #595959;
}
.footer-wrapper > .categories .fc-cell > ul > li:nth-child(1) {
    padding-bottom: 5px;
}
.footer-wrapper > .categories .fc-cell > ul > li > a {
    font-size: 11px;
    font-weight: normal;
    display: block;
    text-decoration: none;
    color: #7f7f7f;
}
.footer-wrapper >.categories > .container-fluid{border-bottom:1px solid #e0e0e0;}

.footer-wrapper >.declare .row{padding:0px;}
/*.footer-wrapper >.declare span{white-space: nowrap;}*/
.declare .version-info {margin:0;font-size:13px; color:#000;padding-right: 90px;}
.declare .version-links{float: right;}

.declare .version-links>li,.piped-links>li{float: left;margin-right: 8px;position: relative;display: block;}
 .declare .version-links> li > a,.piped-links>li>a {
    display: block;
    color: #7f7f7f;
    text-decoration: none;
    border-right: 1px solid #dbdbdb;
    padding-right: 8px;
}
 .declare .version-links> li:last-child,.piped-links>li:last-child {
    margin-right: 0;
}
 .declare .version-links> li:last-child > a,.piped-links>li:last-child>a {
    border-right: 0;
    padding-right: 0;
}
 .declare .timer-box{float:right;font-size:13px; color:#333;background-color:#D0D0D0;padding:3px 5px;}
 .declare .piped-links{float:left; }

 /*************************↑  footer ↑*************************/

 @media (min-width: 768px)
{
    .navbar {border-radius: 0;}
    .header-wrapper>.header-block .navbar-right .dropdown-menu{right:auto;}
    #myNavbarProfile{display:none !important;}
}

@media (max-width:1050px) {
    .centered{min-width:calc(100% - 5%);}
    .logo-block{margin-right: 40px;}
    .navbar-inverse .navbar-nav>li> a{padding-left: 10px;padding-right: 10px;}
    .navbar-inverse .navbar-nav>li.user-profile> a{padding-right: 20px}
}
/*max-width:767px*/
@media (max-width:767px) {
    .article-wrapper{ padding-bottom: 20px; min-height: 500px;}
    .centered{max-width: unset;padding: 0 15px;}
    .collapse-badge { display:inline-block;}
    .table-responsive{border:0;}

    #btn_navbar{float: left;margin-left: 15px;}
    .logo-block{margin-right: unset;display:inline-block;position: absolute;left: 50%; margin-left: -80px;}
    .navbar-nav .open .dropdown-menu {background-color: #404040;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
    
    .navbar-inverse .navbar-nav>li> a {
        padding-left: 25px;
        padding-right:25px;
    }
    .navbar-nav .open .dropdown-menu > li > a { line-height: 30px; }
    /*.descriptor-section .section-right{display:none;}*/

    #myNavbar >.navbar-right{display:none;}
    #myNavbarProfile .navbar-nav>li> a{text-align: right;padding-right: 25px;}
    .navbar-nav>li>a{ line-height: 30px;padding-left: 25px;}

    .footer-wrapper > .categories .fc-cell {
        width:100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer-wrapper > .categories .fc-cell:last-child {float:left;}
    .footer-wrapper >.declare .row{padding:10px 10px 5px;}
    .declare .version-links{float: left;}
    .declare .timer{display:inline-block;}
    .declare .timer-box {float: left;}

    .footer-wrapper >.declare .row> [class*='col-']{
        padding:unset;
    }
}

/*max-width:375px*/
@media (max-width:375px) {
    .navbar-smoothmenu .custom-item{
        display:block;
    }
    .content-descriptor-wrapper .content-descriptor{
        white-space: nowrap; 
        width: 260px; 
        overflow: hidden;
        text-overflow: ellipsis; 
    }

}
@media (max-width:500px) {
    .content-descriptor .descriptor-txt {
        max-width: 220px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
    }
}

.content-descriptor .descriptor-txt {
        white-space: nowrap;
        display: inline-block;
    }