/*

* Override Pages default styles or create your own styles here

*/

.badge-green {
  background: #86c716;
  color: #fff;
}
.bg-green {
  background: #86c716;
  color: #fff;
}

.hint-text {
  opacity: 0.4;
}
.hint-text:hover{
  opacity: 0.8;
}

.jumbotron p {
  margin-bottom: 20px;
}

/* Sidebar Menu head*/
/*
.page-sidebar .sidebar-header{
  height: auto;
  padding: 20px 70px;
}
*/
/*
.page-sidebar .sidebar-header .brand{
  max-width:100%;
}
*/
.sidebar-header-controls {
  position:absolute;
  right:15px;
  top:0px;
  transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  -moz-transform: none !important;
  -webkit-transform: none !important;
  
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
body.sidebar-visible .sidebar-header-controls {
  right:25px;
}

.bubble {
  width: 80px;
  line-height: 80px;
  height: 80px;
  
  display: inline-block;
  text-align: center;
  font-size: 30px;
  
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}


/* General Tables */
.table tbody tr td {
  padding: 10px 15px;
  /*vertical-align: baseline;*/
  font-size: 1.1em; /* 1.2 */
  border-left:none;
  border-right:none;
}

    
    
/* Footable custom */
.table-footable.footable.breakpoint > tbody > tr > td {
  position: relative;
   border:none;
  
}


.table-footable.footable.breakpoint > tbody > tr > td input,
.table-footable.footable.breakpoint > tbody > tr > td select,
.table-footable.footable.breakpoint > tbody > tr:hover > td select,
.table-footable.footable.breakpoint > tbody > tr:hover > td input
{
  background: /*#ff8f03 */ white !important; /*#d5def0 */
  color:black !important;
}


.table-footable.footable.breakpoint > tbody > tr > td.footable-first-column {
  padding-left:28px;
   border:none;
}




.table-footable.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  font-family: 'pages-icon';
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -2px;
  font-size: 1.3em;
  line-height: 0;
   border:none;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:after {
  content: "\e631";
  color:Black;
}

.footable.breakpoint > tbody > tr:hover > td > span.footable-toggle:after {
  content: "\e631";
  color:white;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:after {
  content: "\e630";
  color:White;
}



/*Footabel foot*/
.table-footable.footable .footable-row-detail-inner {
  width: 100%;
}
.table-footable.footable .footable-row-detail-row {
  display: inline-block;
  width: 33.3%;
  margin: 10px 0;
  vertical-align: middle; /* text-top;*/
   border:none;
}
.table-footable.footable .footable-row-detail-name {
  text-transform: uppercase;
  vertical-align: middle; 
   border:none;
}
.table-footable.footable .footable-row-detail-cell {
  background: #f9f9f9;
   border:none;
}

.table-footable.footable .footable-detail-show > td {
  /*background: #e7edef;*/
  border:none;
  background:#97d700 !important; /*#ff8f03*/ 
  color:White !important;
}



.table.ng-table>thead:first-child>tr:first-child .sortable_asc:after {
  background-image: url("../../pages/img/icons/sort_asc.png");
}
.table.ng-table>thead:first-child>tr:first-child .sortable_desc:after {
  background-image: url("../../pages/img/icons/sort_desc.png");
}

.table.ng-table>thead:first-child>tr:first-child .sortable:after
{
  background-image: url('../../pages/img/icons/sort_both.png');
}
.table.ng-table>thead:first-child>tr:first-child .sortable_asc_disabled:after {
  background-image: url("../../pages/img/icons/sort_asc_disabled.png");
}
.table.ng-table>thead:first-child>tr:first-child .sortable_desc_disabled:after {
  background-image: url("../../pages/img/icons/sort_desc_disabled.png");
}

.table.ng-table>thead:first-child>tr:first-child .sortable:after,
.table.ng-table>thead:first-child>tr:first-child .sortable_asc:after,
.table.ng-table>thead:first-child>tr:first-child .sortable_desc:after,
.table.ng-table>thead:first-child>tr:first-child .sortable_asc_disabled:after,
.table.ng-table>thead:first-child>tr:first-child .sortable_desc_disabled:after {
    content: "";
    width: 19px;
    height: 19px;
    background-position: center center;
    opacity: 1;
    float:       right;
    position:    relative;
    font-family: 'Glyphicons Halflings'
}
table.ng-table thead tr th[class*='sortable_']:not([class='sortable_disabled']) {
  color: #2c2c2c;
}
table.ng-table tbody tr td[class*='sortable_'] {
  color: #000;
}


/*STILI MARTA*/
.note-width{
    width: 350px;
} 
#tabella-lista-polizze th,
#tabella-lista-polizze td{
    text-align: center;
}

.colore-play .fa{
    color: #6BB879;
}
.colore-pause .fa{
    color: #F9CA6F;
}
.colore-stop .fa{
    color: #E4656C;
}
.colore-ok .fa{
    color: #2C9A40;
}
.colore-ko .fa{
    color: #D9232E;
}

#immagine-veicolo img{
    width: 70px;
}
.immagine-veicolo-scheda
{
     width: 90px;
}
.segmented-button {
  padding: 12px;
}
.segmented-button input[type="radio"] {
  width: 0px;
  height: 0px;
  display: none;
}
.segmented-button label {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  text-shadow: white;
    background-color: white;
  border: 1px solid #0D3073;
  color: #666666;
  padding: 10px 20px;
  font-size: 1.4em;
  cursor: pointer;
  font-family: Helvetica;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  margin-right: -5px;
}
.segmented-button label {
  *display: inline;
}
.segmented-button label:hover {
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  color: #333333;
}
.segmented-button label:active, .segmented-button label.active {
    background-color: white;
}
.segmented-button label:disabled, .segmented-button label.disabled {
    background-color: white;
  cursor: default;
  color: #b2b2b2;
  border-color: #cccccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.segmented-button input:checked + label, .segmented-button label.selected {
  background: #0D3073;
    color: white !important;
}

