/******************************************************************************/
/* Global Styles */
/******************************************************************************/
:root {
  /* --grey2:#f7f8f8;
  --grey3:#eff0f0;
  --grey5:#e0e2e2;
  --grey10:#d0d3d3;
  --grey15:#bdc0c0;
  --grey20:#a9adad;
  --grey30:#878a8c;
  --grey40:#53575b;
  --grey60:#3a3d40;
  --yellow10:#ffb81c;
  --yellow20:#f68d2e;
  --yellow30:#d45311;
  --yellow40:#674730;
  --red10:#fc7473;
  --red20:#bd0057;
  --red30:#8f124a;
  --red40:#6e0d33; */
  --blue10:#7de3f4;
  --blue20:#01b6d1;
  --blue30:#006184;
  --blue40:#003057;
  /* --green10:#bed21e;
  --green20:#6db344;
  --green30:#318d43;
  --green40:#235c35;
  --text120:#212225;
  --black:#0d0f10;
  --white:#fff;
  --info10:#20abd7;
  --info40:#167b9c;
  --info60:#105970;
  --confirmation10:#a3d287;
  --confirmation40:#74bb49;
  --confirmation60:#375a22;
  --warning10:#ffd072;
  --warning40:#ffae0c;
  --warning60:#8f4200;
  --danger10:#fc7473;
  --danger40:#e63939;
  --danger60:#b00504;
  --highlightBlue:#e9f7fc;
  --highlightCyan:#ddfafb;
  --highlightGreen:#eff7ea;
  --highlightYellow:#fff8e9;
  --highlightAmber:#ffefde;
  --highlightRed:#fee8e7;
  --highlightMagenta:#fee8fc;
  --highlightViolet:#f3e9ff;
  --colorFacebook:#3b5998;
  --colorInstagram:#3c5a96;
  --colorTwitter:#00b6f1;
  --colorPinterest:#cb2027;
  --colorYoutube:#cd201f;
  --colorOdnok:#ed812b;
  --colorVk:#45668e;
  --boxShadowRaised:0 2px 4px 0 rgba(0,0,0,0.2);
  --boxShadowDetached:0 4px 8px 0 rgba(0,0,0,0.2);
  --boxShadowOverlaid:0 8px 16px 0 rgba(0,0,0,0.2);
  --boxShadowPoppedOut:0 16px 32px 0 rgba(0,0,0,0.2);
  --sans:"Ensign:Sans",Arial,"noto sans",sans-serif;
  --serif:"Ensign:Serif","Georgia","Times New Roman",serif;
  --monospace:"Courier New",Courier,monospace;
  --fontSizeRoot:100%;
  --fontSize11:0.6875rem;
  --fontSize13:0.8125rem;
  --fontSize14:0.875rem;
  --fontSize16:1rem;
  --fontSize18:1.125rem;
  --fontSize20:1.25rem;
  --fontSize28:1.75rem;
  --fontSize32:2rem;
  --fontSize42:2.625rem;
  --lineHeightTight:1.2;
  --lineHeight:1.4;
  --lineHeightLoose:1.6;
  --spacing4:0.25rem;
  --spacing8:0.5rem;
  --spacing16:1rem;
  --spacing24:1.5rem;
  --spacing32:2rem;
  --spacing48:3rem;
  --spacing64:4rem;
  --spacing128:8rem;
  --breakWidth480:480px;
  --breakWidth600:600px;
  --breakWidth840:840px;
  --breakWidth960:960px;
  --breakWidth1280:1280px;
  --breakWidth1440:1440px;
  --breakWidth1600:1600px;
  --zIndexHigherThanPlatform:200;
  --footerGrey:#f1f1f3;
  --black125:#0d0f10;
  --grey:var(--grey30);
  --yellow:var(--yellow30);
  --red:var(--red30);
  --blue:var(--blue30);
  --green:var(--green30);
  --breakWidthMax:var(--breakWidth1600);
  --colorError:var(--red10);
  --colorSuccess:#a3d287;
  --colorWarn:#ffd072;
  --headerFontSize11:11px;
  --headerFontSize13:13px;
  --headerFontSize14:14px;
  --headerFontSize16:16px;
  --headerFontSize18:18px;
  --headerFontSize20:20px;
  --headerFontSize28:28px;
  --headerFontSize32:32px;
  --headerFontSize42:42px;
  --capitalize:capitalize;
  --uppercase:uppercase;
  --headerSpacing4:4px;
  --headerSpacing8:8px;
  --headerSpacing16:16px;
  --headerSpacing24:24px;
  --headerSpacing32:32px;
  --headerSpacing64:64px;
  --headerSpacing128:128px;
  --zIndexHigherThanLegacyPlatform:2000;
  --breakWidthGutterShift:var(--breakWidth600);
  --gutter:var(--gutter,1.5rem) */
}

html, body {
  margin: 0;
  height: 100%;
  width: 100%;

  /* background-color: #eee; */
  color: #333;

  font-family: 'Open Sans', sans-serif;
}

@media print {

  html, body {
    font-size: 10px;
  }

  .no-print {
    display: none !important;
  }
  .no-print-overflow {
    overflow: initial !important;
  }
  
}

/******************************************************************************/
/* Links */
/******************************************************************************/
a {
  color: var(--blue20);
  text-decoration: none;
}
a:active, a:hover, a:visited {
  color: var(--blue30);
}

/******************************************************************************/
/* Buttons */
/******************************************************************************/
button {
  min-width: 48px;
  min-height: 48px;
  height: 48px;
  /* margin-left: 5px; */
  margin-right: 10px;
  padding: 0.25rem 1rem;

  border: 0;
  /* background: #3992c6; */
  /* background: var(--blue20); */
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 83.33%), rgb(0, 97, 132);
  color: #FFF;
}

button.delete {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)), rgb(176, 5, 4);
}

/******************************************************************************/
/* Inputs */
/******************************************************************************/
input {
  height: 1.5rem;
  padding: 0.5rem;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  border: 1px solid rgb(135, 138, 140);
  border-radius: 2px;
}

input[type=text],
input[type=password] {
  min-width: 200px;
}

input[type=checkbox],
input[type=radio] {
  min-width: 25px;
}

input[type=color] {
  width: 2rem;
  max-width: 2rem;
  padding: 0;
}

textarea {
  min-width: 200px;
  padding: 0.5rem;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  border: 1px solid rgb(135, 138, 140);
  border-radius: 2px;
}

/******************************************************************************/
/* Tables */
/******************************************************************************/
table {
  border-collapse: collapse;
}

.table tbody tr:hover {
  background-color: #eee;
}

.table td,
.table th {
  border: 1px solid #666;
  padding: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}