body {
    font-family: 'Open Sans', sans-serif;
}

h2 {
    font-weight: 700;
}

i {
    font-family: fontAwesome;
    font-style: normal;
}

.btn.btn-orange {
    color: #fff;
    background-color: #ea7100;
    background-image: none !important;
    border-color: #ea7100;
}

.btn-home {
    display:inline;
}

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

    .btn-primary:hover, .btn-primary:active {
        background-color: #c66102;
        border-color: #ea7100;
    }

    .btn-primary a {
        color: #fff;
    }

table th {
    border: 0px !important;
}

.btn-orange {
    padding: 8px 16px !important;
    font-size: 14px;
    opacity: 0.9;
    border-radius: 5px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-color: #ea7100;
    color: #fff;
    max-width: 100%;
    width: 100%;
    height: auto !important;
}

a {
    color: #003366;
}

.row {
    width: initial;
}

.rowchild {
    margin: auto;
}
.input-group{
    display: table;
}

.modal-header {
    display: inline;
}
.modal-header .close {
    padding: unset;
    margin: unset;
}
.close {
    opacity: .2;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: none;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}

#table-conflicts-details-list_paginate {
    margin: auto;
}
/* Event Colours */
/*Default Meeting Type colour CSS hexadecimal value. We can set Meeting Type background-color and Meeting Type Name Text color as well --> Start*/
/*.fc-event {
    background-color: #5897fb;
    color: #fff;
}
.ss-main .ss-multi-selected .ss-values .ss-value {
    background-color: #5897fb;
    color: #fff;
}*/
/*Default Meeting Type colour CSS --> End*/

/*Meeting Type colours' hexadecimal value for Meeting Type 1 to 30. We can set Meeting Type background-color and Meeting Type Name Text color as well --> Start*/
/*Meeting Type 1*/
.fc-event[class*='mt-1-'], th[class*='mt-1-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-1-'] {
    background-color: #e6194B;
}
/*Meeting Type 2*/
.fc-event[class*='mt-2-'], th[class*='mt-2-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-2-'] {
    background-color: #3cb44b;
}
/*Meeting Type 3*/
.fc-event[class*='mt-3-'], th[class*='mt-3-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-3-'] {
    background-color: #ffe119;
    color: #000;
}
/*Meeting Type 4*/
.fc-event[class*='mt-4-'], th[class*='mt-4-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-4-'] {
    background-color: #4363d8;
}
/*Meeting Type 5*/
.fc-event[class*='mt-5-'], th[class*='mt-5-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-5-'] {
    background-color: #f58231;
}
/*Meeting Type 6*/
.fc-event[class*='mt-6-'], th[class*='mt-6-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-6-'] {
    background-color: #911eb4;
}
/*Meeting Type 7*/
.fc-event[class*='mt-7-'], th[class*='mt-7-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-7-'] {
    background-color: #42d4f4;
    color: #000;
}
/*Meeting Type 8*/
.fc-event[class*='mt-8-'], th[class*='mt-8-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-8-'] {
    background-color: #f032e6;
}
/*Meeting Type 9*/
.fc-event[class*='mt-9-'], th[class*='mt-9-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-9-'] {
    background-color: #bfef45;
    color: #000;
}
/*Meeting Type 10*/
.fc-event[class*='mt-10-'], th[class*='mt-10-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-10-'] {
    background-color: #fabebe;
    color: #000;
}
/*Meeting Type 11*/
.fc-event[class*='mt-11-'], th[class*='mt-11-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-11-'] {
    background-color: #469990;
}
/*Meeting Type 12*/
.fc-event[class*='mt-12-'], th[class*='mt-12-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-12-'] {
    background-color: #e6beff;
    color: #000;
}
/*Meeting Type 13*/
.fc-event[class*='mt-13-'], th[class*='mt-13-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-13-'] {
    background-color: #9A6324;
}
/*Meeting Type 14*/
.fc-event[class*='mt-14-'], th[class*='mt-14-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-14-'] {
    background-color: #fffac8;
    color: #000;
}
/*Meeting Type 15*/
.fc-event[class*='mt-15-'], th[class*='mt-15-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-15-'] {
    background-color: #800000;
}
/*Meeting Type 16*/
.fc-event[class*='mt-16-'], th[class*='mt-16-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-16-'] {
    background-color: #aaffc3;
    color: #000;
}
/*Meeting Type 17*/
.fc-event[class*='mt-17-'], th[class*='mt-17-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-17-'] {
    background-color: #808000;
}
/*Meeting Type 18*/
.fc-event[class*='mt-18-'], th[class*='mt-18-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-18-'] {
    background-color: #ffd8b1;
    color: #000;
}
/*Meeting Type 19*/
.fc-event[class*='mt-19-'], th[class*='mt-19-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-19-'] {
    background-color: #000075;
}
/*Meeting Type 20*/
.fc-event[class*='mt-20-'], th[class*='mt-20-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-20-'] {
    background-color: #000;
}
/*Meeting Type 21*/
.fc-event[class*='mt-21-'], th[class*='mt-21-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-21-'] {
    background-color: #a9a9a9;
}
/*Meeting Type 22*/
.fc-event[class*='mt-22-'], th[class*='mt-22-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-22-'] {
    background-color: #ff0000;
}
/*Meeting Type 23*/
.fc-event[class*='mt-23-'], th[class*='mt-23-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-23-'] {
    background-color: #cc3300;
}
/*Meeting Type 24*/
.fc-event[class*='mt-24-'], th[class*='mt-24-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-24-'] {
    background-color: #ffff00;
    color: #000;
}
/*Meeting Type 25*/
.fc-event[class*='mt-25-'], th[class*='mt-25-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-25-'] {
    background-color: #003300;
}
/*Meeting Type 26*/
.fc-event[class*='mt-26-'], th[class*='mt-26-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-26-'] {
    background-color: #0000ff;
}
/*Meeting Type 27*/
.fc-event[class*='mt-27-'], th[class*='mt-27-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-27-'] {
    background-color: #400080;
}
/*Meeting Type 28*/
.fc-event[class*='mt-28-'], th[class*='mt-28-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-28-'] {
    background-color: #ccffff;
    color: #000;
}
/*Meeting Type 29*/
.fc-event[class*='mt-29-'], th[class*='mt-29-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-29-'] {
    background-color: #595959;
}
/*Meeting Type 30*/
.fc-event[class*='mt-30-'], th[class*='mt-30-'], .ss-main .ss-multi-selected .ss-values .ss-value[data-id*='mt-30-'] {
    background-color: #660066;
}
/*Meeting Type colours' hexadecimal value for Meeting Type 1 to 30 --> End*/

