@charset "UTF-8";
.cm-menu_top--active {
  display: block !important; }

@media (max-width: 639px) {
  html body {
    font: normal 11px "Prompt" !important; } }

@media (min-width: 641px) and (max-width: 1024px) {
  html body {
    font: normal 12px "Prompt" !important; } }

@media (min-width: 1025px) {
  html body {
    font: normal 13px "Prompt" !important; } }

.cm-bg-panel-del {
    background-color: #fee4e4 !important;
}

.panel-fullscreen {
  display: block;
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  transition: all 1s ease 0s; }

.form-control.cm-none {
  border: none !important;
  background: none !important; }

/*! Custom ui - v1.0 - 2020-03-17
* Style : datepicker
*/
.ui-datepicker {
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  padding: 5px;
  z-index: 3 !important; }
  .ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px; }
  .ui-datepicker-prev, .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: none !important;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 12px; }
    .ui-datepicker-prev:after, .ui-datepicker-next:after {
      content: '';
      position: absolute;
      display: block;
      width: 10px;
      height: 10px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff; }
    .ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after {
      border-color: #5ed1cc; }
  .ui-datepicker-prev {
    float: left;
    margin-left: 12px; }
    .ui-datepicker-prev i {
      color: #fff; }
    .ui-datepicker-prev:after {
      transform: rotate(45deg);
      margin: -43px 0px 0px 8px; }
  .ui-datepicker-next {
    float: right;
    margin-right: 12px; }
    .ui-datepicker-next:after {
      transform: rotate(-135deg);
      margin: -43px 0px 0px 6px; }
  .ui-datepicker-month, .ui-datepicker-year {
    padding: 5px;
    background: #fff;
    border: none;
    margin-left: 2px; }
    .ui-datepicker-month:focus, .ui-datepicker-year:focus {
      border: none;
      outline: none; }
    .ui-datepicker-month:hover, .ui-datepicker-year:hover {
      background-color: #f7f8fa; }
  .ui-datepicker-title {
    text-align: center; }
  .ui-datepicker-calendar {
    width: 100%;
    text-align: center; }
    .ui-datepicker-calendar thead tr th span {
      display: block;
      width: 32px;
      color: #595d6e;
      margin-bottom: 5px;
      font-size: 13px; }
  .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent; }
  .ui-datepicker .calendar {
    position: absolute;
    width: 280px;
    left: 50%;
    top: 50%;
    margin: -145px 0px 0px -140px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden; }
  .ui-datepicker-trigger {
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    margin: 6px 8px;
    font-size: 18px;
    cursor: pointer;
    color: #646c9a !important; }

.ui-state-default {
  display: block;
  text-decoration: none;
  color: #b5b5b5;
  line-height: 32px;
  font-size: 12px; }

.ui-state-highlight {
  color: #8dd391; }

.ui-state-active {
  position: relative; }
  .ui-state-active:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #ffffff;
    border-top-color: #ebedf2;
    position: absolute;
    bottom: 4px;
    right: 4px; }

/*! Custom Telerik - v1.0 - 2020-03-17
* Style : RadButton
*/
.RadButton.cm-button_nav--link {
  background-color: #ffffff !important;
  box-sizing: inherit !important; }
  @media (max-width: 639px) {
    .RadButton.cm-button_nav--link {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadButton.cm-button_nav--link {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadButton.cm-button_nav--link {
      font: normal 13px "Prompt" !important; } }
  .RadButton.cm-button_nav--link:hover i {
    color: #5d78ff; }
  .RadButton.cm-button_nav--link .kt-nav__link-text {
    flex-grow: initial !important; }

.RadButton.cm-button_popup {
  height: 2.7rem !important;
  width: 2.7rem !important; }
  @media (max-width: 639px) {
    .RadButton.cm-button_popup {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadButton.cm-button_popup {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadButton.cm-button_popup {
      font: normal 13px "Prompt" !important; } }
  .RadButton.cm-button_popup.rbSkinnedButton, .RadButton.cm-button_popup.rbVerticalButton, .RadButton.cm-button_popup.rbLinkButton, .RadButton.cm-button_popup.rbSplitRight, .RadButton.cm-button_popup.rbSplitLeft {
    border: none; }
    .RadButton.cm-button_popup.rbSkinnedButton:hover, .RadButton.cm-button_popup.rbVerticalButton:hover, .RadButton.cm-button_popup.rbLinkButton:hover, .RadButton.cm-button_popup.rbSplitRight:hover, .RadButton.cm-button_popup.rbSplitLeft:hover {
      cursor: pointer !important; }

.cm-button_group .RadButton {
  border-radius: 3px !important;
  margin: .6rem; }
  .cm-button_group .RadButton.rbHovered {
    background-color: #242939 !important;
    cursor: pointer !important; }
    .cm-button_group .RadButton.rbHovered i {
      color: #ffffff !important; }
  .cm-button_group .RadButton i {
    color: #242939; }
  .cm-button_group .RadButton.active {
    background-color: #242939; }
    .cm-button_group .RadButton.active i {
      color: #ffffff; }

/*! Custom Telerik - v1.1 - 2020-03-17
* Style : RadComboBox
* Style : RadComboBox - tag ( cm-combo_btn ) 2020-03-26
* Style : RadComboBoxDropDown - 2020-03-26
*/
.RadComboBox.custom-select {
  width: 100%;
  padding: 0px;
  border: none;
  background: none;
  color: #646c9a;
  font-weight: bold; }
  @media (max-width: 639px) {
    .RadComboBox.custom-select {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadComboBox.custom-select {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadComboBox.custom-select {
      font: normal 13px "Prompt" !important; } }
  .RadComboBox.custom-select .rcbInput {
    margin: 3px;
    padding: 2px; }
  .RadComboBox.custom-select .rcbInner {
    padding: 4px 0.5rem 4px 10px;
    height: 100%;
    background-color: #fff;
    border: 1px solid #e2e5ec;
    color: #646c9a !important;
    font-weight: bold; }
    @media (max-width: 639px) {
      .RadComboBox.custom-select .rcbInner {
        font: normal 11px "Prompt" !important; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .RadComboBox.custom-select .rcbInner {
        font: normal 12px "Prompt" !important; } }
    @media (min-width: 1025px) {
      .RadComboBox.custom-select .rcbInner {
        font: normal 13px "Prompt" !important; } }
    .RadComboBox.custom-select .rcbInner.rcbReadOnly .rcbInput {
      color: #646c9a !important;
      background-color: #fff;
      font-weight: bold; }
      @media (max-width: 639px) {
        .RadComboBox.custom-select .rcbInner.rcbReadOnly .rcbInput {
          font: normal 11px "Prompt" !important; } }
      @media (min-width: 641px) and (max-width: 1024px) {
        .RadComboBox.custom-select .rcbInner.rcbReadOnly .rcbInput {
          font: normal 12px "Prompt" !important; } }
      @media (min-width: 1025px) {
        .RadComboBox.custom-select .rcbInner.rcbReadOnly .rcbInput {
          font: normal 13px "Prompt" !important; } }
    .RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbFocused, .RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbExpanded, .RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbHovered {
      background-color: #fff;
      color: #646c9a;
      border: 1px solid #e2e5ec; }
    .RadComboBox.custom-select .rcbInner.rcbReadOnly button.rcbActionButton {
      padding: 6px 7px 4px 7px !important; }
    .RadComboBox.custom-select .rcbInner.rcbFocused .rcbInput, .RadComboBox.custom-select .rcbInner.rcbExpanded .rcbInput, .RadComboBox.custom-select .rcbInner.rcbHovered .rcbInput {
      background-position: 0 0; }
    .RadComboBox.custom-select .rcbInner.rcbFocused button.rcbActionButton, .RadComboBox.custom-select .rcbInner.rcbExpanded button.rcbActionButton, .RadComboBox.custom-select .rcbInner.rcbHovered button.rcbActionButton {
      border: none;
      background-color: #fff;
      color: #646c9a;
      padding: 6px 7px 4px 7px !important; }
    .RadComboBox.custom-select .rcbInner button.rcbActionButton {
      border: none;
      background-color: #fff;
      color: #646c9a;
      padding: 6px 7px 6px 7px !important;
      margin-top: 1px;
      margin-right: 1px; }

.RadComboBox.cm-none {
  border: none !important;
  background: none !important; }

.RadComboBox.cm-combo_btn {
  width: auto !important; }
  @media (max-width: 639px) {
    .RadComboBox.cm-combo_btn {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadComboBox.cm-combo_btn {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadComboBox.cm-combo_btn {
      font: normal 13px "Prompt" !important; } }
  .RadComboBox.cm-combo_btn .rcbInputCell {
    display: none; }
  .RadComboBox.cm-combo_btn .rcbHovered {
    cursor: pointer; }
  .RadComboBox.cm-combo_btn .rcbArrowCell {
    cursor: pointer; }
    .RadComboBox.cm-combo_btn .rcbArrowCell a {
      margin: .45rem .6rem;
      cursor: pointer; }
  .RadComboBox.cm-combo_btn table td.rcbInputCell, .RadComboBox.cm-combo_btn table td.rcbArrowCell {
    border-width: 0px; }

/*! Custom Telerik - v3.0 
* Style : RadGrid - tag (.cm-grid ) - 2020-04-06
* Style : RadGrid - tag (.cm-grid_tools ) - 2020-04-06
*/
caption {
  padding: 0px !important; }

.RadGrid.cm-grid {
  padding: 5px;
  border: none;
  color: #646c9a; }
  @media (max-width: 639px) {
    .RadGrid.cm-grid {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid {
      font: normal 13px "Prompt" !important; } }
  @media (max-width: 639px) {
    .RadGrid.cm-grid .rgHeader {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid .rgHeader {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid .rgHeader {
      font: normal 13px "Prompt" !important; } }
  .RadGrid.cm-grid .rgRow > td,
  .RadGrid.cm-grid .rgAltRow > td {
    border-bottom: none !important; }
  @media (max-width: 639px) {
    .RadGrid.cm-grid .rgMasterTable,
    .RadGrid.cm-grid .rgDetailTable,
    .RadGrid.cm-grid .rgGroupPanel table,
    .RadGrid.cm-grid .rgCommandRow table,
    .RadGrid.cm-grid .rgEditForm table,
    .RadGrid.cm-grid .rgPager table {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid .rgMasterTable,
    .RadGrid.cm-grid .rgDetailTable,
    .RadGrid.cm-grid .rgGroupPanel table,
    .RadGrid.cm-grid .rgCommandRow table,
    .RadGrid.cm-grid .rgEditForm table,
    .RadGrid.cm-grid .rgPager table {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid .rgMasterTable,
    .RadGrid.cm-grid .rgDetailTable,
    .RadGrid.cm-grid .rgGroupPanel table,
    .RadGrid.cm-grid .rgCommandRow table,
    .RadGrid.cm-grid .rgEditForm table,
    .RadGrid.cm-grid .rgPager table {
      font: normal 13px "Prompt" !important; } }
  .RadGrid.cm-grid .rgRow > td,
  .RadGrid.cm-grid .rgAltRow > td,
  .RadGrid.cm-grid .rgEditRow > td,
  .RadGrid.cm-grid .rgFooter > td,
  .RadGrid.cm-grid .rgFilterRow > td,
  .RadGrid.cm-grid .rgHeader,
  .RadGrid.cm-grid .rgResizeCol {
    padding-left: 13px !important;
    padding-top: 10px;
    padding-bottom: 10px; }
  .RadGrid.cm-grid .rgSelectedCell .rgBatchCurrent,
  .RadGrid.cm-grid .rgSelectedRow .rgBatchCurrent {
    padding-top: 3px;
    padding-bottom: 2px; }
    .RadGrid.cm-grid .rgSelectedCell .rgBatchCurrent input[type="text"],
    .RadGrid.cm-grid .rgSelectedRow .rgBatchCurrent input[type="text"] {
      border: none;
      border-radius: 5px;
      color: #646c9a; }
      .RadGrid.cm-grid .rgSelectedCell .rgBatchCurrent input[type="text"]:focus,
      .RadGrid.cm-grid .rgSelectedRow .rgBatchCurrent input[type="text"]:focus {
        outline: none !important;
        border: none; }
  .RadGrid.cm-grid:focus {
    outline: none !important; }
  .RadGrid.cm-grid .rgAdd,
  .RadGrid.cm-grid .rgSave,
  .RadGrid.cm-grid .rgCancel,
  .RadGrid.cm-grid .rgRefresh,
  .RadGrid.cm-grid .rgExpXLS,
  .RadGrid.cm-grid .rgPageFirst,
  .RadGrid.cm-grid .rgPageLast,
  .RadGrid.cm-grid .rgPagePrev,
  .RadGrid.cm-grid .rgPageNext {
    width: auto !important;
    height: auto !important;
    margin-right: 3px !important;
    margin-left: 0px !important;
    background-color: rgba(93, 120, 255, 0.1);
    background-image: none !important; }
  .RadGrid.cm-grid .rgPageFirst,
  .RadGrid.cm-grid .rgPageLast,
  .RadGrid.cm-grid .rgPagePrev,
  .RadGrid.cm-grid .rgPageNext {
    background-color: #fff !important; }
  .RadGrid.cm-grid .rgCommandCell {
    background-color: #fff;
    padding: 2px 0px; }
    .RadGrid.cm-grid .rgCommandCell .t-font-icon {
      font: inherit;
      display: block;
      height: auto;
      width: auto;
      min-width: auto; }
  .RadGrid.cm-grid .rgPagerCell {
    padding: 0px;
    border: none !important;
    background-color: #fff;
    color: #646c9a !important; }
    @media (max-width: 639px) {
      .RadGrid.cm-grid .rgPagerCell {
        font: normal 11px "Prompt" !important; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .RadGrid.cm-grid .rgPagerCell {
        font: normal 12px "Prompt" !important; } }
    @media (min-width: 1025px) {
      .RadGrid.cm-grid .rgPagerCell {
        font: normal 13px "Prompt" !important; } }
    .RadGrid.cm-grid .rgPagerCell .NextPrevAndNumeric {
      margin-bottom: 0px;
      padding: 10px 5px 5px 5px; }
      .RadGrid.cm-grid .rgPagerCell .NextPrevAndNumeric .rgWrap.rgArrPart1, .RadGrid.cm-grid .rgPagerCell .NextPrevAndNumeric .rgWrap.rgArrPart2, .RadGrid.cm-grid .rgPagerCell .NextPrevAndNumeric .rgWrap.rgNumPart {
        margin-top: 4px; }
    .RadGrid.cm-grid .rgPagerCell .rgNumPart a.rgCurrentPage {
      cursor: pointer;
      transition: all 0.8s ease 0s; }
    .RadGrid.cm-grid .rgPagerCell .rgPagerButton,
    .RadGrid.cm-grid .rgPagerCell .rgActionButton {
      color: #8f8f8f !important;
      border-radius: 15px !important;
      transition: all 0.8s ease 0s;
      width: 23px !important;
      height: 23px !important;
      padding: 1px 0.8px; }
    .RadGrid.cm-grid .rgPagerCell .rgCurrentPage {
      padding: 2px 7px;
      border-radius: 15px;
      width: 23px;
      height: 23px;
      font-family: monospace;
      font-weight: bolder; }
    .RadGrid.cm-grid .rgPagerCell .RadComboBox .rcbReadOnly,
    .RadGrid.cm-grid .rgPagerCell .RadComboBox .rcbInner {
      color: #646c9a;
      background: none;
      border-radius: 5px; }

.RadGrid.cm-grid_tools {
  padding: 5px;
  border: none;
  color: #646c9a; }
  @media (max-width: 639px) {
    .RadGrid.cm-grid_tools {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid_tools {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid_tools {
      font: normal 13px "Prompt" !important; } }
  @media (max-width: 639px) {
    .RadGrid.cm-grid_tools .rgHeader {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid_tools .rgHeader {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid_tools .rgHeader {
      font: normal 13px "Prompt" !important; } }
  .RadGrid.cm-grid_tools .rgRow > td,
  .RadGrid.cm-grid_tools .rgAltRow > td {
    border-bottom: none !important; }
  @media (max-width: 639px) {
    .RadGrid.cm-grid_tools .rgMasterTable,
    .RadGrid.cm-grid_tools .rgDetailTable,
    .RadGrid.cm-grid_tools .rgGroupPanel table,
    .RadGrid.cm-grid_tools .rgCommandRow table,
    .RadGrid.cm-grid_tools .rgEditForm table,
    .RadGrid.cm-grid_tools .rgPager table {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid_tools .rgMasterTable,
    .RadGrid.cm-grid_tools .rgDetailTable,
    .RadGrid.cm-grid_tools .rgGroupPanel table,
    .RadGrid.cm-grid_tools .rgCommandRow table,
    .RadGrid.cm-grid_tools .rgEditForm table,
    .RadGrid.cm-grid_tools .rgPager table {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid_tools .rgMasterTable,
    .RadGrid.cm-grid_tools .rgDetailTable,
    .RadGrid.cm-grid_tools .rgGroupPanel table,
    .RadGrid.cm-grid_tools .rgCommandRow table,
    .RadGrid.cm-grid_tools .rgEditForm table,
    .RadGrid.cm-grid_tools .rgPager table {
      font: normal 13px "Prompt" !important; } }
  .RadGrid.cm-grid_tools .rgRow > td,
  .RadGrid.cm-grid_tools .rgAltRow > td,
  .RadGrid.cm-grid_tools .rgEditRow > td,
  .RadGrid.cm-grid_tools .rgFooter > td,
  .RadGrid.cm-grid_tools .rgFilterRow > td,
  .RadGrid.cm-grid_tools .rgHeader,
  .RadGrid.cm-grid_tools .rgResizeCol {
    padding-left: 13px !important;
    padding-top: 10px;
    padding-bottom: 10px; }
  .RadGrid.cm-grid_tools .rgSelectedCell .rgBatchCurrent,
  .RadGrid.cm-grid_tools .rgSelectedRow .rgBatchCurrent {
    padding-top: 3px;
    padding-bottom: 2px; }
    .RadGrid.cm-grid_tools .rgSelectedCell .rgBatchCurrent input[type="text"],
    .RadGrid.cm-grid_tools .rgSelectedRow .rgBatchCurrent input[type="text"] {
      border: none;
      border-radius: 5px;
      color: #646c9a; }
      .RadGrid.cm-grid_tools .rgSelectedCell .rgBatchCurrent input[type="text"]:focus,
      .RadGrid.cm-grid_tools .rgSelectedRow .rgBatchCurrent input[type="text"]:focus {
        outline: none !important;
        border: none; }
  .RadGrid.cm-grid_tools:focus {
    outline: none !important; }
  .RadGrid.cm-grid_tools .rgAdd,
  .RadGrid.cm-grid_tools .rgSave,
  .RadGrid.cm-grid_tools .rgCancel,
  .RadGrid.cm-grid_tools .rgRefresh,
  .RadGrid.cm-grid_tools .rgExpXLS,
  .RadGrid.cm-grid_tools .rgPageFirst,
  .RadGrid.cm-grid_tools .rgPageLast,
  .RadGrid.cm-grid_tools .rgPagePrev,
  .RadGrid.cm-grid_tools .rgPageNext {
    width: auto !important;
    height: auto !important;
    margin-right: 3px !important;
    margin-left: 0px !important;
    background-color: rgba(93, 120, 255, 0.1);
    background-image: none !important; }
  .RadGrid.cm-grid_tools .rgPageFirst,
  .RadGrid.cm-grid_tools .rgPageLast,
  .RadGrid.cm-grid_tools .rgPagePrev,
  .RadGrid.cm-grid_tools .rgPageNext {
    background-color: #fff !important; }
  .RadGrid.cm-grid_tools .rgCommandCell {
    background-color: #fff;
    padding: 2px 0px; }
    .RadGrid.cm-grid_tools .rgCommandCell .t-font-icon {
      font: inherit;
      display: block;
      height: auto;
      width: auto;
      min-width: auto; }
  .RadGrid.cm-grid_tools .rgPagerCell {
    padding: 0px;
    border: none !important;
    background-color: #fff;
    color: #646c9a !important; }
    @media (max-width: 639px) {
      .RadGrid.cm-grid_tools .rgPagerCell {
        font: normal 11px "Prompt" !important; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .RadGrid.cm-grid_tools .rgPagerCell {
        font: normal 12px "Prompt" !important; } }
    @media (min-width: 1025px) {
      .RadGrid.cm-grid_tools .rgPagerCell {
        font: normal 13px "Prompt" !important; } }
    .RadGrid.cm-grid_tools .rgPagerCell .NextPrevAndNumeric {
      margin-bottom: 0px;
      padding: 10px 5px 5px 5px; }
      .RadGrid.cm-grid_tools .rgPagerCell .NextPrevAndNumeric .rgWrap.rgArrPart1, .RadGrid.cm-grid_tools .rgPagerCell .NextPrevAndNumeric .rgWrap.rgArrPart2, .RadGrid.cm-grid_tools .rgPagerCell .NextPrevAndNumeric .rgWrap.rgNumPart {
        margin-top: 4px; }
    .RadGrid.cm-grid_tools .rgPagerCell .rgNumPart a.rgCurrentPage {
      cursor: pointer;
      transition: all 0.8s ease 0s; }
    .RadGrid.cm-grid_tools .rgPagerCell .rgPagerButton,
    .RadGrid.cm-grid_tools .rgPagerCell .rgActionButton {
      color: #8f8f8f !important;
      border-radius: 15px !important;
      transition: all 0.8s ease 0s;
      width: 23px !important;
      height: 23px !important;
      padding: 1px 0.8px; }
    .RadGrid.cm-grid_tools .rgPagerCell .rgCurrentPage {
      padding: 2px 7px;
      border-radius: 15px;
      width: 23px;
      height: 23px;
      font-family: monospace;
      font-weight: bolder; }
    .RadGrid.cm-grid_tools .rgPagerCell .RadComboBox .rcbReadOnly,
    .RadGrid.cm-grid_tools .rgPagerCell .RadComboBox .rcbInner {
      color: #646c9a;
      background: none;
      border-radius: 5px; }

.RadGrid.cm-grid_row {
  padding: 5px;
  border: none;
  color: #646c9a; }
  @media (max-width: 639px) {
    .RadGrid.cm-grid_row {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid_row {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid_row {
      font: normal 13px "Prompt" !important; } }
  @media (max-width: 639px) {
    .RadGrid.cm-grid_row .rgHeader {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid_row .rgHeader {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid_row .rgHeader {
      font: normal 13px "Prompt" !important; } }
  .RadGrid.cm-grid_row .rgRow > td,
  .RadGrid.cm-grid_row .rgAltRow > td {
    border-bottom: none !important; }
  @media (max-width: 639px) {
    .RadGrid.cm-grid_row .rgMasterTable,
    .RadGrid.cm-grid_row .rgDetailTable,
    .RadGrid.cm-grid_row .rgGroupPanel table,
    .RadGrid.cm-grid_row .rgCommandRow table,
    .RadGrid.cm-grid_row .rgEditForm table,
    .RadGrid.cm-grid_row .rgPager table {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadGrid.cm-grid_row .rgMasterTable,
    .RadGrid.cm-grid_row .rgDetailTable,
    .RadGrid.cm-grid_row .rgGroupPanel table,
    .RadGrid.cm-grid_row .rgCommandRow table,
    .RadGrid.cm-grid_row .rgEditForm table,
    .RadGrid.cm-grid_row .rgPager table {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadGrid.cm-grid_row .rgMasterTable,
    .RadGrid.cm-grid_row .rgDetailTable,
    .RadGrid.cm-grid_row .rgGroupPanel table,
    .RadGrid.cm-grid_row .rgCommandRow table,
    .RadGrid.cm-grid_row .rgEditForm table,
    .RadGrid.cm-grid_row .rgPager table {
      font: normal 13px "Prompt" !important; } }
  .RadGrid.cm-grid_row .rgRow > td,
  .RadGrid.cm-grid_row .rgAltRow > td,
  .RadGrid.cm-grid_row .rgEditRow > td,
  .RadGrid.cm-grid_row .rgFooter > td,
  .RadGrid.cm-grid_row .rgFilterRow > td,
  .RadGrid.cm-grid_row .rgHeader,
  .RadGrid.cm-grid_row .rgResizeCol {
    padding-left: 13px !important;
    padding-top: 10px;
    padding-bottom: 10px; }
  .RadGrid.cm-grid_row .rgSelectedCell .rgBatchCurrent,
  .RadGrid.cm-grid_row .rgSelectedRow .rgBatchCurrent {
    padding-top: 3px;
    padding-bottom: 2px; }
    .RadGrid.cm-grid_row .rgSelectedCell .rgBatchCurrent input[type="text"],
    .RadGrid.cm-grid_row .rgSelectedRow .rgBatchCurrent input[type="text"] {
      border: none;
      border-radius: 5px;
      color: #646c9a; }
      .RadGrid.cm-grid_row .rgSelectedCell .rgBatchCurrent input[type="text"]:focus,
      .RadGrid.cm-grid_row .rgSelectedRow .rgBatchCurrent input[type="text"]:focus {
        outline: none !important;
        border: none; }
  .RadGrid.cm-grid_row:focus {
    outline: none !important; }
  .RadGrid.cm-grid_row .rgAdd,
  .RadGrid.cm-grid_row .rgSave,
  .RadGrid.cm-grid_row .rgCancel,
  .RadGrid.cm-grid_row .rgRefresh,
  .RadGrid.cm-grid_row .rgExpXLS,
  .RadGrid.cm-grid_row .rgPageFirst,
  .RadGrid.cm-grid_row .rgPageLast,
  .RadGrid.cm-grid_row .rgPagePrev,
  .RadGrid.cm-grid_row .rgPageNext {
    width: auto !important;
    height: auto !important;
    margin-right: 3px !important;
    margin-left: 0px !important;
    background-color: rgba(93, 120, 255, 0.1);
    background-image: none !important; }
  .RadGrid.cm-grid_row .rgPageFirst,
  .RadGrid.cm-grid_row .rgPageLast,
  .RadGrid.cm-grid_row .rgPagePrev,
  .RadGrid.cm-grid_row .rgPageNext {
    background-color: #fff !important; }
  .RadGrid.cm-grid_row .rgCommandCell {
    background-color: #fff;
    padding: 2px 0px; }
    .RadGrid.cm-grid_row .rgCommandCell .t-font-icon {
      font: inherit;
      display: block;
      height: auto;
      width: auto;
      min-width: auto; }
  .RadGrid.cm-grid_row .rgPagerCell {
    padding: 0px;
    border: none !important;
    background-color: #fff;
    color: #646c9a !important; }
    @media (max-width: 639px) {
      .RadGrid.cm-grid_row .rgPagerCell {
        font: normal 11px "Prompt" !important; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .RadGrid.cm-grid_row .rgPagerCell {
        font: normal 12px "Prompt" !important; } }
    @media (min-width: 1025px) {
      .RadGrid.cm-grid_row .rgPagerCell {
        font: normal 13px "Prompt" !important; } }
    .RadGrid.cm-grid_row .rgPagerCell .NextPrevAndNumeric {
      margin-bottom: 0px;
      padding: 10px 5px 5px 5px; }
      .RadGrid.cm-grid_row .rgPagerCell .NextPrevAndNumeric .rgWrap.rgArrPart1, .RadGrid.cm-grid_row .rgPagerCell .NextPrevAndNumeric .rgWrap.rgArrPart2, .RadGrid.cm-grid_row .rgPagerCell .NextPrevAndNumeric .rgWrap.rgNumPart {
        margin-top: 4px; }
    .RadGrid.cm-grid_row .rgPagerCell .rgNumPart a.rgCurrentPage {
      cursor: pointer;
      transition: all 0.8s ease 0s; }
    .RadGrid.cm-grid_row .rgPagerCell .rgPagerButton,
    .RadGrid.cm-grid_row .rgPagerCell .rgActionButton {
      color: #8f8f8f !important;
      border-radius: 15px !important;
      transition: all 0.8s ease 0s;
      width: 23px !important;
      height: 23px !important;
      padding: 1px 0.8px; }
    .RadGrid.cm-grid_row .rgPagerCell .rgCurrentPage {
      padding: 2px 7px;
      border-radius: 15px;
      width: 23px;
      height: 23px;
      font-family: monospace;
      font-weight: bolder; }
    .RadGrid.cm-grid_row .rgPagerCell .RadComboBox .rcbReadOnly,
    .RadGrid.cm-grid_row .rgPagerCell .RadComboBox .rcbInner {
      color: #646c9a;
      background: none;
      border-radius: 5px; }

/*! Custom Telerik - v1.0 - 2020-03-17
* Style : RadInput
*/
.RadInput {
  width: 100%; }
  .RadInput .riTextBox {
    border: 1px solid #646c9a; }
    @media (max-width: 639px) {
      .RadInput .riTextBox {
        font: normal 11px "Prompt" !important; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .RadInput .riTextBox {
        font: normal 12px "Prompt" !important; } }
    @media (min-width: 1025px) {
      .RadInput .riTextBox {
        font: normal 13px "Prompt" !important; } }
  .RadInput .cm-Masked_textbox {
    width: 100% !important;
    height: 100% !important;
    padding-right: 2.5rem !important; }
    @media (max-width: 639px) {
      .RadInput .cm-Masked_textbox {
        font: normal 11px "Prompt" !important; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .RadInput .cm-Masked_textbox {
        font: normal 12px "Prompt" !important; } }
    @media (min-width: 1025px) {
      .RadInput .cm-Masked_textbox {
        font: normal 13px "Prompt" !important; } }
    .RadInput .cm-Masked_textbox--abso {
      position: absolute;
      right: 0;
      padding: .6rem; }

.RadInputHovered {
  border: none !important; }

/*
.RadInput,
.RadInputMgr {
   
}

.cm {
    &-Masked {
        &_textbox {
            width: 100% !important;
            @include font;
            height: 100% $impt_;
            padding-right: 2.5rem !important;
            &--abso {
                position: absolute;
                right: 0;
                padding: .6rem;
            }
        }
    }
}

.RadInputHovered {
    @include none-border;
}
*/
/*! Custom Telerik - v1.1
* Style : RadMenu - tag (.cm-contextmenu) - 2020-03-17
* Style : RadMenu - tag (.cm-context_menu--icon) - 2020-04-10
*/
.RadMenu.cm-contextmenu {
  color: #646c9a !important;
  z-index: 10 !important; }
  @media (max-width: 639px) {
    .RadMenu.cm-contextmenu {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadMenu.cm-contextmenu {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadMenu.cm-contextmenu {
      font: normal 13px "Prompt" !important; } }
  .RadMenu.cm-contextmenu .rmVertical .rmItem {
    padding: 0.3rem !important; }
  .RadMenu.cm-contextmenu ul.rmActive, .RadMenu.cm-contextmenu ul.rmGroup, .RadMenu.cm-contextmenu ul.rmActive, .RadMenu.cm-contextmenu ul.rmRootGroup {
    border: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 10px !important; }
  .RadMenu.cm-contextmenu .rmGroup .rmLink {
    color: #646c9a !important;
    padding: 0.3rem !important; }
    .RadMenu.cm-contextmenu .rmGroup .rmLink:hover, .RadMenu.cm-contextmenu .rmGroup .rmLink.rmExpanded, .RadMenu.cm-contextmenu .rmGroup .rmLink.rmFocused {
      padding: 0.3rem !important;
      border-radius: 10px !important; }

.RadMenu.cm-context_menu--icon {
  color: #646c9a !important;
  z-index: 10 !important; }
  @media (max-width: 639px) {
    .RadMenu.cm-context_menu--icon {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadMenu.cm-context_menu--icon {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadMenu.cm-context_menu--icon {
      font: normal 13px "Prompt" !important; } }
  .RadMenu.cm-context_menu--icon .rmVertical .rmItem {
    padding: 0.3rem !important; }
  .RadMenu.cm-context_menu--icon ul.rmActive, .RadMenu.cm-context_menu--icon ul.rmGroup, .RadMenu.cm-context_menu--icon ul.rmActive, .RadMenu.cm-context_menu--icon ul.rmRootGroup {
    border: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 10px !important; }
  .RadMenu.cm-context_menu--icon .rmGroup .rmLink {
    color: #646c9a !important;
    padding: 0.7rem !important; }
    .RadMenu.cm-context_menu--icon .rmGroup .rmLink:hover, .RadMenu.cm-context_menu--icon .rmGroup .rmLink.rmExpanded, .RadMenu.cm-context_menu--icon .rmGroup .rmLink.rmFocused {
      padding: 0.7rem !important;
      border-radius: 10px !important; }
    .RadMenu.cm-context_menu--icon .rmGroup .rmLink:before {
      position: absolute !important; }
    .RadMenu.cm-context_menu--icon .rmGroup .rmLink span.rmText {
      padding: 0 50px 0 22px !important; }
      @media (max-width: 639px) {
        .RadMenu.cm-context_menu--icon .rmGroup .rmLink span.rmText {
          font: normal 11px "Prompt" !important; } }
      @media (min-width: 641px) and (max-width: 1024px) {
        .RadMenu.cm-context_menu--icon .rmGroup .rmLink span.rmText {
          font: normal 12px "Prompt" !important; } }
      @media (min-width: 1025px) {
        .RadMenu.cm-context_menu--icon .rmGroup .rmLink span.rmText {
          font: normal 13px "Prompt" !important; } }

/*! Custom Telerik - v1.0 - 2020-03-17
* Style : RadTabStrip
*/
.RadTabStrip.cm-tabstrip.rtsHorizontal {
  font-family: "Prompt", sans-serif !important;
  border: none !important;
  background: none !important;
  margin: 0px !important;
  font-weight: 500 !important;
  font-size: 1.1rem !important; }
  .RadTabStrip.cm-tabstrip.rtsHorizontal .rtsLevel1 {
    border: none; }
    .RadTabStrip.cm-tabstrip.rtsHorizontal .rtsLevel1 li.rtsLI {
      -webkit-transition: all 0.3s !important;
      transition: all 0.3s !important; }
      .RadTabStrip.cm-tabstrip.rtsHorizontal .rtsLevel1 li.rtsLI .rtsLink {
        border: none !important;
        background: none !important;
        padding-bottom: 0px; }
        .RadTabStrip.cm-tabstrip.rtsHorizontal .rtsLevel1 li.rtsLI .rtsLink .rtsTxt {
          color: #646c9a;
          padding-bottom: 1.5rem !important; }
      .RadTabStrip.cm-tabstrip.rtsHorizontal .rtsLevel1 li.rtsLI.rtsSelected .rtsLink, .RadTabStrip.cm-tabstrip.rtsHorizontal .rtsLevel1 li.rtsLI.rtsClicked .rtsLink {
        border: none !important;
        background: none !important;
        outline: none;
        padding-bottom: 0px; }
        .RadTabStrip.cm-tabstrip.rtsHorizontal .rtsLevel1 li.rtsLI.rtsSelected .rtsLink .rtsTxt, .RadTabStrip.cm-tabstrip.rtsHorizontal .rtsLevel1 li.rtsLI.rtsClicked .rtsLink .rtsTxt {
          color: #5d78ff !important;
          border-bottom: 2px solid #5d78ff !important;
          padding-bottom: 1.5rem !important; }

.RadTabStrip.cm-tab_strip--hor.rtsHorizontal {
  font-family: "Prompt", sans-serif !important;
  border: none !important;
  background: none !important;
  margin: 0px !important;
  font-weight: 500 !important;
  font-size: 1.1rem !important; }
  .RadTabStrip.cm-tab_strip--hor.rtsHorizontal .rtsLevel1 {
    border: none; }
    .RadTabStrip.cm-tab_strip--hor.rtsHorizontal .rtsLevel1 li.rtsLI {
      -webkit-transition: all 0.3s !important;
      transition: all 0.3s !important; }
      .RadTabStrip.cm-tab_strip--hor.rtsHorizontal .rtsLevel1 li.rtsLI .rtsLink {
        border: none !important;
        background: none !important;
        padding-bottom: 0px; }
        .RadTabStrip.cm-tab_strip--hor.rtsHorizontal .rtsLevel1 li.rtsLI .rtsLink .rtsTxt {
          color: #646c9a;
          padding-bottom: 1.5rem !important; }
      .RadTabStrip.cm-tab_strip--hor.rtsHorizontal .rtsLevel1 li.rtsLI.rtsSelected .rtsLink, .RadTabStrip.cm-tab_strip--hor.rtsHorizontal .rtsLevel1 li.rtsLI.rtsClicked .rtsLink {
        border: none !important;
        background: none !important;
        outline: none;
        padding-bottom: 0px; }
        .RadTabStrip.cm-tab_strip--hor.rtsHorizontal .rtsLevel1 li.rtsLI.rtsSelected .rtsLink .rtsTxt, .RadTabStrip.cm-tab_strip--hor.rtsHorizontal .rtsLevel1 li.rtsLI.rtsClicked .rtsLink .rtsTxt {
          color: #5d78ff !important;
          border-bottom: 2px solid #5d78ff !important;
          padding-bottom: 1.5rem !important; }

.RadTabStrip.cm-tab_strip--var.rtsVertical {
  border: none !important;
  background: none !important;
  margin: 0px !important;
  width: 100% !important;
  font: normal 12px "Prompt" !important; }
  .RadTabStrip.cm-tab_strip--var.rtsVertical .rtsLevel1 {
    width: 100% !important;
    border-style: none !important; }
    .RadTabStrip.cm-tab_strip--var.rtsVertical .rtsLevel1 .rtsSelected .rtsLink,
    .RadTabStrip.cm-tab_strip--var.rtsVertical .rtsLevel1 .rtsClicked .rtsLink {
      color: #5d78ff !important;
      border-right: #5d78ff !important;
      border-style: solid !important;
      border-left: none !important;
      border-top: none !important;
      border-bottom: none !important; }
  .RadTabStrip.cm-tab_strip--var.rtsVertical .rtsLink {
    padding: 14px 15px !important;
    border-style: solid !important;
    border-right: #5d78ff !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: none !important;
    color: #595d6e !important; }

/*! Custom Telerik - v2.0 - 2020-04-16
* Style : RadToolBar
*/
.RadToolBar.cm-toolbar {
  z-index: 1 !important;
  border: none;
  background: none; }
  .RadToolBar.cm-toolbar .rtbOuter {
    border: none;
    background: none; }
  .RadToolBar.cm-toolbar .rtbItem {
    margin: 0px;
    outline: 0; }
    .RadToolBar.cm-toolbar .rtbItem .rtbWrap,
    .RadToolBar.cm-toolbar .rtbItem .rtbOut,
    .RadToolBar.cm-toolbar .rtbItem .rtbMid,
    .RadToolBar.cm-toolbar .rtbItem .rtbIn,
    .RadToolBar.cm-toolbar .rtbItem .rtbIcon,
    .RadToolBar.cm-toolbar .rtbItem .rtbText,
    .RadToolBar.cm-toolbar .rtbItem .rtbSplBtnActivator,
    .RadToolBar.cm-toolbar .rtbItem .rtbChoiceArrow {
      display: inline-flex; }
    .RadToolBar.cm-toolbar .rtbItem span.rtbOut {
      display: none !important; }

/*

  @include none-bg;
        z-index: 1 $impt_;
        font: $font;
        .rtbOuter {
            @include none;
        }
        .rtbWrap,
        .rtbOut,
        .rtbMid,
        .rtbIn,
        .rtbIcon,
        .rtbText,
        .rtbSplBtnActivator,
        .rtbChoiceArrow {
            display: inline-flex;
        }
        .rtbItemHovered,
        .rtbItemFocused {
            background: none !important;
        }

        



*/
/*! Custom Telerik - v1.1 - 2020-03-30
* Style : RadTreeView - tag (.cm-treeview )
*/
.RadTreeView.cm-treeview {
  min-width: 350px;
  color: #646c9a !important;
  transition: all 0.1s ease 0s; }
  @media (max-width: 639px) {
    .RadTreeView.cm-treeview {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadTreeView.cm-treeview {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadTreeView.cm-treeview {
      font: normal 13px "Prompt" !important; } }
  .RadTreeView.cm-treeview .rtUL {
    width: 100% !important; }
  .RadTreeView.cm-treeview .rtLI {
    margin: 2px !important;
    padding-left: 20px !important; }
  .RadTreeView.cm-treeview .rtLines .rtOut:before,
  .RadTreeView.cm-treeview .rtLines .rtLI:before {
    border: none !important; }
  .RadTreeView.cm-treeview .rtPlus:before,
  .RadTreeView.cm-treeview .rtMinus:before {
    color: #646c9a !important;
    font: 20px "WebComponentsIcons"; }
  .RadTreeView.cm-treeview .rtIn {
    width: 100% !important; }
  .RadTreeView.cm-treeview .rtImg {
    border: 2px solid #ffffff !important;
    margin-right: 7px !important;
    border-radius: 50%;
    width: 28px;
    height: 29px;
    min-width: 28px;
    min-height: 29px; }
  .RadTreeView.cm-treeview .rtText {
    vertical-align: baseline !important; }
  .RadTreeView.cm-treeview:focus {
    outline: none !important; }
  .RadTreeView.cm-treeview .rtSelected .rtIn {
    padding: .3rem; }

.RadTreeView.cm-treeview_drapdrop {
  color: #646c9a !important;
  transition: all 0.1s ease 0s; }
  @media (max-width: 639px) {
    .RadTreeView.cm-treeview_drapdrop {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadTreeView.cm-treeview_drapdrop {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadTreeView.cm-treeview_drapdrop {
      font: normal 13px "Prompt" !important; } }
  .RadTreeView.cm-treeview_drapdrop .rtUL {
    width: 100% !important; }
  .RadTreeView.cm-treeview_drapdrop .rtLI {
    margin: 2px !important;
    padding-left: 20px !important; }
  .RadTreeView.cm-treeview_drapdrop .rtLines .rtOut:before,
  .RadTreeView.cm-treeview_drapdrop .rtLines .rtLI:before {
    border: none !important; }
  .RadTreeView.cm-treeview_drapdrop .rtPlus:before,
  .RadTreeView.cm-treeview_drapdrop .rtMinus:before {
    color: #646c9a !important;
    font: 20px "WebComponentsIcons"; }
  .RadTreeView.cm-treeview_drapdrop .rtIn {
    width: 100% !important; }
  .RadTreeView.cm-treeview_drapdrop .rtImg {
    border: 2px solid #ffffff !important;
    margin-right: 7px !important;
    border-radius: 50%;
    width: 28px;
    height: 29px;
    min-width: 28px;
    min-height: 29px; }
  .RadTreeView.cm-treeview_drapdrop .rtText {
    vertical-align: baseline !important; }
  .RadTreeView.cm-treeview_drapdrop:focus {
    outline: none !important; }
  .RadTreeView.cm-treeview_drapdrop .rtSelected .rtIn {
    padding: .3rem; }

/*! Custom Telerik - v1.0 - 2020-03-17
* Style : RadWindow
*/
.RadWindow.cm-window {
  padding: 5px;
  background-color: #fff; }
  .RadWindow.cm-window.cm-window--moblie {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important; }
  @media (max-width: 639px) {
    .RadWindow.cm-window {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadWindow.cm-window {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadWindow.cm-window {
      font: normal 13px "Prompt" !important; } }
  .RadWindow.cm-window .rwTitleBar {
    background-color: #fff;
    color: #646c9a !important;
    padding: 0.5rem; }
  .RadWindow.cm-window .rwTitleWrapper {
    padding: 0px; }
  .RadWindow.cm-window .rwIcon {
    margin: -.5em 0 0 0 !important;
    font-size: 14px !important; }
  .RadWindow.cm-window .rwCommandButton {
    padding: 4px; }
  .RadWindow.cm-window .rwCloseButton:hover {
    background-color: #0077c1;
    border-radius: 15px;
    color: #fff; }
  .RadWindow.cm-window_render {
    padding: 5px;
    background-color: #fff; }
    @media (max-width: 639px) {
      .RadWindow.cm-window_render {
        font: normal 11px "Prompt" !important; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .RadWindow.cm-window_render {
        font: normal 12px "Prompt" !important; } }
    @media (min-width: 1025px) {
      .RadWindow.cm-window_render {
        font: normal 13px "Prompt" !important; } }
    .RadWindow.cm-window_render .rwTitleBar {
      background-color: #fff;
      color: #646c9a !important;
      padding: 0.5rem; }
    .RadWindow.cm-window_render .rwTitleWrapper {
      padding: 0px; }
    .RadWindow.cm-window_render .rwIcon {
      margin: -.5em 0 0 0 !important;
      font-size: 14px !important; }
    .RadWindow.cm-window_render .rwCommandButton {
      padding: 4px; }
    .RadWindow.cm-window_render .rwCloseButton:hover {
      background-color: #0077c1;
      border-radius: 15px;
      color: #fff; }

div[id^="RadWindowWrapper_confirm"] {
  width: 300px !important;
  height: 250px !important;
  padding: 5px;
  background-color: #fff;
  border: 0;
  border-radius: 5px; }
  @media (max-width: 639px) {
    div[id^="RadWindowWrapper_confirm"] {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    div[id^="RadWindowWrapper_confirm"] {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    div[id^="RadWindowWrapper_confirm"] {
      font: normal 13px "Prompt" !important; } }
  div[id^="RadWindowWrapper_confirm"] .rwTitleBar {
    background-color: #fff;
    color: #646c9a !important;
    padding: 0.5rem; }
  div[id^="RadWindowWrapper_confirm"] .rwTitleWrapper {
    padding: 0px; }
  div[id^="RadWindowWrapper_confirm"] .rwIcon {
    margin: -.5em 0 0 0 !important;
    font-size: 14px !important; }
  div[id^="RadWindowWrapper_confirm"] .rwCommandButton {
    padding: 4px; }
  div[id^="RadWindowWrapper_confirm"] .rwCloseButton:hover {
    background-color: #0077c1;
    border-radius: 15px;
    color: #fff; }
  div[id^="RadWindowWrapper_confirm"] .rwTitleBar {
    background-color: #fff;
    color: #646c9a !important;
    padding: 0.8rem;
    position: absolute;
    width: 280px; }
  div[id^="RadWindowWrapper_confirm"] .rwDialog {
    margin: 0px; }
    div[id^="RadWindowWrapper_confirm"] .rwDialog:before {
      font-size: 60px;
      color: #646c9a;
      position: initial;
      top: 0;
      left: 0;
      margin: 2rem 7rem 1.8rem 8rem !important; }
  div[id^="RadWindowWrapper_confirm"] .rwDialogContent {
    padding: 1em;
    text-align: center; }
    div[id^="RadWindowWrapper_confirm"] .rwDialogContent .rwDialogMessage {
      color: #646c9a; }
  div[id^="RadWindowWrapper_confirm"] .rwDialogButtons {
    content: "ตามขนาดที่ส่งมา";
    position: initial !important;
    text-align: center !important; }
    div[id^="RadWindowWrapper_confirm"] .rwDialogButtons button {
      font-weight: bold;
      padding: 7px 26px;
      border: none;
      border-radius: 0.25rem;
      min-width: 78px;
      min-height: 35px; }
      div[id^="RadWindowWrapper_confirm"] .rwDialogButtons button.rwOkBtn {
        border-color: rgba(93, 120, 255, 0.1) !important;
        color: #0077c1 !important;
        background-color: rgba(93, 120, 255, 0.1) !important; }
        div[id^="RadWindowWrapper_confirm"] .rwDialogButtons button.rwOkBtn:hover {
          border-color: #0077c1 !important;
          color: #fff !important;
          background-color: #0077c1 !important; }
      div[id^="RadWindowWrapper_confirm"] .rwDialogButtons button.rwCancelBtn {
        border-color: rgba(93, 120, 255, 0.1) !important;
        color: #586272 !important;
        background-color: rgba(93, 120, 255, 0.1) !important; }
        div[id^="RadWindowWrapper_confirm"] .rwDialogButtons button.rwCancelBtn:hover {
          border-color: #586272 !important;
          color: #fff !important;
          background-color: #586272 !important; }

div[id^="RadWindowWrapper_alert"] {
  width: 300px !important;
  height: 270px !important;
  border: 0;
  border-radius: 5px;
  font: normal 12px "Prompt" !important;
  background-color: #fff;
  padding: 5px; }
  div[id^="RadWindowWrapper_alert"] .rwTitleBar {
    background-color: #fff;
    color: #646c9a !important;
    padding: 0.8rem;
    position: absolute;
    width: 280px; }
    div[id^="RadWindowWrapper_alert"] .rwTitleBar .rwTitleWrapper {
      display: none; }
  div[id^="RadWindowWrapper_alert"] .rwDialog:before {
    display: none; }
  div[id^="RadWindowWrapper_alert"] .rwDialogContent {
    padding: 0px; }
    div[id^="RadWindowWrapper_alert"] .rwDialogContent .modal-title {
      text-align: center;
      color: #646c9a !important; }
    div[id^="RadWindowWrapper_alert"] .rwDialogContent .icon-box {
      width: 80px;
      height: 80px;
      margin: 0 auto;
      border-radius: 50%;
      z-index: 9;
      text-align: center; }
      div[id^="RadWindowWrapper_alert"] .rwDialogContent .icon-box i {
        font-size: 46px;
        display: inline-block;
        margin: 5px; }
      div[id^="RadWindowWrapper_alert"] .rwDialogContent .icon-box.success {
        border: 3px solid #3fa055; }
        div[id^="RadWindowWrapper_alert"] .rwDialogContent .icon-box.success i {
          color: #3fa055; }
      div[id^="RadWindowWrapper_alert"] .rwDialogContent .icon-box.warning {
        border: 3px solid #646c9a; }
        div[id^="RadWindowWrapper_alert"] .rwDialogContent .icon-box.warning i {
          color: #646c9a; }
  div[id^="RadWindowWrapper_alert"] .rwDialogButtons {
    text-align: center; }
    div[id^="RadWindowWrapper_alert"] .rwDialogButtons button {
      font-weight: bold;
      padding: 7px 26px;
      border: none;
      border-radius: 0.25rem;
      min-width: 78px;
      min-height: 35px; }
      div[id^="RadWindowWrapper_alert"] .rwDialogButtons button.rwOkBtn {
        border-color: rgba(93, 120, 255, 0.1) !important;
        color: #0077c1 !important;
        background-color: rgba(93, 120, 255, 0.1) !important; }
        div[id^="RadWindowWrapper_alert"] .rwDialogButtons button.rwOkBtn:hover {
          border-color: #0077c1 !important;
          color: #fff !important;
          background-color: #0077c1 !important; }
      div[id^="RadWindowWrapper_alert"] .rwDialogButtons button.rwCancelBtn {
        border-color: rgba(93, 120, 255, 0.1) !important;
        color: #586272 !important;
        background-color: rgba(93, 120, 255, 0.1) !important; }
        div[id^="RadWindowWrapper_alert"] .rwDialogButtons button.rwCancelBtn:hover {
          border-color: #586272 !important;
          color: #fff !important;
          background-color: #586272 !important; }

.TelerikModalOverlay {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important; }

/*! Custom Telerik -
* Style : OrgChart tag ( cm-orgchart ) v2.0 - 2020-04-23
*/
.RadOrgChart.cm-orgchart {
  zoom: 0.6; }
  @media (max-width: 639px) {
    .RadOrgChart.cm-orgchart {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadOrgChart.cm-orgchart {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadOrgChart.cm-orgchart {
      font: normal 13px "Prompt" !important; } }
  .RadOrgChart.cm-orgchart .rocItem {
    height: 100%; }
  .RadOrgChart.cm-orgchart .rocItemContent,
  .RadOrgChart.cm-orgchart .rocItemTemplate {
    height: 100%;
    border-color: #fff;
    background: none;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
  .RadOrgChart.cm-orgchart .rocExpandArrow,
  .RadOrgChart.cm-orgchart .rocCollapseArrow {
    left: 51%; }
  .RadOrgChart.cm-orgchart .rocExpandArrow,
  .RadOrgChart.cm-orgchart .rocCollapseArrow,
  .RadOrgChart.cm-orgchart .rocExpandGroupArrow,
  .RadOrgChart.cm-orgchart .rocCollapseGroupArrow {
    background-color: #0077c1;
    border: 1px solid #0077c1;
    color: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    padding: 0px;
    font-size: 9px;
    line-height: 13px; }
    .RadOrgChart.cm-orgchart .rocExpandArrow:hover,
    .RadOrgChart.cm-orgchart .rocCollapseArrow:hover,
    .RadOrgChart.cm-orgchart .rocExpandGroupArrow:hover,
    .RadOrgChart.cm-orgchart .rocCollapseGroupArrow:hover {
      background-color: #0077c1;
      border: 1px solid #0077c1;
      box-shadow: 0.15rem 0.15rem 0.15rem 0.15rem rgba(0, 0, 0, 0.15);
      color: #fff; }
  .RadOrgChart.cm-orgchart .rocLineUp,
  .RadOrgChart.cm-orgchart .rocLineDown,
  .RadOrgChart.cm-orgchart .rocLineHorizontal {
    background-image: none;
    background-color: #242939; }
  .RadOrgChart.cm-orgchart.rocSimple .rocItem:after,
  .RadOrgChart.cm-orgchart.rocSimple .rocItemTemplate:after {
    border-left: 2px solid #ababab !important;
    bottom: -26px !important;
    left: 49.5% !important; }
  .RadOrgChart.cm-orgchart.rocSimple .rocNode:before {
    border-left: 2px solid #ababab !important; }
  .RadOrgChart.cm-orgchart.rocSimple .rocNode:after {
    border-left: 2px solid #ababab !important;
    bottom: -26px !important;
    left: 49.5% !important; }
  .RadOrgChart.cm-orgchart .rocNode:before {
    border-top: 2px solid #ababab !important; }

/*! Custom Telerik - v2.0 
* Style : RadAsyncUpload - 2020-03-27
* Style : RadAsyncUpload tag ( async-btn ) - 2020-04-20
*/
.RadAsyncUpload.cm-async {
  position: absolute;
  width: 100%;
  height: 100%; }
  .RadAsyncUpload.cm-async input.ruBrowse {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: none !important; }
  .RadAsyncUpload.cm-async input.ruRemove {
    position: absolute;
    top: 78px;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    border-radius: 15px;
    cursor: pointer; }
  .RadAsyncUpload.cm-async ul.ruInputs,
  .RadAsyncUpload.cm-async ul.ruInputs li {
    width: 100%;
    height: 100%; }
  .RadAsyncUpload.cm-async .ruFileWrap {
    width: 100%;
    height: 100%; }
  .RadAsyncUpload.cm-async .ruInputs .ruButtonHover,
  .RadAsyncUpload.cm-async .ruActions .ruButtonHover,
  .RadAsyncUpload.cm-async .ruFileWrap .ruButtonHover {
    background: none !important; }
  .RadAsyncUpload.cm-async .ruStyled .ruFileInput {
    width: 100% !important;
    height: 100% !important;
    padding: 0px !important;
    cursor: pointer; }
  .RadAsyncUpload.cm-async .ruFakeInput {
    width: 100% !important;
    height: 100% !important;
    padding: 0px !important; }
  .RadAsyncUpload.cm-async .ruUploadSuccess {
    display: none; }
  .RadAsyncUpload.cm-async_image {
    position: absolute;
    width: 100%;
    height: 100%; }
    .RadAsyncUpload.cm-async_image input.ruBrowse {
      width: 100% !important;
      height: 100% !important;
      border: none !important;
      background: none !important; }
    .RadAsyncUpload.cm-async_image input.ruRemove {
      position: absolute;
      top: 78px;
      left: 0px;
      bottom: 0px;
      z-index: 1;
      border-radius: 15px;
      cursor: pointer; }
    .RadAsyncUpload.cm-async_image ul.ruInputs,
    .RadAsyncUpload.cm-async_image ul.ruInputs li {
      width: 100%;
      height: 100%; }
    .RadAsyncUpload.cm-async_image .ruFileWrap {
      width: 100%;
      height: 100%; }
    .RadAsyncUpload.cm-async_image .ruInputs .ruButtonHover,
    .RadAsyncUpload.cm-async_image .ruActions .ruButtonHover,
    .RadAsyncUpload.cm-async_image .ruFileWrap .ruButtonHover {
      background: none !important; }
    .RadAsyncUpload.cm-async_image .ruStyled .ruFileInput {
      width: 100% !important;
      height: 100% !important;
      padding: 0px !important;
      cursor: pointer; }
    .RadAsyncUpload.cm-async_image .ruFakeInput {
      width: 100% !important;
      height: 100% !important;
      padding: 0px !important; }
    .RadAsyncUpload.cm-async_image .ruUploadSuccess {
      display: none; }
  .RadAsyncUpload.cm-async_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer !important; }
    .RadAsyncUpload.cm-async_btn .ruInputs,
    .RadAsyncUpload.cm-async_btn .ruButton {
      height: 100%; }
    .RadAsyncUpload.cm-async_btn .ruButton {
      display: none; }
    .RadAsyncUpload.cm-async_btn input.ruFileInput {
      width: 100%;
      height: 100%;
      padding: 0px; }
    .RadAsyncUpload.cm-async_btn .ruFileWrap {
      position: inherit; }
    .RadAsyncUpload.cm-async_btn .ruUploadProgress {
      display: none; }
    .RadAsyncUpload.cm-async_btn .ruStyled .ruFileInput {
      font-size: 0px !important; }

.RadScheduler.cm-scheduler_default {
  border: none; }
  @media (max-width: 639px) {
    .RadScheduler.cm-scheduler_default {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadScheduler.cm-scheduler_default {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadScheduler.cm-scheduler_default {
      font: normal 13px "Prompt" !important; } }
  .RadScheduler.cm-scheduler_default .rsHeader {
    text-align: center;
    background-color: #0077c1;
    color: #fff; }
  .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsWrap {
    text-align: center; }
    .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsWrap .rsDateBox {
      /* font-weight: bold;*/ }
  .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsHorizontalHeaderWrapper {
    background-color: #0077c1;
    color: #fff; }
    .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsHorizontalHeaderWrapper table.rsHorizontalHeaderTable th {
      border: none; }
  .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsContentWrapper .rsContentScrollArea {
    height: 100% !important; }
  .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsContentWrapper .rsContentTable .rsRow td {
    padding: 5px; }
    .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsContentWrapper .rsContentTable .rsRow td.rsOtherMonth, .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsContentWrapper .rsContentTable .rsRow td.rsNonWorkHour, .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsContentWrapper .rsContentTable .rsRow td.rsSunCol, .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsContentWrapper .rsContentTable .rsRow td.rsSatCol {
      background-color: #fff; }
    .RadScheduler.cm-scheduler_default .rsContent.rsMonthView .rsContentWrapper .rsContentTable .rsRow td.rsAptCreate {
      background-color: #fff; }

.RadUploadProgressArea.cm-progress_default {
  border: none;
  box-shadow: 0.123rem 0.35rem 0.35rem 0.35rem rgba(0, 0, 0, 0.075) !important;
  color: #646c9a !important;
  border-radius: 5px; }
  @media (max-width: 639px) {
    .RadUploadProgressArea.cm-progress_default {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadUploadProgressArea.cm-progress_default {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadUploadProgressArea.cm-progress_default {
      font: normal 13px "Prompt" !important; } }
  .RadUploadProgressArea.cm-progress_default .ruHeader,
  .RadUploadProgressArea.cm-progress_default .ruFooter,
  .RadUploadProgressArea.cm-progress_default .ruBody {
    border: none !important;
    background-color: #fff; }
  .RadUploadProgressArea.cm-progress_default .ruHeader {
    color: #646c9a !important;
    border-bottom: solid; }
  .RadUploadProgressArea.cm-progress_default .ruFooter .radButton.ruCancel {
    border: none;
    background-color: rgba(93, 120, 255, 0.1);
    border-radius: 0.2rem;
    transition: all 0.3s ease 0s;
    color: #0077c1; }
  .RadUploadProgressArea.cm-progress_default .ruFooter .radButton:hover {
    background-color: #0077c1 !important;
    color: #fff !important; }
  .RadUploadProgressArea.cm-progress_default .ruBody .ruProgressBar {
    border-radius: 100%; }
  .RadUploadProgressArea.cm-progress_default .ruBody .ruProgress {
    border: none;
    box-shadow: 0.35rem 0.35rem 0.35rem rgba(0, 0, 0, 0.075);
    border-radius: 5px; }

/*! Custom Telerik
* Style : updatepanel tag ( cm-loader ) v1.0 - 2020-04-22
*/
.wp-loader {
  position: relative;
  border-bottom: 2px solid #ebedf2;
  padding: 1rem;
  margin-bottom: 6px; }
  .wp-loader_circle {
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    animation: rotate 2s infinite linear; }
    .wp-loader_circle:before {
      width: 50%;
      height: 50%;
      border-radius: 100% 0 0 0;
      position: absolute;
      top: 0;
      left: 0;
      content: ''; }
    .wp-loader_circle:after {
      background: #ffffff;
      width: 80%;
      height: 80%;
      border-radius: 50%;
      content: '';
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 10; }
    .wp-loader_circle .wp-loader_circle--line {
      background: #f3f3f3;
      width: 100%;
      height: 100%;
      border: 1px solid #f1f1f1;
      border-radius: 100%;
      padding: 2rem; }
  .wp-loader_number {
    /*position: absolute;
        z-index: 11;
        width: 11em;
        height: 11em;
        border-radius: 50%;*/
    top: 18px;
    position: absolute;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0); }
    .wp-loader_number .wp-loader--in {
      width: 100%;
      height: 100%;
      padding: 4.1rem 3rem;
      font-weight: bold;
      font-size: 1.4em; }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg); } }

.RadListBox.cm-listbox_default .rlbList .rlbItem {
  font-weight: bold;
  color: #646c9a; }
  @media (max-width: 639px) {
    .RadListBox.cm-listbox_default .rlbList .rlbItem {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadListBox.cm-listbox_default .rlbList .rlbItem {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadListBox.cm-listbox_default .rlbList .rlbItem {
      font: normal 13px "Prompt" !important; } }
  .RadListBox.cm-listbox_default .rlbList .rlbItem.rlbHovered, .RadListBox.cm-listbox_default .rlbList .rlbItem.rlbActive, .RadListBox.cm-listbox_default .rlbList .rlbItem.rlbSelected {
    background-color: rgba(93, 120, 255, 0.1); }

.RadListBox.cm-listbox_default .rlbButtonAreaRight .rlbButton {
  border: none;
  background-color: rgba(93, 120, 255, 0.1); }
  .RadListBox.cm-listbox_default .rlbButtonAreaRight .rlbButton .rlbButtonIcon {
    color: #0077C1; }
  .RadListBox.cm-listbox_default .rlbButtonAreaRight .rlbButton[disabled="disabled"] {
    background-color: rgba(93, 120, 255, 0.1); }

.RadComboBoxDropDown {
  border: none !important;
  padding: 5px !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  color: #646c9a !important; }
  @media (max-width: 639px) {
    .RadComboBoxDropDown {
      font: normal 11px "Prompt" !important; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .RadComboBoxDropDown {
      font: normal 12px "Prompt" !important; } }
  @media (min-width: 1025px) {
    .RadComboBoxDropDown {
      font: normal 13px "Prompt" !important; } }
  .RadComboBoxDropDown .rcbHeader {
    padding: 3px; }
  .RadComboBoxDropDown .rcbItem,
  .RadComboBoxDropDown .rcbHovered,
  .RadComboBoxDropDown .rcbDisabled,
  .RadComboBoxDropDown .rcbLoading,
  .RadComboBoxDropDown .rcbCheckAllItems,
  .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: 4px !important; }
  .RadComboBoxDropDown .rcbHovered {
    cursor: pointer; }

@media (max-width: 419px) {
  .rcbSlide {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    position: fixed !important;
    background-color: rgba(0, 0, 0, 0.38) !important;
    padding: 10rem 2rem 0rem 2rem !important;
    width: 100% !important;
    height: 100% !important; }
    .rcbSlide > .RadComboBoxDropDown {
      border: none !important;
      padding: 5px !important;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
      color: #646c9a !important;
      height: 290px !important;
      border-radius: 0px;
      width: 100% !important; } }
    @media (max-width: 419px) and (max-width: 639px) {
      .rcbSlide > .RadComboBoxDropDown {
        font: normal 11px "Prompt" !important; } }
    @media (max-width: 419px) and (min-width: 641px) and (max-width: 1024px) {
      .rcbSlide > .RadComboBoxDropDown {
        font: normal 12px "Prompt" !important; } }
    @media (max-width: 419px) and (min-width: 1025px) {
      .rcbSlide > .RadComboBoxDropDown {
        font: normal 13px "Prompt" !important; } }

@media (max-width: 419px) {
      .rcbSlide > .RadComboBoxDropDown .rcbHeader {
        padding: 3px; }
      .rcbSlide > .RadComboBoxDropDown .rcbItem,
      .rcbSlide > .RadComboBoxDropDown .rcbHovered,
      .rcbSlide > .RadComboBoxDropDown .rcbDisabled,
      .rcbSlide > .RadComboBoxDropDown .rcbLoading,
      .rcbSlide > .RadComboBoxDropDown .rcbCheckAllItems,
      .rcbSlide > .RadComboBoxDropDown .rcbCheckAllItemsHovered {
        padding: 4px !important; }
      .rcbSlide > .RadComboBoxDropDown .rcbHovered {
        cursor: pointer; }
      .rcbSlide > .RadComboBoxDropDown .rcbItem,
      .rcbSlide > .RadComboBoxDropDown .rcbHovered,
      .rcbSlide > .RadComboBoxDropDown .rcbDisabled,
      .rcbSlide > .RadComboBoxDropDown .rcbLoading,
      .rcbSlide > .RadComboBoxDropDown .rcbCheckAllItems,
      .rcbSlide > .RadComboBoxDropDown .rcbCheckAllItemsHovered {
        text-align: center;
        padding: 10px 4px !important;
        font-size: 1rem !important; }
      .rcbSlide > .RadComboBoxDropDown .rcbScroll {
        overflow: auto !important;
        height: 280px; }
      .rcbSlide > .RadComboBoxDropDown .rcbHeader th,
      .rcbSlide > .RadComboBoxDropDown .rcbHeader td,
      .rcbSlide > .RadComboBoxDropDown .rcbTemplate th,
      .rcbSlide > .RadComboBoxDropDown .rcbTemplate td {
        display: none; }
        .rcbSlide > .RadComboBoxDropDown .rcbHeader th:first-child,
        .rcbSlide > .RadComboBoxDropDown .rcbHeader td:first-child,
        .rcbSlide > .RadComboBoxDropDown .rcbTemplate th:first-child,
        .rcbSlide > .RadComboBoxDropDown .rcbTemplate td:first-child {
          display: block; }
      .rcbSlide > .RadComboBoxDropDown .rcbTemplate {
        padding: 10px !important; } }

/*.kt-widget.kt-widget--general-1 {
    .kt-media {}
    .kt-widget__wrapper {
        .kt-widget__label {
            .kt-widget__title {
                &:hover {
                    t
                }
            }
            .kt-widget__desc {}
        }
        .kt-widget__toolbar {
            .btn {
                &:last-child {}
            }
            &.kt-widget__toolbar--top {}
        }
    }
}*/
.kt-widget.kt-widget--general-1.cm-orgchart_widget .kt-widget__wrapper .kt-widget__label .kt-widget__title {
  font-size: 1rem;
  cursor: pointer;
  color: #74788d; }
  .kt-widget.kt-widget--general-1.cm-orgchart_widget .kt-widget__wrapper .kt-widget__label .kt-widget__title:hover {
    color: #5d78ff; }

.kt-widget.kt-widget--general-1.cm-orgchart_widget .kt-widget__wrapper .kt-widget__toolbar {
  position: absolute;
  top: 0;
  right: 0; }
  .kt-widget.kt-widget--general-1.cm-orgchart_widget .kt-widget__wrapper .kt-widget__toolbar > a {
    cursor: pointer; }
  .kt-widget.kt-widget--general-1.cm-orgchart_widget .kt-widget__wrapper .kt-widget__toolbar .btn {
    color: #74788d; }

.kt-widget.kt-widget--general-1.cm-orgchart_widget .cm-orgchart_bar {
  cursor: pointer; }
  .kt-widget.kt-widget--general-1.cm-orgchart_widget .cm-orgchart_bar > i {
    color: #74788d; }

/*
.RadOrgChart {
    &.cm {
        &-orgchart {
            .rocItem {
                &:hover .kt-widget__toolbar {
                    display: block;
                }
            }
        }
    }
}*/
@media (max-width: 639px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__top .kt-widget__label .kt-widget__title {
    font: normal 1rem "Prompt" !important;
    font-weight: 500; } }

@media (min-width: 641px) and (max-width: 1024px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__top .kt-widget__label .kt-widget__title {
    font: normal 1.2rem "Prompt" !important;
    font-weight: 500; } }

@media (min-width: 1025px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__top .kt-widget__label .kt-widget__title {
    font: normal 1.3rem "Prompt" !important;
    font-weight: 500; } }

@media (max-width: 639px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__top .kt-widget__label .kt-widget__desc {
    font: normal 0.9rem "Prompt" !important;
    font-weight: 400; } }

@media (min-width: 641px) and (max-width: 1024px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__top .kt-widget__label .kt-widget__desc {
    font: normal 1rem "Prompt" !important;
    font-weight: 400; } }

@media (min-width: 1025px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__top .kt-widget__label .kt-widget__desc {
    font: normal 1rem "Prompt" !important;
    font-weight: 400; } }

@media (max-width: 639px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__bottom .kt-widget__summary .kt-widget__item .kt-widget__hint {
    font: normal 0.9rem "Prompt" !important;
    font-weight: 400; } }

@media (min-width: 641px) and (max-width: 1024px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__bottom .kt-widget__summary .kt-widget__item .kt-widget__hint {
    font: normal 1rem "Prompt" !important;
    font-weight: 400; } }

@media (min-width: 1025px) {
  .kt-widget.kt-widget--general-3:not(.kt-widget--fit) .kt-widget__bottom .kt-widget__summary .kt-widget__item .kt-widget__hint {
    font: normal 1rem "Prompt" !important;
    font-weight: 400; } }

.kt-widget-4.wp-widget-4 {
  cursor: pointer; }
  .kt-widget-4.wp-widget-4 .kt-widget-4__item {
    margin-bottom: 0px !important; }
    .kt-widget-4.wp-widget-4 .kt-widget-4__item .kt-widget-4__item-content .kt-widget-4__item-section .kt-widget-4__item-pic {
      border-radius: 50%;
      width: 49px;
      height: 49px;
      min-width: 49px;
      max-height: 49px;
      box-shadow: 0 0.15rem 0.15rem 0.15rem #f1f1f1; }
      .kt-widget-4.wp-widget-4 .kt-widget-4__item .kt-widget-4__item-content .kt-widget-4__item-section .kt-widget-4__item-pic > img {
        width: 49px;
        height: 49px; }
      .kt-widget-4.wp-widget-4 .kt-widget-4__item .kt-widget-4__item-content .kt-widget-4__item-section .kt-widget-4__item-pic.active {
        box-shadow: none; }
        .kt-widget-4.wp-widget-4 .kt-widget-4__item .kt-widget-4__item-content .kt-widget-4__item-section .kt-widget-4__item-pic.active > img {
          display: none; }

/*
.cm-orgchart {
    .wp-widget_tools {
        display: none;
    }
    .rocItem {
        transition: all 1s ease 0s;
        &:hover {
            background: #ffffff;
            .wp-widget_tools {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
        }
    }
}*/
.kt-widget-7.cm-widget-7 .kt-widget-7__items {
  padding: 0.5rem 0.8rem; }
  .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item {
    padding: 0.6rem;
    background-color: rgba(93, 120, 255, 0.1);
    border-radius: 5px; }
    @media (max-width: 639px) {
      .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item .kt-widget-7__item-info .kt-widget-7__item-title {
        font: normal 0.9rem "Prompt" !important;
        font-weight: 500; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item .kt-widget-7__item-info .kt-widget-7__item-title {
        font: normal 0.9rem "Prompt" !important;
        font-weight: 500; } }
    @media (min-width: 1025px) {
      .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item .kt-widget-7__item-info .kt-widget-7__item-title {
        font: normal 1rem "Prompt" !important;
        font-weight: 500; } }
    @media (max-width: 639px) {
      .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item .kt-widget-7__item-info .kt-widget-7__item-desc {
        font: normal 0.5rem "Prompt" !important;
        font-weight: 400; } }
    @media (min-width: 641px) and (max-width: 1024px) {
      .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item .kt-widget-7__item-info .kt-widget-7__item-desc {
        font: normal 0.6rem "Prompt" !important;
        font-weight: 400; } }
    @media (min-width: 1025px) {
      .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item .kt-widget-7__item-info .kt-widget-7__item-desc {
        font: normal 0.8rem "Prompt" !important;
        font-weight: 400; } }
    .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item .kt-widget-7__item-pic {
      background-color: #ffffff;
      border-radius: 50%; }
      .kt-widget-7.cm-widget-7 .kt-widget-7__items .kt-widget-7__item .kt-widget-7__item-pic > i {
        margin: 1rem; }

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .kt-portlet.wp-grap_bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0px;
    z-index: 110;
    border-radius: 0px; }
    .kt-portlet.wp-grap_bar .kt-portlet__body {
      background-color: #fff;
      position: relative; }
      .kt-portlet.wp-grap_bar .kt-portlet__body .kt-widget-9 .kt-widget-9__panel {
        display: none; }
      .kt-portlet.wp-grap_bar .kt-portlet__body .kt-widget-9 .kt-widget-9__chart {
        margin-top: 0px; } }

/* @include media("<phone") {
    &__head {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #0077C1;
        &.active {
            display: block;
        }
    }
}*/
@media (max-width: 639px) {
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-head .kt-widget__desc {
    font-size: 0.8rem;
    font-weight: 400; }
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-head .kt-widget__title {
    font-size: 1rem;
    font-weight: 500; } }

@media (min-width: 641px) and (max-width: 1024px) {
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-head .kt-widget__desc {
    font-size: 0.8rem;
    font-weight: 400; }
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-head .kt-widget__title {
    font-size: 0.9rem;
    font-weight: 500; } }

@media (min-width: 1025px) {
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-head .kt-widget__desc {
    font-size: 0.9rem;
    font-weight: 400; }
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-head .kt-widget__title {
    font-size: 1.2rem;
    font-weight: 500; } }

@media (max-width: 639px) {
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-location .kt-widget__desc {
    font-size: 0.78rem;
    font-weight: 400; }
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-location .kt-widget__title {
    font-size: 0.78rem;
    font-weight: 500; } }

@media (min-width: 641px) and (max-width: 1024px) {
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-location .kt-widget__desc {
    font-size: 0.8rem;
    font-weight: 400; }
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-location .kt-widget__title {
    font-size: 0.9rem;
    font-weight: 500; } }

@media (min-width: 1025px) {
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-location .kt-widget__desc {
    font-size: 0.9rem;
    font-weight: 400; }
  .kt-widget__wrapper.cm-wrapper_card .kt-widget__label.cm-wrapper_card-location .kt-widget__title {
    font-size: 1rem;
    font-weight: 500; } }

.kt-switch.cm-switch label {
  position: relative; }
  .kt-switch.cm-switch label .cm-switch_lock {
    background-color: #e8ebf1;
    position: absolute;
    line-height: 24px;
    margin: 2px 0;
    height: 24px;
    width: 40px;
    border-radius: 12px;
    left: 0;
    padding: 1px 14px;
    opacity: 0;
    transition: all 1s ease 0s; }
    .kt-switch.cm-switch label .cm-switch_lock:hover {
      opacity: 1;
      cursor: pointer; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

.card.cm-card_log {
  border: 0 !important; }
  .card.cm-card_log .card-body {
    padding-top: 1rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative; }
    .card.cm-card_log .card-body .card-loading {
      position: absolute;
      background: #ffffff;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 5px; }
      .card.cm-card_log .card-body .card-loading .icon {
        border: 5px solid #f3f3f3;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        border-top: 5px solid #0077C1;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 9rem 19rem; }
      .card.cm-card_log .card-body .card-loading .active {
        display: none; }
  .card.cm-card_log .card-log {
    min-height: 300px;
    max-height: 300px;
    height: 300px;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    width: 100%; }
    .card.cm-card_log .card-log .card-loading {
      position: absolute;
      background: #ffffff;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 5px; }
      .card.cm-card_log .card-log .card-loading .icon {
        border: 5px solid #f3f3f3;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        border-top: 5px solid #0077C1;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 9rem 19rem; }
      .card.cm-card_log .card-log .card-loading .active {
        display: none; }

.card.cm-card_loading {
  border: 0 !important; }
  .card.cm-card_loading .card-body {
    padding-top: 1rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative; }
    .card.cm-card_loading .card-body .card-loading {
      position: absolute;
      background: #ffffff;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 5px; }
      .card.cm-card_loading .card-body .card-loading .icon {
        border: 5px solid #f3f3f3;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        border-top: 5px solid #0077C1;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 9rem 19rem; }
      .card.cm-card_loading .card-body .card-loading .active {
        display: none; }
  .card.cm-card_loading .card-log {
    min-height: 300px;
    max-height: 300px;
    height: 300px;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    width: 100%; }
    .card.cm-card_loading .card-log .card-loading {
      position: absolute;
      background: #ffffff;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 5px; }
      .card.cm-card_loading .card-log .card-loading .icon {
        border: 5px solid #f3f3f3;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        border-top: 5px solid #0077C1;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 9rem 19rem; }
      .card.cm-card_loading .card-log .card-loading .active {
        display: none; }

.media.cm-media_resgiter {
  padding: 1rem 0rem 1rem 0rem !important;
  }
  .media.cm-media_resgiter .media-img {
    margin-right: 1rem; }
    .media.cm-media_resgiter .media-img .de {
      background: no-repeat url("../../assets/images/devices.png");
      background-size: 72px 1240px;
      width: 72px;
      height: 72px;
      background-position-x: 0; }
      .media.cm-media_resgiter .media-img .de.de-linux {
        background-position-y: -9px; }
      .media.cm-media_resgiter .media-img .de.de-Mac, .media.cm-media_resgiter .media-img .de.de-MacOs {
        background-position-y: -77px; }
      .media.cm-media_resgiter .media-img .de.de-tablet {
        background-position-y: -145px; }
      .media.cm-media_resgiter .media-img .de.de-Windows, .media.cm-media_resgiter .media-img .de.de-window, .media.cm-media_resgiter .media-img .de.de-Desktop, .media.cm-media_resgiter .media-img .de.de-desktop {
        background-position-y: -227px; }
      .media.cm-media_resgiter .media-img .de.de-iphone, .media.cm-media_resgiter .media-img .de.de-iPhone {
        background-position-y: -365px; }
      .media.cm-media_resgiter .media-img .de.de-android, .media.cm-media_resgiter .media-img .de.de-Android, .media.cm-media_resgiter .media-img .de.de-smartphone {
        background-position-y: -1023px; }
      .media.cm-media_resgiter .media-img .de.de-ipad, .media.cm-media_resgiter .media-img .de.de-iPad {
        background-position-y: -731px; }
  .media.cm-media_resgiter .media-body {
    margin-left: 0.5rem; }
  .media.cm-media_resgiter .card-loading {
    position: absolute;
    background: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px; }
    .media.cm-media_resgiter .card-loading .icon {
      border: 5px solid #f3f3f3;
      -webkit-animation: spin 1s linear infinite;
      animation: spin 1s linear infinite;
      border-top: 5px solid #0077C1;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      margin: 9rem 19rem; }
    .media.cm-media_resgiter .card-loading .active {
      display: none; }

.media.cm-media_log {
  transition: all 1s ease 0s;
  padding: 0.5rem 0.8rem;
  border: 1px solid #dee2e6;
  border-radius: 5px; }
  .media.cm-media_log:hover {
    background-color: #f1f1f1;
    cursor: pointer; }
  .media.cm-media_log:focus {
    background-color: #fff; }
  .media.cm-media_log .media-img {
    margin-right: 1rem; }
    .media.cm-media_log .media-img .de {
      background: no-repeat url("../../assets/images/devices.png");
      background-size: 72px 1240px;
      width: 72px;
      height: 72px;
      background-position-x: 0; }
      .media.cm-media_log .media-img .de.de-linux {
        background-position-y: -9px; }
      .media.cm-media_log .media-img .de.de-Mac, .media.cm-media_log .media-img .de.de-MacOs {
        background-position-y: -77px; }
      .media.cm-media_log .media-img .de.de-tablet {
        background-position-y: -145px; }
      .media.cm-media_log .media-img .de.de-Windows, .media.cm-media_log .media-img .de.de-window, .media.cm-media_log .media-img .de.de-Desktop, .media.cm-media_log .media-img .de.de-desktop {
        background-position-y: -227px; }
      .media.cm-media_log .media-img .de.de-iphone, .media.cm-media_log .media-img .de.de-iPhone {
        background-position-y: -365px; }
      .media.cm-media_log .media-img .de.de-android, .media.cm-media_log .media-img .de.de-Android, .media.cm-media_log .media-img .de.de-smartphone {
        background-position-y: -1023px; }
      .media.cm-media_log .media-img .de.de-ipad, .media.cm-media_log .media-img .de.de-iPad {
        background-position-y: -731px; }
  .media.cm-media_log .media-body {
    margin: 0.5rem 0.5rem !important; }
  .media.cm-media_log .media-bar {
    margin-top: 1.5rem !important; }

.modal.cm-modal_confirm .modal-confirm {
  color: #636363;
  max-width: 400px; }
  .modal.cm-modal_confirm .modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px; }
  .modal.cm-modal_confirm .modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
    display: table; }
  .modal.cm-modal_confirm .modal-confirm .modal-body {
    color: #999; }
  .modal.cm-modal_confirm .modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
    display: table; }
  .modal.cm-modal_confirm .modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px; }
  .modal.cm-modal_confirm .modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px; }
  .modal.cm-modal_confirm .modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e; }
    .modal.cm-modal_confirm .modal-confirm .icon-box i {
      color: #f15e5e;
      font-size: 46px;
      display: inline-block;
      margin-top: 13px; }
      .modal.cm-modal_confirm .modal-confirm .icon-box i.chalkboard- {
        font-size: 33px !important;
        margin-top: 20px !important; }

.modal.cm-modal_confirm .modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden; }

.modal.cm-modal_welcome .modal-welcome {
  color: #636363;
  max-width: 400px; }
  .modal.cm-modal_welcome .modal-welcome .modal-content {
    padding: 0px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px; }
    .modal.cm-modal_welcome .modal-welcome .modal-content .kt-head {
      background-image: url("../../assets/media/misc/head_bg_sm.jpg"); }
      @media (max-width: 639px) {
        .modal.cm-modal_welcome .modal-welcome .modal-content .kt-head {
          min-height: 100px; } }
      @media (min-width: 641px) and (max-width: 1024px) {
        .modal.cm-modal_welcome .modal-welcome .modal-content .kt-head {
          min-height: 100px; } }
  .modal.cm-modal_welcome .modal-welcome .modal-header {
    border-bottom: none;
    display: table;
    position: absolute;
    width: 100%;
    padding: 5rem;
    top: 0px; }
  .modal.cm-modal_welcome .modal-welcome .modal-body {
    padding: 6.55rem 0 1.5rem; }
  .modal.cm-modal_welcome .modal-welcome .icon-box {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    background-color: #fff; }
    .modal.cm-modal_welcome .modal-welcome .icon-box i {
      color: #f15e5e;
      font-size: 46px;
      display: inline-block;
      margin-top: 23px; }

.modal.cm-modal_profile {
  background-color: rgba(42, 42, 42, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 1 !important;
  overflow: hidden; }
  .modal.cm-modal_profile.right .modal-dialog {
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .modal.cm-modal_profile.right.fades .modal-dialog {
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out; }
  .modal.cm-modal_profile.right.fades.in .modal-dialog {
    right: 0; }
  .modal.cm-modal_profile .modal-profile {
    color: #636363;
    max-width: 400px; }
  .modal.cm-modal_profile .modal-dialog {
    margin: 0rem 0rem 0rem auto;
    height: 100%; }
    .modal.cm-modal_profile .modal-dialog-centered:before {
      height: auto; }
  .modal.cm-modal_profile .modal-content {
    height: 100%; }
    .modal.cm-modal_profile .modal-content .kt-head {
      background-image: url("../../assets/media/misc/head_bg_sm.jpg"); }
      @media (max-width: 639px) {
        .modal.cm-modal_profile .modal-content .kt-head {
          min-height: 100px; } }
      @media (min-width: 641px) and (max-width: 1024px) {
        .modal.cm-modal_profile .modal-content .kt-head {
          min-height: 100px; } }

.modal:focus {
  overflow: hidden !important; }

/**
* Modal PDPA [START]
*
*/

.modal.cm-modal_inform .modal-inform {
    color: #636363;
}

    .modal.cm-modal_inform .modal-inform .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
        text-align: center;
        font-size: 14px;
    }

    .modal.cm-modal_inform .modal-inform .modal-header {
        border-bottom: none;
        position: relative;
        display: table;
        padding: 0.8rem !important;
    }

    .modal.cm-modal_inform .modal-inform .modal-body {
        color: #999;
        padding: 0px;
    }

@media (max-width: 1024px) and (min-width: 641px) {
    .modal.cm-modal_inform .modal-inform .modal-body .kt-scroll {
        overflow: auto;
    }
}

.modal.cm-modal_inform .modal-inform .modal-body .body-foober {
    width: 100%;
    position: absolute;
    bottom: 11px;
    left: 0px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .modal.cm-modal_inform .modal-inform .modal-body .body-foober a.btn {
        margin-right: 5px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: rgba(65, 63, 63, 0.5);
        color: #fff;
    }

    .modal.cm-modal_inform .modal-inform .modal-body .body-foober a.btn-page {
        width: 40px;
        border-radius: 5px;
    }

    .modal.cm-modal_inform .modal-inform .modal-body .body-foober a.btn:hover {
        color: #fff !important;
        background-color: rgba(16, 16, 16, 0.5) !important;
        box-shadow: 0 1px 1px rgba(20, 20, 20, 0.15), 0 2px 2px rgba(24, 24, 24, 0.15), 0 2px 3px rgba(24, 24, 24, 0.15), 0 2px 6px rgba(24, 24, 24, 0.15);
    }

    .modal.cm-modal_inform .modal-inform .modal-body .body-foober a.btn:disabled {
        background-color: #5e0909 !important;
    }

    .modal.cm-modal_inform .modal-inform .modal-body .body-foober a.btn i {
        font-size: 0.8rem;
    }

    .modal.cm-modal_inform .modal-inform .modal-body .body-foober a.btn span {
        font-size: 0.8rem;
    }

.modal.cm-modal_inform .modal-inform .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 25px 15px 11px;
    display: table;
}

    /*.modal.cm-modal_inform .modal-inform .modal-footer .btn {
        background-color: rgba(93, 120, 255, 0.1);
        color: #0077C1;
    }

        .modal.cm-modal_inform .modal-inform .modal-footer .btn:hover {
            background-color: #0077C1 !important;
            color: #fff !important;
        }

            .modal.cm-modal_inform .modal-inform .modal-footer .btn:hover:disabled {
                background-color: rgba(93, 120, 255, 0.1);
            }*/

        .modal.cm-modal_inform .modal-inform .modal-footer .btn:disabled {
            /*background-color: rgba(93, 120, 255, 0.1) !important;
            color: #0077C1 !important;*/
            cursor: default;
        }

.modal.cm-modal_inform .modal-inform h4 {
    text-align: center;
    font-size: 26px;
}

.modal.cm-modal_inform .modal-inform .close {
    position: absolute;
    top: -5px;
    right: -2px;
}

.modal.cm-modal_inform .modal-inform .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}

    .modal.cm-modal_inform .modal-inform .icon-box i {
        color: #f15e5e;
        font-size: 46px;
        display: inline-block;
        margin-top: 13px;
    }

        .modal.cm-modal_inform .modal-inform .icon-box i.chalkboard- {
            font-size: 33px !important;
            margin-top: 20px !important;
        }


/**
* Modal PDPA [END]
*
*/

.modal.cm-modal_issue .modal-issue {
    color: #636363;
    max-width: 500px;
}

    .modal.cm-modal_issue .modal-issue .modal-content {
        padding: 0px;
        border-radius: 5px;
        border: none;
        font-size: 14px;
    }

    .modal.cm-modal_issue .modal-issue .modal-header {
        border-bottom: none;
        width: 100%;
    }

    .modal.cm-modal_issue .modal-issue .icon-box {
        width: 90px;
        height: 90px;
        margin: 0 auto;
        border-radius: 50%;
        z-index: 9;
        text-align: center;
        background-color: #fff;
    }

        .modal.cm-modal_issue .modal-issue .icon-box i {
            color: #f15e5e;
            font-size: 46px;
            display: inline-block;
            margin-top: 23px;
        }

.cm-widget-18 {
    padding-left: 2rem;
    padding-right: 2rem;
}

    .cm-widget-18.kt-widget-18 .kt-widget-18__item {
        margin-bottom: 1rem;
    }

        .cm-widget-18.kt-widget-18 .kt-widget-18__item .kt-widget-18__desc .kt-widget-18__title:hover {
            color: #48465b;
        }






/*! Custom Telerik -
* Style : OrgChart tag ( cm-orgchart ) v2.0 - 2020-04-23
*/ .RadOrgChart.cm-orgchart {
    zoom: .6
}

@media (max-width:639px) {
    .RadOrgChart.cm-orgchart {
        font: normal 11px Prompt !important
    }
}

@media (min-width:641px) and (max-width:1024px) {
    .RadOrgChart.cm-orgchart {
        font: normal 12px Prompt !important
    }
}

@media (min-width:1025px) {
    .RadOrgChart.cm-orgchart {
        font: normal 13px Prompt !important
    }
}

.RadOrgChart.cm-orgchart .rocItem {
    height: 100%
}

.RadOrgChart.cm-orgchart .rocItemContent, .RadOrgChart.cm-orgchart .rocItemTemplate {
    height: 100%;
    border-color: #fff;
    background: none;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    min-width: 18em;
    max-width: 22em
}

.RadOrgChart.cm-orgchart .rocNodeList {
    margin-top: 49px
}

.RadOrgChart.cm-orgchart li.rocCollapsedNode .rocItemTemplate:after {
    border: none !important
}

.RadOrgChart.cm-orgchart .rocCollapseArrow, .RadOrgChart.cm-orgchart .rocExpandArrow {
    left: 51%;
    bottom: -9px
}

.RadOrgChart.cm-orgchart .rocCollapseArrow, .RadOrgChart.cm-orgchart .rocCollapseGroupArrow, .RadOrgChart.cm-orgchart .rocExpandArrow, .RadOrgChart.cm-orgchart .rocExpandGroupArrow {
    background-color: #0077c1;
    border: 1px solid #0077c1;
    color: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    padding: 0;
    font-size: 9px;
    line-height: 13px
}

    .RadOrgChart.cm-orgchart .rocCollapseArrow:hover, .RadOrgChart.cm-orgchart .rocCollapseGroupArrow:hover, .RadOrgChart.cm-orgchart .rocExpandArrow:hover, .RadOrgChart.cm-orgchart .rocExpandGroupArrow:hover {
        background-color: #0077c1;
        border: 1px solid #0077c1;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
        color: #fff
    }

.RadOrgChart.cm-orgchart .rocLineDown, .RadOrgChart.cm-orgchart .rocLineHorizontal, .RadOrgChart.cm-orgchart .rocLineUp {
    background-image: none;
    background-color: #242939
}

.RadOrgChart.cm-orgchart.rocSimple .rocItem:after, .RadOrgChart.cm-orgchart.rocSimple .rocItemTemplate:after {
    border-left: 2px solid #ababab !important
}

.RadOrgChart.cm-orgchart.rocSimple .rocNode:before {
    border-left: 2px solid #ababab !important
}

.RadOrgChart.cm-orgchart.rocSimple .rocNode:after {
    border-left: 2px solid #ababab !important
}

.RadOrgChart.cm-orgchart .rocNode:before {
    border-top: 2px solid #ababab !important
}

.wp-orgchart {
    position: relative
}

    .wp-orgchart .wp-orgchart_insert {
        background: #f1f1f1;
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
        cursor: pointer
    }

        .wp-orgchart .wp-orgchart_insert.active {
            display: grid !important
        }

    .wp-orgchart .wp-orgchart_insert--group {
        border-radius: 1rem;
        position: relative;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

        .wp-orgchart .wp-orgchart_insert--group > i {
            font-size: 2rem;
            color: #a1a1a1;
            line-height: 1px
        }

    .wp-orgchart .wp-orgchart_content.RadOrgChart {
        zoom: .6
    }

@media (max-width:639px) {
    .wp-orgchart .wp-orgchart_content.RadOrgChart {
        font: normal 11px Prompt !important
    }
}

@media (min-width:641px) and (max-width:1024px) {
    .wp-orgchart .wp-orgchart_content.RadOrgChart {
        font: normal 12px Prompt !important
    }
}

@media (min-width:1025px) {
    .wp-orgchart .wp-orgchart_content.RadOrgChart {
        font: normal 13px Prompt !important
    }
}

.wp-orgchart .wp-orgchart_content.RadOrgChart .rocItem {
    height: 100%
}

.wp-orgchart .wp-orgchart_content.RadOrgChart .rocItemContent, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocItemTemplate {
    height: 100%;
    border-color: #fff;
    background: none;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    min-width: 18em;
    max-width: 22em
}

.wp-orgchart .wp-orgchart_content.RadOrgChart .rocNodeList {
    margin-top: 49px
}

.wp-orgchart .wp-orgchart_content.RadOrgChart li.rocCollapsedNode .rocItemTemplate:after {
    border: none !important
}

.wp-orgchart .wp-orgchart_content.RadOrgChart .rocCollapseArrow, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocExpandArrow {
    left: 51%;
    bottom: -9px
}

.wp-orgchart .wp-orgchart_content.RadOrgChart .rocCollapseArrow, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocCollapseGroupArrow, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocExpandArrow, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocExpandGroupArrow {
    background-color: #0077c1;
    border: 1px solid #0077c1;
    color: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    padding: 0;
    font-size: 9px;
    line-height: 13px
}

    .wp-orgchart .wp-orgchart_content.RadOrgChart .rocCollapseArrow:hover, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocCollapseGroupArrow:hover, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocExpandArrow:hover, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocExpandGroupArrow:hover {
        background-color: #0077c1;
        border: 1px solid #0077c1;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
        color: #fff
    }

.wp-orgchart .wp-orgchart_content.RadOrgChart .rocLineDown, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocLineHorizontal, .wp-orgchart .wp-orgchart_content.RadOrgChart .rocLineUp {
    background-image: none;
    background-color: #242939
}

.wp-orgchart .wp-orgchart_content.RadOrgChart.rocSimple .rocItem:after, .wp-orgchart .wp-orgchart_content.RadOrgChart.rocSimple .rocItemTemplate:after {
    border-left: 2px solid #ababab !important
}

.wp-orgchart .wp-orgchart_content.RadOrgChart.rocSimple .rocNode:before {
    border-left: 2px solid #ababab !important
}

.wp-orgchart .wp-orgchart_content.RadOrgChart.rocSimple .rocNode:after {
    border-left: 2px solid #ababab !important
}

.wp-orgchart .wp-orgchart_content.RadOrgChart .rocNode:before {
    border-top: 2px solid #ababab !important
}

.wp-orgchart .wp-orgchart_content.RadOrgChart ul.rocNodeList.rocLevel1 .rocItem.rocItemTemplate:after {
    left: 7.5% !important
}

.wp-orgchart .wp-orgchart_content.RadOrgChart ul.rocNodeList.rocLevel1 a.rocCollapseArrow {
    left: 9% !important
}

.wp-orgchart .wp-orgchart_content.RadOrgChart ul.rocNodeList li.wp-chart_node {
    margin-left: 7rem;
    margin-bottom: 2rem
}

    .wp-orgchart .wp-orgchart_content.RadOrgChart ul.rocNodeList li.wp-chart_node:before {
        border: none !important
    }

    .wp-orgchart .wp-orgchart_content.RadOrgChart ul.rocNodeList li.wp-chart_node:after {
        border-top: none !important;
        border-left: none !important
    }

    .wp-orgchart .wp-orgchart_content.RadOrgChart ul.rocNodeList li.wp-chart_node:nth-child(n+4) {
        display: none
    }

    .wp-orgchart .wp-orgchart_content.RadOrgChart ul.rocNodeList li.wp-chart_node.active {
        display: block
    }

    .wp-orgchart .wp-orgchart_content.RadOrgChart ul.rocNodeList li.wp-chart_node span.wp-chart_node--border {
        position: absolute;
        top: 39px;
        left: -27px;
        width: 23px;
        border: none;
        border-top: 2px solid #ababab
    }

.wp-orgchart .wp-orgchart_content.RadOrgChart .kt-media {
    position: relative
}

    .wp-orgchart .wp-orgchart_content.RadOrgChart .kt-media .kt-media_overlay {
        position: absolute;
        bottom: 0;
        top: 50%;
        left: 50%;
        right: 0;
        height: 100%;
        width: 100%;
        background-color: #008cba;
        transition: .5s ease;
        opacity: 0;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        border-radius: 50%
    }

    .wp-orgchart .wp-orgchart_content.RadOrgChart .kt-media:hover .kt-media_overlay {
        border-radius: 50%;
        opacity: .8;
        background: #484848;
        cursor: pointer
    }