﻿/*------------------definizione tag------------------*/
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #f5f7fa;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 50%;
}

.body-login {
    background-image: url(../images/bg/aerei_light_transparent.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

form {
    width: 500px;
    margin: 0;
    padding: 0;
}

select {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #414142;
    text-transform: uppercase;
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
}

.select2 {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #414142;
    text-transform: uppercase;
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
}

a img {
    border: 0px;
}

.aOperation {
    text-decoration: none;
}

.disabled_control {
    background-color: #E6E6E6 !important;
}

input {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #414142;
    text-transform: uppercase;
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
}

    input .uppercase {
        text-transform: uppercase;
    }

/*------------------struttura------------------*/
#container {
    width: 990px;
    position: absolute;
    left: 50%;
    margin: 0px 0px 0px -495px;
    padding: 0;
}

.area {
    margin: 2px;
    /* border: 3px solid #E2E2E2; */
    float: left;
    background-color: white;
    /* height: 139px; */
    z-index: 2147483640;
    margin-bottom: 10px;
    height: 100px;
}

.area-template {
    float: left;
}

/*.area-b {
    margin: 0px 2px;
    padding: 0px 4px;
    border: 3px solid #fff;*/
    /* background-image: url(../images/bg/bg-area.jpg); */
    /*background-repeat: repeat-x;*/
    /* background-color: #ECF0F3; */
    /*float: left;
    width: 975px;*/
/*    margin-bottom: 35px;*/
/*}*/

.area-b {
    margin: 0px 2px;
    margin-bottom: 0px;
    padding: 0px 4px;
    padding-bottom: 0px;
    border: 3px solid #fff;
    background-repeat: repeat-x;
    float: left;
    width: 975px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.area-b-table {
    /*    border: 3px solid #fff;*/
    /* background-image: url(../images/bg/bg-area.jpg); */
    /* background-color: #ECF0F3; */
    float: left;
    width: 980px;
    /*    margin-bottom: 35px;*/
}

.area-b-agents {
    margin-bottom: 50px;
}

.area-bMnr {
    margin: 2px 0 2px 0;
    padding: 4px;
    /* border: 3px solid #E2E2E2; */
    /*background-image: url(../images/bg/bg-area.jpg);*/
    /* background-repeat: repeat-x; */
    /* background-color: #ECF0F3; */
    float: left;
    width: 975px;
}

.area-c {
    padding: 4px;
    float: left;
}

.area-d {
    padding: 8px;
    float: left;
    margin: -16px 0px 0px 0px;
}

.area-d-2 {
    padding: 0px 0px 0px 7px;
    float: left;
    margin: 0px 0px 0px 4px;
}

.area-cMnr {
    padding: 4px;
    float: left;
    margin: -10px 0px 0px 28px;
}

.area-cHawbHeader {
    margin: 4px 0px 0px 4px;
    padding: 4px;
    float: left;
    text-align: center;
    background-image: url(../images/bg/bg-menu-II-livello-hover_chiaro.jpg);
    color: #FFFFFF;
    width: 820px;
}

.area-cHawb {
    padding: 4px;
    float: left;
    text-align: center;
}

select, input[type="text"], input[type="password"] {
    background-color: white;
    border: 1px solid #ccc;
    padding: 5px !important;
    font-size: 11px !important;
    font-weight: 100 !important;
}

.area-b.error {
    border-color: #ff0000 !important;
    background: #ffa07a !important;
    color: #000000 !important;
    font-weight: bold;
}

.area-b hr {
    height: 1px;
    border: solid 1px #E2E2E2;
}

/*------------------top------------------*/

#top-bar {
    /*height: auto !important;*/
    margin: 0;
    padding: 0; 
    /* background-image: url(../images/bg/bg-top.png); */
    /* background-size: auto; */
    height: 50px;
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* background-size: 152%; */
    background: white;
    padding-right: 10px;
    padding-top:5px;
    width: 978px;
}


#logo {
    width: 200px !important;
    height: 40px !important;
    margin: 0px 0px 0px 8px;
    padding: 0 !important;
    float: left !important;
    background-image: url(../Images/loghi/cargo-gate-logo.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}


    #logo img {
        height: 40px;
    }

#utility-bar {
    float: right;
}

.user-name {
    color: #000000 !important;
    font-size: 14px;
    float: left;
    text-transform: capitalize;
    background-repeat: no-repeat;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    .user-name a:visited {
        color: #000000;
    }

    .user-name a:link {
        color: #000000;
    }

    .user-name a:active {
        color: #000000;
    }

    .user-name a:hover {
        color: #000000;
    }

.user-languages {
    padding: 5px 0px 0px 6px;
    float: left;
    height: 29px;
    color: #000000 !important;
}

.user-languages select {
    font-size: 10px;
    text-decoration: none;
    margin-right: 3px;
}

#headerText {
    font-weight: bold;
    color: #007bff;
    position:absolute;
    padding-left: 460px;    
    /* width: 320px; */
}
/*------------------inserimento area sx------------------*/

