/*Custom CSS*/
/*  Main color blue: #1e78dd
    Main button blue: #034ea2
    Red: #ce5054
    Grey: #c1cbd7
    Light Grey: #dfdfdf
    "Green": #45aca1
    Black: #1b1f23

    Background: #eceff2
*/

.row.wrapper.border-bottom.white-bg.page-heading h2 {
    font-size: 24px;
    font-weight: 500;
    /*color: #c1cbd7;*/ /*mallon ennoouse #1b1f23 */
    /*color: #1b1f23;*/
    color: #495c6f;
}

.makeTextOnHoverBlue:hover {
    color: #1e78dd !important;
}

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

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

/* Karteles HomePage */
/* - header*/
.kartelaHeader {
    font-size: 14px;
    background-color: white;
    font-weight: bold;
}

/* - pososto*/
.posostoHomePg {
    text-align: right;
    color: #45aca1;
    font-size: 14px;
}

/* - megalos mple arithmos*/
.blueNumberHomePg {
    color: #034da2;
    /*font-size: 40px;*/
    font-size: 36px;
    font-weight: 400;
}

/* - perigrafh*/
.kartelaDesc {
    /*color: #c1cbd7;
    font-size: 14px;*/
    color: #90A3B6;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.vertialAlignKartela {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.card-body {
    padding: 0 15px 15px 15px;
}
/**********************/

/*top-Navbar*/
#page-wrapper .row.border-bottom:first-of-type {
    border-bottom: none !important;
}


.navbar.navbar-static-top.white-bg {
    background-color: #eceff2;
}
/* side panel*/
.navbar-default {
    background-color: #28333e;
    border-color: #28333e;
}

    .navbar-default .nav-header {
        background-color: #28333e;
        background-image: none;
    }

.nav-header .text-muted {
    font-size: 12px;
}

.profile-element span.block.m-t-xs.font-bold {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    color: #c1cbd7;
}

.navbar-default li.active {
    border-left: 8px solid #1e78dd;
    background-color: #1b1f23;
}

.navbar-default .nav > li > a {
    line-height: 20px;
    font-weight: 600;
    font-size:14px;
    padding: 20px 20px 20px 25px;
    color: #c1cbd7;
}

    .navbar-default .nav > li > a i {
        font-size: 15px;
    }

ul.nav-second-level {
    background: #1b1f23;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #1b1f23;
}

.mini-navbar .metismenu .fa-arrow-left:before {
    content: "\f061";
}

.mini-navbar .metismenu .minimalize-styl-2 {
    margin: 50px 20px 5px 20px !important;
}

/* arrow on sidebar*/
.metismenu .fa-angle-right:not(block) {
    float: right;
    line-height: 1.42857;
}

.metismenu .active > a > .fa-angle-right:before {
    content: "\f107";
}

/* Επιλογή σε καρτέλες αριστερά στον Λογαριασμό - Manage*/
.nav-pills .nav-link.active {
    background-color: #1e78dd !important;
}

/* icon check & vertical dots */
.fa-check,
.fa-ellipsis-v {
    font-size: 22px;
    color: #034ea2;
}

.ibox-tools .fa-ellipsis-v {
    font-size: 20px;
    color: #034ea2;
}
/* vertical dots -> dropdown*/
.btn-epiloges {
    background-color: transparent;
    border: 0;
}

    .btn-epiloges:hover {
        box-shadow: 0 4px 5px #bac5d0;
        border-color: #fff !important;
    }

.dropdown-menu.show {
    border: 1px solid white;
    box-shadow: 0 0 10px rgb(86 96 117 / 20%);
}

.dropdown-menu.show .dropdown-divider {
    margin:0;
}

.dropdown-menu > li > a.dropdown-item {
    font-size: 14px;
    color: #212529;
    line-height: 20px !important;
    margin: 0 0;
    padding:6px 20px;
}

    .dropdown-menu > li > a.dropdown-item:hover {
        background-color: #d8e4f1;
    }

table.dataTable tbody tr.selected a.dropdown-item { /*prostheto kai auto gia to xroma giati ginotan overide apo to css tou datatable sto selected row to xroma sto a*/
    color: #212529;
}

/*all buttons*/
.btn {
    font-size: 14px;
    padding: 0.575rem 1.2rem;
}

button[type="submit"] + a {
    margin-left: 10px;
}

/* primary button */
.btn-primary:not(.icon-btn),
.btn-primary:not(.icon-btn):active, .btn-primary.active:not(.icon-btn) {
    background-color: #034ea2 !important;
    border-color: #034ea2 !important;
    border-radius: 30px;
    color: #fff !important;
}

