/* ------------- Ng Select --------------- */
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#e3ebf6 #e3ebf6 #e3ebf6}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#8bb0fe;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #e3ebf6;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e5e5}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:13px;margin-bottom:5px;background-color:#e0f0ff;border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #e3ebf6;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e5e5;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e5e5;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}


/* ------------- Toastr --------------- */
.toast-title{font-weight:700}.toast-message{word-wrap:break-word;font-size:13px;}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8}.toast-top-center,.toast-top-full-width{top:0;right:0;width:100%}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px;width:300px;background-position:15px center;border-radius:6px;background-repeat:no-repeat;color:#fff;opacity:.8}#toast-container>:hover{opacity:1;cursor:pointer}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#00B233}.toast-error{background-color:#FF150F}.toast-info{background-color:rgba(0,0,0,0.9);}.toast-warning{background-color:#FF840F}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}.toast{opacity:1!important}.toast.ng-enter{opacity:0!important;transition:opacity .3s linear}.toast.ng-enter.ng-enter-active{opacity:1!important}.toast.ng-leave{opacity:1;transition:opacity .3s linear}.toast.ng-leave.ng-leave-active{opacity:0!important}@media all and (max-width:240px){#toast-container>div{padding:8px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px;width:25em}}
.page-content {
  min-height: 100vh;
}
.full-width {
  width:100%;
}
.btn-l {
  margin-left: 10px;
}
.btn-r {
  margin-right: 10px;
}
.btn {
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn-primary {
  background-color: #34DBEC !important;
  border-color: #34DBEC !important;
}
.spinner-load {
  width:17px !important;
  height:17px !important;
  display: inline-block;
  margin-left: 10px;
}
.page-content {
  background-color: #f1f5f9;
}
.card .auth-header-box {
  background-color: #111;
}
.card.stats {
  cursor: pointer;
}
.card.stats.active {
  border-color:#aebdd2;
}

/* sidebar menu*/
.metismenu li.show.dropdown a.dropdown-toggle .menu-arrow {
  transform: rotate(90deg);
}
.metismenu ul.nav-second-level.dropdown-menu {
  position: relative !important;
  border:none !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  background-color: rgba(0,0,0,.3);
}

/*------- Activity logs -------*/
.activity-logs-container {
  box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  background-color: #fff;
  padding:15px 10px;
  width:340px;
  position: fixed;
  top:0; right:0;
  bottom:0;
  z-index:1004;
  display: none;
}
.activity-logs-overlay {
  background-color: rgba(0,0,0,0.6);
  position: fixed;
  top:0; bottom:0;
  left:0; right:0;
  z-index:1003;
  display: none;
}
.activity-logs-container.active,
.activity-logs-overlay.active {
  display: block;
}
.activity-logs-container .closed {
  border: none;
  font-size:16px;
  background-color:transparent;
}
.activity-logs-container .icon-info-activity {
  min-width: 36px;
}

/*-------------- Alert popup --------------*/
.sweet_alert-content {
  text-align: center;
  position: absolute;
  padding:0;
  top: 0; left: 0;
  right: 0; bottom: 0;
  background-color: transparent;
  z-index:-10;
}
.sweet_alert-content.fixed {
  position: fixed;
}
.sweet_alert-content.open {
  background-color: rgba(0,0,0,0.4);
  z-index:1100;
  -webkit-transition: background-color .1s;
  transition: background-color .1s;
}
.sweet_alert-body {
  background-color: #fff;
  border-radius: 5px;
  display: none;
  position: relative;
  padding:0;
  width: 600px;
  max-width: 100%;
  text-align: left;
  margin-top: 50px;
}
.sweet_alert-inner {
  max-width:85%;
  margin-left: auto;
  margin-right: auto;
  padding:20px;
}
.sweet_alert-content.lg .sweet_alert-body {
  width: 800px;
}
.sweet_alert-content.lg .sweet_alert-inner {
  max-width: 95%;
}
.sweet_alert-content.open .sweet_alert-body {
  display:inline-block;
  -webkit-animation: showSweetAlert .3s;
  animation: showSweetAlert .3s;
}
.sweet_alert-title {
  font-size:22px;
  color: #101010;
  text-align:center;
  text-transform:none;
  position:relative;
  margin:0;
  padding:15px;
  display:block;
  border-bottom: 1px solid #e3ebf6;
}
.sweet_alert-buttons {
  padding:15px;
  display:flex;
  justify-content:center; 
  border-top: 1px solid #e3ebf6;
}

.loading-page {
  position: fixed;
  top:0; bottom:0;
  left:0; right:0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.7);
  color:white;
  text-align: center;
}
.loading-page .spinner-load {
  width:40px !important;
  height:40px !important;
  margin-left: 0;
}