.area-b h1 {
    font-size: 13px;
    color: #fff;
    background-color: #3874ff;
    border-radius: 5px;
    padding: 2px;
    padding: 9px 0px 12px 9px;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.area-bMnr h1 {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #3874ff;
    /* background-image: url(../images/bg/bg-menu-II-livello-hover.jpg); */
    padding: 4px;
    margin: 0px 0px 12px 0px;
    cursor: pointer;
}

.area-bMnr h4 {
    font-size: 10px;
    text-align: left;
    color: #FFFFFF;
    /* background-image: url(../images/bg/bg-menu-II-livello-hover.jpg); */
    background-color: #3874ff;
    padding: 4px;
    margin: 0px 0px 12px 0px;
    cursor: pointer;
    width: 960px;
}

.area-bMnr h6 {
    font-size: 10px;
    text-align: left;
    color: #FFFFFF;
    background-image: url(../images/bg/bg-menu-II-livello-hover.jpg);
    padding: 4px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    width: 940px;
}

.area-cMnr h6 {
    font-size: 10px;
    text-align: left;
    color: #FFFFFF;
    background-image: url(../images/bg/bg-menu-II-livello-hover_chiaro.jpg);
    padding: 4px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    width: 885px;
}

.area-b h5 {
    font-size: 10px;
    color: #076da4;
    padding: 4px;
    margin: 0px 0px 12px 0px;
}

.area-b h1 img {
    margin: 0px 10px 0px 4px;
    float: right;
}

.area-b h3 {
    color: #1F1F1F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100px;
    font-size: 10px;
    padding: 0;
    margin: 2px 0px 0px 0px;
    height: 10px;
    float: left;
}

/*----------Layout impaginazione campi------------------*/
.area-col {
    width: 960px;
    padding: 0;
    margin: 0;
    clear: both;
}

.area-col h2 {
    color: #1F1F1F;
    width: auto;
    font-size: 10px;
    font-weight: normal;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    height: 22px;
    float: left;
}

.area-col div {
    height: 22px;
    float: left;
    margin: 0px 10px 0px 5px;
}

.area-col input {
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #414142;
}

.area-col select {
    margin: 0px 0px 0px 0px;
}

.area-1col {
    width: 960px;
    padding: 8px 0px;
    margin: 0;
    clear: both;
}

.area-1col h2 {
    color: #1F1F1F;
    width: 100px;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    height: 22px;
    float: left;
}

.area-1col div {
    height: 22px;
    float: left;
    width: 800px;
}

.area-1col input {
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #414142;
}

.area-1col select {
    margin: 0px 0px 0px 0px;
}


/*--------------------------------*/
.area-2col {
    width: 960px;
    padding: 8px 0px;
    margin: 0;
    clear: both;
}

    .area-2col h2 {
        color: #1F1F1F;
        width: 100px;
        font-size: 12px;
        font-weight: normal;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        height: 22px;
        float: left;
    }

    .area-2col fieldset {
        float: left;
        width: 380px;
        height: 22px;
    }

    .area-2col div {
        float: left;
        width: 380px;
        height: 22px;
    }

    .area-2col input {
        margin: 0px 0px 0px 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #414142;
    }

    .area-2col select {
        margin: 0px 0px 0px 0px;
    }

.area-2col-2 {
    width: 960px;
    padding: 8px 0px;
    margin: 0;
    clear: both;
}

    .area-2col-2 div {
        float: left;
        width: 480px;
        height: 22px;
    }

    .area-2col-2 label {
        color: #1F1F1F;
        width: 100px;
        font-size: 10px;
        font-weight: normal;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        height: 22px;
        float: left;
    }

    .area-2col-2 input {
        margin: 0px 0px 0px 0px;
        padding: 3px !important;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #414142;
    }

ContentPage_ctl01_5_DropDownList1_5{
    padding:10px !important
}

ContentPage_btnSaveSend:hover {  
   background-color: #004dff;  
   transition: background-color 0.2s ease;  
}

ContentPage_tcResults_header input {
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #414142;
    float: right;
}
/*--------------------------------*/
.area-3col {
    width: 960px;
    padding: 8px 0px;
    margin: 0;
    clear: both;
}

    .area-3col h2 {
        color: #1F1F1F;
        width: 100px;
        font-size: 12px;
        font-weight: normal;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        height: 22px;
        float: left;
    }

    .area-3col div {
        float: left;
        width: 220px;
        height: 22px;
    }

    .area-3col fieldset {
        float: left;
        width: 220px;
        height: 22px;
    }

    .area-3col input {
        margin: 0px 0px 0px 0px;
        padding-left: 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #414142;
    }

    .area-3col select {
        margin: 0px 0px 0px 0px;
    }
/*--------------------------------*/
.area-3col-spanned {
    width: 960px;
    padding: 5px 0;
    margin: 0;
    clear: both;
}

    .area-3col-spanned h2 {
        color: #1F1F1F;
        width: 100px;
        font-size: 10px;
        font-weight: normal;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        height: 22px;
        float: left;
    }



    .area-3col-spanned div {
        float: left;
        width: 220px;
        height: 22px;
    }


    .area-3col-spanned fieldset {
        float: left;
        width: 90%;
        height: 22px;
    }

    .area-3col-spanned input {
        margin: 0px 0px 0px 0px;
        padding-left: 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #414142;
    }

    .area-3col-spanned select {
        margin: 0px 0px 0px 0px;
    }


.area-footer {
    margin: 2px;
    margin-top: 2px;
    margin-top: 20px;
    padding: 4px;
    border-top: 1px solid #3874ff;
    border-bottom: 1px solid #3874ff;
    float: left;
    width: 981px;
    text-align: center;
    color: #3874ff;
    font-weight: bold;
    font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    .area-footer a {
        color: #007bff;
    }

        .area-footer a:hover {
            color: #FF3600;
        }

        .area-footer a:visited {
            color: #FF3600;
        }

        .area-footer a:link {
            color: #FF3600;
        }

/*---------------------Fine layout impaginazione----------------*/
.area-center {
    padding: 3px;
    margin: 2px;
    float: left;
    text-align: center;
    background-color: #ECF0F3;
    border: 1px solid #EEEFF0;
    height: 157px;
}

    .area-center h4 {
        text-align: center;
        font-size: 10px;
        padding: 2px 2px 10px 2px;
        margin: 2px;
    }

/*------------------inserimento span------------------*/
.area-c span {
    font-weight: bold;
    text-align: center;
    float: left;
    margin: 10px 3px 0px 0px;
}

.area-c .span_clar {
    font-weight: normal;
    text-align: justify;
    float: none;
    margin: 0px 0px 0px 0px;
}

.area-c span input {
    margin: 9px 0px 0px 0px;
}

.area-c span select {
    margin: 9px 0px 0px 0px;
}

.area-c span.imageContainer {
    width: 50px;
    text-align: right;
    margin: 0px !important;
    padding: 0px !important;
}

.area-c span.image {
    width: 31px !important;
    height: 38px;
}

.area-c a {
    text-decoration: none;
}

.area-d span {
    font-weight: bold;
    text-align: center;
    float: left;
    margin: 0px 6px 0px 0px;
}

    .area-d span input {
        margin: 9px 0px 0px 0px;
    }

.area-cHawbHeader span {
    font-weight: bold;
    text-align: center !important;
    float: left;
    margin: 0px 0px 0px 4px;
    display: block;
}

    .area-cHawbHeader span input {
        margin: 0px 0px 0px 0px;
    }

.Header84 {
    width: 80px !important;
}

.eaw {
    color: white;
}

.area-cHawb span {
    font-weight: bold;
    text-align: center;
    float: left;
    margin: 0px 3px 0px 0px;
}

.area-cHawb a {
    text-decoration: none;
}

.area-cHawb span input {
    margin: 0px 0px 0px 0px;
}
/*------------------------Button----------------------------*/


.submit {
    text-align: center;
    color: #ffffff;
    width: 80px;
    margin: 0px 3px 0px 3px;
    padding: 2px 2px 2px 2px;
    /* border-color: #007bff; */
    border: none;
    background-color: #007bff;
    /* background-image: url(../images/bg/bg-menu-II-livello-hover.jpg); */
    height: 26px;
}

.button-area {
    text-align: center;
    color: #ffffff;
    width: 98%;
    margin: 8px 0px 0px 0px;
    padding: 10px 0px 5px 0px;
    clear: left;
}

    .button-area div {
        float: none;
    }

input.button {
    text-align: center;
    color: #ffffff;
    width: 80px;
    margin: 0px 3px 0px 3px;
    padding: 2px 2px 2px 2px;
    /* border-color: #007bff; */
    border: none;
    background-color: #3874ff;
    /*background-image: url(../images/bg/bg-menu-II-livello-hover.jpg);*/
    height: 26px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: capitalize;
    font-size: 12px;
    font-weight:normal; 
}
    input.button:hover {
        cursor: pointer;
        background-color: #004dff;
        /* border-color: #0062cc; */
        border: none;
        transition: background-color 0.2s ease;
    }

input.button-signout {
    text-align: center;
    color: #000;
    width: 80px;
    margin: 0px 3px 0px 10px;
    padding: 2px 2px 2px 2px;
    border: none;
    background-color: #e9e9ed;
    height: 26px;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: normal;
}

    input.button-signout:hover {
        cursor: pointer;
        background-color: #d0d0d7;
        /* border-color: #0062cc; */
        border: none;
        transition: background-color 0.2s ease;
    }

input.buttonlong {
    text-align: center; 
    color: #ffffff;
    /* width: 120px; */
    margin: 0px 3px 0px 3px;
    padding: 2px 10px 2px 10px;
    /* border-color: #007bff; */
    border: none;
    /*background-image: url(../images/bg/bg-menu-II-livello-hover.jpg);*/
    height: 26px;
    background-color: #3874ff;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 11px;
}
    
input.buttonlong:hover {
    cursor: pointer;
    background-color: #004dff;
    border: none;
    transition: background-color 0.2s ease;
}
    


/*------------------Definizione table------------------*/

.GridMain {
    margin: 10px 10px 0px 0px;
    width: 101.3%;
    /* border-top: 2px solid #0671A5; */
    clear: left;
    /* background-color: #E6E6E8; */
}

    .GridItemAlt{
        margin: 0px 0px 0px 0px;
        background-color: #ffffff;
        border-top: 1px solid #E6E6E8;
        cursor: default;
    }

    .GridMain .header {
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        background-color: #FFFFFF;
        border-bottom: 1px solid #BCBDBF;
    }

    .GridMain .GridTotal {
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        background-color: green;
        color: white;
        border-bottom: 1px solid #BCBDBF;
    }

    .GridMain .GridLeftGreen {
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        background-color: green;
        color: white;
        border-bottom: 1px solid #BCBDBF;
    }

    .GridMain .GridLeftOrange {
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        background-color: orange;
        color: white;
        border-bottom: 1px solid #BCBDBF;
    }

.header th {
    
    text-align: left;
    height:40px;
    font-size:11px;
}

    .header th a {
        text-decoration: none;
        color: #333333;
    }

        .header th a:hover {
            text-decoration: none;
            color: #0A5D89;
        }

    .header th img {
        float: left;
        text-align: right;
        margin: -2px 4px 0px 0px;
    }

.GridMain .GridItem {
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    border-top: 1px solid #E6E6E8;
    cursor: default;
    height:40px;
    font-size:11.5px;
}

    .GridMain .GridAltItem {
        margin: 0px 0px 0px 0px;
        background-color: #ffffff;
        border-top: 1px solid #E6E6E8;
        cursor: default;
        height: 40px;
        font-size: 11.5px;
    }

.GridMain .GridItemAlt {
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    border-top: 1px solid #E6E6E8;
    cursor: default;
    height: 40px;
    font-size: 11.5px;
}

.GridMain .GridSubItem {
    margin: 0px 0px 0px 0px;
    background-color: #e6faec;
    border-top: 1px solid #E6E6E8;
    cursor: default;
    color: #2ea354;
}

.GridMain .Highlight {
    color: #000000;
    margin: 0px 0px 0px 0px;
    background-color: #e6edff;
    border-top: 1px solid #E6E6E8;
    height: 40px;
    font-size: 11.5px;
}

.GridMain .E-Freight {
    background-color: #BFDF9F;
}

.GridMain .error {
    background-color: #ffa07a !important;
}

.GridMain .footer {
    /*color: #2C93C4;*/
    color: #000;
    text-align: right;
    font-weight: bold;
    padding: 2px 3px 2px 3px;
}

    .GridMain .footer span {
        color: #3874ff;
    }

    .footer a {
        color: #000;
        font-weight: bold;
        margin: 2px 0px 2px 0px;
        padding: 2px 3px 2px 3px;
        /* background-image: url(../images/bg/bg-numeri.jpg); */
        background: #e3e6ed !important;
    }

        .footer a:hover {
            color: #3874ff;
            font-weight: bold;
            margin: 0px 0px 0px 0px;
            padding: 2px 3px 2px 3px;
            /* background-color: #007bff;
        background-image: url(../images/bg/bg-menu-II-livello-hover.jpg); */
        }

.footer span.pager {
    float: left;
    width: 50%;
}

.footer span.rows {
    float: right;
    width: 50%;
    color:#000;
}

.GridMain .group {
    height: 22px;
    font-size: 10px;
    color: #FFFFFF;
    background-image: url(../images/bg/bg-menu-II-livello-hover.jpg);
    padding: 4px;
    margin: 0px;
    text-align: left;
}

.GridMain .innerGridItem {
    /*background-color: #ffffe1 !important;*/
    background-color: #FFFFCC !important;
    color: #054E76;
}

.leftValue {
    float: left;
}

.rightValue {
    float: right;
}

/*- Menu Tabs --------------------------- */

#tabs {
    float: left;
    width: 100%;
    background: #F4F4F4;
    font-size: 93%;
    line-height: normal;
    border-bottom: 1px solid #24618E;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

    #tabs ul {
        margin: 0;
        padding: 10px 10px 0 50px;
        list-style: none;
    }

    #tabs li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #tabs a {
        float: left;
        background: url("../images/icon/TabLeft.gif") no-repeat left top;
        margin: 0;
        padding: 0 0 0 5px;
        text-decoration: none;
    }

        #tabs a span {
            float: left;
            display: block;
            background: url("../images/icon/TabRight.gif") no-repeat right top;
            padding: 5px 15px 4px 6px;
            color: #24618E;
        }

        #tabs a span {
            float: none;
        }

        #tabs a:hover span {
            color: #FFF;
            background-position: 100% -42px;
        }

        #tabs a:hover {
            background-position: 0% -42px;
        }

    /*#tabs span .clicked{
	color:#FFF;
	background-position:100% -42px;
}*/

    #tabs span.clicked {
        color: #FFF !important;
        background-position: 100% -42px !important;
    }
