/* app css stylesheet */
/**
 * Application css stylesheet to display the bidder details
 * 
 * @date : 07-11-2014
 * @lastModified: 21-09-2020
 * @Author : Abhay
 *   
 * $Id$
 * 
 */
@font-face {
    font-family: 'Glyphicons Halflings' !important;
    src: url('glyphicons-halflings-regular.eot');
    src: url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

/* html {
   -ms-overflow-style: scrollbar;
} */

text {
    font-size: 11px !important;
    font-family: arial;
    fill: rgb(0, 0, 0) !important;
}

.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    float: right;
    margin-top: -5px;
    margin-right: 10px;
    border-bottom: 8px solid white;
}

.editInProgress {
    color: #00447b;
    font-weight: 700;
}

.addInProgress {
    background-color: rgba(245,238,228,0.75) !important;;
}

.showhide-menu .dropdown-menu {
    margin-top: 0px;
}

.alignLeft {
    float: left;
}

.selected {
    /*border: solid;*/
    /*border-style: solid;
    border-width: thin;
    border-color: #0D4F8B;*/
    background-color: rgba(185,220,245,0.75) !important;
    color: #044A84 !important;
}
.selectedHold {
    border: solid;
    border-color: darkmagenta;
    border-style: double;
}
.BidsMainPage {
    overflow-x: hidden;
}
.defaultPage {
    background-color:#F5F5DF;
    height:100%;
    float: left;overflow-x: hidden;
}
.bidsScreen {
    width:100%;
    height: 200px;
}
.bidsScreenLess {
    width:82.5% !important;
}
.bidPrefScreen {
    width: 220px;
    z-index: 3000;
    position: absolute;
    overflow: hidden;
    height: 100%;
    right: -220px;
}

@media only screen and (max-width : 1270px) {
    .moveInside12 {
        right: 0px !important;
        transition: right 0.5s ease-in-out 0s;
        -webkit-transition: right 0.5s ease-in-out 0s;
        -moz-transition: right 0.5s ease-in-out 0s;
        -o-transition: right 0.5s ease-in-out 0s; 
        width: 220px;
    }

    .btnFloatingPaste {
        /*margin-right: 50px;*/
    }
}

@media only screen and (max-width : 990px) {
    .adjustableCreditCol {
        float: none;
    }
}

@media only screen and (min-width : 991px) {
    .adjustableCreditCol {
        float: right;
    }
}

@media only screen and (min-width : 1270px) {
    .moveInside12 {
        right: 0px !important;
        transition: right 0.5s ease-in-out 0s;
        -webkit-transition: right 0.5s ease-in-out 0s;
        -moz-transition: right 0.5s ease-in-out 0s;
        -o-transition: right 0.5s ease-in-out 0s;
        width: 17.5%;
    }

    .btnFloatingPaste {
        /*margin-right: 50px;*/
    }
}

.currentPage {
    background-color:#ffffff;
    height:100%;
    float: left;overflow-x: hidden;
}

.trainingPage {
    background-color:#E4EAE3;
    height:100%;
    float: left;overflow-x: hidden;
}

.setVacationClass {
    font-weight: 800;
}

.setDataClass {
    color: #0272CA;
}

.extVacationClass {
    color: #008080 !important;
}

.iconPreferoff:before {
    border-left: 15px solid #f0c902;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    height: 0;
    left: 35px;
    position: absolute;
    /* top: -2px; */
    width: 0;
}

.iconPreferoff {
    background: #f0c902;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 35px;
    text-align: center;
    font-weight: bold;
    color: white;
    padding-left: 10px;
    padding-right: 0px;
}

.iconVoluntaryTraining:before {
    border-left: 15px solid grey;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    height: 0;
    left: 35px;
    position: absolute;
    /* top: -2px; */
    width: 0;
}

.iconVoluntaryTraining {
    background: grey;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 35px;
    text-align: center;
    font-weight: bold;
    color: white;
    padding-left: 10px;
    padding-right: 0px;
}

.iconAvoid:before {
    border-left: 15px solid #f8a900;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    height: 0;
    left: 35px;
    position: absolute;
    /* top: -2px; */
    width: 0;
}
.iconAvoid {
    background: #f8a900;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 35px;
    text-align: center;
    font-weight: bold;
    color: white;
    padding-left: 10px;
    padding-right: 0px;
}
.iconAward:before {
    border-left: 15px solid #37b500;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    height: 0;
    left: 35px;
    position: absolute;
    /* top: -2px; */
    width: 0;
}
.iconAward {
    background: #37b500;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 35px;
    text-align: center;
    font-weight: bold;
    color: white;
    z-index: 9;
    padding-left: 10px;
    padding-right: 0px;
}
.iconCondition:before {
    border-left: 15px solid #93c5ee;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    height: 0;
    left: 35px;
    position: absolute;
    width: 0;
}
.iconCondition {
    background: #93c5ee;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 35px;
    text-align: center;
    font-weight: bold;
    color: white;
    padding-left: 10px;
    padding-right: 0px;
}
.iconStartBid {
    text-align: center;
    font-weight: bold;
    width: 30px;
    padding-left: 10px;
    padding-right: 0px;
}
.bidLineLineCondition {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: black;
    background-color: white;

}
.iconInstruction:before {
    border-left: 15px solid #4199e1;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    height: 0;
    left: 35px;
    position: absolute;
    /* top: -2px; */
    width: 0;
}
.iconInstruction {
    background: #4199e1;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 35px;
    text-align: center;
    font-weight: bold;
    color: white;
    padding-left: 10px;
    padding-right: 0px;

}

.iconsSeparator {
    color: #d2d2d2; 
    padding-left:10px;
}

