/* ==========================================================================
   Proje Ad?: Cari 
   Yazan: Ergun COBANOGLU (http://www.sanal.mobi)
   ========================================================================== */

body {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
    color: #666;
    background-color: #f5f5f5;
    cursor: default;
}

.browsehappy {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    padding: 30px 0 20px 0;
    background-color:#fff000;
    z-index:99999;
    text-align:center;
    font-size:24px;
    opacity:0.8;
    color:#111;
} 
.browsehappy p {
    padding:20px;
}
.browsehappy a {
    color:#ff0000;
}
.overlay {
    filter: alpha(opacity=50);
    opacity: .8;
}



/* Header
-------------------------------------------------- */
.header {
    min-height: 70px;
}

/* Kullanici kismi
-------------------------------------------------- */
.shopping-cart { }
.shopping-cart a {
    color:#fff;
    font-size: 14px;
    margin-top: 6px;
    display: inline-block;
    text-decoration: none;
}
ul.user-info {list-style: none outside none;margin: 16px 0 0 0;padding: 0;}
ul.user-info > li {float: left;margin-right: 24px;}
ul.user-info > li.profile-info {margin-right: 0;}
li.profile-info.dropdown > a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: all 300ms ease-in-out 0s;
    margin-top: 8px;
    display: inline-block;
}
.profile-info.dropdown > a:hover, .profile-info.dropdown > a:focus {
    text-decoration: none;
}
.profile-info.dropdown > a i  {
    margin-left:5px;
}
.profile-info.dropdown > a img {
    border: 1px solid #fff;
    margin-right: 5px;
    display: none;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -8px;
    right: 40px;
    z-index: 100000;
}
.dropdown-title {
    display: block;
    padding: 11px 20px;
    font-weight: 600;
    border-bottom: none!important;
}
.bg-inverse {
    background-color: #1c2a3c;
    color: #89a;
}
.dropdown-notifications {
    /* min-width: 260px; */
}
.dropdown-notifications > li {
    border-bottom: 1px solid #e5e5e5;
}
.dropdown-notifications .notification {
    margin: 0;
    border-radius: 0;
    padding: 7px;
    overflow: hidden;
    zoom: 1;
    white-space: normal;
}
.dropdown-notifications .notification .notification-thumb {
    display: block;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.dropdown-notifications .notification>.pull-left {
    margin-right: 10px;
}
.dropdown-notifications .notification .notification-thumb .fa {
    line-height: 33px;
}
.dropdown-notifications .notification .notification-body {
    overflow: hidden;
    zoom: 1;
    line-height: 16px;
}

.dropdown-notifications .notification .notification-body strong {
    font-weight:600;
    color:#333;
}
.dropdown-notifications > li > a:hover,
.dropdown-notifications > li > a:focus {
  text-decoration: none;
  color:#666;
  background-color:#eee;
  /* border-radius:4px; */
}
.dropdown-notifications .dropdown-footer a {
    color:#333;
}
.dropdown-notifications .dropdown-footer a:hover, .dropdown-notifications .dropdown-footer a:focus {
    background-color:#ddd;
}


.notifications {
    padding-top:5px;
}
.notifications .badge {
    top:0;
    position: absolute;
    right: -5px;
    background-color: #ff5400;
}
.notifications > a {
    font-size:18px;
    color:#fff;
    padding: 5px;
}
.notifications .dropdown-menu-right {
    right:-10px;
}
.notifications .dropdown-menu {
    min-width:250px;
}
.dropdown-user > li > a {
    padding:8px 15px;
}
/* Menu
-------------------------------------------------- */
.menu {
    /* height:58px; */
    padding: 10px 0;
    background-color:#fff;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.23)!important;
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.23)!important;
    box-shadow: 0 1px 8px rgba(0,0,0,0.23)!important;
    margin-bottom: 25px;
}
.account-search {/* font-weight:600; */}