/*- Fine Menu Tabs --------------------------- */

/*- Scroller avvisi --------------------------------*/
#BarInfoHold {
    margin-left: 2px;
    background-image: url(../images/barinfo/BarInfoBackround.gif);
    position: relative;
    overflow: hidden;
    width: 990px;
    height: 21px;
    z-index: 100;
    clear: both;
}

#BarInfoWn {
    position: absolute;
    left: 20px;
    top: 0px;
    width: 950px;
    height: 21px;
    overflow: hidden;
    z-index: 1;
    clear: both;
}

#BarInfoLayer {
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 950px;
    height: 21px;
    z-index: 1;
    clear: both;
    line-height: 21px;
}

span#BarInfoContent {
    white-space: nowrap;
}

    span#BarInfoContent a.error {
        color: red;
        padding-left: 16px;
        background-image: url("../images/icon/error.png");
        background-repeat: no-repeat;
    }

    span#BarInfoContent a.warning {
        color: #414142;
        padding-left: 16px;
        background-image: url("../images/icon/warning.png");
        background-repeat: no-repeat;
    }

    span#BarInfoContent a {
        color: gray;
    }

div#BarInfoHold a {
    margin-top: 2px;
}

    div#BarInfoHold a.al {
        position: absolute;
    }

    div#BarInfoHold a.ar {
        position: absolute;
        left: 973px;
    }

