/*
Template Name: Velonic Dashboard build with Bootstrap v3.3.6
Template Version: 3.0
Author: CoderThemes
Email: coderthemes@gmail.com
Date: Jan 2015
Last Update: May 2016
*/



/* TABLE OF CONTENTS
    1) General
        1.1 Loader
    2) Left Panel
        2.1 Logo
        2.2 Navigation
        2.3 Sub-menu
    3) Top Header
    4) Content Area
    5) Footer
    6) Panel-Tab-Accordions
    7) Portlets
    8) Widgets
    9) Chat / Todo
   10) Calendar
   11) Forms
       11.1 Form wizard
   12) Datatable
   13) Chart
   14) Mail
   15) Maps
   16) Profile
   17) Timeline
   18) Pages (Log-in,Register Etc....)
   19) Flot-chart / Rickshaw
   - Responsive

*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500;700&family=Raleway:wght@100;300;500&family=Rubik:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@100;300;400;500;700&display=swap');

 @font-face{
   font-family:'innogyWEBMedium';
   src:url("../source/fonts/innogyWEB-Medium.eot");
   src:url("../source/fonts/innogyWEB-Mediumd41d.eot?#iefix") format("embedded-opentype"),
   url("../source/fonts/innogyWEB-Medium.woff2") format("woff2"),
   url("../source/fonts/innogyWEB-Medium.woff") format("woff"),
   url("../source/fonts/innogyWEB-Medium.ttf") format("truetype");
   font-weight:500;
   font-style:normal
}

 @font-face{
 
 font-family:'innogyWEBRegular';
 src:url("../source/fonts/innogyWEB-Regular.eot");
 src:url("../source/fonts/innogyWEB-Regulard41d.eot?#iefix") format("embedded-opentype"),
 url("../source/fonts/innogyWEB-Regular.woff2") format("woff2"),
 url("../source/fonts/innogyWEB-Regular.woff") format("woff"),
 url("../source/fonts/innogyWEB-Regular.ttf") format("truetype");
 font-weight:normal;font-style:normal}

 @font-face{
 
 font-family:'innogyWEB-Light';
 src:url("../source/fonts/innogyWEB-Lightd41d.eot?#iefix") format("embedded-opentype"),
 url("../source/fonts/innogyWEB-Light.woff") format("woff"),
 url("../source/fonts/innogyWEB-Light.ttf") format("truetype"),
 url("../source/fonts/innogyWEB-Light.svg#innogyWEB-Light") format("svg");font-weight:normal;font-style:normal}

 @font-face{
 
 font-family:'innogyWEBBold';
 src:url("../source/fonts/innogyWEB-Bold.eot");
 src:url("../source/fonts/innogyWEB-Boldd41d.eot?#iefix") format("embedded-opentype"),
 url("../source/fonts/innogyWEB-Bold.woff2") format("woff2"),
 url("../source/fonts/innogyWEB-Bold.woff") format("woff"),
 url("../source/fonts/innogyWEB-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}




/******** 1. General ********/
body {
    color: #363636;
    background-color: #f3f3f3;
    font-family: 'Arial', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 12px;
}
html {
  overflow-x: hidden;
  position: relative;
  min-height: 100%;
}


.container {width: 80%; margin: 0px auto}
.flex-center {display: flex;justify-content: center;;align-items: center}
.left {float: left}
.right {float: right}
.cs-logo {height: 80px;}


