html {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Ubuntu", Arial, sans-serif;
  margin-top: 0px;
  padding: 0px;
  background-image: url("/Images/wild_oliva.png");
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-fix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  margin-left: 10px;
}

h1 {
  margin-bottom: 10px;
}

img {
  border: none;
  outline: none;
}

input[type=text] {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 4px;
  font-size: 14px;
  outline: none;
  width: 100%;
}

.maincontent {
  margin-top: 5px;
}
.maincontent > .group > .col {
  margin: 5px;
}
.maincontent .col {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

.width990 {
  /*max-width: 990px;
  margin-left: auto;
  margin-right: auto;*/
}

header {
  background-color: #fff;
  position: relative;
}
header .col {
  position: relative;
}
header img {
  margin: 10px;
  max-height: 30px;
}
header .title {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 18px;
  display: none;
}
header .loginpartial {
  position: absolute;
  right: 10px;
  font-size: 11px;
  top: 10px;
}
header .loginpartial span + span:before {
  content: " | ";
  padding: 0 10px;
}

.standardwidth {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.fade {
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.selected {
  background-color: #fffdcc !important;
}

.tabs-min {
  background: transparent;
  border: none;
  padding: 0px;
}

.tabs-min .ui-widget-header {
  background: transparent;
  border: none;
  border-bottom: 1px solid #c0c0c0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.tabs-min .ui-tabs-nav .ui-state-default {
  background: transparent;
}

.tabs-min .ui-tabs-nav .ui-state-active {
  /*background: transparent url('/Images/uiTabsArrow.png') no-repeat bottom center; */
}

.tabs-min .ui-tabs-nav .ui-state-default a {
  color: #c0c0c0;
  margin-bottom: 10px;
  background-color: #eeeeee;
  cursor: pointer !important;
}
.tabs-min .ui-tabs-nav .ui-state-default a:hover {
  color: rgb(156, 0, 97) !important;
}

.tabs-min .ui-tabs-nav .ui-state-active a {
  background-color: rgb(156, 0, 97);
  color: #ffffff;
}
.tabs-min .ui-tabs-nav .ui-state-active a:hover {
  color: #ffffff !important;
}

.tabs-min .ui-tabs-panel {
  font-size: 12px;
}

.tabs-min .ui-tabs-tab {
  border: none;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
  margin-right: 8px !important;
}
.tabs-min .ui-tabs-tab .ui-tabs-anchor {
  font-family: Roboto;
  font-size: 15px;
  padding: 8px 12px;
  margin: 0;
  margin-bottom: 0 !important;
}

#spacecrafttabs .ui-tabs-panel, #companytabs .ui-tabs-panel {
  border-top: none !important;
  padding: 0;
  margin-top: 20px;
}

.inputspacer {
  height: 20px;
  display: block;
}

.horizontalrule {
  border: none;
  border-top: 1px solid #ccc;
  height: 1px;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

#organisationdetails label {
  font-weight: bold;
  margin-bottom: 4px;
  margin-left: 4px;
}
#organisationdetails input, #organisationdetails select {
  border-radius: 6px;
  padding: 6px;
}

#spacecraftdetails h2, #miscdetails h2 {
  font-size: 20px;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 0px;
}
#spacecraftdetails .address, #miscdetails .address {
  margin-bottom: 20px;
}
#spacecraftdetails .col, #miscdetails .col {
  border: none;
  overflow: visible;
}
#spacecraftdetails .detailsfields div + div, #miscdetails .detailsfields div + div {
  margin-top: 10px;
}
#spacecraftdetails label, #miscdetails label {
  font-weight: bold;
  display: block;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-bottom: 4px;
  margin-top: 10px;
}
#spacecraftdetails label.error, #miscdetails label.error {
  display: none !important;
}
#spacecraftdetails input, #miscdetails input {
  padding: 3px;
  font-size: 12px;
  border-radius: 2px;
  width: 100%;
  display: block;
}
#spacecraftdetails select, #miscdetails select {
  width: 100%;
  padding: 3px;
  font-size: 12px;
  border-radius: 2px;
  outline: none;
}
#spacecraftdetails input[type=checkbox], #miscdetails input[type=checkbox] {
  width: auto;
  outline: none;
}
#spacecraftdetails textarea, #miscdetails textarea {
  width: 100%;
  padding: 3px;
  border: 1px solid #aaa;
  border-radius: 2px;
  outline: none;
}
#spacecraftdetails .notes, #miscdetails .notes {
  margin-top: 20px;
}
#spacecraftdetails .checkboxcontainer, #miscdetails .checkboxcontainer {
  margin-top: 10px;
}
#spacecraftdetails .checkboxcontainer input[type=checkbox], #miscdetails .checkboxcontainer input[type=checkbox] {
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
}
#spacecraftdetails .checkboxcontainer label, #miscdetails .checkboxcontainer label {
  display: inline;
}
#spacecraftdetails h2, #miscdetails h2 {
  font-size: 16px;
  margin-left: 0px;
  color: rgb(156, 0, 97);
  margin-bottom: 16px;
}