div#BarInfoPopup {
    width: 300px;
    height: 240px;
    position: absolute;
    background-image: url("../images/bg/popup.png");
    display: none;
}

div#BarInfoPopupLink a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
}

div#BarInfoPopupData {
    overflow: auto;
    width: 230px;
    margin-left: 35px;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    color: black;
    max-height: 140px;
}

div#BarInfoPopupHeader {
    overflow: hidden;
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    color: black;
    width: 210px;
    height: 25px;
    padding-top: 35px;
    padding-left: 35px;
}

div#BarInfoPopupUpdating {
    font-size: 11px;
    font-weight: bold;
    color: black;
    background: transparent url("../images/icon/loading.png") no-repeat center;
    height: 25px;
    width: 250px;
    position: absolute;
    top: 105px;
    left: 25px;
}

.BarInfoPopupClose {
    position: absolute;
    top: 35px;
    left: 245px;
}

div#BarInfoPopupLink {
    height: 20px;
    display: block;
    width: 300px;
    text-align: center;
}

/*- fine Scroller avvisi ---------------------------*/
.Header34 {
    width: 34px !important;
    display: block;
}

.Header50 {
    width: 50px !important;
    display: block;
}

.Header54 {
    width: 54px !important;
    display: block;
}

.Header64 {
    width: 64px !important;
    display: block;
}

.Header80 {
    width: 80px !important;
    display: block;
}

.Header84 {
    width: 84px !important;
    display: block;
}

.Header90 {
    width: 90px !important;
    display: block;
}

.Header150 {
    width: 150px !important;
    display: block;
}

.calendarimage {
    padding: 0px 4px 4px 2px;
    vertical-align: top;
}

.dateTip {
    vertical-align: middle;
}

.readonly {
    background-color: #CCC;
    color: #000;
    font-weight: bold;
}

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.hand {
    cursor: pointer;
}

.TextBox30 {
    width: 30px;
    text-align: right;
}

.TextBoxAirlineCode {
    width: 30px !important;
}

.TextBoxFWB {
    width: 50px !important;
}