.bidLineInstruction {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: black;
    background-color: white;

}
.bidLineAwardEditable {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: inherit;
    background-color: white;
}
.bidLineAwardSysGen {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: gray;
    font-style:italic;
    background-color:#deebf4;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.bidLineAwardStatDay {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: black;
    background-color: white;
}
.bidLineAwardReserveDay {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: black;
    background-color: white;
}
.bidLineAwardShortCall {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: black;
    background-color: white;
}
.bidLineEditable {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    background-color: #e4f0f9;
    color: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.bidLineSysGen {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    font-style:italic;
    background-color: #e4f0f9;
    color: gray;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.bidLinePreferOff {
    border: solid;
    border-color: lightgray;
    border-width: thin;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    color: inherit;
    background-color:white;
}
#bidButtonGroup{
    margin-top: 4px;
    /*margin-left: 103px;*/
    /* margin: 0px; */
    /* padding: 0px; */
}
.textdecoration{
    display:block;
    text-decoration:none;
    font-size: 15px;
    color: #65001b;
    margin-right: 68px;
}
.notskewed{
    display:block;
    text-decoration:none;
    font-size: 15px;

    -webkit-transform: skew(-21deg) !important;
    -moz-transform: skew(-21deg) !important;
    -ms-transform: skew(-21deg) !important;
    -o-transform: skew(-21deg) !important;
    transform: skew(-21deg) !important;
}
.defaultthirdDiv{
    float: left;

    width: 80px;
    height: 25px;
    padding-top: 0px;
    transform: skew(21deg);
    -webkit-transform: skew(21deg);
    -moz-transform: skew(21deg);
    -o-transform: skew(21deg);

    background: lightgrey; 
    margin-left: 3px;
}
.defaultfirstdiv{
    border-bottom: 25px solid;

    border-left: 10px solid;

    border-right: 10px solid transparent;

    height: 25px;

    width: 80px;
    float: left;
    /* position: relative; */
    color: lightgrey;
}
.defaultmiddleDiv{  
    float: left;
    width: 80px;
    height: 25px;
    padding-top: 0px;
    transform: skew(21deg);
    -webkit-transform: skew(21deg);
    -moz-transform: skew(21deg);
    -o-transform: skew(21deg);
    background: lightgray;

    /* color: green; */
    margin-left: -2px;
}

.activefirstdiv{
    border-bottom: 25px solid;
    border-left: 10px solid;
    border-right: 10px solid transparent;
    height: 25px;
    width: 80px;
    float: left;
    /* position: relative; */
    color: #ffffff;
}
.activemiddleDiv{  
    float: left;
    width: 80px;
    height: 25px;
    padding-top: 0px;
    transform: skew(21deg);
    -webkit-transform: skew(21deg);
    -moz-transform: skew(21deg);
    -o-transform: skew(21deg);
    background:#F5F5DF;
    margin-left: -2px;
}

.activethirdDiv{
    float: left;
    width: 80px;
    height: 25px;
    padding-top: 0px;
    transform: skew(21deg);
    -webkit-transform: skew(21deg);
    -moz-transform: skew(21deg);
    -o-transform: skew(21deg);
    background: #E4EAE3; 
    margin-left: 3px;
}
.historicalactivity{
    font-style: italic;
}

.carryinactivity{
    color: grey;
}

.resultscarryinactivity {
   color: #d2d2d2;
}

/*Pairing CSS*/
.popover-text-limit {
    word-wrap: break-word;
}

.pairing-report-table {
    width:100%;border-collapse: inherit;margin-bottom: 15px;
}
.pairing-report-text {
    font-size: 11px!important;
    color: #b5b5b5;
    color: #000000;
}
.pairing-report {
    padding:0px;margin:0px;background-color: #eaeaea;padding-left: 100px;color: black;border: none; 
}
.pairing-report-text {
    background-color:#eaeaea;border:none;
}
.length-day-bg {
    z-index:1;position:absolute;margin: 4px;
}
.length-day-logo {
    z-index: 2;
    position: absolute;
    padding-left: 25px;
    padding-top: 4px;

}
.length-text {
    font-size: 18px; color:#000000; font-weight:bold;
}
.length-position {
    z-index:2;position:absolute; padding-top: 16px;padding-left: 25px;
}
.length-value {
    font-size:9px; color:#000000;
}
.pairing-dates-text {
    white-space: nowrap;overflow: hidden;text-align:left;
    text-overflow: ellipsis;
    padding-right: 0px;
    background-color: white;margin-top: 3px;
}

.infoLanguages {
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    padding-right: 0px;
    /* background-color: white; */
    /* margin-top: 3px; */
    max-width: 253px;
}

.trainingsComponent {
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    padding-right: 0px;
    min-width: 100px;
    max-width: 253px;
}

.infoDetailsPop {
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    padding-right: 0px;
    /* background-color: white; */
    /* margin-top: 3px; */
    max-width: 160px;
}



.biddingPeriodTxt .popover {
    color: black !important;
}

.infoDetailsTable .popover {
    color: black !important;
    z-index: 2;
}

.pairing-dates-value {
    font-size:12px; color:#000000;margin-left: 18px;font-weight:bold;
}
.trainings-dates-value {
    font-size:12px; color:#000000;margin-left: 24px;font-weight:bold;
}
.credit-row {
    padding: 0px;margin: 0px;padding-left: 12px;text-align:right;
}

.credit-value {
    font-size:12px;/*font-weight:bold;*/color:#282828;
}

.credit-value-text {
    font-size: 11px;/*font-weight:bold;*/color:#282828;
    text-align: right;
    width: 50%;
    float: left;
    margin: 3px 0px;
    padding: 0 5px 0 0;
}

span.credit-value-text {}

.credit-value-data {
    font-size:14px;/*font-weight:bold;*/color:#282828;
    width: 50%;
    float: right;
    text-align: left;
}

.padding-top {
    padding-top: 12px;margin: 0px;text-align:left;
}
.no-padding-margin {
    margin: 0px;padding: 0px;
}

.pairing-summary-dates-row {
    margin-left: 35px;
    padding-right: 10px;
}

.pairing-list-dates-dow-row{
    background-color:white;
    padding:0px;
    margin:0px;
    width:98%; 
    border-bottom-style:solid; 
    border-radius:4px;
    border-color:#b5b5b5;
    margin-left: 30px;
    padding-left:25px;
}

.checkin-row {
    padding: 0px;margin: 0px;padding-top:7px; margin-left: -20px;
}
.checkin-inner-row {
    background-color:#e8f3ff;
    padding:0px;
    margin:0px;
    width:100%; 
    border-bottom-style:solid; 
    border-radius:4px; 
    border-color:#b5b5b5;
    margin-left: -2px;
}
.checkin-padding {
    padding-left:20px;
}
.checkin-text {
    font-size:12px;font-weight:bold;color:#282828;
}
.paddingZero {
    padding: 0px;
}
.checkin-value {
    font-size:16px;color:#00447b;
}
.pairingListScreen {
    float: left;overflow-x: hidden;
}

.pairing-list-weekday-div {
    height:20px;
    text-align:center; 
    width:89%;
    background-color:white; 
    border:none;
}

.pairing-list-weekday {
    height:20px;
    border:none;
}

.weekday {
    font-size: 10px;    
}

.pairing-list-weekday-row {
    height:20px; 
    background-color:#f4fafe;
    padding:0px;
    margin:0px;
    overflow-x:visible;
    margin-left: 12px;
}

.bids-pairing-list-weekday-row {
    margin-left:-5px;
}

.pairing-list-row {
    border-bottom:solid;
    border-color:#b5b5b5; 
    border-width:1px;
    background-color:#eaeaea;
    margin-right: 0px !important;
}
.pairing-list-dates-view-row {
    margin-left: 24px;
    margin-top: 5px;
    width: 91.0%; 
    padding-left: 40px;
    padding-top: 5px;
}

.pairing-list-row-height {
    padding-left:0px;
    margin:0px;
    height: 76px;
}
.pairing-list-datesview-row-height {
    padding-left:0px;
    margin:0px;
    height: 44px;
}
.pairing-number-width {
    max-width:132px;
    margin: 0px;
}

.pairingUnCheckedImg {
    position:absolute; 
    z-index:3;
    margin-left: 5px;
    margin-top:7px;
}

.pairing-number-image {
    position:absolute;z-index:1;
}
.pairing-number {
    color:#dadada; 
    margin-left: 30px;
    margin-top: 5px;
    font-size: 20px; 
    font-weight:bold; 
    position:absolute;
    z-index:2;
	min-width: 20px;
}

.training-number {
    color:#dadada; 
    margin-left: -15px;
    font-size: 19px; 
    font-weight:bold;
    position:absolute;
    z-index: 2;
    display: inline-block;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    width: 90px;
    height: 50px;
    word-wrap: break-word;
}

.training-identifier {
    text-align: center;
    margin-top: 4px; 
    z-index: 2; 
    margin-left: 5px;
}

.pairing-days-table {
    width:100%;border-collapse: inherit;
}
.pairing-days-table > td{
    height: 25px;width: 25px; color:#000000;
}
.no-border {
    border: 0px solid red;
    padding:0px;
    margin:0px;
}
.showhide-menu {
    /*position: fixed;*/
    position: absolute;
    /* margin-left: 50px; */
    z-index: 4000 !important;
}

.bidLineMenuDisplay .showhide-menu {
    /*position: fixed;*/
    position: absolute;
    /* margin-left: 50px; */
    z-index: 4000 !important;
    margin-left: -97px;
}
.bidedit-menu {
    position: fixed;
    /* margin-left: 50px; */
    z-index: 4000 !important;
}
.showhidestartbid-menu {
    position: absolute;     
    margin-left: 0px;    
    border-style: ridge;
    border-color: lightgrey;
    z-index: 4000 !important;
    left: 0;
    background-color: whitesmoke;
}
.dropdown-menu{
    display: block;
    position: static;
    background-color:transparent;
    border:0 none;
    /*box-shadow:none;*/
    /* margin-top:0; */
    position:static;
    width:100%;
    min-width: 130px;
    background-color: white;
    overflow: visible;
}
.bideditdropdown-menu{
    display: block;
    position: static;
    background-color:transparent;
    border:0 none;
    box-shadow:none;
    /* margin-top:0; */
    position:static;
    width:100%;
    background-color: white;
    min-width: 50px;
}
.widthLimit {
    max-width: 87px;
}

.modalHeaderClass {
    background: #bfbfbf;
}

.modalsection1style1 {
    color: #0da00d;
}

.modalsection1style2 {
    color: #e28613;
}

.modalsection2style1 {
    color: #0da00d;
}

.onloadpairingclass {
    float:right;
    padding-right:30px;
}
.offloadpairingclass {
    float:left; 
}
.pairingOnDate {
    font-size:15px;
    font-weight:bold;
}

.activityOnDate {
    font-size:10px;
}

.dateViewSingle {
    border: 1px solid grey;
    border-radius: 50%;
    background-color: white;
    height: 28px;
    width: 28px;
}

.calInputActivityDate {
    color:#7c7c7c;
    text-decoration: underline;
}

.selectedPairingDate {
    border: 1px solid grey;
    border-radius: 50%;
    background-color: #4199e1!important;
    height: 28px;
    width: 28px;
}

.selectablePairingDate {
    border: 1px solid grey;
    border-radius: 50%;
    background-color: #e8f3ff!important;
    height: 28px;
    width: 28px;
}

.selectablePairingDate .dateViewSelectableDate {
    color: #000000;
}

.dateViewActivity {
    color: #ababab;
    text-decoration: underline;
}

.selectedPairingDate .dateViewSelectedDate {
    color: #ffffff;    
}

.noDateViewActivity {
    color: #757575;
}

.pairingFilteredAwardDiv {
    float: left;
    width: 2%;
    padding-left: 5px;
    background-color: #9A9A9A;
    height: 1.7em;
}

#pairingfilterdetaildiv {
    width: 98%;
    float: left;
    padding-left: 3px;
}

/*Calendar CSS*/
.shadowDate {
    background-color: #ececec;
}

.blackout {
    color: red;
}

.claenderStrip {
    padding: 15px 0px;
    margin: 0;
    position: fixed;
    top: 52px;
    z-index: 1;
    background: white;
    border: 1px solid #eaeaea;
}

.calenderMain {
    padding: 0px;
    margin: 0px;
    padding-top: 87px !important;
}

.shadowDate td{
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}

.absenceDate {
    background-color: #F5F5DF;
}

.absenceDate td{
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;    
}

.bidderline {
    border-right: 1px solid #bfbfbf;
    vertical-align: top;
}

.pairingStartInstanceDate, .pairingEndInstanceDate, .pairingInstanceDate, .pairingInstanceCompleteDate {
    background-color: #deebf4;
}

.pairingStartInstanceDate td {
    -moz-border-radius: 50% 0% 0% 50%;
    -webkit-border-radius: 50% 0% 0% 50%;
    border-radius: 50% 0% 0% 50%;
}

.pairingEndInstanceDate td {
    -moz-border-radius: 0% 50% 50% 0%;
    -webkit-border-radius: 0% 50% 50% 0%;
    border-radius: 0% 50% 50% 0%;
}

