﻿ /*ABBIATI x risolvere bug grafico*/
.addIndex { z-index: 0 !important; }
 /* x Cartellino*/
.borderSx { 
    border-left: solid 2px #989898 !important;
}
.borderDx { 
    border-right: solid 2px #989898 !important;
}
/*mai usato*/
.borderBottom {
    border-bottom: solid #989898 2px !important;
}
/*in DE detail funzione CalculateFormule*/
.borderRed {
    border: solid red 1px !important;
}
/*in seq prog*/
.rowDel { text-decoration: line-through; }
.bckColor { background-color: #5CA6C9 !important; }
.border { border: solid 1px grey; margin: 10px; border-radius: 10px 10px 10px 10px; padding: 20px; height: 290px; } 
/* x iframe */
iframe {  
    border: none;
    width: 100%; 
    height: 155px;
}
/* x pop up info del cartellino */
.paddingL10 {
    padding-left: 10px;
}
.colorGrey {
    background-color: #CCC;
}
/* x notifiche */
.colorRed {
    background-color: #D9534F;
}
/**************************** TITOLO NEL PANNELLO DELLE NOTIFICHE ********************************/
a.Notify:link {
    color: #FFF;
    text-decoration: none;
    font-size: 25px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.Notify:visited {
    color: #FFF;
    text-decoration: none;
    font-size: 25px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.Notify:hover {
    color: #FFF;
    text-decoration: underline;
    font-size: 25px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/************************************************************/
.bckWhite { 
    /*background-color: #FFF !important;*/
    font-weight: bold !important; 
}
.bckRed {
    color: #D9534F !important;
    font-weight: bold !important;
}
.bckGreen {
    background-color: #5CB85C !important;
}
.bckYellow {
    background-color: #F0AD4E !important;
}
.bckBlue {
    background-color: #448CCB !important;
}
/***************************************************/
.panel-title-margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2%;
    font-size: 16px;
    color: inherit;
}

.body-PaddingTopTrue {
    padding-top: 50px;
    padding-bottom: 20px;
}

.body-PaddingTopFalse {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input, select {
    max-width: 280px;
}*/

textarea {
    max-width: 100%;
}


.disabled {
    pointer-events: none;
    cursor: default;
}

.marginBottom-0 {
    margin-bottom: 0;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #555;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.please-wait {
    background: url('./images/ajax_loader_small.gif') no-repeat;
    padding-left: 20px;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.strangeStampingsDayCondition {
    color: black;
    background-color: red;
}

.notElaboratedDayCondition {
    color: red;
    background-color: white;
}

.regularDayCondition {
    color: black;
    background-color: white;
}

.reportedDayCondition {
    color: black;
    background-color: lightgreen;
}

.missingStampingsDayCondition {
    color: black;
    background-color: yellow;
}

.timeTableNotAssignedDayCondition {
    color: black;
    background-color: purple;
}

.misingHoursDayCondition {
    color: black;
    background-color: pink;
}

.unexpexctedPresenceDayCondition {
    color: black;
    background-color: green;
}

.continuedDayCondition {
    color: black;
    background-color: blue;
}

.manualManagementDayCondition {
    color: black;
    background-color: lightblue;
}

.semiAutomatic1DayCondition {
    color: black;
    background-color: yellow;
}

.semiAutomatic2DayCondition {
    color: black;
    background-color: yellow;
}

.absenceToBeVerifiedDayCondition {
    color: black;
    background-color: orange;
}

.profileNotAssignedDayCondition {
    color: black;
    background-color: darkred;
}

.manMangNoRicDayCondition {
    color: black;
    background-color: gray;
}

.workingHoursStampingCondition {
    color: white;
    background-color: red;
}

.notAuthorizedHoursStampingCondition {
    color: black;
    background-color: yellow;
}

.notAuthorizedClockStampingCondition {
    color: white;
    background-color: midnightblue;
}

.toBeAuthorizedHoursStampingCondition {
    color: black;
    background-color: lightseagreen;
}

.justifiedFromClockStampingCondition {
    color: white;
    background-color: darkblue;
}

.justifiedStampingCondition {
    color: black;
    background-color: orange;
}

.authorizedStampingCondition {
    color: white;
    background-color: purple;
}

.notAuthorizedStampingCondition {
    color: yellow;
    background-color: darkred;
}

.notToBePrintedStampingCondition {
    color: white;
    background-color: darkgray;
}

.notToBeUsedStampingCondition {
    color: black;
    background-color: lightgray;
}

.pauseStampingCondition {
    color: white;
    background-color: darkgreen;
}

.serviceStampingCondition {
    color: black;
    background-color: lightgreen;
}

.startStop {
    color: black\9;
    background-color: #63be7b\9;
}

.warning {
    color: black\9;
    background-color: #f8e984\9;
}

.error {
    color: black\9;
    background-color: #f8696b\9;
}

.dateHighlight {
    color: black\9;
    font-style: italic;
}

.serviceStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .serviceStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: lightgreen;
}

.pauseStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .pauseStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: white;
    background-color: darkgreen;
}

.notToBeUsedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .notToBeUsedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: lightgray;
}

.notToBePrintedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .notToBePrintedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: white;
    background-color: darkgray;
}

.notAuthorizedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .notAuthorizedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: yellow;
    background-color: darkred;
}

.authorizedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .authorizedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: white;
    background-color: purple;
}

.justifiedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .justifiedStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: orange;
}

.justifiedFromClockStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .justifiedFromClockStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: white;
    background-color: darkblue;
}

.toBeAuthorizedHoursStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .toBeAuthorizedHoursStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: lightseagreen;
}

.notAuthorizedClockStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .notAuthorizedClockStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: white;
    background-color: midnightblue;
}

.notAuthorizedHoursStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .notAuthorizedHoursStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: yellow;
}

.workingHoursStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .workingHoursStampingCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: white;
    background-color: red;
}

.strangeStampingsDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .strangeStampingsDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: red;
}

.notElaboratedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .notElaboratedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: red;
    background-color: white;
}

.regularDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .regularDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: white;
}

.reportedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .reportedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: lightgreen;
}

.missingStampingsDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .missingStampingsDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: yellow;
}

.timeTableNotAssignedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .timeTableNotAssignedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: purple;
}

.misingHoursDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .misingHoursDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: pink;
}

.unexpexctedPresenceDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .unexpexctedPresenceDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: green;
}

.continuedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .continuedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: blue;
}

.manualManagementDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .manualManagementDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: lightblue;
}

.semiAutomatic1DayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .semiAutomatic1DayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: darkblue;
}

.semiAutomatic2DayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .semiAutomatic2DayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: midnightblue;
}

.absenceToBeVerifiedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .absenceToBeVerifiedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: orange;
}

.profileNotAssignedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .profileNotAssignedDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: darkred;
}

.manMangNoRicDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .manMangNoRicDayCondition:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: gray;
}

.startStop:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .startStop:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: #63be7b;
}

.warning:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .warning:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: #f8e984;
}

.error:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .error:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: #f8696b;
}

.throbber-header {
    font-size: 145%;
}

.throbber {
    display: none;
}

    .throbber .curtain {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: dimgray;
        opacity: 0.9;
        filter: alpha(opacity=90);
        z-index: 100 !important;
    }

    .throbber .curtain-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        .throbber .curtain-content div {
            text-align: center;
            padding: 250px;
            color: #FFF;
        }

    .curtain-content {
        z-index: 101 !important;
    }

/*.row{
    margin-top:40px;
    padding: 0 10px;
}*/

.clickable {
    cursor: pointer;
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}

/*.panel-collapse-clickable {
     cursor: pointer;
}*/

/*.jqx-widget-header-bootstrap {
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
    color: #fff !important;
}*/

.go-top {
    text-decoration: none;
    position: fixed;
    bottom: 2em;
    Right: 1em;
    color: #FFFFFF;
    background-color: #428bca;
    font-size: 12px;
    padding: 1em;
    -moz-border-radius: 7px;
    border-radius: 7px;
    display: none;
    z-index: 9999;
}

    .go-top:hover {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #3276b1;
    }


