/* CSS Document need to be "synchronized" with pageStyles2_accessible.css */
* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    font-size: 11px;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    min-width: 1200px;
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: normal !important;
    color: #535353;
    background-color: #FFFFFF !important;
}

img {
    border: 0;
}


textarea{
    /*make cursor visible*/
    padding: 1px;
}

li.tab {
    font-weight: normal !important;
}

@media print {
    .button,
    .list-toolstrip,
    #content_left,
    #content_header,
    #content_footer,
    .content_multitab,
    .dashboard-btn-max,
    #content_search{
        display: none !important;
    }

    html, body {
        height: 99%;
    }
    .widget-title-desc{
        border-left-style: none !important;
    }

    .content_table_form,
    .content_form_table{
        border: none !important;
        padding: 0 !important;;
        border: 0 !important;;
        border-radius: 0 !important;;
        background: transparent !important;;

    }
}

/* ----- clearfix for floats ----- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* hides clearfix from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* end hide from IE-mac */

body.loginPage{
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: calc(100vh - 120px);
    min-height: 400px;
    min-width: unset;
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    input{
        /*font-size: 16px;*/
    }

    /*
    .form_login{
        width: 100vw;
    }

    .campi_form{
        font-size: unset;
    }
    */

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
        font-size: 16px;
    }
}

/*LOGIN*/
#cont_login {
    margin: auto;
    text-align: center;
    overflow: hidden;
    padding: 0;
    border: 0;
}

.logo_login {
    overflow: hidden;
    margin: 0;
    padding: 0 0 15px 0;
    border: 0 solid green;
}
.logo_login img {
    max-height: 100px;
}

#cont_form_login {
    height: 267px;
    width: 100vw;
    background: url(../img/sf_login.png) no-repeat top center;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0 solid green;
}

.form_login {
    width: 330px;
    text-align: left;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5b5b5b;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding: 44px 0 0 0;
    border: 0 solid green;
}

.form_change_password {
    width: 330px;
    text-align: left;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5b5b5b;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 0 0 0;
    border: 0 solid green;
}

.campi {
    overflow: hidden;
    margin: 0;
    padding: 2px 0;
    border: 0 solid blue;
}

.campi_bottom {
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin: 0;
    padding: 2px 0;
    border: 0 solid blue;
}

.campi_form {
    width: 318px;
    /*font-size: 1em;*/
    color: #5b5b5b;
    background-color: #FFFFFF;
    padding: 7px 5px 7px 5px;
    border-radius: 5px;
    border: 1px solid #c6c7c8;
    margin: 0 0 10px 0;
}

.errore {
    color: #DC0000;
}

.errorPage {

}

.errorPage table {
    width: 100%;
    margin-top: 4px;
}

.errorPage table td {
    padding: 4px;
}

.listPage {

}

.managePage {

}

.filterPage {

}

.lookupPage {

}

.printPage {
    min-width: 100%;
}

body.kanbanPage {
    min-width: unset;
}

.modalPage {
    margin: 0;
    padding: 0;
    min-width: inherit;
}

.modalPage #data_content {
    margin: 0;
    padding: 0;
}

.modalPage #content_dx {
    min-width: inherit;
}

body.normalMode #mainMenu.horizontal {
    border-top: 1px white solid;
    text-align: left;
}

body.normalMode #mainMenu.horizontal #staticMenuYUImainMenu_0 ul {
    overflow: hidden;
    white-space: nowrap;
    background-color: #E9F1F6;

}

body.normalMode #mainMenu.horizontal #staticMenuYUImainMenu_0 > .bd > ul > li {
    display: inline-block;
    float: none;
    width: auto;
}

body.normalMode #mainMenu.horizontal > div.yuimenubar, body.normalMode #mainMenu.horizontal span.yuimenubaritemlabel, body.normalMode #mainMenu.horizontal a.yuimenuitemlabel {
    border: 0;
}

body.normalMode #mainMenu ul {
    padding: 0 !important; /* fix YUI menu.css overrides */
}

body.normalMode #mainMenu.vertical ul li:last-child {
    border-bottom: 0;
}

body.normalMode #mainMenu.horizontal li.level0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

body.normalMode #mainMenu li {
    border-bottom: 1px solid #9FAEC5;
    border-top: 1px solid #FFFFFF;
    text-align: left;
    list-style-type: none;
    cursor: pointer;
    background-color: #E9F1F6;
}

body.normalMode #mainMenu.vertical li {
    background: #E9F1F6 url(../img/arrow_menu_sx.png) no-repeat right 10px;
}

body.normalMode #mainMenu li.leaf {
    background: #E9F1F6;
}

body.normalMode #mainMenu li:hover {
    background-color: #F9FAFA;
}

body.normalMode #mainMenu.vertical li:hover {
    text-decoration: none;
}

body.normalMode #mainMenu li > span, body.normalMode #mainMenu li > a {
    font-size: 11px !important; /* fix YUI menu.css overrides */
    padding: 7px 50px 5px 18px !important; /* fix YUI menu.css overrides */
    line-height: 1.2em !important; /* fix YUI menu.css overrides */
    display: block;
    color: #454545;
    text-decoration: none;
    margin: 0;
}

body.normalMode #mainMenu.horizontal li > span,
body.normalMode #mainMenu.horizontal li > a {
    font-weight: 700;
}

body.normalMode #mainMenu.vertical li > span,
body.normalMode #mainMenu.vertical li > a {
    min-width: 150px;
    font-weight: bold;
}

body.normalMode #mainMenu > div > div.bd {
    border: 0 !important; /* fix YUI menu.css overrides */
}

body.normalMode #mainMenu li > div {
    z-index: 250; /* 250 - value found empirically, 999 - causing EJS dropdowns to be hidden in YUI dialog (for unknown reason) */
}

body.normalMode #mainMenu li div.bd {
    border: 1px solid #9FAEC5;
}

body.normalMode #mainMenu .yui-menu-shadow {
    display: none !important; /* fix YUI menu.css overrides */
}

#content {
    /*WA for old browser start*/
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /*WA for old browser end*/
    margin: 0 0 -50px 0;
    padding: 0;
    text-align: center;
    border: 0;
    overflow: hidden;
    border-spacing: 0;
    border-collapse: collapse !important;
}

#content_push {
    height: 50px; /* Should be same as #content margin-bottom */
}

a:link {
    text-decoration: none;
    color: rgb(0, 102, 204);
}

a:visited {
    text-decoration: none;
    color: rgb(0, 102, 204);
}

a:hover {
    text-decoration: underline;
    color: rgb(0, 102, 204);
}

div.yuiAnimated {
    overflow: hidden; /* so we can animate to zero width */
}

#content_header {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    display: flex;
    height: 67px;
    color: #585858;
    background: #DAEAF3 url(../img/bg_header.jpg) repeat-x;
    border-collapse: collapse !important;
}

#content_header h3 {
    margin: 0;
    padding: 0;
    display: inline;
}

#content_header img {
    border: 0;
}

#content_logo {
    margin: 0;
    padding: 0;
}

.logo {
    margin: 0;
    padding: 11px 29px 0 26px;
    width: 125px;
    height: 46px;
}

.profilePicture {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 7px;
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
}

.profilePictureBig {
    margin-left: 5px;
    margin-right: 5px;
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 50%;
}

.box_header {
    margin: 0;
    padding: 0;
    float: left;
    background: url(../img/sep_box_header.jpg) no-repeat left 4px;
}

.box_header_txt {
    text-align: left;
    margin: 0;
    padding: 20px 20px 12px 12px;
}

.box_header_txt_profile_picture {
    text-align: left;
    margin: 0;
    padding: 20px 20px 12px 12px;
    width: 400px;
}

#busta_mail, #busta_chat, #busta_news {
    width: 44px;
    height: 31px;
    text-align: center;
    float: right;
    margin: 25px 5px 10px 5px;
    padding: 0;
    border-radius: 4px;
    background-color: #FFFFFF;
    cursor: pointer;
}

#busta_chat.x-box-item {
    margin: 0 0 0 0;
}

#busta_chat {
    margin-right: 5px;
}

#busta_chat.active {
    border: 1px solid red;
    margin: 24px 4px 9px 4px;
}

#busta_mail > a img,
#busta_news > a img
{
    padding: 5px 7px 5px 7px;
    width:  30px;
    height: 21px;
}

#unreadChatMessagesIcon,
#unreadNewsCountIcon,
#unreadMessagesCountIcon {
    overflow: hidden;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: transparent url(../img/pallino_rosso.png) no-repeat center;
    position: relative;
    top: -15px;
    right: -30px;
    *right: -15px; /* IE7 */
    color: #FFFFFF;
    font-size: 9px;
    padding: 0;
    text-align: center;
    display: none;
}

#unreadChatMessagesIcon.unread,
#unreadNewsCountIcon.unread,
#unreadMessagesCountIcon.unread {
    display: block;
}

.iconBuzzer{
    animation: bell 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@keyframes bell {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }

}

#chatDialog {
    /*z-index: 200;*/
    /*display: none;*/
    /*position: fixed;*/
    /*top: 100px;*/
    /*left: 40px;*/
    height: calc(100vh - 200px);
    width: calc(100vw - 80px);
    /*border: 1px solid rgba(95, 127, 148, 0.48);*/
}

.localChat{
    /*height: 60em;*/
    height: 70vh;
    min-height: 30em;

}

#ticketCardFrame,
#ticketChat iframe,
.chatFrame,
#chatDialog iframe {
    border: 0;
}

#menu_header {
    display: flex;
    margin: 0;
    padding: 30px 15px 15px 15px;
}

#menu_header #menu_container {
    display: flex;
    margin: 0;
}

#menu_header #menu_container .border_li {
    padding: 0 6px 0 4px;
}

#menu_header #menu_container .border_li img {
    position: relative;
    top: 4px;
}

#menu_header .betaModeSwitcher {
    display: flex;
    align-items: center;
}

.link_blu {
    color: #156DBF;
    text-decoration: none;
}

.link_blu:hover {
    color: #001F3B;
    text-decoration: none;
}

.border_li {
    border-right: 1px dotted #606060;
}

