#loading {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.5;
   background-color: #fff;
   z-index: 99999;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}
.page-title{
  margin-top: 30px;
  line-height: 24px;
  font-size: 20px;
  vertical-align: middle;
}
.page-title2{
  margin-top: 40px;
}
.page-title-box {
  text-align: center;
  color:#fff;
  background: #78c842;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.03);
  padding-top: 7px;
}

/*Custom CSS */
.bg { 
  background: linear-gradient(rgba(100, 107, 152, 0.45), rgba(100, 107, 152, 0.45)), url(../img/background.jpg);
  background-size: cover;
  background-repeat: no-repeat  center center fixed;
}
.login-wrapper{
  width: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
}
.login{
  max-width: 420px;
  background: #78C842;
  border-radius: 10px;
  margin: 8% auto;
}
.login-header{
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
}
.login-footer{
  height: 20px;
}
.alert {
    padding: 7px;
    border: none;
}
.form-control {
    border: 1px solid #eaeaec;
    webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.control-label{
  color: #797979 !important;
}
.form-control-feedback {
    position: absolute;
    top: 0px;
    right: 10px !important;
    z-index: 3;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.has-error .form-control-feedback {color: #dc143c;}
.has-success .form-control-feedback {color: #78C842;}
.form-control:focus, .has-success .form-control:focus,  .has-error .form-control:focus{border: 1px solid #00c0ef;  box-shadow: none !important;}

.input-group-addon{
  background-color: #eaeaec;
  border: 1px solid #eaeaec;
}

.input-group .form-control{
  position: initial;
}

.has-error .input-group-addon, .has-success .input-group-addon{
  color: #555;
  background-color: #eaeaec;
  border-color: 1px solid #00c0ef;
  border-color: #eaeaec;
}

.has-error .form-control, .has-success .form-control{
  border-color: #eaeaec;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dataTables_wrapper .export-data {
  position: absolute;
  right: 170px;
  top: 0px;
}
.dt-buttons .btn {padding: 4px 10px }
div.dataTables_filter label {
  font-weight: normal;
  float: right;
}
.dataTables_filter .fa-search {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  right: 10px;
  bottom: 5px;
  color: #ADADAD;
}


table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
}
.table .form-control{
  height: 30px !important;
}
.dataTables_wrapper table thead tr th:active {
  outline: none;
}
.dataTables_wrapper table thead tr th.sorting_asc,
.dataTables_wrapper table thead tr th.sorting_desc {
  color: #303641;
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
  font-weight: 400;
  color: #303641;
}
.table {
  width: 100% !important;
  margin-bottom: 17px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ebebeb;
}
.table > thead > tr > th .progress,
.table > tbody > tr > th .progress,
.table > tfoot > tr > th .progress,
.table > thead > tr > td .progress,
.table > tbody > tr > td .progress,
.table > tfoot > tr > td .progress {
  margin-bottom: 0;
}
.table > thead > tr > th .label,
.table > tbody > tr > th .label,
.table > tfoot > tr > th .label,
.table > thead > tr > td .label,
.table > tbody > tr > td .label,
.table > tfoot > tr > td .label {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ebebeb;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ebebeb;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ebebeb;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ebebeb;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #f5f5f6 !important;
  border-bottom-width: 1px;
  color: #a6a7aa;
}
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  background-color: #f5f5f6 !important;
  border-top-width: 1px;
  color: #a6a7aa;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f8f8f8;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f2f2f4;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f2f2f4;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f2f2f4;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e5e5e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #bdedbc;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #a9e8a8;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #c5e8f7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #afdff4;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #ffefa4;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #ffeb8a;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #ffc9c9;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ffafaf;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 12.75px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0px;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
table > tbody > tr.highlight > td,
table > tbody > tr.highlight > th {
  background-color: #f1f2f4 !important;
  color: #303641;
}
.table > thead > tr > .middle-align,
.table > tbody > tr > .middle-align,
.table > tfoot > tr > .middle-align {
  vertical-align: middle;
}
.table-info{color :#000 !important;}
tbody .btn {padding: 3px 8px; margin-right: 5px}
.select2-container{
  width:100% !important;
}
.select2-container--focus .select2-selection--single{
  border: 1px solid #00c0ef !important;
}
.select2-container--default .select2-selection--single{
    webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.select2-container .select2-selection--single{
  height: 34px !important;
}
.select2-dropdown{
  border: 1px solid #eaeaec !important;
}
.select2-search input{
  border: 1px solid #eaeaec;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
   border: 1px solid #eaeaec;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 34px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
  border: 1px solid #eaeaec !important;
}
.select2-container--default .select2-selection--multiple{
  border: 1px solid #eaeaec !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

            
.calendar {
    font-family: Arial, Verdana, Sans-serif;
    width: 100%;
    border-collapse: collapse;
}
#calendar-wrapper .col-md-4{
  padding-left: 0px;
  padding-right: 0px;
}
.next_date{
  text-align: right;
  font-size: 18px;
}
.calendar-heading{
  text-align: center;
  font-size: 18px;
}
.prev_date{
  font-size: 18px;
}

.calendar tbody tr:first-child th {
    color: #505050;
    margin: 0 0 10px 0;
}
.calendar thead tr th{
  text-align: center;
}

.day_header {
    font-weight: normal;
    text-align: center;
    color: #757575;
    font-size: 10px;
}

.calendar td {
    width: 14%; /* Force all cells to be about the same width regardless of content */
    border:1px solid #ccc;
    height: 70px;
    vertical-align: top;
    font-size: 10px;
    padding: 0;
}

.calendar td:hover {
    background: #F3F3F3;
}

.day_listing {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #2C2C2C;
    padding: 5px 5px 0 0;
}

div.today {
    background: #E9EFF7;
    height: 100%;
} 
.day_content{
  text-align:  center;
  font-size: 12px;
  color:red;
}
.comment {
    margin: 20px 0px;
}
.comment i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 47px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    float: left;
    margin-top: 2px;
}
.bg-red {
    background-color: #f75353 !important;
}
.comment p {
    margin-left: 60px;
    background: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.03), 0px 0px 2px rgba(0,0,0,0.03);
    border: 1px solid #e7e7e7;
    font-size: 12px;
    line-height: 26px;
    color: #999;
    position: relative;
}
.comment p span{
    display: block;
}
.comment p:after, .comment p:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.comment p:before {
    border-color: rgba(231, 231, 231, 0);
    border-right-color: #e1e1e1;
    border-width: 9px;
    margin-top: -9px;
}
.comment p:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 8px;
    margin-top: -8px;
}
.secondary-header {
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 20px;
  width: 100%;
  background-color: #FFF;
  min-height: 55px;
}
.dataTables_length{
    text-align:left !important;
}
div.dataTables_wrapper div.dataTables_paginate{
    text-align:right !important;
}
@media (max-width: 550px) {
  .export-data {
    display: none;
  }
}
.content-page{
    margin-bottom: 50px;
}




.symbol_selector{
  width: 20%;
  display: inline-block;
  margin-right: 3%;
  padding-right: 0px !important;
}
.numeric{
  width: 77%;
  display: inline-block;
}
.numeric2{
  width: 76%;
  display: inline-block;
}

@media (max-width: 420px) {
  .numeric2{
    width: 75%;
  }
}