.pairingInstanceCompleteDate td {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.datesInLine {
    text-align: center;
    float: left;
    padding-right: 0px;
    padding-left: 0px;
    /*position:absolute;*/
    margin-left: 0px;
}
.datesInLine1 {
    text-align: center;
    float: left;
    padding-right: 0px;
    padding-left: 0px;
    /*position:absolute;*/
    margin-left: -1px;
}

.datesInLineTrainings {
    text-align: center;
    float: left;
    padding-right: 0px;
    padding-left: 0px;
    /*position:absolute;*/
    margin-left: -1px;
}

.disabledArrow {
    opacity: 0.2;
}

.disabledButton {
    background-color: red;
    opacity: 0.6;
}

.enabledButton {
    background-color: #65001b;
    opacity: 1;
    color: #ffffff !important;
}

.calActivityIconDiv {
    padding: 6px 0;
    width: 6.3333% !important;
    padding-left: 0px !important;
}

.calActivityInfoDiv {
    padding: 7px 0;
    font-size:14px;
    text-align: left;
}

.calStreakShadowDiv {
    padding:0px;
    width:37px;
    text-align:left;
    font-size:10px;
    color:#5f5f5f;
    padding-top:12px;
    padding-left:5px;
}

.calStreakActFlagDiv {
    padding: 7px 0;
    color:#000000;
    font-size:18px;
}

.calStreakActDiv {
    float:right;
    padding:0px;
    margin:0px;
}

#stripCalenderDiv {
    border-bottom: 1px solid #bfbfbf;
    padding: 15px 0px;
    margin:0;
}

.monthSwitch {
    display: table;
}
.monthSwitch > [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.topCalenderElement {
    text-align: center;
}

.calHighlighted {
   background: #93c5ee;
}

.calDaydetailRow {
    background: #dedede;
    vertical-align:top;
    text-align:left;
    padding-left: 5px;
}

.vectorCalendarHeaderDiv {
    width: 100%;
    height: 22px;
    z-index: 999;
    position: relative;
    clear: both;
}

#vectorCalendarDatesDiv {
    width:100%;
    margin-top:5px;
    height: calc(100vh - 200px);
    overflow: hidden;
}

.vectorCalendarDateDiv {
    display:inline-block;
    border:solid 1px silver;
    width:14%;
    min-height: 90px;
}

.blockTimeSpan {
    font-size:9px;
    color:#00447b;
    padding-left: 3px;
    margin-bottom: 2px;
}

#currDateTbl {
    width: 100%;
    padding: 1px 3px;
    text-align: left;
    height: 63px;
}

.calShadowDiv {
    width:100%;
    font-size:10px;
    color:#5f5f5f;
    text-align:center;
}

.calDateActivityTr {
    padding:3px;
    width:100%;
    font-size: 12px;
}

.calReportIconDiv {
    float:right;
    height:10px;
}

.calDetailReportIconDiv {
    margin-top:-5px;
    margin-left:3px;
    height:10px;
    display:inline-block;
}

.calActivityReportDiv {
    width: 98%;
    margin-top: 3px;
    margin-bottom: 3px;
}

.calSwitchTextDiv {
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
    font-size:16px;
    font-weight:bold;
}

#streakCalendarDiv {
    padding:0px;
    margin:0px;
    height: calc(100vh - 200px);
    overflow: hidden;
}

.streakCalendarDateDiv {
    display: table-cell;
    vertical-align: top;
    float: none;
}

.calStreakDateDiv {
    padding:0px;
    margin:0px;
    display:table;
    width: 100%;
}

.calStripDateDiv {
    font-size:16px!important;
    display:table-cell;
    vertical-align: middle;
}

.calStripDayNameDiv {
    font-size: 12px!important;
    color: #5f5f5f;
}

.calMoreActTd {
    text-align:center;
    font-size: 20px;
    font-weight:bold;
}

.dateActivityDetail {
   border-left: solid 1px silver;
   width: 98%;
}

@media only screen and (min-width : 760px) {
    .topCalenderElement {
        width: 3.2258%;
    }
}

/* Bids */

.bidsInfoMessage {
    background-color: #F1F0EB;     
    padding: 0px 0px 0px 20px; 
    margin-left: 0px;
    font-size:15px !important; 
    font-weight:bold; 
    color: #BD0F0F; 
    min-height: 22px;
}

.btnBidLineManage {
    margin-right: 10px;
    margin-top: 5px;
}

/*PAIRING PREF*/
.stringparingPrefDD{
    border: 1px solid #bfbfbf;
    margin-left: 3%;
    margin-right: 3%;
    padding-left: 3%;
    padding-right: 3%;
}

.paringPrefDD{
    border: 1px solid #bfbfbf;
    margin-left: 15%;
    margin-right: 15%;
    padding-left: 15%;
    padding-right: 15%;
}

.paringPrefDDMultiple {
    border: 1px solid #bfbfbf;
    margin-left: 10%;
    margin-right: 10%;
}

.alignPairingContent {
    text-align: -webkit-center;
    display: inline-table;
    width: 100%;
}

#ifoIcon {
    background-image: url('../img/info_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 40px;
}
#calIcon {
    background-image: url('../img/calendar_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 40px;
}
#parIcon {
    background-image: url('../img/pairings_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 40px;
}
#bitIcon {
    background-image: url('../img/bids_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 40px;
}
#resIcon {
    background-image: url('../img/results_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 40px;
}
#traIcon {
    background-image: url('../img/training_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 40px;
}

@media only screen and (min-width : 1499px) {
    #showPairingContentDatesDiv {
        margin-right: 2%;
    }
}
@media only screen and (max-width : 1150px) {
    .navPopoverData {
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        padding-right: 0px;
        max-width: 160px;
    }
}

@media only screen and (min-width : 1150px) {
    .navPopoverData {
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        padding-right: 0px;
        max-width: 114px;
    }
}


