body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.left-form { 
  width: 50%;
  float: left;
  margin-top: 25px;

}
.btn:focus,.btn:active {
  outline: none !important;
  box-shadow: none;
}



.floating-label {
  position: absolute;
  pointer-events: none;
  opacity: 0.5;
  left: 13px;
  top: 17px;
  transition: 0.2s ease all;
  font-size: 14px;  
}
input:focus ~ .floating-label{
  top: -14px;
  opacity: 1;

}

input:not(:focus):not([value=""]):valid ~ .floating-label{
  top: -14px;
  opacity: 1;

}

.error-border{
  border-color:#E34531 !important; 
}
.input-text:not(:focus):not([value=""]):valid{
  border-color: #000000;

}
.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.input-text{
  border-width:1px 0px 0px 9px;
  border-style: solid none solid solid;
}

.input-text:hover{
  border-color: #999999;
}

.input-text:focus{
  border-color: #555555;
}

.btn-class{
  border-width:1px 5px 3px 1px;
  border-style: solid solid solid solid;
  border-color: black;
  background: linear-gradient(white,white)
}


.btn-class-correct{
  border-color: #3145C3;
}

.right-form{

  float:right;
  width:50%;
  /* gotta account for the header on the left form */
  margin-top:52px;
}

.button-empty-fields{
  opacity:0.5 !important;
}

.button-error{
  border-color: #E34531;
}

.genderBlockMaleUnselected{
  border-width: 1px 1px 3px 5px;
  opacity:0.5;

}
.genderBlockFemaleUnselected{
  border-width: 1px 5px 3px 1px;
  opacity:0.5;
}

.genderBlockMaleSelected{
  border-width: 1px 1px 1px 3px;
  background:#DDDDDD;

}
.genderBlockFemaleSelected{

  border-width: 1px 3px 1px 1px;
  background:#DDDDDD;


}

.genderBlockMale{
  width:50%;
  border-top-right-radius: 0cm;
  border-bottom-right-radius: 0cm;
  

}
.genderBlockFemale{
  width:50%;
  border-top-left-radius: 0cm;
  border-bottom-left-radius: 0cm;

}
.genderBlockFemaleUnselected:hover{
  border-width:1px 3px 1px 1px;
  padding-bottom:-2px;
  margin-bottom:2px;
}

.genderBlockMaleUnselected:hover{
  border-width:1px 1px 1px 3px;
  padding-bottom:-2px;
  margin-bottom:2px;
}

.dropdownCode{
  border-width: 1px 1px 0px 9px !important;
}
.dropdownCode:focus{
  border-color: #555555 !important;
}
.header{
  text-align: center;
  font-size: 18px;
  padding:10px;
}

.checkBox{
  float:right;
  border-style: solid;
  border-width:1px 5px 3px 1px;
}

.checkBoxClicked{
  border-width: 1px 3px 1px 1px;
  float:right;
  border-color:gray black black gray;

}

.checkBox:hover{
  border-width:1px 3px 1px 1px;
  border-color:gray black black gray;
}

.onOffState{
  border-style: solid;
  border-radius:50px;
  border-width: 0px 5px 0px 5px;
  margin-left: 5px;
}
.onOff{
  /* border-color: #E34531; */
  border-color: #C5C5C5;
}

.onOffActive{
  /* border-color: #5CB85C; */
  border-color: #222222;

}

.ui.selection.active.dropdown:hover{
  border-color:black;
}

.blackBorder{
  border-color:black !important;
}

.ui.selection.active.dropdown{
  border-color:#333333;
}

.ui{
  transition: all 2s;
}


.visible{
  opacity:1;
}
.invisible{
  /* display:none; */
  opacity:0;
}
.spinner{
  display:inline-block;
  transition:all 0.5s;
  margin-left:15px;
  line-height:3em;
}

.rightStateInput{
  width:50%;
  float:right;
  margin-bottom:25px;
  border-left: 5px solid transparent;
}

.leftStateInput{
  width:50%;
  border-right:5px solid transparent;
  float:left;
  margin-bottom:25px;
}

.version-button {
    width: 60px;
    border-style: solid solid solid solid;
    border-color: black;
}