/* --- form --- */
.form-label.required:before {
  content:'*';
  color:red;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.dropdown-menu li.checkbox-row {
  display: block;
  padding: 5px 20px;
}
.dropdown-menu li.checkbox-row.inline {
  display: inline-block;
  width:180px;
}
.dropdown-menu li.button-items {
  display: block;
  padding: 5px 20px;
}
.filter-max.dropdown-menu {
  max-width: 370px;
}
.price-form {
  width:32%;
  display: inline-block;
  margin-right: 1%;
}
.price-form .input-group-text {
  padding-left: 5px;
  padding-right: 5px;
}
.form-label {
  font-weight: 500;
}
.import_file {
  display: inline-block;
  position: relative;
}
.import_file input {
  position: absolute;
  top:0; left:0;
  right:0; bottom:0;
  opacity: 0;
  z-index: -1;
}

/*------ Rate ------*/
.user_rate {
  position: relative;
  float: left;
  padding: 0;
  margin-top: 6px;
}
.user_rate:not(:checked) > input {
  position:absolute;
  top:-9999px;
}
.user_rate:not(:checked) > label {
  float: right;
  width:26px;
  line-height: 26px;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:22px;
  color:#ccc;
}
.user_rate:not(:checked) > label:before {
  content: '★ ';
}
.user_rate > input:checked ~ label {
  color: #ffc700;    
}
.user_rate:not(:checked) > label:hover,
.user_rate:not(:checked) > label:hover ~ label {
  color: #deb217;  
}
.user_rate > input:checked + label:hover,
.user_rate > input:checked + label:hover ~ label,
.user_rate > input:checked ~ label:hover,
.user_rate > input:checked ~ label:hover ~ label,
.user_rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}

/*---- dropify ----*/
.dropify-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 200px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 22px;
  color: #777;
  background-color: #FFF;
  background-image: none;
  text-align: center;
  border:2px dashed #e3ebf6;
  -webkit-transition: border-color .15s linear;
  transition: border-color .15s linear;
}
.dropify-wrapper.min {
  height: 120px;
}
.dropify-wrapper:hover {
  background-size: 30px 30px;
  background-image: -webkit-linear-gradient(
135deg
,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
  background-image: linear-gradient(
-45deg
,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
  -webkit-animation: stripes 2s linear infinite;
  animation: stripes 2s linear infinite;
}
.dropify-wrapper .dropify-message {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dropify-wrapper .dropify-message span.file-icon {
  color: #1761fd;
  font-size: 35px;
}
.dropify-wrapper .dropify-message p {
  color: #8997bd;
  margin: 5px 0 0;
}
.dropify-wrapper input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
}
.dropify-wrapper .dropify-clear,
.dropify-wrapper .dropify-view
{
  display: none;
  position: absolute;
  opacity: 0;
  z-index: 7;
  top: 10px;
  right: 10px;
  background: 0 0;
  border:1px solid #FFF;
  text-transform: uppercase;
  font-size: 11px;
  padding:2px 6px;
  font-weight: 600;
  color: #FFF;
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
}
.dropify-wrapper .dropify-view {
  right:auto; left:10px;
}
.dropify-wrapper:hover .dropify-clear,
.dropify-wrapper:hover .dropify-view
{
  display: block;
  opacity: 1;
}
.dropify-wrapper .dropify-preview {
  position: absolute;
  z-index: 1;
  background-color: #FFF;
  padding: 5px;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
}
.dropify-wrapper .dropify-preview .dropify-render img {
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  position: relative;
  max-width: 100%;
  max-height: 100%;
  background-color: #FFF;
  -webkit-transition: border-color .15s linear;
  transition: border-color .15s linear;
}
.dropify-wrapper .dropify-preview .dropify-infos {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(0,0,0,.7);
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.dropify-wrapper:hover .dropify-preview .dropify-infos {
  opacity: 1;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-40%);
  transform: translate(0,-40%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  padding: 0 20px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFF;
  text-align: center;
  line-height: 25px;
  font-weight: 700;
}
@-webkit-keyframes stripes{
  from{background-position:0 0}
  to{background-position:60px 30px}
}
@keyframes stripes{
  from{background-position:0 0}
  to{background-position:60px 30px}
}


@media (max-width: 770px) {
  .price-form {
    width:49%;
    margin-right: 1%;
    margin-bottom: 10px;
  }
}