@media only screen and (min-width : 1500px) and (max-width : 1700px){
    .alignLeafDiv {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media only screen and (min-width : 1700px) and (max-width : 1800px){
    .alignLeafDiv {
        float:right;
        padding-right: 15px;
    }
}

@media only screen and (min-width : 1800px) and (max-width : 1900px){
    .alignLeafDiv {
        float:right;
        padding-right: 10px;
    }
}

@media only screen and (min-width : 1900px) {
    .alignLeafDiv {
        float:right;
        padding-right: 5px;
    }
}

@media only screen and (min-width : 768px) {
    .datesInLine {
        width: 25px;
    }
    .datesInLineCalenderStrip {
        width:2.8% !important;
    }
    .datesInLineCalender {
        width:3.1% !important;
    }
    .datesInLine1 {
        width:3.28%;
    }
    .datesInLineTrainings {
        width:2.9%;
    }
    .pairing-list-weekday-div {
        width:88.333333%;
    }

}

@media only screen and (max-width : 800px) {
    .datesInLine {
        width:25px;
    }
    .datesInLine1 {
        width:25px;
    }
    .datesInLineTrainings {
        width:25px;
    }
}

.reportView {
    background-color:#93c5ee;
    font-size: 12px;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

.reportResultsView {
    background-color:#eaeaea;
    line-height: 1.2em;
    font-size: 10px;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 0px;
    border-radius: 0px !important;
    border: 0px solid #ccc !important;
}

.noDataDateView {
    background-color: white;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 10px;
    text-align: center;
    color: #000000;
    padding: 0px;
    margin: 0px;
    height:42px;
}

.shadowDateView {
    background-color: #dedede;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 10px;
    text-align: center;
    color: #000000;
    padding: 0px;
    margin: 0px;
    height:42px;
}

.pairingInstanceDateView {
    background-color:#deebf4;
    vertical-align: middle;
    font-size: 10px;
    line-height: 1.2em;
    text-align: center;
    color: #000000;
    padding: 0px;
    margin: 0px;
    height:42px;
}

.reserveBlocksDateView {
    background-color:#ffffff;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 10px;
    text-align: center;
    color: #000000;
    padding: 0px;
    margin: 0px;
    height:42px;
}

.reserveLineDateView {
    background-color:#ffffff;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 10px;
    text-align: center;
    color: #000000;
    padding: 0px;
    margin: 0px;
    height:42px;
}

.absenceDateView {
    background-color:#F5F5DF;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 10px;
    text-align: center;
    color: #000000;
    padding: 0px;
    margin: 0px;
    height:42px;

}

.noDataClass {
    background-color: white;
    vertical-align: middle;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    text-align: center;
    color: black;
    height:42px;
    overflow:auto;
}

.shadowClass {
    background-color: #dedede;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    font-size: 12px;
    text-align: center;
    color: black;
    padding: 0px;
    margin: 0px;
    height:42px;
    overflow:hidden;
}

.pairingInstanceClass {
    background-color: #deebf4;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    font-size: 12px;
    text-align: center;
    color: #000000;
    padding: 0px;
    margin: 0px;
    height:42px;
    overflow:hidden;
}

.reserveBlockClass {
    background-color:#ffffff;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    font-size: 12px;
    text-align: center;
    color: black;
    padding: 0px;
    margin: 0px;
    height:42px;
    overflow:hidden;
}

.reserveLineClass {
    background-color:#ffffff;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    font-size: 12px;
    text-align: center;
    color: black;
    padding: 0px;
    margin: 0px;
    height:42px;
    overflow:hidden;
}

.absenceClass {
    background-color:#F5F5DF;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    font-size: 12px;
    text-align: center;
    color: black;
    padding: 0px;
    margin: 0px;
    height:42px;
    overflow:hidden;
}

/*LOGIN PAGE CSS*/
.loginParent {
    height: 100%; 
    margin-left: 0px; 
    margin-right: 0px;
    margin: 0;
    padding: 0;  
    background-image:url(../img/loginbg.png);
    background-repeat: no-repeat; 
    background-size: cover;          
    width: 100%;
}

.loginContentDiv {
    float:left; 
    width:35%; 
    height: 100%;
    margin-left: 5%;
}

.loginTitle {
    font: Helvetica Neue LT Std;
    font-size: 24px;
    color: #ffffff;
}

.loginFormDiv {
    float:right; 
    min-width:60%; 
    height: 100%;
}

.credentialClass {
    font: Helvetica Neue LT Std;
    font-size: 16px;
    color: black;
    /*font-weight: bold;*/
}

.loginSelectClass {
    font: Helvetica Neue LT Std;
    font-size: 16px;
    color: #000000;
    /*font-weight: bold;*/
}

.loginButtonClass {
    font: Helvetica Neue LT Std;
    font-size: 18px;
    color: #ffffff;
    /*font-weight: bold;*/
    background: #65001b !important;
}

.navtechLogoDivMain {
    text-align:center;
}

.widthFull {
    width: 100%;
}

.widthSeventy {
    width: 70%;
}

.footer {
    position: fixed;
    height:20px;
    bottom: 0;
    width: 100%;
    background: #fff; 
    border-top: 1px solid #282828;
    z-index: 3002;
    text-align: center;

    box-shadow: 0 0 15px #E7E7E7;
}

/*NAVIGATION MENU BAR*/
.bidPeriodMenuBar {
    font-size:11px; 
    background-color: #00447b; 
    color: white;
    padding-left: 10px;
    padding-right: 10px;    
}

.biddingPeriodTxt {
    /*padding-left: 5px;*/
    vertical-align: middle;
}

.bpPadding {
    padding-left: 0.0%;
}

.nav-element {
    padding-right: 2px !important;
    padding-left: 0px !important;
}

.navbarTitle label {
    margin-bottom: 0px;
}

.selectedMenuItem {
    background-color: #4199e1 !important;
}

.menuBar ul a {
    border-radius: 0px !important;
    border-bottom: 2px solid #003865;
    /*margin: 5px !important;*/
}

.menuBar {
    border-right: 1px solid #ffffff;
}

/*.menuBar ul a:hover {
    background-color: transparent;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
    -transform:scale(1.2,1.2);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}*/

.navData {
    font-size: 12px;
    font-weight: 700;
    /* vertical-align: middle; */
}

.navbarTitle {
    color: #65001b;
    font-size: 18px !important;
}

.navbarColor {
    font-weight: 600;
}

#infoBar {
    padding: 2px 10px 3px 10px;
}

.infoBidClass table {
    border-collapse: collapse;
}

.infoBidClass table, .infoBidClass td, .infoBidClass th {
    border: 1px solid black !important;
}

.infoBidClass td, .infoBidClass th {
    padding: 1px !important;
    display: table-cell;
    vertical-align: inherit;
}

.credentialDiv {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.modal .modal-dialog {
    top: 100px;
    position: relative;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.appLogModal .modal-dialog{
   width: 768px;
   height: 60%;
   margin: auto;
   position: absolute;
   top:0;
   right: 0;
   bottom: 0;
   left: 0;
}

.credentialDiv input,.credentialDiv select {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    /*-webkit-appearance: none;*/
    border-radius: 0;
}

.credentialDiv input,.credentialDiv select {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    /*-webkit-appearance: none;*/
    border-radius: 0;
}

.errorMessage {
    color: #FF0000;
}

.modal {
    border: 0 !important;
}

.profileClass img{
    width:125px !important;
    height:auto;
    display:block;
    border: 1px solid rgb(204, 204, 204);

    margin-top: 15px;
}

.profileClass {
    min-width:198px !important;
    text-align: center;
}

.infoDetailsTable {
    margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 10px;
}

.biddingInfoCol {
    /*margin-left: 20px;*/
}

.biddingInfoDetails {
    padding-top: 15px;
}

.biddingInfoDetails pre {
    overflow: inherit;
}

.carryInStyle {
    padding-bottom:10px; padding-top:10px;
}

/*.pieChart .nv-pie {
    transform: translate(133.5,75) !important;
    min-width:125px;
}*/

.totalPariningLabel {
    vertical-align: bottom !important;
}

.modal-vertical-centered {
    transform: translate(0, 50%) !important;
    -ms-transform: translate(0, 50%) !important; /* IE 9 */
    -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}

.splash {
    position: absolute;
    height:100%;
    width:100%;
    filter: alpha(opacity=60);
    opacity: 1.6;    
}

#messageScreen .modal-content, .modal-content {
    border: 0px solid grey !important;
}

.splash h2 {
    text-align: center;
    font-size: 2em;/* Flow screen text */
    color:white;
}

.login-padding {
    padding-top: 1em;/* Login screen padding */
}

.login-leftpart-padding {
    padding-top: 3em;/* Login-Left screen padding */
}

.login-element {
    display: inline-block;
    width: 55% !important; 
}

.forget-password
{
    cursor: pointer;
}

.credentialDiv .form-group {
    margin-bottom: 0px !important;
}

#navtechLogoDiv {
    background: rgba(255, 255, 254, 0.5);
}

#syncProgressArea {
    height: 4px !important;
    margin-bottom: 8px !important;
}

html, body {
    height: 100%;
    -ms-overflow-style: scrollbar; 
    min-width: 1010px; 
    overflow: auto;
}

@media only screen {
    html, body {
        overflow: hidden;
    }
}

/*table {
    border-collapse: collapse;
    width: 400px;
}*/

td {
    /*padding: 0.3em;*/
    /*height: 0.5em;*/
}
.gray {
    background-color: gray;
}
.blue {
    background-color: blue;
}
.red {
    background-color: red;
}

.gray + td:before {
    border-left-color: gray;
}
.blue + td:before {
    border-left-color: blue;
}

.container-left-trim {
    margin-left: 0.1% !important;
}

.menu {
    list-style: none;
    border-bottom: 0.1em solid black;
    margin-bottom: 2em;
    padding: 0 0 0.5em;
}

.menu:before {
    content: "[";
}

.menu:after {
    content: "]";
}

.menu > li {
    display: inline;
}

.menu > li:before {
    content: "|";
    padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
    content: "";
    padding: 0;
}

/*LOADING DOT EFFECT CSS*/
.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    -moz-animation: dot 1.3s infinite;
    -moz-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    -moz-animation: dot 1.3s infinite;
    -moz-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    -moz-animation: dot 1.3s infinite;
    -moz-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

#syncFixedTitle {
    font-weight: bold;
    color: #65001b;
}

.tblSync {
    border-collapse:collapse;
    text-align:center;
}

.tblSyncParent {
    overflow: scroll; 
    max-height:40mm;
    text-align:center;
}

.tblSync th {
    background : #E5E4E2;
}

.tblSync td {
    border-bottom: 1px solid #E5E4E2 !important;
}

.modal-body {
    max-height:70mm;
}

.syncLogModalBody {
    overflow: scroll;
}

.syncClose {
    opacity: 1 !important;
    margin-top: 0px !important;
}

.test12 {
    table-layout:fixed;
}

.test12 th, .test12 td{
    text-align: center;
    vertical-align: middle !important;
}

.test12 td {
    border-bottom:1px solid #E5E4E2 !important;
}


.div-table-content {
    max-height:30mm;
    overflow-y:auto;
}

@-webkit-keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.bidderHeading {
    border-bottom: 1px solid #E5E4E2;
    margin-right: 0px !important;
    margin-left: 0px !important;
    overflow: hidden;
    position: relative;
}

.bidderHeading h4 {
    font-size: 18px !important;
    color: #00447b;
    padding: 7px 0px 7px 0px;
}

.table1 {

}

.table2 {

}

.table3 {
}

.navHeader {
    /*position: fixed;*/
    width: 100%;
    z-index: 1100;
}

.infoContainerClass {
    padding: 0px;
    width: 100%;
}

.infoScreen {
    padding-top: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 100%;
    width: 100%;
}

.resultScreen {
    padding-top: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    height:100%; width:100%;
}

.bidderReportUpper {
    margin-top: 10px;
}

.bidderReportMiddle{
    margin-top: 5px;
}

.bidderReportLower {
    margin-top: 5px;
    margin-bottom: 10px;
}

.rotating-seniority-table {
    width:100%;
    border-collapse: inherit;
}

.rotating-seniority-table td,
.rotating-seniority-table th {
    height: 25px;
    width: 25px;
    color: black;
    border: solid;
    border-width: thin;
    border-color: gray;
    padding: 5px;
}

.rotating-seniority-table__rel-seniority {
    font-weight: 700;
}

.rotating-seniority-table__month,
.rotating-seniority-table__year {
    background-color: silver;
}

.rotating-seniority-table__note {
    background-color: white;
    padding: 10px;
}

.sideBarStyle a {
    padding: 10px !important;
}

.mainBarStyle {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 62px; 
    overflow-x: hidden;
}

.syncTablePannel {
    border-radius: 0px !important;
}

.syncModalBody {
    padding: 0px !important;
}

.syncModalBody .form-inline .checkbox label {
    padding: 6px 0 6px 7px;
}

.syncModalBody #statusInfo .table {
    margin: -1px;
}

.syncModalBody #statusInfo {
    margin-top:15px;
    width:100%;
    display:inline;
}

.syncPeriodLabel {
    float:left;
    padding: 10px 10px 10px 20px;
}

.syncPeriodDiv {
    float:left;
    width: 70%;
    margin-left: 15px;
}

.syncModalTableHeader th {
    font-size: 12px !important;
}

.syncModalTableHeader {
    background: #b5b5b5;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.syncModalFooter {
    background: #00447b; 
    padding: 10px !important;
    margin-top: 8px;
    text-align:center;
    border-top: 0px solid #e5e5e5;
}

.syncModalHeader {
    font-size: 18px !important;
}

