/*VER.20190219*/


INPUT, SELECT, TEXTAREA, BUTTON  {border-width:0px; width:100%; outline:none; font-size:16px; padding:0px;
	background-color:#FFF;}
OPTION {padding:10px 0px;}
LABEL, SELECT {cursor:pointer;}

.btn {width:auto; cursor:pointer; padding:9px 40px; margin:0px 10px 10px 10px; 
	background-color:#22AB67; border-radius:7px;
	font-size:24px; color:#FFF; font-family:Roboto Condensed;}
.btn:hover {opacity:0.7;}	
.btn-grey {background-color:#D7D7D7;}
A.btn {color:#FFF!important;}
.btn-type2 {font-size:21px; color:#408060; background-color:#BCEBCB;}
A.btn-type2 {color:#408060!important;}

.btn-wide {display:block; text-align:center; margin:0px 0px 10px 0px;}

.btn-login {text-align: center;}
.btn-create {text-align: center;}
/*padding: 9px 120px;*/
.flex-report-form {width: 50%;}

.nowrap {white-space:nowrap;}
.imp {color:#22AB67; font-weight:bold;}

/* ===== PAGES ===== */
.pages-block, .pb {margin:20px 0px;}
.pages-block > * {float:left; height:24px; line-height:26px; margin-right:10px;}

.pb .edge {border:2px solid #D7D7D7; border-radius:5px; color:#989898; padding:0px 10px;}
.pb .edge .w {min-width:35px; text-align:center;}
.pb .edge.first {padding-right:22px; background:url('/_img/forms/pb-first.png') calc(100% - 10px) center no-repeat;}
.pb .edge.last {padding-left:22px; background:url('/_img/forms/pb-last.png') 10px center no-repeat;}
.pb A.edge:hover {background-color:#DCF5E4;}

.pb .step {width:24px; border:2px solid #B0EBCC; border-radius:5px; background:none center center no-repeat;}
.pb A.step:hover {background-color:#DCF5E4;}
.pb .step.prev {background-image:url('/_img/forms/pb-prev.png');}
.pb .step.next {background-image:url('/_img/forms/pb-next.png');}

.pb .pages {height:28px; line-height:28px;}
.pb .pages > * {float:left; min-width:28px; height:28px; text-align:center; margin:0px 5px; border-radius:5px;}
.pb .pages > SPAN {background:#C5F0D3;}
.pb .pages > A:hover {background-color:#DCF5E4;}

/* ===== /PAGES ===== */


.state-point {display:inline-block; vertical-align:middle; width:10px; height:10px; margin:-4px 4px 0px 0px; border: 2px solid #3FBF7C; border-radius:12px;}
.sp-active {background-color:#3FBF7C;}
.sp-disabled {background-color:#D7D7D7; border-color:#D7D7D7;}
.sp-active-not-paid {background-color: #ffffff;}
.sp-validation {background-color:#ffffff; border-color:#D7D7D7;}

/* ===== DATA-LIST ===== */

TABLE.Tbl {background-color:#FFF;}
TABLE.Tbl TD {padding:20px;}
TABLE.Tbl TR:hover TD {background-color:#DCF5E4!important;}

TABLE.Tbl TR:nth-last-child(odd) TD {background-color:#F5F5F5;}
TABLE.Tbl TH {padding:10px 20px 10px 20px; text-align:left; color:#009948; cursor:pointer;
	background:none calc(100% - 10px) center no-repeat #D7D7D7;}
TABLE.Tbl TH.sort {background-image:url('/_img/forms/tbl-down.png');}
TABLE.Tbl TH.reverse {background-image:url('/_img/forms/tbl-up.png');}
TABLE.Tbl TH.nosort {cursor:default;}
TABLE.Tbl TH.actions {cursor:default; background-color:#F5F5F5; background-image:none;}

TABLE.Tbl .state-point {margin-right:10px;}

/* ===== /DATA-LIST ===== */

A.action, .nav A {display:inline-block; height:24px; line-height:25px; margin-right:10px; border:2px solid #B0EBCC; border-radius:5px; font-family:'Roboto Condensed'; padding:0px 12px; overflow: hidden;}
A.action:hover, .nav A:hover {background-color:#00AB51; border-color:#00AB51; color:#FFF!important;}
A.action-grey {color:#808080; border-color:#D7D7D7;}
A.action-grey:hover {background-color:#989898; border-color:#989898;}
A.action-back {border-color:rgba(0,0,0,0); background:url('/_img/forms/pb-prev.png') 2px center no-repeat; padding-left:16px;}
A.action-back:hover {color:#22AB67!important; background-color:transparent;}

A.action-green {color:#FFF!important; background-color:#22AB67; border-color:#22AB67;}
A.action-green:hover {border-color:#B0EBCC;}
A.action-go {padding-left:25px; background:url('/_img/arrow-right-green.png') 5px 6px no-repeat;}
.action-green.action-go {background-color:#22AB67;}

.action-prev, .nav-previous A  {background:url('/_img/forms/pb-prev.png') 5px center no-repeat; padding-left:20px!important;}
.action-next, .nav-next A {background:url('/_img/forms/pb-next.png') calc(100% - 5px) center no-repeat; padding-right:20px!important;}

.legend-block {margin:40px 0px; font-size:14px;}
.legend-block .i {float:left; margin-right:30px;}

UL.ok {margin:0px; padding:0px 0px 20px 25px;}
UL.ok UL.ok {padding-top:10px; padding-bottom:0px;}
UL.ok LI {list-style-image:url('/_img/forms/ok.png'); padding-bottom:8px;}


/* ===== FORMS ===== */

.form {max-width:500px;}
.form-centered {margin:0px auto;}
.form-bg {max-width:730px;}
.form-bg .form__wrapper {padding:25px; background-color:#E8FAEE; border-radius:4px; transition:background 1.8s;}
.form-360 {max-width:360px;}
.form-wide {max-width:none;}

.form-bg.form-wide {margin-bottom:25px;}

.form-collapsed {}
.form-collapsed .form__wrapper {background-color:#F0F0F0;}
.if-collapsed {transition:max-height 0.8s; max-height:700px;} /*animation*/
.form-collapsed .if-collapsed {max-height:0px; overflow:hidden;}

.fields-block {display:flex; flex-direction:row; justify-content:space-between;}
.fields-block.fb-child {margin-top:-25px;}
.fields-block .field {width:calc(50% - 10px);}
.field {margin-bottom:25px;}
.field .name {font-weight:bold;}
.field .name-ok {padding-left:20px; background:url('/_img/forms/ok.png') left 4px no-repeat;}
.field .val {border:1px solid #D7D7D7; border-radius:3px; padding:6px; margin-top:8px; background-color:#FFF;}
.field .val-disabled {background-color:#D7D7D7;}
.field .hint {color:#808080; font-size:13px; padding:4px 0px 3px 7px;}
.field .link {margin-top:10px;}
.field .link A {text-decoration:underline;}
.field .link-right {text-align:right;}
.field .title {font-size:24px; font-weight:bold; color:#14663D; font-family:Roboto Condensed;}


.vals-block {display:flex; flex-direction:row; justify-content:space-between; /*align-items:center;*/}
.vals-block .i-dv  {padding:14px 5px;}
.vals-block .i-dv-space  {min-width:10px;}
.vals-block .i-dv-space20  {min-width:20px;}

.field-info {border-top:1px solid #D7D7D7; padding-top:12px; margin-bottom:12px;}
.field-info .val {border-width:0px; padding:0px;}
.field-info .imp-text {margin-top:8px;}

.fields-lined .field {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; align-content:center;
	margin-bottom:20px;}
.fields-lined .name {font-weight:normal; padding-right:10px;}	
.fields-lined .val,.fields-lined .vals-block {width:220px; margin:0px;}
.fields-lined .vals-block {width:234px;}
.fields-lined .vals-block .val {width:auto;}
.fields-lined .vals-block .i-dv, .field.field-lined .i-dv {padding-top:10px; padding-bottom:10px;}

.field.field-lined {display:flex; flex-direction:row; justify-content:center; align-items:center; align-content:center;
	margin-bottom:20px;}
.field.field-lined  .name {font-weight:normal; padding-right:10px;}
.field.field-lined .val  {margin:0px;}

.field .val-4c INPUT {width:40px;}
.field .val-2c INPUT {width:20px;}

.form .line {height:1px; background-color:#D7D7D7; margin-bottom:25px;}
.form .dv-line {height:10px;}
.form-bg .line {background-color:#CCF0DE;}
.field .val-short {width:60px;}
.fields-lined .val-short {margin-right:160px;}

.buttons {margin-bottom:25px; text-align:center;}
.buttons-step-after {margin-bottom:45px;}
.buttons INPUT {margin-bottom:0px;}
.form-bg  .buttons {margin-top:25px;}
.form__wrapper .buttons {margin-bottom:10px;}
.buttons-left {text-align:left;}
.buttons-left  .btn {margin-left:0px;}

.button-block {float:left; margin:20px 45px 0px 0px; text-align:left;}
.button-block  .title {font-weight:bold; margin-bottom:10px;}


.checks-block {padding-top:20px; border-top:1px solid #CCF0DE;}
.checks-block .title {margin-bottom:15px; margin-top:-5px; font-weight:bold;}
.check-field {display:inline-block; margin:0px 20px 20px 0px;  user-select:none; cursor:pointer; line-height:20px;}
.check-field  INPUT {display:none;}
.check-field SPAN {display:inline-block; width:20px; height:20px; margin-right:5px; background:url('/_img/forms/cb-off.png'); vertical-align:middle; margin-top:-3px;}

.check-field  INPUT:checked + SPAN {background-image:url('/_img/forms/cb-on.png');}

.check-field  INPUT[type="radio"] + SPAN {background-image:url('/_img/forms/rb-off.png');}
.check-field  INPUT[type="radio"]:checked + SPAN {background-image:url('/_img/forms/rb-on.png');}

.col-3, .col-1x3 {width:33.3%; float:left;}
.col-3 .check-field {width:calc(100% - 20px); }
.col-2x3 {width:66.7%; float:left;}
.width-2x3 {max-width:66.7%;}
.width-none {max-width: none;}
.col-3x5 {width:60%; float:left;}
.col-2x5 {width:40%; float:left;}
.col-4x5 {width:80%; float:left;}
.col-1x5 {width:20%; float:left;}


.step-title {font-family:'Roboto Condensed'; font-weight:bold; font-size:24px; line-height:28px; margin-bottom:20px;}
.step-title .num {float:left; color:#00AB51; text-align:center; width:38px; height:38px; margin-right:10px; border:3px solid #43CC88; border-radius:50px;}
.step-title .num  SPAN {margin-top:5px; display:block;}
.step-title .title {float:left; color:#14663D; padding-top:8px;}

.form-collapsed  .step-title {margin-bottom:0px;}
.form-collapsed .step-title .num {color:#808080; border-color:#808080;}
.form-collapsed .step-title .title {color:#333;}

.selector-radio {margin:20px 0px 0px 0px;}
.selector-radio .flex-item {padding-bottom:30px;}
.selector-radio INPUT {display:none;}

.radio-item {background-color:#FFF; border:4px solid #FFF; border-radius:12px; width:190px; height:100%;}
.radio-item.big {width:250px;}
.ri__wrap {padding:10px 15px; border-radius:12px; position:relative;}
.big .ri__wrap {padding:15px 20px;}
.radio-item .name {text-align:center; margin:0px -5px 12px -5px;
	font-family:'Roboto Condensed'; font-size:21px; color:#22AB67;
	}
.radio-item .name B {font-size:24px;}	
.radio-item .list UL {padding-bottom:10px;}
.radio-item .price {border-top:2px solid #C5F0D3; padding:10px 0px 10px 0px;
	font-family:'Roboto Condensed'; font-size:24px; text-align:center; color:#14663D;
	}
.radio-item .price B {font-size:28px;}
.radio-item .button {text-align:center;}
.radio-item .button .btn {margin-bottom:0px;}
.radio-item .label-best {width:48px; height:48px; background:url('/_img/label-best.png') no-repeat; background-size:cover;
	position:absolute; top:-20px; right:10px;
	}
	
.selector-radio  INPUT[type="radio"]:checked + .radio-item  {border-color:#C5F0D3;}


/* ---------------------------------- ERRORS PART --------------------------------------- */

.ferror {display:none; bottom:0px; margin-top:10px; padding:5px 10px; border-radius:5px;
	color:#FFF; font-weight:bold; font-size:16px; background-color:#BF4A3F;}

.field-error {position:relative;}
.field-error .val {border-color:#BF564C; color:#BF564C;}
.field-error .val > * {color:#BF564C;}
.field-error .ferror {display:inline-block;}
.field-error .ferror I {position:absolute; width:0px; height:0px; margin-top:-10px;
  border-bottom:5px solid #BF564C;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
}

/* --------------------------------- SWITCHER --------------------- */
.switcher {border-bottom:4px solid #669980; margin-bottom:30px; margin-top:20px;
	font-family:Roboto Condensed; font-size:24px;
	display:flex;
	}
.sw-item {cursor:pointer; padding:15px 20px; margin-right:5px; border-radius:5px 5px 0px 0px;
	background-color:#BCEBCB; color:#14663D;}
.sw-item.this {background-color:#669980; color:#FFF; cursor:default;}

.sw-block {display:none;}
.sw-block.this {display:block;}



/* ---------------------------------- STRAP PART --------------------------------------- */

@media (max-width:1024px)
{
	.selector-radio	{justify-content:space-around!important;}
}

@media (max-width:768px)
{
	.width-2x3 {max-width:none;}
}

@media (max-width:480px)
{
	.fields-block {display:block;}
	.fields-block .field {width:100%;}
	.buttons {text-align:center;}
	.fb-child {margin-top:0px!important;}
	.fb-child .val {margin-top:0px;}
}