@charset "utf-8";

* {

	margin: 0px;
	background-color: transparent;
	border: 0px;
	padding: 0px;
	outline: none;

}

input:focus { outline: none; }
table { border-spacing: 0px; border-collapse: collapse; }
td { /*white-space: nowrap; */ }
a { text-decoration: none; }

.turnUserSelectOff {

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.dropDownListLableButt {

	padding-right: 16px;
	font-family: "OpenSansLightNorm";
	font-size: 14px;
	color: #000000;

	background-image: url(indexTemp/indexTempTopSectCurrLangBottArrow.png);
	background-repeat: no-repeat;
	background-position: right;

	cursor: pointer;

}

.dropDownListLableButt:hover { color: #62a0cb; }

.HTMLPageMainTitleBox {

	min-height: 90px;
	box-sizing: border-box;
	padding-bottom: 40px;

}

.HTMLPageMainTitleCont {

	font-family: "OpenSansLightNorm";
	font-size: 45px;
	color: #010101;
	text-transform: uppercase;

	text-align: center;
	line-height: 50px;

}

/*
=======================
Текст, надписи и ссылки
=======================
*/

.mainCaptCont {}

.mainTextCont {

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

}

.mainTextCont a {

	font-family: "OpenSansSemiBoldNorm";
	color: #62a0cb;
	text-decoration: none;
	border-bottom: 2px transparent solid;

}

.mainTextCont a:hover { border-bottom-color: #62a0cb; }
.mainTextCont strong { font-family: "OpenSansSemiBoldNorm"; }

.handMC8ErrorBox {}
.handMC8ErrorCont {

	font-family: "OpenSansRegNorm";
	font-size: 20px;
	color: #000000;

}

.handMC8ErrorCont a {

	font-family: "OpenSansBoldNorm";
	color: #62a0cb;
	text-decoration: none;
	border-bottom: 2px transparent solid;

}

.handMC8ErrorCont a:hover { border-bottom-color: #62a0cb; }

.handMC8NoticeBox {}
.handMC8NoticeCont {

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

}

.handMC8NoticeCont strong { font-family: "OpenSansSemiBoldNorm"; }

.handMC8WarnBox {

	border: 1px #ef3334 solid;
	padding: 10px;

}
.handMC8WarnCont {

	font-family: "OpenSansRegNorm";
	font-size: 20px;
	color: #000000;

}

.handDN7ErrorBox {}
.handDN7ErrorCont {

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

}

/*
======================
Окна
======================
*/

.HTMLWinBox {

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

	box-sizing: border-box;

}

.HTMLWinCont {

	position: relative;

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

}

.HTMLWinAngle {

	position: absolute;

	left: 10px;
	top: -12px;

	width: 29px;
	height: 12px;

	background-image: url(indexStyles/HTMLWinAngleBackgr.png);
	background-position: center center;
	background-repeat: no-repeat;

}

/*внутристрочное окно*/
.relWin { position: relative; }

/*окно имеющее третью координату - Z*/
.zDimWin { position: absolute; z-index: 15; }

.winHeadBox { position: relative; border-bottom: 1px #e0e1e3 solid; }
.winHeadCont {}

.winTitleBox {

	padding: 25px;
	padding-right: 45px;
	box-sizing: border-box;

}

.winTitleCont {

	font-family: "OpenSansSemiBoldNorm";
	font-size: 20px;
	line-height: 20px;
	color: #000000;

}

.winCloseButt {

	position: absolute;

	right: 15px;
	top: 15px;

	width: 32px;
	height: 32px;

	background-image: url(indexStyles/winCloseButtBackgr.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: initial;

	cursor: pointer;

}

.winHTMLTextBox { box-sizing: border-box; }
.winHTMLTextCont {

	font-family: "OpenSansRegNorm";
	font-size: 15px;
	color: #000000;

}

.winHTMLTextCont strong { font-family: "OpenSansSemiBoldNorm"; }

.winHTTPRespBox { box-sizing: border-box; }
.winHTTPRespCont {

	font-family: "OpenSansRegNorm";
	font-size: 15px;
	color: #000000;

}

.winHTTPRespCont strong { font-family: "OpenSansSemiBoldNorm"; }

/*окно с заголовком, крестиком и местом для HTML-кода*/
.maxWinBox { z-index: 16; }
.maxWinCont {}

.maxWinAngle {}

.maxWinHeadBox {}
.maxWinHeadCont {}

.maxWinTitleBox { /*height: 45px;*/ }
.maxWinTitleCont {}

.maxWinCloseButt {}

.maxWinHTMLTextBox { padding-bottom: 20px; }
.maxWinHTMLTextCont {}

.maxWinHTTPRespBox {}
.maxWinHTTPRespCont {

	font-family: "OpenSansBoldNorm";
	font-size: 15px;
	line-height: 15px;
	color: #000000;

}


/*окно с крестиком и местом для HTML-кода, без заголовка*/
.normWinBox { z-index: 17; }

/*окно с местом для HTML-кода, без заголовка и крестика*/
.minWinBox { z-index: 18; }

.fieldHelpWinBox {}
.fieldErrWinBox {}

.HTMLWinBox a {



}

/*
======================
HTML-поля
======================
*/

/*HTML-поле с названием, кнопками и окнами*/

.HTMLFieldBox {}
.HTMLFieldCont {

	position: relative;
	display: inline-block;

}

.fieldHeadBox { padding-bottom: 20px; }
.fieldHeadCont {}

.fieldTitleBox {}
.fieldTitleCont {

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

}

.fieldButtsBox {

	position: absolute;
	z-index: 10;

	height: 40px;
	top: 4px;
	bottom: 4px;
	right: 4px;

}
.fieldButtsCont {}

.fieldWinsBox { position: relative; }
.fieldWinsCont {}

/*поле ввода*/
.inputField {

	width: 250px;

	background-color: #fbfbfb;
	border: 2px #dee1e5 solid;
	box-sizing: border-box;

}

/*строковое поле*/
.stringField {

	height: 48px;
	border-radius: 24px;
	padding-left: 20px;
	padding-right: 5px;

	font-size: 15px;
	color: #000000;
	text-align: left;

}

/*текстовое поле*/
.textField {

	height: 250px;
	padding: 5px;

	font-size: 15px;
	color: #000000;
	text-align: left;

}

/*checkbox*/
.cboxField {

	height: 35px !important;
	width: 35px !important;

	color: transparent;
	cursor: pointer;

}

/*select*/
.selectField {

	height: 48px;
	padding-left: 20px;
	padding-right: 5px;

	font-size: 15px;
	color: #000000;
	text-align: left;

	box-sizing: border-box;

}

.cboxFieldFalse {}
.cboxFieldTrue { background-color: #62a0cb; background-size: 70%; }


.actFieldBox .inputField:focus { border-color: #62a9da; }
.actFieldBox .inputField { font-family: "OpenSansSemiBoldNorm"; }

.passFieldBox .inputField { font-family: "OpenSansRegNorm"; border-color: transparent !important; background-color: #f3f3f3; border-radius: 0; }
.fieldBoxWithHelpButt .inputField { padding-right: 50px; }

.HTTPResRespBox { padding-top: 20px; padding-bottom: 20px; }
.HTTPResRespCont {

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

}

/*кнопки над полем*/

.fieldButt {

	display: inline-block;

	font-family: "OpenSansLightNorm";
	font-size: 15px;
	line-height: 15px;
	color: #ffffff;

	border: none;
	box-sizing: border-box;
	cursor: pointer;

	background-color: transparent;
	height: 40px;

}

/*синий цвет*/
.primFieldButt { background-color: #62a0cb; }

/*серый цвет*/
.secondFieldButt { background-color: #bfc6ce; }

/*кнопка помощи(знак вопроса)*/
.fieldHelpButt {

	width: 40px;
	height: 40px;
	border-radius: 20px;
	opacity: 0.5;


	background-image: url(indexStyles/v2_HTMLHelpButt.png);
	background-position: center center;
	background-repeat: no-repeat;

}

.fieldHelpButt:hover { opacity: 1; }

.fieldCaptButt {

	padding: 7px;
	padding-left: 47px;
	padding-right: 20px;

}

/*
======================
Кнопки
======================
*/

.mainButt {

	display: inline-block;
	font-family: "OpenSansLightNorm";

	text-align: center;
	box-sizing: border-box;
	cursor: pointer;

}

/* Кнопка вопроса для всплывашки */
.tooltip_button {
	margin-left: 10px;
	height: 33px;
	width: 33px;
	border-radius: 16px;
	border: 1px #62a0cb solid;
	font-size: 15px;
	font-weight: bold;
}

/* Окно всплывашки */
.tooltip_div {
	display: none;
	width: max-content;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	background: #222;
	color: white;
	font-weight: bold;
	padding: 5px;
	border-radius: 4px;
	font-size: 70%;
}

/* Стрелка всплывашки к кнокпе */
.tooltip_arrow {
	position: absolute;
	background: #222;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
}


/*красный цвет*/
.primMainButt { background-color: #ef3334; }

/*серый цвет*/
.secondMainButt { background-color: #bfc6ce; }

/*синий цвет*/
.regMainButt { background-color: #62a0cb; }

/*средняя основная кнопка(войти, зарегаться, сохранить, подтвердить...)*/
.medMainButt {

	height: 48px;
	border-radius: 24px;
	font-size: 17px;
	line-height: 17px;
	color: #ffffff;

	padding: 15px;
	padding-left: 40px;
	padding-right: 40px;

}

.smallMainButt {

	height: 33px;
	border-radius: 16px;
	border: 1px #62a0cb solid;

}

.smallMainButt a {

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

	font-family: "OpenSansLightNorm";
	color: #62a0cb;
	font-size: 15px;

	text-decoration: none !important;
	border: none !important;
	text-align: center;
	box-sizing: border-box;

}

.smallMajorMainButt { border: 1px #ef3334 solid; }
.smallMajorMainButt a { color: #ef3334; }

.smallMinorMainButt { border: 1px #bfc6ce solid; }
.smallMinorMainButt a { color: #bfc6ce; }

.smallMinorMainButta
{
	border: 1px #bfc6ce solid;
	margin-top: 5px;
}
.smallMinorMainButta a { color: #bfc6ce;}

.smallMinorMainButtaa
{
	border: 1px #bfc6ce solid;
	margin-top: 5px;
	margin-left: 5px;
}
.smallMinorMainButtaa a { color: #bfc6ce;}

.smallMainButt a div {

	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 15px;

}

/*
======================
Таблицы
======================
*/

.tableBox {}
.tableCont {
	overflow: scroll;
}

.HTMLTable {

	border: 1px #e9edef solid;
	border-collapse: collapse;
	width: -webkit-fill-available;

}

.tableHeadRow { background-color: #f1f3f5; }

.tableRow {}

.tableCell {

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

	border: 1px #e9edef solid;
	box-sizing: border-box;
	padding: 20px;

}

.tableRow:hover { background-color: #f1f3f5; }

.tableHead td {

	font-family: "OpenSansSemiBoldNorm";
	color: #99a3ae;
	font-size: 15px;

}


.paginCont {

	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;

}

.paginCont_payments {

	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;

}

.pageNumBox {

	display: inline-block;
	min-width: 36px;
	height: 36px;

	border-radius: 18px;
	margin: 10px;

}

.tree {
	font-size: 16px;
}

.tree-node-header {
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	margin: 5px 0;
}

.tree-node {
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	margin: 5px 0;
}

.tree-node-square {

	position: absolute;
	top: 15px;
	right: 10px;
	width: 60px;
	height: 44px;
	background-color: #479047;
	cursor: pointer;
}

.tree-node-children {

	display: show;
}

.tree-node-children > li {

	display: block;
	position: relative;
}

.tree-node-text {

	cursor: pointer;
}
#confirmationModal {

	display: none;
	position: absolute;
	z-index: 9999;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.pageNumBox_payments {

	min-width: 36px;
	height: 36px;
	border-radius: 18px;
	margin: 10px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.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;
}

.pageNumBoxCurrPage { background-color: #62a0cb; }

.pageNumBox a {

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

	font-family: "OpenSansLightNorm";
	color: #62a0cb;
	font-size: 16px;

	text-decoration: none !important;
	border: none !important;
	text-align: center;

	line-height: 16px;
	box-sizing: border-box;

}

.pageNumCont { padding: 10px; }
.pageNumBoxCurrPage .pageNumCont { color: #FFFFFF; }

.paginArrowCont {

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

}
.paginLeftArrow { background-image: url(indexStyles/paginLeftArrow.png); }
.paginRightArrow { background-image: url(indexStyles/paginRightArrow.png); }

/*
==================================================================
Слой-фрагменты(tileLayerAlignBox и whiteTileLayer НЕ использовать)
==================================================================
*/

.tileLayerAlignBox { position: relative; }

.whiteTileLayer {

	margin-left: auto;
	margin-right: auto;

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

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

	text-align: center;

}

.HTMLPageAlignBox { position: relative; }
.HTMLPageAlignCont {

	position: relative;
	margin-left: auto;
	margin-right: auto;

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

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

}

/*
====================================
Общедоступные стили расширения users
====================================
*/

.users_reg_sponUserWelcBox {

	width: 600px;
	padding: 10px;
	background-color: #f1f3f5;

}

.users_reg_sponUserWelcCont {

	font-family: "OpenSansRegNorm";
	color: #000;
	font-size: 16px;

}


.v2_HTMLPageAlign {

	position: relative;
	margin-left: auto;
	margin-right: auto;

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

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

}

/*
===================================
HTML поля
===================================
*/

.v2_HTMLFieldOut { position: relative; min-height: 68px; box-sizing: border-box; }
.v2_HTMLFieldOut .v2_HTMLWinOut { top: 67px; left: 0px; }/*top: 70px;*/

.v2_HTMLField {}
/*.v2_HTMLField:hover .v2_HTMLFieldHelpWin { display: block; }*/

.v2_HTMLFieldTitle {

	position: absolute;
	z-index: 1;
	top: 10px;
	left: 11px;
	height: 18px;
	right: 0px;

	padding-right: 11px;
	overflow: hidden;
	line-height: 17px;
	white-space: nowrap;

	font-family: "OpenSansLightNorm";
	font-size: 18px;
	color: #2c3e50;

}

input[class="v2_HTMLInput"] {

	min-width: 100px;
	width: 100%;
	height: 68px;

	padding-left: 41px;
	padding-right: 11px;
	padding-top: 28px;
	box-sizing: border-box;
	border-radius: 4px !important;
	border: 1px #dee1e5 solid;

}

.v2_HTMLInput {

	font-family: "OpenSansSemiBoldNorm";
	font-size: 18px;
	color: #5a5254;
	outline: none;
	background-color: #f7f7f7;

}

/*эти классы ПОСЛЕ HTMLInput*/
.v2_HTMLPassField .v2_HTMLInput { background-color: #f7f7f7 !important; opacity: 1 !important; }/*!imp здесь нужен для Safari который делает disabled прозрачнее*/
.v2_HTMLActField {}
.v2_HTMLActField .v2_HTMLInput {}
.v2_HTMLActField .v2_HTMLInput:hover { border-color: #90b8d4; }
.v2_HTMLActField .v2_HTMLInput:focus { border-color: #62a0cb; }
/*эти классы ПОСЛЕ HTMLInput*/

/*.v2_HTMLStrField {}*/
/*.v2_HTMLStrField .v2_HTMLInput {}*//*input type="text|password"*/

.v2_HTMLTextField, .v2_HTMLSelField, .v2_HTMLCboxField { padding-top: 33px; padding-left: 43px; }
.v2_HTMLTextField .v2_HTMLInput, .v2_HTMLSelField .v2_HTMLInput, .v2_HTMLCboxField .v2_HTMLInput { border: 1px #dcdcdc solid; }

/*.v2_HTMLTextField {}*/
.v2_HTMLTextField .v2_HTMLInput {

	min-width: 300px;
	max-width: 100%;
	width: 100%;
	min-height: 300px;

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

}/*textarea*/

/*.v2_HTMLSelField {}*/
.v2_HTMLSelField .v2_HTMLInput { cursor: pointer; }
.v2_HTMLSelField .v2_HTMLInput option {}

/*.v2_HTMLCboxField  {}*/
.v2_HTMLCboxField .v2_HTMLInput {

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

	color: transparent;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}/*программный checkbox*/
.v2_HTMLCboxField .v2_HTMLInput[title="1"] { background-color: #0394d1 !important; border-color: #0394d1; }
.v2_HTMLCboxField .v2_HTMLInput[title="0"] { background-color: transparent; }

/*
===================================
HTML окна
===================================
*/

.v2_HTMLWinOut {

	min-width: 280px;
	min-height: 50px;

	border: 2px #f0f0f0 solid;
	/*border-bottom-width: 5px;*/
	box-sizing: border-box;
	background-color: #f8f8f8;

	padding-left: 41px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 10px;
	box-shadow: 5px 5px 15px -2px #adadad;

}

.v2_HTMLWinAngle {

	position: absolute;
	z-index: 3;
	top: -12px;
	left: 8px;
	width: 24px;
	height: 12px;

	background-image: url(indexStyles/v2_HTMLWinAngle_v4.png);
	background-position: left top;
	background-size: auto;
	background-repeat: no-repeat;

}

.v2_HTMLWinCloseButt:hover { opacity: 0.6; }
.v2_HTMLWinTitle {

	font-family: "OpenSansSemiBoldNorm";
	font-size: 18px;
	color: #0394d1;
	margin-bottom: 10px;
	line-height: 23px;

}

.v2_HTMLWinCont {}
.v2_HTMLWinTextCont {

	font-family: "OpenSansRegNorm";
	font-size: 18px;
	color: #5d5b5b;

}/*текстовое содержимое(без тегов)*/
.v2_HTMLWinTextCont strong { font-family: "OpenSansBoldNorm"; }
.v2_HTMLWinHTMLCont {}/*HTML содержимое*/

.v2_HTMLWinResp {

	padding: 5px;
	margin-top: 10px;
	background-color: #f0f0f0;

}
.v2_HTMLWinTextResp {

	font-family: "OpenSansBoldNorm";
	font-size: 18px;
	color: #2c3e50;

}/*текстовый ответ(без тегов)*/
.v2_HTMLWinHTMLResp {}/*HTML ответ*/

.v2_HTMLWin {}

.v2_HTMLAirWin { position: absolute; z-index: 2; }
.v2_HTMLLandWin { position: relative; }

.v2_HTMLMainWin {}/*основное окно*/
.v2_HTMLAuxWin {}/*вспомогательное окно*/

.v2_HTMLHelpWin {}/*кнопка закрытия + содержимое*/
.v2_HTMLFieldDescrPict {

	width: 100%;
	height: 280px;

	background-position: left top;
	background-size: auto;
	background-repeat: no-repeat;
	box-sizing: border-box;

	margin-bottom: 20px;

}

.v2_HTMLErrWin { border-color: #ef3334; }/*кнопка закрытия + заголовок + содержимое*/
.v2_HTMLErrWin .v2_HTMLWinAngle {}
.v2_HTMLErrWin .v2_HTMLWinTitle { color: #ef3334; }
.v2_HTMLHintWin {}/*только содержимое*/
.v2_HTMLFullWin {}/*полное окно со всеми возможными элементами*/

.v2_HTMLFieldWin { width: inherit; }/*окно для поля*/
.v2_HTMLFieldHelpWin {}
.v2_HTMLFieldErrWin {}


/*
===================================
HTML кнопки
===================================
*/

/*
======================
вспомогательные кнопки
======================
*/

.v2_HTMLButt {

	-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;

}

.v2_HTMLAuxButt {

	width: 20px;
	height: 20px;

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

	opacity: 0.3;

}
.v2_HTMLAuxButt:hover { opacity: 0.6; }

.v2_HTMLHelpButt { background-image: url(indexStyles/v2_HTMLHelpButt.png); }
.v2_HTMLCloseButt { background-image: url(indexStyles/v2_HTMLCloseButt.png); }

.v2_HTMLFieldHelpButt {

	position: absolute;
	z-index: 1;
	top: 36px;
	left: 12px;

}

.v2_HTMLWinCloseButt {

	position: absolute;
	z-index: 3;
	top: 10px;
	left: 10px;

}

.v2_HTMLInlineHelpButt { display: inline-block; }

/*
==============
обычные кнопки
==============
*/

.v2_HTMLMainButt {

	display: inline-block;
	border: 1px transparent solid;
	border-radius: 3px;

	font-family: "OpenSansLightNorm";
	text-align: center;
	box-sizing: border-box;

}
.v2_HTMLFrontButt {

	background-color: #ef3334;
	border-color: #bb2d2e;
	color: #fbfbfb;

}
.v2_HTMLFrontButt:hover { background-color: #f54142; border-color: #9a2324; box-shadow: 0 1px 1px rgba(0,0,0,0.2); }
.v2_HTMLBackButt {

	background-color: #f5f5f5;
	border-color: #dcdcdc;
	color: #909090;

}
.v2_HTMLBackButt:hover { background-color: #f7f7f7; color: #7b7b7b; box-shadow: 0 1px 1px rgba(0,0,0,0.1); }

.v2_HTMLCommButt {}
.v2_HTMLSpecButt { width: 32px; height: 32px; }

.v2_HTMLXLButt {

	padding: 18px;
	font-size: 18px;
	line-height: 15px;

}
.v2_HTMLLButt {

	padding: 12px;
	font-size: 18px;
	line-height: 15px;

}
.v2_HTMLMButt {

	padding: 10px;
	font-size: 16px;
	line-height: 14px;

}
.v2_HTMLSButt {

	padding: 8px;
	font-size: 16px;
	line-height: 14px;

}
.v2_HTMLXSButt {

	padding: 8px;
	font-size: 16px;
	line-height: 14px;

}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }

  /* Hide default HTML checkbox */
  .switch input {display:none;}

  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }

  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }

  input:checked + .slider {
	background-color: #2196F3;
  }

  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }

  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }

  .slider.round:before {
	border-radius: 50%;
  }

  .button {
    position: relative;
    background-color: #62A0CB;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    padding: 14px;
    width: 15%;
    text-align: center;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px;
	margin-right: 1em;
    margin-bottom: 1em;
  }

  .buttonCancel {
    position: relative;
    background-color: #da6568;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    padding: 14px;
    width: 83px;
    text-align: center;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0px 15px 15px 0px;
  }

  .buttonUserCancel {
    position: relative;
    background-color: #da6568;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    padding: 14px;
    width: 83px;
    text-align: center;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px;
  }

  .buttonApply {
    position: relative;
    background-color: #62A0CB;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    padding: 14px;
    width: 130px;
    text-align: center;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px 0px 0px 15px;
  }

  .buttonUserApply {
    position: relative;
    background-color: #62A0CB;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    padding: 14px;
    width: 130px;
    text-align: center;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px;
  }

/* Для таблицы в статистике: "Заработок системы" */
.date_input {
	background-color: #62A0CB;
	padding: 15px;
	color: #ffffff;
	font-size: 18px;
	border: none;
	outline: none;
	border-radius: 15px;
}

/* Кнопка для заполнения таблицы */
.button_stat_table {
	position: relative;
	background-color: #62A0CB;
	border: none;
	font-size: 16px;
	color: #FFFFFF;
	padding: 22px;
	text-align: center;
	transition-duration: 0.4s;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
	border-radius: 15px;
	margin-left: 2rem;
	margin-bottom: 1em;
}

.div_out_table {
	display: flex;
	justify-content: center;
}

.div_out_table_for_years {
	display: flex;
	overflow-x: scroll;
}

.div_out_table_payments {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-around;
}

.table_cell {
	white-space: nowrap;
	text-align: center;
	padding: 10px 10px 10px;
	font-family: "OpenSansLightNorm";
	color: #000000;
	font-size: 15px;
	border: 1px #e9edef solid;
	box-sizing: border-box;
}

.table_cell_table_for_years_name {
	white-space: nowrap;
	text-align: left;
	padding: 10px 10px 10px;
	font-family: "OpenSansLightNorm";
	color: #000000;
	font-size: 15px;
	border: 1px #e9edef solid;
	box-sizing: border-box;
}

.table_cell_left {
	text-align: left;
	padding: 10px 10px 10px;
	font-family: "OpenSansLightNorm";
	color: #000000;
	font-size: 15px;
	border: 1px #e9edef solid;
	box-sizing: border-box;
}

.table_cell_right {
	text-align: right;
	padding: 10px 10px 10px;
	font-family: "OpenSansLightNorm";
	color: #000000;
	font-size: 15px;
	border: 1px #e9edef solid;
	box-sizing: border-box;
}

.table_th {
	text-align: left;
	padding: 10px 10px 10px;
	font-family: "OpenSansLightNorm";
	color: #000000;
	font-size: 15px;
	border: 1px #e9edef solid;
	box-sizing: border-box;
}

.divider
{
	margin-top: 30px;
	margin-bottom: 10px;
	border: 1px solid grey ;
}