/***************
Clavis CSS File

case insensitive alphabetically sort ordered
****************/

a, a:visited
{
    /*color:#006aeb;*/
    /*color: #0052cc;*/
    text-decoration: underline;
    color: blue;
}

#prioritymessage
{
    padding: 2px;
    top: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden; /*width: 100%*/
}

.addLink
{
    padding: 0em 0em 1em 0em;
}

.AuthLinkEditColumn
{
    border: none;
    background-color: transparent;
}

.authoritylinklisthdr
{
    margin: 4px;
    font-size: 12px;
    font-style: italic;
}

.authoritylinklist
{
    font-size: x-small;
}

/* the following are related to autocomplete */

.autocomplete
{
    border: 1px solid #919EA9;
    background-color: white;
    z-index: 100;
}

.autocomplete ul, .autocomplete li
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #333;
}

.autocomplete li
{
    padding: 4px;
    border-top: 1px solid #ccc;
}

.autocomplete .selected
{
    background-color: #ffc;
}

.autocompletetext
{
    color: #f00;
}

body
{
    font-family: Tahoma, serif;
    font-size: small;
    margin: 0px;
    padding: 0px;
    background-color: white;
}

.borderblue
{
    border: 1px solid blue;
    padding: 0px 2px 0px 2px;
}

.bordered
{
    border: 1px solid red;
    padding: 0px 2px 0px 2px;
}

.bordergreen
{
    border: 1px solid #54D12A; /*#66FF33;*/
    padding: 0px 2px 0px 2px; /* era tutti a 3 */
}

.bordergrey
{
    border: 1px solid #aaaaaa;
    padding: 0px 2px 0px 2px;
}

.bordernone
{
    border: 0px solid #aaaaaa;
    padding: 0px 2px 0px 2px;
}

.borderyellow
{
    border: 1px solid yellow;
    padding: 0px 2px 0px 2px;
}

.borderwhite
{
    border: 1px solid white;
    padding: 0px 2px 0px 2px;
}

#bottompanel
{
    border: 1px solid rgb(102, 102, 102);
    padding: 2px;
    position: absolute;
    bottom: 4px;
    left: 174px; /*4px;*/
    right: 0px;
    /*height: 20px;*/
    background-color: rgb(221, 221, 255);
    z-index: 1;

    /*overflow: auto;*/

    display: inline;
    overflow: hidden; /*width: 100%*/
}

.bottompanel2
{
    padding: 2px;
    position: absolute;
    bottom: 4px;
    left: 24px;
    right: 0px;
    height: 20px;

    z-index: 1;

    /*overflow: auto;*/

    display: inline;
    overflow: hidden; /*width: 100%*/
}

#buttonpanel
{
    border: 0px solid rgb(102, 102, 102);
    text-align: right;
    padding: 2px;
    position: fixed;
    bottom: 45px;
    right: 14px;
    min-height: 25px;
    width: 100%;
    z-index: 1;
    overflow: auto;
    vertical-align: bottom;
}

.buttonpanelfloating
{
    border: 0px solid rgb(102, 102, 102);
    text-align: right;
    padding: 2px;
    position: relative;
    top: 0px;
    /*left: 175px;*/
    right: 4px;
    min-height: 25px;
    /* background-color: rgb(221, 221, 21); */
    z-index: 1;
}

.buttonpanelfloating2
{
    border: 0px solid rgb(102, 102, 102);
    text-align: right;
    padding: 2px;
    position: relative;
    top: 0px;
    /*left: 175px;*/
    right: 4px;
    min-height: 25px;
    /* background-color: rgb(221, 221, 21); */
    z-index: 1;

    max-width: 400px;
    float: right;
}

.buttonpanelfloating_left
{
    border: 0px solid rgb(102, 102, 102);
    text-align: left;
    padding: 2px;
    position: relative;

    top: 0px;
    left: 4px;

    min-height: 25px;
    z-index: 1;
}

fieldset.userdatacard
{
    min-height: 1px;
    min-width: 1px;
    background-color: #E2E0CF;
    font-size: 10pt;
    padding: 10px;
}

fieldset.circulationdatacard
{
    min-height: 1px;
    min-width: 1px;
    background-color: #E2E0CF;
    font-size: 10pt;
    padding: 10px;
}

#ClavisLogPanel
{
    position: absolute;
    top: 800px;
    left: 0px;
}

.control_on
{
    display: inline;
}

.control_off
{
    display: none;
}

.currentlibrarypanel
{
    position: relative;
    right: 1px;
    float: right;
    background-color: #DDDDFF;
    padding-right: 10px;
    padding-left: 10px;
}

