/*   RARE ADMIN Project CSS Table of Content  */
/*

    1. Reset css
    2. Common css
    3. Top menu css
    4. Left menu css
    5. Main content css
    6. Form elaments css
    7. widget pages css
    8. Layout pages css
    9. Footer css
   10. Media queries.
*/
/* ================ Imported files========================== */
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100000000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #ffffff;
}

.preloader .preloader_img {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 46%;
  top: 44%;
  background-position: center;
  z-index: 999999;
}

.pre_img {
  width: 60px;
}

.notifications_content,
.messages_content,
.admin_setting_dropdown {
  animation-name: fadeAnimation;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  overflow: hidden;
}

@keyframes fadeAnimation {
  from {
    max-height: 0;
  }
  to {
    max-height: 550px;
  }
}

.heading:after {
  margin-top: 2px;
  border-top: 2px solid #698591;
  display: block;
  width: 30px;
  content: "";
}

.swiper-slide i {
  font-size: 28px;
}

.client_icon {
  font-size: 70px;
}

.ti-facebook {
  color: #3b5998;
}

.ti-twitter-alt {
  color: #0084b4;
}

.ti-google {
  color: #d34836;
}

.ti-linkedin {
  color: #4875B4;
}

.height_100 {
  height: 100px;
}

.height_150 {
  height: 150px;
}

.height_300 {
  height: 300px;
}

.height_350 {
  height: 350px !important;
}

.height_360 {
  height: 360px !important;
}

.height_400 {
  height: 400px;
}

.m-10px {
  margin: 10px !important;
}

.mt-10px,
.my-10px {
  margin-top: 10px !important;
}

.mr-10px,
.mx-10px {
  margin-right: 10px !important;
}

.mb-10px,
.my-10px {
  margin-bottom: 10px !important;
}

.ml-10px,
.mx-10px {
  margin-left: 10px !important;
}

.m-11px {
  margin: 11px !important;
}

.mt-11px,
.my-11px {
  margin-top: 11px !important;
}

.mr-11px,
.mx-11px {
  margin-right: 11px !important;
}

.mb-11px,
.my-11px {
  margin-bottom: 11px !important;
}

.ml-11px,
.mx-11px {
  margin-left: 11px !important;
}

.m-12px {
  margin: 12px !important;
}

.mt-12px,
.my-12px {
  margin-top: 12px !important;
}

.mr-12px,
.mx-12px {
  margin-right: 12px !important;
}

.mb-12px,
.my-12px {
  margin-bottom: 12px !important;
}

.ml-12px,
.mx-12px {
  margin-left: 12px !important;
}

.m-13px {
  margin: 13px !important;
}

.mt-13px,
.my-13px {
  margin-top: 13px !important;
}

.mr-13px,
.mx-13px {
  margin-right: 13px !important;
}

.mb-13px,
.my-13px {
  margin-bottom: 13px !important;
}

.ml-13px,
.mx-13px {
  margin-left: 13px !important;
}

.m-14px {
  margin: 14px !important;
}

.mt-14px,
.my-14px {
  margin-top: 14px !important;
}

.mr-14px,
.mx-14px {
  margin-right: 14px !important;
}

.mb-14px,
.my-14px {
  margin-bottom: 14px !important;
}

.ml-14px,
.mx-14px {
  margin-left: 14px !important;
}

.m-15px {
  margin: 15px !important;
}

.mt-15px,
.my-15px {
  margin-top: 15px !important;
}

.mr-15px,
.mx-15px {
  margin-right: 15px !important;
}

.mb-15px,
.my-15px {
  margin-bottom: 15px !important;
}

.ml-15px,
.mx-15px {
  margin-left: 15px !important;
}

.m-16px {
  margin: 16px !important;
}

.mt-16px,
.my-16px {
  margin-top: 16px !important;
}

.mr-16px,
.mx-16px {
  margin-right: 16px !important;
}

.mb-16px,
.my-16px {
  margin-bottom: 16px !important;
}

.ml-16px,
.mx-16px {
  margin-left: 16px !important;
}

.m-17px {
  margin: 17px !important;
}

.mt-17px,
.my-17px {
  margin-top: 17px !important;
}

.mr-17px,
.mx-17px {
  margin-right: 17px !important;
}

.mb-17px,
.my-17px {
  margin-bottom: 17px !important;
}

.ml-17px,
.mx-17px {
  margin-left: 17px !important;
}

.m-18px {
  margin: 18px !important;
}

.mt-18px,
.my-18px {
  margin-top: 18px !important;
}

.mr-18px,
.mx-18px {
  margin-right: 18px !important;
}

.mb-18px,
.my-18px {
  margin-bottom: 18px !important;
}

.ml-18px,
.mx-18px {
  margin-left: 18px !important;
}

.m-19px {
  margin: 19px !important;
}

.mt-19px,
.my-19px {
  margin-top: 19px !important;
}

.mr-19px,
.mx-19px {
  margin-right: 19px !important;
}

.mb-19px,
.my-19px {
  margin-bottom: 19px !important;
}

.ml-19px,
.mx-19px {
  margin-left: 19px !important;
}

.m-20px {
  margin: 20px !important;
}

.mt-20px,
.my-20px {
  margin-top: 20px !important;
}

.mr-20px,
.mx-20px {
  margin-right: 20px !important;
}

.mb-20px,
.my-20px {
  margin-bottom: 20px !important;
}

.ml-20px,
.mx-20px {
  margin-left: 20px !important;
}

.m-21px {
  margin: 21px !important;
}

.mt-21px,
.my-21px {
  margin-top: 21px !important;
}

.mr-21px,
.mx-21px {
  margin-right: 21px !important;
}

.mb-21px,
.my-21px {
  margin-bottom: 21px !important;
}

.ml-21px,
.mx-21px {
  margin-left: 21px !important;
}

.m-22px {
  margin: 22px !important;
}

.mt-22px,
.my-22px {
  margin-top: 22px !important;
}

.mr-22px,
.mx-22px {
  margin-right: 22px !important;
}

.mb-22px,
.my-22px {
  margin-bottom: 22px !important;
}

.ml-22px,
.mx-22px {
  margin-left: 22px !important;
}

.m-23px {
  margin: 23px !important;
}

.mt-23px,
.my-23px {
  margin-top: 23px !important;
}

.mr-23px,
.mx-23px {
  margin-right: 23px !important;
}

.mb-23px,
.my-23px {
  margin-bottom: 23px !important;
}

.ml-23px,
.mx-23px {
  margin-left: 23px !important;
}

.m-24px {
  margin: 24px !important;
}

.mt-24px,
.my-24px {
  margin-top: 24px !important;
}

.mr-24px,
.mx-24px {
  margin-right: 24px !important;
}

.mb-24px,
.my-24px {
  margin-bottom: 24px !important;
}

.ml-24px,
.mx-24px {
  margin-left: 24px !important;
}

.m-25px {
  margin: 25px !important;
}

.mt-25px,
.my-25px {
  margin-top: 25px !important;
}

.mr-25px,
.mx-25px {
  margin-right: 25px !important;
}

.mb-25px,
.my-25px {
  margin-bottom: 25px !important;
}

.ml-25px,
.mx-25px {
  margin-left: 25px !important;
}

.m-26px {
  margin: 26px !important;
}

.mt-26px,
.my-26px {
  margin-top: 26px !important;
}

.mr-26px,
.mx-26px {
  margin-right: 26px !important;
}

.mb-26px,
.my-26px {
  margin-bottom: 26px !important;
}

.ml-26px,
.mx-26px {
  margin-left: 26px !important;
}

.m-27px {
  margin: 27px !important;
}

.mt-27px,
.my-27px {
  margin-top: 27px !important;
}

.mr-27px,
.mx-27px {
  margin-right: 27px !important;
}

.mb-27px,
.my-27px {
  margin-bottom: 27px !important;
}

.ml-27px,
.mx-27px {
  margin-left: 27px !important;
}

.m-28px {
  margin: 28px !important;
}

.mt-28px,
.my-28px {
  margin-top: 28px !important;
}

.mr-28px,
.mx-28px {
  margin-right: 28px !important;
}

.mb-28px,
.my-28px {
  margin-bottom: 28px !important;
}

.ml-28px,
.mx-28px {
  margin-left: 28px !important;
}

.m-29px {
  margin: 29px !important;
}

.mt-29px,
.my-29px {
  margin-top: 29px !important;
}

.mr-29px,
.mx-29px {
  margin-right: 29px !important;
}

.mb-29px,
.my-29px {
  margin-bottom: 29px !important;
}

.ml-29px,
.mx-29px {
  margin-left: 29px !important;
}

.m-30px {
  margin: 30px !important;
}

.mt-30px,
.my-30px {
  margin-top: 30px !important;
}

.mr-30px,
.mx-30px {
  margin-right: 30px !important;
}

.mb-30px,
.my-30px {
  margin-bottom: 30px !important;
}

.ml-30px,
.mx-30px {
  margin-left: 30px !important;
}

.m-35px {
  margin: 35px !important;
}

.mt-35px,
.my-35px {
  margin-top: 35px !important;
}

.mr-35px,
.mx-35px {
  margin-right: 35px !important;
}

.mb-35px,
.my-35px {
  margin-bottom: 35px !important;
}

.ml-35px,
.mx-35px {
  margin-left: 35px !important;
}

.p-10px {
  padding: 10px !important;
}

.pt-10px,
.py-10px {
  padding-top: 10px !important;
}

.pr-10px,
.px-10px {
  padding-right: 10px !important;
}

.pb-10px,
.py-10px {
  padding-bottom: 10px !important;
}

.pl-10px,
.px-10px {
  padding-left: 10px !important;
}

.p-11px {
  padding: 11px !important;
}

.pt-11px,
.py-11px {
  padding-top: 11px !important;
}

.pr-11px,
.px-11px {
  padding-right: 11px !important;
}

.pb-11px,
.py-11px {
  padding-bottom: 11px !important;
}

.pl-11px,
.px-11px {
  padding-left: 11px !important;
}

.p-12px {
  padding: 12px !important;
}

.pt-12px,
.py-12px {
  padding-top: 12px !important;
}

.pr-12px,
.px-12px {
  padding-right: 12px !important;
}

.pb-12px,
.py-12px {
  padding-bottom: 12px !important;
}

.pl-12px,
.px-12px {
  padding-left: 12px !important;
}

.p-13px {
  padding: 13px !important;
}

.pt-13px,
.py-13px {
  padding-top: 13px !important;
}

.pr-13px,
.px-13px {
  padding-right: 13px !important;
}

.pb-13px,
.py-13px {
  padding-bottom: 13px !important;
}

.pl-13px,
.px-13px {
  padding-left: 13px !important;
}

.p-14px {
  padding: 14px !important;
}

.pt-14px,
.py-14px {
  padding-top: 14px !important;
}

.pr-14px,
.px-14px {
  padding-right: 14px !important;
}

.pb-14px,
.py-14px {
  padding-bottom: 14px !important;
}

.pl-14px,
.px-14px {
  padding-left: 14px !important;
}

.p-15px {
  padding: 15px !important;
}

.pt-15px,
.py-15px {
  padding-top: 15px !important;
}

.pr-15px,
.px-15px {
  padding-right: 15px !important;
}

.pb-15px,
.py-15px {
  padding-bottom: 15px !important;
}

.pl-15px,
.px-15px {
  padding-left: 15px !important;
}

.p-16px {
  padding: 16px !important;
}

.pt-16px,
.py-16px {
  padding-top: 16px !important;
}

.pr-16px,
.px-16px {
  padding-right: 16px !important;
}

.pb-16px,
.py-16px {
  padding-bottom: 16px !important;
}

.pl-16px,
.px-16px {
  padding-left: 16px !important;
}

.p-17px {
  padding: 17px !important;
}

.pt-17px,
.py-17px {
  padding-top: 17px !important;
}

.pr-17px,
.px-17px {
  padding-right: 17px !important;
}

.pb-17px,
.py-17px {
  padding-bottom: 17px !important;
}

.pl-17px,
.px-17px {
  padding-left: 17px !important;
}

.p-18px {
  padding: 18px !important;
}

.pt-18px,
.py-18px {
  padding-top: 18px !important;
}

.pr-18px,
.px-18px {
  padding-right: 18px !important;
}

.pb-18px,
.py-18px {
  padding-bottom: 18px !important;
}

.pl-18px,
.px-18px {
  padding-left: 18px !important;
}

.p-19px {
  padding: 19px !important;
}

.pt-19px,
.py-19px {
  padding-top: 19px !important;
}

.pr-19px,
.px-19px {
  padding-right: 19px !important;
}

.pb-19px,
.py-19px {
  padding-bottom: 19px !important;
}

.pl-19px,
.px-19px {
  padding-left: 19px !important;
}

.p-20px {
  padding: 20px !important;
}

.pt-20px,
.py-20px {
  padding-top: 20px !important;
}

.pr-20px,
.px-20px {
  padding-right: 20px !important;
}

.pb-20px,
.py-20px {
  padding-bottom: 20px !important;
}

.pl-20px,
.px-20px {
  padding-left: 20px !important;
}

.p-21px {
  padding: 21px !important;
}

.pt-21px,
.py-21px {
  padding-top: 21px !important;
}

.pr-21px,
.px-21px {
  padding-right: 21px !important;
}

.pb-21px,
.py-21px {
  padding-bottom: 21px !important;
}

.pl-21px,
.px-21px {
  padding-left: 21px !important;
}

.p-22px {
  padding: 22px !important;
}

.pt-22px,
.py-22px {
  padding-top: 22px !important;
}

.pr-22px,
.px-22px {
  padding-right: 22px !important;
}

.pb-22px,
.py-22px {
  padding-bottom: 22px !important;
}

.pl-22px,
.px-22px {
  padding-left: 22px !important;
}

.p-23px {
  padding: 23px !important;
}

.pt-23px,
.py-23px {
  padding-top: 23px !important;
}

.pr-23px,
.px-23px {
  padding-right: 23px !important;
}

.pb-23px,
.py-23px {
  padding-bottom: 23px !important;
}

.pl-23px,
.px-23px {
  padding-left: 23px !important;
}

.p-24px {
  padding: 24px !important;
}

.pt-24px,
.py-24px {
  padding-top: 24px !important;
}

.pr-24px,
.px-24px {
  padding-right: 24px !important;
}

.pb-24px,
.py-24px {
  padding-bottom: 24px !important;
}

.pl-24px,
.px-24px {
  padding-left: 24px !important;
}

.p-25px {
  padding: 25px !important;
}

.pt-25px,
.py-25px {
  padding-top: 25px !important;
}

.pr-25px,
.px-25px {
  padding-right: 25px !important;
}

.pb-25px,
.py-25px {
  padding-bottom: 25px !important;
}

.pl-25px,
.px-25px {
  padding-left: 25px !important;
}

.p-26px {
  padding: 26px !important;
}

.pt-26px,
.py-26px {
  padding-top: 26px !important;
}

.pr-26px,
.px-26px {
  padding-right: 26px !important;
}

.pb-26px,
.py-26px {
  padding-bottom: 26px !important;
}

.pl-26px,
.px-26px {
  padding-left: 26px !important;
}

.p-27px {
  padding: 27px !important;
}

.pt-27px,
.py-27px {
  padding-top: 27px !important;
}

.pr-27px,
.px-27px {
  padding-right: 27px !important;
}

.pb-27px,
.py-27px {
  padding-bottom: 27px !important;
}

.pl-27px,
.px-27px {
  padding-left: 27px !important;
}

.p-28px {
  padding: 28px !important;
}

.pt-28px,
.py-28px {
  padding-top: 28px !important;
}

.pr-28px,
.px-28px {
  padding-right: 28px !important;
}

.pb-28px,
.py-28px {
  padding-bottom: 28px !important;
}

.pl-28px,
.px-28px {
  padding-left: 28px !important;
}

.p-29px {
  padding: 29px !important;
}

.pt-29px,
.py-29px {
  padding-top: 29px !important;
}

.pr-29px,
.px-29px {
  padding-right: 29px !important;
}

.pb-29px,
.py-29px {
  padding-bottom: 29px !important;
}

.pl-29px,
.px-29px {
  padding-left: 29px !important;
}

.p-30px {
  padding: 30px !important;
}

.pt-30px,
.py-30px {
  padding-top: 30px !important;
}

.pr-30px,
.px-30px {
  padding-right: 30px !important;
}

.pb-30px,
.py-30px {
  padding-bottom: 30px !important;
}

.pl-30px,
.px-30px {
  padding-left: 30px !important;
}

.p-35px {
  padding: 35px !important;
}

.pt-35px,
.py-35px {
  padding-top: 35px !important;
}

.pr-35px,
.px-35px {
  padding-right: 35px !important;
}

.pb-35px,
.py-35px {
  padding-bottom: 35px !important;
}

.pl-35px,
.px-35px {
  padding-left: 35px !important;
}

.fs-8px {
  font-size: 8px;
}

.fs-9px {
  font-size: 9px;
}

.fs-10px {
  font-size: 10px;
}

.fs-11px {
  font-size: 11px;
}

.fs-12px {
  font-size: 12px;
}

.fs-13px {
  font-size: 13px;
}

.fs-14px {
  font-size: 14px;
}

.fs-15px {
  font-size: 15px;
}

.fs-16px {
  font-size: 16px;
}

.fs-17px {
  font-size: 17px;
}

.fs-18px {
  font-size: 18px;
}

.fs-19px {
  font-size: 19px;
}

.fs-20px {
  font-size: 20px;
}

.fs-21px {
  font-size: 21px;
}

.fs-22px {
  font-size: 22px;
}

.fs-23px {
  font-size: 23px;
}

.fs-24px {
  font-size: 24px;
}

.fs-25px {
  font-size: 25px;
}

.fs-26px {
  font-size: 26px;
}

.fs-27px {
  font-size: 27px;
}

.fs-28px {
  font-size: 28px;
}

.fs-29px {
  font-size: 29px;
}

.fs-30px {
  font-size: 30px;
}

.fs-31px {
  font-size: 31px;
}

.fs-32px {
  font-size: 32px;
}

.fs-35px {
  font-size: 35px;
}

.fs-40px {
  font-size: 40px;
}

.card {
  margin-top: 30px;
}

.card .card-header {
  font-size: 15px;
  font-family: "Roboto Slab", serif;
  font-weight: 100;
  color: #0a3c5f;
}

.shirt-color div {
  height: 15px;
  width: 15px;
  margin-right: 4px;
  margin-top: 5px;
  cursor: pointer;
  float: left;
}

.card .card_date {
  height: 39px;
  width: 39px;
  top: 20px;
  position: absolute;
  right: 20px;
  border-radius: 46px;
  text-align: center;
}

.card .card_date .card_month {
  padding: 0;
  margin: 0;
  line-height: 0;
}

.card6_bg {
  background: url("img/card6_img.jpg");
  height: 150px;
  border-radius: 3px 3px 0 0;
}

.card6_bg .card_social_icon {
  position: absolute;
  top: 135px;
  right: 0;
}

.card6_bg .card_social_icon .card6_plus {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-right: 10px;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;
}

.card6_bg .card_social_icon .card6_fb {
  background-color: #3b5998;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-right: 10px;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;
}

.card6_bg .card_social_icon .card6_twitter {
  background-color: #0084b4;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-right: 10px;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;
}

.card6_bg .card_social_icon .card6_google {
  background-color: #d34836;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-right: 10px;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;
}

.card6_footer_icons i {
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 10px;
}

/*breadcrumb description*/
.breadcrumb_desription {
  padding: 15px 0 5px 0;
}

.content-header h4 {
  padding: 15px 10px 0 15px;
  margin-top: 0;
  margin-bottom: 8px;
}

.breadcrumb_desription .breadcrumb_description_text {
  font-size: 12px;
  color: #888;
}

/*End of breadcrumb description*/
/* breadcrumb search*/
.breadcrumb_search .breadcrumb {
  margin-bottom: -20px !important;
}

.breadcrumb {
  background-color: transparent;
  margin-bottom: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  font-family: 'themify' !important;
  color: #2180AC;
  content: "\e6af" !important;
}

.btn-secondary {
  color: #292b2c;
  background-color: #ffffff;
  border-color: #ccc;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active {
  color: #292b2c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-secondary:focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.cards-page .card {
  margin-top: 30px;
}

.cards-page .card .nav-tabs .nav-link, .cards-page .card .nav-pills .nav-link {
  color: #525252;
}

.cards-page .card .nav-tabs .nav-link.disabled, .cards-page .card .nav-pills .nav-link.disabled {
  color: #868e96;
}

.cards-page .card .nav-tabs .nav-link:hover, .cards-page .card .nav-pills .nav-link:hover {
  color: #0076e5;
}