.inputspacer {
  height: 20px;
  display: block;
}

.horizontalrule {
  border: none;
  border-top: 1px solid #ccc;
  height: 1px;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.list h2 {
  font-size: 16px;
  margin-left: 0px;
  padding: 14px;
  color: rgb(156, 0, 97);
}
.list .search {
  padding: 6px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.list .search input {
  width: 100%;
}
.list .search .btn {
  margin-bottom: 3px;
}
.list .search #searchsubmit, .list .search #searchreset {
  width: 100%;
  display: block;
  margin-top: 4px;
}
.list ul {
  height: 480px;
  overflow-y: scroll;
  border: none;
  width: 100%;
  outline: none;
  margin: 0px;
  padding: 0px;
}
.list ul li {
  padding: 8px;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}
.list ul li:last-child {
  border-bottom: none;
}
.list ul li:hover {
  background-color: #fffdcc;
}

.savepopup, .savefailedpopup {
  display: none;
  position: fixed;
  background-color: rgb(177, 231, 165);
  color: #666;
  font-size: 12px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  z-index: 9999;
  height: 32px;
  border-bottom: 1px solid rgb(79, 155, 68);
}
.savepopup span, .savefailedpopup span {
  display: inline-block;
  margin-right: 4px;
}

.savefailedpopup {
  color: #fff;
  background-color: rgb(233, 97, 97);
  border-bottom: 1px solid rgb(172, 23, 23);
}
.savefailedpopup span {
  display: inline-block;
  margin-right: 4px;
}

.chosen-container {
  width: 100% !important;
}

.twocolumns {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}

.threecolumns {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}

.listtable {
  width: 100%;
  overflow: hidden;
}
.listtable th {
  padding: 8px;
  color: #666;
  text-align: center;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 14px;
}
.listtable td {
  padding: 4px;
  text-align: center;
}
.listtable tr.clickablerow {
  cursor: pointer;
}
.listtable tr:nth-child(even) {
  background-color: #f6f6f6;
}
.listtable tr:hover, .listtable tr:nth-child(even):hover {
  background-color: #FFFDCC;
}
.listtable tr:first-child:hover {
  background-color: inherit;
}
.listtable tbody tr.rulefailed {
  background-color: rgb(249, 181, 184) !important;
}
.listtable tbody tr.rulefailed:nth-child(even) {
  background-color: rgb(249, 181, 184) !important;
}
.listtable tbody tr.runfailed {
  background-color: #dddddd !important;
}
.listtable tbody ttr.runfailed:nth-child(even) {
  background-color: #dddddd !important;
}
.listtable tbody tr.rulepassed {
  background-color: rgb(210, 247, 187) !important;
}
.listtable tbody tr.rulepassed:nth-child(even) {
  background-color: rgb(210, 247, 187) !important;
}
.listtable tbody tr.rulewarning {
  background-color: rgb(255, 238, 198) !important;
}
.listtable tbody tr.rulewarning:nth-child(even) {
  background-color: rgb(255, 238, 198) !important;
}

.runfailed-text {
  color: #aa0000 !important;
  font-weight: bold;
}

.pagelinks {
  font-family: Arial;
  font-size: 0px;
  list-style-type: none;
  list-style-position: inside;
  margin: 0px;
  padding: 0px;
}
.pagelinks li {
  font-size: 11px;
  display: inline-block;
  padding: 0px 4px;
  margin: 0px;
  text-align: center;
  border-left: none;
  border-right: none;
  cursor: pointer;
}
.pagelinks li.currentpage {
  text-decoration: underline;
}

.delete {
  margin-right: 20px;
}

#spacecrafttabs .ui-tabs-panel, #companytabs .ui-tabs-panel {
  border-top: none;
}

