/* Uncomment this import to normalize across all files using main.css. */
/* @import '../includes/fontawesome-pro-5.10.1-web/css/all.css'; */

/*
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(fonts/titilliumwebext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(fonts/titilliumweb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(fonts/titilliumweb-semiboldext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(fonts/titilliumweb-semibold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(fonts/titilliumweb-boldext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(fonts/titilliumweb-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
*/

html {
  height: 100%;
}

body {
  font-family: sans-serif;
  font-size: 16px;
  height: 100%;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

h3 {
  font-family: sans-serif;
  font-size: 24px;
  font-weight: bold;
  /* color:#C00000; */
  color: #2C64A2;
  line-height: 24px;
  -webkit-margin-before: 3px;
  -webkit-margin-after: 10px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

#header {
  background-color: #001F31;
  height: 75px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}

#header-logo {
  width: 200px;
  padding-left: 60px;
}

#header-logo img {
  max-height: 4em;
  object-fit: contain;
}

#header-left {
  align-self: center;
}

#header-right {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1em;
}

#quick_preferences {
  position: absolute;
  top: 0;
  right: 0;
}

#user_preferences {
  float: right;
  margin-left: 10px;
  color: #FFFFFF;
}

.userPrefButton {
  color: #38659E;
}

.userPrefButton:hover {
  color: #89BF87;
}

#quick_search {
  margin-top: 10px;
  float: right;
}

.quickSearchButton {
  background-color: #89BF87;
  border: 1px solid #89BF87;
  border-radius: 3px;
  color: white;
  cursor: pointer;
}

.quickSearchButton:hover {
  background-color: white;
  color: #89BF87;
}

.quickSearchButton:focus {
  outline: none;
}

#search {
  display: flex;
}

#welcomeUser {
  position: absolute;
  bottom: 0;
  right: 0;
}

#medprocure_url {
  float: right;
  padding: 1px;
}

#user_name {
  margin-top: 16px;
  margin-right: 30px;
  float: right;
  font-size: 12px;
  color: #FFFFFF;
}

tr.clear {
  background-color: #FFFFFF;
}

tr.color {
  background-color: #E0E0E0;
}

/*dashboard layout */
#dashboard-left-col {
  width: 48%;
  float: left;
  display: inline-block;
  padding-right: 15px;
}

#dashboard-right-col {
  width: 48%;
  float: left;
  display: inline-block;
  padding-left: 15px;
}

#dashboard-manager-container {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
}

#dashboard-header-row-right {
  margin-top: 6px;
  margin-bottom: 10px;
  padding-right: 5px;
  text-align: right;
}

#dashboard-header-row-left {
  margin-bottom: 6px;
}

