.fa-white {
    color: white;
}

/*dhtmlx*/

.phase .gantt_task_progress_wrapper {
    border: 2px solid #e88a25;
    color: #e88a25;
    background: #e88a25;
}

.phase .gantt_task_progress {
    background: #b85f00;
}

.task .gantt_task_progress_wrapper {
    border: 2px solid #3677c2;
    background: #3677c2;
}

.task .gantt_task_progress {
    background: #004da6;
}

.deadline {
    position: absolute;
    border-radius: 50px;
    border: 2px solid black;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 25px;
    height: 25px;
    margin-left: -11px;
    margin-top: 6px;
    z-index: 1;
    background: url('../images/deadline_icon.png') center no-repeat;
}

.overdue-indicator {
    width: 24px;
    margin-top: 5px;
    height: 24px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 17px;
    color: white;
    background: rgb(255, 60, 60);
    line-height: 25px;
    text-align: center;
    font-size: 24px;
}

.btn-round {
    border-radius: 40px;
}

.btn-custom-xl {
    width: 300px;
}

.btn-custom-lg {
    width: 250px;
}

.padding-sm {
    padding: 0.25rem;
}

/************************************************************************************/
/* -------------------------- MARGINS AND PADDINGS ---------------------------------*/
/************************************************************************************/

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-15 {
    margin: 15px;
}

.m-20 {
    margin: 20px;
}

.m-25 {
    margin: 25px;
}

/* margin-top */

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

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

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

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

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

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

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

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

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

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

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

/* margin-right */

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-r-50 {
    margin-right: 50px;
}

.m-r-100 {
    margin-right: 100px;
}

.m-r-150 {
    margin-right: 150px;
}

.m-r-200 {
    margin-right: 200px;
}

/* margin-bottom */

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.m-b-150 {
    margin-bottom: 150px;
}

.m-b-200 {
    margin-bottom: 200px;
}

/* margin-left */

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-l-50 {
    margin-left: 50px;
}

.m-l-100 {
    margin-left: 100px;
}

.m-l-150 {
    margin-left: 150px;
}

.m-l-200 {
    margin-left: 200px;
}

.m-l-250 {
    margin-left: 250px;
}

.m-l-300 {
    margin-left: 300px;
}

.m-l-350 {
    margin-left: 350px;
}

.m-l-400 {
    margin-left: 400px;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}


/* padding-top */

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-25 {
    padding-top: 25px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-t-100 {
    padding-top: 100px;
}

.p-t-150 {
    padding-top: 150px;
}

.p-t-200 {
    padding-top: 200px;
}

/* padding-right */

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-r-50 {
    padding-right: 50px;
}

.p-r-100 {
    padding-right: 100px;
}

.p-r-150 {
    padding-right: 150px;
}

.p-r-200 {
    padding-right: 200px;
}

/* padding-bottom */

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-b-150 {
    padding-bottom: 150px;
}

.p-b-200 {
    padding-bottom: 200px;
}

/* padding-left */

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-50 {
    padding-left: 50px;
}

.p-l-100 {
    padding-left: 100px;
}

.p-l-150 {
    padding-left: 150px;
}

.p-l-200 {
    padding-left: 200px;
}

.btn-project {
    color: #fff !important;
    background-color: #009688;
    border-color: #009688;
}

.btn-project:hover {
    color: #fff !important;
    background-color: #00a899;
    border-color: #00a899;
}

.btn-dark-green {
    color: #fff !important;
    background-color: #172a27;
    border-color: #172a27;
}

.form-section-header {
    font-size: 24px;
    padding-left: 10px;
    border-left: 10px solid #009688;
    margin-bottom: 10px;
}


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

.btn-pdf {
    color: #ff0000 !important;
    background-color: #cccccc !important;
}

.btn-pdf:hover {
    color: #ff0000 !important;
    background-color: #c4c4c4 !important;
}

.toolbar {
    float: left;
}

.fa-green {
    color: #11732d;
}

.fa-red {
    color: #cf2904;
}

.fa-grey {
    color: #c2c2c2;
}

.fa-blue {
    color: #003fc7;
}

.fa-project {
    color: #009688;
}

.link-project {
    color: #009688;
}

.link-project:hover {
    color: #008276;
    text-decoration: none;
}

#project-info > .row {
    padding-bottom: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    border-bottom: 1px dotted;
}

.js-example-basic-multiple {

    display: block;
    width: 100%;
    height: calc(2.25rem + 2px) !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


div#scheduler-legend {
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
    background-color: grey;
}

div#scheduler-legend span.color-circle {
    height: 15px;
    width: 15px;
    margin-left: 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

/*dhtmlx*/

.phase .gantt_task_progress_wrapper {
    border: 2px solid #e88a25;
    color: #e88a25;
    background: #e88a25;
}

