/*================================================================================
  Item Name: Frest HTML Admin Template
  Version: 1.0
  Author: PIXINVENT
  Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* SPECIFIC FORMS MODIFICATION */

.inline-select{
  border: none;
  background-color: transparent !important;
  display: block;
  width: auto;
  color: #5A8DEE !important;
  font-weight: 900;

}

/* GRAPH CORRECTIONS */

[class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.card {
  margin-bottom: 20px;
}

.widget-todo .widget-todo-list-wrapper {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.circle-chart-container {
  max-height: 100px;
}

.main-menu .card-content {
  display: none;
}

.expanded .card-content {
  display: inherit;
}

.progress {
  overflow: hidden;
}

.progress-bar {
  border-radius: 0 !important;
}

.success-bar {
  background: rgb(57, 218, 138);
}

.warning-bar {
  background: rgb(253, 172, 65);
}

.danger-bar {
  background: rgb(255, 91, 92);
}

.primary-bar {
  background: rgb(90, 141, 238);
}

.customizer.open {
  left: 0;
}

thead.scrolled-head,
thead.scrolled-head * {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  height: 0px;
  border: none;
  margin: 0px;
  overflow: hidden;
}

.dataTables_scrollHead {
  margin-bottom: -42px;
  z-index: 2;
  background-color: #222a43;
}


/* Dashboard Customs */

.dropdown.dropdown-icon-wrapper .dropdown-menu, .dropup.dropdown-icon-wrapper .dropdown-menu {
  min-width: 270px;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;

}

/* Scroll Handle */
.dropdown.dropdown-icon-wrapper .dropdown-menu::-webkit-scrollbar {
  width: 3px;
}

.dropdown.dropdown-icon-wrapper .dropdown-menu::-webkit-scrollbar-track {
  background: #1A233A;
}

.dropdown.dropdown-icon-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
  background: #464D5C;
  border-radius: 10px;
}

.dropdown.dropdown-icon-wrapper .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #fff;
}


.show > .dropdown-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 0;
}

.btn-wrapper{
  position: sticky;
  bottom: 0px;
  width: 100%;
}

.btn-wrapper div{
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-end;
  background-color: #1A233A;
  border-top: 1px #464D5C solid;
  align-items: center;
}

.show > .dropdown-menu > .btn-wrapper > div > .btn-sm-custom{
  font-size: 0.8em;
  width: auto;
  margin-bottom: 2px;
  padding: 5px 20px;
  margin-right: 6px !important;
}

.menu-selection .dropdown-menu .dropdown-item{
  padding: 0;
}
.menu-selection .checkbox label{
  padding: 15px 30px;
  cursor: pointer;
  display: flex;
}

.menu-selection .checkbox label:before {
  top: 15px;
  left: 20px;
}

.menu-selection .checkbox label:after {
  top: 15px;
  left: 20px;
}
.menu-selection .checkbox input:checked ~ label:after {
  top: 20px;
  left: 24px;
}

.menu-selection .dropdown hr{
  width: 100%;
  margin: 0px;
  border-top: 1px #404953 solid;
}




/*Custom Nested*/

.dd-item .dd-item {
  width: 100%;
}

.dd-item-flex {
  display: flex;
  margin-top: 8px;
}

.dd-handle {
  display: inline;
  margin-right: 5px;
}

.dd-content {
  display: inline;
  background-color: #272E48;
  width: 100% !important;
  padding: 14px;
  border-radius: 3px;
  align-self: center;
  cursor: pointer;
  margin: 0px 3px;
}

.dd-content:hover {
  background-color: rgba(71, 95, 123, 0.3);
}

.dd {
  width: 100%;
  max-width: none;
  padding: 16px;
  background-color: #1a233a;
}


.nestable-lists {
  display: block;
  clear: both;
  padding: 0;
  width: 100%;
  border: 0;
  border-top: none;
  border-bottom: none;
}

.main-menu .ads {
  height: calc(100% - 17rem)!important;
  position: relative;
}