.btn-primary.icon-btn,
.btn-primary.icon-btn:active, .btn-primary.icon-btn.active {
    background-color: #034ea2 !important;
    border-color: #034ea2 !important;
    color: #fff !important;
}

.btn-primary:not(.icon-btn):focus {
    background-color: #034ea2 !important;
    border-color: #034ea2 !important;
    /*box-shadow: 0 3px #bac5d0 !important;
    transform: translateY(4px) !important;*/
}

.btn-primary:not(.icon-btn):hover {
    background-color: #28333e !important;
    border-color: #28333e !important;
    /*background-color: #034ea2 !important;
    border: 2px solid #034ea2;
    transform: scale(1.01);
    box-shadow: 0 6px 4px #bac5d0;*/
}

.btn-primary.icon-btn:hover {
    box-shadow: 0 4px 5px #bac5d0;
    border-color: #fff !important;
}
/**************************************/

/* danger button */
.btn-danger:not(.icon-btn),
.btn-danger:not(.icon-btn):active, .btn-danger.active:not(.icon-btn) {
    background-color: #fff !important;
    border-color: #ce5054 !important;
    border-radius: 30px;
    color: #ce5054 !important;
}

.btn-danger.icon-btn,
.btn-danger.icon-btn:active, .btn-danger.icon-btn.active {
    background-color: #fff !important;
    border-color: #ce5054 !important;
    color: #ce5054 !important;
}

.btn-danger:not(.icon-btn):focus {
    background-color: #ce5054 !important;
    /*border-color: #ce5054 !important;
    box-shadow: 0 3px #bac5d0 !important;
    transform: translateY(4px) !important;*/
    color: #fff !important;
}

.btn-danger:not(.icon-btn):hover {
    background-color: #ce5054 !important;
    /*border: 2px solid #ce5054;
    transform: scale(1.01);
    box-shadow: 0 6px 4px #bac5d0;*/
    color: #fff !important;
}

.btn-danger.icon-btn:hover {
    box-shadow: 0 4px 10px #bac5d0;
}
/**************************************/

/* default button */
.btn-default:not(.icon-btn),
.btn-default:not(.icon-btn):active, .btn-default.active:not(.icon-btn) {
    background-color: transparent !important;
    border-color: #034ea2 !important;
    border-radius: 30px;
    color: #034ea2 !important;
}

.btn-default.icon-btn,
.btn-default.icon-btn:active, .btn-default.icon-btn.active {
    background-color: transparent !important;
    border-color: #034ea2 !important;
    color: #034ea2 !important;
}

.btn-default:not(.icon-btn):focus {
    background-color: #034ea2 !important;
    /*border-color: #034ea2 !important;
    box-shadow: 0 3px #bac5d0 !important;
    transform: translateY(4px) !important;*/
    color: #fff !important;
}

.btn-default:not(.icon-btn):hover {
    background-color: #034ea2 !important;
    /*border: 2px solid #034ea2;
    transform: scale(1.01);
    box-shadow: 0 6px 4px #bac5d0;*/
    color: #fff !important;
}

.btn-default.icon-btn:hover {
    box-shadow: 0 4px 10px #bac5d0;
}
/**************************************/

/* group button (always with btn-default class)*/
.groupbutton {
    margin-top: 8px;
}

    .groupbutton,
    .groupbutton:active {
        background-color: #fff !important;
        border-color: #034ea2 !important;
        border-radius: 30px;
        color: #034ea2 !important;
        /* white-space: nowrap;*/
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }

        .groupbutton:focus,
        .groupbutton.active {
            background-color: #034ea2 !important;
            border-color: #034ea2 !important;
            /* box-shadow: 0 3px #bac5d0 !important;*/
            color: #fff !important;
        }

        .groupbutton:hover {
            background-color: #034ea2 !important;
            /*border: 2px solid #034ea2;*/
            /*box-shadow: 0 6px 4px #bac5d0;*/
            color: #fff !important;
        }
/**********************************************/

