/* 
    Document   : sintesi
    Created on : 11-giu-2013, 15.54.51
    Author     : dario
    Description:
        Main CSS for the Web Application
*/



root { 
    display: block;
}

.grid-view table thead [class^="icon-"],
.grid-view table thead [class*=" icon-"], 
.datepicker-days thead [class^="icon-"],
.datepicker-days thead [class*=" icon-"]  {
    background-image: url("/backend/www/themes/bootstrap/images/glyphicons-halflings-white.png") !important;
}

.datepicker-days thead {
    color: white;
}




@media (min-width: 980px) {
    /* .form-vertical > label {
         display: block;
         width: 40%;
         float: left;
         text-align: right;
         padding-right: 15px;
         vertical-align: middle;       
     }    
     
     .form-vertical .help-block {
         margin-left: 41%
     }
     
     .form-vertical .help-block + label {
        clear: both;
        margin-top: 5px;
     }
     
     .form-vertical label + select {
         margin-bottom: 0px;
     }
     
     .form-vertical label + select, .form-vertical label + div,
     .form-vertical label + input {
         margin-top: 5px;
     } 
     
     .form-vertical .input-prepend input,
     .form-vertical .input-append input
     {
         width: 429px;
     }
     
     .select2-container-multi {
         width: 466px !important;
         display: inline-block;
         font-size: 13px;
         line-height: 18px;
         color: #808080;
         border: 1px solid #ccc;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
     }
     
     .form-vertical .select2-choices {
         border: none !important;
     }*/
}

/*<editor-fold defaultstate="collapsed" desc="General CSS"> */

.sintesiNavBar .navbar-inner {
    background-color: white !important; /* fallback color, place your own */
    background: transparent url("../images/navbarBackground.png")  repeat-x left !important;
    border: 0 !important;
    height: 102px;

    box-shadow: none !important;
    webkit-box-shadow: none !important;
}

.sintesiNavBar div {
    background-color: #dddddd !important; /* fallback color, place your own */
    background: url("../images/logoSintesiRight.png") no-repeat 97% 30px, url("../images/navbarBackground.png") repeat-x left top;
    height: 102px;
    padding: 0;

    /* Gradients for modern browsers, replace as you see fit */
    /*background-image: -moz-linear-gradient(top, #004b95, #004b95) !important;
    background-image: -ms-linear-gradient(top, #004b95, #004b95) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004b95), to(#004b95)) !important;
    background-image: -webkit-linear-gradient(top, #004b95, #004b95) !important;
    background-image: -o-linear-gradient(top, #004b95, #004b95) !important;
    background-image: linear-gradient(top, #004b95, #004b95) !important;
    background-repeat: repeat-x !important;*/

    /* IE8-9 gradient filter */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b95', endColorstr='#004b95', GradientType=0) !important;*/
}

.sintesiNavBar .nav > li > a {
    color: #999999 !important;
}

.nav > li.open > a {
    color: white !important;
}

.brand {
    width: 270px !important; 
    height: 102px !important;

    background: transparent url("../images/DBox-proLeftLogo.png?20190709") no-repeat 10px -5px;
    text-indent: -9999px;
    padding: 0 !important;

}

.alert {
    font-size: 130%;
}

.alert-warning {
    background-color: orange !important;
    color: #b08853 !important;
}

.alert-warning p {
    color: black !important;
}

#maincontainer {
    margin-top:105px;
}

.breadcrumb {
    background-color: transparent !important;
    background-image: url("../images/5788D5-1.png");
    background-position-x: 10px;
    background-position-y: 28px;
    background-repeat: repeat-x ;
}


