@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family: 'Saira', sans-serif; background:#F1F1F1; }
.clear { clear:both; }

#ycs-g { width:440px; height:300px; padding:30px; background:rgba(238,238,238,0.9); left:50%; margin-left:-250px; position:absolute; top:50%; margin-top:-180px; border-radius:4px;}
#ycs-g .logo { width:300px; margin-left:auto; margin-right:auto; border:0px solid #000; text-align:center; margin-bottom:20px; margin-top:-130px;}
#ycs-g .logo img { width:200px;}
#ycs-g .alt { color:#000; border:0px solid #000; bottom:0; left:0; position:absolute; padding:5px; font-size:12px; text-align:center; font-weight:bold;}
#ycs-g .alt1 { color:#535353; border:0px solid #000; bottom:15px; right:0; position:absolute; padding:5px; font-size:12px; text-align:center; font-weight:bold;}

.text-admin
    {
	width: 100%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('../images/fa-user.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
	margin-bottom:20px;
	}
.text-password 
    {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('../images/unlock-alt.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
	margin-bottom:20px;
	}
.ycs-buton 
    {
		background:#4CAF50;
		padding: 10px 30px;
		border:none;
		color:#FFF;
		cursor:pointer;
		font-size:16px;
		margin: 4px 2px;
		border-radius:3px;
		float:right;
	
    }

.ycsgiris-left  { position:fixed; width:50%; border:0px solid #000; left:0; top:0; bottom:0; }
.ycsgiris-logo { width:300px; height:auto; border:0px solid #000; margin-top:35px; margin-left:50px; }
.ycsgiris-yazi  { position:absolute; width:380px; height:450px; left:50%; margin-left:-190px; top:50%; margin-top:-200px;  border:0px solid #000; }
.ycsgiris-yazi1  { width:380px; margin:auto; margin-bottom:10px; font-family: 'Saira', sans-serif; letter-spacing:1px; font-size:26px; color:#574545; font-weight:bold; }
.ycsgiris-yazi2  { width:380px; margin:auto; margin-bottom:30px; font-family: 'Saira', sans-serif; letter-spacing:1px; font-size:14px; color:#574545;}
.ycsgiris-form { width:380px; height:300px; border:0px solid #000; }
.ycsgiris-yazi3 { width:396px; text-align:center; color:#212E56; padding:12px; font-size:16px;font-family: 'Saira', sans-serif; letter-spacing:1px; }
.ycsgiris-right { position:fixed; width:50%; border:0px solid #000; right:0; top:0; bottom:0; background:url(../images/04.jpg); background-size:cover; }


.uyari { position:fixed; width:calc(100% - 20px); height:20px; padding:10px; top:0; left:0; right:0; background:#4CAF50; color:#FFF; text-align:center;}
.uyari1 { position:fixed; width:calc(100% - 20px); height:20px; padding:10px; top:0; left:0; right:0; background:#B00; color:#FFF; text-align:center;}

.ycs-ust { left:0; top:0; right:0; padding:5px; border:0px solid #000; position:fixed; background:#000; background-size:100%; }

.ycs-ust .left { float:left; border:0px solid #000; height:45px; margin-left:10px; padding:0px;  }
.ycs-ust .left .icon { font-size:24px;color:#FFF; margin-top:11px; margin-left:68px; cursor:pointer;  }

.ycs-ust .right { float:right; border:0px solid #000; margin-right:10px; color:#FFF;  }
.ycs-ust .right .user { float:right; border:0px solid #000; cursor:pointer; color:#FFF; }
.ycs-ust .right .yazi { float:left; border:0px solid #000; margin-top:11px; font-size:14px; margin-left:10px; color:#FFF;  }
.ycs-ust .right .resim { float:left; border:0px solid #000; margin-top:6px; height:30px; color:#FFF;  }
.ycs-ust .right .off { float:left; border:0px solid #000; font-size:25px; height:30px; color:#FFF; margin-right:40px; margin-top:2px;  }

.ycs-sag-menu { z-index:999; position:fixed; right:-150px; top:45px; height:85px; width:150px; background:#000; box-shadow: 2px 2px 6px 0px #BBB; }
.ycs-sag-menu .icerik { padding:10px; padding-left:20px; border-bottom:0px solid #F1F1F1; color:#FFF; font-size:14px; transition:all 1s; }
.ycs-sag-menu .icerik .icon { margin-right:10px; font-size:18px; }
.ycs-sag-menu .icerik:hover { background:#333; }

header { width:100%; height:50px; background:#000 ; color:#333; position:fixed; top:75px; }

header .left { width:218px; height:58px; float:left; text-align:left; cursor:pointer; border:0px solid #000; }
header .left .kullanici { float:left; border:0px solid #000; font-size:50px; margin-left:10px; }
header .left .kullanici1 { float:left; border:0px solid #000; margin-left:10px; margin-top:20px; }
header .right { width:auto; height:20px; padding:10px; float:right; border-left:1px solid rgba(255,255,255,0.3); cursor:pointer; }

nav { width:250px; height:100%; position:fixed; top:50px; left:0; background:#000; z-index:100; }
.ycs-right-ac { left:0; padding:10px; background:#222D32; position:fixed; text-align:right; right:0; top:40px; color:#FFF; cursor:pointer; z-index:99; }
.ycs-right { width:400px; height:100%; position:fixed; top:75px; right:0; background:#222D32; z-index:100;  }
.ycs-right .top { padding:10px; background:#222D32; color:#FFF; text-align:center; font-size:14px; font-weight:bold; }
.ycs-right .buton { width:100px; padding:7px; background:#1098AD ; border-radius:3px; border:1px solid #DDD; color:#FFF; cursor:pointer; text-align:center; }
.ycs-right .left { border:0px solid #FFF; margin-top:20px; width:380px; margin-left:auto; margin-right:auto; }
.ycs-right .excel { width:calc(100% - 20px); padding:10px; font-size:14px; background:#1098AD ; border:0px solid #DDD; color:#FFF; cursor:pointer; text-align:center; }
.ycs-right .left1 { padding:10px; border:0px solid #DDD; float:left; margin-bottom:20px; }
.ycs-right .text { padding:7px; border:1px solid #DDD; width:200px; }
.ycs-right .takvim { padding:5px; border:1px solid #DDD; width:calc(100% - 40px); margin-left:10px; }
.ycs-right .takvim1 { color:#FFF; font-size:20px; margin-left:0px; }
.ycs-right .selectt { width:100%; padding:10px; border:0px solid #DDD; }
.ycs-right .rapor-buton { width:100%; padding:10px; background:#1098AD ; border:0px solid #DDD; color:#FFF; cursor:pointer; text-align:center; }
.ycs-right h4 { margin:5px; margin-left:0; color:#FFF; font-size:14px; font-weight:normal; }


.content  { position:absolute; left:270px; right:30px; top:70px; border:0px solid #000; bottom:80px;  background:#f1f1f1; }
.content .box-1 { width:23%; height:120px; background:#FFF; box-shadow: 2px 2px 6px #BBB; float:left; margin-left:2%; margin-bottom:1%; }
.content .box-1 .yazi { float:left; padding:30px; padding-right:0; color:#333; border:0px solid #000; }
.content .box-1 .icon { float:right; margin:5px; margin-right:20px; margin-top:70px; border:0px solid #000; font-size:25px; }

.content .box-2 { width:23%; height:120px; background:#FFF; box-shadow: 2px 2px 6px #BBB; float:left; margin-left:2%; }
.content .box-2 .yazi { float:left; padding:30px; padding-right:0; color:#333; border:0px solid #000; }
.content .box-2 .icon { float:right; margin:5px; margin-right:20px; border:0px solid #000; font-size:75px; }

.content .ycsenust { width:100%; margin-bottom:20px; border:0px solid #000; }

.content .ycsust { width:100%; margin-bottom:20px; border:0px solid #000; }
.content .ycsust .yeni-kayit { background:#4CAF50; border-radius:5px; float:left; box-shadow: 2px 2px 4px #AAA; border:0px solid #EEE; width:140px; height:40px; transition:all 1s; cursor:pointer; }
.content .ycsust .yeni-kayit i { float:left; padding:13px; color:#FFF; font-size:16px; }
.content .ycsust .yeni-kayit .yazi { width:80px; float:left; color:#FFF; padding:8px; text-align:center; border:0px solid #000; }
.content .ycsust .yeni-kayit:hover { background:#4CAF50; box-shadow: 2px 2px 20px #AAA; }
.content .ycsust .ustsira { margin-left:20px; width:300px; float:left; padding:0px;  border:0px solid #000; }
.content .ycsust .usttext { width:100%; height:20px; padding:10px; border-radius:5px; border:1px solid #888; }

.content-ycsalt { position:fixed; padding:0px; left:270px; right:30px; border:0px solid #000; bottom:10px;  background:#FFF; }

.content-ycsalt ul { margin:0; padding:0; }
.content-ycsalt ul li { list-style:none; text-decoration:none; }
.content-ycsalt ul li a { float:left; text-decoration:none; width:20px; text-align:center; padding:10px; border:1px solid #DDD;  }
.content-ycsalt ul li a:hover { background:#09C; color:#FFF; border:1px solid #09C; }
.content-ycsalt ul li a:focus { background:#09C; color:#FFF; border:1px solid #09C; }

.ycstablefix { position:fixed; bottom:30px; left:270px; right:30px; top:120px; border:0px solid #000; overflow:scroll; }
.ycstablefix .fixleft { width:30%; float:left; border:0px solid #000; }
.ycstablefix .ycssutun { width:calc(50% - 40px);  float:left; border:0px solid #000; padding:10px; padding-left:0px; padding-right:20px; }
.ycstablefix .ycssutun1 { width:calc(100% - 40px); height:auto; padding:10px; border:0px solid #000; padding-left:0px; padding-right:0px;}
.ycstablefix .ycstext { padding:8px; border:1px solid #DDD; border-radius:5px; width:calc(100% - 16px); color:#777; }
.ycstablefix h2 { color:#222; font-size:14px; letter-spacing:1px; font-weight:normal; margin:0; margin-bottom:3px; }
.ycstablefix .buton {padding:10px; border:0; cursor:pointer;  float:left; font-size:15px; border-radius:5px; background:#093; margin-top:10px; color:#FFF; letter-spacing:1px; }


.ycstablo { border:0; border-collapse:collapse; width:100%; overflow:scroll;  } 
.ycstablo thead tr { background:none; }
.ycstablo tr { border-radius:0px; box-shadow: 0px 0px 0px #BBB; background:#fff; transition:all 500ms; }
.ycstablo tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.ycstablo tbody tr:nth-child(even) {
  background-color: #eeeeee;
}
.ycstablo tbody tr:hover { box-shadow: 4px 4px 20px #AAA; background:rgba(4,145,51,0.5); color:#FFF; }
.ycstablo th { cursor:pointer; border-bottom:2px solid #DDD; font-size:14px; padding:8.8px; color:#777;  text-align:left; }
.ycstablo td { border:0px solid #333; padding:5.5px; font-size:14px; color:#333; }

.arrow-down:after,.arrow-up:after{
 content: ' ';
 position: relative;
 left: 2px;
 border: 8px solid transparent;
}

.arrow-down:after{
 top: 10px;
 border-top-color: black;
}

.arrow-up:after{
 bottom: 15px;
 border-bottom-color: black;
}

.arrow-down,.arrow-up{
 padding-right: 10px;
}


.content .durum-sari { padding:5px; background:#FFC107; color:#FFF; border-radius:5px; text-align:center; width:200px; }
.content .durum-yesil { padding:5px; background:#4CAF50; color:#FFF; border-radius:5px; text-align:center; width:200px; }
.content .durum-kirmizi { padding:5px; background:#FF5722; color:#FFF; border-radius:5px; text-align:center; width:200px; }
.content .durum-mavi { padding:5px; background:#09C; cursor:pointer; color:#FFF; border-radius:5px; text-align:center; width:200px; }
.content .durum-turuncu { padding:5px; background:#F60; cursor:pointer; color:#FFF; border-radius:5px; text-align:center; width:200px; }
.content .durum-acikyesil { padding:5px; background:#0C9; cursor:pointer; color:#FFF; border-radius:5px; text-align:center; width:200px; }
.content .durum-pembe { padding:5px; background:#F36; cursor:pointer; color:#FFF; border-radius:5px; text-align:center; width:200px; }

.content .durum { padding:5px; background:#FFC107; color:#FFF; border-radius:5px; text-align:center; width:100px; }
.content .durum1 { padding:5px; background:#4CAF50; color:#FFF; border-radius:5px; text-align:center; width:100px; }
.content .durum2 { padding:5px; background:#FF5722; color:#FFF; border-radius:5px; text-align:center; width:100px; }
.content .durum3 { padding:5px; background:#09C; cursor:pointer; color:#FFF; border-radius:5px; text-align:center; width:100px; }
.content .durum4 { padding:5px; background:#FFF; cursor:pointer; color:#333; border-radius:5px; text-align:center; width:100px; }
.content .edit { padding:5px; background:#FFC107; color:#FFF; border-radius:50%; text-align:center; text-align:center; width:15px; font-size:14px; cursor:pointer; }
.content .cancel { padding:5px; background:#FF5722; color:#FFF; border-radius:50%; text-align:center; text-align:center; width:15px; font-size:14px; cursor:pointer; }

.ycssuccess { position:fixed; top:10px; right:10px; padding:10px; border-radius:5px; z-index:999; background:#093; color:#FFF; }

.ycsback { display:none; background:rgba(0,0,0,0.6); position:fixed; left:0; right:0; bottom:0; top:0; z-index:100; }
.ycspopup { z-index:111; width:1024px; height:600px; background:#FFF; padding:0; position:fixed; margin-left:-512px; left:50%; top:50%; margin-top:-300px; box-shadow: 2px 2px 6px #000; border-radius:5px; }
.ycspopup .ustbaslik { padding:15px; background:#FFF; border-bottom:2px solid #F1F1F1; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; top:0; }
.ycspopup .ustbaslik h1 { float:left; font-size:18px; margin:0; padding:0; color:#333; letter-spacing:1px; }
.ycspopup .ustbaslik i { float:right; font-size:30px; cursor:pointer; color:#BBB; }
.ycspopup .usticerik { width:calc(100% - 20px); height:150px; border:0px solid #000; background:#F1F1F1; padding:10px; }
.ycspopup .usticerik h2 { font-size:14px; font-weight:normal; margin:0; padding:0; float:left; }

.ycspopup .popupic { width:100%; height:450px; border:0px solid #000; background:#FFF; overflow:scroll; overflow-x: hidden; }
.ycspopup .ycstext { padding:8px; border:1px solid #DDD; border-radius:5px; width:calc(100% - 16px); color:#777; }
.ycspopup .ycstextarea { padding:5px; border:1px solid #AAA; border-radius:5px; width:calc(100% - 10px); height:100px; color:#555; }
.ycspopup .ycsalt { width:calc(100% - 30px); padding:15px; background:#FFF; position:absolute; bottom:0; border-top:2px solid #F1F1F1; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.ycspopup .ycsalt i {padding:5px; cursor:pointer;  float:right; font-size:30px; border-radius:5px; background:#09C; color:#FFF; }
.ycspopup .ycsalt .buton {padding:10px; border:0; cursor:pointer;  float:right; font-size:15px; border-radius:5px; background:#093; color:#FFF; letter-spacing:1px; }
.ycspopup .ycsalt .buton1 {padding:10px; cursor:pointer;  float:left; font-size:15px; border-radius:5px; background:#069; color:#FFF; letter-spacing:1px; }
.ycspopup .popupic h2 { color:#222; font-size:14px; letter-spacing:1px; font-weight:normal; margin:0; margin-bottom:3px; }
.ycspopup .popupic .ycsustic { width:100%; background:#F1F1F1; }
.ycspopup .popupic .ycsuser { width:100%; border:0px solid #000; }
.ycspopup .popupic .ycssutun1 { width:calc(100% - 40px); height:auto; padding:10px; border:0px solid #000; padding-left:20px; padding-right:20px;}
.ycspopup .popupic .ycssutun { width:calc(50% - 40px);  float:left; border:0px solid #000; padding:10px; padding-left:20px; padding-right:20px; }
.ycspopup .popupic .ycssutun3 { width:calc(33.3% - 40px); padding:10px; float:left; border:0px solid #000; padding-left:20px; padding-right:20px; }
.ycspopup .popupic .ycssutun4 { width:calc(25% - 40px); float:left; border:0px solid #000; padding:10px; padding-left:20px; padding-right:20px; }
.ycspopup .popupic .ycssutun5 { width:calc(100% - 40px); height:auto; padding:10px; border:0px solid #000; padding-left:20px; padding-right:20px; }


.ycsback-ek { display:none; position:fixed; left:0; right:0; bottom:0; top:0; z-index:102; }
.ycspopup-ek { z-index:112; width:80%; height:600px; background:#FFF; padding:0; position:fixed; margin-left:-40%; left:50%; top:50%; margin-top:-300px; box-shadow: 2px 2px 6px #000; border-radius:5px; }
.ycspopup-ek .ustbaslik { padding:15px; background:#FFF; border-bottom:2px solid #F1F1F1; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; top:0; }
.ycspopup-ek .ustbaslik h1 { float:left; font-size:18px; margin:0; padding:0; color:#333; letter-spacing:1px; }
.ycspopup-ek .ustbaslik i { float:right; font-size:30px; cursor:pointer; color:#BBB; }
.ycspopup-ek .usticerik { width:calc(100% - 20px); height:150px; border:0px solid #000; background:#F1F1F1; padding:10px; }
.ycspopup-ek .usticerik h2 { font-size:14px; font-weight:normal; margin:0; padding:0; float:left; }
.ycspopup-ek .popupic { width:100%; height:450px; border:0px solid #000; background:#FFF; overflow:scroll; overflow-x: hidden; }
.ycspopup-ek .ycstext { padding:5px; border:1px solid #AAA; border-radius:5px; width:calc(100% - 10px); color:#555; }
.ycspopup-ek .ycstextarea { padding:5px; border:1px solid #AAA; border-radius:5px; width:calc(100% - 10px); height:100px; color:#555; }
.ycspopup-ek .ycsalt { width:calc(100% - 30px); padding:15px; background:#FFF; position:absolute; bottom:0; border-top:2px solid #F1F1F1; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.ycspopup-ek .ycsalt i {padding:5px; cursor:pointer;  float:right; font-size:30px; border-radius:5px; background:#09C; color:#FFF; }
.ycspopup-ek .ycsalt .buton {padding:10px; border:0; cursor:pointer;  float:right; font-size:15px; border-radius:5px; background:#093; color:#FFF; letter-spacing:1px; }
.ycspopup-ek .ycsalt .buton1 {padding:10px; cursor:pointer;  float:left; font-size:15px; border-radius:5px; background:#069; color:#FFF; letter-spacing:1px; }
.ycspopup-ek .popupic h2 { color:#222; font-size:14px; letter-spacing:1px; font-weight:normal; margin:0; margin-bottom:3px; }
.ycspopup-ek .popupic .ycsustic { width:100%; background:#F1F1F1; }
.ycspopup-ek .popupic .ycsuser { width:100%; border:0px solid #000; }
.ycspopup-ek .popupic .ycssutun1 { width:calc(100% - 20px); height:auto; padding:10px; border:0px solid #000; }
.ycspopup-ek .popupic .ycssutun { width:calc(50% - 40px);  float:left; border:0px solid #000; padding:20px; }
.ycspopup-ek .popupic .ycssutun3 { width:calc(33.3% - 40px); padding:20px; float:left; border:0px solid #000; }
.ycspopup-ek .popupic .ycssutun4 { width:calc(25% - 40px); float:left; border:0px solid #000; padding:20px; }
.ycspopup-ek .popupic .ycssutun5 { width:calc(20% - 40px); float:left; border:0px solid #000; padding:20px; }

.ycspopup-ek .popupic .ycsleft { width:calc(30% - 20px); float:left; border:1px solid #000; padding:10px; }
.ycspopup-ek .popupic .ycsright { width:calc(68% - 20px); float:right; border:1px solid #000; padding:10px; }



.ycspopup-ek2 { z-index:112; width:20%; height:600px; background:#FFF; padding:0; position:fixed; margin-left:-10%; left:50%; top:50%; margin-top:-300px; box-shadow: 2px 2px 6px #000; border-radius:5px; }
.ycspopup-ek2 .ustbaslik { padding:15px; background:#FFF; border-bottom:2px solid #F1F1F1; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; top:0; }
.ycspopup-ek2 .ustbaslik h1 { float:left; font-size:18px; margin:0; padding:0; color:#333; letter-spacing:1px; }
.ycspopup-ek2 .ustbaslik i { float:right; font-size:30px; cursor:pointer; color:#BBB; }
.ycspopup-ek2 .usticerik { width:calc(100% - 20px); height:150px; border:0px solid #000; background:#F1F1F1; padding:10px; }
.ycspopup-ek2 .usticerik h2 { font-size:14px; font-weight:normal; margin:0; padding:0; float:left; }
.ycspopup-ek2 .popupic { width:100%; height:500px; border:0px solid #000; background:#FFF; overflow:scroll; overflow-x: hidden; }
.ycspopup-ek2 .ycstext { padding:5px; border:1px solid #AAA; border-radius:5px; width:calc(100% - 10px); color:#555; }
.ycspopup-ek2 .ycstextarea { padding:5px; border:1px solid #AAA; border-radius:5px; width:calc(100% - 10px); height:100px; color:#555; }
.ycspopup-ek2 .ycsalt { width:calc(100% - 30px); padding:15px; background:#FFF; position:absolute; bottom:0; border-top:2px solid #F1F1F1; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.ycspopup-ek2 .ycsalt i {padding:5px; cursor:pointer;  float:right; font-size:30px; border-radius:5px; background:#09C; color:#FFF; }
.ycspopup-ek2 .ycsalt .buton {padding:10px; border:0; cursor:pointer;  float:right; font-size:15px; border-radius:5px; background:#093; color:#FFF; letter-spacing:1px; }
.ycspopup-ek2 .ycsalt .buton1 {padding:10px; cursor:pointer;  float:left; font-size:15px; border-radius:5px; background:#069; color:#FFF; letter-spacing:1px; }
.ycspopup-ek2 .popupic h2 { color:#222; font-size:14px; letter-spacing:1px; font-weight:normal; margin:0; margin-bottom:3px; }
.ycspopup-ek2 .popupic .ycsustic { width:100%; background:#F1F1F1; }
.ycspopup-ek2 .popupic .ycsuser { width:100%; border:0px solid #000; }
.ycspopup-ek2 .popupic .ycssutun1 { width:calc(100% - 20px); height:auto; padding:10px; border:0px solid #000; }
.ycspopup-ek2 .popupic .ycssutun { width:calc(50% - 40px);  float:left; border:0px solid #000; padding:20px; }
.ycspopup-ek2 .popupic .ycssutun3 { width:calc(33.3% - 40px); padding:20px; float:left; border:0px solid #000; }
.ycspopup-ek2 .popupic .ycssutun4 { width:calc(25% - 40px); float:left; border:0px solid #000; padding:20px; }
.ycspopup-ek2 .popupic .ycssutun5 { width:calc(20% - 40px); float:left; border:0px solid #000; padding:20px; }

.ycspopup-ek2 .popupic .ycsleft { width:calc(30% - 20px); float:left; border:1px solid #000; padding:10px; }
.ycspopup-ek2 .popupic .ycsright { width:calc(68% - 20px); float:right; border:1px solid #000; padding:10px; }

/*
.ycsback-ek { display:none; background:rgba(0,0,0,0.8); position:fixed; left:0; right:0; bottom:0; top:0; z-index:101; }
.ycspopup-ek { display:none;  z-index:102; width:600px; height:600px; background:#F1F1F1; padding:0; position:fixed; margin-left:-300px; left:50%; top:50%; margin-top:-300px; box-shadow: 2px 2px 6px #EEE; }
.ycspopup-ek .ustbaslik { padding:10px; background:#09C; }
.ycspopup-ek .ustbaslik h1 { float:left; font-size:18px; margin:0; padding:0; color:#FFF; letter-spacing:1px; }
.ycspopup-ek .ustbaslik i { float:right; font-size:30px; cursor:pointer; color:#FFF; }
.ycspopup-ek .usticerik { width:calc(100% - 20px); height:auto; border:0px solid #000; background:#F1F1F1; padding:10px; }
.ycspopup-ek .usticerik h2 { font-size:14px; font-weight:normal; margin:0; padding:0; float:left; }

.ycspopup-ek .popupic { width:calc(100% - 20px); height:300px; border:0px solid #000; padding:10px; background:#FFF; overflow:scroll;  }
.ycspopup-ek .ycstext { padding:5px; border:1px solid #AAA; border-radius:5px; float:left; width:calc(90% - 10px); }
.ycspopup-ek .ycsalt { padding:10px; background:#F1F1F1; position:relative; bottom:0; border-top:2px solid #DDD; }
.ycspopup-ek .ycsalt i {padding:5px; cursor:pointer;  float:right; font-size:30px; border-radius:5px; background:#09C; color:#FFF; }
*/

.ycsback-ek1 { display:none; background:rgba(0,0,0,0.8); position:fixed; left:0; right:0; bottom:0; top:0; z-index:111; }
.ycspopup-ek1 { display:none;  z-index:112; width:600px; height:600px; background:#F1F1F1; padding:0; position:fixed; margin-left:-300px; left:50%; top:50%; margin-top:-300px; box-shadow: 2px 2px 6px #EEE; }
.ycspopup-ek1 .ustbaslik { padding:10px; background:#09C; }
.ycspopup-ek1 .ustbaslik h1 { float:left; font-size:18px; margin:0; padding:0; color:#FFF; letter-spacing:1px; }
.ycspopup-ek1 .ustbaslik i { float:right; font-size:30px; cursor:pointer; color:#FFF; }
.ycspopup-ek1 .usticerik { width:calc(100% - 20px); height:auto; border:0px solid #000; background:#F1F1F1; padding:10px; }
.ycspopup-ek1 .usticerik h2 { font-size:14px; font-weight:normal; margin:0; padding:0; float:left; }

.ycspopup-ek1 .popupic { width:calc(100% - 20px); height:300px; border:0px solid #000; padding:10px; background:#FFF; overflow:scroll;  }
.ycspopup-ek1 .ycstext { padding:5px; border:1px solid #AAA; border-radius:5px; float:left; width:calc(90% - 10px); }
.ycspopup-ek1 .ycsalt { padding:10px; background:#F1F1F1; position:relative; bottom:0; border-top:2px solid #DDD; }
.ycspopup-ek1 .ycsalt i {padding:5px; cursor:pointer;  float:right; font-size:30px; border-radius:5px; background:#09C; color:#FFF; }


.ycstablopop { border:0; border-collapse:collapse; width:100%;  } 
.ycstablopop thead tr { background:none; }
.ycstablopop tr { border-radius:5px; transition:all 500ms; }
.ycstablopop th { border:1px solid #F1F1F1; font-size:14px; padding:5px; color:#777;  text-align:left; font-weight:normal; }
.ycstablopop td { border:0px solid #F1F1F1; padding:5px; border-radius:3px; font-size:14px; color:#6A707E; }

.ycstablopop-ek { border:0; border-collapse:collapse; width:100%;  } 
.ycstablopop-ek thead tr { background:none; }
.ycstablopop-ek tr { border-radius:5px; transition:all 500ms; }
.ycstablopop-ek th { border:1px solid #F1F1F1; font-size:14px; padding:5px; color:#777;  text-align:left; font-weight:normal; }
.ycstablopop-ek td { border:0px solid #F1F1F1; padding:5px; border-radius:3px; font-size:14px; color:#6A707E; }

.ycstablopop-ek1 { border:0; border-collapse:collapse; width:100%;  } 
.ycstablopop-ek1 thead tr { background:none; }
.ycstablopop-ek1 tr { border-radius:5px; transition:all 500ms; }
.ycstablopop-ek1 tr:hover { background:#DDD; }
.ycstablopop-ek1 th { border-bottom:3px solid #DDD; font-size:14px; padding:5px; color:#777;  text-align:left; font-weight:normal; }
.ycstablopop-ek1 td { border-bottom:1px solid #DDD; padding:5px; border-radius:3px; font-size:14px; color:#6A707E; }

.ycstablopop-alt { border:0; border-collapse:collapse; width:100%;  } 
.ycstablopop-alt thead tr { background:none; }
.ycstablopop-alt tr:hover { border-radius:5px; background:#F1F1F1; }
.ycstablopop-alt th { border:1px solid #F1F1F1; font-size:12px; padding:5px; color:#777;  text-align:left; font-weight:normal; }
.ycstablopop-alt td { border:1px solid #F1F1F1; padding:5px; border-radius:3px; font-size:12px; color:#6A707E; }
.ycstablepop-alt-text { border:0px solid #F1F1F1; padding:5px; color:#777; }



.content1 { left:10px;}

.content .ust { top:10px; position:absolute; border:0px solid #000; right:5px; left:15px; height:35px; font-size:14px;  }
.content .ust .buton { width:100px; padding:7px; background:#1098AD ; border-radius:3px; border:1px solid #DDD; color:#FFF; cursor:pointer; text-align:center; }
.content .ust .left { border:0px solid #000; float:left; margin-left:10px; }
.content .ust .excel { padding:8px; border:1px solid #000; text-align:center; }
.content .ust .left1 { padding:2px; border:1px solid #DDD; float:left; margin-left:10px; text-align:center; border-radius:3px; }
.content .ust .text { padding:7px; border:1px solid #DDD; width:200px; }
.content .ust .takvim { padding:5px; border:0px solid #DDD; width:130px; margin-left:10px; }
.content .ust .takvim1 { color:#1098AD ; font-size:20px; margin-left:5px; }
.content .ust .selectt { width:150px; padding:8px; border:1px solid #DDD; border-radius:3px; }
.content .ust .rapor-buton { width:100px; padding:9px; background:#1098AD ; border-radius:3px; border:1px solid #DDD; color:#FFF; cursor:pointer; text-align:center; }
.content .ust .arama { padding:8px; border:0px solid #DDD; background:#1098AD ; color:#FFF; text-align:center; cursor:pointer;}
.content .ust a { text-decoration:none; }
.content .ust span { font-size:14px; color:#555; }
.content hr { border:1px solid #EEE; }

.content .ic { width:auto; height:auto; position:absolute; padding:10px; top:50px; left:5px; right:5px; bottom:50px; background:#FFF; overflow:scroll; border:0px solid #444; }
.content .ic .text { padding:7px; border:1px solid #DDD; width:calc(100% - 20px); border-radius:3px;  }
.content .ic .select { padding:6px; border:1px solid #BBB; width:100%; border-radius:3px; }
.content .ic .sutun { width:calc(50% - 10px); height:65px; border:0px solid #000; margin-top:20px; }
.content .ic .sutun h4 { font-size:13px; margin:0; margin-bottom:5px; color:#555; }
.content .ic .sutun1 { width:calc(100% - 10px); height:auto; border:0px solid #000; margin-top:20px; margin-left:10px; }
.content .ic .sutun1 .buton { width:100px; padding:7px; background:#4CAF50; font-size:15px; border-radius:3px; border:0; color:#FFF; text-align:center; cursor:pointer; }

fieldset { border:1px solid #DDD; }
legend { font-weight:bold; color:#555; font-size:14px; }
.delete { color:#B00; font-size:14px; }
.edit { color:#069; font-size:14px; }
.formlar { float:left; border:0px solid #000; margin-left:10px; }


.content .alt { padding:5px; bottom:5px; position:absolute; border:0px solid #000; background:#EEE; right:5px; left:5px; }
.content .alt .list { padding:5px; border:1px solid #DDD; }
.content .alt .buton { padding:6px; width:30px; text-align:center; border:0px solid #AAA; background:#1098AD ; color:#FFF; cursor:pointer; border-radius:3px; }
.content .alt span { font-size:13px; font-weight:bold; }
.content .alt .text { padding:5px; border:1px solid #DDD; width:50px; text-align:center; margin-left:10px; }
.content .rapor-alt { display:none; position:absolute; top:30px; left:0; right:0; bottom:50px; z-index:99; background:#EEE; padding:20px; overflow:auto; }
.content .rapor-alt .sutun-ycs { border:1px solid #BBB; width:calc(25% - 12px);  height:175px; float:left; background:#FFF; border-radius:3px; margin-left:10px; margin-bottom:20px; }
.content .rapor-alt .sutun-ycs-ust { padding:10px; background:#1098AD ; color:#FFF; font-size:14px; font-weight:bold;}
.content .rapor-alt .sutun-ycs-ic { padding:10px; border:0px solid #EEE; color:#555; font-size:14px; }


.content .rapor-alt1 { display:none; position:absolute; top:30px; left:0; right:0; bottom:50px; z-index:99; background:#EEE; padding:20px; overflow:auto; }
.content .rapor-alt1 .sutun-ycs { border:1px solid #BBB; width:calc(50% - 12px);  height:700px; float:left; background:#FFF; border-radius:3px; margin-left:10px; margin-bottom:20px; }
.content .rapor-alt1 .sutun-ycs-ust { padding:10px; background:#1098AD ; color:#FFF; font-size:14px;  font-weight:bold;}
.content .rapor-alt1 .sutun-ycs-ic { padding:10px; border:0px solid #EEE; color:#555; font-size:14px;  line-height:25px; }
.content .rapor-alt1 .sutun-ycs-ic .left { width:calc(50% - 21px); height:auto; padding:10px; color:#555; font-size:14px; border-right:1px solid #DDD; float:left; }

.content .rapor-alt1 .sutun-ycs-ic table { width:100%; border-collapse:collapse;  }
.content .rapor-alt1 .sutun-ycs-ic td { border-bottom:1px solid #EEE; }
.content .rapor-alt1 .sutun-ycs-ic .left table { width:100%; border-collapse:collapse;  }
.content .rapor-alt1 .sutun-ycs-ic .left td { border-bottom:1px solid #EEE; }
.content .rapor-alt1 .sutun-ycs-ic .left tr:hover { background:#069; color:#FFF; }
.content .rapor-alt1 .sutun-ycs-ic .left:nth-child(2) { border:0px solid #000; }


.content .rapor-goster { position:absolute; left:0; right:0; bottom:0; font-size:14px; padding:10px; cursor:pointer; background:#1098AD ; color:#FFF; text-align:center; z-index:99; }
.kayit-sayisi { position:absolute; left:10px; top:20px; z-index:101; }
.content .rapor-goster span { font-size:13px; }
/*
.content .ic table { width:100%; border-collapse:collapse;}
.content .ic th { padding:7px; background:#EEE; border:0; text-align:left; font-size:12px; color:#222; }
.content .ic td { padding:7px; border:1px solid #DDD; font-size:12px; border-left:0; border-right:0; }
.content .ic tr:hover td { background:#EEE; cursor:pointer;  }
*/



.home { left:5px; top:10px; bottom:20px; right:5px; position:absolute; overflow:scroll; }
.home .sutun-ycs { border:1px solid #BBB; width:calc(50% - 12px);  height:auto; float:left; background:#FFF; border-radius:3px; margin-left:10px; margin-bottom:20px; }
.home .sutun-ycs-ust { padding:10px; background:#1098AD ; color:#FFF; font-size:14px; font-weight:bold;}
.home .sutun-ycs-ic { padding:10px; border:0px solid #EEE; color:#555; font-size:14px; }

.reklam { left:0; position:fixed; bottom:0; right:0; background:#1098AD ; padding:10px; z-index:99; font-size:14px; color:#FFF; }
.tanimlamalar { float:left; margin-left:5px; border:1px solid #DDD; border-radius:3px; background:#EEE; padding:30px; text-align:center; }
.tanimlamalar:hover { background:#DDD; cursor:pointer; }

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(255,255,255,0.3); 
    z-index:99; }
 
#status {
    width:500px;
    height:500px;
    position:absolute;
    left:50%;
    top:50%;
    background-image:url(../images/tekprosis-loader.gif); 
    background-repeat:no-repeat;
    background-position:center;
    margin:-200px   -200px;
}

.tarih-text { width:125px; padding:5px; border:1px solid #DDD; border-radius:3px; }

.ynsust { width:100%; height:auto; border-bottom:2px solid #EEE; margin-bottom:20px; }
.ynsust .sutunycs { width:500px; padding:10px; border:0px solid #DDD; }
.ynsust .sutunycs h4 { font-size:14px; font-weight:normal; margin:5px; }
.ynsust table { width:100%; border-collapse:collapse; }
.ynsust td { padding:5px; border:1px solid #EEE; }
.ynsust .buton { width:80px; padding:7px; background:#4CAF50; font-size:15px; border-radius:3px; border:0; color:#FFF; text-align:center; cursor:pointer; }

/* Style the tab */
.tab {
  overflow: hidden;
  border: 0px solid #FFF;
  background-color: #DDD;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  border:1px solid #FFF;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color:#333;
  border-radius:5px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #333;
   color:#FFF;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #333;
  color:#FFF;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0px solid #000;
  border-top: none;

    
 
}

.tabcontent .ycswidth { width:30%; height:auto; border:0px solid #000; float:left; }
.tabcontent .ycswidth-full { width:100%; height:auto; border:0px solid #000; }
.tabcontent .ycswidth-right { width:calc(70% - 23px); height:100%; bottom:20px; padding:10px; border-left:3px solid #DDD; float:left; }
.tabcontent .ycstext { padding:8px; border:1px solid #DDD; border-radius:5px; width:calc(100% - 16px); color:#777; }
.tabcontent .buton {padding:10px; border:0; cursor:pointer;  float:left; font-size:15px; border-radius:5px; background:#093; color:#FFF; letter-spacing:1px; }
.tabcontent h2 { color:#222; font-size:14px; letter-spacing:1px; font-weight:normal; margin:0; margin-bottom:3px; }
.tabcontent .ycssutun1 { width:calc(100% - 40px); height:auto; padding:10px; border:0px solid #000; padding-left:20px; padding-right:20px;}
.tabcontent .ycssutun { width:calc(50% - 40px);  float:left; border:0px solid #000; padding:10px; padding-left:20px; padding-right:20px; }
.tabcontent .ycssutun3 { width:calc(33.3% - 40px); padding:10px; float:left; border:0px solid #000; padding-left:20px; padding-right:20px; }
.tabcontent .ycssutun4 { width:calc(25% - 40px); float:left; border:0px solid #000; padding:10px; padding-left:20px; padding-right:20px; }

.pdf-genel  { width:850px; height:1195px; border:0px solid #000; background:#FFF; margin:auto; }
.pdf-logo 	{ width:100%; height:90px; text-align:right; border:0px solid #000; }
.pdf-orta   { width:100%; height:1055px; margin:auto; border:0px solid #000; margin-top:10px; font-size:14px; }
.pdf-alt    { width:calc(100% - 20px); padding:10px; height:40px; border-top:2px solid #FF0; position:relative; }
.pdf-alt-right { width:250px; text-align:center; font-size:9px; float:right; border:0px solid #000; }
.pdf-table 	{ width:100%; height:auto; border-collapse:collapse; border:0px solid #000; }

.pdf-table-hesap-ust 	{ width:100%; height:auto; border-collapse:collapse; border:0px solid #000; }
.pdf-table-hesap-ust th { border:1px solid #000; padding:3px; font-size:13px }
.pdf-table-hesap-ust td { border:1px solid #000; padding:3px; font-size:13px }

.pdf-table-hesap 	{ width:100%; height:auto; border-collapse:collapse; border:0px solid #000;}
.pdf-table-hesap th { border-bottom:1px solid #FF0; font-weight:normal; padding:3px; text-align:left; font-size:13px; color:#FF0; }
.pdf-table-hesap td { border:1px solid #000; padding:3px; text-align:left; font-size:13px; }

.pdf-table-signature { width:400px; height:auto; border-collapse:collapse; border:0px solid #000; float:left; }
.pdf-table-signature td { border:1px solid #000; padding:3px; text-align:left; font-size:13px; }

.pdf-table-signature1 { width:400px; height:auto; border-collapse:collapse; border:0px solid #000; float:right; }
.pdf-table-signature1 td { border:1px solid #000; padding:3px; text-align:left; font-size:13px; }

.pdf-h1 { font-size:24px; text-align:center; }

.pdf-resim1 { width:850px; height:600px; border:0px solid #000; margin:auto; }
.pdf-resim2 { width:413px; height:350px; border:0px solid #000; float:left; margin-left:20px; margin-top:10px; }



@media only screen and (max-width:960px) and (min-width:768px){ }

@media only screen and (max-width:767px) and (min-width:480px){ }

@media only screen and (max-width:479px){ 


.ycsgiris-left  { position:fixed; width:100%; border:0px solid #000; left:0; top:0; bottom:0; }
.ycsgiris-logo { width:70%; height:auto; border:0px solid #000; margin-left:0; margin:auto; margin-top:35px;  }
.ycsgiris-yazi  { position:absolute; width:90%; height:450px; left:50%; margin-left:-45%; top:50%; margin-top:-200px;  border:0px solid #000; }
.ycsgiris-yazi1  { width:100%; margin:auto; margin-bottom:10px; font-family: 'Saira', sans-serif; letter-spacing:1px; font-size:26px; color:#574545; font-weight:bold; }
.ycsgiris-yazi2  { width:100%; margin:auto; margin-bottom:30px; font-family: 'Saira', sans-serif; letter-spacing:1px; font-size:14px; color:#574545;}
.ycsgiris-form { width:100%; height:300px; border:0px solid #000; }
.ycsgiris-yazi3 { width:396px; text-align:center; color:#212E56; padding:12px; font-size:16px;font-family: 'Saira', sans-serif; letter-spacing:1px; }
.ycsgiris-right { display:none; }

.ycs-ust .right .user { float:right; border:0px solid #000; margin-top:3px; cursor:pointer; }
.ycs-ust .right .yazi { display:none; }
.ycs-ust .right .resim { float:left; border:0px solid #000; margin-top:6px; height:30px; color:#bbb;  }
.ycs-ust .right .off { display:none;  }

.content .ycsust .yeni-kayit { background:#4CAF50; border-radius:5px; float:left; box-shadow: 2px 2px 4px #AAA; border:0px solid #EEE; width:100%; height:40px; transition:all 1s; cursor:pointer; }
.content .ycsust .ustsira { margin-left:0px; width:93%; margin-top:10px; float:left; padding:0px;  border:0px solid #000; }
.ycstablefix { position:fixed; bottom:70px; left:30px; right:30px; top:170px; border:0px solid #000; overflow:scroll; }
.content-ycsalt { position:fixed; padding:0px; left:0; right:0px; border:0px solid #000; bottom:0;  background:#FFF; }

.contenthome  { width:90%; position:fixed; bottom:20px; top:70px; right:20px; left:20px; border:0px solid #000; overflow:scroll; }
.contenthome .box-2 { width:97%; height:120px; background:#FFF; box-shadow: 2px 2px 6px #BBB; float:left; margin-left:0; margin-bottom:10px; }


.ycspopup { z-index:111; width:100%; height:100%; background:#FFF; padding:0; position:fixed; margin-left:-50%; left:50%; top:0; margin-top:0; box-shadow: 2px 2px 6px #000; border-radius:5px; }
.ycspopup .ustbaslik { padding:15px; background:#FFF; border-bottom:2px solid #F1F1F1; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; top:0; }
.ycspopup .ustbaslik h1 { float:left; font-size:18px; margin:0; padding:0; color:#333; letter-spacing:1px; }
.ycspopup .ustbaslik i { float:right; font-size:30px; cursor:pointer; color:#BBB; }
.ycspopup .usticerik { width:calc(100% - 20px); height:150px; border:0px solid #000; background:#F1F1F1; padding:10px; }
.ycspopup .usticerik h2 { font-size:14px; font-weight:normal; margin:0; padding:0; float:left; }

.ycspopup .popupic { width:100%; height:70%; border:0px solid #000; background:#FFF; overflow:scroll; overflow-x: hidden; }
.ycspopup .ycstext { padding:8px; border:1px solid #DDD; border-radius:5px; width:calc(100% - 16px); color:#777; }
.ycspopup .ycstextarea { padding:5px; border:1px solid #AAA; border-radius:5px; width:calc(100% - 10px); height:100px; color:#555; }
.ycspopup .ycsalt { width:calc(100% - 30px); padding:15px; background:#FFF; position:absolute; bottom:0; border-top:2px solid #F1F1F1; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.ycspopup .ycsalt i {padding:5px; cursor:pointer;  float:right; font-size:30px; border-radius:5px; background:#09C; color:#FFF; }
.ycspopup .ycsalt .buton {padding:10px; border:0; cursor:pointer;  float:right; font-size:15px; border-radius:5px; background:#093; color:#FFF; letter-spacing:1px; }
.ycspopup .ycsalt .buton1 {padding:10px; cursor:pointer;  float:left; font-size:15px; border-radius:5px; background:#069; color:#FFF; letter-spacing:1px; }
.ycspopup .popupic h2 { color:#222; font-size:14px; letter-spacing:1px; font-weight:normal; margin:0; margin-bottom:3px; }
.ycspopup .popupic .ycsustic { width:100%; background:#F1F1F1; }
.ycspopup .popupic .ycsuser { width:100%; border:0px solid #000; }
.ycspopup .popupic .ycssutun1 { width:calc(100% - 40px); height:auto; padding:10px; border:0px solid #000; padding-left:20px; padding-right:20px;}
.ycspopup .popupic .ycssutun { width:calc(100% - 40px);  float:left; border:0px solid #000; padding:10px; padding-left:20px; padding-right:20px; }
.ycspopup .popupic .ycssutun3 { width:calc(100% - 40px); padding:10px; float:left; border:0px solid #000; padding-left:20px; padding-right:20px; }
.ycspopup .popupic .ycssutun4 { width:calc(50% - 40px); float:left; border:0px solid #000; padding:10px; padding-left:20px; padding-right:20px; }
	
.ycspopup-ek2 { z-index:112; width:100%; height:100%; background:#FFF; padding:0; position:fixed; margin-left:-50%; left:50%; top:0; margin-top:0; box-shadow: 2px 2px 6px #000; border-radius:5px; }
.ycspopup-ek2 .popupic { width:100%; height:70%; border:0px solid #000; background:#FFF; overflow:scroll; overflow-x: hidden; }

.content  { position:fixed; left:30px; right:30px; top:70px; bottom:30px; border:0px solid #000; overflow:scroll;  background:#f1f1f1; }
	

/* Style the tab */
.tab {
  overflow: hidden;
  border: 0px solid #FFF;
  background-color: #DDD;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  border:1px solid #FFF;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color:#333;
  border-radius:5px;
  width:100%;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #333;
   color:#FFF;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #333;
  color:#FFF;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0px solid #000;
  border-top: none;

}

.tabcontent .ycswidth { width:100%; height:auto; border:0px solid #000; float:left; }
.tabcontent .ycswidth-full { width:100%; height:auto; border:0px solid #000; }
.tabcontent .ycswidth-right { width:calc(70% - 23px); height:100%; bottom:20px; padding:10px; border-left:3px solid #DDD; float:left; }
.tabcontent .ycstext { padding:8px; border:1px solid #DDD; border-radius:5px; width:calc(100% - 16px); color:#777; }
.tabcontent .buton {padding:10px; border:0; cursor:pointer;  float:left; font-size:15px; border-radius:5px; background:#093; color:#FFF; letter-spacing:1px; }
.tabcontent h2 { color:#222; font-size:14px; letter-spacing:1px; font-weight:normal; margin:0; margin-bottom:3px; }
.tabcontent .ycssutun1 { width:calc(100% - 40px); height:auto; padding:10px; border:0px solid #000; padding-left:20px; padding-right:20px;}
.tabcontent .ycssutun { width:calc(50% - 40px);  float:left; border:0px solid #000; padding:10px; padding-left:20px; padding-right:20px; }
.tabcontent .ycssutun3 { width:calc(100% - 40px); padding:10px; float:left; border:0px solid #000; padding-left:20px; padding-right:20px; }
.tabcontent .ycssutun4 { width:calc(25% - 40px); float:left; border:0px solid #000; padding:10px; padding-left:20px; padding-right:20px; }



 }