/* modal dialog*/
.modal.show {
    padding-right: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.modal-dialog {
    max-width: 50%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}

.modal-content {
    height: 100%;
    border-radius: 0;
    border: 0;
    box-shadow: -14px 0px 16px 7px rgb(71 70 70 / 41%), 10px 0px 0px 0px white
}

.modal-title {
    text-align: left;
    font-weight: normal;
}

.inmodal .modal-header {
    padding: 30px;
}

.modal-body {
    background: #fff !important;
    overflow-y: auto;
}

.modalTable tr, .modalTable td {
    border-top: 0 !important;
    padding: 10px 10px 10px 15px !important;
}

.modalTable .headerTd {
    width: 350px;
}

.modalTable {
    border: 1px solid #dfdfdf;
}

.modalTableHeader {
    border: 1px solid #dfdfdf;
    padding-left: 15px;
    vertical-align: middle;
    height: 70px;
    line-height: 70px;
}

    .modalTableHeader p {
        font-size: 16px;
        color: #1b1f23;
    }

.modal-backdrop.show {
    opacity: .02;
}
/*********************/
/*all links */
.btn-link:hover {
    color: #1e78dd !important;
}

label.control-label {
    font-weight: 600;
    color: #495c6f;
}

/* forms */
.form-control {
    min-height: 40px;
}

    .form-control:focus,
    .single-line:focus,
    .select2-container--bootstrap4.select2-container--focus .select2-selection {
        border-color: #c1cbd7;
        border-width: 1px;
    }

.form-control,
.single-line,
.select2-container {
    border: 1px solid #c1cbd7;
    border-radius: 3px;
}

.select2-container--bootstrap4 .select2-selection {
    border: 0;
}

.select2-dropdown {
    border-color: #c1cbd7;
}

.select2-selection__placeholder {
    font-size: 14px;
    color: #c1cbd7 !important;
}


.input-daterange .input-group-addon {
    border-width: 1px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-color: #c1cbd7;
    border-top-width: 0px;
    border-bottom-width: 0px;
    background-color: transparent;
    padding: 9px 9px 4px 9px;
}

.input-group-addon {
    border: 1px solid #c1cbd7;
}
/*select2 highlight dropdown*/
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: #034ea2;
}

/* page number on tables */
.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
    background-color: #1e78dd;
    border-color: #1e78dd;
}

/* footer */
.footer p {
    font-size: 14px;
}

/*breadcrumb*/
.breadcrumb {
    font-size: 12px;
    /*color: #1b1f23;*/
    color: #495c6f;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.3rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 0;
    }

.ibox-content {
    padding-top: 24px;
    border-radius: 4px;
}

.ibox-title h3 {
    color: #1b1f23;
    font-size: 16px;
    font-weight: 600;
}

.ibox-title h5 {
    /*font-size: 16px;
    color: #1b1f23;
    font-weight: 600;*/
    font-size: 13px;
    font-weight: 600;
    color: #495c6f;
}

.text-muted {
    color: #495c6f !important;
    font-size: 12px;
}

.text-danger {
    color: #d04f53 !important;
}

.text-info, .text-success {
    color: #1b998b !important;
}

/*edo exo stoxeseu me ta inline atttributes pou bazei to switchery giati den mporousa diaforetika na ksekoriso to checkstate...*/
.switchery.switchery-default[style="background-color: rgb(100, 189, 99); border-color: rgb(100, 189, 99); box-shadow: rgb(100, 189, 99) 0px 0px 0px 16px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;"],
.switchery.switchery-default[style="box-shadow: rgb(100, 189, 99) 0px 0px 0px 16px inset; border-color: rgb(100, 189, 99); background-color: rgb(100, 189, 99); transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;"] {
    background-color: #1b998b !important;
    border-color: #1b998b !important;
    box-shadow: #1b998b 0px 0px 0px 16px inset !important;
}

.check-change.checkedstate {
    color: #1b998b !important;
}


.input-group.input-daterange .input-group-append > .btn-primary:not(.icon-btn) {
    margin-left: 20px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.input-group.input-daterange .form-control.datepicker{
    max-width:130px;
}


/*Customize graphs*/
#bar-neoimyestiausers .c3-xgrid-focus,
#stackedbar-EkbasiApostolis .c3-xgrid-focus,
#bar-myestiausersinappartments  .c3-xgrid-focus{
    display: none;
}

.c3-legend-item {
    font-size: 12px;
    fill: #495c6f;
}

.c3 text {
    fill: #495c6f;
}

.c3-chart-arc text {
    fill: #fff;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max,
.c3-chart-arcs .c3-chart-arcs-gauge-min,
.c3-chart-arc .c3-gauge-value {
    fill: #495c6f;
}

.c3 line, .c3 path.domain {
    stroke: #495c6f;
}

.wrapper-graphs .ibox{
    margin-bottom:12px;
}

.wrapper-graphs .mt-3 {
    margin-top: 12px;
}

.wrapper-graphs .col-md-12,
.wrapper-graphs .col-xl-12,
.wrapper-graphs .col-xl-10,
.wrapper-graphs .col-lg-10,
.wrapper-graphs .col-sm-12,
.wrapper-graphs .col-xl-9,
.wrapper-graphs .col-lg-9,
.wrapper-graphs .col-lg-3,
.wrapper-graphs .col-xl-3,
.wrapper-graphs .col-xl-4,
.wrapper-graphs .col-lg-4 {
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}