.cards-page .card .nav-tabs .nav-link.active, .cards-page .card .nav-pills .nav-link.active {
  color: #fff;
}

.cards-page .card .nav-tabs .nav-link.active:hover, .cards-page .card .nav-pills .nav-link.active:hover {
  color: #fff;
}

.cards-page .card-body {
  margin-top: 10px;
}

.cards-page .card-body blockquote {
  padding: 0;
  margin: 0;
}

.cards-page .card-title1 {
  color: #20eace;
}

/*form validations*/
.custom-control-indicator {
  margin-top: -2px;
}

.has-error label, .has-error span, .has-error small, .form-group.has-error .help-block {
  color: #f86a67 !important;
}

.has-error small.help-block {
  font-size: 14px;
}

.has-error span.custom-control-description, .has-success .custom-control-description {
  color: #525252 !important;
}

.has-success .help-block {
  color: #5aca82;
}

/*end of form validations*/
/*start global form element*/
.input_icon {
  position: relative;
}

.input_icon_left, .input_icon_right {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 36px;
  text-align: center;
}

.input_icon_left {
  left: 8px;
}

.input_icon_right {
  right: 8px;
}

.icon_right_input {
  padding-right: 40px;
}

.form-control-success > .form-control {
  border: 1px solid #5aca82;
}

.form-control-warning > .form-control {
  border: 1px solid #fcb410;
}

.form-control-danger > .form-control {
  border: 1px solid #f86a67;
}

.content-header {
  padding-left: 15px;
  margin-bottom: 10px;
}

.header {
  width: 100%;
  background: linear-gradient(40deg, #637c8a, #79919f, #637c8a, #79919f, #637c8a, #79919f, #637c8a, #79919f, #637c8a, #79919f);
}

.navbar-brand {
  width: 220px;
  margin-top: -5px;
}

.navbar_brand_img {
  height: 30px;
}

.messages i,
.notifications i {
  font-size: 16px;
  margin: 0 30px 0 0;
  line-height: 39px;
  cursor: pointer;
}

.fullscreen i {
  font-size: 16px;
  margin: 0 25px 0 0;
  line-height: 39px;
  cursor: pointer;
}

.search_icon i {
  font-size: 16px;
  line-height: 39px;
  cursor: pointer;
  font-weight: bolder;
}

.search_icon {
  margin: 0 0 0 25px;
}

.messages .messages_badge_top,
.notifications .notifications_badge_top {
  margin-top: -42px;
  margin-left: 10px;
}

@media (max-width: 374px) {
  .notifications i {
    margin: 0 24px 0 0;
  }
}

.messages_content {
  left: -180px;
  min-width: 17rem;
  margin: 25px 0 0;
  padding: 0;
}

.notifications_content {
  left: -155px;
  min-width: 17rem;
  margin: 25px 0 0;
  padding: 0;
}

.msg_title {
  background: #F5F5F5;
  margin-bottom: -16px;
}

.noti_title {
  background: #F5F5F5;
  margin-bottom: -16px;
}

.noti_footer,
.msg_footer {
  background: #F5F5F5;
  margin-bottom: -16px;
}

.msg_title p,
.msg_footer p,
.noti_footer p,
.noti_title p {
  padding: 10px 0;
}

.msg_footer, .noti_footer {
  cursor: pointer;
}

.msg_item {
  padding: 3px 10px;
  border-bottom: 1px solid #EEEEEE;
}

.msg_item img {
  width: 45px;
  margin-top: 5px;
}

.messages_content:before {
  position: absolute;
  top: -9px;
  left: 66%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #F5F5F5;
  border-left: 10px solid transparent;
}

.notifications_content:before {
  position: absolute;
  top: -9px;
  left: 57%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #F5F5F5;
  border-left: 10px solid transparent;
}

.noti_msg {
  font-size: 16px;
  padding: 10px;
  border: 1px solid #007bb8;
  border-radius: 50px;
  margin-top: 10px;
}

.noti_item {
  padding: 10px 10px;
  border-bottom: 1px solid #EEEEEE;
}

.noti_item p {
  margin-bottom: 0.5rem;
}

/*op header search section css*/
.menu_search1 {
  margin-left: 25px;
}

.menu_search1 input {
  margin-top: 2px;
  height: 30px;
  background-color: #fafafa;
}

.nav_header {
  width: 100%;
}

/*=============================10 Media queries======================*/
@media (min-width: 576px) {
  .border_right_sm {
    border-right: 1px solid #d1e3ec;
  }
  .header_left_xs_up {
    border-left: 1px solid #BAD4ED;
  }
}

@media (min-width: 992px) and (max-width: 1140px) {
  .cloud_icon2 {
    font-size: 60px;
  }
  .weather_img2 .m-t-30 {
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .margin_max_576 {
    margin-top: 40px;
  }
}

@media (max-width: 568px) {
  .today_cloud {
    font-size: 30px;
    line-height: 50px;
  }
}

@media (max-width: 380px) {
  .today {
    margin-left: -10px;
  }
}

@media (max-width: 992px) {
  .wrapper {
    padding-top: 56px;
  }
  .wrapper > .right-aside {
    min-width: 100vw;
  }
}

@media (max-width: 350px) {
  .header_modal_icons .list-inline > li {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 450px) {
  .navbar-brand {
    text-align: left !important;
    width: 100px;
  }
  .navbar_brand_img {
    height: 25px;
  }
  .fixed_header .wrapper {
    padding-top: 56px !important;
  }
  .preloader .preloader_img {
    left: 44%;
    top: 44%;
  }
}

/*boxed layout css*/
@media (min-width: 768px) {
  .boxed {
    padding: 0 6%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .boxed header {
    width: 88%;
  }
}

/*end boxed layout css*/
/*fixed menu css start*/
@media (min-width: 992px) {
  .fixed_menu .wrapper {
    padding-top: 56px;
  }
  body.fixed_menu .hide_menu .right-aside {
    padding-left: 0;
  }
  .fixed_menu .right-aside {
    padding-left: 250px;
  }
  .fixed_menu .header {
    position: fixed;
    z-index: 9999;
  }
  .fixed_menu .left_aside {
    position: fixed;
    top: 56px;
  }
}

@media (max-width: 992px) {
  .header {
    position: fixed;
    z-index: 999;
  }
  .sidebar {
    padding-bottom: 40px;
  }
  .left_aside {
    position: fixed;
    z-index: 99998;
    background-color: #fff;
    width: 250px;
    box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.05), 3px 0 15px 0 rgba(0, 0, 0, 0.1);
  }
  .content {
    padding: 0 20px 65px 20px;
  }
}

@media (min-width: 1200px) {
  .offset-md-2 {
    margin-left: 33.3333333333%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .offset-md-2 {
    margin-left: 16%;
  }
}

@media (max-width: 374px) {
  .jconfirm .jconfirm-box {
    width: 282px;
  }
}

@media (max-width: 375px) {
  .nvtooltip {
    font-size: 10px !important;
    width: 140px;
    margin-left: 10px;
  }
}

/* ================ 3 Top menu css========================== */
.bar1, .bar2, .bar3 {
  width: 20px;
  height: 2px;
  background-color: #fff;
  margin: 4px 0;
  transition: 0.4s;
}

.sidebar-toggle {
  margin-top: 6px;
  cursor: pointer;
}

.second_after {
  display: none;
}

.first_after {
  transform: rotate(-45deg);
  margin-top: 14px !important;
  height: 3px !important;
  width: 13px !important;
  margin-left: 7px !important;
}

.third_after {
  transform: rotate(45deg);
  margin-top: -14px !important;
  height: 3px !important;
  width: 13px !important;
  margin-left: 7px !important;
}

/* ================ end Top menu css========================== */
.admin_img2 {
  width: 40px;
  cursor: pointer;
}

.admin_image_section {
  text-align: center;
  background: url("../img/user_bg2.jpg");
}

.admin_setting_dropdown {
  left: -196px;
  padding: 0;
  min-width: 15rem;
  margin: 6px 0 0;
}

.admin_image {
  margin-top: 20px;
  width: 80px;
}

.admin_social_icon {
  margin-top: -32px;
}

.admin_fb {
  background-color: #3b5998;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-left: 60px;
  cursor: pointer;
}

.admin_twitter {
  background-color: #0084b4;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-left: 10px;
  cursor: pointer;
}

.admin_google {
  background-color: #d34836;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-left: 10px;
  cursor: pointer;
}

.admin_footer_icons i {
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 10px;
}

.admin_item {
  padding: 5px 0 5px 40px;
  cursor: pointer;
}

.admin_item i {
  padding-right: 5px;
}

.admin_account {
  padding: 15px 15px 35px 15px;
  background-color: #f9f9f9;
}

/*=========*/
.user_widget {
  background: url("../img/userbg1.png");
  text-align: center;
}

.user_widget img {
  margin-top: 25px;
  width: 100px;
}

.user_icons {
  font-size: 20px;
}

.user_widget3 .user_icons {
  transition: 100ms;
  cursor: pointer;
}

.user_widget3 .user_icons:hover {
  font-weight: bolder;
}

/*weather2 section*/
.weather_section2 {
  background: url("../img/weather2_bg.jpg");
  padding: 0 1rem;
}

.top_time {
  font-size: 40px;
  line-height: 40px;
}

.weather2_bottom_section {
  background-color: #000;
  opacity: 0.8;
}

.today_cloud {
  font-size: 50px;
  line-height: 50px;
}

.everyday_cloud {
  font-size: 30px;
  line-height: 30px;
}

/*weather1 widget */
.weather_section1 {
  background: url("../img/weather1_bg.jpg");
  padding: 0 15px;
}

.cloud_icon {
  font-size: 50px;
  line-height: 50px;
}

.current_status {
  font-size: 20px;
  margin-top: 10px;
  margin-left: 10px;
}

.weather_num {
  font-size: 80px;
  line-height: 110px;
}

.bottom_weather_icons {
  font-size: 18px;
}

.bottom_weather_sections {
  box-shadow: 3px -2px 40px #fff;
  opacity: 0.7;
  font-weight: bold;
  background-color: #000;
  padding-top: 9px;
}

.bottom_weather_icons {
  font-size: 30px;
}

.widget_social_inner1 {
  position: relative;
  top: 20px;
}

.widget_social_icons {
  display: table;
  width: 100%;
  transition: 400ms;
  min-height: 130px;
  cursor: pointer;
}

.widget_social_icons .widget_social_inner1 i {
  font-size: 45px;
}

.widget_social_icons .widget_social_inner2 {
  display: none;
}

.widget_social_icons.twitter {
  background-color: #1DA1F2;
  color: #fff;
}

.widget_social_icons.facebook {
  background-color: #4867AA;
  color: #fff;
}

.widget_social_icons.linkedin {
  background-color: #0077B5;
  color: #fff;
}

.widget_social_icons.google {
  background-color: #f86a67;
  color: #fff;
}

.widget_social_icons.youtube {
  background-color: #DA2723;
  color: #fff;
}

.widget_social_icons.instagram {
  background-color: #BD237A;
  color: #fff;
}

/*------Social icons Hover Effects-----*/
.widget_social_inner2 h4 {
  color: #fff;
}

.widget_social_icons:hover h4 {
  color: #111;
}

.widget_social_icons.twitter:hover {
  background-color: #fff;
  color: #1DA1F2;
  border: 1px solid #1DA1F2;
}

.widget_social_icons.facebook:hover {
  background-color: #fff;
  color: #4867AA;
  border: 1px solid #4867AA;
}

.widget_social_icons.google:hover {
  background-color: #fff;
  color: #f86a67;
  border: 1px solid #f86a67;
}

.widget_social_icons.linkedin:hover {
  background-color: #fff;
  color: #0077B5;
  border: 1px solid #0077B5;
}

.widget_social_icons.youtube:hover {
  background-color: #fff;
  color: #DA2723;
  border: 1px solid #DA2723;
}

.widget_social_icons.instagram:hover {
  background-color: #fff;
  color: #BD237A;
  border: 1px solid #BD237A;
}

/*social widgets css*/
.last_designer_wid {
  padding: 0 1rem;
  background-color: #3b5998;
}

.last_twitter_wid {
  padding: 0 1rem;
  background-color: #1DA1F2;
}

.fb_widget {
  font-size: 50px;
}

.fb_stats {
  border-top: 1px solid #aaa;
  margin-top: 25px;
}

/*=====================5 Main content menu styles=========================== */
/* Define 2 column template */
.right-aside, .left_aside {
  padding: 0;
  display: table-cell;
}

.wrapper.hide_menu > .left_aside {
  display: none;
}

.wrapper:before,
.wrapper:after {
  display: table;
  content: " ";
}

.wrapper:after {
  clear: both;
}

.wrapper {
  display: table;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}

/****** wrapper RIGHT SIDE  *******/
.right-aside {
  width: 100%;
  max-width: 100%;
  vertical-align: top;
}

.view-port-height {
  height: 100vh;
}

.content {
  display: block;
  width: auto;
  overflow-x: hidden;
  padding: 0 20px 25px 25px;
}

/*=====================end Main content css=========================== */
/*===========BACK TO TOP BUTTON================*/
#scroll {
  position: fixed;
  right: 10px;
  bottom: 35px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #007bb8;
  text-indent: -9999px;
  display: none;
  border-radius: 60px;
  z-index: 999;
}

#scroll span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #ffffff;
}

#scroll:hover {
  background-color: #007bb8;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

/*===============================End of back to top button=======================*/
/*start css for top widgets*/
.info_widgets {
  padding: 1rem;
  border-radius: 2px;
  border: 1px solid #d1e3ec;
}

.info_icon {
  font-size: 25px;
  padding: 10px;
  margin-top: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  z-index: 10;
}

.info_icon1 {
  font-size: 25px;
  padding: 10px;
  background: #eee;
  border: 1px dashed #536973;
  border-radius: 25px;
}

.widg-bg-icon i {
  font-size: 85px;
  opacity: 0.2;
  transform: rotate(-40deg);
  position: absolute;
  right: 2px;
  color: #fff;
}

.widg-bg-icon {
  overflow: hidden;
  min-height: 100px;
}

.info_num {
  font-size: 40px;
}

.info_icon {
  font-size: 40px;
}

.boxed > .wrapper > .right-aside {
  width: 100%;
}

.boxed .left_aside {
  box-shadow: 0 2px 1px 2px rgba(0, 0, 0, 0.05), 1px 0 5px 2px rgba(0, 0, 0, 0.1);
}

/*fixed header css start*/
.fixed_header .header {
  position: fixed;
  z-index: 999;
}

.fixed_header .wrapper {
  padding-top: 56px;
}

.header_left {
  border-left: 1px solid #BAD4ED;
}

/*fixed header css end*/
/*fixed footer layout*/
.wrapper.fixed_footer_section {
  padding-bottom: 56px;
}

.footer_content {
  padding: 8px 0;
}

/* ================ 4 Left menu css========================== */
/*user section*/
.user_section {
  height: 150px;
  background: url("../img/user_bg2.jpg");
  padding: 35px 20px;
}

.user_section img {
  width: 80px;
  border: 2px solid #fff;
}

.user_section p {
  font-size: 16px;
}

.leftuser_icons span {
  cursor: pointer;
  padding: 1px 7px;
  background-color: rgba(16, 15, 15, 0.2);
  margin-right: 5px;
  border-radius: 50px;
}

.left_aside {
  background-color: #fff;
  width: 250px;
  box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.05), 3px 0 15px 0 rgba(0, 0, 0, 0.1);
}

#menu li {
  list-style-type: none;
}

.sub_menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #F5F5F5;
}

#menu .ti-angle-double-right {
  font-size: 10px;
  margin-right: 5px;
}

#menu .navigation a {
  position: relative;
  color: #536973;
  display: block;
  line-height: 20px;
  padding: 11px 20px;
}

#menu .menu-dropdown > ul.sub_menu li a {
  padding-left: 40px;
}

#menu .menu-dropdown > ul.sub_menu .sub-submenu li a {
  padding-left: 65px;
}

#menu .menu-dropdown > ul.sub_menu .sub-submenu li#active {
  background-color: #d4d4d4;
  color: #0a3c5f;
}

#menu .menu-dropdown > ul.sub_menu li#active {
  background-color: #d4d4d4;
}

#menu .menu-dropdown > ul.sub_menu li#active > a {
  color: #0a3c5f !important;
}

#menu .navigation .menu_icon {
  display: inline-block;
  margin-right: 5px;
  line-height: 20px;
  height: 20px;
  width: 20px;
  text-align: center;
  font-size: 16px;
}

#menu .navigation .sub_icon {
  padding-right: 5px;
  font-size: 15px;
}

#menu .navigation .ti-angle-up, .left_menu .navigation .ti-angle-down {
  float: right;
  margin-top: 5px;
  font-size: 10px;
  transition: all 0.3s;
}

.menu-dropdown.active > a > .ti-angle-up {
  transform: rotate(180deg);
}

.divider {
  margin-top: 10px;
}

.divider span {
  font-size: 15px;
  font-weight: 600;
  color: #007bb8;
  margin: 20px 20px -15px 20px;
}

.navigation hr {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/*leftmenu active colors css starts*/
.navigation li.active > a.dropdown_head {
  background-color: #d0d0d0;
}

.navigation li.active > ul {
  background-color: #efefef;
}

.navigation li.active ul.sub-submenu {
  background-color: #e1e1e1 !important;
}

.navigation li.active > a > span.ti-angle-up {
  transform: rotate(180deg);
}

.navigation li.active > a, .navigation li#active > a {
  color: #0a3c5f !important;
}

.navigation li.active, .navigation li#active {
  background-color: #dddddd;
}

/*=====================end left menu styles=========================== */
.main_chart2 .card-block {
  padding: 1.25rem 0.5rem 1.25rem 0;
}

.main_chart2 .progress-bar {
  height: 5px;
  padding: 0 20px;
}

.main_chart2 .info_widgets {
  border: 0;
}

/*UI Developer widget css start*/
.card7_img_section {
  box-shadow: 0 3px #eee;
}

.card8_top_section {
  background: radial-gradient(ellipse at center, #f1e767 0%, rgba(254, 182, 69, 0.92) 100%);
}

.card8_block {
  padding: 1rem 1.25rem 0.80rem;
}

.price_tag_text {
  margin-top: -20px;
}

.price_tag_text {
  padding: 5px 10px;
}

.card_date {
  height: 39px;
  width: 39px;
  top: 20px;
  position: absolute;
  right: 20px;
  border-radius: 46px;
  text-align: center;
}

.client_icon {
  font-size: 50px;
}

/*UI Developer widget css end*/
/*table section*/
.bashboard1_table img {
  width: 40px;
}

.bashboard1_table .ti-pencil {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  padding: 5px;
  border-radius: 2px;
  background-color: #5aca82;
  vertical-align: middle;
}

.bashboard1_table .ti-close {
  color: #fff;
  cursor: pointer;
  margin-left: 5px;
  font-size: 16px;
  padding: 5px;
  border-radius: 2px;
  background-color: #f86a67;
  vertical-align: middle;
}

.sparkline_sales, .sparkline_users {
  width: 60px;
}

.height_220 {
  height: 220px;
}

.wbr-1 {
  border-right: 1px solid #445E7F;
}

.table td {
  vertical-align: middle;
}

.main_chart2 .card-body {
  padding: 1.25rem 0.5rem 1.25rem 0;
}

/*charts css*/
svg text, svg text tspan {
  font-family: "Nunito Sans", sans-serif;
  color: #536973 !important;
}

#map_type div div:nth-child(11) {
  margin-top: 50px !important;
}

@media (min-width: 768px) {
  .widget2_bar1 canvas {
    width: 100% !important;
  }
}

/*------------User Widget--------*/
.chart_heading i.ti-fullscreen {
  margin-top: 4px;
  margin-left: 10px;
}

.chart_heading .ti-more-alt {
  transform: rotate(90deg);
}

.ti-settings:after {
  display: none;
}

.chart_heading .dropdown-menu {
  right: 0;
  left: auto;
  padding: 0;
}

.sparkline_users, .sparkline_sales {
  margin-top: 5px;
}

.amcharts-chart-div > a {
  display: none;
}

/*world map*/
#world-map-markers {
  width: 100%;
  height: 400px;
}

#amchart91 {
  height: 235px;
}

#amchart91 .export-main {
  display: none;
}

.export-main ul li:nth-child(4) {
  display: none;
}

.export-drawing ul li:nth-child(4) {
  display: none;
}

/*font family*/
.amcharts-chart-div a, text {
  font-family: "Nunito Sans", sans-serif !important;
}

@media (max-width: 375px) {
  .amcharts-export-menu li > a {
    padding: 12px 7px;
  }
}

@media (max-width: 1200px) {
  .float_right_xl_down {
    float: right;
  }
}

