@font-face {
   font-family: MonotypeCorsiva;
   src:url(../fonts/MTCORSVA.TTF);
}
html, body {
    height: 100%;
}
.fill-height {
    min-height: 100%;
    height:auto !important; /* cross-browser */
    height: 100%; /* cross-browser */
}
.container-fluid{
	min-height: 100%;
    height:auto !important; /* cross-browser */
    height: 100%; /* cross-browser */
}
@media screen and (max-width: 767px) {


footer{box-shadow: 0 0 0 !Important;}
	.mobilnone{display:none !important;}
	a.navbar-brand img{margin-left:30px !important;}
	.seri-satis-tahsilat{position:fixed !important;bottom:-5px;}
	.select2-results__option {
    padding: 20px 6px !Important;
	}
}
@media (min-width: 768px) and (max-width: 1367px) {
	.uyepaneladmin{margin-top:0px !important;}
	.loginimg{margin-top:30px !important;margin-left:20px !important;}
	a.navbar-brand img{margin-left:40px !important;}
	.select2-results__option {
    padding: 20px 6px !Important;
	}
}
@media (min-width: 1368px) {
	.uyepaneladmin{margin-top:30px !important;}
	.loginimg{margin-top:120px !important;margin-left:120px !important;}
	a.navbar-brand img{margin-left:50px !important;}
}
/*-------------------------Genel-------------------------*/
.ofhidden{overflow:hidden;}
.center{margin:0 auto !Important; background:#f60; text-aligin:center !Important;}
.br0{border-radius:0 !Important;}
.bilgi{float:left !Important; width:125px; overflow:hidden; padding:4px;}
.main{background-color: #fff !Important;padding:25px !Important;margin-bottom:5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.ana{padding:15px !Important;}
.border0{border:none !Important; padding:5px !Important;}
.marka{text-aligin:center; margin:-8px; height:20px;padding:2px; overflow:hidden; font-size:2vmin;}
.none{display:none !Important;}
.badge{font-size:1.8vh !Important;}
.form-control p5{ padding:10px !Important;}
.container-fluid{min-height:100% !important;}
/*-------------------------FOnt Family-------------------------*/
.ubuntu{font-family:ubuntu;}

/*-------------------------FOnt Size-------------------------*/
.f12{ font-size:12px !Important;}
.f14{ font-size:14px !Important;}
.f16{ font-size:16px !Important;}
.f18{ font-size:18px !Important;}
.f20{ font-size:20px !Important;}
.f22{ font-size:22px !Important;}
.f24{ font-size:24px !Important;}
.f28{ font-size:28px !Important;}
.f32{ font-size:32px !Important;}
.bold{font-weight: bold;}
.f3vh{ font-size:3vh !Important;}
.f4vh{ font-size:4vh !Important;}
/*-------------------------Margin - Padding -------------------------*/
.padding0{ padding:0 !Important;}
.margin0{ margin:0 !Important;}
.padding15{padding:15px;}
.padding15e{padding:-15px !Important;}
.margin15{margin:15px !Important;}
.margin15e{margin:-15px !Important;}
.m5left{margin-left:5px;}
.m5right{margin-right:5px;}
.m5right-{margin-right:-5px !Important;}
.m5bottom{margin-bottom:5px;}
.m5top{margin-top:5px;}
.m10top{margin-top:10px !Important;}
.m15top{margin-top:15px !Important;}
.m15bottom{margin-bottom:15px !Important;}
.m15left{margin-left:15px !Important;}
.m15right{margin-right:15px !Important;}
.m10bottom{margin-bottom:10px !Important;}
.urunler{height:45px !Important;font-size:24px !Important;}

/*-------------------------MinHeight-------------------------*/
.minh400{ min-height:400px;}
/*-------------------------MinWidth-------------------------*/
.mw120{ min-width:180px;}
/*-------------------------Up Text-------------------------*/
.uptext{ text-transform: uppercase !Important;}
/*-------------------------Renkler-------------------------*/
.red{color:#FF0000;}
.blue{color:#00CCFF;}
.black{color:#000;}
.darkblue{color:#167ac6;}
.gri{color:#999;}
.gri2{color:#666;}
.gri3{color:#333;}
.bordo{color:#d9534f;}
.green{color:#5cb85c;}
.white{color:#fff;}
.dark{color:#31353D;}
.uptext{ text-transform: uppercase !Important;}
/*------------------------- Badge Renkler-------------------------*/
.badgeblue{background-color: #19b9e7 !important;font-size:12px !important;}
.badgegreen{background-color: #48bf49 !important;font-size:12px !important;}
.badgered{background-color: #ff0700 !important;font-size:12px !important;}

/*------------------------- Background Renkler-------------------------*/
.bgblue{background-color: #fbfeff !important;}
.bggreen{background-color: #e2ffe2 !important;}
.bgred{background-color: #ffedec !important;}
.bgiceblue{background-color: #f6fffc !important;}
/*----------------- Yazıcıdan Belli Alanı Yazdırmak -------------------------*/
@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
  a[href]:after {
    content: none !important;
  }
}


.hesapkitap{position:fixed; bottom:20px; right:20px; background-color:#19b9e7;padding:10px;color:white;z-index:1000;font-size:24px;border-radius:50%;width:48px; height:48px;}
/*----------------- LOGIN - REGISTER LOGO -------------------------*/
.girislogo{max-width:300px !important;margin:0 auto !important;}
/*----------------- NAVBAR -------------------------*/
.navbar{position:fixed !important;top:0px;width:100%;z-index:9999;}
a.navbar-brand img{margin-top:-10px !important;}
/*----------------- MODAL ------------------------- */
.modal {
  text-align: center;
  margin-top:100px;
}
/*
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
*/

/*----------------- disabled -------------------------*/
.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
/*-------------------------Üye Paneli-------------------------*/
.uyepanel{width:300px; margin:0 auto; margin-top:50px;}
.uyepanel img {width:200px; margin-bottom:20px;}
.uyepanelkayit{width:300px; margin:0 auto; margin-top:50px; margin-bottom:125px;}
.uyepanelkayit img {width:200px; margin-bottom:20px;}


/*-------------------------Üye Paneli-------------------------*/
.uyepaneladmin{margin:0 auto; margin-top:50px;}
.uyepaneladmin img {margin:0 auto;}

/*-------------------------Footer-------------------------*/
footer{width:100%; margin-top:20px;	padding:5px;	padding-top:10px;	min-height:30px;}
.well{background:#fff !Important; margin-bottom:5px !Important; border-radius:0 !Important;}
.affix {top: 60px;width: 18.3%;  }
.scrollable-menu { height: auto;    max-height: 200px;    overflow-x: hidden;}
ul.scrollable-menu{background:#f60 !Important; position:absolute !Important; z-index:99999999 !Important;}
.checkbox{margin:5px !Important;}

/*-------------------------Form Elemanları-------------------------*/
.hata{border: 3px solid #FF0000 !Important;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea,
textarea.form-control,select.roller,select.form {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #f8f8f8;
    border: 3px solid #ddd;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

textarea,
textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
textarea.form-control:focus {
	outline: 0;
	background: #fff;
    border: 3px solid #ccc;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }



button.btn {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #19b9e7;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

button.btn:hover { opacity: 0.6; color: #fff; }

button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btn:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; }

button.btn:active:focus, button.btn.active:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; }


/******* SELECT2 *******************/
.select2-container {
    width: 100% !Important;
    height: 46px !important;
}
.select2-container .select2-selection--single {
    height: 46px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
    color: #fff !important;
    background-color: #19b9e7;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    border-radius: 4px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; color: #fff !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent !important;}
.select2-dropdown {z-index: 99999 !important;border: 1px solid #19b9e7 !important;}
input.select2-search__field:focus-visible{border: 1px solid #cbcbcb !important;
    line-height: 28px;}

.select2-container--default .select2-selection--single {
    border: 1px solid #19b9e7 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #19b9e7 !important;}

/*----------------------------------------- FORM WIZARD --------------------------------------------------------------*/

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin:0 auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
	padding-top:20px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;

}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
		padding-top:15px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.bitir-buton{position:fixed;bottom:40px;right:40px;}
.arabadakiler-buton{position:fixed;bottom:40px;right:100px;}
/*----------------------------------------- Güzergah drag --------------------------------------------------------------*/
#liste ul {margin: 5px; padding: 5px; list-style-type: none;}
#liste li {cursor: move; margin: 5px 0; padding: 5px;
background-color:rgb(0, 188, 212); color:#fff;}
/*----------------------------------------- hesap topla multiselect --------------------------------------------------------------*/
#feedback { font-size: 1.4em !Important; }
#selectable .ui-selecting { background: #FECA40 !Important; }
#selectable .ui-selected { background: #F39814 !Important; color: white !Important; }
#selectable { list-style-type: none !Important; margin: 0 !Important; padding: 0 !Important; width: 100% !Important; }
#selectable li { margin: 3px !Important; padding:5px 10px !Important; font-size: 1.2em !Important; height: auto !Important; cursor:pointer; }

/*----------------------------------------- Sidebar --------------------------------------------------------------*/

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/

.page-wrapper {
  height: 100vh;
}

.page-wrapper .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}

.page-wrapper .theme.chiller-theme {
  background: #1e2229;
}

/*----------------toggeled sidebar----------------*/


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

	.page-wrapper.toggled .sidebar-wrapper {
	  left: 0px;
	}
	.sidebar-wrapper {
	  left: -260px;
	}
	#show-sidebar {
	  left: 2px;
	}
	.page-wrapper.toggled #show-sidebar {
	  left: -50px;
	}
	.page-wrapper .page-content {
	  padding-left: 0px;
	}
}
@media screen and (min-width: 768px) {

	.page-wrapper .page-content {
	  padding-left: 260px;
	}
	.page-wrapper.deskmob .page-content {
		padding-left: 0px;
	}
	.page-wrapper.deskmob .sidebar-wrapper {
	left: -260px;
	}
	.sidebar-wrapper {
	  left: 0px;
	}
	#show-sidebar {
	  left: -50px;
	}
	.page-wrapper.deskmob #show-sidebar {
	  left: 5px;
	}
}
 @media (min-width: 768px) {
	  .hiddenlargescreen{display:none !important;}

  }
/*----------------show sidebar button----------------*/
#show-sidebar {
  position: fixed;
  width: 45px;
  top: 4px;
  background:transparent;
  color:#31353D;
  z-index:999999;
  transition-delay: 0.3s;
}

/*----------------sidebar-wrapper----------------*/
.sidebar-wrapper {
  width: 260px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}

.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
  max-height: calc(100% - 30px);
  height: calc(100% - 30px);
  overflow-y: auto;
  position: relative;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
  text-transform: uppercase;
  font-weight: bold;
  flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
  cursor: pointer;
  font-size: 20px;
  color: #fff;
position: relative;
top: -35px;
right: -10px;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
  padding: 20px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
  float: left;
  width: 60px;
  padding: 2px;
  border-radius: 12px;
  margin-right: 15px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
  float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
  display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
  font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
  font-size: 11px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
  font-size: 8px;
  margin-right: 4px;
  color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/

.sidebar-wrapper .sidebar-search > div {
  padding: 10px 20px;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
  padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 14px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 8px 30px 8px 20px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
  margin-right: 10px;
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
  display: inline-block;
  animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 14px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
  padding-left: 25px;
  font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
  float: right;
  margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
  display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
  transform: rotate(90deg);
  right: 17px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > .sidebar-submenu {
  display: block !important;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li.active a{
	color:#19b9e7 !important;
}


/*--------------------------side-footer------------------------------*/

.sidebar-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
}

.sidebar-footer > a {
  flex-grow: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  position: relative;
}

.sidebar-footer > a .notification {
  position: absolute;
  top: 0;
}

.badge-sonar {
  display: inline-block;
  background: #980303;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
}

.badge-sonar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #980303;
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/
.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  margin-top:70px;
  padding-top: 0px;
}


.page-wrapper .page-content {
  overflow-x: hidden;
}

/*------scroll bar---------------------*/

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #19b9e7;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #525965;
}
::-webkit-scrollbar-thumb:active {
  background: #525965;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
    background: #31353D;
	z-index:10000;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: #fff;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
    color: #b8bfce;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #bdbdbd;
	position: relative;
    top: -35px;
    right: -10px;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #16c7ff;
    text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88;
}

.chiller-theme .sidebar-footer {
    background: #3a3f48;
    border-top: 1px solid #464a52;
	font-size: 1.5em;
    padding: 5px;
}
.chiller-theme .sidebar-footer a{
	text-decoration:none;
}
.chiller-theme .sidebar-footer a:hover{
	color:white;
}
.chiller-theme .sidebar-footer a:hover i{
	color:white;
}

.chiller-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
    border-right: none;
}

/***************************  for loading gif */

#preloader_1 {
			position:absolute;
			margin-left:-27.5px;
			top:50%;
			left:50%;
		}
		#preloader_1 span {
			display:block;
			bottom:0px;
			width: 9px;
			height: 5px;
			background:#9b59b6;
			position:absolute;
			animation: preloader_1 1.5s infinite ease-in-out;
			-webkit-animation: preloader_1 1.5s infinite ease-in-out;
			-moz-animation: preloader_1 1.5s infinite ease-in-out;
			-ms-animation: preloader_1 1.5s infinite ease-in-out;
			-o-animation: preloader_1 1.5s infinite ease-in-out;
		}
		#preloader_1 span:nth-child(2) {
			left:11px;
			-webkit-animation-delay: .2s;
			-moz-animation-delay: .2s;
			-ms-animation-delay: .2s;
			-o-animation-delay: .2s;
			animation-delay: .2s;
		}
		#preloader_1 span:nth-child(3) {
			left:22px;
			-webkit-animation-delay: .4s;
			-moz-animation-delay: .4s;
			-ms-animation-delay: .4s;
			-o-animation-delay: .4s;
			animation-delay: .4s;
		}
		#preloader_1 span:nth-child(4) {
			left:33px;
			-webkit-animation-delay: .6s;
			-moz-animation-delay: .6s;
			-ms-animation-delay: .6s;
			-o-animation-delay: .6s;
			animation-delay: .6s;
		}
		#preloader_1 span:nth-child(5) {
			left:44px;
			-webkit-animation-delay: .8s;
			-moz-animation-delay: .8s;
			-ms-animation-delay: .8s;
			-o-animation-delay: .8s;
			animation-delay: .8s;
		}
		@keyframes preloader_1 {
			0% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
			25% {
				height:30px;
				transform:translateY(15px);
				-webkit-transform:translateY(15px);
				background:#3498db;
			}
			50% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
			100% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
		}
		@-webkit-keyframes preloader_1 {
			0% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
			25% {
				height:30px;
				transform:translateY(15px);
				-webkit-transform:translateY(15px);
				background:#3498db;
			}
			50% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
			100% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
		}
		@-o-keyframes preloader_1 {
			0% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
			25% {
				height:30px;
				transform:translateY(15px);
				-webkit-transform:translateY(15px);
				background:#3498db;
			}
			50% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
			100% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
		}
		@-moz-keyframes preloader_1 {
			0% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
			25% {
				height:30px;
				transform:translateY(15px);
				-webkit-transform:translateY(15px);
				background:#3498db;
			}
			50% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
			100% {
				height:5px;
				transform:translateY(0px);
				-webkit-transform:translateY(0px);
				background:#9b59b6;
			}
		}

#loading-bg {
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
          background-color: #ffffff;
          z-index: 555;
        }