.DashInviteRightBoxlabel {font-weight:400;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
	background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #333333 !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #333333 !important;
	-webkit-appearance: none;
}
.affix-top {z-index:2000;}
.clear {clear:both;}
.padding0 {padding:0;}
.paddingL0 {padding-left:0;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.paddingT10 {padding-top:10px;}
.paddingT15 {padding-top:15px;}
.paddingT20 {padding-top:20px;}
.paddingT30 {padding-top:30px;}
.padding5L0 {padding:5px 10px 5px 0;}
.paddingR0 {padding-right:0;}
.paddingRL15 {padding-right:15px;padding-left:15px;}
.paddingRL30 {padding-right:30px;padding-left:30px;}
.paddingR5L10 {padding-right:5px;padding-left:10px;}
.paddingR5L5 {padding-right:5px;padding-left:5px;}
.paddingR0L10 {padding-right:0px;padding-left:10px;}
.paddingL10 {padding-left:10px!important;}
.paddingL30 {padding-left:30px;}
.paddingR30 {padding-right:30px;}
.paddingR10 {padding-right:10px;padding-left:0px;}
.padding30 {padding:30px;}
.paddingT10RBL30 {padding:10px 30px 30px 30px;}
.paddingB0 {padding-bottom:0px!important;}
.paddingB15 {padding-bottom:15px!important;}
.paddingB19 {padding-bottom:19px;}
.paddingB30  {padding-bottom:30px;}
.paddingB50 {padding-bottom:50px;}
.paddingB15T5 {padding-bottom:15px;padding-top:5px;}
.paddingL10R10 {padding-left:10px;padding-right:10px;}
.dBoxTitle a {color:#333333;}
.dBoxTitle a:hover{color:#23527c;}
.margin0 {margin:0;}
.marginL15 {margin-left:15px;}
.marginRL0 {margin-left:0px;margin-right:0px;}
.marginRL5 {margin-left:5px;margin-right:5px;}
.marginRL15 {margin-left:15px;margin-right:15px;}
.marginRL-10 {margin-left:-10px;margin-right:-10px;}
.marginR4 {margin-right:4px;}
.marginR2 {margin-right:2px;}
.marginR10 {margin-right:10px;}
.marginB0 {margin-bottom:0px!important;}
.marginB10 {margin-bottom:10px;}
.marginB15 {margin-bottom:15px;}
.marginB20 {margin-bottom:20px;}
.marginB25 {margin-bottom:25px;}
.marginT5 {margin-top:5px;}
.marginT15 {margin-top:15px;}
.marginT20 {margin-top:20px;}
.marginT30 {margin-top:30px !important;}
.marginT35 {margin-top:35px;}
.marginAuto {margin:auto!important;}

.fontSize11 {font-size:11px !important;}
.fontSize12 {font-size:12px !important;}
.fontSize13 {font-size:13px;}
.fontSize16 {font-size:16px;}
.border1T {border-top:1px solid #f0f0f0;}
.border1B {border-bottom:1px solid #f0f0f0;}
.MakeGraphicIco {font-family:'FontAwesome Regular', 'FontAwesome';}
.MakeDivScrool {overflow-y: scroll; height: 290px;padding:0 15px 0 5px;}

.minHeight125 {min-height:125px;}
.minHeight190 {min-height:190px;}

.wdh90 {width:90% !important;}
.pull-center {margin-left:auto;margin-right:auto;}

.menuLeftTop {display:inline-block;position:relative;}
.text-align-center {margin-left:auto;margin-right:auto;}
.text-center {text-align:center;}

.zone_rightNew {float: left; font-size:13px;padding-left:10px;padding-top:5px;color:#999999;}

.statusItem a {color:#ccc;}
.statusItem a:hover {text-decoration:underline;}

.color-red-error {color:red !important;}

/*logowanie*/
.form-signinLogin {  max-width: 100%; padding-top:50px;}
.form-signinLogin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px;}
h2.form-signin-heading  {font-size:24px;}
.form-signinLogin .checkbox {font-weight: normal;}
.form-signinLogin .form-control {position: relative;height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px;}
.form-signinLogin .form-control:focus { z-index: 2;}

.form-signinLogin .login {margin-bottom: 10px;display:block;padding:10px;height:auto;width:100%;font-size:16px;border-radius: 0;background-color:transparent;border:0px solid #333;border-bottom:1px solid #fff;color:#fff;}
.form-signinLogin .login:focus {box-shadow:none;transition:none;outline-offset:0px;}
.form-signinLogin .password {margin-bottom: 10px;display:block;padding:10px;height:auto;width:100%;font-size:16px;border-radius: 0;background-color:transparent;border:0px solid #333;border-bottom:1px solid #fff;color:#fff;}
.form-signinLogin .password:focus {box-shadow:none;transition:none;outline-offset:0px;}
.form-signinLogin-error {margin-top:5px;text-align:center;color:#f00;}
.form-signinLogin-error a {color:#f00;}
.form-signinLogin-error a:hover {color:#f00;text-decoration:underline;}
.form-signinLogin-forgotPass {margin-top:19px;margin-bottom:38px;}
.form-signinLogin-forgotPass a {color:#fff;font-size:15px;}
.form-signinLogin-forgotPass a:hover {text-decoration:underline;}
.form-signinLogin-text {color:#fff;margin-top:5px;margin-bottom:25px;}
.form-signinLogin-text a {color:#fff;text-decoration:underline;}
.form-signinLogin-text a:hover {text-decoration:none;}

.btn-ella-login {background:#D9DCDD;border-color:#D9DCDD;color:#434241;}
.btn-ella-login:hover {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-ella-login.active.focus, .btn-ella-login.active:focus, .btn-ella-login.active:hover, .btn-ella-login:active.focus, .btn-ella-login:active:focus, .btn-ella-login:active:hover, .open > .dropdown-toggle.btn-ella-login.focus, .open > .dropdown-toggle.btn-ella-login:focus, .open > .dropdown-toggle.btn-ella-login:hover {background:#979797;border-color:#979797;}
.btn-ella-login.focus, .btn-ella-login:focus {background:#ea4272;border-color:#ea4272;}

.btn-ella-reg-mobile {background:transparent;border-color:#D9DCDD;color:#434241;color:#fff;padding-top:12px;padding-bottom:12px;}
.btn-ella-reg-mobile:hover {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-ella-reg-mobile.active.focus, .btn-ella-reg-mobile.active:focus, .btn-ella-reg-mobile.active:hover, .btn-ella-reg-mobile:active.focus, .btn-ella-reg-mobile:active:focus, .btn-ella-reg-mobile:active:hover, .open > .dropdown-toggle.btn-ella-reg-mobile.focus, .open > .dropdown-toggle.btn-ella-reg-mobile:focus, .open > .dropdown-toggle.btn-ella-reg-mobile:hover {background:#979797;border-color:#979797;}
.btn-ella-reg-mobile.focus, .btn-ella-reg-mobile:focus {background:#ea4272;border-color:#ea4272;}




.btn-primary {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-primary:hover {background:#979797;border-color:#979797;color:#fff;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {background:#979797;border-color:#979797;}
.btn-primary.focus, .btn-primary:focus {background:#ea4272;border-color:#ea4272;}


.btn-grey {background:#5c636d;border-color:#5c636d;color:#fff;}
.btn-grey:hover {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-grey.active.focus, .btn-grey.active:focus, .btn-grey.active:hover, .btn-grey:active.focus, .btn-grey:active:focus, .btn-grey:active:hover, .open > .dropdown-toggle.btn-grey.focus, .open > .dropdown-toggle.btn-grey:focus, .open > .dropdown-toggle.btn-grey:hover {background:#979797;border-color:#979797;}
.btn-grey.focus, .btn-grey:focus {background:#ea4272;border-color:#ea4272;}


.TopMenu ul li a:hover {color:#fff;}
.btn_Dash:hover {background-color: rgba(232, 67, 116, 1);}

.dBoxTitle {width:100%;text-align:center;padding:15px 0;font-weight:600;    font-size: 17px;}
.dBoxContent {width:96%;text-align:center;margin:0 auto;}

.Dash_right {padding-left:10px;}
.Dash_Left {padding-left:0;padding-right:0;}
.Dash_hi {padding:20px;}

a.dMiniRoundBox {display:block;margin:0 auto;color:#000 !important;}
a.dMiniRoundBox:hover {color:rgb(232, 67, 116) !important; }

a.dMiniRoundBoxPri {display:block;margin:0 auto;color:#000 !important;padding-top:5px;padding-bottom:15px;width:65px;}
a.dMiniRoundBoxPri:hover {color:rgb(232, 67, 116) !important; }
/*a.dMiniRoundBoxPri:focus {background:url('/Images/dasz2.png') no-repeat center bottom;}*/

.dMiniRoundBoxBadges {display:block;margin-left:auto;margin-right:auto;color:#000 !important;width:65px;}
.dMiniBgBoxBadges {display:table;width:65px;height:65px;background:url(/Images/dMiniBgBoxFrame3.svg) center center no-repeat;margin:0 auto;position:relative;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;}
.dMiniBgBoxDescBadges {width:100%;text-align:center;display:table-cell;vertical-align:middle;} 
.dMiniBgBoxDescBadges img {width:75%;}
.dMiniTxtBoxBadges {width:100%;text-align:center;font-size:11px;margin:5px 0 0px 0;min-height:32px;}


.own-col-xs-8 {width:9%;float:left;padding-left:1%;padding-right:1%;height:140px;}
.own-col-xs-13 {width:11%;float:left;padding-left:1%;padding-right:1%;height:140px;}
.own-col-xs-18 {width:15%;float:left;padding-left:1%;padding-right:1%;height:140px;}

.dMiniRoundBoxLvlStatus45 {padding-top:30px;display:block;margin-left:auto;margin-right:auto;color:#000 !important;width:100%;}
.dMiniRoundBoxLvlStatus75 {padding-top:15px;display:block;margin-left:auto;margin-right:auto;color:#000 !important;width:100%;}
.dMiniRoundBoxLvlStatus105 {display:block;margin-left:auto;margin-right:auto;color:#000 !important;width:100%;}
.dMiniBgBoxLvlStatus45 {margin-top:30px;display:table;width:45px;height:45px;background:url(/Images/dMiniBgBoxFrame3.svg) center center no-repeat;margin:0 auto;position:relative;background-size:cover;}
.dMiniBgBoxLvlStatus75 {margin-top:30px;display:table;width:75px;height:75px;background:url(/Images/dMiniBgBoxFrame3.svg) center center no-repeat;margin:0 auto;position:relative;background-size:cover;}
.dMiniBgBoxLvlStatus105 {display:table;width:105px;height:105px;background:url(/Images/dMiniBgBoxFrame3.svg) center center no-repeat;margin:0 auto;position:relative;background-size:cover;}
.dMiniBgBoxDescLvlStatus {width:100%;text-align:center;display:table-cell;vertical-align:middle;} 
.dMiniBgBoxDescLvlStatus img {width:75%;}
.dMiniTxtBoxLvlStatus {width:100%;text-align:center;font-size:11px;margin:5px 0 0px 0;min-height:30px;}

.dMiniBgBox.SeeAll{width:65px;height:65px;}
.dMiniBgBox {width:60px;height:60px;background:url(/Images/dMiniBgBoxFrame3.svg);display:block;margin:0 auto;position:relative; -webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;}
.dMiniBgBoxFrame {width:60px;height:60px;background:url(/Images/dMiniBgBoxFrame3.svg) 0 0px no-repeat;top:0;position:absolute;}
.dMiniBgBoxFramePri {width:60px;height:60px;background:url(/Images/dMiniBgBoxFrame3.svg) 0 0px no-repeat;top:0;position:absolute;}
.dMiniDescBoxTable {display:table;height:100%;width:100%;}
.dMiniDescBox {display:table-cell;font-size:11px;vertical-align:middle;}
.dMiniTxtBox {width:100%;text-align:center;font-size:11px;margin:5px 0 0px 0;min-height:30px;}

.dMiniBgBoxDonut {position: absolute; z-index: 3;} 
.dMiniBgBoxDesc {position: absolute; z-index: 2;} 
.dMiniBgBoxComplete {background:#979797;color:#fff;position:absolute;top:0;right:0;z-index:4;border-radius:5px;padding:2px 5px;font-size:11px;}
.dMiniBgBoxPercent {color:#000;position:absolute;top:20px;z-index:4;border-radius:5px;padding:2px 5px;font-size:12px;width:100%;text-align:center;font-weight:600;}

.dBoxContent2 {width:100%;text-align:center;}
.dBoxContent3 {width:100%;text-align:left;}
.Dash_zone {float:left;width:100%;height:30px;text-align:left;}
.Dash_zone a {font-size:11px;}

.Dash_Profile {position:relative;height:140px;}
.sDash_Avatar {position:relative;width:106px;height:106px;}
.sDash_Avatar img {width:106px;height:106px;}
.Dash_Avatar {position:relative;width:106px;height:106px;}
.Dash_Avatar img {width:106px;height:106px;}
a.Dash_AvatarLink {width:106px;height:106px;/*background:#f2f2f2 url(/Images/DashAvatarBg.png);*/display:block;position:relative;background:#fff;border-radius:50%;border:1px solid #d1d1d1;}
.Dash_AvatarLinkFrame {width:106px;height:106px;/*background:url(/Images/DashAvatarBg.png) 0 0px no-repeat;*/top:0;position:absolute;}
.AvatarSetSmall {position:relative;}
.AvatarSetSmall img {width:70px;}
.ppSelectAvatar img {border-radius:50%;border:3px solid #ea4272;}
.ppSelectAvatarNot img {border-radius:50%;border:3px solid #ea4272;}
.DashAvatar {cursor:pointer;}


.assDiamond {position:absolute;z-index:3;bottom:0px;right:-3px;font-size:11px;color:#fff;padding:2px 4px 0 4px;background:#999999;border-radius:3px;}
.assDiamondv2 {position:absolute;z-index:3;bottom:12px;right:7px;font-size:15px;color:#fff;padding:2px 4px 0 4px;background:#999999;border-radius:3px;}
.assPrice  {position:absolute;z-index:3;top:0px;width:83%;font-size:11px;color:#767676;padding:11px 0 0 0;border-radius:3px;text-align:center;line-height:12px;}
#assDiamondBig {position:absolute;z-index:3;bottom:0px;right:3px;font-size:12px;color:#fff;padding:6px 10px 4px 10px;background:#999999;border-radius:3px;}
/*#assDiamondBig:hover {background:#ea4272;border-color:#ea4272;color:#fff; cursor:pointer;}*/
#assPriceBig  {position:absolute;z-index:3;bottom:0px;left:15px;font-size:12px;color:#fff;padding:6px 10px 4px 10px;background:#999999;border-radius:3px;}
.assBoxDetailMoney {}
.asspdBDisplayNone {display:none;}
.asspdBDisplayShow {display:block;}
.showDiamondForAvatar {float:left;margin-right:10px;}
.showPriceForAvatar {float:right;margin-left:10px;}
.assNotActive {}
.assNotActive img {-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.2;}
/*.assNotActive:hover img {-webkit-filter: grayscale(0%);filter: grayscale(0%);filter:inherit;opacity:0.8;}*/
.assNotActive .assDiamond {background:#C2C2C2;}


#MenuDict{display:none;}
.Dash_Name {position:absolute;left:120px;top:5px;width:initial;width:calc(100% - 120px);}
.Dash_NameUp {width:100%;font-size:21px;}
.Dash_NameDown {width:100%;color:#999999;margin:5px 0 0 0;cursor:pointer;}
.Dash_NameDown span {color:#000;font-weight:600;}
.Dash_Graduate {position:absolute;left:50px;top:83px;}
a.Dash_GraduateLink {display:block;}
.Dash_GraduateSteep1 {float:left;margin:0 6px 0 0;width:82px;position:absolute;}
.Dash_GraduateSteep1Det {width:46px;height:46px;background:#f2f2f2;border-radius: 23px;margin-left:auto;margin-right:auto;position:relative;}
.Dash_GraduateSteep1DetDonut {width:46px;height:46px;position:absolute;z-index:1;}
.Dash_GraduateSteep1DetIcon {width:46px;height:46px;position:absolute;z-index:2;}
.Dash_GraduateSteep1DetIcon img{width:100%;height:100%;border-radius:50%;}
.Dash_GraduateSteep1Desc {width:100%;text-align:center;font-size:11px;color:#999999;margin-top:5px;}
.Dash_GraduateSteep2 {position:absolute;left:70px;width:8px;height:8px;margin:19px 6px 0 0;border-radius: 4px;}
.Dash_GraduateSteep3 {position:absolute;left:84px;width:14px;height:14px;margin:16px 6px 0 0;border-radius: 7px;}
.dgSteepColor1 {background:#a09f9e;}
.dgSteepColor2 {background:#ab9b9d;}
.dgSteepColor3 {background:#b4969a;}
.dgSteepColor4 {background:#bb8f96;}
.dgSteepColor5 {background:#c28791;}
.dgSteepColor6 {background:#ca808e;}
.dgSteepColor7 {background:#d17789;}
.dgSteepColor8 {background:#d66d84;}
.dgSteepColor9 {background:#dd607e;}
.dgSteepColor10 {background:#e94473;}


.Dash_GraduateSteep4 {float:left;margin:5px 0 0 0;border-radius: 18px;position:absolute;left:81px;width:82px;}
.Dash_GraduateSteep4Det {width:36px;height:36px;background:#f2f2f2;border-radius: 18px;margin-left:auto;margin-right:auto;}
.Dash_GraduateSteep4DetDonut {width:36px;height:36px;position:absolute;z-index:1;}
.Dash_GraduateSteep4DetIcon {width:36px;height:36px;}
/*.Dash_GraduateSteep4DetIcon {width:36px;height:36px;position:absolute;z-index:2;}*/
.Dash_GraduateSteep4DetIcon img{width:100%;height:100%;border-radius:50%;}
.Dash_GraduateSteep4Desc {width:100%;margin-top:10px;text-align:center;font-size:11px;color:#999999;}

.SevenDayRecamp {padding-left:0;padding-right:0;}
.DayReCapNr {width:100%;font-size:29px;min-height:45px;}
.DayReCapNrLast {width:100%;font-size:29px;min-height:45px;}
.DayReCapNrLast span {font-size:16px;}
.DayReCapDesc {width:100%;color:#999999;margin:5px 0 0 0;font-size:11px;}
.DayReCapMakeBox {margin:40px auto 0 auto;padding:0 0 30px 0;width:215px;}
.DayReCapMakeTxt {float:left;margin:0 5px 0 0;font-family:'Montserrat Regular', 'Arial';}
.SevendayRecampBox {border-left:4px solid #BDC1C5;text-align:left;min-height:80px;}
.makeIconFont {float:left;font-family:'FontAwesome Regular', 'FontAwesome';}
.makeIconFont span {float:left;margin:0 5px;font-family:'FontAwesome Regular', 'FontAwesome';font-size:24px;line-height:17px;}
.makeIconFont a {color:#999999;}
.makeIconFont a:hover {color:#ea4272;}
.dotMenu {position:absolute;top:0;right:0;z-index:3;}
.btn-default-dot-menu {background:transparent;padding:8px 12px;}
.dotMenu .dropdown-menu .divider {margin:5px 0;}
.dotMenu .dropdown-menu > li > a {padding:5px 20px;}

.menu-top-right {position:absolute;top:0;right:0;}

/* donut */
.DonutBox {margin:0 auto;width: 80px; height: 80px; position: relative;}
.DonutDesc {position:absolute;z-index:2;top:20px;left:0px;text-align:center;width:80px;font-size:16px;line-height:1.1;}
.DonutDesc span{font-size:11px;}
.DonutLearnTxt {width:100%;margin:15px 0 0 0;font-family:'Montserrat Regular', 'Arial';}

.Dash_friendsInvite {width:100%;min-height:50px;}
.Dash_friendsInviteLink {display:block;float:left;width:100%;background: rgba(182,182,182,0.28);padding:15px;color:#000;}
.filIcon {float:left;width:25px;font-family:'FontAwesome Regular', 'FontAwesome';cursor:pointer;}
.filName {float:left;cursor:pointer;font-weight:bold;}
.filEarn {float:right;cursor:pointer;}
.filEarn span {font-family:'FontAwesome Regular', 'FontAwesome';}
.DashInviteLeftBox {float:left;min-width:20%;}
.boxDashInviteRightBox {float:right;min-width:20%;}
.DashInviteRightBox {cursor:pointer;}
.btnDashInviteFriends {cursor:pointer;}

.Dash_CompenseP {width:100%;margin:15px 0 15px 0;}

.Dash_CompenseProfile {width:100%;margin:10px 0 0 0;}
.Dash_CompenseProfileBox {width:100%;margin-top:10px;height:47px;}
.Dash_CompenseProfileBox span {color:#999999;}
.dcpbAvatar {width:55px;float:left;}
.dcpbProfileDane {float:left;width:50%;}
.dcpbProfileDaneName {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height:18px;width:100%;}

.padd50{padding: 0 54px;}
.padd100{padding:0 100px;}
.padd150{padding:0 150px;}
.padd200{padding:0 200px;}
.padd250{padding:0 250px;}
.padd300{padding:0 300px;}
.dcpbProfileBorder {background:url("/Images/dcpbProfileBorderBg.png") left top no-repeat;clear:both;width:100%;height:1px;}
.dcpbProfileBorderActive {background:url("/Images/dcpbProfileBorderBgActive.png") left top no-repeat;clear:both;width:100%;height:1px;}
.dcpbProfileXp {width:30%;float:right;text-align:right; color: #999999; }
.Dash_CompenseProfileBox_AvatarP {position:relative;width:46px;height:46px;/*background:#f2f2f2 url(/Images/DashProfileBg.png);*/display:block;position:relative;background:#fff;border-radius:50%;border:1px solid #d1d1d1;}
.Dash_CompenseProfileBox_AvatarP img {width:46px;height:46px;}
.CompenseOtherMoreMobile {display:none;}


.dcpbAvatarMoreEx {width:56px;float:left;}
.dcpbProfileMoreExPhoto {width:56px;height:56px;display:block;position:relative;background:#f2f2f2;border-radius:50%;border:1px solid #d1d1d1;}
.dcpbProfileMoreExPhoto img {width:54px;height:54px;}
.dcpbProfileMoreExP {float:left;font-size:14px;padding-top:18px;padding-left:15px;}
.dcpbProfileMoreBoxCent {clear:both;width:100%;}
.dcpbProfileMore {float:right;text-align:right;}
.dcpbProfileMoreXp {text-align:right;font-weight:100;}
.dcpbProfileMoreDesc {text-align:right;font-size:11px;}
.dcpbProfileMoreNotif {clear:both;margin-top:10px;margin-bottom:10px;background:#f2f2f2;border-radius:7px;float:right;padding:5px 15px;font-size:14px;font-style:italic;}


.Dash_CompenseProfileBox_AvatarPFrame {width:46px;height:46px;/*background:url(/Images/DashProfileBg.png) 0 0px no-repeat;*/top:0;position:absolute;}

.dBoxTitleOther {width:100%;text-align:left;margin:15px 0;color:#999999;}
.Dash_CompenseProfileBox_LevelStatus {position:absolute;bottom:-5px;right:-5px;width:25px;height:25px;}
.Dash_CompenseProfileBox_LevelStatus img {width:100%;height:100%;}
.Dash_CompenseProfileBox_LevelStatus2 {position:absolute;bottom:-5px;right:0px;width:20px;height:20px;}
.Dash_CompenseProfileBox_LevelStatus2 img {width:23px !important;height:23px !important;}

a.dComProBoxRank {display:block;margin:0 auto;color:#000 !important;width:100%;}
a.dComProBoxRank:hover {color:rgba(232, 67, 116, 1) !important;}
.dComProBoxRankBox {float:left;width:46px;height:46px;display:block;position:relative;border-radius:50%;border:1px solid #424242;}
.dComProBoxRankBox2 {float:left;width:46px;height:46px;display:block;position:relative;background:#9099a1;border-radius:50%;border:1px solid #9099a1;}
.dComProBoxRankTable {display:table;height:100%;width:100%;}
.dComProBoxRankDescBox {display:table-cell;font-size:17px;vertical-align:middle;text-align:center;color:#000;}
.dComProBoxRankDescBox2 {display:table-cell;font-size:17px;vertical-align:middle;text-align:center;color:#fff;}
.dComProBoxRankDescBox2-small {display:table-cell;font-size:12px;vertical-align:middle;text-align:center;color:#fff;}
.dComProBoxRankLink {float:left;height:46px;padding:15px 0 0 10px;}
.YourScoreSmallTitle {width:100%;color:#92569c;font-size:18px;}
.YourScoreSmallTitleDays {width:100%;font-size:16px;} 

.Dash_follow {padding:0 15px;text-align:center;}
.dFollowContent {margin:0 auto;width:180px;}
a.dFollowBox, div.dFollowBox {display:block;float:left;color:#000 !important;margin:0 5px;}
a.dFollowBox:hover, div.dFollowBox:hover {color:rgba(232, 67, 116, 1) !important;}
.dFollowBoxBox {width:50px;height:50px;color:#fff;/*background:#f2f2f2 url(/Images/DashProfileBg.png);*/display:block;position:relative;border-radius:50%;border:1px solid #d1d1d1;}
.dFollowBoxTable {display:table;height:100%;width:100%;}
.dFollowBoxTableBox {display:table-cell;font-size:19px;vertical-align:middle;text-align:center;font-family:'FontAwesome Regular', 'FontAwesome';}
.dFollowBoxTableBox img {width:27px;}
.dFollowContentEarn {display:none; clear:both;width:155px;margin:0 auto;font-size:11px;color:#999999;text-align:right;padding:3px 0 0 0;}
.dFollowContentEarn span {font-family:'FontAwesome Regular', 'FontAwesome';}


.chbx_Payment {
    float: left;
    margin: 8px 0 0 0 !important;
}

.boxPaymentDotPay input {
    margin-top: 6px !important;
}
.boxPaymentDotPay img {
    height: 31px;
    margin-left: 5px;
    margin-top: -4px;
}
.boxPaymentStripe input {
    margin-top: 9px !important;
}

.boxPaymentStripe img {
    height: 32px;
    margin-left: 5px;
}

/*your progres*/
.progres100 {
    color: #339947;
}
.progresOther {color:#ff995f;}
.progresOtherGray {color:#333;}
.progresOtherGray2 {color:#cacbcd;}
.progresMain {color:#FF9933!important;}
.progres60  {color:#339947!important;}
/* donut progres */
.ProgresDonutBox {margin:0 auto;width: 77px; height: 77px; position: relative;}
.ProgresDonutDet {position: relative; z-index: 1;}
.ProgresDonutDesc {position:absolute;z-index:2;top:23px;left:0px;text-align:center;width:77px;}
.ProgresDonutDescTitle {font-size:14px;width:100%;}
.ProgresDonutDescTxt {font-size:11px;width:100%;}
.ProgresLinkDonutBox {display:inline-block;width: 77px; height: 77px; position: relative;margin:5px 7px;}
a.ProgresLinkDonutBox {display:inline-block;width: 77px; height: 77px; position: relative;margin:5px 7px;}
a.ProgresLinkDonutBox .ProgresDonutDescTitle {color:#000;}
.progressLoadDesc {font-size:14px;margin-top:6px;}

.LevelValignMiddle {display:table;min-height:77px;}
.LevelValignMiddleBox {display:table-cell;vertical-align:middle;}

/*div popup*/
.PopUpBox {
display:none;
  position:absolute;
  left:50%;
  margin-left:-300px;
  top:50%;
  margin-top:-200px;
  z-index:10005;
}

.PopUpBoxFix {
    display: none;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    top: 30%;
    z-index: 10000000; 
}
.PopUpBoxFixModal {
    display: none;
    position: fixed;
    /*left: 50%;
    margin-left: -300px;*/
    top: 30%;
    z-index: 10000000; 
/* Firefox */
left: -moz-calc(50% - 300px);
/* WebKit */
left: -webkit-calc(50% - 300px);
/* Opera */
left: -o-calc(50% - 300px);
/* Standard */
left: calc(50% - 300px);
}


.PopUpBoxFixTop60, .PopUpBoxTop60 {top:60px!important;}
.PopUpBoxTop60 {margin-top:0px;}
.PopUpBoxTop78 {top:78px!important; margin-top:0px;}

.PopUpBoxFixBg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1112;
    left: 0px;
    top: 0px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background-color: #c0c0c0;
}

.PopUpBoxContentBg {
    position: absolute;
	padding:20px;
    left: 0px;
    top: 0px;
    width: 600px;
    min-height: 400px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    -webkit-box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    font-size: 20px;
}
.PopUpPadding5{padding:5px!important;}
.PopUpBoxSmallContentBg {
    position: absolute;
	padding:20px;
    left: 0px;
    top: 0px;
    width: 600px;
    min-height: 200px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    -webkit-box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    font-size: 20px;
}

.PopUpBoxMenuTop {width:100%;}
.PopUpBoxMenuTop a{font-size:13px;}
.PopUpBoxMenuGroupTop {position:absolute;top:20px;left:20px;}
.PopUpBoxMenuGroupTop a{font-size:13px;}
.PopUpBoxMenuGo {position:relative;}
.PopUpBoxMenuGo a{font-size:13px;}
.PopUpBoxTitle {width:100%;font-size:20px;text-align:center;padding-bottom:20px;color:#333333;margin-left:auto;margin-right:auto;}
/*.PopUpBoxFixModal .PopUpBoxTitle {margin-top:18px;}*/
.popupModalDraggableHandle{font-size: 16px; color: #333; position: relative; width: 100%; height: 20px; cursor: move; display:block; margin-bottom:8px;}
.PopUpBoxTop   {position:absolute; top:0; z-index:1; width:100%;font-size:20px;text-align:center;color:#333333;}
.PopUpBoxTitleClose {text-align: right; margin-right: 15px; margin-top: 5px;}
.PopUpBoxTitleClose a {color:#999999;}
.PopUpBoxTitle span {font-size:13px;color:#999999;}
.PopUpBoxTitleWithBorder {width:100%;font-size:20px;text-align:left;margin-bottom:20px;padding-bottom:23px;border-bottom:1px solid #f0f0f0;}
.PopUpBoxSubTitle {width:100%;font-size:13px;text-align:center;margin-bottom:20px;color:#333333;}
.PopUpBoxSubTitle span {font-size:13px;color:#999999;background:#f2f2f2;}
.PopUpBoxContent {width:100%;min-height:243px;}
.PopUpBoxSmallContent {width:100%;min-height:50px;max-height:190px;}
.PopUpBoxBtnDown {clear:both;width:100%;border-top:1px solid #e4e4e4;padding-top:10px;}
.PopUpBoxBtnDownLink {width:100%;border-top:1px solid #e4e4e4;padding-top:10px;}
.PopUpBoxBtnSmallDown {width:100%;padding-top:10px;}
.btn-popup-cancel {box-sizing:border-box;padding:8px 20px;background:#ffffff;color:#999999;}
.btn-popup-cancel:hover {background:#5c636d;color:#ffffff;}
.btn-popup-apply {box-sizing:border-box;padding:8px 20px;background:#5c636d;color:#ffffff;margin-left:5px;}
.btn-popup-apply:hover {background:#ea4272;color:#ffffff;}
.btn-popup-apply-sif {box-sizing:border-box;padding:8px 120px;background:#5c636d;color:#ffffff;margin-left:5px;}
.btn-popup-apply-sif:hover {background:#ea4272;color:#ffffff;}
.btn-popup-link {padding:8px 20px;background:#ffffff;color:#0099ff;}
.btn-popup-link:hover {background:#5c636d;color:#ffffff;}
.PopUpCloseX {position:absolute;z-index:2;top:0px;right:0;font-size:18px;width:47px;height:47px;cursor:pointer;text-align:center;padding-top:12px;color:#333;}

.btn-subscribe {box-sizing:border-box;margin: 15px auto 0 auto; displaY: table; padding: 10px 80px; float: none !important; background: #ea4272; color: #ffffff;}
.btn-subscribe:hover, .btn-subscribe:focus  {background:#5c636d;color:#ffffff;}

/* register box */
.rPopUpBoxTitle {width:100%;font-size:20px;text-align:center;margin-bottom:10px;color:#333333;}
.rPopUpBoxSubTitle {width:100%;margin-top:5px 0 10px 0;font-size:13px;color:#999999;text-align:center;}
.rPopUpBoxSubTitle span {color:#999999;background:#f2f2f2;border-radius:7px;padding:5px;}
.rPopUpBoxContent {width:100%;color:#333;}
.rRegisterBoxForm {width:100%;margin-top:30px;}

.ListItemOfLevels > .col-xs-3{min-width:90px;}
.rRegisterBoxFormTxt {font-size:14px;margin-bottom:5px;color:#000;}
.rRegisterBoxFormTxt a {color:#000;text-decoration:underline;}
.rRegisterBoxFormTxt a:hover {color:#000;text-decoration:none;}
.rRegisterBoxFormChb {font-size:14px;color:#000;}
.rRegisterBoxFormButtonLeft {padding-left:0;padding-right:3px;}
.rRegisterBoxFormButtonRight {padding-left:3px;padding-right:0px;}
.btn-login-form {margin:5px 0;background:#ea4272;color:#ffffff !important;border-radius:7px;text-decoration:none;}
.btn-login-form:hover {background:#3d4956 !important;color:#ffffff !important;text-decoration:none;}
.btn-login-sm-google {margin:5px 0;padding:12px;background:#df4a32;color:#ffffff !important;border-radius:7px;text-decoration:none;font-size:13px;}
.btn-login-sm-google:hover {background:#3d4956;color:#ffffff !important;text-decoration:none;}
.btn-login-sm-fb {margin:5px 0;padding:12px;background:#3b5998;color:#ffffff !important;border-radius:7px;text-decoration:none;font-size:13px;}
.btn-login-sm-fb:hover {background:#3d4956 !important;color:#ffffff !important;text-decoration:none;}
.btn-register {margin:5px 0;background:#666666;color:#ffffff !important;border-radius:7px;text-decoration:none;}
.btn-register:hover {background:#ea4272 !important;color:#ffffff !important;text-decoration:none;}


.VolumeSlider a{outline:none;     background: #ccc !important;}
.JoinElla {
    width: 90%;
    padding: 40px 30px 50px 30px;
    margin: 30px auto;
    color: #fff;
    font-size: 25px;
    text-align: center;
    background: rgba(57,67,76,0.8);
    border-radius: 13px;
    max-width: 546px;
}
.PopUpLongBox
{
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -490px;
	top: 50%;
	margin-top: -200px;
	z-index: 1005;
}
.PopUpLongBoxContentBg {
    position: absolute;
	padding:20px;
    left: 0px;
    color:#333333;
    top: 0px;
    width: 980px;
    min-height: 400px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    -webkit-box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    box-shadow: 0px 0px 30px rgba(102, 102, 102, 0.349019607843137);
    font-size: 20px;
}
.PopUpLongHeader {width:100%;padding:0 0 10px 0;position:relative;}
.PopUpLongHeaderCloseX {font-size:18px;width:27px;height:27px;cursor:pointer;text-align:center;}
.PopUpLongBoxContent {width:100%;height: initial !important;}
.PopUpLongBoxContent .TaskMainSettingWhiteAlphaDown {border-bottom:0px solid #cccccc;border-left:0px solid #cccccc;border-right:0px solid #cccccc;}

.ProgressReadMore {cursor:pointer;}
.PopUpBoxTitleLevel {text-align:left;width:100%;}
.PopUpBoxTitleLevelBox {float:left;width:40px;height:40px;border-radius:20px;border:1px solid #d1d1d1;margin:0 7px 0 0;text-align:center;font-size:14px;padding-top:8px;}
.pubtlbActive {background:#999999;color:#fff;}
.PopUpBoxContentFlagIco {width:100%;margin:10px 0 0 0;min-height:70px;}
.PopUpBoxContentFlagIcoP {float:left;width:70px;height:70px;}
.PopUpBoxContentFlagIcoD {float:left;padding-top:20px;padding-left:15px;}
.PopUpBoxContentTxt {font-size:13px;width:100%;margin:20px 0 0 0;}

.ppcListGameBox {width:100%;margin-top:20px;font-size:13px;float:left;}
.ppcListGameBoxAvatar {width:55px;float:left;}
.ppcListGameBoxProfileDane {float:left;color:#000;}
.ppcListGameBoxProfileDane span{color:#999999;}
.ppcListGameBoxProfileBorder {background:url("/Images/dcpbProfileBorderBg.png") left top no-repeat;clear:both;width:100%;height:1px;}
.ppcListGameBoxProfileXp {width:60px;float:right;text-align:right;color:#999999;}
.ppcListGameBoxProfileBox_AvatarP {position:relative;width:46px;height:46px;/*background:#f2f2f2 url(/Images/DashProfileBg.png);*/display:block;position:relative;background:#fff;border-radius:50%;border:1px solid #d1d1d1;}
.ppcListGameBoxProfileBox_AvatarP img {width:46px;height:46px;}
.ppcListGameBoxProfileBox_AvatarPFrame {width:46px;height:46px;/*background:url(/Images/DashProfileBg.png) 0 0px no-repeat;*/top:0;position:absolute;}


.ValidatorBD {
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    color: #ea4272;
    width: 100%;
    clear: both;
    float: left;
    font-weight: 100;
}
.PopUpBoxSmallTitle {width:100%;font-size:13px;font-weight:600;text-align:center;}
.PopUpBoxSmallTitle small {font-size:13px;font-weight:400;}

.YourScoreExpBox {width:100%;height:137px;}
.YourScoreExpBoxRank {width:137px;height:137px;background:#f2f2f2;display:block;position:relative;border-radius:50%;border:1px solid #e6e6e6;}
.YourScoreExpBoxRank img {width:137px;height:137px;}
.YourScoreExpBoxRankTable {display:table;height:100%;width:100%;}
.YourScoreExpBoxRankDesc {display:table-cell;font-size:21px;vertical-align:middle;text-align:center;}
.YourScoreExpBoxRankDesc span {font-size:13px;}

.grYourScoreExpBox {width:100%;height:165px;}
.grYourScoreExpBoxRank {width:195px;height:165px;background:url('/Images/ikonka-score.svg');display:block;position:relative;}
.grYourScoreExpBoxRank img {width:195px;height:165px;}
.grYourScoreExpBoxRankTable {height:100%;width:100%;}
.grYourScoreExpBoxRankDesc {font-size:21px;text-align:center;}
.grYourScoreExpBoxRankDesc span {font-size:13px;}
.grYourScoreExpBoxRankDescResults {width:100%;font-size:24px;padding-top:45px;}
.grYourScoreExpBoxRankDescResultsXp {margin-top:15px;width:100%;font-size:23px;color:#fff;}


.listFriendsToInvite {float:left;color:#000;padding-top:13px;}
.listFriendsToInviteBtn {float:right;text-align:right;color:#999999;}
.btn-invite-apply {box-sizing:border-box;padding:5px 15px;background:#5c636d;color:#ffffff;margin-left:5px;margin-top:9px;}
.btn-invite-apply:hover {background:#ea4272;color:#ffffff;}
.btn-invite-noactive {background:#979797;color:#ffffff;}
.btn-invite-noactive:hover {background:#979797;color:#ffffff;}

.PopUpBackBtn {box-sizing:border-box;padding:8px 20px;background:#ffffff;color:#999999;}
.PopUpBackBtn:hover {background:#979797;color:#ffffff;}

.popUpArrowPadding {padding-top:90px;}



a.InviteFriendBox {display:block;width:100%;text-align:center;background:#f2f2f2;border:1px solid #e6e6e6;padding-top:60px;min-height:230px}
a.InviteFriendBox:hover {border:1px solid #ea4272;}
.ifbTitleIco {width:100%;font-size:36px;color:#000;}
.ifbDesc {width:100%;color:#000;font-size:13px;margin-top:20px;}
.inviteFriendMailDesc {margin-top: 13px; margin-bottom: 22px; padding-left: 35px;}
.inviteFriendMailDesc span {color:#a374ab;}

.SendInvEmailFormBgLeft {background: url('/Images/inviteFriendBgLeft.svg') no-repeat top left;}
.SendInvEmailFormBgRight {z-index: 1; padding-bottom: 20px; padding-top: 54px; margin-top: -57px; background: url('/Images/inviteFriendBgRight2.svg') no-repeat bottom right;}
.inviteFriendMailInput {z-index: 2; padding-top: 32px; }

.boxRoundExercises {border:1px solid #cacbcd;border-radius:5px;padding:10px;font-weight:400;position:relative;background: rgba(202, 203, 205, 0.3);}
.boxRoundExercises2 {border:1px solid #cacbcd;border-radius:5px;padding:10px;font-weight:400;position:relative;min-height:147px; background: rgba(202, 203, 205, 0.3);}
.boxRoundExercises3  {border-radius:5px;padding:10px; padding-bottom:55px; font-weight:400;position:relative;min-height:147px;}
.boxRoundExercises4  {border-radius:5px;padding:10px; padding-bottom:55px; font-weight:400;position:relative;}
.boxRoundExercisesTitle {width:100%; display: block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.boxRoundExercisesTitle a{font-size:13px;color:#ea4272;}
.boxRoundExercisesTitle_v2 {width:100%; display: block;  display: block; padding-right:43px;}
.boxRoundExercisesTitle_v2 a{font-size:13px;color:#ea4272;}
.boxRoundExercisesSubTitle {width:100%;font-size:15px;margin:5px 0 0 0;min-height:42px; display: block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.boxRoundExercisesSubTitle_v2 {width:100%;font-size:15px;margin:5px 0 0 0;min-height:42px; display: block; padding-right:43px;}
.boxRoundExercisesSubTitleMy {width:100%;font-size:13px;margin:5px 0 0 0;color:#ea4272;}
.boxRoundExercisesDesc {width:100%;font-size:13px;color:#999999;margin:5px 0 0 0; display: block;       overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.boxRoundExercisesPrice {width:100%;font-size:13px;margin:5px 0 0 0;}
.boxRoundExercisesFooter {width:100%; margin-top:10px;}

.boxRoundExercisesBtn {width:100%;margin:10px 0 0 0;}
.boxRoundExercisesBtn2 {width:100%;margin:10px 0 0 0;position:absolute;bottom:10px;}
.boxRoundExercisesBtn3 {width:100%;margin:10px 0 0 0;position:absolute;bottom:10px;}
.boxRoundExercisesDonuts {position:absolute;top:5px;right:5px;width:43px;height:43px;}
.boxRoundExercisesDonutsDesc {position:absolute;z-index:2;top:14px;left:0px;text-align:center;width:43px;}


/*rejestrowanie*/
.TaskRegister {width: 100%;margin-top:50px;margin-bottom:100px;min-height: 500px; position:relative; }
.TaskMainRegister {width: 546px;margin-left:auto;margin-right:auto;background: rgba(57,67,76,0.8);border-radius:13px;padding:0px 60px 55px 60px;}
.TaskMainHeaderRegisterRight {font-size:34px;color:#fff;text-align:right;padding-top:52px;}
.registerBoxSubTitle {color:#fff;font-size:21px;text-align:center;}


/*logowanie*/
.TaskLogin {width: 100%;margin-bottom:100px;min-height: 500px; position: relative;    z-index: 1000;    display: block;}
.TaskMainLogin {width: 546px;margin-left:auto;margin-right:auto;background: rgba(57,67,76,0.8);border-radius:13px;padding:0px 60px 55px 60px;}
.TaskMainHeaderLogin {clear:both;}
.TaskMainHeaderLoginRight {font-size:36px;color:#fff;text-align:right;padding-top:52px;}
.TrRegisterBoxFormTxt {font-size:14px;margin-bottom:5px;color:#fff;}
.TrRegisterBoxFormTxt a {color:#fff;text-decoration:underline;}
.TrRegisterBoxFormTxt a:hover {color:#fff;text-decoration:none;}

.TaskMain2Exercises {width:100%;}
.TaskMain2ExercisesTitle {width:100%;margin:0 0 10px 0px;font-size:15px;}
.TaskMain2ExercisesContent {width:100%;font-weight:600;}

.TaskMain2BarBox {width:100%;margin:0px;clear:both;}
.TaskMain2BarBoxTitle {font-size:16px;color:#ffffff;padding-top:5px;float:left;width:65px;}
.TaskMain2BarBoxTitle2 {font-size:18px;color:#434241;padding-top:30px;float:left;padding-left:30px;width:100%;clear:both;padding-bottom:15px;}
.TaskMain2BarBoxContent {background:#5c636d;padding:10px 2px 10px 30px;min-height:50px;}
.TaskMain2BarBoxContent2 {background:#5c636d;padding:10px 2px 10px 30px;min-height:50px;}
.input-group .icon-addon .form-control {
    border-radius: 0;
}
.icon-addon {
    position: relative;
    color: #555;
    display: block;
}
.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}
.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}
.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
	text-align:center;
}
.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}
.search-btn {background:url('/Images/SearchIco.png') no-repeat center;border:0;}
.dropdown-checkbox {width:300px;text-align:center;}
.dropdown-checkbox li {display:inline-block;}
.dropdown-checkbox li.dropdown-checkbox-title {width:100%;display:block;text-align:center;margin:5px 0;}

.dropdown-checkbox_l {min-width:300px;text-align:left;}
.dropdown-checkbox_l li {display:inline-block;}
.dropdown-checkbox_l li.dropdown-checkbox-title {width:100%;display:block;text-align:center;margin:5px 0;}



.TaskMain2Tree {width:100%;}
.tree {
    min-height:20px;
}


.tree li {
    list-style-type:none;
    margin:0;
    padding:5px 5px 0 5px;
    position:relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.tree li a {color:#000;padding:7px 15px 7px 0;border-radius:15px;font-size:14px;}
.tree li a:hover {background:#f2f2f2;}

.tree li i{
    margin:0 0 0 26px;
	color:#999999;
}

.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    /*border-left:1px solid #999;*/
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    /*border-top:1px solid #999;*/
    height:20px;
    top:25px;
    width:25px
}
.tree li .ParentTreeTitle {
    display:inline-block;
    text-decoration:none;
	font-size:14px;
	margin:10px 0 5px 0;
}
.tree li .ParentTreeTitle .folder {
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid #b4b4b4;
    border-radius:50%;
    display:inline-block;
    padding:4px 8px;
	width:30px;
	height:30px;
    text-decoration:none;
	background:#f2f2f2;
	color:#000;
	margin:0 10px 0 0;
	font-size:14px;
}
.tree li .ParentTreeTitle a {
    padding:0;
	text-decoration:none;
}
.tree li .ParentTreeTitle a:hover {
    background:transparent;
}
.folderS {
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid #b4b4b4;
    border-radius:50%;
	width:30px;
	height:30px;
    display:inline-block;
    padding:4px 9px;
    text-decoration:none;
	background:#f2f2f2;
	color:#000;
	font-size:14px;
    margin: 10px 10px 5px 0;
	margin-right:10px;
}
.tree li.parent_li> .ParentTreeTitle {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:26px
}
.tree li.parent_li>.ParentTreeTitle:hover, .tree li.parent_li>.ParentTreeTitle:hover+ul li span {
    
}
.TreeArrowUpDown {display: inline-block; margin-right: 5px;width:10px;height:10px;}
.ParentTreeTitleArrowDown {background:url('/Images/TreeArrowDown.png') no-repeat center;}
.ParentTreeTitleArrowUp {background:url('/Images/TreeArrowUp.png') no-repeat center;}

.btn-continue {background:#5c636d;border-color:#5c636d;color:#fff;font-size:14px;padding:4px 11px;}
.btn-continue:hover {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-continue.active.focus, .btn-continue.active:focus, .btn-continue.active:hover, .btn-continue:active.focus, .btn-continue:active:focus, .btn-continue:active:hover, .open > .dropdown-toggle.btn-continue.focus, .open > .dropdown-toggle.btn-continue:focus, .open > .dropdown-toggle.btn-continue:hover {background:#ea4272;border-color:#979797;color:#fff;}
.btn-continue.focus, .btn-continue:focus {background:#979797;border-color:#979797;color:#fff;}


.TaskMain2Header_Link
{
	width: 100%;
	clear:both;
    font-style: normal;
    font-size: 13px;
}


.TaskMain2Header_Desc {width:100%;padding:0 0 0 10px;}
.TaskMain2Header_Desc span {color:#999999;}
.TaskMain2Header_Desc2 {width:100%;margin:10px 0 0 0;padding:0 30px 30px 30px;}
.TaskMain2ExercisesTitle2 {clear:both;width:100%;margin:0 0 10px 0px;color:#999999;}
.TaskMain2ExercisesTitle3 {clear:both;float:left;width:100%;margin:20px 0 10px 0px;color:#999999;}
.boxRoundExercisesSubTitle2 {width:85%;font-size:13px;font-weight:600; display: block;    overflow: hidden;    text-overflow: ellipsis;    /*white-space: nowrap;*/}
.boxRoundExercisesSubTitle2_v2 {width:100%; font-size:13px;font-weight:600; display: block; padding-right:43px;}
.boxRoundExercisesSubTitle3 {width:85%;font-size:13px;margin:5px 0 0 0; display: block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.boxRoundExercisesDescLevel {margin:10px 0 0 0; display: block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.boxRoundExercisesDescLevel span {color:#999999;}
.boxExercisesLevelIco	{overflow:hidden; box-sizing:border-box; padding-left:4px; text-align:right;}
.boxExercisesLevelIco img	{display:inline-block; height:26px; margin:2px 0px 2px 4px;}
.boxRoundExercisesSubTitle4 {width:100%;font-size:14px;font-weight:600;}
.boxRoundBuyDiamondsBigTitle {width:100%;font-size:36px;line-height:42px;margin-bottom:20px;color:#959a9e;}
.boxRoundBuyDiamondsBigTitle img {vertical-align:bottom;}

/*portal*/
.PortalTaskMain {width:100%;  margin:0 auto;   max-width: 980px;background:#ffffff;border:1px solid #cccccc;border-radius:13px;padding:30px;}
.PortalTaskMain2 {width:100%;   margin:0 auto;  max-width: 980px;background:#ffffff;border:1px solid #cccccc;border-radius:13px;}
.PortalMainSelDailHeader {text-align:center;padding:30px;position:relative;width:100%;display:block; background: rgba(255,255,255,0.8);    border-top-left-radius: 13px;border-top-right-radius: 13px;border-top: solid 1px #cccccc;border-left: solid 1px #cccccc;    border-right: solid 1px #cccccc;}
.PortalMainHeader {text-align:center;position:relative;}
.PortalMainHeader2 {text-align:center;position:relative;padding:11px 30px 0 30px;}
.PortalMainHeader_Title {width:100%;font-size:20px;}
.PortalMainHeader_Title2 {width:100%;font-size:20px;height:63px;}
.PortalMainHeader_SubTitle {width:100%;font-size:14px;}
.PortalMainContent {width:100%;margin-top:20px;}
.PortalMainContent2 {width:100%;padding:30px 30px 30px 30px;}
.PortalboxRound {border:1px solid #cacbcd;border-radius:5px;padding:17px;font-weight:400;position:relative;min-height:147px;}
.PortalboxRoundNew {padding:17px;font-weight:400;position:relative;min-height:147px;}
.btn-link-p-clean  {background:transparent;border-color:none;color:#4799fd;font-size:14px;padding:8px 20px;}
/*.btn-link-p-clean:hover {background:#ea4272;color:#fff;}*/
.btn-link-p-clean:hover {color:#000;}
.btn-link-p-clean .active.focus, .btn-link-p-clean .active:focus, .btn-link-p-clean .active:hover, .btn-link-p-clean:active.focus, .btn-link-p-clean:active:focus, .btn-link-p-clean:active:hover, .open > .dropdown-toggle.btn-link-p-clean.focus, .open > .dropdown-toggle.btn-link-p-clean:focus, .open > .dropdown-toggle.btn-link-p-clean:hover {background:#979797;border-color:#979797;color:#fff;}
.btn-link-p-clean .focus, .btn-link-clean:focus {background:transparent;border-color:none;color:#4799fd;font-size:13px;padding:4px 11px;}
.btn-link-sc-clean  {background:transparent;color:#fff;border-color:none;font-size:14px;padding:0px 0px;text-decoration:underline;}
.btn-link-sc-clean:hover {background:transparent;color:#fff;text-decoration:none;}
.btn-link-sc-clean .active.focus, .btn-link-sc-clean .active:focus, .btn-link-sc-clean .active:hover, .btn-link-sc-clean:active.focus, .btn-link-sc-clean:active:focus, .btn-link-sc-clean:active:hover, .open > .dropdown-toggle.btn-link-sc-clean.focus, .open > .dropdown-toggle.btn-link-sc-clean:focus, .open > .dropdown-toggle.btn-link-sc-clean:hover {background:#979797;border-color:#979797;color:#fff;}
.btn-link-sc-clean .focus, .btn-link-clean:focus {background:transparent;border-color:none;color:#4799fd;font-size:13px;padding:4px 11px;}


.btn-p-select {background:#5c636d;border-color:transparent;color:#fff;font-size:14px;padding:8px 30px;}
.btn-p-select:hover {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-p-select.active.focus, .btn-p-select.active:focus, .btn-p-select.active:hover, .btn-p-select:active.focus, .btn-p-select:active:focus, .btn-p-select:active:hover, .open > .dropdown-toggle.btn-p-select.focus, .open > .dropdown-toggle.btn-p-select:focus, .open > .dropdown-toggle.btn-p-select:hover {background:#979797;border-color:#979797;color:#fff;}
.btn-p-select.focus, .btn-p-select:focus {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-p-select-cat {background:#5c636d;border-color:#999999;color:#fff;font-size:14px;padding:8px 30px;}
.btn-p-select-cat:hover {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-p-select-cat.active.focus, .btn-p-select-cat.active:focus, .btn-p-select-cat.active:hover, .btn-p-select-cat:active.focus, .btn-p-select-cat:active:focus, .btn-p-select-cat:active:hover, .open > .dropdown-toggle.btn-p-select-cat.focus, .open > .dropdown-toggle.btn-p-select-cat:focus, .open > .dropdown-toggle.btn-p-select-cat:hover {background:#979797;border-color:#979797;color:#fff;}
.btn-p-select-cat.focus, .btn-p-select-cat:focus {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-p-select-dg {background:#5c636d;border-color:#999999;color:#fff;font-size:14px;padding:8px 100px;}
.btn-p-select-dg:hover {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-p-select-dg.active.focus, .btn-p-select-dg.active:focus, .btn-p-select-dg.active:hover, .btn-p-select-dg:active.focus, .btn-p-select-dg:active:focus, .btn-p-select-dg:active:hover, .open > .dropdown-toggle.btn-p-select-dg.focus, .open > .dropdown-toggle.btn-p-select-dg:focus, .open > .dropdown-toggle.btn-p-select-dg:hover {background:#979797;border-color:#979797;color:#fff;}
.btn-p-select-dg.focus, .btn-p-select-dg:focus {background:#ea4272;border-color:#ea4272;color:#fff;}
.btn-p-select-dg[disabled].hover, .btn-p-select-dg[disabled]:hover {    background: #5c636d;    border-color: #999999;    color: #fff;}

.PortalboxRoundFlag {}
.PortalboxRoundFlag img {width:68px;color:#999;}

.PortalboxRoundName {font-size:16px;padding-top:22px;}
.PortalboxRoundNameIco {float:left;margin-right:5px;}
.PortalMainHeader_TitleCenter {margin:0 auto;display:inline-block;}
.PortalMainHeader_TitleCenter img {margin-right:15px;}
.pmcYlBox {padding:20px;text-align:center;}
.pmcYlBoxTitle {width:100%;min-height:50px;font-weight:600;}
.pmcYlBoxPhoto {width:100%;}
.pmcYlBoxBtn {width:100%;margin-top:50px;}
.PortalBtnBack {position:absolute;top:-20px;left:-20px;}
.PortalBtnBack2 {position:absolute;top:30px;left:30px;}
.psylBox {color:#fff;padding-top:20px;padding-bottom:20px;}
.psylBorder {border-right:1px solid #fff;}
.psylDesc {padding-top:25px;}
.psylBtnShowMobile {display:none;margin-top:20px;}
.psylBtnHideMobile {display:block;}

.PortalRBox {float:left;margin:0 5px;}
.PortalRBoxRoundLevelDef {position:relative;border-radius:50%;border:1px solid #f2f2f2;display:table;}
.PortalRBoxRoundLevelDescDef {width:100%;text-align:center;vertical-align:middle;display:table-cell;}
.PortalRBoxRoundLevelDescDef a{color:#000000;}
.PortalRBoxRoundLevelBig {width:53px;height:53px;}
.PortalRBoxRoundLevelBigDesc {font-size:20px;}
.PortalRBoxRoundLevelMedium {width:33px;height:33px;margin-top:10px;}
.PortalRBoxRoundLevelMediumDesc {font-size:13px;}
.PortalRBoxRoundLevelSmall {width:23px;height:23px;margin-top:15px;}
.PortalRBoxRoundLevelSmallDesc {font-size:11px;}
.PortalRBoxRoundLevelActive {padding-bottom:10px;background:url("/Images/ArrowUpStatusActive.png") no-repeat center bottom;}

.PortalContentLine {height:1px;background:#f2f2f2;margin-top:-1px;}
.ListOfLevelTitle {width:100%;font-weight:600;}
.ListOfLevelDesc {width:100%;margin-top:10px;}
.PortalFooterBtn {clear:both;width:100%;padding:10px 25px 10px 0;}
.PortalFooterBtn a{margin:0 5px;}

.PortalLeftWithArrow {float:left;width:2%;padding-top:120px;}
.PortalCenterWithArrow {float:left;width:96%;}
.PortalRightWithArrow {float:left;width:2%;padding-top:120px;}

.DailyRoundLine {margin-top:90px;margin-bottom:40px;text-align:center;}
.DailyRoundLine .radio-inline {padding-left:0px;}
.drlDonutsBox {width:85px;text-align:center;height:110px;margin-left:auto;margin-right:auto;padding-top:20px;position:relative;}
.drlDonuts {position:absolute;width:85px;height:85px;z-index:1;}
.drlDonuts canvas{-ms-transform: rotate(-70deg);-webkit-transform: rotate(-70deg);transform: rotate(-70deg);}
.drlPhotoPos {position:absolute;width:85px;height:67px;z-index:2;top:29px;}
.drlPhoto {width:67px;height:67px;background: rgba(255,255,255,0.8);border-radius:50%;display:table;margin-left:auto;margin-right:auto;}
.drlPhotoCent {vertical-align:middle;display:table-cell;}
.drlPhotoCent img {height:42px;}
.drlDesc {width:100%;margin:7px 0;font-size:13px;color:#fff;}
.drlCheckBox {width:100%;}
.DailyRoundLine .radio-inline input[type=radio] {position:relative;margin-left:0px;margin-top:0px;}
.DailyRoundLine .radio-inline input[type=radio] {position:relative;margin-left:0px;margin-top:0px;width:12px;height:12px;background:transparent;-webkit-appearance: none;border-radius:50%;border:1px solid #ffffff;}
.DailyRoundLine .radio-inline input[type=radio]:focus {background:#000;outline:none;}
.DailyRoundLine .radio-inline input[type=radio]:checked {background:#752681;border:1px solid #ffffff;font-family: 'Glyphicons Halflings';-webkit-font-smoothing: antialiased;}

.activeLabelBoxDonuts .drlDonutsBox {width:100px;height:110px;padding-top:14px;}
.activeLabelBoxDonuts .drlPhotoPos  {width:100px;height:100px;top:23px;}
.activeLabelBoxDonuts .drlPhoto {width:82px;height:82px;}
.activeLabelBoxDonuts .drlPhotoCent img {height:55px;}




.tagsBox {padding-left:0;padding-right:0;padding-top:2px;}
.tagsBoxContent {display:inline-block;color:#fff;padding-right:10px;}
.tagsBoxContent span {display:inline-block;margin:0 5px;background:#f2f2f2;border-radius:40px;padding:5px 15px;font-size:13px;}
.tagsBoxContent {display:inline-block;}
.tagsBoxContent input[type=checkbox], input[type=radio] {margin-top:2px;}

.btn-link-clean  {background:transparent;border-color:none;color:#4799fd;font-size:13px;padding:4px 11px;}
/*.btn-link-clean:hover {background:#ea4272;color:#fff;}*/
.btn-link-clean:hover {color:#000;}
.btn-link-clean .active.focus, .btn-link-clean .active:focus, .btn-link-clean .active:hover, .btn-link-clean:active.focus, .btn-link-clean:active:focus, .btn-link-clean:active:hover, .open > .dropdown-toggle.btn-link-clean.focus, .open > .dropdown-toggle.btn-link-clean:focus, .open > .dropdown-toggle.btn-link-clean:hover {background:#979797;border-color:#979797;color:#fff;}
.btn-link-clean .focus, .btn-link-clean:focus {background:transparent;border-color:none;color:#4799fd;font-size:13px;padding:4px 11px;}

.checkboxMenu {margin:0 10px;}
.checkboxMenu label {font-size:13px;font-weight:400;margin:0 0 0 5px;}
.checkboxMenu_v2 .checkboxMenu {margin:0px;}
.checkboxMenu_v2 {margin:0;}
.checkboxMenu_v2 label {font-size:13px;font-weight:400;padding:0 10px 0 5px;}
.checkboxMenu_v2 input {margin-left:10px;}

.radioButtonL 
.radioButtonL {margin:0;}
.radioButtonL label {font-size:13px;font-weight:400;padding:0 10px 10px 5px;}
.radioButtonL input {margin-left:10px; vertical-align: top;}

.showTopMenuInMobile {display:none !important;}
.hideTopMenuInMobile {display:block !important;}

#dProgressDef {display: none;}
.loadingBG
{position: fixed;
    width: 100%; 
    height: 100%; 
    z-index: 1112; 
    left: 0px; 
    top: 0px; 
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    background-color: #c0c0c0;
}
.loading {
    position: fixed;
    top:50%;
    left:50%;
    margin:-50px 0 0 -100px; /* Half of height and width */
    z-index: 10000000; 
    /*border: solid 1px black; 
    background: #ffffff;*/ 
    padding: 0px;
    width: 80px; 
    font-size:11px;
    text-align:center;
    font-weight:bold;
}
.loadingProgress {background:url('/Images/spin.gif') no-repeat top 4px center;width:100%;height:24px;}

.LevelMainContentBgTop{      border-radius: 13px;  border-bottom-right-radius: 0px;    border-bottom-left-radius: 0px; background: rgba(255, 255, 255, 0.8);       padding: 30px  0 10px 0px;}
.LevelMainContentBgTop>.PopUpBoxTitle span{    font-size: 18px;    color: #4c4c4c;}

.NotificationDiamondShowInfo {display:block;}
.ndsiBtn {width:100%;margin-top:10px;}

.pnlCheckEroor {text-align:center;color:#ea4272;}

.btnGrammarCorner span, .btnVocabulary span {font-family:'FontAwesome Regular', 'FontAwesome';}
.popupGrammarCorner_Buy, .popupVocabulary_Buy { position: fixed; top:80px; margin-top:0px; left: inherit; margin-left: inherit; left: 50%; transform: translateX(-50%);}
.popupGrammarCorner_BuyBTN, .popupGrammarCorner_BuyTxt, .popupVocabulary_BuyBTN, .popupVocabulary_BuyTxt { display:inline-block;}
.popupGrammarCorner_BuyBTN, .popupVocabulary_BuyBTN {text-align:right;}
.popupGrammarCorner_Buy .PopUpBoxContentBg, .popupVocabulary_Buy .PopUpBoxContentBg {background:#FFEB99; min-height:0; border-color:#FFCC00; width:auto; position:relative; font-size:14px; padding:10px;}
.popupGrammarCorner_Buy .PopUpBoxContent, .popupVocabulary_Buy .PopUpBoxContent {min-height:initial; font-weight:normal;}
.popupGrammarCorner_Buy .icoDiamond, .popupVocabulary_Buy .icoDiamond {font-family:'FontAwesome Regular', 'FontAwesome';}
.popupGrammarCorner_BuyBTN .btnClose, .popupGrammarCorner_BuyBTN .btnUndo, .popupVocabulary_BuyBTN .btnClose, .popupVocabulary_BuyBTN .btnUndo {margin-left:10px; font-weight:bold; color:#333333;}
.popupGrammarCorner_BuyBTN .btnClose span, .popupGrammarCorner_BuyBTN .btnUndo span, .popupVocabulary_BuyBTN .btnClose span, .popupVocabulary_BuyBTN .btnUndo span {font-family:'FontAwesome Regular', 'FontAwesome'}
/*.popupGrammarCorner_Buy .PopUpBoxContent{margin-right:20px; width:auto; background:red;}*/
.errorMessage{display:block; width:100%; color:red;}

.chblTags {width:100%;}
.chblTags td {font-size: 13px; width:50%;}
.chblTags label
{
	position: relative;
	display: inline-block;
	padding-left: 6px;
	font-weight: normal;
	vertical-align: middle;
}

.chbUnlocked {	font-weight: normal; margin-top:5px;}
.tagsBoxContent .chbUnlocked {display:inline-block;margin:0 5px;background:none;border-radius:0px;padding:0px;font-size:13px; font-weight:normal; margin:0px;}
.tagsBoxContent .chbUnlocked label
{
	position: relative;
	display: inline-block;
	padding-left: 6px;
	font-weight: normal;
	vertical-align: middle;
    margin-bottom:3px;
}
.tagsBoxContent .chbUnlocked input {margin-top:5px;}
.dDropdownMenuGC {color:#333333;}

.tagsBoxMultipleSeleMain    {width:100%; display:inline-block;}
#dGC_boxChbUnlocked         {display:inline-block;padding-left:1%;}
/*.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {border:0px !important; background:none !important;}*/
/*.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {background:none !important;}*/
.tagsBoxContentMultipleSele {display:inline-block; width:93%;}

.TaskMain2Header_GC {padding: 10px 30px 10px 30px;}
.textLeft   {text-align:left!important;}
.displayNone {display:none;}

.displayBlock {display:block!important;}
.txtColorLight {color:#999999;}
.txtColorDark {color:#333333;}
.btnDark        {color:#fff;background:#999999;}
.btnDark:hover  {color:#fff;background-color: rgba(232, 67, 116, 1);}
.btnDarkSub        {color:#fff;background:#5c636d;width:70%;}
.btnDarkSub:hover  {color:#fff;background-color: rgba(232, 67, 116, 1) !important;}
.btnDarkSub2        {color:#fff;background:#5c636d; width:100%;}
.btnDarkSub2:hover  {color:#fff;background-color: rgba(232, 67, 116, 1) !important;}
.btnLight       {color:#333333;background:#DDDDDD;}
.btnLight:hover {color:#fff;background-color: rgba(232, 67, 116, 1);}
.btnLightSm {    padding: 5px 12px; font-size: 13px;}
.btnLightSmSett {    padding: 7px 15px; font-size: 13px;background:#5c636d;color:#fff;}

.paymentNav {border-right:solid 1px #cccccc; min-height:400px;}

.paymentNav_div {
    display:inline-block;
    width: 35px;
    height: 35px;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 18px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'FontAwesome Regular', 'FontAwesome';
    font-weight: 400;
    font-style: normal;
    text-align:center;
    color:#333333;
}
  
#paymentNavUl   {line-height: 30px;
    min-height: 300px;
    width: 100%;
    margin: 0;
    float: left;
    padding: 10px 0 0 20px;
}

.paymentNav .paymentNav_div span {display:block; margin-top:2px;}
.paymentNav li  {margin-bottom:20px;}
.paymentNav li a{color:#333333; width:100%; display:block}
.paymentNav li a:hover, .paymentNav li a:hover .paymentNav_div {color:#4799ff;}
.paymentNavBg {display:none; -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
width: 15px;
    height: 12px;
    position:absolute; right:-3px; margin-top:12px; 
    vertical-align:middle;
}
.paymentNav .paymentNavActiv .paymentNavBg {display:inline-block;}



.paymentBox {
    display:block;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding:20px;
}
.paymentControlDesc {margin:0px; padding:0px; margin-bottom:15px; line-height:12px;font-family:'Montserrat Regular', 'Arial';font-size:14px;}
.paymentBoxDesc{font-weight: 400; font-style: italic; font-size: 11px; color: #666666;line-height: 16px;}

.errorMsg{color:red; font-size:12px;}
.confirmMsg{color:#00CC00; font-size:12px;}

.dTagsGCT .select2-container--default .select2-selection--multiple, 
.dTagsGCT .select2-container--default.select2-container--focus .select2-selection--multiple {background:none !important; border: 1px solid #eaeaea;}
.dTagsGC .select2-container--default.select2-container--focus .select2-selection--multiple {background:none !important; border: 1px solid #eaeaea;}


.lineThrough    {text-decoration:line-through}
.btnBottom    {position:absolute; bottom:0; left:0; padding:10px;}
.btn {white-space:inherit!important; border-radius:5px;}

._2tga._49ve {width:100px !important;}

.tabsContent {padding:10px;}
.tcTitle {font-weight:bold;width:100%;}
.tcRow {display:block;clear:both;margin-top:20px;width:100%;}
.tcRowS {display:block;clear:both;margin-top:10px;width:100%;}
.tcBtnRow {display:block;clear:both;margin-top:5px;width:100%;}

.LevelingTestMainContentBg > .PopUpBoxContent {
    padding: 0 19%;
    background: rgba(92, 99, 109, 0.6);
        min-height:230px;
}
.LevelingTestMainContentBg > .PopUpBoxContentOne {
    padding: 0 36%;
    background: rgba(92, 99, 109, 0.6);
    min-height: 230px;
}

.tcRowTitle {color:#999999;font-size:13px;width:100%;}
.tcRowTitleW {color:#fff;font-size:13px;width:100%;}
.tcRowSubTitle span.sub {color:#999999;font-size:13px;}
.tcRowDesc {font-size:16px;width:100%;     display: block;    overflow: hidden;    text-overflow: ellipsis;}
.tcRowDesc2 {font-size:16px;width:100%;     display: block;    }
.tcRowDescW {font-size:16px;width:100%;color:#fff;}
.tcRowSubDesc {font-size:13px;width:100%;}
.PictureTable td {padding:10px 20px 10px 0;}
.PictureTable td label {padding-left:5px;}
.settingPopUpInputBox {width:70%;margin-left:auto;margin-right:auto;}
.settingSmallPopUpInputBox {width:40%;margin-left:auto;margin-right:auto;}

.widthAuto {width:auto !important; min-width:inherit !important;}
.heightAuto {height:auto !important; min-height:inherit !important; max-height:none;}
#carousel-UserNotification .carousel-indicators li {border: 1px solid #999999; margin-left: 4px; margin-right: 4px;}
#carousel-UserNotification .carousel-indicators .active {background:#999999;}
#carousel-UserNotification .carousel-indicators {bottom: -10px;}
#carousel-UserNotification .carousel-control {width:20px; padding-top:20px;}
#carousel-UserNotification .carousel-control .glyphicon-chevron-left,
#carousel-UserNotification .carousel-control .glyphicon-chevron-right, 
#carousel-UserNotification .carousel-control .icon-next, 
#carousel-UserNotification .carousel-control .icon-prev {width: 20px; height: 30px;}
#carousel-UserNotification .carousel-control .icon-prev:before, #carousel-UserNotification .carousel-control .icon-next:before { content:none;}
#carousel-UserNotification .carousel-control.left, #carousel-UserNotification .carousel-control.right {background:none;}
#carousel-UserNotification .carousel-control {color:#999999; text-shadow:none; opacity:inherit;}
#carousel-UserNotification .carousel-control:hover {color:#000;}
#carousel-UserNotification .itemBoxCont{width:100%; padding:0px 30px 40px; text-align:left; }
#carousel-UserNotification .itemBoxTitle{width:100%; text-align:center;     margin-top: 10px;    margin-bottom: -10px; font-size:20px;}
#carousel-UserNotification .itemBoxBod{width:100%;margin-top:10px; }
#carousel-UserNotification .itemBoxDescIco{width:100%;margin-top:30px; text-align:center;}
#carousel-UserNotification .itemBoxDescIcoAvatar img {width: 106px; height: 106px;}
#carousel-UserNotification .itemBoxDesc{width:100%;margin-top:20px; color:#999999; text-align:center;}


.dRound108Box {display:block;margin:0 auto;color:#000 !important;}
.dRound108BgBox {width:108px;height:108px;background: url(/Images/icoCircle108.png);display:block;margin:0 auto;position:relative;}
.dRound108BgBox_v2 {
    display: table;
    width: 108px;
    height: 108px;
    background: url(/Images/dMiniBgBoxFrame3.svg) center center no-repeat;
    margin: 0 auto;
    position: relative;
    background-size: cover;
}
.dRound108BorderBox_v2 {    display: table;
    width: 108px;
    height: 108px;border: solid 4px #95999F; border-radius: 108px;}

.dRound108DescBoxTable {display:table;height:100%;width:100%;}
.dRound108DescBox {display:table-cell;font-size:20px;vertical-align:middle;}
.dRound108TxtBox {width:100%;text-align:center;font-size:11px;margin:5px 0 0px 0;}
.UserNotificationClose {cursor:pointer; display: inline-block; padding: 0 10px;}

.formValidCheck {font-size:13px;color:#ea4272;width:100%;clear:both;float:left;}
.formValidCheckError {font-size:13px;color:#ea4272;}

.puUserBadgeLevel {clear:both;display:block;width:100%;padding:10px;}
.puUserBadgeLevelTitle {clear:both;display:block;width:70%;text-align:center;padding-top:5px;padding-bottom:20px;margin-left:auto;margin-right:auto;}

.zrNewIcon {float:left;border:1px solid #999999;border-radius:50%;text-align:center;width:34px;height:34px;font-size:18px;color:#333333;line-height:32px;}
.zrNewDesc {margin-left:10px;float:left;}
.zrNewDiamond {margin-left:10px;margin-top:15px;float:left;}
.zrNewDiamond .btn-grey {float:left;padding:3px 7px 2px 7px;border-radius:3px;}

.overflowAuto   {overflow:auto;}
.PopUpBoxConetentInviteFriendsFB    {max-height: 290px; width: 100%;}


.boxFriendsFB     {border:0px;  padding:0px; font-weight:400; position:relative; margin-left:40px; margin-right:30px; min-width:50px; min-height:50px;}
.boxFriendsFBImg  {display:inline-block; min-width:50px; min-height:50px; }
.boxFriendsFBDesc {display:inline-block; font-weight: 400; font-style: normal; font-size: 13px; line-height: 20px; margin-left:10px;}

.boxFriendsFBBorder {background:url("/Images/dcpbProfileBorderBg.png") left top no-repeat;clear:both;width:100%;height:1px;}
.boxFriendsFBBtn {display:inline-block; float:right; right:0; margin:10px 0 0 0;}

.settingSubscriptionTopCurse {display:block; width:100%; background:#F2F2F2; padding:10px 0 0; margin:0 0 10px; border:solid 1px #cccccc; border-left:0px; border-right:0px;}
.settingMyProfileTop {display:block; width:100%;     padding-left: 34px; border-left:0px; border-right:0px;}
.settingMyProfileDown {display:block; background: rgba(25,43,51,0.8); border-left:0px; border-right:0px;margin-left:-1px;margin-right:-1px;}
.settingMyProfileDelete {display:block; width:100%; border-left:0px; border-right:0px;margin-bottom:20px;}
.settingMyAccountCenter {border-right:1px solid #c3c5c4;min-height:141px;}
.btnPopUpChangeTheme {cursor:pointer;}
.ThemeListBox {display:inline-block; margin:8px 3px 8px 3px; border:2px solid #fff;}
.ThemeListBox img {width:100%;cursor:pointer;border:1px solid #b9bcc1;}
.ThemeListBoxSelect {margin:8px 3px 8px 3px!important; border:2px solid #ea4272 !important;}
.ThemeListBoxSelect img {border:1px solid #ea4272 !important;}

.settingSubIcon {margin-left:auto;margin-right:auto;margin-top:25px;padding-top:19px;width:85px;height:85px;text-align:center;border-radius:50%;background: rgba(255,255,255,0.3);}
.settingSubIcon img {width:50px;}
.input-setting-lg {
    height: 36px;
    padding: 7px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.TrRegisterBoxFormTxt2{float: left;
    margin-top: 15px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;}

.SubscriptionContinueMainContentBg{   }
.SubscriptionContinueMainContentBgTop{      border-radius: 13px;  border-bottom-right-radius: 0px;    border-bottom-left-radius: 0px; background: rgba(255, 255, 255, 0.8);       padding: 30px  0 0 0px;}
.SubscriptionContinueMainContentBgBottom{   border-radius: 13px;    border-top-right-radius: 0px;    border-top-left-radius: 0px;  background: rgba(255, 255, 255, 0.8);       padding: 0 0 30px 0px;}
.SubscriptionContinueMainContentBg>.PopUpBoxContent{  padding:0 60px; background: rgba(92, 99, 109, 0.6);}
.SubscriptionContinueMainContentBgBottom>.PopUpBoxBtnDown{border-top: none;}
.SubscriptionContinueMainContentBgTop>.PopUpBoxTitle span{    font-size: 18px;    color: #4c4c4c;}
.SubscriptionContinueMainContentBg .PopUpBoxTitle2 {    padding-bottom: 10px; padding-top: 15px;    font-size: 15px;    text-align: center;    color: #fff;}
.SubscriptionContinueElement1 {    background: url(/Images/ella-subscribe-to-continue-1.svg) 3px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;        background-size: contain;  width: 100px;    height: 85px;    margin: 0 auto;}
.SubscriptionContinueElement2 {    background: url(/Images/ella-subscribe-to-continue-2.svg) 3px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;        background-size: contain;   width: 100px;    height: 85px;    margin: 0 auto;}
.SubscriptionContinueElement3 {    background: url(/Images/ella-subscribe-to-continue-3.svg) 3px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;        background-size: contain;   width: 100px;    height: 85px;    margin: 0 auto;}
.SubscriptionContinueElement4 {    background: url(/Images/ella-subscribe-to-continue-4.svg) 3px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;        background-size: contain;   width: 100px;    height: 85px;    margin: 0 auto;} 
   .SubscriptionContinueElement1:hover,.SubscriptionContinueElement2:hover,.SubscriptionContinueElement3:hover,.SubscriptionContinueElement4:hover {
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        width:105px;
            margin-bottom: -5px;
        height: 90px;
    }
.LevelMainContentBg > .PopUpBoxContent {
    background: rgba(92, 99, 109, 0.6);
}
.RegisterMailUsed{font-size:20px;}
.SubscriptionElement{width: 190px;    float: left;    margin-top: 10px;    margin-left: 1%;    margin-right: 1%;    margin-bottom: 15px;}
.LevelElement{width: 102px;  height:380px;  float: left;    }
.LevelStart{  background: url(/Images/element-start.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;        background-size: contain;   width: 45px;    height: 85px;  float:right; margin-top: 150px;}
.Level1,.Level3,.Level5{ background: url(/Images/element-down.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;        background-size: contain;   width: 102px;    height: 85px;  float:right; margin-top: 150px;}
.Level2,.Level4,.Level6{ background: url(/Images/element-up.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;        background-size: contain;   width: 102px;    height: 85px;  float:right; margin-top: 0px;}
.LevelStop{ background: url(/Images/element-end.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;        background-size: contain;   width: 60px;    height: 85px;  float:left; margin-top: 150px;}
.Level1Block{    background-size: contain;   width: 85px;    height: 85px;  display: table;   margin: 0 auto; margin-top: 0px;}
.Level2Block{    background-size: contain;   width: 85px;    height: 85px;   display: table;   margin: 0 auto; margin-top: 65px;}
.Level3Block{      background-size: contain;   width: 85px;    height: 85px;   display: table;   margin: 0 auto; margin-top: 0px;}
.Level4Block{     background-size: contain;   width: 85px;    height: 85px;    display: table;  margin: 0 auto; margin-top: 65px;}
.Level5Block{     background-size: contain;   width: 85px;    height: 85px;    display: table;  margin: 0 auto; margin-top: 0px;}
.Level6Block{    background-size: contain;   width: 85px;    height: 85px;    display: table;  margin: 0 auto; margin-top: 65px;}
.Level1Hover{     background-size: contain;   width: 85px;    height: 85px;  display: table;   margin: 0 auto; margin-top: 150px;}
.Level2Hover{    background-size: contain;   width: 85px;    height: 85px;   display: table;   margin: 0 auto; margin-top: 150px;}
.Level3Hover{      background-size: contain;   width: 85px;    height: 85px;   display: table;   margin: 0 auto; margin-top: 150px;}
.Level4Hover{     background-size: contain;   width: 85px;    height: 85px;    display: table;  margin: 0 auto; margin-top: 150px;}
.Level5Hover{    background-size: contain;   width: 85px;    height: 85px;    display: table;  margin: 0 auto; margin-top: 150px;}
.Level6Hover{    background-size: contain;   width: 85px;    height: 85px;    display: table;  margin: 0 auto; margin-top: 150px;}
.ELevel:hover{cursor:pointer;}
.A1, .PLA1 {background: url(/Images/ella-ikony-leveling-test-a1.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;    transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);     }
.A2, .PLA2 {background: url(/Images/ella-ikony-leveling-test-a2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;    transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);   }
.A2plus{background: url(/Images/ella-ikony-leveling-test-a2plus.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;  transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);    }
.B1{background: url(/Images/ella-ikony-leveling-test-b1.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;   transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);     }
.B2{background: url(/Images/ella-ikony-leveling-test-b2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;   transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);     }
.C1{background: url(/Images/ella-ikony-leveling-test-c1.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;    transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);    }
.A1H, .PLA1H {background: url(/Images/ella-ikony-leveling-test-a1_v2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;    transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);     }
.A2H, .PLA2H {background: url(/Images/ella-ikony-leveling-test-a2_v2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;    transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);    }
.A2plusH{background: url(/Images/ella-ikony-leveling-test-a2plus_v2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;  transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);    }
.B1H{background: url(/Images/ella-ikony-leveling-test-b1_v2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;   transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);     }
.B2H{background: url(/Images/ella-ikony-leveling-test-b2_v2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;   transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);     }
.C1H{background: url(/Images/ella-ikony-leveling-test-c1_v2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;    transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);    }

.C2{background: url(/Images/ella-ikony-leveling-test-c2.svg) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;    transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);    }
.C2H{background: url(/Images/ella-ikony-leveling-test-c2_v2.svg?v=2) 0px 0px no-repeat;  -webkit-background-size: contain;        -moz-background-size: contain;        -o-background-size: contain;    transform:rotate(6deg); -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg);    }
	

.ELevel .Level1Block:hover,.ELevel .Level2Block:hover,.ELevel .Level3Block:hover,.ELevel .Level4Block:hover,.ELevel .Level5Block:hover,.ELevel .Level6Block:hover {  -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;    width: 90px;    height: 90px;    margin-bottom: -5px;}
.LevelFooterBTN{width:initial; display:table; margin:0 auto; }
.ELevelActiv{  width:150px; background: url(/Images/LevelHover.png);}
.LevelMainContentBgBottom .PopUpBoxBtnDown{padding-top: 40px;}
.LevelMainContentBgBottom{   border-radius: 13px;    border-top-right-radius: 0px;    border-top-left-radius: 0px;  background: rgba(255, 255, 255, 0.8);       padding: 0 0 30px 0px;}

.btnLevelSelect{   background: #ea4272; padding: 8px 150px;}
.TrRegisterBoxFormTxt2 a{color:#fff;}
.settBuyDiamondsTitleFonts {font-size:24px;color:#fff;padding-top:12px;}
.dropdownLanguage {
    float: right;
    height: 40px;
    font-size: 16px;
    margin-bottom: -10px;
}
.boxLoginDdlLanguage {margin-bottom:0px; margin-top:4px;}

.dropdownLanguage-toggle, .dropdownLanguage-toggle:focus{float: right;     text-decoration: none;    color: #999999;}
.dropdownLanguage-toggle:hover, .dropdownLanguage>.dropdown-menu>li:hover{    color: #ea4272;    /*border-bottom: 4px solid #ea4272;*/}
.dropdownLanguage>.dropdown-menu{    min-width: 50px; background:#fff; -webkit-box-shadow:none; box-shadow:none; border:none;}
.dropdownLanguage>.dropdown-menu>li{color: #999999; display: block; cursor:pointer;   padding: 3px 8px;    clear: both;    font-weight: 400;    line-height: 1.42857143;    white-space: nowrap;}
.dropdown.dropdownLanguage.open>.dropdownLanguage-toggle{ color: #ea4272;  text-decoration: none;  /*border-bottom: 4px solid #ea4272;*/}
.lngFirstArrow {    background: transparent url(/Images/arrow_down.svg) right no-repeat !important;    padding: 8px 21px 8px 6px !important;}
.dropdown.dropdownLanguage.open>.lngFirstArrow {    background: url(/Images/arrow_up.svg) right no-repeat !important;    transition: all ease-out 0.2s;}

.arrowUpActive27_14 {padding-bottom:20px; margin-bottom:-1px; background:url("/Images/arrowUp2.svg") no-repeat center bottom;}
.cursorPointer {cursor:pointer;}
#subscription .panel-body {padding-left:0px!important; padding-right:0px!important;}

.progresBarBlock {position:absolute;z-index:3;text-align:right;top:3px;}
.UnitBuyDiamond {margin-top:5px;float:left;font-size:13px;color:#fff;padding:3px 7px 2px 7px;background:#5c636d;border-radius:3px;}
.UnitBlockDesc {font-size:12px;color:#999999; margin-bottom:5px;}
.zoneUnitCenter {position:relative;width:50%;}

.menu-top-format {background:transparent;padding:0px;}

.StatusCategory
{
	display:inline-block;
	height: 50px;
	float:left;
	padding-top:7px;
	margin-right:5px;
}
.StatusCategory img
{
	height: 38px;
	width:38px;
	/*border:2px solid #b8b8b8;*/
	/*border-radius:50%;*/
}
.dropdown-menu-category-top {min-width:200px;}
.dropdown-menu-category-top li a {padding-top:10px;padding-bottom:5px;}
.categoryTopImg {float:left;width:25px;margin-right:5px;}
.categoryTopImg img {width:25px;height:25px;}
.categoryTopDesc {float:left; text-align:left;}
.categoryTopDescT {width:100%;font-size:13px;}
.categoryTopDescL {width:100%;font-size:11px;color:#999999;}

.PopUpYourCourses .categoryTopImg {float:left;width:40px;margin-right:5px;}
.PopUpYourCourses .categoryTopImg img {width:35px;height:35px; margin-top:5px;}
.PopUpYourCourses .categoryTopDescT {width:100%;font-size:20px;}
.PopUpYourCourses .categoryTopDescL {width:100%;font-size:15px;color:#999999;}

.boxRoundSM {display:inline-block; padding:0 10px; }
.btnCloseSettings {color:#333333;}

.ChallangeOnTheWeek {font-size:11px;}
.ChallangeOnTheWeek > span.clr1 {color:#5d5d5d;}
.ChallangeOnTheWeek > span.clr2 {color:#ea4272;}
.ChallangeOnTheWeek > span.clr3 {color:#0094b1;}

.hideTopStatusMobile {display:inline-block;}
.container-fluid {padding-right:0px;padding-left:0px;}

.settingSubscrBoxCategory {margin-top:9px; }
.settSubscrCateFlagBox {position:relative;}
.settSubscrCateFlag {position:absolute;z-index:1;width:86%;text-align:left;}
.settSubscrCateFlag img {height:105px;}
.settSubscrCateFlagToRight {text-align:right !important;}
.settSubscrCateIco {position:absolute;left:10px;top:12px;z-index:2;}
.settSubscrCateIco img {width:46px;border:2px solid #fff;border-radius:50%;height:46px !important;}
.settSubscrCateIcoToRight {position:absolute;left:initial;top:12px;z-index:2;right:80px;}

.groupBoxList {border:1px solid #e4e4e4;border-radius:5px;width:100%;min-height:230px;text-align:center;}
.groupBoxListPhoto {width:100%;height:100px;margin-top:25px;margin-bottom:15px;}
.groupBoxListPhoto img{width:100px;height:100px;}
.groupBoxListName {width:100%;font-weight:600;min-height:36px;}
.groupBoxListMembers {width:100%;color:#999;}
.groupBoxListRank {width:100%;color:#999;margin-top:10px;font-size:11px;}
.groupBoxCreateBtn {float:right;text-align:right;color:#999999;padding-top:5px;}
.groupBoxCreateBox {width:98%;margin-top:20px;font-size:13px;float:left;}
.groupBoxCreateBoxDesc {float:left;color:#000;padding-top:15px;}

.loginMobile {display:none;}
.loginDesktop {display:block;}

.btnPopUpGroupsUserGroupDetail {cursor:pointer;}
.settingSubscriptionBoxCurseCon {text-align:center;margin-top:30px;}
.boxCurseConActive {color:#ffffff;     border-right: 1px solid #8e9598;}
.boxCurseConNoActive {color:#fff;opacity:0.5;    border-right: 1px solid #8e9598; }

.popupAvatarBuy { position: fixed; top:80px; margin-top:0px; left: inherit; margin-left: inherit; left: 50%; transform: translateX(-50%);}
.popupAvatarBuyBTN, .popupAvatarBuyTxt { display:inline-block;}
.popupAvatarBuyBTN {text-align:right;}
.popupAvatarBuy .PopUpBoxContentBg {background:#FFEB99; min-height:0; border-color:#FFCC00; width:auto; position:relative; font-size:14px; padding:10px;}
.popupAvatarBuy .PopUpBoxContent {min-height:initial; font-weight:normal; color:#333333;}

.popupThemeBuy { position: fixed; top:80px; margin-top:0px; left: inherit; margin-left: inherit; left: 50%; transform: translateX(-50%);}
.popupThemeBuyBTN, .popupThemeBuyTxt { display:inline-block; min-width: 151px;}
.popupThemeBuyBTN {text-align:right;}
.popupThemeBuy .PopUpBoxContentBg {background:#FFEB99; min-height:0; border-color:#FFCC00; width:auto; position:relative; font-size:14px; padding:10px;}
.popupThemeBuy .PopUpBoxContent {min-height:initial; font-weight:normal; color:#333333;}

.topNotifications {
    display:none;
    background-color: #fa3e3e;
    float: right;
    color: #fff;
    padding: 3px 6px;
    line-height: normal;
    text-align: center;
    margin-top: 10px;
    margin-right: 8px;
    font-size: 11px;
    font-weight: 700;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.topNotificCont {
    color: #1d2129;
    overflow: visible;
    width: 380px;
    z-index: 1;
}
.topNotificCont .PopUpCloseX {width: 30px; height: 20px; padding-top: 4px;}
.dropdownMenuNotifi .topNotificCont .PopUpCloseX {display:none;}

.topNotificContHeader, .topNotificContBoxMain, .topNotificContFooter {display:block; width:100%;}
.topNotificContHeader   {border-bottom: solid 1px #ccc; padding: 8px 10px 6px 10px; font-weight: 600; font-style: normal; font-size: 13px; color: #333333;}
.topNotificContFooter   {border-top: solid 1px #ccc; padding:4px 10px 4px 10px; text-align:center;}
.topNotificContBoxMain     {padding-left:10px; margin-bottom:10px;}
.topNotificContBoxMain > div {max-height: 500px;}

.topNotificBoxMain     {width:100%;margin:10px 0 0 0; padding-right:16px;}
.topNotificBox         {width:100%;margin-top:15px; font-weight: 400; font-style: normal; font-size: 13px;}
.topNotificBoxAvatar   {width:55px;float:left;}
.topNotificBoxAvatarP {position:relative;width:46px;height:46px;background:#fff url(/Images/DashProfileBg.png);display:block;position:relative;}
.topNotificBoxAvatarP img   {width:46px;height:46px;}
.topNotificBoxAvatarPFrame  {width:46px;height:46px;background:url(/Images/DashProfileBg.png) 0 0px no-repeat;top:0;position:absolute;}
.topNotificBoxBadgesIcon {float:left;margin-left:auto;margin-right:auto;color:#000 !important;width:46px;}
.topNotificBoxBadgesIconBg {display:table;width:46px;height:46px;background:url(/Images/dMiniBgBoxFrame3.svg) center center no-repeat;margin:0 auto;position:relative; background-size:cover;}
.topNotificBoxBadgesIcon108 {margin-left:auto;margin-right:auto;color:#000 !important;width:108px;}
.topNotificBoxBadgesIcon108Bg {display:table;width:108px;height:108px;background:url(/Images/dMiniBgBoxFrame3.svg) center center no-repeat;margin:0 auto;position:relative; background-size:cover;}
.topNotificBoxBadgesDonut {position: absolute; z-index: 3;} 
.topNotificBoxBadgesBoxImg {width:100%;text-align:center;display:table-cell;vertical-align:middle;} 
.topNotificBoxBadgesBoxImg img  {width:78%;}

.topNotificBoxDia           {display:table;height:100%;width:100%;}
.topNotificBoxDiaTxt        {display:table-cell;font-size:11px;vertical-align:middle; text-align:center;}
.topNotificBoxBorder        {background:url("/Images/dcpbProfileBorderBg.png") left top no-repeat;clear:both;width:100%;height:1px;}
.topNotificBoxRi    {float:right;width:296px;}
.topNotificBoxTitle {float:left;width:200px;}
.topNotificBoxDate {float:right; color: #999999; font-size: 11px; line-height: 18px; width:96px; text-align:right;}
.topNotificBoxTxt {display:inline-block; width:100%; color:#999999; padding-top:6px; margin-bottom:4px;}

.topNotificBoxBtn {display:inline-block; width:100%; padding-top:4px; }
.topNotificBoxBtn .btn {padding: 3px 12px 4px; font-size: 13px;}
.boxBtnNoAvtive   {padding: 3px 12px 4px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #979797;
    color: #ffffff;
}
.boxBtnNoAvtive2   {padding: 3px 12px 4px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background:inherit;
    color: #979797;
}
.PopUpNotificAll {color: #1d2129;}

.PopUpNotificAll .PopUpBoxContent {font-size: 13px; font-weight: 400; line-height: 1.42857143;}
.PopUpNotificAll .topNotificBoxRi {width: 484px;}
.PopUpNotificAll .PopUpBoxTitle {border-bottom: solid 1px #ccc; padding-bottom:6px; margin-bottom: 10px;}

.topNotificBoxBtn .boxBtnNoAvtive, .topNotificBoxBtn .boxBtnNoAvtive2 {display:none;}
.PopUpNotificAll .PopUpBoxContent > div {max-height: 696px;}
/*.PopUpDictionary .PopUpBoxContent > div {max-height: 696px;}*/
.PopUpNotificAll { top: 0%!important; margin-top:60px;}

.divCheckRegisterEmail {float:right;color:#ea4272;font-size:14px;}

.divHelpContent {font-size:14px;}
.helpListA {clear:both;width:100%;}
.helpListA a {font-size:14px;display:block;color:#4799ff;width:100%;padding-top:5px;padding-bottom:5px;padding-left:5px;border-bottom:1px solid #f2f2f2;}
.helpListA a:hover {background:#f2f2f2;}
.helpBoxPhoto {float:left;margin-right:5px;margin-bottom:5px;max-width:150px;max-height:150px;}

.bgWhite    {background:#fff;}

.radiusBox {
    background-color: #DCDDDF;
    box-sizing: border-box;
    border: solid 1px #DCDDDF;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding:4px 6px;
}
.btnLab {font-weight:bold!important; color:#333333; margin-bottom:0px;}
.popupAvatarBuyBTN .radiusBox {margin-left:5px;}
.popupThemeBuyBTN .radiusBox {margin-left:5px;}
.AvatarBuyBtnBuyDiamond {display:none;}
.ThemeBuyBtnBuyDiamond {display:none;}

.paymentMainBox     {padding: 15px 30px 15px 0;}
.paymentBoxCont     {padding-left:30px; padding-top:10px;}
.paymentBoxConDiamo {padding-top:15px; font-size: 20px; line-height: 24px;}

.popupBuyByDiamond { position: fixed; top:80px; margin-top:0px; left: inherit; margin-left: inherit; left: 50%; transform: translateX(-50%);}
.popupBuyByDiamondBTN, .popupBuyByDiamondTxt { display:inline-block;}
.popupBuyByDiamondBTN {text-align:right;}
.popupBuyByDiamond .PopUpBoxContentBg {background:#FFEB99; min-height:0; border-color:#FFCC00; width:auto; position:relative; font-size:14px; padding:10px;}
.popupBuyByDiamond .PopUpBoxContent {min-height:0; font-weight:normal; color:#333333;}
.btnProgressUnitGoNext  {float: left; margin-top: 7px;}

.cBannerChallangeOnTheWeekDeskop {display:block;}
.cBannerChallangeOnTheWeekMobile {display:none;margin-left:auto;margin-right:auto;}

.popUpBraggingFB    {margin-top: 60px;}
.popUpBraggingFB .PopUpBoxContentBg, .popUpBraggingFB .PopUpBoxContent {min-height:inherit;}
.popUpBraggingFB .PopUpBoxBtnSmallDown  {clear:both; min-height:48px;}
.dBoxBraggingFB {display:inline-block; font-size:0;}
.dBraggingFBBoxMain, .dBraggingFBBoxMain_BasMa     {width: 558px; height: 279px; text-align: center; background:url(/Images/BraggingFBBg.jpg) no-repeat ; background-size: 100% 100%;}
.dBraggingFBBoxMain {height:276px}
.dBoxBraggingFB_Load {min-height:276px; display:inline-block; font-size:0;}
.dBraggingFBTop         {width:100%; padding-top:17px; display:block;}
.dBraggingFBTopAvatar       {margin-bottom:3px;}
.dBraggingFBTopAvatar img   {width:80px;height:80px;}
/*.braggingFBTopAvatarBg  {width: 80px; height: 80px; display: block; position: relative; background: #f2f2f2; border-radius: 50%; border: 1px solid #d1d1d1; margin:0 auto;}*/
.braggingFBTopAvatarBg  {width: 80px; height: 80px; display: block; position: relative; background:url(/Images/icoCircle80.png) 0 0px no-repeat; margin:0 auto;}
.dBraggingFBTopRi, .dBraggingFBTopRi_BasMa       {display:block; margin-top:24px; margin-left:10px; text-align:left; font-size:20px;}
.dBraggingFBTopLogin, .dBraggingFBTopLogin_BasMa    {color:#FFFFFF; display:inline-block;}
.dBraggingFBTopSep, .dBraggingFBTopSep_BasMa      {display:inline-block; background: url(/Images/BraggingFBTopSep.png) no-repeat center center; width:12px; height:8px; margin-bottom:3px;}
.dBraggingFBTopTxt, .dBraggingFBTopTxt_BasMa      {color:#b6b9be; display:inline-block;}
.dBraggingFBCon         {width:100%; background: rgba(60, 54, 54, 0.55); padding-top:20px; padding-bottom:36px;}
.dBraggingFBConBox, .dBraggingFBConBox_BasMa      {display:inline-block; padding-left:15px; padding-right:15px; }
.dBraggingFBConBox_BasMa     {display:inline-block; padding-left:15px; padding-right:15px; }
.dBraggingFBConIcoHours, .dBraggingFBConIcoExer, .dBraggingFBConIcoXP, .dBraggingFBConIcoHours_BasMa, .dBraggingFBConIcoExer_BasMa, .dBraggingFBConIcoXP_BasMa       {float:left; height:50px; width:45px;}
.dBraggingFBConIcoHours img, .dBraggingFBConIcoHours_BasMa img {width:45px; margin-top:5px;}
.dBraggingFBConIcoExer img, .dBraggingFBConIcoExer_BasMa img   {width:45px; margin-top:5px;}
.dBraggingFBConIcoXP img, .dBraggingFBConIcoXP_BasMa img       {width:30px; margin-top:10px;}
.dBraggingFBConSep      {float:left; background:#ea4273; width:2px; height:50px;}
.dBraggingFBConDesc     {float:left; color:#d9d9d9; padding-left:8px; border-left:solid 2px #ea4273;}
.dBraggingFBConDescNr   {width:100%;text-align:left;font-size:21px; line-height: 21px;}
.dBraggingFBConDescTxt  {width:100%;text-align:left;margin:5px 0 0 0;font-size:12px; line-height: 14px;}
.dBraggingFBFooter      {width:100%;}
.dBraggingFBFooterLogoBg {display:inline-block; background:rgba(232, 67, 116, 1); width:92px; height:86px; position:relative; margin-top:-20px;}
.dBraggingFBFooterLogo  {background:url(/Images/BraggingFBFooterLogo.png) no-repeat center 10px; width:100%; height:100%;}

.btnPublishFB {display:none;}
.popUpBraggingFBInfo {text-align:center; width:100%;}
.ThemeChangePhoto img {border:1px solid #6c757e;}

/*obszar roboczy settings*/
.TaskMainSetting {width: 100%;}
.TaskMainSettingHeader {width:100%;display:block;margin:0 auto;height:95px;background: rgba(255,255,255,1);border-top-left-radius:13px;border-top-right-radius:13px;}
.TaskMainSettingBlack  {display:block; background: rgba(43,65,74,0.7); border-left:0px; border-right:0px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
.TaskMainSettingWhiteAlpha {background: rgba(255,255,255,0.8);}
.TaskMainSettingWhiteAlphaDown {background: rgba(255,255,255,0.8);border-bottom-left-radius:13px;border-bottom-right-radius:13px;}
.TaskMainSettingWhiteDown {background: #fff;border-bottom-left-radius:13px;border-bottom-right-radius:13px;}
.borderRightSettingSub {border-right:1px solid #8e9598;}

.PopUpChangeTheme {margin-top: 0px; top: 60px!important;}

.dMainMenu              {position: fixed; z-index: 4; width: 100%;}
.dMainMenu .navbar-nav  {color:#ccc; width:auto;}
.dMainMenu .navbar-default {background-color: rgba(51,51,51,0.8); color: white;}
.dMainMenu .navbar      {border:none 0px; border-radius:inherit; min-height:inherit; margin-bottom:auto; position:absolute; width:100%;}
.dMainMenu .TopMenu .navbar-nav {width:auto; border:none 0px; border-radius:inherit; background:none;}
.dMainMenu .TopMenu ul {margin-top:20px;}
.dMainMenu .TopMenu .nav > li > a  {padding:0px; line-height:normal;}
.dMainMenu .TopMenu .navbar-nav > li > a {color:#ccc;}
.dMainMenu .TopMenu .navbar-nav > li > a:hover {color:#fff;}

.dMainMenu .TopMenuSettings .navbar-nav {width:auto; border:none 0px; border-radius:inherit; background:none; margin-right:28px;}
.dMainMenu .TopMenuSettings .navbar-nav > li > a {color:#fff!important;}
.dMainMenu .TopMenuSettings .navbar-nav > .open > a:focus, .dMainMenu .TopMenuSettings .navbar-nav > .open > a:hover {background:none;color:#FFFFFF;}
.dMainMenu .TopMenuSettings .navbar-nav > .active > a, .dMainMenu .TopMenuSettings .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:none; color:#FFFFFF;}
.dMainMenu .TopMenuSettings  .navbar-nav > .open > a, .dMainMenu .TopMenuSettings  .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background:none; color:#FFFFFF;}

.dMainMenu .TopMenuSettings .dropdown-menu  {background:#FFFFFF; margin-top: 20px; color:#1d2129; min-width:180px;}
.dMainMenu .TopMenuSettings .VolumeDiv, .dMainMenu .TopMenuSettings .Volume, .dMainMenu #myNavbarMob .VolumeDiv, .dMainMenu #myNavbarMob .Volume {color:#9d9d9d;}
.dMainMenu .TopMenuSettings .Volume, .dMainMenu #myNavbarMob .Volume {text-align:center;}
.dMainMenu .TopMenuSettings .VolumeDiv .ui-slider-horizontal .ui-slider-handle, .dMainMenu #myNavbarMob .VolumeDiv .ui-slider-horizontal .ui-slider-handle  {top:-3px;}
.dMainMenu .TopMenuSettings .VolumeIconLeft, .dMainMenu #myNavbarMob .VolumeIconLeft    {float: left; margin: 11px 0 0 15px;}
.dMainMenu .TopMenuSettings .VolumeIconRight, .dMainMenu #myNavbarMob .VolumeIconRight     {float: left; margin: 11px 0 0 9px;}
.dMainMenu .TopMenuSettings .VolumeSlider, .dMainMenu #myNavbarMob .VolumeSlider     {width: 108px; float: left; margin: 15px 0 0 6px;}
.dMainMenu .TopMenuSettings .VolumeSlider .ui-widget-content, .dMainMenu #myNavbarMob .VolumeSlider .ui-widget-content  {background:#BDBDBB;}
.dMainMenu .TopMenuSettings .VolumeSlider .ui-widget-header, .dMainMenu #myNavbarMob .VolumeSlider .ui-widget-header  {background:#E84374;    border-bottom-left-radius: 5px;    border-top-left-radius: 5px;}


/*.dMainMenu .TopMenuSettings .VolumeSlider .ui-state-default, .dMainMenu .TopMenuSettings .VolumeSlider .ui-widget-content .ui-state-default, .dMainMenu .TopMenuSettings .VolumeSlider .ui-widget-header .ui-state-default {border:none!important; background:none!important;}*/

.dMainMenu .TopMenuNotifi .navbar-nav {width:auto; border:none 0px; border-radius:inherit; background:none;}
.dMainMenu .TopMenuNotifi ul li   {float:left;margin: 0 7px;}
.dMainMenu .TopMenuNotifi .navbar-nav > li > a, .dMainMenu .TopMenuNotifi a {color:#ccc; text-decoration:none;}
.dMainMenu .TopMenuNotifi .navbar-nav > li > a:hover, .dMainMenu .TopMenuNotifi a:hover {color:#fff; text-decoration:underline;}
.dMainMenu .TopMenuNotifi .navbar-nav > .open > a:focus, .dMainMenu .TopMenuNotifi .navbar-nav > .open > a:hover {background:none; color:#FFFFFF;}
.dMainMenu .TopMenuNotifi .navbar-nav > .active > a, .dMainMenu .TopMenuNotifi .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:none; color:#FFFFFF;}
.dMainMenu .TopMenuNotifi .navbar-nav > .open > a, .dMainMenu .TopMenuNotifi  .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background:none; color:#FFFFFF;}

.dMainMenu .TopMenuNotifi .aTopMenuNotifi {margin:0px; padding:0px;}
.dMainMenu .TopMenuNotifi .TopMenuNotifiIcon {margin:0px; padding:0px; width: 50px; height: 50px; margin-top:-5px; background: url(/Images/Notifications.svg) no-repeat;}
.dMainMenu .TopMenuNotifi .dropdownMenuNotifi {margin-top:15px !important;}
.TopMenuUserPointXp, .TopMenuUserName, .TopMenuUserAvatar {margin-top: 12px; cursor:pointer;}
.TopMenuUserAvatar  {height: 38px; margin-top:2px; border-radius:25px; background:#fff;}
.TopMenuUserName, .TopMenuUserPointXp {margin-right:5px;}
.TopMenuUserAvatar img   {height: 38px; width:38px; border:2px solid #b8b8b8; border-radius:50%;}

.showUserNameDiffLarge {display:block;}
.showUserNameDiffSmall {display:none;}


.dMainMenu .TopMenuNotifi .aTopMenuStatusCategory {margin:0px; padding:0px;}
.TopMenuStatusCategory  {padding-top:3px;}
.TopMenuStatusCategory img  {height: 38px; width:38px;}
.liTopMenuStatusCategory .dropdown-menu {margin-right:-10px; min-width:200px; background: rgba(60, 54, 54, 0.9)!important; border:none;}
.liTopMenuStatusCategory .dropdown-menu .categoryTopDescT {color:#FFFFFF;}

.dMainMenu .TopMenuNotifi .liTopMenuStatusCategory .dropdown-menu > li > a:hover {background-color: rgb(50, 51, 51); color:#FFFFFF;}
.dMainMenu .TopMenuNotifi .liTopMenuStatusCategory .dropdown-menu > li > a  {margin:0px; color:#FFFFFF;}

.dMainMenu .TopMenuNotifi .topNotificContFooter a {color: #4799ff;text-decoration: none;}
.dMainMenu .TopMenuNotifi .topNotificContFooter a:hover  {color: #23527c;text-decoration: none;}

.liTopMenuUserDiamond {margin:0px !important;}
.liTopMenuDictionary {margin:0px !important;}


.dMainMenu .TopMenuNotifi .dropdown-menu, .dMainMenu .TopMenuSettings .dropdown-menu    
    {background:#FFFFFF; margin-top: 20px; color:#1d2129}
.dMainMenu .TopMenuNotifi .dropdown-menu > li > a, .dMainMenu .TopMenuSettings .dropdown-menu > li > a      
    {color:#1d2129; text-align:center; margin: 0 8px; font-weight: 400; font-style: normal; font-size: 13px; padding:5px 20px;}
.dMainMenu .TopMenuNotifi .navbar-nav > li > .dropdown-menu, .dMainMenu .TopMenuSettings .navbar-nav > li > .dropdown-menu 
    {border-radius:10px;}
.dMainMenu .TopMenuNotifi .dropdown-menu > li > a:hover, .dMainMenu .TopMenuSettings .dropdown-menu > li > a:hover 
    {background:#F6F7F9; color:#ea4272;}
.dMainMenu .TopMenuNotifi .dropdown-menu li, .dMainMenu .TopMenuSettings .dropdown-menu li 
    {margin:0px; width:100%;}
.dMainMenu .TopMenuNotifi .dropdown-menu .aDivider, .dMainMenu .TopMenuSettings .dropdown-menu .aDivider 
    {border-top:dotted 1px #e5e5e5;}
/*.dMainMenu .dropdown-menu .dropdown-menuTopArrow { display:block; background: url(/Images/arrowUp.png) no-repeat; background-size: auto; height: 11px; position: absolute; top: -11px; width: 27px; z-index: 2; right: 10px;}*/
.dMainMenu .dropdown-menu .dropdown-menuTopArrow { display:block; background: url(/Images/arrowUp.png) no-repeat;     background: url(/Images/arrowUp2.svg) no-repeat;background-repeat: no-repeat; position: relative; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; height: 11px; position: absolute; top: -10px; width: 27px; z-index: 2; right: 10px;}
.dMainMenu .dropdown-menu .dropdown-menuTopArrowDark { display:block; position: absolute; top: -11px;  z-index: 2; right: 12px;width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 11px solid rgba(60, 54, 54, 0.9)!important;}
.dMainMenu .liTopMenuStatusCategory .dropdown-menu .dropdown-menuTopArrow {top:-12px;}
 .liTopMenuStatusCategory{display: inline;}
#topMenuIconBar {display:none;}
.dMainMenu .navbar-default .navbar-toggle:focus, .dMainMenu .navbar-default .navbar-toggle:hover {background-color:inherit;}

#myNavbarMob    {position:absolute; top:50px;}
#myNavbarMob li a {color: #9d9d9d;}
#myNavbarMob li a:focus, #myNavbarMob li a:hover {color: black;background-color: transparent;}
.dMainMenu  #myNavbarMob .navbar-nav {min-width:180px;}

.PopUpDashGraduateDiamond > .PopUpBoxContentBg {padding:0px; border:none;}
.PopUpDashGraduateDiamond > .PopUpBoxContentBg > .PopUpBoxContent {background: #5c636d;     padding-top: 20px;     min-height: 210px;}
.PopUpDashGraduateDiamond > .PopUpBoxContentBg > .PopUpBoxTitle{padding-top:20px; color:#853d92;}
.PopUpDashGraduateDiamond > .PopUpBoxContentBg > .PopUpBoxBtnDown{    border-top: 0px;}

.PopUpMoreExperiencePoints > .PopUpBoxContentBg {padding:0px; border:none;}
.PopUpMoreExperiencePoints > .PopUpBoxContentBg > .PopUpBoxContent {background: #5c636d;     padding-top: 20px;     min-height: 210px;}
.PopUpMoreExperiencePoints > .PopUpBoxContentBg > .PopUpBoxTitle{padding-top:20px; color:#853d92;}
.PopUpMoreExperiencePoints > .PopUpBoxContentBg > .PopUpBoxBtnDown{    border-top: 0px;}
/*.PopUpMoreExperiencePoints > .PopUpBoxContentBg {padding:0px; border:none;}
.PopUpMoreExperiencePoints > .PopUpBoxContentBg > .PopUpBoxContent {background: #5c636d;}*/
.PopUpMoreDiamond > .PopUpBoxContentBg {padding:0px; border:none;}
.PopUpMoreDiamond > .PopUpBoxContentBg > .PopUpBoxContent {background: #5c636d;}
.PinkMarker{width:13px; height:80px; display:block;     margin-top: -15px; float:left;}

.loginNameDashLong {display:block;}
.loginNameDashShort {display:none;}

.dcpbProfileBorderDiamond{background: url(/Images/dcpbProfileBorderBg.png) 67px 0px no-repeat !important;}
.popUpFbFollow    {margin-top: 60px;}
.popUpFbFollow .PopUpBoxContentBg {min-height:initial;}
.popUpFbFollow .PopUpBoxContent    {min-height:initial;}

.fbFollowUsCodeMain {display:block!important;}
.fbFollowUsCodeSmallWidth {display:none!important;}

/*dictionary pearson*/
.PopUpDictionary .PopUpBoxTitle {padding-right: 50px;}
.PopUpDictionary .PopUpCancel {top:12px; right: 5px;}
.PopUpBoxFixModal .PopUpCancel {height:30px; padding-top:0px; margin-top: 12px; top:20px;}
.PopUpBoxFixModal .PopUpBoxContentBg {padding:0px;}
.PopUpBoxFixModal .PopUpBoxContent {padding-left:20px; padding-right:20px; margin-bottom:16px;}
.PopUpBoxFixModal .PopUpBoxContentTopTitle {padding-left:20px; padding-right:20px;}
/*.PopUpDictionary .PopUpBoxTitle .input-lg   {font-size:initial;}*/
.PopUpDictionary .PopUpBoxContentBg     {min-height:50px;}
.PopUpDictionary .PopUpBoxContent     {min-height:initial;}
.PopUpDictionary .PopUpBoxTitle     {padding-bottom:0px;}
.PopUpBoxContentScrollbar    {margin-top:10px;}

.btnSearchDicWord {padding:7px 0px; font-size: 13px; background: #5c636d; color: #fff; display: block; width: 100%; margin-left:6px;}

#dPopUpDictionary {font-size:13px; color:#333; margin-right:10px;}
.boxDicHead {width:100%; line-height:normal;}
.boxDicHeadLeft {display:inline-block; vertical-align: top; margin-top:4px;}
.hyphenation    {display:inline-block; color: red;font-size: 160%;}
.homnum {display:inline-block; vertical-align: super; font-size: 12pt; color: red; font-weight: bold;}
.pronuncIpa     {display:inline-block; margin-left:5px;}
.pronuncIpaSep  {display:inline-block; margin:0 5px;}
.partOfSpeech   {display:inline-block; margin-left:5px; color: green; font-weight: bold;}
.gramaticalInfo   {display:inline-block; margin-left:5px; color: green; font-weight: bold;}
.gramaticalInfo span    {color:#333333;}
.geography  {font-weight:normal; color: #364395; margin-left:5px;}

.boxDicHeadAudio        {display:inline-block; margin-left:5px;}
.boxDicHead .boxDicHeadAudioPlay    {margin-left:5px;}
.boxDicExa .boxDicHeadAudioPlay    {margin-right:5px;}
.boxDicHeadAudioPlay    {float:left; background: url(/Images/btnPlay.svg) no-repeat; width:35px; height:35px;     background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}

.boxDicSense, .boxDicExa, .boxDicCorpusExa  {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:10px;}
.boxDicSense    {margin-top:10px;}
.boxDicExa    {display:inline-block; padding-left:10px; margin-top:4px;}
.boxDicExaDesc  {display:block; vertical-align: top; margin-top:8px; margin-left: 5px;}
.boxDicSenseDef {display:block; width:100%;}
.boxDicSenseDefSignpost {background-color: #f18500; color:#FFFFFF; font-weight: bold; font-size: 79%; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 5px; letter-spacing: 1px; margin-right:5px;}
.boxDicSenseDefSynonym {display: inline-block; font-weight: bold;}
.boxDicSenseDefSynonym span {background-color: #f1d600; color:#FFFFFF; display: inline-block; font-style: normal; font-weight: bold; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 5px; letter-spacing: 1px; margin:0px 5px;}

.boxDicSenseDefRegisterLabel {color: purple; font-style: italic; margin-right:5px;}
.boxDicSenseDefNum  {float:left; font-weight:bold; min-width:16px;}
.boxDicSenseCont    {overflow:hidden; }
.boxDicSenseDefDesc {}
.boxDicSenseRelatedWords {font-weight: bold; color: blue;}

.boxDicHeadCorpusHeadword   {display:block; width:100%; font-size: 110%; font-weight: bold; color: black; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:8px;}
.boxDicHeadExaCorpus {display: inline-block; border: solid 1px; border-color: #f1d600; background-color: #f1d600; color: #fff; font-weight: normal; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:3px;}
.boxDicCorpusExaDesc {margin-top:6px;}
.boxDicCorpusExaDesc span {margin-right:4px; display:inline-block;}

/* koniec - dictionary*/
.boxSizing {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.PopUpYourCourses .PopUpBoxContentBg     {min-height:50px; background: rgba(60, 54, 54, 0.9)!important; border: 2px solid rgba(60, 54, 54, 0.9) !important; color:#FFFFFF;}
.PopUpYourCourses .PopUpBoxContent     {min-height:initial;}
.PopUpYourCourses .PopUpBoxContentBg .PopUpCloseX, .PopUpYourCourses .PopUpBoxContentBg .PopUpBoxTitle {color:#FFFFFF;}
.PopUpYourCourses .PopUpBoxContent a {color:#FFFFFF;}
.PopUpYourCourses .PopUpBoxContent a:hover {color:#dddddd;}
.PopUpYourCourses .PopUpBoxContent .aUserSelectCategory:hover {background:#333; display:block;}
.PopUpYourCourses .divider  {height: 1px; overflow: hidden; background-color: #e5e5e5; margin:8px 0px;}

.PopUpStatistics .PopUpLongBoxContentBg {min-height:100px}
.PopUpStatistics .PopUpLongBoxContent  {min-height:initial;}
.rowChartStatLegend {margin-top:20px;}
.boxChartStatLegend     {width:100%;}
.boxChartStatLegendCol {display:inline-block; font-size:13px;}
.boxChartStatLegendColML {margin-left:15px;}
.boxChartStatLegendMainSoli    {border-top: solid 2px rgb(108,113,119); width:30px; height:1px; margin-bottom:4px; display: inline-block; vertical-align:middle; margin-right:8px;}
.boxChartStatLegendRedDashed    {border-top: dashed 2px rgb(234,67,116); width:30px; height:1px; margin-bottom:4px; display: inline-block; vertical-align:middle; margin-right:8px;}
.boxChartDdlLastDay {float:right;}
.ddlChartStat   {background:#5c636d; color:#FFFFFF; border-color:#5c636d;} 
.ddlChartStat:focus   {background:#5c636d; color:#FFFFFF; border-color:#5c636d;} 
.PopUpStatisticsHeader  {border-bottom:solid 1px #CFCFCF; margin-bottom:40px;}
.PopUpStatisticsHeader .PopUpBoxTitle   {text-align:left; padding-bottom:10px; padding-left:20px}

.boxRoundExercises2 .boxExercisesC {min-height:84px;}
.FbFeedDescription {max-width:100%;}

.error-activate-code {color:red;font-size:13px;}


.btnPopUpCollection {cursor:pointer;}
.btnPopUpCollection:hover span.clr1, .btnPopUpCollection:hover span.clr2, .btnPopUpCollection:hover span.clr3 {color:#ea4272 !important;}

.collection-box {position:absolute;z-index:2;top:10px;}
.collection-btn {width:100%;cursor:pointer;transition: all ease-out 0.2s;}
.collection-btn:hover {width:110%;cursor:pointer;}
.collection-title-last {padding-bottom:5px;font-size:15px;font-weight:300;}
.collection-animation-box {width:100%;text-align:center;padding-top:15px;min-height:232px;}
.collection-animation-title {width:93% !important;font-size:23px;font-weight:600;}
.collection-animation-desc {font-size:16px;font-weight:400;padding-bottom:13px;text-align:center;}
.collection-animation-progres {margin-bottom:23px;margin-top:19px;}
.collection-animation-progres .postep-pink {width:70%;}

.collection-donate-box-error {padding-top:12px;clear:both;color:#ea4272;font-size:19px;}
.collection-donate-box {padding-top:12px;clear:both;}
.collection-donate-input {float:left !important;text-align:center;max-width:153px;width:100%;}
.collection-donate-btn {float:left !important;margin-left:15px;padding-left:20px;padding-right:20px;}
.Dash_CollectionUserList {width:100%;margin-top:5px;min-height:47px;}
.Dash_CollectionUserList span {color:#999999;}
.Dash_CollectionProfileBox_AvatarPFrame {width:43px;height:43px;top:0;position:absolute;}
.Dash_CollectionProfileBox_LevelStatus {position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;}
.Dash_CollectionProfileBox_LevelStatus img {width:100% !important;height:100% !important;}
.Dash_CollectionProfileBox_AvatarP {position:relative;width:43px;height:43px;display:block;position:relative;background:#fff;border-radius:50%;border:1px solid #d1d1d1;}
.Dash_CollectionProfileBox_AvatarP img {width:43px;height:43px;}

.collection-donate-user {float:left;width:91px;font-size:22px;padding-top:10px;}
.collection-donate-user-pkt {float:left;}
.collection-donate-user-diamond {float:left;font-size:14px;padding-top:5px;padding-left:5px;}
.collection-donate-user-per {float:left;width:50%;font-size:15px;padding-top:5px;padding-left:5px;} 
.collection-donate-user-per span {display:block;padding-top:0px;font-size:13px;} 
.collection-error-max {color:#ea4272;display:none;font-size:12px;padding-left:15px;padding-top:8px;}
.collection-error-max-user {color:#ea4272;display:none;font-size:12px;padding-left:15px;padding-top:8px;}
.border-red {border:1px solid #ea4272;}
.collection-thanks {font-size:17px;padding-top:8px;}
.collection-thanks-top {font-size:17px;padding-bottom:5px;}
.collection-thanks-bottom {color:#ea4272;font-weight:700;}
.collection-close-popup {padding-top: 20px;padding-right:40px;}

.collection-animation-box-mobile {display:none;}

.float-l {
	float:left;
}
.float-r {
	float: right !important;
}

.width100p {width:100%;}

.course-slider {
	width: calc(100% - 70px);
	margin-left: 35px;
}

.course-slider-for {
	margin-top:12px;
}

.course-slider-items:focus {
	/*padding-top: 20px;
	padding-bottom: 40px;*/
	outline: none;
}

.course-slider .slick-current .settingSubscrBoxCategory {
	padding-bottom: 20px;
	margin-bottom: -1px;
	background: url("/Images/arrowUp2.svg") no-repeat center bottom;
}

.slider-selectcourse .course-slider-items {
	color: #fff;
	opacity:1;
}
.slider-settingssubsc .course-slider-items {
	color: #fff;
	opacity: 0.5;
}
.slider-settingssubsc .course-slider-items.slick-current {
	color: #ffffff;
	opacity: 1 !important;
}

.course-slider .slick-disabled {
	display:none !important;
}

/*.course-slider .slick-active.PortalboxRoundNew:nth-child(odd) {
	border-right: 1px solid red;
}*/

/*.course-slider .slick-slide:nth-child(odd) .PortalboxRoundNew {
	border-right: 1px solid red;
}*/

/*.course-slider .slick-active:first-child .PortalboxRoundNew {
	border-right: 1px solid red;
}*/

/*div.slick-active:first-of-type .PortalboxRoundNew {
	border-right: 1px solid red;
}
.first-slick .PortalboxRoundNew {
	border-right: 1px solid red;
}*/

.slick-now .PortalboxRoundNew {
	border-right: 1px solid #8e9598;
}
.slick-now-last .PortalboxRoundNew {
	border-left: 1px solid #8e9598;
}
/*.first-slick .PortalboxRoundNew {
	border-right: 1px solid red;
}

.last-slick .PortalboxRoundNew {
	border-right: 1px solid lime;
}*/


/*New payment panel*/

.con-payment-panel-l {
    font-family: 'Montserrat Light', 'Arial';
/*    margin-bottom: 20px;*/
}
.con-payment-panel-r {
    font-family: 'Montserrat Light', 'Arial';
    font-weight: 600;

}

.con-payment-panel-r.panel-curr {
    background: #FFFFFF;
    border-top-left-radius: 6px;
    min-height:66px;
}

.con-payment-panel-r.panel-subs-cont {
    background: #FFFFFF;
    border-bottom-left-radius: 6px;
    margin-bottom: 20px;
    min-height: 160px;
}

.con-payment-panel-curr {
    background: #f5f5f7;
    border-bottom-left-radius: 4px;
    padding: 4px 6px;
    min-height: 30px;
    line-height: 12px;
    font-size: 14px;
    color: #333333;
}
    .con-payment-panel-curr span.curr-desc {
        font-size: 14px;
        padding-right: 10px;
    }

.con-payment-panel-curr button {
    padding:6px 6px;
    border: none;
    font-size: 14px;
    font-family: 'Montserrat Regular', 'Arial';
}
.con-payment-panel-curr button span {
    font-family: flags-color-world;
    font-size: 16px;
}

    .con-payment-panel-curr .btn-default.active {
        background: #dcdee0 !important;
        border: none;
        box-shadow: none;
    }
.con-payment-panel-curr .btn-default:focus {border:none;}
.con-payment-panel-curr .btn:focus,
.con-payment-panel-curr .btn:active {
    outline: none !important;
    box-shadow: none;
}

.con-payment-panel-l .code-discount-col-8 {
width:72%;
}
.con-payment-panel-l .code-discount-col-4 {
    width: 28%;
}

.con-payment-panel-l .discount-code-info {
    min-height:26px;
    padding-bottom:4px;
    padding-left:8px;
}

.con-subsc {
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}

.con-subsc .input-sub-code {
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.con-payment-panel-l .tabs {
    padding: 0;
    margin-top: 18px;
    /*background: rgba(255,255,255,0.5);*/
    color: #000000;
    float:left;
}

    .con-payment-panel-l .tabs .course-slider-for {
        margin-top:0px!important;
    }


    .con-payment-panel-l .tabs .tie .tieBg {
        min-height: 70px;
        background: url(/Images/arrow-right2.svg) no-repeat left center;
        background-color: rgba(255,255,255,0.5);
        float: left;
    }
    .con-payment-panel-l .tabs .tie {
        width: 100%;
        float: left;
        border-bottom: 1px solid #b2b2b2;
        -webkit-box-shadow: 0 8px 6px -6px #b2b2b2;
        -moz-box-shadow: 0 8px 6px -6px #b2b2b2;
        box-shadow: 0 8px 6px -6px #b2b2b2;

/*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);*/
        
    }

    .con-payment-panel-l .tabs .tie .title {
         float: left;
        width: calc(100% - 45px);
        font-weight: 500;
        margin-left: 35px;
        padding-top: 12px;
        font-size: 16px;
        color:#333333;
    }

    .con-payment-panel-l .tabs .params {
        float: right;
        padding-top: 10px;
        text-align: right;
        font-weight: 500;
        font-size: 12px;
    }

    .con-payment-panel-l .tabs .time,
    .con-payment-panel-l .tabs .diamonds,
    .con-payment-panel-l .tabs .price {
        display: inline-block;
    }

    .con-payment-panel-l .tabs .time {
       /* background: yellow;*/
        min-width: 90px;
        text-align: left;
    }
    .con-payment-panel-l .tabs .time span,
    .con-payment-panel-l .tabs .diamonds span,
    .con-payment-panel-l .tabs .price span{
       display:inline-block;
    }
    .con-payment-panel-l .tabs .time img,
    .con-payment-panel-l .tabs .diamonds img,
    .con-payment-panel-l .tabs .price img{
       display:inline-block;
       vertical-align: top;
    }

    .con-payment-panel-l .tabs .diamonds {
        /*background: grey;*/
        min-width: 65px;
        text-align: left;
    }

    .con-payment-panel-l .tabs .price {
        min-width: 164px;
        background: #f5f5f7;
        /*background: lime;*/
        text-align: left;
        padding: 12px 16px 12px 8px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        color: #318000;
        font-weight: 600;
    }

    .con-payment-panel-l .tabs .price label {
        text-decoration: line-through;
        font-weight:500;
        color: #990000;
        margin-right:4px;
    }

    .con-payment-panel-l .tabs .time img,
    .con-payment-panel-l .tabs .diamonds img,
    .con-payment-panel-l .tabs .price img {
        height: 16px;
        margin-right:6px;
    }



.con-payment-panel-l .tabs .tie.active .tieBg {
    background: url(/Images/arrow-right3.svg) no-repeat left center;
    background-color: #FFFFFF;
}

    .con-payment-panel-l .tabs .tie:last-of-type {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

/*.con-payment-panel-l .tabs .tie.d-none {
    display:block;
}*/
.con-payment-panel-l .tabs .tie.d-none{
    visibility:hidden;
}
.con-payment-panel-l .tabs .tie.active.d-none{
    visibility:visible;
    display:block;
}

.con-payment-panel-r .subs-cont {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 26px;
}

.con-payment-panel-r .subs-cont .subs-title,
.con-payment-panel-r .subs-cont .subs-desc-time,
.con-payment-panel-r .subs-cont .subs-desc-bonus-dia {
    width:100%;
    float:left;
    font-weight: 500;
    color:#333333;
}

.con-payment-panel-r .subs-cont .subs-title {
    font-size: 18px;
    font-weight: 600;
}
.con-payment-panel-r .subs-cont .subs-title .subs-title-lab {
    color: #e84374
}

.con-payment-panel-r .subs-cont .subs-desc-time{
    font-size:12px;
    padding-top:10px;
    box-sizing: border-box;
    padding-left:2px;
}

.con-payment-panel-r .subs-cont .subs-desc-time span {
    display: inline-block;
    font-family: 'Montserrat Light', 'Arial';
}
.con-payment-panel-r .subs-cont .subs-desc-time span b {
    font-family: 'Montserrat Regular', 'Arial';
}

.con-payment-panel-r .subs-cont .subs-desc-time img {
    height: 16px;
    margin-right:6px;
    display: inline-block;
    vertical-align: top;
}

.con-payment-panel-r .subs-cont .subs-desc-bonus-dia{
    font-size:12px;
    padding-top:10px;
}

.con-payment-panel-r .subs-cont .subs-desc-bonus-dia span {
    display: inline-block;
    font-family: 'Montserrat Regular', 'Arial';
    font-weight:600;
}

.con-payment-panel-r .subs-cont .subs-desc-bonus-dia img {
    height: 16px;
    margin-right:6px;
    display: inline-block;
    vertical-align: top;
}

.payment-method-cont-m {
    position: relative;
    margin-top: 30px;
    width: 100%;
    float: left;
}

.payment-method-cont {
    width: 50%;
    float: left;
    color: #333333;
    min-height: 200px;
    font-family: 'Montserrat Regular', 'Arial';
}

.payment-method-cont .method-desc-title,
.payment-method-cont .method-desc,
.payment-method-cont .method-btn{
    width:100%;
    float: left;
    color: #333333;
}

.payment-method-cont .method-desc-title {
    font-size: 18px;
    font-weight: 600;
    color:#e84374;
}
.payment-method-cont .method-desc {
    font-size: 12px;
    font-family: 'Montserrat Light', 'Arial';
    line-height:18px;
    margin-top:8px;
}
.payment-method-cont .method-desc b {
    font-size: 12px;
    font-family: 'Montserrat Regular', 'Arial';
}

.payment-method-cont .method-btn {
    margin-top:12px;
    min-height:20px;
}

.payment-method-cont .method-btn button {
    padding:0px;
    width:80px;
    height:50px;
    margin-top: 12px;
    margin-right: 12px;
    border: solid 1px #cbcbcb;
    font-size: 14px;
    font-family: 'Montserrat Regular', 'Arial';
}

.payment-method-cont .method-btn .btn-default.active {
    background: #dcdee0 !important;
     border: solid 1px #cbcbcb;
    box-shadow: none;
}
.payment-method-cont .method-btn .btn-default:focus {border:none;}
.payment-method-cont .method-btn .btn:focus,
.payment-method-cont .method-btn .btn:active {
    outline: none !important;
    box-shadow: none;
    border: solid 1px #cbcbcb;
}

.payment-method-cont .method-btn img {
    width:80%;
}

.payment-method-cont .method-btn .btn-stripe img{
    width:100%;
}

.payment-method-cont .method-btn .btn-paypal img{
    width:86%;
}

.payment-method-cont .method-btn .btn-paypal img,
.payment-method-cont .method-btn .btn-p24 img,
.payment-method-cont .method-btn .btn-mc img {
    width:90%;
}

/*.method-btn #btn-payment-method-visa {
    background: url(/Images/visa-10.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 80%;
}*/
.payment-method-summ {
    width: 50%;
    float: right;
    color: #333333;
    min-height: 20px;
    font-family: 'Montserrat Regular', 'Arial';
    position: absolute;
    bottom: -6px;
    right: 0px;
}

.payment-method-summ .summary-total {
    width: 250px;
    float:right;
    background:#f5f5f7;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.payment-method-summ .summary-total-original,
.payment-method-summ .summary-total-discount,
.payment-method-summ .summary-total-price {
    width: 100%;
    float:left;
    font-size:12px;
    padding-top:6px;
}

.payment-method-summ .summary-total-original,
.payment-method-summ .summary-total-discount {
    font-family: 'Montserrat Light', 'Arial';
    font-weight:500;
}

.payment-method-summ .summary-total-original{
    padding-top:16px;
}

.payment-method-summ .summary-total-price {
    padding-top:16px;
    padding-bottom:16px;
}

.payment-method-summ .summary-total-price img {
        height: 16px;
        margin-right:6px;
        display:inline-block;
}
.payment-method-summ .summary-total-price span {
    display:inline-block;
     color: #e84374;
 }

.payment-method-summ .summary-total-desc-l{
    float:left;
    width:50%;
    text-align:right;
    padding-right: 12px;
}
.payment-method-summ .summary-total-desc-r {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 26px;
}

.payment-method-summ .summary-total-price .summary-total-desc-r {
    color: #307f00;
}

.payment-method-summ .summary-total-original .summary-total-desc-r {
    text-decoration: line-through;
    font-weight: 500;
    color: #990000;
}


.payment-method-summ .summary-btn-submit {
    width: 100%;
    float: left;
    height: 50px;
    margin-top: 12px;
}

.payment-method-summ .summary-btn-submit .btn {
    float: right;
    height: 50px;
    width: 250px;
    border: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #e84374 !important;
    font-size:14px;
    font-weight:bold;
    color:#FFFFFF;
    font-family: 'Montserrat Regular', 'Arial';
}
.payment-method-summ .summary-btn-submit .btn.active {
    background: #e84374 !important;
    border: none;
    box-shadow: none;
}

.payment-method-summ .summary-btn-submit .btn:focus {
    border: none;
}

.payment-method-summ .summary-btn-submit .btn:focus,
.payment-method-summ .summary-btn-submit .btn:active {
    outline: none !important;
    box-shadow: none;
}

.payment-method-additional-desc {
    margin-top: 20px;
    margin-bottom: 16px;
    width: 100%;
    float: left;
}
.payment-method-additional-desc div {
    float:right;
    width:250px;
    text-align:center;
    font-size:10px;
    padding-left:22px;
    padding-right:22px;
}

.col-sub-sm-4 {
    width: 37%;
    float: left;
}

.col-sub-sm-8 {
    width: 63%;
    float: left;
}

.con-payment-panel-r.panel-curr {
    width: 63%;
    left: 37%;
    padding:0;
}

.con-payment-panel-l.panel-code {
    right: 63%;
    width: 37%;
    padding: 0;
}

/*mob*/
.con-payment-panel-l .tabs .tie-mob {
    display: none;
}
.con-payment-panel-l .tabs .tie .tieBg-mob {
    float: left;
    width: 100%;
    background: url(/Images/arrow-right2.svg) no-repeat left top 16px;
    background-color: rgba(255,255,255,1);
    box-sizing: border-box;
    position: relative;
}
.tabs .tie .tieBg-mob .btn-close-tab {
    position: absolute;
    top: 0;
    right: 0;
}

.tabs .tie .tieBg-mob .btn-close-tab .btn {
    color: #FFFFFF;
    border-radius: inherit;
    border-bottom-left-radius: 6px;
    background-color: #93979f;
    font-family: 'FontAwesome Light', 'FontAwesome';
}
.tabs .tie .tieBg-mob .btn-close-tab .btn:focus,
.tabs .tie .tieBg-mob .btn-close-tab .btn:active {
    outline: none !important;
    box-shadow: none;
    border: solid 1px #93979f;
}

.tieBg-mob .subs-title {
    font-weight: 600;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 16px;
}

.tieBg-mob .subs-title .subs-title-lab {
    color: #e84374;
}

.tieBg-mob .subs-cont-details {
    width: 100%;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
}

.tieBg-mob .subs-desc-time {
    font-size: 12px;
    padding-top: 10px;
    box-sizing: border-box;
    padding-left: 2px;
    display:flex;
}
.tieBg-mob .subs-desc-time img {
    height: 16px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: top;
}
.tieBg-mob .subs-desc-time span {
    display: inline-block;
    font-family: 'Montserrat Light', 'Arial';
}

.tieBg-mob .subs-desc-bonus-dia {
    font-size: 12px;
    padding-top: 10px;
    box-sizing: border-box;
    padding-left: 2px;
    display: flex;
}

.tieBg-mob .subs-desc-bonus-dia img {
    height: 16px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: top;
}
.tieBg-mob .subs-desc-bonus-dia span {
    display: inline-block;
    font-family: 'Montserrat Regular', 'Arial';
    font-weight: 600;
}

.tieBg-mob .payment-method-cont {
    width: 100%;
    min-height: auto;
}
.tieBg-mob .subs-title,
.tieBg-mob .payment-method-cont .method-desc-title {
    font-size: 16px;
    font-family: 'Montserrat Light', 'Arial';
}

.tieBg-mob .payment-method-cont .method-desc-title {
 margin-top:16px;
}

.tieBg-mob .method-btn img {
    display: inline-block;
}

.tieBg-mob .payment-method-summ {
    width: 100%;
    min-height: auto;
    float: left;
    position: inherit;
    bottom: inherit;
    right: inherit;
    margin-top: 16px;
}

.tieBg-mob .payment-method-summ .summary-total {
    float: left;
    width: 100%;
    border-radius: 6px;
}

.tieBg-mob .summary-total-price,
.tieBg-mob .summary-total-discount,
.tieBg-mob .summary-total-original {
    max-width: 260px;
    margin: 0 auto;
    float: none;
    display: flex;
}

.tieBg-mob .summary-total-price.d-none,
.tieBg-mob .summary-total-discount.d-none,
.tieBg-mob .summary-total-original.d-none {
    display: none;
}

.tieBg-mob .summary-total-price .summary-total-desc-r,
.tieBg-mob .summary-total-original .summary-total-desc-r,
.tieBg-mob .summary-total-discount .summary-total-desc-r
{
    margin-right:30px;
}

.tieBg-mob .payment-method-summ .summary-btn-submit {
    float: left;
    width: 100%;
    height: auto;
}
.tieBg-mob .payment-method-summ .summary-btn-submit .btn {
    width:100%;
    float: left;
    height: 36px;
    border: none;
    border-radius: 6px;
}

.tieBg-mob .payment-method-additional-desc {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.tieBg-mob .payment-method-additional-desc div {
    width: 80%;
    float: none;
    margin: 0 auto;
}

@media only screen and (max-width: 960px) {

    .col-sub-sm-4 {
        width: 40%;
    }
    .col-sub-sm-8 {
        width: 60%;
    }

    .con-payment-panel-r.panel-curr {
        width: 60%;
        left: 40%;
    }

    .con-payment-panel-l.panel-code {
        right: 60%;
        width: 40%;
    }
    .con-payment-panel-l .tabs .tie .tieBg {
    min-height:auto;
    width:100%
    }
}
@media only screen and (max-width: 879px) {

    .con-payment-panel-l .tabs .tie.d-none {
        display: none;
    }
    .con-payment-panel-l .tabs .tie.active.d-none {
        display: none;
    }
    .con-payment-panel-r.panel-subs-cont {
        display: none;
    }
    .con-payment-panel-l .tabs .tie-mob.active {
        display: block;
    }

    .col-sub-sm-4, .col-sub-sm-8 {
        width: 100%;
    }
    .con-payment-panel-r.panel-curr {
        width: 100%;
        left: 0%;
    }

    .con-payment-panel-l.panel-code {
        right: 0%;
        width: 100%;
    }

    .discount-code-con {
        padding-left: 10px;
        padding-right: 10px;
    }
    .con-subsc,
    .con-subsc .tabs {
        margin-bottom: 40px;
    }

    .con-subsc .input-sub-code {
        border-radius: 6px;
        height: 46px
    }
    .code-discount-col-4 .btn {
        height: 46px!important;
    }

    .con-payment-panel-r.panel-curr {
        background: none;
        border-radius: 6px;
        min-height: auto;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .con-payment-panel-curr {
        width: 100%;
        background-color: rgba(255,255,255,0.8);
        padding: 6px 6px;
        border-radius: 6px;
    }
    .con-payment-panel-l .tabs .tie.active .tieBg {
        background: url(/Images/arrow-right2.svg) no-repeat left center;
        background-color: rgba(255,255,255,0.5);
    }
}

@media only screen and (max-width: 768px) {
    .con-payment-panel-r.panel-curr, .con-payment-panel-l.panel-code {
        float: left;
    }
    .discount-code-con .code-discount-col-8,
    .discount-code-con .code-discount-col-4 {
        float: left;
    }
}


/*New payment panel END */
@media only screen and (max-width: 1400px) {
    .showUserNameDiffLarge {
            display: none;
        }

        .showUserNameDiffSmall {
            display: block;
        }
    }

    @media only screen and (max-width: 1200px) {
        .rRegisterBoxFormButtonLeft {
            padding-left: 0;
            padding-right: 0px;
        }

        .rRegisterBoxFormButtonRight {
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    @media only screen and (max-width: 1200px) {
        .popupGrammarCorner_BuyBTN, .popupVocabulary_BuyBTN {
            width: 100%;
            margin-top: 8px;
            text-align: center;
        }
    }

    @media only screen and (max-width: 991px) {

        .ELevelActiv {
            background: transparent;
        }

        .LevelMainContentBg > .PopUpBoxContent {
            padding: 0 35%;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 36%;
        }

        .LevelElement {
            width: 100%;
            height: initial;
        }

        .LevelStart {
            margin: 0 auto;
            margin-bottom: -18px;
            float: none;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

        .Level1, .Level3, .Level5 {
            margin: 0 auto;
            float: none;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

        .Level2, .Level4, .Level6 {
            margin: 0 auto;
            float: none;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

        .LevelStop {
            margin: 0 auto;
            margin-top: -9px;
            float: none;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

        .Level1Block, .Level3Block, .Level5Block {
            margin-top: -80px;
            margin-bottom: 13px;
            float: left;
        }

        .Level2Block, .Level4Block, .Level6Block {
            margin-top: 0px;
            float: right;
        }

        .ELevel .Level1Block:hover, .ELevel .Level3Block:hover, .ELevel .Level5Block:hover {
            margin-bottom: 8px;
        }

        .Level1Hover, .Level2Hover, .Level3Hover, .Level4Hover, .Level5Hover, .Level6Hover {
            margin-top: 0px;
        }

        .avatarSmallMainBox {
            margin-top: 15px;
        }

        .CompenseOtherMoreMobile {
            display: block;
        }

        .Dash_friends {
            min-height: 1043px;
        }

        .SevenDayRecamp {
            padding-left: 15px;
            padding-right: 15px;
        }
        /*.popUpBraggingFB    {margin-top:inherit!important; top:inherit; top:calc(50% - 50px/2);}*/
        .PopUpChangeTheme {
            margin-top: inherit !important;
            top: 0 !important;
            bottom: 0 !important;
        }

        .sDash_Avatar {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
        }

        .settingMyAccountCenter {
            border-right: 0px solid #c3c5c4;
            border-bottom: 1px solid #c3c5c4;
            padding-bottom: 30px;
        }
    }

    @media only screen and (max-width: 980px) {
        .TaskLogin {
            margin: 50px auto;
            float: none;
            width: 100%;
        }

        .TaskRegister {
            width: 100%;
            float: none;
            margin-top: 50px;
            margin-bottom: 100px;
        }

        .Dashboard {
            width: 96%;
            margin: 60px auto;
        }

        .Dash_challenges, .Dash_prizes {
            width: 49%;
        }

        .DonutLearnTxt {
            margin: 10px 0 20px 0;
        }


        .PopUpLongBox {
            margin-left: -48%;
            width: 99%;
        }

        .PopUpLongBoxContentBg {
            width: 96%;
        }

        .ChallangeOnTheWeek {
            padding-top: 20px;
        }

        .cBannerChallangeOnTheWeekDeskop {
            display: none;
        }

        .cBannerChallangeOnTheWeekMobile {
            display: block;
        }

        .TopMenu ul li {
            margin: 0 7px;
        }

        .LevelingTestMainContentBg > .PopUpBoxContent {
            padding: 0 16%;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 36%;
        }
    }

    @media only screen and (max-width: 960px) {
        .hideTopStatusMobile {
            display: none;
        }

        .showUserNameDiffLarge {
            display: none;
        }

        .showUserNameDiffSmall {
            display: none;
        }
    }

    @media only screen and (max-width: 920px) {
        .LevelMainContentBg > .PopUpBoxContent {
            padding: 0 30%;
        }

        .TopMenuNotifi {
            margin-right: -25px !important;
            float: right;
        }

        .liTopMenuNotifi {
            margin: 0px !important
        }
        /*#dUserDiamond{margin-top:17px;}
    .dUserDiamond{margin-top:14px!important;}*/
        .DashInviteLeftBox {
            min-width: 100%;
        }

        .DashInviteRightBox {
            margin-top: 20px;
            min-width: 100%;
        }

        .filEarn {
            float: left;
        }

        .settSubscrCateIco {
            position: absolute;
            left: 10px;
            top: 12px;
            z-index: 2;
        }

        .LevelingTestMainContentBg > .PopUpBoxContent {
            padding: 0 12%;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 35%;
        }

        .collection-donate-user {
            width: 70px;
        }
    }

    @media only screen and (max-width: 820px) {
        #Dictionary {
            display: none;
        }

        #MenuDict {
            display: block;
        }

        .LevelingTestMainContentBg > .PopUpBoxContent {
            padding: 0 10%;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 32%;
        }
    }

    @media only screen and (max-width: 781px) {
        .TopMenu ul li {
            margin: 0 5px;
        }

        .LevelingTestMainContentBg > .PopUpBoxContent {
            padding: 0 8%;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 32%;
        }
    }

    @media only screen and (max-width: 767px) {
        .LevelingTestMainContentBg > .PopUpBoxContent {
            padding: 0 5%;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 32%;
        }

        #ctl00_ContentPlaceHolder1_repListOfCurseBtn_ctl00_btnGet, #ctl00_ContentPlaceHolder1_repListOfCurseBtn_ctl01_btnGet {
            display: none;
        }

        .ListItemOfLevels {
            width: 100%;
            margin-bottom: 0px;
        }

        .PortalFooterBtn a {
            margin: 5px;
        }

        .PortalboxRoundNew {
            border-right: 0px;
        }

        .LevelBox {
            border-bottom: 1px solid #f2f2f2;
        }

        .UnitBuyDiamond {
            float: none;
        }

        .btn-p-select-cat {
            padding: 8px 8px;
        }

        .Notifications {
            margin-right: 20px;
        }

        .topNotificCont {
            right: 30px;
        }

        .topNotificContArrow {
            right: 22px;
        }

        .own-col-xs-8 {
            width: 25%;
        }

        .own-col-xs-13 {
            width: 25%;
        }

        .own-col-xs-18 {
            width: 25%;
        }

        .paymentMainBox {
            padding: 15px 0 15px 0;
        }

        .paymentBoxCont {
            padding-left: 15px;
        }

        .paymentNav {
            border: 0;
            min-height: inherit;
        }

        #paymentNavUl {
            min-height: inherit;
            text-align: center;
            padding-top: 20px;
        }

        .paymentNav li {
            display: inline-block;
            margin-left: 10px;
            margin-right: 10px;
        }

        .paymentBox {
            margin-bottom: 20px;
        }

        .paymentBoxConDiamo {
            padding-top: 15px;
            font-size: 15px;
            line-height: 24px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .Dash_right {
            padding-left: 0;
        }

        .DashInviteLeftBox {
            min-width: 20%;
        }

        .DashInviteRightBox {
            margin-top: 0px;
            min-width: 20%;
        }

        .filEarn {
            float: right;
        }

        .CompenseOtherMoreMobile {
            display: none;
        }

        .Dash_friends {
            min-height: inherit;
        }

        .settBuyDiamondsTitleFonts {
            text-align: center;
            margin-bottom: 20px;
        }

        .popUpBraggingFB .PopUpBoxTitle {
            width: 80%;
        }

        .settSubscrCateFlag {
            position: relative;
            z-index: 1;
            width: 86%;
            text-align: center;
        }

        .settSubscrCateIco {
            position: relative;
            left: -38px;
            top: 58px;
            z-index: 2;
            width: 86%;
        }

        .globoWidth {
            height: 160px;
        }

        .paymentControlDesc {
            margin-top: 15px;
        }

        .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .navbar-right {
            float: right !important;
            margin-right: -15px;
        }

        .navbar-left {
            float: left !important;
        }

        .navbar-collapse {
            width: auto;
            border-top: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        navbar-right .dropdown-menu {
            right: 0;
            left: auto;
        }

        .dMainMenu .navbar-nav .open .dropdown-menu {
            position: absolute;
            right: 0;
            left: auto;
        }

        .settingPopUpInputBox {
            width: 100%;
        }

        .SendInvEmailFormBgLeft {
            background: none;
        }

        .SendInvEmailFormBgRight {
            background: none;
        }

        .inviteFriendMailInput {
            padding-top: 0px;
        }

        .psylBorder {
            border-right: 0px solid #ffffff;
            border-bottom: 1px solid #ffffff;
        }

        .psylBtnShowMobile {
            display: block;
        }

        .psylBtnHideMobile {
            display: none;
        }

        .dMainMenu .TopMenuNotifi .dropdownMenuNotifi {
            right: 0;
            left: auto;
        }

        .collection-donate-user {
            width: 91px;
        }

        .collection-close-popup {
            padding-top: 5px;
            padding-right: 5px;
        }

        .collection-animation-box {
            padding-top: 5px;
            display: none;
        }

        .collection-animation-box-mobile {
            display: block;
            width: 100%;
            text-align: center;
            padding-top: 15px;
            min-height: 232px;
        }

        .collection-animation-title {
            padding-top: 15px;
            padding-bottom: 5px;
        }

        .collection-animation-desc {
            font-size: 15px;
        }

        .PopUpCollectionPadding {
            padding: 20px 15px !important;
        }

        .collection-animation-progres .postep-pink {
            width: 100%;
        }


        .course-slider .settSubscrCateIco, .course-slider .settSubscrCateFlag {
            width: 100%;
        }

            .course-slider .settSubscrCateIco img, .course-slider .settSubscrCateFlag img {
                display: inline-block;
            }

        .course-slider .globoWidth {
            margin: 0 auto;
        }

        .slick-now .PortalboxRoundNew, .slick-now-last .PortalboxRoundNew {
            border: none 0px;
        }
    }

    @media only screen and (max-width: 780px) {
        .logo {
            float: none;
            position: absolute;
            left: 40px;
            top: 0;
        }

        .TopMenu {
            display: none;
        }

        .TopMenuNotifi {
            margin-right: 10px !important;
        }

        #topMenuIconBar {
            display: block;
            border: none 0px;
        }

        .showTopMenuInMobile {
            display: block !important;
        }

        .hideTopMenuInMobile {
            display: none !important;
        }

        .dMainMenu .navbar-default .navbar-toggle .icon-bar {
            background-color: #FFFFFF;
        }
    }

    @media only screen and (min-width: 780px) {
        #myNavbarMob {
            display: none;
        }
    }



    @media only screen and (max-width: 693px) {
        .LevelingTestMainContentBg > .PopUpBoxContent {
            padding: 0 2%;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 29%;
        }

        .LevelMainContentBg > .PopUpBoxContent {
            padding: 0 25%;
        }

        .TopStatus {
            width: auto;
            margin: 0 10px 0 0;
        }

        .menu-top-right {
            position: absolute;
            left: 0;
            right: auto;
        }

        .navbar-toggle-menu-top-right {
            float: left;
        }

        .navbar-collapse-menu-top-right {
            padding-left: 0px;
        }

        .Notifications {
            display: none;
        }

        .popupAvatarBuyBTN, .popupThemeBuyBTN, .popupBuyByDiamondBTN {
            width: 100%;
            margin-top: 8px;
            text-align: center;
        }

        #dGC_boxChbUnlocked {
            display: none;
        }

        .container-fluid {
            padding-left: 0px;
        }

        .own-col-xs-8 {
            width: 33%;
        }

        .own-col-xs-13 {
            width: 33%;
        }

        .own-col-xs-18 {
            width: 33%;
        }
    }

    @media only screen and (max-width: 640px) {
        .LevelingTestMainContentBg > .PopUpBoxContent {
            padding: 0 3px;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 29%;
        }
    }

    @media only screen and (max-width: 620px) {
        .LevelingTestMainContentBg > .PopUpBoxContent {
            padding: 0 0;
        }

        .LevelingTestMainContentBg > .PopUpBoxContentOne {
            padding: 0 0;
        }

            .LevelingTestMainContentBg > .PopUpBoxContentOne > .LevelingTestFinishProgres {
                padding-top: 80px;
            }

        .Dash_challenges, .Dash_prizes {
            width: 100%;
            min-height: 380px;
        }

        .Dash_hi {
            padding: 10px;
        }

        .paddingT10RBL30 {
            padding: 10px;
        }

        .PopUpBox, .PopUpBoxFix {
            margin-left: -49%;
            width: 99%;
        }

        .PopUpBoxFixModal {
            width: 98%;
            /* Firefox */
            left: -moz-calc(50% - 48%);
            /* WebKit */
            left: -webkit-calc(50% - 48%);
            /* Opera */
            left: -o-calc(50% - 48%);
            /* Standard */
            left: calc(50% - 48%);
        }

        .popupGrammarCorner_Buy, .popupVocabulary_Buy, .popupAvatarBuy, .popupThemeBuy, .popupBuyByDiamond {
            margin-left: inherit;
        }

        .PopUpBoxContentBg {
            width: 98%;
        }

        .PopUpBoxSmallContentBg {
            width: 98%;
        }

        .TaskMain2BarBoxContent {
            padding: 10px 2px 10px 30px;
        }

        .TaskMain2BarBoxContent2 {
            padding: 10px 2px 10px 10px;
        }

        .PopUpBoxContent {
            width: 100% !important;
        }

        .col-xss-4 {
            float: left;
            width: 33.3%
        }

        .col-xss-6 {
            float: left;
            width: 50%
        }

        .zoneUnitCenter {
            width: 100%;
        }

        .zone_rightNew {
            margin-top: 20px;
            margin-bottom: 20px;
            width: 100%;
        }

        .btnProgressUnitGoNext {
            margin-top: 0px;
        }

        .paddingZeroMobile {
            padding-left: 0;
            padding-right: 0px;
        }

        .loginMobile {
            display: block;
        }

        .loginDesktop {
            display: none;
        }

        .TaskLogin {
            margin: 5% auto;
        }

        .TaskRegister {
            margin: 5% auto;
        }

        .LogoEllaLogin {
            background: #ea4272;
            width: 120px;
            margin-left: auto;
            margin-right: auto;
            height: 148px;
            margin-top: -50px;
            padding-top: 50px;
        }

        .TaskMainHeaderLoginLeft {
            width: 100%;
            text-align: center;
        }

        .TaskMainLogin {
            width: 90%;
            padding: 0px 30px 30px 30px;
        }

        .RedBottomBorder {
            width: 90%;
        }

        .TaskMainRegister {
            width: 90%;
            padding: 0px 30px 30px 30px;
        }

        .form-signinLogin {
            padding-top: 30px;
        }

        .form-signinLogin-forgotPass {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        #paymentNavUl {
            min-height: inherit;
            text-align: left;
            padding-top: 20px;
        }

        .paymentNav li {
            display: block;
            margin-left: 10px;
            margin-right: 10px;
        }

        .col-xxs-12 {
            width: 100%;
        }

        .PopUpNotificAll .topNotificBoxAvatar {
            width: 20%;
        }

        .PopUpNotificAll .topNotificBoxRi {
            width: 80%;
        }

        .PopUpNotificAll .topNotificBoxTitle {
            width: 70%
        }

        .PopUpNotificAll .topNotificBoxDate {
            width: 30%
        }

        .dBraggingFBBoxMain {
            width: 100%;
            height: auto;
        }

        .popUpBraggingFB .PopUpBoxContentBg {
            padding: 10px;
        }

        .popUpBraggingFB {
            width: 100% !important;
        }

        .dBraggingFBTopRi {
            margin-top: 10px;
        }

        .dBraggingFBTopLogin, .dBraggingFBTopTxt {
            width: 100%;
        }

        .dBraggingFBTopSep {
            display: none;
        }

        .tagsBoxContentMultipleSele {
            width: 75%;
        }

        .fbFollowUsCodeMain {
            display: none !important;
        }

        .fbFollowUsCodeSmallWidth {
            display: block !important;
        }

        .inviteFriendMailDesc {
            padding-left: 0px;
        }

        .btn-popup-apply-sif {
            width: 100%;
            text-align: center;
            padding: 8px 0;
        }

        .boxChartDdlLastDay {
            float: left;
            margin-top: 10px;
        }

        .boxChartStatLegendColML {
            margin-left: 0px;
        }

        .rowChartStatLegend {
            margin-top: 0px;
        }
    }

    @media only screen and (max-width: 560px) {
        .SubscriptionElement {
            width: 100%;
        }
    }

    @media only screen and (max-width: 540px) {
        .settingSmallPopUpInputBox {
            width: 80%;
        }

        .LevelMainContentBg > .PopUpBoxContent {
            padding: 0 20%;
        }
        /*.dBraggingFBBoxMain {height:auto;}*/
        .dBraggingFBConBox {
            width: 100%;
            padding: 0px;
            margin-top: 4px;
            margin-bottom: 4px;
        }

        .dBraggingFBConIcoHours, .dBraggingFBConIcoExer, .dBraggingFBConIcoXP {
            float: left;
            height: 50px;
            width: 30%;
            text-align: right;
        }

            .dBraggingFBConIcoHours img {
            }

            .dBraggingFBConIcoExer img {
            }

            .dBraggingFBConIcoXP img {
                margin-right: 8px;
            }

        .dBraggingFBFooter {
            font-size: 0px;
        }

        .PopUpBoxTitleGroup {
            padding-top: 40px;
            padding-bottom: 10px;
        }

        .loginNameDashLong {
            display: none;
        }

        .loginNameDashShort {
            display: block;
        }
    }

    @media only screen and (max-width: 420px) {
        .col-mob-p-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .btnLevelSelect {
            padding: 8px 100px;
        }

        .LevelMainContentBg > .PopUpBoxContent {
            padding: 0 8%;
        }

        .ListItemOfLevels {
            padding-left: 0px;
            padding-right: 0px;
        }

            .ListItemOfLevels > .col-xs-8 {
                width: 60%;
            }

        .dMainMenu .TopMenuNotifi .dropdownMenuNotifi {
            width: 275px;
        }

        .topNotificCont {
            width: 270px;
        }

        .topNotificBoxRi {
            width: 190px;
        }

        .topNotificBoxTitle {
            width: 120px;
        }

        .topNotificBoxDate {
            width: 66px;
        }

        .dcpbProfileDane {
            max-width: 120px;
        }

        .col-xss-12 {
            width: 100%;
        }

        .settingSubscrBoxCategory {
            margin-top: 5px;
            border-bottom: 1px solid #8e9598;
        }

        .own-col-xs-8 {
            width: 50%;
        }

        .own-col-xs-13 {
            width: 50%;
        }

        .own-col-xs-18 {
            width: 50%;
        }

        .col-xs-15,
        .col-sm-15,
        .col-md-15,
        .col-lg-15 {
            position: relative;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }

        .col-xs-15 {
            width: 20%;
            float: left;
        }

        .col-xs-16,
        .col-sm-16,
        .col-md-16,
        .col-lg-16 {
            position: relative;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }

        .col-xs-16 {
            width: 16%;
            float: left;
        }

        .paymentBox {
            padding-left: 4px;
            padding-right: 4px;
        }

        .borderRightSettingSub {
            border-right: 0px solid #8e9598;
        }

        .dMainMenu .navbar-nav .liTopMenuStatusCategory.open .dropdown-menu {
            right: -10px;
        }

            .dMainMenu .navbar-nav .liTopMenuStatusCategory.open .dropdown-menu .dropdown-menuTopArrow {
                right: 18px;
            }
    }

    @media only screen and (max-width: 420px) {
        .collection-donate-user {
            width: 70px;
        }
    }

    @media (min-width: 768px) {
        .col-sm-15 {
            width: 20%;
            float: left;
        }

        .col-sm-16 {
            width: 16%;
            float: left;
        }
    }

    @media (min-width: 992px) {
        .col-md-15 {
            width: 20%;
            float: left;
        }

        .col-md-16 {
            width: 16%;
            float: left;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-15 {
            width: 20%;
            float: left;
        }

        .col-lg-16 {
            width: 16%;
            float: left;
        }
    }
    /*menu w settings*/
    .SettingsTitleTabResponsive {display:none; color:#333333; padding:0px 30px 10px;}
.navbarSettings {padding:0px}
.navSettings {min-height:0px; margin:-57px 0 0 0; border-radius:0px; border:0px; padding-left:30px; padding-right:10px; padding-bottom:1px;}
.navSettings .navbar-collapse {padding:0px}
.navSettings .navbar-toggle {display:none; position: absolute; right: 0; top: -45px;}
.navSettings .icon-bar      {background-color:#000 !important;}


@media (min-width: 670px) {
.navSettingsTabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 6px 6px 0 0; color:#5e626e;font-size:14px; } 
.navSettingsTabs > li { float: left; margin-bottom: -1px; }
.navSettingsTabs > li.active > a, .navSettingsTabs > li.active > a:focus, .navSettingsTabs > li.active > a:hover {color: #fff;     cursor: default; background-color: #5c636d; border-bottom-color: transparent; }
.navSettings .navbar-collapse.collapse {display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; }
}
@media only screen and (max-width: 670px) {
.SettingsTitleTabResponsive {display:block;}
.navSettings    {padding:0;}
.navSettingsTabs > li      {float:none; background-color: #fff; border-top: 1px solid #ddd;}
.navSettingsTabs > li > a  {margin-right:0px; border-radius:0; border:none 0px; border-bottom:1px;}
.navSettingsTabs .active a {background-color: #eee; color: #555;}
.navbar-header { float: none;} 
.navSettings .navbar-toggle {display: block;}
.collapsing {overflow: hidden!important;}
.PopUpNotificAll .topNotificBoxTitle    {width:50%}
.PopUpNotificAll .topNotificBoxDate    {width:50%}
}
/*koniec menu w settings*/

/*menu w statistic*/
.navbarStatistics {padding:0px}
#navbarStatistics {position: absolute; right: 40px; top: -40px;}
.navStatistics {min-height:0px; margin:0; border-radius:0px; border:0px; padding-right:30px; padding-left:10px; padding-bottom:1px;}
.navStatistics .navbar-collapse {padding:0px}
.navStatistics .navbar-toggle {display:none; position: absolute; right: 0; top: -45px;}
.navStatistics .icon-bar      {background-color:#000 !important;}

@media (min-width: 868px) {
.navStatisticsTabs {float:right;}
.navStatisticsTabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 6px 6px 0 0; color:#5e626e;font-size:14px; } 
.navStatisticsTabs > li { float: left; margin-bottom: -1px; }
.navStatisticsTabs > li.active > a, .navStatisticsTabs > li.active > a:focus, .navStatisticsTabs > li.active > a:hover {color:#333333; cursor: default; background-color:#CFCFCF; border-bottom-color: transparent; }
.navStatistics .navbar-collapse.collapse {display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; }

}
@media only screen and (max-width: 867px) {
.PopUpStatisticsHeader {margin-top:0px;}
#navbarStatistics {position: absolute; right: inherit; top:0px; background:lime; width:100%; text-align:center;}
.navStatistics    {padding:0;}
.navStatisticsTabs > li      {float:none; background-color:#eee; border-top: 1px solid #ddd;}
.navStatisticsTabs > li > a  {margin-right:0px; border-radius:0; border:none 0px; border-bottom:1px; color:#555;}
.navStatisticsTabs .active a {background-color:#CFCFCF; color: #333333;}
.navStatistics .navbar-toggle {display: block;}

}
/*koniec menu w statistic*/

.d-none {
    display: none;
}

.d-block {
    display: block;
}

/*Apple btn*/
@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        margin:10px 0 0 0;
    }

    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }

    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }

    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }

    .apple-pay-button-text-buy {
        -apple-pay-button-type: buy;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }

    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }

    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }

    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    }
}

.group-form-inline {
  display: flex;
}

.group-form-input {
  display: flex;
  flex: 1 0 auto;
}

.group-form-input-css {
  width: 100%;
}

/*koniec Apple btn*/

.boxChartTotalTime {
    display: inline-block;
    background: #5c636d;
    color: #fff;
    border-color: #5c636d;
    font-size: 14px;
    padding: 7px 12px;
    border-radius: 4px;
    margin-right: 20px;
    margin-bottom: 5px;
}
.ddlChartStat {
    display: inline-block;
    width:auto;
}