:root {
    --mags-bg-color:#f2f4f5;
    --mags-border-radius:6px;
    --mags-box-shadow: 0rem 0.125rem 0.25rem #1f21241a,0rem 0.0625rem 0.375rem #1f21240d;
    --mags-box-color:#fff;
    --mags-font-size: 0.8125rem;
    --mags-box-padding:20px;
    --mags-box-border:0px;
    --mags-font-family: "Poppins", sans-serif;
    --mags-primary-color: #198754;
    --bs-link-color:#000;
}

body{
    background:#e9ebee !important;
    font-family:  "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.8125rem;
  }
  
  a{
    font-weight:500;
    text-decoration: none;
    color:#607ccf;
  }
  a:hover{
    text-decoration: none;
    color:#000;
  }
  
  .btn-light, .btn-default{
      border:1px solid #e7e7e7;
  }
  .btn-light:hover, .btn-default:hover{
      border:1px solid #e7e7e7;
  }
  
  .btn-default{
    background:#efefef;
    font-weight:600;
  }
  
  .alert-lang-top{
    padding:4px;
    margin:0 auto;
    margin-bottom:10px;
    font-weight:600;
    font-size:12px;
    color:#000;
  }
  /* Sidebar */
  .sidebar{
    width:250px;
    background:#fff;
    position:fixed;
    height:100%;
    padding:10px;
    top:0px;
    left:0px;
    transition: left 400ms;
    z-index:9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  }
  .sidebar.closed{
    left:-250px;
  }
  .sidebar .logo{
    text-align:center;
  }

  .sidebar .logo .dropdown-language{
    display:inline-block;
  }
  .sidebar .logo .dropdown-language a{
    font-size:12px;
  }
  .sidebar .subtitle{
    text-align:center;
    text-transform:uppercase;
    color:#666;
  }
  .sidebar .subtitle a{
    font-weight:700;
    font-size:16px;
    text-decoration: none;
    color:#000;

  }
  .sidebar .subtitle a img{
   max-width:90%;
   height:auto;
  }
  .sidebar .logo img{
    margin-top: 20px;
    max-width:60%;
    height:auto;
  
  }
  
  .sidebar .menu{
    padding-top:20px;
    overflow:auto;
    max-height:80%;
  }
  .sidebar .menu .title{
    font-size:12px;
  }
  .sidebar .menu ul li{
    padding:4px 4px;
  }
  .sidebar .menu ul li i{
    width:30px;
    text-align: center;
  }
  .sidebar .menu ul li a{
    color:#000;
    font-weight:500;
    text-decoration: none;
    padding:5px 0px;
    display:block;
  }
  .sidebar .menu a.active{
    background:#efefef;
  }
  .sidebar .menu ul li a:hover{
    background:#efefef;
  }
  .sidebar .menu .submenu{
    padding-left:20px;
  }
  .sidebar .menu .submenu li{
    padding:0px;
  }
  .sidebar .menu .submenu li a{
    font-weight: 400;
    font-size:12px
  }
  .sidebar .menu .submenu li.active{
    background:#efefef;
  }
  .sidebar .menu .submenu li a .badge{
    margin-left:20px;
    font-size:12px;
    padding:5px;
  }
  
  .sidebar .user-info{
    position:absolute;
    bottom:0px;
    text-align: center;
    border-top:1px solid rgb(218, 221, 225);
    width:100%;
    left:0px;
    background:#fff;
  }
  .sidebar .user-info>a{
    display: block;
    text-decoration: none;
    color:#000;
      padding:20px;
  }
  .sidebar .user-info:hover{
    background:#efefef;
  }
  
  
  .page-container-main{
    margin-left:310px;
    padding:20px;
    transition: margin 400ms;
  }
  .page-container-main.sidebar-closed{
    margin-left:10px;
  }
  .page-container .breadcrumb{
    background:none;
    padding:0px;
  
  }
  
  .footer{
    padding:40px;
    text-align: center;
  }

  


