﻿.MainBody {
    color: #646464; /* CUSTOM STILE */
    background-color: #F2F2F2; /* CUSTOM STILE */
    margin: 0px;
    padding: 0px;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-position: 5px 97%; /* CUSTOM STILE */
    background-image: url('Images/Background-Helpdesk.png'); /* CUSTOM STILE */
    background-repeat: no-repeat; /* CUSTOM STILE */
    background-attachment: fixed; /* CUSTOM STILE */
    overflow-y: scroll;
}

#LoggedUser {
    display: inline-flex;
}

#LoggedPhoto {
    overflow: hidden;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
}

.HelpersHeader {
    color: #FFFFFF;
    position: relative;
    background-color: rgb(38, 114,236);
    min-width: 700px;
    width: 100%;
    height: 40px;
    overflow: visible;
    white-space: nowrap;
}

.HelpersHeaderTitle {
    line-height: 38px !important;
    float: left;
    margin-left: 40px;
    display: inline;
    vertical-align: middle;
}

.HelpersHeaderName {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 18pt;
    font-weight: normal;
    display: inline;
    position: relative;
    vertical-align: middle;
}

.HeaderText {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 42pt;
    font-weight: normal;
    margin-left: 100px;
    padding-top: 20px;
    height: 70px;
    line-height: 142%;
}

.SubHeader {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 20pt;
    font-weight: normal;
}

.NormalText {
    font-size: 11pt;
}

.SmallText {
    font-size: 9pt;
}

.LinkText {
    text-decoration: none;
    color: #2672ec;
    font-weight: inherit;
    cursor: pointer;
}

.Bottom {
    clear: both;
    border-top-color: #666666; /* CUSTOM STILE */
    border-top-width: 1px;
    border-top-style: solid;
}

    .Bottom a {
        font-size: 9pt;
        color: #666666; /* CUSTOM STILE */
        text-decoration: none;
    }

.BottomText {
    font-size: 9pt;
    color: #666666; /* CUSTOM STILE */
    text-decoration: none;
}

.ErrorText {
    text-decoration: none;
    color: red;
    font-weight: inherit;
}

.MessageText {
    text-decoration: none;
    color: black;
    font-weight: inherit;
}


/* START: Used to remove the color of "already visited link" from the tiles on the menu page*/
.MenuTile {
    clear: both;
    border-top-color: transparent;
    border-top-style: none;
}

.TransTiles:link {
    color: transparent !important;
    text-decoration: none !important;
}

.TransTiles:visited {
    color: transparent !important;
    text-decoration: none !important;
}

.TransTiles:hover {
    color: transparent !important;
    text-decoration: none !important;
}

.TransTiles:active {
    color: transparent !important;
    text-decoration: none !important;
}

/* END: Used to remove the color of "already visited link" from the tiles on the menu page*/

.TransTilesWait {
    background: url('../../Images/Waiting.gif') no-repeat center center;
}


/*START: Style specific: tile positioning for Company list*/
.Tile_Company {
    height: 150px;
    width: 310px;
    margin: 5px;
}

.Tile_CompanyImage {
    height: 115px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.isotope_container {
    position: relative;
    overflow: hidden;
}

.Tiled_Company {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
    background-color: #636a6a;
    border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
}
/*END: Style specific: menu tile positioningtile positioning for Company list*/

/*START: Style specific: menu tile positioning*/
.Tiled {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

/*END: Style specific: menu tile positioning*/

/*START: Style specific for visible a:link */
.a_link:link {
    color: black !important;
    text-decoration: none;
}
/* CUSTOM STILE */
.a_link:visited {
    color: black !important;
    text-decoration: none;
}
/* CUSTOM STILE */
/*END: Style specific for visible a:link */

/*START: Style for usercontrol Logout and info of the user */

.UserOptionMenuLeftFloatingDiv {
    float: left;
    width: 160px;
    height: 160px;
}

.UserOptionMenuRightFloatingDiv {
    Float: right;
    Width: 50%;
}

.UserOptionMenuMainForm {
    border: 2px solid #646464; /* CUSTOM STILE */
    margin: 0;
    padding: 0;
    height: 200px;
    width: 350px;
    background-color: #FFFFFF; /* CUSTOM STILE */
    border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
}



.BigUserPhoto {
    margin: 10px 5px 10px 10px;
    Width: 160px;
    Height: 160px;
}

.MenuUserGrid {
    margin: 10px 5px 10px 10px;
    Width: 160px;
    Height: 160px;
}
/*END: Style for usercontrol Logout and info of the user */

/*START: Style for MASTER PAGE: APPLICATION.MASTER*/

#containerAppMaster {
    /*min-height: 100%; */ /* position:relative;*/
    overflow: auto;
    position: absolute;
    width: 100%;
    top: 100px;
    bottom: 0;
}

#NavBarMaster {
    background: #F2F2F2; /* CUSTOM STILE */
    height: 44px; /* Height of the header*/
    padding: 1px;
    /*position:absolute;*/
    bottom: 0px;
}

#bodyAppMaster {
    padding-left: 20px;
    padding-right: 20px;
    /*min-height: 100%;*/
    height: 100%;
    /*padding-bottom: 60px;*/ /* Height of the footer */
}

#footerAppMaster {
    width: 100%;
    height: 60px;
    background: #FFFFFF;
}

.UserInfoFrame {
    height: 230px;
    width: 370px;
}

.panelUserInfo {
    position: absolute;
    top: 77px;
    right: 0;
    display: none;
    border: none;
    height: 230px;
    width: 370px;
    filter: alpha(opacity=0);
    opacity: 1;
    z-index: 9999;
}
/*END: Style for MASTER PAGE: APPLICATION.MASTER*/

/*START: Style for ConfigureCompany.aspx and ConfigureUser.aspx*/
.DIV_ContentNavBar {
    text-align: left;
    float: left;
    width: 100%;
    vertical-align: middle;
}


.DIV_ContentNavBarBack {
    text-align: left;
    float: left;
    padding: 5px;
     /*width: 50px;*/
}

.DIV_ContentNavBarOther {
    text-align: left;
    float: left;
    padding: 5px;
    height: 32px;
    vertical-align: middle;
    margin-top: 5px;
}

.NavBarButtonHeight {
    Height: 32px;
}

.NavBarButton {
    Height: 32px;
    Width: 32px;
}

.NavBarButton:hover {
    box-sizing: border-box;
    background: url("../../../App_Themes/MC_Helpdesk/Images/Menu/LeftArrow.png") !important;
    background-size: cover !important;
    width: 32px; /* Width of new image */
    height: 32px; /* Height of new image */
    padding-left: 32px; /* Equal to width of new image */
    -webkit-filter: drop-shadow(1px 1px 0 #2191c0) drop-shadow(-1px 1px 0 #2191c0) drop-shadow(1px -1px 0 #2191c0) drop-shadow(-1px -1px 0 #2191c0);
}

.SearchButton {
    Height: 24px;
    Width: 24px;
}

.DIV_ContentNavBarRight {
    text-align: left;
    float: right;
    padding: 5px;
}

.maincontainer {
    height: 100%;
    width: 100%;
}

.groupOfTilesContainer {
    min-height: 500px;
    height: 96%;
    width: 100%;
}

.contentwrapper {
    float: right;
    height: 100%;
    width: 100%;
    margin-left: -750px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

.contentwrapperFloatLeft {
    float: left;
    width: 100%;
    height: 100%;
}

.contentcolumn {
    margin-left: 750px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
}

.leftcolumn {
    float: left;
    width: 300px; /*Width of left column in pixels*/
    height: 100%;
}

.rightcolumn {
    float: left;
    width: 450px; /*Width of right column in pixels*/
    height: 100%;
}

.innertube {
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
    height: 100%;
}
/*END: Style for ConfigureCompany.aspx*/

#MainMenuContainer {
    position: relative;
    min-width: 1366;
    height: 100%; /*height: 600px;*/
    margin: 0px;
    overflow: scroll;
}

.panel {
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    margin-left: 100px;
}

#BodyContent_SwipeScrollableArea {
    -webkit-user-select: none;
    -moz-user-select: none;
    position: relative;
    min-width: 1366;
    height: 96%; /*600px;*/
    margin: 0px;
    float: none;
}