.widget-header {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  color: #38659E;
  line-height: 18px;
  padding-left: 5%;
  border: #888 solid thin;
  background: #CCC;
  background: -webkit-linear-gradient(#ccc, #FFF);
  background: -o-linear-gradient(#ccc, #FFF);
  background: -moz-linear-gradient(#ccc, #FFF);
  background: linear-gradient(#ccc, #FFF);
  padding-top: 4px;

  -webkit-box-shadow: 0px 2px 6px #888;
  -moz-box-shadow: 0px 2px 6px #888;
  box-shadow: 0px 2px 6px #888;
}

.widget-table {
  border: #888 solid thin;
  margin-bottom: 15px;
  /*width: 100%;*/
}

/* end dashboard */
td {
  font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
}


td.tdnowrap {
  white-space: nowrap;
}

td.redbar {
  /* border-bottom: 6px solid #38659E; */
}

.leftmargin {
  margin-left: 40px;
}

a.redblock {
  font-weight: 550;
  display: block;
  background-color: #38659E;
  color: white;
  border-radius: 10px 10px 0px 0px;
  text-decoration: none;
  width: 225px;
  height: 20px;
  text-align: center;
  margin-top: 5px;
  padding-bottom: 5px;
}

a.redblock:hover {
  background-color: #68B0CA
}

.bubble_table {
  margin-top: 2%;
}

.circle {
  background-color: #0062a3;
  border-radius: 39px;
  text-align: center;
  width: 274%;
  position: relative;
  bottom: 50px;
  left: 2px;
  z-index: 2;
  box-shadow: 2px 2px 1px 2px #888888;
}

.circle h1 {
  color: white;
  font-size: 35pt;
  font-weight: bold;
  position: relative;
  right: 1px;
  bottom: 3px;
}

.bubble {
  background-color: #2c91c7;
  border-radius: 45px;
  position: relative;
  color: white;
  box-shadow: 3px 3px 2px 3px #888888;
  right: 12px;
}

.bubble h1 {
  font-size: 14pt;
  margin-bottom: 4px;
}

.bubble h2 {
  font-size: 13pt;
  margin: 0;
}

.group_name {
  position: absolute;
  top: 19%;
  left: 5%;
}

.estimate {
  position: absolute;
  left: 5%;
  top: 13%;
}

.product_res {
  position: absolute;
  left: 5%;
  top: 12%;
}

.reset {
  text-decoration: none;
  color: white;
}

.mergefiles {
  position: absolute;
  top: 35%;
  left: 35%;
}

.resolve {
  position: absolute;
  top: 35%;
  left: 35%;
}

.group_id {
  position: absolute;
  left: 57px;
  top: 32px;
}

.upload_list {
  position: absolute;
  top: 34px;
  padding-right: 4px;
  right: 177px;
}

.choose_file {
  position: absolute;
  top: 47px;
  left: 538px;
}

.file_type {
  position: absolute;
  right: 957px;
  top: 62px;
}

.select_type {
  position: absolute;
  right: 746px;
  top: 74px;
}

.upload {
  position: absolute;
  top: 2%;
  right: 79px;
}

.upload_text {
  position: absolute;
  right: 780px;
  z-index: 5;
  /* top: -23px; */
}

.action {
  position: absolute;
  right: 22%;
  top: 40%;
}

#resolveimage {
  position: absolute;
  top: 88%;
  right: 71px;
}

.merge_arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: white transparent transparent transparent;
  color: white;
  /* opacity: 50%; */
  font-size: 14pt;
  position: absolute;
  right: 62px;
  bottom: 7px;
}

.show {
  /* text-decoration: none; */
  color: white;
  position: absolute;
  right: 76px;
  bottom: 3px;
  font-size: 17pt;
}

.cost_box {
  border: 2px solid #e9e9e9;
  line-height: 23px;
}

.cost_value {
  position: relative;
  bottom: 9px;
}

.myButton {
  box-shadow: inset 0px 1px 0px 0px #54a3f7;
  background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
  background-color: #007dc1;
  border-radius: 3px;
  border: 1px solid #124d77;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 13px;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #154682;
  margin: 7px;
}

.myButton:hover {
  background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
  background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
  background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
  background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
  background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
  background-color: #0061a7;
}

.myButton:active {
  position: relative;
  top: 1px;
}

.myButton i {
  font-size: 13pt;
  padding-right: 10px;
}

.upload_header {
  margin-bottom: 30px;
}

.cont_add_table {
  display: inline-block;
}

.cont_add_body {
  margin-left: 5px;
}

.cont_add {
  /* display: inline-flex; */
  text-align: center;
  /* flex-direction: row; */
}


.upload_file::-webkit-file-upload-button {
  visibility: hidden;
}

.upload_file::before {
  content: 'Choose File';
  display: inline-block;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.upload_file:hover::before {
  border-color: black;
}

.upload_file::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.submit_file {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.submit_file:hover {
  border-color: black;
}

.submit_file::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.button_space {
  font-size: 3px;
}


h200 {
  position: relative;
  right: -137px;
}

h201 {
  position: relative;
  right: -176px;
}

td.clear {
  background-color: #FFFFFF;

}

td.clearhighlight {
  background-color: #9ADCC8;
}

td.color {
  background-color: #E0E0E0;
}

td.colorhighlight {
  background-color: #6FCCB0;
}

td.coloralert {
  color: #CC0033;
  background-color: #E0E0E0;
}

td.clearalert {
  color: #CC0033;
  background-color: #FFFFFF;

}

td.tdmax_width {
  max-width: 300px;
  min-width: 45px;
}

td.verticalbreak {
  background-image: url('../images/vertical.png');
  background-repeat: repeat-y;
}

td.verticalbreakhlt {
  background-image: url('../images/verticalhlt.png');
  background-repeat: repeat-y;
}

td.header {
  background-color: #666666;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bolder;
  color: #FFFFFF;
}

th {
  font-family: sans-serif;
  font-size: 14px;
}

form {
  font-family: sans-serif;
  font-size: 14px;
}

input {
  font-family: sans-serif;
  font-size: 14px;
}

textarea {
  font-family: sans-serif;
  font-size: 14px;
}

select {
  font-family: sans-serif;
  font-size: 14px;
}

select.wide {
  width: 85%;
}

select.wide {
  width: 85%;
}

ul {
  font-family: sans-serif;
  font-size: 14px;
  list-style-type: square;
  list-style-position: outside;
}

li {
  font-family: sans-serif;
  font-size: 14px;
}

ol {
  font-family: sans-serif;
  font-size: 14px;
  list-style-type: decimal;
  list-style-position: outside;
}

.small {
  font-family: sans-serif;
  font-size: 12px;
}

.big {
  font-family: sans-serif;
  font-size: 24px;
}

.bodystyle {
  font-family: sans-serif;
  font-size: 14px;
}

.box1 {
  padding: 3px;
  border-width: thin;
  border-style: solid;
  border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
  border-width: 3px;
  border-style: solid;
  padding: 5px;
}

a img {
  border: none;
}

/*ALL UPDATE PASS*/

.changepassinput {
  max-width: 410px;
  margin: 0 auto;
  background: #ffffff;
  padding: 20px;
}

.form-control {
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  margin: 5px;
  vertical-align: middle;
  border-radius: 5px;
  border: 1px solid #A7A7A8;
  width: 200px;
  margin-bottom: 15px;
}

.subtitle {
  font-size: 10px;
  color: #949698;
  margin-left: 10px;
}

.alert {
  font-size: 14px;
  color: #CA0E0E;
}

#changepassword {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #2A71F1;
  border-radius: 5px;
  border: 1px solid #2A71F1;
  padding: 20px;
  cursor: pointer;
  width: 200px;
}

.changepassintructions {
  border-radius: 25px;
  border: 1px solid #50537C;
  background-color: #E1EFF6;
  width: 325px;
  display: block;
  float: left;
  margin: 30px;
  margin-top: 65px;
  padding: 15px;
  font-style: italic;
  font-size: 14px;
}

/*Left Button Bar*/
a.button {
  font-family: sans-serif;
  text-decoration: none;
  float: left;
  margin-top: 8px;
  display: block;
  color: #FFFFFF;
  /*line-height: 24px;*/
  width: 175px;
  height: 25px;
}

a.button:hover {
  color: #ffb819;
  display: block;
}

a.button:active {}

a.button.icon {
  padding-left: 8px;
  width: 175px;
}

.fas {
  width: 25px;
}

#container {
  display: flex;
  min-height: 100%;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
}

#nav {
  align-self: stretch;
  background-color: #001F31;
  display: inline-block;
  height: initial;
  padding: 5px;
}

#button_nav {
  width: 175px;
}

