html {
	font-size:14px;
}

body {
	font-size:14px;
}

section.content{
	overflow-x: hidden;
}

.las, .lab {
  	font-size:22px !important;
}

.required {
  	border: 2px solid red;
}

.table {
  	width:100% important;
}

.btn:hover {
  	box-shadow: 0 3px 11px #ccc;
}

.btn-action {
	border: 1px solid #eee;
	padding:0.2rem;;
	border-radius:8px;
	margin-right:8px;
	transition:0.3s;
	margin-top:4px;
}

.btn-action:hover {
    background-color:#333;
    color:#eee;
    box-shadow: 0 3px 11px #ccc;
}

.table td, .table th {
    vertical-align:middle !important;
	padding:0.25rem;
}

table.dataTable th {
    border-left-width: 0;
    background-color:#f4f6f9;
    text-transform:capitalize;
	border-bottom:1px solid #dee2e8 !important;
}

.table td, .table th {
    border:none !important;
}

.table.dataTable {
	border:1px solid #dee2e8;
	border-radius:0.25rem;
}

.table td, th {
    border-bottom:1px solid #dee2e8 !important;
}

.table-small td, .table-small th {
	font-size:10px;
}

.btn {
    transition:0.3s;
}

.badge {
	font-size:80% !important;
}

.badge-default {
    background-color:#e0eafc;
	color:#3f80ea;
	font-size:100% !important;
	font-weight:normal !important;
}

.badge-info {
	background-color:#eee;
	color:#999;
}

.badge-warning {
    background-color:#fdefd7c2;
	color:#ebaf04;
	font-size:100% !important;
	font-weight:normal !important;
}

.badge-success {
    background-color:#c5f7d1;
	color:#28a745;
	font-size:100% !important;
	font-weight:normal !important;
}

.badge-alert {
    background-color:#fbc9c991;
	color:#ea3f3f;
	font-size:100% !important;
	font-weight:normal !important;
}

.badge-critical {
    background-color:#bebebe94;
	color:#03070f;
	font-size:100% !important;
	font-weight:normal !important;
}

.alert-message {
	background-color:#eee;
	color:#999;
}

.navbar-white {
    border-bottom: 0;
    box-shadow: 0 0 2rem 0 rgb(41 48 66 / 10%);
}

.info-box {
	box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%);
    border: none;
}

.card {
	box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%);
    border: none;
}

.f-size-58 {
	font-size:58px !important;
}

.cotent-wrapper {
	background-color:#f7f9fc;
}

[class*=sidebar-dark-] {
	background-color:#293042;
}

.card-header {
	border-bottom:1px solid #dee2e8;
}

.card-title {
	font-size:1.5em;
}

.icon-forward {
	transition:0.3s;
}

.icon-forward:hover {
	margin-right:5px;
}

.ui-autocomplete {
	z-index:9999;
}

.crud-fast-filter-element {
    background-color:#eee;
    border:1px solid #ccc;
    padding:0.25em;
    border-radius:0.25em;
    width:max-content;
}

.row-hover {
	transition:0.3s;
	border-radius:5px;
}

