.padding4{
	padding:4px;
}
.padding6 {
	padding: 6px;
}
.padding8 {
	padding: 8px;
}
.padding12 {
	padding: 12px;
}
.padding16 {
	padding: 16px;
}


input[type=number]::-webkit-inner-spin-button {
	cursor: pointer;
}

.text--default {
    color: #212529;
}

.text-transform-unset{
	text-transform: unset !important;
}

.textarea-control{
    resize: none;
    min-height: 125px;
}
.hidden{
	display:none !important;
}
.nowrap{
	white-space:nowrap;
	text-overflow:ellipsis;
}

textarea:focus {
	outline: none;
	box-shadow: 0 0 0 0.04rem var(--litegrey);
}

input[type="text"]:focus {
	outline: none;
	box-shadow: 0 0 0 0.04rem var(--litegrey);
}

[contenteditable='true']:focus {
	outline: none;
	box-shadow: 0 0 0 0.07rem var(--darkyellow);
}

.checkbox-control {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid var(--litegrey);
    background-color: var(--sdarkgrey);
}

	.checkbox-control:focus{
		outline: none;
	}

	.checkbox-control:checked {
		background-color: var(--brown);
	}

.checkbox-control--disabled {
    background-color: var(--darkgrey);
}

.filter-disabled .checkbox-control {
    background-color: var(--darkgrey);
    border: 1px solid var(--grey);
}