.Header {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    min-width: 700px;
    width: 100%;
    height: 104px;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: auto;
    /*position: absolute;*/
}

.HeaderTitle {
    float: left;
    margin-left: 40px;
    display: inline;
    margin-top: 6px;
    vertical-align: middle;
}

.HeaderName {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 25pt; /*42*/
    font-weight: normal;
    display: inline;
    position: relative;
    vertical-align: middle;
}

#LoggedUser {
    text-align: right;
    margin-right: 30px;
    margin-top: 6px;
    display: inline;
    float: right;
    width: 40%;
}

#LoggedName {
    text-align: right;
}

#LoggedCompany {
    font-size: 15px; /*20*/
    text-align: right;
}

.triggerUserInfo {
    height: 40px;
    width: 40px;
}

.HeaderLogo {
    display: inline;
    position: relative;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    /*padding: 5px;*/
    background-repeat: no-repeat;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
}

#DivHeaderLogo {
    float: left;
    /*height: 32px;
	width: 32px;*/
    text-align: left;
    vertical-align: middle;
    padding-right: 10px;
}

#LoggedPhoto {
    border: thin solid rgb(207, 207, 207);
    float: right;
    height: 40px;
    width: 40px;
    text-align: right;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 4px;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
}

.draggable {
    height: 96%;
}

.tabula {
    height: 100%;
}

.tabulaCell {
    height: 100%;
}


.GroupOfTiles {
    margin: 0px;
    padding: 0px;
    overflow: visible;
}

.Tile_h1_w1 {
    height: 150px;
    width: 150px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.Tile_h1_w1_Backgroud {
    background-color: gray;
}

.rounded_corners {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.Tile_h1_w2 {
    height: 150px;
    width: 310px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    /*background-color:gray ! important;*/
}

.Tile_h1_w2_Backgroud {
    background-color: gray !important;
}

.Tile_h1_w3 {
    height: 150px;
    width: 470px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    /*background-color:gray ! important;*/
}

.Tile_h1_w3_Backgroud {
    background-color: gray !important;
}


.Tile_h2_w1 {
    height: 310px;
    width: 150px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    /*background-color:gray ! important;*/
}

.Tile_h2_w1_Backgroud {
    background-color: gray !important;
}

.Tile_h2_w2 {
    height: 310px;
    width: 310px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    /*background-color:gray ! important;*/
}

.Tile_h2_w2_Backgroud {
    background-color: gray !important;
}

.Tile_h2_w3 {
    height: 310px;
    width: 470px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    /*background-color:gray ! important;*/
}

.Tile_h2_w3_Backgroud {
    background-color: gray !important;
}

.Tile_h3_w1 {
    height: 470px;
    width: 150px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    /*background-color:gray ! important;*/
}

.Tile_h3_w1_Backgroud {
    background-color: gray !important;
}

.Tile_h3_w2 {
    height: 470px;
    width: 310px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 40px;
    margin-top: 0px;
    /*background-color:gray ! important;*/
}

.Tile_h3_w2_Backgroud {
    background-color: gray !important;
}


.Tile_h3_w3 {
    height: 470px;
    width: 470px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    /*background-color:gray ! important;*/
}

.Tile_h3_w3_Backgroud {
    background-color: gray !important;
}


/* bottom text on tiles*/
.TileTextPosition_h1 {
    left: 20px;
    bottom: 10px;
    position: absolute;
    z-index: 999;
    color: White !important;
    font-size: 9pt;
}

.TileTextPosition_h2 {
    left: 20px;
    top: 305px;
    position: absolute;
    z-index: 999;
    font-weight: bold;
    color: White;
}

.TileTextPosition_h3 {
    left: 20px;
    top: 465px;
    position: absolute;
    z-index: 999;
    font-weight: bold;
    color: White;
}

/* bottom text on tiles*/

/* middle text on tiles*/
.TileMiddleTextPosition_h1 {
    left: 20px;
    bottom: 9px;
    position: absolute;
    z-index: 999;
    color: White;
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 9pt;
    width: 124px;
}

/* middle text on tiles*/

/* Main Info on Tiles*/

.TileTextBoxMainInfo_H1 {
    color: White;
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 62pt;
    left: 20px;
    top: -5px;
    position: absolute;
}

.TileTextBoxSecondaryInfo_H1 {
    left: 20px;
    top: 90px;
    color: White;
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 11pt;
    position: absolute;
    font-weight: bold;
}

/* Main Info on Tiles*/

.Tile_h1_w2_body {
    height: 130px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.Tile_h1_w2_footer {
    height: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}

.Tile_h1_w3_body {
    height: 130px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.Tile_h1_w3_footer {
    height: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}


/*FOOTER START*/
#footer {
    background: #1A1A1A;
    width: 100%;
    font-size: 10px;
    color: #BCBCBC;
    position: fixed;
    bottom: 0px;
}

    #footer #footer_content {
        width: 100%;
        margin: 0px auto;
        display: none;
    }

        #footer #footer_content .footbox {
            background: #1F1F1F;
            width: 265px;
            padding: 15px 20px 20px 20px;
            margin: 20px 10px 20px 10px;
            float: left;
        }

#footer_button {
    width: 50px;
    /*width: 100%;*/
    margin-bottom: 2px;
    margin-right: 2px;
    text-align: center; /*center*/
    font-size: 32px;
    /*color: Fuchsia;*/
    cursor: pointer;
    float: right;
}

.footerToggleButton {
    text-align: right;
    right: 5px;
    margin-right: 10px;
    /*position: fixed;
width: 32px;
height: 32px;
right: 1px;*/
}
/*FOOTER END*/
/*HubBar START */
.OpenHubBar {
    float: right;
    margin-left: 10px;
    vertical-align: middle;
}

.OpenHubBar:hover{
    cursor: pointer;
}

/*.chiudi{ font-size:18px; color:#000; font-weight:bold; position:absolute; right:2%; top:0%;  cursor:pointer;}*/
#HubBarBox {
    width: 100%;
    height: 126px;
    background-color: #bfbfbf;
    display: none;
    z-index: +300;
    position: absolute;
    top: 0px;
}

.overlayForHubBar {
    background: #000;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    cursor: pointer;
    /*Transparence cross browser */
    opacity: .0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.TableHubBar {
    margin: 0px;
    height: 100%;
    margin-right: 10px;
}

.HubBarTiles {
    margin-left: 10px;
    height: 120px;
    width: 120px;
    top: 3px;
    float: left;
}

.HubBarTiles img{
    margin-top: 3px;
    border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
}
    /* Zoom img*/
    .HubBarTiles a img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .HubBarTiles a:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05);
    }

