/*
body {
    background-color: #e8e8e8;
}

.btn-thin {
    line-height: 1;
}

@media (min-width: 390px) {
    .btn-thin {
        line-height: inherit;
    }
}
*/
.iw_dsp_language_2{
    background-color: #eeeef0;
    border-top: 1px solid #888;
}

.adminOff {
    text-shadow: none !important;
    color: #888888;
    cursor: default;
    display: block;
}
.nav-list > li > .adminOff {
    font-size: 13px;
    height: 39px;
    line-height: 36px;
    padding-left: 7px;
    text-decoration: none;
}
.nav-list > li .submenu > li > .adminOff {
    border-top-style: dotted;
    border-top-width: 1px;
    margin: 0;
    padding: 7px 0 9px 37px;
    position: relative;
}

.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-60 { opacity: 0.6; }
.opacity-100 { opacity: 1; }
/**********************************************************************************
        BEGIN - btn-xs
**********************************************************************************/
.btn-xs {
    font-size: 0.75rem;
    padding: 0.3rem 0.4rem;
}
.btn.btn-white.btn-xs {
    padding: 0.35rem 0.45rem;
}
.btn-light.btn-xs:after {
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
}
.btn.active.btn-xs:after,
.btn.active.btn-minier:after {
    left: -1px;
    right: -1px;
    bottom: -2px;
}
.btn-group > .btn.btn-xs > .caret {
    margin-top: 9px;
    border-width: 4px;
}
.btn-group > .btn-xs,
.btn-group + .btn-xs {
    border-width: 1px;
    /* the border under an active button in button groups */
}
.btn-group > .btn-xs.active:after,
.btn-group + .btn-xs.active:after {
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom-width: 1px;
}
.btn-group.btn-corner > .btn.btn-xs:first-child {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}
.btn-group.btn-corner > .btn.btn-xs:last-child {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

/**********************************************************************************
        END - btn-xs
**********************************************************************************/

/**********************************************************************************
        BEGIN - Croppie
**********************************************************************************/

/* Croppie file button */
.file-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
/**********************************************************************************
        END - Croppie
**********************************************************************************/

/* Sort 'buttons' in schedule/dsp_display.php table>thead>th */
.sortTrackOrder .badge {
    padding: 3px 5px;/**/
}
.sortTrackOrder .badge.orderUp, .sortTrackOrder .badge.orderDown {
    cursor: pointer;
    padding: 3px 5px;/**/
}
.sortTrackOrder .badge.orderDown:hover, .sortTrackOrder .badge.orderUp:hover {
    background-color: #9eadb6 !important;
}
.table > thead > tr > th.sortTrackOrder .badge .ace-icon {
    margin-right: 2px;
    margin-left: 2px;
}

/***********************************************************************************

        Ace File Upload override styles

/**********************************************************************************/
#drop {
    margin-bottom: 15px;
}
.ace-file-list-container {
    margin: 0 -15px;
    transition: all 0.3s ease-in;
}
.id-upload-pdf ul li {
    /* background-color: #333639; */
    /* background-image: -webkit-linear-gradient(top, #333639, #303335); */
    background-color: #FFF;
    border-top: 1px solid #e9f5f8;
    border-bottom: 1px solid #d6d7d8;
    padding: 6px;
    /* height: 72px; */
    position: relative;
    white-space: nowrap;
    color: #454545;
    font-size: 12px;
}
.ace-file-container-small {
    display: inline-block;
    content: attr(data-title);
    position: relative;
    line-height: 14px;
    background-color: #FFF;
    color: #CCC;
    font-size: 9px;
    font-weight: bold;
    border: 1px dashed #aaaaaa;
    border-radius: 4px;
    text-align: center;
}
.ace-file-icon {
    color: #CCC;
    font-size: 16px;
}
.ace-file-text {
    position: relative;
    display: block;
    padding: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    margin: 0 4px;
}
.id-upload-pdf ul li .percent .fa {
    padding-top: 9px;
}
.easy-pie-chart {
    height: 35px;
    width: 34px;
    line-height: 34px;
}
/***********************************************************************************************

        Select2 Style override

************************************************************************************************/
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: none;
    font-weight: bold;
}
.select2-container .select2-choice {
    padding: 5px 4px 6px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    line-height: 24px;
    height: 36px;
    border-radius: 0;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    background-image: none;
    font-size: 14px;
}
.select2-container .select2-choice:hover,
.select2-container .select2-choice:focus,
.select2-container .select2-choice:active {
    border-color: #b5b5b5;
}
.select2-container .select2-choice .select2-arrow {
    background-image: none;
    background-color: #fafafa;
}
/***********************************************************************************************

        pagination Style override

************************************************************************************************/
ul.pagination {
    justify-content: center !important;
    margin-top: 3rem;
}