.bootstrap-widget-header {

    background: #004B95 !important;
    background: -moz-linear-gradient(top, #5587D4 0%, #004B95 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5587D4), color-stop(100%, #004B95))!important; /* Chrome,Safari4+ */


    background: -webkit-linear-gradient(top, #5788d5 0%, #004B95 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5587D4 0%, #004B95 100%)!important; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #5587D4 0%, #004B95 100%)!important; /* IE10+ */
    background: linear-gradient(top, #5587D4 0%, #004B95 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5587D4', endColorstr = '#004B95')!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5587D4', endColorstr='#004B95')"!important;

    border: 1px solid #004B95 !important;
}


.bootstrap-widget-header h3, 
.bootstrap-widget-header i
{
    color: white !important;
    font-weight: 300 !important;
}
.button-column a i.icon.fa {
    width: 14px;
    height: 14px;
    margin-top: 1px;
}
.fa{
    color:black;

}
i.icon.fa.fa-bell {
    font-size: 10px;
}

@media (max-width: 979px) {
    .navbar-inner {
        padding: 0 !important;

    }

    #maincontainer {
        margin-top:0;
    }

    .sintesiNavBar div {
        height: 0;
    }

    .nav-collapse, .nav-collapse.collapse {
        background: white !important;
        height: 0;
        z-index:10000;
    }
}


p, div, a, input, select, button {
    font-family: 'Electrolize', sans-serif !important;   
}

spacer {
    padding: 20px;
}

/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Log Area"> */

ol#log {
    background: black;
    color: white;
    width:100% !important;  width /**/:200px;
    height:600px !important; height /**/: 200px;
    padding: 4px;

    overflow:auto
}
.warning{
    color:orange;
}
.crit {
    color: red;
}

.error {
    color: orange;
}

.warn {
    color: yellow;
}


/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Notification Area"> */

ul#wronglocationnotifications {}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

ul#delaynotifications {}

#delaynotifications {}


/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Daterangepacker">*/
.daterangepicker th, .daterangepicker th i {
    color: #AAAAAA;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Grid View"> */
.grid-view th {
    color: #AAAAAA;
}

.grid-view td.selectedfilter {
    background-color: #A6C0DA;
}

#pagesizetlink {
    width: 100px;
    margin-left: 5px;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Logicteka"> */

#logicteka-grid tr.problemToCheck
{
    color: red;
}

/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Movement Operations"> */
.getKeychain,
.bookKeychain,
.deleteBookKeychain,
.putKeychain
{
    color: inherit;
}

.getKeychainBySystem,
.putKeychainBySystem,
.getKeychainBySystem a,
.putKeychainBySystem a
{
    color: salmon;
}

.putWrongKeychain,
.correctWrongKeychain,
.putWrongKeychain a,
.correctWrongKeychain a
{
    color: red;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Toolbar"> */
.toolbarTop .btn {
    /*float: left;*/
}

.toolTipModel {
    padding-top: 11px;
    color: #e57629;
}

.toolTipModel:hover {
    color: #006db7;
    text-decoration: none;
}


.toolTipModel i {
    width: auto;
    vertical-align: baseline;
}

#idprofilenuovo{
    width: 50%;
    margin: 0 auto;

}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333333em;
}

.icon-2x {
    font-size: 2em;
}
.icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.icon-4x {
    font-size: 4em;
}
.icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Footer"> */
#footer {
    text-align: center;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Detail View"> */
.detail-view {
    margin-top: 25px
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Update/Create View"> */
.form-vertical label {
    margin-top:10px;
}

.form-vertical .row {
    margin: 0;

}

.form-vertical .row input[type="checkbox"] {
    float: left;
}

.form-vertical .row label {
    margin-top: 10px;
}

.form-vertical .row span label {
    margin-top: 0px;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Login Form"> */

#login-form {    
}

#login-form .form-actions {
    background-color: transparent !important;
}

.logincenter {
    width: 30%;
    margin: 40px auto 40px 35%;

}

.logincenter input[type="text"],
.logincenter input[type="password"]
{
    width: 98%;
}


@media (max-width: 980px) {
    .logincenter {
        width: auto;
        margin: auto;
    }

    .logincenter input[type="text"],
    .logincenter input[type="password"]
    {
        /*width: auto;*/
    }
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Dashboard"> */
.dashboardUL {
    margin: 0; padding: 0;

}

.dashboardUL li {
    list-style: none;
    vertical-align: middle;
    float: left;
    display: block;
}

.dashboardUL li img{
    width: 160px;
    margin: 25px;
}

#dashboard-movements-grid .summary {
    display: none;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Manage Area"> */
thead th {
    background-color: #004b95 !important;
}

thead th a {
    color: #AAAAAA;
}

thead th a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #f6f6f6 !important;
}

.toggle-button label {
    z-index: 10 !important;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="People"> */
#related-people-grid i {
    margin-right:4px;
}

.bootboxModalForm {
    height: 400px;
    width: 100%;
}

@media (min-width: 980px) {
    #peopleleftpanel, #badgereaderleftpanel, #usageleftpanel, #prodotticategorialeftpanel, #grouppermissionleftpanel {
        width:48%;
        float:left
    }

    #peoplerightpanel, #badgereaderrightpanel, #usagerightpanel, #prodotticategoriarightpanel, #grouppermissionrightpanel {
        width:48%;
        float:right;
    }

}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Keychain"> */
.delayDetailView th {
    color: red;
}

