@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Poppins-latin/poppins-v15-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Poppins'), local('Poppins'),
      url('../fonts/Poppins-latin/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('../fonts/Poppins-latin/poppins-v15-latin-regular.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('../fonts/Poppins-latin/poppins-v15-latin-regular.woff') format('woff'),
      /* Modern Browsers */
      url('../fonts/Poppins-latin/poppins-v15-latin-regular.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('../fonts/Poppins-latin/poppins-v15-latin-regular.svg#Poppins') format('svg');
    /* Legacy iOS */
  }
  
  body {
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 1.36;
    background-color: #f0f2f5;
    color: #000;
  }
  
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Poppins';
    font-weight: 500;
    line-height: 1;
    color: inherit;
  }
  
  .alert-custom {
    padding: 15px;
    background-color: #2196F3;
    color: white;
  }
  
  /* Edited By Cream : 05/11/21 : Change card login */
  .card {
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    border: 2px solid #fff;
    border-radius: 10px;
  }
  
  /* Edited By Cream : 05/11/21 : Change padding-top title*/
  .auth img.logo {
    padding-top: 20px;
  }
  
  /* Edited By Cream : 05/11/21 : Change bg title */
  .auth-container .auth-content {
    background-color: #fff;
    border-radius: 10px;
  }
  
  /* Edited By Cream : 05/11/21 : Change bg input form */
  .cell.col-sm-12.form-group {
    background-color: #fff;
  }
  
  /* Edited By Cream : 08/11/21 : Change margin form in repoge page */
  .panel-body .no-side-margin {
    margin-left: 15px;
    margin-right: 15px;
  }
  
  /* Edited By Cream : 08/11/21 : Change bg color form in repoge page */
  .table tr.accented {
    background-color: #fff;
  }
  
  /* Edited By Cream : 08/11/21 : Change bg color list in repoge page */
  .table td.accented {
    background-color: #fff;
  }
  
  /* Edited By Cream : 08/11/21 : Change border color in repoge page */
  .table-bordered>tbody>tr>th,
  .table-bordered>tbody>tr>td {
    border: 1px solid #ededed;
  }
  
  /* Edited By Cream : 08/11/21 : Build body pricing page */
  .body-pricing {
    background-color: #fff;
    margin-top: 60px;
    height: auto;
    padding: 10px;
  }
  
  /* Edited By Cream : 08/11/21 : Build flex box pricing page */
  .flex-pricing {
    display: flex;
    justify-content: center;
  }
  
  /* Edited By Cream : 08/11/21 : Build standard price box */
  .standard-price-box {
    border: 1px solid #FFDC00;
    width: 27%;
    margin: 5px;
    border-radius: 10px;
    padding: 10px;
  }
  
  /* Edited By Cream : 08/11/21 : Build enterprise price box */
  .enterprise-price-box {
    border: 1px solid #3888ff;
    width: 27%;
    margin: 5px;
    border-radius: 10px;
    padding: 10px;
    background-color: #3888ff;
  }
  
  /* Edited By Cream : 08/11/21 : Build line in price box */
  .line-pricing {
    border: 1px solid #ededed;
  }
  
  /* Edited By Cream : 08/11/21 : Build line in price box */
  .limited-line-pricing {
    border: 1px solid #fff;
  }
  
  /* Edited By Cream : 08/11/21 : Build cost in price box */
  .cost {
    font-size: 42px;
    font-weight: bold;
  }
  
  /* Edited By Cream : 08/11/21 : Build color detail in price box */
  .detail-price {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
  }
  
  
  /* Edited By Cream : 08/11/21 : Build free trial standard button */
  .free-trial01 {
    margin-top: 10px;
    background-color: #CECECE;
    color: #3888FF;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 17%);
    border: 1px solid #cecece;
    border-radius: 5px;
    width: 120px;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
  }
  
  /* Edited By Cream : 08/11/21 : Build free trial limited edition button */
  .free-trial02 {
    margin-top: 10px;
    background-color: #3888ff;
    color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 17%);
    border: 1px solid #3888ff;
    border-radius: 5px;
    width: 120px;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
  }
  
  /* Edited By Cream : 08/11/21 : Build title price */
  .standard-title {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px;
  }
  
  /* Edited By Cream : 08/11/21 : Build nav-bar price detail */
  .tablink {
    background-color: #3888ff;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 14px;
    width: 25%;
  }
  
  /* Edited By Cream : 08/11/21 : Build nav-bar price detail hover */
  .tablink:hover {
    background-color: #8FBBFE;
  }
  
  /* Edited By Cream : 08/11/21 : Build content price detail */
  .tabcontent {
    color: #000;
    display: none;
    padding: 50px 20px;
    height: 100%;
  }
  
  /* Edited By Cream : 08/11/21 : Build box detail comparison */
  .form-price {
    margin-top: 20px;
    padding: 20px;
  }
  
  /* Edited By Cream : 08/11/21 : Edit bg alert in storage viewer page */
  .alert-custom {
    background-color: #3888ff;
  }
  
  /* Edited By Cream : 08/11/21 : Edit panel tools bar bg and color viewer page */
  .panel-default.note-editor>.panel-heading .btn-default {
    background-color: #3888ff !important;
    border-color: #3888ff !important;
    color: #fff;
  }
  
  /* Edited By Cream : 08/11/21 : Edit result button in report page */
  span.fas.fa-chart-bar.report-button {
    color: #fff;
  }
  
  /* Edited By Cream : 09/11/21 : Edit navbar in main page */
  .navbar-inverse .navbar-nav>li>a:hover {
    color: #8FBBFE !important;
    background-color: #e2e5e9;
    border-radius: 150px;
  }
  
  .navbar-inverse .navbar-nav>li>a:focus {
    color: #fff !important;
    background-color: #3888ff;
    border-radius: 150px;
  }
  
  
  /* Edited By Cream : 09/11/21 : Edit border in stream page */
  li.list-group-item.list-row {
    border: 1px solid #3888ff !important;
    border-radius: 10px;
    margin: 10px;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
  }
  
  /* Edited By Cream : 09/11/21 : Edit bg post color in stream page */
  .list-group-item.active,
  .list-group-item.active:focus {
    background-color: #F3F3F9 !important;
    border-color: #F3F3F9 !important;
  }
  
  /* Edited By Cream : 09/11/21 : Edit margin on upload file button in stream page */
  label.attach-file-label>span.btn {
    margin: 5px;
  }
  
  /* Edited By Cream : 09/11/21 : Edit bg color on post in stream page */
  .list>ul {
    margin-bottom: 0;
    background-color: #fff;
    padding: 5px;
  }
  
  /* Edited By Cream : 09/11/21 : Edit bg color in stream page */
  .row.stream {
    background-color: #fff;
    padding-top: 10px;
    border-radius: 5px;
  }
  
  /* Edited By Max : 24/11/21 : Edit bg color in calendar page */
  a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable {
    background-color: #FFDC00 !important;
    border: 1px solid #fff;
    border-radius: 5px !important;
  }
  
  /* Edited By Cream : 09/11/21 : Edit bg color hover in stream page */
  .panel-body .list-group-item:hover {
    background-color: #fff;
  }
  
  /* Edited By Cream : 09/11/21 : Edit title head in any page */
  .a-header-custom {
    color: #FFDC00 !important;
  }
  
  /* Edited By Cream : 10/11/21 : Edit title head in any page */
  .a-header-custom {
    color: #3888FF !important;
  }
  
  /* Edited By Cream : 10/11/21 : Edit border-radius in opportunities page */
  div.list-kanban>div>table .item .panel {
    border-radius: 10px;
  }
  
  /* Edited By Cream : 10/11/21 : Edit border-radius in opportunities page */
  div.list-kanban>div>table .item .panel .panel-body {
    border: 1px solid #606060;
    border-radius: 10px;
  }
  
  /* Edited By Cream : 10/11/21 : Edit margin in opportunities page */
  div.list-kanban>div>table .item {
    margin: 5px;
    margin-top: 0px;
  }
  
  /* Edited By Cream : 10/11/21 : Edit hover button in calendar view */
  .datepicker table tr td.day:hover,
  .datepicker table tr td.focused {
    background: #8FBBFE;
  }
  
  /* Edited By Cream : 10/11/21 : Edit active button in calendar view */
  .datepicker table tr td.today {
    color: #000;
    background-color: #FFDC00;
    border-color: #FFDC00;
  }
  
  /* Edited By Cream : 10/11/21 : Edit active button select in calendar view */
  .datepicker table tr td.active.active,
  .datepicker table tr td.active.highlighted.active,
  .datepicker table tr td.active.highlighted:active,
  .datepicker table tr td.active:active,
  .open>.dropdown-toggle.datepicker table tr td.active,
  .open>.dropdown-toggle.datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #3888ff;
    border-color: #3888ff;
  }
  
  /* Edited By Cream : 10/11/21 : Edit hover button select in calendar view */
  .datepicker table tr td.active.active.focus,
  .datepicker table tr td.active.active:focus,
  .datepicker table tr td.active.active:hover,
  .datepicker table tr td.active.highlighted.active.focus,
  .datepicker table tr td.active.highlighted.active:focus,
  .datepicker table tr td.active.highlighted.active:hover,
  .datepicker table tr td.active.highlighted:active.focus,
  .datepicker table tr td.active.highlighted:active:focus,
  .datepicker table tr td.active.highlighted:active:hover,
  .datepicker table tr td.active:active.focus,
  .datepicker table tr td.active:active:focus,
  .datepicker table tr td.active:active:hover,
  .open>.dropdown-toggle.datepicker table tr td.active.focus,
  .open>.dropdown-toggle.datepicker table tr td.active.highlighted.focus,
  .open>.dropdown-toggle.datepicker table tr td.active.highlighted:focus,
  .open>.dropdown-toggle.datepicker table tr td.active.highlighted:hover,
  .open>.dropdown-toggle.datepicker table tr td.active:focus,
  .open>.dropdown-toggle.datepicker table tr td.active:hover {
    color: #fff;
    background-color: #8FBBFE;
    border-color: #8FBBFE;
  }
  
  /* Edited By Cream : 11/11/21 : Edit timeline in calendar view */
  .calendar-container>.calendar,
  .calendar-container>.timeline {
    background-color: #fff;
  }
  
  /* Edited By Cream : 11/11/21 : Edit bg color on timeline in calendar page */
  .vis-current-time {
    background-color: #3888ff !important;
  }
  
  /* Edited By Cream : 11/11/21 : Edit box in calendar page */
  a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable {
    background-color: #fff !important;
    border: 1px solid #3888ff !important;
    border-radius: 5px !important;
    padding: 6px;
  }
  
  /* Edited By Cream : 15/11/21 : Edit dashboard dashlet */
  .grid-stack-item-content.dashlet-container {
    border: 1px solid #3888ff;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  
  /* Edited By Cream : 24/11/21 : Edit table in pricing page */
  #detailprice {
    font-family: 'Poppins';
    border-collapse: collapse;
    width: 100%;
  }
  
  #detailprice td,
  #detailprice th {
    border: 1px solid #ddd;
    padding: 8px;
  }
  
  #detailprice tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  
  #detailprice th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #3888ff;
    color: white;
  }
  
  #detailprice th.head-detail-price {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #FFDC00;
    color: #000;
  }
  
  /* Edited By Cream : 25/11/21 : Edit box in pricing page */
  .pro-price-box {
    border: 1px solid #FFDC00;
    width: 27%;
    margin: 5px;
    border-radius: 10px;
    padding: 10px;
    background-color: #ffdc00;
  }
  
  /* Edited By Cream : 25/11/21 : Edit title color in pricing page */
  .enter-title {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff;
  }
  
  /* Edited By Cream : 25/11/21 : Edit font color and size in pricing page */
  .detail-enter-price {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
  }
  
  /* Edited By Cream : 25/11/21 : Edit cost color in pricing page */
  .cost-enter {
    font-size: 42px;
    font-weight: bold;
    color: #FFDC00
  }
  
  /* Edited By Cream : 25/11/21 : Build free trial enterprise button */
  .free-trial03 {
    margin-top: 10px;
    background-color: #FFDC00;
    color: #000;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 17%);
    border: 1px solid #FFDC00;
    border-radius: 5px;
    width: 120px;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
  }
  
  /* Edited By Cream : 08/11/21 : Edit detail check in comparison on pricing page */
  img.correct-price {
    background-color: #2FDD92;
    border-radius: 50%;
  }
  
  /* Edited By Cream : 08/11/21 : Edit detail clear in comparison on pricing page */
  img.clear-price {
    background-color: #FF5151;
    border-radius: 50%;
  }
  
  /* Edited By Cream : 08/11/21 : Edit icon align in comparison on pricing page */
  td.center-icon-price {
    text-align: center;
  }
  
  /* Edited By Cream : 01/12/21 : Edit margin panal in call page */
  .panel-body.panel-body-form.panel-body-side-custom {
    margin-bottom: 30px;
  }
  
  /* Edited By Cream : 01/12/21 : Edit side bar bg color */
  ul.nav.navbar-nav.tabs {
    background-color: #f0f2f5;
  }
  
  /* Edited By Cream : 02/12/21 : Edit side bar bg color active */
  .navbar-inverse .navbar-nav>.active>a,
  .navbar-inverse .navbar-nav>.active>a:focus,
  .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #3888ff;
    border-radius: 150px;
    box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 17%);
  
  }
  
  /* Edited By Cream : 02/12/21 : Edit scroll bar bg color */
  ::-webkit-scrollbar-track {
    background: #F3F3F9 !important;
  }
  
  /* Edited By Cream : 02/12/21 : Edit border color in dashlet list */
  .table-bordered>tbody>tr>th,
  .table-bordered>tbody>tr>td {
    border: 1px solid #ABABAB;
  }
  
  /* Edited By Cream : 02/12/21 : Edit title table color in dashlet list */
  .text-soft {
    color: #00309B;
  }
  
  /* Edited By Cream : 02/12/21 : Edit hover badget in top navbar */
  a.notifications-button-custom:hover,
  a.notifications-button-custom:active,
  a.notifications-button-custom:focus {
    color: #8FBBFE !important;
    background-color: #e2e5e9 !important;
    border-radius: 0px !important;
    margin: 0px !important;
  }
  
  /* Edited By Cream : 02/12/21 : Edit hover badget in top navbar */
  a.dropdown-toggle-custom:hover,
  a.dropdown-toggle-custom:active,
  a.dropdown-toggle-custom:focus {
    color: #3888ff !important;
    background-color: #e2e5e9 !important;
    border-radius: 0px !important;
    margin: 0px !important;
  }
  
  /* Edited By Cream : 02/12/21 : Edit hover badget in top navbar */
  a.dropdown-toggle-custom:hover,
  a.dropdown-toggle-custom:active,
  a.dropdown-toggle-custom:focus {
    color: #8FBBFE !important;
    background-color: unset !important;
    border-radius: 0px !important;
    margin: 0px !important;
  }
  
  /* Edited By Cream : 02/12/21 : Edit dropdown paddingt in top navbar */
  .dropdown-menu {
    padding: 0px;
  }
  
  /* Edited By Cream : 02/12/21 : Edit margin in each page */
  .record .middle>.panel:first-child {
    margin-bottom: 20px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
  }
  
  /* Edited By Cream : 02/12/21 : Edit margin in each page */
  .record .middle>.panel {
    margin-bottom: 40px;
  }
  
  span.fas.fa-search.custom {
    color: #000;
  }
  
  /* Edited By Cream : 02/12/21 : Edit navbar side-bar */
  body #navbar .navbar-header,
  body.minimized.side-menu-opened #navbar .navbar-header {
    box-shadow: 0px 1px 0px #dfdfdf;
    background-color: #fff;
    padding-top: 15px;
  }
  
  /* Edited By Cream : 02/12/21 : Edit navbar side-bar */
  body #navbar ul.tabs,
  body.minimized.side-menu-opened #navbar ul.tabs {
    margin-top: 1px;
  }
  
  /* Edited By Cream : 02/12/21 : Edit navbar side-bar */
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  
  /* Edited By Cream : 02/12/21 : Edit navbar side-bar */
  .dialog-centered {
    margin-left: 18% !important;
  }
  
  
  /* Edited By Cream : 16/12/21 : Edit dialog in log in page */
  .modal-dialog {
    border: 1px solid #3888ff;
    border-radius: 5px;
  }
  
  /* Edited By Cream : 16/12/21 : Edit dialog in log in page */
  .modal-body {
    border-radius: 5px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit nav-link margin */
  a.nav-link {
    margin: 5px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit page header margin */
  .page-header {
    margin: 27px 0 10px 0;
  }
  
  /* Edited By Cream : 22/12/21 : Edit bug in stream dashlets */
  .dashlets.grid-stack .grid-stack-item .grid-stack-item-content {
    overflow-x: visible;
    overflow-y: overlay;
  }
  
  /* Edited By Cream : 22/12/21 : Edit create company button */
  a.btn.btn-default.action.custom-create-btn {
    background-color: #3888ff;
    color: #fff;
    border: 0px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit All button margin */
  .input-group-btn:first-child>.btn,
  .input-group-btn:first-child>.btn-group {
    margin-right: 0px;
    background-color: #fff;
  }
  
  /* Edited By Cream : 22/12/21 : Edit border-radius All button */
  button.btn.dropdown-toggle.filters-button.btn-default {
    border: 0px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit create company button active and hover */
  .btn-default.active.focus,
  .btn-default.active:focus,
  .btn-default.active:hover,
  .btn-default:active.focus,
  .btn-default:active:focus,
  .btn-default:active:hover,
  .open>.dropdown-toggle.btn-default.focus,
  .open>.dropdown-toggle.btn-default:focus,
  .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #3888ff;
  }
  
  /* Edited By Cream : 22/12/21 : Edit button padding in panel heading on overview page */
  .panel-heading {
    padding: 8px 10px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit margin nav-top */
  .stick-sub {
    margin-top: 0px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit margin nav-top Edit button */
  button.btn.btn-default.dropdown-toggle.dropdown-item-list-button.custom-more-button {
    margin-left: 5px;
    margin-top: 0px;
    border: 1px solid #FF7A00 !important;
    padding: 0px;
    margin-right: 0px;
  }
  
  button.btn.btn-default.dropdown-toggle.dropdown-item-list-button.custom-more-button:hover {
    background-color: #FFA24D;
  }
  
  /* Edited By Cream : 22/12/21 : Edit button edit color */
  button.btn.btn-default {
    background-color: #fff;
    border: 1px solid #FFDC00 !important;
  }
  
  /* Edited By Cream : 22/12/21 : Edit button save color */
  .btn-primary {
    color: #fff;
    background-color: #3888ff;
    border-color: #3888ff;
  }
  
  /* Edited By Cream : 22/12/21 : Edit button phone margin */
  button.btn.btn-default.btn-icon.phone-property {
    margin-left: 2px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit button email margin */
  button.btn.btn-default.btn-icon.email-property {
    margin-left: 2px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit panel background color */
  body .panel-primary>.panel-heading {
    background-color: #3888ff;
    border-radius: 5px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit panel background color when hover */
  .btn-primary:hover {
    background-color: #196ff1;
    border-color: #64A2FF;
  }
  
  /* Edited By Cream : 22/12/21 : Edit background-color table head */
  thead {
    background-color: #E2EDFF;
  }
  
  /* Edited By Cream : 22/12/21 : Add box-shadow in table list */
  table.table {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  }
  
  /* Edited By Cream : 22/12/21 : Edit show more button */
  .show-more {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    margin-top: 0px;
    border-radius: 5px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit show more button when hover */
  button.btn.btn-default:hover {
    color: #000;
    background-color: #FFE854;
  }
  
  /* Edited By Cream : 22/12/21 : Edit table margin */
  #main>.list-container>.list {
    margin: 2px;
    margin-top: 0px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit notification style */
  #notifications-panel {
    background-color: unset;
    margin-top: 14px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit dropdown title */
  .dropdown-header {
    font-size: 16px;
    text-align: center;
  }
  
  /* Edited By Cream : 22/12/21 : Edit border-radius in notification button */
  a.notifications-button {
    border-radius: 0px !important;
  }
  
  /* Edited By Cream : 22/12/21 : Edit close button color */
  .modal-header .close {
    opacity: 0.9;
  }
  
  /* Edited By Cream : 22/12/21 : Edit margin-top ion Calendar page */
  #main>.calendar-container {
    margin-top: 40px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit background showmore */
  .btn-default.focus,
  .btn-default:focus {
    color: #333;
    background-color: #fff;
    border-color: #fff;
  }
  
  /* Edited By Cream : 22/12/21 : Edit panel box radius */
  .panel>.panel-body.panel-body-form {
    border-radius: 5px;
    background-color: #fff;
  }
  
  /* Edited By Cream : 22/12/21 : Edit border-radius Person panel */
  body .panel-success>.panel-heading {
    border-radius: 5px;
    margin-bottom: 4px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit border-radius Vacancies panel */
  body .panel-warning>.panel-heading {
    border-radius: 5px;
    margin-bottom: 4px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit bg color on post in stream page */
  .col-md-8 {
    background-color: #F0F2F5;
  }
  
  /* Edited By Cream : 23/12/21 : Edit bg color on post in stream page */
  .col-md-8.custom-bg-post {
    background-color: #fff;
    padding-top: 10px;
  }
  
  /* Edited By Cream : 22/12/21 : Edit search color */
  .custom-search {
    color: #000;
  }
  
  /* Edited By Cream : 23/12/21 : Edit margin top chart */
  .chart-container {
    margin-top: 0px;
  }
  
  /* Edited By Cream : 23/12/21 : Edit bg color more nav focus */
  .dropdown-menu>.active>a,
  .dropdown-menu>.active>a:focus,
  .dropdown-menu>.active>a:hover {
    background-color: #3888ff;
  }
  
  /* Edited By Cream : 23/12/21 : Edit padding dropdown button */
  .btn-group-sm>.btn,
  .btn-sm {
    padding: 0px 10px;
  }
  
  /* Edited By Cream : 23/12/21 : Edit padding total report */
  .report-total-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  /* Edited By Cream : 23/12/21 : Edit position total number in chart report */
  .text-primary.custom-text-primary {
    position: absolute;
    top: 82px;
    padding-left: 30px;
  }
  
  @media screen and (min-width: 992px) {
    .col-md-9 {
      width: 72%;
    }
  }
  
  /* Edited By Cream : 08/11/21 :  Mobile screen 767.98px price page */
  @media screen and (min-width: 769px) {
    .auth-container {
      padding-top: 100px;
    }
  
    .text-right {
      padding-left: 7px;
    }
  
    .standard-title {
      margin-top: 10px;
      margin-bottom: 20px;
      font-size: 18px;
    }
  
    .enter-title {
      margin-top: 10px;
      margin-bottom: 20px;
      font-size: 18px;
    }
  }
  
  /* Edited By Cream : 08/11/21 :  Mobile screen 768px price page */
  @media screen and (max-width: 768px) {
  
    /* Edited By Cream : 23/12/21 : Edit position total number in chart report */
  .text-primary.custom-text-primary {
    position: absolute;
    top: 70px;
    padding-left: 15px;
  }
  
    /* Edited By Cream : 23/12/21 : Edit padding total report */
    .report-total-container {
      padding-left: 22px;
      padding-right: 22px;
    }
  
    /* Edited By Cream : 02/12/21 : Edit navbar side-bar */
    body #navbar ul.tabs,
    body.minimized.side-menu-opened #navbar ul.tabs {
      margin-top: 1px;
    }
  
    .flex-pricing {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .body-pricing {
      margin-top: 40px;
    }
  
    .standard-price-box {
      width: 70%;
      padding: 20px;
    }
  
    .pro-price-box {
      width: 70%;
      padding: 20px;
    }
  
    .enterprise-price-box {
      width: 70%;
      padding: 20px;
    }
  
    .form-price {
      display: contents;
    }
  
    .tablink {
      padding: 14px 3px;
      font-size: 10px;
    }
  
    /* Edited By Cream : 16/11/21 : Edit dashboard dashlet in mobile */
    .dashlets.grid-stack .panel.dashlet {
      padding: 0px;
      box-shadow: unset;
      border: 0px;
      border-radius: 5px;
      background-color: #fff;
    }
  
  }
  
  /*Edited By Max : 04/11/21 : Change show more color */
  .show-more>.btn-block {
    color: #000;
    background-color: #E2EDFF;
  }
  
  .show-more>.btn-block:hover {
    color: #000;
    background-color: #C7DDFF;
  }
  
  /*Edited By Max : 05/11/21 : Change signup button*/
  .btn-login-signup-custom {
    border: 1px solid;
    margin-left: 10px;
    width: 45%;
    float: right;
  }
  
  /*Edited By Max : 05/11/21 : Fix Dialog Login page*/
  .dialog-centered {
    margin-left: 10%;
  }
  
  /*Edited By Max : 12/11/21 : Change notification panel*/
  .panel-heading-noti-custom {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    color: #000 !important;
  }
  
  /*Edited By Max : 19/11/21 : Edit Popup Noti*/
  #popup-notifications-container .popup-notification {
    border-color: #3888ff;
    background: #fedb00;
    color: #0a0a0a;
    border-radius: 10px;
    border: none !important;
  }
  
  /*Edited By Max : 19/11/21 : Edit Popup Noti*/
  #popup-notifications-container .popup-notification h4 {
    color: #000000;
  }
  
  /*Edited By Max : 19/11/21 : Edit Popup Noti Close*/
  #popup-notifications-container .popup-notification a.close {
    color: #000000;
  }
  
  .note-attachment .fa-paperclip {
    color: #FFFFFF !important;
  }
  
  .panel-body-noti-custom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  
  .text-muted {
    color: #000 !important;
  }
  
  .closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
  }
  
  .closebtn:hover {
    color: black;
  }
  
  .button-create-ticket {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 12px;
    background-color: #FFDC00;
    color: black;
  }
  
  .navbar-inverse {
    background-color: #F0F2F5 !important;
    border-color: transparent;
  }
  
  body>footer>p,
  body>footer>p a,
  body>footer>p a:active,
  body>footer>p a:hover,
  body>footer>p a:visited {
    background-color: #F0F2F5;
    color: #3888ff;
  }
  
  /*Log-in page*/
  
  /*body log-in*/
  .auth {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  /*text align*/
  .auth-container .auth-header {
    text-align: center;
    border-bottom: 0px;
  }
  
  /*Title*/
  .auth-container .auth-title {
    color: #97A4B1;
    padding: 0px;
    line-height: 30px;
    font-size: 26px;
    background-color: #fff;
    font-weight: 600;
    margin: 0;
  }
  
  /*card*/
  .auth-container .auth-content {
    padding: 30px 50px;
    min-height: 290px;
    background-color: #fff;
  }
  
  /*Welcome back! Please login to your account*/
  .text-center {
    text-align: center;
    color: #C4C4C4;
    font-size: 16px;
    padding-top: 10px;
    margin: 0px;
  }
  
  /*Input log in*/
  .form-control {
    color: #172436;
    background-color: #D6E4FF;
    background-image: none;
    border: 0px;
    border-radius: 5px;
  }
  
  /*Login Button*/
  button#btn-login {
    width: 45%;
    float: left;
    background: #3888ff;
    border-radius: 4px;
  }
  
  /*Sign up Button*/
  button#btn-signup {
    width: 45%;
    float: right;
    color: #646D82;
    background: #fff;
    border: 1px solid #3888ff;
    box-sizing: border-box;
    border-radius: 4px;
  }
  
  /*Margin Button*/
  .btn-block+.btn-block {
    margin-top: 0px;
  }
  
  /* Create a custom checkbox */
  .checkmark-login {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #F3F3F9;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark-login:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* When the checkbox is checked, add a blue background */
  .remember-box input:checked~.checkmark-login {
    background-color: #3888ff;
  }
  
  /* Show the checkmark when checked */
  .remember-box input:checked~.checkmark-login:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .remember-box .checkmark-login:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark-login:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .cremember-box input:checked~.checkmark-login:after {
    display: block;
  }
  
  /* Forget Password */
  .text-right {
    padding-left: 50px;
    color: #646D82;
    font-size: 14px;
  }
  
  /* Forget Password hover */
  .text-right:hover {
    color: #3888ff;
  }
  
  /* check */
  .remember-box {
    color: #646D82;
    font-size: 14px;
    padding-left: 25px;
    width: 45%;
    float: left;
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .remember-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Remember me */
  label.container {
    color: #646D82;
    font-size: 14px;
    padding-left: 25px;
  }
  
  /*Dashboard*/
  
  /*Change font color dropdown*/
  .dropdown-menu>li>a {
    color: #707070;
  }
  
  /*square box to add list on dashboard*/
  span.far.fa-plus-square {
    color: #606060;
    font-size: 20px;
  }
  
  /*navbar-top*/
  #navbar .navbar .navbar-right {
    background-color: #fff;
    box-shadow: 0px 1px 0px #dfdfdf;
    height: 48px;
  }
  
  /*search bg*/
  #navbar .navbar .navbar-right-container input.global-search-input {
    width: 225px;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #FFDC00;
    border: none;
    border-bottom: 0px;
    border-radius: 5px;
  }
  
  body #navbar .navbar-right .global-search-container a.global-search-button,
  body.minimized.side-menu-opened #navbar .navbar-right .global-search-container a.global-search-button {
    color: white;
  }
  
  .input-group-btn:last-child>.btn,
  .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -35px;
  }
  
  /*notificate icon*/
  span.fas.fa-bell.icon.bell {
    color: #606060;
    font-size: 18px;
  }
  
  /*create icon*/
  i.fas.fa-plus {
    color: #606060;
    font-size: 18px;
  }
  
  /*admin icon*/
  span.fas.fa-ellipsis-v {
    color: #606060;
    font-size: 18px;
  }
  
  body .panel-primary>.panel-heading .btn,
  body .panel-primary>.panel-heading .btn-primary {
    color: #fafbfc;
    background-color: #3888ff;
    border-color: #3888ff;
  }
  
  /*search placeholder*/
  ::placeholder {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #000 !important;
  }
  
  .panel-default>.panel-heading {
    color: #3888ff;
    background-color: #fff;
    border: 0px;
    padding-top: 10px;
  }
  
  .panel-heading>.btn-group {
    top: 0px;
    right: 0px;
  }
  
  .panel.dashlet>.panel-heading>.btn-group {
    margin-top: -5px;
    right: -5px;
  }
  
  /*Edited by MAX : 12/11/21 : Apply shadow bax to panel */
  .panel-heading-record-custom {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
  }
  
  .panel-body-record-custom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
  }
  
  .panel-body-side-custom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
  }
  
  .panel-heading-side-custom {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
  }
  
  .list-expanded-custom {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  
  .list-group-custom {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  
  .panel-stream {
    border-radius: 10px !important;
  }
  
  
  .panel-title {
    line-height: 17px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
  }
  
  /*dropdown bg icon*/
  button.dropdown-toggle.btn.btn-link.btn-sm.menu-button {
    background-color: #fff;
    border: 0px;
  }
  
  /*font list*/
  .panel-body {
    padding: 14px;
    border-radius: 5px;
    background-color: #fff;
  }
  
  /*bg list*/
  .panel {
    background-color: #F3F3F9;
    border: 0px;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  
  /*bg shadow calendar*/
  #main>.calendar-container .calendar,
  #main>.calendar-container .timeline,
  .admin-content .table.table-bordered,
  .admin-content iframe,
  .dashlet-container,
  .list-container>.list,
  .list-group-panel,
  .list-kanban>div>table>thead,
  .panel,
  .popup-notification,
  .well {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
  }
  
  /*bg list head*/
  .panel>.panel-heading .btn {
    background-color: #fff;
    border: 0px;
    color: #636363;
  }
  
  /*bg calendar*/
  table {
    background-color: #fff;
  }
  
  /*navbar text hover*/
  a.nav-link.custom-hover:hover {
    color: #8FBBFE !important;
    background-color: #e2e5e9 !important;
  }
  
  /*Add font-size icon navbar*/
  body #navbar ul.tabs>li span.short-label>span {
    display: inline-block;
    width: 16px;
    text-align: center;
    font-size: 24px;
  }
  
  
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #D6E4FF;
    opacity: 1;
    margin-left: 7px;
  }
  
  body #navbar .navbar-right,
  body.minimized.side-menu-opened #navbar .navbar-right {
    background-color: #fff;
  }
  
  .side-menu-backdrop {
    background-color: unset;
    opacity: .5;
  }
  
  /*Input form select*/
  input.main-element.form-control.select {
    height: 33px;
    border: 1px solid #F3F3F9;
    width: 205px;
  }
  
  span.modal-title-text {
    color: #fff;
  }
  
  label.control-label {
    color: #3888ff;
  }
  
  .modal-body {
    background-color: #F3F3F9;
    color: #000;
    font-size: 16px;
  }
  
  .list-group-item {
    background-color: #F0F2F5;
    border: 0px;
  }
  
  .modal-header {
    background-color: #3888ff;
  }
  
  .modal-footer {
    background-color: #F3F3F9;
    border-top: 0px;
  }
  
  .list-group-item.link-with-role.form-inline.ui-sortable-handle {
    background-color: #D6E4FF;
    border-radius: 5px;
  }
  
  .text-bold {
    color: #969aa1;
  }
  
  .text-bold:hover {
    color: #3888ff;
  }
  
  body #navbar .navbar-right .global-search-container,
  body.minimized.side-menu-opened #navbar .navbar-right .global-search-container {
    position: fixed;
    top: 0px;
    right: 102px;
  }
  
  li.dropdown.notifications-badge-container {
    background-color: #F3F3F9 !important;
  }
  
  body #navbar .navbar-right>li>a,
  body.minimized.side-menu-opened #navbar .navbar-right>li>a {
    background-color: #fff !important;
  }
  
  .container {
    font-size: 14px;
  }
  
  td {
    color: #fff;
  }
  
  .btn-default>.fa,
  .btn-default>.fas {
    color: #606060;
  }
  
  table.table>thead th {
    color: #707070;
  }
  
  .btn-text .far,
  .btn-text .fas {
    color: #606060;
    font-size: 20px;
  }
  
  .btn-text {
    color: #707070;
  }
  
  a#nav-more-tabs-dropdown {
    background-color: unset;
  }
  
  body .panel-default>.panel-heading .btn-group .dropdown-toggle.btn,
  body .panel-default>.panel-heading .btn-group .dropdown-toggle.btn:focus,
  body .panel-default>.panel-heading .btn-group.open .dropdown-toggle.btn,
  body .panel-default>.panel-heading .btn-group.open .dropdown-toggle.btn:focus {
    background-color: #fff;
    border-color: #fff !important;
    margin: 2px;
  }
  
  input.main-element.form-control {
    background-color: #D6E4FF;
  }
  
  select.form-control.main-element {
    background-color: #D6E4FF;
  }
  
  .panel>.panel-body>.list-container>.list>.list-group>li.list-group-item:last-child {
    background-color: #FFFFFF;
    border: 1px solid #3888ff;
    box-sizing: border-box;
    border-radius: 10px;
  }
  
  .panel-body .list-group-item {
    background-color: #FFFFFF;
    border: 1px solid #3888ff;
    box-sizing: border-box;
    border-radius: 10px;
  }
  
  .list-container>.list {
    background-color: #FFFFFF;
    box-shadow: unset;
    border-radius: 5px;
  }
  
  .list-expanded>ul>li .list-row-buttons {
    margin-top: 0px;
  }
  
  .dropdown-menu {
    background-color: #F3F3F9;
    border: 1px solid #ccc;
  }
  
  /*set li color*/
  .dropdown-menu .divider {
    height: 1px;
    margin: 8.5px 0;
    overflow: hidden;
    background-color: #ccc;
  }
  
  /*unset li color*/
  .dropdown-menu>li:hover {
    background-color: #EBEDF0;
  }
  
  /*unset li color*/
  .dropdown-menu>li:active {
    background-color: #DADDE1;
  }
  
  .pull-right>.dropdown-menu {
    top: 20px;
    border: 1px solid #F3F3F9;
    border-radius: 5px;
  }
  
  .fc-unthemed td.fc-today {
      background: #3888ff;
  }
  
  
  body #navbar ul.tabs>li.more>ul>li>a>span.full-label {
    padding-left: 37px;
  }
  
  
  .fc-unthemed th,
  .fc-unthemed td,
  .fc-unthemed thead,
  .fc-unthemed tbody,
  .fc-unthemed .fc-divider,
  .fc-unthemed .fc-row,
  .fc-unthemed .fc-content,
  .fc-unthemed .fc-popover,
  .fc-unthemed .fc-list-view,
  .fc-unthemed .fc-list-heading td {
    border-color: #ccc !important;
    color: #000;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #CCCCCC !important;
    border-radius: 10px;
  }
  
  #navbar .navbar .navbar-form.global-search-container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
    top: 10px;
  }
  
  body #navbar .navbar-right .global-search-container,
  body.minimized.side-menu-opened #navbar .navbar-right .global-search-container {
    position: fixed;
    top: 17px;
    right: 102px;
  }
  
  ul.dropdown-menu {
    border-radius: 5px !important;
  }
  
  ul.dropdown-menu.dropdown-menu-with-icons {
    top: 18px;
  }
  
  a.btn.btn-default.btn-xs-wide.action {
    font-weight: bold;
    background-color: #3888ff;
    border-radius: 5px;
    border: 0px;
    color: #fff;
    margin-left: 2px;
  }
  
  .btn.dropdown-toggle>span.fa-ellipsis-h {
    top: 8px;
    position: absolute;
    right: 2px;
    color: #000;
  }
  
  .btn-group>.btn+.dropdown-toggle {
    width: 22px;
    background-color: #fff;
    border: 0px;
    border-radius: 5px;
    margin-right: 2px;
  }
  
  button.btn.btn-default.action.btn-xs-wide {
    background-color: #FFDC00;
    border-color: #b79e03 !important;
    border-radius: 5px;
    margin: 2px;
    color: #000;
  }
  
  button.btn.btn-primary.action.btn-xs-wide {
    background-color: #3888ff;
    border-radius: 5px !important;
    margin: 2px;
  }
  
  /*List page*/
  
  /*dropdown list more*/
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.36;
    background-color: #8FBBFE;
    color: #fff;
    font-weight: bold;
  }
  
  li.dropdown-header:hover {
    background-color: #8FBBFE;
    color: #fff;
  }
  
  /*dropdown position*/
  .search-row ul.filter-list {
    right: 39px;
  }
  
  /*change font size title*/
  .page-header .header-title,
  .page-header>h3 {
    font-weight: bold;
  }
  
  /*move dropdown menu*/
  .btn.btn-sm.dropdown-toggle>span.fa-ellipsis-h {
    top: 3px;
  }
  
  /*delete shadow button*/
  .btn.active,
  .btn:active {
    box-shadow: none;
  }
  
  /*Edited By Max : 19/11/21 : Action Button on list*/
  .btn-default.active.focus,
  .btn-default.active:focus,
  .btn-default.active:hover,
  .btn-default:active.focus,
  .btn-default:active:focus,
  .btn-default:active:hover,
  .open>.dropdown-toggle.btn-default.focus,
  .open>.dropdown-toggle.btn-default:focus,
  .open>.dropdown-toggle.btn-default:hover {
    background-color: #FFDC00;
    border-color: #172436;
    color: #000;
  }
  
  /*chang color all button*/
  .btn-default.active,
  .btn-default:active,
  .open>.dropdown-toggle.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #020304;
  }
  
  /*chang color all button*/
  .btn-default.focus,
  .btn-default:focus {
    color: #000;
  }
  
  /*change table color list*/
  td {
    color: #000;
  }
  
  /*add table border list*/
  td.cell {
    border: 1px solid #606060;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
  }
  
  /*Change color link*/
  a {
    color: #3888ff;
    text-decoration: none !important;
  }
  
  a.link-list {
    color: #3888ff;
  }
  
  span.font-size-flexible.title {
    color: #000000;
  }
  
  /*Change color link hover*/
  a:focus,
  a:hover {
    color: #3888ff;
  }
  
  /*button followed*/
  .btn-success {
    color: #0e1621;
    background-color: #D6E4FF;
    border: 1px solid #D6E4FF;
    border-radius: 5px !important;
  }
  
  /*button followed hover*/
  .btn-success:hover {
    color: #fff;
    background-color: #3888ff;
    border: 1px solid #3888ff;
  }
  
  /*button followed active*/
  .btn-success.active,
  .btn-success:active,
  .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #3888ff;
    border: 1px solid #3888ff;
  }
  
  .btn-success.focus,
  .btn-success:focus {
    color: #0e1621;
    background-color: #D6E4FF;
    border: 1px solid #D6E4FF;
  }
  
  .btn-success.disabled.focus,
  .btn-success.disabled:focus,
  .btn-success.disabled:hover,
  .btn-success[disabled].focus,
  .btn-success[disabled]:focus,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success:hover {
    background-color: #D6E4FF;
    border-color: #D6E4FF
  }
  
  span.label-text {
    color: #909090;
  }
  
  .btn-cancle {
    background-color: #fff;
    color: #000;
  }
  
  /*Admin page*/
  
  /*search button admin*/
  .form-control-admin {
    color: #000;
    background-color: #FFDC00;
    background-image: none;
    border: 1px solid #ccc;
    border: 0px;
    border-radius: 5px;
    width: 25%;
    width: 37%;
    height: 35px;
    padding: 5px;
  }
  
  /*admin table*/
  table.table {
    background-color: #fff;
    border-radius: 5px;
  }
  
  /*admin icon*/
  table.table-admin-panel tr>td:first-child>div>.icon {
    color: #000;
  }
  
  /*admin table hover*/
  .table-hover>tbody>tr:hover {
    background-color: #E2EDFF;
  }
  
  /*dropdown hover*/
  .dropdown-menu>li>a:focus,
  .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #8FBBFE;
    background-color: #EBEDF0;
  }
  
  /*dropdown active*/
  .dropdown-menu>li>a:focus,
  .dropdown-menu>li>a:active {
    color: #3888ff !important;
    background-color: #DADDE1;
    font-weight: bold;
  }
  
  /*search button entity */
  .form-control-entity {
    color: #172436;
    background-color: #D6E4FF;
    background-image: none;
    border: 0px;
    border-radius: 5px;
    width: 25%;
  }
  
  /*Edited By Max : 19/11/21 : More Specific */
  /*save button*/
  .modal-footer .btn-danger {
    color: #fff;
    background-color: #3888ff !important;
    border-color: #3888ff !important;
    border-radius: 5px;
  }
  
  /*Edited By Max : 19/11/21 : More Specific */
  /*save button hover*/
  .modal-footer .btn-danger:hover {
    color: #fff;
    background-color: #3888ff;
    border-color: #3888ff;
  }
  
  /*save button active*/
  .btn-danger.active,
  .btn-danger:active,
  .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #3888ff;
    border-color: #3888ff;
  }
  
  /*popover*/
  .popover {
    color: #3888ff;
    background-color: #fff !important;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
  }
  
  /*change box img profile color*/
  .gray-box {
    background-color: #fff;
  }
  
  /*change img profile*/
  /* img.image-preview { */
    /* border-radius: 50%; */
    /* width: 200px; */
    /* height: 200px; */
  /* } */
  
  /*change link layout list color*/
  .btn-link {
    color: #3888ff;
  }
  
  /*change table head edit layout*/
  #layout header {
    background-color: #D6E4FF !important;
    border-color: #D6E4FF !important;
    border-radius: 10px;
    color: #fff;
    padding-left: 9px;
  }
  
  /*change table edit layout*/
  .well {
    background-color: #fff;
    border: 1px solid #F3F3F9;
    border-radius: 10px;
  }
  
  /*change table edit layout*/
  #layout ul.panels>li {
    background-color: #fff !important;
    border-color: #fff !important;
    border-radius: 10px;
  }
  
  /*change title edit layout color*/
  #layout ul.rows>li {
    background-color: #fff !important;
    border-color: unset;
    border: 1px solid #606060 !important;
    border-radius: 10px;
  }
  
  /*change input edit layout color*/
  #layout ul.panels ul.cells>li {
    background-color: #fff !important;
    border-color: unset;
  }
  
  /*change input border edit layout color*/
  #layout ul.cells>li {
    border: 1px solid #606060 !important;
  }
  
  #layout ul.cells>li {
    background-color: #fff !important;
    border-color: #606060 !important;
    border-radius: 10px;
  }
  
  #layout ul.cells>li:hover {
    background-color: #D6E4FF !important;
    border-color: #D6E4FF !important;
  }
  
  /*change cancle button*/
  .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 5px;
  }
  
  .modal-footer .btn-group .btn+.btn {
    margin-left: 2px;
  }

  .search {
    color: #707070 !important;
    background-color: #D6E4FF !important;
  }
  
  /*change all button*/
  button.btn.dropdown-toggle-list.filters-button.btn-default {
    background-color: #fff;
    border: 0px;
  }
  
  /*change all button hover*/
  button.btn.dropdown-toggle-list.filters-button.btn-default:hover {
    background-color: #fff;
    border: 0px;
    color: #000;
  }
  
  /*change search button*/
  .btn.btn-icon-x-wide {
    width: 41px;
  }
  
  /*change icon color*/
  .btn-default>.fa,
  .btn-default>.fas {
    color: #3888ff;
  }
  
  /*change margin more button*/
  .input-group-btn:last-child>.btn,
  .input-group-btn:last-child>.btn-group {
    margin-left: 2px;
    border-radius: 5px !important;
  }
  
  /*change width more button*/
  .btn.btn-icon-wide {
    width: 27px;
  }
  
  /*change more button color*/
  button.btn.btn-text.btn-icon-wide.dropdown-toggle-list.add-filter-button {
    background-color: #F3F3F9;
    border-radius: 5px;
  }
  
  /*change dialog bg color*/
  .dialog-record .modal-content>.modal-body {
    background-color: #F3F3F9;
  }
  
  button.btn.btn-default.search.btn-icon.btn-icon-x-wide {
    border-radius: 5px;
    border: 0px !important;
    background-color: #D6E4FF;
  }
  
  .search-row .input-group button.search {
    margin-left: -5px;
  }
  
  a.btn.btn-link.global-search-button {
    margin-left: -35px;
  }
  
  .input-group-btn:first-child>.btn,
  .input-group-btn:first-child>.btn-group {
    margin-right: 3px;
  }
  
  /* Edited By Max : 24/11/21 : Edit text color on modal */
  .modal-header a {
    color: #fff;
  }
  
  .modal-header a:hover {
    color: #fff;
  }
  
  .header-buttons>.btn>.fa-plus.fa-sm {
    position: relative;
    top: 0px;
    padding-right: 1px;
    color: #fff;
  }
  
  span.fa.fa-search {
    color: #707070;
  }
  
  .btn-text:focus,
  .btn-text:hover {
    color: #3888ff;
  }
  
  label.attach-file-label {
    margin-left: 2px;
  }
  
  span.required-sign {
    color: red;
  }
  
  body #navbar ul.tabs>li a>span.full-label {
    padding-left: 46px;
    position: static;
    padding-top: 3px;
  }
  
  .navbar-inverse .navbar-nav>li>a {
    color: #707070;
  }
  
  #navbar .navbar img.logo {
    height: 35px;
  }
  
  a#nav-more-tabs-dropdown {
    color: #707070;
  }
  
  body.minimized #navbar ul.tabs>li.tab>a {
    padding-left: 13px;
  }
  
  .btn {
    border-radius: 5px !important;
  }
  
  .field .input-group .btn,
  .field .input-group .form-control {
    margin-bottom: 0;
    border-radius: 5px;
  }
  
  .input-group .form-control {
    position: unset;
  }
  
  .modal-dialog {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
  }
  
  .modal-content {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
  }
  
  .field .list-group {
    background-color: #fff !important;
  }
  
  li.list-group-item.clearfix:hover {
    background-color: #EBEDF0;
  }
  
  body #navbar .navbar-right .global-search-container a.global-search-button,
  body.minimized.side-menu-opened #navbar .navbar-right .global-search-container a.global-search-button {
    color: #707070;
  }
  
  .panel.dashlet>.panel-body {
    overflow-y: visible;
    overflow-x: unset;
  }
  
  .panel-body .field>.link-container>.list-group-item {
    background-color: #fafafa;
    margin: 2px;
  }
  
  .record .record-grid {
    grid-template-columns: unset;
  }
  
  .field .link-container .list-group-item:last-child {
    border-bottom-width: 1px;
  }
  
  .field .grid-stack-item-content {
    border: 0px;
  }
  
  .input-group-btn>select.form-control {
    margin-right: -3px;
  }
  
  .selectize-control.single .selectize-input.input-active,
  .selectize-input {
    background: #fff;
    border: 1px solid #EAEAEA !important;
    border-radius: 5px !important;
  }
  
  .selectize-dropdown,
  .selectize-input,
  .selectize-input input {
    color: #606060;
    background-color: #D6E4FF;
  }
  
  .selectize-dropdown,
  .selectize-dropdown.form-control {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  
  .selectize-dropdown .active {
    background-color: #EBEDF0;
    color: #3888ff
  }
  
  .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #F3F3F3;
  }
  
  .btn-group .btn+.btn,
  .btn-group .btn+.btn-group,
  .btn-group .btn-group+.btn,
  .btn-group .btn-group+.btn-group {
    margin-left: 5px;
  }
  
  .page-header .header-title,
  .page-header>h3 {
    font-weight: bold;
    color: #3888ff;
  }
  
  #layout ul.panels ul.cells[data-cell-count="4"]>li {
    width: 21%;
  }
  
  #navbar .navbar .navbar-toggle {
    color: #3888ff;
  }
  
  .navbar-collapse {
    border-top: none;
  }
  
  .page-header h3 {
    font-weight: bold;
    color: #3888ff;
  }
  
  table.table>thead th>a {
    color: #707070;
  }
  
  .action-edit {
    background-color: #3888ff;
    color: #fff;
  }
  
  body #navbar .navbar,
  body.minimized.side-menu-opened #navbar .navbar {
    padding-top: 2px;
  }
  
  body #navbar .navbar-header,
  body.minimized.side-menu-opened #navbar .navbar-header {
    height: 68px;
    box-shadow: 0px 1px 0px #dfdfdf;
    background-color: #fff;
    padding-top: 15px;
  }
  
  body #navbar ul.tabs,
  body.minimized.side-menu-opened #navbar ul.tabs {
    margin-top: 0px;
  }
  
  
  /* 768px width */
  @media screen and (min-width: 768px) {
  
    /* Edited By Cream : 22/12/21 : Edit margin top nav icon1*/
    body #navbar .navbar-right .quick-create-container,
    body.minimized.side-menu-opened #navbar .navbar-right .quick-create-container {
      position: fixed;
      top: 10px;
    }
  
    /* Edited By Cream : 22/12/21 : Edit margin top nav icon2 */
    body #navbar .navbar-right .notifications-badge-container,
    body.minimized.side-menu-opened #navbar .navbar-right .notifications-badge-container {
      position: fixed;
      top: 10px;
    }
  
    /* Edited By Cream : 22/12/21 : Edit margin top nav icon3 */
    body #navbar .navbar-right .menu-container,
    body.minimized.side-menu-opened #navbar .navbar-right .menu-container {
      position: fixed;
      top: 10px;
    }
  
    /* Edited By Cream : 22/12/21 : Edit nav-bar margin */
    body #navbar .navbar-header,
    body.minimized.side-menu-opened #navbar .navbar-header {
      margin-top: 0px;
    }
  
    /* Edited By Cream : 16/12/21 : Edit dialog in log in page */
  
  
    body #navbar ul.tabs,
    body.minimized.side-menu-opened #navbar ul.tabs {
      margin-top: 1px !important;
    }
  
    body.minimized #content {
      padding-left: 65px;
    }
  
    body.minimized #navbar .navbar-header {
      width: 58px;
      height: 46px;
    }
  
    body #navbar ul.tabs,
    body.minimized.side-menu-opened #navbar ul.tabs {
      margin-top: 0px;
    }
  
    body #navbar .navbar-header,
    body.minimized.side-menu-opened #navbar .navbar-header {
      height: 48px;
      box-shadow: 0px 1px 0px #dfdfdf;
      padding-top: 0px;
    }
  
    body.minimized #navbar .navbar {
      width: 62px;
    }
  
    body.minimized #navbar ul.tabs {
      width: 62px;
    }
  
    body.minimized #navbar .navbar-right {
      margin-left: 55px;
      padding-right: 42px;
    }
  
    body #navbar .navbar a.side-menu-button>span,
    body.minimized.side-menu-opened #navbar .navbar a.side-menu-button>span {
      padding-left: 0px;
      font-size: 24px;
      color: #3888ff;
    }
  
    body #navbar .navbar,
    body.minimized.side-menu-opened #navbar .navbar {
      padding-top: 0px;
    }
  
    body #navbar ul.tabs li>a,
    body.minimized.side-menu-opened #navbar ul.tabs li>a {
      padding-top: 7px;
    }
  
    body #navbar ul.tabs li.tab>a,
    body.minimized.side-menu-opened #navbar ul.tabs li.tab>a {
      padding-left: 30px;
    }
  
  }
  
  body #navbar .navbar a.minimizer,
  body.minimized.side-menu-opened #navbar .navbar a.minimizer {
    color: #3888ff;
  }
  
  .dashboard-title {
    color: #3888ff
  }
  
  /*Edited By Max : 26/11/21 : Change Background Autocomplete */
  .autocomplete-suggestions {
    background-color: #f9eda3;
    border: 1px solid #3888FF;
    border-radius: 5px;
  }
  
  #layout li.cell {
    background-color: #fff !important;
    border: 1px solid #3888ff;
    border-radius: 16px;
    padding-left: 8px;
  }
  
  /* 767px width */
  @media screen and (max-width: 767px) {
  
    /* Edited By Cream : 23/12/21 : Edit position total number in chart report */
  .text-primary.custom-text-primary {
    position: absolute;
    top: 70px;
    padding-left: 15px;
  }
  
    /* Edited By Cream : 23/12/21 : Edit padding total report */
    .report-total-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .text-muted.custom-text-report {
      display: none;
    }
  
    .navbar-inverse .navbar-toggle:focus {
      color: #3888ff !important;
      background-color: #DADDE1 !important;
      font-weight: bold;
    }
  
    .navbar-inverse .navbar-toggle:hover {
      color: #8FBBFE !important;
      background-color: #EBEDF0 !important;
    }
  
    #navbar .navbar ul.nav>li.global-search-container {
      display: contents;
    }
  
    #navbar .navbar .navbar-right-container input.global-search-input {
      width: 100%;
    }
  
    span.fas.fa-ellipsis-v {
      color: #3888ff;
    }
  
    navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
      color: #3888ff;
      background-color: #EBEDF0;
    }
  
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
      color: #707070;
    }
  
  }
  
  .alert-custom {
    padding: 15px;
    background-color: #2196F3;
    color: white;
  }
  
  .closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
  }
  
  .closebtn:hover {
    color: black;
  }
  
  .button-create-ticket {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 12px;
    background-color: #FFDC00;
    color: black;
  }
  
  /* Edited By Cream : 24/12/21 : Edit color edit button*/
  button.btn.btn-default.action {
    background-color: #FFDC00;
    border-color: #FFDC00 ;
    border-radius: 5px;
    color: #000;
  }
  /* Edited By Cream : 24/12/21 : Edit color ... button*/
  button.btn.btn-default.dropdown-toggle.dropdown-item-list-button.custom-more-button:focus {
    background-color: #FFA24D;
  }