.launch-button {
    border-style: solid solid solid solid;
    border-color: black;
    width:120px;
}

.right-button {
    border-width:1px 3px 3px 1px;
    border-radius: 0 10% 10% 0%;
    margin-right: 10px;
}

.left-button {
    border-width:1px 1px 3px 3px;
    border-radius: 10% 0% 0% 10%;
}

.version-button:hover{
    background:black;
    color:#AAA;
}

.launch-button:hover{
    background:black;
    color:#AAA;
}

.launch-button.not-active{
    color:#666;
}

.launch-button.active{
    background:black;
    color:white;
}

.version-button.not-active{
    color:#666;
}

.version-button.active{
    background:black;
    color:white;
}

.btn-class.settings{
    border-width:1px;
    font-size:22px;
    height:36px;
    float:right;
    
}
.settings:hover{
    background:black;
    color:white;
}

.settings.active{
    background:black;
    color:white;
}
.settings-icon{

    vertical-align:1px;
}
#settings-header{
    margin-bottom: 10px;
}

.nav-header{
    margin-bottom: 10px;
    padding:10px;
    border-bottom: 1px solid black;
    background-color: #005B94;
}

.banner {
  margin-left: 15px;
  margin-right: 15px;
}
.decision-card {
    padding: 15px;
    margin: 0 0 10px 0;
    background: #fcfcfc;
    border: 2px solid #ddd;
    border-radius: 4px;
    border-left-width: 3px;
  }
  
  .decision-card img {
    display: block;
    width: 100px;
    margin: 0 0 5px;
  }
  
  .card-icon {
    display: block;
    width: 100px;
    margin: 0 0 5px;
  }
  
  .card-top {
    position: relative;
  }
  
  .source-link {
    margin-right: 8px;
  }
  
  .card-source {
    font-size: .85em;
    font-style: italic;
    margin: 0 0 5px;
  }
  
  .source-link {
    color: blue;
    text-decoration: none;
  }
  
  .card-summary {
    margin: 0 0 5px;
  }
  
  .alert-info {
    border-left-color: #0079be;
  }
  
  .alert-warning {
    border-left-color: #ffae42;
  }
  
  .alert-hard-stop {
    border-left-color: #c00;
  }
  
  .alert-error {
    border-left-color: #333;
  }
td, th{
  padding:0px 4px;
  border:1px solid;
}
.smartBox{
    position: absolute;
    left:15%;
    top:15%;
    margin-bottom:50px;
    display:block;
    height:825px;
    width:70%;
    z-index:1;
    font-size:14px;
    background-color: #f9f9f9;
    border: 1px solid black;
}

iframe{
    width:100%;
    height:100%;
}

.patient-selection-box{
    width:100%;
    height:100px;
    padding:10px;
    flex:.5;
    border-bottom:3px solid black;
    background-color:#e2e2e2;
}

.patient-selection-box:hover{
    background-color:white;
    cursor: pointer;
}

.smartExit{

    height:24px;
    border-style: solid;
    border-color:black;
    background-color: #d9534f;
    color:white;
    font-family: 'Courier New', Courier, monospace;
    border-width: 0px 0px 0px 1px;
    float:right;
}

.smartHeader {
    background-color: #5f636a;
    display:block;
    border-bottom: 1px solid black;
    height:25px;
}
.smartMinimize{
    position:absolute;
    right:-25px;
    border: 2px solid gray;
    width:27px;
    top:21px;
}

.minimizedFrame{
    border-style: solid;
    border-color: blue gray gray gray;
    border-width: 2px;
    padding: 2px;
    margin-left: 10px;
}
.hideSmartBox {
    display:none;
}

.more-info {
    float:right;
}

.patient-info {
    display:inline-block;
    width: 300px;
}

.request-info {
    display: inline-block;
    width:350px;
    vertical-align: top; /* here */

}

.ehr-setting {
    margin: 10px;
}

.ui.header.text, .sub.header {
    text-align: left;
}
.ui.header.text {
    font-size: 1em;
}
.request-header{
    border-width: 1px 1px 2px 2px;
    border-style: solid;
    border-color: transparent transparent black black;
    padding: 5px;
    display:inline-block;
    height:30px;
    width:75%;
}