#spacecrafttabs .ui-tabs-nav, #companytabs .ui-tabs-nav, #companytabs .ui-tabs-nav, #companytabs .ui-tabs-nav {
  border-bottom: none;
}

.highlight {
  background-color: rgb(215, 230, 255);
}

.clearautocomplete {
  cursor: pointer;
}

#spacecrafttabs #specs .col {
  margin-top: 0px;
}

.jstree li > a > .jstree-icon {
  display: none !important;
}

.eventstable td, .eventstable th, #communicationstable td, #communicationstable th, #earlywarningstable td, #earlywarningstable th, #navigationtable td, #navigationtable th, #opticaltable td, #opticaltable th, #radartable td, #radartable th, #scientifictable td, #scientifictable th, #siginttable td, #siginttable th {
  padding: 2px;
}
.eventstable td input, .eventstable th input, #communicationstable td input, #communicationstable th input, #earlywarningstable td input, #earlywarningstable th input, #navigationtable td input, #navigationtable th input, #opticaltable td input, #opticaltable th input, #radartable td input, #radartable th input, #scientifictable td input, #scientifictable th input, #siginttable td input, #siginttable th input {
  display: inline-block;
}

.tabheader {
  font-size: 20px;
  background-color: rgb(156, 0, 97);
  color: #fff;
  padding: 10px;
  border-radius: 6px;
  margin: 0px;
  margin-bottom: 20px;
}

.smalllabels label {
  font-size: 12px;
}

.solararrayrecord td, .batteryrecord td, .launchrecord td, .vehiclelaunchsiterecord td, .antennarecord td {
  padding: 4px;
  padding-left: 0px;
}

.notitle .ui-dialog-titlebar {
  display: none;
}

#eventlossdetailsdialog label {
  font-size: 12px;
}

.activerow {
  outline: 2px solid #88f;
}

.ui-dialog {
  z-index: 1;
}

#spacecraftdetails .autocompletecell, #companydetails .autocompletecell {
  width: 220px;
}
#spacecraftdetails .autocompletecell input, #companydetails .autocompletecell input {
  display: inline-block;
}
#spacecraftdetails .autocompletecell i, #companydetails .autocompletecell i {
  margin-left: 2px;
}