#quickSearch,
#quickNavigation,
#quickMenu {
    border: 0;
    height: 19px;
    width: 150px;
    border-radius: 0;
    padding: 0;
    text-indent: 2px;
}

#content_search {
    border-collapse: separate;
    background-color: #DAEAF3;
    border-bottom: 1px solid #B2B2B2;
    padding: 2px 10px;
}

#content_search * {
    /*vertical-align: middle;*/
    white-space: nowrap;
}

#quick_menu {
    float: left;
    padding-top: 3px;
}

#quick_menu button {
    position: relative;
    top: -1px;
}

#search a {
    font-weight: bold;
}

#search form {
    margin: 0;
    padding: 0;
    display: inline-block;
    zoom: 1;
}

#search form > div {
    display: inline-block;
    zoom: 1;
}

#search button img {
    border: 0;
}

#search button {
    position: relative;
    left: -4px;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 0;
    border-radius: 0;
    height: 19px;
}

#quickNavigation {
    width: auto !important;
}

#advanced {
    padding: 1px 0;
    display: inline-block;
    margin-right: 3px;
    zoom: 1;
    *display: inline;
}

#content_corpo {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clear: both;
}

#content_left {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    width: 220px;
}

#content_menu_sx {
    border-right: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    padding: 0;
    overflow: hidden;
    margin: 0 0 10px 0;
}

#top_menu_sx {
    padding: 0;
    height: 25px;
    overflow: hidden;
    background-color: #C5CCD0;
}

#menuOldStatic {
    border-top: 1px solid #9FAEC5;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #E9F1F6;
    color: #454545;
    text-decoration: none;
}

#menuOldStatic a {
    font-weight: bold;
    color: #454545;
    text-decoration: none;
}

#menuOldStatic a img {
    padding: 1px 2px 0 0;
}

#content_dx {
    margin: 0;
    padding: 0;
    overflow: hidden;
    min-width: 980px;
}

#data_content {
    margin: 0;
    padding: 10px 15px 90px 18px;
    overflow: hidden;
    text-align: left;
}
.minimized #data_content {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: left;
}

.dialogPage{
    text-align: left;
}

#data_content.fullScreen {
    margin: 0;
    padding: 10px 15px 10px 18px;
    overflow: hidden;
    text-align: left;
}

#data_content a, #data_content a:visited {
    text-decoration: none;
    display: inline-block;
}

#data_content a:focus, .button:focus {
    outline: 1px dotted #17120f;
}

#content_breadcrumbs {
    color: #626161;
    font-size: 12px;
    margin: 0 0 6px 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    text-align: left;
    font-weight: normal;
}

#content_news_vertical {
    margin: 15px 0;
    width: 218px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #B2B2B2;
}

#content_news_horizontal {
    float: left;
    margin: 5px 15px;
    height: 18px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #B2B2B2;
}

.content_quick_search {
    margin: 32px 15px 0 15px;
    height: 18px;
    flex: 2;
}

.content_quick_search #search_content_body {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.content_quick_search #qsForm {
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content_quick_search #fields_container {
    border: 1px solid #B2B2B2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content_quick_search #fields_container #qsButtons {
    background-color: white;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
}

.content_quick_search #search_content_body #label {
    height: 100%;
    display: flex;
    justify-content: center;
}

.content_quick_search #fields_container #qsForm #content_select #quickNavigation {
    height: 16px;
    display: flex;
    justify-content: center;
    width: 120px!important;
}

.content_quick_search #fields_container #qsButtons i
{
    color: #b7b7bbf2;
}

.content_quick_search #fields_container #qsButtons i:hover
{
    color: grey;
    cursor: pointer;
}

.left {
    float: left;
}

.center {
    float: none;
    text-align: center;
}

.right {
    float: right;
}

.content_tools {
    overflow: hidden;
    clear: both;
    margin: 10px 0 10px 0;
    padding: 0;
    text-align: left;
}

.content_tools .left {
    padding-left: 5px;
}

.flatButton {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    height: auto !important;
    text-transform: none !important;
    color: #505050 !important;
}

.flatButton img {
    text-align: center;
}

input[type="submit"],
input[type="button"],
button,
.button {
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 21px;
    padding: 0 6px;
    line-height: 16px;
    border-radius: 4px;
    border: 1px outset #8bb9d3;
    background: #366f9c url(../img/bg_button.jpg) repeat-x top;
    margin: 0 5px 0 0;
    color: #FFFFFF;
    vertical-align: middle;
    /*text-transform: uppercase;*/
    cursor: pointer;
}

input:invalid:focus,
input:invalid {
    /*background-color: #FDD !important;*/
    outline: none;
    border: red solid 1px !important ;
}
i.fa-button{
    cursor: pointer;
}

div.button {
    border-left: 1px solid #8bb9d3;
    border-top: 1px solid #8bb9d3;
}

.button > span, .button > span img, button svg {
    vertical-align: middle;
    white-space: nowrap;
    font-weight: normal !important;
    font-size: 1em;
}

.button > span img, button svg {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    top: -1px;
}

.button a {
    color: #fff;
    padding-top: 2px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1em;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover,
.button a:hover {
    color: #C7DCE7;
    text-decoration: none;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
.button:disabled {
    border: 1px outset #ddd;
    background: #ccc;
    color: #5c5c5c;
}

.nobordo {
    border: 0;
    padding: 0;
    margin: 0;
}

.fr_up_down {
    float: left;
    width: 10%;
}

.label_up_down {
    float: right;
    width: 80%;
}

.label_up_down2 {
    float: left;
    width: 70%;
}

.label_up_down3 {
    float: left;
    width: 10%;
}

.welcome td {
    text-align: center;
}

.welcome h1,
.welcome .companyLogo {
    font-weight: bold;
    text-align: center;
}

.welcome .companyLogo {
    font-size: 20px;
}

.content_list {
    clear: both;
    margin: 0;
    padding: 0 0 15px 0;
    overflow: hidden;
    background-color: #BCD3DE;
    border-radius: 8px;
}

.content_list .ejs-grid-container,
.content_list .ejs-footer {
    background-color: #fff;
}

form > .list-toolstrip:not(.list-toolstrip:has(*)) {
    display: none;
}
.list-toolstrip {
    color: #505050;
    margin: 0;
    padding: 6px 12px 4px 12px;
    font-size: 12px;
    min-height: 16px;
}

.list-toolstrip label,
.list-toolstrip span {
    margin: 0;
    padding: 0 5px 0 0;
    font-weight: bold;
    vertical-align: middle;
}

.list-toolstrip img, .list-toolstrip button {
    top: -1px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.list-toolstrip .list-navigator-block {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 10px;
}

.list-navigator-block {
    white-space: nowrap;
    vertical-align: middle;
}

.list-navigator-block select {
    background-color: #fff;
    border: 1px solid #c6c7c9;
    border-radius: 4px;
    box-sizing: content-box;
    padding: 1px;
}

.list-navigator-block input[type="text"] {
    background-color: #fff;
    border: 1px solid #c6c7c9;
    border-radius: 4px;
    box-sizing: content-box;
    padding: 2px 0;
    text-indent: 2px;
}

#wizardId,
#filterSelect {
    min-width: 200px;
    width: auto;
}

#modeSelect {
    min-width: 100px;
    width: auto;
}

#navigationGoTo {
    width: 32px;
    text-align: center;
}

.formTitleBlock .content_tools {
    margin: 0;
}

.listGridSelectAllItemsMsg,
.listGridTitle,
.formTitleBlock {
    background-color: #fff;
    color: #505050;
}

.title_table,
.listGridQuickFilter {
    font-size: 12px;
    margin: 0;
    padding: 0 5px 0 0;
    background-color: #fff;
    font-weight: bold;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.title_table_wrapper {
    float: left;
    line-height: 21px;
    vertical-align: middle;
}

.tr_intestazione .border {
    border-right: 1px solid #DEE2E4;
}

.tr_intestazione .ordinamento {
    width: 15px;
    padding-right: 0;
}

.tr_intestazione .padd5 {
    padding-left: 5px;
}

.tr_data td {
    padding-top: 9px;
    padding-bottom: 5px;
    border-right: 1px solid #DEE2E4;
    line-height: 11px;
    border-top: 1px solid #DEE2E4;
}

.last {
    border-bottom: 1px solid #DEE2E4;
}

.white {
    background-color: #FFFFFF;
    border-right: 1px solid #DEE2E4;
}

.tdpaginazione {
    height: 38px;
    border-top: 1px solid #DEE2E4;
    border-right: 1px solid #DEE2E4;

}

.paginazione {
    height: 24px;
    overflow: hidden;
    float: left;
}

#paginazione_bottoni {
    height: 24px;
    overflow: hidden;
    float: left;
}

/**************************/

#paginazione_bottoni ul {
    list-style-type: none;
    margin: 0;
    padding: 0 10px 0 0;
}

#paginazione_bottoni li {
    list-style-type: none;
    min-height: 19px;
    padding: 0 6px 0 0;
    margin: 0 0 0 6px;
    float: left;
    border-left: 1px dotted #606060;
}

#paginazione_bottoni img {
    margin: 0;
    padding: 2px 0 0 6px;
    border: 0;
}

/*************************/
.paginazione img {
    margin-right: 3px;
    /*padding-top: 5px;*/
}

.titolo_pag {
    font-size: 18px;
    color: #494949;
    font-weight: normal !important;
}

.tr_data:hover {
    background-color: #CDE0EB;
}

.blu {
    background-color: #ECF3F7;
}

#content_footer {
    display: flex;
    margin: 0 0 10px 0;
    height: 40px;
    padding: 0;
    border: 0;
    overflow: hidden;
    color: #566166;
    background-color: #FFFFFF;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    align-content: flex-start;
    justify-content: space-between;
}

#footer {
    text-align: left;
    margin: auto 0;
    padding: 8px;
}

#footer div {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#footer div.extLinks {
    float: right;
    margin-top: -4px;
}

#content_footer .version {
    padding: 8px;
}

#content_footer .version_txt {
    text-align: right;
}