.select2-container .select2-choice{
    padding: 3px 0px;
}

#form-int-polizze .input-group-addon{
    font-size: 18px;
    font-weight: bold;
    color: #0d3073;
}
#form-int-polizze .form-group-default{
    border: 1px solid rgba(0, 0, 0, 0.25);
}
#form-int-polizze .form-group-default-select{
    border: 1px solid rgba(0, 0, 0, 0.07);
    min-width: 4em;
}
.no-border-top
{
    border-top: none !important;
}

#tabellaTariffe.table tbody tr td{
    /*height: 50px !important;*/
    padding: 2px 10px !important;
}
#tabellaTariffe_wrapper .table thead tr th{
    text-align: center;
}
#tabellaTariffe_wrapper .table tbody{
    text-align: center;
}
.editabile{
    border-left: 1px dotted rgba(216, 222, 233, 0.7);
    border-right: 1px dotted rgba(216, 222, 233, 0.7);
}
.editabile .inserire{
    width: 100%;
    border: none !important;
    text-align: center;
    font-size: 1.1em;
}
.cu .cs-backdrop{
    transition: none;
    border: none !important;
}
/* .table.table-hover tbody tr:hover td.editabile input.inserire,
.table.table-hover tbody tr:hover td.cu .cs-backdrop{
    background: #d5def0 !important;
} */
#tabellaTariffe.table tbody tr.alternata td.editabile.cu,
#tabellaTariffe.table tbody tr.alternata td.editabile input.inserire,
#tabellaTariffe.table tbody tr.alternata td.editabile .cs-backdrop,
#tabellaTariffe.table tbody tr.alternata td.cu{
    background: #e6e6e6 !important;
}
#tabellaTariffe.table tbody tr.alternata-bordo td.editabile.cu,
#tabellaTariffe.table tbody tr.alternata-bordo td.cu{
    border-top: 1px solid rgba(216, 222, 233, 0.7) !important;
}

#tabellaTariffe.table tbody tr.alternata-bordo td.cu:last-child{
    border-right:none !important;
}
p.corsivo{
    font-style: italic;
    text-transform: uppercase; 
}
.bottone-salva{
    margin: 20px 0px;
}
#tabellaTariffe.table tbody tr td{
    /*vertical-align: middle !important;*/
    border-top: 1px solid rgba(216, 222, 233, 0.7);
    border-bottom: 0px;
}
#tabellaTariffe.table tbody tr.riga-aggiunta td{
    border-top:none !important;
}
#tabellaTariffe.table tbody tr.ultima-riga td{
    border-bottom: 1px solid rgba(216, 222, 233, 0.7);
}