.shape {
    border-style: solid;
    border-width: 0 70px 40px 0;
    float: right;
    height: 0px;
    width: 0px;
    -ms-transform: rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(360deg); /* Safari and Chrome */
    transform: rotate(360deg);
}

.shapeSmall {
    border-style: solid;
    border-width: 0 35px 29px 0;
    float: right;
    height: 0px;
    width: 0px;
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.shapeSmall {
    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}


.offer-danger .shapeSmall {
    border-color: transparent #d9534f transparent transparent;
}

.offer-success .shapeSmall {
    border-color: transparent #5cb85c transparent transparent;
}

.offer {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin: 15px 0;
    overflow: hidden;
}

.shape {
    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}

.offer-radius {
    border-radius: 7px;
}

.offer-danger {
    border-color: #d9534f;
}

    .offer-danger .shape {
        border-color: transparent #d9534f transparent transparent;
    }

.offer-success {
    border-color: #5cb85c;
}

    .offer-success .shape {
        border-color: transparent #5cb85c transparent transparent;
    }

.offer-default {
    border-color: #999999;
}

    .offer-default .shape {
        border-color: transparent #999999 transparent transparent;
    }

.offer-primary {
    border-color: #428bca;
}

    .offer-primary .shape {
        border-color: transparent #428bca transparent transparent;
    }

.offer-info {
    border-color: #5bc0de;
}

    .offer-info .shape {
        border-color: transparent #5bc0de transparent transparent;
    }

.offer-warning {
    border-color: #f0ad4e;
}

    .offer-warning .shape {
        border-color: transparent #f0ad4e transparent transparent;
    }

.shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    right: -34px;
    top: 2px;
    white-space: nowrap;
    -ms-transform: rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    transform: rotate(30deg);
}

.offer-content {
    padding: 0 20px 10px;
}

@media (min-width: 487px) {
    .container {
        max-width: 750px;
    }

    .col-sm-6 {
        width: 50%;
    }
}

@media (min-width: 900px) {
    .container {
        max-width: 970px;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .col-lg-3 {
        width: 25%;
    }
}

.panel-red {
    border-color: #D9534F;
}

.panel-red > .panel-heading {
  background-image: -webkit-linear-gradient(top, #D9534F 0%, #D9534F 100%);
  background-image:      -o-linear-gradient(top, #D9534F 0%, #D9534F 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D9534F), to(#D9534F));
  background-image:         linear-gradient(to bottom, #D9534F 0%, #D9534F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#FF2D31', GradientType=0);
  background-repeat: repeat-x;

   color: #fff;
  background-color: #D9534F;
  border-color: #D9534F;
}

/*
LOGIN
*/

@CHARSET "UTF-8";
/*
over-ride "Weak" message, show font in dark grey
*/

.progress-bar {
    color: #333;
}

/*
Reference:
http://www.bootstrapzen.com/item/135/simple-login-form-logo/
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 0px !important;
    @include box-sizing(border-box);   
    z-index: 2; 
}

.body-login {
        background: linear-gradient(90deg, #3A6073 10%, #3A6073 90%);
    /*background: url(Images/SfondoLogin.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-form {
    margin-top: 60px;
}

form[role=login] {
    color: #5d5d5d;
    background: white;
    padding: 26px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

form[role=login] img
{
    display: block;
    margin: 0 auto;
    margin-bottom: 35px;
}

form[role=login] input,
form[role=login] button
{
    font-size: 18px;
    margin: 16px 0;
    padding: 10px 16px !important;
}

form[role=login] > div
{
    text-align: center;
}

.form-links {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 50px;
}

.form-links a
{
    color: #fff;
}


/*
PROGRAMMED SEQUENCES
*/

.quick-btn
{
    position: relative;
    display: inline-block;
    width: 18%;
    height: 80px;
    padding-top: 16px;
    margin: 10px;
    color: #444444;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
    box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
}

.quick-btn .label
{
    position: absolute;
    top: -5px;
    right: -5px;
}

.btn-metis-4
{
    color: #ffffff;
    background-color: #a264e7;
    border-color: #62309a;
}

.jqx-window {
    position: fixed !important;
}