.content_multitab {
    /*width: 50%;*/
    overflow: hidden;
    margin: 0 0 0 11px;
    padding: 0 0 0 0;
    float: left;
}

.content_multitab2 {
    /*width: 50%;*/
    overflow: hidden;
    margin: 0 0 0 18px;
    padding: 0 0 0 0;
}

.content_multitab_subtabs {
    padding: 5px;
    color: #fff;
    font-style: italic;
    border-collapse: separate;
    border-spacing: 0 2px;
    text-align: left;
}

.content_multitab_subtabs td {
    padding-right: 10px;
    white-space: nowrap;
}

.content_multitab_subtabs .selected {
    font-weight: bold;
}

.content_multitab_subtabs a, .content_multitab_subtabs a:hover {
    color: #fff;
}

.content_multitab_subtabs a:hover {
    text-decoration: underline !important;
}

.tabsTab {
    position: relative;
    top: 1px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    line-height: 28px;
    padding: 0 15px 0 15px;
    color: #ffffff;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    background-color: #39729e;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.tabsButtonBar {
    float: right;
    position: relative;
    margin-right: 11px;
    line-height: 28px;
}

.content_multitab_bottoni {
    /*width: 45%;*/
    overflow: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: right;
}

.content_multitab_bottoni * {
    float: left;
}

.content_multitab ul {
    list-style-type: none;
    margin: 1px 0 0 0;
    padding: 0;
}

.content_multitab li {
    list-style-type: none;
    line-height: 28px;
    margin: 0 1px 0 0;
    float: left;

}

.content_multitab li > .js-tab-link,
.content_multitab li > .tab-link {
    display: block;
    line-height: 28px;
    padding: 0 5px 0 15px;
    color: #545a5c;
    text-decoration: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #ebedee;
}

.jsTabs .content_multitab li > .js-tab-link.selected,
.jsTabs .content_multitab li > .selected,
.jsTabs .content_multitab li > .js-tab-link:hover,
.content_multitab li > .tab-link:hover {
    color: #ffffff;
    font-weight: bold;
    background-color: #39729e;
}

.jsTabs .content_multitab li > .js-tab-link{
    padding: 0 15px 0 15px;
}
.content_multitab2 ul {
    list-style-type: none;
    margin: 1px 0 0 0;
    padding: 0;
}

.content_multitab2 li {
    list-style-type: none;
    line-height: 28px;
    margin: 0 1px 0 0;
    float: left;
}

.content_multitab2 li > a.tab-link {
    display: block;
    line-height: 28px;
    padding: 0 5px 0 15px;
    color: #545a5c;
    text-decoration: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #ebedee;
}

.content_multitab2 li > a.tab-link:hover {
    color: #ffffff;
    font-weight: bold;
    background-color: #39729e;
}

.content_multitab li > a.disabled, .content_multitab2 li > a.disabled {
    color: #666666 !important;
    background-color: #ebedee !important;
    font-weight: normal !important;
    padding: 0 15px 0 15px;
}

.content_multitab li > a img, .content_multitab2 li > a img {
    margin-right: 2px;
    vertical-align: text-bottom;
}

.content_multitab_subtabs td.disabled {
    color: #ebedee !important;
    font-weight: normal !important;
}

.content_multitab .dropdown-menu,
.content_multitab2 .dropdown-menu {
    float: right;
    display: block;
    width: 15px;
    height: 16px;
    margin-top: 6px;
    margin-left: 6px;
    background: url('../img/menu_down_arrow.png') top left no-repeat;
}

.content_multitab .dropdown-menu:hover,
.content_multitab2 .dropdown-menu:hover {
    background: url('../img/menu_down_arrow_hover.png') top left no-repeat;
    border: 1px solid #fff;
    border-bottom: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    margin-top: 5px;
    margin-left: 4px;
}

.content_multitab .dropdown-menu.no-dd-tabs,
.content_multitab2 .dropdown-menu.no-dd-tabs {
    background: transparent !important;
    border: 0 !important;
}

.content_multitab .dropdown-menu > li > ul,
.content_multitab2 .dropdown-menu > li > ul {
    display: none;
    border: 1px solid #fff;
    margin-left: -1px;
}

.content_multitab .dropdown-menu:hover > li > ul,
.content_multitab2 .dropdown-menu:hover > li > ul {
    display: block;
}

.content_multitab .dropdown-menu-content,
.content_multitab2 .dropdown-menu-content {
    position: absolute;
    z-index: 100;
    margin-top: 16px;
    background-color: #39729e;
    color: #ffffff;
    font-weight: normal;
}

.content_multitab .dropdown-menu-content > li,
.content_multitab2 .dropdown-menu-content > li {
    display: block;
    float: none;
    line-height: 2em;
    padding: 0 6px;
    margin: 0;
    min-width: 100px;
    border-bottom: 1px solid #fff;
}

.content_multitab .dropdown-menu-content > li:last-child,
.content_multitab2 .dropdown-menu-content > li:last-child {
    border-bottom: 0;
}

.content_multitab .dropdown-menu-content > li:hover,
.content_multitab2 .dropdown-menu-content > li:hover {
    background-color: #2e5878;
}

.jsTabs {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}

.jsTabs .content_multitab li > .js-tab-link{
    background-color: white;
    border: 1px solid #BCD3DE;
    border-bottom: 0;
}

/********** fine struttura tab *************/

.content_table_form {
    clear: both;
    margin: 0;
    padding: 15px 0 15px 0;
    background-color: #39729e;
    border-radius: 8px;
}

.content_table_form.subtabs {
    padding-top: 0;
}

.content_form_table {
    color: #505050;
    font-size: 12px;
    margin: 0;
    padding: 8px;
    background-color: #FFFFFF;
    border-left: 1px solid #DEE2E4;
    border-right: 1px solid #DEE2E4;
}

.yuiDialog .content_table_form,
.yuiDialog .content_form_table {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.yuiDialog > .hd {
    line-height: 15px !important;
}

.yuiDialog > .bd {
    padding: 5px !important;
}

.riga_form_table {
    margin: 1px 0 0 0;
    padding: 8px 0;
    background-color: #e9f1f4;
    font-weight: bold;
    color: #454545;
}

.riga_form_table2 {
    margin: 1px 0 0 0;
    padding: 4px 0;
    background-color: #e9f1f4;
    font-weight: bold;
    color: #454545;
}

#main-dashboard {
    display: none;
}

.form-designer.dashboard-fd {
    background-color: #fff;
    color: #454545;
    min-height: 50px;
    box-sizing: border-box;
    border: 1px solid #B2B2B2;
    border-radius: 2px;
    margin-top: 4px;
}

.welcomePage .form-designer.dashboard-fd{
    margin-top: 0px;
}

.form-designer.dashboard-fd .dashboard-btn {
    margin-left: 2px;
}

.form-designer.dashboard-fd i.dashboard-btn {
    height: 14px;
    width: 14px;
    cursor: pointer;
    margin-left: 4px;
}

.form-designer.dashboard-fd .form-designer-element {
    background: #fff;
    border: 1px solid transparent;
}

.form-designer.dashboard-fd .field {
    border-collapse: separate;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 1px #B2B2B2;
    -moz-box-shadow: 1px 1px 2px 1px #B2B2B2;
    box-shadow: 1px 1px 2px 1px #B2B2B2;
}

.form-designer.dashboard-fd .field.maximized {
    position: fixed;
    z-index: 101;
    left: -2px;
    top: -2px;
    width: 100% !important;
    height: 100% !important;
}

.form-designer.dashboard-fd .designer td {
    border: 0;
}

.form-designer.dashboard-fd .dashboard-title {
    background-color: #daeaf3;
    padding: 0 6px;
    font-size: 14px;
    line-height: 32px;
    text-align: left;
    font-weight: bold;
    border-radius: 4px;
}

.form-designer.dashboard-fd .dashboard-title .widget-title-container {
    width: 100%;
    table-layout: fixed;
}

.form-designer.dashboard-fd .dashboard-title .widget-title-desc {
    display: inline-block;
    padding-right: 4px;
    overflow: hidden;
    font-size: .7em;
    font-weight: normal;
    font-style: italic;
}

.form-designer.dashboard-fd .dashboard-title .widget-title-desc:not(:empty) {
    border-left: 1px dotted #535353;
    margin-left: 6px;
    padding-left: 4px;
}

.form-designer.dashboard-fd .dashboard-title .widget-title-desc .breadcrumb-container {
    display: inline-block;
    overflow: hidden;
}

.form-designer.dashboard-fd .dashboard-title .widget-title-desc .breadcrumb {
    cursor: default;
}

.form-designer.dashboard-fd .dashboard-title .widget-title-desc .breadcrumb.active:hover {
    cursor: pointer;
    text-decoration: underline;
}

.form-designer.dashboard-fd .dashboard-title .widget-title-buttons,
.form-designer.dashboard-fd .dashboard-title .widget-title-buttons2 {
    vertical-align: middle;
    text-align: right;
    width: 100px;
}

.form-designer.dashboard-fd .dashboard-title .widget-title-second-row input[type=text] {
    font-family: Arial, FontAwesome;
    margin-left: -5px;
    width: calc(100% - 7px);
}

.form-designer.dashboard-fd .dashboard-title > span > img {
    margin: 9px 0 9px 2px;
    display: inline-block;
}

.form-designer.dashboard-fd .form-designer-content {
    max-height: none;
}

.form-designer.dashboard-fd .dashboard-inner-content {
    background: #fff;
    overflow: hidden;
    cursor: default !important;
}

.form-designer.dashboard-fd .cellHeight1 {
    min-height: 200px;
}

.form-designer.dashboard-fd .cellHeight2 {
    min-height: 400px;
}

.form-designer.dashboard-fd .cellHeight3 {
    min-height: 600px;
}

.form-designer.dashboard-fd .cellHeight4 {
    min-height: 800px;
}

.form-designer.dashboard-fd .cellHeight5 {
    min-height: 1000px;
}

.form-designer.dashboard-fd .cellHeight6 {
    min-height: 1200px;
}

.form-designer.dashboard-fd .cellHeight7 {
    min-height: 1400px;
}

.form-designer.dashboard-fd .cellHeight8 {
    min-height: 1600px;
}

