body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    margin: 0px;
    padding: 0px;
    background-color: #e9e9e9;
}

.page {
    color: #414141;
    margin: -4px auto 0px auto;
}

a {
    text-decoration: none;
}

.ApplicationTitleLogin {
    background-color: Transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #008055;
    font-style: italic;
    font-weight: bold;
}

.SectionTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Black;
    font-weight: bold;
}

.RigaVertical {
    background-image: url('../images/rigav.png');
    height: 100px;
    width: 3px;
}

.HomeTable {
    background-color: #9C9CA4;
}
/*
Login
*/
.LoginTitle {
    background-color: #008055;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
}

.LoginLabel {
    border: none 0px Black;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.LoginNote {
    border: none 0px Black;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

    .LoginNote A {
        border: none 0px Black;
        color: #666666;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
    }

        .LoginNote A:visited {
            border: none 0px Black;
            color: #666666;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: normal;
        }

        .LoginNote A:hover {
            border: none 0px Black;
            color: #008055;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: normal;
        }
/*
Controls
*/
.TextBox {
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
}

.TextBoxDataEntry {
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    text-align: right;
}

.DropDownList {
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
}

.RadioButtonList {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
}

.Label {
    border: none 0px Black;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.Validator {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Red;
}

.Hidden {
    display: none !important;
}

.LoginStatus {
    font: 12px Arial;
    color: #666666;
}
/*
Buttons
*/
.LoginButton {
    display: inline-block;
    border: 1px solid #666666;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 12px Arial;
    padding: 5px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 2px 2px 5px 0px #696969;
    -webkit-box-shadow: 2px 2px 5px 0px #696969;
    border-radius: 6px;
    box-shadow: 2px 2px 5px 0px #696969;
    color: #666666;
    background: #f1f1f1;
}

/*
Labels
*/
.lblRed {
    color: #C41B21;
    font-weight: bold;
}

.lblRedRet {
    font-weight: bold;
    background-color: #8AABC4;
    color: #C41B21;
    font-size: 10px;
    border: solid 1px #E4E4E4;
    height: 27px;
    padding-left: 3px;
    padding-right: 3px;
}

.Note {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #828387;
}

    .Note A {
        background-color: White;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #828387;
        text-decoration: underline;
    }

        .Note A:visited {
            background-color: White;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #828387;
            text-decoration: underline;
        }

        .Note A:hover {
            background-color: White;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #008055;
            text-decoration: underline;
        }

.DetailsLabel {
    border: none 0px Black;
    color: #414141;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.DetailsViewLabel {
    border: none 0px Black;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.DataListLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #008055;
}

    .DataListLabel A {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #008055;
        text-decoration: none;
    }

        .DataListLabel A:visited {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            color: #008055;
            text-decoration: none;
        }

        .DataListLabel A:hover {
            color: Red;
        }

/*
Page intestation
*/
.TopPage {
    background-color: #008055;
    border-bottom: solid 1px #008055;
    border-left: solid 1px #008055;
    border-right: solid 1px #008055;
    border-top: solid 1px #008055;
}

.TopPageLabel {
    background-color: Transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #008055;
}

.TopPageIdentificationLabel {
    background-color: Transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
}

.TopDate {
    border-bottom: none 1px Black;
    border-left: none 1px Black;
    border-right: none 1px Black;
    border-top: none 1px Black;
    background-color: Transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #008055;
    text-align: center;
}
/*
Menu
*/
.MenuTable {
    background-image: url(../images/top_cx.png);
}

/*
Panels
*/
.ContentPlaceHolder {
    background-color: White;
    border-bottom: none 1px #666666;
    border-left: none 1px #666666;
    border-right: none 1px #666666;
    border-top: none 1px #666666;
}

.Data_Table {
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 4px 4px 4px 0px #696969;
    -moz-box-shadow: 2px 2px 5px 0px #696969;
    -webkit-box-shadow: 2px 2px 5px 0px #696969;
}

.ShadowPopup {
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    box-shadow: 5px 5px 5px 0px #696969;
    -moz-box-shadow: 3px 3px 6px 0px #696969;
    -webkit-box-shadow: 3px 3px 6px 0px #696969;
}



.GreenPanel {
    border: 1px solid #666666;
    background-color: #008055;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 4px 4px 4px 0px #696969;
    -moz-box-shadow: 2px 2px 5px 0px #696969;
    -webkit-box-shadow: 2px 2px 5px 0px #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: White;
    cursor: pointer;
    font-weight: bold;
}

.ttlPanel {
    background-color: #008055;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: White;
    cursor: pointer;
    font-weight: bold;
}
/*
GridView
*/
.GridViewHeader {
    background-color: #414141;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: White;
    font-weight: bold;
}

    .GridViewHeader A {
        background-color: #414141;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: White;
        font-weight: bold;
        text-decoration: none;
    }

        .GridViewHeader A:visited {
            background-color: #414141;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: White;
            font-weight: bold;
        }

        .GridViewHeader A:hover {
            background-color: #414141;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: Yellow;
            font-weight: bold;
        }

.GridViewRow {
    background-color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    padding: 0 0 0 0;
    letter-spacing: 0;
    word-spacing: 0;
}

.GridViewRowAlternative {
    background-color: #EBEBEB;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
}

.GridViewRowLower {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: Black;
    font-style: italic;
}

.GridViewFooter {
    background-color: #008055;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: White;
    font-weight: bold;
}

.GridViewEmpty {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    font-style: italic;
    font-weight: bold;
}

.CountBanknotesSection {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #414141;
    font-weight: bold;
}

.RowHeader {
    background-color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #008055;
    font-weight: bold;
}

.PageFooterLabel {
    background-color: Transparent;
    color: #008055;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.CanceledRow {
    background-color: #ff6464;
}

.e-alt_row CanceledRow {
    background-color: #ff6464;
}

.BlueRow {
    background-color: #0099CC;
}

.GreenRow {
    background-color: #00d800;
}

.LightBlueRow {
    background-color: #33e5ea;
}

.LightGreenRow {
    background-color: #99FF66;
}

.FuchsiaRow {
    background-color: #ec92e0;
}

.PinkRow {
    background-color: #FF69B4;
}

.YellowRow {
    background-color: #FFCC00;
}

.LightYellowRow {
    background-color: #FFFF66;
}

.CommonRow {
    background-color: white;
}

.MulitpleConsignmentRow {
    background-color: lightsteelblue;
}

/* Modal Popup */
.ModalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPopup {
    background-color: #ffffff;
    box-shadow: 4px 4px 4px 0px #696969;
    -moz-box-shadow: 2px 2px 5px 0px #696969;
    -webkit-box-shadow: 2px 2px 5px 0px #696969;
}


.UpdateProgressDiv {
    position: absolute;
    z-index: 10;
    left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);
    top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);
}

.UpdateProgressTable {
    border: 2px solid #FF0000;
    background-color: White;
}

.UpdateProgressLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
}
/*
REPORT VIEWER
*/
.ReportViewer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    border: 1px solid #CCCCCC;
}