.show-hide-sidebar{
    position:absolute;
    right:-25px;
    top:60px;
    background:#008ff5;
    color:#fff;
      font-size:16px;
    padding:12px 5px;
    display:inline-block;
    cursor:pointer;
    z-index:100;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .show-hide-sidebar .op{
    display:none;
  }
  .show-hide-sidebar .cl{
    display:block;
  }
  
  .sidebar.closed .show-hide-sidebar .op{
    display:block;
  }
  
  .sidebar.closed .show-hide-sidebar .cl{
    display:none;
  }

  .dropdown-item i{
    width:20px;
    text-align: center;
  }
  .btn i{
    width:15px;
    text-align: center;
  }



  .unique-404-container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .unique-404-error-message {
    text-align: center;
  }


  .magbox{
    display:block;
    margin:0 auto;
    padding:20px;
    box-shadow: var(--mags-box-shadow);
    padding:var(--mags-box-padding);
    border:var(--mags-box-border);
    border-radius:var(--mags-border-radius);
  
  }
  .magbox.white{
    background:#fff;
    border:1px solid rgba(0, 0, 0, .1);
  }
  .magbox.b50{
    max-width:50%;
  }
  .magbox.b100{
    max-width:100%;
  }
  .magbox.b90{
    max-width:50%;
  }
  .magbox.b70{
    max-width:70%;
  }


  /*Toolbar */
.maghide{
    display:none;
  }
  .magtoolbar{
    float:right;
    display:inline-block;
  }
  .magtitle{
  font-family: Poppins;
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 2.5;
  width: 100%;
  }
  .magsubtitle{
    font-size:21px;
    font-weight:600;
    padding:0px 0px 10px 0px;
  }

  /* Mag Head New*/
.maghead{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:10px;
  }
  
  .maghead .title h5{
      font-weight: 600;
  }
  .maghead .subtitle{
    font-size:12px;
    color:#666;
  }
  .maghead .toolbar{
  
  
  }
  
  .maghead-filters{
    margin-bottom:10px;
  }
  .mag-group .mb-3{
    margin-bottom:0px !important;
  }

  .magsearch{
    background:var(--mags-bg-color);
    padding:10px 10px;
    border-radius:var(--mags-border-radius);
    margin-bottom:10px;
  }
  .magsearch .search-fields{
    display:flex;
    align-items: center;
    flex-flow: wrap;
  }

  .magsearch .field-group{
    align-self: flex-end;
    padding:0px 10px;
    width:200px;
  }
  .magsearch .field-group label{
    display:block;
  }

  .magsearch .advanced-search{
    
  }
  .magsearch .advanced-search .field-group{
    width:auto;
  }
  .magsearch .advanced-search .search-fields{
    margin-top:10px;
  }


  .magsearch .select2-container--default .select2-selection--multiple{
    padding:0px;
  }
  .hide-mags,.mags-hide{
    display:none;
  }


  
.inside-modal,.modal-width-1{
    width:500px;
    border-radius: 10px;
  }
  .inside-modal.big{
  width:800px;
  border-radius: 10px;
  }
  .inside-modal-title{
    font-weight:bold;
    display:block;
  }

  .form-group{
    margin-bottom:10px;

  }
 
  .badge-success{
    background-color:var(--bs-success);
  }
  .badge-danger{
    background-color:var(--bs-danger);
  }
  .badge-warning{
    background-color:var(--bs-warning);
  }

  .login-outside{
    max-width:350px;
    margin:0 auto;
    padding-top:20px;
  }
  .login-container{
 
    padding:20px;
    box-shadow: var(--mags-box-shadow);
    padding:var(--mags-box-padding);
    border:var(--mags-box-border);
    border-radius:var(--mags-border-radius);
    background:#fff;
  
  }

  .login-outside .logo{
    padding:20px;
    text-align:center;
  }
  .login-outside .logo img{
    max-width:200px;
  }
  
  .table thead th{
    white-space: nowrap;
  }
  .table thead th a{
    color:#000;
    font-weight:600;
  }


  .dashboard-list i{

    width:30px;
    text-align: center;

  }





  /* New Login */
.container-login100{
  width:100%;
  min-height:100vh;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  padding:15px;
  background:#9053c7;
  background:-webkit-linear-gradient(-135deg,#c850c0,#4158d0);
  background:-o-linear-gradient(-135deg,#c850c0,#4158d0);
  background:-moz-linear-gradient(-135deg,#c850c0,#4158d0);
  background:linear-gradient(-135deg,#c850c0,#4158d0)
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #c3c3c3;
	    font-size: 14px;
            opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #c3c3c3;
	    font-size: 14px;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #c3c3c3;
	    font-size: 14px;
 }

.login100-form-btn {
  font-family: Poppins;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background: #57b846;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  border: none;
}

/*------------------------------------------------------------------
[ Focus ]*/
.focus-input100 {
  display: block;
  position: absolute;
  border-radius: 25px;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 0px;
  color: rgba(87,184,70, 0.8);
}

.input100:focus + .focus-input100 {
  -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
  animation: anim-shadow 0.5s ease-in-out forwards;
}

@-webkit-keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 70px 25px;
    opacity: 0;
  }
}

@keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 70px 25px;
    opacity: 0;
  }
}

.symbol-input100 {
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  border-radius: 25px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 35px;
  pointer-events: none;
  color: #666666;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.input100:focus + .focus-input100 + .symbol-input100 {
  color: #57b846;
  padding-left: 28px;
}

/*---------------------------------------------*/
.wrap-input100 {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: 10px;
}

.input100 {
  font-family: Poppins;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
  display: block;
  width: 100%;
  background: #e6e6e6;
  height: 50px;
  border-radius: 25px;
  padding: 0 30px 0 68px;
}

/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: white;
  border: 1px solid #c80000;
  border-radius: 13px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  pointer-events: none;

  font-family: Poppins-Medium;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.alert-validate::after {
  content: "\f06a";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  color: #c80000;
  font-size: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 13px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}

/* Form Dividers */
.separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight:700;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}