.echart_tooltip:nth-child(2) {
  z-index: 999;
}

.header {
  z-index: 10000000;
}

.data_analysis .chart_dropdown {
  right: 0;
  left: auto;
}

.data_analysis .dropdown-toggle::after {
  display: none;
}

.data_analysis.full_screen {
  z-index: 99999999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  margin-top: 0;
  left: 0;
}

/*=======================================Robaert section===================================*/
.user_img_heigth {
  height: 160px;
}

.robert_section .user_img {
  width: 100px;
  height: 100px;
  margin-top: -50px;
  border: 3px solid #fff;
}

/*=======================end of robert section===========================*/
/*========================easy pie chart========================*/
.cir {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  text-align: center;
  line-height: 17px;
}

.chart.echart_pie {
  margin-top: 5px;
  margin-bottom: 5px;
}

.circle_val {
  display: block;
  margin-top: 22px;
  font-weight: normal;
  color: #808080;
}

.chart canvas {
  height: 110px !important;
  width: 110px !important;
  position: absolute;
  top: 0;
  left: 0;
}

.percent {
  display: inline-block;
  z-index: 2;
}

/*=====================circles css====================*/
.circle .circles-text {
  font-size: 20px !important;
}

/*=======================timeline css=======================================*/
.timeline {
  list-style: none;
  position: relative;
}

.left-timeline .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #dee;
  left: 7%;
  margin-left: -1.5px;
}

.timeline > li {
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.left-timeline .timeline > li > .timeline-panel {
  width: 80%;
  left: 15%;
  position: relative;
  border-radius: 10px;
}

.left-timeline .timeline > li > .timeline-badge {
  width: 34px;
  height: 34px;
  line-height: 38px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  left: 7%;
  margin-left: -17px;
  z-index: 100;
  border-radius: 50%;
  cursor: default;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.timeline-badge i {
  position: relative;
  top: -1px;
}

.timeline > li > .timeline-badge {
  color: #fff;
  transition: ease 500ms !important;
}

.timeline-img {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 50px;
  overflow: hidden;
  vertical-align: middle;
  float: left;
}

.timeline-heading {
  display: block;
  padding: 0 0 0 46px;
}

.timeline-heading h5,
.timeline-heading p {
  margin-bottom: 5px;
}

.timeline-heading img {
  width: 100px;
  height: 100px;
  margin: 8px;
}

.timeline-badge.bg-default {
  width: 15px !important;
  height: 15px !important;
  margin-left: -9px !important;
}

.bg-default {
  background-color: #eee;
}

/*============================end of time line css================================*/
/*=========================scatter plot==============================*/
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
  stroke: #5aca82;
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
  stroke: #937eff;
}

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
  stroke: #fcb410;
}

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
  stroke: #31d0d6;
}

/*======================end of scatter plot=====================================*/
/*=====================================horizontal bar chart==================*/
.height_250 {
  height: 250px;
}

.ct-series-a .ct-bar {
  stroke: #937eff;
}

.ct-series-b .ct-bar {
  stroke: #fcb410;
}

#chart_type {
  height: 288px;
}

/*=========================social media=================================*/
.social_icon {
  padding: 12px 14px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}

.social_text {
  margin-left: 52px;
}

.facebook {
  background-color: #3b5998;
}

.twitter {
  background-color: #55acee;
}

.google {
  background-color: #dd4b39;
}

.youtube {
  background-color: #b00;
}

.instagram {
  background-color: #125688;
}

.linkedin {
  background-color: #007bb5;
}

.pinterest {
  background-color: #cb2027;
}

.vimeo {
  background-color: #1ab7ea;
}

/*==================================End of social media================*/
@media (max-width: 374px) {
  #echart_line4 div:nth-child(2) {
    left: 0px !important;
  }
}

/*chart css*/
.chart_label {
  height: 30px;
  padding: .3em;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  display: none;
  color: #333;
}

/*chartist css*/
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
  stroke: #5aca82;
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
  stroke: #937eff;
}

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
  stroke: #fcb410;
}

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
  stroke: #31d0d6;
}

.height_450 {
  height: 450px;
}

/*to do list*/
.check_total .custom-control-indicator {
  margin-top: 10px;
}

.to_do_checkbox_section .custom-control-indicator {
  margin-left: 3px;
}

/*swiper section*/
.swiper_img_height {
  height: 187px;
}

/*=========================user profile====================================*/
.profile_img {
  width: 100px;
  height: 100px;
}

.font_16 {
  font-size: 16px;
}

.profile_img2 {
  width: 60px;
  height: 60px;
}

/*=================================End of user profile===============*/
#world_population {
  height: 380px;
}

@media (max-width: 320px) {
  #world_population div:nth-child(2) {
    left: 25px !important;
  }
}

/*===============Weather section=====================================*/
.p-r-25 {
  padding-right: 20px;
}

.weather_boarder {
  margin-top: -5px;
}

.weather_img_icon {
  width: 40px;
}

.weather_img_icon2 {
  width: 55px;
}

/*=====================End of weather section===============================*/
.widget_swiper1 .swiper_widget_img {
  width: 55px;
  height: 55px;
}

/*weather section*/
.weather_img1 {
  background: url("../img/widget_weather3.jpg") center no-repeat;
}

.font_22 {
  font-size: 22px;
}

.cloud_icon1, .cloud_icon2 {
  font-size: 80px;
}

.weather_img2 {
  background: url("../img/widget_weather2.jpg") center no-repeat;
}

/*End of weather section*/
/*earnings section*/
.earnings_section .progress-bar, .earnings_section .progress {
  height: 3px;
}

/*End of earning section*/
/*widgets2 page css start*/
.font_18 {
  font-size: 18px;
}

.border_bottom {
  border-bottom: 1px solid #d1e3ec;
}

.border_top {
  border-top: 1px solid #d1e3ec;
}

/*sales section*/
.font_28 {
  font-size: 28px;
}

#widget2_chart6 svg {
  width: 100%;
}

/*End of sales section*/
.svg-container {
  margin-bottom: -10px;
}

.mce-menu-item:hover .mce-text {
  color: #fff !important;
}

/*circliful badges*/
.badges {
  position: absolute;
  top: 0;
  left: 0;
}

.badge_left .badge_content {
  border-bottom-right-radius: 5px;
}

.badge_content {
  position: absolute;
  left: 3px;
  padding-right: 20px;
  padding-left: 20px;
  line-height: 30px;
  color: #fff;
  white-space: nowrap;
}

.badge_left .badge_content:after {
  position: absolute;
  bottom: -12px;
  left: 0;
  content: '';
  border: 6px solid transparent;
}

.badge_left .badge_primary:after {
  border-top-color: #329cff;
  border-right-color: #329cff;
}

.badge_left .badge_purple:after {
  border-top-color: #937eff;
  border-right-color: #937eff;
}

.badge_left .badge_warning:after {
  border-top-color: #fcb410;
  border-right-color: #fcb410;
}

.badge_left .badge_success:after {
  border-top-color: #5aca82;
  border-right-color: #5aca82;
}

/*End of circliful badges*/
/*=====================team activities=======================================*/
.twitter_section img {
  height: 45px;
  width: 45px;
}

.twitter_section .name {
  font-size: 15px;
  color: #000;
}

.twitter_section .time {
  float: right;
  font-size: 13px;
}

.twitter_section .name {
  font-size: 15px;
}

.twitter_section .time {
  float: right;
  font-size: 12px;
  color: #A6A6A6;
}

.twitter_section .msg {
  color: #7F8385;
  font-size: 13px;
}

.twitter_section hr {
  margin: 2px 0 7px 0;
}

#main-chart svg {
  height: 310px;
}

#nt_example1 {
  list-style: none;
}

#nt_example1 img {
  margin-top: 5px;
}

/*===========================End of team activities====================================*/
/*====================To do list================================== */
.todo_section {
  padding: 0 10px;
}

.todolist_list {
  display: inline-block;
  width: 100%;
  padding-top: 4px;
  background: #fff;
  float: left;
}

.todolist_list:hover {
  background: #fafafa;
}

.showbtnschk {
  display: none;
}

.todoedit,
.todoedit:hover {
  color: #00c0ef !important;
  text-decoration: none;
}

.showbtns {
  float: right;
}

.to_do_section input[type='checkbox'] {
  margin: 11px 10px 0;
}

.todoitem input[type='text'] {
  margin-left: 9px;
  height: 27px;
}

.tododelete,
.tododelete:hover {
  color: #f86a67 !important;
  text-decoration: none;
}

.todolist_list > form {
  background: #fff;
  margin: 0 !important;
  padding-top: 3px;
}

.strikethrough {
  text-decoration: line-through;
  color: #f86a67;
}

.todoitemcheck {
  float: left;
  margin: 5px 0 0 15px;
}

.seperator {
  width: 95%;
  float: left;
  border-top: 1px solid #eee;
  margin-left: 2%;
  padding: 0 15px 0  100px;
}

.todoitem {
  padding: 5px 0 8px 50px;
}

.todoitembtns {
  margin-top: 5px;
  margin-bottom: 11px;
  text-align: right;
}

.todo_badge {
  padding: 20px 0 8px 0;
  margin: 0;
  float: left;
  border: 2px solid transparent;
}

.todo_primarybadge {
  background-color: #329cff;
}

.todo_infobadge {
  background-color: #007bb8;
}

.todo_warningbadge {
  background-color: #fcb410;
}

.todo_dangerbadge {
  background-color: #f86a67;
}

.todo_successbadge {
  background-color: #5aca82;
}

.todo_mintbadge {
  background-color: #31d0d6;
}

.todo_purplebadge {
  background-color: #937eff;
}

#main_input_box {
  margin-top: 20px;
  padding: 0 12px;
}

.mycontent {
  display: none;
}

.border_color {
  display: inline-table;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin: 5px 0 -3px 0;
}

/*===============================end of to do list=======================*/
/*=======================Flot chart========================*/
.flotChart1 {
  width: 100%;
  height: 275px;
}

#sale_realtime .flot-text, #users_realtime .flot-text {
  top: -10px !important;
  left: -15px !important;
}

.real_charts li {
  width: 33%;
}

.real_charts li a {
  border: none !important;
  background-color: #fff !important;
  border-bottom: 3px solid #ddd !important;
}

.real_charts .nav-tabs {
  border-bottom: 0 !important;
}

#request_list li a:hover {
  color: #329cff !important;
}

a:hover {
  color: #0076e5;
}

.real_charts li a.active {
  border-bottom: 3px solid #329cff !important;
  color: #329cff !important;
  transition: 1s;
}

/*=================End of flot chart===============================*/
/* widget2 css ends*/
/*=========================End widget pages css====================*/
.conversation-list {
  list-style: none;
  padding: 0 10px 0 0;
}

.conversation-list .chat-avatar {
  display: inline-block;
  float: left;
  text-align: center;
  width: 42px;
}

.conversation-list .chat-avatar i {
  font-size: 12px;
  font-style: normal;
}

.conversation-list .conversation-text {
  display: inline-block;
  float: left;
  font-size: 12px;
  margin-left: 12px;
  width: 70%;
}

.conversation-list .ctext-wrap {
  background: #F5F9FB;
  border-radius: 3px;
  display: inline-block;
  padding: 12px;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.conversation-list .odd .ctext-wrap {
  background-color: #F5F9FB;
  border-radius: 3px;
  display: inline-block;
  padding: 12px;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.conversation-list .ctext-wrap i {
  color: #1a2942;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  position: relative;
}

.conversation-list .ctext-wrap p {
  margin: 0;
  padding-top: 3px;
}

.conversation-list .ctext-wrap:after {
  right: 100%;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #F5F9FB;
  border-width: 8px;
  margin-left: -1px;
  border-right-color: #F5F9FB;
}

.conversation-list .odd .chat-avatar {
  float: right !important;
}

.conversation-list .odd .conversation-text {
  float: right !important;
  margin-right: 12px;
  text-align: right;
  width: 70% !important;
}

.conversation-list .odd .ctext-wrap:after {
  border-color: rgba(238, 238, 242, 0);
  border-left-color: #F5F9FB !important;
  border-top-color: #F5F9FB !important;
  left: 100% !important;
  margin-right: -1px;
}

.chat_btn {
  padding-top: 10px;
}

.shirt_card {
  border-radius: 15px;
}

.shirt_heading {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 16px;
}

.shirt_widget_bg {
  border-radius: 15px 15px 0 0;
  text-align: center;
  background: linear-gradient(to left, #B24592, #F15F79);
  height: 180px;
}

.shop_btn {
  border-radius: 50px;
  text-align: center;
  margin-top: -200px;
}

.shirt_discription {
  margin-top: 130px;
  text-align: center;
}

.bar_code {
  height: 42px;
}

.contact {
  border-radius: 10px;
}

.contact_up_img {
  background-image: url("../img/cardsimg1.jpg");
  background-size: cover;
  height: 250px;
  border-radius: 10px 10px 0 0;
}

.triangle_down {
  width: 50px;
  height: 50px;
  border-radius: 0 10px 0 50px;
  float: right;
}

.star_img {
  width: 30px;
  margin: 5px 0 0 15px;
}

.contact_btns {
  text-align: right;
  margin-right: -25px;
}

.contact .btn-warning {
  margin-right: 2px;
  margin-top: 215px;
}

.p_icons {
  margin-top: 10px;
}

.contact_person img {
  width: 45px;
}

.chat_widget_bg {
  border-radius: 3px 3px 0 0;
  text-align: center;
  background-image: url("../img/widget_bg_img1.jpg");
  height: 150px;
}

.chat_widget_img {
  width: 70px;
  height: 70px;
}

.runner {
  padding: 7px 18px;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: 300ms;
  cursor: pointer;
  border-radius: 0;
}

.runner.btn-outline-success {
  border: 1px solid #5aca82;
  border-top: 3px solid #5aca82 !important;
}

.runner.btn-outline-mint {
  border: 1px solid #31d0d6;
  border-top: 3px solid #31d0d6 !important;
}

.runner.btn-outline-danger {
  border: 1px solid #f86a67;
  border-top: 3px solid #f86a67 !important;
}

.runner.btn-outline-primary, .toastrshow.btn-outline-primary {
  border: 1px solid #329cff;
  border-top: 3px solid #329cff !important;
}

.runner.btn-outline-warning, .toastrshow.btn-outline-warning {
  border: 1px solid #fcb410;
  border-top: 3px solid #fcb410 !important;
}

.runner.btn-outline-info {
  border: 1px solid #007bb8;
  border-top: 3px solid #007bb8 !important;
}

.runner.btn-outline-purple {
  border: 1px solid #937eff;
  border-top: 3px solid #937eff !important;
}

.jconfirm-buttons .btn {
  margin: 10px 10px 10px 0 !important;
}

.jconfirm-buttons button {
  font-weight: bold !important;
}

.jconfirm-title {
  font-family: "Nunito Sans", sans-serif;
}

.jconfirm-closeIcon {
  top: 15px !important;
}

.advance-card .card {
  margin-top: 30px;
  border: none;
}

.advance-card .card5_bg {
  background: url("../img/cardsimg1.jpg");
  height: 200px;
}

.advance-card .card5_bg .card5_button {
  left: 0;
  top: 169px;
  position: absolute;
}

.advance-card .default-color-dark {
  background: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20%2813%29.jpg");
  height: 150px;
  border-radius: 3px 3px 0 0;
}

.advance-card .avatar img {
  height: 100px;
  margin-top: -50px;
  margin-right: 4%;
  float: right;
  border: 1px solid #A2675F;
}

.advance-card .wider {
  background-color: transparent;
  border: 0;
}

.advance-card .card-cascade .view {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.advance-card .card-cascade .view img {
  border-radius: 3px;
}

.advance-card .card-cascade.narrower .view {
  background-color: #fff;
  margin-left: 4%;
  margin-right: 4%;
  margin-top: -15px;
  border-radius: 5px;
}

.advance-card .card7_img_section {
  box-shadow: 0 3px #eee;
}

.advance-card .card8_top_section {
  background: radial-gradient(ellipse at center, #f1e767 0%, rgba(254, 182, 69, 0.92) 100%);
}

.advance-card .price_tag_text {
  margin-top: -20px;
  padding: 5px 10px;
}

.advance-card .card9_top_section {
  background-image: url("../../img/card6_img.jpg");
  height: 250px;
  border-radius: 3px 3px 0 0;
}

.advance-card .card9_top_section .share_icon {
  font-size: 25px;
  height: 40px;
  width: 40px;
  border-radius: 40px;
  text-align: center;
  position: absolute;
  top: 233px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.advance-card .card9_person_img {
  height: 50px;
  width: 50px;
  margin-right: 20px;
}

.advance-card .swiper_img_height {
  height: 290px;
}

.advance-card #accordion .card {
  margin-top: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.27) !important;
}

.advance-card #accordion .card .card-header {
  border-bottom: none;
}

.advance-card #accordion .card .card-header h5 {
  font-size: 0.9rem;
}

/*swiper and accordian cards css*/
/*swiper and accordian cards css*/
/*color for social icons*/
.btn_animation button {
  width: 90%;
}

@media (max-width: 576px) {
  .btn_animation button {
    width: 100%;
  }
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  transform: rotate(180deg);
}

.hvr-icon-drop:before {
  content: "\e642";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.hvr-icon-float-away:before,
.hvr-icon-float-away:after {
  content: "\e726";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.hvr-icon-grow-rotate:before {
  content: "\e60f";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.hvr-icon-wobble-horizontal:before {
  content: "\e6af";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.hvr-icon-bounce:before {
  content: "\e670";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.hvr-icon-pulse:before {
  content: "\e6b1";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.hvr-icon-hang:before {
  content: "\e65f";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.hvr-icon-drop:before {
  content: "\e61d";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.hvr-icon-spin:before {
  content: "\e619";
  font-family: 'themify';
  font-weight: 500;
  font-size: 16px;
}

.alert {
  border-radius: 0;
}

.alert_icon {
  width: 50px;
  vertical-align: middle;
  font-size: 24px;
  display: table-cell;
}

.alert-link:hover {
  color: #fff;
}

.alert_icon2 {
  width: 60px;
  height: 60px;
  vertical-align: middle;
  font-size: 24px;
  display: table-cell;
  text-align: center;
  color: #fff;
}

.alert_success_border {
  border: 1px solid #5aca82;
}

.alert_info_border {
  border: 1px solid #007bb8;
}

.alert_warning_border {
  border: 1px solid #fcb410;
}

.alert_danger_border {
  border: 1px solid #f86a67;
}

.colored_icons2 .alert-dismissible .close {
  right: -0.50rem;
  padding-top: 20px;
}

.alert_data {
  display: table-cell;
  vertical-align: middle;
}

.alert_center .alert-dismissible .close {
  top: auto;
}

.alert_icon .ti-close {
  font-size: 18px;
}

.rounded_alerts .alert {
  border-radius: 25px;
}

.outline_alert .alert {
  background-color: #e3efef;
}

.outline_alert .alert_icon i {
  font-size: 17px;
  border-radius: 50%;
  padding: 9px 9px;
  color: #fff;
}

.outline_alert2 .alert_icon2 i {
  font-size: 17px;
  border-radius: 50%;
  padding: 9px 9px;
  color: #fff;
}

.outline_alert2 .alert-dismissible .close {
  right: -0.50rem;
  padding-top: 20px;
}

.export-main ul li:nth-child(4) {
  display: none;
}

.export-drawing ul li:nth-child(4) {
  display: none;
}

/*font family*/
.amcharts-chart-div a, text {
  font-family: "Nunito Sans", sans-serif !important;
}

.height_450 {
  height: 450px;
}

@media (max-width: 375px) {
  .amcharts-export-menu li > a {
    padding: 12px 7px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .amcharts-chart-div a {
    top: 0 !important;
  }
}

/*Basic buttons*/
.btn-width {
  width: 95px;
}

.btn_lg_width {
  width: 130px;
}

.btn-rounded {
  border-radius: 30px;
}

.btn.disabled {
  cursor: not-allowed;
}

.btn-primary:hover {
  background-color: #0083fe;
}

.btn-primary-hover {
  background-color: #0083fe;
}

.btn-secondary-hover {
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-success-hover {
  background-color: #3bb667;
}

.btn-info-hover {
  background-color: #005985;
}

.btn-warning-hover {
  background-color: #d69603;
}

.btn-danger-hover {
  background-color: #f63a36;
}

.btn-purple-hover {
  background-color: #684bff;
}

.btn-mint-hover {
  background-color: #23acb1;
}

.list-group a {
  color: #fff;
}

/*End of Basic buttons*/
/*Buttons in different states*/
/* End of Buttons in different states*/
/*Social Buttons*/
.btn-vimeo {
  background-color: #AAD450;
}

.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active {
  background-color: #93c130;
}

.btn-dropbox {
  background-color: #007ee5;
}

.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active {
  background-color: #0d70b7;
}

.btn-facebook {
  background-color: #3b5998;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
  background-color: #30487b;
}

.btn-flickr {
  background-color: #ff0084;
}

.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active {
  background-color: #d6006f;
}

.btn-github {
  background-color: #000;
}

.btn-github:hover, .btn-github:focus, .btn-github:active {
  background-color: #303030;
}

.btn-google-plus {
  background-color: #dd4b39;
}

.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active {
  background-color: #ca3523;
}

.btn-instagram {
  background-color: #125688;
}

.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
  background-color: #446a89;
}

.btn-linkedin {
  background-color: #007bb6;
}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active {
  background-color: #005f8d;
}

.btn-pinterest {
  background-color: #cb2027;
}

.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active {
  background-color: #a81a20;
}

.btn-tumblr {
  background-color: #32506d;
}

.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active {
  background-color: #1f3346;
}

.btn-twitter {
  background-color: #55acee;
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
  background-color: #1c92c7;
}

.btn-microsoft {
  background-color: #ffbb00;
}

.btn-microsoft:hover, .btn-microsoft:focus, .btn-microsoft:active {
  background-color: #e6a800;
}

/*End of social buttons*/
[class*="btn-outline-"]:focus, [class*="btn-outline-"]:active {
  outline: none;
}

.btn-outline-secondary {
  color: #727b84;
  background-color: transparent;
  border-color: #727b84;
}

.external_event {
  color: #fff;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 30px;
  margin-top: 10px;
}

/*dropdown colors*/
/*==================================top buttons=====================================*/
.calendar .fc .fc-toolbar-chunk h2 {
  font-size: 18px;
}

.calendar .fc .fc-button-primary, .calendar .fc .fc-button-primary:not(:disabled):active {
  background-color: var(--white);
  border: 1px solid var(--success);
  color: var(--success);
}

.calendar .fc .fc-button-primary:hover, .calendar .fc .fc-button-primary:not(:disabled):active:hover {
  background-color: var(--white);
  border: 1px solid var(--success);
  color: var(--success);
}

.calendar .fc .fc-button-primary:focus, .calendar .fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: none;
}

.calendar .fc .fc-button-active, .calendar .fc .fc-button-primary:disabled, .calendar .fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: var(--primary);
  color: var(--white);
  border: 1px solid var(--primary);
}

.calendar .fc .fc-button-active:focus, .calendar .fc .fc-button-primary:disabled:focus, .calendar .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: none;
}

.form-control:focus {
  box-shadow: none;
}

.btn-default {
  background-color: #efefef;
}

#calendar button:focus {
  outline: none;
}

.fc-widget-header th {
  color: #007bb8;
}

#calendar td {
  border-color: #cbe0ea;
}

.header, .footer.fixed-bottom {
  z-index: 100 !important;
}

.left_aside {
  z-index: 99 !important;
}

#scroll {
  z-index: 999;
}

.fc-agendaDay-view .fc-content-col .fc-event-container a.fc-time-grid-event {
  right: -20px !important;
}

.fc-agendaWeek-view .fc-content-col .fc-event-container a.fc-time-grid-event {
  right: 0px !important;
}

/*========================================End of buttons css=============================*/
/*breadcrumb description*/
.breadcrumb_desription .content-header h4 {
  padding: 15px 0 5px;
}

.breadcrumb_desription .breadcrumb_description_text {
  font-size: 12px;
  color: #888;
}

/*End of breadcrumb description*/
/*breadcrumb search*/
.breadcrumb {
  margin-bottom: -22px !important;
}

/*End of breadcrumb search*/
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
  stroke: #329cff;
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
  stroke: #5aca82;
}

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
  stroke: #fcb410;
}

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
  stroke: #f86a67;
}

.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
  stroke: #937eff;
}

.ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut {
  stroke: #007bb8;
}

.ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut {
  stroke: #31d0d6;
}

#peak_circles_chart .ct-series-a .ct-slice-pie {
  fill: #329cff;
}

