/*Template ile gelen CSS class yapısını bozmadan extend edilen kısım en sonda uygulanır, var olan clasları override eder. */
/*overrided classes*/



@media screen and (min-width: 0px) and (max-width: 230px) {
	.user_thumb {
		display: none !important;
	}
}

@media screen and (min-width: 0px) and (max-width: 300px) {
	.technoik {
		display: none !important;
	}
}

@media screen and (min-width: 0px) and (max-width: 480px) {

	.firm_info {
		display: none !important;
	}

	.switch_bar ul.responsive, .resp_menu {
		display: inherit !important;
	}

	.switch_bar ul li {
		height: 40px !important;
		width: 40px !important;
		margin: 0;
		padding: 0;
	}

		.switch_bar ul li a.rm {
			height: auto !important;
			width: auto !important;
			padding: 0;
			border: none;
		}

		.switch_bar ul li .stats_icon {
			top: 0;
			left: 0;
			margin: 0;
		}

	.switch_bar ul, .stats_bar ul.menu {
		display: none;
	}

	#widget_tab li a {
		padding: 0 7px !important;
	}

	.wtbl_list tr th {
		padding: 12px 2px;
	}

		.wtbl_list tr th:first-child {
			padding-left: 5px;
		}

	.wtbl_list tr td {
		padding: 8px 2px;
	}

		.wtbl_list tr td:first-child {
			padding-left: 5px;
		}

	th.msg_date {
		width: 70px !important;
	}

	th.msg_subject {
		width: 150px !important;
	}

	.td-vertical-mobile {
		overflow: hidden !important;
		max-width: 80px !important;
		white-space: nowrap !important;
	}

	.dataTables_length {
		overflow: hidden;
		width: 0;
		height: 0;
	}

	.dataTables_filter {
		width: 100%;
	}

	.dataTables_info {
		overflow: hidden;
		width: 0;
		height: 0;
	}

	.table_content {
		overflow: hidden !important;
	}
}


@media screen and (min-width: 481px) and (max-width: 768px) {
	#header {
		height: 60px !important;
	}

	.header_left {
		float: none;
		width: 480px !important;
	}

	.header_right {
		width: 280px !important;
	}

	.main_content .grid_6 {
		width: 47.0% !important;
	}

	#widget_tab li a {
		padding: 0 12px !important;
	}

	.table_content {
		overflow: hidden !important;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.main_content .grid_6 {
		width: 47.0% !important;
	}

	#widget_tab li a {
		padding: 0 12px !important;
	}

	.responsive_menu {
		display: inherit !important;
	}
}

/*.responsive_menu {
  display: none;
}*/

#header {
	position: inherit;
	z-index: 99999;
}

#left_bar {
	width: 200px;
}

#container {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
}


#sidebar {
	position: fixed;
	margin-left: auto;
	width: 200px;
}

.top_search {
	right: 200px;
}

.views_s {
	margin-top: 5px;
}

.sprtr {
	border-bottom: 3px solid Gainsboro;
}

.widget_top h6, .widget_top h6 a, .social_activities .block_label {
	text-transform: none;
}

.block_label ul {
	margin: 15px 0px;
	font-weight: normal;
}

.badge_icon_20 {
	position: absolute;
	right: 8px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/sprite-icons/icons-color.png) no-repeat;
}

.social_activities {
	overflow: hidden;
	padding: 0;
	width: auto;
}

.views_s, .views_s .block_label {
	width: 158px;
}

.widget_content .gallWrap {
	margin: 22px;
	margin-bottom: 0px;
}

.widget_content .pGallery li {
	margin: 3px;
	width: 60px;
	height: 60px;
}

.stats_bar li {
	margin-top: 5px;
}

	.stats_bar li a {
		padding: 0;
		width: 100px;
		height: 50px;
	}

		.stats_bar li a .label {
			position: inherit;
			display: block;
			padding-top: 12px;
			padding-left: 40px;
			height: 40px;
			color: #333;
			font-weight: bold;
			line-height: normal;
		}

	.stats_bar li .btn_intro {
		display: inline-block;
		line-height: 0px;
	}

.stats_bar .btn_intro {
	display: none;
}


.news_thumb {
	margin-top: 0px;
	margin-bottom: 10px;
	width: 50px;
	height: 50px;
}

.welcome_thumb img {
	width: 100%;
	height: auto;
}

.welcome_thumb {
	width: 94%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}

.ticket_info {
	margin-bottom: 0px;
}

	.ticket_info p {
		padding-left: 0px;
	}

	.ticket_info h4 {
		margin-top: 0px;
		padding-top: 0px;
		color: #666666;
		line-height: normal;
	}

.p_clock {
	padding-left: 22px !important;
	background-position: 0 -1340px !important;
}

.p_comment {
	padding-left: 22px !important;
	background-position: 0 -421px !important;
}

.p_category {
	padding-left: 22px !important;
	background-position: 0 -500px !important;
}

.p_writer {
	padding-left: 22px !important;
	background-position: 0 -2020px !important;
}


#theme-default .nav_icon, #theme-default .p_dashboard {
	background: url(../images/sprite-icons/icons-color.png) no-repeat;
}