.wrongLocationDetailView th {
    color: red;
}

.reservationDetailView th {
    color: orange;
}

#related-keychain-grid i {
    margin-right:4px;
}

@media (min-width: 980px) {
    #keychainleftpanel {}

    .updateAction{
        width:50%;
        float:left
    }

    #keychainrightpanel {
        width:48%;
        float:right;
    }

}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Time Interval"> */
#time-interval-form {
    position: relative;
}

#time-interval-form .help-block  {
    position:absolute; bottom:px;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Reservation"> */
.booking-center {
    width: 30%;
    margin: 40px auto 40px 35%;
}

.booking-center input,
.booking-center select
{
    width: 70%
}

@media (max-width: 980px) {
    .booking-center {
        width: 100%;
        margin: 0;
    }

    .booking-center input,
    .booking-center select {
        width: 100%;
    }
}

/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Import people"> */
.importpeople-center {
    width: 30%;
    margin: 40px auto 40px 35%;
}

.importpeople-center input,
.importpeople-center select
{
    width: 70%
}

.importpeople-center hr {
    margin: 50px 0;
    width: 100%;
}

@media (max-width: 980px) {
    .importpeople-center {
        width: 100%;
        margin: 0;
    }

    .importpeople-center input,
    .importpeople-center select {
        width: 100%;
    }

    .importpeople-center hr {
        margin: auto;
    }

}

/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Settings"> */

.freeDiskSpaceWarning {
    color: orange;
}

.freeDiskSpaceError {
    color: red;
}

.freeDiskSpaceOK {
    color: green;
}

#settingsfinal-form div.row + div.row {
    padding-top: 25px;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Translation"> */