.HubBarLink:link {
    color: transparent !important;
    text-decoration: none !important;
}

.HubBarLink:visited {
    color: transparent !important;
    text-decoration: none !important;
}

.HubBarLink:hover {
    color: transparent !important;
    text-decoration: none !important;
}

.HubBarLink:active {
    color: transparent !important;
    text-decoration: none !important;
}

/*generate a glowing shadow around the object, best with dark divs or panels.*/
.glowingshadow {
    color: #fff;
    /*border-radius: 4px;*/
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 15px #ccc;
    padding: 10px;
}


/*HubBar END */


#TwoColumnsWrapper {
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    /*background-color: Fuchsia;
	color: Aqua;*/
    height: 100%;
}

#mainOfTwoColumnsWrapper {
    margin-left: 185px;
    /*max-width: 600px;*/
    height: 100%;
    padding: 0px 0px 0px 0px;
}

#sidebarConfig {
    float: left;
    padding: 0px 0px 0px 0px;
    /*background-color:  #636a6a;*/
    height: 100%;
    margin-left:20px;
}

.clear {
    clear: both;
}

#SearchContainer {
    width: 180px;
    padding: 10px;
}

.VerticalMenuItem {
    height: 30px;
    width: 180px;
}

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

    .modalPopup p {
        padding: 5px;
    }

.panelValidator {
}

.Validator {
    color: Red;
    font-size: 11px;
}

.parameterObject {
    width: 100%;
}

.panParametersServerSideInternal {
    background-color: white;
}

.panParametersServerSide {
    background-color: white;
}

.panParametersServerSideCustom {
    background-color: white;
    background-color: white;
    /*margin: 50px;*/
    width: 650px;
    margin:auto;
    margin-top:30px;
        border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
}
.panelParameters {
    margin: 0px;
    padding: 8px;
    height: 100%;
    overflow: hidden;
}

.panelParametersLeft {
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 10px;
    float: left;
    text-align: right;
    width: 250px;
}


.panelParametersDestra {
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    margin-left: 0px;
    float: left;
    text-align: left;
    width: 300px;
}




/* Sidebar */

.panelParametersSidebar {
    margin: 0px;
    padding: 3px;
    overflow: hidden;
    text-align: left !important;
}

.panelParametersLeftSidebar {
    margin: 0px;
    padding: 3px;
    overflow: hidden;
    margin-left: 100px;
    float: left;
    text-align: left !important;
}

.panParametersServerSideInternalSidebar {
    background-color: white;
}

.panParametersServerSideSidebar {
    background-color: white;
    margin: 50px;
}

/* Fine Sidebar */



/* Floats */

.left {
    float: left;
}

.right {
    float: right;
}

.clearer {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
}


/*
	Example specifics
------------------------------------------------------------------- */

/* Layout */

#center-wrapper {
    margin: 0 auto;
    /*float: left; */
    width: 98%;
    height: 100%;
}


/* Content & sidebar */

#content, #sidebar {
}

#sidebar {
    background-color: Gray;
    border-color: #BCD;
    border-style: inset;
    border-width: thick;
    display: none;
    height: 90%;
}

#sidebar1 {
    font-size: 15px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
}

#content { /*
	background-color: #EFE;
	border-color: #CDC; */
}

.use-sidebar #content {
    width: 78%;
}

.use-sidebar #sidebar {
    display: block;
    width: 34%;
}

.use-sidebar.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar {
    float: right;
}

.use-sidebar.sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar {
    float: left;
}


.SideBarLabelValue {
    border-width: thin;
    color: Black;
}


.QueryParameterLabelDescription {
    color: Black !important;
}

.headerButtonsRight {
    float: right;
    height: 100%;
    margin-left: 10px;
    margin-right: 28px;
}

.headerButtonsLeft {
    float: left;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.divExecution {
    margin: 0px;
    padding: 3px;
    /*height: 100%;*/
    /*overflow: auto;*/
    margin-left: 3px;
    float: left;
    text-align: left;
}

.divButton {
    margin: 1px;
    padding: 3px;
    height: 128px;
    width: 240px;
    overflow: hidden;
    margin-left: 0px;
    float: left;
}

.QueryList {
    width: 180px;
    position: relative;
    float: left;
    margin: 2px;
}


.panelCompanyConfig {
    /*Used in ConfigureCompany.aspx*/
    height: 100%;
    width: 90%;
    margin: 40px;
    /*background-color: #6f7171;*/
}

.divCompanyPic {
    /*Used in ConfigureCompany.aspx*/
    float: left;
    height: 100%;
    width: 214px;
}

.imageCompanyPic {
    /*Used in ConfigureCompany.aspx*/
    height: 160px;
    width: 214px;
}

.HorizontalPadding {
    /*Used in ConfigureCompany.aspx*/
    padding-top: 15px;
    padding-left: 20px;
}

.HorizontalPadding_Hovered:hover {
    /*background-color: #969696;
    border: solid 1px WhiteSmoke;
    color: White;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;*/
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.TwoColumnsContainer {
    /*Used in ConfigureCompany.aspx*/
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.RightColumn {
    /*Used in ConfigureCompany.aspx*/
    margin-left: 320px;
}

.LeftColumn {
    /*Used in ConfigureCompany.aspx*/
    width: 215px;
    float: left;
    padding: 0px 0px 0px 0px;
}

.WebExplorerBarItemCompany {
    height: 45px;
    /*width: 180px;
	background-color: transparent;*/
    background-image: none !important;
}

.BorderedDiv {
    /*Used in ConfigureCompany.aspx*/
    padding-top: 5px;
    padding-left: 5px;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
    width: 500px;
    border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    background: rgba(230,230,230,0.8);
}

.WebServiceText {
    width: 98%;
}

.WebServiceNumericText {
    width: 50px;
}


.LeftWebDataMenu {
    margin-top: 40px;
    width: 180px;
}

.TableMasterWebUserControl {
    /*border:1px solid white;*/
    padding: 0px;
    width: 100%;
    height: 100%;
}


.TdMasterWebUserControl {
    vertical-align: top;
    width: 200px;
}

.divTitle {
    width: 100%;
    text-align: center;
}

.ctn {
    height: 100%;
}

.ExecControl {
    text-align: center;
    height: 100%;
}

/*Class for ListBox (users and companies picker)*/
.ListBoxPicker {
    background-color: #d0d0d0;
}

option {
    color: White;
}

/*Class for text editor width*/

.EditorTextWidth {
    width: 180px;
}

/*Class for left sidebar container*/
.LeftSideBarBackColor {
    bottom: 0px;
    background-color: #f6f6f6;
    overflow-x: hidden;
    overflow-y: auto;
}

/*Class popup close button in ModalPopupExtender WebQueries*/
.popUpclose {
    position: absolute;
    background: url(images/closebox.png) 0 0 no-repeat;
    width: 24px;
    height: 27px;
    display: block;
    top: -7px;
    right: -7px;
}
/*Button that closes the params panel of the Custom.aspx page*/
.CloseButtonForParams {
    position: relative;
    background: url(images/closebox.png) 0 0 no-repeat;
    width: 24px;
    height: 27px;
    display: block;
    left:620px;
}
/* class for Ok button DIV in ModalPopupExtender WebQueries */
.panelParametersOkButton {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}
/* class for Ok button DIV in ModalPopupExtender WebQueries(non usato per ora...) */

.tableParametersOkButton {
    border-style: solid;
    border-width: medium;
    border-color: transparent;
    text-align: center !important;
}

.QueryTileClass {
    height: 128px;
    width: 240px;
    background-color: #666666;
    border-style: none;
    color: White;
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
}




/*.swipeScrollBar
{

	scrollbar-3d-light-color: transparent;
	scrollbar-arrow-color: #2ebd0b;
	scrollbar-base-color: transparent;
	scrollbar-dark-shadow-color: transparent;
	scrollbar-face-color: transparent;
	scrollbar-highlight-color: transparent;
	scrollbar-track-color: transparent;
}
*/

#MainViewDocContainer {
    /*position: relative;
	min-width: 1366;
	/*height: 100%;/*height: 600px;*/
    /*margin: 0px;
	overflow: scroll; */
}

.unidocxTitle {
    color: Gray;
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 20px;
    width: 100%;
}

.unidocxLabel {
    color: Black;
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 20px;
    width: 100%;
}

.unidocxInfo {
    color: Black;
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
    font-size: 30px;
    width: 100%;
}

.cellUnidocx {
    border-width: 2px;
    border-style: solid;
    border-color: Black;
    height: 60px;
    width: 320px;
    text-align: center;
}

.DivideLine {
    border-top: 1px solid #535353;
}


#waitingLogo {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('Images/Wait32x32-White.gif');
}

#waitingText {
    color: White;
    font-size: 14px;
    font-family: Verdana;
    background-color: transparent;
}