.login-logo-frame { width:100px; height:100px; border-radius: 100%;padding: 10px;background: #fff;text-align: center;margin-bottom: 30px}
.login-logo-frame img{width: 50%;height: 65%;margin-top: 16px;}
.login-input {margin-top: 15px; width: 400px; height: 40px;border: 0px; border-radius: 3px; background: #242728;line-height: 40px;padding: 0px 10px}
.login-input input{width: 100%; height: 100%;border: 0px; background: transparent;}
.login-panel-btn {margin-top: 15px; width: 200px; height: 40px;border: 0px; border-radius: 3px; background: #972d2d;line-height: 40px;padding: 0px 10px; text-align: center;color: #fff;margin-bottom: 30px; cursor: pointer;}
.login-area center {margin-bottom:40px; font-size: 19px;}

/********************* Kısımlar *******************/

.login-area {width: 100%;margin-top: 100px}
.login-frame {width: 40%; border-radius: 2px; padding: 30px;background: #2e3234;margin: 0px auto;}

/******************** 3.Top Header ****************/
    
header {
  background-color: #2f353f;
  box-shadow: 0 0px 8px 0 rgba(0,0,0,0.06),0 1px 0px 0 rgba(0,0,0,0.02);
  position: fixed;
  top: 0;
  left: 250px;
  right: 0;
  z-index: 999;
}
header .navbar-default .navbar-nav>li>a {
  background-color: transparent;
  line-height: 30px;
  color: #C3C9CE;
}

header .navbar-default .navbar-nav>li>a:hover {
  color: #ffffff;
}

    .as {background: #fff;float: left; border: .55px solid #e1e1e1;height: calc(100vh - 20px)}
    .sol-stn {width:  240px; margin-right:10px; }
    .orta-stn {width:  calc(100% - 250px); margin-right:0px; padding: 10px}
    .panel_logo {width: 100%;height: 40px; line-height: 60px;text-align: left;font-size: 18px;padding-left: 10px}
    .panel_logo span{background: #c30000; color: #fff;margin-left: 5px;font-size: 16px;padding: 3px 8px;border-radius: 13px;}
    div.title {font-size: 14px;font-weight: bold;height: 20px;margin-bottom: 10px;}
    div.orta-aktif {height: calc(100% - 30px)!important;border: .55px solid #f2f2f2;padding: 0px;}
    .page-title {font-weight: bold; margin-bottom: 15px; font-size: 18px}


    .panel_logo {width: 100%;height: 40px; line-height: 60px;text-align: left;font-size: 18px;padding-left: 10px}
    .panel_logo span{background: #c30000; color: #fff;margin-left: 5px;font-size: 14px;padding: 3px 8px;border-radius: 13px;}
    div.title {font-size: 14px;font-weight: bold;height: 20px;margin-bottom: 10px;}
    div.orta-aktif {max-height: calc(100% - 60px)!important;border-left: .55px solid #f2f2f2;padding: 0px;}
    .table-title {height: 40px; line-height: 40px; background: #56834c;color: #fff;font-weight: bold;}
    .table-title div{padding: 0px 5px; float: left;width: 30%; border-right:.55px solid #666 }
    .table-title div:nth-child(4){width: 10%;border: 0px; text-align: center;}
    #table-data {max-height: calc(100% - 48px);overflow: scroll;}
    .left-title {padding: 10px; border-bottom: .55px solid #e5e5e5;background: #1c5b93;font-size: 16;font-weight: bold;margin-top: 20px;color: #fff;}
    .left-menu {padding: 10px; border-bottom: .55px solid #e5e5e5;background: #f9f9f9;}
    .left-menu i{margin-right: 5px; color: #000}

    #table{ display: table; width: 100%!important}
    .tb-title{border: 1px solid #e6e2d5;margin: 1px; padding: 1px}
    .tr{display: table-row; width: 100%!important;}
    .tr.title{padding: 10px 5px;border-right: .55px solid #459d28;;border-bottom: .55px solid #459d28;color: #000;font-weight: bold;font-size: 11.5px;background: #e9e9e9 url('../images/tr_b.gif') repeat-x bottom left;}
    .tr.title .td {display: table-cell;padding: 3px 5px 7px 0px;border-right: .0px solid #f2f2f2;;border-bottom: .55px solid #fff;;border-topm: .55px solid #fff;}
    .tr.title .td b{background: url(../images/th_s.gif) no-repeat top left; padding-left: 10px;display: block;   height: 21px;padding-top: 6px;font-weight: normal;}



    .td{display: table-cell;padding: 5px;border-right: .55px solid #f2f2f2;;border-bottom: .55px solid #f2f2f2;vertical-align: middle}
    .tboy {max-height: calc(100% - 50px);overflow: scroll;}


    .ekle-form label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 300;
        margin-right: 15px;
        width: 20%;
    }

    .ekle-form input {width: 60%; border: .55px solid #e1e1e1; padding: 7px;margin-bottom: 10px; border-radius: 5px;}







#tsum-tabs main {
  width: 100%;
  padding: 0px;
  margin: 0 auto;
  background: #fff;
}

#tsum-tabs section {
  display: none;
  padding: 20px 10px;
  border-top: 1px solid #eee;
}

#tsum-tabs input.block {
  display: none;
}

#tsum-tabs label.tabline {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 12px 25px;
  font-weight: 600;
  text-align: center;
  color: #aaa;
  border: 1px solid transparent;
}




#tsum-tabs label.tabline:hover {
  color: #888;
  cursor: pointer;
}

#tsum-tabs input:checked + label.tabline {
    color: #000;
    border: 1px solid #fff;
    border-top: 3px solid #ff9800;
    border-bottom: 1px solid #fff;
    background: #efefef;
}

#tsum-tabs #tab1:checked ~ #content1,
#tsum-tabs #tab2:checked ~ #content2,
#tsum-tabs #tab3:checked ~ #content3,
#tsum-tabs #tab4:checked ~ #content4, 
#tsum-tabs #tab5:checked ~ #content5, 
#tsum-tabs #tab6:checked ~ #content6, 
#tsum-tabs #tab7:checked ~ #content7 

{
  display: block;
}

@media screen and (max-width: 650px) {
  #tsum-tabs label.tabline {
    font-size: 0;
  }
  #tsum-tabs label.tabline:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  #tsum-tabs label.tabline {
    padding: 15px;
  }
}


/* Kategoriler */



    #table-data {width: 100%!important;}
    .table.tboy {width: 100%!important;}

    .ekle-form {min-height: 300px}
    .kaydet-btn {margin-top: 20px; background: #04709b; color: #fff; font-weight: bold; width: 100px; text-align: center;padding: 10px; border-radius: 8px;cursor: pointer;transition: all .3s;}
    .kaydet-btn:hover {margin-top: 20px; background: #1ea1d5; }
    .load {float: left;width:40px;margin-top:0px; margin-left:10px; display: none;}