:root {
  --blue: #e2041b!important;
  --indigo: #434895;
  --purple: #654389;
  --pink: #c95363;
  --red: #d93969;
  --orange: #f3b927;
  --yellow: #ffe5a5;
  --green: #4ab17f;
  --teal: #00ac92;
  --cyan: #e2041b!important;
  --white: #fff;
  --gray: #747c83;
  --gray-dark: #5b5c61;
  --primary: #e2041b!important;
  --secondary: #747c83;
  --success: #4ab17f;
  --info: #ebbe2a!important;
  --warning: #f3b927;
  --danger: #d93969;
  --light: #f8f9fa;
  --dark: #4c4846;
  --font-family-sans-serif: "Montserrat",sans-serif;
  --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

/*modifiche cc allineamento impa.ra*/
#main-container-login
{
background-position-y: bottom!important;
background-blend-mode: normal!important;
}
#main-container-login .img-fluid
{
filter: brightness(10)!important;
padding-left: 25px!important;
padding-top: 20px!important;	
}
#welcome h1
{
color: #495072!important;
}
.btn {
border:0px!important;
}
#nav-stat-row {
background-blend-mode: normal!important;
background-image: url("../img/impara_sfondo_nogirl.png")!important;
}
#sticky-bar
{
background: #acb3b7!important;	
}
#abtree
{
background-blend-mode: normal!important;
background-image: url("../img/impara_sfondo_nogirl.png")!important;
}
/*fine modifiche cc allineamento impa.ra*/

label {
   
    font-weight: 500!Important;}
/* righe diagonali separazione */

.diagonal {
  position: relative;
  width: var(--width);
  height: var(--height);
}

.diagonal::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--top-color);
  clip-path: polygon(100% 0, 0 0, 0 100%);
}

.diagonal::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--bottom-color);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

:root {
}

.diagonal.reverse {
  transform: rotateY(180deg);
}

/* righe diagonali fine */

#left-side-col {
  background-color: #acadaf;
  z-index: 100000;
  width: 185px;
}

.fas {
  margin-right: 30px;
}

.nav-link:hover {
  background: rgba(255,255,255,0.2);
}

.nav-link, .nav-link:focus, .nav-link:hover {
  color: white;
  padding: 0;
  text-indent: 15px;
  line-height: 40px;
}

.card.shadow.mb-4 {
  background-color: rgba(255,255,255,0);
  /*padding: 0 15px 0 15px;*/
}

.left-side-col-sm {
  position: fixed;
}

.small a {
  color: #ffffff !Important;
}

.progress-bar {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #ec9a51;
  transition: width .6s ease;
}

.btn-primary {
  background: red;
  box-shadow: 0 0 0 0 rgba(103,155,198,.25) !Important;
}

.btn-primary.disabled, .btn-primary:disabled {
  background: grey;
  color: #acadaf;
}

.form-control, .btn:focus {
  box-shadow: 0 0 0 0 rgba(0,123,255,.25) !Important;
}




#sticky-bar {
  position: fixed;
  top: 0;
  height: calc(100vh - 48px);
  overflow-y: auto;
  background: #acadaf;
  width: 185px;
}

::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: grey;
}

a {
}

#p-login-footer a {
  color: #7d8288;
}

#main-container{
/*height: 97%!important;*/
}

.form-inline .form-control {
  margin: 4px;
}

.btn-primary:hover {
  background: #bf0000;
}

.btn-primary.disabled, .btn-primary:disabled, {
  background: grey;
}

#LoginCaptcha .form-group {
  margin-bottom: 10px;
}

.h-98 { height:95%!Important}
.btn-green {
  background-color: #4ab17f;
  color: rgb(255,255,255);
  margin-right: 5px;
}

.btn-red {
  background-color: #679bc6;
  color: rgb(255,255,255);
  margin-right: 5px;
}

.btn:hover, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active, .show > .btn.dropdown-toggle {
  background-color: grey;
  opacity: 0.7;
  color: white;
}

.btn-black {
  background-color: black;
  color: rgb(255,255,255);
  margin-right: 5px;
}

.btn-orange {
  background-color: orange;
  color: rgb(255,255,255);
  margin-right: 5px;
}
.btn-fucsia {
  background-color: #f400a1;
  color: rgb(255,255,255);
  margin-right: 5px;
}

