/*cutsom*/
.subheadertoolbar {
  display: flex;
  justify-content: center;
  align-items: center;
}


.symbol .svg-icon.svg-icon-2 svg {
  height: 40px !important;
  width: 40px !important
}
.table-row-dashed tbody{
    border-top:0px ;
}

.card.card-custom-h {
  min-height: calc(100vh - 250px);
}

.dropdown-toggle::after {
  display: none !important;
}

.mat-menu-content {
  border-radius: .475rem;
  background-color: #1e1e2d;
}

.mat-menu-panel {
  background: #1e1e2d;
}

.drop-item .drop-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: .65rem 1rem;
  border-radius: .475rem;
}
.table-w-control .b-control {
  margin-bottom: 0px !important;
}
.card-header .b-control.b-textbox {
  margin-bottom: 0px !important;
}
.ar p, .ar h1, .ar div {
  text-align: right;
}

.table-dark-skin td {
  background: #1b1b29;
}
.iphone {
  background-image: url("../images/SMSTemplate_Background.png");
  background-size: cover;
  width: 250px;
  height: 500px;
  position:relative;
}

.mobile-txt {
  top: 26%;
  width: 200px;
  left: 11%;
  color: #dfdfdf;
}
.mobile-txt.ar{
text-align:right
}

.table-dark-skin p {
  color: #cbcbcb;
}
bbsf-textarea.text-right textarea {
  text-align: right;
}
//help center accordion//
.accordion-custom button.accordion-button {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}

.accordion-custom .accordion-item {
  border: 0px !important
}
//custom angular checkbox//
.mat-checkbox-inner-container-no-side-margin {
  border-radius: 0.45rem !important;
  background-color: #2b2b40 !important;
  height: 20px !important;
  width: 20px !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #3699ff;
  border-radius: 0.45rem;
}

.mat-checkbox-frame {
  border: 0px !important;
  border-radius: 0.45rem;
}

//modals//
.modal-dialog {
  max-width: 850px;
}

/*scroll*/

body::-webkit-scrollbar-track {
  background: black; /* color of the tracking area */
}


body::-webkit-scrollbar-thumb {
  background-color: #494b74; /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
}


body::-webkit-scrollbar {
  width: 5px;
}


/*controls*/
.bnsights-control.form-control, .ng-select .ng-select-container, input-group {
  background-color: #1b1b29 !important;
  border-color: #1b1b29 !important;
  color: #92929f !important;
}


.form-group label {
  color: #fff !important;
}

.ng-dropdown-panel {
  background-color: #1e1e2d;
  box-shadow: 0 0 30px rgb(0 0 0 / 30%);
}
.ng-dropdown-panel.ng-select-bottom, .ng-select.ng-select-opened > .ng-select-container {
  border-color: transparent !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: #92929f;
  background-color: #1e1e2d !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
  background-color: #212e48 !important;
  color: #3699ff;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  background-color: #3699ff !important;
  color: #fff !important;
}
.ng-dropdown-panel.ng-select-bottom, .ng-select.ng-select-opened > .ng-select-container {
  border-color: #0000 !important;
}
/* Toggle Slide Control */
.b-toggle-slide .mat-slide-toggle .mat-slide-toggle-bar {
  background-color: #2b2b40;
}

.b-toggle-slide .mat-slide-toggle .mat-slide-toggle-thumb {
  background-color: #565674;
}




.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #3699ff;
}



.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: white !important;
}



.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #009ef7 !important;
}


//radio button

input[type="radio"] {
  background-color: #2b2b40;
  color: currentColor;
}
input[type="radio"]::before {
  background-color: #3699ff;
}


/*phone*/
input#phone {
  background-color: #1b1b29 !important;
  border-color: transparent !important;
  color: #92929f !important;
}

input#country-search-box {
  background: #1e1e2d;
  border-bottom-color: #1a1a28;
}

.country-dropdown {
  border-color: #1e1e2d;
}

.iti__country {
  background: #1e1e2d;
  color: white;
}

.country-dropdown {
   border: 1px solid #1b1b29 !important;
  background: #1b1b29 !important;
}

li.iti__country:hover {
  color: #e6e6e6;
  background-color: #2b2b40 !important;
}


/*html editor*/
.angular-editor .angular-editor-wrapper .angular-editor-textarea {
  border: 1px solid #2b2b40 !important;
  background-color: #2b2b40 !important;
}


.angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
  background-color: #2b2b40 !important;
  border: 1px solid #1b1b29 !important;
  color: white !important;
}

.angular-editor-button i {
  color: #a8a8a8 !important;
}

.ae-font .ae-picker-label {
  background-color: #2b2b40 !important;
  border: 1px solid #1b1b29 !important;
  color: #a8a8a8 !important;
}

.angular-editor-toolbar {
  background-color: #1b1b29 !important;
  border: 1px solid #1b1b29 !important;
}

.ae-font .ae-picker-label svg .ae-stroke {
  stroke: #3f6f97 !important;
}

.ae-font .ae-picker-label:before {
  background-color: transparent !important
}


/*paging select*/
.b-pages select {
  background: #212e48;
  color: white;
}

/*TAGS INPUT*/
.tags-input__input-field {
  background: #1b1b29;
  color: white;
}

/*textbox with icon*/
.svg.svg-icon-grey svg [fill]:not(.permanent):not(g) {
  fill: #565674;
}


///////////////////////////////////////



@media only screen and (max-width: 600px) {
  .card-toolbar button {
    margin-bottom: 10px;
  }

  .card-title form {
    margin-bottom: 10px;
  }

  .b-control.b-paging > div {
    display: block !important;
  }

  .b-pages {
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
 .page-title {
    margin-bottom: 0px !important;
  }
  body:not([data-kt-drawer=on]) .drawer-overlay {
    display: none;
  }

}

// home search //
.home-search .svg.svg-icon-primary {
  left: 0px;
}

.home-search input.form-control.bnsights-control {
  height: 40px !important;
  background: #212e48 !important;
  min-height: auto !important;
  width: 300px;
}

.home-search input.form-control.bnsights-control::placeholder {
  color: #3699ff;
}


.home-search .bnsights-control.form-control, .ng-select .ng-select-container, input-group {
  background-color: #1b1b29 !important;
  border-color: #1b1b29 !important;
  color: #f5f5f5 !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: #92929f !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
  color: #3699ff !important;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background: #212e48 !important;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border: 0px !important;
  margin-left: 0px !important;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: #1b1b29 !important;
  border-radius: 30% !important;
}
span.ng-value-label {
  color: #92929f !important;
}
.ng-dropdown-panel.ng-select-top {
  border: 0px !important;
}

.ng-select-multiple.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-select-multiple.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{
    border:0px !important;
}