@charset "utf-8";

/*
	margin-left: auto;
	margin-right: auto;
	min-width: 800px;

	max-width: 1280px;
	padding: 20px;

*/

body { margin: 0px; background-color: #FFF; }/*f7f8f9*/

.HTMLAttentMess strong {

	padding-left: 10px;
	padding-right: 10px;
	background-color: #e7e7e7;

}

#i_rootOut { padding-top: 10px; padding-bottom: 50px; }

#i_rootInn {

	padding: 15px;
	margin-left: auto;
	margin-right: auto;

	/*width: 1224px;*/
	background-color: #fff;
	border-radius: 10px;

/*	box-shadow: 0px 0px 4px 0px #e3e3e3;
	background-color: #f9f9f9;
	border: 1px #CCC solid;*/

}

#i_pageTitleInn {

	font-family: "CambriaBold";
	font-size: 24px;
	color: #656d70;
	padding-bottom: 30px;

}

.form_grid_discount {

	display: grid;

}

.block{
	display: flex;
}

.row1{
	margin: auto;
	margin-top: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.tile{
	position: relative;
	width: 100%;
	text-align: start;
	font-family: "Cambria";
	font-size: 18px;
	color: #858585;
	border: 4px #00000029 solid;
	border-radius: 10px;
	padding: 10px;
	margin-top: 20px;
}

.input_discount {

	outline: none;
	padding: 10px;
	margin: 0.5em 0 2em;

}

.image-block{
	width: 350px; /* задайте нужную ширину блока */
	height: 200px; /* задайте нужную высоту блока */
}
img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 5px;
}
.delete_discount{
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	margin: 0.5em;
	padding: 1em;
	border-radius: 10px;
	font-family: monospace;
	font-size: larger;
	background-color: #2a9bcf;
}

.delete_discount_href{
	color: #f9f9f9;
	text-decoration: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.i_topInn {

	position: relative;
	background-image: url(indexTempl/logo-v2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto;

	min-height: 55px;
	padding-left: 65px;
	font-family: "ProxNovaRegNorm";

}

.i_logoAnch {

	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

	width: 50px;
	height: 50px;

}

.i_balAmount {

	font-family: "ProxNovaBoldNorm";

}

.i_topInn .capt_1 {

	font-size: 18px;
	color: #2c2c2e;

}

.i_topInn .capt_2 {

	font-size: 18px;
	color: #07119a;
	letter-spacing: 2px;
	padding-top: 10px;

}

.i_h_delim_1 {

	height: 30px;

}

#i_backToMM {

	background-color: #f9f9f9;
	border: 1px #dfdfdf solid;
	border-radius: 5px;

	font-family: "Cambria";
	font-size: 18px;
	color: #a1a1a1;

	padding: 15px;
	line-height: 14px;

}

#i_midOut {

	position: relative;

}

.HTMLPageAlignForm
{
	min-height: 200px;
	margin: 1rem auto 1rem;
	max-width: 400px;
}

#HTMLPageAlign {

	min-height: 200px;

}

.i_alignInn .HTMLField {

	width: 380px;

}

/*
---------------------------------------------------
Главная страница(чел не вошёл)
---------------------------------------------------
*/

.users_e1 {

	font-family: "Cambria";
	font-size: 24px;
	line-height: 24px;
	color: #4c4c4c;

	padding: 20px;
	padding-bottom: 26px;
	border: 1px #CCC solid;
	background-color: #f7f7f7;
	/*box-shadow: 0px 0px 4px 0px #e3e3e3;*/

}



/*
---------------------------------------------------
Главное меню(чел вошёл)
---------------------------------------------------
*/

.i_h_delim_2 {

	height: 30px;
	width: 100%;

}

.i_mainMenuInn {}
.i_MMGroupInn {
	margin-left: 3em;
	padding-bottom: 10px;

}

.i_mainMenuInnTop {

	font-family: "CambriaBold";
	font-size: 26px;
	color: #29b6f6;

	padding-top: 10px;
	padding-bottom: 10px;

}

.i_MMGroupInn .capt_1 {

	font-family: "CambriaBold";
	font-size: 18px;
	color: #07119a;

	padding-top: 10px;
	padding-bottom: 10px;

}

.i_MMGroupInn .cont_1 {



}

.paginCont_payments {

	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;

}

.pageNumBox_payments_white_text {

	min-width: 36px;
	height: 36px;
	border-radius: 18px;
	margin: 10px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	color: white!important;
}