.btn-fucsia2 {
  background-color: #f200c1;
  color: rgb(255,255,255);
  margin-right: 5px;
}

.btn-info {
  background-color: #0099FF;
  color: rgb(255,255,255);
  margin-right: 5px;
}

#copyright-footer a {
  color: #212529;
}

html, body {
  height: 100%;
}

#toTop {
  z-index: 100000000;
  width: 40px;
  text-align: center;
  position: fixed;
  bottom: 0px;
  right: 10px;
  cursor: pointer;
  display: none;
  color: #949494;
  font-size: 50px;
  border-radius: 25px;
  opacity: 0.5;
}

.card-body {
  width: 100%;
  min-width: 100%;
}

.card.border-white {
  width: 100%;
  min-width: 100%;
  margin-bottom: 15px;
}

#right-side-col {
  background: #fbfafa;
}

#dynamic-code {
  text-align: center;
  font-size: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: help;
}

#dynamic-code:first-letter {
}

#captcha-reload {
  cursor: pointer;
  font-size: 30px;
  font-weight: bold;
  margin-top: 0;
  margin-top: -5px;
}

#captcha-code #captcha-reload:hover {
  color: #bb0000;
  padding: 0;
}

#dynamic-code {
  margin-top: -7px;
}


// CSS modal filemanager


.bmd-modalButton {
  display: block;
  margin: 15px auto;
  padding: 5px 15px;
}

.close-button {
  overflow: hidden;
}

.bmd-modalContent {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}
  
.bmd-modalContent .close {
  font-size: 30px;
  line-height: 30px;
  padding: 7px 4px 7px 13px;
  text-shadow: none;
  opacity: .7;
  color:#fff;
}

.bmd-modalContent .close span {
  display: block;
}

.bmd-modalContent .close:hover,
.bmd-modalContent .close:focus {
  opacity: 1;
  outline: none;
}

.bmd-modalContent iframe {
  display: block;
  margin: 0 auto;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
// FINE CSS modal filemanager

.fusion-fullwidth {
display:none!Important;
}

/*media query cc per sistemazione home in 2 parti*/
@media screen and (min-width: 1870px) {
	.cch1 {
	text-align: center!important;
   }
}
@media screen and (max-width: 1200px) and (min-width: 900px) {
  .cch1 {
   font-size: 2.3rem!important;
   line-height: 40px!important;
   }
}
@media screen and (max-width: 899px) {
	#main-container-login #logo_row{
	display:block!important;
	margin-bottom:30px!important;
	width: 100%!important;
    max-width: 100%!important;
	text-align: center!important;	
	}
	
   #main-container-login #logo-col-fif{text-align: center!important;}
   #main-container-login .img-fluid {
   padding-left: 0px !important;}
	
  #login-left-side-col.col-6, #right-side-colh.col-6 {
   width: 100%!important;
   max-width: 100%!important;
  /* flex: 0 0 100%!important;*/
   flex:none!important;
   display:block!important;
  }
	
  .cch1 {
   font-size: 2.5rem!important;
   line-height: 40px!important;
   margin-top: 30px!important;
	text-align: center!important;
   }
	
.h-100 {height:100%!important;
	}
	
.ccpillole.col-sm-6
   {max-width: 100%!important;
	}
	
#login-col
   {margin-top:30px!important;
    margin-bottom:50px!important;
	}
}
@media screen and (max-width: 590px) {
	#welcome{
	flex:none!important;
    display:block!important;
	margin-top: 30px!important;	
	text-align: center!important;
	}
	#welcome .text-right {
    text-align: center !important;
     }
	#login-col{
	text-align: center!important;
	}
	#welcome .fa {
	display:none!important;
	}
	#welcome p {padding-right: 0px!important;}
	#LoginCaptcha{max-width: 100%!important;}
	
}



.readonly { background-color:#e9ecef!Important}
input.readonly[type="date"]::-webkit-calendar-picker-indicator {
     display: none!Important;
    -webkit-appearance: none!Important;
}


select.readonly.select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;

    .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    .select2-selection__arrow, select.readonly.select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }
}