@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap');

@media all
{
	* 
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-family: 'Roboto', sans-serif;
	}

	::-webkit-input-placeholder {
		color: #00000044;
	}
	
	::-moz-placeholder {
		color: #00000044;
	}
	
	:-ms-input-placeholder {
		color: #00000044;
	}
	
	:-moz-placeholder {
		color: #00000044;
	}

	::-webkit-scrollbar 
	{
		width: 4px;
		height: 4px;
		background-color: #FFFFFF55;
	}

	::-webkit-scrollbar-thumb 
	{
		background: #888;
	}

	.scroll-ui::-webkit-scrollbar 
	{
		width: 4px;
		height: 4px;
		background-color: rgba(0,0,0,0.5);
	}

	.scroll-ui::-webkit-scrollbar-thumb 
	{
		background: #00003b;
	}

	.grecaptcha-badge 
	{
		visibility: hidden !important;
	}

	body
	{
		padding: 0;
		margin: 0;
		background-color: #002067;
		color: #FFF;
		font-weight: 300;
	}

	body
	{
		min-width: 375px;
	}

	body.print
	{
		padding: 30px;
		background-color: #FFF;
		color: #000;
		font-size: 13px !important;
	}

	html,
	body
	{
		font-size: 15px;
	}

	html.noscroll, 
	body.noscroll
	{
		margin: 0; 
		height: 100%; 
		overflow: hidden
	}

	.clear
	{
		clear: both;
	}

	a 
	{
		color: #002067;
	}

	a:hover 
	{
		color: #000;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		font-weight: 900;
		margin: 0;
		padding: 0;
		color: #002067;
	}

	h1
	{
		font-size: 40px;
		line-height: 44px;
		margin-bottom: 20px;
		letter-spacing: -1px;
	}

	h2
	{
		font-size: 35px;
		line-height: 38px;
		margin-bottom: 40px;
		font-weight: 600;
	}

	h3
	{
		font-size: 1.8rem;
		line-height: 2rem;
		font-weight: 700;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	h4
	{
		font-size: 1.3rem;
		font-weight: 700;
	}

	h5
	{
		font-size: 1.1rem;
		font-weight: 700;
	}

	h2 + h3,
	h3 + h4,
	p + h2,
	p + h3,
	p + h4,
	p + h5,
	img + h2,
	img + h3
	{
		margin-top: 40px;
	}

	div > h2,
	div > h3
	{
		margin-top: 0;
	}

	hr
	{
		border: 0 none;
		border-top: 1px dashed #00000033;
		margin: 20px 0;
		padding: 0;
	}

	strong,
	.bold
	{
		font-weight: 700;
	}

	.unbold
	{
		font-weight: 300 !important;
	}

	.no-wrap 
	{
		white-space: nowrap;
	}

	.disabled,
	*[disabled] 
	{
		opacity: 0.6;
	}

	.label1
	{
		font-size: 0.9rem;
		line-height: normal;
		text-transform: uppercase;
		letter-spacing: 2px;
		opacity: 0.6;		
	}

	.hide 
	{
		display: none;
	}

	img 
	{
		max-width: 100%;
	}

	.fs-small
	{
		font-size: 0.8rem;
		line-height: normal;
	}

	.fs-normal
	{
		font-size: 1rem;
		line-height: normal;
	}

	.fs-halfmid
	{
		font-size: 1.2rem;
		line-height: normal;
	}

	.fs-mid
	{
		font-size: 1.8rem;
		line-height: normal;
	}

	.fs-large
	{
		font-size: 3.5rem;
		line-height: normal;
	}

	.color-azure
	{
		color: #00CDD2 !important;
	}

	.color-gray
	{
		color: #949494 !important;
	}

	.color-orange
	{
		color: #ef8900 !important;
	}

	.color-red
	{
		color: #c7072a !important;
	}

	.color-pink
	{
		color: #FF009F !important;
	}

	.color-green
	{
		color: #00b48a !important;
	}

	.color-light
	{
		color: #ffffff93 !important;
	}

	.color-white
	{
		color: #ffffff !important;
	}

	.text-left 
	{
		text-align: left !important;
	}

	.text-center 
	{
		text-align: center !important;
	}

	.text-right 
	{
		text-align: right !important;
	}

	.annotation
	{
		font-size: 1.04rem;
		line-height: 1.5rem;
		color: rgba(0, 0, 0, 0.7);
	}

	.description
	{
		font-size: 0.85rem;
		line-height: 1.1rem;
		color: rgba(0, 0, 0, 0.6);
	}

	.tag
	{
		display: inline-block;
		padding: 3px 8px;
		font-size: 10px;
		text-transform: uppercase;		
		background-color: #dcecf2;		
		border-radius: 6px;
		margin: 1px;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	.tag.state
	{
		color: white;
		background-color: #000;
	}

	.tag.big
	{
		border-radius: 10px;
		padding: 8px 15px;
		font-size: 15px;
		font-weight: bold;
	}

	.tag.state.new
	{
		background: #13be93;
	}

	.tag.state.processing
	{
		background: #4d61e1;
	}

	.tag.state.canceled
	{
		background: #c23962;
	}

	.tag.state.activated
	{
		background: #707070;
	}

	.float-left 
	{
		float: left;
	}

	.float-right 
	{
		float: right;
	}

	.image-left 
	{
		float: left;
		margin-right: 25px;
		margin-bottom: 25px;
	}

	.image-right 
	{
		float: right;
		margin-left: 25px;
		margin-bottom: 25px;
	}

	fieldset
	{
		border: 1px solid rgba(0, 0, 0, 0.1);
		background-color: rgba(255,255,255, 0.5);
		padding: 15px;
		border-radius: 6px;
		margin-top: 5px;
		width: 100%;
    	min-width: 0;
	}

	fieldset + fieldset
	{
		margin-top: 30px;
	}

	fieldset legend
	{
		display: inline-block;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
		color: #AAA;
		letter-spacing: 2px;
		padding: 8px 15px;
		background-color: #FFF;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 6px;
	}

	fieldset legend + *
	{
		margin-top: 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="number"],
	textarea,
	select 
	{
		padding: 12px;
		font-size: 14px;
		background-color: #fff;
		color: #000;
		border-radius: 8px;
		border: 1px solid #00000066;
		width: 100%;
		margin-bottom: 10px;
	}

	.button
	{
		cursor: default;
		display: inline-block;
		border: 1px solid #CCC;
		color: #002067;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 15px;
		padding: 13px 25px;
		border-radius: 8px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 20px center;
		background-size: 18px 18px;
		vertical-align: middle;
		text-align: center;
		margin: 1px;
		
	}

	.button:not([disabled])
	{
		cursor: pointer;
	}

	.button:hover
	{
		background-color: rgba(255,255,255,0.3);
		color: #002067;
	}

	.button.focus
	{
		border-color: #afc700;
		background-color: #afc700;
		color: white;
	}

	.button.focus:hover
	{
		background-color: #ef8900;
		border-color: #ef8900;
		color: white;
	}

	.button.light
	{
		border: 1px solid #BBB;
		background-color: #F5F5F5;
		color: #00003b !important;
	}

	.button.light:hover
	{
		background-color: #fff;
		color: 000 !important;
	}

	.button.fill
	{
		border-color: #002067;
		background-color: #002067;
		color: white;
	}

	.button.fill:hover
	{
		color: white !important;
		background-color: #053191 !important;
	}

	.button.next
	{
		background-image: url(../img/ui/icon-next.svg);
		padding-right: 50px;
		background-position: center right 20px;
	}

	.button.blank.next
	{
		background-image: url(../img/ui/icon-next.dark.svg);
		padding-right: 50px;
		background-position: center right 20px;
	}

	.button.back
	{
		background-image: url(../img/ui/icon-prev.dark.svg);
		padding-left: 50px;
		background-position: center left 20px;
	}

	.button.small
	{
		font-size: 0.77rem;
		padding: 10px 20px;
	}

	.button[class*="ico-"]
	{
		padding-left: 50px;
	}

	.button.small[class*="ico-"]
	{
		background-size: 14px 14px;
		padding-left: 45px;
	}

	.footer-buttons .prop-action
	{
		text-align: right;
	}

	.icon-16
	{
		display: inline-block;
		width: 16px;
		height: 16px;
		background-color: 16px 16px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	.link-icon,
	.link-text-icon,
	.link-help
	{
		display: inline-block;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 18px 18px;
		padding: 3px;
		padding-left: 28px;
		font-size: 14px;
	}

	.link-icon
	{
		width: 28px;
		padding: 0;
	}

	.link-icon,
	.link-text-icon,
	a.link-help
	{
		cursor: pointer;
	}

	.link-help
	{
		padding-left: 0px;
		padding-right: 25px;
		background-position: center right;
		background-size: 16px 16px;
		background-image: url(../img/ui/icon-help.svg);
	}	

	.link-text-icon:hover
	{
		text-decoration: underline;
	}

	.ico-account
	{
		background-image: url(../img/ui/icon-account.svg);
	}

	.ico-apps
	{
		background-image: url(../img/ui/icon-apps.svg);
	}

	.ico-add
	{
		background-image: url(../img/ui/icon-add.svg);
	}

	.ico-cancel
	{
		background-image: url(../img/ui/icon-cancel.svg);
	}

	.ico-check
	{
		background-image: url(../img/ui/icon-check.svg);
	}

	.ico-compare
	{
		background-image: url(../img/ui/icon-compare.svg);
	}

	.ico-customer.light
	{
		background-image: url(../img/ui/icon-account-light.svg);
	}

	.ico-customer
	{
		background-image: url(../img/ui/icon-customer.svg);
	}

	.ico-delete
	{
		background-image: url(../img/ui/icon-delete.svg);
	}

	.ico-detail
	{
		background-image: url(../img/ui/icon-detail.svg);
	}

	.ico-device
	{
		background-image: url(../img/ui/icon-devices.svg);
	}

	.ico-device.light
	{
		background-image: url(../img/ui/icon-devices-light.svg);
	}

	.ico-download
	{
		background-image: url(../img/ui/icon-download.dark.svg);
	}

	.ico-edit
	{
		background-image: url(../img/ui/icon-edit.svg);
	}

	.ico-email
	{
		background-image: url(../img/ui/icon-email-white.svg);
	}

	.ico-employee
	{
		background-image: url(../img/ui/icon-employee.svg);
	}

	.ico-fajntelka
	{
		background-image: url(../img/ui/icon-fajntelka.svg);
	}

	.ico-help.light
	{
		background-image: url(../img/ui/icon-help.svg);
	}

	.ico-lock
	{
		background-image: url(../img/ui/icon-lock.svg);
	}

	.ico-logout
	{
		background-image: url(../img/ui/icon-logout.svg);
	}

	.ico-next
	{
		background-image: url(../img/ui/icon-next.svg);
	}

	.ico-prev,
	.ico-back
	{
		background-image: url(../img/ui/icon-prev.svg);
	}	

	.ico-prev.dark,
	.ico-back.dark
	{
		background-image: url(../img/ui/icon-prev.dark.svg);
	}	

	.ico-menu
	{
		background-image: url(../img/ui/icon-menu.svg);
		width: 20px;
		height: 20px;
		background-position: cente center;
	}

	.ico-more
	{
		background-image: url(../img/ui/icon-more.svg);
	}	

	.ico-next
	{
		background-image: url(../img/ui/icon-next.svg);
	}

	.ico-order
	{
		background-image: url(../img/ui/icon-order.svg);
	}

	.ico-order.light
	{
		background-image: url(../img/ui/icon-order-light.svg);
	}

	.ico-pay
	{
		background-image: url(../img/ui/icon-card.svg);
	}

	.ico-password
	{
		background-image: url(../img/ui/icon-password.svg);
	}

	.ico-phone
	{
		background-image: url(../img/ui/icon-phone2.svg);
	}

	.ico-phone.light
	{
		background-image: url(../img/ui/icon-phone2.svg);
	}


	.ico-pin
	{
		background-image: url(../img/ui/icon-pin.svg);
	}

	.ico-plus
	{
		background-image: url(../img/ui/icon-plus.svg);
	}

	.ico-plus.light
	{
		background-image: url(../img/ui/icon-plus-light.svg);
	}

	.ico-reload
	{
		background-image: url(../img/ui/icon-reload.svg);
	}

	.ico-report
	{
		background-image: url(../img/ui/icon-graph.svg);
	}

	.ico-report.light
	{
		background-image: url(../img/ui/icon-graph-light.svg);
	}

	.ico-search
	{
		background-image: url(../img/ui/icon-search-dark.svg);
	}

	.ico-search.fill
	{
		background-image: url(../img/ui/icon-search.svg);
	}

	.ico-service
	{
		background-image: url(../img/ui/icon-apps.svg);
	}

	.ico-settings
	{
		background-image: url(../img/ui/icon-settings.svg);
	}

	.ico-subscriber
	{
		background-image: url(../img/ui/icon-method.svg);
	}

	.ico-subscriber.dark
	{
		background-image: url(../img/ui/icon-method-dark.svg);
	}

	.ico-tv
	{
		background-image: url(../img/ui/icon-webapp.dark.svg);
	}

	.ico-unsubscribe
	{
		background-image: url(../img/ui/icon-minus.svg);
	}

	.ico-users
	{
		background-image: url(../img/ui/icon-users.svg);
	}

	.ico-view
	{
		background-image: url(../img/ui/icon-view.svg);
	}	

	.ico-web
	{
		background-image: url(../img/ui/icon-web.svg);
	}	

	.text-wait
	{
		display: inline-block;
		width: 40px;
		height: 40px;
		background-image: url(../img/ui/preloader.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 30px;
	}

	.table-box
	{
		overflow: auto;
	}

	table .icon
	{
		min-width: 16px;
	}

	table.table
	{
		width: 100%;
		border-spacing: 0;
		border-collapse: separate;
		border: 0 none;
		text-align: left;
		border-top: 1px dashed rgba(255, 255, 255, 0.15);
	}

	table.table th,
	table.table td
	{
		padding: 8px;
		border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
	}


	ul.menu,
	ul.menu ul,
	ul.menu li,
	ul.nav,
	ul.nav li,
	ul.tabs,
	ul.tabs li,
	ul.list,
	.steps > ul,
	.steps > ul li,
	ul.context-menu,
	ul.context-menu li,
	ul.toolbar,
	ul.toolbar li,
	ul.toolbar-action,
	ul.toolbar-action li
	{
		list-style: none outside;
		margin: 0;
		padding: 0;
	}

	ul.tabs
	{
		font-size: 0;
		margin-bottom: 0;
		padding: 0;
		overflow: auto;
		white-space: nowrap;
		border-bottom: 5px solid #ef8900;
		margin-bottom: 15px;
	}

	ul.tabs li
	{
		display: inline-block;
	}

	ul.tabs li a
	{
		display: inline-block;
		padding: 10px 20px;
		background-color: #002067;
		color: #FFF;		
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		margin-right: 2px;
		text-decoration: none;
		font-weight: 900;
		font-size: 15px;
	}

	ul.tabs li a:hover
	{
		background-color: #053191;
	}

	ul.tabs li.active a
	{
		background-color: #ef8900;
		color: #FFF;
		position: relative;
	}

	/*ul.tabs li.active a:before 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: calc(50% - 17px);
		width: 0;
		border-top: 10px solid #ef8900;
		border-left: 17px solid transparent;
		border-right: 17px solid transparent;
	}*/

	ul.tabs.small li a
	{
		padding: 10px 20px;
		font-size: 14px;
	}

	.tab-content
	{
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.5);		
		border: 1px dashed rgba(0, 0, 0, 0.2);
		border-radius: 10px;
	}

	.tab-content > h2
	{
		margin: 0;
		margin-bottom: 10px;
	}

	ul.nav
	{
		font-size: 0;
		display: block;
		overflow: auto;
		white-space: nowrap;
	}

	ul.nav::-webkit-scrollbar 
	{
		height: 2px;
		background-color: #FFF; /* or add it to the track */
	}

	ul.nav::-webkit-scrollbar-thumb 
	{
		background: #EEE;
	}

	ul.nav li
	{
		display: inline-block;
		font-size: 12px;
	}

	ul.nav li a
	{
		display: inline-block;
		color: #00000066 !important;
		padding-right: 20px;
		background-image: url(../img/ui/nav.svg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 8px 8px;
		margin-right: 10px;
		margin-bottom: 5px;
		text-decoration: none;
	}

	ul.nav li.active a
	{
		font-weight: bold;
		text-decoration: none;
	}

	ul.nav li a:hover
	{
		text-decoration: underline !important;
		color: #000 !important;
	}

	ul.list li
	{
		padding: 2px;
		padding-left: 20px;
		background-image: url(../img/ui/li.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 6px 6px;
	}

	ul.toolbar
	{
		display: block;
		background-color: rgba(255, 255, 255, 0.8);
		box-shadow: 0 5px 5px #00000011;
		/*background: linear-gradient(#FFF, #EEE);*/
		padding: 4px;
		font-size: 0;
		white-space: nowrap;
		overflow: auto;
		border: 1px solid #CCC;
		border-radius: 10px;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	ul.toolbar::-webkit-scrollbar 
	{
		background-color: #888; /* or add it to the track */
	}

	ul.toolbar::-webkit-scrollbar-thumb 
	{
		background: #AAA;
	}

	ul.toolbar li
	{
		display: inline-block;
	}

	ul.toolbar li:not(:last-child) a
	{
		border-right: 1px solid #00000011;
	}

	ul.toolbar li a
	{
		display: inline-block;
		text-decoration: none;
		border: 1px solid transparent;
		color: #000;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 600;
		padding: 10px 16px;
	}

	ul.toolbar li a[class*="ico-"],
	ul.toolbar-action li a[class*="ico-"]
	{
		background-repeat: no-repeat;
		background-position: 10px center;
		padding-left: 34px;
		background-size: 16px 16px;
	}

	ul.toolbar li a:hover
	{
		background-color: #FFFFFF;
		border-color: #DDD;
		border-radius: 8px;
	}

	ul.toolbar-action
	{
		display: block;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	ul.toolbar-action li
	{
		display: block;
	}

	ul.toolbar-action li a
	{
		display: inline-block;
		margin: 4px 0;
		font-size: 14px;
		text-decoration: none;
		color: black;
	}

	ul.toolbar-action li a:hover
	{
		text-decoration: underline;
	}

	ul.sidebar > li > a
	{
		font-weight: bold;
		display: block;
		padding: 5px;
		text-decoration: none;
		font-size: 19px;
		margin-bottom: 6px;
	}

	ul.sidebar > li ul
	{
		margin-left: 10px;
		margin-bottom: 20px;
	}

	ul.sidebar > li ul li > a
	{
		display: block;
		padding: 4px;
		padding-left: 15px;
		text-decoration: none;
		background-image: url(../img/ui/node.svg);
		background-repeat: no-repeat;
		background-position: left 8px;
		background-size: 8px 8px;
	}

	ul.sidebar > li ul li.active > a
	{
		font-weight: bold;
	}	
	
	.steps
	{
		margin: auto;
		text-align: center;
		position: relative;
		z-index: 1;
		margin-bottom: 20px;
	}

	.steps::after
	{
		clear: both;
		display: block;
		content: '';
	}

	.steps > ul
	{
		counter-reset: step;
	}

	.steps > ul li
	{
		display: inline-block;
		vertical-align: top;
		width: 20%;
		position: relative;
		text-align: center;
		color: #00000080;
		font-size: 0.9rem;
		max-width: 250px;
	}

	.steps.s4 > ul li
	{
		width: 25%;		
	}

	.steps.s3 > ul li
	{
		width: 30%;		
	}

	.steps > ul li a
	{
		color: #00000080;
		text-decoration: none;
	}

	.steps > ul li a:hover
	{
		color: #000000;
	}


	.steps.s5 > ul li
	{
		width: 15%;
	}

	.steps > ul li:before
	{
		content:counter(step);
		counter-increment: step;
		width: 42px;
		height: 42px;
		background-color: #b8b8b8;
		display: block;
		margin: 0 auto 10px auto;
		border-radius: 50%;
		line-height: 41px;
		color: #FFF;
		text-align: center;
		font-weight: 900;
		font-size: 20px;
	}

	.steps > ul li:after
	{
		content: '';
		position: absolute;
		width: 100%;
		height: 3px;
		background: #b8b8b8;
		top: 20px;
		left: -50%;
		z-index: -1;
	}

	.steps > ul li:first-child:after
	{
		content: none;
	}

	.steps > ul li.active,
	.steps > ul li.active a
	{
		color: #000;
	}

	.steps > ul li.active:after
	{
		background-color: #ef8900;
	}

	.steps > ul li.active:before
	{
	    border-color: #ef8900;
	    background-color: #ef8900;
	    color: #FFF;
	}

	ul.context-menu
	{
		display: none;
		background-color: #FFF;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
		top: 30px;
		max-width: 300px;
		z-index: 50;
		position: absolute;
		top: 60px;
		right: 5px;
		border-radius: 8px;
	}

	ul.context-menu li a
	{
		color: #000 !important;
		padding: 12px;
		padding-right: 30px;
		text-decoration: none;
		display: block;
		font-weight: 600;
		padding-left: 45px;
		background-repeat: no-repeat;
		background-position: 15px center;
		background-repeat: no-repeat;
		background-size: 18px 18px;
	}

	ul.context-menu li:not(:last-child) a
	{
		border-bottom: 1px solid rgba(0,0,0, 0.1);
	}

	ul.context-menu li:first-child a
	{
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	ul.context-menu li:last-child a
	{
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	ul.context-menu li a:hover
	{
		background-color: #F5F5F5;
	}

	#nav-message,
	#nav-message-info
	{
		border-radius: 8px;
		padding: 20px 25px;
		background-color: #57218d;
		color: #FFF;
		background-repeat: no-repeat;
		background-position: 25px center;
		background-size: 20px 20px;
		background-image: url(../img/ui/icon-warn.light.svg);
		padding-left: 60px;
		margin-bottom: 20px;
	}

	#nav-message-info
	{
		background-color: #0f9e7d;
		background-image: url(../img/ui/icon-info.light.svg);
	}

	#nav-message-info.error
	{
		background-color: #c7072a;
		background-image: url(../img/ui/icon-error.light.svg);
	}

	.nav-message-info.bar
	{
		padding: 10px 15px;
		font-size: 12px;
		background-color: #1a3da5;
		background-image: none;
		color: white;
		border-bottom: 1px solid rgba(0,0,0, 0.3);
	}

	.nav-message-info.bar a
	{
		color: white;
	}

	.pswdStrenght
	{
		padding-top: 10px;
		margin-bottom: 20px;
		font-weight: 700;
		position: relative;
	}

	.pswdStrenght:after,
	.pswdStrenght:before
	{
		display: block;
		content:'';
		position: absolute;
		left: 0;
		top: 0;
		height: 4px;
	}

	.pswdStrenght:before
	{
		right: 0;
		background-color: rgba(0,0,0,0.3);
	}

	.pswdStrenght:after
	{
		z-index: 3;
	}


	.pswdStrenght.short
	{
		color: #d43960;
	}

	.pswdStrenght.short:after
	{
		width: 25%;
		background-color: #d43960;
	}

	.pswdStrenght.weak
	{
		color: #c88200;
	}

	.pswdStrenght.weak:after
	{
		width: 50%;
		background-color: #c88200;
	}

	.pswdStrenght.good
	{
		color: #0c80de;
	}

	.pswdStrenght.good:after
	{
		width: 75%;
		background-color: #0c80de;
	}

	.pswdStrenght.strong
	{
		color: #009e3f;
	}

	.pswdStrenght.strong:after
	{
		width: 100%;
		background-color: #009e3f;
	}

	.form-items
	{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.form-items > .item
	{
		flex: auto;		
		min-width: 250px;
	}

	.form-items > item:not(:last-child)
	{
		margin-bottom: 10px;
	}

	.form-items > .item label
	{
		display: inline-block;
		margin-bottom: 3px;
	}

	table.border
	{
		border: 1px solid #CCC;
	}

	table.table,
	table.form,
	table.items,
	table.services,
	table.attrib
	{
		width: 100%;
		border-spacing: 0;
		border-collapse: separate;
	}

	table.items,
	table.services,
	table.attrib
	{
		font-size: 13px;		
	}

	table.items tr > td,
	table.items tr > th
	{
		padding: 5px 8px;
		vertical-align: middle;
	}

	table.items > thead > tr > th
	{
		background-color: transparent;
		border-bottom: 4px solid #00000022;
		color: #999;
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
		padding: 8px;
	}

	table.items > tbody > tr > th
	{
		padding: 10px;
		padding-top: 15px;
		background: linear-gradient(#FAFAFA, transparent);
		text-transform: uppercase;
		font-size: 11px;
		letter-spacing: 2px;
		color: #AAA;
		border-top: 1px solid #00000022;
		border-bottom: 1px solid #00000022;
	}

	table.items > thead + tbody > tr > th
	{
		border-top: 0 none;
	}

	table.items > thead > tr > th.no-border[colspan]
	{
		border-bottom-width: 1px;
		padding-bottom: 6px;
	}

	table.items > tbody > tr > td,
	table.items > tbody > tr > th
	{
		background-color: #F5F5F5;
		white-space: nowrap;
	}

	table.items > tbody > tr:nth-child(2n+0) > td,
	table.items > tbody > tr:nth-child(2n+0) > th
	{
		background-color: #FFF;
	}

	table.items > tbody > tr > td.focus,
	table.items > tbody > tr > th.focus,
	table.items > thead > tr > th.focus
	{
		border-left: 1px solid #00000022;
	}

	table.items > tbody > tr > td.focus2,
	table.items > tbody > tr > th.focus2,
	table.items > thead > tr > th.focus2
	{
		background-color: #DDD;
	}

	table.items > tbody > tr:nth-child(2n+0) > td.focus2,
	table.items > tbody > tr:nth-child(2n+0) > th.focus2,
	table.items > thead > tr:nth-child(2n+0) > th.focus2
	{
		background-color: #EEE;
	}

	table.items > tfoot > tr > th,
	table.items > tfoot > tr > td
	{
		border-top: 4px solid #00000022;
	}

	table.services > tbody > tr > td,
	table.services > tbody > tr > th,
	table.attrib > tbody > tr > td,	
	table.attrib > tbody > tr > th
	{
		vertical-align: middle;
		padding: 5px 8px;
		text-align: left;
	}

	table.attrib > tbody > tr > td,	
	table.attrib > tbody > tr > th
	{
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	table.attrib > tbody > tr.focus > td,	
	table.attrib > tbody > tr.focus > th
	{
		background-color: #fff;
		border-bottom-width: 4px;
	}

	table.form td
	{
		padding: 0 15px 15px 0;
	}

	table.form td:last-child
	{
		padding-right: 0;
	}

	table.form tr:last-child td
	{
		padding-bottom: 0;
	}

	table.services > tbody > tr > td,
	table.services > tbody > tr > th
	{
		padding: 3px 5px;
	}

	.column-content .col-group
	{
		margin: 0;
	}

	.paging-box
	{
		font-size: 0;
		text-align: center;
	}

	.paging-box > *
	{
		display: inline-block;
		vertical-align: middle;
	}

	.paging
	{
		font-size: 0;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.paging .legend
	{
		display: inline-block;
		color: #888;
		vertical-align: middle;
		margin-right: 20px;
		font-size: 15px;
	}

	.paging .label
	{
		font-size: 15px;
		display: inline-block;
		margin-right: 10px;
		color: rgba(0, 0, 0, 0.4);
		vertical-align: middle;
	}

	.paging.select select
	{
		width: auto;
		vertical-align: middle;
		margin-right: 10px;
		padding: 7px 10px;
	}

	.paging-buttons
	{
		text-align: center;
		margin-top: 30px;
		width: 100%;
	}

	.paging .pg,
	.paging-buttons a.prev,
	.paging-buttons a.next
	{
		background-color: #002067;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		border:0 none;
		color: #FFF;
		vertical-align: middle;
		display: inline-block;
		margin-left: 4px;
		font-size: 14px;
		padding: 9px 20px;
		background-image: url(../img/ui/arrow-right-white.svg);
		background-repeat: no-repeat;
		background-size: 14px 14px;
		border-radius: 8px;
	}

	.paging-buttons a.prev,
	.paging-buttons a.next
	{
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.paging .pg:hover,
	.paging-buttons a.prev:hover,
	.paging-buttons a.next:hover
	{
		background-color: #053191;
	}

	.paging-buttons a.prev
	{
		background-image: url(../img/ui/icon-prev.svg);
		background-position: left 20px center;
		padding-left: 45px;
	}

	.paging-buttons a.next
	{
		background-image: url(../img/ui/icon-next.svg);
		background-position: right 20px center;
		padding-right: 45px;
	}

	.paging .pg
	{
		background-image: none;
	}

	.paging .pg.active
	{
		background-color: #ef8900;
	}

	#dialog-box .dlg h1,
	#dialog-box .dlg h2,
	#dialog-box .dlg h3,
	#dialog-box .dlg h4 
	{
		text-align: inherit;
	}


	#dialog-box .dlg h1 
	{
		font-size: 3.2rem;
		line-height: 3.4rem;
		margin: 0 40px 20px 0;
	}

}


@media (max-width: 1199px) 
{
	.footer-buttons > *
	{
		text-align: center !important;
	}

	.footer-buttons .button
	{
		margin-bottom: 14px;
	}

	table.form td
	{
		display: block;
	}

	table.items
	{
		font-size: 14px;
	}

	table.items:not(.full) tr > th
	{
		display: none;
	}

	table.items:not(.full) tr > td
	{
		display: block;
		width: auto !important;
		padding: 1px 15px !important;
		text-align: left !important;
	}

	table.items:not(.full) tr > td:first-child
	{
		padding-top: 10px !important;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	table.items:not(.full) tr > td:last-child
	{
		padding-bottom: 10px !important;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		margin-bottom: 5px;
	}

	table.items:not(.full) tr > td.td-menu
	{
		width: auto !important;
		text-align: right !important;
	}

	table.form td
	{
		padding: 5px 0 !important;
	}
}


@media (min-width: 1199px) 
{
	::-webkit-scrollbar 
	{
		width: 10px;
		height: 10px;
	}

	fieldset
	{
		padding: 25px;
	}

	ul.tabs
	{
		padding: 0 20px;
	}

	table.items.hover > tbody > tr:hover > td,
	table.items.hover > tbody > tr:hover > th
	{
		background-color: #dfecf2 !important;
	}

	.tab-content
	{
		padding: 30px;
	}

	.steps > ul li
	{
		font-size: 1.1rem;
	}

	.tiles .item
	{
		display: inline-block;
		vertical-align: top;		
		font-size: 15px;
		margin: 0 20px 20px 0;
	}

	ul.toolbar
	{
		padding: 4px;
	}

	ul.toolbar li a
	{
		font-size: 13px;
	}
	
}


@media (min-width: 1440px) 
{
	h1
	{
		font-size: 5rem;
		line-height: 5.4rem;
	}

	ul.nav li
	{
		font-size: 13px;
	}

	ul.tabs li a
	{
		padding: 14px 25px;
		font-size: 16px;
	}

	.steps
	{
		margin-bottom: 50px;
	}

}


@media (min-width: 1920px) 
{
	
}