.pageNumBox_payments {

	min-width: 36px;
	height: 36px;
	border-radius: 18px;
	margin: 10px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.pageNumBoxCurrPage { background-color: #04a3ff; }

.i_MMGroupInn .cont_1 .row_1 {

	display: inline-block;
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	height: 43px;
	box-sizing: border-box;

	font-family: "Cambria";
	font-size: 18px;
	color: #858585;

	background-color: #f5f5f5;
	border: 1px #e9e9e9 solid;
	border-radius: 4px;

}

.i_MMGroupInn .cont_1 .row_1 a {

	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

}

/*
---------------------------------------------------
Главное меню(чел вошёл)
>>> Бизнес
---------------------------------------------------
*/

.e3_progTableRow { padding-left: 41px !important; }

.e3_stateElem {

	position: absolute;
	left: 11px;
	top: 11px;

	width: 20px;
	height: 20px;
	border-radius: 10px;

}

.notAct .e3_stateElem { background-color: #ededed; }
.areAct .e3_stateElem { background-color: #2a9bcf; }

.e3_mredirElem {

	position: absolute;
	top: 11px;
	left: -11px;

	width: 20px;
	height: 20px;
	border-radius: 10px;

}

.e3_mredirAct {

	background-color: #F00;

}

/*
---------------------------------------------------
Пользователи
---------------------------------------------------
*/

#e6_authBlock {



}

/*
---------------------------------------------------
Матрицы/классы/уровни
---------------------------------------------------
*/

.e3_arrowUp {

	width: 720px;
	height: 99px;

	background-image: url(indexTempl/arrow-up.png);
	background-size: auto;
	background-position: top center;
	background-repeat: no-repeat;

}

.e3_mainMatInn {

	position: relative;
	display: inline-block;
	padding-bottom: 15px;
	width: 720px;

}

.e3_mainMatInn .capt_1 {

	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;

	font-family: "Cambria";
	font-size: 18px;
	color: #858585;

}

.e3_mainMatInn .button_1 {

	display: inline-block;

	font-family: "Cambria";
	font-size: 18px;
	color: #a1a1a1;

	padding: 10px;
	line-height: 14px;

	background-color: #f9f9f9;
	border: 1px #dfdfdf solid;
	border-radius: 5px;

	cursor: pointer;

}

.e3_mainMatInn .cont_2 {

	position: relative;

	font-family: "Cambria";
	font-size: 18px;
	color: #858585;

	padding-bottom : 40px;
	text-align: center;

}

.e3_mainMatInn .cont_1 {

	position: relative;

}

.e3_childMatInn {

	display: inline-block;

	width: 200px;
	text-align: center;

	font-family: "Cambria";
	font-size: 18px;
	color: #858585;

	border: 4px transparent solid;
	border-radius: 10px;
	margin-right: 10px;
	padding: 10px;

}

.e3_childMat_notAct { border-color: #ededed; }
.e3_childMat_areAct { border-color: #2a9bcf; }
.e3_childMat_close { border-color: #CCC; background-color: #CCC; }

.e3_markRound {

	display: inline-block;
	box-sizing: border-box;

	background-color: #f9f9f9;
	border: 1px #dfdfdf solid;

	cursor: pointer;

}

.e3_mainMatInn .e3_markRound {

	width: 45px;
	height: 24px;
	border-radius: 11px;
	vertical-align: bottom;

}
.e3_childMatInn .e3_markRound {

	width: 30px;
	height: 19px;
	border-radius: 8px;
	vertical-align: middle;

}

.e3_vcb {

	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;

	width: 20px;
	height: 20px;

	background-image: url(indexStyles/view-class-button.png);

}

.e3_vcb a {

	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;

	border: 0px;
	color: transparent;

}

/*
---------------------------------------------------
История платежей
---------------------------------------------------
*/

.e4_paginButton {

	display: inline-block;
	position: relative;

	padding: 5px;
	text-align: center;

	font-family: "Cambria";
	font-size: 18px;
	color: #858585;

	border: 1px transparent solid;

}

.e4_paginButtonCurr { border-color: #CCC; }


.e4_paginButton a {

	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

}

.e4_payAmountAdd { color: #11a711 !important; }
.e4_payAmountSub { color: #F00 !important; }

/*
---------------------------------------------------
Пополнение и вывод
---------------------------------------------------
*/

.e5_mTilesBox { overflow: auto; }

.e5_mTileInn {

	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;

	width: 200px;
	padding: 10px;

	text-align: center;
	border: 4px transparent solid;
	background-color: #f6f6f6;

}

.e5_mTileInn a {

	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

}

.e5_mTileInn:hover { border-color: #2a9bcf ; }

.e5_mTileInn .capt_1 {

	font-family: "Cambria";
	font-size: 22px;
	color: #858585;

	padding-bottom: 20px;

}

.e5_mAccInn {

	font-family: "CambriaBold";
	font-size: 20px;
	color: #4a4a4a;

	height: 50px;
	padding-bottom: 20px;
	box-sizing: border-box;

}

.e5_mTileInn .cont_1 {

	font-family: "ProxNovaCondRegNorm";
	font-size: 16px;
	color: #6a6a6a;

}

.e5_otherLoginField {}

.e5_rightTd {

	padding-left: 20px;

}

.e5_keyCapt {

	font-family: "ProxNovaCondRegNorm";
	color: #6a6a6a;
	font-size: 18px;

}

.e5_valCapt {

	font-family: "ProxNovaCondBoldNorm";
	color: #6a6a6a;
	font-size: 18px;
	padding-left: 10px;

}

/*
---------------------------------------------------
Маркетинг
---------------------------------------------------
*/

/*all trs*/
.cgn1_tr {


}

/*all tds*/
.cgn1_td {

	padding: 10px;


}

.cgn1_head_tr {

	font-family: "CambriaBold";
	font-size: 18px;
	color: #4a4a4a;

}

.cgn1_head_tr .cgn1_td {


}

.cgn1_row_tr {



}

.cgn1_row_tr .cgn1_td {

	font-family: "ProxNovaCondRegNorm";
	color: #6a6a6a;
	font-size: 18px;

}

.cgn1_hlight_row { background-color: #f3f3f3; }

.cgn1_text_div_1 {

	font-family: "ProxNovaCondRegNorm";
	color: #0c0c0c;
	font-size: 18px;

}

.cgn1_prog_title {

	font-family: "CambriaBold";
	font-size: 30px;
	padding: 8px;
	background-color: #2a9bcf;
	color: #f9f9f9;

}
.cgn1_prog_title1 {

	font-family: "CambriaBold";
	font-size: 30px;
	padding: 8px;
	background-color: #2a9bcf;
	color: #f9f9f9;
	text-align: center;
}

/*
---------------------------------------------------
Команда
---------------------------------------------------
*/

.teamMemberOut {

	position: relative;
	padding: 5px;
	box-sizing: border-box;
	display: inline-block;

}

.teamMemberOut[title="1"] {

	border: 2px #29b6f6 solid;
	border-radius: 10px;

}

.cgn3_rowElem {

	height: 30px;

}

.cgn3_showHideRefs {

	width: 30px;
	background-color: #FFF;
	border: 2px transparent solid;

	text-align: center;
	font-size: 18px;
	cursor: pointer;
	border-radius: 9px;

}

.cgn3_showHideRefs[value="+"] { border-color: #CCC; }
.cgn3_showHideRefs[value="-"] { border-color: #000; }

.cgn3_userLogin {

	display: inline-block;
	vertical-align: middle;
	padding-top: 5px;
	margin-left: 10px;
	box-sizing: border-box;

	font-size: 18px;
	line-height: 18px;
	font-family: "Cambria";
	color: #8f8f8f;

}
.cgn3_userInfo {}
.cgn3_refsOut { padding-left: 30px; }

/*
---------------------------------------------------
acp
---------------------------------------------------
*/

.acp_headCapt {

	font-family: "ProxNovaCondBoldNorm";
	font-size: 24px;
	color: #000;

}

.acp_plainText {

	font-family: "ProxNovaCondRegNorm";
	font-size: 24px;
	color: #ccc;

}

.acp_pageTitle {

	font-family: "ProxNovaCondBoldNorm";
	font-size: 30px;
	color: #07119a;

}

.fx1_partsInn {}

.fx1_partElem {

	display: inline-block;
	padding: 5px;
	font-size: 18px;
	border: 2px transparent dashed;

}

.fx1_text {

	font-family: "ProxNovaCondBoldNorm";
	color: #0c0c0c;

}

.fx1_mark {

	border-color: #ccc;
	font-family: "ProxNovaCondRegNorm";
	color: #b1b1b1;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	cursor: pointer;

}

.acp_textField_1 .HTMLInput { width: 900px; }

.fx2_markInn {

	border-left: 2px transparent solid;
	padding-left: 10px;
	margin-bottom: 30px;

}

.fx2_markInn:hover {

	border-left-color: #ccc;

}

.fx2_argsInn {

	font-size: 18px;

}

.acp_argIndex {

	display: inline-block;
	padding: 5px;

	font-family: "ProxNovaCondRegNorm";
	color: #b1b1b1;
}

.acp_argDescr {

	display: inline-block;

}

.acp_argGood { color: #2a9bcf; font-family: "ProxNovaCondRegNorm"; }
.acp_argError { color: #F00; font-family: "ProxNovaCondBoldNorm"; }