﻿/*
    Used https://csscompressor.com/
*/
.CopdRibbonBar{margin-top:5px;float:left}
#login{float:right;margin:auto}
#top-login{float:right;margin:auto}
.CopdRibbonBar > ul{float:right;padding:0;margin:0}
.CopdRibbonBar > ul li{position:relative;list-style:none;padding:0;margin:0}
.CopdRibbonBar > ul > li,.CopdRibbonBar > ul > li > span{float:left}
.userProperties{margin-top:5px}
.top-login-wrap{min-height:52px}
#top-login-wrap{min-height:52px}
.nav-main{float:right;margin:0;padding:0;list-style:none}
.nav-item > .active{border-bottom:2px solid #fff!important;display:block;height:46px}
.nav-main{align-items:flex-end;flex-shrink:0;background:0 0;width:auto;overflow:visible;margin:0 0 0 auto}
.nav-item a,.nav-item a:link,.nav-item a:visited,.nav-item a:active{color:#fff}
.nav-item{height:44px;text-align:center;list-style:none;color:#fff}
.nav-main .nav-item{min-width:80px}
.nav-main .homebutton{min-width:59px}
.nav-main .mynetworkbutton{margin-top:.8px}
.nav-main .notificationbutton{min-width:82px}
.nav-side .nav-item{margin-left:24px;width:auto;vertical-align:middle}
.nav-item__link{text-align:center;height:100%}
.nav-item__link:focus,.nav-item__link:hover{text-decoration:none}
.nav-item__link.active{border-bottom:0}
.nav-item__title{font-size:12px;line-height:4px;font-weight:400;display:block;color:#ffbfa0;text-transform:none;letter-spacing:0;transition:color .3s}
.nav-item__link.active:not(.ember-transitioning-out) .nav-item__title,.nav-item__link.ember-transitioning-in .nav-item__title,.nav-item__link:active .nav-item__title,.nav-item__link:focus .nav-item__title,.nav-item__link:hover .nav-item__title{color:#fff}
.nav-compact .nav-item__title{display:none}
.nav-item__icon{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:167ms;display:inline-block;height:auto;width:auto;color:#ffbfa0;opacity:1;position:relative;left:auto;top:auto;margin-left:0;-webkit-clip-path:none;clip-path:none;transform:scale(1)}
.nav-item__link.active:not(.ember-transitioning-out) .nav-item__icon,.nav-item__link.ember-transitioning-in .nav-item__icon,.nav-item__link:active .nav-item__badge,.nav-item__link:focus .nav-item__badge,.nav-item__link:focus .nav-item__icon,.nav-item__link:hover .nav-item__badge,.nav-item__link:hover .nav-item__icon,.nav-item__link:visited .nav-item__badge,.nav-item__link:visited .nav-item__icon{color:#fff}
.nav-item .active .nav-item__icon:active{transform:scale(1);transition:none}
.nav-item__link:active .nav-item__icon{color:#fff;transform:scale(.9)}
.nav-item__badge{top:-5px;position:absolute;left:50%;height:18px;line-height:14px;background-color:#222;border:2px solid #e6530c;border-radius:14px;z-index:1;padding:2px 5px;font-size:11px;display:inline-block;line-height:1em;height:20px}
.nav-item__link:hover{color:#fff}
i .active-item{fill:#fff;display:none}
.active i .active-item{display:block}
.active i .inactive-item{display:none}
.search{width:auto;height:auto;margin:0;background:none;border:0;margin-top:8px;position:relative;width:270px;float:left}
.search #dnn_SEARCH1_txtSearch{margin:0;padding:0;height:35px;width:272px;background:url(../images/searchbox.png) no-repeat 3px 1px #e7e7e7;border-radius:2px;color:#737373;padding:5px 40px 5px 30px;outline:none}
.search #dnn_SEARCH1_txtSearch:focus{background:url(../images/search-click.png) no-repeat right;padding-left:11px}
.search a.SearchButton:link,.search a.SearchButton:visited,.SearchButton{background:none;position:absolute;right:0;top:0;width:40px;height:35px;padding:0;outline:none}
.section-wrap .search #dnn_SEARCH1_txtSearch{padding:0 0 0 30px;width:251px}
.MynetworkRequest{z-index:100;display:none;position:absolute;width:260px;top:40%;left:0;margin:25px 0 0;background:none;border-radius:0;animation-duration:.25s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;margin-left:-100%}
#RequestFriendlist{color:#000;padding:10px 4px!important}
.MynetworkRequestfooterbutton{border-top:1px dotted #999;clear:both;padding-top:5px!important;padding-bottom:2px!important}
.MynetworkprofileImg img{width:45px;height:45px}
.MynetworkRequestTitle{padding-top:5px!important;padding-bottom:2px!important;border-bottom:1px dotted #999}
.frendrequest .title{text-align:left;font-weight:700}
#requestsBar{width:100%;display:flex;float:none;box-shadow:0 1px 1px rgba(0,0,0,.05)}
#info{margin:-3px 0 10px 7px;font-size:13px;width:260px;text-align:left;white-space:initial}
.requestbutton .confirm{background:#F66B28;background-image:none;background-image:-ms-linear-gradient(top,#F66B28 0%,#E7540E 100%);background-image:-moz-linear-gradient(top,#F66B28 0%,#E7540E 100%);background-image:-o-linear-gradient(top,#F66B28 0%,#E7540E 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#F66B28),color-stop(1,#E7540E));background-image:-webkit-linear-gradient(top,#F66B28 0%,#E7540E 100%);background-image:linear-gradient(to bottom,#F66B28 0%,#E7540E 100%);border:medium none;color:#FFF;text-transform:none!important;font-weight:400}
.requestbutton .accept{border:none;background:none;color:#ee4924;font-size:14px;padding-right:1px}
.requestbutton span{font-size:15px;color:#ee4924}
.requestbutton .accept:hover{color:rgba(2,139,255,1)}
.requestbutton .dismiss:hover{color:rgba(2,139,255,1)}
.requestbutton .dismiss{margin-left:-5px;border:none;background:none;color:#ee4924;font-size:14px}
.MynetworkRequestfooterbutton .acceptall{margin-right:10px}
.MynetworkRequestfooterbutton .dismissall{margin-left:10px}
@media screen and (max-width: 466px) and (min-width: 280px) {
.CopdRibbonBar{margin-left:5%!important;margin-top:3%;width:100%!important}
.userProperties{padding-top:2%;/*float:none;*/clear:both;margin:0}
.userProperties ul.userMenu{margin-left:0;top:auto}
}
@media (width: 768px) {
.userProperties ul{margin-top:0!important}
.userProperties{margin-top:0}
.userProperties ul.userMenu{top:auto}
}
@media screen and (max-width: 1190px) and (min-width: 466px) {
.CopdRibbonBar{margin-left:0!important;float:left!important}
.userProperties{margin-top:2%}
.top-login-wrap{min-height:52px!important}
#top-login-wrap{min-height:52px!important}
}
@media screen and (max-width:991px) {
.MynetworkRequest{top:100%}
.CopdRibbonBar ul li a span i svg{width:26px;height:26px}
.CopdRibbonBar{float:none;margin-top:2%}
.userName{clear:both!important}
.CopdRibbonBar ul.userMenu{margin:auto!important;top:auto!important}
#login .CopdRibbonBar ul{margin-top:0!important}
.nav-item__title,.nav-item__title-container{display:none!important}
#dnn_SEARCH1_ClassicSearch{position:absolute;top:48px;right:0;display:none}
.search{display:block!important}
.search #dnn_SEARCH1_txtSearch{width:222px}
.nav-item{height:34px}
.nav-item > .active{height:36px}
/*
.top-login-wrap{height:90px}
#top-login-wrap{height:90px}
*/
.nav-main .nav-item{min-width:58px}
.nav-main.nav-container,.search{margin:0 auto;max-width:290px;display:block;float:none;position:relative}
.nav-main .dropdown-options li ul li a{font-size:12px!important}
.nav-container .dropdown-options{margin-left:0;left:0;top:37px}
#profile-nav-item{margin-top:13px}
}