@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap");
:root {
  --backgroundColor: #e6e7ee;
  --borderColor: rgba(0, 0, 0, 0.125);
  --textColor: #394a56;
  --lightShade: #ffffff;
  --darkShade: #b8b9be;
  --borderRadius: 10px;
  --controlHeight: 44px;
  --blue: #0056b3;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #a91e2c;
  --orange: aliceblue;
  --yellow: #f0b400;
  --green: #18634b;
  --teal: #0056b3;
  --cyan: #17a2b8;
  --white: #ecf0f3;
  --gray: #93a5be;
  --gray-dark: #525480;
  --primary: #394a56;
  --secondary: #2d4cc8;
  --success: #18634b;
  --info: #0056b3;
  --warning: #f0b400;
  --danger: #a91e2c;
  --light: #d1d9e6;
  --dark: #31344b;
  --default: #262833;
  --white: #ecf0f3;
  --gray: #44476a;
  --neutral: #ecf0f3;
  --soft: #e6e7ee;
  --black: #262833;
  --purple: #6f42c1;
  --gray-100: #f3f7fa;
  --gray-200: #fafbfe;
  --gray-300: #e6e7ee;
  --gray-400: #d1d9e6;
  --gray-500: #b1bcce;
  --gray-600: #93a5be;
  --gray-700: #66799e;
  --gray-800: #525480;
  --facebook: #3b5999;
  --dribbble: #ea4c89;
  --github: #222222;
  --behance: #0057ff;
  --twitter: #1da1f2;
  --slack: #3aaf85;
  --link: #007bff;
  --muted: #525480;
  --insetBoxShadow: inset 4px 4px 4px var(--darkShade),
    inset -4px -4px 4px var(--lightShade);
  --outsetBoxShadow: 4px 4px 4px 0px var(--darkShade),
    -4px -4px 4px 0px var(--lightShade);
  --fontFamily: "Montserrat", sans-serif;
}
/*! CSS Used from: http://localhost:8000/static/css/bootstrap.neumorph.css */
*{box-sizing:border-box;outline-color:transparent;outline:0;-webkit-tap-highlight-color:transparent;}
body{background-color:var(--backgroundColor);font-family:var(--fontFamily);font-size:14px;margin:0;padding:0;
  padding-bottom: 70px;
  color:var(--textColor);}
