html.default-cursor {
    cursor: default !important;   
}


input:focus {
	outline: 0;
}

ul.ui-autocomplete {
	z-index: 3000;
}


a {
	color: #E0E0E0;
	text-decoration: none;
	transition-duration: 0.2s;
}

a:hover {
	color: #1DA9F0;
	text-decoration: underline;
}


.f-os {
    font-family: 'Open Sans', sans-serif;
}


.small {
	font-size: 21px;
	color: #5E5E5E;
}

.section {
	width: 1300px;
	margin: 74px auto 34px;
	
	padding: 20px 0;

    position: relative;
}

.section::after {
    content: "";

    margin-top: 71px;
    height: 2px;
    background: linear-gradient(to right, transparent 80%, #ffffff 80%), linear-gradient(to right, transparent, #ececec, transparent);
    background-size: 33px 1px, 100% 1px;
    display: block;
    position: absolute;

    width: 100%;

    transition: visibility 0.3s, opacity 0.3s linear;

    visibility: hidden;
    opacity: 0;
}

.section.visible::after {
    visibility: visible;
    opacity: 1;
}

.section .field {
    margin: 5px 0;
}






.form {
    margin: 0 0 0 306px;
}


.gross-salary {
	font-size: 42px;
	text-align: right;
	
	width: 226px;
	
	/*height: 51px;*/
	
	padding: 0 2px 0 10px !important;
	margin: 0 28px 0 0;
	line-height: 0;
}



input.underline {
	padding: 10px;
	border: none;
	border-bottom: solid 2px #c9c9c9;
	transition: border 0.3s;
}

input.underline:focus,
input.underline.focus {
	border-bottom: solid 2px #969696;
}

input.underline::-webkit-input-placeholder {
	font-size: 22px;
	text-align: left;
	line-height: 80px;
    color: #c5c5c5;
}

input.underline::selection {
	background-color: #D6F1FF;
}



.form .selects {
	display: inline-block;
	position: relative;
	top: -4px;
}

.cd-dropdown {
	display: inline-block;
	margin: 0 24px 0 6px;
	position: relative;
	top: -5px;
}

.tax-table {
	width: 115px;
}

.year {
	width: 132px;
}







.result {
    margin: 0 15px;
    width: 530px;
    float: left;

    cursor: default;
}

.result .field .small {
	display: inline-block;
    width: 54%;
}

.result .field .value {
	text-align: right;
	width: 40%;
	
	margin: 0 10px;
	display: inline-block;
	position: relative;
	top: 2px;
	
	visibility: hidden;
}

.value.na {
	color: #AEAEAE !important;
}



.mtr-box {
    margin: 19px 0 0;

    cursor: default;
}

.mtr-box input.municipality {
	width: 160px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
    font-weight: 600;
	padding: 6px 4px 3px;
	height: 27px;
	color: #fe9f9b;
	line-height: 2;
}

.mtr-box input.municipality::selection {
    background-color: #F5F5F5;
}

.mtr-box input.municipality::-webkit-input-placeholder {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    font-weight: normal;
	line-height: 80px;
}

.mtr-box .tax-rate {
	color: #fc746e;
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
    font-weight: 600;
	margin: 19px;
	position: relative;
	top: 3px;
	display: inline-block;
}

.mtr-box .tax-rate:empty:before {
    content: "\200b";
}



.deducted-tax {
    color: #CFCFCF;
    font-size: 27px;
    text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.05);
}

.deducted-tax.p {
    color: #00bfff;
}

.net-salary {
	color: #2B62A9;
	font-size: 32px;
	font-weight: 800;
}


#net-salary-difference {
    visibility: hidden;
}

#net-salary-difference span.value {
    color: #63B100;
    font-size: 24px;
    font-weight: 800;
}