.confirmDialogueBody {
    margin: 10px 10px 10px 10px;
}

.confirmBtn {
    width: 100px;
}

.dialogueBody {
    padding: 15px 15px 5px 18px;
}

.syncButtonInfo {
    color: #ffffff !important;
    font-size: 14px;
    background: #0272CA;
    /* margin-left: 100px; */
    /* border-left: 25px solid; */
}



.profileDetailSize {    
    margin-top:15px;
    padding-left: 55px;
    padding-right: 55px; 
}

.bidderPersonInfo {
    display: table;
}
.bidderPersonInfo > [class*="col-md"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.personInfoLabel {
    font-size: 14px !important;
    color:#282828;
}

.personInfoData {
    font-size: 14px !important;
    color:#00447b;
    font-weight: 700;
}

.navInfoData {
    font-size: 12px !important;
    font-weight: 700;
    /*color: black;*/
}

.profileDetailSize > div {
    background:#eaeaea; 
}

.profileDetailSize ul {
    border-bottom: 1px solid #fff !important;
}

.profileDetailSize .tab-content {
    border-top: 3px solid #4199e1 !important;
}

.profileDetailSize span {
    font-size: 14px !important;
}

.modal-content {
    border-radius: 0px !important;
}

.profileDetailSize a {
    border-radius: 0px !important;
}

.profileDetailSize .nav li.active a::after {
    border-right: 1px solid #4199e1;
    border-top: 44px solid #4199e1;
    border-radius: 0px 0px 0px 0px;
    display: block;
    content: "";
    width: 21px;
    height: 0px;
    top: -1px;
    position: absolute;
    right: -12px;
    transform: skewX(23deg);
    -ms-transform: skewX(23deg);
    -webkit-transform: skewX(23deg);
    z-index: 1;
}

.profileDetailSize .nav li.active a {
    font-size: 14px;
    color:#ffffff;
    background: #4199e1;
}

.profileDetailSize .nav-tabs > li.active > a, .profileDetailSize .nav-tabs > li.active > a:hover, .profileDetailSize .nav-tabs > li.active > a:focus {
    cursor: default;

    border: 1px solid #4199e1 !important;
    border-bottom-color: #4199e1 !important;
}



.profileDetailSize .nav li a::after {
    border-right: 1px solid #eaeaea;
    border-top: 42px solid #eaeaea;
    border-radius: 0px 0px 0px 0px;

    display: block;
    content: " ";
    width: 21px;
    height: 0px;
    top: -1px;
    position: absolute;
    right: -12px;
    transform: skewX(23deg);
    -ms-transform: skewX(23deg);
    -webkit-transform: skewX(23deg);
    z-index: auto;
}

.profileDetailSize .nav li a {
    background:#eaeaea;
}

.profileDetailSize ul {
    background:white;
}

.profileDetailTable {
    margin-top: 0px !important; 
    background: #ececec; 
    padding-top: 5px !important; 
    margin-bottom: 5px !important; 
    border-right: 2px solid #cdcdcd;
    line-height: 1.25;
}

.adminPage_back {
    font-size : 9.5mm !important; 
    display:inline-block;
}

.menuBar a {
    color: #fff !important;
}

/*Result Screen*/
.resultDropdown {
    font-size: 14px !important;
    color:#5f5f5f !important;
    min-height: 24px;
    max-width: 90px;
}

.navbarTextFont {
    font-size: 14px !important;
}

/*PAIRING SCREEN*/
@media only screen and (max-width : 1024px) {


}

/******Media Queries******/

@media only screen and (min-width : 100px) and (max-width : 1299px) {
    .moveInside {
        right: 0px !important;
        transition: right 0.5s ease-in-out 0s;
        -webkit-transition: right 0.5s ease-in-out 0s;
        -moz-transition: right 0.5s ease-in-out 0s;
        -o-transition: right 0.5s ease-in-out 0s; 
    }
    /*.bidsScreen {
        width: 82%;
        float: left;overflow: hidden;
    }*/
    /*.bidPrefScreen {
        width: 220px;
        z-index: 3000;
        position: fixed;
        overflow: hidden;
        height: 100%;
        right: -220px;
    }*/
    .pairingListScreen {
        width: 100%;
        float: left;overflow-x: hidden;
    }

    .pairingPrefListScreen {
        width: 220px;
        z-index: 3000;
        position: absolute;
        overflow: hidden;
        height: 100%;
        right: -220px;
    }

    #filterId {
        display: block !important;
    }

    .paringPrefVisible {
        right: 0px;
        transition: right 0.5s ease-in-out 0s;
        -webkit-transition: right 0.5s ease-in-out 0s;
        -moz-transition: right 0.5s ease-in-out 0s;
        -o-transition: right 0.5s ease-in-out 0s;        
    }

    .paringPrefHidden {
        right: -220px;
        transition: right 0.5s ease-in-out 0s;
        -webkit-transition: right 0.5s ease-in-out 0s;
        -moz-transition: right 0.5s ease-in-out 0s;
        -o-transition: right 0.5s ease-in-out 0s;        
    }

    .pairing-dates-value {
	margin-left: 24px;
    }
}


/* Aligns calendar strip (Day-of-Week)to pairing 
 * results when zooming the browser -50% to 200%.
 * Also handles resizing of training number. */

@media only screen and (max-width : 4000px) {
    .pairing-list-dates-view-row {
        width: 90.0%;
    }
}

@media only screen and (max-width : 2900px) {
    .pairing-list-dates-view-row {
        width: 90.5%;
    }
}

@media only screen and (max-width : 2600px) {
}

@media only screen and (max-width : 2400px) {
}

@media only screen and (max-width : 2150px) {
    .pairing-list-dates-view-row {
        width: 91%;
    }
}

@media only screen and (max-width : 1920px) {
}

@media only screen and (max-width : 1750px) {
}

@media only screen and (max-width : 1600px) {
    .pairing-list-dates-view-row {
        width: 90.0%;
    }
}

@media only screen and (max-width : 1400px) {
}

@media only screen and (max-width : 1100px) {
}



@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {  
}

/* End of fix for browser zooming */



/*LOGIN PAGE*/
/* iPads (landscape) ----------- */
@media only screen and (min-width : 100px) and (max-width : 1150px){
    /* Styles */

    .mainBarStyle {      
        padding-left: 0px !important;
        padding-right: 0px !important;
        float: right;
        position: relative;
        width: 100%;       
    }
    .slideBarButton {
        margin: 20px 0;
        display: block;
        overflow: auto;
        position: absolute;
        left: 0em;
        z-index: 1900;
        transition: left 0.5s ease-in-out 0s;
        -webkit-transition: left 0.5s ease-in-out 0s;
        -moz-transition: left 0.5s ease-in-out 0s;
        -o-transition: left 0.5s ease-in-out 0s;
        top: 40%;
    }
    .sideBarStyle {
        display:none;
        overflow: auto;
        position: relative;
        padding-left: 0px !important;
        padding-right: 0px !important;
        height: 100%;
        background: #00447b;
        float:left;
        width: 10%;
    }
    .menuBar {
        background: #00447b;
        display: block;
        color: white;
        height: 100%;
        overflow: auto;
        position: fixed;
        left: -6.5em;
        font-size: 15px;
        top: 0;
        width: 6.5em;
        z-index: 3004;
        text-align: center;

        transition: left 0.5s ease-in-out 0s;
        -webkit-transition: left 0.5s ease-in-out 0s;
        -moz-transition: left 0.5s ease-in-out 0s;
        -o-transition: left 0.5s ease-in-out 0s;
    }
}


/* iPhone 6 Plus (Login & Synchronization) -------- */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) {

    .loginTitle {
        font-size: 32px;
	letter-spacing: 1px;
    } 
    .credentialClass {
	font-size: 22px;
    }
    .loginFormDiv .form-control {
	height: 50px;
    }
    .loginSelectClass {
	font-size: 22px;
    }
    .loginFormDiv .btn  {
	border-radius: 6px;
    }
    div.login-padding > span {
	font-size: 20px;
    }
    .loginFormDiv .loginButtonClass {
	font-size: 23px;
    }
    .loginFormDiv .loginPadding {
        padding-top: 1.5em; 
    }

    /* Synchronization */
    .modal .modal-dialog {
	top: 80px;	
        width: 590px;
       	margin-left: 220px;
    }
    #syncFixedTitle {
	font-size: 25px;
    }
    #syncHeader.modalHeaderClass {
	padding: 20px;
    }
    #syncHeader img {
	height: 35px;
    }
    #syncProgressArea {
	margin-bottom: 20px !important;
    }    
    #synProgressArea {
	margin-bottom: 11px;
    } 
    .syncModalBody .form-inline .checkbox label {
	font-size: 18px;
	padding: 6px 0 6px 7px;
    }
    .syncButtonInfo {
	font-size: 21px;
        margin: 4px;
    }
    #statusInfo {
	padding-top: 0px;	
    }
    .syncModalBody .radio, .checkbox {
	margin-top: 0;
    }
    .syncModalBody .checkbox+.checkbox {
	margin-top: 0;
    }   
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {   

   .syncModalBody .checkbox {
	padding-left: 30px;
  } 
}