#centerpanel {
  display: inline-block;
  padding: 1em;
  width: 100%;
}

.info_icon {
  position: relative;
  background-color: #4286f4;
  border: 2px solid #4286f4;
  border-radius: 25px;
  text-align: center;
  width: 20px;
  height: 20px;
}

.info_icon p {
  position: absolute;
  top: 50%;
  right: 40%;
  /* transform: translateX(-50%); */
  transform: translateY(-50%);
  color: white;
  font-weight: bold;
  font-style: italic;
  font-size: 1rem;
  /* font-family: 'Pacifico', sans-serif; */
}

.itemadd_header_row {
  background-color: #c6c9ce;
  /* font-weight: bold; */
  font-style: italic;
  border-bottom: 1px solid gray;
}

.info_img {
  width: 15px;
}

span.contr_tip {
  float: left;
}

#itemadd_category_select {
  max-width: 316px;
}

.smallNavButton {
  margin-top: 0 !important;
}

#modifyNav {
  text-align: center;
  cursor: pointer;
}

.showHideNavButton {
  font-size: 20px;
  color: gray;
}

.showHideNavButton:hover {
  color: #89BF87;
}

.navArrow img {
  width: 20px;
  transform: translateY(13px);
  background-color: white;
}

.navArrow img:hover {
  opacity: .8;
}

