@media (min-width: 1200px) {
  .sidenav.fixed-start + .main-content {
  margin-left: 16.125rem !important;
  }
  }

  .g-sidenav-hidden .navbar-vertical.fixed-start + .main-content {
  margin-left: 5px !important;
  }

  .rapidcard {
	width: calc(100% ) !important;
	height: calc(100vh - 44px) !important;
	padding-bottom: 20px;	  
  }
  
  .container-fluid {
	padding-left: 5px !important;
	padding-right: 8px !important;
  }
  
  .dataTable-wrapper .dataTable-top {
  padding: 0px !important;
  }
  
  .datatable-table{
	font-size: 0.875rem !important;
  }
  
  .rowdetail{
	cursor:pointer;	 
  }
  
  .card{
	border-top-width: 1px !important;
	border-radius: 0px !important;
  }
  
  .dark-version >* .form-control {
	color: white ;
  }
    
  .dark-version >* .nav.nav-pills {
	background: #3a4b5b !important ;
  }
  
  .dark-version >* .nav.nav-pills .nav-link {
	color: #fff !important ;
  }
  
  .dark-version >* .nav.nav-pills .nav-link .active {
	background-color: #344767 !important ;
  }
  
  .choicescenter > .choices > .choices__inner {
	  text-align: center; 
  }
	  
  .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important; 
}
 
 .modal-header {
   padding: 8px !important;
 }

 .modal-footer {
	padding: 4px !important;
  }

  .modal-body {
	padding: 0px !important;
  }
  
  /* FAB */
  .fab {
	background-color: transparent;
	height: 48px;
	width: 48px;
	border-radius: 24px;
	transition: height 300ms;
	transition-timing-function: ease;
	position: absolute;
	right: 20px;
	bottom: 5px;
	text-align: center;
	overflow: hidden;
  }
  
  .fab.fabthree:hover {
	height: 224px; // 
  }
  
  .fab.fabtwo:hover {
	height: 170px; // five
  }
  
  .fab.fabone:hover {
	height: 120px; // five
  }
  
  .fab:hover .mainop {
	transform: rotate(180deg);
  }
  
  .mainop {
	margin: auto;
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: transform 300ms;
	background-color: #5088d8;
	border-radius: 24px;
	z-index: 6;
	cursor:pointer;
  }
  
  .mainopShadow {
	width: 48px;
	height: 48px;
	border-radius: 24px;
	position: absolute;
	right: 50px;
	bottom: 50px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  .mainop i {
	margin-top: 7px;
	font-size: 32px;
	color: #fff;
  }
  
  .minifab {
	font-size: 23px;
	cursor:pointer;
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	z-index: 5;
	float: left;
	margin-bottom: 8px;
	/* margin-left: 8px;
	margin-right: 8px; */
	background-color: blue;
	transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  
  .minifab:hover {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  .minifabIcon {
	height: 24px;
	width: 24px;
	margin-top: 12px;
  }
  
  .fab-action {
	position: absolute;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: White;
	background-color: #374764;
	transition: all 1s ease;
  }
  
  .material-lg {
	font-size: 26px !important;
	position: relative !important;
	top: -1px !important;
	left: -13px !important;
  }
  
  .btn-icon {
	width: 48px;
	height:48px;
  }
  
  .btn-back {
	width: 42px;
	height:42px;
	padding-left: 20px;
	padding-right: 20px;
  }
  
  .btn-save {
	color:white;
	background-color: green;
	position:absolute;
	right:20px;
	bottom: -10px;
	z-index:999;
  }
  
  .pulsating-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 30px;
	height: 30px;
	
	&:before {
	  content: '';
	  position: relative;
	  display: block;
	  width: 300%;
	  height: 300%;
	  box-sizing: border-box;
	  margin-left: -100%;
	  margin-top: -100%;
	  border-radius: 45px;
	  background-color: #01a4e9;
	  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
	}
	
	&:after {
	  content: '';
	  position: absolute;
	  left: 0; 
	  top: 0;
	  display: block;
	  width: 100%;
	  height: 100%;
	  background-color: white;
	  border-radius: 15px;
	  box-shadow: 0 0 8px rgba(0,0,0,.3);
	  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
	}
  }
  
  @keyframes pulse-ring {
	0% {
	  transform: scale(.33);
	}
	80%, 100% {
	  opacity: 0;
	}
  }
  
  @keyframes pulse-dot {
	0% {
	  transform: scale(.8);
	}
	50% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(.8);
	}
  }