/*   B2B Styles   */
.lock-cell {
    width: 125px;
    border: 1px green solid;
    background-color: #e9f6e9;
    cursor: pointer;
}
.lock-cell:hover {
    width: 125px;
    border: 1px #006200 solid;
    background-color: #f2fff2;
    cursor: pointer;
}
.open-cell {
    width: 125px;
    border: 1px red solid;
    background-color: #f9dbd3;
    cursor: pointer;
}
.open-cell:hover {
    width: 125px;
    border: 1px #9e0000 solid;
    background-color: #fff0f0;
    cursor: pointer;
}
.peek {
    width: 125px;
    border: 1px grey solid;
    background-color: #e6e6e6;
}
.peek span {
    color: #000;
}

#proposeDelMeeting .proposalDelSelect:hover{
    background-color: #d0dfe9;
}
#inviteSchedule .full, #inviteSchedule .hoverOver .meeting, #inviteSchedule .hoverOver .open-cell {
    border: 1px #880000 solid;
    color: #880000;
    background-color: #fceeec;
}
#inviteSchedule .closed {
    border: 1px #888888 solid;
    background-color: #CCCCCC;
    height: 18px;
}
#inviteSchedule .empty, #inviteSchedule_OL .empty {
    color: #CCCCCC;
    font-style: italic;
}
#actionMeeting div.selectedMtg, .full.selectedSlot, .showedUp.selectedSlot {
    border: 1px solid #122f88;
    color: #101133;
    background-color: #e6f5ff;
}
.tableCell {
    border: thin solid black;
    font-size: 0.8em;
}
.tableCell.empty {
    color: #BABABA;
}
.tableCell.full {
    cursor: pointer;
    /*  background-color: #FFCCCC;  */
    background-color: #ff5151; /*   2018-06-01 RFC Rihanna:  modify B2b Mgmt tool colors for contrast on laptops  */
}
.tableCell.showedUp {
    cursor: pointer;
    background-color: #CCFFFF;
}
.tableSet {
    font-size: 0.8em;
}
.tableCell.full.selectedSlot, .tableCell.showedUp.selectedSlot {
    border: 1px solid #268812;
    color: #101133;
    /*background-color: #e9ffdd; */
    background-color: #3fbe1e; /*   2018-06-01 RFC Rihanna:  modify B2b Mgmt tool colors for contrast on laptops  */
}
#actionMeeting div.selectedMtg, .full.selectedSlot, .showedUp.selectedSlot {
    border: 1px solid #122f88;
    color: #101133;
    background-color: #e6f5ff;
}
#actionMeeting div.selectedMtg:hover {
    color: #223557;
    background-color: #c8e1f3;
}
.clickToShowSlotTable {
    cursor: pointer;
    border: 1px #FFFFFF solid;
}
#actionMeeting div.conflictedMtg, .clickToShowSlotTable:hover {
    border: 1px #807700 solid;
    color: #3e3200;
    background-color: #fcf5df;
}
#actionMeeting div.conflictedMtg:hover {
    background-color: #f3e5d0;
}
/*   END B2B Styles   */

/**********************************************************************************
            FORM STYLES
**********************************************************************************/
.form-horizontal label {
    text-align: right;
}