table.dataTable tbody td {
    border: 0px;
    background-color: #fff;
}

table.dataTable {
    border: 1px solid #eaeaea;
    border-collapse: collapse;
    table-layout: auto !important;
}

@media screen and (max-width: 768px) {
    .container .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 480px) {

    #table-conflicts-list td, #table-conflicts-list tr {
        display: block;
    }

        #table-conflicts-list tr th {
            display: block;
        }

    #table-conflicts-list thead {
        display: none;
    }

    #table-conflicts-list td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 15px;
        width: 100%;
    }

    #AgendaItemConflicts tbody td {
        width: 100%;
        display: inline-block;
    }
}

#table-conflicts-list thead tr {
    border-bottom: 1px solid #ebedf2;
    padding: 15px 0;
}

#table-conflicts-list tbody tr {
    border-bottom: 1px solid #ebedf2;
    padding: 15px 0;
}

table.dataTable thead .no-sort {
    background-image: none !important;
}

    table.dataTable thead .no-sort:after {
        display: none !important;
    }

#table-conflicts-details-list_paginate {
    float: none !important;
    text-align: center;
}

.loaderPosition {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    background-color: #363636;
    opacity: 0.7;
}

.loaderDesign {
    font-size: 32px;
    position: fixed;
    top: 45%;
    left: 50%;
    color: white;
}

.ss-main .ss-multi-selected .ss-add {
    margin: 8px 12px 0 0;
}

::-ms-clear {
    display: none;
}

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 0 !important;
}

#adv-search .dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 15px 15px;
    white-space: normal !important;
}

/*button.close {
    font-size: 28px;
    margin-top: -6px !important;
}*/

.filtered {
    color: black;
}

#AgendaItemConflicts tbody td {
    padding: 3px;
}

#conflictsDetailsModal .modal-body {
    padding: 10px;
}

#conflictsDetailsModal .modal-footer {
    padding: 10px;
    margin-top: 0;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 5px !important;
}

.imgicon {
    vertical-align: top;
}

.icon {
    font-size: 20px;
    margin: 0 -2px;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    #adv-search .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }
}

@media screen and (min-width: 360px) and (max-width: 768px) {
    #adv-search .dropdown.dropdown-lg .dropdown-menu {
        min-width: 290px !important;
    }
}

/*Customizations CSS changes*/
/*Font Family*/
body {
    font-family: Arial, sans serif !important;
}

h2.customcss {
    font-family: Arial, sans serif !important;
    color: white !important;
}

/* Conflict Header Customizations - Primary background color*/
.conflictheader {
    background-color: #003366;
    border-color: #003366;
    border-radius: 4px;
    margin-bottom: 15px;
}
/* background color of button Customizations */
.btn-primary.customcss, .btn-orange.customcss {
    background-color: #ea7100 !important;
    border-color: #ea7100 !important;
}

    .btn-primary.customcss i {
        font-size: 16px !important;
    }
/*Conflict list header color, background-color*/
#table-conflicts-list th {
    color: #666;
    background-color: #eaeaea;
    text-align: left;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 25px 10px 10px;
    position: relative;
}

    table.dataTable thead th.sorting, th.sorting_asc, th.sorting_desc {
        background-image: none !important;
    }

table.dataTable thead .no-sort {
    background-image: none !important;
}

    table.dataTable thead .no-sort:after {
        display: none !important;
    }

table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
    position: absolute;
    display: inline-block;
    font-family: "LineAwesome";
    right: 8px;
}

table.dataTable thead th.sorting:after {
    content: "\f306";
}

table.dataTable thead th.sorting_asc:after {
    content: "\f30b";
}

table.dataTable thead th.sorting_desc:after {
    content: "\f30c";
}

.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    font-weight: bold;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        font-weight: normal;
    }