/*
-----------------------------------------------------------------------------
Copyright (c) Diennea S.r.l.
This software is the proprietary
information of Diennea S.r.l. All Rights Reserved.
-----------------------------------------------------------------------------
*/
/* 
    Created on : 23 ago 2019, 14:37:14
    Author     : Marco Malavolta
*/
h1{
    margin: 25px 0px 5px 0px;   
    font-size: 30px;
}

/* ***********************************************************************
         Custom Styles
   *********************************************************************** */
/* Visualizzazione dati
-------------------------------------------------- */
.plain-field-value{
    padding-top: 7px;
}


/* Alert
-------------------------------------------------- */
.alert-info2 {
    background-color: #3E5AA5;
    border-color: transparent;
    color: #fff;
}

a.alert-danger:hover{
    text-decoration: none;
    color: #ff8432;
}

/* Dropdown menu
-------------------------------------------------- */
ul.nav .dropdown-menu{
    margin: -5px 0px 0px 5px;
}

/* tab sia sopra che sotto 
--------------------------------------------------- */

/* tabbable sia sopra che sotto */
.nav-tabs.nav-form-bottom {
  border-top: 1px solid #ddd;
  border-bottom: 0px;
}
.nav-tabs.nav-form-top > li {
  margin-bottom: 0px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-image: linear-gradient(#fff 50%, #ddd);
  border-bottom-color: #ddd;
}

.nav-tabs.nav-form-bottom > li {
  margin-bottom: 0px;
}
.nav-tabs.nav-form-bottom > li > a {
  border-radius: 0 0 2px 2px ;
  margin-top: 0px;
}
.nav-tabs.nav-form-bottom > li > a:hover {
  border-color: #ddd #eeeeee #eeeeee ;
}
.nav-tabs.nav-form-bottom > li.active > a,
.nav-tabs.nav-form-bottom > li.active > a:hover,
.nav-tabs.nav-form-bottom > li.active > a:focus {
  color: #6f6f6f;
  cursor: default;
  background-color: #fff;
  background-image: linear-gradient(#ddd, #fff 80%);
  border: 1px solid #ddd;
}
.nav-tabs.nav-form-bottom.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-form-bottom.nav-justified > li {
  float: none;
}
.nav-tabs.nav-form-bottom.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-form-bottom.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}


.tabbable{
    margin-bottom: 30px;
}
/* fine tabbable sia sopra che sotto */
/* Big Textarea
-------------------------------------------------- */
.textAreaLarge.form-control{
    width: 500px;
    height: 100px;
}

.textAreaLargeModal.form-control{
    height: 120px;
}

/* Modal
-------------------------------------------------- */


.modal.message,
.modal.warning {
    left: 0;
    margin: 0;
    padding: 0 20%;
    width: 60%;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal.message .modal-header, .modal.warning .modal-header {
    border: 0;
}

.modal.message  .modal-body, .modal.warning .modal-body {
    max-height: 300px;
}

.modal.message  .modal-footer, .modal.warning .modal-footer {
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal.warning {
    padding: 1%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #0072BC !important;
    color: #FFF;

}

.modal.warning.fade.in {
    top: 0;
}

.modal.message.fade.in {
    top: 20%;
}

/* Override boostrap (il colore delle scritte era bianco)
-------------------------------------------------- */
.form-group.has-error .checkbox, .form-group.has-error .radio {
    color: #555555;
}

.local-error{
    font-weight: bold;
    color: #a94442;
}

/* ListView
-------------------------------------------------- */

td.listview-number{
    text-align: right;
}

/* Accordion bs2 -> Panel bs3
-------------------------------------------------- */
.panel-heading .panel-title{
    padding: 8px 15px;
    display: block;
}

/* Fix per select2 dentro i tab bootstrap
-------------------------------------------------- */
.tab-content {
    overflow:visible;
}

.tab-pane {
    overflow:hidden;
}


/* Repeatable
-------------------------------------------------- */
.repeatable-td-remove {
    width: 16px;
    vertical-align: middle !important; 
}

/* Divisioni pagina
--------------------------------------------------*/
h4 {
    font-weight: bold;
    border-bottom: 1px #006dcc solid;
}

hr {
    border-color: #555;
    border-width: 1px 0px 0px 0px;
    margin: 5px;
}

/* Progress bar
 --------------------------------------------------*/
div.progress-bar {
    color: white; 
    text-align: right; 
    font-weight: bold; 
    padding-right: 2px;
}

/* Pulsante personalizzato
 --------------------------------------------------*/

.btn a, .btn a:hover, .btn a:visited{
    color: white;
    text-decoration: none;
}

/* Scadenze
---------------------------------------------------*/
.deadline-text{
    background-color: #cbe6e6; 
    border-left: 1px solid gray;
    margin:2px 0px; 
    padding: 5px;
    color: #555555;
    font-size: 14px;
    max-height: 80px;
    overflow: auto;
}

/* Select2
---------------------------------------------------*/
.form-group.has-error .select2-container .select2-choice {
    border-color: #FF0039;
    color: #080808;
}

/* Numero di versione
---------------------------------------------------*/
span.version{
    font-size: 0.6em;
}

.uneditable-input .fileupload-preview{
    color: #555;
}

/*
finestre modali
----------------------------------------------------------------------------------*/
.large-modal 
{
    width: 800px;
    margin-left: -400px !important; 
} 

.large-modal .modal-body {
    height: 525px;
    padding-left: 8px;
    padding-right: 5px;
}

/*
sinistri
----------------------------------------------------------------------------------*/
#claim tr.selected td, tr.selected td:hover{
    background-color: #dff3fd !important;
}

/*
* override to hide radio errorMessage
*/
span.errorMessage {
    display: none;
}