.eventstable tr th {
  padding: 8px;
}
.eventstable tr td {
  padding: 8px;
}
.eventstable tr td:nth-child(2) div {
  width: 110px;
}
.eventstable tr td:nth-child(3) div {
  width: 150px;
}
.eventstable tr td:nth-child(4) div {
  width: 350px;
}
.eventstable tr td:nth-child(7) div, .eventstable tr td:nth-child(8) div, .eventstable tr td:nth-child(9) div, .eventstable tr td:nth-child(10) div {
  width: 220px;
}
.eventstable tr td:nth-child(11) div {
  width: 100px;
}
.eventstable tr td:nth-child(12) div {
  width: 120px;
}
.eventstable tr td:nth-child(13) div, .eventstable tr td:nth-child(14) div {
  width: 100px;
}
.eventstable tr td:nth-child(15) div {
  width: 60px;
}
.eventstable tr td:nth-child(16) div {
  width: 150px;
}
.eventstable tr td:nth-child(17) div {
  width: 85px;
}
.eventstable tr td:nth-child(18) div {
  width: 90px;
  text-align: right;
}
.eventstable tr:nth-child(even) {
  background-color: #eeeeee;
}
.eventstable tr:hover {
  background-color: #fffdcc;
}
.eventstable tr.eventrecord td {
  padding: 2px;
}

.checkbox {
  cursor: pointer;
  margin: 0;
  margin-bottom: 4px;
  font-weight: normal;
}
.checkbox .form-control {
  font-size: 12px;
  padding: 6px;
  padding-top: 8px;
}
.checkbox input[type=checkbox] {
  display: none;
}

.checkbox-checked .input-group-addon {
  color: #31AD6F;
  background-color: #C8DFBF;
}
.checkbox-checked .input-group-addon svg:before {
  content: "\f00c";
}
.checkbox-checked:hover .form-control {
  background-color: #ECF7E8;
}

.checkbox-unchecked .input-group-addon {
  color: #dc4a33;
  background-color: #F4DDD9;
}
.checkbox-unchecked .input-group-addon svg:before {
  content: "\f00d";
}
.checkbox-unchecked:hover .form-control {
  background-color: #FCF4F3;
}

input[readonly] {
  background-color: #eeeeee;
  cursor: default;
}

.nopadboolbox {
  margin-top: 5px;
  width: 260px;
}

.alternativenames {
  font-size: 11px;
  color: #A9A9A9;
}

.altnamebold {
  font-weight: bold;
}

#eventlossdetailsdialog label {
  margin-bottom: 0;
  font-weight: bold;
}
#eventlossdetailsdialog input, #eventlossdetailsdialog select, #eventlossdetailsdialog textarea {
  margin-bottom: 5px;
}

.tableBorderBlack table, .tableBorderBlack th, .tableBorderBlack td {
  border: 1px solid black;
}
.tableBorderBlack table {
  border-collapse: collapse;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 12px;
  margin-top: 20px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #dc5656;
  border: 0px solid #000000;
  color: #ffffff;
}

.control-radio .control_indicator {
  border-radius: 0;
}

.control input ~ .control_indicator {
  background: #dc5656;
}

.control input:checked ~ .control_indicator {
  background: #5ab368;
}

.control input:disabled ~ .control_indicator {
  background: #dc5656;
  opacity: 0.6;
  pointer-events: none;
}

.control_indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}

.control input ~ .control_indicator .fa-times {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  margin-top: 2px;
  margin-left: 4.5px;
}

.control input ~ .control_indicator .fa-check {
  display: none;
}

.control input:checked ~ .control_indicator .fa-times {
  display: none;
}

.control input:checked ~ .control_indicator .fa-check {
  display: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  margin-top: 2px;
}

.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}

#crumbs {
  text-align: center;
  width: 100% !important;
}

#crumbs ul {
  list-style: none;
  display: inline-table;
  width: 100% !important;
}

#crumbs ul li {
  display: inline;
}

#crumbs ul li a {
  display: block;
  float: left;
  height: 20px;
  width: auto;
  background: #c0c0c0;
  text-align: left;
  padding: 10px 60px 30px 60px;
  position: relative;
  margin: 0 5px 0 0;
  font-size: 15px;
  text-decoration: none;
  color: #fff;
}

#crumbs ul li a:after {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #c0c0c0;
  position: absolute;
  right: -20px;
  top: 0;
  z-index: 1;
}

#crumbs ul li a:before {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
}

#crumbs ul li:first-child a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#crumbs ul li:first-child a:before {
  display: none;
}