.separator:not(:empty)::before {
  margin-right: 1em;
}

.separator:not(:empty)::after {
  margin-left: 1em;
}


/* Duplicate Tools */

.duplicate-toolbar{
  text-align:right;
  padding:5px 0px;
}

.duplicate-separator{
  border-bottom:1px solid #454545;
  margin-bottom:15px;
}

.select2-container{
  z-index: 99999;
}

.advanced-search .select2-container{
z-index:100;
}
.select2-selection{
  border:1px solid #dee2e6;
  padding:4px 10px;
  height:auto !important;
}

.select2-container--default .select2-selection--multiple{
  border:1px solid #dee2e6;
  padding:4px 10px;
  height:auto !important;

}

.form-floating-mags .select2-container--default .select2-selection--multiple{
  border:none;

}

.form-horizontal .form-group{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}

.form-horizontal .form-group .form-label{
  flex-grow: 0; 
  width:50%;
}
.form-horizontal .form-group .form-field,.form-horizontal .form-group .controls{
  flex-grow: 0; 
  width:50%;
}
.form-horizontal .form-group .form-text{
  width:100%;
}

.form-floating .form-group{
  width:100%;
  height:auto;
  margin:0px;
  display:block;
  padding:0px;
}
.form-floating .form-group .form-field{
  width:100%;
}

.form-floating .form-group .form-control,.form-floating .form-group .form-select{
  padding-top: 2.625rem;
  padding-bottom: .625rem;
}

/* Form floating mags */
.form-floating-mags{
  border:1px solid #dee2e6;
  padding:0px; /* was = 4 before */
  border-radius:6px;
  position:relative;
}
.form-floating-mags .form-group{
  width:100%;
  height:auto;
  margin:0px;
  display:block;
  padding:0px;
  padding-top: 25px;
}

.form-floating-mags .form-group .form-field{
  width:100%;
}

.form-floating-mags .form-group .form-control, .form-floating-mags .form-group .form-select{
border:none;
font-size: 14px;
}

.form-floating-mags input:focus{
    outline: none !important;
    box-shadow: none;
}

.form-floating-mags >label{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.form-floating-mags .select2-container--default .select2-selection--single{
  border:none;
}


/* Mags Right Panel */

.mags-right-panel{

  width:800px;
  position:fixed;
  right:-800px;
  top:0px;
  height:100%;
  background:#fff;
  /*border-radius:var(--mags-border-radius);*/
  box-shadow:var(--mags-box-shadow);
  
  z-index:1000;
  
  -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0s;
    animation: slide 0.5s forwards;
    animation-delay: 0s;


  }
  .mags-right-panel.closed{
    right:0px;
    -webkit-animation: slide_close 0.5s forwards;
    -webkit-animation-delay: 0s;
    animation: slide_close 0.5s forwards;
    animation-delay: 0s;

  }

  @-webkit-keyframes slide {
    100% { right: 0; }
}

@keyframes slide {
    100% { right: 0; }
}

@-webkit-keyframes slide_close {
  100% { right: -800px; }
}

@keyframes slide_close {
  100% { right: -800px; }
}


.mags-right-panel .right-panel-title{
  background:#001d61;
  padding:15px;
  color:#fff;
  font-weight:bold;
  margin:-15px -15px 10px -15px;
}

  .mags-right-panel .mags-close{

  color:#ffffff;

  font-size:19px;
  cursor:pointer;
  margin-right: 5px;
  margin-top: -4px;


float:right;
  }
  .mags-right-panel .inside{
  padding:20px;
  overflow:auto;
  height:100%;
  }
  .mags-right-panel .inside.modal-iframe{
    padding:5px;
  }
  .mags-right-panel .inside .inside-modal{
    width:100% !important;
  }

  .mags-right-panel .inside iframe{
    min-height:100%;
    width:100%;
  }


  .profile-picture{
    max-width:245px;
    height:auto;
    padding:2px;
    margin-top: 10px;
    border:1px solid #efefef;
  }

  .tox-tinymce-aux{
    z-index:99993 !important;
  }