/* GENERIC LAYOUT */

.wrapper {
    position: absolute;
    width: 1200px;
    margin: 0 0 0 50%;
    left: -590px;
    height: 70%;
}

.br {
    clear: both;
}

input[disabled="disabled"], input[readonly="readonly"] {
    cursor: default;
}

.star, .starhr {
    color: #FF0000;
    font-size: 15px;
}
/* Style for field required */

/* GENERIC LAYOUT */

/* FIELD LAYOUT */

.field {
    margin-bottom: 15px;
}

.input-text {
    width: 80%;
    height: 25px;
}

.input-checkbox {
    width: 17px;
    height: 17px;
    float: left;
}

.checkbox-label {
    float: left;
    margin-left: 10px;
}

.checkbox-field {
    margin-top: 23px;
}

input[type = "submit"].field_style {
    /*width:45%;*/
}

.field_style, .search-section input, .search-section select {
    margin-left: 10px;
}

input[type = "text"], input[type = "password"], select {
    width: 300px;
    height: 24px; /*margin-bottom:10px;*/
}

    input.field_style:disabled, select.field_style:disabled {
        color: black;
        background: #e9e9e9;
    }


    input.field_style[readonly="readonly"], select.field_style[readonly="readonly"] {
        color: black;
        background: #e9e9e9;
    }

/* FIELD LAYOUT */

/* BUTTONS LAYOUT */

.input-button {
    padding: 5px 15px;
    background: #ccc;
    border: #A4A4A4 1px solid;
    cursor: pointer;
}

.buttons {
    text-align: center;
    margin-top: 50px;
}

    .buttons input {
        height: 30px;
    }

.button-label {
    width: 100px;
    background-color: #D8D8D8;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

    .button-label label {
        cursor: pointer;
    }

/* BUTTONS LAYOUT */

/* TABLE LAYOUT */

.search-section {
    text-align: right;
    margin-bottom: 10px;
}




.search-field {
    float: left;
    text-align: left;
    margin-right: 30px;
}

.search-section {
    text-align: right;
    margin-bottom: 10px;
}

    .search-section table {
        width: 100%;
    }

.manageTagInput {
    width: 300px;
    height: 24px;
}

.manageTagInputDescription {
    width: 300px;
    height: 48px;
    margin-left: 10px;
}

.search-section td span {
    width: 140px;
}

.search-field select {
    width: 120px;
    height: 22px;
}

.search-field label {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
}

.table, .table-no-head {
    text-align: center;
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    border: 0px;
    color: Black;
}

    .table tr, .table-no-head tr {
        height: 10px;
        border: 1px solid #D8D8D8;
        height: 25px;
    }

    .table td, .table-no-head td {
        border: 1px solid #D8D8D8;
    }

    .table th, .table-no-head th {
        background-color: #BDBDBD;
        border: 1px solid #D8D8D8;
    }

.table-repeater th, .table-repeater td {
    border: 1px solid #000000;
    font-size: 11px;
}

.odd {
    background-color: #F2F2F2;
}

.odd-title {
    background-color: #F2F2F2;
    font-weight: bold;
}

.even {
    background-color: #FFFFFF;
}

/* TABLE LAYOUT */

/* TAB LAYOUT */

.initialTab {
    background: url("../Images/back_TabGrey.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-right: 1px;
    padding: 0px 3px 10px 3px;
    width: 16%;
    height: 31px;
}

    .initialTab:a {
        color: #FFFFFF;
        text-decoration: none;
    }

    .initialTab:hover {
        background: url("../Images/back_tab.png");
        background-repeat: no-repeat;
    }

.clickedTab {
    background: url("../Images/back_TabSel.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-right: 1px;
    padding: 0px 2px 10px 2px;
    width: 16%;
    height: 31px;
}

/* TAB LAYOUT */

/* ATTACHMENT LAYOUT */

#attachLabel {
    font-size: 15px;
    font-weight: bold;
    color: #666;
}

    #attachLabel:hover {
        color: #e0001a;
        font-size: 25px;
    }

.attachmentLabel {
    font-size: 20px;
    font-weight: bold;
    color: #666;
}

/* ATTACHMENT LAYOUT */

/* ERROR MESSAGE */

.error-message {
    background: url('../Images/icon-error.png') no-repeat;
    color: #e0001a;
    display: block;
    margin-top: 5px;
    height: 20px;
    padding: 3px 0px 0px 25px;
}

/* ERROR MESSAGE */

/* LOGOUT LAYOUT */

.showHideMenu {
    position: absolute;
    filter: alpha(opacity=85);
    display: none;
    width: 150px;
    height: 50px;
    background-color: #FFFFFF;
    padding: 10px 5px 10px 5px;
    color: #000000;
    font-size: 11pt;
    z-index: 250;
    right: 10;
    text-align: center;
    border: 1px solid #000000;
}

    .showHideMenu div {
        margin-top: 15px;
    }

    .showHideMenu a, p {
        color: #000000;
        text-decoration: none;
        font-size: 10pt;
    }

    .showHideMenu a {
        background: url('/Images/icon-logout.png') no-repeat;
        padding: 8px 8px 8px 38px;
    }

    .showHideMenu p {
        margin-bottom: 10px;
    }

        .showHideMenu p:hover, .showHideMenu a:hover {
            background-color: #d8d8d8;
        }

/* LOGOUT LAYOUT */


/* FIELDSET LAYOUT */

fieldset {
    font-size: 11px;
}

legend {
    font-size: 14px;
}

/* FIELDSET LAYOUT */

/* PAGER LAYOUT */

.pager {
    border: 1px solid rgb(252,252,252);
    background-color: rgb(252,252,252);
}

    .pager td {
        border: 1px solid rgb(252,252,252);
    }

    .pager table {
        font-size: 14px;
        margin-top: 20px;
    }

        .pager table tr td {
            text-align: center;
            width: 30px;
            background-color: #D8D8D8;
        }

/* PAGER LAYOUT */

/* INFO LAYOUT */

#infodiv {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 11px;
    text-align: justify;
    margin: 0px 10px;
}