@media only screen 
  and (min-device-width: 300px) 
    and (max-device-width: 667px){
        #lista-p{
            margin-bottom: 40px;
        }
        .segmented-button label{
            font-size: 1em !important;
            padding: 5px 10px;
        }
        .bottone-salva{
            margin: 20px 20px;
        }
}
@media (max-width:480px){
    .panel .panel-body{
        padding-top: 25px;
    }
}

@media only screen and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape){
    .table-row{
        /* display: table;
        table-layout: fixed; */
        display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap;
            }
        .table-row > [class*='col-'] {
          display: flex;
          flex-direction: column;
        }
    #compagnia,
#eta,
    #cu{
        margin-right: 5px;
        width: 48% !important;
            background-color: white;
        }
    #area-geografica,
    #limite,
    #ard,
    #societa,
    #emissione{
        margin-left: 5px;
        background-color: white;
        
    }
    .form-inline .form-control{
        width: 100%;
    }
    #ard .form-group,
    #eta .form-group,
    #cu .form-group{
        width: 100%;
    }
}
@media (min-width:1100px){
    
    #immagine-veicolo img{
       /* margin-left: -100px;*/
    }
    .table-row{
        /* display: table;
        table-layout: fixed; */
        display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap;
            }
            .table-row > [class*='col-'] {
          display: flex;
          flex-direction: column;
        }
    #compagnia,
    #limite,#eta,
    #cu{
        margin-right: 5px;
        width: 49% !important;
            background-color: white;
        }
        #area-geografica,
    #ard,
    #societa,
    #emissione{
        width: 49%;
        margin-left: 5px;
        background-color: white;
        
    }
    #form-int-polizze .form-control{
        width: 100%;
    }
    .panel.no-border.padding-20{
        margin-bottom:0px;
    }
    
    #cu .form-group-default.input-group,
    #limite .form-group-default.input-group{
        height: 68px;
    }
    #cu .btn-autoglobal,
    #limite .btn-autoglobal{
        width: 68px;
        height: 68px;
    }
    #contenitoreTabellaTariffe .col-md-12{
        width: 99% !important;
    }
    .centra-bottone{
        padding-top: 10% !important;
    }
    .centra-bottone [class^="pg-"]{
        font-size: 1em !important;
    }
    .aggiungi-cu{
        width: 100%;
        height: 30px;
    line-height:normal;
    font-size:14px;
    }
    
}


/* MARY */
.form-group-default.form-group-default-select
{
    overflow: visible;
}
.select2-drop-active {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: none;
  border-top: none;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-top: 5px;
  z-index: 790;
}
.select2-container
{
    display: block !important;
}

/* ****************************** 2017.01.17 ****************************** */
.checkbox_grande input[type=checkbox]
{ 
    /*transform: scale(1.5)*/
    zoom: 1.6; 
}

.corsivo
{ 
    font-style: italic;
}


.table>thead>tr>td,  .table>thead>tr>th
{
    background-color:#2B6A94;
    color:White;
    }

.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th
{
    background-color:#2B6A94;
    color:White;
    }
    
    #tblRisultati #tblResultBody tr td img,
#tblCompagnieCvt img,
#tblCompagnieCristalli img,
#tblCompagnieInfortuni img,
#tblCompagnieAssistenza img,
#tblCompagniePatenteAPunti img,
#tblCompagnieServizioLegale img
	{display:none !important;}
    
     #cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; 
             background: #f1f2f7; /*#f8f9fb*/ /*rgb(13,48,115); */
             
             opacity:1; z-index:9999; 
    font-size: 60px; text-align: center; padding-top: 200px; color: #fff;}


#coverDettaglio 
{
    position: absolute; height: 100%; width: 100%; top:0; left: 0; 
    background: white; /*#4c7151*/ /* #f8f9fb*/
             
             opacity:1; z-index:9999; 
    font-size: 60px; text-align: center; padding-top: 200px; color: #fff;}
    
    
    #cover1
    {
        display: table;
        width:100%;
        height:50%;
        }
    
    #cover2{display: table-cell; vertical-align: middle}