/********* VARIABLES *****************/

:root {
  --dark-blue-color: #000046; /* var(--dark-blue-color); */
  --dark-orange-color: #f5a623;
  --light-orange-color: #f7b549;
  --white-color: #ffffff;
  --black-color: #000000;
}

app-main-layout.main-layout {
  background-color: rgb(230, 230, 230) !important;
}

/* FORMS */
.ct-label {
  color: #fff;
  background-color: var(--dark-blue-color);
  padding: 6px 12px;
  font-weight: bold;
  border-radius: 8px;
  margin-bottom: 10px;
}

.ct-label-small {
  color: #fff;
  background-color: var(--dark-blue-color);
  font-weight: bold;
  border-radius: 8px;
  margin-bottom: 10px;
  font-size: 13px;
  padding: 4px 12px;
}

.ctform .form-group {
  position: relative;
}

.ctform .ct-input {
  border-color: rgb(155, 155, 181) !important;
  height: 38px;
  border-radius: 10px !important;
}

.ctform .ct-input-small {
  border-color: rgb(155, 155, 181) !important;
  height: 30px;
  border-radius: 10px !important;
}

.ctform textarea {
  border-color: rgb(155, 155, 181) !important;
  border-radius: 10px !important;
}

.ctform textarea {
  resize: none;
  scrollbar-width: thin;
  scrollbar-color: var(--dark-blue-color) #c3c3c3;
}

.ct-error-hint {
  font-size: 12px;
  color: #dc3545;
}

.ct-error-hint > span {
  font-size: 12px;
  color: #dc3545;
}

.ct-list-item {
  background-color: rgb(243, 244, 241);
  color: rgb(65, 64, 66);
  border-radius: 7px !important;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.ct-list-item .ct-list-main {
  background-color: rgb(243, 244, 241);
  color: rgb(65, 64, 66);
  height: 38px;
  border-radius: 7px !important;
  box-sizing: border-box;
  padding: 8px 8px;
  cursor: pointer;
}

.ct-list-item .list-name {
  font-weight: 600;
  color: rgb(65, 64, 66);
}

.ct-list-main.opened {
  background-color: rgb(221, 221, 221);
}

.ct-list-item .list-dots {
  color: rgb(103, 107, 97);
  width: 25px;
  display: inline-block;
  text-align: center;
}

.ct-list-item .list-icons {
  color: rgb(103, 107, 97);
}

.ct-list-item .list-icons i {
  cursor: pointer;
  color: rgb(103, 107, 97);
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
}

.ct-list-item .list-icons i:hover {
  color: rgb(65, 64, 66);
}

.ct-list-item .ct-list-info {
  font-size: 13px;
  font-weight: 600;
  padding: 10px 32px;
}

.ct-list-add {
  text-align: right;
  padding-top: 15px;
}

.ct-list-add button {
  border-radius: 8px;
  font-weight: 600;
}

/* SELECT 2*/
.ctform ul.select2-selection__rendered {
  max-height: 76px;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: var(--dark-blue-color) #c3c3c3;
}

.ctform .all-none-select {
  color: #000046;
  font-weight: bold;
  font-size: 12px;
  position: relative;
  z-index: 1;
}

.ctform .all-none-select.disabled {
  color: rgba(0, 0, 70, 0.2) !important;
  cursor: normal !important;
}

.ctform .select2-selection {
  border-radius: 0px !important;
  /* border: none !important;
  border-bottom: 1px solid rgba(0, 0, 70, 0.3) !important; */
  border: 1px solid rgb(155, 155, 181) !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: #616161 !important;
  min-height: 38px !important;
}

.ctform .select-small .select2-selection {
  border-radius: 0px !important;
  /* border: none !important;
  border-bottom: 1px solid rgba(0, 0, 70, 0.3) !important; */
  border: 1px solid rgb(155, 155, 181) !important;
  border-radius: 10px;
  font-size: 14px !important;
  color: #616161 !important;
  min-height: 30px !important;
}

.ctform .select2-container > .selection {
  margin-top: 0px !important;
}

.ctform .select2-focused .select2-selection__arrow,
.ctform .select2-selection__arrow {
  position: absolute !important;
  width: auto !important;
  right: 8px !important;
  width: 15px !important;
  height: 32px !important;
  background: transparent !important;
  top: 5px;
}

.ctform .select2-focused .select2-selection__arrow::before,
.ctform .select2-selection__arrow::before {
  content: "" !important;
  border-color: transparent !important;
  border-style: solid !important;
  border-width: 8px 4px !important;
  top: 0 !important;
  border-bottom: 4px solid #404040 !important;
  position: absolute !important;
}

.ctform .select2-focused .select2-selection__arrow::after,
.ctform .select2-selection__arrow::after {
  content: "" !important;
  border-color: #404040 transparent !important;
  border-style: solid !important;
  border-width: 4px 4px 0px !important;
  top: 1px !important;
  position: relative !important;
}

.ctform .select2-selection__rendered > span.ng-star-inserted {
  color: #616161 !important;
  position: relative !important;
  top: 0px !important;
}

.ctform .select2-selection--single .select2-selection__rendered {
  padding: 4px 16px 0px 10px !important;
}

.ctform .select2-selection__placeholder {
  position: relative;
  top: 0px !important;
  margin-left: -4px;
  color: #aaa !important;
  opacity: 1;
}

.ctform .select2-selection--multiple {
  margin-top: 0px !important;
  padding-top: 4px;
}

.ctform .select-small .select2-selection--multiple {
  margin-top: 0px !important;
  padding-top: 0px;
}

.ctform .select2-selection--multiple .select2-selection__placeholder {
  top: 0px;
  margin-left: 5px;
  color: #aaa !important;
  opacity: 1;
  margin-top: 4px !important;
}

.ctform .select2-selection--multiple li.select2-selection__choice {
  margin-top: 3px !important;
}

.ctform .select-small .select2-selection--multiple li.select2-selection__choice {
  border-radius: 15px !important;
}

.ctform .select2-results__option {
  font-size: 14px;
}

.ctform .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: var(--dark-blue-color) #c3c3c3;
}