.form-designer.dashboard-fd .cellHeight9 {
    min-height: 1800px;
}

.form-designer.dashboard-fd .dashboard-inner-content table {
    table-layout: auto;
}

/* do not use dashboard-widget class for chart widgets */
.form-designer.dashboard-fd .dashboard-widget {
    max-height: 200px;
    overflow-y: auto;
}

.form-designer.dashboard-fd .dashboard-widget table {
    width: 100%;
}

.form-designer.dashboard-fd .dashboard-widget table tr {
    background-color: #fff;
}

.form-designer.dashboard-fd .dashboard-widget table tr.alt {
    background-color: #ecf3f7;
}

.form-designer.dashboard-fd .dashboard-widget table td {
    padding: 4px 6px;
    height: 18px;
}

.form-designer.dashboard-fd .dashboard-widget table td img {
    vertical-align: middle;
    padding-right: 8px;
}

.form-designer.dashboard-fd .dashboard-widget table td a {
    text-decoration: none;
    color: inherit;
}

.form-designer.dashboard-fd .dashboard-widget table td a {
    height: inherit;
}

.form-designer.dashboard-fd .dashboard-widget table td:first-of-type {
    text-align: left;
    width: 100%;
}

.form-designer.dashboard-fd .dashboard-widget table td:last-of-type {
    text-align: right;
    white-space: nowrap;
    padding-right: 16px;
}

.form-designer.dashboard-fd .c3-bar {
    /*pointer-events: auto !important;*/
}

table.c3-tooltip td{
    padding-left: 5px !important;
}
.form-designer.dashboard-fd .bar-alert > line {
    stroke: red;
}

.form-designer.dashboard-fd .bar-warning > line {
    stroke: yellow;
}

fieldset.formPanel, .uiLayoutPanel,
.uiLayoutPanelFilterSubOptions,
.filterBlock {
    background-color: #E9F1F4;
    color: #454545;
    font-weight: bold;
    margin-top: 8px;
    border: 1px solid rgba(95, 127, 148, 0.48);
    /*border-radius: 2px;*/
    box-shadow: 0 2px 2px 0 rgba(95, 127, 148, 0.24), 0 0 2px 0 rgba(95, 127, 148, 0.12);
}

fieldset.formPanel fieldset.formPanel-nolegend {
    border: 0 !important;
    box-shadow: none !important;
}

fieldset.formPanel .grid, .uiLayoutPanel .grid,
.uiLayoutPanelFilterSubOptions .grid,
.filterBlock .grid {
    font-weight: normal;
}

fieldset.formPanel legend{
    text-align: left;
}

fieldset.formPanel legend > label {
    padding: 4px;
}

fieldset.formPanel legend *, .uiLayoutPanel legend * {
    vertical-align: middle;
}

fieldset.formPanel > table, .uiLayoutPanel > table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 2px;
    margin: 0;
    width: 100%;
}

fieldset.formPanel > table td.formPanelCell {
    border: none;
}

label,
span.mngLbl {
    padding-right: 4px;
    vertical-align: middle;
}

.mngLbl {
    float: right;
    text-align: right;
    font-weight: bold;
}

.mngLbl.flip {
    float: left;
    text-align: left;
}

.mngLbl.center {
    float: none;
    text-align: center;
}

.required:after {
    content: '*';
    color: #eb1a20;
    font-weight: bold;
    padding-left: 4px;
}

.fdInput.required > .mngCtrl{
    width: calc(100% - 1em);
}

.mngCtrl {
    font-weight: normal;
}

.mngCtrl[readonly],
input[type="text"].mngCtrl.readonly,
input[type="number"].mngCtrl.readonly,
input[type="text"].mngCtrl:disabled,
input[type="number"].mngCtrl:disabled,
input[type="password"].mngCtrl.readonly,
input[type="password"].mngCtrl:disabled,
select.mngCtrl.readonly,
select.mngCtrl:disabled,
textarea.mngCtrl.readonly,
textarea.mngCtrl:disabled {
    background-color: #F4F4F9 !important;
}

td.lmcInteger input,
td.lmcCurrency input,
td.lmcDouble input,
input[type="number"].integer,
input[type="text"].integer,
input[type="text"].decimal,
input[type="text"].currency,
input[type="text"].percentage,
input[type="text"].digit,
input[type="text"].number {
    text-align: right;
}

select.mngCtrl {
    width: 100%;
    background-color: #fff;
    border: 1px solid #c6c7c9;
    border-radius: 4px;
    box-sizing: content-box;
    padding: 1px;
}

input[type="text"].mngCtrl,
input[type="number"].mngCtrl,
input[type="url"].mngCtrl,
input[type="password"].mngCtrl {
    width: 100%;
    background-color: #fff;
    border: 1px solid #c6c7c9;
    border-radius: 4px;
    box-sizing: content-box;
    padding: 2px 0;
    text-indent: 2px;
}

input[type="file"].mngCtrl {
    width: 100%;
    box-sizing: content-box;
    padding: 2px 0;
    text-indent: 2px;
}

textarea.mngCtrl {
    width: 100%;
    white-space: pre;
    background-color: #FFFFFF;
    border: 1px solid #c6c7c9;
    border-radius: 4px;
    box-sizing: content-box;
}

.datePicker {
    width: auto !important;
}

.timePicker {
    width: auto !important;
}

.normal {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

#tabella_pm {
    width: 100%;
}

#tabella_pm .intestazione {
    background-color: #b8d7e9;
    padding: 3px;
}

#tabella_pm .prima_riga {
    background-color: #ebf3f6;
}

#tabella_pm .riga_dati {
    background-color: #FFFFFF;
}

#tabella_pm .Bsotto {
    border-bottom: 1px solid #b8d7e9;
}

#tabella_pm .Bsinistra {
    border-left: 1px solid #b8d7e9;
}

#tabella_pm .Bdestra {
    border-right: 1px solid #b8d7e9;
}

#tabella_pm .normal {
    font-weight: normal;
    padding: 3px;
}

#tabella_pm .w16 {
    width: 16px;
}

#tabella_pm .w300 {
    width: 300px;
}

#tabella_pm a {
    text-decoration: none;
    color: #545a5c;
}

/**********pop_up_quick_action**********/
#tabella_qa {
    width: 100%;
}

#tabella_qa .intestazione {
    background-color: #FFFFFF;
    height: 19px;
    padding: 3px;
}

#tabella_qa .riga_dati {
    background-color: #ebf3f6;
    height: 19px;
    padding: 3px;
    border-bottom: 1px solid #FFFFFF;
}

#tabella_qa a {
    text-decoration: none;
    color: #4182c4;
    padding: 0 0 0 30px;
}

#cont_poup {
    border: 1px solid #2e5878;
    width: 344px;
}

#titolo_popup {
    background-color: #2e5878;
    padding: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
}

/********** fine pop_up_quick_action**********/

/**********pop_up_dialogue 2**********/
#tabella_d2 {
    width: 100%;
}

#tabella_d2 .intestazione {
    background-color: #FFFFFF;
    height: 19px;
    padding: 3px;
}

#tabella_d2 .riga_dati {
    background-color: #ebf3f6;
    padding: 3px;
    border-bottom: 1px solid #FFFFFF;
}

/*#tabella_d2 a{
    text-decoration: none;
    color: #4182c4;
    padding: 0;
    padding-left: 30px;
}*/
#cont_poupd2 {
    border: 1px solid #2e5878;
    width: 533px;
}

#titolo_popup {
    background-color: #2e5878;
    padding: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
}

/********** fine pop_up_dialogue 2**********/

#cont_popup_messages {
    width: 344px;
    padding: 12px 0 0 0;
    background: #FFFFFF url(../img/sfondo_nuvoletta.png) no-repeat 320px 0;
}

.titolo_tree {
    background: url(../img/bg_intestazione.jpg) repeat-x center;
    height: 23px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 0 0 12px;
    margin: 7px 0 0 0;
}

.contenuto_tree {
    padding: 0;
    border: 1px solid #dee2e4;
}

/***********FORUM ****************/

#configuration_box {
    float: left;
    margin: 10px 5px 0 0;
    padding: 0;
    width: 219px;
    border-radius: 8px;
    background-color: #bdd3de;

}

#configuration_box .titolo {
    font-size: 12px;
    font-weight: bold;
    color: #2b6fc4;
    padding: 5px 0 5px 5px;
}

#configuration_box .contenuto {
    overflow: hidden;
    background-color: #FFFFFF;
    min-height: 120px;
    width: 212px;
    font-weight: bold;
    color: #2b6fc4;
    padding: 5px 0 5px 5px;
    margin-bottom: 15px;
    border-left: 1px solid #e0e1e3;
    border-right: 1px solid #e0e1e3;
}

.padding20 {
    padding-left: 20px;
}

.grigio {
    color: #8f8f8f;
    font-weight: normal;
}

.grigio_scuro {
    color: #515254;
    font-weight: normal;
}

#leftJSMenu {
    text-align: left;
    border-top: 1px solid #9FAEC5;
    width: 218px;
}

.infoPanelButtonPanel {
    background-color: #ffffff;
    padding: 3px;
    text-align: left;
}

.infoPanelButtonPanel .hd {
    font-weight: bold;
}

/** NEWS **/
.newsBodyWrapper {
    position: relative;
    top: 0;
    left: 0;
}

.newsHeaderVERTICAL {
    text-align: center;
}

.newsHeaderHORIZONTAL {
    text-align: center;
    width: 45px;
    height: 18px;
}

.newsHeaderVERTICAL a,
.newsHeaderHORIZONTAL a {
    font-weight: bold;
    color: #000000;
    position: relative;
    top: 2px;
}

.newsBodyHORIZONTAL {
    width: 395px;
    vertical-align: middle;
    padding: 2px;
}

.newsBodyVERTICAL {
    height: 170px;
    vertical-align: top;
    padding: 2px;
}

.newsFooterVERTICAL {
    padding: 0 2px;
    width: 100%;
}

.newsFooterVERTICAL div,
.newsFooterHORIZONTAL div {
    background-color: #E9F1F4;
    padding: 3px;
    text-align: center;
}

