@charset "UTF-8";
/*----------------------------------------------------
@File: Default Styles
@Author:  Erhan Sayim
@URL: https://www.sayim.com.tr/
@Template Name: Sayim Global v1

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
----------------------------------------------------*/

/*=====================================================
    CSS Table of content:

    1. Global Area 
    2. --
=====================================================*/

/*----------------------------------------------------*/
/* 1. Global Area */
/*----------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{
    background: url(../images/bg.jpg);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 13px;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    color: #202020;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    padding-top: 75px;
}

ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul li{
    float: left;
}

a, a:hover, a:focus, a:visited{
    text-decoration: none;
    color: #202020;
}

 video{
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -2;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
    opacity: .8;
    filter: alpha(opacity=50);
}
.modal-dialog{margin: 110px auto;}
.btn{color: #fff !important}
.btn-default{color: #000 !important}
#opacity{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: radial-gradient(#a58ef37a, #ffffff);
}

.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-25{padding: 25px;}

.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}

.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}

.m-5{margin: 5px;}
.m-10{margin: 10px;}
.m-15{margin: 15px;}
.m-20{margin: 20px;}
.m-25{margin: 25px;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}

.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}

.br-10{
    border-radius: 10px;
}

.border-c1, input{border: 1px solid rgba(67, 87, 133, .2) !important;}
.border-t-c1{border-top: 1px solid rgba(67, 87, 133, .2);}
.border-b-c1{border-bottom: 1px solid rgba(67, 87, 133, .2);}
.border-l-c1{border-left: 1px solid rgba(67, 87, 133, .2);}
.border-r-c1{border-right: 1px solid rgba(67, 87, 133, .2);}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.9);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.9);
    box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
      box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
      box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
  }
}
.panel-default{
    background-color: #ffffff;
}

[role="listbox"] li{
    width: 100%;
}
.form-control, .select2-container--default .select2-selection--single{
    background-color: #ececec !important;
}

::-webkit-input-placeholder { /* Edge */
  color: #616161 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #616161 !important;
}

::placeholder {
  color: #616161 !important;
}

.table{
  background-color: #fff;
  margin-bottom: 0px;
}
.table tr td, .table thead tr th{
    text-align: center !important;
}

a.btn-danger i, a.btn-success i{
    color: #fff;
}
/*----------------------------------------------------*/
/* 1. Admin Giriş Sayfası */
/*----------------------------------------------------*/
.logo-out{
    background: #ffffffe0;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 12222;
}
#menu-open-close{
    font-size: 22px;
    float: left;
    padding: 0px 10px;
    margin-left: 20px;
}
.header-right #notification, #exit{
    position: relative;
    padding: 1px 10px;
    font-size: 20px;
    margin-left: 10px;
}
.menu::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.menu::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}
.menu::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44, #ababab),color-stop(0.72, #ccc9c9),color-stop(0.86, #ececec));
}
.menu{
    width: 227px;
    height: 92%;
    float: left;
    margin-left: -15px;
    top: 75px;
    overflow-y: scroll;
    background: #ffffffe0;
    position: fixed;
    z-index: 24;
}
.menu img{
    border-radius: 50%;
    width: 71px;
    border: 1px dashed #0db0df;
}
.menu ul{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.menu ul li{
    width: 100%;
    padding: 11px 10px;
    border-top: 1px solid rgba(67, 87, 133, .2);
    border-left: 3px solid #fff;
}
.menu ul li:hover, .menu ul li.active{
    border-left: 3px solid #1ade65;
    background: #ccffe1;
}
.menu ul li a{
    float: left;
    width: 100%;
    font-size: 14px;
}
.menu ul li a i{
    color: #730a53;
}
.menu ul li a span{
    float: right;
}
.menu ul li ul{
    display: none;
}
.menu ul li ul li{}
.menu ul li ul li a{
    font-size: 13px;
}

#container{
    padding-left: 220px;
    padding-right: 0px;
}
#container .container-fluid:nth-child(1){
    padding-right: 0px;
}

.order-total{
    color: #fff;
    padding: 40px;
    float: left;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 10px #716868;
}
.order-total div{
    font-weight: bold;
    background: #25242485;
    color: #fff;
    padding: 8px 20px;
    margin: 0 auto;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 23px;
}
.order-total span{
    font-size: 21px;
    float: left;
    width: 100%;
}
.order-total small{
    float: left;
    width: 100%;
    font-size: 13px;
}
.order-total-bg-1{
    background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%);
}
.order-total-bg-2{
    background-image: linear-gradient(45deg, #f93a5a, #f7778c);
}
.order-total-bg-3{
    background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%);
}
.order-total-bg-4{
    background-image: linear-gradient(to left, #efa65f, #f76a2d);
}

.data-title{
    float: left;
    width: 100%;
    background: #e9eaea;
    padding: 10px;
    font-size: 18px;
    border: 3px solid #ffffff;
    border-bottom: 0px;
    text-align: center;
}

#most_viewed a:first-child {
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 270px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}
#most_viewed a:last-child {
    height:40px;
    float:left;
    width:100%;
    overflow: hidden;
    margin-top:10px;
}
@media only screen and (max-width: 600px){
    .menu{
        margin-left: -247px;
    }
    #container{
        padding-left: 0px !important;   
    }
    .logo-out{
    height: 75px;
}
}