/*
TextBox
*/
.bootstrapStyleTextBox {
    padding: 12px 20px;
    /*margin: 8px 0;*/
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
}

/*
DropList
*/
.bootstrapStyleDropList {
    /*margin: 8px 0;*/
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
}

.bootstrapStyleDropListError {
    display: inline-block;
    border: 1px solid red;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
}

/*
DATEtime picker
*/
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
    }

        .ui-timepicker-rtl dl dd {
            margin: 0 65px 10px 10px;
        }

/*Tabella nel main.asp*/
.cellHeader {
    width: 10%;
    text-align: center;
    border-bottom: 1px solid white;
    border-left: 0px solid white;
    border-right: 1px solid white;
    border-top: 0px solid white;
}

.cellHeader2 {
    text-align: center;
    border-bottom: 0px solid white;
    border-left: 0px solid white;
    border-right: 1px solid white;
    border-top: 0px solid white;
}

.cellItem {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 0px none black;
    border-top: 0px none black; /*             border-width: 1px;             border-style: none solid none solid;             */
    width: 10%;
}

.cellItem2 {
    border-bottom: 1px solid black;
    border-left: 0px solid black;
    border-right: 0px none black;
    border-top: 0px none black;
}

.tableHeader {
    width: 100%;
}

.tableItemUp {
    width: 100%;
    border-bottom: 0px none black;
    border-left: 0px none black;
    border-right: 1px solid black;
    border-top: 1px none black;
}