.dd-handle:hover {}

.dd-empty,
.dd-placeholder {
  background: transparent;
  border: 1px dashed rgba(71, 95, 123, 0.3);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#nestable-output,
#nestable2-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: Consolas, monospace;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}


/* Style Handson Select */

.handsontable input,
.handsontable textarea {
  color: #fff;
}

.ht_editor_visible {
  background: #272e48;
  color: #fff;
}


/*Gradient Icons on Prudction Structure*/

.dd-content .bx-collection {
  color: #5A8DEE;
}

.dd-content .bx-grid-alt {
  color: #39DA8A;
}

.dd-content .bx-cuboid {
  color: #FDAC41;
}

.dd-content .bx-time {
  color: #00CFDD;
}

.dd-list .dd-list {
  padding: 0;
}

.dd-button {
  padding: 15px 26px;
  color: #727E8C !important;
  background-color: #272E48;
  padding: 13px 13px;
  margin: 0 2px;
  border-radius: 4px;
  height: auto;
  text-align: center;
  cursor: pointer;
  width: 50px;
  border: none;
  font-size: 28px;
  min-width: 60px;
}

.dd-handle {
  cursor: grab;
}

.dd-handle:active {
  cursor: grabbing;
}

.dd-list .dd-list {
  padding-left: 65px;
}

.dd-handle.dd-button:first-child {
  margin-left: 0;
}

.dd-collapse,
.dd-expand {
  padding: 15px 26px !important;
  color: #727E8C !important !important;
  background-color: #272E48 !important;
  padding: 13px 13px !important;
  margin: 0 2px !important;
  border-radius: 4px !important;
  height: 51px !important;
  text-align: center !important;
  cursor: pointer !important;
  width: 50px !important;
  border: none !important;
  font-size: 28px !important;
  float: right !important;
  min-width: 60px !important;
}

.dd-button:hover {
  background-color: rgba(71, 95, 123, 0.3);
}

.listbox {
  color: black;
}


/*Fix Position*/

.picker {
  z-index: 20 !important;
}

.main-menu-content .border-bottom {
  border-color: #464D5C !important;
}

.disabled {
  cursor: not-allowed !important;
  opacity: 0.4;
}

.apexcharts-canvas {
  margin: 0 auto;
}

.dataTables_scrollBody {
  overflow-y: auto !important;
  overflow: none !important;
}


/*List Spacer*/

li.is-shown span, li.nav-item li:not(.is-shown) span {
  padding-left: 30px;
}


/*Timeline Container*/

.time-line-container {
  border-radius: 30px;
  overflow: hidden;
}

.time-line-container .timeline {
  display: flex;
}

.realtime .card-header h6,
.realtime .card-header h5 {
  color: #333333 !important;
}

.real-time-bar-chart {
  max-height: 40px;
  min-height: 40px;
}

g.ct-series.atual {
  fill: #00CFDD;
}

g.ct-series.media {
  fill: #F8B539;
}

g.ct-series.rejeitos {
  fill: #FF5B5C;
}

g.ct-series.possivel {
  fill: #E2ECFF;
}

g.ct-series.bg {
  fill: #394C62;
}



/*Side bar creation forms */

.card-title-wraper{
  display: flex;
  justify-content: space-between;
}
.right-side-bar-btn-close{
  text-decoration: none;
  color: #394C62;
  padding: 0;
  margin: 0;
  width: 15px;
}
.user-table tr{
  cursor: pointer;
}
.user-table tr:hover{
  background-color: #343b53;
}


/* Report Schedule */
.report-people{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}

/* TAGS */
.tm-tag{
  background-color: #719DF0 !important;
  border: none !important;
}
.tm-tag span{
  color: #fff !important;
}

/* Modal */

.modal-footer{
  justify-content: flex-start;
}

.copy-button{
    display: flex;
    align-items: center;
}
.copy-button *{
  margin: 0 8px;
}