/* colori */


/* typography */
body, pre {
     font-family: 'Poppins', sans-serif !important; 
     font-size:13px !important;
}


body {
    line-height: 1.5 !important;
}



table {
  font-family: 'Poppins', sans-serif !important; 
  font-size:12px !important;
}



.portlet_segr {
  height: 220px;
  overflow: auto;
}
 
.portlet_segr_lingue {
  overflow: scroll;
  overflow-x: auto;
  overflow-y: auto;
  height: 460px;
    }


.portlet_segr .btn {
  min-width: 200px;
}

.col-sm-12, .col-md-12, .col-xs-12, .col-md-6 {
    padding-right: 8px !important; 
    padding-left: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;    
}
.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.text-tiny, .polinota{font-size:10px!important}
.text-small{font-size:12px!important}
.text-medium, .policorpo, .policorpolink{font-size:13px!important}
.text-large{font-size:15px!important}
.text-xlarge{font-size:18px!important}
.text-xxlarge{font-size:24px!important}
.text-xxxlarge{font-size:36px!important}
.text-jumbo{font-size:48px!important}
.text-center{ text-align: center;}

.text-bold {
    font-weight: 800;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.menuLinkStudent{
    color: #002B49 !important;
    /* border-left: 3px solid transparent !important; */
    font-size: 14px !important;
    font-weight: 500 !important;
}

.menuLinkStudent:hover {
    background: rgba(183, 225, 255, 0.50) !important;
    color: #002B49 !important;
}

/* margins*/
.margin0 { 
  margin: 0px !important;
}
.margin5 { 
  margin: 5px;
}
.margin-top-5{
  margin-top: 5px;
}
.margin-bottom-5{
  margin-bottom: 5px;
}
.margin-left-5{
  margin-left: 5px;
}
.margin-right-5{
  margin-right: 5px;
}

.margin10 { 
  margin: 10px;
}
.margin-top-10{
  margin-top: 10px;
}
.margin-bottom-10{
  margin-bottom: 10px;
}
.margin-left-10{
  margin-left: 10px;
}
.margin-right-10{
  margin-right: 10px;
}

.margin15 { 
  margin: 15px;
}
.margin-top-15{
  margin-top: 15px;
}
.margin-bottom-15{
  margin-bottom: 15px;
}
.margin-left-15{
  margin-left: 15px;
}
.margin-right-15{
  margin-right: 15px;
}


.RegionBorderMao {
    border: #fff 0px solid;
    background-color: #FFF;
    padding: 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4);
  }
  

  .btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
.btn-default:focus {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #8c8c8c !important;
}
.btn-default:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}
.btn-default:active {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.btn-block {
  width: 75%;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px !important;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    /*
    padding: .25rem .4rem !important;
    font-size: .875rem !important;
    line-height: .5 !important;
    border-radius: .2rem !important;
    */
}

.input-xs {
  height: 22px!important;
  padding: 2px 5px!important;
  font-size: 12px!important;
  line-height: 1.5!important; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px!important;
}
.input-sm {
    height: 30px!important;
    padding: 5px 10px!important;
    font-size: 12px!important;
    line-height: 1.5!important;
    border-radius: 3px!important;
}

.w3-link{
  word-break: break-all;
}

.anagraficaContainer {
  min-height: 44px;
}



/* retrocompatibilit� classi simil bootstrap*/

.danger{
    color:#a94442;
}
.success{
    color:#3c763d;
}
.warning{
    color:#8a6d3b;
}


.warning_chiaro{
    color:#ffc107;
 }

.bg-poli {
    background-color: #03577a !important;
  }
  


/* STAGEJOB*/

.fotina_toggle,.fotina_toggle_2{
  display: none;
}

.navbar-default, .navbar-nav, .sidebar-nav{
  background-color: #FFFFFF !important;
}
.sidebar-nav .navbar li a.adisabled  {
  background-color: #FFFFFF !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #04264c ;
  color: white;
}

a  {
word-wrap: break-word;
}



.WrappedColumnClass {  
    white-space: normal;  
    word-wrap: break-word;
  
}  

/* override tema devextreme */

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    background-color: #03577A !important;
    
    color: white !important;
 
}
.dx-datagrid-rowsview .dx-row.dx-group-row {
  color: white !important;
}

.dx-widget {
  color: unset !important;
}

.dx-command-expand .dx-datagrid-group-space .dx-datagrid-expand .dx-datagrid-group-opened {
  width: 30px !important;
  height: 30px !important;
  color: white !important;
  
}


.dx-datagrid-group-closed {
  font: 30px/30px DXIcons !important;
  width: 30px !important;
  height: 30px !important;
   color: black !important; 
}
.dx-datagrid-group-opened {
  font: 30px/30px DXIcons !important;
  width: 30px !important;
  height: 30px !important;
   color: black !important; 

}

 

.dx-datagrid-group-closed::before {
  content: "\f010";
}

/* Modifica sul calendario */
.dx-calendar-navigator .dx-button.dx-button-default{
    background-color: unset !important;
    color: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important; 
}


.dx-button.dx-button-default {
  border-radius: 2px;
  background-color: #03577A !important;
  color: #FFF !important;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24);
  box-shadow: 0 1px 3px rgba(0,0,0,.24);
}

/* .dx-button.dx-button-default.dx-state-disabled{
    background-color: #e5e5e5 !important;
    color: #cecece !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.24); 
} */

.dx-button.dx-list-switchable-delete-button.dx-state-focused,
.dx-button.dx-list-switchable-delete-button.dx-state-hover {
  background-color: yellow !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: #337ab7 !important;
  color: #fff;
}
.searchBoxContainer{
    position:relative;
}

.searchBoxResult {
    
    position:absolute;
    width: 90%;
    margin-top: 40px;
    z-index: 990;
    background-color: #fff;
    
}

.searchBoxResult  li { background: green; }
.searchBoxResult  li:nth-child(odd) { background: red; }


#didaBackTopBtn {
  display: inline-block;
  background-color: #03577A ;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#didaBackTopBtn::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#didaBackTopBtn:hover {
  cursor: pointer;
  background-color: #333;
}
#didaBackTopBtn:active {
  background-color: #555;
}
#didaBackTopBtn.show {
  opacity: 1;
  visibility: visible;
}

/* colore sfondo header card */
.bg-poli {
    background-color: #03577a !important;
    color: white;
}

.card-header {
    padding: 8px!important;
}



.notice-container{
    background-color: #f0f3f5;
    padding: 10px;
    margin-bottom: 10px;
}
.alert-container {
    background-color: #f8f9fa;
    padding: 10px;
    margin-bottom: 10px;
}


.btn-outline-primary-polito {
    border-color: #002B49 !important;
    color: #002B49 !important;
    background-color: #ffffff !important;
}

.btn-outline-primary-polito:hover {
    border-color: #002B49 !important;
    color: #ffffff !important;
    background-color: #002B49 !important;
}

.btn-primary-polito {
    background-color: #002B49 !important;
    color: #ffffff !important;
}
.btn-primary-polito:hover {
    background-color: #002B49 !important;
    color: #ffffff  !important;
}
.btn-primary-polito:active {
    background-color: #002B49 !important;
    color: #ffffff !important;
}
.btn-primary-polito:focus {
    background-color: #002B49 !important;
    color: #ffffff !important;
}