html, body {
    height: 100%;
}

/* Body */

body {
    background-color: #fafafa;
}

#content {
    height: 100%;
}

.text-primary {
    color: #1976d2 !important;
}

.text-secondary {
    color: #595959;
}

.text-black {
    color: #333333;
}

.text-white {
    color: #FFF;
}

.form-control, .btn, .nav-pills .nav-link {
    border-radius: 0px !important;
}

.form-group {
    margin-bottom: 0.5rem !important;
}

label {
    margin: 0px;
}

.btn {
    border-radius: 20px !important;
}

.btn-link {
    color: #18227c !important;
}

.btn-primary {
    background-color: #213258 !important;
    border-color: #213258 !important;
}

.btn-danger{
    color:#fff !important;
}

.form-control {
    border: 1px solid #213258;
}

.btn-primary:hover {
    z-index: 0 !important;
}

.btn-outline-primary {
    color: #213258 !important;
    border-color: #213258 !important;
}

    .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #213258;
        border-color: #213258;
    } 

.link {
    color: #297ACC !important;
    font-weight: 500 !important;
}

.modal-content {
    border-radius: 20px !important;
}

.label-ohda {
    color: #213258;
    font-weight: 700;
}

.btn-secondary {
    background-color: rgb(168 172 177) !important;
    border-color: #d9d9d9 !important;
    color: #fff;
}

    .btn-secondary:hover {
        background-color: #93979d !important;
        border-color: #d9d9d9 !important;
        color: #fff;
    }

.nav-pills .nav-link.active {
    background-color: #1976d2 !important;
    border-color: #1976d2 !important;
}

.nav-link {
    color: #00004f;
}

td {
    vertical-align: middle !important;
}

.nav-item {
    color: #213258;
    text-align: center;
}

.w-65 {
    width: 65% !important;
}

.w-35 {
    width: 35% !important;
}

.p-0-5 {
    padding: 0px .5rem !important;
}
dl {
    margin: 5px 0px !important;
}

/* Modals */
.swal2-modal .swal2-title {
    color: #595959;
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0em;
    padding: 0;
    display: block;
    word-wrap: break-word;
}

.swal2-modal .swal2-content {
    font-size: 18px;
    font-weight: 500 !important;
}

.swal2-popup {
    width: 25em !important;
    border-radius: 0px !important;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .22em !important;
    background: initial;
    background-color: #213258 !important;
    color: #fff;
    font-size: .8em !important;
}

.swal2-icon {
    margin: .2em auto .8em !important;
}

.swal2-popup {
    padding: 1em !important;
}

.swal2-actions {
    margin: 0 !important;
}

.swal2-icon.swal2-info {
    font-size: 0.7em !important;
}

.swal2-icon.swal2-error {
    font-size: 0.7em !important;
}

.swal2-icon.swal2-success {
    font-size: 0.7em !important;
}

.swal2-icon.swal2-warning {
    font-size: .7em !important;
}

.swal2-icon.swal2-question {
    font-size: .7em !important;
}

.swal2-styled.swal2-cancel {
    font-size: .7em !important;
}


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


.select2-container--default .select2-selection--single {
    min-height: 41px !important;
    border-radius: 0px !important;
    border: 1px solid #ced4da !important;
    padding: 5px 4px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 8px !important;
    }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da !important;
}

.breadcrumb {
    background-color: #ffffff00 !important;
    font-size: 26px;
    font-weight: bolder;
    color: #213258;
    padding: 0px;
    margin: 0px;
}


.breadcrumb li:not(:first-child) {
    font-size: 16px !important;
    padding-top: 12px;
    font-weight: 400;
}
.card {
    margin-top: 15px;
    min-height: auto !important;
}

.card-task {
    margin-top: 0px !important;
}

    .card-body {
        padding: .5rem 1.25rem !important;
    }

.divStage{
    margin-top: -10px !important;
}

.task-name {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 14px !important;
}

.menu-task {
    font-size: 21px;
    margin-top: 3px;
    cursor:pointer;
}

.task-card {
    padding: 0px 10px;
    margin-bottom:25px;
}

.body-taks {
    margin-top: 10px;
    background-color: #e9ecf1;
    padding: 14px 5px;
    box-shadow: 1px 6px 5px 0px #d7d7d7;
}

.header-title-task {
    padding: 0px;
    border: 1px solid #E9ECF1;
    background-color: #E9ECF1;
    box-shadow: 1px 6px 5px 0px #d7d7d7;
}

.card-det-sub {
    margin-bottom: 0px;
    font-size: 12px;
}

.card-det-hea {
    margin-top: -2px;
    color: #213258;
}

.shadow {
    box-shadow: 1px 6px 5px 0px #d7d7d7;
}

.new-task-link {
    padding: 15px 0px;
    text-align: center;
}

.plus::before {
    display: inline-block;
    padding-right: .5rem;
    color: #297acc;
    content: "+";
    font-size: 22px;
}
.p-0{
    padding:0px !important;
}

.p-10{
    padding:10px !important;
}

.b-l {
    border-left: 1px solid #213258;
}

    .bg-light {
        padding: 0px;
        background-color: #fff !important;
    }

.add-new {
    margin: auto;
    position: relative;
    top: 45%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    }

    .add-new > span {
        position: relative;
        top: 7px;
        color: #297ACC;
        
    }

.card-det-hea-mod {
    font-weight: 400;
    color: #bcc2cd;
    font-size: 20px;
    border-left: 1px solid #bcc2cd;
    padding-left: 5px;
    margin-top: -5px;
}

.card-det-sub-mod {
    font-weight: 600;
}

.modal-options {
    text-align: center;
    color: #297ACC;
    font-weight: 500;
    margin: auto;
    position: relative;
    top: 30%;
    cursor:pointer;
}

.modal-small {
    font-size: 14px;
    color: #9c9c9c;
}

.modal-label {
    color: black;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}


 .menu-bread-sm{
     font-size:13px !important;
 }

.p-7-0 {
    padding: 7px 1.25rem !important;
 }

.breadcrumb-item-sm{
    font-size:16px !important;
}


.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .95rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    color: #787878;
}

.cursor{
    cursor:pointer;
}

.m-t-10{
    margin-top:10px;
}

.select2-container--default .select2-selection--single {
    min-height: 38px !important;
    border-radius: 0px !important;
    border: 1px solid #213258 !important;
    padding: 5px 4px !important;
}

.select2-search__field:focus-visible{
    outline:none !important;
}

.select2-selection__rendered {
    margin-top: -2px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #213258;
    color: white;
}

.form-select {
    border: 1px solid #213258;
    border-radius:0px !important;
}

.flatpickr-input[readonly] {
    cursor: pointer;
    background-color: #fff !important;
}

.required-input {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

ul.clear-list > li{
   list-style:none;
}

.simple-text {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.active-menu {
    font-weight: bold !important;
    text-decoration: underline !important;
}
.b-r-5 {
    border-radius: 5px !important;
    padding: 0px 5px;
    margin-left: 1px !important;

}