body {
  background-color: #e1e6ef !important;
}
.text-primary-black {
  color: #333333 !important;
}

.navigation > li ul li a {
  padding: 10px 10px !important;
  padding-left: 20px !important;
}

.label-thin {
  font-weight: normal !important;
}

/*.a.btn.btn-link.btn-float.has-text:hover {
  background-color: #79ba7b !important;
}*/


/** DATA TABLE EXTENDED STYLE : 1 : BIG : START ----------------- */
    .datatable-header {
        padding-bottom: 10px !important;
    }
    /*.datatable_search_input {
        display: block !important;
    }*/
    .datatable_search_input span {
        background-color: #95c0ed !important;
        border-color: #6fa3db !important;
        color: #ffffff !important;
    }
    .datatable_search_input input {
        width: 100% !important;
        border-left: none !important;
        border-top: solid 1px #6fa3db !important;
        border-right: solid 1px #6fa3db !important;
        border-bottom: solid 1px #6fa3db !important;
        border-radius: 0px !important;
    }

    .dt-search label {
        display: block !important;
    }
    input.dt-input {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    a.text-danger:hover, a.text-danger:focus {
        color: #fff !important;
        background-color: #f44336 !important;
    }

    .row_num {
        width: 70px;
        text-align: left;
    }
    .row_action {
        width: 180px !important;
        text-align: right;
    }

    select.dt-input, input.dt-input {
			height: 36px !important;
			padding: 7px 12px !important;
			margin: 0px 0px !important;
			font-size: 13px !important;
			line-height: 1.5384616 !important;
			color: #333333 !important;
			background-color: #ffffff !important;
			background-image: none !important;
			/*border: 1px solid #dddddd !important;
			border-radius: 3px !important;*/
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		}
/** DATA TABLE EXTENDED STYLE : 1 : BIG : START ----------------- */




/** LOADER ANIMATION : 1 : BIG : START ----------------- */
  .lds-roller,
  .lds-roller div,
  .lds-roller div:after {
      box-sizing: border-box;
  }
  .lds-roller {
      display: inline-block;
      position: relative;
      width: 80px;
      height: 80px;
      color: #73aae6;
  }
  .lds-roller div {
      animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      transform-origin: 40px 40px;
  }
  .lds-roller div:after {
      content: " ";
      display: block;
      position: absolute;
      width: 7.2px;
      height: 7.2px;
      border-radius: 50%;
      background: currentColor;
      margin: -3.6px 0 0 -3.6px;
  }
  .lds-roller div:nth-child(1) {
      animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
      top: 62.62742px;
      left: 62.62742px;
  }
  .lds-roller div:nth-child(2) {
      animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
      top: 67.71281px;
      left: 56px;
  }
  /*.lds-roller div:nth-child(3) {
    *Test*
  }*/
  .lds-roller div:nth-child(3):after {
      top: 70.90963px;
      left: 48.28221px;
  }
  .lds-roller div:nth-child(4) {
      animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
      top: 72px;
      left: 40px;
  }
  .lds-roller div:nth-child(5) {
      animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
      top: 70.90963px;
      left: 31.71779px;
  }
  .lds-roller div:nth-child(6) {
      animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
      top: 67.71281px;
      left: 24px;
  }
  .lds-roller div:nth-child(7) {
      animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
      top: 62.62742px;
      left: 17.37258px;
  }
  .lds-roller div:nth-child(8) {
      animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
      top: 56px;
      left: 12.28719px;
  }
  @keyframes lds-roller {
      0% {
          transform: rotate(0deg);
      }
      100% {
          transform: rotate(360deg);
      }
  }
/** LOADER ANIMATION : 1 : BIG : END ----------------- */





/** LOADER ANIMATION : 1 : SMALL : START ----------------- */
  .loader {
      width: 48px;
      height: 48px;
      border: 5px solid;
      border-color: #6798CE transparent;
      border-radius: 50%;
      display: inline-block;
      box-sizing: border-box;
      animation: rotation 1s linear infinite;
  }

  @keyframes rotation {
      0% {
          transform: rotate(0deg);
      }
      100% {
          transform: rotate(360deg);
      }
  } 
/** LOADER ANIMATION : 1 : SMALL : END ----------------- */






/* Badge | List Group Item ===================== */
.badge {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.list-group-item {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: dotted 1px #666666 !important;
}

.list-group .active {
  background-color: #2196F3;
  border-color: #2196F3; }
  .list-group .active:hover, .list-group .active:focus, .list-group .active:active {
    background-color: #2196F3;
    border-color: #2196F3; }
  .list-group .active .list-group-item-text {
    color: #dfe9f1;
    font-size: 13px; }
    .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus {
      color: #dfe9f1; }

.list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text {
  color: #dfe9f1; }

.list-group .list-group-item:first-child, .list-group .list-group-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.list-group .list-group-item .list-group-item-heading {
  font-weight: bold;
  font-size: 17px; }

.list-group .list-group-item-success {
  background-color: #2b982b;
  border: none;
  color: #fff; }
  .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus {
    background-color: #2b982b;
    color: #fff;
    opacity: 0.8; }

.list-group .list-group-item-info {
  background-color: #00b0e4;
  border: none;
  color: #fff; }
  .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus {
    background-color: #00b0e4;
    color: #fff;
    opacity: 0.8; }

.list-group .list-group-item-warning {
  background-color: #ff9600;
  border: none;
  color: #fff; }
  .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus {
    background-color: #ff9600;
    color: #fff;
    opacity: 0.8; }

.list-group .list-group-item-danger {
  background-color: #fb483a;
  border: none;
  color: #fff; }
  .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus {
    background-color: #fb483a;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-red {
  stroke: #F44336; }

.list-group .list-group-bg-red {
  background-color: #F44336;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus {
    background-color: #F44336;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-pink {
  stroke: #E91E63; }

.list-group .list-group-bg-pink {
  background-color: #E91E63;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus {
    background-color: #E91E63;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-purple {
  stroke: #9C27B0; }

.list-group .list-group-bg-purple {
  background-color: #9C27B0;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus {
    background-color: #9C27B0;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-deep-purple {
  stroke: #673AB7; }

.list-group .list-group-bg-deep-purple {
  background-color: #673AB7;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus {
    background-color: #673AB7;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-indigo {
  stroke: #3F51B5; }

.list-group .list-group-bg-indigo {
  background-color: #3F51B5;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus {
    background-color: #3F51B5;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-blue {
  stroke: #2196F3; }

.list-group .list-group-bg-blue {
  background-color: #2196F3;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus {
    background-color: #2196F3;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-light-blue {
  stroke: #03A9F4; }

.list-group .list-group-bg-light-blue {
  background-color: #03A9F4;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus {
    background-color: #03A9F4;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-cyan {
  stroke: #00BCD4; }

.list-group .list-group-bg-cyan {
  background-color: #00BCD4;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus {
    background-color: #00BCD4;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-teal {
  stroke: #009688; }

.list-group .list-group-bg-teal {
  background-color: #009688;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus {
    background-color: #009688;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-green {
  stroke: #4CAF50; }

.list-group .list-group-bg-green {
  background-color: #4CAF50;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus {
    background-color: #4CAF50;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-light-green {
  stroke: #8BC34A; }

.list-group .list-group-bg-light-green {
  background-color: #8BC34A;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus {
    background-color: #8BC34A;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-lime {
  stroke: #CDDC39; }

.list-group .list-group-bg-lime {
  background-color: #CDDC39;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus {
    background-color: #CDDC39;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-yellow {
  stroke: #ffe821; }

.list-group .list-group-bg-yellow {
  background-color: #ffe821;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus {
    background-color: #ffe821;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-amber {
  stroke: #FFC107; }

.list-group .list-group-bg-amber {
  background-color: #FFC107;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus {
    background-color: #FFC107;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-orange {
  stroke: #FF9800; }

.list-group .list-group-bg-orange {
  background-color: #FF9800;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus {
    background-color: #FF9800;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-deep-orange {
  stroke: #FF5722; }

.list-group .list-group-bg-deep-orange {
  background-color: #FF5722;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus {
    background-color: #FF5722;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-brown {
  stroke: #795548; }

.list-group .list-group-bg-brown {
  background-color: #795548;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus {
    background-color: #795548;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-grey {
  stroke: #9E9E9E; }

.list-group .list-group-bg-grey {
  background-color: #9E9E9E;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus {
    background-color: #9E9E9E;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-blue-grey {
  stroke: #607D8B; }

.list-group .list-group-bg-blue-grey {
  background-color: #607D8B;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus {
    background-color: #607D8B;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-black {
  stroke: #000000; }

.list-group .list-group-bg-black {
  background-color: #000000;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus {
    background-color: #000000;
    color: #fff;
    opacity: 0.8; }

.list-group .pl-white {
  stroke: #ffffff; }

.list-group .list-group-bg-white {
  background-color: #ffffff;
  border: none;
  color: #fff; }
  .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus {
    background-color: #ffffff;
    color: #fff;
    opacity: 0.8; }


/**
    MODAL DIALOG EXTENDED STYLES
*/
.modal-content {
  padding: 4px !important;
  border: solid 6px #acc6db !important;
  border-radius: 4px !important;
}
.modal-header {
  padding: 10px !important;
}
.modal-body {
  max-height: 500px !important;
  overflow-y: auto !important;
}
.modal-footer {
  padding: 10px !important;
}
@media (min-width: 769px) {
  .modal-dialog {
    width: 80% !important;
  }
}