.ctform .select2-search__field {
  font-size: 14px;
}

.ctform .box-select2 {
  position: relative;
}
.ctform .box-select2 .reset-select {
  top: 4px !important;
  color: var(--dark-blue-color) #c3c3c3;
}

.ctform .box-select2 .input-sm {
  padding: 0px;
}

/* PANELS */
.ct-panel,
.ct-panel .panel-body {
  border-radius: 35px;
}

.ct-panel .panel-body {
  padding: 25px;
}

/* EVENT DROPDOWN */
.event-dropdown .bs-timepicker-field {
  width: 45px !important;
  border-radius: 30px !important;
  height: 30px !important;
  box-sizing: border-box;
  border-color: rgb(155, 155, 181) !important;
}

.event-dropdown .select-small .select2-selection,
.other-message-dropdown .select-small .select2-selection {
  border-radius: 30px !important;
}

.event-dropdown .ctform .select2-selection--single .select2-selection__rendered,
.other-message-dropdown .ctform .select2-selection--single .select2-selection__rendered {
  padding: 0px 16px 0px 10px !important;
}

.event-dropdown .ctform .box-select2 .reset-select,
.other-message-dropdown .ctform .box-select2 .reset-select {
  top: 0px !important;
  color: var(--dark-blue-color) #c3c3c3;
}

.event-dropdown .ctform .select2-focused .select2-selection__arrow,
.event-dropdown
  .ctform
  .select2-selection__arrow
  .other-message-dropdown
  .ctform
  .select2-focused
  .select2-selection__arrow,
.other-message-dropdown .ctform .select2-selection__arrow {
  position: absolute !important;
  width: auto !important;
  right: 8px !important;
  width: 15px !important;
  height: 32px !important;
  background: transparent !important;
  top: 2px !important;
}

/* FULL LED */
.form-full-led .ck-editor__main .ck-content {
  max-height: 170px;
  scrollbar-width: thin;
  scrollbar-color: var(--dark-blue-color) #c3c3c3;
}

.form-full-led .select2-selection {
  min-height: 34px !important;
  border: 1px solid var(--dark-blue-color) !important;
}

.form-full-led .select2-selection--single .select2-selection__rendered {
  padding: 2px 16px 0px 10px !important;
}

.form-full-led .box-select2 .reset-select {
  top: 2px !important;
}

.form-full-led .select2-focused .select2-selection__arrow,
.form-full-led .select2-selection__arrow {
  top: 3px;
}

.no-scroll {
  overflow-y: hidden !important;
}