.currenttab
{
    border-style: solid;
    border-width: 1px;
    border-bottom: 3px solid rgb(255, 174, 71);
    padding: 5px 5px 2px;
    background-image: url(gradient_orange.png);
    background-repeat: repeat-x;

    font-weight: bold;
    text-decoration: none;
}

a.currenttab:link, a.currenttab:visited, a.currenttab:hover, a.currenttab:active
{
    color: black;
}

/* CSS for DataGrids */
.dgAltItem
{
    border-bottom: 1px dotted #B0CBE2;
}

.dgEditItem
{
    background: lightyellow;
}

.dgHeaderItemOld
{
    border: 1px solid #9e9e9e;
    font-size: 12px;
    text-align: left;
    background-image: url(listViewBg2.gif);
    background-position: center center;
}

.dgHeaderItem
{
    border: 1px solid #9e9e9e;
    font-size: 12px;
    text-align: left;
    background-image: url(listViewBg3.gif);
    background-position: 50% 40%;
    background-repeat: repeat;
}

.dgItem
{
    border-bottom: 1px dotted #B0CBE2;
    background: #FFFACD; /*#EEEDE2; */
}

.dgStyle
{
    border: 1px solid #9e9e9e;
    border-collapse: collapse;
}

.displayBlock
{
    display: block;
}

.displayBlockVerticalMargin
{
    display: block;
    margin: 5px auto;
}

.editObjectStackElement
{
    text-transform: none;
    font-size: 8pt;
    color: #505050;
    vertical-align: middle;
}

.evidenced_light
{
    background-color: #FFFF66;
}

.evidenced_lightred
{
    background-color: #ffd094;
}

.evidenced_red
{
    background-color: #ffbfbf;
}

.evidenced_green
{
    background-color: #bfffbf;
}

.evidenced_blue
{
    background-color: #bfbfff;
}

.fieldsetfilter
{
    border-style: inset;
    border-width: 2px;

    /*
    border-top: 1px solid #D9D5AE;
    border-right: 2px solid #C3BF9D;
    border-bottom: 2px solid #D9D5AE;
    border-left: 1px solid #D9D5AE;
    background-image: url(gradient_blue.png);
    background-repeat: repeat-x;
    */

    background: #EEECD7;
    padding: 5px 2px 4px 2px;
    margin-bottom: 8px;

    display: inline;
}

.filterPanel
{
    padding: 2px;
    border: 1px solid #ababab;
    background: rgb(245, 245, 245);
    margin: 2px;
}

.filterItemPanel
{
    position: absolute;
    padding: 5px;
    border: 1px solid #ababab;
    background: rgb(245, 245, 245);
    margin: 2px;
    right: 2px;
    top: 10px;

    width: 145px;
}

#floatingbuttonpanel
{
    border: 0px solid rgb(102, 102, 102);
    text-align: right;
    padding: 2px;
    position: relative;

    left: 0px;
    right: 4px;
    height: 25px;

    /* background-color: rgb(221, 221, 21); */
    z-index: 0;
}

.foregrounddatepicker
{
    z-index: 2200 !important;
}