/*=== TOP RIGHT USER NAV ===*/

.header_left {
	margin: 0;
	padding: 0;
	width: 100% !important;
	border: 0px solid red;
}

	.header_left li {
		padding-right: 5px;
		padding-left: 4px;
		height: 60px !important;
		border: 0px solid white;
	}

.user_thumb {
	float: right;
	margin-right: 0px;
	padding: 0;
	width: auto;
	height: auto;
	background-color: transparent !important;
}

	.user_thumb img {
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px2px;
		border-radius: 2px;
	}

.technoik {
	float: left;
}

	.technoik img {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px5px;
		border-radius: 5px;
		margin-right: 8px;
	}

.firm_info {
	float: left;
}

	.firm_info span {
		text-align: left;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		font-family: Arial, Helvetica, sans-serif;
	}

	.firm_info .name {
		color: white;
		font-size: 20px;
		font-weight: bold;
		padding-top: 6px;
	}

	.firm_info .web {
		color: whitesmoke;
		font-size: 14px;
		padding-top: 4px;
	}

	.firm_info .name a {
		color: whitesmoke;
	}


.main_content {
	margin: 0px;
	min-height: 290px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: white;
}

	.main_content .grid_12 {
		margin: 2px;
		padding: 2px;
		padding-bottom: 5px;
		border-bottom: 1px solid gainsboro;
	}

	.main_content .grid_3 input {
		width: 95%;
	}

.form_container ul li {
	padding-top: 6px;
	padding-bottom: 6px;
}

	.form_container ul li label.field_title {
		margin: 0;
		padding: 0;
		border: 0px dotted red;
		text-transform: none;
	}

.form_container .left_label label.field_title {
	float: left !important;
	margin-right: 4%;
	padding-top: 6px;
	width: 25%;
}

.form_container .left_label .form_input {
	position: relative;
	margin-left: 30%;
	width: 70%;
}

label.field_title {
	display: block; /*font-size: 11px;*/
	float: left !important;
	overflow: hidden;
	margin-top: 0px;
	width: 40%;
	border: 0px dotted blue;
	color: #555;
	white-space: nowrap;
	font-weight: bold;
	line-height: 20px;
}

textarea.field_value {
	float: none !important;
	width: 95%;
	color: #555;
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

input.field_value, select.field_value {
	float: none !important;
	width: 55%;
	color: #555;
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/*input.field_value {
	text-transform: uppercase;
}*/

/*input.ConvertUCase {
	text-transform: uppercase;
}*/

input.autonumeric-decimal {
	text-align: right;
	padding-right: 7px;
	width: 53%;
}

label.field_value {
	display: block; /*font-size: 11px;*/
	margin-top: 5px;
	width: 100%;
	border: 0px dotted red;
	color: #555;
	font-weight: normal;
	line-height: 10px;
}



#theme-default .logout a .icon2 {
	position: absolute;
	top: 3px;
	left: 3px;
	display: block;
	border: #9bd0ea 1px solid;
	background: #c0d6e1 url(../images/sprite-icons/layout-icons.png) no-repeat 0px -90px;
}

.badge_style {
	text-transform: none;
}

.logo_small {
	margin-left: 10px;
}

.chzn-drop li {
	height: auto !important;
}

.chzn-search input[type="text"] {
	height: auto !important;
}

.login_form .chzn-container {
	margin: 11px 0;
}

	.login_form .chzn-container a {
		border: none;
	}

.login_form input[type="password"] {
	padding-left: 7px;
	width: 85%;
	font-size: 14px;
}

.login_form input[type="text"] {
	padding-left: 7px;
	width: 85%;
	font-size: 14px;
}

.login_firm {
	border-bottom: #ccc 1px solid;
	background: url(../images/sprite-icons/layout-icons.png) no-repeat -426px -298px;
}

.wtbl_list th.caption, .wtbl_list td.caption {
	padding: 10px;
	padding-left: 15px;
	color: #666699;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
}

.wtbl_list td.noRecords {
	color: #993333;
}

#widget_tab li a {
	padding: 0 12px !important;
}

.user_name {
	font-size: 14px;
}

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

	.page_title h3 {
		text-align: right;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		padding: 0;
		padding-right: 10px;
	}


/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/********************************************* add new classes ********************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/


.hide {
	display: none;
}

.cright {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

	.cright a {
		display: block;
		padding-top: 15px;
		width: 100%;
		text-align: center;
	}

	.cright span {
		display: block;
		margin: 0;
		margin-top: 4px;
		padding: 0;
		width: 100%;
		text-align: center;
	}

	.cright small {
		font-size: 9px;
	}

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

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

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

.symbol {
	font-family: Symbol;
}

.main_content .sep_title {
	border-bottom: 1px solid gainsboro;
	color: #0066CC; /*margin-left: 8px;*/
	font-weight: bold;
}

	.main_content .sep_title h6 {
		margin-top: 8px;
		padding-top: 0px;
		padding-bottom: 4px;
		font-size: 13px !important;
	}

.main_content .sep {
	padding-bottom: 0;
	border: 0;
}