.request {
    border: 1px solid black;
    min-height: 530px;
    height: auto;
    padding: 10px;
    border-radius: 5px;
    background-color: rgb(248, 248, 248)
}

.select-button{
    padding: 5px;
    width:25%;
    height:30px;
    border-width:2px 0px 2px 2px;
    border-style: solid solid solid solid;
    border-color: black;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}
.select-button:hover{
    background: #e0e0e0;
}

.demographics {
    flex: 1;
    min-width: 200px;
    padding:10px 10px 10px 0px;
}

.other-info {
    width: 100%;
    padding-top: 10px;
}
.lower-border {
    border-style: solid;
    border-color: black;
    border-width: 0px 0 1px 5px;
    padding-left: 5px;
    margin-top: 5px;
}

.info {
    margin-left: 15px;
}

.prefetched {
    flex: 1;
    min-width: 200px;
    padding:10px 10px 10px 0px;
    margin-top: 5px;
}

.prefetch-header{ 
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid black;
}

.prefetch-subheader{ 
  text-align: left;
  font-weight: bold;
  border-bottom: .5px solid black;
}

.checkmark {
    float: right;
    color: #28a745;
}

.remove {
    float: right;
    color: #dc3545;
}

.submit-btn {
    float: right;
    margin-top: 6px;
  }


.submit-btn:hover{
    border-width:1px 3px 1px 1px;
    margin-left:2px;
    margin-top:8px;
}

.submit-btn:disabled,
.submit-btn[disabled] {
    border: 1px solid #999999;
    background-color: #333232;
    color: #858282;
}

.patient-box {
    /* Removed fixed height and overflow-y scroll to prevent double scrollbars */
    /* The parent SMARTBox container handles scrolling */
    width: 100%;
}
  
.patient-error {
    white-space:pre-wrap;
    padding: 5px;
    font-weight: bold;
    border-left:3px solid red;
    background-color: #facbcbcc;
    margin: 10px 30% 10px 30%;
    display:block;
}

.questionnaire-response {
    width: 100%;
    padding:10px 10px 10px 0px;
}
.consoleMain{
    border-width:1px 5px 3px 5px;
    border-style: solid solid solid solid;
    border-color: black;
    background-color: #333333;
    color:white;
    overflow-y:scroll;
    overflow-x: wrap;
    word-break:break-all;
    font-family: 'Courier New', Courier, monospace;
    transition: all .2s ease;
    /* transition-duration: .2s; */
    transition-delay: .25s;
}
.resize{
    resize: vertical;
    transition-duration:0s;
    transition-delay:0s;
}
.showConsole{
    height:200px;


}
.hideConsole{
    resize:none;
    height:0px !important;
    border-width: 0px;
    transition-property: all;
    transition-duration: .2s;
    transition-delay: 0s;
}

.consoleHeader{
    border: 3px solid black;
    background-color: black;
    color: white;
    margin-top: 30px;
    font-family: 'Courier New', Courier, monospace;
    display:block;
    font-size: 18px;
    text-align: center;
    transition-property: all;
    transition-duration: .2s;
    transition-delay: 0s;
}

.showHeader:hover{
    color:#CCCCCC;
}

.showHeader{
    width:100%;
}
.showHeader::after{
    content:"-";
}
.collapseHeader::after{
    content:"+";
}

.collapseHeader{
    width:25px;
    color: black;
    text-align:center;
    border-width: 1px 1px 1px 1px;
    background-color: white;
    transition-property: all;
    transition-duration: .2s;
    transition-delay: .25s;
}

.showHeader:hover ~ .resize{
    transition-delay:.25s;
    transition-duration:.4s;
}

.errorClass{
    color:#dc3545;
}

.warningClass{
    color: #ffc107;
}

.infoClass{
    color: #17a2b8;
}

.setting-input {
    margin: 1px 0 10px 0;
    border-color: #999;
    border-width: 1px;
    border-style:solid;
    height: 25px;
}


.setting-checkbox {
    padding: 2px 4px;
}

.setting-inner-checkbox {
    margin-left: 1px;
    margin-right: 1px;
}

.setting-header{
    font-size:12px;
    margin:0;
}

/*# sourceMappingURL=main.f47e627427146c491bba.css.map*/