/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import url("../../../../fonts/google/fonts_css.css?family=Poppins:300,400,500,600,700");
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

/*******************
/*Top bar
*******************/
.navbar-header-public {
  background-color: #d45d79 !important;
  width: 100% !important;
}

.topbar {
  background: #d45d79 !important;
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: #ffffff !important;
}

/*******************
/*General Elements
*******************/
a {
  color: #d45d79;
}

a.link:hover, a.link:focus {
  color: #d45d79;
}

.bg-theme {
  background-color: #d45d79 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #d45d79 !important;
  border-color: #d45d79 !important;
  color: #fff !important;
}

.right-sidebar .rpanel-title {
  background: #d45d79 !important;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #d45d79 !important;
}

.text-themecolor {
  color: #d45d79 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #d45d79 !important;
  color: #d45d79 !important;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #d45d79 !important;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #d45d79 !important;
  color: #ffffff;
  border: 1px solid #d45d79 !important;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #d45d79 !important;
  opacity: 0.7;
  border: 1px solid #d45d79 !important;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #028ee1;
}

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
  background: #fff;
}

.sidebar-nav ul li a {
  color: #607d8b !important;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #d45d79 !important;
}

.sidebar-nav ul li a.active {
  color: #263238;
}

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff !important;
  background: #d45d79 !important;
}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #ffffff !important;
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff !important;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #d45d79 !important;
}

.sidebar-nav > ul > li > a i {
  color: #99abb4 !important;
}

.sidebar-nav > ul > li > a.active {
  font-weight: 400;
  background: #ffffff;
  color: #d45d79 !important;
}

.sidebar-nav > ul > .sidebar-item > .sidebar-link.active > i {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-color: #d45d79 !important;
  color: #fff !important;
  opacity: 1;
  font-weight: 400;
}

.sidebar-nav > ul > .sidebar-item > .sidebar-link.active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-color: #d45d79 !important;
  color: #fff !important;
  opacity: 1;
  font-weight: 400;
}

.left-sidebar .sidebar-footer a {
  color: #d45d79 !important;
  text-align: center;
  font-size: 18px;
}

/**
 Custom changes
 **/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
	background: #10A3CC !important;
}

.topbar ul.dropdown-user li a:hover {
	color: #10A3CC !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	border: 1px solid #65AD8B !important;
	background-color: #65AD8B !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	border: 1px solid #65AD8B !important;
	background-color: #65AD8B !important;	
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 1px solid #BDDDBA !important;
	background-color: #BDDDBA !important; 
}


.btn-info,
.btn-info.disabled {
  background: #d45d79;
  color: #ffffff;
  border: 1px solid #d45d79;
}

.btn-info:hover,
.btn-info.disabled:hover {
  background: #d45d79;
  opacity: 0.7;
  border: 1px solid #f01e28;
}


.btn-info.active, .btn-info:focus,
.btn-info.disabled.active,
.btn-info.disabled:focus {
  background: #d45d79 !important;
}


/*
 * Custom Tooltips
 */
/*******************
Stylish tooltip
******************/
.mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i {
  opacity: 1;
  font-size: 18px;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }

.mytooltip:hover .tooltip-content4, .mytooltip:hover .tooltip-text2 {
  pointer-events: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.mytooltip {
  display: inline;
  position: relative;
  z-index: 9999;
}

.mytooltip:hover .tooltip-item::after {
  pointer-events: auto;
}

.mytooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.mytooltip:hover .tooltip-content3 {
  opacity: 1;
  pointer-events: auto;
  transform: scale3d(1, 1, 1);
}

.mytooltip:hover .tooltip-item2 {
  color: #ffffff;
  transform: translate3d(0, -0.5em, 0);
}

.mytooltip:hover .tooltip-content5 {
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}

.mytooltip:hover .tooltip-text3 {
  transition-delay: 0s;
  transform: scale3d(1, 1, 1);
}

.mytooltip:hover .tooltip-inner2 {
  transition-delay: 0.3s;
  transform: translate3d(0, 0, 0);
}

.tooltip-item {
  background: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  padding: 0 10px;
}

.tooltip-item::after {
  content: '';
  position: absolute;
  width: 360px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  pointer-events: none;
  transform: translateX(-50%);
}

.tooltip-content {
  position: absolute;
  z-index: 9999;
  width: 360px;
  left: 50%;
  padding: 10px;
  margin: 0 0 20px -180px;
  bottom: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
  box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
  background: #2b2b2b;
  opacity: 0;
  cursor: default;
  pointer-events: none;
}

.tooltip-content img {
  position: relative;
  height: 140px;
  display: block;
  float: left;
  margin-right: 1em;
}

.tooltip-effect-5 .tooltip-content {
  width: 180px;
  margin-left: -90px;
  transform-origin: 50% calc(106%);
  transform: rotate3d(0, 0, 1, 15deg);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39);
}

.tooltip-effect-5 .tooltip-text {
  padding: 1.4em;
}

.tooltip-content::after {
  content: '';
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #2a3035;
  border-width: 10px;
  margin-left: -10px;
}

.tooltip-text {
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding: 1.31em 1.21em 1.21em 0;
  color: #ffffff;
}