#crumbs ul li:last-child a {
  padding-right: 30px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#crumbs ul li:last-child a:after {
  display: none;
}

#crumbs ul li a:hover {
  background: #3296CA;
}

#crumbs ul li a:hover:after {
  border-left-color: #3296CA;
}

.active-crumb ul li a:after {
  border-left-color: #3296CA !important;
}

.active-crumb {
  background: #3296CA !important;
}

.active-crumb:after {
  border-left-color: #3296CA !important;
}

#crumbs ul li i {
  margin-right: 10px !important;
}

.dissable {
  pointer-events: none;
  cursor: not-allowed !important;
  background-color: #ccc !important;
  border-color: #666 !important;
}

.col-red {
  color: red;
}

.col-3296CA {
  color: #3296CA;
}

.tbl tr td {
  padding-left: 10px;
}

.bgcol {
  background-color: #eee;
}

.noborder {
  border: none;
}

.bordered {
  border: 1px solid #808080;
}

.textbox {
  width: 75px;
  border: 1px solid #000000;
  height: auto;
  margin: 2px;
  text-align: center;
  float: left;
}

#companydetails input, #spacecraftdetails input, #miscdetails input, #companydetails select, #spacecraftdetails select, #miscdetails select {
  border-radius: 6px;
  padding: 6px;
}
#companydetails input:focus, #spacecraftdetails input:focus, #miscdetails input:focus, #companydetails select:focus, #spacecraftdetails select:focus, #miscdetails select:focus {
  box-shadow: 0 0 2pt 1pt #63bfef;
}

.search input[type=text]:focus {
  box-shadow: 0 0 2pt 1pt #63bfef;
}

#companydetails select, #spacecraftdetails select, #miscdetails select {
  padding-left: 4px;
}

.note-editor.note-frame {
  border-radius: 6px;
  border: 1px solid #cccccc;
  overflow: hidden;
}

#companydetails textarea, #spacecraftdetails textarea, #miscdetails textarea {
  border-radius: 6px;
  border: 1px solid #aaaaaa;
}

.inusewarning {
  font-size: 16px;
  padding: 20px;
  border-radius: 10px;
  display: none;
  margin-bottom: 15px;
}

#companydetails .contact {
  margin-top: 5px;
  float: right;
}

.first-deployment-suggestion {
  background-color: #b7f0b7 !important;
}

.planesresult td {
  border: 1px solid #aaaaaa;
}

.fieldtree {
  list-style-image: url("../Images/plus.png");
  font-size: 13px;
  padding: 0px;
  margin: 0px;
  padding-left: 20px;
  max-height: 340px;
  overflow-y: scroll;
}

.fieldtree .treeheader {
  cursor: pointer;
  padding: 4px;
}

.fieldtree .treeheader.expanded {
  list-style-image: url("../Images/minus.png");
}

.fieldtree .treeheader.expanded ul {
  display: block;
}

.fieldtree ul {
  display: none;
  padding-left: 10px;
  padding-top: 4px;
}

.fieldtree ul li {
  list-style-image: none;
  list-style-type: none;
  padding: 2px;
  margin-top: 2px;
  cursor: move;
}

.fieldtree ul li span {
  padding: 4px;
  padding-left: 0px;
}

.fieldtree ul li span.selected {
  border: 1px dotted #666;
  background-color: #1E90FF;
  color: #fff;
}

.fieldtree ul li span.hashover:hover {
  background-color: #eee;
}

#selectedfields, #sortorder {
  padding: 15px;
  font-size: 13px;
}

#selectedfields .selectedfieldtext, #sortorder .selectedfieldtext {
  color: #2a6496;
}

#selectedfields .selectedfieldtext:hover, #sortorder .selectedfieldtext:hover {
  text-decoration: line-through;
  cursor: pointer;
}

.selectedfiltercontainer, .groupingoptions {
  margin-bottom: 4px;
}

