@import 'https://fonts.googleapis.com/css?family=Lora|Abril+Fatface|Baloo+Paaji|Baloo+Tamma|Bitter|Cinzel|Cinzel+Decorative|Droid+Serif|Lobster|Monoton|Pacifico|Playfair+Display:900|Righteous|Shrikhand|Sigmar+One|Suez+One|Indie+Flower';
/**********************************some default class***************************************/
.main-color {
  background-color: #1b6d85 !important; }

.bg-white {
  background: #fff;
  background: #f9f2f4; }

.red {
  color: #e51c23; }

.modal {
  background-color: #fff; }

.margin-top-15 {
  margin-top: 15px; }

.underline {
  border-bottom: 2px black solid; }

.border-1p-gray {
  border: 1px #c7ddef solid; }

/*************************************base ********************************************/
* {
  margin: 0px;
  padding: 0px; }

body {
  position: relative;
  overflow: auto; }

.detail .index-header {
  border-radius: 5px; }

.detail .panel {
  border: 3px #c7ddef solid !important; }
  .detail .panel .panel-heading {
    background: #c7ddef !important; }
    .detail .panel .panel-heading span {
      color: #1b6d85 !important; }

/***********************************Index**************************************/
.index-header {
  color: #fff !important;
  font-family: 'Lato', sans-serif; }
  .index-header h1, .index-header h2, .index-header h3, .index-header h4, .index-header h5, .index-header h6, .index-header p, .index-header i {
    color: #fff !important; }
  .index-header .headline {
    font-family: 'Cinzel Decorative', cursive; }
  .index-header .group {
    color: #fff;
    font-family: 'Monoton', cursive; }

.index-body {
  min-height: 55vh;
  margin: 35px 25px; }

.index-footer {
  padding: 15px;
  color: #fff; }
  .index-footer .paragraph {
    font-size: 14px;
    font-family: 'Baloo Tamma', cursive; }

/************************************home*************************************/
.home-body {
  margin-top: 100px;
  min-height: 78vh; }

.home-header {
  border-radius: 0 0 15px 15px; }
  .home-header .home-brand {
    background: #c7ddef; }

/***********************************main-panel**********************************/
.main-panel {
  margin-top: 70px;
  min-height: 80vh;
  overflow: hidden; }
  .main-panel thead tr th:nth-of-type(1), .main-panel tbody tr td:nth-of-type(1) {
    background: #398439;
    color: white;
    position: absolute; }
  .main-panel thead tr th:nth-of-type(2), .main-panel tbody tr td:nth-of-type(2) {
    padding-left: 50px; }

#search {
  height: 60px;
  width: 130px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 20px;
  background-color: white;
  background-image: url("searchicon.png");
  background-position: 10px 18px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  transition: width 0.4s ease-in-out; }

#search:focus {
  width: 100%; }

.pointer-disabled {
  pointer-events: none; }

/*# sourceMappingURL=app.css.map */