@font-face {
	font-family: 'Raleway-Medium';
	src: url('../../bootstrap/fonts/Raleway-Medium.ttf');
}


body {
	font-family: Raleway-Medium !important;
	font-size: 10pt !important;
	overflow: auto;
}

.sidebar-menu .treeview-menu > li > a {
	font-size: 10pt !important;
}


.ModalLeftMenuItem {
	margin-left: 18px;
	font-weight: 400;
	margin-top: 10px;
	color: dimgray;
}

.btn-sm {
	border-style: none;
	border-radius: 3px;
}

.btn-md {
	border-style: none;
	border-radius: 3px;
}

.content-wrapperContainer {
	background-color: white;
	margin-left: 230px;
}

.content-wrapperContainerHide {
	margin-left: 0px !important;
}



.MainSideBarContainer {
	padding-top: 3px !important;
	width: 230px !important;
	-webkit-transform: translate(0,0) !important;
}

.MainSideBarContainerHide {
	width: 0px !important;
}

.skin-blue-light .main-header .logo {
	/*background-color: #0D3C5B !important;*/
	background-color: #F90019 !important
}

.skin-blue-light .main-header .navbar {
	/*background-color: #0D3C5B !important;*/
	background-color: #F90019 !important
}

	.skin-blue-light .main-header .navbar .sidebar-toggle {
		/*background-color: #0D3C5B !important;*/
		background-color: #F90019 !important
	}

.skin-blue-light .main-header li.user-header {
	background-color: black !important;
}

.login-page {
	/*background-color: black !important;*/
}



@media only screen and (min-width: 800px) {
	.content-wrapperContainer {
		margin-left: 230px;
	}
}

@media only screen and (max-width: 800px) {
	.dvSearchContainer {
		display: none;
	}
}

.modal {
	overflow: auto !important;
}


.sidebar-toggle {
	border-left: 4px solid #F59120 !important;
}

.MainTitle {
	color: white;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 16pt;
	float: left;
}

.MainTitleLogo {
	color: white;
	margin-top: 5px;
	padding-left: 10px;
	font-size: 16pt;
	float: left;
}


.SearchInput {
	width: 175px;
	height: 20px;
	border-style: none !important;
	border-width: 0px !important;
	background-color: transparent;
	color: white;
	position: relative;
	top: -5px;
}

	.SearchInput:focus {
		outline: none !important;
	}


.SearchButton {
	margin-top: 5px;
	width: 20px;
	padding: 1px;
	border-radius: 8px;
}

.dvSearchContainer {
	width: 220px;
	border: 1px solid gray;
	border-radius: 16px;
	padding-left: 10px;
	background-color: black;
	float: right;
}


.anasayfa_a span {
	color: #EC1B3B;
}

.anasayfa_a img {
	content: url("../img/icons/anasayfa-icon_red.png");
}

.kullanicilar_a span {
	color: #EC1B3B;
}

.kullanicilar_a img {
	content: url("../img/icons/kullanicilar-icon_red.png");
}

.siparisler_a span {
	color: #EC1B3B;
}

.siparisler_a img {
	content: url("../img/icons/siparisler-icon_red.png");
}

.seferler_a span {
	color: #EC1B3B;
}

.seferler_a img {
	content: url("../img/icons/Seferler-icon_red.png");
}

.firmalar_a span {
	color: #EC1B3B;
}

.firmalar_a img {
	content: url("../img/icons/Firmalar-icon_red.png");
}

.gumrukler_a span {
	color: #EC1B3B;
}

.gumrukler_a img {
	content: url("../img/icons/Gumrukler-icon_red.png");
}

.araclar_a span {
	color: #EC1B3B;
}

.araclar_a img {
	content: url("../img/icons/araclar-icon_red.png");
}

.tanimlar_a span {
	color: #EC1B3B;
}

.tanimlar_a img {
	content: url("../img/icons/tanimlar-icon_red.png");
}

.doviz_a span {
	color: #EC1B3B;
}

.doviz_a img {
	content: url("../img/icons/doviz-kurlari-icon_red.png");
}


.seferlerplan_a span {
	color: #EC1B3B;
}

.seferlerplan_a img {
	content: url("../img/icons/Seferler-icon_red.png");
}


.todoUserGrid {
	margin: 1px;
}

	.todoUserGrid img {
		margin: 4px;
	}



.inputnonefocus:focus {
	outline: none !important;
}


.TodoListSearchUser {
	width: 100%;
	border-style: none;
	margin-bottom: 5px;
}

.sidebar-menu > li > a {
	padding: 6px 5px 6px 15px !important;
}

.sidebar-menu {
	padding-top: 15px;
}



[tooltip]:before {
	/* needed - do not touch */
	content: attr(tooltip);
	position: absolute;
	opacity: 0;
	/* customizable */
	transition: all 0.15s ease;
	padding: 10px;
	color: #333;
	border-radius: 10px;
	box-shadow: 2px 2px 1px silver;
}

[tooltip]:hover:before {
	/* needed - do not touch */
	opacity: 1;
	/* customizable */
	background: yellow;
	margin-top: -50px;
	margin-left: 100px;
	min-width: 180px;
	white-space: pre-line;
}

[tooltip]:not([tooltip-persistent]):before {
	pointer-events: none;
}

.tooltip-inner {
	white-space: pre-line;
}

/* FOR TEST PURPOSES ONLY */


/* TOAST MESSAGE */
#toastMessage {
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 250px; /* Set a default minimum width */
	margin-left: -125px; /* Divide value of min-width by 2 */
	background-color: #333; /* Black background color */
	color: #fff; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 2px; /* Rounded borders */
	padding: 16px; /* Padding */
	position: fixed; /* Sit on top of the screen */
	z-index: 9999; /* Add a z-index if needed */
	left: 50%; /* Center the snackbar */
	top: 120px; /* 30px from the bottom */
}

	/* Show the snackbar when clicking on a button (class added with JavaScript) */
	#toastMessage.show {
		visibility: visible; /* Show the snackbar */
		/* Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds */
		-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
		animation: fadein 0.5s, fadeout 0.5s 2.5s;
	}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
	from {
		top: 0;
		opacity: 0;
	}

	to {
		top: 120px;
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		top: 0;
		opacity: 0;
	}

	to {
		top: 120px;
		opacity: 1;
	}
}

@-webkit-keyframes fadeout {
	from {
		top: 120px;
		opacity: 1;
	}

	to {
		top: 0;
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		top: 120px;
		opacity: 1;
	}

	to {
		top: 0;
		opacity: 0;
	}
}


.datagridfooter
{

}
.datagridfooter td a,
.datagridfooter td span {
	position: relative;
	float: left;
	padding: 4px 8px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	 
}

.datagridfooter td > span {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}

.datagridfooter td:first-child > a,
.datagridfooter td:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.datagridfooter td:last-child > a,
.datagridfooter td:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.datagridfooter td > a:hover,
.datagridfooter td > span:hover,
.datagridfooter td > a:focus,
.datagridfooter td > span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}