.selectedfiltercontainer .removefilter, .groupingoptions .removefilter {
  margin-right: 8px;
  padding: 0 3px;
  margin-top: -4px;
}

.selectedfiltercontainer .removefilter .glyphicon, .groupingoptions .removefilter .glyphicon {
  font-size: 10px;
}

.selectedfiltercontainer select, .groupingoptions select {
  padding: 3px;
  margin-left: 4px;
  font-size: 12px;
  border: 1px solid #aaa;
  border-radius: 4px;
  max-width: 260px;
  outline: none;
}

.selectedfiltercontainer input[type=text], .groupingoptions input[type=text] {
  font-size: 12px;
  padding: 2px;
  margin-left: 8px;
}

.groupingoptions label {
  font-size: 12px;
}

.groupingoptions .datepicker {
  display: inline;
  width: 100px;
  padding: 3px;
  height: auto;
}

.scrollFixIt {
  display: none;
}

.datadownload {
  display: inline-block;
  padding: 7px;
  background-color: #9c0061;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.detailstable {
  /* background-color: #fff; */
  /* border-spacing: 4px; */
  /* border-collapse: separate; */
  font-size: 10px;
  min-width: 100%;
  max-width: 100%;
}
.detailstable tr:nth-child(even) {
  background-color: #f2f0f1;
}
.detailstable tr.booking {
  background-color: #A6D785;
}
.detailstable tr.backlog {
  background-color: #FDC260;
}
.detailstable tr:nth-child(even).backlog {
  background-color: #FDCC7B;
}
.detailstable th {
  vertical-align: bottom;
  text-align: center;
  background-color: #9c0061;
  color: #fff;
}
.detailstable .borderedcells th {
  padding: 2px;
  border: 1px solid #ddd;
}
.detailstable td {
  border: 1px solid white;
  padding: 2px;
  text-align: center;
}

.maincontent .col, .remodal .col {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
}
.maincontent .contentarea, .maincontent .contentareanoborder, .remodal .contentarea, .remodal .contentareanoborder {
  background-color: #f7e6f1;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
}
.maincontent .contentarea .col, .maincontent .contentareanoborder .col, .remodal .contentarea .col, .remodal .contentareanoborder .col {
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
.maincontent .contentareanoborder, .remodal .contentareanoborder {
  background-color: #fff;
  border-radius: 0px;
  overflow: hidden;
  padding: 0px;
}
.maincontent .contentareanoborder .detailstable, .remodal .contentareanoborder .detailstable {
  font-size: 12px;
}
.maincontent .contentareanoborder .detailstable td, .remodal .contentareanoborder .detailstable td {
  text-align: left;
}
.maincontent .contentareanoborder table, .remodal .contentareanoborder table {
  background-color: #C8EBFD;
}
.maincontent .contentareanoborder .col, .remodal .contentareanoborder .col {
  background-color: transparent;
  border: none;
  border-radius: 0px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"]::before {
  content: "9";
  font-size: 9px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
  content: "10";
  font-size: 10px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"]::before {
  content: "11";
  font-size: 11px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  content: "12";
  font-size: 12px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  content: "14";
  font-size: 14px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  content: "16";
  font-size: 16px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  content: "18";
  font-size: 18px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
  content: "20";
  font-size: 20px !important;
}

.ql-editor {
  min-height: 250px;
}

.btn-xs {
  padding: 2px 6px;
}

.slide {
  transition: flex 0.5s ease-in-out;
}

.slide.collapsed {
  flex: 0 !important;
  overflow: hidden;
}

.ui-datepicker {
  border: 1px solid #cccccc !important;
}

.form-control {
  color: #000000;
}

.ql-toolbar, .ql-container {
  background-color: #ffffff;
}

.ql-container {
  height: 200px !important;
}

#chartjs-tooltip {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  padding: 5px;
  pointer-events: auto;
  z-index: 100;
}