html { background: #f5f5f5; } p { font-weight: bold; text-align: center; } .yc-panel { margin-right: 0 !important; padding: unset; border-bottom: solid 0.5px #dee2e6; } .col-md-6 { width: 100%; flex: none; max-width: 100%; padding: 0; } .half { padding: unset; text-align: center; vertical-align: middle; border-right: solid 0.5px #dee2e6; width: 49%; } div .form-group { height:36px; margin: unset; border-top: solid 0.5px #dee2e6; border-left: solid 0.5px #dee2e6; border-right: solid 0.5px #dee2e6; } .form-group input, .form-group select { text-align: center; width: 48.9% !important; /* border: none;*/ } .form-group select { text-align: center; width: 48.9% !important; border: none; } .table { margin: unset; } .table td { padding: .2rem; } .table th { padding: .5rem; font-weight:normal } .table input, .table select { text-align: center; border: solid 0.5px #dee2e6 !important; } .chinese { display: contents; } .field-validation-error { font-size: 12px; display: block; display: inline-block; } .text-box { width: 150px; height: 25px; background: #fff; } input[type=text], select { height: 34px !important } label.text-box { background-color: #eeeded !important } #Comments { width: 100%; height: 60px; background-color: #fff; } #SpotPrice[readonly] { background-color: #fff; } .modal-dialog { max-width: 680px; } .yt-input-group-append { margin-left: -30px; color: #e33333; } .selectize-control { width: 49.9% !important; padding: unset; } .selectize-input { padding: unset; } .salesmenlable { vertical-align: super; } .autocomplete-suggestions { width: auto !important; min-width: 14%; } .div-group { margin: 10px 0; } #ObservationDates { width: 360px; min-height: 180px; } .editObsBtn { float: right; margin-right: 36px; } .interval { width: 80px !important; } ol > span { width: 23%; } li > input { width: 18% !important; } .titleDiv { width: 100px; height: 18px; display: flex; margin-left: 14px; margin-top: 4px; } .titleHead { width: 4px; height: 18px; background: inherit; background-color: #e33333; } .titleLabel { margin-left: 5px; font-size: 12px; } .swapsave { float: right; } .swapadd{ min-width:45px; } .swapclose { float: right; background-color: #808080 !important; border-color: #808080 !important; } .swapclose:hover { background-color: #808080 !important; border-color: #808080 !important; } .swaprow { display: block !important; width: calc(100% - 30px); } .swaprow select { margin-top: 0; border: none !important; } .swapflowtr input, .swapflowtr select { width: 113px; } .swappay, .swappay select { background: #88dbd3 !important; color: #000000 !important; } .swappay:hover { background: #88dbd3 !important; color: #000000 !important; } .swapget, .swapget select { background: #f5bf6e !important; color: #000000 !important; } .swapget:hover { background: #f5bf6e !important; color: #000000 !important; } .bubble-box { position: absolute; border: 1px solid #dc3545; border-radius: 5px; width: 92px; height: 26px; line-height: 23px; text-align: center; font-size: 10px; margin-left: 10px; margin-top: 11px; background-color: #fff; color: #dc3545; } .bubble-box::before { content: ""; position: absolute; border: 10px solid transparent; border-color: transparent transparent #dc3545; left: 0; top: -20px; } ul li { list-style: none; margin-left:-20px; } .font16 { font-size: 16px; font-weight: bold; } .font_title{ } .font_desc { color: #a6a9ad; margin-top: 5px; font-size: 12px; } .popover-header{ display:none; }