/* @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");
/* html * {
  font-family: "Rubik", sans-serif !important;
} */
/* body {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
} */
body {
  background: url("../image/back.svg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  /* background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); */
  /* background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/confectionary.png); */
  /* background-image: url(image/back.jpg); */
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* Buttons */
.btn {
  font-size: 16px;
  font-weight: 400;
  border-width: 2px;
  letter-spacing: 1px;
  margin: 0.4rem 0.8rem;
  white-space: normal;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  display: -webkit-inline-flex;
  padding: 0.7rem 3rem;
  border-radius: 100px;
  box-shadow: 20px 20px 60px #f5e8e0, -20px -20px 60px #d8d6d5;
}
.btn-sm {
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0.6rem 1.5rem;
  border-radius: 3px;
}
.btn-md {
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0.4rem 0.8rem !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1rem 3rem;
  border-radius: 3px;
}
.btn-lg {
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0.3rem 0.8rem !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0.8rem 3.2rem;
  border-radius: 100px;
}
.bg-primary {
  background-color: #149dcc !important;
}
.bg-success {
  background-color: rgb(34, 139, 34) !important;
}
.bg-info {
  background-color: #82786e !important;
}
.bg-warning {
  background-color: #879a9f !important;
}
.bg-danger {
  background-color: #b1a374 !important;
}
.btn-primary,
.btn-primary:active {
  background-color: #149dcc !important;
  border-color: #149dcc !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  color: #ffffff !important;
  background-color: #0d6786 !important;
  border-color: #0d6786 !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #0d6786 !important;
  border-color: #0d6786 !important;
}
.btn-secondary,
.btn-secondary:active {
  background-color: #cc0033 !important;
  border-color: #cc0033 !important;
  color: #ffffff !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
  color: #ffffff !important;
  background-color: #e50039 !important;
  border-color: #e50039 !important;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #e50039 !important;
  border-color: #e50039 !important;
}
.btn-info,
.btn-info:active {
  background-color: #82786e !important;
  border-color: #82786e !important;
  color: #ffffff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
  color: #ffffff !important;
  background-color: #59524b !important;
  border-color: #59524b !important;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #59524b !important;
  border-color: #59524b !important;
}
.btn-success,
.btn-success:active {
  background-color: rgb(34, 139, 34) !important;
  border-color: rgb(34, 139, 34) !important;
  color: #ffffff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
  color: #ffffff !important;
  background-color: rgb(34, 139, 34) !important;
  border-color: rgb(34, 139, 34) !important;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: rgb(34, 139, 34) !important;
  border-color: rgb(34, 139, 34) !important;
}
.btn-warning,
.btn-warning:active {
  background-color: #879a9f !important;
  border-color: #879a9f !important;
  color: #ffffff !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
  color: #ffffff !important;
  background-color: #617479 !important;
  border-color: #617479 !important;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #ffffff !important;
  background-color: #617479 !important;
  border-color: #617479 !important;
}
.btn-danger,
.btn-danger:active {
  background-color: #b1a374 !important;
  border-color: #b1a374 !important;
  color: #ffffff !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
  color: #ffffff !important;
  background-color: #8b7d4e !important;
  border-color: #8b7d4e !important;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff !important;
  background-color: #8b7d4e !important;
  border-color: #8b7d4e !important;
}
.btn-white {
  color: #333333 !important;
}
.btn-white,
.btn-white:active {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #808080 !important;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
  color: #808080 !important;
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}
.btn-white.disabled,
.btn-white:disabled {
  color: #808080 !important;
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}
.btn-black,
.btn-black:active {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
  color: #ffffff !important;
  background-color: #0d0d0d !important;
  border-color: #0d0d0d !important;
}
.btn-black.disabled,
.btn-black:disabled {
  color: #ffffff !important;
  background-color: #0d0d0d !important;
  border-color: #0d0d0d !important;
}
.btn-primary-outline,
.btn-primary-outline:active {
  background: none;
  border-color: #0b566f;
  color: #0b566f;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
  color: #ffffff;
  background-color: #149dcc;
  border-color: #149dcc;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #ffffff !important;
  background-color: #149dcc !important;
  border-color: #149dcc !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
  background: none;
  border-color: #cc0033;
  color: #cc0033;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
  color: #ffffff;
  background-color: #cc0033;
  border-color: #cc0033;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #ffffff !important;
  background-color: #cc0033 !important;
  border-color: #cc0033 !important;
}
.btn-info-outline,
.btn-info-outline:active {
  background: none;
  border-color: #4b453f;
  color: #4b453f;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
  color: #ffffff;
  background-color: #82786e;
  border-color: #82786e;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #82786e !important;
  border-color: #82786e !important;
}
.btn-success-outline,
.btn-success-outline:active {
  background: none;
  border-color: rgb(34, 139, 34);
  color: rgb(34, 139, 34);
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
  color: #ffffff;
  background-color: rgb(34, 139, 34);
  border-color: rgb(34, 139, 34);
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: rgb(34, 139, 34) a !important;
  border-color: rgb(34, 139, 34) !important;
}
.btn-warning-outline,
.btn-warning-outline:active {
  background: none;
  border-color: #55666b;
  color: #55666b;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
  color: #ffffff;
  background-color: #879a9f;
  border-color: #879a9f;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #ffffff !important;
  background-color: #879a9f !important;
  border-color: #879a9f !important;
}
.btn-danger-outline,
.btn-danger-outline:active {
  background: none;
  border-color: #7a6e45;
  color: #7a6e45;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
  color: #ffffff;
  background-color: #b1a374;
  border-color: #b1a374;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #ffffff !important;
  background-color: #b1a374 !important;
  border-color: #b1a374 !important;
}
.btn-black-outline,
.btn-black-outline:active {
  background: none;
  border-color: #000000;
  color: #000000;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
  color: #ffffff !important;
  background-color: #333333 !important;
  border-color: #333333 !important;
}
.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline.active {
  background: none;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus {
  color: #333333;
  background-color: #ffffff;
  border-color: #ffffff;
}
.text-primary {
  color: #149dcc !important;
}
.text-secondary {
  color: #d62828 !important;
}
.text-success {
  color: #27ae60 !important;
}
.text-info {
  color: #82786e !important;
}
.text-warning {
  color: #d35400 !important;
}
.text-error {
  color: #d91e18 !important;
}
.text-danger {
  color: #d64541 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-black {
  color: #000000 !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #0b566f !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
  color: #cc0033 !important;
}
a.text-success:hover,
a.text-success:focus {
  color: #d2c609 !important;
}
a.text-info:hover,
a.text-info:focus {
  color: #4b453f !important;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #55666b !important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #7a6e45 !important;
}
a.text-white:hover,
a.text-white:focus {
  color: #b3b3b3 !important;
}
a.text-black:hover,
a.text-black:focus {
  color: #4d4d4d !important;
}
.text-shiksha {
  color: #ff6600 !important;
}
.bg-shiksha {
  background: rgb(212, 85, 0) !important;
}
.btn-shiksha {
  color: rgb(255, 255, 255);
  background-color: #ce5504;
  border-color: #ff6600;
}
.btn-shiksha:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(143, 57, 0);
  border-color: rgb(143, 57, 0);
}
.btn-shiksha.focus,
.btn-shiksha:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 88, 3, 0.5);
}

