body {
  font-family: "Lato", sans-serif;
  margin:0;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #0d6efd45;
}
.label-input-required {
    padding:0;
    padding-left:0.2rem;
    font-weight:bold;
    color:red;
}
.fs-7 {
	font-size:0.8rem
}
.login-page {
    
}
.bg-ronly {
    background:#ede8e8; 	
}
.login-logo{
    color:white;
    background:#0066cc; 
    padding:1rem;font-size:2em;
}

.login-container-new {
    display: grid;
    grid-template-columns: 1fr 2fr 3fr 1fr;
    padding:1em;       
    column-gap: 1rem;
    row-gap: 0.75rem;
    xalign-items: center;
}
.login-box-sx {
    padding-top:2em;
    text-align:center;
    color:white;
    background:#0066cc;
    height:50vh;
    float:left;
    xwidth:25%;
}
.login-box-sx .text {
    xfont-size: 0.9rem!important;
    padding: 2rem;
    text-align: left;
}
.login-box-center {
    float:left;
    padding:2em;
    padding-top:1em;
    width:50%;    
}
.login-box-center p {
    margin-bottom: 0;
}
.login-page.text-info {
    color:black;
    
}
.login-fvg-area {
  width:42%;
}
.login-fvg{
    text-align:center;
    width:100%;
    color:white;
    background:#0066cc; 
    padding:1rem;
    xxpadding-left:1em;
    font-size:1.6em;
}
.login-fvg a{
    text-decoration:none;
    color:white;
    
}
.login-test-area {
  width:42%;
}
.login-test-area input {
    padding:5px;
}
.login-test{
    text-align:center;
    width:100%;
    color:white;
    background:#0066cc; 
    padding:0.5rem;
    xxpadding-left:1em;
    font-size:1.6em;
}
.login-test-button {
    padding-left:1rem;
    padding-right:1rem;
    margin-left:120px;
    xxfont-size:16px;
}


.header {
  overflow: hidden;
  background-color: #0d6efd;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  z-index:1;
  height:4.4rem;
}
.header .title {
  float: left;
  color:white;
  font-size:2rem;
  text-align: center;
  padding: 12px;
}
.header .icon-bars {
  color:white;
  text-align: center;
  padding: 1.3rem;
  display:none;
}
.header a.icon-exit {
  color:white;
  text-align: center;
  padding: 1.3rem;
  margin-right:0.2rem;
  height:4.4rem;
  font-size:1.2rem;
}
.header a.icon-exit i {
  margin-right:0.2rem;
}
a:visited {
  color:inherit;
}
.header a {
  float: left;
  text-align: center;
  padding: 12px;
  text-decoration: none;
}

.header a:hover {
  background-color: #ddd;
  color: black;
}

.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
}

.sidebar {
  position: fixed;
  top:0;
  margin-top: 4.4rem;
  padding: 0;
  width: 20%;
  background-color: #f1f1f1;
  height: 100%;
  overflow: auto;
  border-top:1px solid #f1f1f1
}

.sidebar a {
  display: block;
  text-align:left;
  color: black;
  padding: 16px;
  padding-left: 4px;
  text-decoration: none;
  border-bottom:1px solid gray;
}
.sidebar .dropdown-btn {
  text-align:left;
  color: black;
  padding: 16px;
  padding-left:4px;
  border-bottom:1px solid gray;
}
.sidebar .dropdown-btn .fa-caret-down {
  margin-left:0.5em;
}
 
.sidebar a.active {
  background-color: #0d6efd;
  color: white;
}

.sidebar a:hover:not(.active) {
  background-color: #6c757d;;
  color: white;
}

.sidebar .dropdown-container {
  display: none;
  margin-left: 0em;
}
/* The side navigation menu */
.sidebar-mobile {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #000000; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidebar-mobile a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1.5rem;
  color: #6c757d;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar-mobile a:hover {
  color: #ffffff;
}

/* Position and style the close button (top right corner) */
.sidebar-mobile .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar-mobile {padding-top: 15px;}
  .sidebar-mobile a {font-size: 18px;}
}

div.main-content {
  margin-top: 3.2rem;
  margin-left: 10%;
  padding: 0px 10px;
  height: 100%;
}

.sidebar .fa,.sidebar-mobile .fa {
    margin-right:1rem;
    font-size:1.5rem;
}
@media screen and (max-width: 2560px) {
    .login-container-new{
        grid-template-columns: 1fr 1fr 3fr 1fr;
    }
}
@media screen and (min-width: 1024px) {
    div.main-content {
      margin-left: 20%;
    }
}
@media screen and (max-width: 768px) {
    .header .title {
      font-size:1.1rem;
      padding: 12px;
      padding-top: 0.5rem;
      width:70%;
    }
    .header a.icon-exit {
      font-size:initial;
    }
    .sidebar {
      display:none;
    }
    div.content {margin-left: 0;}
    div.main-content {
      margin-left: 0;
      padding: 0px 0px;
      height: 100%;
    }
    .header .icon-bars {
      display:block;
      font-size: 1.5em;
    }
    .login-container-new{
        grid-template-columns: 1fr;
    }
    .login-container-new .d-spid {
        display: flex;justify-content: center;
    }
    .login-box-sx {
        padding-top: 2em;
        text-align: center;
        height: auto;
        float: left;
    }    
}

@media screen and (max-width: 425px) {
    .header .title {
      font-size:0.8rem;
      padding: 12px;
      padding-top: 1.2rem;
    }
    .header .icon-bars {
      padding: 1rem;
    }
    .header a.icon-exit {
      padding: 1rem;
    }
    
}

.faq-title {
	padding:1rem
}

.text-toogle[aria-expanded=false] .text-expanded {
  display: none;
}
.text-toogle[aria-expanded=true] .text-collapsed {
  display: none;
}

/* bootstrap */
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (max-width: 425px) {
	.login-box-sx {
		float: left;
		padding-top: 2em;
		text-align: center;
		color: white;
		height: auto;
		float: left;
		width: 100%;
	}	
	.login-box-center {
		float: left;
		padding: 0.1em;
		padding-top: 1em;
		width: 100%;
	}
}
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
}
/
@media (max-width: 992px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
}