.ct-label {
  color: #536973;
}

/*==============================primary color palette============================*/
.color_cfe8ff {
  background-color: #cfe8ff;
}

.color_a8d5ff {
  background-color: #a8d5ff;
}

.color_80c2ff {
  background-color: #80c2ff;
}

.color_6db8ff {
  background-color: #6db8ff;
}

.color_59afff {
  background-color: #59afff;
}

.color_46a5ff {
  background-color: #46a5ff;
}

.color_329cff {
  background-color: #329cff;
}

.color_1e93ff {
  background-color: #1e93ff;
}

.color_0b89ff {
  background-color: #0b89ff;
}

.color_007ff6 {
  background-color: #007ff6;
}

.color_0075e3 {
  background-color: #0075e3;
}

.color_0061bb {
  background-color: #0061bb;
}

.color_004d94 {
  background-color: #004d94;
}

/*====================================End of primary color palette=========================*/
/*==============================success color palette============================*/
.color_e0f5e7 {
  background-color: #e0f5e7;
}

.color_c2ebd1 {
  background-color: #c2ebd1;
}

.color_a4e2ba {
  background-color: #a4e2ba;
}

.color_87d8a4 {
  background-color: #87d8a4;
}

.color_78d498 {
  background-color: #78d498;
}

.color_69cf8d {
  background-color: #69cf8d;
}

.color_5aca82 {
  background-color: #5aca82;
}

.color_4bc577 {
  background-color: #4bc577;
}

.color_3dbf6c {
  background-color: #3dbf6c;
}

.color_39b063 {
  background-color: #39b063;
}

.color_34a25b {
  background-color: #34a25b;
}

.color_2f9353 {
  background-color: #2f9353;
}

.color_2a844a {
  background-color: #2a844a;
}

/*====================================End of success color palette=========================*/
/*==============================Warning color palette============================*/
.color_fff7e5 {
  background-color: #fff7e5;
}

.color_feebbe {
  background-color: #feebbe;
}

.color_fdd884 {
  background-color: #fdd884;
}

.color_fdcc5d {
  background-color: #fdcc5d;
}

.color_fcc037 {
  background-color: #fcc037;
}

.color_fcba23 {
  background-color: #fcba23;
}

.color_fcb410 {
  background-color: #fcb410;
}

.color_f5ab03 {
  background-color: #f5ab03;
}

.color_e29e03 {
  background-color: #e29e03;
}

.color_cf9003 {
  background-color: #cf9003;
}

.color_bb8302 {
  background-color: #bb8302;
}

.color_a87502 {
  background-color: #a87502;
}

.color_946802 {
  background-color: #946802;
}

/*====================================End of Warning color palette=========================*/
/*==============================Danger color palette============================*/
.color_fdd8d8 {
  background-color: #fdd8d8;
}

.color_fcc6c5 {
  background-color: #fcc6c5;
}

.color_fbb4b2 {
  background-color: #fbb4b2;
}

.color_fba19f {
  background-color: #fba19f;
}

.color_fa8f8d {
  background-color: #fa8f8d;
}

.color_f97c7a {
  background-color: #f97c7a;
}

.color_f86a67 {
  background-color: #f86a67;
}

.color_f75854 {
  background-color: #f75854;
}

.color_f64541 {
  background-color: #f64541;
}

.color_f5332f {
  background-color: #f5332f;
}

.color_f2100b {
  background-color: #f2100b;
}

.color_df0f0a {
  background-color: #df0f0a;
}

.color_cc0d09 {
  background-color: #cc0d09;
}

/*====================================End of Danger color palette=========================*/
/*==============================Mint color palette============================*/
.color_e5f9fa {
  background-color: #e5f9fa;
}

.color_c4f2f3 {
  background-color: #c4f2f3;
}

.color_a4eaed {
  background-color: #a4eaed;
}

.color_83e3e6 {
  background-color: #83e3e6;
}

.color_62dbe0 {
  background-color: #62dbe0;
}

.color_41d4d9 {
  background-color: #41d4d9;
}

.color_31d0d6 {
  background-color: #31d0d6;
}

.color_28c5cb {
  background-color: #28c5cb;
}

.color_25b5bb {
  background-color: #25b5bb;
}

.color_22a5aa {
  background-color: #22a5aa;
}

.color_1f959a {
  background-color: #1f959a;
}

.color_1b868a {
  background-color: #1b868a;
}

.color_187679 {
  background-color: #187679;
}

/*====================================End of Mint color palette=========================*/
/*==============================Purple color palette============================*/
.color_e5e0ff {
  background-color: #e5e0ff;
}

.color_d5ccff {
  background-color: #d5ccff;
}

.color_c4b9ff {
  background-color: #c4b9ff;
}

.color_b4a5ff {
  background-color: #b4a5ff;
}

.color_c4b9ff {
  background-color: #c4b9ff;
}

.color_b4a5ff {
  background-color: #b4a5ff;
}

.color_a392ff {
  background-color: #a392ff;
}

.color_937eff {
  background-color: #937eff;
}

.color_836aff {
  background-color: #836aff;
}

.color_7257ff {
  background-color: #7257ff;
}

.color_6243ff {
  background-color: #6243ff;
}

.color_5130ff {
  background-color: #5130ff;
}

.color_411cff {
  background-color: #411cff;
}

.color_3008ff {
  background-color: #3008ff;
}

.color_2800f4 {
  background-color: #2800f4;
}

/*====================================End of Purple color palette=========================*/
/*==============================Gray color palette============================*/
.color_ececec {
  background-color: #ececec;
}

.color_d8d8d8 {
  background-color: #d8d8d8;
}

.color_c5c5c5 {
  background-color: #c5c5c5;
}

.color_b1b1b1 {
  background-color: #b1b1b1;
}

.color_a7a7a7 {
  background-color: #a7a7a7;
}

.color_9d9d9d {
  background-color: #9d9d9d;
}

.color_949494 {
  background-color: #949494;
}

.color_8a8a8a {
  background-color: #8a8a8a;
}

.color_808080 {
  background-color: #808080;
}

.color_767676 {
  background-color: #767676;
}

.color_6c6c6c {
  background-color: #6c6c6c;
}

.color_636363 {
  background-color: #636363;
}

.color_595959 {
  background-color: #595959;
}

/*====================================End of Gray color palette=========================*/
/*==============================Pink color palette============================*/
.color_ffd4db {
  background-color: #ffd4db;
}

.color_ffacbb {
  background-color: #ffacbb;
}

.color_ff859a {
  background-color: #ff859a;
}

.color_ff728a {
  background-color: #ff728a;
}

.color_ff5e7a {
  background-color: #ff5e7a;
}

.color_ff4a6a {
  background-color: #ff4a6a;
}

.color_ff375a {
  background-color: #ff375a;
}

.color_ff0f39 {
  background-color: #ff0f39;
}

.color_fb002c {
  background-color: #fb002c;
}

.color_e70028 {
  background-color: #e70028;
}

.color_d40025 {
  background-color: #d40025;
}

.color_c00022 {
  background-color: #c00022;
}

.color_ac001e {
  background-color: #ac001e;
}

/*====================================End of Pink color palette=========================*/
/*==============================Info color palette============================*/
.color_91daff {
  background-color: #91daff;
}

.color_6acdff {
  background-color: #6acdff;
}

.color_42c0ff {
  background-color: #42c0ff;
}

.color_2fbaff {
  background-color: #2fbaff;
}

.color_1bb3ff {
  background-color: #1bb3ff;
}

.color_07adff {
  background-color: #07adff;
}

.color_00a2f3 {
  background-color: #00a2f3;
}

.color_0095df {
  background-color: #0095df;
}

.color_0088cc {
  background-color: #0088cc;
}

.color_007bb8 {
  background-color: #007bb8;
}

.color_006ea4 {
  background-color: #006ea4;
}

.color_006191 {
  background-color: #006191;
}

.color_00547d {
  background-color: #00547d;
}

/*====================================End of Info color palette=========================*/
/*=========Boostrap color palatte===========================*/
.color-palette {
  color: #fff;
}

/*=====primary color=====*/
.bg-primary-1 {
  background-color: #feffff;
}

.bg-primary-2 {
  background-color: #cbe6ff;
}

.bg-primary-3 {
  background-color: #98cdff;
}

.bg-primary-4 {
  background-color: #65b5ff;
}

.bg-primary-6 {
  background-color: #0083fe;
}

.bg-primary-7 {
  background-color: #0069cb;
}

.bg-primary-8 {
  background-color: #004f98;
}

.bg-primary-9 {
  background-color: #003465;
}

/*=====Success color=====*/
.bg-success-1 {
  background-color: #f4fcf7;
}

.bg-success-2 {
  background-color: #ceefda;
}

.bg-success-3 {
  background-color: #a7e3bc;
}

.bg-success-4 {
  background-color: #81d69f;
}

.bg-success-6 {
  background-color: #3bb667;
}

.bg-success-7 {
  background-color: #2e9051;
}

.bg-success-8 {
  background-color: #22693b;
}

.bg-success-9 {
  background-color: #154326;
}

/*=====Warning color=====*/
.bg-warning-1 {
  background-color: #fff3d9;
}

.bg-warning-2 {
  background-color: #fee3a7;
}

.bg-warning-3 {
  background-color: #fdd475;
}

.bg-warning-4 {
  background-color: #fdc442;
}

.bg-warning-6 {
  background-color: #d69603;
}

.bg-warning-7 {
  background-color: #a47302;
}

.bg-warning-8 {
  background-color: #724f01;
}

.bg-warning-9 {
  background-color: #3f2c01;
}

/*=====Danger color=====*/
.bg-danger-1 {
  background-color: white;
}

.bg-danger-2 {
  background-color: #fff9f9;
}

.bg-danger-3 {
  background-color: #fccac9;
}

.bg-danger-4 {
  background-color: #fa9a98;
}

.bg-danger-6 {
  background-color: #f63a36;
}

.bg-danger-7 {
  background-color: #ee100b;
}

.bg-danger-8 {
  background-color: #bd0c09;
}

.bg-danger-9 {
  background-color: #8d0906;
}

/*=====Mint color=====*/
.bg-mint-1 {
  background-color: #dbf7f8;
}

.bg-mint-2 {
  background-color: #b1edef;
}

.bg-mint-3 {
  background-color: #86e3e7;
}

.bg-mint-4 {
  background-color: #5cdade;
}

.bg-mint-6 {
  background-color: #23acb1;
}

.bg-mint-7 {
  background-color: #1b8286;
}

.bg-mint-8 {
  background-color: #12595c;
}

.bg-mint-9 {
  background-color: #0a3031;
}

/*=====Purple color=====*/
.bg-purple-1 {
  background-color: white;
}

.bg-purple-2 {
  background-color: white;
}

.bg-purple-3 {
  background-color: #e8e4ff;
}

.bg-purple-4 {
  background-color: #beb1ff;
}

.bg-purple-6 {
  background-color: #684bff;
}

.bg-purple-7 {
  background-color: #3e18ff;
}

.bg-purple-8 {
  background-color: #2500e4;
}

.bg-purple-9 {
  background-color: #1d00b1;
}

/*=====Info color=====*/
.bg-info-1 {
  background-color: #85d7ff;
}

.bg-info-2 {
  background-color: #52c6ff;
}

.bg-info-3 {
  background-color: #1fb5ff;
}

.bg-info-4 {
  background-color: #009deb;
}

.bg-info-6 {
  background-color: #005985;
}

.bg-info-7 {
  background-color: #003752;
}

.bg-info-8 {
  background-color: #00151f;
}

.bg-info-9 {
  background-color: black;
}

/*=====Gray color=====*/
.bg-gray-1 {
  background-color: #fafafa;
}

.bg-gray-2 {
  background-color: #e1e0e0;
}

.bg-gray-3 {
  background-color: #c7c7c7;
}

.bg-gray-4 {
  background-color: #aeadad;
}

.bg-gray-5 {
  background-color: #949494;
}

.bg-gray-6 {
  background-color: #7b7a7a;
}

.bg-gray-7 {
  background-color: #616161;
}

.bg-gray-8 {
  background-color: #484747;
}

.bg-gray-9 {
  background-color: #2e2e2e;
}

/*=====Pink color=====*/
.bg-pink-1 {
  background-color: white;
}

.bg-pink-2 {
  background-color: #ffd0d8;
}

.bg-pink-3 {
  background-color: #ff9dae;
}

.bg-pink-4 {
  background-color: #ff6a84;
}

.bg-pink-5 {
  background-color: #ff375a;
}

.bg-pink-6 {
  background-color: #ff0430;
}

.bg-pink-7 {
  background-color: #d00024;
}

.bg-pink-8 {
  background-color: #9d001b;
}

.bg-pink-9 {
  background-color: #6a0013;
}

.custome_cp_heading {
  padding: 15px;
}

.note-popover {
  display: none;
}

.panel-heading.note-toolbar .dropdown-menu {
  min-width: 130px;
}

.summer_note .btn-group, .wysihtml5-toolbar .btn-group, .note-color .btn-group {
  display: inline-block;
}

.note-popover .popover-content, .panel-heading.note-toolbar {
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}

.note-editing-area ul {
  padding-left: 40px;
}

.click2edit ul {
  padding-left: 40px;
}

@media (max-width: 346px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 144px;
  }
}

@media (min-width: 347px) and (max-width: 390px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 165px;
    margin-left: 0;
  }
}

@media (min-width: 391px) and (max-width: 670px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 190px;
    margin-left: -90px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 190px;
    margin-left: -90px;
  }
}

@media (min-width: 993px) and (max-width: 1150px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 240px;
  }
}

@media (max-width: 320px) {
  .note-editor .note-color .dropdown-menu {
    right: -100%;
    left: inherit;
  }
}

.note-editor .note-color .dropdown-menu li .btn-group {
  margin-bottom: 20px !important;
}

/*==============*/
.note-editable {
  margin-bottom: 55px;
}

.note-popover .popover-content, .panel-heading.note-toolbar, .note-editor.note-frame .note-statusbar {
  background-color: #fff;
  border: 0;
}

.note-editor.note-frame {
  border: 1px solid #ccc;
}

.note-editable ul li img, .modal-footer .text-center {
  width: 100% !important;
}

.content .fullscreen i {
  margin: 0;
  line-height: 0;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
}

pre {
  display: block;
  margin: 10px 10px 0 0;
  padding: 5px 10px;
  margin-bottom: 1rem;
  color: #292b2c;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.note-check li {
  padding: 0 10px;
}

.note-style li {
  padding-left: 10px;
}

/*choices*/
.choices__list--multiple .choices__item {
  background-color: #555;
  border: 1px solid #555;
}

.choices__inner {
  border-radius: 25px;
  background-color: transparent;
  height: 38px;
  min-height: 38px;
  padding: 0 0 0 10px;
}

.choices__list--multiple .choices__item {
  margin-bottom: 0;
}

.choices__input {
  background-color: transparent;
}

.choices[data-type*=text] .choices__button {
  border-left: 1px solid #dcd7d7;
}

/*End of choices*/
.fixed_menu .note-editor .dropdown-menu, .fixed_menu .tooltip {
  z-index: 99;
}

@media (max-width: 992px) {
  .note-editor .dropdown-menu, .tooltip {
    z-index: 99;
  }
  .note-para .dropdown-menu {
    left: -90px;
  }
}

.note-editable.panel-body a {
  color: #0076e5 !important;
}

.datepicker table tr td.today:hover:hover {
  color: #fff;
}

.btn-mint:hover {
  color: #fff;
}

.datepicker table tr td span:hover, .datepicker table tr td span.focused {
  background: #31d0d6;
  color: #fff;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
  background-color: #31d0d6;
  border-color: #31d0d6;
}

.datepicker table tr td.today {
  color: #fff;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background-image: linear-gradient(to bottom, #31d0d6, #31d0d6) !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover,
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
  background-image: linear-gradient(to bottom, #937eff, #937eff) !important;
}

@media (max-width: 425px) {
  .daterangepicker.dropdown-menu {
    right: 12px !important;
  }
  .daterangepicker.opensright:after {
    left: 35px;
  }
  .daterangepicker.opensright:before {
    left: 35px;
  }
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #31d0d6;
}

.dtpicker-buttonCont .dtpicker-button {
  background-color: #31d0d6;
  color: #fff !important;
}

.dtpicker-header .dtpicker-title {
  font-size: 18px;
  color: #31d0d6;
}

.dtpicker-components .dtpicker-comp > * {
  color: #31d0d6;
}

div .picker .pick-btns .pick-submit:after {
  content: "\e64c";
  font-family: 'themify' !important;
}

div .picker .pick-btns .pick-btn.pick-btn-sz:after {
  content: "\e6be";
  font-family: 'themify' !important;
}

div.picker-lg .pick-btns .pick-btn.pick-btn-sz:after {
  content: "\e6be";
  font-family: 'themify' !important;
}

div.primary .pick-lg-b .pick-sl:before, div.primary .pick-lg-h, div.primary .pick-m, div.primary .pick-submit, div.primary:before {
  background-color: #31d0d6;
}

div.primary .pick li span, div.primary .pick-btn, div.primary .pick-y.pick-jump {
  color: #31d0d6;
}

.div.primary .pick-lg-b .pick-wke {
  color: #111;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #FFFFFF;
}

div .picker ul.pick.pick-d {
  font-weight: normal;
}

.picker-modal-overlay {
  z-index: 999999;
}

#datedropper-3, .dtpicker-overlay {
  z-index: 99999999;
}

