body {
   font-family: "Source Sans Pro",
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol" !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
   font-size: 14px !important;
}

/*
img .roundedcorder {
   border-radius: 5px;
}

.card {
   border: 1px solid #ddd;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.bg-logotheme {
   background-color: #955C6C !important;
   color: #fff !important;
}

label {
   font-weight: 500 !important;
   font-size: 90% !important;
   margin-bottom: 1px !important;
}

.nav-sidebar .nav-header {
   padding: 5px !important;
   margin-bottom: 2px !important;
}

.nav-link {
   padding: 3px !important;
}


.loader-div {
   display: none;
   position: fixed;
   margin: 0px;
   padding: 0px;
   right: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-color: #fff;
   z-index: 30001;
   opacity: 0.8;
}

.loader-img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}

hr{
   margin-bottom: 5px;
   margin-top: 5px;
}


.callout
{
   padding: 0.5rem;
}

.callout a{
   text-decoration: none !important;
}
*/
.mandetory {
   color: red;
}

.text-gray {
   color: #6c757d !important;
}

.border-radius-1 {
   border-radius: 1px;
}

.border-radius-2 {
   border-radius: 2px;
}

.border-radius-3 {
   border-radius: 3px;
}

.border-radius-5 {
   border-radius: 5px;
}

.border-radius-10 {
   border-radius: 10px;
}

.bg-gradient-light {
   background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
   color: #1f2d3d;
}

.bg-gradient-success {
   background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
   color: #1f2d3d;
}

.bg-gradient-danger {
   background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
   color: #1f2d3d;
}

.bg-gradient-warning {
   background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
   color: #1f2d3d;
}

.panel-relative {
   position: relative;
}

.ribbon-wrapper2 {
   height: 70px;
   overflow: hidden;
   position: absolute;
   right: -2px;
   top: -2px;
   width: 70px;
   z-index: 5;
}

.ribbon-wrapper2.ribbon-lg {
   height: 120px;
   width: 120px;
}

.ribbon-wrapper2.ribbon-lg .ribbon {
   right: 0;
   top: 26px;
   width: 160px;
}

.ribbon-wrapper2.ribbon-xl {
   height: 180px;
   width: 180px;
}

.ribbon-wrapper2.ribbon-xl .ribbon {
   right: 4px;
   top: 47px;
   width: 240px;
}

.ribbon-wrapper2 .ribbon {
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   /*font-size: 0.8rem;*/
   line-height: 100%;
   padding: 0.375rem 0;
   position: relative;
   right: -2px;
   text-align: center;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
   text-transform: uppercase;
   top: 10px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 90px;
}

.ribbon-wrapper2 .ribbon::before,
.ribbon-wrapper2 .ribbon::after {
   border-left: 3px solid transparent;
   border-right: 3px solid transparent;
   border-top: 3px solid #9e9e9e;
   bottom: -3px;
   content: "";
   position: absolute;
}

.ribbon-wrapper2 .ribbon::before {
   left: 0;
}

.ribbon-wrapper2 .ribbon::after {
   right: 0;
}


.border-top {
   border-top: 1px solid #dee2e6 !important;
}

.border-success {
   border-color: #28a745 !important;
}

.border-danger {
   border-color: #dc3545 !important;
}

body {
   color: rgb(51, 51, 51) !important;
}


.margin-bottom-5 {
   margin-bottom: 5px;
}

.dataTables_filter input {
   border: 1px solid #ced4da !important;
}

.bg-warning-light {
   background-color: #ffb136 !important;
   color: #fff
}

.header-icon {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   object-fit: cover;
   margin-right: 10px;
}

.panel-heading strong {
   font-size: 16px !important;
   color: #111111 !important;
   text-transform: uppercase !important;
}

.panel-heading small {
   font-size: 11px;
   color: #6c757d;
   text-transform: none !important;
}

.panel-footer {
   overflow: auto !important;
}