.phase .gantt_task_progress {
    background: #b85f00;
}

.task .gantt_task_progress_wrapper {
    border: 2px solid #3677c2;
    background: #3677c2;
}

.task .gantt_task_progress {
    background: #004da6;
}

.deadline {
    position: absolute;
    border-radius: 50px;
    border: 2px solid black;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 25px;
    height: 25px;
    margin-left: -11px;
    margin-top: 6px;
    z-index: 1;
    background: url('../images/deadline_icon.png') center no-repeat;
}

.overdue-indicator {
    width: 24px;
    margin-top: 5px;
    height: 24px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 17px;
    color: white;
    background: rgb(255, 60, 60);
    line-height: 25px;
    text-align: center;
    font-size: 24px;
}

.gantt_task_cell.week_end {
    background-color: #b3b3b3 !important;
}

.gantt_selected .gantt_task_cell.week_end {
    background-color: #f0e493;
}

/*tree view*/

ul, #myUL {
    list-style-type: none;
}

#myUL {
    margin: 0;
    padding: 0;
}

.caret {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

.caret::before {
    content: "\1F4C1";
    color: black;
    display: inline-block;
    margin-right: 6px;
}

.caret-down::before {
    /* -ms-transform: rotate(90deg);!* !* IE 9 *!*!
      -webkit-transform: rotate(90deg); !*!* Safari *!'*!*/
}

.nested {
    display: none;
}

.active {
    display: block;
}

.file {
    content: ".";
    color: black;
    display: inline-block;
    margin-right: 6px;
    cursor: pointer;
}

.file:hover {
    cursor: pointer;
}

.red-text {
    color: #d10e00;
}

.progress-project {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #21756A !important;
    border-radius: 0.25rem;
}

.progress-grey {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: grey !important;
    border-radius: 0.25rem;
}


.fa-gradient-warning {
    background: -webkit-linear-gradient(top, #f1b90f, #ff4e00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tooltip-inner {
    background-color: #fff !important;
    color: #009688 !important;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #fff !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #fff !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #fff !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #fff !important;
}

.fa-md {
    font-size: 20px;
}


@media only screen and (min-width: 0px) {
    #project-info-x-large {
        display: none;
    }

    #project-info-large {
        display: none;
    }

    #project-info-medium {
        display: none;
    }

    #project-info-small {
        display: none;
    }
}

@media only screen and (min-width: 950px) {
    #project-info-x-large {
        display: none;
    }

    #project-info-large {
        display: none;
    }

    #project-info-medium {
        display: none;
    }

    #project-info-small {
        display: inline;
    }
}

@media only screen and (min-width: 1300px) {
    #project-info-x-large {
        display: none;
    }

    #project-info-large {
        display: none;
    }

    #project-info-medium {
        display: inline;
    }

    #project-info-small {
        display: none;
    }
}

@media only screen and (min-width: 1450px) {
    #project-info-x-large {
        display: none;
    }

    #project-info-large {
        display: inline;
    }

    #project-info-medium {
        display: none;
    }

    #project-info-small {
        display: none;
    }
}

@media only screen and (min-width: 1750px) {
    #project-info-x-large {
        display: inline;
    }

    #project-info-large {
        display: none;
    }

    #project-info-medium {
        display: none;
    }

    #project-info-small {
        display: none;
    }
}

.nav-bar-info-white {
    color: white !important;
}

#entos_attikis {
    display: none;
}

#ektos_attikis {
    display: none;
}

/*
.white-link{
    color: white!important;
}

.white-link:hover{
    color: #009688!important;
}*/

.image-round {
    height: 100px;
    width: 100px;
    border-radius: 50% !important;
}

.image-round-sm {
    height: 50px;
    width: 50px;
    border-radius: 50% !important;
}

.image-round-sm-m-r {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    border-radius: 50% !important;
}

.image-round-xs {
    height: 20px;
    width: 20px;
    border-radius: 50% !important;
}

.project-left {
    font-size: 14px;
    font-family: "Open Sans", Sans-Serif;
    color: rgb(86, 84, 84);
    text-align: left;
}

.project-right {
    font-size: 14px;
    font-family: "Open Sans", Sans-Serif;
    color: #000000;
    text-align: left;
}

.btn-file {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid black;
    background-color: #e3e3e3;
    color: black;
    width: 105px;
}

.btn-file:hover {
    color: black;
    background-color: #c4c2c2;
}

/* chat */
.msg_card_body{
    max-height: 400px;
    overflow: auto;
    background-color: #e8e8e8;
    border-radius: 3%;
    padding-top: 2.25rem!important;
}

.msg_card_body-lg{
    max-height: 650px;
    overflow: auto;
    background-color: #e8e8e8;
    border-radius: 3%;
    padding-top: 2.25rem!important;
}