.admin_img2 {
  width: 40px;
}

.admin_image_section {
  text-align: center;
  background: linear-gradient(to top left, #49f3f9 0%, #49f9f3 0%, #49e2f9 0%, #49e2f9 0%, #49e2f9 0%, #49e2f9 0%, #49e2f9 15.2%, #49e2f9 19.5%, #cc49f9 100%);
}

.admin_setting_dropdown {
  left: -196px;
  padding: 0;
  min-width: 15rem;
  margin: 6px 0 0;
}

.admin_image {
  margin-top: 20px;
  width: 80px;
}

.admin_social_icon {
  margin-top: -32px;
}

.admin_fb {
  background-color: #3b5998;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-left: 60px;
  cursor: pointer;
}

.admin_twitter {
  background-color: #0084b4;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-left: 10px;
  cursor: pointer;
}

.admin_google {
  background-color: #d34836;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 33px;
  margin-left: 10px;
  cursor: pointer;
}

.admin_footer_icons i {
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 10px;
}

.admin_item {
  padding: 5px 0 5px 40px;
}

.admin_item i {
  padding-right: 5px;
}

.admin_account {
  border-top: 1px solid #ccc;
  padding: 15px 15px 35px 15px;
  background-color: #f9f9f9;
}

.admin_setting_dropdown:before {
  position: absolute;
  top: -9px;
  left: 85%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #e6e6e6;
  border-left: 10px solid transparent;
}

.messages i, .notifications i, .fullscreen i {
  font-size: 16px;
  margin: 0 25px 0 0;
  line-height: 39px;
  cursor: pointer;
}

.rightbar_toggle {
  font-size: 16px;
  margin: 0 0 0 25px;
  line-height: 39px;
  cursor: pointer;
}

.messages .messages_badge_top, .notifications .notifications_badge_top {
  margin-top: -42px;
  margin-left: 15px;
}

.messages_content {
  left: -180px;
  min-width: 17rem;
  margin: 25px 0 0;
  padding: 0;
}

.notifications_content {
  left: -155px;
  min-width: 17rem;
  margin: 25px 0 0;
  padding: 0;
}

.msg_title, .msg_footer, .noti_title, .noti_footer {
  background: #a8cadb;
  margin-bottom: -16px;
}

.msg_title p, .msg_footer p, .noti_footer p, .noti_title p {
  padding: 10px 0;
}

.msg_item {
  padding: 3px 10px;
  border-bottom: 1px solid #EEEEEE;
}

.msg_item img {
  width: 45px;
  margin-top: 5px;
}

.messages_content:before {
  position: absolute;
  top: -9px;
  left: 66%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #e6e6e6;
  border-left: 10px solid transparent;
}

.notifications_content:before {
  position: absolute;
  top: -9px;
  left: 57%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #e6e6e6;
  border-left: 10px solid transparent;
}

.noti_msg {
  font-size: 16px;
  padding: 10px;
  border: 1px solid #007bb8;
  border-radius: 50px;
  margin-top: 10px;
}

.noti_item {
  padding: 10px 10px;
  border-bottom: 1px solid #EEEEEE;
}

.noti_item p {
  margin-bottom: 0.5rem;
}

.rotate {
  transform: rotate(180deg);
}

/*=============================== top header search section css =======================*/
.top_search_box {
  width: 220px;
  margin: 3px 0 0 40px;
}

.small_device_search i {
  font-size: 16px;
  margin: 0 25px 0 0;
  line-height: 39px;
}

.search_bar_small {
  padding: 10px 30px 30px 30px;
}

#search_modal .close {
  margin: 10px 10px 0 0;
}

.top_search_box:after, .top_search_box:before {
  content: " ";
  display: table;
}

.header_input_search.closed {
  width: 37px;
  border-color: transparent;
  background-color: transparent;
}

.head_input::-webkit-input-placeholder {
  color: #fff;
}

.header_input_search {
  width: 100%;
  height: 30px;
  position: relative;
  padding: 0 35px 0 0;
  border-radius: 25rem;
  background: #fff;
  overflow: hidden;
  transition: all .5s ease-in-out;
}

.header_input_search.closed input[type=text] {
  opacity: 0;
}

.font-icon-search:before {
  content: "\e610";
  color: #fff;
  font-size: 16px;
}

[class*=" font-icon-"]:before, [class^=font-icon-]:before, [data-icon]:before {
  font-family: 'themify';
}

.header_input_search {
  background-color: #5aa4d5;
}

.header_input_search input[type=text] {
  width: 100%;
  padding: 2px 0 0 14px;
  border: none;
  background: none;
  color: #fff;
  transition: all .5s ease-in-out;
}

.header_input_search input:focus, .header_input_search button:focus {
  outline: none;
}

.header_input_search button {
  display: block;
  position: absolute;
  right: 0;
  top: -2px;
  width: 35px;
  height: 100%;
  text-align: center;
  border: none !important;
  background: none !important;
}

.header_input_search .overlay {
  display: none;
}

/*=============================== top header search section css ================================*/
.logo_section {
  width: 249px;
  padding: -2px;
  margin: -10px 0 -20px -16px;
  border-right: 3px solid #ccc;
}

.navbar-brand {
  padding: 5px 0 0 20px;
}

.navbar-brand img {
  width: 44px;
}

.navbar-brand h3 {
  margin-top: 10px;
  margin-left: 10px;
}

/*start  rightside menu css  */
.rightside_menu {
  width: 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  box-shadow: 1px 1px 15px #ccc;
}

.rightbar_show {
  width: 240px !important;
}

.toggle_right, .ti-shift-left {
  transform: rotate(20deg);
}

.rightmenu_tabs .nav-item {
  width: 33.33%;
}

.rightmenu_tabs .nav-tabs .nav-item {
  margin-bottom: 0;
}

.rightmenu_tabs .nav-link {
  padding: 10px 0;
}

.rightmenu_tabs .nav-tabs .nav-link {
  border-radius: 0;
}

/* end  rightside menu css  */
@media (max-width: 350px) {
  .messages i, .notifications i {
    margin: 0 20px 0 0;
  }
  .rightbar_toggle {
    margin: 0 0 0 15px;
  }
  .small_device_search i {
    margin: 0 13px 0 0;
  }
}

@media (max-width: 992px) {
  .logo_section {
    width: 70px;
  }
  .navbar-brand {
    padding: 6px 0 0 14px;
  }
}

/*---------------------Mega menu---------------------*/
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    background-color: #f5f5f5;
  }
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #86cb35;
}

@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translate3d(10%, 50%, 0);
  }
  40% {
    opacity: 1;
    transform: none;
  }
}

header .slideDown {
  animation-name: slideDown;
}

.page_indicator a:hover {
  color: #0075c2;
}

.menu_icon i {
  position: relative;
  top: 2px;
  display: none;
}

.mega-dropdown-menu > li ul > li > a:hover i {
  display: inline-block;
}

/*----------- header model Two-----------------*/
.mega-dropdown-menu {
  /*padding: 20px 0;*/
  width: 100%;
  right: 0;
  left: inherit;
}

@media (min-width: 993px) {
  .mega-dropdown-menu {
    width: calc(100% - 250px);
  }
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 6px 20px;
}

.show > .mega-dropdown-menu {
  display: inline-flex;
}

.megamenu .nav-link {
  padding-top: 0;
}

.megamenu {
  padding-right: 15px;
}

/*---------------------Mega menu end---------------------*/
/* Add fade animation to dropdown menus */
.dropdown-menu {
  animation-name: fadeAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: fadeAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
  overflow: hidden;
}

@keyframes fadeAnimation {
  from {
    max-height: 0;
  }
  to {
    max-height: 550px;
  }
}

.draggable-card .card {
  margin-top: 30px;
}

.draggable-card .card .card-header {
  background-color: #fff;
  padding: 6px 10px;
  font-size: 16px;
}

.ui-sortable-handle:not(.notsort) {
  cursor: move;
}

.copy_card .card, .delete_card .card {
  cursor: move;
}

.echart_tooltip:nth-child(2) {
  z-index: 999;
}

.header {
  z-index: 10000000;
}

@media (max-width: 374px) {
  #echart_bar7 div:nth-child(2), #echart_bar5 div:nth-child(2), #echart_bar4 div:nth-child(2), #echart_pie1 div:nth-child(2), #echart_pie2 div:nth-child(2), #echart_bar8 div:nth-child(2), #echart_bar1 div:nth-child(2), #echart_bar2 div:nth-child(2), #echart_line1 div:nth-child(2), #echart_line2 div:nth-child(2), #echart_line5 div:nth-child(2), #echart_line7 div:nth-child(2) {
    left: 0 !important;
  }
}

@media (max-width: 374px) {
  #echart_bar10 > div:nth-child(2) {
    left: 0 !important;
  }
}

.email_view_icons i {
  font-size: 20px;
  padding: 0 3px;
  cursor: pointer;
}

.email_view_body img {
  width: 50px;
  height: 50px;
}

.email_view_body .email_view_sub {
  margin-left: 15px;
}

.email_view_sub .ti-angle-down {
  font-size: 11px;
  position: relative;
  top: 2px;
}

.email_view_sender_info {
  min-width: 17rem;
  left: -80px;
  margin: 15px 0 0;
  padding: 10px;
}

.email_view_sender_info h6 {
  margin-left: 10px;
  margin-top: 5px;
}

.email_view_sender_info:before {
  position: absolute;
  top: -9px;
  left: 38%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #e6e6e6;
  border-left: 10px solid transparent;
}

.modal {
  top: 0 !important;
  z-index: 999999999;
}

.modal-backdrop {
  z-index: 99999999;
}

/*-----------------------Css for summernote----------*/
.note-popover {
  display: none;
}

.panel-heading.note-toolbar .dropdown-menu {
  min-width: 130px;
}

.summer_note .btn-group, .wysihtml5-toolbar .btn-group, .note-color .btn-group {
  display: inline-block;
}

.note-popover .popover-content, .panel-heading.note-toolbar {
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}

.note-editing-area ul {
  padding-left: 40px;
}

.click2edit ul {
  padding-left: 40px;
}

@media (max-width: 346px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 144px;
  }
}

@media (min-width: 347px) and (max-width: 390px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 165px;
    margin-left: 0;
  }
}

@media (min-width: 391px) and (max-width: 670px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 190px;
    margin-left: -90px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 190px;
    margin-left: -90px;
  }
}

@media (min-width: 993px) and (max-width: 1150px) {
  .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 240px;
  }
}

@media (max-width: 320px) {
  .note-editor .note-color .dropdown-menu {
    right: -100%;
    left: inherit;
  }
}

.note-editor .note-color .dropdown-menu li .btn-group {
  margin-bottom: 20px !important;
}

/*==============*/
.note-popover .popover-content, .panel-heading.note-toolbar, .note-editor.note-frame .note-statusbar {
  background-color: #fff;
  border: 0;
}

.note-editor.note-frame {
  border: 1px solid #ccc;
}

.note-editable ul li img, .modal-footer .text-center {
  width: 100% !important;
}

.content .fullscreen i {
  margin: 0;
  line-height: 0;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
}

pre {
  display: block;
  margin: 10px 10px 0 0;
  padding: 5px 10px;
  margin-bottom: 1rem;
  color: #292b2c;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.note-check li {
  padding: 0 10px;
}

.note-style li {
  padding-left: 10px;
}

/*==============*/
.note-popover .popover-content, .panel-heading.note-toolbar, .note-editor.note-frame .note-statusbar {
  background-color: #fff;
  border: 0;
}

.note-editor.note-frame {
  border: 1px solid #ccc;
}

.attachments img {
  width: 230px;
  height: auto;
}

.fixed_menu .note-editor .dropdown-menu, .fixed_menu .tooltip {
  z-index: 99;
}

@media (max-width: 992px) {
  .note-editor .dropdown-menu, .tooltip {
    z-index: 99;
  }
  .note-para .dropdown-menu {
    left: -90px;
  }
}

.note-toolbar .dropdown-menu {
  top: inherit;
}

.header {
  z-index: 100;
}

.left_aside {
  z-index: 99;
}

.pointer, .mail tr td .ti-star, .sent_to_mailview {
  cursor: pointer;
}

.mail_compose_btn {
  border-radius: 0;
  font-size: 16px;
  padding: 12px 20px;
  outline: none;
}

.mail_compose_btn.btn-success:focus {
  color: #fff !important;
  box-shadow: none;
}

.active_col_left_border, .inbox_list1 .list-group-item:hover {
  border-left: 3px solid #5aca82 !important;
  color: #5aca82 !important;
}

.list-group-item a {
  color: #536973;
}

.list-group-item:first-child, .list-group-item:last-child {
  border-radius: 0;
}

.inbox_left_side .list-group-item a i {
  font-size: 15px;
  margin-right: 3px;
}

.inbox_contact_img {
  width: 27px;
  height: 27px;
}

.mail_online {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #22b24c;
  margin: 0 auto;
  position: relative;
  top: 10px;
}

.mail_offline {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #ccc;
  margin: 0 auto;
  position: relative;
  top: 10px;
}

.status-online {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #22b24c;
  position: relative;
  top: -11px;
  left: -6px;
  float: left;
}

.status-busy {
  width: 8px;
  height: 8px;
  float: left;
  border-radius: 5px;
  background-color: #e6593c;
  position: relative;
  top: -11px;
  left: -6px;
}

.status-away {
  width: 8px;
  height: 8px;
  float: left;
  border-radius: 5px;
  background-color: #f39c12;
  position: relative;
  top: -11px;
  left: -6px;
}

#more_items i {
  font-size: 11px;
  top: 3px;
  position: relative;
}

#more_items:hover {
  border-left: 3px solid #fff !important;
  color: #555 !important;
}

/*------------------right side section -------*/
.email_right_section .input-group button, .email_right_section .input-group input {
  margin-top: 0;
}

.dropdown_list_hover .btn-group {
  margin: 0 5px 0 0;
}

.table-bordered, .table-bordereds {
  /*background-color: #e6e6e6;*/
  border: 1px solid #ccc;
}

.table-bordereds {
  padding: 5px 8px 5px 8px;
}

.web-mail ul {
  margin: 0 !important;
  width: 100%;
}

.mail-reload, .mail-delete {
  padding: 10px;
}

.custom-control {
  min-height: 1.6rem;
}

.email_page_navs .btn-group {
  height: 38px;
  border-radius: 0;
}

.dropdown_list_hover .btn-group i {
  font-size: 16px;
}

.starred_mail {
  border-left: 3px solid #fafafa;
}

.mail_tr_background {
  background-color: #E4F1FE;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #555;
  background-color: transparent;
}

.nav-tabs .nav-link {
  border-radius: 0;
}

.nav-tabs .nav-link {
  border-top: 2px solid #fff;
}

#primary2 a:hover, #primary2 a:active, #primary2 a:focus, #primary2 .active {
  border-top: 2px solid #329cff;
}

#social2 a:hover, #social2 a:active, #social2 a:focus, #social2 .active {
  border-top: 2px solid #5aca82;
}

#promotions2 a:hover, #promotions2 a:active, #promotions2 a:focus, #promotions2 .active {
  border-top: 2px solid #937eff;
}

.nav-tabs {
  border-bottom: 0;
}

td {
  font-size: 13px;
}

table .ti-star {
  font-weight: normal !important;
  color: #536973;
}

.border_top {
  border-top: 1px solid #ccc;
}

.email_page_navs .btn {
  background: transparent;
}

.email_page_navs .btn:focus {
  box-shadow: none;
}

table tr td {
  padding-top: 25px !important;
  padding-bottom: 10px !important;
}

/*======================*/
.email_signout {
  display: inline-flex;
}

.mail_notifications img {
  width: 50px;
  height: 50px;
}

.mail_apps img {
  margin-top: 5px;
  width: 45px;
  height: 45px;
}

.email_apps_row {
  display: inline-flex;
  padding: 10px;
}

.email_app {
  width: 80px;
  cursor: pointer;
}

.mail_notifications, .mail_apps {
  margin-right: 12px;
}

.mail_apps .dropdown a, .mail_notifications a {
  font-size: 25px;
}

.signout_body {
  padding: 15px;
}

.signout_body .email_user_name {
  font-size: 60px;
  height: 90px;
  width: 90px;
  margin: auto;
}

.signout_body .email_user_name span {
  top: -8px;
}

.mail_apps .email_user_name {
  font-size: 16px;
}

.mail_apps .email_user_name span {
  top: 6px;
}

.email_user_name {
  font-size: 20px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  cursor: pointer;
}

.email_user_name span {
  position: relative;
  top: 2px;
}

.mail_user .dropdown-menu {
  padding: 0;
}

.signout_footer {
  background-color: #F5F5F5;
  padding: 10px;
}

.signout_footer .btn {
  background-color: #fafafa;
  color: #555;
  border: 1px solid #ccc;
}

.email_notifications_content {
  min-width: 17rem;
  left: -173px;
  margin: 15px 0 0;
  padding: 0;
}

.email_app_content {
  min-width: 17rem;
  left: -126px;
  margin: 15px 0 0;
  padding: 0;
}

.email_user_content {
  min-width: 17rem;
  left: -220px;
  margin: 15px 0 0;
  padding: 0;
}

.email_notifications_content .noti_item {
  border-bottom: 1px solid #eee;
  padding: 10px;
}

.email_notifications_content .noti_item i {
  padding: 10px;
  border-radius: 50px;
  border: 1px solid #007bb3;
}

.email_notifications_content:before {
  position: absolute;
  top: -9px;
  left: 66%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #e6e6e6;
  border-left: 10px solid transparent;
}

.email_app_content:before {
  position: absolute;
  top: -9px;
  left: 49%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #e6e6e6;
  border-left: 10px solid transparent;
}

.email_user_content:before {
  position: absolute;
  top: -9px;
  left: 83%;
  display: inline-block;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-bottom-color: #e6e6e6;
  border-left: 10px solid transparent;
}

.note-toolbar .note-icon-caret {
  display: none;
}

.note-editor.note-frame.fullscreen {
  z-index: 999999999;
}

.nav-item .nav-link.active, .nav-item .nav-link.active:hover, .nav-item .nav-link.active:focus {
  background-color: transparent;
  color: #555;
}

@media (max-width: 445px) {
  .centered_logo .modal {
    top: 105px;
  }
}

.modal {
  top: 0 !important;
  z-index: 999999999;
}

.modal-backdrop {
  z-index: 99999999;
}

.badge-dark {
  background-color: #636c72;
}

#flot_chart9 .button {
  position: absolute;
  cursor: pointer;
}

#flot_chart9 div.button {
  color: #fff;
  background-color: #937eff;
  padding: 2px;
}

/*pie charts*/
.pieLabel div {
  font-size: 12px !important;
}

@media (max-width: 320px) {
  #flot_chart13 .flot-x-axis .flot-tick-label {
    transform: rotate(-70deg) !important;
    max-width: none !important;
    top: 340px !important;
  }
  .left_right {
    margin-top: 20px;
  }
}

.legendLayer .background {
  fill: #fff;
}

.input-group-addon {
  padding: 0.5rem 0.20rem;
}

.custom-control-input:active ~ .custom-control-indicator, .custom-control-indicator {
  background-color: transparent;
  border: 1px solid #fff;
}

.login_box {
  background: rgba(21, 12, 12, 0.4);
  margin-top: 10%;
}

.login_horizontal_line {
  border-bottom: 1px solid #696060;
}

.login_box img {
  width: 120px;
}

.forgot_pwd {
  margin-top: 25%;
  margin-bottom: 25%;
}

.login_fb, .login_fb:hover, .login_fb:focus {
  background-color: #4867AA;
  color: #fff;
}

.login_google, .login_google:hover, .login_google:focus {
  background-color: #EA4335;
  color: #fff;
}

.login_google.btn-block {
  margin-top: 10px;
}

/*========================Basic Form elements==========================*/
.focus_input {
  border-color: #66afe9;
}

.input_icon {
  position: relative;
}

