﻿#kolonlar{height:100%;width:100%}
#kolonlar #passcheck .short{color:red}
#kolonlar #passcheck .weak{color:orange}
#kolonlar #passcheck .good{color:#2D98F3}
#kolonlar #passcheck .strong{color:#090}
#kolonlar #formcheck .span{color:red}
#kolonlar #yukleniyor{background:rgba(255,255,255,.8) url(img/page-loader.gif) 50% 50% no-repeat;top:0;left:0;height:100%;width:100%;position:fixed;z-index:1}
#kolonlar #not-found{background:transparent url(img/not-found.png) center center no-repeat;height:75%;width:100%;position:relative}
#kolonlar #alert{background:#fff;margin:5px -5px;padding:5px;border-top:1px #eee solid;border-bottom:1px #eee solid}
#kolonlar #alert,#alert a{color:#111}
#kolonlar #alert a:hover{color:#c60}
#kolonlar #alert .tl:before{content:"t";font-family:"AbakuTLSymSansRegular",serif;padding-right:5px}
#kolonlar #alert .success{background:#ECFDEA url(icons/24x24/notification-green.png) left 5px center no-repeat;padding:15px 5px 15px 35px;border-left:4px #4CAF50 solid}
#kolonlar #alert .notice{background:#EBFAFC url(icons/24x24/notification-blue.png) left 5px center no-repeat;padding:15px 5px 15px 35px;border-left:4px #A8CCCC solid}
#kolonlar #alert .info{background:#EBFAFC url(icons/24x24/notification-blue.png) left 5px center no-repeat;padding:15px 5px 15px 35px;border-left:4px #9BE2F4 solid}
#kolonlar #alert .warning{background:#FEF9E2 url(icons/24x24/notification-yellow.png) left 5px center no-repeat;padding:15px 5px 15px 35px;border-left:4px #FBD12E solid}
#kolonlar #alert .error{background:#FFE8E8 url(icons/24x24/notification-red.png) left 5px center no-repeat;padding:15px 5px 15px 35px;border-left:4px #F66 solid}
#kolonlar #alert .null{background:#FFF url(icons/24x24/notification-red.png) left 5px center no-repeat;padding:15px 5px 15px 35px;border-left:4px #F66 solid}
#kolonlar #alert .closebtn{color:#444;font-weight:600;float:right;cursor:pointer;transition:.3s;padding:15px}
#kolonlar #alert .closebtn:hover{color:#000}
#kolonlar .login{position:fixed;width:100%;min-height:300px;top:50%;left:50%;right:50%;transform:translate(-50%,-50%)}
#kolonlar .login .baslik{background:#f5f5f5;border:1px #eee solid;border-bottom:none;padding:14px 0;color:#111;text-shadow:1px 1px 1px #fff;text-indent:5px;font-weight:700}
#kolonlar .login #tabmenu{width:50%;margin:0 auto;box-shadow:0 3px 3px -3px #777;-moz-box-shadow:0 3px 3px -3px #777;-webkit-box-shadow:0 3px 3px -3px #777}
#kolonlar .login #tabmenu .sekme{margin:0;font-weight:700;text-shadow:1px 1px 1px #333}
#kolonlar .login #tabmenu .sekme li{background:#0073AA;background:-webkit-linear-gradient(to bottom,#0073AA,#0088CA);background:linear-gradient(to bottom,#0073AA,#0088CA);color:#fff;display:inline-block;padding:12px 8px;margin:1px;cursor:pointer}
#kolonlar .login #tabmenu .sekme li:hover{background:#159957;background:-webkit-linear-gradient(to bottom,#159957,#138A4F);background:linear-gradient(to bottom,#159957,#138A4F);color:#fff;border-bottom:none}
#kolonlar .login #tabmenu .sekme li.aktif{background:#333;background:-webkit-linear-gradient(to bottom,#333,#666);background:linear-gradient(to bottom,#333,#666)}
#kolonlar .login #tabmenu .icerik{background:#fff;border:1px #eee solid;padding:5px}
#ust-kolon{background:linear-gradient(to left,#1B70C5,#159957);background:-webkit-linear-gradient(to left,#1B70C5,#159957);display:none!important}
#ust-kolon,#ust-kolon ul,#ust-kolon ul li,#ust-kolon ul li a,#ust-kolon #menu-button{line-height:1;display:block;z-index:1;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#ust-kolon ul .has-sub{box-shadow:0 6px 6px -6px #777;-moz-box-shadow:0 6px 6px -6px #777;-webkit-box-shadow:0 6px 6px -6px #777}
#ust-kolon ul li a{text-shadow:1px 1px 1px #333}
#ust-kolon:after,#ust-kolon>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#ust-kolon #menu-button{display:none}
#ust-kolon>ul>li{float:left;display:inline-block}
#ust-kolon>ul>li>a{padding:18px 25px 20px 25px;font-size:100%;font-weight:700;color:#fff}
#ust-kolon>ul>li:hover>a,#ust-kolon>ul>li>a:hover,#ust-kolon>ul>li.active>a{color:#ffc}
#ust-kolon>ul>li.has-sub>a{padding-right:45px}
#ust-kolon>ul>li.has-sub>a::after{content:"";position:absolute;width:0;height:0;border:6px solid transparent;border-top-color:#eee;right:17px;top:22px}
#ust-kolon>ul>li.has-sub.active>a::after,#ust-kolon>ul>li.has-sub:hover>a{border-top-color:#fff}
#ust-kolon ul ul{position:absolute;left:-9999px;top:60px;overflow:auto;padding-top:6px;font-size:100%;opacity:0;-webkit-transition:top .2s ease,opacity .2s ease-in;-moz-transition:top .2s ease,opacity .2s ease-in;-ms-transition:top .2s ease,opacity .2s ease-in;-o-transition:top .2s ease,opacity .2s ease-in;transition:top .2s ease,opacity .2s ease-in}
#ust-kolon>ul>li>ul::after{content:"";position:absolute;width:0;height:0;border:5px solid transparent;border-bottom-color:#fff;top:-4px;left:20px}
#ust-kolon>ul>li>ul{top:120px}
#ust-kolon>ul>li:hover>ul{top:52px;left:0;opacity:1}
#ust-kolon ul ul>li:hover>ul{left:180px;top:0;opacity:1}
#ust-kolon ul ul li a{font-weight:700;padding:13px;width:380px;color:#777;text-shadow:none;background:#fff;border-bottom:1px #eee solid}
#ust-kolon ul ul li:hover>a,#ust-kolon ul ul li.active>a{background:#444;color:#fff;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}
#ust-kolon ul ul li:first-child>a{border-top-left-radius:3px;border-top-right-radius:3px}
#ust-kolon ul ul li:last-child>a{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
#ust-kolon>ul>li>ul::after{position:absolute;display:block}
#ust-kolon ul ul li.has-sub>a::after{content:"";position:absolute;width:0;height:0;border:4px solid transparent;border-left-color:#777;right:17px;top:14px}
#ust-kolon ul ul li.has-sub.active>a::after,#ust-kolon ul ul li.has-sub:hover>a::after{border-left-color:#333}
#sag-kolon{background-color:#fff;border:1px #eee solid;background-image:url('img/page-background.png');background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:80%;height:100%;float:right;right:0;position:absolute}
#sag-kolon #scrollbar{height:100%;position:relative}
#sag-kolon .sayfa{padding:0 5px;overflow-x:hidden!important;z-index:0}
#sag-kolon .sayfa .sticky{background:#F4F4F4;position:-webkit-sticky;position:sticky;top:0;padding:0 5px;margin-bottom:5px;margin-left:-5px;margin-right:-5px;z-index:2;display:block;border-bottom:1px #eee solid;opacity:.95;filter:alpha(opacity=95)}
#sag-kolon .sayfa .sticky .baslik{padding:14px 5px 14px 32px;color:#000;letter-spacing:1px;font-weight:700}
#sag-kolon .sayfa .sticky .baslik a{font-weight:700}
#sag-kolon .sayfa .sticky .baslik a:hover{color:#3498db}
#sag-kolon .sayfa .sticky .baslik span{margin-right:-30px}
#sag-kolon .sayfa .sticky .filtre{position:relative}
#sag-kolon .sayfa .sticky .filtre .select2{max-width:180px;float:right;margin-top:-41px}
#sag-kolon .sayfa .sticky .search{float:right;position:relative;right:190px;margin-top:-41px}
#sag-kolon .sayfa .sticky .search .input{background:#fff url(img/input-search.png) left center no-repeat;width:240px;height:36px;line-height:36px;border:1px #dadada solid;padding-left:24px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out}
#sag-kolon .sayfa .sticky .search .input:focus{background:#F4FDFF url(img/input-search.png) left center no-repeat;width:320px;font-weight:600;color:#F93200;outline:none}
#sag-kolon .sayfa #tabmenu{box-shadow:0 3px 3px -3px #777;-moz-box-shadow:0 3px 3px -3px #777;-webkit-box-shadow:0 3px 3px -3px #777}
#sag-kolon .sayfa #tabmenu .sekme{background:#f5f5f5;border:1px #eee solid;border-bottom:none;padding:2px;margin:0;font-weight:700;text-shadow:1px 1px 1px #333;overflow:hidden}
#sag-kolon .sayfa #tabmenu .sekme li{background:#0073AA;background:-webkit-linear-gradient(to bottom,#0073AA,#0088CA);background:linear-gradient(to bottom,#0073AA,#0088CA);color:#fff;display:inline-block;padding:12px 8px;margin:1px;cursor:pointer}
#sag-kolon .sayfa #tabmenu .sekme li:hover{background:#159957;background:-webkit-linear-gradient(to bottom,#159957,#138A4F);background:linear-gradient(to bottom,#159957,#138A4F);color:#fff;border-bottom:none}
#sag-kolon .sayfa #tabmenu .sekme li.aktif{background:#333;background:-webkit-linear-gradient(to bottom,#333,#666);background:linear-gradient(to bottom,#333,#666)}
#sag-kolon .sayfa #tabmenu .icerik{background:#fff;border:1px #eee solid;padding:5px}
#sag-kolon .sayfa #tabmenu .icerik ul li{padding:12px 0;display:block;border-bottom:1px #eee solid}
#sag-kolon .sayfa #tabmenu .icerik ul li a:hover{font-weight:600;color:#C10000}
#sag-kolon .sayfa #islemler img{vertical-align:middle;width:30px;height:25px;cursor:pointer}
#sag-kolon .sayfa #islemler img:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;filter:alpha(opacity=50)}
#sag-kolon .sayfa #islemler .dropmenu{width:300px;position:absolute;right:5px;display:none;z-index:999}
#sag-kolon .sayfa #islemler .dropmenu:after{position:absolute;top:-5px;right:23px;content:"";display:block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #4D525E}
#sag-kolon .sayfa #islemler .dropmenu .title{background:#4D525E;color:#FFF;height:42px;line-height:42px;text-shadow:1px 1px 1px #111;font-weight:600;text-align:center}
#sag-kolon .sayfa #islemler .dropmenu ul{max-height:240px;overflow:auto;border:1px #dadada solid;box-shadow:0 6px 6px -6px #777;-moz-box-shadow:0 6px 6px -6px #777;-webkit-box-shadow:0 6px 6px -6px #777}
#sag-kolon .sayfa #islemler .dropmenu li{display:block;padding:5px;height:30px;line-height:30px;border-bottom:1px #eee solid;text-align:left}
#sag-kolon .sayfa #islemler .dropmenu li:hover{background:#FFFF82!important}
#sag-kolon .sayfa #islemler .dropmenu li:nth-child(2n){background:#FFF}
#sag-kolon .sayfa #islemler .dropmenu li:nth-child(2n+1){background:#F7F8F9}
#sag-kolon .sayfa #islemler .dropmenu li a{color:#333!important;font-weight:600}
#sag-kolon .sayfa #islemler .dropmenu li a:hover{color:#111!important}
#sag-kolon .sayfa .liste{background:#f7f8f9;border:1px #dadada solid;margin:5px 0;padding:5px}
#sag-kolon .sayfa .liste h4{padding:7px 0;margin-bottom:5px;border-bottom:1px #dadada solid;font-size:100%}
#sag-kolon .sayfa .liste li{height:30px;padding:5px 0;width:120px;display:inline-block}
#sag-kolon .sayfa .liste a:hover{font-weight:700}
#sag-kolon .sayfa .progressbar{width:100%;margin:5px 0;position:relative;background-color:#f5f5f5;box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
#sag-kolon .sayfa .proggress{height:8px;width:10px;background-color:#3498db}
#sag-kolon .sayfa .percentCount{font-family:Roboto,Helvetica,sans-serif;font-weight:600;color:#fff;float:right;padding:5px;clear:both}
#sag-kolon .sayfa .dashboard{width:100%;white-space:nowrap;text-overflow:ellipsis;;margin-bottom:5px}
#sag-kolon .sayfa .dashboard .kutu{float:left;width:25%;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 auto;-ms-touch-action:pan-y}
#sag-kolon .sayfa .dashboard .kutu h4{height:40px;line-height:40px;color:#fff;font-size:20px;text-shadow:1px 1px 1px #000}
#sag-kolon .sayfa .dashboard .kutu h5{height:40px;line-height:40px;color:#fff;font-size:20px;text-shadow:1px 1px 1px #000}
#sag-kolon .sayfa .dashboard .kutu h5:before{content:"t";font-family:"AbakuTLSymSansRegular",serif;padding-right:5px}
#sag-kolon .sayfa .dashboard .kutu a{color:#111}
#sag-kolon .sayfa .dashboard .kutu a:hover{color:#000;font-weight:700}
#sag-kolon .sayfa .dashboard .kutu label{height:35px;line-height:35px;display:block;color:#111}
#sag-kolon .sayfa .dashboard .kutu span{height:35px;line-height:35px;display:block;color:#1a1a1a;font-size:12px}
#sag-kolon .sayfa .dashboard .kutu .icerik1{background:#0DA550;background:-webkit-linear-gradient(to bottom,#0DA550,#0B8240);background:linear-gradient(to bottom,#0DA550,#0B8240);border:1px #0B8240 solid;min-height:100px;margin-right:5px}
#sag-kolon .sayfa .dashboard .kutu .icerik1 span{background:#0B8240}
#sag-kolon .sayfa .dashboard .kutu .icerik2{background:#F66B4E;background:-webkit-linear-gradient(to bottom,#F66B4E,#DD300B);background:linear-gradient(to bottom,#F66B4E,#DD300B);border:1px #DD300B solid;min-height:100px;margin-right:5px}
#sag-kolon .sayfa .dashboard .kutu .icerik2 span{background:#DD300B}
#sag-kolon .sayfa .dashboard .kutu .icerik3{background:#4A99A2;background:-webkit-linear-gradient(to bottom,#4A99A2,#3A7981);background:linear-gradient(to bottom,#4A99A2,#3A7981);border:1px #3A7981 solid;min-height:100px;margin-right:5px}
#sag-kolon .sayfa .dashboard .kutu .icerik3 span{background:#3A7981}
#sag-kolon .sayfa .dashboard .kutu .icerik4{background:#D1763F;background:-webkit-linear-gradient(to bottom,#D1763F,#B9622D);background:linear-gradient(to bottom,#D1763F,#B9622D);border:1px #B9622D solid;min-height:100px;margin-right:0}
#sag-kolon .sayfa .dashboard .kutu .icerik4 span{background:#B9622D}
#sag-kolon .sayfa .pano{width:100%;text-align:center}
#sag-kolon .sayfa .pano h5{height:40px;line-height:40px;color:#fff;font-size:20px;text-shadow:1px 1px 1px #000}
#sag-kolon .sayfa .pano h5:before{content:"t";font-family:"AbakuTLSymSansRegular",serif;padding-right:5px}
#sag-kolon .sayfa .pano a{color:#111}
#sag-kolon .sayfa .pano a:hover{color:#000;font-weight:700}
#sag-kolon .sayfa .pano label{height:35px;line-height:35px;display:block;color:#111}
#sag-kolon .sayfa .pano span{height:35px;line-height:35px;display:block;color:#1a1a1a;font-size:12px}
#sag-kolon .sayfa .pano .icerik1{background:#00BCFB;background:-webkit-linear-gradient(to bottom,#00BCFB,#1B70C5);background:linear-gradient(to bottom,#00BCFB,#1B70C5);border:1px #00BCFB solid;min-height:100px}
#sag-kolon .sayfa .pano .icerik1 span{background:#0F90DB}
#sag-kolon .sayfa .grafik{background:#f9f9f9;height:250px;margin:5px 0;border:1px #eee solid;box-shadow:0 6px 6px -6px #777;-moz-box-shadow:0 6px 6px -6px #777;-webkit-box-shadow:0 6px 6px -6px #777}
#sag-kolon .sayfa .box{width:100%;margin:10px 0px}
#sag-kolon .sayfa .box .tl:before{content:"t";font-family:"AbakuTLSymSansRegular",serif;padding-right:5px}
#sag-kolon .sayfa .box .baslik{background:#f5f5f5;border:1px #eee solid;border-bottom:none;padding:12.5px 0px;color:#111;text-shadow:1px 1px 1px #fff;font-weight:700}
#sag-kolon .sayfa .box .leftbox{width:49.5%;position:relative;float:left}
#sag-kolon .sayfa .box .rightbox{width:49.5%;position:relative;float:right}
#sag-kolon .sayfa .box .icerik{background:#fff;border:1px #eee solid;margin-bottom:5px;box-shadow:0 3px 3px -3px #777;-moz-box-shadow:0 3px 3px -3px #777;-webkit-box-shadow:0 3px 3px -3px #777}
#sag-kolon .sayfa .box .icerik ul{overflow-x:hidden!important;max-height:300px}
#sag-kolon .sayfa .box .icerik ul li{padding:12px 5px;border-bottom:1px #eee solid}
#sag-kolon .sayfa .box .icerik ul li:nth-child(2n){background:#F7F8F9}
#sag-kolon .sayfa .box .icerik ul li:nth-child(2n+1){background:#FFFFFF}
#sag-kolon .sayfa .box .icerik ul li:hover{background:#FFFFA4}
#sag-kolon .sayfa .box .icerik ul li a:hover{font-weight:700}
#sag-kolon .sayfa .sayfalar{background:#f9f9f9;border:1px #eee solid;padding:5px;margin:5px 0}
#sag-kolon .sayfa .sayfalar span{background:#444;text-shadow:1px 1px 1px #333;color:#fff;font-weight:700;padding:10px 12px;display:inline-block;border:1px #333 solid}
#sag-kolon .sayfa .sayfalar a{background:#1B70C5;text-shadow:1px 1px 1px #333;color:#fff;font-weight:700;padding:10px 12px;display:inline-block;margin:2px 0;border:#1762AC solid 1px;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
#sag-kolon .sayfa .sayfalar a:hover{background:#444;color:#fff;border:1px #333 solid}
#sol-kolon{background:#f9f9f9;width:20%;height:100%;float:left;left:0;position:fixed}
#sol-kolon #scrollbar{overflow:auto;height:100%;position:relative}
#sol-kolon #scrollbar::-webkit-scrollbar{width:7px}
#sol-kolon .sayfa{padding:5px;margin:0px 5px;height:100%}
#sol-kolon .sayfa .card{background:#fff;margin-bottom:10px;border:1px #eee solid;box-shadow:0 3px 3px -3px #777;-moz-box-shadow:0 3px 3px -3px #777;-webkit-box-shadow:0 3px 3px -3px #777}
#sol-kolon .sayfa .card .m-card{float:right;right:5px;position:relative}
#sol-kolon .sayfa .card .m-card a{color:#fff;font-weight:600}
#sol-kolon .sayfa .card .m-card a:hover{font-weight:600;color:#333}
#sol-kolon .sayfa .card .m-card .m_on{display:none}
#sol-kolon .sayfa .card.hovercard{background:#fff;position:relative;padding-top:0;text-align:center}
#sol-kolon .sayfa .card.hovercard .cardheader{background:url(img/card.png);background-size:cover;height:52px}
#sol-kolon .sayfa .card.hovercard .avatar{position:relative;top:-50px;margin-bottom:-50px}
#sol-kolon .sayfa .card.hovercard .avatar img{width:80px;height:80px;max-width:80px;max-height:80px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid rgba(255,255,255,0.5)}
#sol-kolon .sayfa .card.hovercard .info{padding:4px 8px 10px}
#sol-kolon .sayfa .card.hovercard .info .title{margin-bottom:4px;font-size:20px;line-height:1;color:#262626;vertical-align:middle}
#sol-kolon .sayfa .card.hovercard .info .desc{overflow:hidden;font-size:12px;line-height:180%;color:#737373;text-overflow:ellipsis}
#sol-kolon .sayfa .menu{border:1px #eee solid;margin-bottom:10px;box-shadow:0 3px 3px -3px #777;-moz-box-shadow:0 3px 3px -3px #777;-webkit-box-shadow:0 3px 3px -3px #777}
#sol-kolon .sayfa .menu .title{background:#F3F3F3;padding:14px 5px 14px 5px;letter-spacing:1px;font-weight:600}
#sol-kolon .sayfa .menu ul{background:#fff;padding:0 5px;margin:0}
#sol-kolon .sayfa .menu ul li{display:block;cursor:pointer}
#sol-kolon .sayfa .menu ul li a{color:#111;font-weight:700;display:block}
#sol-kolon .sayfa .menu > ul > li:not(:last-child){border-bottom:1px #eee solid}
#sol-kolon .sayfa .menu > ul > li.active > a{color:#0060BF}
#sol-kolon .sayfa .menu > ul > li.has-sub > a::after{content:'';position:absolute;display:block;border:5px solid transparent;border-top-color:#888;right:20px;margin-top:-10px;transition:all .25s ease;transform-origin:0 25%}
#sol-kolon .sayfa .menu > ul > li.has-sub.active > a::after{transform:rotateX(180deg);border-top-color:#777}
#sol-kolon .sayfa .menu > ul > li:hover > a::after{border-top-color:#777}
#sol-kolon .sayfa .menu > ul > li > a{padding:14px 5px 14px 30px;color:#444;font-weight:700}
#sol-kolon .sayfa .menu > ul > li > a:hover{color:#0060BF}
#sol-kolon .sayfa .menu ul ul{border-top:1px #eee solid}
#sol-kolon .sayfa .menu ul ul li{padding:12px 5px 12px 20px}
#sol-kolon .sayfa .menu ul ul li:not(:last-child){border-bottom:1px #eee dashed}
#sol-kolon .sayfa .menu ul ul li.active > a{color:#444;border-top-color:#777}
#sol-kolon .sayfa .menu ul ul li.has-sub.active > a::after{transform:rotateX(180deg)}
#sol-kolon .sayfa .menu ul ul li:hover > a::after{border-top-color:#777}
#sol-kolon .sayfa .menu ul ul li a{color:#444}
#sol-kolon .sayfa .menu ul ul li a:hover{color:#008200;text-decoration:underline}
#sol-kolon .sayfa .box{background:#fff;margin-bottom:10px;border:1px #eee solid;box-shadow:0 3px 3px -3px #777;-moz-box-shadow:0 3px 3px -3px #777;-webkit-box-shadow:0 3px 3px -3px #777}
#sol-kolon .sayfa .box .title{background:#F3F3F3;padding:14px 5px 14px 5px;letter-spacing:1px;font-weight:600}
#sol-kolon .sayfa .box p{color:#333;line-height:180%}
#sol-kolon .sayfa .box .form{padding:5px}
#sol-kolon .sayfa .box .form li{padding:2px 0}
#sol-kolon .sayfa .box .form .input{background:#FFF;width:100%;height:36px;line-height:36px;border:1px #eee solid}
#sol-kolon .sayfa .box .form .input:focus{background:#F4FDFF;font-weight:600;color:#F93200;outline:none}
#sol-kolon .sayfa .box .form .search{position:relative;display:flex}
#sol-kolon .sayfa .box .form .searchterm{width:100%;border:1px solid #eee;border-right:none;padding:5px;height:24px;border-radius:5px 0 0 5px;outline:none}
#sol-kolon .sayfa .box .form .searchbutton{width:40px;height:36px;border:1px solid #eee;background:#f9f9f9;text-align:center;color:#111;border-radius:0 5px 5px 0;cursor:pointer}
#sol-kolon .sayfa .box .form .searchbutton:hover{background:#f5f5f5}
#popup{background-color:#fff;background-image:url('img/page-background.png');background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100%;height:100%;position:absolute}
#popup #scrollbar{overflow:auto;height:100%;position:relative}
#popup .sayfa{padding:0 5px;overflow-x:hidden!important;z-index:0}
#popup .sayfa .sticky{background:#fff;background:-webkit-linear-gradient(to top,#f9f9f9,#fff);background:linear-gradient(to top,#f9f9f9,#fff);position:-webkit-sticky;position:sticky;top:0;padding:0 5px;margin-bottom:5px;margin-left:-5px;margin-right:-5px;z-index:2;display:block;border-bottom:1px #eee solid}
#popup .sayfa .sticky .baslik{padding:14px 5px 14px 32px;color:#000;letter-spacing:1px;font-weight:700}
#popup .sayfa .sticky .baslik a{font-weight:700}
#popup .sayfa .sticky .baslik a:hover{color:#3498db}
#popup .sayfa .sticky .baslik span{margin-right:-20px}
#popup .sayfa #tabmenu .sekme{background:#f5f5f5;border:1px #eee solid;border-bottom:none;padding:2px;margin:0;font-weight:700;text-shadow:1px 1px 1px #333}
#popup .sayfa #tabmenu .sekme li{background:#0073AA;background:-webkit-linear-gradient(to bottom,#0073AA,#0088CA);background:linear-gradient(to bottom,#0073AA,#0088CA);color:#fff;display:inline-block;padding:12px 8px;margin:1px;cursor:pointer}
#popup .sayfa #tabmenu .sekme li:hover{background:#159957;background:-webkit-linear-gradient(to bottom,#159957,#138A4F);background:linear-gradient(to bottom,#159957,#138A4F);color:#fff;border-bottom:none}
#popup .sayfa #tabmenu .sekme li.aktif{background:#333;background:-webkit-linear-gradient(to bottom,#333,#666);background:linear-gradient(to bottom,#333,#666)}
#popup .sayfa #tabmenu .icerik{background:#fff;border:1px #eee solid;padding:5px}
#popup .sayfa #tabmenu .icerik ul li{padding:12px 0;display:block;border-bottom:1px #eee solid}
#popup .sayfa #tabmenu .icerik ul li a:hover{font-weight:600;color:#C10000}
#popup .sayfa .progressbar{width:100%;margin:5px 0;position:relative;background-color:#f5f5f5;box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
#popup .sayfa .proggress{height:8px;width:10px;background-color:#3498db}
#popup .sayfa .percentCount{font-family:Roboto,Helvetica,sans-serif;font-weight:600;color:#fff;float:right;padding:5px;clear:both}
#popup .sayfa .dashboard{width:100%;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px}
#popup .sayfa .dashboard .kutu{float:left;width:25%;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 auto;-ms-touch-action:pan-y}
#popup .sayfa .dashboard .kutu h4{height:40px;line-height:40px;color:#fff;font-size:20px;text-shadow:1px 1px 1px #000}
#popup .sayfa .dashboard .kutu h5{height:40px;line-height:40px;color:#fff;font-size:20px;text-shadow:1px 1px 1px #000}
#popup .sayfa .dashboard .kutu h5:before{content:"t";font-family:"AbakuTLSymSansRegular",serif;padding-right:5px}
#popup .sayfa .dashboard .kutu a{color:#111}
#popup .sayfa .dashboard .kutu a:hover{color:#000;font-weight:700}
#popup .sayfa .dashboard .kutu label{height:35px;line-height:35px;display:block;color:#111}
#popup .sayfa .dashboard .kutu span{height:35px;line-height:35px;display:block;color:#1a1a1a;font-size:12px}
#popup .sayfa .dashboard .kutu .icerik1{background:#0DA550;background:-webkit-linear-gradient(to bottom,#0DA550,#0B8240);background:linear-gradient(to bottom,#0DA550,#0B8240);border:1px #0B8240 solid;min-height:100px;margin-right:5px}
#popup .sayfa .dashboard .kutu .icerik1 span{background:#0B8240}
#popup .sayfa .dashboard .kutu .icerik2{background:#F66B4E;background:-webkit-linear-gradient(to bottom,#F66B4E,#DD300B);background:linear-gradient(to bottom,#F66B4E,#DD300B);border:1px #DD300B solid;min-height:100px;margin-right:5px}
#popup .sayfa .dashboard .kutu .icerik2 span{background:#DD300B}
#popup .sayfa .dashboard .kutu .icerik3{background:#4A99A2;background:-webkit-linear-gradient(to bottom,#4A99A2,#3A7981);background:linear-gradient(to bottom,#4A99A2,#3A7981);border:1px #3A7981 solid;min-height:100px;margin-right:5px}
#popup .sayfa .dashboard .kutu .icerik3 span{background:#3A7981}
#popup .sayfa .dashboard .kutu .icerik4{background:#D1763F;background:-webkit-linear-gradient(to bottom,#D1763F,#B9622D);background:linear-gradient(to bottom,#D1763F,#B9622D);border:1px #B9622D solid;min-height:100px;margin-right:0}
#popup .sayfa .dashboard .kutu .icerik4 span{background:#B9622D}
#popup .sayfa .pano{width:100%;text-align:center;margin:5px 0}
#popup .sayfa .pano h5{height:40px;line-height:40px;color:#fff;font-size:20px;text-shadow:1px 1px 1px #000}
#popup .sayfa .pano h5:before{content:"t";font-family:"AbakuTLSymSansRegular",serif;padding-right:5px}
#popup .sayfa .pano a{color:#111}
#popup .sayfa .pano a:hover{color:#000;font-weight:700}
#popup .sayfa .pano label{height:35px;line-height:35px;display:block;color:#111}
#popup .sayfa .pano span{height:35px;line-height:35px;display:block;color:#1a1a1a;font-size:12px}
#popup .sayfa .pano .icerik{background:#00BCFB;background:-webkit-linear-gradient(to bottom,#00BCFB,#1B70C5);background:linear-gradient(to bottom,#00BCFB,#1B70C5);border:1px #00BCFB solid;min-height:100px}
#popup .sayfa .pano .icerik span{background:#0F90DB}
#popup .sayfa .grafik{background:#f9f9f9;height:250px;margin:5px 0;border:1px #eee solid;box-shadow:0 6px 6px -6px #777;-moz-box-shadow:0 6px 6px -6px #777;-webkit-box-shadow:0 6px 6px -6px #777}
#popup .sayfa .box{width:100%}
#popup .sayfa .box .tl:before{content:"t";font-family:"AbakuTLSymSansRegular",serif;padding-right:5px}
#popup .sayfa .box .icerik{background:#fff;margin-bottom:5px}
#popup .sayfa .box .icerik ul{overflow-x:hidden!important}
#popup .sayfa .box .icerik ul li{padding:12px 5px;border-bottom:1px #eee solid}
#popup .sayfa .box .icerik ul li img{width:20px;height:18px}
#popup .sayfa .box .icerik ul li:nth-child(2n){background:#F7F8F9}
#popup .sayfa .box .icerik ul li:nth-child(2n+1){background:#FFFFFF}
#popup .sayfa .box .icerik ul li:hover{background:#FFFFA4}
#popup .sayfa .box .icerik ul li a:hover{font-weight:700}