.newsFooterHORIZONTAL div {
    height: 100%;
}

.newsFooterVERTICAL a,
.newsFooterHORIZONTAL a {
    height: 100%;
    color: #5d5d5d;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsFooterHORIZONTAL {
    width: 110px;
    height: 18px;
}

.newsRow {
    text-align: left;
    color: #5d5d5d;
}

.newsRowTime {
    color: #7092be;
}

.newsRowTopic {
    color: #00a2e8;
    font-weight: bold;
}

.newsRowTitle {
}

.newsBlock {
    cursor: default;
}

#messagesPreviewInfoPanel_ctx {
    display: inline;
}

#panelContentmessagesPreviewInfoPanel_c {
    cursor: default;
    background: transparent url(../img/sfondo_nuvoletta.png) no-repeat 528px 0;
    padding: 12px 0 0;
}

#panelContentmessagesPreviewInfoPanel_c .underlay {
    background-color: transparent !important;
}

#panelContentnewsPreview_c {
    cursor: default;
    background: transparent url(../img/sfondo_nuvoletta.png) no-repeat 528px 0;
    padding: 12px 0 0;
}

#panelContentnewsPreview_c .underlay {
    background-color: transparent !important;
}

/*YUI overrides*/
.infoPanelButtonPanel {
    padding: 0;
}

#chatDialog_c *{
    box-sizing: content-box;
}

.yui-panel-container .yui-panel {
    border: 1px solid #2E5878;
    cursor: default;
}

.yui-panel-container .yui-panel .hd {
    background: #2E5878;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
    text-align: left;
}

.yui-panel-container .yui-panel .bd,
.yui-panel-container .yui-panel .ft {
    background-color: #EBF3F6;
    border-left: 1px solid #dee2e4;
    border-right: 1px solid #dee2e4;
}

.yui-panel-container .container-close {
    top: 8px;
    right: 10px;
}

.yui-panel {
    background-color: #BCD3DE;
    padding: 3px 4px 4px 4px;
}

.scroll {
    width: 250px;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.manageBlock {
    table-layout: fixed;
}

.manageLegend {
    font-weight: bold;
    margin-top: 5px;
}

.manageLegendBlock {
    background-color: #F4F4F9;
    table-layout: fixed;
}

.filterContainer {
    background: #fff;
    border: 1px solid #b2b2b2 !important;
}

.filterContainer .foldingRow td {
    white-space: nowrap;
    line-height: 19px;
    text-align: left;
}

.filterContainer .foldingRow td * {
    vertical-align: middle;
}

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

#validationMessages {
    width: 100%;
}
.warningMessages,
#errorMessages,
#warningMessages {
    color: black;
    margin: 1px 0;
    border: 1px solid #B7B7BB;
    border-bottom: 0;
    border-radius: 3px;
    font-size: 11px !important; /*!important requires for ejs*/
    text-align: left;
}

.warningMessages a,
#errorMessages a,
#warningMessages a {
    color: black;
}

#errorMessages {
    background-color: #FFA0A0;
}

.warningMessages, 
#warningMessages {
    background-color: #FFFFA0;
}

#errorMessages span,
#warningMessages span,
.warningMessages span
{
    font-weight: bold;
    padding: 2px;
    display: block;
    border-bottom: 1px solid #B7B7BB;
}

#errorMessages div,
#warningMessages div,
.warningMessages div
{
    border-bottom: 1px solid #B7B7BB;
    padding: 2px;
}

#errorMessages div {
    background-color: #FFF0F0;
}

#errorMessages label{
    cursor: pointer;
    text-decoration: underline;
}

#warningMessages div,
.warningMessages div
{
    background-color: #FFFFF0;
}

.grid-container {
    /* http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround */
    min-height: 0%;
    overflow-x: auto;
}

.grid {
    border-collapse: collapse !important;
    width: 100%;
}

.grid caption,
.ejs-grid-caption,
.listGridTitle,
.listGridSelectAllItemsMsg,
.formTitleBlock {
    color: #505050;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 5px;
    background-color: #fff;
    text-align: left;
}

.listGridSelectAllItemsMsg {
    text-align: center;
    font-weight: normal;
}

.ejs-grid-caption {
    padding: 5px;
    border-left: 1px solid #dee2e4;
    border-right: 1px solid #dee2e4;
}

.grid a, .grid a:visited {
    text-decoration: none;
    color: inherit;
}

table.grid>thead,
.tableFixHead table thead th,
.grid .grid-header-row,
.reportHeader,
body.managePage .grid caption,
body.managePage .listGridTitle {
    background: #5f7f94 url(../img/bg_intestazione.png) repeat-x top;
    /*background-image: linear-gradient(#ADC3CE, #668A9E, #5f7f94) !important;*/
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #dee2e4;
}

.grid thead tr{
    border: 1px solid #dee2e4;
}
.grid thead tr,
.grid grid-header-row {
    height: 38px;
}

body.managePage .grid thead tr,
body.managePage .grid grid-header-row {
    height: 19px !important;
}

body.managePage .grid caption,
body.managePage .listGridTitle {
    height: 19px;
    padding: 2px 0 0 0;
    border-bottom: 0;
}

body.managePage .grid caption {
    text-align: left;
}

body.managePage .listGridTitle {
    text-align: center;
}

.grid thead tr.half,
.grid .grid-header-row.half {
    height: 19px;
}

.grid thead tr.nowrap th,
.grid .grid-header-row.nowrap {
    white-space: nowrap;
}

.grid thead th,
.grid .grid-header-row {
    padding: 2px 8px;
    border-left: 1px solid #ddd;
    text-align: center;
}

.grid thead th a, .grid thead th a:visited,
.grid .grid-header-row a, .grid .grid-header-row a:visited {
    color: #fff;
}

.grid thead tr:first-child th:first-child {
    border-left: 0;
}

.grid thead tr.sub-header {
    background: #fff;
    color: #000;
    height: 22px;
}

.grid > tbody {
    background: #fff;
    font-size: 11px;
}

.grid td {
    border: 1px solid #dee2e4;
    padding: 2px;
    cursor: default;
}

.grid td.nonclickable {
    color: #999;
}

.grid .grid-body-norecords-row td {
    cursor: default !important;
    font-style: italic;
    font-weight: normal;
}

.grid .grid-body-row:hover, .grid .grid-body-row-alt:hover {
    background-color: #CDE0EB;
}

.grid .grid-body-row-alt {
    background-color: #ECF3F7;
}

body.printPage .grid .grid-body-row:hover {
    background-color: #fff;
}

body.printPage .grid .grid-body-row-alt:hover {
    background-color: #ECF3F7;
}

table.simple tr:nth-child(odd) {
    background-color: #ECF3F7;
}

table.simple tr:hover {
    background-color: #CDE0EB;
}

.grid .ordering-table {
    margin: auto;
    border-collapse: collapse !important;
    background: transparent;
    background-image:none;
}

.grid .ordering-table * {
    background: transparent !important;
}

.grid .ordering-table tr, .grid .ordering-table td {
    border: 0;
    padding: 0 2px 0 0;
    margin: 0;
    height: auto;
}

.matrix-grid-container .grid-container table {
    border-spacing: 0 0;
}

.matrix-grid-container .grid thead th,
.matrix-grid-container .grid tbody td {
    margin: 0;
    padding: 0;
}

.matrix-grid-container table {
    table-layout: fixed;
}

.matrix-grid-top-header {
    border: 0;
    border-bottom: 1px solid #ddd;
    text-align: left !important;
    text-align: left;
    /*white-space: nowrap;*/
}

.matrix-grid-header-div {
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.matrix-grid-left-header {
    /*white-space: nowrap;*/
    text-align: left !important;
}

.matrix-grid-body {
    border-right: 0 !important;
    border-bottom: 0 !important;
    white-space: nowrap;
    text-align: center;
}

.list-grid caption,
.listGridSelectAllItemsMsg,
.listGridTitle {
    padding: 5px 10px 5px 11px;
    border-left: 1px solid #DEE2E4;
    border-right: 1px solid #DEE2E4;
}

.listGridSelectAllItemsMsg {
    padding: 10px 10px 5px 11px;
}

.list-grid .fast-search,
.btn-go,
.btn-reset {
    display: none;
    white-space: nowrap;
}

.list-grid .fast-search input,
.list-grid .fast-search select,
.list-grid .fast-search div {
    background: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.list-grid .fast-search .mngCtrl {
    margin: 0 2px;
}

body.printPage .grid-container {
    overflow: visible;
}

body.printPage .list-grid caption,
body.printPage .listGridTitle {
    border: 0 !important;
}

body.printPage #content_dx {
    width: 100%;
    min-width: 0%;
}

@media print {
    body.printPage .grid td, body.printPage .grid th {
        color: #000 !important;
        border: 1px solid #000 !important;
    }

    body.printPage .content_form_table {
        border: 0;
    }

    body.printPage .button {
        display: none;
    }
}

a.multiSelect {
    height: 17px;
}
a.multiSelect {
    width: calc(100% - 20px);
}

.multiselect {
    table-layout: auto !important;
    white-space: nowrap;
    padding-bottom: 2px;
}

.multiselect select {
    padding: 0;
    margin: 0;
}

.multiselect input[type="button"] {
    margin-left: 5px;
    margin-right: 5px;
}

table.resourceCalendar, table.resourceCalendarStat {
    background-color: #fff;
    border-collapse: collapse;
    cursor: default;
}

table.resourceCalendarStat th {
    background-color: #CDE0EB;
    border: 1px solid #39729e;
    padding: 4px;
}

table.resourceCalendarStat td {
    border: 1px solid #39729e;
    padding: 2px 4px;
    text-align: right;
    font-weight: normal;
}

table.resourceCalendar th {
    background-color: #CDE0EB;
}

table.resourceCalendar td {
    font-weight: normal;
}

table.resourceCalendar th, table.resourceCalendar td {
    border: 1px solid #39729e;
    padding: 4px;
    width: 50px;
    text-align: center;
}

table.resourceCalendar td button {
    color: #535353;
    display: block;
    width: 100%;
    height: 100%;
}

div.topicTree {
    padding: 4px;
    min-width: 160px;
}

div.topicTree li {
    list-style: none;
    white-space: nowrap;
}

div.topicTree li li {
    margin-left: 12px;
}

div.lookupContainer > div {
    white-space: normal;
}

.orderedFieldOnView {
    font-weight: normal;
    background-color: #39729e;
    table-layout: auto !important;
    border-collapse: collapse;
}

.orderedFieldOnView .mainTd {
    border: 1px solid #ffffff;
}

.orderedFieldOnView .mainTd label {
    padding: 0;
}

.orderedFieldOnView td {
    background-color: #E9F1F4;
    padding: 2px;
}

.orderedFieldOnView .nestedView {
    border-collapse: collapse;
}

.orderedFieldOnView .nestedView td {
    border: 1px dotted #ffffff;
    padding: 1px;
}

.orderedFieldOnView .widthValueInput {
    width: 40px;
}

.fdBaseField {
    table-layout: fixed;
    padding-right: 1px;
    width: 100%;
    border-collapse: collapse !important;
}

.fdSection > legend > label {
    font-weight: normal;
}

.fdTooltip {
    font-weight: normal;
}

.fdLabel {
    width: 150px;
    min-width: 150px;
}

.fdInput {
    padding-right: 1px;
    white-space: nowrap;
}

.fdInput .tooltip {
    white-space: normal;
    font-weight: normal;
    padding: 4px;
}

body.printPage .fdInput {
    white-space: normal;
}

.fdInput>.percentage,
.fdInput>.number,
.fdInput>.currency {
    width: 130px !important;
}

.fdInput .percentage .postfix,
.fdInput .number .postfix {
    font-weight: bold;
}

.fdInput textarea {
    white-space: pre;
}

.fd_defineDSG,
.fd_getSGInfo,
.fd_setMeAsWorker,
.fd_wfButton,
.fd_stateChart,
.fd_selectTicketWorkers {
    text-align: right;
}

.fd_referencedReleases {

}

.typeOfRequestInput {

}

.typeOfRequestInput .formPanel {
    padding: 0 2px 2px;
}

.custom-input-container {
    border: 1px solid #c6c7c9;
    border-radius: 4px;
    padding: 2px;
}

.WFTicketForm {

}

.WFTicketForm #panelContentmoreActions_body {
    line-height: normal;
}