.input_icon_left,
.input_icon_right {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 36px;
  text-align: center;
}

.input_icon_left {
  left: 8px;
}

.input_icon_right {
  right: 8px;
}

.icon_right_input {
  padding-right: 40px;
}

#color.form-control {
  padding: 0.2rem 0.75rem;
}

#large_select {
  padding: 0 0 0 0.5rem;
}

/*============================End of Basic Form elements========================*/
/*=======================Advanced form elements=================================*/
.input-group-addon .custom-control-indicator {
  margin-left: 2px;
}

.text-white::-webkit-input-placeholder {
  color: #fff;
}

.addon_img {
  width: 45px;
  height: 50px;
}

.has-primary .input-group-addon,
.has-primary input {
  border-color: #329cff;
}

.has-primary input {
  opacity: 0.8;
}

.br_left_25 {
  border-radius: 25px 0 0 25px !important;
}

.br_right_25 {
  border-radius: 0 25px 25px 0 !important;
}

.addon_left_img img {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.addon_right_img img {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/*plugin css*/
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
}

.select2-container--default .select2-selection--single,
.select2-selection.select2-selection--single {
  padding: 3px 6px;
}

.select2-container--default .select2-selection--single,
.select2-container--classic .select2-selection--single {
  height: 34px;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  height: 32px;
}

.img_flag {
  width: 20px;
  height: 15px;
}

.select2.select2-container {
  width: 100%;
}

/*End of plugin css*/
/*choices*/
.choices__list--multiple .choices__item {
  background-color: #5aca82;
  border: 1px solid #5aca82;
}

/*End of choices*/
/*================================End Advanced form elements==============================*/
/*changes*/
.form-control-success .input-group-addon {
  border-left: 1px solid #5aca82;
  border-top: 1px solid #5aca82;
  border-bottom: 1px solid #5aca82;
}

.has-danger .input-group-addon {
  border-left: 1px solid #f86a67;
  border-top: 1px solid #f86a67;
  border-bottom: 1px solid #f86a67;
}

.form-control-warning .input-group-addon {
  border-left: 1px solid #fcb410;
  border-top: 1px solid #fcb410;
  border-bottom: 1px solid #fcb410;
}

.form-control-danger,
.form-control-warning,
.form-control-success {
  border-radius: 3px;
}

.form-control-success .input-group-addon .ti-check {
  color: #5aca82;
}

.form-control-success .input-group-addon {
  background-color: #f4fcf7;
}

.form-control-danger .input-group-addon {
  background-color: #fff;
}

.form-control-danger .input-group-addon .ti-close {
  color: #f86a67;
}

.form-control-warning .input-group-addon {
  background-color: #fff3d9;
}

.form-control-warning .input-group-addon .ti-alert {
  color: #fcb410;
}

p.card-textWht {
  color: #fff !important;
}

h6.card-title1 {
  color: #97ddff;
}

@media (min-width: 768px) {
  .text-center .dotted h4 {
    margin: auto;
    width: 100px;
  }
}

@media (max-width: 991px) {
  .btM {
    margin-top: 10px;
  }
}

/*===============================Advanced form elements2======================================*/
/*File input*/
.kv-upload-progress > .progress,
.fileinput-cancel-button {
  display: none;
}

.file-zoom-fullscreen .modal-dialog {
  max-width: 100%;
}

@media (max-width: 992px) {
  .hidden-xs {
    display: none !important;
  }
  .file-preview-image,
  .file-preview-text {
    max-width: 100% !important;
  }
}

.button_file .btn-file {
  width: 100%;
}

.file_input .form-control {
  padding: 0.25rem 0.75rem;
}

.file-caption-main {
  margin-top: 15px;
}

.button_file .file-input.theme-fa .btn-file {
  margin-top: 10px;
}

.file_input a.btn-default {
  background-color: #ccc;
  color: #000;
}

.file_input a.btn-default:hover {
  color: #000;
}

.file-caption-main .input-group-btn {
  display: block;
}

.file-zoom-content img {
  width: 100% !important;
}

.file-thumb-progress .progress {
  margin-top: 5px;
}

/*End of file input*/
/*multiselect*/
.ms-container {
  width: 100%;
}

.ms-selectable input,
.ms-selection input {
  width: 100%;
}

.custom-header {
  text-align: center;
  padding: 3px;
  background: #329cff;
  color: #fff;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  background-color: #329cff;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
  color: #525252;
}

#ms-multi_select3 .ms-list,
#ms-multi_select4 .ms-list {
  border-radius: 0;
}

#ms-multi_select4 input {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.jump_next_field .form-group {
  width: 100%;
}

/*End of multiselect*/
/*===============================End of Advanced form elements2===========================================*/
/*================================================file upload=======================================================*/
.modal {
  top: 0;
}

.header {
  z-index: 100 !important;
}

.left_aside {
  z-index: 99 !important;
}

/*=================advanced file upload=========================*/
.file-zoom-dialog .kv-zoom-actions .btn,
.floating-buttons .btn {
  margin-top: 5px;
}

/*========================End of advanced file upload==================*/
@media only screen and (max-width: 767px) {
  .jquery_file_upload .files img,
  .jquery_file_upload .files canvas {
    max-width: none;
  }
}

.jquery_file_upload .fade.in {
  opacity: 1;
}

.jquery_file_upload .label-danger {
  background-color: #f86a67;
  color: #fff3d9;
  padding: 5px;
  border-radius: 5px;
}

.jquery_file_upload .custom-control-indicator {
  margin-top: 12px;
}

.dz-image img {
  width: 100%;
}

/*layout fixed header*/
.fixed_header .file-zoom-fullscreen {
  z-index: 99999;
}

.fixed_header .file-zoom-fullscreen .modal-dialog {
  top: 0;
}

.fixed_header .modal {
  top: 60px;
}

#scroll {
  z-index: 999;
}

.has-success .form_control_icon_success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235aca82' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.form_control_icon_success {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right .625rem;
  background-size: 1.25rem 1.25rem;
}

.form_control_icon_danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f86a67' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.form_control_icon_warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fcb410' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.form_control_icon_success,
.form_control_icon_danger,
.form_control_icon_warning {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right .625rem;
  background-size: 1.25rem 1.25rem;
}

/*===========================End of dropify=============================*/
/*====================================================End of file upload===========================================*/
select.form-control {
  padding-top: 11px !important;
}

@media (max-width: 370px) {
  .form_lay_select_padding {
    padding: 8px 1px 0;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  .two_column_label_margintop, .two_column_input_margintop {
    margin-top: 12px;
  }
}

@media (max-width: 991px) {
  .two_column_label_margintop {
    margin-top: 17px !important;
  }
}

@media (max-width: 374px) {
  select.form-control {
    padding-top: 2px !important;
  }
}

.form_validator .has-error input:focus {
  border-radius: 0;
  box-shadow: 0.3em 0 0 0 #f86a67 inset;
  border: 1px solid #f86a67;
}

.form_validator .has-success input:focus {
  border-radius: 0;
  box-shadow: 0.3em 0 0 0 #5aca82 inset;
}

.form_validator input:focus {
  border-radius: 0;
  box-shadow: 0.3em 0 0 0 #329cff inset;
}

.has-success .input-group-addon {
  color: #5aca82 !important;
}

.has-error small {
  display: block;
}

.has-error .glabel {
  color: #f86a67;
}

.wizard > .content {
  background-color: transparent;
  margin: 0;
  min-height: 100px;
  padding: 0;
}

.wizard > .content > .body {
  padding: 0;
  float: none;
  position: relative;
  width: 100%;
  height: initial;
}

.wizard > .actions > ul > li {
  margin: 0 0 0 0.5rem;
}

.wizard > .content > .body label.error {
  color: #f86a67;
}

/* ==========================Start bootstrap wizard ===========================*/
.bwizard-buttons .previous {
  border: 1px solid #4fb7fe;
  float: left;
  border-radius: 50px;
  padding: 10px 15px;
  list-style: none;
}

.bwizard-buttons .next {
  border: 1px solid #4fb7fe;
  float: right;
  border-radius: 50px;
  padding: 10px 15px;
  list-style: none;
}

.pager {
  padding: 0;
}

.pager .next > a, .pager .next > span {
  float: right;
}

.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #4fb7fe;
  border-radius: 15px;
}

.pager li:hover {
  cursor: pointer;
}

#rootwizard .pager li {
  display: inline;
}

#rootwizard .nav-pills li .active span {
  color: #fff;
  background-color: #5aca82;
  text-align: center;
  padding: 8px 15px 11px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  border-radius: 50%;
}

#rootwizard .nav-pills li a span {
  background-color: #eee;
  text-align: center;
  padding: 8px 15px 11px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  border-radius: 50%;
}

.nav-item .nav-link.active, .nav-item .nav-link.active:hover, .nav-item .nav-link.active:focus {
  background-color: transparent;
}

#rootwizard .nav-item .active {
  color: #5aca82;
}

.previous.disabled:hover {
  cursor: not-allowed;
}

#rootwizard .nav-link {
  padding: 0.5rem 1rem 0.5rem 0;
}

.has-error label, .has-error span, .has-error small {
  color: #ff6666 !important;
}

.has-error span.custom_control_description_color, .has-success .custom_control_description_color {
  color: #525252 !important;
}

.help-block {
  font-size: 14px !important;
  display: block;
}

@media (max-width: 640px) {
  .wizard .steps li {
    width: 100% !important;
  }
}

/* ==========================end of bootstrap wizard ===========================*/
/*===========Start gallery1 css=================*/
.ug-textpanel-title, .ug-lightbox-numbers {
  font-family: 'Nunito Sans', sans-serif;
}

.ug-lightbox-arrow-left, .ug-lightbox-arrow-right {
  top: 49% !important;
}

/*===========end gallery1 css=================*/
/*===========start Video gallery css=================*/
#gallery2 {
  max-width: 100% !important;
}

.ug-strip-panel {
  width: 40% !important;
}

.ug-videoplayer {
  width: 60% !important;
}

.ug-thumb-title, .ug-thumb-desc {
  font-family: 'Nunito Sans', sans-serif;
}

/*===========end Video gallery css=================*/
/*===========Start gallery3 css=================*/
.gallery3 {
  width: 80%;
  height: 200px;
  margin: 150px auto 5%;
  position: relative;
}

.page-container .navigation {
  margin-bottom: 50px;
  margin-top: 150px;
}

.back {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: block;
  padding: 7px;
  width: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.25);
  font-weight: bold;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 200ms ease-out;
}

.reload.bell {
  font-size: 12px;
  padding: 20px;
  width: 45px;
  text-align: center;
  height: 47px;
  border-radius: 50px;
}

.reload.bell #notification {
  font-size: 25px;
  line-height: 140%;
}

.reload {
  display: inline-block;
  border-radius: 5px;
  padding: 0.7em;
  text-decoration: none;
  color: #0D2633;
  width: 100px;
  line-height: 140%;
  font-size: 17px;
  font-weight: bold;
}

.clear {
  width: auto;
}

.btns {
  width: 410px;
  margin: 50px auto;
}

.credit {
  font-style: italic;
  text-align: center;
  color: #3D5455;
  color: rgba(255, 255, 255, 0.35);
  padding: 10px;
  margin: 0 0 40px 0;
  float: left;
  width: 100%;
  letter-spacing: 1px;
}

.credit a {
  text-decoration: none;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.55);
}

.page-container {
  max-width: 700px;
  margin: auto;
  position: relative;
}

.page-container p {
  font-size: 21px;
  font-weight: 100;
  line-height: 180%;
}

.page-container h3 {
  font-size: 23px;
}

.fg-card, .fg-card > img {
  border-radius: 3px;
}

.fg-caption {
  color: white;
  font-style: italic;
  font-family: noto serif;
  font-size: 24px;
}

@media (max-width: 576px) {
  .page-container .navigation {
    margin-bottom: 150px;
    margin-top: 0;
  }
}

.content.gallery3_content {
  overflow-y: hidden;
}

/*===========end gallery3 css=================*/
/*===========================video gallery=========================*/
.ug-strip-panel {
  width: 40% !important;
}

/*======================End of video gallery=========================*/
.gallery-border {
  padding: 2px;
}

.header, .footer.fixed-bottom {
  z-index: 100 !important;
}

.left_aside {
  z-index: 99 !important;
}

#scroll {
  z-index: 999;
}

.amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  animation: am-moving-dashes 1s linear infinite;
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}

.lastBullet {
  animation: am-pulsating 1s ease-out infinite;
}

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}

.amcharts-graph-column-front {
  transition: all .3s .3s ease-out;
}

.amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  animation: am-draw 40s;
}

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}

.export-main ul li:nth-child(4) {
  display: none;
}

.export-drawing ul li:nth-child(4) {
  display: none;
}

/*font family*/
.amcharts-chart-div a, text {
  font-family: "Nunito Sans", sans-serif !important;
}

@media (max-width: 375px) {
  .amcharts-export-menu li > a {
    padding: 12px 7px;
  }
}

/*Progress bars*/
.progress_lg {
  height: 20px;
}

.progress_sm {
  height: 10px;
}

/*Advanced progress bars*/
#progress_bar6 svg {
  width: 150px;
}

#progress_bar4 .progressbar-text {
  top: 57% !important;
}

/*Carousel*/
.carousel_img_height {
  height: 250px !important;
  width: 100%;
}

/*Thumbnail*/
.thumbnail_img {
  width: 200px;
  height: 200px;
}

/*End of Advanced progress bars*/
/*pagination*/
.pagination {
  display: inline-block;
}

.pagination .page-item {
  display: inline;
}

.page-link {
  float: left;
}

/*End of pagination*/
/*----badges start---*/
.badge_size .badge {
  font-size: 100%;
}

/*----badges end---*/
.gm-style-mtc span {
  margin-top: -10px !important;
}

/*=================================gmap services=============================*/
#overlays .overlay {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 60px;
  line-height: 80px;
  opacity: 0.8;
  background: #329cff;
  border: solid 3px #329cff;
  border-radius: 4px;
  box-shadow: 2px 2px 10px #333;
  text-shadow: 1px 1px 1px #666;
  padding: 0 4px;
}

#overlays .overlay_arrow {
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  position: absolute;
}

#overlays .overlay_arrow.above {
  bottom: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #329cff;
}

/*========================End of gmap services================================*/
/*====================================gmap routes=====================================*/
#instructions, #gmap_steps {
  list-style-type: decimal;
}

/*==============================End of gmap routes=========================================*/
@media (max-width: 440px) {
  #map_type .gmnoprint .gm-style-mtc div:first-child {
    padding: 5px !important;
  }
}

@media (max-width: 4440px) {
  #map_type .gmnoprint .gm-style-mtc div:nth-child(2) {
    top: 52px !important;
  }
}

.grid-stack-item-content {
  color: #fff;
  text-align: center;
  background-color: #31d0d6;
  font-size: 20px;
  cursor: move;
}

.ti-hand-open {
  font-size: 64px;
}

.removegrid {
  background-color: #f86a67;
}

.no-gutters .text-center {
  padding-left: 5px;
  padding-right: 5px;
}

.no-gutters .dotted {
  padding: 23px 0 18px 0;
}

.horizontal_align .col-4, .Offset_columns .row div {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: 1px dashed rgba(18, 79, 127, 0.38);
}

.modal {
  top: 0;
}

.page_header {
  border-bottom: 1px solid #ddd;
}

.icons_list .font_text, .icons_list2 .font_text {
  display: block;
  margin: 0 auto;
  border: 2px solid #ddd;
  background-color: #fff;
  border-radius: 10%;
  text-align: center;
  vertical-align: middle;
}

.icons_list .font_text {
  font-size: 24px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.icons_list2 .font_text {
  font-size: 30px;
  width: 70px;
  height: 70px;
  line-height: 70px;
}

@keyframes animate_icon_grow {
  to {
    font-size: 35px;
  }
}

.icon_padding .font_text:hover {
  padding-top: 5px;
}

.icons_list .fa_icon .font_text:hover i {
  animation-name: animate_icon_grow;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  color: #5aca82;
}

.icons_list .fa_icon .font_text:hover {
  border: 2px solid #5aca82;
}

.header, .footer.fixed-bottom {
  z-index: 100 !important;
}

.left_aside {
  z-index: 99 !important;
}

#scroll {
  z-index: 999;
}

span.font-weight-bold, td.font-weight-bold {
  color: #0a3c5f;
}

.border_top_none {
  border-top: none !important;
}

.table thead th {
  border-bottom: 1px solid #607d8b;
  border-top: 1px solid #607d8b;
  color: #f86a67;
}

.border_top {
  border-top: 1px solid #607d8b !important;
}

.payment_options img {
  width: 60px;
}

@media print {
  .left_aside, .header, .content-header, .footer, .print_btn_section {
    display: none;
  }
}

#search input {
  width: 100%;
}

#tabelizer .header {
  background: transparent;
  position: relative;
}

@media (max-width: 767px) {
  .overflow_x {
    overflow-x: scroll;
  }
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
  stroke: #5aca82;
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
  stroke: #937eff;
}

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
  stroke: #fcb410;
}

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
  stroke: #31d0d6;
}

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
  fill: #5aca82;
}

.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
  fill: #937eff;
}

.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
  fill: #fcb410;
}

.ct-series-d .ct-area, .ct-series-d .ct-slice-pie {
  fill: #31d0d6;
}

.height_350 {
  height: 350px;
}

.btn-outline-white {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  background-image: none;
}

.lockscreen {
  background: url("../../img/lockscreen.png") no-repeat fixed;
  background-size: cover;
}

.login-container {
  background-color: rgba(3, 169, 244, 0.5);
  position: relative;
  width: 280px;
  margin: 33% auto;
  padding: 20px 15px;
  text-align: center;
}

#output {
  position: absolute;
  width: 280px;
  top: -100px;
  left: -15px;
  color: #fff;
}

.form-box input {
  text-align: center;
  height: 40px;
  transition: 0.2s ease-in-out;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

.lockscreen_content {
  padding: 20px 40px 40px;
}

.login_screen {
  background: url("../../img/login_img2.png") no-repeat fixed;
  background-size: cover;
}

.input-group-addon {
  padding: 0.5rem 0.20rem;
}

.custom-control-input:active ~ .custom-control-indicator, .custom-control-indicator {
  background-color: transparent;
  border: 1px solid #fff;
}

.login_box {
  background: rgba(21, 12, 12, 0.4);
  margin-top: 10%;
  margin-bottom: 10%;
}

.login_horizontal_line {
  border-bottom: 1px solid #696060;
}

.login_box img {
  width: 120px;
}

.login_fb, .login_fb:hover, .login_fb:focus {
  background-color: #4867AA;
  color: #fff;
}

.login_google, .login_google:hover, .login_google:focus {
  background-color: #EA4335;
  color: #fff;
}

.login_google.btn-block {
  margin-top: 10px;
}

.has-success .input-group-addon, .has-success .form-control {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  border-bottom: 1px solid #fff;
}

#tryitForm small {
  color: #f86a67;
}

/*=======================forgot password============================*/
.forgot_pwd {
  margin-top: 30%;
  margin-bottom: 25%;
}

.forgot_pwd {
  background-color: rgba(3, 169, 244, 0.5);
}

/*=============================End of forgot password==================*/
/*=============Register==============*/
.register_form .custom-control-description {
  color: #fff !important;
}

/*=============Register end==============*/
/*loader*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100000000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #ffffff;
}

.preloader .preloader_img {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 46%;
  top: 46%;
  background-position: center;
  z-index: 999999;
}

.pre_img {
  width: 60px;
}

/*End of loader*/
.modal {
  top: 0;
}

.modal img {
  width: 75px;
  height: 75px;
}

.header, .footer.fixed-bottom {
  z-index: 100 !important;
}

.left_aside {
  z-index: 99 !important;
}

#scroll {
  z-index: 999;
}

/*---------------alert modals-----------*/
.alert_modals .modal-footer {
  border: none;
}

.justme {
  background-color: #fff;
}

#dropback3 {
  background-color: rgba(1, 1, 1, 0.9);
}

#dropback3 .modal-footer, #dropback3 .modal-header {
  border: none;
}

#dropback3 .modal-content {
  background-color: transparent;
  border: none;
}

/*---------------------asides--------------*/
@media (min-width: 576px) {
  #aside1 .modal-dialog, #aside2 .modal-dialog {
    max-width: 100%;
  }
}

@media (min-width: 576px) {
  #aside3 .modal-dialog, #aside4 .modal-dialog {
    max-width: 350px;
  }
}

#aside2.modal .modal-dialog {
  position: absolute;
  bottom: 0;
}

/*------------------*/
.expandOpen {
  animation-name: expandOpen;
  animation-duration: 1.2s;
  animation-timing-function: ease-out;
  visibility: visible !important;
}

