/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');*/

@font-face {font-family: Roboto; src: url("/font/Roboto-Regular.ttf") format('truetype')}

/* Elementi html */
a:link, a:visited {text-decoration: none;}

a.lblMenu {cursor: pointer;}

body {
    width: 100%;
    background-color: white;
    padding: 0px;
    margin: 0px;
    color: #777;
    font-size: 14px;
}

body * {font-family: Roboto; color: #777; font-size: 13px;}

form {width: 100%;}

html {width: 100%; height: 100%;}

input[type='button'], input[type='submit'] {cursor: pointer; outline: none;}

input[type='text'], input[type='password'] {outline: none;}

input[disabled='disabled'] {background-color: white;}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/images/select_blue.png) no-repeat left;
    background-color: transparent;
    border: 1px solid #d0d1d4;
    border-radius: 4px;
    color: #777;
    height: 20px;
    padding-left: 6px;
    width: 160px;
    background-color: white;
}

select::-ms-expand {display: none;}

ul {margin: 0; padding: 0; list-style-type: none;}

/* ID */

#divUserIcon {cursor: pointer;}

#divUserOptions {border: 1px solid #1b346b; position: absolute; right: 20px; top: 43px; padding: 8px; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; text-align: right; z-index: 990; display: none;}

#divUserOptions > div {font-size: 15px; cursor: pointer;}

#labelHello {color: white; margin-right: 10px;}

#labelOptions {margin-bottom: 15px; font-size: 13px !important; text-decoration: underline;}

#recuperaPassword {font-size: 11px; cursor: pointer;}

#tabs {display: flex; align-items: center;}

#tabs > div {display: inline-block;}

#tabs > .tab {height: 40px; line-height: 40px; width: 120px; font-weight: bold; position: relative; text-align: center; cursor: pointer;}

#tabs > .tab:after {content: ""; background: #1b346b; width: 0%; height: 2px; display: inline-block; transition: width 0.3s ease-in-out; left: 50%; transform: translateX(-50%); position: absolute; bottom: 0px;}

#tabs > div:hover:after {width: 50%;}

/* Classi */