#waitingcontent {
    padding: 2px;
    margin-left: 125px;
    text-align: center;
    height: 600px;
    position: absolute;
    margin-left: -125px;
    top: -35px;
    left: 50%;
    width: 250px;
    height: 70px;
    visibility: visible;
}

.MousePointer {
    cursor: pointer;
}

/*Omar : 2013-04-24 dropdownlist START*/

select {
    border: 1px solid transparent;
    color: #000;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 200px;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
    font-size: 11pt;
    font-weight: normal;
    background-color: rgb(208, 208, 208);
}

select option {
    background: #d0d0d0;
     color: #000000;
}

    select option:first-child {
    border-top-right-radius: .35rem;
    -webkit-border-top-right-radius: .35rem;
    -moz-border-radius-topright: .35rem;
    border-top-left-radius: .35rem;
    -webkit-border-top-left-radius: .35rem;
    -moz-border-radius-topleft: .35rem;
    }

/*Omar : 2013-04-24 dropdownlist END*/

.GenericErrorBody {
    background: #808080;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    overflow: hidden;
    color: White;
}

.NotAvailable {
    text-align: center;
    vertical-align: middle;
    height: 150px;
    width: 100%;
}

.NotAvailableText {
    top: 65px;
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    overflow: hidden;
    color: White;
}

/* Docupoint Roberta */

.ImageButtonNewDocument {
    text-align: center;
    width: 100%;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    overflow: hidden;
    color: inherit;
    background-image: url('../../Images/DPWebViewer/New_Document.png');
    background-color: transparent;
    width: 150px;
    height: 150px;
}

.ImageButtonOpenDocument {
    text-align: center;
    width: 100%;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    overflow: hidden;
    color: inherit;
    background-image: url('../../Images/DPWebViewer/Open_Document.png');
    background-color: transparent;
    width: 150px;
    height: 150px;
}

.DocupointMenu {
    text-align: center;
}

.clearfix::before {
    display: table;
    content: "";
}

.clearfix::after {
    display: table;
    content: "";
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

#container {
    padding: 5px;
    border: 1px solid rgb(102, 102, 102);
    margin-bottom: 20px;
}



.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

        /**** disabling Isotope CSS3 transitions ****/

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

.tabulaDocupointModule {
    /*height: 100%;*/
    width: 98%;
}

.option-set {
    padding-bottom: 1em;
    list-style-type: none;
}

    .option-set h3 {
        font-size: 15px;
        margin-bottom: 0.2em;
    }

    .option-set h4 {
        font-weight: bold;
    }

    .option-set ul {
        list-style: none;
        margin: 0px;
    }

        .option-set ul ul {
            margin-left: 1.5em;
        }

    .option-set li {
        margin-bottom: 0.2em;
        float: left;
    }

        .option-set li a {
            /*padding: 0.4em 0.5em; color: rgb(34, 34, 34); font-weight: bold; display: block; background-color: rgb(221, 221, 221); text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );*/
            padding: 0.4em 0.5em;
            color: rgb(34, 34, 34);
            font-weight: bold;
            display: block;
            text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
        }

            .option-set li a:hover {
                background-color: rgb(85, 187, 255);
                border-radius: 7px;
                -webkit-border-radius: 7px;
                -moz-border-radius: 7px;
            }

            .option-set li a:active {
                box-shadow: inset 0px 2px 8px hsla(0, 0%, 0%, 0.6);
                background-color: rgb(51, 153, 221);
                -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
                -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
                -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
            }

        .option-set li a {
            border-right-color: hsla(0, 0%, 0%, 0.2);
            border-left-color: hsla(0, 0%, 100%, 0.3);
            border-right-width: 1px;
            border-left-width: 1px;
            border-right-style: solid;
            border-left-style: solid;
        }

        .option-set li:first-child a {
            /*lascio questo come promemoria, metteva il rounded solo angono sup sx e angolo inf sx*/
            /* border-radius: 7px 0px 0px 7px; border-left-color: currentColor; border-left-width: medium; border-left-style: none; */
            border-radius: 7px;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
        }

        .option-set li:last-child a {
            border-radius: 7px;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
        }

        .option-set li a.selected {
            color: white;
            background-color: rgb(17, 51, 255);
            text-shadow: none;
        }

    .option-set .option-combo {
        margin-right: 10px;
        float: left;
        display: inline-block;
    }

        .option-set .option-combo ul {
            margin-right: 20px;
            display: inline-block;
        }

        .option-set .option-combo h2 {
            line-height: 34px;
            margin-right: 5px;
            margin-bottom: 0px;
            vertical-align: top;
            display: inline-block;
        }

        .option-set .option-combo h4 {
            line-height: 34px;
            margin-right: 5px;
            margin-bottom: 0px;
            vertical-align: top;
            display: inline-block;
        }

.DocupointPreferredListHeader {
    width: 98%;
    text-align: center;
}

DdPreferred {
    /*width : 90%; */
    text-align: center;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
}

/*Tutto questo per gestire una combo box che dovrebbe gestirsi da sola.... */
.WindowsStyle .ajax__combobox_inputcontainer {
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    width: 100%;
}

.WindowsStyle .ajax__combobox_textboxcontainer {
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    width: 95%;
}

    .WindowsStyle .ajax__combobox_textboxcontainer input {
        font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
        font-size: 11pt;
        width: 100%;
    }

.WindowsStyle .ajax__combobox_buttoncontainer {
}

    .WindowsStyle .ajax__combobox_buttoncontainer button {
        background-position: center;
        background-repeat: no-repeat;
        border-color: ButtonFace;
        height: 15px;
        width: 15px;
    }