.EjsMessageRowUnread {
    font-weight: bold;
}

.WFTicketForm td.lmcCheckbox {
    text-align: center;
    vertical-align: middle;
}

.list-preview-block {
    border-left: 1px solid #dee2e4;
    border-right: 1px solid #dee2e4;
    overflow-y: scroll;
}

.list-preview-block .infoBlock {
    background-color: #ededee;
    font-weight: normal;
}

.list-preview-block .infoBlock .mngLbl {
    color: #8b8b8b;
    padding: 5px 20px;
    font-weight: normal;
}

.list-preview-block .msgBody {
    background-color: #fff;
    padding: 10px;
    font-weight: normal;
}

/*overlib begin*/

.overlib-bgClass {
    border: 2px solid #2E5878
}

.overlib-fgClass {
}

.overlib-textClass {
    color: #000;
    padding: 2px;
    background-color: #e9f1f4;
}

.overlib-textClass ul {
    list-style-position: inside;
}

.overlib-captFont,
.overlib-closeFont {
    padding: 2px 4px;
}

.overlib-captFont {
    font-size: 11px;
    font-weight: bold;
    background-color: #2E5878;
    color: #fff;
}

.overlib-closeFont {
    font-size: 11px;
    font-weight: bold;
    background-color: #2E5878;
    color: #fff;
    text-align: right;
}

.overlib-closeFont a {
    text-decoration: none;
    color: #fff;
}

/*overlib end*/

#TicketWizardRequestSelectionForm .sectionContainer {
    text-align: center;
    overflow-x: auto;
    width: 100%;
}

#TicketWizardRequestSelectionForm .sectionContainer a.scrsSection {
    opacity: 0.8;
    font-weight: 400;
}

#TicketWizardRequestSelectionForm .sectionContainer a.scrsSection:hover {
    opacity: 1;
    font-weight: 800;
}

#TicketWizardRequestSelectionForm .sectionContainer a.scrsSection.selected{
    opacity: 1;
    font-weight: 800;
}

#TicketWizardRequestSelectionForm .sectionContainer ul {
    white-space: nowrap;
}

#TicketWizardRequestSelectionForm .sectionContainer ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    list-style: none;
}

#TicketWizardRequestSelectionForm .sectionContainer li {
}

#TicketWizardRequestSelectionForm .sectionContainer {
    vertical-align: middle;
}

#TicketWizardRequestSelectionForm .requesterData {
    margin-bottom: 5px !important;
}

#TicketWizardRequestSelectionForm .sectionName {
    display: table;
    width: 100px;
    text-align: center;
    padding-top: 10px;
    white-space: normal;
}

#TicketWizardRequestSelectionForm .sectionImg {
    width: 60px;
    height: 60px;
}

.radioList {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.radioListLabelOnLeft_true {
    text-align: right;
}

.radioListLabelOnLeft_false {
    text-align: left;
}

.radioListHorizontal_true li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.radioListHorizontal_true {
}

.radioListHorizontal_true_scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 0%; /*http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround*/
}

.radioListHorizontal_false {
}

.radioListHorizontal_false_scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0%; /*http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround*/
}

.radioList li {
    list-style-type: none;
}

.radioListLabelOnLeft_false input {
    padding-right: 5px;
}

.radioListLabelOnLeft_true input {
    margin-left: 5px;
}

.radioLbl {
    white-space: normal;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-weight: normal;
    vertical-align: top;
}

.radioLbl input {
    margin-right: 5px;
    margin-left: 5px;
}

.hidden {
    display: none;
}

/*scrollable menu*/
.scrollableMenu {
    color: #5d5d5d;
}

.scrollableMenu {
    color: #5d5d5d;
}

.scrollableMenuSelected:hover,
.scrollableMenu:hover {
    text-decoration: none;
    color: #333300;
}

.scrollableMenuSelected {
    font-weight: bold;
    color: #000;
}

/*scrollable menu*/

.scrsSectionLink:hover {
    font-weight: bolder;
    text-decoration: none;
}

.scrsSectionLink img {
    opacity: 0.5;
}

.scrsSectionLink:hover img {
    opacity: 1.0;
    color: #002D96;
    cursor: pointer;
}

.scrsSectionLink {
    text-decoration: none;
    color: #808080;
    opacity: 0.5;
    outline: none;
    font-size: 11px;
}

.scrsSectionLink:hover,
.scrsSectionLinkSelected:hover {
    color: #002D96;
    text-decoration: none;
    font-size: 11px;
}

.scrsSectionLinkSelected {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    font-size: 11px;
}

#TicketChangeLogForm .grid td.nonclickable {
    color: inherit !important;
}

#TicketTrackingForm .grid td.nonclickable {
    color: inherit !important;
}

/*projectQuickAction: begin*/
fieldset.projectQuickAction table tr td.formPlaceholderLabel {
    width: 40px;
}

/*projectQuickAction: end*/

.whiteBg {
    background-color: #fff;
}

.gridListColumnNoWhiteSpace {
    white-space: nowrap;
}

/* usernotes begin */
.usernotes.container {
    width: 100%;
    font-weight: normal;
}

.usernotes.container .yuiDialog {
    text-align: left;
}

.usernotes.container .title {
    float: left;
    font-weight: bold;
    padding-top: 4px;
}

.usernotes.container .add {
    text-align: right;
    margin-top: 4px;
}

.usernotes.container .pager {
    float: left;
    padding-top: 4px;
}

.usernotes.item {
    width: 100%;
    margin-top: 4px;
    border: 1px solid #c6c7c9;
    border-radius: 2px;
    background: #fff;
    font-size: 11px;
}

.usernotes.item .header {
    background: #BCD3DE;
    border-bottom: 1px solid #c6c7c9;
    padding: 4px;
    height: 14px;
}