input{font-family:var(--fontFamily);font-size:14px;}
a{text-decoration:none!important;}
.btn{background:var(--backgroundColor)!important;background-color:var(--backgroundColor)!important;border:1px solid var(--borderColor)!important;border-color:var(--borderColor)!important;border-radius:var(--borderRadius);color:var(--textColor);cursor:pointer;font-size:1em;outline:0!important;text-align:center;}
.btn:active{box-shadow:var(--insetBoxShadow);}
.btn:not(disabled){box-shadow:var(--outsetBoxShadow);}
.btn.btn-primary,.btn-primary:active,.btn-primary:focus{color:var(--primary)!important;}
.btn-primary:hover{box-shadow:inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #FFFFFF;}
.navbar-toggler{box-shadow:6px 6px 12px #b8b9be,-6px -6px 12px #fff!important;}

/*! CSS Used from: http://localhost:8000/static/css/neumorphism.css */
*,*::before,*::after{box-sizing:border-box;}
nav{display:block;}
/* body{margin:0;font-family:"Nunito Sans", sans-serif;font-size:1rem;font-weight:300;line-height:1.5;color:#44476A;text-align:left;background-color:#e6e7ee;} */
ul{margin-top:0;margin-bottom:1rem;}
a{color:#31344b;text-decoration:none;background-color:transparent;}
a:hover{color:#262833;text-decoration:none;}
img{vertical-align:middle;border-style:none;}
svg{overflow:hidden;vertical-align:middle;}
label{display:inline-block;margin-bottom:0.5rem;}
button{border-radius:0;}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
input,button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button,input{overflow:visible;}
button{text-transform:none;}
button,[type="button"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner{padding:0;border-style:none;}
input[type="checkbox"]{box-sizing:border-box;padding:0;}
.h6{margin-bottom:0.5rem;font-family:inherit;font-weight:400;line-height:1.3;color:#31344b;}
.h6{font-size:1rem;}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}

.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-md-1,.col-md-6,.col-md-10{position:relative;width:100%;padding-right:15px;padding-left:15px;}


.collapse:not(.show){display:none;}
.nav-link{display:block;padding:0.25rem 0.75rem;}
.nav-link:hover,.nav-link:focus{text-decoration:none;}


.pagination{display:flex;padding-left:0;list-style:none;border-radius:0.55rem;}
.page-link{position:relative;display:block;padding:0.5rem 0.75rem;margin-left:-0.0625rem;line-height:1.25;color:#93a5be;background-color:#ECF0F3;border:0.0625rem solid #fafbfe;}
.page-link:hover{z-index:2;color:#93a5be;text-decoration:none;background-color:#fafbfe;border-color:#fafbfe;}
.page-link:focus{z-index:2;outline:0;box-shadow:none;}
.page-item:first-child .page-link{margin-left:0;border-top-left-radius:0.55rem;border-bottom-left-radius:0.55rem;}
.page-item:last-child .page-link{border-top-right-radius:0.55rem;border-bottom-right-radius:0.55rem;}
.page-item.active .page-link{z-index:1;color:#ECF0F3;background-color:#e6e7ee;border-color:#e6e7ee;}
.page-item.disabled .page-link {
  color: #525480;
  pointer-events: none;
  cursor: auto;
  background-color: #e6e7ee;
  border-color: #e6e7ee;
}
.nav-link{color:#44476A;}
.nav-link:hover,.nav-link.active{color:#31344b;}
.page-link{border:0;background-color:#e6e7ee;box-shadow:3px 3px 6px #b8b9be, -3px -3px 6px #ffffff;}
.page-link:hover{box-shadow:inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #FFFFFF;background-color:#e6e7ee;}
.page-item.active .page-link{box-shadow:inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #FFFFFF;color:#525480;}
.page-item .page-link{margin:0 4px;font-size:0.875rem;color:#31344b;font-weight:600;}
.h6{font-family:"Nunito Sans", sans-serif;font-weight:400;}
ul li{font-family:"Nunito Sans", sans-serif;font-size:1rem;font-weight:300;line-height:1.6;}
a{color:#31344b;font-weight:400;transition:all 0.2s ease;}
a:hover{color:#262833;cursor:pointer;}

.text-secondary,.text-secondary:hover{color:#2D4CC8!important;}


.card-test {
  box-shadow: var(--outsetBoxShadow) !important;
  border-radius: var(--borderRadius) !important;
  background: var(--backgroundColor) !important;

}
@media(min-width:1200px){
  .card-test{
    max-width: 70%;
  }
}

@media(min-width:1400px){
  .card-test{
    max-width: 70%;
  }
}
.form-control{border:1px solid var(--borderColor);border-radius:var(--borderRadius);font-size:1em;height:var(--controlHeight);padding:5px 10px;width:100%;}
.form-control:focus{background:var(--backgroundColor);border-color:var(--borderColor);outline:none;}
.form-control:not([disabled]){box-shadow:var(--insetBoxShadow);}
.form-control:disabled{background:var(--backgroundColor);}

.form-input-test{border:1px solid var(--borderColor);border-radius:var(--borderRadius);font-size:1em;height:var(--controlHeight);padding:5px 10px;width:100%;}
.form-input-test:focus{background:var(--backgroundColor);border-color:var(--borderColor);outline:none;}
.form-input-test:not([disabled]){box-shadow:var(--insetBoxShadow);}
.form-input-test:disabled{background:var(--backgroundColor);}


.card {
  box-shadow: var(--outsetBoxShadow) !important;
  border-radius: var(--borderRadius) !important;
  background: var(--backgroundColor) !important;
}

.list-group-profile {
  background: var(--backgroundColor);
  border-radius: var(--borderRadius);
  box-shadow: var(--outsetBoxShadow);
}

.list-group-item-profile {
  background-color: var(--backgroundColor) !important;
  color: var(--textColor);
  border: none;
  border-bottom: 1px solid var(--borderColor) !important;
}

.list-group-item-profile.active {
  box-shadow: var(--insetBoxShadow);
  color: var(--textColor);
}
.badge {
  background-color: var(--backgroundColor);
  box-shadow: var(--insetBoxShadow);
  padding: 0.5rem 0.8rem;
}
.badge.badge-primary {
  color: var(--primary);
}

.badge.badge-secondary {
  color: var(--secondary);
}

.badge.badge-success {
  color: var(--success);
}

.badge.badge-danger {
  color: var(--danger);
}

.alert-ele{
  box-shadow: var(--outsetBoxShadow);
  background-color: #E6E7EE;
}