.tableItemDown {
    width: 98%;
    border-bottom: 0px none black;
    border-left: 0px none black;
    border-right: 1px solid black;
    border-top: 1px none black;
}


.GridSearch {
    border: solid 1px #E4E4E4;
    background-color: White;
    height: 98%;
}


.GridHeader {
    background-color: #414141;
    color: White;
    font-size: 11px;
    font-weight: bold;
    height: 35px;
    border: solid 1px #E4E4E4;
    text-decoration: none;
    text-align: center;
}

.GridHeaderDetails {
    background-color: #414141;
    color: White;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    border: solid 1px #E4E4E4;
    text-decoration: none;
}


.GridHeader a:link {
    background-color: #414141;
    color: White;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.GridHeader a:visited {
    background-color: #414141;
    color: White;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.GridHeader a:hover {
    background-color: #414141;
    color: gray;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.GridItem {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-left: solid 1px #E4E4E4;
    border-right: solid 1px #E4E4E4;
    border-top: solid 1px #c2bde4;
    border-bottom: solid 1px #c2bde4;
    height: 27px;
    padding-left: 3px;
    color: #252525;
}

.GridItemRight {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: solid 1px #E4E4E4;
    height: 27px;
    padding-right: 3px;
    color: #252525;
}


.GridItemDetails {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: solid 1px #E4E4E4;
    height: 20px;
    padding-left: 3px;
    color: #252525;
}

.GridItemHidden {
    display: none;
}


.GridItemWithImg {
    border-left: solid 1px #E4E4E4;
    border-right: solid 1px #E4E4E4;
    border-top: solid 1px #c2bde4;
    border-bottom: solid 1px #c2bde4;
    vertical-align: middle;
    text-align: center;
    height: 27px;
}


.GridItemFunction {
    border: solid 1px #E4E4E4;
    height: 22px;
}

.GridPager a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #C41B21;
}

.GridPager a:visited {
    font-size: 11px;
    color: green;
}

.GridPager a:hover {
    font-size: 11px;
    text-decoration: underline;
}

.ImgAlign {
    font-size: 11px;
    vertical-align: middle;
}


.bkg_Section {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #414141;
    background-color: #F7F7F7;
    padding-left: 10px;
    border-bottom: solid 1px #DCDCDC;
    text-align: left;
}

.MenuLeft {
    /*background-image: url(../images/menu_leftcorner.png);*/
    background-repeat: no-repeat;
    height: 34px;
    /*width: 3px;*/
}

.MenuCenter {
    background-image: url(../images/menu_sep.png);
    background-repeat: repeat-x;
    height: 34px;
    /*width: 720px;*/
}

.MenuRight {
    background-image: url(../images/menu_sep.png);
    background-repeat: repeat-x;
    width: 7px;
    vertical-align: middle;
}

.footer {
    font-size: 10px;
    color: #4e5766;
    margin: 0px auto;
    text-align: left;
    line-height: normal;
    background: #ffffff;
    padding-left: 5px;
}

input.textEntry {
    border: 1px solid #cccccc;
    background: #F2F2F2;
    font-size: 12px;
}

.TdGridNested {
    width: 95%;
    padding-bottom: 10px;
    border: 1px solid white;
    text-align: left;
}

.TdImgSubNested {
    width: 2%;
    border: 1px solid white;
    background-repeat: no-repeat;
    text-align: right;
    vertical-align: top;
}

#OuterTableCellOverlay {
    background-color: white;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.DatePickerEntry {
    vertical-align: top;
    font-size: 12px;
    height: 12px;
}

.TotConsMulti {
    border: 1px solid #cccccc;
    background: white;
    font-size: 12px;
    font-weight: bold;
    color: #C41B21;
    height: 16px;
    text-align: right;
}


.GridRowRet {
    background-color: #8AABC4;
    color: White;
    font-size: 10px;
    border: solid 1px #E4E4E4;
    height: 27px;
    padding-left: 3px;
    padding-right: 3px;
}


.GridRowExp {
    background-color: #FFFFFF;
    font-size: 10px;
    border: solid 1px #E4E4E4;
    height: 27px;
    padding-left: 3px;
    padding-right: 3px;
}


.GridRowRemote {
    background-color: #C6F1FF;
    font-size: 10px;
    border: solid 1px #E4E4E4;
    height: 27px;
    padding-left: 3px;
    padding-right: 3px;
}


.GridRowTaxi {
    background-color: #FFFFB3;
    font-size: 10px;
    border: solid 1px #E4E4E4;
    height: 27px;
    padding-left: 3px;
    padding-right: 3px;
}


.GridRowCancel {
    background-color: #C41B21;
    color: White;
    font-size: 10px;
    border: solid 1px #E4E4E4;
    height: 27px;
    padding-left: 3px;
    padding-right: 3px;
}





.boxInfoPreviewZoomedOld {
    background-color: White;
    border: 1px solid #111111;
    color: #333333;
    filter: alpha(opacity=90);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    left: 80px;
    opacity: .90;
    padding: 3px 3px 3px 3px;
    position: fixed;
    top: 15px;
    vertical-align: top;
}

.boxInfoPreviewZoomed {
    border: 2px solid #666666;
    background-color: White;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 4px 4px 4px 0px #696969;
    -moz-box-shadow: 2px 2px 5px 0px #696969;
    -webkit-box-shadow: 2px 2px 5px 0px #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: White;
    cursor: pointer;
    position: fixed;
    width: 300px;
    vertical-align: top;
    top: 15px;
    left: 80px;
    color: #666666;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    opacity: .90;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    visibility: visible;
    padding: 5px 5px 5px 5px;
}

.boxInfoPreviewRedux {
    background-color: White;
    height: 0px;
    visibility: hidden;
    width: 0px;
}


.CommandsRowTable {
    background-color: #f9f9f9;
    border: 1px solid #e4e4e4;
}

.TeamAllocationSlotContainer {
    float: left;
    /*margin: 0 5px;*/
    margin: 0;
    width: 220px;
}

.WithDeliveries {
    background-color: #FFFECC;
}

.TeamAllocationSlotContainer > .Box {
    border: 1px solid black;
    border-radius: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 3px 0;
    padding: 3px;
    min-height: 158px;
}

.TasBox {
    border: 1px solid black;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 3px 0;
    padding: 1px;
}

.TeamAllocationSlotContainer .GridHeader {
    height: max-content;
}

.TeamAllocationSlotContainer .GridItem {
    height: max-content;
}

.TeamAllocationSlotContainer .Name {
    text-align: right;
    font-weight: bold;
}

.TeamAllocationSlotContainer .Value {
    text-align: left;
    font-weight: normal;
}

.TeamAllocationSlotContainer .Title {

    font-weight: bold;
    font-size: 10px;
}

.TeamAllocationSlotContainer .ZonesContainer {
    width: 100%;
    overflow: auto;
}

.TeamAllocationSlotContainer .DeliveriesContainer {
    width: 100%;
    overflow: auto;
}

.PanelMessageContent {
    border: 1px solid black;
    padding: 5px;
    background-color: #FCFFC9;
}

.SmallAddictionalText {
    font-size: 8px;
    font-style: italic;
}

.DeliveryShortcut {
    font-style: italic;
}


/* Font awesome */

.FALinkButton {
    color: inherit;
}

    .FALinkButton:hover {
        color: #1B809E;
    }

.FALinkButtonDisabled {
    color: gray;
}

    .FALinkButtonDisabled:hover {
        color: gray;
    }

.FAStatusLinkButton {
    color: inherit;
    /*background-color: lightgray;*/
}

    .FAStatusLinkButton:hover {
        color: none;
    }

.FALinkButtonOff {
    color: #f10400;
}

    .FALinkButtonOff:hover {
        color: #f10400;
    }

.FALinkButtonOn {
    color: green;
    cursor: default;
}

    .FALinkButtonOn:hover {
        color: green;
        cursor: default;
    }

/* Font awesome END */

/* Colors */

.red {
    color: #f10400;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.orange {
    color: orange;
}

.grey {
    color: grey;
}

.lightgrey {
    color: lightgrey;
}

/* Colors END*/


/* General helpers */
.ErrorMessage {
    color: red;
    font-weight: bold;
}

.ImportantInfo {
    color: #1B809E;
    font-weight: bold;
}

.SuccessMessage {
    color: green;
    font-weight: bold;
}

.disabledDiv[disabled="disabled"] {
    background-color: gray;
    opacity: 0.5;
    z-index: 0;
}

.DownloadAvailable {
    color: black;
}

.DownloadNotAvailable {
    color: lightgrey;
}

/*
	Evidenzia la riga del servizio selezionato,
	all'apertura del controllo per il Service Order
*/
.HighlightServiceRow {
    background-color: #1bff9e !important;
}

/*
	applicando la classe ad una tabella,
	le righe vengono evidenziate al passaggio
*/
.HighlightRow > tbody > tr:hover {
    background-color: #c4dde1 !important;
}

.XmlNotReceived {
    color: gray;
}

.PREReceived {
    color: #009999;
}

.EDI1Received {
    color: #FFCC00;
}

.EDI2Received {
    color: green;
}

.MANUReceived {
    color: #009900;
}

.XMLUpdatePresent {
    background-color: orange;
}


.TAS_FeatureAvailable {
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    color: #414141;
    padding: 1px;
}

.TAS_FeatureUnavailable {
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    color: lightgray;
    padding: 1px;
}


/* BUTTONS - start*/

.ButtonConfirmSmall {
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c41b21), color-stop(1, #8a2916));
    background: -moz-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -webkit-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -o-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -ms-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: linear-gradient(to bottom, #c41b21 5%, #8a2916 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c41b21', endColorstr='#8a2916',GradientType=0);
    background-color: #c41b21;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    padding: 1px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
    width: 95px;
}

    .ButtonConfirmSmall:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a2916), color-stop(1, #c41b21));
        background: -moz-linear-gradient(top, #8a2916 5%, #c41b21 100%);
        background: -webkit-linear-gradient(top, #8a2916 5%, #c41b21 100%);
        background: -o-linear-gradient(top, #8a2916 5%, #c41b21 100%);
        background: -ms-linear-gradient(top, #8a2916 5%, #c41b21 100%);
        background: linear-gradient(to bottom, #8a2916 5%, #c41b21 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a2916', endColorstr='#c41b21',GradientType=0);
        background-color: #8a2916;
    }

    .ButtonConfirmSmall:active {
        position: relative;
        top: 1px;
    }

.ButtonConfirmBig {
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c41b21), color-stop(1, #8a2916));
    background: -moz-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -webkit-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -o-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -ms-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: linear-gradient(to bottom, #c41b21 5%, #8a2916 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c41b21', endColorstr='#8a2916',GradientType=0);
    background-color: #c41b21;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    /*padding: 4px 20px;*/
    padding: 4px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
    width: 95px;
}

    .ButtonConfirmBig:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a2916), color-stop(1, #c41b21));
        background: -moz-linear-gradient(top, #8a2916 5%, #c41b21 100%);
        background: -webkit-linear-gradient(top, #8a2916 5%, #c41b21 100%);
        background: -o-linear-gradient(top, #8a2916 5%, #c41b21 100%);
        background: -ms-linear-gradient(top, #8a2916 5%, #c41b21 100%);
        background: linear-gradient(to bottom, #8a2916 5%, #c41b21 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a2916', endColorstr='#c41b21',GradientType=0);
        background-color: #8a2916;
    }

    .ButtonConfirmBig:active {
        position: relative;
        /*top: 1px;*/
    }

.ButtonCancelSmall {
    -moz-box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #757575), color-stop(1, #2e2e2e));
    background: -moz-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -webkit-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -o-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -ms-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: linear-gradient(to bottom, #757575 5%, #2e2e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#2e2e2e',GradientType=0);
    background-color: #757575;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #393939;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    padding: 1px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5e5e5e;
    width: 95px;
}

    .ButtonCancelSmall:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e2e2e), color-stop(1, #757575));
        background: -moz-linear-gradient(top, #2e2e2e 5%, #757575 100%);
        background: -webkit-linear-gradient(top, #2e2e2e 5%, #757575 100%);
        background: -o-linear-gradient(top, #2e2e2e 5%, #757575 100%);
        background: -ms-linear-gradient(top, #2e2e2e 5%, #757575 100%);
        background: linear-gradient(to bottom, #2e2e2e 5%, #757575 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#757575',GradientType=0);
        background-color: #2e2e2e;
    }

    .ButtonCancelSmall:active {
        position: relative;
        top: 1px;
    }

.ButtonCancelBig {
    -moz-box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #757575), color-stop(1, #2e2e2e));
    background: -moz-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -webkit-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -o-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -ms-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: linear-gradient(to bottom, #757575 5%, #2e2e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#2e2e2e',GradientType=0);
    background-color: #757575;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #393939;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    padding: 4px;
    /*padding: 4px 20px;*/
    text-decoration: none;
    text-shadow: 0px 1px 0px #5e5e5e;
    width: 95px;
}

    .ButtonCancelBig:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e2e2e), color-stop(1, #757575));
        background: -moz-linear-gradient(top, #2e2e2e 5%, #757575 100%);
        background: -webkit-linear-gradient(top, #2e2e2e 5%, #757575 100%);
        background: -o-linear-gradient(top, #2e2e2e 5%, #757575 100%);
        background: -ms-linear-gradient(top, #2e2e2e 5%, #757575 100%);
        background: linear-gradient(to bottom, #2e2e2e 5%, #757575 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#757575',GradientType=0);
        background-color: #2e2e2e;
    }

    .ButtonCancelBig:active {
        position: relative;
        /*top: 1px;*/
    }

.ButtonConfirmIcon {
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c41b21), color-stop(1, #8a2916));
    background: -moz-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -webkit-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -o-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: -ms-linear-gradient(top, #c41b21 5%, #8a2916 100%);
    background: linear-gradient(to bottom, #c41b21 5%, #8a2916 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c41b21', endColorstr='#8a2916',GradientType=0);
    background-color: #c41b21;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    display: table-cell;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
    text-align: center;
    align-content: center;
    vertical-align: middle;
    width: 20px;
    height: 16px;
}

.ButtonCancelIcon {
    -moz-box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    box-shadow: inset 0px 1px 0px 0px #9c9c9c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #757575), color-stop(1, #2e2e2e));
    background: -moz-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -webkit-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -o-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: -ms-linear-gradient(top, #757575 5%, #2e2e2e 100%);
    background: linear-gradient(to bottom, #757575 5%, #2e2e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#2e2e2e',GradientType=0);
    background-color: #757575;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #393939;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5e5e5e;
    text-align: center;
    align-content: center;
    vertical-align: middle;
    width: 20px;
    height: 16px;
}

.postCodeGridButton {
    border-radius: 4px;
    border: 1px solid #ccc;
    width: 120px;
    height: 30px;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
}

    .postCodeGridButton:hover {
        background-color: #86cbea;
        cursor: pointer;
    }

/* BUTTONS - end*/
.UpdateMessage {
    background-color: lightblue;
    border: 1px solid blue;
    border-radius: 3px;
    color: blue;
    padding: 6px 0;
    text-align: center;
    width: 100%;
}

.StatusToValidatePresent {
    background-color: yellow !important;
}

.MessageToUsers {
    background-color: yellow;
    color: white;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    width: 95%;
    margin-top: -5px;
}

/*OLD*/
.blonk {
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}

/*Nicer blink*/

@keyframes blink {
    0% {
        background-color: rgba(255,0,0,1);
    }

    50% {
        background-color: rgba(255,0,0,0.5);
    }

    100% {
        background-color: rgba(255,0,0,1);
    }
}

@-webkit-keyframes blink {
    0% {
        background-color: rgba(255,0,0,1);
    }

    50% {
        background-color: rgba(255,0,0,0.5);
    }

    100% {
        background-color: rgba(255,0,0,1);
    }
}

.blink {
    border-radius: 15px;
    height: 13px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-animation: blink normal 1.5s infinite ease-in-out;
    /* Firefox */
    -webkit-animation: blink normal 1.5s infinite ease-in-out;
    /* Webkit */
    -ms-animation: blink normal 1.5s infinite ease-in-out;
    /* IE */
    animation: blink normal 1.5s infinite ease-in-out;
    /* Opera */
}

/*End nicer blink*/


.FooterWithLabel {
    text-align: right;
}

    .FooterWithLabel .NumberOfRows {
        font-weight: bold;
    }


.groupPanel {
    background-color: white;
    border: 1px solid dimgrey;
    border-radius: 4px;
    margin: 3px;
    padding: 10px;
}

    .groupPanel .groupTitle {
        background-color: white;
        color: black;
        font-weight: bold;
        margin-top: -19px;
        padding: 2px 10px;
        width: 132px;
    }

.groupSearchFilter {
    background-color: beige;
    border-radius: 2px;
    margin: 0;
    padding: 5px;
}

.groupSearchFilterNoBg {
    border-radius: 2px;
    margin: 0;
}

.groupGridview {
}

.teamOverviewContainer {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    max-width: 1550px;
}

.teamOverview {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px;
}

    .teamOverview .teamOk {
        background-color: rgb(223,240,216);
    }

    .teamOverview .teamKo {
        background-color: rgb(242,222,222);
    }

.teamSlot {
    border: 1px solid #959595;
    margin: 5px 10px 5px 0px;
    border-radius: 2px;
}

.teamSlotGridviewContainer {
    border-left: 1px solid #959595;
    min-height: 270px;
    overflow: auto;
    /*padding-left: 10px;*/
    width: 100%;
}

.teamSlotTeamName {
    font-weight: bold;
}

.dropHereEnabled {
    background-color: rgb(251,255,204);
}

.dropHereSelected {
    background-color: rgb(255,253,117) !important;
}

.dragMe {
    border: 1px dashed black;
    padding: 2px;
    display: inline;
    cursor: move;
}

.draggableSelected {
    background-color: pink;
    font-weight: bold;
}

.ResponseOk {
    background-color: #d9edf7;
}

.ResponseKo {
    background-color: #f2dede;
}

.CompleteProgressPanel {
    background-color: darkorange;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.CompleteProgressPanelMessage {
    background-color: red;
    color: white;
    display: block;
    font-size: large;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center;
    width: 39%;
}


.RecentUpdateReceived,
tr.RecentUpdateReceived > td > span,
tr.RecentUpdateReceived > td > div,
tr.RecentUpdateReceived > td > table > tbody > tr > td > span,
tr.RecentUpdateReceived > td > table > tbody > tr > td > a,
tr.RecentUpdateReceived > td > table > tbody > tr > td > div > a {
    background-color: black !important;
    color: white !important;
}

tr.RecentUpdateReceived > td > a {
    background-color: black !important;
    color: teal !important;
}

tr.RecentUpdateReceived > td > div.dragMe {
    border-color: white !important;
}

tr.RecentUpdateReceived.WrongDeliveryDay > td.GridItemDdTS > table > tbody > tr > td > span {
    color: red !important;
    font-weight: bold;
}

tr.WrongDeliveryDay > td.GridItemDdTS > table > tbody > tr > td > span {
    color: red !important;
    font-weight: bold;
}

.PopupPanelWithTable table {
    width: 360px;
}

    .PopupPanelWithTable table tr td {
        border-top: 1px solid black;
    }

        .PopupPanelWithTable table tr td:first-child {
            width: 170px;
            color: blue;
        }

        .PopupPanelWithTable table tr td:last-child {
            width: 190px;
            color: green;
        }

.HelpContainer {
    width: 100%;
    background-color: #FF9C9C;
}

.HelpContent {
    display: block;
    margin-right: auto;
    width: 70%;
    padding: 0px 0px;
}

    .HelpContent dt {
        font-weight: bold;
        text-decoration: underline;
    }

/*Calendar button scroll  to top*/
.scrollToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: grey; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    opacity: 0.5;
}

    .scrollToTop:hover {
        background-color: red; /* Add a dark-grey background on hover */
        opacity: 1;
    }

.lnkIconDisabled:disabled {
    color: grey !important;
}

.toggleDropdown {
    position: relative;
    display: inline-block;
}

.toggleDropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .toggleDropdown-content a {
        color: black;
        padding: 12px 8px;
        text-decoration: none;
        display: block;
    }

/*.toggleDropdown-content a:hover {
            background-color: #ddd;
        }*/

.toggleDropdown:hover .toggleDropdown-content {
    display: block;
}

.toggleDropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.higlightDropdownRow:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.badge {
    position: relative;
    margin-left: 60%;
    margin-top: -60%;
}

.CancelledSyncfusionGridRow {
    background-color: #ff4d4d;
}

.e-grid .e-groupdroparea {
    background: linear-gradient(to bottom,#3277b2,#296293) !important;
}

.e-ddl-popup .e-active {
    background: linear-gradient(to bottom,#3277b2,#296293) !important;
}