.msg_cotainer{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    border-radius: 25px;
    background-color: #82ccdd;
    padding: 10px;
    position: relative;
}

.msg_cotainer_send{
    margin-top: 10px;
    margin-bottom: auto;
    margin-right: 10px;
    border-radius: 25px;
    background-color: #009688;
    color: white;
    padding: 10px;
    position: relative;
}

.msg_time{
    position: absolute;
    left: 0;
    bottom: -15px;
    color: black;
    font-size: 10px;
}

.msg_time_send{
    position: absolute;
    right:0;
    bottom: -15px;
    color: black;
    font-size: 10px;
}

.msg_receiver{
    color: #fff;
    font-size: 10px;
}

.msg_sender{
    color: #fff;
    font-size: 10px;
}

.bg-project {
    background-color: #009688 !important;
}

.select2 {
    width: 100% !important;
}

.a-black {
    color: black;
}

#project-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
    display: block;
    overflow: hidden
}

.text-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
    overflow: hidden
}

#pagin li {
    display: inline-block;
}


/* tree grid css */
.treegrid-indent {width:16px; height: 16px; display: inline-block; position: relative;}

.treegrid-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}

.treegrid-expander-expanded{background-image: url(../images/collapse.png); }
.treegrid-expander-collapsed{background-image: url(../images/expand.png);}

.link-black{
    color: black;
}

.link-black:hover{
    color: black;
}

.subview-header {
    font-size: 24px;
    color: #fff;
    padding: 15px;
    /*padding-bottom: 12.5px;*/
    background-color: rgba(0, 0, 0, 0.75);
    /*border-bottom: 5px solid;*/
    margin-bottom: 15px;
    border-left: 10px solid #fff;
    border-color: #00a899;
    /*background: -webkit-linear-gradient(to right, #26D0CE, #1A2980);*/
    /*background: linear-gradient(to right, #26D0CE, #1A2980);;;*/
}

.two-buttons {
    width: 90px;
}

.three-buttons {
    width: 130px!important;
}

.four-buttons {
    width: 150px!important;
}

.five-buttons {
    width: 180px!important;
}


a.link-white {
    color: #fff!important;
}

label.error
{
    /*color: #8a1f11;*/
    /*display: inline-block;*/
    /*margin-left: .5em;*/

    color: #fff;
    text-align: center;
    background-color: #dc3545;
    border-color: #bc202c;
    position: relative;
    padding: .5rem 1rem;
    margin-top: 1rem;
    border-radius: .25rem;
    display: block;
}

.aitisi-buttons{
    background: rgb(40,150,136);
    background: -moz-linear-gradient(0deg, rgba(40,150,136,1) 0%, rgba(75,190,175,1) 50%, rgba(40,150,136,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(40,150,136,1) 0%, rgba(75,190,175,1) 50%, rgba(40,150,136,1) 100%);
    background: linear-gradient(0deg, rgba(40,150,136,1) 0%, rgba(75,190,175,1) 50%, rgba(40,150,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#289688",endColorstr="#289688",GradientType=1);

    border-radius:100px;
    font-size:16px;
    color:white;
}

.info-cards{
    background-color:#d7d7d7;
    border:1px solid #d7d7d7;
    height: 153px;
}

.info-cards:hover{
    background-color:#c7c7c7;
    border:1px solid #c7c7c7;
    cursor: pointer;
}

.aitisi-buttons:hover {
    background: rgb(40,150,136);
    background: -moz-linear-gradient(0deg, rgba(49, 140, 128, 1) 0%, rgba(61, 169, 154, 1) 50%, rgba(49, 140, 128, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(49, 140, 128, 1) 0%, rgba(61, 169, 154, 1) 50%, rgba(49, 140, 128, 1) 100%);
    background: linear-gradient(0deg, rgba(49, 140, 128, 1) 0%, rgba(61, 169, 154, 1) 50%, rgba(49, 140, 128, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#289688",endColorstr="#289688",GradientType=1);

    cursor: pointer;
}

#clear-inputs{
    border:1px solid black;
}

#map {
    top: 0;
    bottom: 0;
    width: 100%;
    height: 500px;
}

.revision-history-white-bg {
    color: #9c5c00;
}

.revision-history-white-bg:hover {
    color: #bf7100;
}

.grave-info-pop-up{
    width: 200px;
    height: 46px;
    background-color: #172a27;
}

.grave-pop-up-state-circle {
    border-radius: 50%;
    border: 2px solid white;
}

.pop-up-dead-info {
    background-color: #f3f0f0;
}

.mapboxgl-popup-content {
    position: relative;
    background: #fff!important;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding-top: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-bottom: 0px!important;
    pointer-events: auto;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-top: none;
    border-bottom-color: #172a27!important;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-top: none;
    border-bottom-color: #172a27!important;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-top: none;
    border-bottom-color: #172a27!important;
}