@charset "iso-8859-9";
/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
}
a{ text-decoration:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {line-height: 1;font-family: 'Nunito Sans', sans-serif; font-size:14px;background: whitesmoke; color:#303030;}
ol, ul { padding:0; margin:0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* RESET END*/

/*GENERAL*/
.yesil-text{ color:#75ce1c}
.kirmizi-text{ color:#ee1c25;}
.bold{ font-weight:bold}
.title{ font-size:20px; margin:10px 0 35px;}
.title h3{ border-bottom:1px solid #dedede; padding-bottom:25px}
.clear{ clear:both;}
.center-box{ margin:0 auto}
.center{ text-align:center;}
.large-btn{ width:100%;}
.mediu-btn{ width:50%;}
.login-alert-box{}
.login-alert{ text-align:center; background:#c700239c; color:#5d0508; padding:10px 0; border:1px solid #cc5459;font-weight: bold;}
/*GENERAL*/


/**BUTTONS**/
.btn-light{border: 1px solid #ececec;background: #F3F3F3; color:#6b6b6b}
.btn-light:hover{ background:#ee1c25;color:#FFF;}
.btn-red{background:#ee1c25;border:none;color:#FFF;}
.btn-red:hover{ background:#F3F3F3; color:#6b6b6b}
.btn-default{background:#3d4758;border:none;color:#FFF;}
.btn-default:hover{ background:#F3F3F3; color:#3d4758}

/**INPUTS**/
input{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input[type="text"],input[type="password"]{ color:#757575; width:100%; height:40px;outline:none; border:1px solid #ececec; background:#fafafa; padding:0 10px;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px;}

input[type="text"]:focus,input[type="password"]:focus{background: #fffff3; padding: 3px 0px 3px 3px;margin: 5px 1px 3px 0px;border: 1px solid rgb(236, 231, 194);}
input[type="button"],input[type="submit"]{ cursor:pointer;transition: 0.4s; outline:none;font-weight:bold; padding:12px}
.form-group{ margin:10px 0;}

/**CHECKBOX**/
.chck {display: block;position: relative;padding-left: 35px;cursor: pointer;font-size:14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin:20px 0 20px 0;}
.chck input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top:-4px;left: 0;height:20px;width:20px;background-color: #fafafa;border: 1px solid #d0d0d0; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.chck:hover input ~ .checkmark {background-color: #ccc;}
.container input:checked ~ .checkmark {background-color: #000;}
.checkmark:after {content: "";position: absolute;display: none;}
.chck input:checked ~ .checkmark:after {display: block;}
.chck .checkmark:after {left:7px;top:4px;width:3px;height:7px;border: solid #5d5d5d;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/**CHECKBOX**/

/* LOGIN */ 
.login{ background:#fafafa;}
.login-box{ position:absolute; top:50%; margin-top:-195px; width:450px; left:50%; margin-left:-225px;border:1px solid #e6e6f2; max-width:450px; background:#FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.login-box .login-logo{ text-align:center; padding:20px  0;} 
.logo-box{border-bottom:1px solid #e6e6f2;}
.login-box .login-text{ text-align:center; padding:0px 0 30px 0; font-weight:bold;}
.login-element{ padding:0 15px;}
.login-box .login-logo img{ width:100%; max-width:230px}
.login-box .login-box{max-width: 375px;background:#fff;}
.login-box .frgt-pass{ display:block; margin:20px 0; text-align:right; color:#999;}
.login-box .frgt-pass .fa{ color:#3d4758 }

/* LOGIN END */

/******************************MKN-PAGE*******************************************/
.container{ padding:0 50px;}
header{box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);}
header .logo{ float:left; margin:9px 0}
header .logo a{}
header .logo a img{ max-width:190px}
header .user{ float:right; padding:19px 0 23px 23px;min-width:215px; border-left:1px solid #e8e8e8;}
header .user .user-img{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left; margin-right:10px}
header .user .user-img img{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; max-width:36px; float:right;border: 2px solid #FFF;}
header .user .user-id{ font-size:18px; margin-top:3px; padding-left:10px}
header .user .tarih{ font-size:12px; color:#787878; position:relative; top:4px;}
header .logout{ float:right;border-left:1px solid #e8e8e8; padding:22px 10px;border-right:1px solid #e8e8e8;}

.menu{ float:left; margin-left:20px;}
.menu ul{ list-style:none}
.menu ul li{ float:left;}
.menu ul li a{ display:block; color:#333; font-size:16px;padding: 33px 20px;}
.menu ul li a:hover{color: #a0a0a0;background: white;}
.active {}
.active a{color: #a0a0a0;background: white;}



.page-left{-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius:10px;border: 1px solid #f0f0f0;margin-right:2%; width:49%; background:white;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; padding:10px 20px;max-height: 615px;min-height: 615px;}

.mgd{ padding:30px 0;}
.machine-box{}
.mgd-title{ margin:15px 0px 30px; font-size:20px}
.mbox{ width:60px; height:60px; float:left; margin:0px 5px 15px 0px;}
.mcolor{
display:block;
height:38px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
.mno{ display:block; height:22px;text-align:center; padding-top:5px;border:1px solid #ececec;}
.mno a,.mcolor a{ display:block; color:#666; height:inherit}
.yesil{ background:#75ce1c;}
.sari{ background:#f3c300;}
.gri{ background:#CCC;}

.prams {}
.prams .coll{width:48%;float:right;}
.prams .coll:first-child{float:left;}
.prams .coll h2 {display: block;color: white;font-size: 16px;line-height: 18px;background: #4e4d4d;padding: 10px 20px;font-weight: 600;text-align: left;border-radius: 2px;margin-bottom: 20px;}
.prams .coll table {width:100%;margin-bottom: 20px;background: white;}
.prams .coll table th{padding: 10px 5px;text-align: left;font-weight:600;}
.prams .coll .add {display: table;color: white;line-height: 20px;background: #4e4d4d;padding: 5px 20px;font-weight: 600;text-align: left;border-radius: 2px;}
.prams .coll table td{padding: 10px 5px;border-top:1px solid #eee;}
.prams .coll table td a {text-decoration: none;}
.prams .coll table td .del {color:red;}
.prams .coll table td .edit {color:green;}


.var-filt {margin-bottom: 20px;background: white;padding: 10px 15px 0px;}
.var-filt .title {padding-bottom: 20px;margin-bottom: 0;}
.var-filt .title h2 {font-size: 16px;float:left;display:tabke;line-height: 18px;font-weight:bold;}
.var-filt .title a {font-size: 14px;float: right;line-height: 18px;display:table;text-decoration:none; color:red;}
.var-filt .items h3 {font-size: 14px;font-weight:600;margin: 0 0 10px;}
.var-filt .items h3 .btn {float: right;font-weight: 400;font-size:12px;} 
.var-filt .items h3 .btn a {margin-left: 5px;text-decoration:none;color:black;}
.var-filt .items hr {border:none;display:block;border-top: 1px solid #eee;margin: 10px 0;}
.var-filt .items {display: none;padding-top: 10px;padding-bottom: 10px;border-top: 1px solid #eee;}
.var-filt .items .item {float: left;width:220px;margin-bottom: 5px;}
.var-filt .items .item input {float: left;height: 14px;margin: 0px 5px 0px 0;}
.var-filt .items .item label {float: left;display: table;line-height: 16px;}
.var-filt .items button {background:black; color:white; border:none; display:table; outline:none; height: 30px; padding: 0 20px;float:right;margin-top:20px;}
.var-filt .items .control-all {display: table;text-decoration:none;color:black;line-height: 30px;float: right;margin-right:20px;margin-top:20px;}

.query-filt {margin-bottom: 20px;background: white;padding: 10px 15px 0px;}
.query-filt .title {padding-bottom: 20px;margin-bottom: 0;}
.query-filt .title h2 {font-size: 16px;float:left;display:tabke;line-height: 18px;font-weight:bold;}
.query-filt .title a {font-size: 14px;float: right;line-height: 18px;display:table;text-decoration:none; color:red;}
.query-filt .cont {display: none;padding-top: 20px;padding-bottom: 20px;border-top: 1px solid #eee;}
.query-filt .cont .coll {float:left;margin-bottom:10px;display: table;padding-right: 30px;}
.query-filt .cont .coll input[type="text"] {height: 32px;padding: 0 10px;float:left;border:1px solid #eee;background: white;}
.query-filt .cont .coll select {height: 32px;padding: 0 10px;float:left;box-sizing: border-box;border:1px solid #eee;background: white;margin: 0 10px 0;border-radius: 2px;}
.query-filt .cont .coll input[type="checkbox"] {float: left; margin: 8px 10px;width: 16px;height: 16px;}
.query-filt .cont .coll p {display:table;float: left;line-height: 32px;margin: 0;}
.query-filt .cont .date input {width: 150px;margin: 0 10px 0;}

.query-filt .cont button {background:black; color:white; border:none; display:table; outline:none; height: 30px; padding: 0 20px;float:right;margin-top:20px;}
.query-filt .cont .clear-all {display: table;text-decoration:none;color:black;line-height: 30px;float: right;margin-right:20px;margin-top:20px;}


.query-filts {margin-bottom: 20px;background: white;padding: 10px 35px 0px;}
.query-filts .title {padding-bottom: 20px;margin-bottom: 0;}
.query-filts .title h2 {font-size: 16px;float:left;display:tabke;line-height: 18px;font-weight:bold;}
.query-filts .cont {display: none;padding-top: 20px;padding-bottom: 20px;border-top: 1px solid #eee;}
.query-filts .cont .coll {float:left;margin-bottom:10px;display: table;width: 48%;}
.query-filts .cont .coll h3 {font-weight: bold;font-size: 15px;margin-bottom:10px;}
.query-filts .cont .coll p {display:table;float: left;line-height: 32px;margin: 0;width: 200px;}
.query-filts .cont .coll input[type="text"] {height: 32px;padding: 0 10px;float:left;border:1px solid #eee;background: white;width: 250px;margin: 0 0;margin-bottom:10px;}
.query-filts .cont .coll select {height: 32px;padding: 0 10px;float:left;box-sizing: border-box;border:1px solid #eee;background: white;margin: 0 0;border-radius: 2px;width: 250px;margin-bottom:10px;}
.query-filts .cont .coll hr {display: block;border-bottom: 1px solid #eee;margin: 10px 0 20px;}
.query-filts .cont .item {float: left;width:220px;margin-bottom: 5px;}
.query-filts .cont .item input {float: left;height: 14px;margin: 0px 5px 0px 0;}
.query-filts .cont .item label {float: left;display: table;line-height: 16px;}
.query-filts .cont button {background:black; color:white; border:none; display:table; outline:none; height: 30px; padding: 0 20px;float:right;margin-top:20px;}

.raport-list {list-style:none;display:table;width:49%;float: left;}
.raport-list li {padding-bottom:10px;}
.raport-list li a {display:block;text-decoration:none;color: black;font-size:16px;line-height:18px;background: white;padding: 7px 20px;font-weight: 400;text-align:left;border-radius: 2px;}
.raport-list li h3 {display:block;margin-top: 10px;color: white;font-size:16px;line-height:18px;background: #4e4d4d;padding: 10px 20px;font-weight: 600;text-align:left;border-radius: 2px;}


.page-right{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; width:49%;border: 1px solid #f0f0f0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; padding:10px 20px; background:white;max-height:615px;min-height: 615px;}

.report-list {padding: 40px 35px;background: white;}
.report-list .table {display: table;width: 100%;border-top: 1px solid #eee;padding-top:40px;}
.report-list .chart_div {display: table;width: 100%;}


/**FAIL***/
.fail{ background:white; padding:10px 0;}
.failbox{ width:5.6%; float:left; margin-right:0.5%; padding:1% 1% 0; border:1px solid #ececec; min-height:160px;}
.failbox .fail-img img{ width:100%;}
.failbox .fail-text{ text-align:center; line-height:18px;}
/******************************MKN-PAGE END*******************************************/


/*******************************MKN DETAY*********************************************/
.mk-detail-left{width:49%; float:left}
.mk-detail-right{ width:49%; float:right;}
.table-box{ margin-bottom:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border: 1px solid #f0f0f0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; padding:10px 20px; background:white;}
.colorbox{ width:140px; height:60px;}
.rakam{ font-size:16px; font-weight:bold;color:#000}
.large-text{ font-size:30px}
.small-text-bold{ font-size:12px; font-weight:bold}
.small-text{ font-size:12px;}
.tbl-style1-lght-border{ border:1px solid #ececec}
.tbl-style1-drk-border{ border:1px solid #e0e0e0; background:whitesmoke;}
.gray-table-bg{ background:whitesmoke}
.table-td-pdl td{ padding-left:20px}
.td-space{border-collapse: separate;border-spacing: 10px 5px;}
.td-space td{ text-align:center; padding:5px 0; width:33.33333333%}
.pdl-td{ padding-left:20px}
.part-width{ width:49%;}
.height215{ height:215px}
.odeven tr:nth-child(odd) {background: #f1f1f1}
.odeven tr:nth-child(even) {background: #FFF}
.durumtxt{ margin-top:15px; font-size:18px; font-weight:bold;}

/*******************************MKN DETAY END*****************************************/


/***********************************AR��V DATA*****************************************/
.arsivdata{}
.arsivdata thead th{ width:100%; padding:10px 15px; background:#FFF;border: 1px solid #e8e8e8; min-width:200px;}

.arsivdata th:nth-child(2n+1) {background: #ececec}





/**GRAF�K CARD P�E**/
#chartdiv {
  width: 100%;
  height: 500px;
}
/**GRAF�K CARD P�E END**/

.fixwid span {display: block;width: 30px;}

.collx {width: 50%;}
.donutchart {height: 400px;width: 100%;}

.select2-container {height: 32px;padding: 0;float:left;box-sizing: border-box;background: white;margin: 0 0 5px;border-radius: 2px;}
.select2-selection {border: 1px solid #eee !important;overflow: hidden;height: 32px !important;border-radius: 2px !important;}
.select2-selection__rendered {line-height: 30px !important;padding-left: 10px !important;}
.select2-selection__placeholder {color: #000 !important;font-size: 13px;}
.select2-selection__arrow b {border-width: 6px 6px 0 6px !important;margin-left: -7px !important;border-color: #999 transparent transparent transparent !important;}
.select2-selection__choice {background-color: #005CC8 !important;color: white;border: none !important;line-height: 19px;}
.select2-selection__choice__remove {height: 21px !important;float: none;margin: 0 !important;color: white !important;}
.select2-selection__choice__remove:hover {background: none !important;}