.filter-disabled label{
    color: var(--grey) !important;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;	
    color: var(--grey);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 6px;
    outline: solid 1px var(--litegrey);
    padding-left: 30px;
    padding-right: 18px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

	.nice-select .current {
		line-height: 21px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow-x: hidden;
	}

.nice-select:hover {
	border-color: #dbdbdb;
}

    .nice-select:active, .nice-select.open, .nice-select:focus {
        background-color: var(--darkgrey);
        color: var(--grey);
    }

    .nice-select:after {
        border-bottom: 1px solid var(--grey);
        border-right: 1px solid var(--grey);
        content: '';
        display: block;
        height: 10px;
        margin-top: -6px;
        pointer-events: none;
        position: absolute;
        left: 10px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 10px;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

	.nice-select.open .list {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: scale(1) translateY(0);
		-ms-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		display: block;
		min-width: 100%;
	}

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none;
    }

        .nice-select.disabled:after {
            border-color: #cccccc;
        }

    .nice-select.wide {
        width: 100%;
    }

        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px;
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px;
        }

	.nice-select .list {
		background-color: var(--sdarkgrey);
		box-sizing: border-box;
		opacity: 0;
		overflow: hidden;
		padding: 0;
		margin-top: 3px;
		pointer-events: none;
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-transform-origin: 50% 0;
		-ms-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transform: scale(0.75) translateY(-21px);
		-ms-transform: scale(0.75) translateY(-21px);
		transform: scale(0.75) translateY(-21px);
		-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
		transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
		z-index: 9;
		outline: solid 1px var(--litegrey);
		max-height: 250px;
		overflow-y: auto;
	}

		.nice-select .list::-webkit-scrollbar {
			background-color: #D4D4D4;
			width: 2px;
		}

		.nice-select .list::-webkit-scrollbar-track {
			background-color: #D4D4D4;
		}

		.nice-select .list::-webkit-scrollbar-thumb {
			background-color: #BFBFBF;
		}

		.nice-select .list::-webkit-scrollbar-button {
			display: none;
		}

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 30px;
        list-style: none;
        min-height: 30px;
        outline: none;
        padding-left: 30px;
        padding-right: 18px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        color: var(--grey);
    }

		.nice-select .option:hover {
			background-color: var(--brown) !important;
			color: var(--white);
		}

        .nice-select .option.selected {
            background-color: var(--darkgrey);
        }

        .nice-select .option.disabled {
            background-color: transparent;
            color: #999;
            cursor: default;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.select-up {
	top: auto !important;
	bottom: 100%;
	margin-bottom: 8px;
}


.text-control {
    display: inline-block;
    width: 100%;
    padding: 0.275rem 0.75rem;
    font-size: 13px;
    line-height: 1.5;
    color: var(--grey);
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid var(--litegrey);
    color: var(--black);
}

	.text-control:focus{
		border-color: transparent;
	}

	.date-control {
		display: block;
		width: 100%;
		padding: 4px 6px;
		font-size: 13px;
		line-height: 1.5;
		color: var(--grey);
		background-color: var(--white);
		background-clip: padding-box;
		line-height: 21px;
		height: 21px;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}

	/*	.date-control::-webkit-calendar-picker-indicator{
			background-color: var(--gainsboro);
		}*/

		.date-control::-webkit-clear-button {
			display: block;
		}

		.disabled-field {
			animation: dfield 3s infinite ease-in-out;
		}

@keyframes dfield {
    from {
        background-color: var(--sdsarkgrey); 
    }

    50% {
        background-color: var(--darkgrey);
    }

	100% {
		background-color: var(--sdsarkgrey);
	}
}

/* row sytles */

.odn-row {
	display: flex;
}

	/*.odn-row .label {
		font-family: "Montserrat Regular",sans-serif,Arial;
		font-size: 14px;
		color: var(--litegrey);
	}

	.odn-row .value {
		font-family: "Montserrat Medium",sans-serif,Arial;
		font-size: 14px;
		color: var(--grey);
	}*/

	.mh-30{
		min-height: 30px !important;
	}

	.mh-60 {
		min-height: 60px;
	}

	.mh-auto{
		min-height: auto !important;
	}

	.h-30{
		height: 30px;
	}

	.h-60 {
		height: 60px !important;
	}

	.focus-off:focus{
		outline: unset !important;
		box-shadow: unset !important;
	}

.maxh-none {
	max-height: none !important;
}

.focus-border-off:focus {
	border-color: transparent;
}

textarea{
	resize: none;
}

/* font size sytles */
.fsz-default{
	font-size: 14px !important;
}

.fsz-2x{
	font-size: 28px !important;
}

.fsz-small {
	font-size: 11px !important;
}

.fsz-big {
	font-size: 18px !important;
}

.fsz-inherit{
	font-size: inherit;
}

.line-height-1{
	line-height: 1;
}

.line-height-30 {
	line-height: 30px;
}

.line-height-inherit {
	line-height: inherit !important;
}

/* font weight sytles */
.fw-thin{
	font-weight: 100;
}

.fw-light {
	font-weight: 300;
}

.fw-normal {
	font-weight: normal !important;
}

.fw-medium {
	font-weight: 500;
}

.fw-semibold {
	font-weight: 600;
}

.fw-bold{
	font-weight: bold !important;
}

.fw-extrabold {
	font-weight: 800;
}

.fw-black {
	font-weight: 900;
}

/* font family sytles */
.fm-monst {
	font-family: 'Montserrat',sans-serif,Arial !important;
}

.fm-oswald {
	font-family: 'Oswald',sans-serif,Arial !important;
}
.fm-arial {
	font-family: Arial, sans-serif !important;
}

.fm-arialn {
	font-family: 'Arial Narrow', sans-serif;
}

/* padding sytles */

.pd-default{
	padding: 30px;
}

.pd-left-default {
	padding-left: 30px !important;
}

.pd-right-default {
	padding-right: 30px;
}

.pd-top-default {
	padding-top: 30px;
}

.pd-bottom-default {
	padding-bottom: 30px;
}

.pd-x-default {
	padding-left: 30px;
	padding-right: 30px;
}
.pd-y-default {
	padding-top: 30px;
	padding-bottom: 30px;
}


/* margin sytles */

.mr-default {
	margin: 30px;
}

.mr-left-default {
	margin-left: 30px;
}

.mr-right-default {
	margin-right: 30px;
}

.mr-top-default {
	margin-top: 30px;
}

.mr-bottom-default {
	margin-bottom: 30px;
}

.mr-x-default {
	margin-left: 30px;
	margin-right: 30px;
}

.mr-y-default {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* color sytles */

.text-white{
	color: var(--white);
}

.text-darkgrey {
	color: var(--darkgrey) !important;
}

.text-sdarkgrey {
	color: var(--sdarkgrey) !important;
}

.text-gainsboro {
	color: var(--gainsboro) !important;
}

.text-darkyellow {
	color: var(--darkyellow) !important;
}

.text-litegrey {
	color: var(--litegrey) !important;
}

.text-grey {
	color: var(--grey) !important;
}

.text-black{
	color: var(--black);
}

.text-darkpink{
	color: var(--darkpink);
}

.text-inherit {
	color: inherit;
}

/* background sytles */
.bg-inherit {
	background-color: inherit;
}
.bg-darkpink{
	background-color: var(--darkpink);
}
.bg-litegrey {
	background-color: var(--litegrey);
}

.bg-grey {
	background-color: #212121 !important;
}

.bg-mdgrey{
	background-color: var(--grey);
}

.bg-darkgrey {
	background-color: var(--darkgrey) !important;
}

.bg-sdarkgrey {
	background-color: var(--sdarkgrey) !important;
}

.bg-sahara {
	background-color: var(--sahara) !important;
}

.bg-darkyellow {
	background-color: var(--darkyellow) !important;
}

.bg-gainsboro {
	background-color: var(--gainsboro) !important;
}

.bg-darkbrown{
	background-color: var(--darkbrown);
}


/* borders sytles */
.bd-left-gainsboro {
	border-left: 1px solid var(--gainsboro);
}

.bd-bottom-gainsboro {
	border-bottom: 1px solid var(--gainsboro);
}

.bd-bottom-dotted-gainsboro {
	border-bottom: 1px dotted var(--gainsboro);
}

.bd-bottom-litegrey {
	border-bottom: 1px solid var(--litegrey);
}

.bd-right-slitegrey {
	border-right: 1px solid var(--slitegrey);
}
.bd-top-slitegrey {
	border-top: 1px solid var(--slitegrey);
}
.bd-bottom-slitegrey {
	border-bottom: 1px solid var(--slitegrey) !important;
}
.bd-left-slitegrey {
	border-left: 1px solid var(--slitegrey);
}
.bd-top-sdarkgrey {
	border-top: 1px solid var(--sdarkgrey);
}
.bd-bottom-sdarkgrey {
	border-bottom: 1px solid var(--sdarkgrey);
}
.bd-left-transparent {
	border-left: 1px solid transparent;
}
.bd-right-transparent {
	border-right: 1px solid transparent;
}

.bd-left-brown{
	border-left: 1px solid var(--brown);
}

.bd-left-darkgreen{
	border-left: 1px solid var(--darkgreen);
}

.bd-left-white{
	border-left: 1px solid var(--white);
}
/* overflow */
.overflow-y-auto {
	overflow-y: auto;
}

.overflow-y-hidden {
	overflow-y: hidden;
}

.overflow-y-scroll {
	overflow-y: scroll;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-x-auto {
	overflow-x: auto;
}

.overflow-unset {
	overflow: unset !important;
}




.flex-1{
	flex: 1;
}

/* width sytles */

.max-width-auto{
	max-width: 999999999999999999999px !important;
}

.minw-100{
	min-width: 100%;
}
.maxw-100{
	max-width: 100%;
}

/* odn link */

.odn-link{
	color: var(--grey);
	text-decoration: underline;
}

	.odn-link:hover {
		color: var(--grey) !important;
		cursor: pointer;
	}

/* odn link */

.cursor-pointer{
	cursor: pointer !important;
}

/* default controls general styles */

/*.input-type--text:disabled, .input-type--text[readonly] {
	outline: none;
	border-color: transparent;
	box-shadow: unset;
	width: auto !important;
}*/

	.input-type--text:disabled:focus, .input-type--text[readonly]:focus {
		outline: none;
		border: transparent;
		box-shadow: unset;
	}

/*.select-control:disabled, .select-control[readonly] {
	overflow: hidden;
	outline: none;
	box-shadow: unset;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: transparent;
}*/

	.select-control:disabled:focus, .select-control[readonly]:focus, .select-control:disabled:active, .select-control[readonly]:active {
		outline: none !important;
		border-color: transparent !important;
		box-shadow: unset !important;
		color: inherit
	}


/*.date-control:disabled, .date-control[readonly] {
	outline: none;
	border-color: transparent;
	box-shadow: unset;
}*/

.textarea-control:disabled, .textarea-control[readonly] {
	outline: none;
	border-color: transparent;
	box-shadow: unset;
	overflow: auto;
}

.textarea-control::placeholder{
	color: var(--gainsboro);
}

.textarea-control::selection {
	background-color: var(--sahara);
}

.textarea-control::-webkit-scrollbar {
	width: 9px;
}

.textarea-control::-webkit-scrollbar-thumb {
	width: 9px;
}

/* translate styles */
.transform-translatey {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.widget-column-half{
	width: calc(50% - 5px);
}

.text-underline{
	text-decoration: underline;
}

.text-uppercase{
	text-transform: uppercase;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none;
	user-select: none;
}

.default-scroll::-webkit-scrollbar {
	background-color: #D4D4D4 !important;
	width: 15px !important;
}

.default-scroll::-webkit-scrollbar-track {
	background-color: #D4D4D4 !important;
}

.default-scroll::-webkit-scrollbar-thumb {
	background-color: #BFBFBF !important;
}

.default-scroll::-webkit-scrollbar-button {
	display: none !important;
}

@-webkit-keyframes autofill {
	to {
		color: inherit;
		background: transparent;
	}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill{
	-webkit-text-fill-color: var(--litegrey);
	/*-webkit-box-shadow: 0 0 0px 1000px transparent inset;*/
	transition: background-color 5000s ease-in-out 0s;
}

.button-shine {
	position: relative;
	overflow: hidden;
}

	.button-shine:hover{
		cursor: pointer;
		outline: none;
	}

	.button-shine:before {
		content: '';
		position: absolute;
		top: 0;
		left: -200px;
		width: 30px;
		height: 100%;
		background-color: var(--litegrey);
		filter: blur(40px);
		transform: skewX(-30deg);
	}
	.button-shine:hover:before{
		left: calc(100% + 150px);
		transition: 1.2s;
	}

.extinction-effect {
	position: relative;
}

	.extinction-effect:after {
		content: '';
		display: block;
		position: absolute;
		right: 15px;
		left: 0;
		bottom: 0;
		height: 24px;
		/*background: linear-gradient(to bottom, transparent, white);*/
		background: var(--sdarkgrey);
	}

	.extinction-effect:before {
		content: '';
		display: block;
		position: absolute;
		right: 15px;
		left: 0;
		top: 0;
		height: 24px;
		/*background: linear-gradient(to bottom, transparent, white);*/
		background: var(--sdarkgrey);
	}

.form-control:disabled, .form-control[readonly] {
	background-color: #bdbdbd;
}
/* Chrome, Safari, Edge, Opera */
.spin-button-off[type=number]::-webkit-outer-spin-button,
.spin-button-off[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.spin-button-off[type=number] {
	-moz-appearance: textfield;
}

input::-webkit-calendar-picker-indicator {
	filter: invert(1);
}

/*.date-control::-webkit-search-cancel-button,
.date-control::-webkit-clear-button {
	-webkit-appearance: none;
}*/

/*Documents*/

#project-container .files-container {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	padding: 15px;
	min-height: 305px;
	max-height: 305px;
	overflow-y: auto;
	overflow-x: hidden;
}


#project-container .file-item {
	width: 150px !important;
	min-height: 150px !important;
	padding: 12px !important;
}

#project-container .file-item:hover {
	background-color: transparent !important;
	border: 1px solid var(--litegrey);
}
@media all and (max-width: 400px) {
	.fsz-default {
		font-size: 12px !important;
	}
}