.usernotes.item .header .left {
    float: left;
    font-weight: bold;
    width: calc(100% - 75px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.usernotes.item .header .right {
    float: right;
}

.usernotes.item .content {
    padding: 4px;
    height: 54px;
}

.usernotes.item .content div:first-child {
    height: 100%;
    overflow-y: auto;
}

/* usernotes end */

/*dateRange begin*/
fieldset.dateRangePanel {
    margin: 0;
    padding: 0;
}

fieldset.dateRangePanel table tr td.formPlaceholderLabel {
    width: 80px;
}

fieldset.dateRangePanel table tr td.formPlaceholderInput {
    width: 120px;
}

/*dateRange end*/

/*form:placeholder begin*/
td.formPlaceholderInput {
    white-space: nowrap;
    text-align: left;
}

td.formPlaceholderInput img {
    vertical-align: middle;
}

td.formPlaceholderLabel {

}

td > span.formPlaceholderLabel {
    white-space: normal;
    padding-left: 4px;
}

td.formPlaceholderEmpty {

}

/*form:placeholder end*/

/*input:DateRanges begin*/
td.inputDateRangesButtons {
    white-space: nowrap;
}

td.inputDateRangesInputs {
    width: 80%;
}

table.inputDateRanges {
    border: 1px solid #c6c7c9 !important;
    border-radius: 4px;
    margin: 8px 2px !important;
}

/*dateRanges end*/

/*inputTreeSelect begin*/
div.inputTreeSelect {
    border: 1px solid #c6c7c9 !important;
    border-radius: 4px;
    margin: 8px 2px !important;
}

.ygtvtable {
    border-spacing: 0 !important;
}

/*inputTreeSelect end*/

/*/WEB-INF/tags/modules/main/calendar/calendar.tag begin*/
fieldset.mainCalendarCalendar {

}

fieldset.mainCalendarCalendar td.legend {
    vertical-align: top;
    width: 150px;
}

div.date_calendar_default,
td.date_calendar_default {
    background-color: white;
}

div.date_calendar_nondefault,
td.date_calendar_nondefault {
    background-color: #AAAAAA;
    background-image: url('/itmSUITE/images/calendar_nondefault.gif');
    font-weight: bolder;
}

div.date_calendar_nonworking,
td.date_calendar_nonworking {
    background-color: #85ff8f;
}

div.calendar_unspecified,
td.calendar_unspecified {
    background-color: red;
}

td.calendarBody {
    vertical-align: top;
    width: 700px;
}

td.calendarBody table.grid td {
    height: 40px;
}

td.calendarInput {
    vertical-align: top;
    padding-left: 5px;
}

/*/WEB-INF/tags/modules/main/calendar/calendar.tag end*/

/*reports begin*/
.reportTitle {
    font-weight: bold;

}

table.reportParametersTable th,
table.reportParametersTable,
table.reportTable,
table.reportTable td,
table.reportParametersTable td {
    border: 1px solid #B7B7BB;
}

table.reportParametersTable th {
    width: 150px;
    font-weight: bold;
    text-align: left;
}

table.reportTable {
    width: 100%;
    border: 0 solid #B7B7BB;
    background-color: #B7B7BB;
}

.reportHeader {
    font-size: 11px;
    font-weight: bold;
    color: black;
    background-color: #d4d8e6;
}

/*todo other report's classes from pageStyle.css*/
/*reports end*/

/* autocomplete box begin */

.autocomplete-box {
}

.autocomplete-box .yui-ac-input {
    width: 100%;
    vertical-align: middle;
}

.autocomplete-box .yui-ac-container {
    width: 100%;
    left: 0;
}

.autocomplete-box .yui-tt .bd {
    background-color: #FFFFE1;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.autocomplete-box .yui-ac-content {
    overflow: auto;
    overflow-x: hidden;
}

/* autocomplete box end */

/*wf enter-textarea.tag begin*/
.wf-enter-textarea {

}

table.layoutTable,
table.wf-enter-textarea {
    border-collapse: collapse !important;
    width: 100%;
}

table.layoutTable td {
    border: none;
}

table.wf-enter-textarea td.buttons {
    width: 15%;
    padding-left: 5px;
}

/*wf enter-textarea.tag end*/

/*wf-richeditor begin*/
.wf-richeditor {
    margin: 4px 0;
}

/*wf-richeditor end*/

/*personalFilterManagerBlock begin*/
#personalFilterManagerBlock .formPlaceholderLabel {
    text-align: right;
}

#personalFilterManagerBlock .formPlaceholderInput {
    width: 160px;
}

#personalFilterManagerBlock .formPlaceholderEmpty {
    width: 1px;
}

/*personalFilterManagerBlock end*/

/* Ticket Estimation begin */

.ticketEstimationView td.value,
.ticketEstimationView .mngCtrl {
    text-align: right;
}

.tktEstimationsTotalRow {
    height: 38px;
    background: #5f7f94 url(../img/bg_intestazione.png) repeat-x top;
    /*background-image: linear-gradient(#ADC3CE, #668A9E, #5f7f94) !important;*/
    color: #fff;
}

.tktEstimationsSubtotalRow {
    background-color: #ECF3F7;
}

/* Ticket Estimation end */

.userMessagePreview td.formPlaceholderInput {
    font-weight: normal;
    background-color: #ffffff;
}

.userMessagePreview > fieldset.formPanel > table {
    border-spacing: 2px 0;
}

/* Ticket Form Designer */

.ticket-form-designer {
}

.ticket-form-designer .section {

}

.ticket-form-designer legend {
    margin-bottom: 0 !important;
    float: none !important;
}

.ticket-form-designer legend > .slot_field {
    line-height: 18px;
    padding: 2px;
    vertical-align: middle;
}

.ticket-form-designer .slot_table {
    border-collapse: separate;
    height: 100%;
}

.ticket-form-designer .player_field {
    width: 100%;
}

.ticket-form-designer .player_field > fieldset {
}

.ticket-form-designer .player_handler {
    vertical-align: top;
}

/** Form designer **/

[draggable] {
    cursor: move;
}

.form-designer {
    width: 100%;
    display: table;
    border: 1px solid #DEE2E4;
    background-color: #E9F1F4;
    height: auto;
}

.form-designer .formPanel {
    padding: .25em;
}

.form-designer .form-designer-title {
    font-size: 1.25em;
    background: #39729E;
    color: #fff;
    padding: .25em .5em;
    display: block;
}

.form-designer .form-designer-title img {
    vertical-align: middle;
    cursor: pointer;
}

.form-designer .form-designer-palette {
    display: table-cell;
    vertical-align: top;
    width: 20em;
    border-right: 1px solid #DEE2E4;
}

.form-designer .form-designer-body {
    display: table-cell;
    vertical-align: top;
    width: auto;
}

.form-designer .form-designer-content {
    margin: 2px;
    max-height: 70em;
    overflow-y: auto;
    overflow-x: hidden;
}


table.designer>tbody>tr{
    min-height: 200px;
}

.welcomePage .form-designer .form-designer-content {
    margin: 0;
}

.form-designer .form-designer-content.designer .placeholder {
    height: 30px;
    background-color: #FFFFFF;
}

.form-designer .form-designer-element {
    display: block;
    border: 1px solid #B2B2B2;
    padding: 2px;
    margin-bottom: .5em;
}

.form-designer .form-designer-element.section{
    box-shadow: 1px 1px 2px 1px #9d9d9d
}

.welcomePage .form-designer .form-designer-element{
    padding: 0;
}

.form-designer .form-designer-element > a {
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    color: inherit;
    cursor: move;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: .25em;
}

.form-designer .form-designer-element > a img {
    vertical-align: middle;
    cursor: pointer;
}

.form-designer .drag-over {
    border: 2px dashed #4182c4 !important;
}

.form-designer .form-designer-content.drag-over {
    margin: 0;
}

.form-designer .form-designer-element.drag-over {
    padding: 1px;
}