.formButton
{
    min-width: 19px;
    font-weight: normal;
    background: bottom url(formButtonBg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 4px 10px;
}

.formButton:hover
{
    font-weight: normal;
    background: bottom url(formButtonBgOn.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.formButton, .formButtonGradient
{
    min-width: 19px;
    font-weight: normal;
    padding: 4px 10px;

    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

.formButton:hover, .formButtonGradient:hover
{
    background-color: #d9dddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
    background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
    background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
    background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
    background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
    background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d9dddd, endColorstr=#c6c3c3);
}

.formButton:active, .formButtonGradient:active
{
    background-color: rgb(221, 221, 255);
}

.formButton20
{
    vertical-align: bottom;
    width: 19px;
    height: 19px;
    font-weight: normal;
    background: bottom url(formButtonBg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.formButton20:hover
{
    vertical-align: bottom;
    width: 19px;
    height: 19px;
    font-weight: normal;
    background: bottom url(formButtonBgOn.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.formfieldset
{
    border-top: 1px solid #D9D5AE; /*rgb(102, 102, 102);*/
    border-right: 3px solid #C3BF9D;
    border-bottom: 3px solid #D9D5AE;
    border-left: 0px solid #D9D5AE;

    background: #EEE9BF;
    padding: 5px 2px 4px 2px;
    margin-bottom: 8px;
}

.formfieldset-nopad
{
    border-top: 1px solid #D9D5AE; /*rgb(102, 102, 102);*/
    border-right: 3px solid #C3BF9D;
    border-bottom: 3px solid #D9D5AE;
    border-left: 0px solid #D9D5AE;
    background: #EEE9BF;
}

.formfieldsetauthority
{
    border-top: 1px solid #D9D5AE; /*rgb(102, 102, 102);*/
    border-right: 3px solid #C3BF9D;
    border-bottom: 3px solid #D9D5AE;
    border-left: 0px solid #D9D5AE;

    padding: 5px 2px 4px 2px;
    margin-bottom: 8px;
}

.formfieldsetfilters
{
    border-top: 1px solid #D9D5AE; /*rgb(102, 102, 102);*/
    border-right: 3px solid #C3BF9D;
    border-bottom: 3px solid #D9D5AE;
    border-left: 0px solid #D9D5AE;

    background: #EEECD7;
    padding: 5px 2px 4px 2px;
    margin-bottom: 8px;
}

.formHyperlink
{
    font-weight: normal;
    margin: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #666666; /* #9E9E9E; */
    border-width: thin;

    display: inline;
    padding: 1px 7px 1px 7px;
    text-decoration: none;

    background-image: url(formButtonBg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    color: rgb(51, 51, 51);
}

.formHyperlinkEditStackWidget
{
    font-weight: bold;
    font-size: 11pt;
    margin: 1px 1px 1px 1px;
    border-style: solid;
    border-color: red; /* #666666; */
    border-width: thin;

    display: inline;
    padding: 1px 3px 1px 3px;
    text-decoration: none;

    background-image: url(formButtonBg2.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    color: rgb(51, 51, 51);
}

.formHyperlink:hover
{
    background: bottom url(formButtonBgOn.gif);
}

.formHyperlinkEditStackWidget:hover
{
    background: bottom url(formButtonBgOn.gif);
}

.formImageButton
{
    border: 0px;
    margin: 0px;
    background-color: transparent;
    vertical-align: middle;
}

.formlabel
{
    text-transform: uppercase;
    font-weight: normal; /*none;*/
    font-size: 8pt;
    color: #606060;
    padding: 3px;
}

.formlabelborderblue
{
    text-transform: uppercase;
    font-weight: normal; /*none;*/
    font-size: 8pt;
    color: #606060;
    border: 1px solid blue;
    padding: 3px;
}

.formlabelunderlinered
{
    text-transform: uppercase;
    font-weight: normal; /*none;*/
    font-size: 8pt;
    color: #606060;
    border-bottom: 2px solid red;
    padding: 3px;
}

.formlabel2
{
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(102, 102, 102);
    font-size: 8pt;
    color: #707070;
}

.formlabel3
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10pt;
}

.formlabelsmall
{
    text-transform: none;
    font-weight: bold;
    font-size: 6pt;
    color: rgb(102, 102, 102);
    margin-right: 2px;
}

.formlabelsmall2
{
    text-transform: none;
    font-size: 8pt;
    /*color: rgb(88,88,88);*/
    color: #606060;
    margin-right: 2px;
}

.formlegend, .formlegend_nocapitalize
{
    text-transform: lowercase;
    /*font-weight: bold;*/
    font-size: small; /*smaller; */
    padding: 0px 5px 1px 5px;
    background-color: white;
    color: #890000;
    border-bottom: thin solid #8B8970;
    border-left: thin solid #8B8970;
    border-right: thin solid #8B8970;
}
.formlegend:first-letter {
    display:inline-block;
    text-transform: uppercase;
}

.formlegend_nocapitalize
{
    text-transform: none;
}

.formLinkButton
{
    border: 0px;
    background-color: transparent; /* #F5F5F5  */
    font-size: smaller;
    white-space: nowrap;
}

.formLinkButtonBig
{
    border: 0px;
    background-color: transparent; /* #F5F5F5  */
    font-size: large;
    white-space: nowrap;
}

.formLinkButtonNosize
{
    border: 0px;
    background-color: transparent; /* #F5F5F5  */
    white-space: nowrap;
}

.formtext
{
	border-color: #ff9f26;
}

.fullsize
{
    width: 85%;
    margin: 0px 0px 0px 4px;
}

.fullsizeshort
{
    margin: 0px 0px 0px 4px;
}

.fullsizeviewlabel2
{
    width: 85%;
    margin: 0px 0px 0px 4px;
    display: block;
    border: thin solid #8B8970;
    background-color: #E2E0CF;
    /*font-size: 12px;*/
    min-height: 20px;
}

.iframeInsidePanel
{
    width: 50%;
    background: white; /*#FFE8C6*/
    border-style: groove;
    border-color: #000000;
    margin: 1em 1em 1em 2px;
    /*padding: 1em;*/
}

input
{
	border: 1px solid rgb(102, 102, 102);
    background-color: white;
    margin: 2px 0px 2px 0px;
    padding: 2px;
    font-weight: normal;
}

input:focus
{
    background: rgb(200, 200, 255);
}

.inputrow
{
    background-color: #FFFFCC;
}

input[type="image"]
{
    background-color: transparent;
    border: none;
}

.itembackgroundlightred
{
    background-color: #FFB2B2;
}

.labeledInput
{
    display: inherit;
    margin: 10px auto;
}

.inlineLabeledInput
{
    display: inline-block;
    margin: 10px auto;
}

.labeledInput label,
.inlineLabeledInput label
{
    display: inline;
    padding-left: 5px;
    color: #606060;
}

.labeledInput input,
.inlineLabeledInput input
{
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.labelError
{
    width: 85%;
    margin: 0px 0px 0px 4px;
    padding: 1px 3px 1px 3px;
    font-size: 10px;
    min-height: 20px;
    color: #FF0000;
}

.lastmessage
{
    font-weight: bold;
    vertical-align: bottom;
}

.lasticon
{
    vertical-align: middle;
}

.lastmessagepanel
{
    vertical-align: middle;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 2em;
    position: relative;
    left: 2px;
    height: 25px;
    line-height: 25px;
    color: #fff;
}

#lastseepanel
{
    padding: 2px 5px 5px;
    position: absolute;
    left: 0px;
    right: 0px;
    background-color: rgb(255, 174, 71);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 20px;
    top: 35px;

    /*vertical-align: top;*/
    vertical-align: bottom;

    overflow: hidden;
    display: inline;

    z-index: 1;

    /*overflow: auto;*/

    display: inline;
    overflow: hidden; /*width: 100%*/
}

#leftpanel
{
    padding: 2px;
    position: absolute;

    top: 90px;
    left: 4px;
    /*width: 158px;****/
    /*bottom: 35px;*/
    bottom: 232px;
    /*max-height: 547px;  */

    height: auto;

    background-color: rgb(221, 221, 255);
    border: 2px solid rgb(192, 192, 192);
    background-position: left bottom;
    background-repeat: repeat-x;

    overflow: auto;
}

.leftpanelcaption
{

}

#leftpanelmessages
{
    padding: 2px;
    position: absolute;

    left: 0px;
    /*width: 158px;***/
    bottom: 4px; /*35px;*/
    height: 97px;

    left: 4px;

    background-color: #FFFACD; /*white;*/
    border: 2px solid red;

    overflow: auto;

    z-index: 50;

}

#leftpanelshortlinks
{
    padding: 2px;
    position: absolute;

    left: 4px;
    bottom: 114px;

    width: 160px;
    height: 105px;

    background-color: #D1E6FA;
    border: 2px solid #FFAE47;

    z-index: 5;

}

#leftpaneltitle
{
    border: 2px solid rgb(192, 192, 192);
    padding: 2px;
    position: absolute;
    background-repeat: repeat-x;
    left: 4px;
    width: 160px;
    height: 16px;
    top: 68px;
    background-image: url(gradient_blue.png);
}

.legendBody
{
    border: 10px solid rgb(102, 102, 102);
    background: rgb(0, 245, 245);
    padding: 2px;
}

.legendTitle
{
    border: 1px solid rgb(202, 202, 102);
    background: rgb(245, 245, 245);
    padding: 2px;
}

.librarylabel
{
    /*text-transform: capitalize;*/
    /*font-weight: bold;*/
    font-size: smaller;
    padding: 0px 5px 12px 5px;
    vertical-align: middle;
    /*background-color: white;*/
}

.librarylabel_evidenced
{
    text-transform: capitalize;
    /*font-weight: bold;*/
    font-size: smaller;
    padding: 0px 5px 1px 5px;
    background-color: #FFFF99; /* #FFFF33 */
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-color: red;
}

#loginclavislogo
{
    width: 200px;
    height: 113px;
    background: url(clavislogo.png);
}

#loginpanel
{
    border: 1px solid rgb(204, 204, 204);
    background-color: white;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    margin-top: 100px;
    text-align: left;
    font-family: Verdana;
    font-size: 8pt;
}

#loginpanel input
{
    max-width: 180px;
}

#loadingoverlay
{
    display: none;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: 1010;
    background: white;
    opacity: 0.70;
    /* for IE */
    filter: alpha(opacity=70);
}

.logoutbutton
{
    /*
        display: inline;
        position:absolute;
        right:3px;
        text-decoration: none;

        background-image: url(gradient_blue.png);
        background-repeat: repeat-x;
        color: rgb(51, 51, 51);
    */

    margin: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #666666; /* #9E9E9E; */
    border-width: thin;

    display: inline;
    padding: 1px 7px 1px 7px;
    text-decoration: none;

    background-image: url(gradient_blue.png);
    background-repeat: repeat-x;
    color: rgb(51, 51, 51);
}

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

#mainclavislogo
{
    position: absolute;
    top: 1px;
    left: 13px;
    height: 31px;
    width: 109px;
    background: url(clavislogosmall.png);
}

#mainpanelfieldset
{
    background-color: white;
}

#mainpanel
{
    border: 1px solid rgb(102, 102, 102);
    padding: 2px;
    left: 175px;
    right: 4px;
    top: 90px;
    overflow: auto;
    position: absolute;
    bottom: 80px; /*35px*/
}

#mainpaneltitle
{
    border: 1px solid rgb(255, 153, 0);
    padding: 2px;
    position: absolute;
    left: 175px;
    right: 4px;
    background-repeat: repeat-x;
    background-image: url(gradient_orange.png);
    height: 16px;
    top: 68px;
}

#mainpanelRecordAmbrosiana
{
    border: 1px solid rgb(102, 102, 102);
    padding: 2px;
    left: 2px;
    right: 2px;
    top: 100px;
    overflow: auto;
    position: absolute;
    bottom: 2px; /*35px*/
}

.maintenanceBox
{
    position: fixed;
    margin: 0;
    text-align: center;
    top: 40px;
    width: 100%;
    height: 100%;
    z-index: -1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mediumsgnaps
{
    padding: 15px 10px 25px 5px;
    font-weight: bold;
    color: rgb(102, 102, 102);
    font-size: 11pt;
}

.messagesShort
{
    font-size: smaller;
    text-decoration: none;
}

.messagesLong
{
    padding: 15px 10px 25px 5px;
    color: #3B3B3B; /*rgb(102,102,102);*/
    font-size: larger;
    background-color: #FFDEB3;
}

#messagelist
{
    width: 100%;
    display: table;
    table-layout: fixed;
    background-position: left top;
    background-repeat: repeat-x;
}

.panel_off
{
    display: none;
}

.panel_on
{
    display: block;
    position: relative;
}

.panel_shaded
{
    display: block;

    /* copied from ciro's spinner overlay */
    z-index: -100;

    opacity: 0.50;
    /* for IE */
    filter: alpha(opacity=50);
}

.panel_on_grooved
{
    display: block;

    border-top: 1px solid #D9D5AE; /*rgb(102, 102, 102);*/
    border-right: 3px solid #C3BF9D;
    border-bottom: 3px solid #D9D5AE;
    border-left: 1px solid #D9D5AE;

    position: relative;
    background-color: white;
    padding: 2px 5px 2px 5px;
}

.panel_on_inline
{
    position: relative;
    display: inline;
}

.panel_on_inline_grooved
{
    display: inline;

    border-top: 1px solid #D9D5AE; /*rgb(102, 102, 102);*/
    border-right: 3px solid #C3BF9D;
    border-bottom: 3px solid #D9D5AE;
    border-left: 1px solid #D9D5AE;
    position: relative;
    background-color: white;
    padding: 2px 5px 2px 5px;
}

#PopupMask
{
    display: none;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: 1001;
    background: #606060;
    opacity: 0.70;
    /* for IE */
    filter: alpha(opacity=70);
}

#Popup
{
    display: none;
    position: absolute;
    top: 130px;
    left: 190px;
    bottom: 5%;
    right: 15%;
    min-width: 75%;
    min-height: 67%;
    z-index: 1002;
    background: #eeeeee;
    border: 1px solid #696969;
    opacity: 1.0;
    /* for IE */
    filter: alpha(opacity=100);
}

#HelpPopupDiv
{
    display: none;
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 2000;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#HelpPopup
{
    width: 100%;
    height: 100%;
    border: 1px solid #696969;
    opacity: 1.0;
    /* for IE */
    filter: alpha(opacity=100);
}

.popupMain
{
    padding: 3px;
    position: absolute;
    top: 24px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: a;
}

.popupTitle
{
    padding: 6px 6px 3px 12px;
    top: 0px;
    left: 0px;
    right: 0px;
    background: #ddddff;
    height: 24px;
}

.recordPager
{
    font-size: small;
}

.recordPager select
{
    font-size: small;
}

.red
{
    color: red !important;
    /*border-color: red !important;*/
}

.searchfield
{
    font-family: Verdana;
    font-size: 8pt;
}

select
{
    padding: 0px;
    font-weight: normal;
}

/*select:focus
{
	background: rgb(200, 200, 255);
	}
*/

.sortable_text
{
    text-align: center;
    display: block;
    float: left;
    padding: 2px;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: 1px solid #666666;
}

.sortable_button
{
    display: block;
    float: left;
    margin: 0 2px;
}

/* tab dei menu sopra, elementi non attivi */
.tab
{
    border-top: 1px solid rgb(102, 102, 102);
    border-left: 1px solid rgb(102, 102, 102);
    border-right: 1px solid rgb(102, 102, 102);
    padding: 2px 4px 3px;
    font-weight: inherit;
    background-image: url(gradient_blue.png);
    background-repeat: repeat-x;
    color: rgb(51, 51, 51);

    text-decoration: none;
}

a.tab:active, a.tab:visited, a.tab:link
{
    color: #000000;
    text-decoration: none;
}

div a.tab:hover
{
    color: #000000;
    text-decoration: underline;
}

#tabbar
{
    padding: 4px 4px 0px;
    position: absolute;

    left: 142px;
    right: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 20px;
    top: 10px;
}

/* modificati da tabpabel di prado */

.tab-panel
{
    position: relative;
    float: left;
    width: 100%;
}

.tab-normal
{
    /*font-family:	Verdana, Helvetica, Arial;*/
    /*font-size:		12px;*/
    /*
        font: inherit;
        font-family: inherit;
        font-weight: inherit;
    */

    font-family: inherit;
    font-weight: normal;
    display: inline;
    margin: 1px -5px 1px 5px;
    float: left;
    padding: 3px 6px 4px 6px;
    /*background:		#EDEAD5; *//* rgb(234,242,255) */
    border: 1px solid;
    border-color: #9E9E9E; /* rgb(120,172,255) */
    z-index: 1;
    position: relative;
    top: 0;

    background-image: url(gradient_inactivetab.png);
    background-repeat: repeat-x;
}

.tab-active
{
    font-family: inherit;
    font-weight: bold;
    position: relative;
    display: inline;
    float: left;
    border: 1px solid #9E9E9E; /* rgb(120,172,255) */
    /*border-bottom:	1px solid ;*/
    z-index: 3;
    padding: 5px 6px 5px 6px;
    margin: 0px -6px -3px 0px;
    top: -2px;

    /*background:		white;*/

    background-image: url(gradient_blue.png);
    background-repeat: repeat-x;
    color: rgb(51, 51, 51);
}

.tab-view
{
    clear: both;
    /*border:			1px solid rgb(120,172,255);*/
    z-index: 2;
    position: relative;
    top: -2px;
    /*padding:		10px;*/

    border-top: 1px solid #D9D5AE; /*rgb(102, 102, 102);*/
    border-right: 3px solid #C3BF9D;
    border-bottom: 3px solid #D9D5AE;
    border-left: 0px solid #D9D5AE;
    background: #EEE9BF;
    padding: 5px 2px 4px 2px;
    margin-bottom: 8px;
}

.tab-view-nocolor
{
    clear: both;
    /*border:			1px solid rgb(120,172,255);*/
    z-index: 2;
    position: relative;
    top: -2px;
    /*padding:		10px;*/

    /*p
        border-top: 1px solid #D9D5AE;
        border-right: 3px solid #C3BF9D;
        border-bottom: 3px solid #D9D5AE;
        border-left: 0px solid #D9D5AE;
    */
    /*background: #EEE9BF;*/
    padding: 5px 2px 4px 2px;
    margin-bottom: 8px;
}

.tab-view-nocolor-bordered
{
    clear: both;
    z-index: 2;
    position: relative;
    top: -2px;
    border: 1px solid #9E9E9E;

    /* background: #EEE9BF; */
    padding: 5px 2px 4px 2px;
    margin-bottom: 8px;
}

.tab-active a
{
    color: #000000;
    text-decoration: none;
}

.tab-normal a
{
    color: #6E6E6E;
    text-decoration: none;
    font-weight: normal;
}

.tab-normal a:hover, .tab-normal a:focus
{
    color: black; /* rgb(120,172,255) */
    text-decoration: underline;
    /*font-weight: bold;*/
    font-weight: normal;
}

/* fine */

table
{
    margin: 0px;
}

textarea
{
    border: 1px solid rgb(102, 102, 102);
    padding: 1px;
}

textarea:focus
{
    background: rgb(200, 200, 255);
}

.textbox
{
    border: 1px solid rgb(51, 102, 255);
    font-family: Verdana;
    font-size: 10pt;
}

ul.different
{
    background-color: pink;
}

.userDataCell
{
    padding: 2em;
}

.userDataCellBordered
{
    min-height: 1px;
    min-width: 1px;
    padding: 2em;
    border: thin solid #7F7B79;
    border-width: 1px;
    background-color: #E2E0CF;
    overflow: auto;
}

.userDataPanel
{
    min-height: 1px;
    min-width: 1px;

    /*
        border: thin solid #7F7B79;
        border-width: 1px;
        background-color: #E2E0CF;
    */
}

.libraryDataPanel
{
    min-height: 1px;
    min-width: 1px;

    /*
        border: thin solid #7F7B79;
        border-width: 1px;
        background-color: #E2E0CF;
    */
}

.viewlabel
{
    text-transform: none;
    background-color: #eeeeee;
    padding: 5px 6px 5px 6px;
    vertical-align: bottom;
    text-align: right;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #dfdfdf;
    font-weight: bold;
    font-size: 10pt;
    color: rgb(102, 102, 102);
}

.viewlabelleft
{
    text-transform: none;
    background-color: #eeeeee;
    padding: 5px 6px 5px 6px;
    vertical-align: bottom;
    text-align: left;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #dfdfdf;
    font-weight: bold;
    font-size: 10pt;
    color: rgb(102, 102, 102);
}

.viewlabelcenter
{
    text-transform: none;
    padding: 5px 6px 5px 6px;
    vertical-align: top;
    text-align: center;

    font-weight: bold;
    font-size: 10pt;
    color: rgb(102, 102, 102);
}

.viewlabel2
{
    display: block;
    width: 85%;
    margin: 0px 0px 0px 4px;
    padding: 2px 3px 2px 3px;
    border: thin solid #8B8970;
    background-color: #E2E0CF;
    font-size: 12px;
    min-height: 16px;
}

.viewlabel2medium
{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 1px 3px 1px 3px;
    border: thin solid #8B8970;
    background-color: #E2E0CF;
    min-height: 15px;
}

.viewlabel2short
{
    display: block;
    width: auto;

    margin: 0px 0px 0px 4px;
    padding: 2px 3px 2px 3px;
    border: thin solid #8B8970;
    background-color: #E2E0CF;
    font-size: 12px;
    min-height: 16px;
}

.viewlabel2small
{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 1px;
    border: thin solid #8B8970;
    background-color: #E2E0CF;
    font-size: 10px;
    min-height: 15px;
}

.viewlabel3
{
    display: inline;

    margin: 0px 0px 0px 4px;
    padding: 2px 3px 2px 3px;
    border: thin solid #8B8970;
    background-color: #E2E0CF;
    font-size: 12px;
    min-height: 16px;
}

.viewlabel4
{
    width: 85%;
    margin: 0px 0px 0px 0px;
    /*padding: 1px 3px 1px 3px;*/
    /*border: thin solid #8B8970;*/
    /*font-size: 12px;*/
    min-height: 20px;
}

.viewlabel4small
{
    width: 85%;
    margin: 0px 0px 0px 0px;
    /*padding: 1px 3px 1px 3px;*/
    /*border: thin solid #8B8970;*/
    font-size: 11px;
    min-height: 20px;
}

.viewlabel5
{
    display: block;
    text-transform: none;
    width: 85%;
    margin: 0px 0px 0px 4px;
    padding: 1px 3px 1px 3px;
    border: thin solid #8B8970;
    background-color: #E2E0CF;
    font-size: 12px;
    min-height: 20px;
}

/* CSS for Views */
.viewTable, .viewlabel
{
    border: none;
    background-color: #f8f7f7;
    padding-top: 3px;
    padding-top: 3px;
}

.viewvalue
{
    text-transform: none;
    font-size: 10pt;
    color: rgb(102, 102, 102);
    color: #444444;
    border-bottom: 1px solid #dfdfdf;
    background-color: #fafafa;
    font-weight: normal;
    padding: 5px 10px 5px 6px;
    vertical-align: bottom;
}

.viewvalue2
{
    text-transform: none;
    font-size: 10pt;
    color: rgb(102, 102, 102);
    color: #444444;
    background-color: #fafafa;
    font-weight: normal;
    vertical-align: bottom;
    padding: 5px 10px 5px 6px;
    text-align: left;
}

table.timetable
{
    table-layout: fixed;
    width: 700px;
}

td.openhours
{
    width: 85%;
    font-weight: bold;
    font-size: 100%;
    color: #666;
    border-right: 1px solid #FFF;
    background-color: #eeebe5;
    padding: 4px 8px;
}

td.openhoursday
{
    width: 50px;
    font-weight: bold;
    font-size: 100%;
    color: #666;
    border-right: 1px solid #FFF;
    background-color: #DFD9CF;
    padding: 4px 8px;
}

.TDatePicker_default
{
    border: 1px solid #919EA9;
    background-color: White;
    text-align: center;
    font-size: 11px;
    /*font-family: Tahoma, Arial, Helvetica, sans-serif; */
    cursor: default;
    z-index: 2000;
}

/* loan Desk tabs */

#loancontent
{
    margin-left: 24px;
    margin-right: 24px;
}

#loantabs ul
{
    font: normal 11pt arial, sans, sans-serif;
    -list-style-type: none;
    border-bottom: 1px solid gray;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 26px;
}

#loantabs ul li
{
    display: inline;
    float: left;
    height: 24px;
    min-width: 80px;
    text-align: center;
    padding: 0;
    margin: 1px 0px 0px 0px;
    border: 1px solid gray;
}

#loantabs ul li.selected
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#loantabs ul li a
{
    float: left;
    color: #666;
    text-decoration: none;
    padding: 4px;
    text-align: center;
    background-color: #eee;
    min-width: 80px;
    border-bottom: 1px solid gray;
}

#loantabs ul li a.selected
{
    color: #000;
    font-weight: bold;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

#loantabs ul li a:hover
{
    color: #000;
    font-weight: bold;
    background-color: #fff;
}

#loancontainer
{
    background: white;
    border: 1px solid gray;
    border-top: none;

    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
}

#loancontainer .innertab
{
    display: none;
}

#loancontainer .innertabselected
{
    display: block;
    padding: 10px;
}

.badge
{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}

.label
{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-danger
{
    background-color: #d9534f;
}

.label-default
{
    background-color: #777;
}

.label-info
{
    background-color: #5bc0de;
}

.label-primary
{
    background-color: #428bca;
}

.label-success
{
    background-color: #5cb85c;
}

.label-warning
{
    background-color: #f0ad4e;
}
.margin-block
{
    margin: 10px auto;
}

hr
{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


/* Remove default bullets */
.treeview ul
{
    list-style-type: none;
}

/* Remove margins and padding from the parent ul */
.treeview
{
    margin: 0;
    padding: 0;
}

/* Style the caret/arrow */
.treeview .caret
{
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.treeview .caret::before
{
    content: "\25B6";
    color: black;
    display: inline-block;
    margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.treeview .caret-down::before
{
    transform: rotate(90deg);
}

/* Hide the nested list */
.treeview .nested
{
    display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.treeview .active
{
    display: block;
}

.librarianPopupNotificationCb
{
    display: block;
    margin: 5px auto;
}

.librarianPopupNotificationCb + .librarianPopupNotificationCb,
.librarianPopupNotificationCb + div .librarianPopupNotificationCb
{
    margin-left: 20px;
}

.librarianPopupNotificationCb label
{
    margin: auto 4px;
}

.formfieldsetflat
{
    border-color: rgba(100, 100, 100, 0.15);
    border-width: 1px;
}

.formfieldsetflat-top
{
    margin: 20px 10px 20px auto;

    border-color: rgba(100, 100, 100, 0.15);
    border-width: 1px;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

ul.ul-autocompleter li {
    border-bottom: dotted 1px #666666;
    line-height: 15px;
}

ul.ul-autocompleter li:hover {
    background-color: #FFFFCC;
}

ul.ul-autocompleter li:last-child {
    border-bottom:none;
}


.component_title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8pt;
    color: #606060;
    border-bottom: 2px solid #d08c0f;
    display: inline-block;
    margin: auto auto 5px auto;
}

.component_description {
    text-transform: none;
    font-size: 9pt;
    color: #707070;
    display: block;
}

.stickyFooter {
    margin: auto;
    padding: 5px 0;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(100, 100, 100, 0.5);
    text-align: center;
    min-height: 50px;
    overflow: hidden;
}


/**
 * 3 column responsive grid
 * ---------------------------------------------------------------------------------------------------------------------
 */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    width: 100%;
}

.column-2 {
    float: left;
    width: 50%;
}

.column-3 {
    float: left;
    width: 33.333333%;
}

.column-23 {
    float: left;
    width: 66.6666666%;
}

.capitalize {
    text-transform: capitalize;
}

@media screen and (max-width: 700px) {
    .column-2 {
        margin-top: 20px;
        width: 100%;
    }

    .column-3 {
        margin-top: 20px;
        width: 100%;

    }

    .column-23 {
        margin-top: 20px;
        width: 100%;
    }
}