.form-control {
  border-radius: 10px;
  padding: 20px;
}
.control-label {
  font-size: 15px;
  padding-bottom: 5px;
}

.bg-black {
  background-color: #000000;
}

/* .funkyradio div {
  clear: both;
}
.funkyradio label {
  border-radius: 3px;
  border: 1px solid #d1d3d4;
  font-weight: normal;
}
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}
.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 2.5em;
  background: #d1d3d4;
  border-radius: 3px 0 0 3px;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: "\2714";
  text-indent: 0.9em;
  color: #c2c2c2;
}
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}
.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: "\2714";
  text-indent: 0.9em;
  color: #333;
  background-color: #ccc;
}
.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}
.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
} */
.pt-2 {
  padding-top: 10px !important;
}

.pl-2 {
  padding-left: 10px !important;
}

.well-logout {
  padding: 20px 40px 0px 0px;
}

.text-user {
  font-size: 20px;
  text-align: center;
  padding: 0rem 0rem 0rem 10rem;
}

.time_clock {
  text-align: right;
  color: #f03434;
  font-size: 22px;
  margin-top: -3rem;
  margin-right: -8rem;
}
.well-submit {
  margin-top: -4rem;
  float: right;
}

@media only screen and (max-width: 600px) and (min-width: 200px) {
  .well-logout {
    padding: 36px 5px 0px 0px;
    float: right;
  }

  .text-user {
    font-size: 17px;
    float: left;
    padding: 0;
  }

  .time_clock {
    background-color: #f03434;
    text-align: center;
    color: #ffffff;
    font-size: 22px;
    margin-top: 0rem;
    padding: 4px 0px 2px 0px;
    margin-bottom: 5px;
    margin-right: 0;
  }
  .well-submit {
    margin-top: 0rem;
    float: none;
  }
}
@media only screen and (max-width: 980px) and (min-width: 602px) {
  .time_clock {
    /* text-align: left; */
    float: left;
    color: #f03434;
    font-size: 22px;
    margin-top: -3rem;
    margin-left: 22rem;
    /* background-color: green; */
  }
  .text-user {
    font-size: 22px;
    text-align: center;
    padding: 0rem 0rem 0rem 0rem;
  }
  .well-submit {
    margin-top: 0rem;
    float: none;
    text-align: center;
  }
}
.custom-radio {
  display: flex;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
  /* &:focus-within {
    outline: 0.125em solid $primary-color;
  } */
}
.custom-radio input {
  position: absolute;
  left: -9999px;
}
.custom-radio input:checked + label {
  background-color: #82cd82;
}
.custom-radio input:checked + label:before {
  box-shadow: inset 0 0 0 1em #006400;
  content: "\002714";
  /* font-size: 3rem; */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.custom-radio label {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.18em;
  /* text-align: justify;
  text-justify: inter-word; */
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 0.3em;
  transition: 0.25s ease;
  border: 2px solid rgb(223, 223, 223);
}
.custom-radio label:hover {
  background-color: #e2e2e2;
}
.custom-radio label:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 2em;
  height: 2em;
  border-radius: 10%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.085em #a9a9a9;
}
.left-right {
  height: 35px;
  padding: 0px 30px;
}
@media only screen and (max-width: 600px) and (min-width: 200px) {
  .left-right {
    height: 35px;
    padding: 0px 25px;
  }
}

