/* Empty. Add your own CSS if you like */

/* THEME COLORS
#264891  --> blu
#3884CE  --> blu chiaro
#0ED4CB  --> azzurro
#67D29D  --> verde chiaro
#B7C0A5  --> sabbia scuro
#DFD2C0  --> sabbia chiaro
 THEME COLORS */

.isBrowserView {
  overflow-y: auto !important;
}

@font-face {
  font-family: Nunito-Regular;
  src: url(../fonts/Nunito-Regular.ttf);
}

@font-face {
  font-family: Nunito-Light;
  src: url(../fonts/Nunito-Light.ttf);
}

@font-face {
  font-family: Nunito-Bold;
  src: url(../fonts/Nunito-Bold.ttf);
}

body {
  font-family: Nunito-Light;
  min-height: 100%;
}

h1 {
  font-size: 30px;
}

ion-content {
  background-color: #FBF5EE; /*rgba(244, 231, 213, 0.4);*/
}

.action-sheet-option {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.item-divider {
  background-color: #d9e2c6;
  font-family: Nunito-Regular;
  white-space: normal;
}

.item-divider .button {
  margin-top: -5px;
}

.card div.item {
  padding: 5px;
}

a.no-style {
  text-decoration: none;
  color: #444;
}

a.no-style i {
  display: block;
  float: right;
}

.form-error-message p {
  /*background-color: #ffc0ae;*/
  color: #de4726;
  font-size: 14px;
  text-align: center;
}

/* colors of cards*/
.card.dark-blue {
  border: 1px solid #264891;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

.card.dark-blue .item-divider {
  background-color: #264891;
  color: #FBF5EE;
}

.card.dark-blue .item-divider .button {
  color: #FBF5EE;
}

.card.dark-blue .button {
  background-color: #264891;
  color: #FBF5EE;
}

.card.blue {
  border: 1px solid #3884CE;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

.card.blue .item-divider {
  background-color: #3884CE;
  color: #FBF5EE;
}

.card.blue .item-divider .button {
  color: #FBF5EE;
}

.card.blue .button {
  background-color: #3884CE;
  color: #FBF5EE;
}

.card.light-blue {
  border: 1px solid #0ebfb6;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

.card.light-blue .item-divider {
  background-color: #0ebfb6;
  color: #FBF5EE;
}

.card.light-blue .item-divider .button {
  color: #FBF5EE;
}

.card.light-blue .button {
  background-color: #0ebfb6;
  color: #FBF5EE;
}

.card.light-green {
  border: 1px solid #5ab381;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

.card.light-green .item-divider {
  background-color: #5ab381;
  color: #FBF5EE;
}

.card.light-green .item-divider .button {
  color: #FBF5EE;
}

.card.light-green .button {
  background-color: #5ab381;
  color: #FBF5EE;
}

.card.dark-sand {
  border: 1px solid #B7C0A5;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

.card.dark-sand .item-divider {
  background-color: #B7C0A5;
  color: #FBF5EE;
}

.card.dark-sand .item-divider .button {
  color: #FBF5EE;
}

.card.dark-sand .button {
  background-color: #B7C0A5;
  color: #FBF5EE;
}

/* end colors of cards*/

/* Login Page */
.login-page .page-background {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: 0 no-repeat url("../img/home_bg_2017.png");*/
  background-color: #333;
  background-size: cover;
  padding: 10px;
  filter: brightness(80%);
}

.login-page ion-content {
  background-color: transparent;
}

.login-page .title {
  color: white;
  margin-top: 40px;
  text-align: center;
  font-family: Nunito-Bold;
  font-weight: normal;
}

/*@media (max-height: 400px) {*/
  /*.login-page .title {*/
    /*margin-top: 10%;*/
    /*margin-bottom: 5%;*/
  /*}*/
/*}*/

.login-page form {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px;
  margin-bottom: 20px;
}

.login-page label {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid white;
  margin: 0 10px;
  color: white;
}

.login-page label span {
  color: white;
  font-family: Nunito-Regular;
  font-weight: normal;
  font-size: 16px;
}

.login-page input {
  color: white;
  font-family: Nunito-Bold;
  font-size: 16px;
}

.login-button {
  display: block;
  width: 90%;
  margin: 10px auto;
  font-weight: 600;
  background-color: #de4726;/*#1364a2; /*#021A7E; */
  color: white;
  font-size: 20px;
  font-family: Nunito-Bold;
}

.login-button:hover, .login-button:active, .login-button:visited, .login-button.active, .login-button.activated {
  color: white;
  background-color: #134886;
}

/* End Login Page */

/* Top Bar */

.bar.bar-stable {
  background-color: #f1e4d2;
}

.bar.bar-stable .title {
  color: #233163;
  font-family: Nunito-Normal, sans-serif;
}

.bar.bar-stable button, .bar.bar-stable .button {
  color: #233163;
  background: transparent;
}

.bar.bar-stable button.button-outline {
  border-color: #233163;
}

/* End Top Bar*/

/* Menu */

.menu .item-content i {
  display: inline-block;
  width: 20px;
  text-align: center;
}

.menu .ship-icon {
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  background: center no-repeat url(../img/ship_icon_black.png);
  background-size: contain;
}

.menu a{
  cursor: pointer;
}

/* End Menu */

/* Dashboard */

.dashboard-page {
  padding: 10px;
}

.dashboard-page h1 {
  text-align: center;
  color: #233163; /*#6a735f; */
  font-family: Nunito-Regular;
}

.dashboard-page .welcome p {
  text-align: center;
  font-size: 20px;
  color: #233163;
  font-family: Nunito-Regular;
}

.dashboard-page .dashboard-item {
  color: white;
  margin: 0;
}

.dashboard-page .dashboard-item.ship {
  background-color: #264891;
}

.dashboard-page .dashboard-item.ship-list {
  background-color: #3884CE;
}

.dashboard-page .dashboard-item.user {
  background-color: #0ED4CB;
}

.dashboard-page .dashboard-item.info {
  background-color: #67D29D;
}

.dashboard-page .dashboard-item .icon {
  width: 48px;
  height: 48px;
  margin: 5px auto;
  padding: 8px;
  text-align: center;
}

.dashboard-page .dashboard-item .icon i {
  font-size: 32px;
}

.dashboard-page .dashboard-item .text {
  text-align: center;
  font-size: 16px;
  margin-bottom: 7px;
}

.dashboard-page a.col {
  text-decoration: none;
}

.dashboard-page .dashboard-item .icon.ship-icon {
  width: 40px;
  background: center no-repeat url(../img/ship_icon_white.png);
  background-size: contain;
}

/* End Dashboard */

/* Shipment Edit */
.shipment-edit-page {
  padding: 10px;
}

.shipment-edit-page h1 {
  text-align: center;
  color: #233163; /*#6a735f; */
  font-family: Nunito-Regular;
}

.shipment-edit-page .button-book {
  background-color: #264891;
}

.shipment-edit-page .card.blue .checkbox input:checked:before, .shipment-edit-page .card.blue .checkbox input:checked + .checkbox-icon:before {
  background: #3884CE;
  border-color: #3884CE;
}

.shipment-edit-page .item-checkbox {
  padding: 5px 5px 5px 28px;
}

.shipment-edit-page .checkbox-icon {
  margin-left: -15px;
}

.shipment-edit-page .card div.item {
  padding: 5px;
}

.shipment-edit-page label span {
  white-space: normal;
}

.shipment-edit-page .card .item.item-input input {
  padding-right: inherit;
}

.shipment-edit-page input[type="date"]{
  text-align: right;
}

/* End Shipment Edit*/

/* Shipment List */

.shipment-list-page {
  padding: 10px;
}

.shipment-list-page h1 {
  text-align: center;
  color: #233163; /*#6a735f; */
  font-family: Nunito-Regular;
}

.shipment-list-page .item-content {
  padding: 16px 32px 16px 16px;
  poaition: relative;
}

.shipment-list-page .item-content .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

.shipment-list-page .item-content .arrow i {
  display: block;
  width: 14px;
  height: 26px;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 8px;
}

.shipment-list-page .item-content .arrow i:before {
  font-size: 26px;
  color: #DFD2C0;
}

.shipment-list-page .shipment-date {
  text-align: right;
}

.shipment-list-page .shipment-status {
  width:50px;
  font-size: 8px;
  text-align: center;

  margin-right: 0;
  margin-left: auto;
  color:#eee;
}

.shipment-list-page .shipment-status.status-waiting{
  background-color:#333;
}

.shipment-list-page .shipment-status.status-processing{
  background-color:#de4726;
}

.shipment-list-page .shipment-status.status-transit{
  background-color:#3884CE;
}

.shipment-list-page .shipment-status.status-delivered{
  background-color:#5ab381;
}

/* End Shipment List */

/* Profile */

.address-modal .bar.bar-stable .title {
  text-transform: capitalize;
}

/* End Profile */