/* ========================================================================
Template : Simple Admin Template v1.0
Authour  : https://www.downloadfort.com
LIcense  :  https://downloadfort.com/license/
Template URL: https://downloadfort.com/free-bootstrap-admin-dashboard/
Version  : 1.0
========================================================================= */

/* GENERAL */
body {
  font-family: "Varela Round", sans-serif;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0px;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 80px;
  display: inline-block;
}
.badge-custom {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
}
.fa {
  padding-right: 5px;
  padding-left: 5px;
}
.list-group-item-set {
  background-color: #e5e5e5;
}
.showme {
  display: block;
}

.hideme {
  display: none;
}
.login-with {
  padding-top: 60px;
  padding-bottom: 60px;
}

.login-box label {
  padding-bottom: 10px;
  padding-top: 10px;
}
.not-found h1 {
  font-size: 150px;
  color: tomato;
}
.not-found h3 {
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 30px;
  color: tomato;
}

.not-found .padding-top {
  padding-top: 180px;
}
.carousel-dark .carousel-caption {
  background-color: #0000005e;
  border-radius: 10px;
  padding: 15px 0px 0px 5px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: #000;
  padding: 20px;
}
.carousel-caption h5,
.carousel-caption p {
  color: white;
}
a.logo {
  font-size: 25px;
  margin-left: 45px;
  text-decoration: none;
  color: #000000;
  font-weight: 900;
}
a.logo span {
  color: #03a9f4;
}
/* SIDEBAR & MAIN CONTAINER*/
.sbb {
  width: 250px;
  position: absolute;
  background-color: #3c3c3c;
  height: 100%;
  display: block;
}

.sbbset {
  position: absolute;
  background-color: #3c3c3c;
  height: 100%;
  display: none;
}

.cntt {
  margin-left: 250px !important;
}

.cnttset {
  margin-left: 0px;
}

.main-container {
  padding: 15px;
  background-color: #e7e7e7;
}

.inner-sec {
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  padding: 20px;
  min-height: 900px;
}
/* METIS MENU - SIDEBAR*/
ul.metismenu {
  list-style: none;
  padding-left: 0px;
}

ul.metismenu ul {
  list-style: none;
  padding: 0px;
}

ul.metismenu li a {
  padding: 12px 5px 12px 5px;
  color: #fff;
  display: block;
  font-size: 15px;
  text-decoration: none;
}

ul.metismenu li a:hover {
  background-color: #2d2d2d;
  text-decoration: none;
}

ul.metismenu li ul {
  background-color: #4a4848;
}

ul.metismenu li ul li a {
  padding: 8px 10px 8px 5px;
  color: #fff;
  display: block;
  font-size: 15px;
  text-decoration: none;
}
/*SIDEBARS EXTRA STYLES*/
.head-menu {
  color: #ffffff;
  padding-left: 15px;
  background-color: #03a9f4;
  padding: 10px 15px;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}

.user-sec-menu {
  width: 100%;
  padding: 30px 10px 40px 15px;
  background-color: #171717;
  color: #fff;
}
.user-sec-menu img {
  height: 60px;
  width: 60px;
  border: 1px solid #ffffff;
  margin-right: 15px;
}
.user-sec-menu .online-show {
  color: forestgreen;
  font-size: 12px;
}
/*HEADER*/
.header-main {
  padding: 15px 15px 15px 15px;
  border-bottom: 1px solid #d2d2d2;
}

.header-main .menu-link {
  position: fixed;
  left: 10px;
  top: 20px;
  font-size: 25px;
  z-index: 999;
  background-color: #e2e2e2;
  padding: 7px 5px;
  border-radius: 3px;
  cursor: pointer;
}

.header-main .logo-set {
  width: 150px;
  height: 50px;
  margin-left: 35px;
}

.header-main .notify {
  width: 150px;
  height: 50px;
  margin-left: 35px;
}

.header-main a.logout-btn {
  background-color: #f00;
  padding: 5px 15px 5px 15px;
  font-size: 15px;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  margin: 2px;
}

.header-main a.signup-btn {
  background-color: #4c4e4e;
  padding: 8px 15px 8px 15px;
  font-size: 15px;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
}
/* MENU LINKS */
.menu-section {
  border-bottom: 1px solid #dbdbdb;
}

.menu-links .navbar-brand {
  display: none;
}

@media screen and (max-width: 767px) {
  .menu-links .navbar-brand {
    display: block;
  }
}

.menu-links .navbar-toggler {
  border: 1px solid #2196f3;
  padding: 10px 5px 0px 9px;
  cursor: pointer;
}

.menu-links .navbar-expand-md .navbar-nav .nav-link {
  padding-left: 30px;
  color: #000;
}

.menu-links .navbar-expand-md .navbar-nav .dropdown-menu {
  position: absolute;
  margin-top: 9px;
  border-top: 0px;
  border-radius: 0px;
  border-bottom: 0px;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  padding: 0px;
}

.menu-links .dropdown-item {
  border-bottom: 1px solid #dbdbdb;
}

/* WORK AREA */
.work-area {
  overflow: hidden;
  position: relative;
}

.min-hight {
  min-height: 900px;
}

/* FOOTER */
footer {
  padding: 20px;
  background-color: #383838;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}

footer a,
footer a:hover {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

/* DASHBOARD*/

.dashboard-set .slider-set {
  border: 2px dashed #afafaf;
}

/* LOGIN */

.login-box {
  border: 1px solid #e5e5e5;
  padding: 25px 30px 25px 30px;
  border-radius: 5px;
}

.login-box .btn-fb {
  color: #fff;
  background-color: #3b5998;
}

.login-box .btn-fb:hover {
  color: #fff;
  background-color: #496ebc;
}

.login-box .btn-tw {
  color: #fff;
  background-color: #55acee;
}

.login-box .btn-tw:hover {
  color: #fff;
  background-color: #59b5fa;
}

.login-box .hand-cursor {
  cursor: pointer;
}

/* ICONS */
.icon-box {
  border: 1px solid #e5e5e5;
  padding: 25px 30px 25px 30px;
  border-radius: 5px;
}