.TextBoxAirportCode {
    width: 30px !important;
}

.AirportDescr {
    width: 165px !important;
}

.TextBoxNumber {
    text-align: right;
}

.TextBoxNumberFix {
    width: 30px;
    text-align: right;
}

.TextBoxFullRow {
    width: 100% !important;
}

.TextBoxNote {
    width: 100% !important;
    height: 50px;
}

.TextBoxQuantity {
    width: 30px;
    text-align: right;
    padding-right: 1px;
}

.TextBoxQuantity2 {
    width: 64px;
    text-align: right;
    padding-right: 1px;
}

.TextBoxWeight {
    width: 40px;
    text-align: right;
    padding-right: 1px;
}

.TextBoxVolume {
    width: 40px;
    text-align: right;
    padding-right: 1px;
}

.TextBoxVolume2 {
    width: 36px;
    text-align: right;
    padding-right: 1px;
}

.TextBoxDensity {
    width: 20px;
    text-align: right;
}

.TextBoxCargoImpCode {
    width: 26px;
}

.TextBoxFlightNumber {
    width: 40px;
}

.TextBoxTelexMessage {
    width: 500px;
    height: 280px;
}

.TextBoxIndicator {
    width: 20px;
}

.TextBoxFullRow {
    width: 100% !important;
}

.TextBoxFreeText {
    width: 80px !important;
}

.TextBoxFreeTextLong {
    width: 90px !important;
}

.TextBoxFreeTextLongTwo {
    width: 150px !important;
}

.TextBoxFreeText_130 {
    width: 130px !important;
}

.TextBoxFreeText_200 {
    width: 200px !important;
}

.TextBoxFreeTextLongThree {
    width: 300px !important;
}

.TextBoxFreeTextMemo {
    width: 490px !important;
}

.TextBoxFreeTextShort {
    width: 65px !important;
}

.TextBoxFreeTextShort2 {
    width: 50px !important;
}

.TextBoxCountry {
    width: 20px !important;
}

.TextBoxZipCode {
    width: 90px !important;
}

.TextBoxDay {
    width: 15px !important;
}

.TextBoxCurrency {
    width: 25px !important;
}

.TextBoxCommodity {
    width: 60px !important;
}

.TextBoxChar {
    width: 10px !important;
}

.TextBoxAmount {
    width: 80px !important;
    text-align: right;
}

.TextBoxAmountShort {
    width: 66px !important;
    text-align: right;
}

.TextBoxAmountShort_2 {
    width: 64px !important;
    text-align: right;
}

.TextBoxDimensions {
    width: 40px !important;
    text-align: right;
}

.TextBoxDimensions_2 {
    width: 38px !important;
    text-align: right;
}

.TextBoxDate {
    width: 80px !important;
}

.TextBoxDescr2 {
    width: 260px !important
}

.TextBoxDescr {
    width: 270px !important
}

.Suggestion {
    font-weight: normal !important;
    text-align: center !important;
    float: left !important;
    margin: 10px 3px 0px 0px !important;
}

.acTable {
    border: solid 1px #BCBDBF;
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    color: #414142;
    background-color: white;
    white-space: nowrap;
}

.acHighlight {
    background-color: navy;
    color: White;
}

span.ace {
    white-space: nowrap;
    float: none;
}

    span.ace div {
        white-space: nowrap;
        height: 12px !important;
        float: none;
        width: 100% !important;
    }

.ac {
    overflow: hidden;
}

    .ac div {
        height: 16px;
        overflow: auto;
    }

.acColumnName {
    display: block;
    width: 150px;
    height: 16px;
    float: left;
}

.acColumnProvince {
    display: block;
    width: 100px;
    height: 16px;
    float: left;
}

.acColumnCountry {
    display: block;
    width: 20px;
    height: 16px;
    float: left;
}

.acColumnCode {
    display: block;
    width: 80px;
    height: 16px;
    float: left;
}

.errorSummary li {
    color: #007bff;
    font-weight: bold;
    font-size: 10px;
    float: left;
    width: 100%;
}

sup {
    font-size: 8px;
}

.DDLTxt {
    float: left !important;
}

.DDLArrow {
    background-image: url(../Images/icon/DropDownArrow.png);
    background-repeat: no-repeat;
    width: 19px !important;
    height: 20px !important;
    float: left !important;
}

.DDLItemsContainer {
    position: relative;
    top: -5px;
    overflow: auto;
    display: none;
    float: left !important;
    clear: left;
    border: solid 1px InactiveCaption;
    width: 136px !important;
    height: 70px !important;
    background-color: White;
}

    .DDLItemsContainer input {
        margin-top: 3px !important;
    }

    .DDLItemsContainer label {
    }
/*------------ Sezione Modali -----------------------------------*/
.modalProgressBackground {
    background: #f5f5f5;
    filter: alpha(opacity=60);
    opacity: 0.5;
}

.modalPopup {
    text-align: center;
    padding: 30px;
    border: solid 1px #000000;
    background-color: White;
    width: 150px;
    height: 50px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}

.modalPopupBackground {
    background: #303030;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.modalPopupManifest {
    border: solid 3px #3874ff;
    background-color: #fff;
    width: 900px;
    height: 500px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 3px;
}    

.modalPopupManifest .detailContainer {
        max-height: 380px;
        overflow: auto;
    }
.modalSplit {
    border: solid 3px #0671A5;
    background-color: #fff;
    width: 450px;
    height: 250px;
    text-align: center;
    top: 50% !important;
    left: 25% !important;
    color: #000000;
    font-weight: bold;
    padding: 3px;
    display: none; position: absolute; z-index: 9999;
}
    .modalSplit .detailContainer {
        max-height: 380px;
        overflow: auto;
    }


.modalPopupAWB {
    border: solid 3px #0671A5;
    background-color: #fff;
    width: 300px;
    height: 200px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 3px;
}

    .modalPopupAWB .detailContainer {
        max-height: 380px;
        overflow: auto;
    }