.blueButton { background-color: #1b346b; border-style: solid; border-width: 1px; border-color: #1b346b; color: white; }

.btnSelDitta {color: #1b346b; background-color: white;border: none;outline: none;cursor: pointer;}

.borderBottomGrey {border-bottom: solid 1px #d0d1d4;}

.borderGrey {border-color: #777; color: #777;}

.btnFilter {background-color: #1b346b; border: none; color: white;}

.btnGeneric:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
    text-decoration: none;
}

.btnGeneric {border: 1px solid #1b346b; background: white; color: #1b346b; padding: 3px 7px; transition: background 0.3s; border-radius: 3px;}

.btnGeneric:hover {background: #1b346b; color: white; border-color: white;}

.btnText {border-style: hidden; border-color: inherit; border-width: medium; background-color: transparent; cursor: pointer; outline: none;}

.calendar {width: 100px !important;}

.calendarButton {outline: none; width: 18px; position: absolute; right: 0px;}

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

.clearFloat:after {content: ""; display: block; clear: both; visibility: hidden; height: 0px; width: 0px;}

.divAutoComplete {background-color: white; border: 1px solid #AEAEAE; display: none; max-height: 90%; overflow-y: auto; padding: 0px 5px 5px 5px; position: fixed; text-align: left; z-index: 10; }

.divAutoComplete ul li {cursor: pointer; float: none; font-size: 12px; line-height: 25px;}

.divError { background-color: #F99; border: solid 1px #F00; margin: auto; margin-top: 20px; text-align: center;}

.divError > label { line-height: 30px; color: darkred; margin: 0px 10px; }

.divExternal {background-color: rgba(128, 128, 128, 0.5);}

.divFlex {display: flex;}

.divFlex.center {align-items: center; justify-content: center;}

.divFlex.right {align-items: center; justify-content: flex-end;}

.divFlex.spaceBetween {align-items: center; justify-content: space-between;}

.divFlexCentered {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}

.divFormButtons {display: flex; justify-content: space-around; margin-top: 13px;}

.divFormEdit {margin-bottom: 13px;}

.divInternal {background-color: white; border-radius: 7px; box-shadow: 0px 0px 10px 5px; margin-bottom: 50px; padding: 15px; opacity: 0; transition: opacity 0.5s;}

.divLogin {background-color: white; border: 1px solid #E8E8E8; margin-bottom: 30px; padding: 30px 40px 20px 40px;}

.divMenuEntry {margin: 20px 0 0 10px;}

.divMenuLeft {background-color: white; height: 100%; left: 0px; position: fixed; overflow-x: hidden; top: 43px; width: 210px; z-index: 998; height: calc(100% - 40px); max-width: 210px; border-right: 1px solid #1b346b;}

.divMenuLeft a {position: relative;}

.divMenuLeft a:after {content: ""; background: #1b346b; width: 0%; height: 1px; display: inline-block; transition: width 0.3s ease-in-out; left: 50%; transform: translateX(-50%); position: absolute; bottom: -5px;}

.divMenuLeft a:hover:after {width: 100%;}

.divMenuLeft .doppiaRiga > a.selectedEntry:before {width: 155px;}

.divMenuLeft .doppiaRiga > a:before {content: ""; background: #1b346b; width: 0%; height: 1px; display: inline-block; transition: width 0.3s ease-in-out; left: 76%; transform: translateX(-50%); position: absolute; bottom: 21px;}

.divMenuLeft .doppiaRiga > a:hover:before {width: 155px;}

.divMenuTop {background-color: #1b346b; height: 43px; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 999; display: flex;}

.divMenuTopCenter {width: 100%; display: flex; align-items: center; padding-left: 10px;}

.divMenuTopCenter label, .divMenuTopCenter span {color: white;}

.divMenuTopLeft {width: 210px; min-width: 210px; background-color: #EAEAEA;}

.divMenuTopRight {height: 43px; display: inline-flex !important; align-items: center; margin-right: 20px; white-space: nowrap; text-align: right;}

.filters > label, .filters > select, .filters > input, .filters > div, .filters > span {margin-right: 5px;}

.filters > table {width: 100%;}

.imgAdd {cursor: pointer; width: 15px; outline: none;}

.imgApri {width: 17px; cursor: pointer; outline: none;}

.imgChapter {width: 17px; cursor: pointer; outline: none; position: absolute; right: 6%;}

.imgClipboard {width: 17px; cursor: pointer; outline: none;}

.imgClose {width: 8px; cursor: pointer; outline: none;}

.imgDownload {width: 18px; vertical-align: bottom; cursor: pointer; outline: none;}

.imgEdit {width: 15px; cursor: pointer; outline: none; vertical-align: bottom;}

.imgInfo {width: 18px; outline: none; vertical-align: bottom;}

.imgList {width: 18px; cursor: pointer; outline: none;}

.imgMail {width: 20px; cursor: pointer; outline: none;}

.imgPrint {width: 18px; cursor: pointer; outline: none;}

.imgSostituisci {width: 15px; cursor: pointer; vertical-align: bottom; outline: none;}

.imgUpload {width: 17px; cursor: pointer; outline: none;}

.imgVariante {width: 17px; cursor: pointer; outline: none; vertical-align: bottom;}

.imgWarning {width: 17px; cursor: default; outline: none; vertical-align: bottom;}

.lblFormDisplay {display: inline-block; width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.lblFormEdit {display: inline-block; width: 80px; text-align: right; padding-right: 5px;}

.lblMenu { color: #1b346b; font-size: 15px; line-height: 20px; }

.messaggioCaricamento {margin-top: 50px; display: inline-block; font-size: 20px; font-weight: bold;}

.padding0 {padding: 0 !important;}

.popUpFrame {background-color: rgba(128, 128, 128, 0.5); position: fixed; z-index: 9999; top: 0px; left: 0px; height: 100%; width: 100%; display: none; border: none; opacity: 1; transition: opacity 0.5s;}

.rowHighLightGrey:hover * { cursor: pointer; font-weight: bold; }

.roundBorder { background-color: transparent; border-radius: 6px; border-style: solid; border-width: 1px; }

.selectedEntry:after {width: 100% !important;}

.selectedTab:after {width: 50% !important;}

.sottoMenu { cursor: pointer; font-size: 14px; line-height: 25px; margin-left: 20px;}

.table {border: none; border-collapse: separate !important; border-spacing: 0 5px; table-layout: fixed; width: 100%;}

.table > tbody > tr > td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.table > tbody > tr > td, .table > tbody > tr > th {border: none; cursor: default; padding: 0 5px;}

.table > tbody > tr {background-color: #EAEAEA; height: 25px;}

.textArea {height: 100px; border: 1px solid #d0d1d4; width: 200px;}

.textOverflow {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.titoloCapitolo {width: 300px; max-width: 300px; vertical-align: bottom; cursor: default;}

.titoloDoc {width: 300px; max-width: 300px; vertical-align: bottom; cursor: pointer;}

.titoloDoc:hover {text-decoration: underline;}

.txtInput {border: none; border-bottom: 1px solid #d0d1d4; box-sizing: border-box; height: 20px; padding: 0px 5px; width: 160px;}

.txtSearch {background-image: url('/images/lenteCerca.png'); background-repeat: no-repeat; background-position: left; padding-left: 18px;}

.txtUnderline { border-style: none; border-bottom: 1px solid #777; }

.hoverUnderline {cursor: pointer;}

.hoverUnderline:hover {text-decoration: underline;}

.blueText {color: #1b346b;}

div.filters > input.btnFilter {margin-left: 20px;}

.divPageButtons {width: 400px; text-align: end;}

/* Regole specifiche per Firefox */
@-moz-document url-prefix() {

    .divMenuLeft .doppiaRiga > a.selectedEntry:before {width: 102px;}

    .divMenuLeft .doppiaRiga > a:before {content: ""; background: #1b346b; width: 0%; height: 1px; display: inline-block; transition: width 0.3s ease-in-out; left: 33%; transform: translateX(-50%); position: absolute; bottom: -30px;}

    .divMenuLeft .doppiaRiga > a:hover:before {width: 102px;}

}