.tooltip-content2 {
  position: absolute;
  z-index: 9999;
  width: 80px;
  height: 80px;
  padding-top: 25px;
  left: 50%;
  margin-left: -40px;
  bottom: 100%;
  border-radius: 50%;
  text-align: center;
  background: #009efb;
  color: #ffffff;
  opacity: 0;
  margin-bottom: 20px;
  cursor: default;
  pointer-events: none;
}

.tooltip-content2 i {
  opacity: 0;
}

.tooltip-effect-6 .tooltip-content2 {
  transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
  transform-origin: 50% 100%;
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-6 .tooltip-content2 i {
  transform: scale3d(0, 0, 1);
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-6:hover .tooltip-content2 i {
  transform: rotate3d(1, 1, 1, 0);
}

.tooltip-content2::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -7px 0 0 -15px;
  width: 30px;
  height: 20px;
  background: url(../../assets/images/tooltip/tooltip1.svg) no-repeat center center;
  background-size: 100%;
}

.tooltip-content3 {
  position: absolute;
  background: url(../../assets/images/tooltip/shape1.svg) no-repeat center bottom;
  background-size: 100% 100%;
  z-index: 9999;
  width: 200px;
  bottom: 100%;
  left: 50%;
  margin-left: -100px;
  padding: 50px 30px;
  text-align: center;
  color: #ffffff;
  opacity: 0;
  cursor: default;
  font-size: 14;
  line-height: 27px;
  pointer-events: none;
  transform: scale3d(0.1, 0.2, 1);
  transform-origin: 50% 120%;
  transition: opacity 0.4s, transform 0.4s;
  transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1);
}

.tooltip-content3::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  left: 50%;
  margin-left: -8px;
  top: 100%;
  background: #00aeef;
  transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
}

.tooltip-item2 {
  color: #f01e28;
}

.tooltip-content4 {
  position: absolute;
  width: 550px;
  margin-left: -275px;
  text-align: left;
  background: #d7d7d7;
  opacity: 0;
  font-size: 14px;
  line-height: 27px;
  padding: 1.5em;
  border-bottom: 55px solid #004b9b;
  color: #000000;
}

.tooltip-content4 a {
  color: #004b9b;
}

.tooltip-text2 {
  opacity: 0;
  transform: translate3d(0, 1.5em, 0);
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-content5 {
  position: absolute;
  z-index: 9999;
  width: 300px;
  left: 50%;
  bottom: 100%;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  font-weight: 400;
  color: #ffffff;
  background: transparent;
  opacity: 0;
  margin: 0 0 20px -150px;
  cursor: default;
  pointer-events: none;
  transition: opacity 0.3s 0.3s;
}

.tooltip-content5 span {
  display: block;
}

.tooltip-text3 {
  border-bottom: 10px solid #009efb;
  overflow: hidden;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s 0.3s;
}

.tooltip-inner2 {
  background: #2b2b2b;
  padding: 40px;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s;
}

.tooltip-content5::after {
  content: '';
  bottom: -20px;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #009efb;
  border-width: 10px;
  margin-left: -10px;
}

.tooltip-effect-1 .tooltip-content {
  transform: translate3d(0, -10px, 0);
  transition: opacity 0.3s, transform 0.3s;
  color: #ffffff;
}

.tooltip-effect-2 .tooltip-content {
  transform-origin: 50% calc(110%);
  transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
  transition: opacity 0.2s, transform 0.2s;
}

.tooltip-effect-3 .tooltip-content {
  transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-4 .tooltip-content {
  transform-origin: 50% 100%;
  transform: scale3d(0.7, 0.3, 1);
  transition: opacity 0.2s, transform 0.2s;
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
  transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

a.mytooltip {
  font-weight: 500;
  color: #009efb;
}

.tooltip-effect-7 .tooltip-content2 {
  transform: translate3d(0, 10px, 0);
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-7 .tooltip-content2 i {
  transform: translate3d(0, 15px, 0);
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-8 .tooltip-content2 {
  transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
  transform-origin: 50% 100%;
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-8 .tooltip-content2 i {
  transform: scale3d(0, 0, 1);
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-9 .tooltip-content2 {
  transform: translate3d(0, -20px, 0);
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-9 .tooltip-content2 i {
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.3s, transform 0.3s;
}


.cicolor { background-color: #d45d79 !important;
}


[type="radio"].radio-col-ci:checked + label:after {
  background-color: #d45d79 !important;
  border-color: #d45d79 !important;
  animation: ripple 0.2s linear forwards; }

[type="radio"].with-gap.radio-col-ci:checked + label:before {
  border: 2px solid #d45d79 !important;
  animation: ripple 0.2s linear forwards; }

[type="radio"].with-gap.radio-col-ci:checked + label:after {
  background-color: #d45d79 !important;
  border: 2px solid #d45d79 !important;
  animation: ripple 0.2s linear forwards; }

.progress-bar.bg-info {
  background-color: #10a3cc !important;
}

.progress-bar.bg-danger {
  background-color: #e1a7a7 !important;
}

.progress-bar.bg-success {
  background-color: #d45d79 !important;
}