.box-shadow {
  box-shadow: 50px 40px 115px rgba(0, 0, 0, 0.1);
}

.icon_box_one {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.icon_box_one:hover {
  -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.25);
  /* background: linear-gradient(to top,rgb(3, 3, 3),  #4D85BD); */
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.lock {
  background: gray;
  border-radius: 3px;
  width: 25px;
  height: 20px;
  margin-top: 60px;
  margin-left: 60px;
  position: relative;
}

.lock:before {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid gray;
  top: -14px;
  left: 2.3px;
  width: 15px;
  height: 27px;
  border-radius: 35px 35px 0 0;
}

.btn-super-happy {
  color: #808080;
  background-color: #fffafa;
}
.btn-happy {
  color: #808080;
  background-color: #fffafa;
}
.btn-neutral {
  color: #808080;
  background-color: #fffafa;
}
.btn-sad {
  color: #808080;
  background-color: #fffafa;
}
.btn-super-sad {
  color: #808080;
  background-color: #fffafa;
}
.btn-super-happy:hover,
.btn-super-happy:focus,
.btn-super-happy.focus,
.btn-super-happy.active {
  color: #ffffff !important;
  background-color: rgb(34, 139, 34) !important;
  border-color: rgb(34, 139, 34) !important;
}

.btn-happy:hover,
.btn-happy:focus,
.btn-happy.focus,
.btn-happy.active {
  color: #ffffff !important;
  background-color: #149dcc !important;
  border-color: #149dcc !important;
}
.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral.focus,
.btn-neutral.active {
  color: #ffffff !important;
  background-color: #8b008b !important;
  border-color: #8b008b !important;
}

.btn-sad:hover,
.btn-sad:focus,
.btn-sad.focus,
.btn-sad.active {
  color: #ffffff !important;
  background-color: #ff8c00 !important;
  border-color: #ff8c00 !important;
}

.btn-super-sad:hover,
.btn-super-sad:focus,
.btn-super-sad.focus,
.btn-super-sad.active {
  color: #ffffff !important;
  background-color: #cd1f00 !important;
  border-color: #ff6347 !important;
}

.bg-question {
  background-color: #f5f5f5 !important;
  border: solid 1px rgba(191, 187, 187, 0.313);
}