.form-designer table.designer {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.form-designer .designer .form-designer-element {
    box-sizing: border-box;
    margin: 2px;
}

.form-designer td.designer  {
    vertical-align: top;
    border: 1px solid #B2B2B2;
    padding: 2px;
}

.welcomePage .form-designer td.designer {
    padding: 0;
}

.propertyDialogPanel td.formPlaceholderLabel {
    width: 80px;
}

.propertyDialogPanel td.formPlaceholderInput {
    width: 180px;
}

/** SRCS **/

.srcsSectionRow {
    float: none;
    padding: 3px;
}

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

.srcsSectionColumn .slot_table {
    border: 0;
}

.srcsTreePanel {
    background: #fff;
}

.srcsDeleteMessage {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ff0000;
}

a.actionLink,
a.actionLink:visited,
a.actionLink:active,
a.actionLink:hover {
    text-decoration: none;
    color: #4172ac;
    border-bottom: dashed 1px #4172ac;
}

a.actionLink:hover {
    font-weight: bold;
}

a.yuimenuitemlabel {
    outline: inherit !important;
    text-decoration: inherit !important;
    display: inherit !important;
    font-size: 11px !important;
}

/* /WEB-INF/tags/input/switch.tag begin*/

.switchInput {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

.switchInput input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b30617;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #16900c;
}

input:disabled + .slider {
    opacity: 0.5;
}

input:focus + .slider {
    box-shadow: 0 0 1px #000000;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}

/* /WEB-INF/tags/input/switch.tag end*/

/*/WEB-INF/tags/wf/manage2/component/listMultiColumn.tag begin*/

div.listMultiColumnCssMS {
    border: 1px solid #c6c7c9;
}

div.listMultiColumnCssMS td {
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 6px;
}

div.listMultiColumnCssMS table {
    border-spacing: 0;
    border-collapse: separate;
}

div.listMultiColumnCssMS table th {
    text-align: left;
}
div.listMultiColumnCssMS table th div{
    display: flex;
    flex-direction: row;
}

/*/WEB-INF/tags/wf/manage2/component/listMultiColumn.tag end*/

input[type=checkbox].foldable-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].foldable-checkbox + label {
    padding: 0 0 0 21px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    cursor: pointer;
    background: url(../img/updown-checkbox.png) no-repeat 0 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox].foldable-checkbox:checked + label {
    background-position: 0 -16px;
}

.component-listbox > .component-listbox-item {
    padding-right: 8px;
}

div.dashboard-kanban{
    height: 100%;
    width: 100%;
    overflow: auto;
}
.dashboard-kanban-items {
    padding: 4px;
}

.dashboard-kanban-items li {
    float: left;
    margin: 0 9px 9px 0;
    list-style: none;
}

.dashboard-kanban-items li > a {
    padding: 4px;
    text-decoration: none;
    display: block;
    width: 328px;
    height: 168px;
    border-radius: 2px;
    color: #000;
}

.dashboard-kanban-items li > a:focus,
.dashboard-kanban-items li > a:hover {
    background: #e4e4e4;
    color: #3a3b38;
    filter: alpha(opacity=90);
    background-image: -webkit-linear-gradient(transparent, rgba(255, 255, 255, .05) 40%, rgba(255, 255, 255, .1));
    background-image: linear-gradient(transparent, rgba(255, 255, 255, .05) 40%, rgba(255, 255, 255, .1));
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

.dashboard-kanban-items li > a.selected {
    border: 1px solid #ff3300;
    margin: -1px;
}

.dashboard-kanban-items span {
    object-fit: contain;
    display: block;
    width: 328px;
    height: 188px;
}

.dashboard-kanban-items .label {
    font-weight: bold;
    margin: 0 0 2px 0;
}

.dashboard-kanban-items p {
    padding: 8px 0 0 8px;
}

#kanbanCardSearchDialog .bd {
    border: 0;
    margin: 0;
    padding: 0;
}

.knowledgeportalsection {
    height: 100%;
}

.knowledgeportalsection .list {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.knowledgeportalsection div.row {
    float: left;
    clear: left;
    width: 100%;
    padding: 4px 6px 4px 6px;
    /*border-bottom: 1px solid #b5bcc2;*/
    cursor: pointer
}

.knowledgeportalsection div.row div.companySk{
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.knowledgeportalsection div.row div.ttName{
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.knowledgeportalsection div.row div.opStatusName{
    float: right;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 5px;
}

.knowledgeportalsection div.row div.projectName{
    float: left;
    clear: left;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

.knowledgeportalsection div.row div.creationDate{
    font-size: 14px;
    float: left;
    margin-left: 5px;
}

.knowledgeportalsection div.row div.desc{
    float: left;
    clear: left;
    margin-left: 5px;
    margin-bottom: 5px;
}

.knowledgeportalsection a.download, .knowledgeportalsection a.download:visited, .knowledgeportalsection a.download:hover, .knowledgeportalsection a.download:active, .knowledgeportalsection a.download:focus {
    color: green;
    text-decoration: none;
    font-weight: normal;
}

.knowledgeportalsection.attachment {
    width: 100%;
    height: 100%;
    background-color: white;
}

.knowledgeportalsection.attachment div.row {
    padding: 4px 6px 4px 6px;
}

.knowledgeportalsection.attachment div.fileName {
    float: left;
}

.knowledgeportalsection.attachment div.download {
    float: right;
    margin-right: 5px;
    color: green;
}


.projectactivityWidget,
.projectMilestoneWidget,
.projectDeliveryWidget,
.jspticketview {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5px;
}

.projectDeliveryWidget div.row,
.projectMilestoneWidget div.row,
.projectactivityWidget div.row,
.jspticketview div.row {
    float: left;
    clear: left;
    width: 100%;
    padding: 4px 6px 4px 6px;
    /*border-bottom: 1px solid #b5bcc2;*/
    cursor: pointer
}

.projectDeliveryWidget div.row div.companySk,
.projectMilestoneWidget div.row div.number,
.projectactivityWidget div.row div.companySk,
.jspticketview div.row div.companySk{
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.projectDeliveryWidget div.row div.name,
.projectMilestoneWidget div.row div.description,
.projectactivityWidget div.row div.taskName,
.jspticketview div.row div.ttName{
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.projectDeliveryWidget div.row div.impact,
.projectDeliveryWidget div.row div.weight,
.projectMilestoneWidget div.row div.type,
.projectMilestoneWidget div.row div.status,
.projectactivityWidget div.row div.statusName,
.projectactivityWidget div.row div.priorityName,
.jspticketview div.row div.opStatusName{
    float: right;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 5px;
}

.projectDeliveryWidget div.row div.projectName,
.projectMilestoneWidget div.row div.projectName,
.projectactivityWidget div.row div.projectName,
.jspticketview div.row div.projectName{
    float: left;
    clear: left;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

.projectDeliveryWidget div.row div.expDelivery,
.projectDeliveryWidget div.row div.actDelivery,
.projectMilestoneWidget div.row div.scheduledExecutionDate,
.projectMilestoneWidget div.row div.actualExecutionDate,
.projectactivityWidget div.row div.startDate,
.projectactivityWidget div.row div.endDate,
.jspticketview div.row div.creationDate{
    font-size: 14px;
    float: left;
    margin-left: 5px;
}

.projectactivityWidget div.row div.description,
.jspticketview div.row div.desc{
    float: left;
    clear: left;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.srcshistory {
    height: 100%;
}

.srcshistory .keyword {
    padding: 4px 6px 4px 6px;
}

.srcshistory div.row {
    float: left;
    clear: left;
    width: 100%;
    padding: 4px 6px 4px 6px;
    /*border-bottom: 1px solid #b5bcc2;*/
    cursor: pointer
}

.srcshistory .list {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    /*margin: 5px;*/
}

.srcshistory div.list div.row div.srName {
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.srcshistory div.list div.row div.path {
    float: left;
    clear: left;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

.srcshistory div.list div.row div.creationDate {
    float: left;
    font-size: 14px;
    margin-left: 5px;
}

.srcshistory div.list div.row div.desc {
    float: left;
    clear: left;
    margin-left: 5px;
    margin-bottom: 5px;
}

.form-designer .form-designer-element > a input {
    cursor: auto;
}

.knowledgeportalsection.attachment div.row:hover,
.dashboard-fd .row:hover {
    background-color: #CDE0EB !important;
}

.knowledgeportalsection.attachment div.row:nth-child(even),
.dashboard-fd .row:nth-child(even) {
    background-color: #ecf3f7;
}

.dashboard-fd .row a {
    font-weight: bold;
    text-decoration: none;
    color: inherit;
}

.quickRecipientsBlock{
    list-style-type: none;
    width: 100%;
}

.quickRecipientsBlock li {
    list-style-type: none;
    display: inline-block;
    width: 33%;
    text-align: left;
    margin-bottom: 5px;
}

#recipientsBlock legend{
    text-align: left;
}

.listMultiColumnCssMS {
    min-height: 140px !important;
}

.lookupContainer .mainBodyInline {
    float: left;
    width: calc(100% - 49px);
}

.lookupContainer .mainBodyAbove {
    float: left;
    width: calc(100% - 5px);
}

.pickerButtonsInline {
    margin-left: 5px;
    float: left;
}

.pickerButtonsAbove {
    padding-right: 5px;
    float: right;
    position: relative;
}

.pictureUpload {
    white-space: nowrap;
    display: table;
}

.pictureUpload .image {
    float: left;
    flex-grow: 1;
}

.pictureUpload .buttons {
    padding-left: 3px;
    display: table-cell;
    vertical-align: top;
}

.pictureUpload .buttons .btnDeleteBlock{
    float: left;
    clear: left;
    padding-top: 3px;
}

.ffb-container .ffb .content {
    max-height: 160px;
}

.changedInput{
    border-color: red !important;
    outline-color: red;
}
.errorInput{
    border: 2px;
    border-color: red !important;
}

.projectFinancial,
.projectTimeline,
.projectIdentification,
.milestoneIdentification,
.projectKanbanBoard,
.projectsemaphore{
    width: 100%;
    height: 100%;
}

.dashboardSpinner,
.dashboardNoData,
.dashboardNoProject {
    font-size: 20px;
    color: grey;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

/*datetime.tag begin*/
.yui-skin-sam .yui-calcontainer {
    background-color: #E9F1F4;
    border: 1px solid rgba(95, 127, 148, 0.48);
}

/*datetime.tag end*/

.iframeDialogPage {
}

body.iframeDialogPage  {
    min-width: 500px;
    background-color: transparent!important;
}

.iframeDialogPage #data_content {
    margin: 0;
    padding: 0;
}

.iframeDialogPage #content_dx {
    min-width: 500px;
}

.iframeDialogPage .content_table_form,
.iframeDialogPage .content_form_table {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.fa-disabled {
    opacity: 0.6!important;
    pointer-events: none!important;
}

.dbIntroductionWidget{
    margin-top: 5px;
}

.dbIntroductionWidget div,
.dbIntroductionWidget p,
.dbIntroductionWidget li,
.dbIntroductionWidget{
    line-height: 2em;
}

.dbIntroductionWidget ol,
.dbIntroductionWidget ul {
    padding-inline-start: 40px;
}

.jspticketview .switchInput {
    margin-left: 5px;
}

.quickSearchBtn {
}

.twControl {
    border-width: 1px;
    border-style: solid;
    border-color: #C6C7C9;
    background-color: #FFFFFF;
    min-height: 16px;
    border-radius: 4px
}

.twControl .twValuesContainer {
    align-items: center;
    display: flex;
    padding: 2px 2px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.twControl .twValuesContainer .twElem {
    display: flex;
    margin: 2px;
    padding: 0 2px;
    margin-right: 1px;
    min-width: 0;
    border-radius: 10px;
    background-color: #eef9ff;
}

.twControl .twValuesContainer .twElem .twCalendar {
    align-items: center;
    display: flex;
    padding-left: 5px;
    border: #c6c7c9 solid 1px;
    border-radius: 10px;
}

.twControl .twValuesContainer .twElem .twLabel {
    border-radius: 2px;
    padding: 3px 4px 3px 6px;
    box-sizing: border-box;
}

.twControl .twValuesContainer .twElem .twRemove {
    align-items: center;
    display: flex;
    padding-left: 5px;
    padding-right: 1px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden !important;
}

div.multiSelectOptions input {
    margin-right: 5px;
}

.regionalSettingsInfoText{
    font-size: 130%;
    font-weight: 500;
    margin: 0.5em;
    width: 20ch;
    line-height: 1.2;
}


/*tip in dialog*/
div.TSTipMain{
    z-index: 280;
}

@keyframes onAutoFillStart {  from {/**/}  to {/**/}}
@keyframes onAutoFillCancel {  from {/**/}  to {/**/}}

input:-webkit-autofill {
/* Expose a hook for JavaScript when autofill is shown*/
/*JavaScript can capture 'animationstart' events*/
    animation-name: onAutoFillStart;

/*// Make the background color become yellow really slowly*/
    transition: background-color 50000s ease-in-out 0s;
}

input:not(:-webkit-autofill) {
/*// Expose a hook for JS onAutoFillCancel*/
/*// JavaScript can capture 'animationstart' events*/
    animation-name: onAutoFillCancel;
}

span.deleteicon {
    position: relative;
    display: inline-flex;
    align-items: center;
}

span.deleteicon span {
    position: absolute;
    display: block;
    right: 3px;
    width: 15px;
    height: 15px;
    font: 13px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
    opacity: .6;
}

span.deleteicon input {
    padding-right: 18px;
    box-sizing: border-box;
}

.dateOptionsBlock,
.dateOptionsBlock .fixed,
.dateOptionsBlock .relative,
.dateOptionsBlock .modeBlock
{
    display: flex;
    align-items: center;
}

.dateOptionsBlock .fixed,
.dateOptionsBlock .relative,
.dateOptionsBlock .modeBlock {
    margin-left: 4px;
    height: 20px;
}

.dateOptionsBlock .relative > *{
    margin-left: 4px;
}

.fdField {
    padding-bottom: 5px; /* padding added to all fields - bottom */
    padding-right: 5px; /* padding added to all fields - bottom */
}

.mngFileDropContainer {
    height: 30px;
    border: 1px solid #c6c7c9;
    background-color: white;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 3px;
}
.mngFileDropContainer.dragover {
    border: 1px solid #0a5795;
}