/* Styles for new Gridstack Widgets */
#dashboard-stack {
  padding-bottom: 400px;
}

.item-box {
  border: 1px solid darkgray;
  border-radius: 2px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.widget-title {
  background-color: #ffb819;
  /*background: linear-gradient(to bottom, #b8bac6 0%,#dbdce2 21%,#dddfe3 49%, #f5f6f6 80%,#dddfe3 100%);*/
  text-align: left;
  padding: 5px 0 5px 15px;
  margin-right: 14px !important;
  /* padding-left: 5px;
  padding-bottom: 10px; */
  /* border-radius: 5px 5px 0px 0px;*/
  cursor: move;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
  /* color: #F8F8F7; */
  color: #2C64A2;
  transform: translateX(5px);
  /* width: 33%;
  min-width: 220px; */
}

.widget-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  margin: 0px 5px 0px 5px;
}

.widget-details-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 5px;
  margin: 0px 5px 0px 5px;
}

.widget-details-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 5px;
  margin: 0px 5px 0px 5px;
}

.details-item {
  display: inline-block;
}

.widget-data {
  padding: 5px;
}

.widget-data-title {
  margin: 5px;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #C00000;
  border-bottom: 2px solid lightgray;
}

.widget-footer {
  padding: 2px;
  margin: 5px 5px 0px 5px;
  background-color: lightgray;
  border-radius: 5px;
  font-weight: bold;
}

#otherWidgets {
  background-color: #001F31;
  border-radius: 2px;
  padding-right: 6px;
  padding-left: 4px;
  padding-bottom: 10px;
  margin-top: 0;
  width: 98%;
  z-index: 10;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mini-widget {
  border-radius: 25px;
  /* background-color: #6899c4; */
  background-color: #00B2E3;
  color: white;
  cursor: move;
  /* text-shadow: 2px 2px 4px #000000; */
  /* box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 4px 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.mini-widget-content {
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.miniWidHeaders {
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
  margin-top: 5px;
}

#hideWidgetEdit {
  margin-left: 31px;
  margin-bottom: 15px;
  margin-top: 10px;
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  text-align: center;
  color: #fff;
  /* text-shadow: 1px 1px 1px #000; */
  border-radius: 25px;
  /* background-color: #6899c4; */
  background-color: #00B2E3;
  border: 1px solid #00B2E3;
  cursor: pointer;
  /* box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2), 1px 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

#hideWidgetEdit:hover {
  /* background-color: #0d8ecf; */
  /* background-color: white; */
  color: #ffb819;
}

/* #longTitleBar {
  width: 50%;
} */

.deleteButton {
  color: #cc3300;
  position: absolute;
  top: 5px;
  right: 15px;
  cursor: pointer;
  margin: 5px;
}

.deleteButton:hover {
  opacity: 0.8;
}