.modalPopupHistory {
    border: solid 3px #0671A5;
    background-color: #fff;
    text-align: center;
    color: #000000;
    font-weight: bold;
    width: 725px;
    overflow: hidden;
}

.modalPopupBookingList {
    border: solid 3px #0671A5;
    background-color: #fff;
    text-align: center;
    color: #000000;
    font-weight: bold;
    width: 880px;
    overflow: hidden;
    padding: 3px;
}

.modalPopupClose {
    margin-bottom: 10px;
    line-height: 20px;
    width: 100%;
    height: 20px;
    background-image: url(../images/bg/bg-menu-II-livello-hover-uld.jpg);
    background-repeat: repeat-x;
    color: #fff;
}

    .modalPopupClose img {
        margin: 4px 4px 0px 0px;
        float: right;
        cursor: pointer;
    }

.modalPopupOtherChargeCode {
    border: solid 3px #0671A5;
    background-color: #fff;
    width: 300px;
    height: 300px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 3px;
}

    .modalPopupOtherChargeCode .container {
        overflow: auto;
        height: 270px;
    }

.modalPopupEDI {
    border: solid 3px #0671A5;
    background-color: #fff;
    width: 400px;
    height: 400px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 3px;
}

    .modalPopupEDI .container {
        overflow: auto;
        height: 370px;
        text-align: justify;
    }
/*------------ Sezione AWB -----------------------------------*/

.AWBTopSpacer {
    margin-left: 2px;
    top: 2px;
    position: relative;
    overflow: hidden;
    width: 989px;
    height: 1px; /*21px;*/
    /*z-index: 100;*/
    clear: both;
    border-bottom: 2px solid black;
}

