/* MAIN STYLES */

* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #F5F5F5 !important;
}

.ui.main.grid {
  left: 15rem;
  position: relative;
  width: calc(100% - 15rem);
}


/* design fix */
.ui.main.grid {
  margin: 0px;
  margin-top: -1rem;
}

.ui.grid {
  margin: 0px;
  width: 100%
}


/* breadcrumb padding */

.ui.sixteen.wide.column.dividing.header {
  padding-top: .5rem;
  padding-bottom: .5rem;
}


/**/

.leaflet-popup-edit-button {
  position: absolute;
  top: 0px ;
  right: 15px;
  padding: 4px 4px 0 0;
}


#visited {
  border-left: 4px solid #2185D0;
}


/* LOGIN STYLES */

[data-page="login"] .ui.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  width: 465px !important;
}

.dashboard.brand.icon {
  width: 100%;
  margin-bottom: 36px;
}

[data-page="login"] .ui.container .ui.segment {
  padding: 35px;
}


/* PRODUCTS STYLES */
.ui.striped.table {
  padding-left: 0;
  padding-right: 0;
}

.ui.main.grid .products.column, .ui.main.grid .products.column .basic.segment {
  padding: 1rem 0;
}

.ui.divided.product.items {
  width: 100%;
}

.ui.divided.product.items img {
  height: 187px;
  width: 150px;
}



/* CUSTOMER STYLES */

.customer.statistics {
  width: 100%;
}

.feedback.segments {
  width: 100%;
}



/* EMPLOYEES STYLES */

.ui.mobile.cards {
  display: none;
}


/* Service hidden checkmark */
.hiddenCheckmark {
  color: #FFFFFF;
}

.hiddenCheckmark:hover {
  color: #21BA45;
}


/* DASHBOARD STYLES */

.ui.dashboard.segment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 219px;
}

.ui.dashboard.statistic .value {
  color: #FFFFFF;
}

.ui.dashboard.statistic .label {
  color: #F5F5F5;
}

.top-table.column {
  width: 33.33333333% !important;
}

.top-table.column .ui.segment:last-child, .doughnut-chart.column .ui.segment:last-child {
  height: 219px;
}

.doughnut-chart.column {
  width: 66.66666666% !important;
}

ul#dashboard_legend {
  display: inline-block;
  vertical-align: top;
}

ul.doughnut-legend {
  list-style-type: none;
}

.doughnut-legend li span{
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  height: 12px;
  width: 12px;
}


/**/
[data-page="dashboard"] .ui.grid {
  padding: 0px;
}

[data-page="dashboard"] .ui.fixed.menu + .ui.grid {
  padding-top: 14px;
}

[data-page="dashboard"] .ui.grid > .row {
  padding-top: 7px;
  padding-bottom: 7px;
}

[data-page="dashboard"] .ui.grid > .column:not(.row), .ui.grid > .row > .column {
  padding-left: 7px;
  padding-right: 7px;
}


/**/


/* CUSTOM RADIO BUTTON */

#radiobutton label {
  float:left;
  margin:4px;
  background-color:#EFEFEF;
  border-radius:8px;
  border:1px solid #D0D0D0;
  overflow:auto;
}

#radiobutton label span {
  text-align:center;
  font-size: 18px;
  padding:5px 0px;
  display:block;
}

#radiobutton label input {
  position:absolute;
  visibility:hidden;
}

#radiobutton input:checked + span {
  background-color:#2B2C71;
  color:#F7F7F7;
}

#radiobutton .bigbutton {
  width:190px;
}

#radiobutton .mediumbutton {
  width:140px;
}

#radiobutton .smallbutton {
  width:120px;
}



/* CUSTOM FILE UPLOAD button */

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}


/* Upload from dropdown */

.upload.item.item.item {
  padding: 0 !important;
}

.upload.item label {
  display: block;
  padding: 0.78571429rem 1.14285714rem !important;
  cursor: pointer;
}

.upload.item label i {
  margin-right: .78571429rem;
}




/* Blockquote */

blockquote {
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: italic;
  margin: 0.25em 0;
  padding: 0.35em 40px;
  line-height: 1.45;
  position: relative;
  color: #ffffff;
}

blockquote:before {
  display: block;
  padding-left: 10px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #000000;
}