.WindowsStyle .ajax__combobox_itemlist {
    margin: 0px;
    padding: 0px;
    cursor: default;
    list-style-type: none;
    text-align: left;
    border: solid 1px ButtonShadow;
    background-color: Window;
    color: WindowText;
    top: 99px !important;
    left: auto !important;
    position: absolute !important;
    overflow: hidden !important;
    display: block !important;
    width: 100%;
}

    .WindowsStyle .ajax__combobox_itemlist li {
        font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
        font-size: 11pt;
        white-space: nowrap;
        width: 100%;
        padding: 0 3px 0 2px;
    }

/*Fine comboBoAjax:*/

.Div_ForDdPreferred {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}


.Div_ForGrdPreferred {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}


.GrdConditions {
    width: 98% !important;
}

.Div_Commands {
    margin-left: 45px;
    position: absolute!important;
    top: 100px !important;
}

.Div_Commands_right {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

.wneTop {
    width: 40px;
}

.ddOrderBy {
    width: 70px;
}

/*Icons Menu:*/

.NewModule {
    width: 64px;
    height: 64px;
    background: url('Images/Document.png');
}

.FilterOneCellValue {
    width: 64px;
    height: 64px;
    background: url('Images/filterCell.png');
}

.FilterMoreCellsValue {
    width: 64px;
    height: 64px;
    background: url('Images/FilterColValues.png');
}

.CancelFilter {
    width: 64px;
    height: 64px;
    background: url('Images/FilterRemove.png');
}

.Search {
    width: 64px;
    height: 64px;
    background: url('Images/Search_sticker.png');
}

.SaveGridSetting {
    width: 64px;
    height: 64px;
    background: url('Images/saveGrd.png');
}

.HideShowGridColumns {
    width: 64px;
    height: 64px;
    background: url('Images/Hiding_Icon.png');
}

.AddUser {
    width: 64px;
    height: 64px;
    background: url('Images/User-Add.png');
}

.DeleteUser {
    width: 64px;
    height: 64px;
    background: url('Images/User-Delete.png');
}

.EditUser {
    width: 64px;
    height: 64px;
    background: url('Images/User-Modify.png');
}

.SaveUser {
    width: 64px;
    height: 64px;
    background: url('Images/User-Save.png');
}

.AddCompany {
    width: 64px;
    height: 64px;
    background: url('Images/Company-Add.png');
}

.DeleteCompany {
    width: 64px;
    height: 64px;
    background: url('Images/Company-Delete.png');
}

.EditCompany {
    width: 64px;
    height: 64px;
    background: url('Images/Company-Modify.png');
}

.SaveCompany {
    width: 64px;
    height: 64px;
    background: url('Images/Company-Save.png');
}
/*End Icons Menu:*/

.Div_List {
    margin-left: 20px;
    margin-top: 0px;
}

.lblFilter {
    margin-left: 20px;
    text-align: right;
}

.MenuFilter {
    margin-left: 20px;
    text-align: left;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    color: White;
}

.MenuFilterItem {
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    color: White;
}

.MenuFilterControl {
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    color: White;
}

#PopUp {
    display: none;
    position: absolute;
    background-color: #E2E2E2;
    color: black;
    font-size: 10pt;
    border: solid 1px #525252;
    padding: 3px;
    color: Black;
    text-align: center;
    left: 100px;
    top: 50px;
    padding: 10px;
    text-align: justify;
    width: 140px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.LabelPopUp {
    color: Black;
}

.AddRowTable {
    border-style: solid;
    border-width: medium;
    border-color: transparent;
    margin-left: 20px;
}

.DivErrorOnPreferred {
    margin-left: 20px;
    float: left;
}

.DivLabelMessage {
    margin: 100px;
}

.pangrdPopUp {
    margin: 20px;
    background-color: white;
}



/* End Docupoint Roberta */

/*Paolo: 2013-11-04 DocuPoint START*/

.DPWebViewerRenderedFormToolbar_NewDPDocument {
    width: 64px;
    height: 64px;
    background: url('Images/Document.png');
}

.DPWebViewerRenderedFormToolbar_SaveDPDocument {
    width: 64px;
    height: 64px;
    background: url("Images/SaveButton.png");
}

.VB6Label {
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
    font-weight: normal;
    overflow: hidden;
    border: 0px;
}

.VB6ReadOnly {
    border: 2px solid #D9D9D9;
    color: #C8C8C8;
    background-color: #EAEAEA;
}

.VB6GroupBoxINFRA {
    background-color: rgb(29, 29, 29);
    color: #FFFFFF;
}

    .VB6GroupBoxINFRA legend {
        background-color: inherit;
        color: inherit;
    }

.VB6HyperLink {
    background-color: inherit;
    color: inherit;
}


/*Paolo: 2013-11-04 DocuPoint  END*/

/*Paolo: 2014-04-08 Doconut viewer START */

.DocumentViewer_body {
    margin: 0px;
    font-family: Verdana;
    font-size: 12px;
}

#DocumentViewer_cmbPages {
    margin-bottom: 2px;
}

.DocumentViewer_menuDiv {
    display: inline-block;
    text-align: center;
    padding: 5px;
}

select {
    -moz-appearance: button;
    -webkit-appearance: button;
    border: 1px dotted;
    background: #fff;
    color: #766A62;
    margin: 0;
    overflow: hidden;
    padding: 2px;
    border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    cursor: pointer;
}


#DocumentViewer_toolsDiv {
    display: block;
    background-color: #F5F6CE;
    overflow: visible;
}


.docMain {
}

.docRightPane {
}

.docLeftPane {
}


.docThumb {
}

.docThumbHover {
}

.docThumbFocussed {
}

.docPage {
}

.docPageHover {
}

.docPageFocussed {
}

.docToolTip {
}

/*Paolo: 2014-04-08 Doconut viewer END */



.btnExport {
    display: none;
}


.grdAtAGlance {
    top: 0px !important;
    overflow: hidden !important;
}

.TableChartControl {
    align-content: center;
    width: 100%;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
}

.dahboardDescription {
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 8pt;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 5px;
}

.chartDescription {
    color: whitesmoke;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: x-small;
}

.Dashboard_toolbar {
    margin-left: 20px;
}

.gaugeControl {
    /*position: absolute;
  top: 50%;
  left:0px;
  margin: -15% 0 0 -25%;*/
}

.divImage {
    position: absolute;
    top: 3px;
    left: 220px;
}

.refreshButton {
    position: absolute;
    top: 3px;
    left: 190px;
}

.LoginButton {
    border-style: solid;
    border-color: white;
    border-width: 2px;
    background-color: rgb(1, 130, 135);
    color: white;
    width: 95px;
    height: 30px;
    float: left;
}
.ParamsButton {
    border-style: solid;
    border-color: white;
    border-width: 2px;
    background-color: #595959;
    color: white;
    height: 30px;
    float: left;
    border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

div.LoginDiv { /* CUSTOM STILE */
    border: 1px solid #F59B0A;
}

.LoginPadding {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 10px;
    font-size: 11pt;
}

.LoginText {
    width: 200px;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 11pt;
}

.LoginFrame {
    border-spacing: 10px;
    border-collapse: collapse;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
}

.LoginBottom {
    padding-top: 15px;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
}

.LoginFailure {
    color: Red;
    padding-bottom: 10px;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
}


/* CSS file for BBMetroStyle 
 * version: 1.130320
 */


/* ==========================================================================
Typography
========================================================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma, Arial,Verdana,sans-serif;
    font-weight: 400;
    font-size: 11pt;
    line-height: 20px;
}

h2 {
    font-size: 1.5em;
    margin: 0.40em 0;
}

h4 {
    /*font-size: 1em;*/
    font-size: 11.5pt;
}