.AWBTest {
    background: #fff url(../images/bg/Master.png) no-repeat;
    width: 990px;
    height: 1325px;
    margin: 2px;
    color: #000;
}

    .AWBTest input {
        height: 14px;
        border: solid 1px #7F9DB9;
        margin: 1px;
    }

        .AWBTest input.mandatory {
            background-color: #C1D8E6;
        }

    .AWBTest .AWBHeader {
        height: 22px;
        width: 99.7%;
        overflow: auto;
    }

        .AWBTest .AWBHeader .AWBNumber {
            float: left;
            width: 110px;
            padding-top: 2px;
            margin: 0px 0px 0px 2px;
        }

        .AWBTest .AWBHeader .AWBHandler {
            float: left;
            margin-left: 5px;
            padding-top: 2px;
        }

            .AWBTest .AWBHeader .AWBHandler input {
                margin: 0px 0px 0px 5px;
                padding: 0px;
            }

            .AWBTest .AWBHeader .AWBHandler select {
                margin: 0px !important;
                padding: 0px !important;
            }

        .AWBTest .AWBHeader .AWBSwitch {
            float: right;
            margin: 5px 5px 0px 0px;
        }

        .AWBTest .AWBHeader a {
            color: #000;
        }

    .AWBTest .AWBtl {
        width: 485px;
        float: left;
    }

    .AWBTest .AWBtr {
        width: 517px;
        float: right;
    }

    .AWBTest .AWBtl {
        width: 471px;
        float: left;
    }

    .AWBTest .AWBtl {
        width: 471px;
        float: left;
    }

        .AWBTest .AWBtl .shipper {
            height: 115px;
            overflow: auto;
            padding-top: 16px;
            width: 500px;
        }

            .AWBTest .AWBtl .shipper .contactsDetails {
                display: block;
                margin: 5px 0px 10px 0px;
                width: 255px;
                height: 15px;
            }

            .AWBTest .AWBtl .shipper .accountNumber {
                display: block;
                margin: 5px 0px 10px 15px;
                width: 178px;
                height: 15px;
            }

        .AWBTest .AWBtl dl {
            float: left;
            padding: 0px;
            margin: 5px 0px 0px 5px;
            height: 17px;
            width: 230px;
        }

            .AWBTest .AWBtl dl dd {
                float: left;
                width: 75px;
                padding: 0px;
                margin: 0px;
            }

            .AWBTest .AWBtl dl dt {
                float: left;
                padding: 0px;
                margin: 0px;
            }

        .AWBTest .AWBtl .issuer {
            height: 28px;
            padding-top: 20px;
        }

        .AWBTest .AWBtl .issuer2 {
            height: 20px;
            padding-top: 16px;
            overflow: auto;
        }

            .AWBTest .AWBtl .issuer2 .issuerIATACode {
                margin-left: 5px;
            }

            .AWBTest .AWBtl .issuer2 .issuerAccountNumber {
                margin-left: 115px;
            }

        .AWBTest .AWBtl .departureAirport {
            height: 20px;
            padding-top: 16px;
            overflow: auto;
        }

            .AWBTest .AWBtl .departureAirport input {
                margin-left: 5px;
            }

        .AWBTest .AWBtl .routing {
            height: 20px;
            padding-top: 36px;
        }

        .AWBTest .AWBtl .to1 {
            margin-left: 5px;
        }

        .AWBTest .AWBtl .by1 {
            margin-left: 10px;
        }

        .AWBTest .AWBtl .to2 {
            margin-left: 210px;
        }

        .AWBTest .AWBtl .by2 {
            margin-left: 9px;
        }

        .AWBTest .AWBtl .to3 {
            margin-left: 4px;
        }

        .AWBTest .AWBtl .by3 {
            margin-left: 5px;
        }

        .AWBTest .AWBtl .departureAndFlight {
            height: 21px;
            padding-top: 28px;
        }

        .AWBTest .AWBtl .destination {
            margin-left: 5px;
        }

        .AWBTest .AWBtl .flight1 {
            margin-left: 4px;
        }

        .AWBTest .AWBtl .flight2 {
            margin-left: 16px;
        }

    .AWBTest .AWBtr .airlineName {
        height: 205px;
        padding-top: 57px;
        font-weight: bold;
    }

        .AWBTest .AWBtr .airlineName span {
            margin-left: 100px;
        }

    .AWBTest .AWBtr .accountingInformation {
        height: 116px;
        padding: 6px 0px 0px 0px;
        overflow: auto;
    }

        .AWBTest .AWBtr .accountingInformation dl {
            clear: both;
            margin: 0px 0px 0px 6px;
            padding: 0px;
            overflow: auto;
            display: block;
        }

            .AWBTest .AWBtr .accountingInformation dl dd {
                float: left;
                width: 50px;
                padding: 0px;
                margin: 0px;
            }

            .AWBTest .AWBtr .accountingInformation dl dt {
                float: left;
                padding: 0px;
                margin: 0px;
            }

    .AWBTest .AWBtr .otherInfoLine {
        height: 20px;
        padding-top: 33px;
    }

        .AWBTest .AWBtr .otherInfoLine .currency {
            display: block;
            float: left;
            margin-left: 3px;
        }

        .AWBTest .AWBtr .otherInfoLine .chgCode {
            display: block;
            float: left;
            margin-left: 21px;
        }

        .AWBTest .AWBtr .otherInfoLine .chgType .WTVAL1 {
            display: block;
            float: left;
            margin-left: 10px !important;
        }

        .AWBTest .AWBtr .otherInfoLine .chgType .WTVAL2 {
            display: block;
            float: left;
            margin-left: 20px;
        }

        .AWBTest .AWBtr .otherInfoLine .chgType .other1 {
            display: block;
            float: left;
            margin-left: 20px;
        }

        .AWBTest .AWBtr .otherInfoLine .chgType .other2 {
            display: block;
            float: left;
            margin-left: 18px;
        }

        .AWBTest .AWBtr .otherInfoLine .chgType input {
            margin: 0px;
            padding: 0px;
            border: none 0px transparent;
            width: auto !important;
        }

        .AWBTest .AWBtr .otherInfoLine .validForCarriage {
            display: block;
            float: left;
            margin-left: 13px;
        }

        .AWBTest .AWBtr .otherInfoLine .validForCustom {
            display: block;
            float: left;
            margin-left: 8px;
        }

    .AWBTest .AWBtr .otherInfoLine2 {
        height: 21px;
        padding-top: 28px;
        padding-left: 5px;
    }

    .AWBTest .AWBHandlingInfo {
        clear: both;
        height: 44px;
        width: 98%;
        padding-top: 20px;
    }

        .AWBTest .AWBHandlingInfo dl {
            margin: 0px 0px 5px 5px;
            width: 100%;
            clear: both;
            overflow: auto;
        }

            .AWBTest .AWBHandlingInfo dl dd {
                width: 40px;
                margin: 0px;
                padding: 0px;
                float: left;
            }

            .AWBTest .AWBHandlingInfo dl dt {
                margin: 0px;
                padding: 0px;
                float: left;
                width: 43%;
            }

            .AWBTest .AWBHandlingInfo dl dd.sci {
                width: 40px;
                margin: 0px;
                padding-left: 15px;
                padding-right: 0px;
                float: left;
            }

            .AWBTest .AWBHandlingInfo dl dt.sci {
                margin: 0px;
                padding: 0px;
                float: left;
                width: 50px;
            }

            .AWBTest .AWBHandlingInfo dl dt.sph {
                margin: 0px;
                padding: 0px;
                float: left;
                width: 36%;
            }

    .AWBTest .AWBRTD {
        clear: both;
        /*overflow: auto;*/
        margin-top: 55px;
        width: 988px;
    }

        .AWBTest .AWBRTD .line {
            clear: both;
            /*overflow: auto;*/
            margin-bottom: 3px !important;
        }

        .AWBTest .AWBRTD .pieces {
            margin-left: 4px;
        }

        .AWBTest .AWBRTD .grossWeight {
            margin-left: 4px;
        }

        .AWBTest .AWBRTD .slac {
            margin-left: 322px;
        }

        .AWBTest .AWBRTD .weightCode {
            margin-left: 8px;
        }

        .AWBTest .AWBRTD .rateClassCode {
            margin-left: 8px;
        }

        .AWBTest .AWBRTD .commodity {
            margin-left: 5px;
        }

        .AWBTest .AWBRTD .chargeableWeight {
            margin-left: 10px;
        }

        .AWBTest .AWBRTD .rateCharge {
            margin-left: 10px;
        }

        .AWBTest .AWBRTD .total {
            margin-left: 8px;
        }

        .AWBTest .AWBRTD .rtdType {
            margin-left: 10px;
        }

        .AWBTest .AWBRTD .goods {
            margin-left: 1px;
        }

            .AWBTest .AWBRTD .goods input {
                width: 213px !important;
            }

        .AWBTest .AWBRTD .lastLine {
            clear: both;
            overflow: auto;
            margin-top: 30px;
        }

    .AWBTest .AWBbl {
        float: left;
        width: 375px;
        margin-top: 3px;
    }

        .AWBTest .AWBbl .charges {
            clear: both;
            overflow: auto;
            width: 373px;
            height: 22px;
            padding-top: 22px;
        }

        .AWBTest .AWBbl .charges2 {
            clear: both;
            overflow: auto;
            width: 373px;
            height: 28px;
            padding-top: 20px;
        }

        .AWBTest .AWBbl .chargesTotal {
            clear: both;
            overflow: auto;
            width: 373px;
            height: 28px;
            padding-top: 20px;
            margin-top: 40px;
        }

        .AWBTest .AWBbl .prepaid {
            float: left;
            width: 49%;
            text-align: center;
        }

        .AWBTest .AWBbl .collect {
            float: right;
            width: 49%;
            text-align: center;
        }

    .AWBTest .AWBbr {
        float: right;
        width: 610px;
        margin-top: 3px;
    }

        .AWBTest .AWBbr .otherCharges {
            height: 116px;
            padding-top: 0px;
        }

            .AWBTest .AWBbr .otherCharges dl {
                float: left;
                padding: 0px;
                margin: 5px 0px 0px 5px;
            }

                .AWBTest .AWBbr .otherCharges dl dt {
                    padding: 0px;
                    margin: 0px;
                }

                .AWBTest .AWBbr .otherCharges dl dd {
                    padding: 0px;
                    margin: 0px;
                    vertical-align: top;
                }

                    .AWBTest .AWBbr .otherCharges dl dd.PC {
                        float: left;
                        width: 38px;
                        text-align: center;
                    }

                    .AWBTest .AWBbr .otherCharges dl dd.code {
                        float: left;
                        width: 170px;
                        text-align: center;
                    }

                        .AWBTest .AWBbr .otherCharges dl dd.code input {
                            float: left;
                        }

                    .AWBTest .AWBbr .otherCharges dl dd.due {
                        float: left;
                        width: 38px;
                        text-align: center;
                    }

                    .AWBTest .AWBbr .otherCharges dl dd.amount {
                        float: left;
                        width: 83px;
                        text-align: center;
                        margin: -1px 0px 0px 4px;
                    }

        .AWBTest .AWBbr .shipperSignature {
            height: 131px;
        }

            .AWBTest .AWBbr .shipperSignature input {
                margin-left: 40px;
                margin-top: 90px;
                width: 528px;
            }

        .AWBTest .AWBbr .execution {
            height: 100px;
        }

            .AWBTest .AWBbr .execution .date {
                display: block;
                float: left;
                margin: 52px 0px 0px 13px;
            }

            .AWBTest .AWBbr .execution .place {
                display: block;
                float: left;
                margin: 52px 0px 0px 140px;
            }

            .AWBTest .AWBbr .execution .signature {
                display: block;
                float: left;
                margin: 52px 0px 0px 5px;
            }

        .AWBTest .AWBbr .collectCharges {
            padding-top: 22px;
            overflow: auto;
            height: 30px;
        }

            .AWBTest .AWBbr .collectCharges input {
                margin-left: 60px;
            }