tr[class*='tr-details'] {
	color: #666699;
}

	tr[class*='tr-details'] strong {
		display: inline-block;
		width: 60px;
	}


.wtbl_list .approval-state-list td {
	padding: 4px;
	border: none;
}

.approval-state-list {
	width: 100%;
}

	.approval-state-list td.key {
		width: 80px;
		font-weight: bold;
	}

	.approval-state-list td.value {
		border-left: 1px dashed #ddd;
	}

.action-icons-2 {
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url(../images/sprite-icons/extras/icon16_color_cr2.png) no-repeat;
	text-indent: -999999px;
}

.action-icons-3 {
	display: inline-block;
	margin-top: 7px;
	margin-right: 2px;
	margin-left: 2px;
	width: 17px;
	height: 16px;
	background: url(../images/sprite-icons/extras/icon16_color_cr2.png) no-repeat;
	text-indent: -999999px;
}

.action-icons-4 {
	height: 20px;
	width: 20px;
	display: inline-block;
	background: url(../images/sprite-icons/icon-black.png) no-repeat;
	margin-top: 4px;
	margin-left: 4px;
}

.a-ozluk {
	background-position: -200px -20px;
}

.a-bordro {
	background-position: -60px -20px;
}

.a-izin {
	background-position: -720px -20px;
}

.a-avans {
	background-position: -860px -20px;
}

.a-masraf {
	background-position: -540px -20px;
}

.a-pending {
	background-position: -2px -43px;
}

.a-approved {
	background-position: -721px -22px;
}

.a-denied {
	background-position: -741px -22px;
}

.a-done {
	background-position: -401px -22px;
}

.a-unknown {
	background-position: -900px -2px;
}

.a-a1 {
	background-position: -41px -22px;
}

.a-a2 {
	background-position: -41px -2px;
}

.a-ik {
	background-position: -201px -1px;
}

.tab-icons {
	display: inline-block;
	margin: 0;
	margin-top: 11px;
	padding: 0;
	width: 17px;
	height: 17px;
	background: url(../images/sprite-icons/icons-color.png) no-repeat;
	text-indent: -999999px;
}

.t-wait {
	background-position: -42px -2px;
}

.t-approved {
	background-position: -2px -2px;
}

.t-official {
	background-position: -242px -142px;
}

.t-pdf {
	background-position: -221px -62px;
	margin: 0;
}

.t-print {
	background-position: -361px -141px;
	margin: 0;
}

.t-show {
	background-position: -302px -81px;
	margin: 0;
}

.t-hakedis {
	margin-top: 12px;
	background-position: -741px -182px;
}

.t-messages {
	margin-top: 12px;
	background-position: -981px -62px;
}

.t-depends {
	margin-top: 12px;
	background-position: -182px -80px;
}

.t-izinRaporu {
	margin-top: 12px;
	background-position: -983px -20px;
}

.t-last-used {
	margin-top: 12px;
	background-position: -1px -42px;
}

.t-general {
	background-position: -382px -62px;
}

.t-ident {
	margin-top: 12px;
	background-position: -981px -184px;
}

.t-contact {
	background-position: -361px -163px;
}

.t-other {
	background-position: -601px -162px;
}

.t-sum {
	background-position: -221px -121px;
}

.t-sum2 {
	background-position: -42px -42px;
}

.t-request {
	background-position: -521px -82px;
}

.t-request2 {
	background-position: -302px -202px;
}

.t-approvals {
	background-position: -323px -3px;
}

.t-welcome {
	margin-top: 12px;
	background-position: -42px -82px;
}

.t-noIcon {
	background-position: 16px 16px;
}

.t-news {
	background-position: -102px -142px !important;
}

.t-down {
	background-position: -982px -2px;
	margin: 0;
}

.t-undo {
	background-position: -962px -2px;
	margin: 0;
}
.t-edit {
	background-position: -821px -121px;
	margin: 0;
}
.t-mail {
	margin-top: 12px;
	background-position: -982px -61px;
}

.strike {
	text-decoration: line-through;
}


.ac_textarea {
	width: 100%;
}

.dropcap-A {
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 15px;
	height: 15px;
	color: #fff;
	display: block;
	line-height: 15px;
	margin: 0px 8px 0px 0px;
	padding: 5px;
	border-radius: 100px;
	background: #0e354a;
}

.dropcap-B {
	float: left;
	font-size: 35px;
	text-align: center;
	width: 45px;
	height: 45px;
	color: #fff;
	display: block;
	line-height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border-radius: 100px;
	background-color: burlywood;
}

* {
	behavior: url(../pie_fies/PIE.htc);
}

.field_title .icon {
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-bottom: -3px;
	float: right;
	margin-right: 5px;
	background: url(../images/sprite-icons/icons-color.png) no-repeat;
}

div.chzn-container-active {
	z-index: 9999;
}

select.chzn-nosearch.fullwidth {
	width: 100%;
}

select.chzn-nosearch.halfwidth {
	width: 49%;
}

div.pagination li {
	float: left;
	border: none;
}

	div.pagination li.active a {
		color:black;
		text-decoration-line:underline;
	}

div.pagination ul {
	float: right;
	border: none;
}