/* INFO LAYOUT */

/* INTERNAL ERROR LAYOUT */

#message {
    background: url('../Images/internal-error-image.png') no-repeat;
    text-align: center;
    height: 100px;
    margin-top: 50px;
}

.internal-error-message {
    font-size: 23px;
    font-style: italic;
    line-height: 100px;
    margin-left: 100px;
}

/* INTERNAL ERROR LAYOUT */

/* WELCOME HOME LAYOUT */

#welcome {
    background: url('../Images/home-icon.png') no-repeat;
    text-align: center;
    height: 100px;
    margin-top: 50px;
}

.welcome-message {
    font-size: 23px;
    font-style: italic;
    line-height: 100px;
    margin-left: 100px;
}

/* WELCOME HOME LAYOUT */

/* REPORT HOME LAYOUT */

#report {
    background: url('../Images/help-icon.png') no-repeat;
    text-align: center;
    height: 100px;
    margin-top: 50px;
}

.report-message {
    font-size: 23px;
    font-style: italic;
    line-height: 100px;
    margin-left: 100px;
}

/* REPORT HOME LAYOUT */

/* E2E REPORT HOME LAYOUT */

#e2e-report {
    background: url('../Images/e2e.png') no-repeat;
    text-align: center;
    height: 100px;
    margin-top: 50px;
}

.e2e-report-message {
    font-size: 23px;
    font-style: italic;
    line-height: 100px;
    margin-left: 100px;
}

/* E2E REPORT HOME LAYOUT */

/* CONTROL PANEL HOME LAYOUT */

#control_panel {
    background: url('../Images/control-icon.png') no-repeat;
    text-align: center;
    height: 100px;
    margin-top: 50px;
}

.control_panel-message {
    font-size: 23px;
    font-style: italic;
    line-height: 100px;
    margin-left: 100px;
}

#control_panel_repository {
    background: url('../Images/repository-folder.png') no-repeat;
    text-align: center;
    height: 100px;
    margin-top: 50px;
}

/* CONTROL PANEL LOCATION LAYOUT */

#control_panel_loc {
    background: url('../Images/control_location-icon.png') no-repeat;
    text-align: center;
    height: 100px;
    margin-top: 50px;
}

.control_panel_loc-message {
    font-size: 23px;
    font-style: italic;
    line-height: 100px;
    margin-left: 100px;
}

/* CONTROL PANEL HOME LAYOUT */

/* immagine per checked */

.ischecked {
    background: url('../Images/icon-check_20_new.png') center no-repeat;
}

.notIsChecked {
    background: url('../Images/icon-ics_20_new.png') center no-repeat;
}

.info_container {
    margin-bottom: 10px;
    margin-top: 25px;
}

.info_container_scrollable {
    margin-bottom: 10px;
    margin-top: 25px;
    overflow-y: auto;
    height: 260px;
}

.formView_container {
    border-collapse: separate !important;
    border-spacing: 5px;
    margin: 10px;
    width: 95%;
}


.errorMessage {
    color: Red;
}

.successMessage {
    color: Green;
}