ul.otherChargeCode {
    text-align: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    ul.otherChargeCode li a {
        text-decoration: none;
        font-weight: normal;
        color: #1F1F1F;
    }

        ul.otherChargeCode li a:hover {
            background-color: #C1D8E6;
        }

/*#Tab Styling#*/

.tabContainer .ajax__tab_header .ajax__tab_outer {
    float: left;
    background: url(../images/bg/tableftF.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
}

.tabContainer .ajax__tab_header .ajax__tab_inner {
    float: left;
    display: block;
    background: url(../images/bg/tabrightF.gif) no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #666;
}

.tabContainer .ajax__tab_hover .ajax__tab_outer {
    background-position: 0% -42px;
}

.tabContainer .ajax__tab_hover .ajax__tab_inner {
    background-position: 100% -42px;
    color: #ffffff;
}

.tabContainer .ajax__tab_active .ajax__tab_outer /*#ContentPage_tcResults a*/ {
    background-position: 0% -42px;
}

.tabContainer .ajax__tab_active .ajax__tab_inner /*#ContentPage_tcResults a span*/ {
    background-position: 100% -42px;
    color: #ffffff;
}

.tabContainer .ajax__tab_body {
}

.tabContainer .ajax__tab_header {
    float: left;
    width: 100%;
    background: #efefef;
    font-size: 10px;
    line-height: normal;
    border-bottom: 1px solid #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*#tblAWB style*/
#tblAWB .imgEdit {
    src: url(../images/icon/page.png);
}

#tblAWB .HighlightRow {
    color: #ffffff;
    background-color: #f0ff87;
    border-top: 1px solid #E6E6E8;
}

#tblAWB .Updated {
    color: #ffffff;
    background-color: #a8ff87;
    border-top: 1px solid #E6E6E8;
}

#tblAWB .Accepted {
    color: #076da4;
    background-color: #a8ff87;
    border-top: 1px solid #E6E6E8;
}

.dropbtn {
    box-sizing: border-box;
    font-family: "Helvetica neue", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #414142;
    text-transform: uppercase;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    width: 80px;
    margin: 0px 3px 0px 3px;
    padding: 6px 2px 2px 2px;
    /* border-color: #007bff; */
    border: none;
    background-color: #3874ff;
    /* background-image: url(../images/bg/bg-menu-II-livello-hover.jpg); */
    width: 80px;
    height: 26px;
    text-transform: capitalize;
}
    .dropbtn:hover {
        cursor: pointer;
        background-color: #004dff !important;
        /* border-color: #0062cc; */
        border: none;
    }

.dropdown {
    position: relative;
    display: inline-block;
    clear: both;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    left: 5px;
}

    .dropdown-content a {
        color: black;
        padding: 10px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #e6edff
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #b8c4ce;
}

.GridHighlight {
    margin: 0px 0px 0px 0px;
    background-color: #ffb730c4;
    cursor: default;
    border: solid thin;
}
.TdHighlight {
    border-top: 2px solid #ffb730c4;
    border-bottom: 2px solid #ffb730c4;
    border-left: 2px solid #ffb730c4;
}

.ui-widget-header {
    border: none !important;
    background: #007bff !important;
}

span#MsgPopup {
    display: block;
    width: 989px;
    text-align: center;
}

#roles-menu {
    font-size: 13px;
    color: #000000;
    background-color: #e6edff;
    border-radius: 5px;
    padding: 2px;
    padding: 9px 0px 12px 9px;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    margin-top:10px;
}

#quick-tracking-menu {
    font-size: 13px;
    color: #fff;
    background-color: #3874ff;
    border-radius: 5px;
    padding: 2px;
    padding: 9px 0px 12px 9px;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}