

/* STEP FORM */
	.__stepForm
	{
		position: relative;
		width: 100%;
	    height: 100%;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	    font-family: Roboto, sans-serif;
	    color: white;
	    z-index: 999999999999999999999999999999;
	}
	@media screen and (max-width: 750px) 
	{
		.__stepForm
		{
			height: 92vh !important;
		}
	}	
	.__stepForm form
	{
	    width: 100%;
	    height: 100%;	
    
	}
	.__stepForm .__wrap
	{
		width: 100%;
		height: 100%;

	    background-color: rgb(0 0 0 / 45%);
	}
	.__stepForm .__item:not(.AnimSlideDown):not(.AnimSlideUp)
	{
		z-index: 9999;
	}
	.__stepForm .hidden
	{
		display: none !important;
	}
	.__stepForm .__item
	{
		position: absolute;
		width: 100%;
		height:100%;
		padding: 40px;
		padding-top: 50px;
		padding-bottom: 50px;
		overflow-y: auto;
		transition: top 500ms, opacity 500ms;
		transition-timing-function: ease;
		top: 0%;
		opacity: 1;
		scrollbar-width: thin;
		scrollbar-color: #D0D6DB transparent;
	}
	.__stepForm .__item > table
	{
	 	height: 100%;
	    max-width: 992px;
	    margin: 0 auto;
	}

	.__stepForm .__nextBtn  
	{
		transform: rotateY(180deg);
	    margin-left: -2px;	
	}

	.__stepForm .__btnNavig   {
	    position: relative;
	    font-family: inherit;
	    line-height: inherit;
	    font-weight: 700;
	    cursor: pointer;
	    transition-duration: 0.1s;
	    transition-property: background-color, color, border-color, opacity, box-shadow;
	    transition-timing-function: ease-out;
	    outline: none;
	    border: 1px solid transparent;
	    margin: 0px;
	    padding: 0px;
	    width: 36px;
	    min-width: 36px;
	    height: 32px;
	    -webkit-box-pack: center;
	    justify-content: center;
	    background-color: rgb(100, 78, 2);
	    color: rgb(255, 249, 230);
	    border-radius: 4px 0px 0px 4px;
	}

	.__stepForm .__btnForm, .__stepForm .__btnSec    {
	    position: relative;
	    font-family: inherit;
	    line-height: inherit;
	    font-weight: 700;
	    cursor: pointer;
	    transition-duration: 0.1s;
	    transition-property: background-color, color, border-color, opacity, box-shadow;
	    transition-timing-function: ease-out;
	    outline: none;
	    border: 1px solid transparent;
	    margin: 0px;
	    box-shadow: rgb(0 0 0 / 10%) 0px 3px 12px 0px;
	    padding: 6px 14px;
	    min-height: 40px;
	    background-color: rgb(100, 78, 2);
	    color: rgb(255, 249, 230);
	    border-radius: 4px;
	    margin-top: 20px;
	}
	.__stepForm .__btnForm span, .__stepForm .__btnSec span
	{
		margin-right: 5px;
	}

	.__stepForm .__title
	{
		position: relative;
		font-size: 22px;
		margin-bottom: 15px;
		display: block;
	}

	.__stepForm .preeseEnter
	{
		margin-left: 10px;
	    display: inline;	
	    font-size: 10px;
	}
	.__stepForm .preeseShitEnterLineBreak
	{
		font-size: 10px;    
		margin-top: 5px;
	}
	.__stepForm .bootstrap-select button:hover, .__stepForm .bootstrap-select button:focus
	{
		color: inherit;
	}
	.__stepForm .bootstrap-select .dropdown-item
	{
		outline: 0 !important;
		border: 0 !important;
		padding: 0.85rem 1.5rem !important;
	}
	.__stepForm .bootstrap-select button:focus
	{
		outline: 0 !important;
		border: 0 !important;
	}



	.__stepForm .__input, .__stepForm .bootstrap-select button
	{
		
	    display: block;
	    width: 100%;
	    padding: 0px 0px 8px;
	    border: none;
	    outline: none;
	    font-weight: 400;
	    border-radius: 0px;
	    appearance: none;
	    background-image: none;
	    background-position: initial;
	    background-size: initial;
	    background-repeat: initial;
	    background-attachment: initial;
	    background-origin: initial;
	    background-clip: initial;
	    transform: translateZ(0px);
	    font-size: 20px;
	    -webkit-font-smoothing: antialiased;
	    line-height: unset;
	    animation: 1ms ease 0s 1 normal none running native-autofill-in;
	    transition: background-color 1e+08s ease 0s, box-shadow 0.1s ease-out 0s;
	    box-shadow: rgb(255 255 255 / 35%) 0px 1px;
	    background-color: transparent !important;
	    margin-top: 10px;
	}
	.__stepForm .__input::placeholder
	{
		color: rgba(255,255,255,0.35);
	}
	.__stepForm .__input:focus {
	    box-shadow: rgb(255 255 255 / 95%) 0px 2px;
	}
	.__stepForm .__navigation.HideFadeDown
	{
		bottom: -90px;
		opacity: 0;
	}

	.__stepForm .__button_startpage
	{
		display: flex;
	    flex-wrap: nowrap;
	    align-items: baseline;
	    justify-content: center;
	    margin-top: 2em;
	}
	.__stepForm .__button_startpage .__btnForm
	{
		font-size: 18px;
	}
	.__stepForm .__logo_startpage, .__stepForm .__logo_endpage
	{
		font-size: 48px;
	    text-align: center;
	    display: block;
	    margin-bottom: 1em;
	}

	.__stepForm .AnimSlideDown
	{
		top: 50% !important;
		opacity: 0 !important;
		z-index: 999;
	}

	.__stepForm .AnimSlideUp
	{
		top: -50% !important;
		opacity: 0 !important;
		z-index: 999;
	}
	.__stepForm .__navigation
	{
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 100000;
		transition: bottom 500ms, opacity 150ms;
	}
	.__stepForm .__navigation .navig_count
	{
		font-size: 4px;
		display: inline;
		position: absolute;
		left: -35px;
		top: 5px;
	}
	.__stepForm .__navigation .navig_count > span
	{
		font-size: 14px;
		font-weight: 500;
	}
	.__stepForm .__title .__itemNbr
	{
		font-size: 4px;    display: inline;    position: absolute;    left: -25px;    top: 7px;
	}
	.__stepForm .__title .__itemNbr > span
	{
		font-size: 14px;font-weight: 500;"
	}

	.__stepForm .container_InputSelectList
	{
		display:flex;
		flex-wrap: wrap;
	}
	.__stepForm .container_InputSelectList > div.selected
	{
		box-shadow: rgb(255 255 255) 0px 0px 0px 1px inset;
	}
	.__stepForm .container_InputSelectList > div
	{
	    width: calc(50% - 6px + -4px);
	    background: red;
	    margin: 4px;
	    background-color: rgba(255, 255, 255, 0.3);
	    position: relative;
	    display: flex;
	    -webkit-box-align: center;
	    align-items: center;
	    border-radius: 4px;
	    background-color: rgba(255, 255, 255, 0.1);
	    box-shadow: rgb(255 255 255 / 60%) 0px 0px 0px 1px inset;
	    color: rgb(255, 255, 255);
	    max-width: 100%;
	    min-width: 75px;
	    min-height: 40px;
	    outline: 0px;
	    padding: 4px;
	    transition-duration: 0.1s;
	    transition-property: background-color, color, border-color, opacity, box-shadow;
	    transition-timing-function: ease-out;

	    cursor: pointer;
	    opacity: 1;    
	}
	@media screen and (max-width: 400.8px) {
		.__stepForm .container_InputSelectList > div	
		{
			width: 100%;
		}
	}
	.__stepForm .container_InputSelectList > div.selected > .list_counter
	{
		background-color: white;
		color: black;
	}
	.__stepForm .container_InputSelectList > div > .list_counter
	{
	    height: 24px;
	    display: flex;
	    -webkit-box-pack: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    align-items: center;
	    border-width: 1px;
	    border-style: solid;
	    border-radius: 2px;
	    border-color: rgba(255, 255, 255, 0.6);
	    background-color: rgb(20, 21, 24);
	    position: relative;
	    width: 24px;
	    min-width: 22px;
	    height: 24px;
	    border-radius: 2px;
	    font-size: 12px;
	    line-height: 16px;
	    font-family: sans-serif;
	    border-color: rgba(255, 255, 255, 0.6);
	    background-color: rgba(20, 21, 24, 0.8);
	    color: rgb(255, 255, 255);
	    margin-right: 5px;
	    margin-left: 5px;
	    font-weight: 600;
	}
	.__stepForm .switchdyn {
		position: relative;
		width: 52px;
		height: 25px;
	    margin-bottom: 0px;
	    display: block;	
	}

	.__stepForm .switchdyn input {display:none;}

	/* The slider-checkbox */
	.__stepForm .slider-checkbox {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.__stepForm .slider-checkbox:before {
	  position: absolute;
	  content: "";
	  height: 17px;
	  width: 17px;
	  left: 4px;
	  bottom: 4px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.__stepForm input.default:checked + .slider-checkbox {
	  background-color: #444 !important;
	}
	.__stepForm input.primary:checked + .slider-checkbox {
	  background-color: #2196F3;
	}
	.__stepForm input.success:checked + .slider-checkbox {
	  background-color: #8bc34a;
	}
	.__stepForm input.info:checked + .slider-checkbox {
	  background-color: #3de0f5;
	}
	.__stepForm input.warning:checked + .slider-checkbox {
	  background-color: #FFC107;
	}
	.__stepForm input.danger:checked + .slider-checkbox {
	  background-color: #f44336;
	}

	.__stepForm input:focus + .slider-checkbox {
	  box-shadow: 0 0 1px #2196F3;
	}

	.__stepForm input:checked + .slider-checkbox:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
	}

	.__stepForm .slider-checkbox.round {
	  border-radius: 34px;
	}

	.__stepForm .slider-checkbox.round:before {
	  border-radius: 50%;
	}
	.__stepForm .__errorAlert 
	{
	    background-color: rgb(247, 230, 230);
	    border-radius: 3px;
	    color: rgb(255, 255, 255);
	    width: auto;
	    min-height: 28px;
	    outline: 0px;
	    padding: 4px 8px;
	    position: relative;
	    margin-top: 10px;
	    display: block;    
	}
	.__stepForm .__errorAlert > span
	{
		margin: 0px;
	    max-width: 100%;
	    width: inherit;
	    font-weight: unset;
	    font-size: 14px;
	    line-height: 20px;
	    color: rgb(175, 4, 4);
	    font-family: sans-serif;	
	}
    .__stepForm .__item::-webkit-scrollbar {
        width: 10px;
    }
    .__stepForm .__item::-webkit-scrollbar-thumb {
        background: #818181;
    }
    .__stepForm .__item::-webkit-scrollbar-track {
        background: #656565;
    }
	.__stepForm .__item::-webkit-scrollbar-button {
	  width: 20px;
	  height: 0px;
	}
	.__stepForm .filter-option-inner-inner
	{
		color: white !important;
	}
	.__stepForm .__item > table	
	{
		width: 80%;
	}	
	@media screen and (max-width: 750px) 
	{
		.__stepForm .__item > table	
		{
			width: 100%;
		}
	}
	.popupBackground .AskPopupStepForm .closeIcon
	{
		right: 15px;
	}	

	.popupBackground .askPopup.AskPopupStepForm
	{
		padding: 0px !important;
		outline: 5px solid white !important;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 5px 12px 5px, rgba(60, 64, 67, 0.15) 0px 2px 12px 10px;
		scrollbar-width: thin;
		scrollbar-color: #D0D6DB transparent;		
	}	
	@media screen and (max-width: 750px) 
	{	
		.popupBackgroundStepForm .fix_mobile_responsive
		{
			position: relative;height:100%;width:100%;
			padding: 20px;			
		}	
		.popupBackgroundStepForm .fix_mobile_responsive .AskPopupStepForm
		{
			outline: white solid 2px !important;
		}
		
	}
/* END STEP FORM */