label {
   font-size: 12px !important;
   font-weight: 600 !important;
   color: rgb(51, 51, 51) !important;
}


.table {
   border-radius: 10px !important;
}

.table thead tr:first-child th:first-child {
   border-top-left-radius: 10px !important;
}

.table thead tr:last-child th:last-child {
   border-top-right-radius: 20px !important;
}

.table>thead {
   background-color: #f1f7fb !important;
   color: #fff !important;
   text-transform: uppercase !important;
   font-size: 12px !important;
}

.btn {
   font-weight: 550 !important;
}

.btn-primary {
   background-color: #0473e8 !important;
   border: 2px solid #0283cc !important;
}

.btn-success {
   background-color: #04cb3f !important;
   border: 2px solid #06c155 !important;
}

.btn-warning {
   background-color: #f6a018 !important;
   border: 2px solid #f29e1a !important;
}

.btn-orange-light {
   background-color: #fef1e5 !important;
   color: #cd4503 !important;
}

.btn-green-light {
   background-color: #b6f8ca !important;
   color: #03a734 !important;
}

.navbar-header,
.right-sidebar .rpanel-title {

   background: #ed1c24;
   /*
   background: #d93c17;
   background: -moz-linear-gradient(left, #d93c17 1%, #ff704f 100%);
   background: -webkit-linear-gradient(left, #d93c17 1%, #ff704f 100%);
   background: linear-gradient(to right, #d93c17 1%, #ff704f 100%);*/
   background-image: url('/themehor/images/header-back.jpg');

   /*background-size: cover;*/
   background-repeat: no-repeat;
   background-position: right;
}

.top-left-part {
   max-width: 300px;
   float: left;
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   padding-left: 10px !important;
}

@media (max-width: 768px) {
   .top-left-part {
      /*width: 100% !important;
      max-width: 100% !important;
      text-align: center !important;
      text-align: center !important;
      //float: none !important;
      */
      display: none !important;
   }
}
.navbar-header .navbar-toggle {
   color: #222 !important;
}

.sidebar-nav, .sidebar{
   background: #111111 !important;
}
.sidebar-nav ul#side-menu li a {
   color: #fff !important;
}

@media (min-width: 768px) {
   .sidebar-nav #side-menu>li>ul{
      background: #111111 !important;
   }
}

.para{
   padding: 15px !important;
   border-radius: 5px;
}

.para-info {
   background: #eaf2fb !important;
   color: #20426a !important;
}

.para-orange {
   background: #f9eac3 !important;
   color: #b67307 !important;
}

.para-green {
   background: #bff8db !important;
   color: #0aa837 !important;
}

.para-red {
   background: #f9c3c3 !important;
   color: #b60707 !important;
}

.icon-info-circle {
   background: #dae9fa !important;
   color: #20426a !important;
   font-weight: 600 !important;
   padding: 10px !important;
   border-radius: 50% !important;
   position: relative; 
}
.icon-info-square {
   background: #eaf2fb !important;
   color: #20426a !important;
   font-weight: 600 !important;
   padding: 10px !important;
   border-radius: 20% !important;
   position: relative;
}
.icon-green-square {
   background: #bff8db !important;
   color: #0aa837 !important;
   font-weight: 600 !important;
   padding: 10px !important;
   border-radius: 20% !important;
   position: relative;
}
.icon-orange-square {
   background: #f9eac3 !important;
   color: #b67307 !important;
   font-weight: 600 !important;
   padding: 10px !important;
   border-radius: 20% !important;
   position: relative;
}
.m-r-5
{
   margin-right: 5px !important;
}

.center-items{
   display: flex;
   align-items: center;
}

strong {
   color: inherit !important;
}

.divtypetr {
   border-collapse: separate !important;
   border-spacing: 0 8px !important;
}

.footer{
   padding: 0 !important;
}

.select2-container--default .select2-selection--single{
   padding: 5px 10px !important;
   border: 1px solid #e5ebec !important;
   height: 38px !important;
}