/* Footer
-------------------------------------------------- */
.footer {
    padding:20px 0;
    background-color:#545454;
}
.footer .copyright, .footer .sanal-logo a {
    color:#fff;
}
.footer .sanal-logo a {
    text-decoration:none;
} 

/* Hesaplar
-------------------------------------------------- */
.bill-content h4 {
    margin-top:0;
}
.bill-content .table {
    margin-bottom:0;
}
.bill-content .table {
    margin-bottom:0;
}
.bill-content .table > thead > tr > th, 
.bill-content .table > tbody > tr > th, 
.bill-content .table > tfoot > tr > th, 
.bill-content .table > thead > tr > td, 
.bill-content .table > tbody > tr > td, 
.bill-content .table > tfoot > tr > td {
    padding:8px 15px;
    font-size: 13px;
    background-color:#fff;
}
.bill-content .price {
    font-weight:800;
    /* color:#222222; */
}
table.table-header-background > thead > tr > th,
table.table-header-background > tbody > tr > th {
    
}
.bill-content table.table-header-background > thead > tr > th,
.bill-content table.table-header-background > tbody > tr > th {
    font-size:16px;
    background-color:#e1e1e1;
    color:#545454;
    padding-top:12px;
    padding-bottom:12px;
}


/* Adres Listesi
-------------------------------------------------- */
.address-list .form-group {
    margin-bottom:0;
}
/*
.address-list thead {
     display:none; 
}
.address-list > thead > tr > th,
.address-list > tbody > tr > td {
  border-top: 1px solid #ddd;
  font-size:13px;
  font-weight: 400;
}
.address-list > tbody > tr:first-child > td {
  border-top: 0;
}
*/
.address-list h5 {
    font-weight: 900;
    text-decoration: underline;
    color:#222;
}
dl dt, dl dd {
    margin-bottom:3px;
    content: " ";
    min-height:18px;
}
dl dt {
    float:left;
    min-width:100px;
    font-weight:600;
    color:#222;
}
.filtreContent {
    background-color:#fff;
    margin-bottom:15px;
}

/* Kullan�c� Giri�i (Login) Sayfas�
-------------------------------------------------- */
.page-login {
    background: #32323A;
background-size: cover;
width: 100%;
height: 100%;
}
.panel-login {
    margin-top:25%;
}


/* �zelle�tir
-------------------------------------------------- */
.sirket-logo .btn-group-padding {
    margin-top: 30px;
}
.sirket-logo .image-logo {
    max-width: 100%;
    border:2px solid #e1e1e1;
}
.panel-kullanici .form-group {
    margin-bottom:0;
}
.panel-kullanici .form-group .control-label {
    line-height:34px;
}
.table-kullanici {margin-top:10px;}
.table-kullanici th span {display:block;}
.table-kullanici td, .table-kullanici th {text-align:center;}
.table-kullanici tr td:first-child {text-align:left;}
.table-kullanici thead span {font-size:13px;margin-bottom: 5px;}


/* Anasayfa
-------------------------------------------------- */
.circle-icon {
    float: left;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    /* color: #fff; */
    text-align: center;
    font-size: 20px;
    line-height: 50px;
}
.no-margin {
    margin:0;
}
.no-padding-left {
    padding-left:0 !important;
}
.text-semibold {
    font-weight: 600 !important;
}
.panel-heading h3 i {
    float: left;
    margin-right: 10px;
    line-height: 24px;
}
.panel-heading h3 span {
    display: table;
    line-height: 24px;
}


/* Bildirimler
-------------------------------------------------- */
.notification-list {
    margin:0;
    padding:0;
}