.updatelivetranslation {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.changeTranslation { 
    background-color: yellow !important;
}

.updatelivetranslation::-webkit-input-placeholder { font-style:italic;color:#ddd; }
.updatelivetranslation::-moz-placeholder { font-style:italic;color:#ddd; } 
.updatelivetranslation:-ms-input-placeholder { font-style:italic;color:#ddd; } 
.updatelivetranslation:-moz-placeholder { font-style:italic;color:#ddd; }

/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Demo TEKA"> */
.demomain {
}

.demomain .loginprompt {
    text-align:center;
    width:100%;
    heght:50%;
}

.demomain .loginprompt #yw0{
    font-size: 20px;
    margin-top: 50px;
}

.demomain .toolbarmain {
}
.toolbarmain .mainbutton {
    float: left;
}

.toolbarmain .exitbutton {
    float: right;
}
.demomain .movementsbutton {
    float: left;
}

.demomain .exitbutton {
    float: right;
}

.demologicteka {
    text-align: center;
}

.demologicteka .demoteka {
    width: 100%;
}

.demotoolbar {
    clear: both !important;
    padding-top: 10px;
}

.demotoolbar h1 {
    font-size: 20px;
}

.demotoolbar ul li {
    list-style:none;
    background-image:none;
    background-repeat:none;
    background-position:0; 
    float: left;

}

.demolocation {
    width: 252px;
    height: 252px;
    background-color: #DDDDDD;
    float: left;
    border: 1px solid black;
    overflow: hidden;
}

.demolocation .labellocation {
    font-size: 15px; 
    width:100%;
    color:grey;
    text-align: right;
    padding-right: 10px;
    padding-top:34px;
    float: right;
}

.demolocation .statuslocation {
    font-size: 40px; 
    width:100%;
    font-weight: 900;
    text-align: center;
    margin-top: 40px;
}

.demolocation .statuslocation [class^="icon-"],
.demolocation .statuslocation [class*=" icon-"] {
    width: 60px;
}

.demolocation .keylocation {
    font-size: 30px; 
    color: black;
    text-align: center;
    padding-top:40px;
    padding-bottom: 30px;
}


.demolocation .booklocation {
    text-align: center;
    padding-top:5px;

}

.demolocation .booklocation a {
    margin-left:5px;
    margin-right:5px;
    font-size:18px;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="License View"> */
@media (min-width: 980px) {
    #licenseleftpanel{
        width:50%;
        float:left
    }

    #licenserightpanel {
        width:48%;
        float:right;
    }

}

/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Notification Menu"> */

.badge-important{
    background: red;
    position: relative;
    top: -10px;
    left: -5px;
}

#notificationListContainer{
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

#notificationHeaderContainer li{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.notificationDate{
    width: 50%; 
    display: inline-block;
    font-size:10px;
    line-height:15px;
    vertical-align: text-bottom;
    padding-top: 3px;
    padding-bottom: 3px;
    color:#999999;
    padding-bottom: 15px;
}

.notificationRead{
    width: 50%; 
    display: inline-block;
    font-size:10px;
    line-height:15px;
    text-align: right;
    vertical-align: text-bottom;
    padding-top: 3px;
    padding-bottom: 3px;
    color:#999999;
    padding-bottom: 15px;
    cursor: pointer;
}

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

#notificationHeaderContainer .divider{
    margin: 0;
    padding: 0;
}

.notification{
    display: block;
    /*padding-top: 20px;*/
    border-bottom: 2px solid #eeeeee;
    color: #333333;
    background-color: #ffffff;
    text-decoration: none;
}

.notificationBody{
    display: table-cell;
    /*word-break: break-all;*/
}

.notification .icon-calendar{
    vertical-align: text-bottom;
}

.imgNotification{
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
    width: 50px;
    height: 50px;
}

.notificationHeaderLeft{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%; 
    display: inline-block;
    color:#333333;
}

.notificationHeaderRight{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%; 
    display: inline-block;
    text-align: right
}

.notificationFooter{
    text-align: center;
    /*margin-top: 5px;
    margin-bottom: 5px;*/
}

.linkNotification{
    color:#0088CC;
    cursor: pointer;
}

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

.loadindReadNotification{
    display: none;
    width: 14px;
    height: 14px;
}

#totalNotification{
    /*display: none;*/
}

#allNotificationReadWaitIcon{
    display: none;
}

.notificationLoadMore{
    text-align:center;
    margin: 0 auto;
}

a#yw1.toolbarNotification.btn:link, a#yw1.toolbarNotification.btn:visited, a#yw1.toolbarNotification.btn:hover, a#yw1.toolbarNotification.btn:active {
    color: #333333;
}

/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Service Badge"> */

.servicebadgetf{
    margin-left: 20px;
    margin-right: 20px;
}

#waitIcon1 {
    margin-left: 20px;
}

#waitIcon2 {
    margin-left: 20px;
}

#waitIcon3 {
    margin-left: 20px;
}

#waitIcon4 {
    margin-left: 20px;
}

#waitIcon5 {
    margin-left: 20px;
}

.afterdeleteicon{
    cursor: pointer;
}

/*</editor-fold>*/