@charset "utf-8";

.cabMainMenuBox {

	position: relative;
	height: 55px;
	background-color: #62a0cb;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 30px;

}
.cabMainMenuCont { height: inherit; }

.cabMainMenuElemBox { display: inline-block; height: inherit; }

.cabMainMenuCont .cabMainMenuElemBox:first-child { border-radius: 5px 0px 0px 5px; }
.cabMainMenuCont .cabMainMenuElemBox:last-child { border-radius: 0px 5px 5px 0px; }

.cabMainMenuElemBox:hover { background-color: #70acd6; }
.cabMainMenuCurrElemBox	{ background-color: #4c87b0; }

.cabMainMenuElemCont { position: relative; height: inherit; }

.cabMainMenuElemCont a{

	display: block;
	width: 100%;
	height: 100%;

	font-family: "OpenSansRegNorm";
	font-size: 14px;
	color: #FFFFFF;

	text-transform: uppercase;
	text-decoration: none;
	border: none;

	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;

}

.cabMainMenuElemCont a div {

	padding-top: 18px;
	padding-bottom: 18px;
	line-height: 19px;
	white-space: nowrap;

}

.cabHomeMainBox {}
.cabHomeMainCont {

	display: flex;
	flex-direction: row;
	align-items: flex-start;

}

.cabSideBox { flex-shrink: 0; }
.cabSideCont {}

.cabLeftSideBox { width: 260px; height: 100%; }
.cabLeftSideCont {}

.cabTileBox {

	margin-top: 30px;

	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 14px 0px #c3c3c3;
	box-sizing: border-box;

}

.cabTileBox:first-child { margin-top: 0px; }
.cabTileCont {}

.cabTileTitleCont {

	font-family: "OpenSansLightNorm";
	font-size: 26px;
	color: #000000;

	text-align: left;
	line-height: 25px;

	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;

	border-bottom: 1px #e9edef solid;

}

.cabTileRowBox { height: 48px; }

.cabTileRowCont {

	height: inherit;

	font-size: 14px;
	line-height: 14px;
	color: #000000;

	padding-left: 25px;
	padding-right: 20px;

	padding-top: 17px;
	padding-bottom: 17px;
	box-sizing: border-box;

}

.cabTileKeyCont {

	display: inline-block;
	width: 170px;
	font-family: "OpenSansLightNorm";
	overflow: hidden;

}

.cabTileValCont {

	display: inline-block;
	width: 45px;
	font-family: "OpenSansRegNorm";
	overflow: hidden;

}

.cabLeftTile1Box { padding-bottom: 30px; }
.cabLeftTile1Cont {}

.cabAvatBox {

	height: 340px;
	margin-bottom: 25px;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

}

.cabAvatCont {}

.cabSubscrBox { padding-left: 25px; }
.cabSubscrCont {}

.cabSubscrRowCont {

	min-height: 25px;

	font-family: "OpenSansLightNorm";
	font-size: 16px;
	line-height: 16px;
	color: #000000;

	padding-left: 35px;
	padding-bottom: 14px;
	box-sizing: border-box;

	background-size: auto;
	background-repeat: no-repeat;
	background-position: left top;


}
.cabSubscrRowCont strong { font-family: "OpenSansLightNorm"; font-size: 12px; color: #99a3ae; }

.cabSubscrAct { background-image: url(./cab_home/cabSubscrAct.png); }
.cabSubscrExpir { background-image: url(./cab_home/cabSubscrExpir.png); }

.cabSubscrTimeLeft { background-image: url(./cab_home/cabSubscrDatetime.png); }

.cabLeftTile2Box {}
.cabLeftTile2Cont {}

.cabLeftTile3Box {}
.cabLeftTile3Cont {}
.cabLeftTile3Box .leftMenuTableMatState { cursor: auto; }

.cabRightSideBox { margin-left: 30px; width: 990px; height: 100%; }
.cabRightSideCont {}

.cabRightSideCont .cabTileBox {

	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 14px 0px #c3c3c3;

	box-sizing: border-box;
	padding-top: 25px;
	padding-bottom: 25px;

}

.cabRightTile1Box {}
.cabRightTile1Cont {}

.cabAccInfoRowBox {

	margin-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;

}
.cabAccInfoRowBox:last-child { margin-bottom: auto; }

.cabAccInfoRowCont {}

.cabAccInfoRow1Box {}
.cabAccInfoRow1Cont {}


.cabAccInfoRow2Box {}
.cabAccInfoRow2Cont { display: flex; justify-content: space-between; }
.cabAccWallPopHintCont {

	position: absolute;
	left: -33px;
	top: 75px;
	width: 25px;
	height: 27px;

	background-image: url(./cab_home/accWallPopHintBackgr.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left center;

}
.cabAccWallPopHintCont_down {

	position: absolute;
	left: -33px;
	top: 260px;
	width: 25px;
	height: 27px;

	background-image: url(./cab_home/accWallPopHintBackgr.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left center;

}
/* Главная страница, поле Кошелёк / Е-PURSE */
.cabAccWallTileBox {

	position: relative;
	flex-shrink: 0;
	width: 450px;
	height: 165px;
	padding: 25px;

	border: 1px #dee1e5 solid;
	border-radius: 5px;
	box-sizing: border-box;

}

/*  */
.cabAccWallTileCont {
	font-family: "OpenSansLightNorm";
	font-size: 22px;
	color: #000000;
	line-height: 22px;
}

.cabAccWallTileCont label { font-family: "OpenSansSemiBoldNorm"; }


.cabAccInfoRow3Box {}
.cabAccInfoRow3Cont { display: flex; justify-content: space-between; }

.cabAccSumTileBox {

	flex-shrink: 0;
	width: 450px;
	height: 120px;
	padding: 36px;

	border: 1px #dee1e5 solid;
	border-radius: 5px;
	box-sizing: border-box;
	padding-left: 25px;

}
.cabAccSumTileCont {

	height: 48px;

	box-sizing: border-box;
	padding-left: 70px;

	background-size: auto;
	background-repeat: no-repeat;
	background-position: left center;

}

.cabAccSumPayedOutTileAmount {

	height: inherit;
	display: inline-block;

	font-family: "OpenSansLightNorm";
	font-size: 35px;
	color: #000000;

}

.cabAccSumPayedOutTileText {

	margin-left: 20px;
	height: inherit;
	display: inline-block;

	font-family: "OpenSansLightNorm";
	font-size: 14px;
	color: #99a3ae;

}

.cabAccSumEarnTileCont { background-image: url(./cab_home/accSumEarnBackgr.png); }
.cabAccSumPayedOutTileCont { background-image: url(./cab_home/accSumPayedOutBackgr.png); }

.cabAccInfoRow4Box {}
.cabAccInfoRow4Cont {}

.cabAccInfoRow5Box { border-top: 1px #e9edef solid; padding-top: 25px; }
.cabAccInfoRow5Cont { text-align: center; line-height: 37px; }


.cabAccInfoRow5Box {}
.cabAccInfoRow5Cont  {}
.cabAccInfoRow5Cont  a {

	font-family: "OpenSansLightNorm";
	border-bottom-width: 1px;

	margin-left: 10px;
	margin-right: 10px;

}


.cabRightTile2Box { padding-left: 25px; padding-right: 25px; }
.cabRightTile2Cont {}
.cabUserInfoRowValCont input {

	width: 100%;
	border: none;


}

.cabRightTile3Box { padding-left: 25px; padding-right: 25px; }
.cabRightTile3Cont {}

.cabUserInfoTileBox {

	position: relative;
	border: 1px #dee1e5 solid;
	border-radius: 5px;

	box-sizing: border-box;
	padding: 25px;
	margin-bottom: 30px;

}
.cabUserInfoTileTitleCont {

	position: absolute;
	left: 10px;
	top: -7px;

	font-family: "OpenSansLightNorm";
	font-size: 14px;
	line-height: 14px;
	color: #99a3ae;

	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFFFFF;

}
.cabUserInfoTileCont {}


.cabUserInfoRowCont { margin-bottom: 10px; }
.cabUserInfoRowCont:last-child { margin-bottom: auto; }

.cabUserInfoRowElem {

	display: inline-block;
	height: 52px;

	font-size: 17px;
	line-height: 17px;
	color: #000000;

	padding: 15px;
	box-sizing: border-box;

}

.cabUserInfoAutoHeightRowElem { height: auto; }

.cabUserInfoRowKeyCont {

	width: 250px;
	overflow: hidden;
	padding-left: 0px;

	font-family: "OpenSansLightNorm";

}
.cabUserInfoRowValCont {

	width: 470px;

	border: 1px #dee1e5 solid;
	border-radius: 26px;
	overflow: hidden;

	font-family: "OpenSansRegNorm";
	background-color: #f1f3f5;

}

.cabUserInfoRowCont a { float: right; }

.cabTinyLink {

	font-family: "OpenSansLightNorm" !important;
	font-size: 14px !important;
	border-bottom-width: 1px !important;

}

.cabField {}
.cabHTMLFieldBox {}
.cabFieldWinBox {}
.cabFieldWinBox {}

/*секция оплаты кабинета*/
.cab_pay_subscr_whiteTileLayerCont { width: 500px; }
.cab_pay_subscr_whiteTileLayerCont .inputField { width: 320px; }

.cab_subscrs_hist_whiteTileLayerCont { width: 700px; }

/*секция перевода денег с кошелька на баланс*/
.cab_purse_to_balan_whiteTileLayerCont { width: 500px; }

.cab_pays_hist_whiteTileLayerCont .tableHeadRow td { min-width: 100px; }

.cab_change_HTMLPageAlignCont { width: 500px; }
.cab_change_HTMLPageAlignCont .cabField { width: 460px; }
.cab_change_HTMLPageAlignCont .maxWinHTMLTextBox { padding-bottom: 0px; }

/*секция команды*/
.cabTeamSponsCont { margin-bottom: 50px; }
.cabTeamSponsCont label {

	font-family: "OpenSansLightNorm";
	font-size: 18px;
	line-height: 18px;
	color: #000;

}

.cabTeamSponBox {

	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;

}
.cabTeamSponCont {

	font-family: "OpenSansLightNorm";
	font-size: 16px;
	line-height: 16px;
	color: #000;

}

.cabTeamSponCont label { margin-left: 5px; margin-right: 5px; }

.cabTeamRowsTitle {

	font-family: "OpenSansLightNorm";
	font-size: 18px;
	line-height: 18px;
	color: #000;
	margin-bottom: 20px;

}

.cabTeamRowsCont {}

.cabTeamRowBox { margin-bottom: 5px; margin-top: 5px; }
.cabTeamRowBox .leftMenuTableMatState { cursor: auto; }

.cabTeamRowCont { padding-left: 15px; }

.cabTeamCloseRowBox {}
.cabTeamOpenRowBox {}

.teamRefUserWinNotif {

	font-family: "OpenSansSemiBoldNorm";
	font-size: 18px;
	line-height: 18px;
	color: #62a0cb;

}

.cabTeamOpenRowBox .cabTeamRowCont { display: block; }/*дожно стоять раньше cabTeamCloseRowBox*/
.cabTeamCloseRowBox .cabTeamRowCont { display: none; }


.teamRefUserOpenTeam {

	display: inline-block;
	width: 30px;
	height: 30px;

	border: 2px #dee1e5 solid;
	box-sizing: border-box;
	padding-top: 12px;
	padding-left: 2px;
	margin-right: 10px;

	font-family: "OpenSansBoldNorm";
	font-size: 34px;
	line-height: 0px;
	color: #62a0cb;
	text-align: center;
	cursor: pointer;

}

.teamRefUserOpenTeam:hover { border-color: #62a0cb; }

.teamRefUserBox {}
.teamRefUserCont {

	display: inline-block;
	padding: 5px;

	margin-left: 5px;
	margin-right: 5px;

	font-family: "OpenSansLightNorm";
	font-size: 18px;
	line-height: 18px;
	color: #000;

}


.teamRefUserNameCont { margin-right: 5px; }

.teamRefUserShowWinButt {

	display: inline-block;

	border: 1px #dee1e5 solid;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;

	font-family: "OpenSansLightNorm";
	font-size: 18px;
	color: #62a0cb;
	text-align: center;
	cursor: pointer;

}

.teamRefUserShowWinButt:hover { border-color: #62a0cb; }

.teamRefUserWinBox {

	width: 350px;
	padding: 5px;
	border: 5px #dee1e5 solid;
	box-sizing: border-box;

}
.teamRefUserWinCont {}

.teamRefUserWinCont .cabUserInfoRowElem { height: 42px; padding: 10px; }
.teamRefUserWinCont .cabUserInfoRowKeyCont { padding-left: 0px; width: 120px; }
.teamRefUserWinCont .cabUserInfoRowValCont { width: 200px; }

.teamRefUserWinRowCont{

	font-family: "OpenSansLightNorm";
	font-size: 16px;
	color: #62a0cb;
	line-height: 22px;
	margin-bottom: 5px;

}

.teamRefUserWinRowCont a { border-bottom-width: 1px; }
.cab_team_HTMLPageAlignCont .HTTPResRespBox { width: 400px; }

.cab_stat_HTMLPageAlignCont .cabTileTitleCont { padding-left: 0px; border: none; }

.cabLargeTitleCont {

	font-family: "OpenSansLightNorm";
	font-size: 26px;
	color: #000000;

	text-align: left;
	line-height: 25px;

	padding-bottom: 25px;

}

/*
===============================
acp
===============================
*/

.acp_main_HTMLPageAlignCont .HTMLTable { background-color: #FFF; }

.acpMainMenuBox { margin-bottom: 20px; }
.acpMainMenuCont {}

.acpMainMenuGroupBox { margin-bottom: 10px; }
.acpMainMenuGroupCont {}
.acpMainMenuGroupTitle {

	font-family: "OpenSansLightNorm";
	font-size: 20px;
	color: #99a3ae;

}

.HTMLAcpFuncBox {

	display: inline-block;
	padding: 10px;

}
.HTMLAcpFuncCont {}
.HTMLAcpFuncCont a {}


.HTMLElemsListBox {}
.HTMLElemsListCont {}

.acpHTMLElemsListTable .tableCell { max-width: 170px; overflow: hidden; }

.HTMLAcpFuncFormTileCont {

	display: inline-block;
	margin: 10px;
	padding: 10px;

}

.HTMLAcpFuncFormTileCont:hover { background-color: #f9f9f9; }

.acpFuncHTTPRespBox { margin-top: 20px; margin-bottom: 20px; }
.acpFuncHTTPRespCont {}

.acpFuncHTTPRespText {}

.acpTableEditButt {

	height: auto;
	border-radius: 0px;
	font-size: 15px;
	line-height: 15px;
	color: #ffffff;
	padding: 5px;

}

.cab_lotters_HTMLPageAlignCont { width: 750px; }

.HTMLLotterBox { font-family: "OpenSansLightNorm"; }
.HTMLLotterTitleCont {

	font-size: 30px;
	color: #000;
	padding-bottom: 20px;

}

.HTMLLotterCont {}
.HTMLLotterRowCont {}
.HTMLLotterRowKeyCont {

	font-size: 18px;
	color: #000;

}
.HTMLLotterRowValCont {

	font-size: 30px;
	color: #000;
	background-color: #f1f3f5;
	padding: 5px;

}

.cabAngulButt { border-radius: 0px !important; }

.HTMLTickBox {

	position: relative;
	width: 700px;
	height: 350px;
	margin-top: 25px;
	background-image: url(./cab_home/lotterTick_1542709461.jpg);

}

.HTMLTickCont { position: relative; }
.HTMLTickIdCont {

	position: absolute;
	left: 389px;
	top: 296px;
	height: 49px;
	width: 150px;

	font-family: "OpenSansBoldNorm";
	font-size: 30px;
	color: #736868;
	text-align: center;
	line-height: 30px;

	padding-top: 9px;
	box-sizing: border-box;
	background-color: #FFF;

}

.APIBlockIn {

	font-family: "OpenSansBoldNorm";
	font-size: 30px;
	color: #736868;

}

.cab_avats_upload_HTMLPageAlign .HTMLPageAlignCont {

	width: 450px;

}

.CC2019_key {

	font-family: "OpenSansLightNorm";
	font-size: 20px;
	color: #99a3ae;

}
.CC2019_val {

	font-family: "OpenSansBoldNorm";
	font-size: 20px;
	color: #000;

}