@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}

/*big entrance*/
.bigEntrance {
  animation-name: bigEntrance;
  animation-duration: 1.6s;
  animation-timing-function: ease-out;
  visibility: visible !important;
}

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}

/*slide expand up */
.slideExpandUp {
  animation-name: slideExpandUp;
  animation-duration: 1.6s;
  animation-timing-function: ease-out;
  visibility: visible !important;
}

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    transform: translateY(0%) scaleX(1);
  }
}

/* pulse */
.pulse {
  animation-name: pulse;
  animation-duration: 1.5s;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}

/* tossing */
.tossing {
  animation-name: tossing;
  animation-duration: 2.5s;
}

@keyframes tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}

/* pullUp */
.pullUp {
  animation-name: pullUp;
  animation-duration: 1.1s;
  animation-timing-function: ease-out;
  transform-origin: 50% 100%;
}

@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}

/* pulldown */
.pullDown {
  animation-name: pullDown;
  animation-duration: 1.1s;
  animation-timing-function: ease-out;
  transform-origin: 50% 0;
}

@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}

/* floating */
.floating {
  animation-name: floating;
  animation-duration: 1.5s;
}

@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(8%);
  }
  100% {
    transform: translateY(0%);
  }
}

/* stretchleft */
.stretchLeft {
  animation-name: stretchLeft;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  transform-origin: 100% 0;
}

@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}

/* stretch right */
.stretchRight {
  animation-name: stretchRight;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  transform-origin: 0 0;
}

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}

.modal_border {
  border: 7px solid rgba(1, 1, 1, 0.3);
}

.modal-open .modal, .modal {
  overflow-y: auto;
  overflow-x: hidden;
}

.sample_modal img {
  width: 100px;
}

.sample_modal {
  box-shadow: -2px 0 46px -5px #9e9c9e;
}

.icon-megaphone:before {
  content: "\e64f";
  font-family: themify;
  font-size: 22px;
}

.icon-settings:before {
  content: "\e60f";
  font-family: themify;
  font-size: 22px;
}

/*-----------------no need-------*/
.runner {
  cursor: pointer;
  border-radius: 0;
  margin-right: 10px;
}

.runner.btn-outline-success {
  border: 1px solid #5aca82;
  border-top: 3px solid #5aca82 !important;
}

.runner.btn-outline-danger {
  border: 1px solid #f86a67;
  border-top: 3px solid #f86a67 !important;
}

.runner.btn-outline-primary,
.toastrshow.btn-outline-primary {
  border: 1px solid #329cff;
  border-top: 3px solid #329cff !important;
}

.runner.btn-outline-warning,
.toastrshow.btn-outline-warning {
  border: 1px solid #fcb410;
  border-top: 3px solid #fcb410 !important;
}

.runner.btn-outline-info {
  border: 1px solid #007bb8;
  border-top: 3px solid #007bb8 !important;
}

.runner.btn-outline-purple {
  border: 1px solid #937eff;
  border-top: 3px solid #937eff !important;
}

.runner.btn-outline-mint {
  border: 1px solid #31d0d6;
  border-top: 3px solid #31d0d6 !important;
}

.ns-effect-thumbslider .ns-content {
  background: #31d0d6;
  color: #fff;
}

.ns-effect-exploader {
  background: #5aca82;
  color: #fff;
}

.ns-bar .ns-close::before,
.ns-bar .ns-close::after {
  background: #fff;
  font-size: 16px;
}

.ns-effect-boxspinner {
  background: #fcb410;
}

.ns-effect-loadingcircle {
  background: #937eff;
  border-color: #937eff;
  color: #937eff;
}

#notification-shape {
  display: none;
}

#notification-shape2 path {
  fill: green;
}

.ns-effect-flip {
  background: #5aca82;
}

.ns-effect-jelly {
  background: #fcb410;
}

.ns-box.ns-bar,
.ns-box.ns-show,
.ns-box.ns-visible {
  z-index: 99999999 !important;
}

/*fixed header*/
.fixed_header .notification-shape {
  top: 56px;
}

@media (max-width: 992px) {
  .notification-shape {
    top: 56px;
  }
}

.header,
.footer.fixed-bottom {
  z-index: 100 !important;
}

.left_aside {
  z-index: 99 !important;
}

#scroll {
  z-index: 999;
}

.code_section {
  background-color: #ededed;
  padding: 20px;
}

.runner {
  padding: 7px 18px;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: 300ms;
  cursor: pointer;
  border-radius: 0;
}

.runner.btn-outline-success {
  border: 1px solid #5aca82;
  border-top: 3px solid #5aca82 !important;
}

.runner.btn-outline-danger {
  border: 1px solid #f86a67;
  border-top: 3px solid #f86a67 !important;
}

.runner.btn-outline-primary {
  border: 1px solid #329cff;
  border-top: 3px solid #329cff !important;
}

.runner.btn-outline-warning {
  border: 1px solid #fcb410;
  border-top: 3px solid #fcb410 !important;
}

.runner.btn-outline-info {
  border: 1px solid #007bb8;
  border-top: 3px solid #007bb8 !important;
}

.noty_type_success {
  background-color: #5aca82;
  color: white;
}

.noty_type_error {
  background-color: #f86a67;
}

.noty_type_warning {
  background-color: #fcb410;
  color: white;
}

.noty_type_information {
  background-color: #007bb8;
}

.noty_type_alert {
  background-color: #329cff;
  color: white;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #5aca82;
}

.toast-error {
  background-color: #f86a67;
}

.toast-info {
  background-color: #007bb8;
}

.toast-warning {
  background-color: #fcb410;
}

.toast-black {
  background-color: #2c2c2c;
}

.card-block h4, .ui-pnotify-title, .pf-heading h3 {
  color: #fff;
}

.progress-bar {
  background-color: #5aca82;
}

.ui-pnotify.custom .ui-pnotify-container {
  background-color: #404040 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 10px;
}

.ui-pnotify.custom .ui-pnotify-title, .ui-pnotify.custom .ui-pnotify-text {
  font-family: Arial, Helvetica, sans-serif !important;
  text-shadow: 2px 2px 3px black !important;
  font-size: 10pt !important;
  color: #FFF !important;
  padding-left: 50px !important;
  line-height: 1 !important;
  text-rendering: geometricPrecision !important;
}

.ui-pnotify.custom .ui-pnotify-title {
  font-weight: bold;
}

.ui-pnotify.custom .ui-pnotify-icon {
  float: left;
}

.ui-pnotify.custom .ti-image {
  margin: 3px;
  width: 33px;
  height: 33px;
  font-size: 33px;
  color: #FF0;
}

/*-------------responsive-------------*/
@media (max-width: 767px) {
  html > body > .ui-pnotify {
    bottom: auto !important;
    left: 0 !important;
    margin: 0 !important;
    right: 0 !important;
    top: 60px !important;
    width: auto !important;
  }
  html > body > .ui-pnotify .notification {
    border-radius: 0 !important;
    height: auto !important;
    position: static !important;
    width: 100%;
  }
  html > body > .ui-pnotify .notification .ui-pnotify-title,
  html > body > .ui-pnotify .notification .ui-pnotify-text {
    padding-right: 35px !important;
  }
  html > body > .ui-pnotify .notification .ui-pnotify-sticker {
    display: none !important;
  }
  html > body > .ui-pnotify .notification .ui-pnotify-closer {
    display: block !important;
    font-size: 24px !important;
    visibility: visible !important;
  }
}

.header, .footer.fixed-bottom {
  z-index: 100 !important;
}

.left_aside {
  z-index: 99 !important;
}

#scroll {
  z-index: 999;
}

@media (max-width: 460px) {
  .alert.ui-pnotify-container {
    top: 55px;
  }
}

@media (min-width: 461px) and (max-width: 991px) {
  .alert.ui-pnotify-container {
    top: 25px;
  }
}

#animate_out, #animate_in {
  margin-top: -8px;
}

@media (max-width: 768px) {
  #animate_in {
    margin-bottom: 15px;
  }
}

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
  fill: #007bb8;
}

.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
  fill: #fcb410;
}

.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
  fill: #5aca82;
}

#simple_pie_chart .ct-label {
  color: #fff;
  fill: #fff;
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
  stroke: #329cff;
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
  stroke: #5aca82;
}

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
  stroke: #fcb410;
}

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
  stroke: #f86a67;
}

.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
  stroke: #937eff;
}

.ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut {
  stroke: #31d0d6;
}

.ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut {
  stroke: #007bb8;
}

#label_pie_chart .ct-label {
  color: #536973;
  fill: #536973;
}

@media (max-width: 640px) {
  #label_pie_chart .ct-label {
    color: #fff;
    fill: #fff !important;
  }
}

.price {
  font-size: 42px;
  line-height: 51px;
}

.pricing1 {
  border-radius: 10px;
}

.pricing1_header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.border_success {
  border: 1px solid #5aca82;
}

.border_warning {
  border: 1px solid #fcb410;
}

.border_info {
  border: 1px solid #007bb8;
}

.border_mint {
  border: 1px solid #31d0d6;
}

.border_primary {
  border: 1px solid #329cff;
}

.border_danger {
  border: 1px solid #f86a67;
}

.border_purple {
  border: 1px solid #937eff;
}

.pricing1_buy {
  padding: 15px 20px;
}

.pricing1_body hr {
  margin: 5px 0;
}

.translate_effect {
  position: relative;
  transition: 300ms;
}

.translate_effect:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 10px #ccc, -10px 8px 15px #ccc, 10px 8px 15px #ccc;
}

/*-------------------modal 2-------------*/
.price2 {
  font-size: 40px;
  line-height: 45px;
}

.model2_price_circle {
  margin: auto;
  width: 120px;
  height: 120px;
  position: relative;
  z-index: 99;
  border: 2px solid #fff;
}

.pricing2_body hr {
  margin: 5px 0;
}

.pricing2_price {
  max-height: 100px;
}

.pricing2_header_expert {
  background-color: #0472c7;
}

.pricing2_header_expert2 {
  background-color: #006292;
}

.pricing2_header_basic {
  background-color: #d84035;
}

.pricing2_header_advanced {
  background-color: #614ad4;
}

/*-------------modal 3----------*/
.price3 {
  font-size: 45px;
  line-height: 52px;
}

.pricing3_price {
  border-bottom-right-radius: 145px;
}

.pricing_tables a:focus {
  color: #292b2c;
}

/*------------Dark Table------------*/
.dark_price_layout {
  padding: 0 18px;
}

.bg-dark {
  background-color: #171414;
  border: 1px solid #444643;
  transition: 300ms;
}

.bg-dark i {
  transition: 300ms;
}

.bg-dark:hover {
  border: 1px solid #fff;
  transform: translateY(-5px);
}

.bg-dark:hover i {
  color: #fff !important;
}

.bg-dark:hover .btn {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}

.pricing_dark .list-group-item {
  background-color: transparent;
  display: block;
}

.pricing_dark_header i {
  font-size: 34px;
}

.pricing_dark_price {
  font-size: 30px;
}

.text_light_dark {
  color: #848484;
}

.custom-checkbox .custom-control-input:checked.custom_checkbox_default ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked .custom_checkbox_default {
  background-color: #31d0d6 !important;
}

.custom-checkbox .custom-control-input:checked.custom_checkbox_success ~ .custom-control-label::before {
  background-color: #5aca82 !important;
}

.custom-checkbox .custom-control-input:checked.custom_checkbox_info ~ .custom-control-label::before {
  background-color: #007bb8 !important;
}

.custom-checkbox .custom-control-input:checked.custom_checkbox_warning ~ .custom-control-label::before {
  background-color: #fcb410 !important;
}

.custom-checkbox .custom-control-input:checked.custom_checkbox_primary ~ .custom-control-label::before {
  background-color: #329cff !important;
}

.custom-checkbox .custom-control-input:checked.custom_checkbox_danger ~ .custom-control-label::before {
  background-color: #f86a67 !important;
}

/*------------Transitions-----------*/
.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox .cr,
.radio .cr {
  margin-top: 3px;
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.radio .cr {
  border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 17%;
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
  opacity: .5;
}

.small_font_check {
  font-size: 0.7em;
}

.radio_Checkbox_size2 {
  font-size: 1.5em;
}

.radio_Checkbox_size4 {
  font-size: 1em;
}

.diff_colored_checkbox .btn, .diff_colored_radio .btn {
  margin-right: -2px;
}

.diff_colored_checkbox .btn span.ti-check {
  opacity: 0;
}

.diff_colored_checkbox .btn.active span.ti-check {
  opacity: 1;
}

.diff_colored_radio .btn span.ti-control-record {
  opacity: 0;
}

.diff_colored_radio .btn.active span.ti-control-record {
  opacity: 1;
}

.btn-group label {
  cursor: pointer;
}

.diff_colored_checkbox .btn_danger_rad {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

/*-------------radio buttons------*/
.custom-radio .custom-control-input:checked.custom_checkbox_default ~ .custom-control-label::before {
  background-color: #31d0d6 !important;
}

.custom-radio .custom-control-input:checked.custom_checkbox_success ~ .custom-control-label::before {
  background-color: #5aca82 !important;
}

.custom-radio .custom-control-input:checked.custom_checkbox_info ~ .custom-control-label::before {
  background-color: #007bb8 !important;
}

.custom-radio .custom-control-input:checked.custom_checkbox_warning ~ .custom-control-label::before {
  background-color: #fcb410 !important;
}

.custom-radio .custom-control-input:checked.custom_checkbox_primary ~ .custom-control-label::before {
  background-color: #329cff !important;
}

.custom-radio .custom-control-input:checked.custom_checkbox_danger ~ .custom-control-label::before {
  background-color: #f86a67 !important;
}

.checkbox .cr .cr-icon, .radio .cr .cr-icon {
  left: 11%;
}

.group input[type="radio"], .group input[type="checkbox"] {
  display: none;
}

.toggle.custom, .toggle-on.custom, .toggle-off.custom {
  border-radius: 20rem;
}

.toggle.custom .toggle-handle {
  border-radius: 20rem;
}

.toggle.android {
  border-radius: 0px;
}

.toggle.android .toggle-handle {
  border-radius: 0px;
}

.slow .toggle-group {
  transition: left 0.7s;
  -webkit-transition: left 0.7s;
}

.fast .toggle-group {
  transition: left 0.1s;
  -webkit-transition: left 0.1s;
}

.quick .toggle-group {
  transition: none;
  -webkit-transition: none;
}

div.rating-container {
  position: relative;
}

div.rating-container div.counter {
  display: none;
  position: absolute;
  min-width: 20px;
  padding: 5px;
  font-size: 15px;
  line-height: 0;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  top: 50%;
  right: -50px;
  margin-top: -10px;
  color: white;
}

div.rating-container div.counter:before,
div.rating-container div.counter ::before {
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  margin-top: -5px;
  display: block;
  border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
  border-width: 5px 5px 5px 0;
  left: -10px;
  border-style: solid;
  position: relative;
}

div.rating-container:hover div.counter {
  display: block;
}

div.main-content {
  padding-left: 200px;
  position: relative;
}

.jq-ry-container {
  margin-left: -5px;
}

.barratings_section .dotted {
  min-height: 180px;
}

.counter_stars {
  min-height: 120px;
}

.br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {
  background-color: #fcb410;
}

.br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
  background-color: #329cff;
}

.br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected {
  background-color: #5aca82;
}

.br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {
  border: 2px solid #937eff;
  color: #937eff;
}

.br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected {
  background-color: #f86a67;
}

.br-theme-bars-reversed .br-widget a {
  background-color: rgba(248, 106, 103, 0.44);
}

.br-theme-bars-reversed .br-widget .br-current-rating {
  color: #f86a67;
}

.br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected {
  background-color: #31d0d6;
}

.br-theme-bars-horizontal .br-widget .br-current-rating {
  color: #31d0d6;
}

.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(49, 208, 214, 0.44);
  height: 10px;
  margin-top: 3px;
}

.br-widget {
  margin-top: 30px;
}

.header, .footer.fixed-bottom {
  z-index: 100 !important;
}

.left_aside, .skin_settings, #right_section {
  z-index: 99 !important;
}

#scroll {
  z-index: 999;
}

.timeline {
  list-style: none;
  position: relative;
}

.vertical-tl .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #b1b0af;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 45%;
  padding: 20px;
  position: relative;
  border-radius: 10px;
  background-color: #F5F9FB;
}

.timeline > li > .timeline-badge {
  color: #000;
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 36%;
  left: 50%;
  margin-left: -23px;
  z-index: 100;
  border-radius: 50%;
  cursor: default;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.timeline h5 {
  margin-bottom: 0;
}

.timeline-badge i {
  position: relative;
  top: -1px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .timeline > li > .timeline-panel {
    width: 43%;
  }
}

@media (max-width: 767px) {
  .timeline > li > .timeline-panel {
    width: 40%;
  }
}

@media (max-width: 550px) {
  .vertical-tl .timeline > li > .timeline-panel {
    width: 36%;
    padding: 20px 5px;
  }
  .vertical-tl .timeline > li > .timeline-badge {
    top: 41%;
  }
  .horizontal-tl-top .timeline-badge, .horizontal-tl-bottom .timeline-badge {
    left: 51% !important;
  }
  .horizontal-tl .timeline > li > .timeline-panel {
    padding: 20px 5px;
  }
}

.timeline > li > .timeline-badge {
  color: #ffffff;
  transition: ease 500ms;
}

.tl-list1 .timeline-badge {
  background-color: #0083FE !important;
  border: 1px solid #0083FE;
}

.tl-list1 .timeline-badge:hover {
  background-color: #fff !important;
  color: #0083FE;
}

.tl-list2 .timeline-badge {
  background-color: #fcb410 !important;
  border: 1px solid #fcb410;
}

.tl-list2 .timeline-badge:hover {
  background-color: #fff !important;
  color: #fcb410;
}

.tl-list3 .timeline-badge {
  background-color: #31d0d6 !important;
  border: 1px solid #31d0d6;
}

.tl-list3 .timeline-badge:hover {
  background-color: #fff !important;
  color: #31d0d6;
}

.tl-list4 .timeline-badge {
  background-color: #f86a67 !important;
  border: 1px solid #f86a67;
}

.tl-list4 .timeline-badge:hover {
  background-color: #fff !important;
  color: #f86a67;
}

.tl-list4 .timeline-badge {
  background-color: #937eff !important;
  border: 1px solid #937eff;
}

.tl-list4 .timeline-badge:hover {
  background-color: #fff !important;
  color: #937eff;
}

.tl-list5 .timeline-badge {
  background-color: #5aca82 !important;
  border: 1px solid #5aca82;
}

.tl-list5 .timeline-badge:hover {
  background-color: #fff !important;
  color: #5aca82;
}

.tl-list6 .timeline-badge {
  background-color: #f86a67 !important;
  border: 1px solid #f86a67;
}

.tl-list6 .timeline-badge:hover {
  background-color: #fff !important;
  color: #f86a67;
}

.tl-list1 .timeline-panel {
  border: 1px solid #0083FE;
}

.tl-list1 .arrow-right:after {
  border-left-color: #0083FE;
}

.tl-list2 .timeline-panel {
  border: 1px solid #fcb410;
}

.tl-list2 .arrow-left:after {
  border-right: 10px solid #fcb410;
}

.tl-list3 .timeline-panel {
  border: 1px solid #31d0d6;
}

.tl-list3 .arrow-right:after {
  border-left-color: #31d0d6;
}

.tl-list4 .timeline-panel {
  border: 1px solid #937eff;
}

.tl-list4 .arrow-left:after {
  border-right: 10px solid #937eff;
}

.tl-list5 .timeline-panel {
  border: 1px solid #5aca82;
}

.tl-list5 .arrow-right:after {
  border-left-color: #5aca82;
}

.tl-list6 .timeline-panel {
  border: 1px solid #f86a67;
}

.tl-list6 .arrow-left:after {
  border-right: 10px solid #f86a67;
}

/*--------------------------*/
.arrow-right:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  top: 44%;
  right: -21px;
}

.arrow-left:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  top: 44%;
  left: -21px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.vertical-tl .timeline-time {
  position: absolute;
  top: 45%;
  left: 50%;
  margin-left: 35px;
}

.timeline-time-left {
  position: absolute;
  top: 45%;
  right: 50%;
  left: auto;
  margin-right: 35px;
  margin-left: 0;
}

/*-------------------*/
.timeline-img {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 50px;
  overflow: hidden;
  vertical-align: middle;
  float: left;
}

.timeline-heading {
  display: block;
  padding: 0 0 0 46px;
}

.timeline-heading h5, .timeline-heading p {
  margin-bottom: 5px;
}

@media (max-width: 570px) {
  .timeline-heading {
    display: inline-block;
    padding: 0 0 0 0;
  }
}

