/* text-color */
.text-white{
    color: #fff !important;
}
.text-black{
    color: #333333 !important;
}
.text-success{
    color: #4dbd74 !important;
}
.text-info{
    color: #63c2de !important;
}
.text-warning{
    color: #ffc107 !important;
}
.text-danger{
    color: #f63c3a !important;
}

/* bg-color */
.bg-white{
    background-color: #fff !important;
    color: #333333 !important;
}
.bg-dark{
    background-color: #333333 !important;
    color: #fff !important;
}
.bg-success{
    background-color: #4dbd74 !important;
    color: #fff !important;
}
.bg-info{
    background-color: #63c2de !important;
    color: #fff !important;
}
.bg-warning{
    background-color: #efba19 !important;
    color: #fff !important;
}
.bg-danger{
    background-color: #f63c3a !important;
    color: #fff !important;
}
.bg-orrange{
  background-color: #ff9a1d !important;
  color: #fff !important;
}
.bg-pink{
  background-color: #e870c3 !important;
  color: #fff !important;
}
.bg-transparent {
    background-color: transparent!important;
}
.bg-gray {
    background-color: #e3e3e3!important;
}
.bg-blue{
  background-color: #115faa!important;
  color: #fff !important;
}
.bg-orange{
  background-color: #ea7c0f!important;
  color: #fff !important;
}
.bg-green{
  background-color: #11aa3a!important;
  color: #fff !important;
}

/* btn-color */
.btn-success {
    color: #fff !important;
    background-color: #4dbd74 !important;
    border-color: #4dbd74 !important;
}
.btn-success:hover {
    color: #fff !important;
    background-color: #3ea662 !important;
    border-color: #3a9d5d !important;
}
.btn-info {
    color: #fff !important;
    background-color: #63c2de !important;
    border-color: #63c2de !important;
}
.btn-info:hover {
    color: #fff !important;
    background-color: #43b6d7 !important;
    border-color: #39b2d5 !important;
}
.btn-warning {
    color: #23282c !important;
    background-color: #efba19 !important;
    border-color: #efba19 !important;
}
.btn-warning:hover {
    color: #23282c !important;
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}
.btn-danger{
    color: #fff !important;
    background-color: #f63c3a !important;
    border-color: #f5302e !important; 
}
.btn-danger:hover {
    color: #fff !important;
    background-color: #f64846 !important;
    border-color: #f63c3a !important;
}

.btn-dark {
    color: #fff !important;
    background-color: #565656 !important;
    border-color: #565656 !important;
}
.btn-dark:hover {
    color: #fff !important;
    background-color: #23272b !important;
    border-color: #1d2124 !important;
}
.btn-outline-dark {
    color: #343a40 !important ;
    background-color: transparent !important ;
    background-image: none !important ;
    border-color: #343a40 !important ;
}
.btn-outline-dark:hover {
    color: #fff !important ;
    background-color: #7a7a7a !important ;
    border-color: #7a7a7a !important ;
}
.btn.disabled, .btn:disabled, .btn.aspNetDisabled {
    opacity: .25;
}

/* btn-outline-color */
.btn-outline-success {
    color: #4dbd74 !important ;
    background-color: transparent !important ;
    border-color: #4dbd74 !important ;
}
.btn-outline-success:hover {
    color: #fff !important ;
    background-color: #4dbd74 !important ;
    border-color: #4dbd74 !important ;
}
.btn-outline-info {
    color: #43b6d7 !important ;
    background-color: transparent !important ;
    border-color: #43b6d7 !important ;
}
.btn-outline-info:hover {
    color: #fff !important ;
    background-color: #43b6d7 !important ;
    border-color: #43b6d7 !important ;
}
.btn-outline-warning {
    color: #ffc107 !important ;
    background-color: transparent !important ;
    border-color: #ffc107 !important ;
}
.btn-outline-warning:hover {
    color: #23282c !important ;
    background-color: #ffc107 !important ;
    border-color: #ffc107 !important ;
}
.btn-outline-danger {
    color: #f86c6b !important ;
    background-color: transparent !important ;
    border-color: #f86c6b !important ;
}
.btn-outline-danger:hover {
    color: #fff !important ;
    background-color: #f86c6b !important ;
    border-color: #f86c6b !important ;
}

/* badge-color */
.badge-success {
    color: #fff !important;
    background-color: #4dbd74 !important;
    border-color: #4dbd74 !important;
}
.badge-info {
    color: #fff !important;
    background-color: #63c2de !important;
    border-color: #63c2de !important;
}
.badge-warning {
    color: #23282c !important;
    background-color: #efba19 !important;
    border-color: #efba19 !important;
}
.badge-danegr{
    color: #fff !important;
    background-color: #f63c3a !important;
    border-color: #f5302e !important; 
}
.badge-dark {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

/* border-color */
.border-success {
    border-color: #28a745!important;
}
.border-danger {
    border-color: #dc3545!important;
}
.border-warning {
    border-color: #efba19!important;
}
.border-info {
    border-color: #17a2b8!important;
}
.border-dark {
    border-color: #343a40!important;
}
.border-white{
    border-color: #fff;
}

/* datepicker */
 .ui-datepicker-trigger{
    height: 20px;
    vertical-align: middle;
  }
  .ui-widget-content {
    border: 1px solid #ddd;
    background: #1195aa;
    color: #fff;
  }
  .ui-widget-header {
    border: 1px solid #8dd6d3;
    background: #8dd6d3;
    color: #000;
    font-weight: bold;
}
  .ui-datepicker-calendar>thead{
    background: #1195aa;
  }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
      border: 1px solid #5cc4c0;
      background: #5cc4c0 !important;
      font-weight: normal;
      color: #ffffff;
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
      border: 1px solid #4bff00;
      background: #4860d4 !important;
      color: #ffffff!important;
      font-weight: bold;
    }
    .ui-datepicker td {
      border: 0;
      padding: 1px;
    }
    .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #54f7ff;
    background: #b3ffe6;
    font-weight: normal;
    color: #fbff02;
}