SwimlaneH2 {
    font-family: Tahoma, Arial,Verdana,sans-serif;
    font-weight: 400;
    font-size: 18pt;
    line-height: 35px;
}

.alinkTile {
    color: #ffffff;
    font-weight: bold;
}

/* ==========================================================================
Tables
========================================================================== */
table.tileContentTableWithBorder {
    width: 100%;
    border-spacing: 0px;
    border-style: none;
    border-color: #FFFFFF;
    border-collapse: collapse;
    background-color: inherit;
}

    table.tileContentTableWithBorder th {
        padding: 1px;
        border-style: none;
        border-color: #FFFFFF;
        background-color: inherit;
        border-collapse: collapse;
        /*-moz-border-radius: ;*/
    }

    table.tileContentTableWithBorder td {
        padding: 1px;
        background-color: inherit;
        border-left: 4px solid #FFFFFF !important;
        border-right: 4px solid #FFFFFF !important;
        border-top: 2px solid #FFFFFF !important;
        border-bottom: 2px solid #FFFFFF !important;
        border-collapse: collapse;
        /*-moz-border-radius: ;*/
    }

/* --------------------------------------------------------------------- */
table.tileContentTableWithBottomBorder {
    width: 100%;
    border-width: 1px;
    border-spacing: 1px;
    border: 0px solid #FFFFFF;
    border-collapse: separate;
    background-color: inherit;
}

    table.tileContentTableWithBottomBorder td {
        border-width: 1px;
        padding: 1px;
        border-bottom: 1px solid #FFFFFF !important;
        background-color: inherit;
        border-collapse: collapse;
    }
/* --------------------------------------------------------------------- */
table.tileContentTableWithoutBorder {
    width: 100%;
    border-width: 0px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #FFFFFF;
    border-collapse: collapse;
    background-color: inherit;
}

    table.tileContentTableWithoutBorder th {
        border-width: 0px;
        padding: 1px;
        border-style: solid;
        border-color: #FFFFFF;
        background-color: inherit;
        border-collapse: collapse;
        /*-moz-border-radius: ;*/
    }

    table.tileContentTableWithoutBorder td {
        border-width: 0px;
        padding: 1px;
        border-style: solid;
        border-color: #FFFFFF;
        background-color: inherit;
        border-collapse: collapse;
        /*-moz-border-radius: ;*/
    }

/* ==========================================================================
Swimlane
========================================================================== */
.SwimlaneW1Title {
    width: 148px;
    line-height: 35px;
    background-color: #4f88bb;
    border-style: solid;
    border-width: 1px;
    border-color: #41719c;
}

.Swimlane_w1 {
    width: 150px;
    height: inherit;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    float: left;
    background-color: inherit;
}

.SwimlaneW2Title {
    width: 308px;
    line-height: 35px;
    background-color: #4f88bb;
    border-style: solid;
    border-width: 1px;
    border-color: #41719c;
}

.Swimlane_w2 {
    width: 310px;
    height: inherit;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    float: left;
    background-color: inherit;
}

.SwimlaneW3Title {
    width: 468px;
    line-height: 35px;
    background-color: #4f88bb;
    border-style: solid;
    border-width: 1px;
    border-color: #41719c;
}

.Swimlane_w3 {
    width: 470px;
    height: inherit;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    float: left;
    background-color: inherit;
}

.SwimlaneSeparator {
    height: inherit;
    width: 1px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    float: left;
    background-color: inherit;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #41719c;
}

.SwimlaneIcon {
    width: 30px;
    height: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    float: left;
    background-color: orange;
}

.BBMetroGap20px {
    height: 20px;
    width: 1px;
    background-color: inherit;
    margin: 0px;
    border: 1px solid;
    display: table-cell;
    border-color: rgba(0,0,0,0.1);
}

.BBMetroGap10px {
    height: 10px;
    width: 1px;
    background-color: inherit;
    margin: 0px;
    border: 1px solid;
    display: table-cell;
    border-color: rgba(0,0,0,0.1);
}

.BBMetroGap5px {
    height: 5px;
    width: 1px;
    background-color: inherit;
    margin: 0px;
    border: 1px solid;
    display: table-cell;
    border-color: rgba(0,0,0,0.1);
}
/* ==========================================================================
Tiles
because to flippy jQuery plug-in which create a second div overlapped to our
div, if our div has the marign property set to something different from 0,
the flippy overlapped div, affter the first flip, overflows 
========================================================================== */
/*              +-------+-+-----------------+
 *              | +---+ | | Some Text       |          
 * Tile A       | |   | | | Some Text       |
 *              | +---+ | | Some Text       |
 *              |  _    | | Some Text       |
 *              | |_|   | |              xx |
 *              +-------+-+-----------------+
*/
.tileW2H1AGrid, .tileW2H1ABack,
.tileW2H1BGrid, .tileW2H1BBack,
.tileW2H1CGrid, .tileW2H1CBack {
    width: 310px;
    height: 150px;
    overflow: hidden;
    display: table;
}

.tileW2H1AColumn1 {
    width: 100px;
    height: 150px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Red;*/
}

.tileW2H1AColumn2 {
    width: 10px;
    height: 150px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Green;*/
}

.tileW2H1AColumn3 {
    width: 200px;
    height: 150px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Blue;*/
}

.tileW2H1AColumn1Image {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    background-color: inherit;
    /*background-color : Orange;*/
}

.tileW2H1AColumn1Icon {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin-top: 0px;
    margin-left: 20px;
    margin-bottom: 10px;
    background-color: inherit;
    /*background-color : Orange*/
}

