@font-face {
  font-family: 'ProductSansBold';
  src: url('../font/ProductSans-Bold.ttf');
}
@font-face {
  font-family: 'ProductSans';
  src: url('../font/ProductSans-Regular.ttf');
}

*{
  font-family: ProductSans;
    -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5 {
  font-family: ProductSans;
    -webkit-font-smoothing: antialiased;
}


.pointer{
  cursor:pointer;
}


body.custom-login {
  background: #e1eec3;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #f05053, #e1eec3);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #f05053, #e1eec3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background-attachment: fixed;
  width:100%;

  padding : 100px 0;
}

.container-login{
  background:#fff;
  border-radius: 10px;
  box-shadow:15px 20px 0px rgba(0,0,0,0.1);
}

.login-sec{
  padding: 50px 30px; position:relative;
}

.login-sec .copy-text{
  position:absolute;
  width:80%;
  bottom:20px;
  font-size:13px;
  text-align:center;
}

.login-sec .copy-text i{
  color:#FEB58A;
}

.login-sec .copy-text a{
  color:#E36262;
}

.login-sec h2{
  margin-bottom:30px;
  font-weight:100;
  font-size:30px;
  color: #222233;
  text-align:left;
}

.banner-sec{
  background:url(../images/helpdesk_2.jpeg)  no-repeat left bottom;
  background-size:cover;
  min-height:500px;
  border-radius: 0 10px 10px 0;
  padding:0;}

.btn-login{
  background: #07081a;
  color:#ffffff;
}


.nav-item{
  margin-left:30px;
}


.toolbar-bottom-framework{
  background:rgb(220, 220, 220, 0.5);
  backdrop-filter: blur(5px);
  box-shadow:0px 0px 20px #cccccc;
}


.offcanvas-action{
  min-height:80%;
}

.modal-dialog{
  min-width:60%;
}
.text-framework{
  color:#ff0000;
}

.modal{

  backdrop-filter: blur(2px);
}

.offcanvas{
  background:rgb(255, 255, 255, 0.2);
}
.offcanvas-backdrop::before{

  backdrop-filter: blur(2px);
}


.offcanvas-header{
  background:rgb(255, 255, 255, 0.5);

}
.offcanvas-body{
  background:rgb(255, 255, 255, 1);
}



.offcanvas-status-title{
  color:#ffffff;

}

.offcanvas-status-header-red{
  background:rgb(255, 0, 0, 0.5);

}
.offcanvas-status-body-red{
  background:rgb(255, 255, 255, 1);
}

.offcanvas-status-header-green{
  background:rgb(92, 184, 92, 0.8)

}
.offcanvas-status-body-green{
  background:rgb(255, 255, 255, 1);
}


.module_title {

  background: #d53369;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #cbad6d, #d53369);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #cbad6d, #d53369); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.action_button{

  transition: 0.3s;
  border:1px solid #ffffff;
}

.action_button:hover{

  border:1px solid #4776E6;
}

.multi-col-menu {
    width: max-content;
}


.disable{
  pointer-events:none;
  background:grey;
}