.lightbox_background {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=50);
    left: 0px;
    top: 0px;
    float: left;
    display: none;
    width: 100%;
    height: 500%;
    position: absolute;
    z-index: 1000;
}


.lightbox {
    width: 50%;
    margin-left: 250;
    margin-right: 250;
    margin-bottom: 20;
    z-index: 1001;
}




.lightbox_foto {
    left: 100px;
    top: 20%;
    float: left;
    display: block;
    width: 66%;
    position: absolute;
    z-index: 101;
    display: none;
    background: rgb(247, 246, 248);
}


.lightbox_style {
    padding: 3px;
    height: auto;
    width: auto;
    background: darkgrey;
    position: absolute;
    margin-top: -350;
}

.lightbox_msg {
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 190;
    background: rgb(240,240,240);
    text-align: center;
    display: none;
    z-index: 1000000;
}

table td.tdSetHeaderLeftCell {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    width: 50%;
    background-color: #BDBDBD;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

table td.tdSetHeaderRightCell {
    border-color: transparent;
    background-color: #BDBDBD;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

table td.tdSetValueLeftCell {
    text-align: center;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
    width: 50%;
    font-size: 11px;
}

table td.tdSetValueRightCell {
    text-align: center;
    border-color: transparent;
    width: 50%;
    font-size: 11px;
}

table th.thTransparentLeftRightTopBorders {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.lightbox_label {
}

.bold_info {
    font-size: 20px;
}


.bottom_button {
    float: right;
}

span.left {
    font-size: 14px;
    margin-left: 10px;
}

.right {
    float: right;
}

div.right {
    margin: 10px 10px 0 0;
}


div.title {
    margin: 0 auto;
    width: 335px;
    background: DA3447;
    height: 41px;
    text-align: center;
    color: White;
    font-size: px;
    font-weight: bold;
    line-height: 40px;
}


.editColumn {
    width: auto !important;
}

    .editColumn input {
        margin: 0 5px 0 5px;
    }

.checkBox_td {
    width: 7% !important;
}

.mapsIcon {
    position: absolute;
    top: 93;
    right: 10;
}


.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.title_lightbox {
    background: rgb(120,120,120);
    height: 30px;
    color: white;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}


.lightbox_span {
    margin-left: 10px;
    margin-right: 10px;
}

.lightbox_footer {
    margin-top: 15px;
    margin-bottom: 10px;
}


/*accordion*/


ul.collapsible li label {
    font-size: small;
}

ul.collapsible li span, .popup .field_div {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

div ul.collapsible {
    display: none;
    height: 0;
    overflow: hidden;
    list-style: none;
    background: rgba(238, 238, 238, 1);
    color: black;
    margin-top: 0px;
    padding-left: 0;
}


div.accordion label.accordionTitle {
    /*titolo dell'accordion*/
    display: block;
    width: 100%;
}

div.accordion.selected label.accordionTitle {
    width: 100%; /*background:gray;*/
}

/*solo per explorer*/

ul.collapsible {
    list-style: none;
    margin: 0px;
}

div.accordion.selected, div.accordion.selected ul.collapsible {
    height: auto !important;
    display: block;
}

div.accordion > label > img {
    float: right;
    margin: 3px;
    background: url('../Images/ico-empty-down-arrow-20.png') center no-repeat;
}

div.accordion.selected > label > img {
    float: right;
    margin: 3px;
    background: url('../Images/ico-up-arrow-20.png') center no-repeat;
}

.tagIMG {
    margin: 0 auto;
    width: 20%;
}

.tagImgHorizontal {
    float: right;
    margin: 5px;
    margin-left: 10px;
    border: 2px solid #FF0025;
    width: 100px;
    height: 100px;
}

.modelImgHorizontal {
    float: right;
    margin: 5px;
    margin-left: 10px;
    border: 2px solid #FF0025;
    width: 100px;
    height: 100px;
}

.popup {
    padding: 2px;
    width: 580px;
    font-size: 10px;
    background-color: #FFF;
    color: #333333;
    border: 1px solid #333;
    box-shadow: 2px 2px 3px 3px #CCC;
    border-radius: 5px;
    z-index: 1000000;
}

.scrollitMinor {
    overflow-y: scroll;
    height: 180px;
}

.scrollitMajor {
    overflow-y: scroll;
    height: 280px;
}

.tablePopup .field_div {
    margin-top: 2px;
    margin-bottom: 2px;
}

.divTable {
    display: table;
    width: auto;
    border-spacing: 5px; /*cellspacing:poor IE support for  this*/ /* border-collapse:separate;*/
}

.divTableTag {
    display: table;
    width: 100%;
    border-spacing: 5px; /*cellspacing:poor IE support for  this*/ /* border-collapse:separate;*/
}

.divRow {
    display: table-row;
    width: auto;
    height: 25px;
}

.divCell {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 200px;
}

.divCellColored {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 200px;
    color: #FF0025;
    font-weight: bold;
}

.divCellRight {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 550px;
}

.divCellMedium {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 250px;
}

.divCellMinor {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 100px;
}

.divCellMinorPR {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 140px;
}

.labelTag {
    width: 300px;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
}

.labelTagError {
    width: 300px;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #FF0025;
}

.divBorder {
    border: 2px solid #FF0025;
}

.dimensionicelle {
    width: 200px;
}

.chgProfileStyle {
    display: none;
    width: 260px;
    height: 250px;
    font-size: 12px;
    z-index: 1000000; /*   padding-top:7px;*/
    text-align: justify;
    padding: 10px; /*  padding-left:3px;*/
    position: absolute;
    background-color: #FFF;
    color: #333333;
    border: 1px solid #333;
    box-shadow: 2px 2px 3px 3px #CCC;
    border-radius: 5px; /* background-color:rgb(234,238,249);    border-style:ridge;    elevation:above;*/
    float: left;
}


.viewDscptnStyle {
    display: none;
    width: 400px;
    height: 200px;
    overflow-y: scroll;
    background-color: #FFF;
    color: #333333;
    border: 1px solid #333;
    margin-left: 380px;
    margin-top: -70px;
    box-shadow: 2px 2px 3px 3px #CCC;
    border-radius: 5px;
}

.accordion {
    color: #444;
    cursor: pointer;
    padding: 8px;
    width: 150%;
    text-align: right;
    border: none;
    outline: none;
    font-size: 14px;
}


/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding-left: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
    margin-left: 15px;
    display: none;
    background: url('../Images/verticalLine.png') left no-repeat;
}

.semaphoreImg {
    padding: 1px;
}

.sectionTitle {
    color: #004990;
    text-transform: uppercase;
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin: 5px;
}

.field_td {
    padding-bottom: 5px;
}

.highlight-red {
    font-size: 120%;
    color: rgb(255, 0, 37);
}

#T_MAST_title_lightbox {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

#T_MAST_lightbox_msg {
    border: solid 3px red !important;
    -moz-border-radius: 18px  !important;
    -webkit-border-radius: 18px  !important;
    border-radius: 18px  !important;
    width: 100%  !important;
    
    left: 0px !important;
}

#T_MAST_title_lightbox {
    color: black;
    font-weight: bold;
    font-size: 125%;
}

.label_note {
    display:block;
    font-family: Helvetica, Arial, sans-serif !important;

}

.content {
    font-size: 12px;
}

.content p {
    font-size: 12px;
}

.firstHeading {
    text-align: center;
    color: #1d2bf7;
    margin:auto;
}

.content_list {
    overflow: auto; 
    max-height:400px;
    padding-bottom:8px;
    padding-top:8px;
}

.list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.list li {
	position: relative;
	margin-bottom: 10px;
}

.table_content {
    border-spacing: 5px;
    border-collapse:separate;
    white-space: nowrap; 
}

#map {
    height: 700px;
    width: 750px;
}

.table_content_td {
    height:100%;
    vertical-align: top;
    border-spacing: 5px 0px;
}

.div_img {
    position:absolute;
    top:128px;
}

.img_legenda {    
    height: 30px;
    width: 643px;
    border: solid 1px #d8d8d8;
}

.img_legenda_no_pin {    
    height: 22px;
    width: 750px; 
}

.t_mast_repair_div {
    border-bottom: solid 1px #e0001a;
    border-right: solid 1px #e0001a;
    border-left: solid 1px #e0001a;
}

.t_mast_repair_div h5{
	margin:0;
    padding-left: 5px !important;
    padding-right: 5px !important; 
}

.t_mast_repair_table {

    border-spacing:5px;
    border-collapse:separate;
    font-size:12px;
    font-weight: bold;
}


.export_map {
    position:absolute;
    bottom:0px;
    top:800px;
    height:10px;
}

.export_btn {
   
    width: 140px;
    margin-bottom: 20px;
    margin-left: 12px;
    padding: 5px;
    float: left;
    text-align: center;
    display:none;
}

div#previewImage {
    display:none;
}


.tableDetails{

  float: left;

}


.HeaderNameSortable {
    font-size: 11px;
    color: rgb(185,41,41);
}



.hiddencol {
    display: none;
}