.tileW2H1AColumn3Body {
    width: 180px;
    height: 105px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H1AColumn3Footer {
    width: 180px;
    height: 15px;
    overflow: visible;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: right;
    background-color: inherit;
    /*background-color: Aqua;*/
}
/*              +---------------------------+
 *              |                           |          
 * Tile B       |   Some Text Some Text     |
 *              |                           |
 *              |                           |
 *              |  xx                    xx |
 *              +---------------------------+
*/
.tileW2H1BColumn1 {
    width: 310px;
    height: 150px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Blue;*/
}

.tileW2H1BColumn1Body {
    width: 270px;
    height: 105px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H1BColumn1Footer {
    width: 270px;
    height: 15px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: right;
    background-color: inherit;
    /*background-color: Aqua;*/
}

.tileW2H1BColumn1FooterOnLeftSide {
    width: 270px;
    height: 15px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: left;
    background-color: inherit;
    /*background-color: Aqua;*/
}
/*              +---------------------------+
 *              |                           |          
 * Tile Dead B  |   Some Text Some Text     |
 *              |                           |
 *              |                           |
 *              |  xx                    xx |
 *              +---------------------------+
 * this tile doesn't set the height because
 * the height is set according to the quantity 
 * of data to be displayed. The "display:table-cell"
 * directive assures that the height dimension will
 * be increased by the amount necessary to dispaly
 * all data available
*/
.tileW2H1DeadBGrid, .tileW2H1DeadBColumn1 {
    width: 310px;
    min-height: 150px !important;
    overflow: hidden;
    margin: 0px;
}

.tileW2H1DeadBGrid {
    display: table;
}

.tileW2H1DeadBColumn1 {
    float: left;
    display: table-cell;
    background-color: inherit;
}

.tileW2H1DeadBColumn1Body {
    width: 270px;
    min-height: 105px !important;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H1DeadBColumn1Footer {
    width: 270px;
    height: 15px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: right;
    background-color: inherit;
    /*background-color: Aqua;*/
}

.tileW2H1DeadBColumn1FooterOnLeftSide {
    width: 270px;
    height: 15px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: left;
    background-color: inherit;
    /*background-color: Aqua;*/
}
/*              +---------------------------+ \
 *              |                           |  \         
 * Tile C       |   Some Text Some Text     |   \ Column1Body
 *              |                           |   /
 *              |  _                        |  /
 *              | |_|                    xx |  \  Column1Footer
 *              +---------------------------+  /
*/
.tileW2H1CColumn1 {
    width: 310px;
    height: 150px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Blue;*/
}

.tileW2H1CColumn1Body {
    width: 270px;
    height: 90px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H1CColumn1Footer {
    width: 270px;
    height: 30px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-color: inherit;
    /*background-color: Aqua;*/
}

.tileW2H1CColumn1FooterLeftIcon {
    width: 68px;
    height: 30px;
    overflow: visible;
    margin: 0px;
    float: left;
    background-color: inherit;
    /*background-color : Orange*/
}

.tileW2H1CColumn1FooterRightText {
    width: 202px;
    height: 15px;
    overflow: visible;
    margin: 0px;
    float: left;
    text-align: right;
    background-color: inherit;
    /*background-color: Yellow;*/
}









/*==========================================================================  
 *              +-------+-+-----------------+
 *              | +---+ | | Some Text       |          
 * TileW2H2A    | |   | | | Some Text       |
 *              | +---+ | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |  _    | | Some Text       |
 *              | |_|   | |              xx |
 *              +-------+-+-----------------+
*/
.tileW2H2AGrid, .tileW2H2ABack,
.tileW2H2BGrid, .tileW2H2BBack,
.tileW2H2CGrid, .tileW2H2CBack {
    width: 310px;
    height: 310px;
    overflow: hidden;
    display: table;
    float: left;
}

.tileW2H2AColumn1 {
    width: 100px;
    height: 310px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Red;*/
}

.tileW2H2AColumn2 {
    width: 10px;
    height: 310px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Green;*/
}

.tileW2H2AColumn3 {
    width: 200px;
    height: 310px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Blue;*/
}

.tileW2H2AColumn1Image {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    background-color: inherit;
    /*background-color : Orange;*/
}

.tileW2H2AColumn1Filler {
    width: 100px;
    height: 160px;
    overflow: hidden;
    margin: 0px;
    background-color: inherit;
    /*background-color : Yellow;*/
}

.tileW2H2AColumn1Icon {
    width: 30px;
    height: 30px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-bottom: 10px;
    background-color: inherit;
    /*background-color : Orange;*/
}

.tileW2H2AColumn3Body {
    width: 180px;
    height: 265px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H2AColumn3Footer {
    width: 180px;
    height: 15px;
    overflow: visible;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: right;
    background-color: inherit;
    /*background-color: Aqua;*/
}
/*==========================================================================  
 *              +-------+-+-----------------+
 *              | +---+ | | Some Text       |          
 *TileW2H2DeadA | |   | | | Some Text       |
 *              | +---+ | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |       | | Some Text       |
 *              |  _    | | Some Text       |
 *              | |_|   | |              xx |
 *              +-------+-+-----------------+
*     
 * this tile doesn't set the height because
 * the height is set according to the quantity 
 * of data to be displayed. The "display:table-cell"
 * directive assures that the height dimension will
 * be increased by the amount necessary to dispaly
 * all data available
*/
.tileW2H2DeadAGrid, .tileW2H2DeadAColumn1 {
    width: 310px;
    min-height: 310px !important;
    overflow: hidden;
    display: table;
    float: left;
}

.tileW2H2DeadAColumn1 {
    width: 100px;
    min-height: 310px !important;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Red;*/
}

.tileW2H2DeadAColumn2 {
    width: 10px;
    min-height: 310px !important;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Green;*/
}

.tileW2H2DeadAColumn3 {
    width: 200px;
    min-height: 310px !important;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Blue;*/
}

.tileW2H2DeadAColumn1Image {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    background-color: inherit;
    /*background-color : Orange;*/
}

.tileW2H2DeadAColumn1Filler {
    width: 100px;
    height: 160px;
    overflow: hidden;
    margin: 0px;
    background-color: inherit;
    /*background-color : Yellow;*/
}

.tileW2H2DeadAColumn1Icon {
    width: 30px;
    height: 30px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-bottom: 10px;
    background-color: inherit;
    /*background-color : Orange;*/
}

.tileW2H2DeadAColumn3Body {
    width: 180px;
    height: 265px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H2DeadAColumn3Footer {
    width: 180px;
    height: 15px;
    overflow: visible;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: right;
    background-color: inherit;
    /*background-color: Aqua;*/
}




/*              +---------------------------+
 *              |                           |          
 * Tile B       |   Some Text Some Text     |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |  xx                    xx |
 *              +---------------------------+
*/
.tileW2H2BColumn1 {
    width: 310px;
    height: 310px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Blue;*/
}

.tileW2H2BColumn1Body {
    width: 270px;
    height: 265px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H2BColumn1Footer {
    width: 270px;
    height: 15px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: right;
    background-color: inherit;
    /*background-color: Aqua;*/
}

.tileW2H2BColumn1FooterOnLeftSide {
    width: 270px;
    height: 15px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: left;
    background-color: inherit;
    /*background-color: Aqua;*/
}
/*              +---------------------------+
 *              |                           |          
 * Tile Dead B  |   Some Text Some Text     |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |                           |
 *              |  xx                    xx |
 *              +---------------------------+
 * this tile doesn't set the height because
 * the height is set according to the quantity 
 * of data to be displayed. The "display:table-cell"
 * directive assures that the height dimension will
 * be increased by the amount necessary to dispaly
 * all data available
*/
.tileW2H2DeadBGrid, .tileW2H2DeadBColumn1 {
    width: 310px;
    min-height: 310px !important;
    overflow: hidden;
    margin: 0px;
}

.tileW2H2DeadBGrid {
    display: table;
}

.tileW2H2DeadBColumn1 {
    float: left;
    display: table-cell;
    background-color: inherit;
}

.tileW2H2DeadBColumn1Body {
    width: 270px;
    min-height: 265px !important;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H2DeadBColumn1Footer {
    width: 270px;
    height: 15px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: right;
    background-color: inherit;
    /*background-color: Aqua;*/
}

.tileW2H2DeadBColumn1FooterOnLeftSide {
    width: 270px;
    height: 15px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: left;
    background-color: inherit;
    /*background-color: Aqua;*/
}
/*              +---------------------------+ \
 *              |                           |  \         
 * Tile C       |   Some Text Some Text     |   \ 
 *              |                           |    \
 *              |                           |     \
 *              |                           |      | Column1Body
 *              |                           |	   |	
 *              |                           |     /
 *              |                           |    /
 *              |                           |   / 
 *              |                           |  /
 *              |  _                        |
 *              | |_|                    xx |  \  Column1Footer
 *              +---------------------------+  /
*/
.tileW2H2CColumn1 {
    width: 310px;
    height: 310px;
    float: left;
    display: table-cell;
    background-color: inherit;
    /*background-color : Blue;*/
}

.tileW2H2CColumn1Body {
    width: 270px;
    height: 250px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: inherit;
    /*background-color : Navy;*/
}

.tileW2H2CColumn1Footer {
    width: 270px;
    height: 30px;
    overflow: visible;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-color: inherit;
    /*background-color: Aqua;*/
}

.tileW2H2CColumn1FooterLeftIcon {
    width: 68px;
    height: 30px;
    overflow: visible;
    margin: 0px;
    float: left;
    background-color: inherit;
    /*background-color : Orange*/
}

.tileW2H2CColumn1FooterRightText {
    width: 202px;
    height: 15px;
    overflow: visible;
    margin: 0px;
    float: left;
    text-align: right;
    background-color: inherit;
    /*background-color: Yellow;*/
}

.controlvalidator {
    color: red;
}

/*Asp:UploadFile*/
.UploadButton {
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue",Arial;
    font-size: 10pt;
    cursor: pointer;
}

.imgHand {
    cursor: pointer;
}

tbody.NoWrapping > tr > td {
    white-space: nowrap;
}

.triggerUserInfos{
    cursor: pointer;
}
label:not([onclick]):not([for="BodyContent_chkDefaultAllowModifyParameters"]):not([for="BodyContent_ckProxyEnabled"]):not([for="BodyContent_ckBypass"]):not([for="BodyContent_ckProxyEnabledHighway"]):not([for="BodyContent_ckBypassHighway"]) {
    font-weight: bold;
}
.ighg_MC_Red_CompactExpandButton{
    cursor: pointer;
}
.QueryParameterLabelDescription{
    font-weight: bold;
}
#labAllParameters{
    font-weight: bold;
}
#lblQueryTitle{
    font-weight: bold;
}
img[alt="Close"]{
    cursor: pointer;
}
.igg_MC_Red_CompactFilterButton{
    cursor: pointer;
}
.igg_MC_Red_CompactFilterRuleDropDownItem{
    cursor: pointer;
}
/*Attendere prego........*/
#waitingcontent span {
    color: #646464 !important;
}

#waitingcontent td {
    color: #646464 !important;
}
/*-------------*/

/* CHECKBOXES STYLES */

/* base styles */

input[type="checkbox"] {
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 0 5px 5px 0;
    border: 1px solid #A5A5A5;
    background: -webkit-linear-gradient(#FCFCFC, #DADADA);
    background: linear-gradient(#fcfcfc, #dadada);
    background: -moz-linear-gradient(#fcfcfc, #dadada);
    background: -o-linear-gradient(#fcfcfc, #dadada);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
}

    /* inset shadows */

    input[type="checkbox"]:not(:disabled) {
        box-shadow: inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);
        cursor: pointer;
    }

/* decrease border radius for checkbox */

input[type="checkbox"] {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

    /* hover state */

    input[type="checkbox"]:not(:disabled):hover {
        border: 1.3px solid;
        border-color: rgba(3,126,206,0.7);
        box-shadow: inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.2);
    }

    /* active state */

    input[type="checkbox"]:active:not(:disabled) {
        background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
        background-image: linear-gradient(#c2c2c2, #efefef);
        background-image: -moz-linear-gradient(#c2c2c2, #efefef);
        background-image: -o-linear-gradient(#c2c2c2, #efefef);
        box-shadow: inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.6);
        border-color: #707070;
    }

    /* focus state */

    input[type="checkbox"]:focus {
        outline: none;
        box-shadow: 0 0 1px 2px rgba(0,240,255,0.1);
    }

    /* input checked border color */

    input[type="checkbox"]:checked {
        border-color: #707070;
    }

        /* checkbox checked bg */

        input[type="checkbox"]:checked,
        input[type="checkbox"]:checked:active {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAOVBMVEX///8zMzMqKipCQkI8PDwzMzNISEhISEhISEhCQkIqKio8PDwzMzMqKipISEhCQkI8PDwzMzMqKipFad0NAAAAE3RSTlMAIiIzMzNEZnd3qru7u8zMzMzMuKlnZwAAADhJREFUCNdjYIACJhjNJQRl8ApBWIw8goKsDDw8UAaDgAA3t4AAC1CGkx8ImMGKOPj42KAmsEMYAEUyAa2GdxXhAAAAAElFTkSuQmCC") center no-repeat, -webkit-linear-gradient(#FCFCFC, #DFDFDF);
        }

/* disabled input */

input:disabled {
    border-color: #aaa !important;
}

input:disabled:hover{
    border-color: #aaa !important;
}

    /* style label for disabled input */

    input:disabled + label {
        color: #666;
        cursor: default;
        -webkit-user-select: none;
    }
/*----------------------------------------------------------------------------------*/

.input-box {
    border: 1px solid;
    -webkit-border-radius: .20rem;
    -moz-border-radius: .20rem;
    border-radius: .20rem;
}
.input-box:hover {
    border-color: #dedede;
}
.LoginButton {
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    border-radius: .35rem;
    cursor: pointer;
}

.LoginButton:hover {
    background-color: rgb(1, 108, 112);
}

#TwoColumnsWrapper input:not([type="file"]):not([type="submit"]):not([mkr="Input"]):not([type="checkbox"]) {
    height: 30px;
    width: 300px;
    padding: 0px 10px;
}

#TwoColumnsWrapper input[mkr="Input"] {
    height: 30px;
    width: 300px;
}

div>[mkr=Target]{
    background-color: #dedbdb;
    border-top-left-radius: .35rem;
    border-bottom-left-radius: .35rem;
}

#Cliente{
    width: 280px !important;
}

#NavBar_btnSaveUser, #btnAddUser, #btnDeleteUser,
#btnSaveUser, #btnAddCompany, #btnDeleteCompany,
#btnSaveCompany, #btnPlantNew, #btnplantSave,
#btnplantDel, #btnDepNew, #btnDepSave, #btnDepDel,
#btnMachineNew, #btnMachineSave, #btnmachineDEL {
    -webkit-filter: drop-shadow(2px 2px 0 #4d4d4d) drop-shadow(-2px 2px 0 #4d4d4d) drop-shadow(2px -2px 0 #4d4d4d) drop-shadow(-2px -2px 0 #4d4d4d);
}

#NavBar_btnSaveUser:hover, #btnAddUser:hover, #btnDeleteUser:hover,
#btnSaveUser:hover, #btnAddCompany:hover, #btnDeleteCompany:hover,
#btnSaveCompany:hover, #btnPlantNew:hover, #btnplantSave:hover, 
#btnplantDel:hover, #btnDepNew:hover, #btnDepSave:hover, #btnDepDel:hover,
#btnMachineNew:hover, #btnMachineSave:hover, #btnmachineDEL:hover{
    -webkit-filter: drop-shadow(2px 2px 0 #2191c0) drop-shadow(-2px 2px 0 #2191c0) drop-shadow(2px -2px 0 #2191c0) drop-shadow(-2px -2px 0 #2191c0);
}

#PopUpText, .btnExport {
    display: none !important;
}

div[mkr="DropDownContents"] {
    height: auto !important;
    width: 320px !important;
    border: 2px solid #595959;
}

div#PopUp {
    display: none !important;
}