.timeline-heading img {
  width: 100px;
  height: 100px;
  margin: 8px;
}

/*---------------------horizontal timeline--------*/
.horizontal-tl .timeline:before {
  bottom: 10px;
  position: absolute;
  content: " ";
  background-color: #b1b0af;
  margin-left: -1.5px;
  top: 49%;
  left: 0;
  width: 100%;
  height: 1px;
  border: 0;
}

.horizontal-tl .timeline-badge {
  transition: ease 500ms;
}

.horizontal-tl-bottom .caret:before {
  content: '';
  display: block;
  position: absolute;
  left: 46%;
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #fcb410;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.horizontal-tl-top .caret:before {
  content: '';
  display: block;
  position: absolute;
  left: 46%;
  top: 100%;
  width: 0;
  height: 0;
  border-top: 10px solid #0083FE;
  border-right: 10px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 10px solid transparent;
}

.horizontal-tl-top .timeline-time {
  position: absolute;
  bottom: -130px;
  left: 39%;
}

.horizontal-tl-bottom .timeline-time {
  position: absolute;
  top: -130px;
  left: 39%;
}

.horizontal-tl-top .timeline-badge {
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  bottom: -90px;
  left: 48%;
  margin-left: -23px;
  z-index: 100;
  border-radius: 50%;
  cursor: default;
}

.horizontal-tl-bottom .timeline-badge {
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: -100px;
  left: 48%;
  margin-left: -23px;
  z-index: 100;
  border-radius: 50%;
  cursor: default;
}

.horizontal-tl-top .timeline-panel {
  margin-bottom: 40px;
}

.horizontal-tl-bottom .timeline-panel {
  margin-top: 40px;
}

@media (max-width: 425px) {
  .horizontal-tl-top .timeline-time {
    left: 25% !important;
    bottom: -120px !important;
  }
  .horizontal-tl-top .timeline-badge {
    bottom: -86px;
  }
  .horizontal-tl-bottom .timeline-badge {
    top: -100px;
  }
  .horizontal-tl-bottom .timeline-time {
    left: 25% !important;
    top: -125px !important;
  }
}

@media (max-width: 767px) {
  .horizontal-tl-top .timeline-time, .horizontal-tl-bottom .timeline-time {
    left: 31%;
  }
}

.img-width-120 {
  width: 120px;
}

.timeline {
  list-style: none;
  position: relative;
}

.left-timeline .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #b1b0af;
  left: 30%;
  margin-left: -1.5px;
}

.right-timeline .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #b1b0af;
  left: 80%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.left-timeline .timeline > li > .timeline-panel {
  width: 45%;
  padding: 20px;
  left: 35%;
  position: relative;
  border-radius: 10px;
}

.left-timeline .timeline > li > .timeline-badge {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 38%;
  left: 30%;
  margin-left: -23px;
  z-index: 100;
  cursor: default;
}

.right-timeline .timeline > li > .timeline-panel {
  width: 45%;
  padding: 20px;
  left: 30%;
  position: relative;
  border-radius: 10px;
}

.right-timeline .timeline > li > .timeline-badge {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 38%;
  left: 80%;
  margin-left: -23px;
  z-index: 100;
  cursor: default;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.timeline h5 {
  margin-bottom: 0;
}

.timeline-badge i {
  position: relative;
  top: -1px;
}

.timeline > li > .timeline-badge {
  color: #ffffff;
  transition: ease 500ms !important;
}

.tl-list1 .timeline-badge {
  background-color: #0083FE;
  border: 1px solid #0083FE;
}

.tl-list1 .timeline-badge:hover {
  background-color: #fff !important;
  color: #0083FE;
}

.tl-list2 .timeline-badge {
  background-color: #fcb410 !important;
  border: 1px solid #fcb410;
}

.tl-list2 .timeline-badge:hover {
  background-color: #fff !important;
  color: #fcb410;
}

.tl-list3 .timeline-badge {
  background-color: #31d0d6 !important;
  border: 1px solid #31d0d6;
}

.tl-list3 .timeline-badge:hover {
  background-color: #fff !important;
  color: #31d0d6;
}

.tl-list4 .timeline-badge {
  background-color: #f86a67 !important;
  border: 1px solid #f86a67;
}

.tl-list4 .timeline-badge:hover {
  background-color: #fff !important;
  color: #f86a67;
}

.tl-list4 .timeline-badge {
  background-color: #937eff !important;
  border: 1px solid #937eff;
}

.tl-list4 .timeline-badge:hover {
  background-color: #fff !important;
  color: #937eff;
}

.tl-list5 .timeline-badge {
  background-color: #5aca82 !important;
  border: 1px solid #5aca82;
}

.tl-list5 .timeline-badge:hover {
  background-color: #fff !important;
  color: #5aca82;
}

.tl-list6 .timeline-badge {
  background-color: #f86a67 !important;
  border: 1px solid #f86a67;
}

.tl-list6 .timeline-badge:hover {
  background-color: #fff !important;
  color: #f86a67;
}

.tl-list1 .timeline-panel {
  border: 1px solid #0083FE;
}

.tl-list1 .arrow-left:after {
  border-right-color: #0083FE;
}

.tl-list2 .timeline-panel {
  border: 1px solid #fcb410;
}

.tl-list2 .arrow-left:after {
  border-right: 10px solid #fcb410;
}

.tl-list3 .timeline-panel {
  border: 1px solid #31d0d6;
}

.tl-list3 .arrow-left:after {
  border-right-color: #31d0d6;
}

.tl-list4 .timeline-panel {
  border: 1px solid #937eff;
}

.tl-list4 .arrow-left:after {
  border-right: 10px solid #937eff;
}

.tl-list1 .arrow-right:after {
  border-left-color: #0083FE;
}

.tl-list2 .arrow-right:after {
  border-left: 10px solid #fcb410;
}

.tl-list3 .arrow-right:after {
  border-left-color: #31d0d6;
}

.tl-list4 .arrow-right:after {
  border-left: 10px solid #937eff;
}

/*--------------------------*/
.arrow-left:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  top: 44%;
  left: -21px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.arrow-right:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  top: 44%;
  right: -21px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.vertical-tl .timeline-time {
  position: absolute;
  top: 45%;
  left: 50%;
  margin-left: 35px;
}

/*-------------------*/
.timeline-img {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 50px;
  overflow: hidden;
  vertical-align: middle;
  float: left;
}

.timeline-heading {
  display: block;
  padding: 0 0 0 46px;
}

.timeline-heading h5, .timeline-heading p {
  margin-bottom: 5px;
}

@media (max-width: 570px) {
  .timeline-heading {
    display: inline-block;
    padding: 0 0 0 0;
  }
}

.timeline-heading img {
  width: 100px;
  height: 100px;
  margin: 8px;
}

@media (min-width: 670px) and (max-width: 850px) {
  .timeline > li > .timeline-panel {
    left: 8%;
  }
}

@media (min-width: 425px) and (max-width: 669px) {
  .timeline > li > .timeline-panel {
    left: 13%;
  }
  .timeline > li > .timeline-badge {
    top: 35%;
  }
}

@media (max-width: 424px) {
  .left-timeline.timeline > li > .timeline-panel {
    left: 17%;
  }
  .left-timeline .timeline > li > .timeline-badge {
    top: 38%;
  }
  .right-timeline.timeline > li > .timeline-panel {
    right: 17%;
  }
  .right-timeline .timeline > li > .timeline-badge {
    top: 38%;
  }
}

@media (max-width: 767px) {
  .left-timeline .timeline:before {
    left: 3%;
  }
  .left-timeline .timeline > li > .timeline-badge {
    left: 3%;
  }
  .left-timeline .timeline > li > .timeline-panel {
    width: 75%;
    left: 20%;
  }
  .right-timeline .timeline:before {
    left: 95%;
  }
  .right-timeline .timeline > li > .timeline-badge {
    left: 95%;
  }
  .right-timeline .timeline > li > .timeline-panel {
    width: 75%;
    left: 5%;
  }
}

/*--------------General timeline css----------------------*/
.timeline4 ul {
  padding: 50px 0;
}

.timeline4 ul li {
  list-style-type: none;
  position: relative;
  width: 1px;
  margin: 0 auto;
  padding-top: 50px;
  background: #a59fa0;
}

.timeline4 ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline4 ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  color: #fff;
}

.timeline4 ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline4 ul li:nth-child(odd) div {
  left: 45px;
  border-width: 8px 16px 8px 0;
}

.timeline4 ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
}

.timeline4 ul li.tl_one div::before {
  border-color: transparent #31d0d6 transparent transparent;
}

.timeline4 ul li.tl_three div::before {
  border-color: transparent #329cff transparent transparent;
}

.timeline4 ul li.tl_two div::before {
  border-color: transparent transparent transparent #fcb410;
}

.timeline4 ul li.tl_four div::before {
  border-color: transparent transparent transparent #5aca82;
}

.timeline4 ul li:nth-child(even) div {
  left: -439px;
}

.timeline4 ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}

.timeline4 ul li::after {
  transition: background .5s ease-in-out;
}

.timeline4 ul .tl_one.in-view::after {
  background: #31d0d6;
}

.timeline4 ul .tl_two.in-view::after {
  background: #fcb410;
}

.timeline4 ul .tl_three.in-view::after {
  background: #329cff;
}

.timeline4 ul .tl_four.in-view::after {
  background: #5aca82;
}

.timeline4 ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.timeline4 ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline4 ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline4 ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 900px) {
  .timeline4 ul li div {
    width: 230px;
  }
  .timeline4 ul li:nth-child(even) div {
    left: -265px;
  }
  .timeline4 ul li:nth-child(odd) div {
    left: 35px;
  }
}

@media (max-width: 600px) {
  .timeline4 ul li {
    margin-left: 5px;
  }
  .timeline4 ul li div {
    width: calc(100vw - 110px);
  }
  .timeline4 ul li:nth-child(even) div {
    left: 35px;
  }
  .timeline4 ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
  }
  .timeline4 ul li.tl_two div::before {
    border-color: transparent #fcb410 transparent transparent;
  }
  .timeline4 ul li.tl_four div::before {
    border-color: transparent #5aca82 transparent transparent;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .timeline4 ul li div {
    width: 280px;
  }
  .timeline4 ul li:nth-child(even) div {
    left: -320px;
  }
}

@media (max-width: 425px) {
  .centered_logo .mce-floatpanel {
    top: 110px !important;
  }
}

.footer.fixed-bottom {
  z-index: 100 !important;
}

#right_section, .skin_settings {
  z-index: 99 !important;
}

#scroll {
  z-index: 999;
}

@media (min-width: 320px) and (max-width: 425px) {
  #mceu_117 {
    left: 10px !important;
  }
  #mceu_130 {
    left: 10px !important;
  }
}

@media (min-width: 768px) {
  #mceu_110 {
    top: 50%;
  }
}

.animate .card {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #9CE3F4 100%);
  border-top: 4px solid #2dc3e8;
}

.ti-control-play {
  font-weight: bolder;
  font-size: 20px;
  color: #536973;
  padding: 5px;
  border: 2px solid #536973;
  border-radius: 20px;
  cursor: pointer;
}

.cover_photo {
  background-image: url("../../img/users/cover_photo1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 20px;
}

.cover_photo img {
  width: 100px;
  height: 100px;
  border: 2px solid #fff;
}

.social_icons div {
  color: #ff6666;
  transition: 200ms;
  width: 40px;
  height: 40px;
  text-align: center;
  margin-right: 15px;
}

.social_icons div i {
  position: relative;
  top: 9px;
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
}

.social_icons div i:hover {
  background-color: #007bb8;
  color: #fff !important;
}

.social_icons div .ti-google:hover {
  background-color: #f86a67;
  color: #fff !important;
}

.social_icons div .ti-twitter:hover {
  background-color: #33CCFF;
  color: #fff !important;
}

.border_bottom {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.user_statistics .progress-bar {
  height: 0.4rem;
}

/*-----------user followed------*/
.user_following, .profile2_aboutme {
  min-height: 250px;
}

.user_following span {
  font-size: 30px;
  line-height: 35px;
}

/*-------------Chat list---------*/
.user_chatlist .list-group-item {
  padding-left: 0;
}

.inbox_contact_img {
  width: 35px;
  height: 35px;
}

.status-online {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #22b24c;
  position: relative;
  top: -11px;
  left: -6px;
  float: left;
}

.status-busy {
  width: 8px;
  height: 8px;
  float: left;
  border-radius: 5px;
  background-color: #8e8e8e;
  position: relative;
  top: -11px;
  left: -6px;
}

.status-away {
  width: 8px;
  height: 8px;
  float: left;
  border-radius: 5px;
  background-color: #f39c12;
  position: relative;
  top: -11px;
  left: -6px;
}

/*------------tab section----------*/
#user_profile th {
  width: 150px;
  padding: 5px;
}

@media (max-width: 577px) {
  .media {
    display: block;
  }
}

/*---------*/
#user_friends .media img {
  width: 70px;
  border: 1px solid #ccc;
}

#user_activities .user_avtar {
  width: 55px;
  border: 1px solid #ccc;
}

.userfrd_online {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #22b24c;
  position: relative;
  top: 8px;
  float: left;
}

.userfrd_offline {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #ccc;
  position: relative;
  top: 8px;
  float: left;
}

/*----------*/
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #555;
  background-color: transparent;
}

.nav-tabs .nav-link {
  border-radius: 0;
}

#user_activities2 a:hover, #user_activities2 a:active, #user_activities2 a:focus, #user_activities2 .active {
  border-top: 2px solid #31d0d6;
  border-bottom: 1px solid #fff;
}

#primary2 a:hover, #primary2 a:active, #primary2 a:focus, #primary2 .active {
  border-top: 2px solid #329cff;
  border-bottom: 1px solid #fff;
}

#social2 a:hover, #social2 a:active, #social2 a:focus, #social2 .active {
  border-top: 2px solid #5aca82;
}

#promotions2 a:hover, #promotions2 a:active, #promotions2 a:focus, #promotions2 .active {
  border-top: 2px solid #937eff;
  border-bottom: 1px solid #fff;
}

.activity_likes .ti-comment {
  font-size: 13px;
  margin-left: 15px;
}

@media (max-width: 424px) {
  .activity_likes .ti-comment {
    margin-left: 9px;
  }
}

.activity_likes span {
  font-size: 18px;
  position: relative;
  top: 3px;
  cursor: pointer;
}

.activity_likes .ti-thumb-down {
  margin-left: 20px;
}

.user_status {
  font-size: 18px;
  padding-left: 10px;
}

.br_0 {
  border-radius: 0;
}

.chat_scroll li {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding: 5px;
}

/*--------------search box-------*/
.input_icon {
  position: relative;
}

.icon_right_input {
  padding-right: 40px;
}

.input_icon_right {
  right: 8px;
}

.input_icon_left, .input_icon_right {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 36px;
  text-align: center;
}

/*--------------Profile2 css----------------*/
.user_profile2_main {
  padding: 0 10px 10px;
}

.user_profile2_main .card {
  margin-top: 15px;
}

.profile2_user {
  width: 85px;
  height: 85px;
  border: 2px solid #fff;
  position: relative;
  top: -20px;
  z-index: 99;
}

.cover_photo2 {
  background-image: url("../../img/widget_bg_img1.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  max-height: 140px;
}

.profile2_frdlist img {
  height: 50px;
  width: 50px;
  border: 1px solid #ccc;
}

.profile2_userprofile td {
  min-width: 90px;
}

.profile2_aboutme span {
  font-size: 18px;
}

.profile2_notifications ul li {
  padding: 5px 0;
  border: 0;
}

.profile2_notifications .badge {
  font-size: 100%;
  border-radius: 0;
}

.profile2_notifications a {
  color: #536973;
}

#search-field {
  padding-left: 20px !important;
}

iframe {
  width: 100%;
  height: 300px;
  border: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .md_hide_msg {
    display: none;
  }
}

/*--------------Delete user--------------------*/
.user_face img {
  width: 35px;
  height: 35px;
}

.user_face {
  min-width: 120px;
}

/*------------------add user--------------------*/
.input_icon_left {
  left: 8px;
}

.input_icon input {
  padding-left: 45px;
}

.fileinput img {
  height: 200px;
  width: 200px;
}

select.form-control:not([size]):not([multiple]) {
  height: 35px;
}

.has-error .help-block {
  color: #f86a67;
  display: block;
  font-size: 13px;
}

.custom-control-indicator {
  top: 2px;
}

.custom-control span, .has-success .col-form-label, .has-success .custom-control {
  color: #536973 !important;
}

#upload2, #upload2 ._imgshow img,
#upload, #upload ._imgshow img {
  width: 230px !important;
  height: 250px !important;
}

#upload._cssimg, #upload2._cssimg {
  position: relative;
}

._imgshow img {
  height: 100%;
}

.user_face img {
  width: 35px;
  height: 35px;
}

.user_face {
  min-width: 120px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 20px;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td, .table-bordered td {
  vertical-align: middle;
}

/*------------------*/
.ion-range-slider .slider.slider-horizontal {
  width: 100%;
}

.ion-range-slider #red_color .slider-selection, .ion-range-slider #red_color .slider-handle, .ion-range-slider #ex1Slider .slider-selection,
.ion-range-slider #ex1Slider .slider-handle, .ion-range-slider #bootstrap_slider5 .slider-selection, .ion-range-slider #bootstrap_slider5 .slider-handle {
  background: #f86a67;
}

.ion-range-slider #blue_color .slider-selection, .ion-range-slider #blue_color .slider-handle, .ion-range-slider #bootstrap_slider2 .slider-selection,
.ion-range-slider #bootstrap_slider2 .slider-handle {
  background: #329cff;
}

.ion-range-slider #green_color .slider-selection, .ion-range-slider #green_color .slider-handle, .ion-range-slider #bootstrap_slider6 .slider-selection,
.ion-range-slider #bootstrap_slider6 .slider-handle {
  background: #5aca82;
}

.ion-range-slider .slider-selection.tick-slider-selection {
  background-image: linear-gradient(to bottom, #329cff 0, #329cff 100%) !important;
}

.ion-range-slider #bootstrap_slider9 .slider-selection, .ion-range-slider #bootstrap_slider9 .slider-handle {
  background: #fcb410;
}

.ion-range-slider #RGB_color {
  height: 100px;
  background: gray;
}

.docs-demo {
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 2px;
}

.img-container {
  max-height: 497px;
  min-height: 200px;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 497px;
  }
}

.img-preview {
  float: left;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  overflow: hidden;
}

.preview-lg {
  height: 9rem;
  width: 16rem;
}

.preview-md {
  height: 4.5rem;
  width: 8rem;
}

.preview-sm {
  height: 2.25rem;
  width: 4rem;
}

.preview-xs {
  height: 1.125rem;
  margin-right: 0;
  width: 2rem;
}

.docs-data > .input-group {
  margin-bottom: 0.5rem;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-bottom: 0.5rem;
  margin-right: 0.25rem;
}

.docs-tooltip {
  display: block;
  margin: -0.5rem -0.75rem;
  padding: 0.5rem 0.75rem;
}

.docs-tooltip > .icon {
  margin: 0 -0.25rem;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner,
.btn-toggle .tooltip-inner {
  white-space: nowrap;
}

@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -1rem !important;
  }
  .btn-group-crop > .btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .btn-group-crop .docs-tooltip {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}

/* ================ 1.Reset css========================== */
.pointer {
  cursor: pointer;
}

.list-group .list-group-item {
  display: block;
}

.alert-link:hover {
  opacity: 1;
}

.nav-item .nav-link.active, .nav-item .nav-link.active:hover, .nav-item .nav-link.active:focus {
  background-color: #329cff;
  color: #fff;
}

@media (max-width: 1023px) {
  .menu_search .input_icon {
    display: none;
  }
}

@media (max-width: 767px) {
  .nav_header .fullscreen {
    display: none;
  }
}

.menu_search input {
  margin-top: 2px;
  height: 30px;
  width: 180px;
  background-color: #fafafa;
}

.menu_search {
  margin-left: 25px;
}

.modal {
  top: 56px;
}

/*=====================end Form elaments css=========================== */
/*=========================7 widget pages css====================*/
/*start chat widget css*/
#mask_currency1 {
  text-align: right;
}

#mask_decimal {
  text-align: right;
}

.client_count {
  font-size: 40px;
  line-height: 45px;
}

/*===================echarts========================*/
.echart_tooltip .header {
  z-index: 99999999;
}

.dropdown-fontname li a {
  color: #329cff;
}

.dropdown-fontname li a:hover {
  color: #0076e5;
}

.pagination-lg .page-link {
  margin-top: 0px;
}

.pagination-lg {
  margin-top: 10px;
}