/* Tablo detay
-------------------------------------------------- */
.table-striped > tbody > tr.detail-row:nth-child(odd) > td, .table-striped > tbody > tr.detail-row:nth-child(odd) > th {
    background-color:#fff;
}
table.dataTable tbody tr.detail-row:hover {
    background-color:#fff;
    cursor:default;
}
.detail-container {
    padding:10px;
    line-height: 14px;
}
.detail-container .row {
    border-bottom:1px dashed  #eee;
    margin-bottom:10px;
}
.detail-container .row:last-child {
    border-bottom:0;
    margin-bottom:0;
}
.detail-container label {
    color:#222;
    font-size:11px;
    white-space:nowrap;
}
.acc {
    background: url("../js/jquery.datatables/images/details_open.png") no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
    position: absolute;
    margin-left: 5px;
}
.acc-open {
    background-image: url("../js/jquery.datatables/images/details_close.png");
}


/* MultiCheckBox
-------------------------------------------------- */
.dropdownCheckbox, .dropdownCheckbox .dropdown {
	padding-left:0;
	padding-right:0;
	margin: 0 0 5px 0;
}

.dropdownCheckbox .dropdownContent a.dropdown-toggle {
	color:#000000;
	overflow:hidden;
	padding-left:12px;
	white-space: nowrap;
        text-decoration: none;
}
.dropdownCheckbox .dropdownContent a.dropdown-toggle .fa {
	margin:4px 0 0 0;
	color:#000000;
	float: right;
}
.dropdownCheckbox .dropdownContent .dropdown-menu {
	max-height:200px;
	overflow-y: scroll;
	min-width:210px;
	margin: 0;
}
.dropdownCheckbox .dropdownContent .dropdown-menu li {
	padding:0 10px;
}
.dropdownCheckbox .dropdownContent .dropdown-menu li.searchBox {
    padding: 5px 10px;
}
.nav .open > a.select, .nav .open > a.select:hover, .nav .open > a.select:focus {
    background-color:#fff;
}
 .form-group .dropdownCheckbox .select i {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 12px;
    height: 11px;
    background: #fff;
    box-shadow: 0 0 0 8px #fff;
    pointer-events: none;
}
.form-group .select i:after, .form-group .select i:before {
    content: '';
    position: absolute;
    right: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.form-group .select i:before {
    top: 0;
    border-bottom: 4px solid #404040;
}

    


/* Internet Explorer
-------------------------------------------------- */
.ie .form-group .select i {
    right:18px;
}
.ie ul, .ie ul li {
    margin:0;
    list-style:none;
}



/* Responsive 
-------------------------------------------------- */
@media (max-width: 360px) {
    #tblAddressList thead th:nth-child(3), #tblAddressList tbody td:nth-child(3),#tblAddressList thead th:nth-child(4), #tblAddressList tbody td:nth-child(4),#tblAddressList thead th:nth-child(5), #tblAddressList tbody td:nth-child(5),#tblAddressList thead th:nth-child(6), #tblAddressList tbody td:nth-child(6) {
        display:none;
    }
    
}
@media (max-width: 480px) {
    .nav > li {
        float:none;
        margin-bottom:2px;
    }
    .nav > li > a {
        padding:10px 15px;
    }
    .menu .pull-left {
        float: none !important;
    }
}
@media (max-width: 534px) {
    .notifications {display:none;}
    .btn-group-padding > .btn {
        margin-bottom:10px;
    }
    .footer {
        text-align:center;
    }
    .footer .sanal-logo {
        margin-top:20px;
    }
    .footer .sanal-logo a.pull-right {
        float:none !important;
    }
    #tblAddressList thead th:nth-child(7), #tblAddressList tbody td:nth-child(7) {
        display:none;
    }
}
@media (max-width: 640px) {
    .btn-search {display:none;}
    .navbar-brand {
        max-width:50%;
    }
    
    
}
@media (max-width: 767px) {
    .btn-search i {
        display:none;
    }
    .bill-content, .content {
        margin-top:20px;
    }
    .header {}
}
@media (min-width: 768px) and (max-width: 991px) {
    .md-large .modal-dialog {
        /* margin-left:20px; */
        /* margin-right:20px; */
    }
}
@media (min-width: 992px) {
  .circle-icon {
    width:40px;
    height:40px; 
    margin-right:10px;
    line-height:40px;
  }
}