@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-ExtraBold.eot');
	src: local('../fonts/Gilroy ExtraBold'), local('../fonts/Gilroy-ExtraBold'),
	url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
	url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-SemiBold.eot');
	src: local('../fonts/Gilroy SemiBold'), local('../fonts/Gilroy-SemiBold'),
	url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-SemiBold.woff') format('woff'),
	url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Light.eot');
	src: local('../fonts/Gilroy Light'), local('../fonts/Gilroy-Light'),
	url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-Light.woff') format('woff'),
	url('../fonts/Gilroy-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Regular.eot');
	src: local('../fonts/Gilroy Regular'), local('../fonts/Gilroy-Regular'),
	url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-Regular.woff') format('woff'),
	url('../fonts/Gilroy-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Medium.eot');
	src: local('../fonts/Gilroy Medium'), local('../fonts/Gilroy-Medium'),
	url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-Medium.woff') format('woff'),
	url('../fonts/Gilroy-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-UltraLight.eot');
	src: local('../fonts/Gilroy UltraLight'), local('../fonts/Gilroy-UltraLight'),
	url('../fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-UltraLight.woff') format('woff'),
	url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Bold.eot');
	src: local('../fonts/Gilroy Bold'), local('../fonts/Gilroy-Bold'),
	url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-Bold.woff') format('woff'),
	url('../fonts/Gilroy-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Thin.eot');
	src: local('../fonts/Gilroy Thin'), local('../fonts/Gilroy-Thin'),
	url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-Thin.woff') format('woff'),
	url('../fonts/Gilroy-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Black.eot');
	src: local('../fonts/Gilroy Black'), local('../fonts/Gilroy-Black'),
	url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gilroy-Black.woff') format('woff'),
	url('../fonts/Gilroy-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

:root {
	--tablet: 860px;
	--smallMonitor: 1024px;
	--largeMonitor: 1200px;
	/*--font-family: 'Open Sans', sans-serif;*/
	--color-red: #FF5A5A;
	--color-text: #4F5665;
	--color-black: #0C0C0C;
	font-family: "Gilroy", sans-serif!important;
	/*font-size: 16px;*/
}
.sidebar-menu {
	/*font-size: 16px !important;*/
}
body {
	font-family: "Gilroy", sans-serif!important;
	/*font-size: 16px;*/
	background-color: #F1F1F1;
	/*font-family: var(--font-family) !important;*/
}

body ::-webkit-scrollbar {
	width: 6px;
}

.ui.vertical.menu.sidebar-menu {
	margin-top: 44px !important;
	max-height: calc(100% - 40px) !important;
	height: calc(100% - 40px) !important;
}

.ui.vertical.menu.sidebar-menu .item i.icon {
	float: left;
	margin: 0em 0.5em 0em 0em;
}

.main-content {
	padding-top: 60px;
	padding-left: 1%;
	padding-right: 1%;
}

@media (min-width: 768px) {
	.ui.vertical.menu.sidebar-menu {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		width: 20rem !important;
	}
	.main-content {
		margin-left: 20rem;
	}
	.sidebar-menu-toggler {
		display: none !important;
	}

}
.ui.modal {
	margin-top: 0 !important;
}

.MessageSuccess{
	background:#c0c0c0;
	width: 50%;
	height:40px;
	color:#000000;
	border:3px solid #00FF00;
	text-align: center;
}

.MessageError{
	background:#c0c0c0;
	width: 50%;
	height:40px;
	color:#000000;
	border:3px solid #FF0000;
	text-align: center;
}

.MessageWarning{
	background:#c0c0c0;
	width: 50%;
	height:40px;
	color:#000000;
	border:3px solid yellow;
	text-align: center;
}


.SortableTable {
    border: 1px solid #cccccc;
    margin: 0px;
    field: 0px;


}

.SortableTable td{
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}