@import url('https://fonts.googleapis.com/css?family=Roboto:500');

*{
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mycontent-left-border-right {
    border-right: 1px solid #e0e0e0;
}

.mycontent-border-bottom {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 2%;
}

.baseline {
    position: absolute;
    border-radius: 2px;
    opacity: 0.6;
    margin-top: -7px;
    height: 12px;
    background: #ffd180;
    border: 1px solid rgb(255, 153, 0);
}

/* move task lines upper */
/*.gantt_task_line,
.gantt_line_wrapper {
    margin-top: -9px;
}
*/
.gantt_side_content {
    margin-bottom: 7px;
}

.gantt_task_link .gantt_link_arrow {
    margin-top: -12px
}

.gantt_side_content.gantt_right {
    bottom: 0;
}

.overdue {
    background: #cc22cc !important;
}

/*.gantt_task_progress {
    background-color: rgba(33, 33, 33, 0.17);
}*/

.accordion-body {
    background-color: #f3f3f3;
}

.form-control{
    color: #1E5AAA;
    font-weight:bold;
    background-color:#ffffff;
}

.form-control-hg{
    color: #f08300;
    font-weight:bold;
    background-color:#ffffff;
}

.btn2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn-menu {
    margin: 0% 5% 0% 5%;;
}


/* Weight only, deliberately no colour.
 *
 * This rule used to paint every `.btn` solid blue. It loads after
 * Bootstrap and has the same specificity as `.btn-danger`, so it won
 * against every contextual class: `btn-danger`, `btn-success` and
 * `btn-outline-*` all rendered the same blue, which made a destructive
 * button indistinguishable from a benign one sitting next to it.
 * `base.html` had already been fighting this one class at a time
 * (btn-primary, btn-outline-primary, btn-outline-secondary); the other
 * 35 uses in the app were still wrong.
 *
 * Nothing relies on the old default: every button in the codebase
 * declares its own contextual class, so each one now gets the colour its
 * markup asks for. The hover and disabled rules that lived here were
 * pure colour too, and `:disabled` additionally set `opacity: unset`,
 * which removed Bootstrap's fade and made a disabled button look
 * clickable. Both are gone.
 */
.btn {
    font-weight: bold;
}


.btn-hg {
    color: #ffffff;
    background-color: #f08300;
    border-color: #f08300;
    font-weight: bold;
}

.btn-hg:hover {
    color: #ffffff;
    background-color: #db7900;
    border-color: #db7900;
}

.btn-hg:disabled {
    color: #ffffff;
    pointer-events: none;
    background-color: #e9a34e;
    border-color: #e9a34e;
    opacity: unset;
}


.btn-hf {
    color: #ffffff;
    background-color: #fdc300;
    border-color: #fdc300;
    font-weight: bold;
}

.btn-hf:hover {
    color: #ffffff;
    background-color: #c69800;
    border-color: #c69800;
}

.btn-hf:disabled {
    color: #ffffff;
    pointer-events: none;
    background-color: #e7b577;
    border-color: #e7b577;
    opacity: unset;
}


.td-description {
    word-wrap: break-word;
    min-width: 400px;
    max-width: 400px;
    text-align: left;
}

.td-idcounter {
    min-width: 70px;
    max-width: 70px;
    text-align: left;
}

.td-idcounter-print {
    min-width: 50px;
    max-width: 50px;
    text-align: left;
}

th, tr {
    vertical-align: middle;
    text-align: center;
}


.note-print {
    	font-size: 15px;
    	font-weight: 600;
    	color: #303030;
    	text-align: center;

}

.padding-box {
    	padding-bottom: 20px;
    	padding-left: 20px;
    	padding-right: 20px; 
    	padding-top: 20px;
    	margin-top: 20px; 
    	margin-bottom: 20px; 
    	border: 1px solid #e7e7e7; 
    	background-color: #f7f7f7;
    	text-align: left;

}


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color:#1E5AAA; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  font-weight: 600;
}

#myBtn:hover {
  background-color: #134382; /* Add a dark-grey background on hover */
  font-weight: 600;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}


.dropdown-menu {
    --bs-dropdown-min-width: 12rem;
}


.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}