.row-hover:hover {
	background-color:#eee;
}
.content-wrapper.kanban {
    height: 1px;
	background-color: white;
}
.content-wrapper.kanban .content {
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
}
.content-wrapper.kanban .content .container, .content-wrapper.kanban .content .container-fluid {
    width: max-content;
    display: flex;
    align-items: stretch;
}
.content-wrapper.kanban .content-header, .content-wrapper.kanban .content-header + .content {
    /* height: calc(100% - ((2 * 15px) + (1.8rem * 18px))); */
	background-color: white;
}
.content-wrapper.kanban .card .card-title{
	font-size: 1.2em;
}
.content-wrapper.kanban .card .card-body {
    padding: 0.5rem;
}
.content-wrapper.kanban .card.card-row {
    width: 272px;
    margin: 0 0.5rem;
	border-radius: 12px;
	height: fit-content;
	background-color: #f1f2f4;
	max-height: 95%;
	box-shadow:  0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
}
.content-wrapper.kanban .card.card-row:first-child {
    margin-left: 0;
}
.content-wrapper.kanban .card.card-row .card-body.status {
    overflow-x: hidden;
    overflow-y: auto;
    /* overflow-y: auto; */
}
.content-wrapper.kanban .card.card-row .card:last-child {
    margin-bottom: 0;
    border-bottom-width: 1px;
}
.content-wrapper.kanban .card-item{
	border-radius: 8px;
	box-shadow:  0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
	cursor: default;
}
.content-wrapper.kanban .card.card-row .card-header {
    padding: 0.5rem 0.75rem;
	border-radius: 12px 12px 0 0;
}
.content-wrapper.kanban .card.card-row .card-body {
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
	border-radius: 0 0 12px 12px;
}
.content-wrapper.kanban .card-footer{
	background: white;
	border-radius: 0 0 12px 12px;
	color: grey;
	border-top: 1px solid #eee;
	padding: 4px 4px;
}
.content-wrapper.kanban .card-footer-column{
	background-color: #f1f2f4;
	cursor: pointer;
	padding: 4px 10px;
}
.content-wrapper.kanban .btn-tool{
	color:grey;
	padding: 0;
}
.content-wrapper.kanban .btn-tool.btn-link {
    text-decoration: underline;
    padding-left: 0;
    padding-right: 0;
}
.card-info:not(.card-outline) .btn-tool:hover{
	background-color: grey;
}
.content-wrapper.kanban .btn-tool.editing {
    background-color: #17a2b8;
	color: white;
}
.content-wrapper.kanban input, .content-wrapper.kanban textarea{
	border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
    padding: 10px;
}
.content-wrapper.kanban select{
	border: 1px solid #eee;
    padding: 5px 18px;
    border-radius: 20px;
	appearance: none;
}
.content-wrapper.kanban button{
    border: 1px solid #eee;
    padding: 5px 18px;
	border-radius: 20px;
}
h1 button{
	padding: 10px 40px !important;
	font-size: 18px !important;
	border-radius: 50px !important;
}
.content-wrapper.kanban input:focus, .content-wrapper.kanban textarea:focus, .content-wrapper.kanban select:focus{
	border: 1px solid #aaa;
    outline:none;
}
.swal2-container a{
	outline:none;
}
.swal2-container .col-6{
	padding-right: 1px;
	padding-left: 1px;
}
.swal2-container .select-color{
	padding:10px;
	cursor:pointer;
	margin-bottom:2px;
}
.circle {
    position: relative;
    width: 22px;
    height: 22px;
    float: left;
    border-radius: 50%;
    background-color: #f1f1f1;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
    font-weight: bold;
    margin-left: -11px;
    z-index: 1;
}

.circle:first-child {
    margin-left: 0;
}

.circle + .circle {
    margin-left: -10px;
    border: 1px solid grey;
}

.circle.bg-orange{
	color: white !important;
}
.truncate{
	/* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */
	color: #999;
    font-size: 12px;
    border-bottom: 1px solid #efefef;
}
.truncate h3{
	color: #1f2d3d;
}
.truncate h3 span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kanban-date{
	color: #999;
    font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: -6px;
}
.kanban-date.time{
	font-weight: normal;
}
.project-kanban .small{
	overflow-x: hidden;
}
.project-kanban .small-box h3{
	font-size: 1.5rem !important;
}
/* Fix color hover */
.card-primary .btn-tool:hover, .project-kanban .small-box-footer.bg-primary{
	background-color: #007bff ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-secondary .btn-tool:hover, .project-kanban .small-box-footer.bg-secondary{
	background-color: #6c757d ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-info .btn-tool:hover, .project-kanban .small-box-footer.bg-info{
	background-color: #17a2b8 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-success .btn-tool:hover, .project-kanban .small-box-footer.bg-success{
	background-color: #28a745 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-warning .btn-tool:hover, .project-kanban .small-box-footer.bg-warning{
	background-color: #ffc107 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-danger .btn-tool:hover, .project-kanban .small-box-footer.bg-danger{
	background-color: #dc3545 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-black .btn-tool:hover, .project-kanban .small-box-footer.bg-black{
	background-color: #000000 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-gray-dark .btn-tool:hover, .project-kanban .small-box-footer.bg-gray-dark{
	background-color: #343a40 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-gray .btn-tool:hover, .project-kanban .small-box-footer.bg-gray{
	background-color: #6c757d ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-light .btn-tool:hover, .project-kanban .small-box-footer.bg-light{
	background-color: grey ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-indigo .btn-tool:hover, .project-kanban .small-box-footer.bg-indigo{
	background-color: #6610f2 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-lightblue .btn-tool:hover, .project-kanban .small-box-footer.bg-lightblue{
	background-color: #3c8dbc ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-navy .btn-tool:hover, .project-kanban .small-box-footer.bg-navy{
	background-color: #001f3f ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-purple .btn-tool:hover, .project-kanban .small-box-footer.bg-purple{
	background-color: #605ca8 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-fuchsia .btn-tool:hover, .project-kanban .small-box-footer.bg-fuchsia{
	background-color: #f012be ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-pink .btn-tool:hover, .project-kanban .small-box-footer.bg-pink{
	background-color: #e83e8c ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-maroon .btn-tool:hover, .project-kanban .small-box-footer.bg-maroon{
	background-color: #d81b60 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.project-kanban .card-orange .card-header, .card-orange .btn-tool:hover, .project-kanban .small-box-footer.bg-orange{
	background-color: #ff851b ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-lime .btn-tool:hover, .project-kanban .small-box-footer.bg-lime{
	background-color: #01ff70 ;
	color: #1f2d3d !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-teal .btn-tool:hover, .project-kanban .small-box-footer.bg-teal{
	background-color: #20c997 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
.card-olive .btn-tool:hover, .project-kanban .small-box-footer.bg-olive{
	background-color: #3d9970 ;
	color: white !important;
	border-radius: 0px 0px 0.25rem 0.25rem;
}
/* width */
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #ccc;
}
.gantt_control{
    background: #ededed;
    text-align: center;
}

.gantt_control input[type=button],
.gantt_control input[type=file],
.gantt_control input[type=checkbox],
.gantt_control button{
    font: 500 14px;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    background: #fff;
    padding: 4px 12px;
    margin: 0 5px;
    color: rgba(0,0,0,0.7);
    line-height: 20px;
}

.gantt_control input[type=button]:hover,
.gantt_control button:hover{
    border: 1px solid #B3B3B3;
    color: rgba(0,0,0,0.8);
    cursor: pointer;
}

.gantt_control input[type=button]:active,
.gantt_control button:active{
    background: #F7F7F7;
}

.gantt_control input[type=button]:focus,
.gantt_control button:focus{
outline: none !important;
}

.gantt_control{
    padding: 10px 0 12px;
}

.gantt_control input[type=radio],
.gantt_control input[type=checkbox]{
    display:none;
}

.gantt_control label{
    padding: 0 6px;
    color: rgba(0,0,0,0.54);
    font: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
}
.material-icons{
    position: relative;
    top: 6px;
    right: 2px;
    color: rgba(0,0,0,0.54);
}

.material-icons.icon_color {
    color: #0288D1;
}

.material-icons.md-inactive {
    color: rgba(0, 0, 0, 0.38);
}

.checked_label{
    color: rgba(0,0,0,0.7)!important;
}

.gantt_radio:checked,
.gantt_radio:not(:checked) {
    position: absolute;
    left: -9999px;
}
.gantt_radio:checked + label,
.gantt_radio:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.gantt_radio:checked + label:before,
.gantt_radio:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.gantt_radio:checked + label:after,
.gantt_radio:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #8a9ada;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.gantt_radio:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.gantt_radio:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.weekend {
    background: #f4f7f4;
}