/* End of iPhone 6 Plus (Login & Synchronization)------- */

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3){   

     .icsDownloadPopover      {
    	display: none;
     }
     body, html {
	touch-action: manipulation;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1300px) {
    /* Styles */
    .pairingListScreen {
        width: 85%;
    }    
    .pairingPrefListScreen {
        width: 15%;
    }

    .pairing-list-weekday-div {
        width:89%;
    }

}
@media only screen and (min-width : 1150px) {
    /* Styles */

    .modal .modal-dialog {
	top: 150px;
    }
    .mainBarStyle {
        padding-left: 0px !important;
        padding-right: 0px !important;
        float: right;
        position:relative;
        width: 92%;

    }

    .menuBar ul {
        margin-bottom: 67px !important;
    }

    .slideBarButton {
        display:none;
    }

    .sideBarStyle {
        overflow: auto;
        display:block;
        position: absolute;
        padding-left: 0px !important;
        padding-right: 0px !important;
        height: 100%;
        background: #00447b;
        float:left;
        width: 10%;
    }

    .menuBar {
        background: #00447b;
        display: block;
        color: white;
        height: 90%;
        overflow: auto;
        position: fixed;
        left: 0em !important;
        height:100%;
        font-size: 15px;
        width: 8%;
        text-align: center;
        z-index: 3000;

        transition: left 0.5s ease-in-out 0s;
        -webkit-transition: left 0.5s ease-in-out 0s;
        -moz-transition: left 0.5s ease-in-out 0s;
        -o-transition: left 0.5s ease-in-out 0s;        
    }

   .syncModalBody div.form-inline div.checkbox:last-child {
        padding-left: 0px !important;
   }
}

.bidderPersonInfo {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 30px;
    padding-right: 30px;
}

.biddingInfoRow {
    overflow: hidden;
    /*position: relative;*/
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 30px;
}

.BITitle, .carryInTitle {
    font-size: 18px;
    color: #00447b;
    font-weight: 700;
}

#BIPostTitle {
    font-size: 14px;
    color: #00447b;
    font-weight: 700;
}

.fontBold {
    font-weight: 700;
}

.BIPostDesc {
    font-size: 12px;
    color: #282828;
}

.leftColBig {
    font-size: 20px;
    color: #00447b;
    font-weight: 700;
}

.leftColSmall {
    font-size: 16px;
    color: #00447b;
}

.carryActivityInfoCol {
    /*height: 100%;
    position: absolute;
    right: 0;*/
    border-left: 1px solid #eaeaea;
}

.rotateFlightIcon {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.descendingOrder {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.asendingOrder {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.reasonsClass {
    border: 0px solid #ccc;
    border-radius: 0px; 
    padding-left: 20px;
    background-color: #ffffff;    
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

#awardsDiv {
    height: 200px;
    overflow: auto;
    /*position: fixed;*/
    width: 100%;
    min-width: 1010px;
    overflow-x: hidden;
    border-bottom: 0px solid grey;
    z-index: 1;
    /*box-shadow: 0 0 15px #000000;*/
}

#reasonsDiv {
    background-color: #ffffff;
    /*margin-top: 200px;*/
    overflow: hidden;
    /* position: fixed; */
    width: 100%;
    min-width: 1010px;
    overflow-x: hidden;
}

#resultsSortSelect {
    max-width: 110px;
}

.carryInDateColor {
    color: #00447b;
}

.carryLocColor {
    color: #bfbfbf;
}

/*Person Details Info Screen*/
@media only screen and (min-width: 1330px) and (orientation : landscape) {
    .fontSize {
        font-size: 17px;      
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1329px) and (orientation : landscape) {
    .fontSize {
        font-size: 17px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) and (orientation : landscape) {
    .fontSize {
        font-size: 17px;
    }
    .bidderHeading h4 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1030px) and (max-width: 1100px) and (orientation : landscape) {
    .fontSize {
        font-size: 16px;
    }
    .bidderHeading h4 {
        font-size: 16px;
    }
    .pairing-list-dates-view-row {
        margin-left: 120px;
    }
    .training-list-dates-view-row {
        margin-top: -27px;
    }

}

@media only screen and (min-width: 950px) and (max-width: 1030px) and (orientation : landscape) {
    .fontSize {
        font-size: 15px;
    }
    .bidderHeading h4 {
        font-size: 15px;
    }
    .pairing-list-dates-view-row {
        margin-left: 115px;
        padding-left: 30px;
    }    
    .training-list-dates-view-row {
        margin-top: -30px;
    }

    #mainView {overflow-x: scroll;}
}

@media only screen and (min-width: 870px) and (max-width: 950px) {
    .fontSize {
        font-size: 13px;
    }
    .bidderHeading h4 {
        font-size: 14px;
    }
    .training-list-dates-view-row {
        margin-top: -30px;
    }
    .pairing-list-dates-view-row {
        margin-left: 112px;
    }
}

@media only screen and (min-width: 820px) and (max-width: 870px) {
    .fontSize {
        font-size: 12px;
    }
    .bidderHeading h4 {
        font-size: 14px;
    }
    .training-list-dates-view-row {
        margin-top: -30px;
    }
}

@media only screen and (max-width: 819px) {
    .fontSize {
        font-size: 10px;
    }
    .bidderHeading h4 {
        font-size: 13px;
    }
    .pairing-list-dates-view-row {
        margin-left: 110px;
    }
    .training-list-dates-view-row {
        margin-top: -30px;
    }
}


/*Tab Details Info Screen*/
@media only screen and (max-width: 1220px) {

}

/*SideBar Details Info Screen*/
@media only screen and (max-width: 950px) {
    .sideBarStyle a {
        font-size: 12px;
    }
}

/*Carryin Activities Details Info Screen*/
@media (min-width: 768px) {
    .textAlignRight {
        text-align: right;

    }
    .textAlignLeft {
        text-align: left;
        border-left: 1px solid #eaeaea !important;
    }
}

/*Sync Table*/

@media (min-width: 1769px) {
}

@media (max-width: 1030px) {
    .paddingNone {
        padding: 0px;
        font-size: 10px !important;
    }
}

@media (min-width: 1030px) {
    .paddingNone {
        padding: 0px;
        font-size: 12px !important;
    }
}

.font13 {
    font-size: 13px;
}

.paddingLeft40 {
    padding-left: 40px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingTop20 > td {
    padding-top: 20px;
}

.paddingLeft {
    padding-left: 20px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.shadowDateTable {
    border: 1px solid #dedede;
    border-radius: 50%;
}

.absenceDateTable {
    border: 1px solid #F5F5DF;
    border-radius: 50%;
}

.pairingInstanceCompleteDateTable {
    border: 1px solid #deebf4;
    border-radius: 50%;
}

.reserveDataTable{
    border: 1px solid #b5b5b5;
    border-radius: 50%;
}
.reserveDate td{
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}

.pairingStartInstanceDateTable {
    border-top: 1px solid #deebf4;
    border-bottom: 1px solid #deebf4;
    border-left: 1px solid #deebf4;
    border-radius: 50% 0% 0% 50%;
}

.pairingEndInstanceDateTable {
    border-top: 1px solid #deebf4;
    border-bottom: 1px solid #deebf4;
    border-right: 1px solid #deebf4;
    border-radius: 0% 50% 50% 0%;
}

.pairingInstanceDateTable  {
    border-top: 1px solid #deebf4;
    border-bottom: 1px solid #deebf4;
}

.stripDateHW{
    /*height: 35px;
    width: 35px;*/
    display: table;    
}

.help .popover-content{
    padding: 0px !important;
}

.help .arrow{
    border-bottom-color: #000000 !important;
}

.help .popover.bottom>.arrow:after {
    border-bottom-color: #000000 !important;
}


.helpButtonClass {
    font: Helvetica Neue LT Std;
    font-size: 10px;
    height: 35px;
    color: #65001b;
    border: none !important;
    font-weight: bold;
    background: #ffffff !important;
}
.bidLineMenu .popover-content{
    padding: 0px !important;
}

.bidLineMenu .arrow{
    border-bottom-color: #000000 !important;
}

.bidLineMenu .popover.bottom>.arrow:after {
    border-bottom-color: #000000 !important;
}

.popover-xs {
    min-width: 30px;
}

.popover-sm {
    min-width: 50px;
}

.popover-md {
    min-width: 80px;
}

.popover-lg {
    min-width: 100px;
}

.bidLineMenuButtonClass {
    font: Helvetica Neue LT Std;
    font-size: 10px;
    height: 25px;
    color: black;
    text-align: left;
    border: none !important;
    font-weight: bold;
    background: #ffffff !important;
}
.multiSelectClass button#dropdownbutton{
    width: 100%;
}

.listbox{
    height: 200px !important;
}

.pairingPrefBar .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.pairingPrefTitle {
    height: 100%;
    border-bottom: 1px solid #D9D9D9;    
}

.pairingPrefTitle h5{
    font: Helvetica Neue LT Std;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.pairingPrefBackMenu {
    background: #757575 !important; 
    font: Helvetica Neue LT Std;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

.pairingPrefMenuItem {
    font: Helvetica Neue LT Std;
    font-size: 12px;
    color: #000000;
    margin-left: 0px; 
    margin-right: 0px;
    border-bottom: 1px solid #E5E4E2;
    height: 100%;
    min-height: 15px;
}

.pairingPrefButtonsRow {
    border-bottom: 1px solid #B2B2B2;
    height: 100%;
    padding: 5px 0px 5px 0px;
}

.pairingPrefApplyResetRow {
    border-bottom: 1px solid #B2B2B2;
    height: 100%;
    padding: 5px 0px 5px 0px;
}

.pairingPrefApplyResetRow a:active {
    background-color: #4199e1;
}

.pairingPrefSubFilterLine{
    border-bottom: 1px solid #B2B2B2;
    height: 100%;
    padding: 3px 0px 3px 0px;    
}

.pairingPrefButtonClass {
    font: Helvetica Neue LT Std;
    font-size: 12px;
    height: 25px;
    color: #ffffff !important;
    border: none !important;
    background: #0272CA;
}

.pairingPrefErrorButtonClass {
    font: Helvetica Neue LT Std;
    font-size: 12px;
    height: 25px;
    color: #ffffff !important;
    border: none !important;
    background: #929292;
}

.pairingPrefNotToggleButton {
    width: 100%;
}

.pairingPrefNotToggleButton label{
    width: 50%;
}

.imgRotate180 {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);    
}

.inputBlock .field {
    width: 100%;border: 1px solid #bfbfbf; height: 40px;background: #F4F4F4;
    /* margin-left: auto; */
    margin: auto;
}

.inputBlock .field .field1  {
    width: 80%;float: left;padding: 6px 6px 0px 6px;    
}

.inputBlock .field .field2  {
    width: 20%;
    float: right;   
}

.inputBlock .fieldwiththirdoption {
    width: 56%;border: 1px solid #bfbfbf; height: 40px;background: #F4F4F4;
    margin-left: 16px;
}

.inputBlock .fieldwiththirdoption .field1withthirdoption  {
    width: 44%;float: left;padding: 6px 6px 0px 6px;    
}

.inputBlock .fieldwiththirdoption .field2withthirdoption  {
    width: 30%;
    float: right;   
}

.inputBlock .block {
    padding: 4px 2px 4px 2px;
    border: 1px solid black;
}

.scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

/** Specifics media queries for calendar display */
@media only screen and (min-height: 801px) {
    #vectorCalendarDiv > .scrollerCalendar{
        max-height: 96% !important; 
        overflow:auto;
    }

    #currDateTbl {
        height:65px;
    }
}

@media only screen and (max-height: 800px) {
      #vectorCalendarDiv > .scrollerCalendar {
          height: 96% !important;
          max-height: 96% !important;
          overflow:auto;
      }
      .vectorCalendarDateDiv, .vectorCalendarDateDivContent {
          min-height:90px;
      }

      #currDateTbl {
          height:43px;
      } 
}

#pairingPrefListDiv, #calenderDiv, #infoDiv, #awardsDiv, #reasonsDiv, #resultsPairingReportsDiv, #pairingListDiv, #pairingReportListDiv, #bidspairingReportListDiv, #syncLogModalBodyID,#syncLogModalBodyArea,#pairingReportDiv,#bidsDiv, #bidsPairingListDiv, #lineListDiv, #lineBidsDiv {
    position: relative;
    z-index:1;	
    /*	width: 100%;	*/
    overflow: hidden;
}