blockquote cite {
  color: #ffffff;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
 
blockquote cite:before {
  content: "\2014 \2009";
}



/* SMARTPHONE */
@media only screen and (min-width: 320px) and (max-width: 767px) {

  .ui.fixed.menu+.ui.grid {
    padding-top: 1.5rem;
  }

  .ui.mobile.cards {
    display: flex;
  }

  .ui.special.four.cards {
    display: none;
  }

  .ui.main.grid .row {
    padding-top: 0;
    padding-bottom: 0;
  }

  .top-table.column .ui.segment:last-child, .doughnut-chart.column .ui.segment:last-child {
    height: auto;
  }

  .ui.special.four.cards .card .content a.header,
  .ui.special.four.cards .card .content div.header {
    font-size: 1em;
  }

  .ui.four.customer.statistics .statistic .value {
    font-size: 1.5em;
  }

  .ui.grid .nine.wide.products.column, .ui.grid .seven.wide.products.column {
    padding: 0;
    width: 100% !important;
  }

  .ui.grid .seven.wide.products.column .ui.basic.right.aligned.segment {
    text-align: left;
  }

  .ui.grid .ui.three.column.row .dashboard-stat.column,
  .ui.grid .row .top-table.column, .ui.grid .row .doughnut-chart.column, .ui.grid .four.wide.sales.column,
  .ui.grid .twelve.wide.sales.column {
    margin-bottom: 30px;
    width: 100% !important;
  }

  .ui.header.datetime {
    margin: 3rem 0 1rem;
  }

  .ui.left.fixed.vertical.inverted.menu {
    display: none;
  }

  .ui.fixed.inverted.main.menu {
    display: block;
  }

  .ui.main.grid {
    left: 0%;
    margin: 0 auto;
    padding: 2.0rem 0 0;
    position: relative;
    width: 100%;
  }
  
}



/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 991px) {

  .ui.fixed.menu+.ui.grid {
    padding-top: 2rem;
  }
  
  .ui.header.datetime {
    margin: 3rem 0 1rem;
  }

  .ui.left.fixed.vertical.inverted.menu {
    display: none;
  }

  .ui.fixed.inverted.main.menu {
    display: block;
  }

  .ui.main.grid {
    left: 0%;
    padding-top: 2.0rem !important;
    position: relative;
    width: 100%;
  }
  
}



@media only screen and (min-width: 992px) {

  .ui.fixed.menu+.ui.grid {
    padding-top: 1rem;
  }

  .ui.main.grid {
    padding-top: 0rem !important;
  }

  .ui.fixed.inverted.main.menu {
    display: none;
  }

  .ui.left.fixed.vertical.inverted.menu {
    display: block;
  }

}



/* Menu */

#first-menu {
  z-index:103;
  height:190px;
}

#second-menu {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top:190px;
}

#searchResults {
  width:300px; 
}

.ui.inverted.menu .active.item {
  background-color: transparent;
}
  
.ui.accordion.item {
  padding:0px;
}

.ui.accordion.item > .title {
  padding: 0.92857143em 1.14285714em;
}

.ui.accordion.item > .title:NOT(.active):hover {
  background: rgba(255,255,255,.1);
  color: #ffffff;
}

.ui.accordion.item > .content > .item {
  padding-left: 1.4em;
}



/* label inside menu */
.ui.menu .item>.label:not(.primary):not(.secondary):not(.red):not(.orange):not(.yellow):not(.olive):not(.green):not(.teal):not(.blue):not(.violet):not(.purple):not(.pink):not(.brown):not(.grey):not(.black) {
    background: transparent;
}


/* Dropdown fix */
.dropdown.optgroup .divider {
	border-top: none !important;
}


/* Dropdown submenu */
/*
.ui.selection.dropdown .menu {
  overflow: visible !important;
  max-height: none;
}
*/

/* Printer friendly */
@media print {

  .ui.left.fixed.vertical.inverted.menu {
    display: none; 
  }
  
  .ui.labeled.input .ui.label {
    display: none;
  }
  
  .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
    border-top-left-radius: 1px;
    border-top-left-radius: 0.28571429rem;
    border-bottom-left-radius: 0.28571429rem;
    border-left-color: rgba(34, 36, 38, 0.15);
  }
  
  .ui.main.grid {
    left: 0px;
    width: 100%;
  }
    
}