@font-face{
font-family: trial;
src: url('ApercuMono.ttf');
/*font-weight: bold;*/
}

/* .field-tick {
  color:red;
  background-color:red;
} */

.about {
  color:#ca5654 !important;
  font-weight:normal !important;
}

.page-text {
  font-size:min(2.2vmin, 24px);
  color:white;
  text-align:center;
  font-weight:normal; */
  text-align:center;
  top:50%;
  transform: translate(50%, -50%);
  position:absolute !important;
  width:50% !important;
}

.page-content-graph {
  position:absolute;
  top:50%;
  width:50%;
  transform: translate(50%, 50%);
}

.page-content {
  position:absolute;
/*   top:100px !important; */
  top:50%;
  width:50%;
  transform: translate(25%, 25%);
}

.row {
  margin:0px ! important;
}

.center_content {
  width: 100vw !important;
  display:flex !important;
}


#clock {
  position:relative;
  width:90vh !important;
  margin:auto;
  padding: 0px;
}


.btn-sm {
  margin-top:15px !important;
}

.bg-belly {
/*   background-color: #fbfbf3; */
background-color: #f3f0e2;
}

/* alerts page */
th.a_message {
/*   width:80% !important; */
}

th.a_hubspot_dealf_id,
th.a_magento_order_id {
  width:70px !important;
}

th.a_hide_notification {
  width:15px !important;
}

th.a_comments {
  max-width:90px !important;
}

.a_comments textarea {
  width:95% !important;
}

th.a_submit {
  width:50px !important;
}

.cw_details {
  margin-bottom:5px;
  font-size:12px;
}


/* spinner <div class="lds-circle"><div></div></div> */
.lds-circle {
/*   display: inline-block; */
/*   transform: translateZ(1px); */
  position: fixed;
  left:50%;
  top:30%;
  display:none;
}
.lds-circle > div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  background: #1d2cf3;
  animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@keyframes lds-circle {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}


/* arb added 20200414 */

.modal_buttons_container {
  display:flex;
}
#modal_screenshot_message {
  padding:4px;
  font-weight:bold;
}

#modal_message_div_arb {
  margin:4px;
  background-color:white;
  border:1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  cursor: pointer;
  display: none;
}

.modal_button_div_arb {
  margin:4px;
  background-color:white;
  border:1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  cursor: pointer;
  width:32px;
}

.modal-canvas {
  background-color:white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.modal-content-arb {
  background-color:transparent !important;
  border:none !important;
}

.modal_button_arb {
  height:30px;
  width: 30px;
  padding:3px;
}

.modal {
    text-align: center;
}
/* arb added 20200414 */
.modal-dialog {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}

.modal-canvas {
  padding:4px;
}

body {
  background: #f3f0e2;
  color: #333333;
/*   padding-top: 5rem; */
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  color: #444444;
}

html,body {
  height:100%;
}

.arb_flex {

}

.report_img {
  height:auto;
  width:650px;
  position: relative;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.auto_report_container {
 max-width:400px;
}

.auto_report_title {
  font-size:18px;
  font-weight:bold;
  padding: 15px;
}

.auto_report_form_container {
  padding: 15px !important;
}

.auto_report_details {
  font-size:11px;
  margin-left: 15px;
}


.form_xs {
  width: 70px! important;
}


.dashboard_graph {
    background: #fff;
    padding: 0px 0px;
}
.dashboard_graph .col-md-9,
.dashboard_graph .col-md-3 {
    padding: 0;
}

.site-header .navbar-nav .nav-link {
  color: #a9b3b9;
}

.site-header .navbar-nav .nav-link:hover {
  color: #879197;
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
}

.content-section {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 20px;
}

.article-title {
  color: #444444;
  font-size: 20px;
}

a.article-title:hover {
  color: #428bca;
  text-decoration: none;
}

.article-content {
  white-space: pre-line;
}

.article-img {
  height: 65px;
  width: 65px;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
/*   margin-bottom: 4px; */
  border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
  color: #333;
  text-decoration: none;
}

.article-svg {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.account-img {
  height: 125px;
  width: 125px;
  margin-right: 20px;
/*   margin-bottom: 16px; */
}

.account-heading {
  font-size: 2.5rem;
}

#U_col {
  padding-right: 10px;
}

#uploader_row{
  width: 80vw;
  position:relative;
  margin:auto;
  padding: 0px;
}

.U_container {
  width: 100%;

}

.U_body{
  width:fit-content;
  font-size: 14pt;
  background-color: #e1e4df;
  border-radius: 10px;
  padding: 20px 20px 20px 20px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.U_body input:not(.btn,.u_file_input){
  width: fit-content;
  padding: 20px 20px 20px 20px;
  font-size: 16px;
  border-color: #8144e2;
  border-radius: 10px;
}

.U_body select {
  width: 350px;
  border-color: #116280;
  border-radius: 10px;
  border-width: 2px;
  border-style: inset;
  padding: 10px 10px 10px 10px;
  height: auto;
  font-size: 16px;
  margin-left: 40px;
}

/* .U_body div {
  margin: 20px 0px 20px 20px;
  vertical-align: middle;
  padding: 10px 10px 10px 10px;
  justify-content: center;
} */

.U_body label {
  margin-right: 10px;
  font-weight: 400;
  display: flex;
  margin-left: 40px;
  
}


.U_submit {
  margin-top: 40px !important;
  text-align: center;
}

.U_submit input {
  background-color: white;
  width: 400px;
  padding: 10px 10px 10px 10px;
  font-size: 20px !important;
}

.U_title {
  font-size: 20px;
  text-align: left;
  padding: 20px 20px 5px 20px;
}

.U_body input#file-upload-button{
  height: auto;
  padding: 10px 10px 10px 10px;
}

.U_body input.btn-outline-info {
  color: #029627;
  border-color: #029627;
}

.U_body input.btn-outline-info:hover {
  background-color: #029627;
  color:#f7f7f7;
}

.U_file_input {
  width:fit-content;
}

#U_output {
/*  margin:auto;*/
  max-height: 100px;
  max-width: 150px;
}

#drop_zone {
  border: 2px dashed #ccc;
  border-radius: 20px;
  width: 480px;
  height:150px;
  font-family: sans-serif;
  margin:auto;
  padding: 20px;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

#drop_zone.highlight {
  border-color: orangered;
}

#displayName {
  margin:none;
  height: 20px;
  width: 150px;
}

#edit_delete {
  position:fixed;
  right: 10vw;
  top: 5vh;
}

#edit_delete:not(:hover){
  background-color: white;
}

.editor_cell {
  margin-bottom: 10px;
}

.editor_title {
  font-size: 20px;
  text-align: left;
  padding: 20px 20px 20px 20px;
  margin-bottom:20px;
}