/* NOTE lock item for individual widget lock, currently not in use */
/* .lockItem {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 6px;
  right: 15px;
}

.lockItem:hover {
  opacity: 0.8;
} */

.gridLock {
  cursor: pointer;
  position: relative;
  top: 4px;
  right: 10px;
}

.gridLock:hover {
  opacity: 0.8;
}

.gridLock img {
  width: 20px;
}

.navDetail {
  position: relative;
  /* top: -5px;
  left: -29px; */
  z-index: 100;
  background-color: white;
  padding: 5px 15px 5px 8px;
  border-radius: 2px;
  /* background-repeat: no-repeat; */
  font-family: 'Titillium Web', sans-serif;
  font-size: 20px;
  text-decoration: none;
  /* color:#40669A; */
  color: #5996AC;
  line-height: 24px;
  margin-left: 3px;
}

.navDetail:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  /* !important */
  border-radius: inherit;
  /* !important */
  background: linear-gradient(to right, white, lightgray);
}

.trainingHeader {
  color: #929292;
  margin-top: 15px;
  margin-bottom: 10px;
}

.navLinks {
  color: #001F31;
  text-decoration: none;
}

.navLinks:hover {
  color: #ffb819;
  text-decoration: underline;
}

.ui-state-disabled {
  opacity: 1 !important;
}

.sessionButtons {
  background-color: #00B2E3;
  border: 1px solid #001F31;
  border-radius: 3px;
  color: white;
  padding: 5px 15px;
  text-decoration: none;
}

.sessionButtons:hover {
  color: #ffb819;
}

.pageIncrementLinks {
  text-decoration: none;
  color: #2C64A2 !important;
  font-size: 18px;
}

.pageIncrementLinks:hover {
  color: #68B0CA !important;
}

.linkButtons {
  text-decoration: none;
  color: black;
}

.linkButtons:hover {
  opacity: .6;
}

.adminLinks {
  color: #38659E;
  cursor: pointer;
}

.adminLinks:hover {
  color: #95BD8C;
}

.blueIcons {
  color: #38659E;
}

.blueIcons:hover {
  color: #5996AC;
}

.lockIcon {
  color: gray;
  font-size: 16px;
}

.lockIcon:hover {
  color: lightgray;
}

.page-title {
  margin-top: 0;
}


.auto {
  cursor: auto;
}

.default {
  cursor: default;
}

.none {
  cursor: none;
}

.context-menu {
  cursor: context-menu;
}

.help {
  cursor: help;
}

.pointer {
  cursor: pointer;
}

.progress {
  cursor: progress;
}

.wait {
  cursor: wait;
}

.cell {
  cursor: cell;
}

.crosshair {
  cursor: crosshair;
}

.text {
  cursor: text;
}

.vertical-text {
  cursor: vertical-text;
}

.alias {
  cursor: alias;
}

.copy {
  cursor: copy;
}

.move {
  cursor: move;
}

.no-drop {
  cursor: no-drop;
}

.not-allowed {
  cursor: not-allowed;
}

.all-scroll {
  cursor: all-scroll;
}

.col-resize {
  cursor: col-resize;
}

.row-resize {
  cursor: row-resize;
}

.n-resize {
  cursor: n-resize;
}

.e-resize {
  cursor: e-resize;
}

.s-resize {
  cursor: s-resize;
}

.w-resize {
  cursor: w-resize;
}

.ns-resize {
  cursor: ns-resize;
}

.ew-resize {
  cursor: ew-resize;
}

.ne-resize {
  cursor: ne-resize;
}

.nw-resize {
  cursor: nw-resize;
}

.se-resize {
  cursor: se-resize;
}

.sw-resize {
  cursor: sw-resize;
}

.nesw-resize {
  cursor: nesw-resize;
}

.nwse-resize {
  cursor: nwse-resize;
}

#training {
  text-align: center;
  padding-bottom: 10px;
  padding-top: 5px;
}