.gantt_selected .weekend {
    background: #f7eb91;
}
.gantt_task_line.gantt_project{
    color:white;
}

.gantt_side_content{
    color:#333;
}

.summary-bar{
    font-weight: bold;
}

.gantt_resource_task .gantt_task_content{
    color:inherit;
}

.gantt_resource_task .gantt_task_progress{
    background-color:rgba(33,33,33,0.3);
}

.gantt_cell:nth-child(1) .gantt_tree_content{
    border-radius: 16px;
    width: 100%;
    height: 80%;
    margin: 5% 0;
    line-height: 230%;
}
.high {
    border: 2px solid #d96c49;
    color: #d96c49;
    background: #d96c49;
}

.high .gantt_task_progress {
    background: #db2536;
}

.medium {
    border: 2px solid #34c461;
    color: #34c461;
    background: #34c461;
}

.medium .gantt_task_progress {
    background: #23964d;
}

.low {
    border: 2px solid #6ba8e3;
    color: #6ba8e3;
    background: #6ba8e3;
}

.low .gantt_task_progress {
    background: #547dab;
}
.fa {
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    opacity: 0.2;
    padding: 5px;
}

.fa:hover {
    opacity: 1;
}

.fa-pen {
    color: #ffa011;
}

.fa-plus {
    color: #328EA0;
}

.fa-times {
    color: red;
}

.btn-group, .btn-group-vertical {
    position:unset !important;
}

.btn-group-vertical>.btn, .btn-group>.btn {
    position:unset !important;
}
.border-todo-0{
    border-top: 2px solid lightskyblue;
}
.border-todo-1{
    border-top: 2px solid goldenrod;
}
.border-todo-2{
    border-top: 2px solid orangered;
}
.border-todo-3{
    border-top: 2px solid grey;
}
.todolist-content .list-group-item{
    margin-top: 5px;
}
.todolist-content .list-group-item+.list-group-item{
    border-top-width: 2px;
}
.list-group-item.completed{
    background: rgba(50,205,50,0.15);
    color: rgb(37, 139, 37) !important;
}
.list-group-item.testing{
    background: rgba(255,206,0,0.3);
    color: rgb(164, 135, 19) !important;
}
.priority-legend .list-group-item{
    padding: .5rem 1.25rem;
}
.badge-circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px;
}

.slider::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #28a745 ;
}

input:checked + .slider::before {
    transform: translateX(25px);
}