#resultsPairingReportsDiv, #lineBidsDiv, #linesContainer, #linesBidDiv{
    width: 100%;
}

.pairingfilterdetaildiv {
    line-height: 1.7em;
    height: 1.7em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    background-color:#9A9A9A;
    padding:0px;
    margin:0px;
}

.ellipsesClass {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50px;
}

#showCalendarDivTable {
    width:100%;   
}

#showCalendarDivTableRow {
    width:28px;    
}

#showCalendarDivTableRowDiv {
    height:28px;width:28px;    
}

#showCalendarDivTableRowDivColumn {
   font-size: 12px!important;
   display: table-cell; 
   vertical-align: middle;    
}

#showPairingContentDiv, #showPairingInnerContentDiv{
    padding: 0px;margin: 0px;    
}

#showPairingContentCICOdiv{
    margin:0px 0px 0px 35px;min-width:305px;position:relative;    
}

#showPairingContentCIRowDiv, #showPairingContentCORowDiv {
    text-align:center;padding: 0px;margin: 0px;
}

#showPairingContentLayoverDiv{
    max-width: 120px;    
}

#showPairingContentPositionNamesDiv{
    min-width:140px;
}

#showPairingContentDatesDiv{
    width: 50px;    
}

#paringReportDayNameColumn{
    font-size: 12px!important; color: #5f5f5f;    
}

#paringReportCalendarRowColumn{
    /*width:28px;*/

}

#paringReportDateStripRowColumn{
    height:28px;width:28px;    
}

#paringReportDateValueColumn, #paringReportDateValueNoActivityColumn, #infoEmployeeNameColumn, #navEmployeeNameColumn, #navCategoryDetailColumn, .idToClass {
    font-size: 16px!important;
    display: table-cell; vertical-align: middle;    
    padding-right: 2px;
}

#navEmployeeIDColumn{
    font-size: 16px!important;display: table-cell; vertical-align: middle;    
    padding-right: 20px;
}

.greyBorder {
    border-right: 1px solid #bfbfbf;
}

/*Multi select search*/
.multiSelect .button {
    width: 100%;
    min-height: 35px !important;
}

.multiSelect .checkboxLayer {
    max-width: 100% !important;
    min-width: 100% !important;
    position: inherit;
    z-index: 0;
}

.multiSelect .checkBoxContainer, .multiSelect .checkBoxContainer div {
    max-width: 100% !important;
    min-width: 100% !important;   
}

.multiSelect .checkBoxContainer {
    max-height: 320px;
    overflow: auto;
}

.multiSelect .multiSelectItem {
    white-space: inherit !important;
    height: 30px;
}

.trainingIdentifier .multiSelect .multiSelectItem .acol label {
    font-size: 9px;
}

.popover {
    word-break: break-all;
    z-index: 4000 !important;
    /*min-width: 100px;*/
}


.help .popover {
    border: 2px solid #000000;
    background-color: #ffffff;
    z-index: 4010 !important;
}


body {
    /* touch-action: inherit; */
     -ms-touch-action:none;
}

#iIconDiv .popover, .logoutPopover .popover {
    z-index: 6001;
    min-width: 100px;
}

.detailPopover .popover {
    min-width: 170px;
}

.trainingsPopover .popover {
    min-width: 180px;
}

.orderByPopover .popover {
    min-width: 90px;
}

.printPopover .popover {
    min-width: 70px;
}

.icsDownloadPopover .popover {
    min-width: 100px;
}

.onoffswitch {
    position: relative; width: 40px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 17px;
}



.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; 
    width: 50%; height: 16px; padding: 0; line-height: 16px;
    font-size: 9px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}




.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 5px;
    background-color: #407DD3; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "No";
    padding-right: 5px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}



.onoffswitch-switch {
    display: block; 
    width: 14px; 
    margin: 7px;
    background: #FFFFFF;
    border: 1px solid #999999; border-radius: 20px;
    position: absolute; 
    top: -5px; bottom: 0; 
    right: 17px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}


.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -5px; 
}

.startbidgroup {
    color: #ffffff !important;
    font-size: 14px;
    background: #0272CA;     
    border-left: 0px solid; 
    /*margin-left: 97px;*/
}

.editprogress
{
    font-size: 16px;
    margin-left: 5px;
    float: left;
    color: #0272CA;
    font-weight: bold;
    top: 50%;
    padding: 2px;
    border: solid 2px #0272CA;
}

.modePrefix
{
    color: #484848;
    font-weight: 700;
    font-style: italic;
}

#startbidgroup .popover-content{
    padding: 0px !important;
}

#startbidgroup .arrow{
    border-bottom-color: #000000 !important;
}

#startbidgroup .popover.bottom>.arrow:after {
    border-bottom-color: #000000 !important;
}


#startbidgroup .popover {
    border: 2px solid #000000;
    background-color: #ffffff;
    z-index: 1100;
}

.startbidgroupButtonClass {
    font: Helvetica Neue LT Std;
    font-size: 17px;
    height: 35px;
    color: #65001b;
    border: none !important;
    font-weight: bold;
    background: #ffffff !important;
    padding-left: 0px;
}

.bidgroupPairingButton
{
    padding-right: 0px;
    padding-left: 18px;
    /* height: 50%; */
}

.bidgroupRLLsection
{
    padding-right: 0px;
    padding-left: 8px;
}

.bidgroupRLL
{
    float: left;
    font-size: 10px;
    margin-top: 11px;
    color: black;
}

.bidgroupRLLswitch
{
    margin-left:5px;
    float:left;
    margin-top:07px;

    /* padding-right: 3px; */
}

.verticalCenterAlign
{
    vertical-align: middle;
}

.setCalender {
    float: left;
    margin: 1px;
}

.setCalenderData {
    /*border: 1px solid black;*/
    width: 24px;
    display: inline-block;
    padding: 2px;
    /*border-radius: 4px;*/
    background: #ccc;
    text-align: center;
}

.setPairingDateData {
    /*border: 1px solid black;*/
    width: 24px;
    display: inline-block;
    padding: 2px;
    /*border-radius: 4px;*/
    background: #C2DFFF;
    text-align: center;
}

.setSelectedDate {
    /*border: 1px solid black;*/
    width: 24px;
    display: inline-block;
    padding: 2px;
    color: #ffffff;
    /*border-radius: 4px;*/
    background: #4199e1 !important;
    text-align: center;
}

.setCalenderNoData {
    /*border: 1px solid black;*/
    width: 24px;
    display: inline-block;
    padding: 2px;
    /*border-radius: 4px;*/
    background: #E5E4E2;
    text-align: center;
    color: #ffffff;
}

.setCalenderWeekData {
    /*border: 1px solid black;*/
    width: 24px;
    display: inline-block;
    padding: 2px;
    /*border-radius: 4px;*/
    background: #00447b;
    text-align: center;
    color: #ffffff;
}

.mainCalender {
    width: 184px;
    /*border: 1px solid red;*/
    /* float: left; */
    margin: 0 auto;
}

.mainCalenderHeader {
    width: 181px;
    /*border: 1px solid red;*/
    /* float: left; */
    margin: 0 auto;
}

.calDateSelected {
    background: #4199e1 !important;
}

