/**
 *  This file defines the general layout for the
 *  internal pages of celanio.
 *
 *  @author    Viet Duc, Nguyen
 *  @copyright celanio GmbH
 */

/*color definition*/
.cel-bg-blue {
    background-color: #2b9cdd !important;
    color: #FFF !important;
}
.cel-bg-grey {
    background-color: #918f8f !important;
    color: #FFF !important;
}
.cel-hidden { display:none;}
.cel-bg-blue .btn,
.cel-bg-blue .card-title{
    color: #FFF;
}

.cel-visibility-hidden{
    visibility: hidden;
}

.card-body-bg {
    background-color: #f6f5f5 !important;
}

.card-body-bg-outer {
    background-color: #faf9f9 !important;
}

.card-footer-bg-outer {
    background-color: #ecebeb !important;
}

.cel-bg-dark {
    background-color: #222e3c !important;
    color: #FFF !important;
}
.cel-border-color {
    border-color: #6b6969;
}

.cel-fa-lgs {
    font-size: 1.25em;
}

/*font definition*/
.header-font-size {
    font-size: 16px;
}
.fs-6 {
    font-size: .690rem!important;
}

/* bootstrap color changes */
.bg-success {
    background-color: #5ec03d !important;
    border-color: #5ec03d !important;
}
.bg-danger {
    background-color: #b72a2a !important;
    border-color: #b72a2a !important;
}
.btn {
    font-weight: bold;
}
.bg-primary {
    background-color: #2b9cdd;
}
.btn-primary {
    background-color: #2b9cdd;
    border-color: #2b9cdd;
}
.btn-primary:active,
.btn-primary.active{
    background-color: #2b9cdd;
    border-color: #2b9cdd;
}
.btn-primary:focus,
.btn-primary.focus{
    background-color: #2b9cdd;
    border-color: #2b9cdd;
}
.btn-primary:hover {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

/*Navigation definition*/
.menu-height {
    min-height: 42px;
}

.nav-tabs li > a:hover {
    color: #FFF !important;
    background-color: #2b9cdd !important;
}

li > a:hover {
    color: white !important;
    background-color: #2b9cdd;
}
li > div > a:hover {
    color: white !important;
    background-color: #2b9cdd;
}
.cel-link-normal {
    color: #2a2929;
}
.cel-link-normal:hover {
    color: #2b9cdd;
    text-decoration: none;
}

button.cel-btn-link-normal {
    border: none;
    color: #4a4a4a;
    font-weight: 600;
}

button.cel-btn-link-normal:hover {
    color: #000000;
}

.cel-main-nav{
    z-index: 999;
    padding: 0;
}
.navbar-brand {
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    margin-right: 0;
}

.alert {
    padding: 10px !important;
    border: #c8c7c7 solid 1px !important;
}

.dropdown a:hover {
    background-color: #2b9cdd !important;
    color: #FFFFFF !important;
}

#sidebar.cel-display-xs,
.cel-main-nav .cel-display-xs{
    display: none;
}
ul.no-list-style {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

main{
    height: 100%;
}

.cel_linksvg_hover.dropdown-item:active {
    color: #ffffff !important;
}

.cel-activity-btn {
    padding: 10px;
    display: block;
}

.tabbox {
    clear: both;
}
.nav-tabs .tab-link {
    display: block;
    float: left;
    height: 40px;
    line-height: 20px;
    padding: 10px 10px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-decoration: none;
    color: #4a4a4a;
    background-color: #e3e3e3;
}

.nav-tabs a.tab-link:last-child {
    border-right: 1px solid gray;
}

.nav-tabs .tab-link.active {
    color: #ffffff !important;
    background-color: #2b9cdd;
}

.nav-tabs .tab-link:hover {
    color: #ffffff !important;
    background-color: #2b9cdd !important;
}

.highlight-row-bg{
    background-color: #f0f0dc !important;
}

/*Input width definition*/
.cel_width_60 {
    width: 60px !important;
}
.cel_width_80 {
    width: 80px !important;
    max-width: 80px !important;
}
.cel_width_100 {
    width: 100px !important;
}
.cel_width_120 {
    width: 120px !important;
}
.cel_width_140 {
    width: 140px !important;
}
.cel_width_160 {
    width: 160px !important;
}
.cel_width_170 {
    width: 170px !important;
}
.cel_width_180 {
    width: 180px !important;
}
.cel_width_190 {
    width: 190px !important;
}
.cel_width_200 {
    width: 200px !important;
}
.cel_width_240 {
    width: 240px !important;
}
.cel_width_288 {
    width: 288px !important;
}
.cel_input_group_width {
    width: 170px !important;
}
.cel_input_group_width_large {
    width: 190px !important;
}
.cel_input_group_width_middle {
    width: 220px !important;
}
.cel_input_group_width_larger {
    width: 270px !important;
}
.cel_input_group_width_largest {
    width: 340px !important;
}
.cel_input_group_width_small {
    min-width: 100px !important;
}
.cel_input_group_width_smaller {
    min-width: 55px !important;
    max-width: 55px !important;
}
.cel-min-width-200 {
    min-width: 200px !important;

}

/* alerts */
.alert-message {
    border: 1px solid #bec2c6;
}
/*Icon definitions*/
.cel_linksvg_hover {
    color: #4a4a4a !important;
    cursor: pointer;
}
.cel_linksvg_hover:hover {
    color: #2b9cdd !important;
    cursor: pointer;
}
.cel_nonlinksvg_hover {
    color: #4a4a4a !important;
}
.cel_nonlinksvg_hover:hover {
    color: #2b9cdd !important;
}

.cel_nonlinksvg_hover_blue,
.cel_nonlinksvg_hover_blue:hover {
    color: #2b9cdd !important;
}

.cel_nonlinksvg_hover_green {
    color: #5ec03d !important;
    /*cursor: pointer;*/
}
.cel_nonlinksvg_hover_green:hover {
    color: #35d202 !important;
    /*cursor: pointer;*/
}

.cel_nonlinksvg_hover_red {
    color: #b72a2a !important;
    /*cursor: pointer;*/
}
.cel_nonlinksvg_hover_red:hover {
    color: #e50202 !important;
    /*cursor: pointer;*/
}

.cel_nonlinksvg_hover_yellow {
    color: #e8c927 !important;
    /*cursor: pointer;*/
}
.cel_nonlinksvg_hover_yellow:hover {
    color: #ffe144 !important;
    /*cursor: pointer;*/
}

.cel-table-primary:hover {
    background-color: rgba(133, 206, 244, 0.2);
}
/*table tr:hover {
    background-color: rgba(161, 215, 250, 0.5);
}*/
.cel-table-tr-background {
    background-color: rgba(128,204,255,0.2);
}
.cel-table-tr-background-dark {
    background-color: #4a4a4a !important;
    color: #FFF !important;
}
.cel-change-address-bg{
    background-color: rgba(128,204,255,0.5) !important;
}
.border_task {
    border: 1px solid #dee2e6 !important;
}

.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.select2-search--dropdown{
    padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0;
}
.select2-container .select2-selection--single{
    height: 32px;
    padding-top: 1px;
}
.small-90 {
    font-size: 90%;
}
.bg-input-group-text {
    background-color: #e9ecef;
}
.bg-input-group-text-light {
    background-color: #f3f5f6;
    border: 1px solid #dddddd;
}
.input-group-text {
    background-color: #e9ecef;
}
.form-check-input[type=radio] {
    border-radius: 50%;
    border-color: #9e9d9d;
}
input[type=checkbox] {
    border-radius: .25em;
    border-color: #9e9d9d;
    background-color: #FFF;
}
.form-control {
    border-color: #dddddd;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.form-select {
    border-color: #dddddd;
}
textarea {
     resize: both;
}
.cel-module-content a:not(.modctllink):not(.btn) {
    font-weight: bold;
}

.dsc-0 {
    background-color: #ffffff;
}

.dsc-1 {
    background-color: #a0ffa0;
}

.dsc-2 {
    background-color: #ffc6c6;
}

.dsc-3 {
    background-color: #f8e35d;
}

legend {
    font-size: 1rem;
}

table.noborder td {
    border:         none;
    vertical-align: top;

}

table.cel-table-padding tr td,  table.cel-table-padding tr th {
    padding: 0.5rem !important;
}

table.sortable tbody td {
    vertical-align: middle !important;
}

table.table {
    font-size: 14px;
}

.mandatory {
    color: #ff0000;
    font-weight: bold;
}

/* backgorund and hover effect of the overview page cards module (100200, 051300 and 021900 ) */
.card-body.cel-panel-bg {
    background-color: #D9EDF7;
}
.card-body.cel-panel-bg:hover {
    background-color: rgba(128, 204, 255, 0.5);
}
/* End */

/**
 * Participant status classes
 ******************************************************************************/
.participant_status_none:not(input[type="checkbox"]) {
    background-color: #dedede !important;
}

.participant_status_canceled:not(input[type="checkbox"]) {
    background-color: #FFCCCC !important;
}

.participant_status_canceled_text {
    color: #FF0000 !important;
}

.participant_status_waitinglist:not(input[type="checkbox"]) {
    background-color: #ADD8E6 !important;
}
.participant_status_waitinglist_text {
    color: #000000 !important;
}

.participant_status_open:not(input[type="checkbox"]) {
    background-color: #FFFFAA !important;
}

.participant_status_open_text {
    color: #000000 !important;
}

.participant_status_attending:not(input[type="checkbox"]) {
    background-color: #90EE90 !important;
}
.participant_status_attending_text {
    color: #008000 !important;
}

.participant_not_approve:not(input[type="checkbox"]) {
    background-color: #ffd992 !important;
}

.participant_status_reserved:not(input[type="checkbox"]) {
    background-color: #FFA500 !important;
}
.participant_status_reserved_text {
    color: #000000 !important;
}

.participant_online , .participant_hybrid {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.participant_online {
    position: relative;
}

.participant_online:before {
    content: "\f0ac" !important;
    position: absolute;
    top: 2px;
    left:2px;
}

.participant_hybrid {
    position: relative;
}

.participant_hybrid:before {
    content: "\f0ac \ \f007" !important;
    margin-right: 15px;
    top: 2px;
    left: 0px;
    position: absolute;
}

.participant_hybrid .fa-user-friends::before, .participant_online .fa-user-friends::before {
    position: absolute;
    bottom: 16px;
    right: 6px;
}

/** Participant feedback status
 *
 **************************************************************************/
a.participant_feedback_given {
    color: #45474a;
}

a.participant_feedback_not_given {
   color: #bbbcbf;
}

a.participant_feedback_second {
   color: #f9762f;
}

a.participant_feedback_third {
   color: #fd7272;
}

a.participant_feedback_submited {
   color: #9ef5a4;
}

a.participant_feedback_submited_manual {
    color: #94edff;
}

/**
 * Big icons
 ******************************************************************************/
a.big {
    display:         inline-block;
    height:          32px;
    line-height:     32px;
    padding-left:    36px;
    font-size:       1em;
    background:      transparent left center no-repeat;
    background-size: 32px !important;
}

a.big.participant_informed {
    background-image: url(../../gfx/48x48/celanio/participant_informed.png);
}

a.big.participant_not_informed {
    background-image: url(../../gfx/48x48/celanio/participant_notinformed.png);
}

/**
 * Participant status selector
 ******************************************************************************/
.select_participant_status_dropdown {
    position: relative;
    display: inline-block;
    padding: 0px;
}

.select_participant_status_dropdown_content {
    display: none;
    position: absolute;
    margin-left: 3px;
    background-color: #0C0C0C;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    padding-top: 0px;
    z-index: 1;
}

.select_participant_status_dropdown_element {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.select_participant_status_dropdown:hover .select_participant_status_dropdown_content {
    display: block;
}

#id_select_participant_status {
    cursor: pointer;
}

.tabbox {
    clear: both;
}
.nav-tabs .tab-link {
    display: block;
    float: left;
    height: 40px;
    line-height: 20px;
    padding: 10px 10px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-decoration: none;
    color: #4a4a4a;
}

.nav-tabs a.tab-link:last-child {
    border-right: 1px solid gray;
}

.nav-tabs .tab-link.active {
    color: #ffffff !important;
    background-color: #2b9cdd;
}

.nav-tabs .tab-link:hover {
    color: #ffffff !important;
    background-color: #2b9cdd !important;
}

table tfoot {
    background-color: #E7E7E7;
    font-weight:      bold;
}


/**
 * Calendar icon color change as per status of document
 *
 */

i.calendar_default, i.calendar_default_dunning1, i.calendar_default_dunning2, i.calendar_default_dunning3 {
    color: #4d4d4d !important;
}

/*i.calendar_default_dunning1 {
    color: url(../gfx/icons/calendar2-default-dunning1.png)!important;
}

i.calendar_default_dunning2 {
    color: url(../gfx/icons/calendar2-default-dunning2.png)!important;
}

i.calendar_default_dunning3 {
    color: url(../gfx/icons/calendar2-default-dunning3.png)!important;
}*/

i.calendar_paid, i.calendar_paid_dunning1, i.calendar_paid_dunning2, i.calendar_paid_dunning3 {
    color: #1e7624 !important;
}

/*i.calendar_paid_dunning1 {
    color: url(../gfx/icons/calendar2-paid-dunning1.png)!important;
}

i.calendar_paid_dunning2 {
    color: url(../gfx/icons/calendar2-paid-dunning2.png)!important;
}

i.calendar_paid_dunning3 {
    color: url(../gfx/icons/calendar2-paid-dunning3.png)!important;
}*/

i.calendar_next_due, i.calendar_next_due_dunning1, i.calendar_next_due_dunning2, i.calendar_next_due_dunning3 {
    color: #e1da14 !important;
}

/*i.calendar_next_due_dunning1 {
    color: url(../gfx/icons/calendar2-next-due-dunning1.png)!important;
}

i.calendar_next_due_dunning2 {
    color: url(../gfx/icons/calendar2-next-due-dunning2.png)!important;
}

i.calendar_next_due_dunning3 {
    color: url(../gfx/icons/calendar2-next-due-dunning3.png)!important;
}*/

i.calendar_overdue, i.calendar_overdue_dunning1, i.calendar_overdue_dunning2, i.calendar_overdue_dunning3 {
    color: #c40505 !important;
}

/*i.calendar_overdue_dunning1 {
    color: url(../gfx/icons/calendar2-overdue-dunning1.png)!important;
}

i.calendar_overdue_dunning2 {
    color: url(../gfx/icons/calendar2-overdue-dunning2.png)!important;
}

i.calendar_overdue_dunning3 {
    color: url(../gfx/icons/calendar2-overdue-dunning3.png)!important;
} */


/**
 * not need to change hover color on CoPagination
 *
 */
.pagination .page-item a.page-link:hover {
    color : #6c757d !important;
}
.pagination .page-item.active a.page-link:hover {
    color : #ffffff !important;
}
/**
 *  Responsive block to defined view of special device
 *
 */
@media (min-width: 480px) {
    .cel-main-nav .cel-display-xs{
        display: inline-block;
    }

    #sidebar.cel-display-xs {
        display: flex;
    }
}

/*Small devices (landscape phones, 576px and up)*/
/*@media (min-width: 576px) { ... }*/

/*Medium devices (tablets, 768px and up)*/
/*@media (min-width: 768px) { ... }*/

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    #sidebar.cel-display-xs,
    .cel-main-nav .cel-display-xs{
        display: none;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    #sidebar.cel-display-xs,
    .cel-main-nav .cel-display-xs{
        display: none;
    }
    .container, .container-lg,
    .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
/*@media (min-width: 1400px) { ... }*/

/**
 * OLD Icons for Widget until they will be replaced
 * Small icons
 ******************************************************************************/
a.small {
    display:         inline-block;
    height:          18px;
    line-height:     19px;
    width:           auto;
    padding-left:    19px;
    font-size:       1em;
    background:      transparent left center no-repeat;
    background-size: 16px !important;
}
a.small.contact_person_business {
    background-image: url(../../gfx/48x48/celanio/contact-person-business.png);
}

a.small.contact_person_company {
    background-image: url(../../gfx/48x48/celanio/contact-company.png);
}

a.small.contact_person_female {
    background-image: url(../../gfx/48x48/celanio/contact-person-female.png);
}

a.small.contact_person_human {
    background-image: url(../../gfx/48x48/celanio/contact-person-human.png);
}

a.small.contact_person_male {
    background-image: url(../../gfx/48x48/celanio/contact-person-male.png);
}
a.small.to_contact {
    background-image: url(../../gfx/48x48/celanio/system-connection.png);
}
a.small.format_fill {
    background-image: url(../../gfx/48x48/actions/format-justify-fill.png);
}

a.small.mail {
    background-image: url(../../gfx/48x48/celanio/mail-message-incoming.png);
}
a.small.mobile {
    background-image: url(../../gfx/48x48/celanio/contact-mobile.png);
}
a.small.phone {
    background-image: url(../../gfx/48x48/celanio/contact-phone.png);
}

a.small.website {
    background-image: url(../../gfx/48x48/celanio/contact-url.png);
}

a.small.inherit {
    background-image: url(../../gfx/48x48/emblems/emblem-symbolic-link.png);
}

a.small.dialog_yes {
    background-image: url(../../gfx/48x48/celanio/dialog-yes.png);
}

a.small.dialog_no {
    background-image: url(../../gfx/48x48/celanio/dialog-no.png);
}

/*a.small.cel-fa-hotel {
    background-image: url(../../gfx/48x48/celanio/hotel-solid.png);
}*/

/**
 * OLD Icons for Widget until they will be replaced
 * medium icons
 ******************************************************************************/
a.medium {
    display:         inline-block;
    height:          22px;
    line-height:     25px;
    padding-left:    24px;
    font-size:       1em;
    background:      transparent left center no-repeat;
    background-size: 22px !important;
}

a.medium.status_canceled {
    background-image: url(../../gfx/48x48/celanio/status-canceled.png);
}

a.medium.status_completed {
    background-image: url(../../gfx/48x48/celanio/status-completed.png);
}

a.medium.status_in_progress {
    background-image: url(../../gfx/48x48/celanio/status-in-progress.png);
}

a.medium.status_open {
    background-image: url(../../gfx/48x48/celanio/status-open.png);
}

/**
 * Smaller icons (12x12)
 ******************************************************************************/
a.smaller {
    display:         inline-block;
    height:          12px;
    width:           auto;
    padding-left:    19px;
    font-size:       1em;
    background:      transparent left center no-repeat;
    background-size: 12px;
}

a.smaller.status_in_progress {
    background-image: url(../../gfx/48x48/celanio/status-in-progress.png);
}

a.smaller.status_open {
    background-image: url(../../gfx/48x48/celanio/status-open.png);
}

.alert-success:not(.alert-outline):not(.alert-outline-coloured) {
    background: #DFF0D8;
}

.form-control:disabled, .form-control[readonly]:not(.date_picker) {
    background-color: #e9ecef !important;
    opacity: 1;
}


@media(max-width: 1199px) {
    .w-xl-auto {
        width: auto !important;
    }
}

@media(max-width: 650px) {
    .cel_input_group_width_middle {
        width: 100% !important;
    }
    .cel-filter-responsive-style {
        border: 1px solid gray !important;
    }
    .cel-filter-responsive-style span.input-group-text {
        width: 100% !important;
        font-weight: 600;
    }
    .cel-filter-responsive-style .form-control {
        width: 100% !important;
        margin-left: 0 !important;
    }
}