.calDateToRemove {
    background: #4199e1 !important;
}

.setCalenderDetail {
    /*border: 1px solid black;*/
    width: 100%;
    text-align:center;
    background: #00447b;
    /*border-radius: 4px;*/
    color: #ffffff;
}

.departDateData {
    border: 1px solid #000000;
    /*margin-top: 20px;*/
    border-radius: 4px;
    height: 100px;
    overflow: auto;
}

select::-webkit-scrollbar, .alwaysScrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
}

select::-webkit-scrollbar:verticle, .alwaysScrollbar::-webkit-scrollbar:verticle {
    width: 11px;
}

select::-webkit-scrollbar:horizontal, .alwaysScrollbar::-webkit-scrollbar:horizontal {
    height: 11px;
}

select::-webkit-scrollbar-thumb, .alwaysScrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}

select::-webkit-scrollbar-track, .alwaysScrollbar::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

.pairingDateActive {
    background: #ffffff;
}

/*LOADING INDICATOR*/
.sk-spinner-fading-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative; }
.sk-spinner-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
.sk-spinner-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 18%;
    height: 18%;
    background-color: #ffffff;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
.sk-spinner-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-spinner-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-spinner-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-spinner-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-spinner-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-spinner-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-spinner-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-spinner-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-spinner-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-spinner-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-spinner-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-spinner-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-spinner-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-spinner-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-spinner-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-spinner-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-spinner-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-spinner-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-spinner-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-spinner-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-spinner-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-spinner-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0; }

    40% {
        opacity: 1; } }

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0; }

    40% {
        opacity: 1; } }

#loadingTable td {    

    padding: 10px;
}

#pairingLoadingTextParentDiv {
    border-bottom:solid;
    border-color:#b5b5b5; 
    border-width:1px;
    background-color:#eaeaea;
    padding-left:0px;
    margin:0px;
}

#pairingLoadingTextDiv {
    font-weight: bold;   
    padding: 0px 0px 0px 0px; 
    margin-left: 20px;
    overflow: hidden;
}
.sysBidLineAddLeft{
    margin-left: 35px !important; 
    padding-left: 8px;
}

.historicaloffsetDate{
    border-top: 1px;  
    border-top-width: 1px;
   border-top-style:  dotted;
}

.historicaloffsetTopDate{
    border-left: 1px;
    border-left-width: 1px;
    border-left-style: dotted;
}

.analyzeAwardPairingCal{
    border-color: #3CB707;
    border-width: 2px;
}

.analyzeAvoidPairingCal{
    border-color: #F8A900;
    border-width: 2px;
}

.defaultfirstdiv{
    border-bottom: 25px solid;

    border-left: 10px solid;

    border-right: 10px solid transparent;

    height: 25px;

    width: 80px;
    float: left;
    /* position: relative; */
    color: lightgrey;
}
.defaultBidDiv{  
    color: #000000;
    font-weight: normal;
}

.activeBiddiv{
    color: #65001b;
    font-weight: bold;
}

.subheading {
   font-size: 16px !important; 
   font-weight:600; 
   color:#65001b;
}

.flexDisplayRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#bidsDiv > .flexDisplayRow > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}

#lineListDiv > .flexDisplayRow > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.flexDisplayRow > .bidLineTextColumn {
    padding-left:15px;
    line-height: 2em;
}

.resultDateTimesDiv {
    padding: 0px;
    margin: 0px;
    padding-top:7px; 
    margin-left: -30px; 
}

.resultStartDateTimeDiv {
    text-align:center;
    border-right: 1px solid #b5b5b5; 
    padding-left:10px;
    padding-right:10px;
}

.monthTag {  
    float: left;
    font-size:10px;
    padding: 2px;
}

/*Line Bid Screen*/

#pairingPrefListImportDiv, #linePrefListImportDiv {
    background-color:#ffffff;
    float: right;
    margin-left: 0px;
    border-left: 1px solid #bfbfbf;
}

.lineActivityPairingStart {
    border-left: 2px solid #beddfd;
}

.lineActivityPairingMiddle {
    border-top: 2px solid #beddfd;
    border-bottom: 2px solid #beddfd;
}

.lineActivityPairingEnd {
    border-right: 2px solid #beddfd;
}

.lineActivityReserveStart {
    border-left: 2px solid #fbdca3;
}

.lineActivityReserveMiddle {
    border-top: 2px solid #fbdca3;
    border-bottom: 2px solid #fbdca3;
}

.lineActivityReserveEnd {
    border-right: 2px solid #fbdca3;
}

.linePropertyDiv {
    width: 15%;
    line-height: 2em;
    float: left;
}

.linePropertyText {
    font-size: 12px;
    color:#282828;
    text-align: right;
    width: 70%;
    float: left;
    margin: 3px 0px;
    padding: 0 3px 0 0;
	border-left: 1px solid grey;
}

.linePropertyValue{
    font-size:12px;
    color:#282828;
    width: 30%;
    float: right;
    text-align: left;
    margin: 3px 0px;
    padding: 0 3px 0 0;
}

.linePrefErrDiv {
    background-color: #9A9A9A;
    color:#65001b;
    padding: 0px 0px;
    margin-left: 0px;
}

.lineNoActivityDate {
    padding: 5px 0px 0px 0px;
}

.lineReportMsg {
    font-size: 16px;
    font-weight: bold;
    margin-left: 2%;
}

.lineReportDiv {
    border-bottom:1px solid #93c5ee;
    background-color:#ffffff;
    margin-bottom:5px;
}

.indexSpan {
    font-size:24px;
    text-align:center;
    font-weight:bold;
    color:#00447b;
}

.lineReportNumberSpan {
    font-size:24px;
    text-align:center;
    font-weight:bold;
}

.lineReportContent {
    overflow: inherit;
    background-color:#ffffff;
    border:none;
}

.lineReportTitle {
    background-color:#b5b5b5;
    overflow:hidden;
}

.lineBidMenu {
    width: 30%;
    float: left;
}

.lineBidMenuRightItem {
    float: right;
    margin-right: 10px;
    padding-top: 3px;
}

.lineBidMenuLeftItem {
    margin-left: 10px;
    padding-top: 3px;
}

.lineBidTitleDiv {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 40%;
    float: left;
    line-height: 2em;
}

.addedLine {
    color: silver;
}

.normalLine {
    color: #ffffff;
}

.sideBarIpadItem {
    border-bottom: 1px solid #03345C;
    padding:10px;
    display: block;
}

@media print{
    /* Adjust height to avoid 
     * last blank page */
    html, body {
        height:99%;
    }
    .no-print{
        display:none !important
     }

    .printNonBreakingDiv{
        page-break-inside:avoid; 
        page-break-after:auto;
    }
    
    .printColumnDiv{ 
        display: inline-flex !important;
    }
    
    .printStatColumnDiv{
        width:120px;
        padding-left:20px;
    }

   .printAwardsColumnDiv {
        padding-left:50px;
        padding-top:3px;
   } 

   .printWithoutRightBorder {
        border-right: 0px;
   }

   .printCalDayColumn {
        padding-right:10px;
   }

   .printCalDayActColumn {
        width : 92%;
        display:inline-block !important;
   }

   .printCalDayActInfoColumn {
        display:inline-block !important;
        float:left !important;
        padding-left:10px;
   }
   
   .printCalActCodeCol {
       width: 100px;
   }

   .printCalActInfoColumn {
       padding-left: 15px;
   }
   
   .printCalCreditCol {
       margin-top: -5px
   }

   .printBuddyRow {
       position: relative; 
       right: 10; 
       top: 23; 
       left: 0;  
       margin-left: 10px; 
       margin-right: 50px; 
       margin-bottom:10px; 
       padding-left: 10px; 
       background-color: #efefef;
   }

   .printBidSubmitTimestamp {
       display:inline-block;
       float:right;
       margin-right:45px;
   }

   .printBidSubmitConfirmation {
       display:inline-block;
       float:left;
       margin-left:10px;
   }

   .printBidsContentDiv {
       position: relative; 
       padding-top: 15px;
   }

   .printBidsHeaderRow {
       position: absolute; 
       right: 0; 
       top: 0; 
       left: 0; 
       padding: 15px;
   }
   
   .img-polaroid {
       margin-left: -5px;
   }

   .dateActivityDetail {
      font-size: 12px;
      border-left: solid 1px silver;
      width: 98%;
   }

    .periodCreditTr, .totalCreditTr {
    font-size:12px;
   }

    table.pairingListTbl {
    font-family: sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-collapse: collapse;
    width: 95%;
    height: 80%;
    margin: auto;
    }

    table.pairingListTbl th {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede !important;
    -webkit-print-color-adjust: exact;
    }

    table.pairingListTbl tr {
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    }

    table.pairingListTbl tr.head {
    margin-top: 10px;
    page-break-before: always;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    }

    table.pairingListTbl td {
    padding: 3px;
    text-align: center;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    }

    table.headTbl {
    border-bottom-style: solid;
    border-bottom-color: #666666;
    border-bottom-width: 2px;
    width: 95%;
    height: 20px;
    margin: auto;
    }
}

@page {
    margin-top: 1.5cm;
}

/*button colors for bid analyser*/

.arrMatchingBidLines {
    color: black;
}
.arrFilteredBidLines {
    color: black;
 } 
.arrRemovedFilteredBidLines {
    color:  #ce3734;
    padding: 0px 10px 0px 10px; 
}
.arrAddPreferredBidLines {
    color: green;
}
.arrPreferredBidLines {
    color: blue;
    padding: 0px 10px 0px 10px;
}

.analyzerButtonSelected {
    background: #e4e4e4;
}