/*!
 *  Admin - v1.0.0
 * Copyright 2018-2019 Start Bootstrap - admin
 * Author: Rajan;
 */

 @import url('https://fonts.googleapis.com/css?family=Varela+Round&display=swap&subset=latin-ext,vietnamese');
 @import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap&subset=latin-ext,vietnamese');
 @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
 @import url('../css/material-icon.css');
 @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css");
 /* font-family: 'Quicksand', sans-serif;
 font-family: 'Varela Round', sans-serif; */
 
 
 /* ---------------------------------------------------
   TYPOGRAPHY
 ----------------------------------------------------- */
 
 html {
   position: relative;
   min-height: 100%;
 }
 
 :root {
   --theme: #0c8bf1;
 }
 
 ::-moz-selection {
   /* Code for Firefox */
   color: #ffffff;
   background: #0c8bf1;
 }
 
 ::selection {
   color: #ffffff;
   background: #0c8bf1;
 }
 
 a,
 a:hover,
 a:focus {
   color: inherit;
   cursor: pointer;
   text-decoration: none;
   transition: all 0.3s;
 }
 
 body {
   height: 100%;
   font-size: 15px;
   color: #2f3245;
   background: #ffffff;
   font-weight: 400;
   font-family: 'Varela Round', sans-serif;
 }
 
 p {
   font-family: 'Varela Round', sans-serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.5em;
   color: #999;
   margin: 0;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: 'Quicksand', sans-serif;
   /* font-family: 'Varela Round', sans-serif; */
 }
 
 .shadow {
   -webkit-box-shadow: 0 .04rem 0.45rem 0 rgba(58, 59, 69, .09) !important;
   box-shadow: 0 .04rem 0.45rem 0 rgba(58, 59, 69, .09) !important;
   border: 1px solid #3c99ff!important;
 }
 
 .smaller {
   font-size: 0.7rem;
 }
 
 .o-hidden {
   overflow: hidden !important;
 }
 
 .bg-admin {
   /* background: #ffffff; */
   background: #007bff; /*Hemanth*/
   -webkit-box-shadow: 0 2px 17px 2px rgb(233, 221, 247);
   box-shadow: 0 2px 17px 2px rgb(233, 221, 247);
 }
 
 .radius-25 {
   border-radius: 25px;
 }
 
 .radius-30 {
   border-radius: 30px;
 }
 
 .radius-40 {
   border-radius: 40px;
 }
 
 .radius-50 {
   border-radius: 50%;
 }
 
 .text-theme {
   color: #0c8bf1 !important;
 }
 
 .text-theme-40 {
   color: hsla(207, 91%, 50%, 0.4) !important;
 }
 
 .text-muted-30 {
   color: #a6a7a7 !important;
 }
 
 .table td,
 .table th {
   vertical-align: middle !important;
 }
 
 .table th {
   color: #0f0f0f;
   font-weight: 700;
   /* font-family: 'Product Sans Regular'; */
 }
 
 .table td {
   font-size: 13px;
   padding: .4rem;
   border-right-width: 1px!important;
 }
 
 .card-header {
   padding: .75rem 1.25rem;
   margin-bottom: 0; 
   background-color: #ffffff;
   /* background-color: #3c99ff!important; */
   border-bottom: 1px solid hsla(226, 30%, 92%, 0.6);
 }
 
 .card-footer {
   padding: .75rem 1.25rem;
   margin-bottom: 0;
   background-color: #f8f9fc;
   border-top: 1px solid hsla(226, 30%, 92%, 0.6);
 }
 
 .badge {
   display: inline-block;
   padding: 2px 4px;
 }
 
 /* ---------------------------------------------------
     Button Style
 ----------------------------------------------------- */
 
 .btn-theme {
   font-size: 14px;
   min-width: 80x;
   color: #fff !important;
   background-color: #0c8bf1;
   border-color: #0c8bf1;
   /* box-shadow: 0 3px 6px hsla(207, 91%, 50%, 0.5);  */
 }
 
 .btn-theme:hover {
  color: #fff;
  background-color: #007adf;
  border-color: #007adf;
 }
 
 .btn-theme.focus,
 .btn-theme:focus {
   box-shadow: 0 0 0 0.2rem hsla(207, 91%, 50%, 0.5);
 }
 
 .btn-theme:not(:disabled):not(.disabled).active,
 .btn-theme:not(:disabled):not(.disabled):active {
   color: #fff;
   border-color: #007adf;
   background-color: #007adf;
 }
 
 .btn-theme-2 {
   font-size: 14px;
   min-width: 100px;
   color: #fff !important;
   background-image: linear-gradient(135deg, #0c8bf1 0px, #8d62f3 100%);
   border: none;
   box-shadow: 0 3px 6px hsla(207, 91%, 50%, 0.5);
 }
 
 .btn-theme-2:hover {
   color: #fff;
   background-image: linear-gradient(135deg, #8d62f3 0px, #0c8bf1 100%);
   border: none;
 }
 
 .btn-theme-2.focus,
 .btn-theme-2:focus {
   box-shadow: 0 0 0 0.2rem hsla(207, 91%, 50%, 0.5);
 }
 
 .btn-theme-2:not(:disabled):not(.disabled).active,
 .btn-theme-2:not(:disabled):not(.disabled):active {
   color: #fff;
   border: none;
   background-image: linear-gradient(135deg, #8d62f3 0px, #0c8bf1 100%);
 }
 
 .btn-outline-theme {
   font-size: 14px;
   min-width: 100px;
   color: #0c8bf1;
   border-color: #0c8bf1;
   background: transparent;
   box-shadow: 0 2px 10px hsla(207, 91%, 50%, 0.5);
 }
 
 .btn-outline-theme:hover {
   color: #fff;
   background-color: #0c8bf1;
   border-color: #0c8bf1;
 }
 
 .btn-outline-theme.focus,
 .btn-outline-theme:focus {
   box-shadow: 0 0 0 0.2rem hsla(207, 91%, 50%, 0.5);
 }
 
 .btn-outline-theme:not(:disabled):not(.disabled).active,
 .btn-outline-theme:not(:disabled):not(.disabled):active {
   color: #fff;
   border-color: #0c8bf1;
   background-color: #0c8bf1;
 }
 
 button:nth-of-type(1).active {
   color: #fff !important;
   background-color: #dc3545 !important;
   border-color: #dc3545 !important;
 }
 
 button:nth-of-type(2).active {
   color: #fff !important;
   background-color: #28a745 !important;
   border-color: #28a745 !important;
 }
 
 button:nth-of-type(3).active {
   color: #212529 !important;
   background-color: #ffc107 !important;
   border-color: #ffc107 !important;
 }
 
 .btn-light {
   color: #212529;
   background-color: #e9eaeb;
   border-color: #e9eaeb;
 }
 
 .btn-theme-120,
 .btn-outline-theme-120 {
   min-width: 120px;
 }
 
 .btn-theme-150,
 .btn-outline-theme-150 {
   min-width: 150px;
 }
 
 .btn-theme-200,
 .btn-outline-theme-200 {
   min-width: 200px;
 }
 
 .w_100 {
   width: 100px;
 }
 
 .w_150 {
   width: 150px;
 }
 
 .w_200 {
   width: 200px;
 }
 
 
 /* ---------------------------------------------------
     Gredient Style
 ----------------------------------------------------- */
 
 .bg-gradient-theme {
   background-image: linear-gradient(135deg, #0c8bf1 0px, #8d62f3 100%);
 }
 
 .bg-gradient-primary {
   background-image: linear-gradient(135deg, #673ab7 0px, #2196f3 100%);
 }
 
 .bg-gradient-info {
   background-image: linear-gradient(135deg, #009688 0px, #42a5f5 100%);
 }
 
 .bg-gradient-warning {
   background-image: linear-gradient(135deg, #F9D423 0px, #e65c00 100%);
 }
 
 .bg-gradient-success {
   background-image: linear-gradient(135deg, #cddc39 0px, #4caf50 100%);
 }
 
 .bg-gradient-danger {
   background-image: linear-gradient(135deg, #ff0000 0px, #DC281E 100%);
 }
 
 
 .border-left-primary {
   border-left: .25rem solid #4e73df !important;
 }
 
 .border-left-success {
   border-left: .25rem solid #37c116 !important;
 }
 
 .border-left-info {
   border-left: .25rem solid #36b9cc !important;
 }
 
 .border-left-warning {
   border-left: .25rem solid #f6c23e !important;
 }
 
 .border-left-danger {
   border-left: .25rem solid #ef3934 !important;
 }
 
 /* ---------------------------------------------------
     Preloader Style
 ----------------------------------------------------- */
 
 .preloader {
   position: fixed;
   width: 100%;
   height: 100%;
   background: #0c8bf1;
   z-index: 99999;
   overflow: hidden;
 }
 
 .loader {
   width: 40px;
   height: 40px;
   margin: auto;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
 
 .loader:before {
   content: '';
   width: 40px;
   height: 5px;
   background: #ffffff;
   opacity: 0.2;
   position: absolute;
   top: 49px;
   left: 0;
   border-radius: 50%;
   -webkit-animation: shadow .4s linear infinite;
   -moz-animation: shadow .4s linear infinite;
   -ms-animation: shadow .4s linear infinite;
   animation: shadow .4s linear infinite;
 }
 
 .loader:after {
   content: '';
   width: 40px;
   height: 40px;
   background: #ffffff;
   -webkit-animation: animate .4s linear infinite;
   -moz-animation: animate .4s linear infinite;
   -ms-animation: animate .4s linear infinite;
   animation: animate .4s linear infinite;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 3px;
 }
 
 @keyframes animate {
   17% {
     border-bottom-right-radius: 3px;
   }
 
   25% {
     -webkit-transform: translateY(9px) rotate(22.5deg);
   }
 
   50% {
     -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
     border-bottom-right-radius: 40px;
   }
 
   75% {
     -webkit-transform: translateY(9px) rotate(67.5deg);
   }
 
   100% {
     -webkit-transform: translateY(0) rotate(90deg);
   }
 }
 
 @-webkit-keyframes animate {
   17% {
     border-bottom-right-radius: 3px;
   }
 
   25% {
     -webkit-transform: translateY(9px) rotate(22.5deg);
   }
 
   50% {
     -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
     border-bottom-right-radius: 40px;
   }
 
   75% {
     -webkit-transform: translateY(9px) rotate(67.5deg);
   }
 
   100% {
     -webkit-transform: translateY(0) rotate(90deg);
   }
 }
 
 @-moz-keyframes animate {
   17% {
     border-bottom-right-radius: 3px;
   }
 
   25% {
     -moz-transform: translateY(9px) rotate(22.5deg);
   }
 
   50% {
     -moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
     border-bottom-right-radius: 40px;
   }
 
   75% {
     -moz-transform: translateY(9px) rotate(67.5deg);
   }
 
   100% {
     -moz-transform: translateY(0) rotate(90deg);
   }
 }
 
 @-ms-keyframes animate {
   17% {
     border-bottom-right-radius: 3px;
   }
 
   25% {
     -ms-transform: translateY(9px) rotate(22.5deg);
   }
 
   50% {
     -ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
     border-bottom-right-radius: 40px;
   }
 
   75% {
     -ms-transform: translateY(9px) rotate(67.5deg);
   }
 
   100% {
     -ms-transform: translateY(0) rotate(90deg);
   }
 }
 
 @-webkit-keyframes shadow {
 
   0%,
   100% {
     -webkit-transform: scale(1, 1);
   }
 
   50% {
     -webkit-transform: scale(1.2, 1);
   }
 }
 
 @-moz-keyframes shadow {
 
   0%,
   100% {
     -moz-transform: scale(1, 1);
   }
 
   50% {
     -moz-transform: scale(1.2, 1);
   }
 }
 
 @-ms-keyframes shadow {
 
   0%,
   100% {
     -ms-transform: scale(1, 1);
   }
 
   50% {
     -ms-transform: scale(1.2, 1);
   }
 }
 
 @keyframes shadow {
 
   0%,
   100% {
     transform: scale(1, 1);
   }
 
   50% {
     transform: scale(1.2, 1);
   }
 }
 
 /* ---------------------------------------------------
     Header Navabr Style
 ----------------------------------------------------- */
 
 .navbar {
   border: none;
   border-radius: 0;
   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 
 .navbar-light .navbar-nav .nav-link>i {
   font-size: 28px;
   margin-top: 4px;
   color: #fff; /*Hemanth*/
 }
 
 .dropdown-item {
   font-size: 15px;
   display: flex;
   align-items: center;
 }
 
 .dropdown-item i {
   padding-right: 8px;
   font-size: 16px;
 }
 
 .dropdown-item.active,
 .dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: #0c8bf1;
 }
 
 .navbar-btn {
   box-shadow: none;
   outline: none !important;
   border: none;
 }
 
 /* Search icon */
 
 .navbar-nav .form-inline .input-group {
   width: 100%;
 }
 
 .has-search .form-control {
   padding-left: 2.375rem;
   border: 1px solid #ffffff;
   border-radius: 25px;
   height: 36px;
   background: transparent;
 }
 
 .has-search .form-control-feedback {
   position: absolute;
   z-index: 2;
   display: block;
   width: 2.375rem;
   height: 2.375rem;
   line-height: 2.375rem;
   text-align: center;
   pointer-events: none;
   color: #aaa;
 }
 
 .navbar-light .navbar-nav .nav-item {
   margin: 0px;
   padding: 0;
 }
 
 .navbar-light .navbar-nav .nav-link {
   color: #21232e;
   font-family: 'Varela Round', sans-serif;
   margin: 0px 8px;
   padding: 0px;
 }
 
 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
   color: rgba(0, 0, 0, .75);
 }
 
 .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
   width: 1rem;
   text-align: center;
   float: right;
   vertical-align: 0;
   border: 0;
   font-weight: 900;
   content: '\f105';
   font-family: 'Font Awesome 5 Free';
 }
 
 .navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
   content: '\f107';
 }
 
 .navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
   display: none;
 }
 
 .navbar-nav .nav-item .nav-link:focus {
   outline: none;
 }
 
 .navbar-nav .nav-item .nav-link .badge {
   position: absolute;
   left: 1.5rem;
   top: 0.2rem;
   font-weight: 400;
   font-size: 0.5rem;
 }
 
 @media (max-width:767px) {
   .navbar-light .navbar-nav .nav-link {
     padding: 0
   }
 }
 
 @media (min-width: 768px) {
   .navbar-nav .form-inline .input-group {
     width: auto;
   }
 }
 
 a[aria-expanded="true"].dropdown-toggle::after {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 
 a[aria-expanded="false"].dropdown-toggle::after {
   -webkit-transform: rotate(-90deg);
   /* transform: rotate(-90deg); */
   transform: rotate(-270deg);
 }
 
 /* ---------------------------------------------------
     Notifications Styles
 ----------------------------------------------------- */
 
 .notification,
 .mailbox,
 .logout {
   width: 215px;
   border: 1px solid hsla(226, 30%, 92%, 0.4);
   -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
   box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
 }
 
 .notification ul,
 .mailbox ul {
   padding: 0px;
 }
 
 .notification ul li,
 .mailbox ul li {
   list-style: none;
 }
 
 .notification ul li .drop-title,
 .mailbox ul li .drop-title {
   font-weight: 500;
   padding: 2px 20px 5px;
   border-bottom: 1px solid rgba(120, 130, 140, 0.13);
 }
 
 .notification ul li .nav-link,
 .mailbox ul li .nav-link {
   border-top: 1px solid rgba(120, 130, 140, 0.13);
   padding-top: 5px;
   padding-bottom: 0;
   color: #333333;
 }
 
 .btn-circle {
   border-radius: 100%;
   width: 35px;
   height: 35px;
   padding: 8px;
 }
 
 .notification .notification-center,
 .mailbox .message-center {
   height: 220px;
   overflow: auto;
   position: relative;
 }
 
 .notification .notification-center a,
 .mailbox .message-center a {
   border-bottom: 1px solid rgba(120, 130, 140, 0.13);
   display: block;
   text-decoration: none;
   padding: 0px 15px;
 }
 
 .notification .notification-center a:hover,
 .mailbox .message-center a:hover {
   background: #f2f4f8;
 }
 
 .notification .notification-center a div,
 .mailbox .message-center a div {
   white-space: normal;
   padding: 5px;
 }
 
 .notification .btn-circle,
 .mailbox .btn-circle {
   border-radius: 100%;
   width: 45px;
   height: 45px;
   padding: 9px !important;
 }
 
 
 .mailbox .message-center a .user-img {
   width: 40px;
   position: relative;
   display: inline-block;
   margin: 0 10px 15px 0;
 }
 
 .mailbox .message-center a .user-img img {
   width: 100%;
 }
 
 .mailbox .message-center a .user-img .profile-status {
   border: 2px solid #ffffff;
   border-radius: 50%;
   display: inline-block;
   height: 10px;
   left: 30px;
   position: absolute;
   top: 1px;
   width: 10px;
 }
 
 .mailbox .message-center a .user-img .online {
   background: #26c6da;
 }
 
 .mailbox .message-center a .user-img .busy {
   background: #fc4b6c;
 }
 
 .mailbox .message-center a .user-img .away {
   background: #ffb22b;
 }
 
 .mailbox .message-center a .user-img .offline {
   background: #ffb22b;
 }
 
 .notification .notification-center a .notification-contnet,
 .mailbox .message-center a .mail-contnet {
   display: inline-block;
   width: 70%;
   vertical-align: middle;
   padding-left: 10px;
 }
 
 .notification .notification-center a .notification-contnet h5,
 .mailbox .message-center a .mail-contnet h5 {
   margin: 5px 0px 0;
   font-size: 16px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 
 .notification ul li a.nav-link,
 .mailbox ul li a.nav-link {
   color: #333333 !important;
 }
 
 .notification .notification-center a .notification-contnet .mail-desc,
 .notification .notification-center a .notification-contnet .time,
 .mailbox .message-center a .mail-contnet .mail-desc,
 .mailbox .message-center a .mail-contnet .time {
   font-size: 12px;
   display: block;
   margin: 1px 0;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #67757c;
   white-space: nowrap;
 }
 
 
 /* ---------------------------------------------------
     Side navbar Style
 ----------------------------------------------------- */
 
 #sidebar {
   width: 0px;
   position: fixed;
   display: none;
   top: 0;
   left: 0;
   height: 100vh;
   z-index: 999;
   color: #fff;
   background: #ffffff;
   -webkit-box-shadow: 0 2px 17px 2px rgba(82, 63, 105, 0.13);
   box-shadow: 0 2px 17px 2px rgba(82, 63, 105, 0.13);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s;
 }
 
 #sidebar.active {
   margin-left: -230px;
 }
 
#sidebar .sidebar-header {
    /* padding: 22px 30px; */
    padding: 16px 30px;
    background-image: linear-gradient(135deg, #007bff 0px, #8d62f3 100%);
    font-size: 22px;
}
 #sidebar .sidebar-header>a {
   text-transform: uppercase;
 }
 
 #sidebar .sidebar-header .navbar-brand {
   position: relative;
   padding-bottom: 0;
 }
 
 #sidebar ul p {
   color: #fff;
   padding: 10px;
 }
 
 #sidebar .side-menu {
   position: relative;
   margin-bottom: 60px;
   padding-bottom: 40px;
   padding: 0px;
   height: 80vh;
 }
 
 .icon {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 25px;
 }
 
 .side-menu .icon {
   font-size: 18px;
   text-align: center;
   margin-right: 8px;
   margin-left: 0;
   display: inline-block;
 }
 
 #sidebar .side-menu .nav-item.active .icon,
 #sidebar .side-menu .nav-item:hover .icon,
 #sidebar .side-menu .nav-item:focus .icon {
   color: #0c8bf1;
 }
 
 #sidebar .side-menu .nav-item.active .nav-link,
 #sidebar .side-menu .nav-item:hover .nav-link,
 #sidebar .side-menu .nav-item:focus .nav-link {
   text-decoration: none;
   color: #0c8bf1;
   background: #f9f9f9;
   /* border-left: 3px solid #ffffff; */
 }
 
 #sidebar .side-menu .nav-item .nav-link {
   font-family: 'Varela Round', sans-serif;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 14px 20px;
   font-size: 14px;
   -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;
   -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;
   transition: border-left-color 0.3s ease, background-color 0.3s ease;
   color: #8a8a8a;
   border-top: 1px solid rgba(145, 25, 132, .04);
   /* border-left: 3px solid #0c8bf1; */
 }
 
 #sidebar .side-menu .sub-menu {
   padding: 0;
   font-size: .9rem;
 }
 
 #sidebar .side-menu .sub-menu {
   /* padding-left: 25px; */
   position: relative;
   background: #f9f9f9;
 }
 
 #sidebar .side-menu .sub-menu .subnav-item {
   position: relative;
   display: block;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 12px 35px 12px 52px;
   font-size: 14px;
   color: #0c8bf1;
 }
 
 #sidebar .side-menu .sub-menu .subnav-item.active,
 #sidebar .side-menu .sub-menu .subnav-item:hover,
 #sidebar .side-menu .sub-menu .subnav-item:focus {
   background: #ffffff;
   color: #0c8bf1;
   border-bottom-right-radius: 25px;
   border-top-right-radius: 25px;
 }
 
 #sidebar .side-menu .sub-menu .subnav-item.active::before,
 #sidebar .side-menu .sub-menu .subnav-item:hover::before,
 #sidebar .side-menu .sub-menu .subnav-item:focus::before {
   position: absolute;
   content: '';
   background: #0c8bf1;
   border: 1px solid #0c8bf1;
   top: 18px;
   left: 25px;
   width: 8px;
   height: 8px;
   z-index: 1;
   border-radius: 50%;
 }
 
 #sidebar .side-menu .sub-menu .subnav-item .subnav-link {
   text-decoration: none;
   color: #8a8a8a;
   display: block;
   font-size: 13px;
 }
 
 #sidebar .side-menu .sub-menu .subnav-item.active .subnav-link,
 #sidebar .side-menu .sub-menu .subnav-item:hover .subnav-link,
 #sidebar .side-menu .sub-menu .subnav-item:focus .subnav-link {
   text-decoration: none;
   color: #0c8bf1;
 }
 
 .dropdown.no-arrow .dropdown-toggle::after {
   display: none;
 }
 
 #sidebar .side-menu .nav-item .nav-link[data-toggle=collapse]::after {
   display: block;
   position: absolute;
   top: 12px;
   right: 20px;
   font-size: 18px;
   font-family: 'Material Icons';
   content: "chevron_right";
   border: none;
   font-feature-settings: 'liga';
   -webkit-font-feature-settings: 'liga';
   -moz-font-feature-settings: 'liga';
   -o-font-feature-settings: 'liga';
 }
 
 .nav-link[data-toggle=collapse]::after {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
 
 .nav-link[data-toggle=collapse].collapsed::after {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 
 @media (max-width: 767px) {
   .bg-admin #sidebarCollapse {
     order: 1
   }
 }
 
 /* ---------------------------------------------------
   Main Wrapper
 ----------------------------------------------------- */
 
 .main-wrapper {
   /* background: #f8f9fc; */
   background: #f5f8fa;/*Hemanth*/
   /* background: #e9edf4; */
   width: calc(100% - 230px);
   /* min-height: 100vh; */
   transition: all 0.3s;
   /* position: absolute; */
   right: 0;
   top: 65px;
   /* z-index: 0; */ /**Hemanth*/
 }
 
 .main-wrapper.active {
   width: 100%;
 }
 
 .header-area {
   width: calc(100% - 0px);
   transition: all 0.3s;
   /* position: fixed; */
   right: 0;
   top: 0px;
   z-index: 2;
 }
 
 .header-area.active {
   width: 100%;
 }
 
 @media (min-width: 768px) {
   .main-wrapper {
     /* padding: 5px 20px; */
   }
 
   .header-area .bg-admin {
    /* padding: 20px 30px; */
     padding: 6px 30px !important;
      /*Hemanth*/
   }
 
 }
 
 
 @media (max-width: 768px) {
   #sidebar {
     margin-left: -230px;
   }
 
   #sidebar.active {
     margin-left: 0;
   }
 
   .header-area, .main-wrapper {
     width: 100% !important;
   }
 
   /* .main-wrapper.active {
     width: calc(100% - 230px);
   } */
 
   #sidebarCollapse span {
     display: none;
   }
 
   .menu-overlay {
     display: none;
     background-color: #000;
     bottom: 0;
     left: 0;
     opacity: 0.5;
     filter: alpha(opacity=50);
     position: fixed;
     right: 0;
     top: 0;
     z-index: 999;
   }
 }
 
 .content-wrapper {
   width: 100%;
   min-height: 100vh;
 }
 
 /* ---------------------------------------------------
     BREADCRUMBS CSS
 ----------------------------------------------------- */
 
 .breadcrumbs-area,
 .breadcrumbs-area2 {
   position: relative;
 }
 
 .breadcrumbs-area h1,
 .breadcrumbs-area2 h1 {
   font-size: 1.2rem;
   margin-bottom: 0;
 }
 
 .breadcrumbs-area h1 small,
 .breadcrumbs-area2 h1 small {
   font-size: 13px;
   text-transform: capitalize;
 }
 
 .breadcrumbs-area .breadcrumb {
   background: transparent;
   padding: .75rem 0;
   margin: 0;
 }
 
 .breadcrumbs-area .breadcrumb .breadcrumb-item.active {
   color: #6c757d;
 }
 
 .breadcrumbs-area2 .breadcrumbs-list {
   padding: 0;
   margin: 0;
 }
 
 
 /* ---------------------------------------------------
     Analysis Cards CSS
 ----------------------------------------------------- */
 
 .analysis-cards {
   position: relative;
 }
 
 .analysis-cards .card {
   border-radius: 65px;
 }
 
 .analysis-cards .card .card-body .icon-block {
   text-align: center;
   line-height: 70px;
   border-radius: 50%;
   height: 50px;
   width: 50px;
 }
 
 .analysis-cards .card .card-body .analysis-count {
   font-size: 0.875rem;
   line-height: 1.2rem;
 }
 
 .analysis-cards .card .card-body .analysis-count p {
   font-size: 14px;
   line-height: 1.2rem;
 }
 
 
 /* ---------------------------------------------------
     Activities Cards CSS
 ----------------------------------------------------- */
 
 .activities {
   position: relative;
 }
 
 .activities .activity-block {
   position: relative;
   height: 22rem;
   width: 100%;
 }
 
 .activities .activity-block .activity-icon {
   text-align: center;
   line-height: 65px;
   border-radius: 50%;
   height: 50px;
   width: 50px;
 }
 
 .activities .activity-block .activity-icon i {
   font-size: 24px;
 }
 
 .activities .activity-block .activities-content {
   font-size: 0.875rem;
   line-height: 1.2rem;
   text-align: right
 }
 
 .activities .activity-block .activities-content h6 {
   font-size: 13px;
   line-height: 1.2rem;
   margin-bottom: 04px;
 }
 
 .activities .activity-block .activities-content p {
   font-size: 12px;
   line-height: 1.2rem;
 }
 
 
 /* ---------------------------------------------------
     Tickets-view CSS
 ----------------------------------------------------- */
 .tickets-view .card .card-body .list-unstyled .ticket-list p {
   color: #21232e;
   font-size: 12px;
   line-height: 1.2rem;
 }
 
 .tickets-view .card .card-body .list-unstyled .ticket-list .list-inline .list-inline-item,
 .tickets-view .card .card-body .list-unstyled .ticket-list .dueint {
   color: #21232e;
   font-size: 12px;
   line-height: 1.2rem;
 }
 
 /* ---------------------------------------------------
     Full-view-tickets CSS
 ----------------------------------------------------- */
 
 .full-view-tickets .ticket-view-list .single-element {
   margin-bottom: 6px;
 }
 
 .full-view-tickets .ticket-view-list .single-element p {
   color: #21232e;
   font-size: 13px;
   line-height: 1.2rem;
 }
 
 .full-view-tickets .ticket-view-list .conversation .conversation-body {
   height: 250px;
   overflow-y: auto;
 }
 
 .full-view-tickets .ticket-view-list .conversation .conversation-body .msge-box {
   color: #212529;
   padding: 20px;
   margin-bottom: 15px;
   position: relative;
   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .045);
 }
 
 .full-view-tickets .ticket-view-list .conversation .conversation-body .msge-box p {
   color: #636161;
   font-size: 14px;
 }
 
 .full-view-tickets .ticket-view-list .conversation .conversation-body .msge-box p.time {
   color: #21232e;
   font-size: 13px;
 }
 
 .full-view-tickets .ticket-view-list .conversation .conversation-body ul.list-unstyled li.sent .msge-box {
   background: transparent;
   display: block;
   border: 1px solid #e6e8e9;
   border-radius: 0px 25px 25px 25px;
 }
 
 .full-view-tickets .ticket-view-list .conversation .conversation-body ul.list-unstyled li.replies .msge-box {
   text-align: right;
   background: #f7f7f7;
   border: 1px solid #e6e8e9;
   border-radius: 25px 0px 25px 25px;
 }
 
 @media (min-width: 768px) {
   .full-view-tickets .ticket-view-list .conversation .conversation-body ul.list-unstyled li.sent {
     margin-right: 3rem
   }
 
   .full-view-tickets .ticket-view-list .conversation .conversation-body ul.list-unstyled li.replies {
     margin-left: 3rem
   }
 }
 
 @media (max-width: 767px) {
   .full-view-tickets .ticket-view-list .conversation .conversation-body ul.list-unstyled li.sent {
     margin-right: 0rem;
   }
 
   .full-view-tickets .ticket-view-list .conversation .conversation-body ul.list-unstyled li.replies {
     margin-left: 0rem
   }
 }
 
 
 /* ---------------------------------------------------
     chart-area CSS
 ----------------------------------------------------- */
 @media (min-width: 768px) {
   .chart-area {
     height: 20rem;
   }
 }
 
 .chart-area {
   position: relative;
   height: 19.5rem;
   width: 100%;
 }
 
 
 /* ---------------------------------------------------
     Login CSS
 ----------------------------------------------------- */
 
 /* .login-page {
   position: relative;
   background: #0c8bf1;
 }
 
 .login-page .row {
   height: 100vh;
   z-index: 1;
   padding: 20px
 }
 
 .login-page .card-block {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background: hsla(0, 0%, 100%, 0.6);
   background-clip: border-box;
   border: 1px solid #607D8B;
   border-radius: .92rem;
 }
 
 .login-page .card-block::before {
   content: '';
   border-radius: .92rem;
   position: absolute;
   background: hsla(0, 0%, 100%, 0.6);
   transform: rotate(2deg);
   -webkit-transform: rotate(2deg);
   left: 5px;
   bottom: 5px;
   width: 100%;
   height: 100%;
 }
 
 .login-page .card-block::after {
   content: '';
   border-radius: .92rem;
   position: absolute;
   background: hsla(0, 0%, 100%, 0.6);
   transform: rotate(-2deg);
   -webkit-transform: rotate(-2deg);
   right: 5px;
   bottom: 5px;
   width: 100%;
   height: 100%;
 }
 
 .login-page .card-block form {
   position: relative;
   z-index: 9;
 }
 
 .login-page .card-block .title h1 {
   color: #0f0f0f !important;
 }
 
 .login-page .form-field {
   position: relative;
   margin-bottom: 2em;
 }
 
 .login-page .label {
   position: absolute;
   height: 2rem;
   line-height: 2rem;
   bottom: 0;
   left: 0;
   color: #0f0f0f;
   transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
 .login-page .input {
   width: 100%;
   font-size: 100%;
   border: 0;
   padding: 0;
   background-color: transparent;
   height: 2rem;
   line-height: 2rem;
   border-bottom: 1px solid #607D8B;
   color: #070707;
   transition: all .2s ease-in;
 }
 
 .login-page .input:focus {
   outline: 0;
   border-color: #0c8bf1;
 }
 
 .login-page .input:focus+.label,
 .login-page input:valid+.label {
   transform: translateY(-50%);
   font-size: 0.75rem;
   color: #0f0f0f;
 }
  */
 
 /* ---------------------------------------------------
   Error Page CSS
 ----------------------------------------------------- */
 
 .error-box .error-body {
   margin-top: 80px
 }
 
 /* ---------------------------------------------------
     To DO List CSS
 ----------------------------------------------------- */
 
 .todo-list-block .list-wrapper {
   height: 100%;
   max-height: 325px;
   overflow-y: scroll;
   padding-right: 8px;
 }
 
 .list-wrapper ul {
   padding: 0;
   text-align: left;
   list-style: none;
   margin-bottom: 0;
 }
 
 .list-wrapper ul li {
   font-size: .9375rem;
   padding: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
 .list-wrapper ul li .form-check {
   max-width: 90%;
   margin: .8rem 0;
   padding-left: 4px;
 }
 
 .list-wrapper input[type="checkbox"] {
   margin-right: 15px;
 }
 
 .list-wrapper ul li .form-check,
 .list-wrapper ul li .form-check .form-check-label {
   text-overflow: ellipsis;
   overflow: hidden;
   max-width: 100%;
   white-space: nowrap;
 }
 
 .list-wrapper .remove {
   cursor: pointer;
   font-weight: 600;
   width: 1.25rem;
   height: 1.25rem;
   line-height: 1.25rem;
   text-align: center;
 }
 
 .list-wrapper .completed .form-check .form-check-label {
   text-decoration: line-through;
   text-decoration-color: #0c8bf1;
   color: #0c8bf1
 }
 
 .list-wrapper .completed .remove {
   color: #0c8bf1 !important;
 }
 
 /* ---------------------------------------------------
   Form Section
 ----------------------------------------------------- */
 .form-control {
   display: block;
   width: 100%;
   height: calc(1.65em + .75rem + 2px);
   padding: .375rem .75rem;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 
 .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #0c8bf1;
   outline: 0;
   box-shadow: none;
 }
 
 .custom-forms {
   position: relative;
 }
 
 .custom-forms .form-group {
   width: 100%;
   position: relative;
 }
 
 .custom-forms .form-group .form-control {
   font-size: 14px;
   border-radius: 4px;
 }
 
 .custom-forms .form-group .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #0c8bf1;
   outline: 0;
   box-shadow: none;
 }
 
 .label-txt {
   font-size: 13px;
   position: absolute;
   left: 0.5rem;
   padding: 3px 6px;
   font-family: sans-serif;
   font-weight: 400;
   color: #787878;
   background: #ffffff;
   width: 85%;
   transition: ease .3s;
   -webkit-transform: translateY(5px);
   transform: translateY(5px);
   transition: all .3s cubic-bezier(.64, .09, .08, 1);
   pointer-events: none;
   margin-bottom: 0;
 }
 
 .label-active {
   /* top: -1.3em; */
   -webkit-transform: translateY(-9px);
   transform: translateY(-9px);
   background: #fff;
   color: #0c8bf1;
   width: auto;
   left: 8px;
   padding: 0px 4px;
 }
 
 /* --- check box toggle css --*/
 
 .custom-switch .custom-control-input:checked~.custom-control-label {
   color: #0c8bf1;
 }
 
 .custom-control-input:checked~.custom-control-label::before {
   color: #fff;
   border-color: #0c8bf1;
   background-color: #0c8bf1;
 }
 
 
 /* ---------------------------------------------------
     Checkboxes and Radios CSS
 ----------------------------------------------------- */
 
 .form-check {
   position: relative;
   /* display: block; */
   margin-top: 10px;
   margin-bottom: 10px;
   padding-left: 0;
 }
 
 .form-check .form-check-label {
   min-height: 18px;
   /* display: block; */
   margin-left: 1.75rem;
   font-size: 0.875rem;
   line-height: 1.5;
 }
 
 .rtl .form-check .form-check-label {
   margin-left: 0;
   margin-right: 1.75rem;
 }
 
 .form-check .form-check-label input {
   position: absolute;
   top: 0;
   left: 0;
   margin-left: 0;
   margin-top: 0;
   z-index: 1;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity=0);
 }
 
 .rtl .form-check .form-check-label input {
   left: auto;
   right: 0;
 }
 
 .form-check .form-check-label input[type="checkbox"]+.input-helper:before,
 .form-check .form-check-label input[type="checkbox"]+.input-helper:after {
   position: absolute;
   top: 0;
   left: 0;
 }
 
 .rtl .form-check .form-check-label input[type="checkbox"]+.input-helper:before,
 .rtl .form-check .form-check-label input[type="checkbox"]+.input-helper:after {
   left: auto;
   right: 0;
 }
 
 .form-check .form-check-label input[type="checkbox"]+.input-helper:before {
   content: "";
   width: 18px;
   height: 18px;
   border-radius: 2px;
   border: solid #248afd;
   border-width: 2px;
   -webkit-transition: all;
   -moz-transition: all;
   -ms-transition: all;
   -o-transition: all;
   transition: all;
   transition-duration: 0s;
   -webkit-transition-duration: 250ms;
   transition-duration: 250ms;
 }
 
 .form-check .form-check-label input[type="checkbox"]+.input-helper:after {
   -webkit-transition: all;
   -moz-transition: all;
   -ms-transition: all;
   -o-transition: all;
   transition: all;
   transition-duration: 0s;
   -webkit-transition-duration: 250ms;
   transition-duration: 250ms;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   font-family: 'Material Icons';
   content: "check";
   border: none;
   font-feature-settings: 'liga';
   -webkit-font-feature-settings: 'liga';
   -moz-font-feature-settings: 'liga';
   -o-font-feature-settings: 'liga';
   font-size: .9375rem;
   font-weight: bold;
   color: #ffffff;
 }
 
 .form-check .form-check-label input[type="checkbox"]:checked+.input-helper:before {
   background: #248afd;
   border-width: 0;
 }
 
 .form-check .form-check-label input[type="checkbox"]:checked+.input-helper:after {
   font-family: 'Material Icons';
   content: "check";
   width: 18px;
   opacity: 1;
   line-height: 18px;
   filter: alpha(opacity=100);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
 }
 
 .form-check .form-check-label input[type="checkbox"]:disabled+.input-helper:before {
   border-color: #c9ccd7;
 }
 
 .form-check .form-check-label input[type="checkbox"]:disabled:checked+.input-helper:after {
   background: #c9ccd7;
   color: #ffffff;
 }
 
 .form-check .form-check-label input[type="radio"]+.input-helper:before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   border: solid #248afd;
   border-width: 2px;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   -webkit-transition: all;
   -moz-transition: all;
   -ms-transition: all;
   -o-transition: all;
   transition: all;
   transition-duration: 0s;
   -webkit-transition-duration: 250ms;
   transition-duration: 250ms;
 }
 
 .rtl .form-check .form-check-label input[type="radio"]+.input-helper:before {
   left: auto;
   right: 0;
 }
 
 .form-check .form-check-label input[type="radio"]+.input-helper:after {
   content: "";
   width: 8px;
   height: 8px;
   background: #ffffff;
   border-radius: 50%;
   top: 6px;
   left: 6px;
   -webkit-transition: all;
   -o-transition: all;
   transition: all;
   transition-duration: 0s;
   -webkit-transition-duration: 250ms;
   transition-duration: 250ms;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   position: absolute;
 }
 
 .rtl .form-check .form-check-label input[type="radio"]+.input-helper:after {
   left: auto;
   right: 6px;
 }
 
 .form-check .form-check-label input[type="radio"]:checked+.input-helper:before {
   background: #248afd;
   border-width: 0;
 }
 
 .form-check .form-check-label input[type="radio"]:checked+.input-helper:after {
   opacity: 1;
   line-height: 1.5;
   filter: alpha(opacity=100);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
 }
 
 .form-check .form-check-label input[type="radio"]:disabled+.input-helper:before {
   border-color: #c9ccd7;
 }
 
 .form-check .form-check-label input[type="radio"]:disabled:checked+.input-helper:before {
   background: #c9ccd7;
 }
 
 .form-check .form-check-label input[type="radio"]:disabled:checked+.input-helper:after {
   background: #ffffff;
 }
 
 .form-check-primary.form-check label input[type="checkbox"]+.input-helper:before,
 .form-check-primary.form-check label input[type="radio"]+.input-helper:before {
   border-color: #248afd;
 }
 
 .form-check-primary.form-check label input[type="checkbox"]:checked+.input-helper:before,
 .form-check-primary.form-check label input[type="radio"]:checked+.input-helper:before {
   background: #248afd;
 }
 
 .form-check-secondary.form-check label input[type="checkbox"]+.input-helper:before,
 .form-check-secondary.form-check label input[type="radio"]+.input-helper:before {
   border-color: #a3a4a5;
 }
 
 .form-check-secondary.form-check label input[type="checkbox"]:checked+.input-helper:before,
 .form-check-secondary.form-check label input[type="radio"]:checked+.input-helper:before {
   background: #a3a4a5;
 }
 
 .form-check-success.form-check label input[type="checkbox"]+.input-helper:before,
 .form-check-success.form-check label input[type="radio"]+.input-helper:before {
   border-color: #71c016;
 }
 
 .form-check-success.form-check label input[type="checkbox"]:checked+.input-helper:before,
 .form-check-success.form-check label input[type="radio"]:checked+.input-helper:before {
   background: #71c016;
 }
 
 .form-check-info.form-check label input[type="checkbox"]+.input-helper:before,
 .form-check-info.form-check label input[type="radio"]+.input-helper:before {
   border-color: #68afff;
 }
 
 .form-check-info.form-check label input[type="checkbox"]:checked+.input-helper:before,
 .form-check-info.form-check label input[type="radio"]:checked+.input-helper:before {
   background: #68afff;
 }
 
 .form-check-warning.form-check label input[type="checkbox"]+.input-helper:before,
 .form-check-warning.form-check label input[type="radio"]+.input-helper:before {
   border-color: #f5a623;
 }
 
 .form-check-warning.form-check label input[type="checkbox"]:checked+.input-helper:before,
 .form-check-warning.form-check label input[type="radio"]:checked+.input-helper:before {
   background: #f5a623;
 }
 
 .form-check-danger.form-check label input[type="checkbox"]+.input-helper:before,
 .form-check-danger.form-check label input[type="radio"]+.input-helper:before {
   border-color: #ff4747;
 }
 
 .form-check-danger.form-check label input[type="checkbox"]:checked+.input-helper:before,
 .form-check-danger.form-check label input[type="radio"]:checked+.input-helper:before {
   background: #ff4747;
 }
 
 .form-check-light.form-check label input[type="checkbox"]+.input-helper:before,
 .form-check-light.form-check label input[type="radio"]+.input-helper:before {
   border-color: #f8f9fa;
 }
 
 .form-check-light.form-check label input[type="checkbox"]:checked+.input-helper:before,
 .form-check-light.form-check label input[type="radio"]:checked+.input-helper:before {
   background: #f8f9fa;
 }
 
 .form-check-dark.form-check label input[type="checkbox"]+.input-helper:before,
 .form-check-dark.form-check label input[type="radio"]+.input-helper:before {
   border-color: #282f3a;
 }
 
 .form-check-dark.form-check label input[type="checkbox"]:checked+.input-helper:before,
 .form-check-dark.form-check label input[type="radio"]:checked+.input-helper:before {
   background: #282f3a;
 }
 
 .list-wrapper.multi-select {
   height: 11em;
   border: solid 1px #c0c0c0;
   overflow: auto;
 }
 
 .list-wrapper.multi-select .list-unstyled li {
   margin: 0;
   padding: 6px 14px;
 }
 
 .list-wrapper.multi-select .list-unstyled li .form-check {
   margin: 0;
   padding: 0;
 }
 
 /* ---------------------------------------------------
     Footer
 ----------------------------------------------------- */
 
 footer.footer {
   z-index: 9;
 }
 
 /* ---------------------------------------------------
     scroll-to-top
 ----------------------------------------------------- */
 
 .scroll-to-top {
   position: fixed;
   right: 15px;
   bottom: 15px;
   display: none;
   width: 50px;
   height: 50px;
   cursor: pointer;
   text-align: center;
   color: #ffffff;
   background: hsla(207, 91%, 50%, 0.6);
   line-height: 65px;
   z-index: 999;
 }
 
 .scroll-to-top:focus,
 .scroll-to-top:hover {
   color: #ffffff;
   background: #0c8bf1;
 }
 
 .scroll-to-top i {
   font-weight: 800;
   font-size: 24px;
 }
 
 
 
 
 /***************************************/
   /*************HEMANTH**************/
 /***************************************/
 
 /******LOGIN PAGE*******/
 
 :root {
   --input-padding-x: 2.4rem;
   --input-padding-y: .75rem;
 }
 
 .bg-light {
  /* background: #eff0f1f0!important; */
  background-color: #f8f9fa!important
 }
 
 .bg-gray-color  {
   background-color: #e5e6e6f0!important;
 }
 
 .login-screen {
   /* background:rgb(82, 86, 89); */
   background:#eff7f8 !important;
   
 }
 .login-screen h1 {
   font-size: 1.9rem;
 }
 
 .login-screen p {
   font-size: 10px;
   line-height: 21px;
   font-weight: 600;
   color: #1b1010a1;
 }
 .login-screen .login-btn {
   font-size:12px;
 }
 .login-screen .row-card {
   height:100vh;
   padding:70px 80px;
 }
 .login-screen .grey-wrapper {
   padding: 30px 100px;
   background:#f8fafb;
 }
 
 .label-form-styles {
   position: relative;
 }
 .label-form-styles input {
   height: auto;
 }
 .label-form-styles .form-control {
   border-radius:0px !important;
 }
 .label-form-styles .form-control:focus {
   color: #495057;
   background-color:  #ced4da;
   border-color:  #ced4da;
   outline: 0;
   box-shadow: none;
 }
 
 .label-form-styles>input,
 .label-form-styles>label {
   padding: var(--input-padding-y) var(--input-padding-x);
 }
 
 .label-form-styles>label {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   margin-bottom: 0;
   line-height: 1.5;
   color: #495057;
   transition: all .1s ease-in-out;
 }
 
 .label-form-styles .ikon {
   position: absolute;
   top: 15px;
   left: 10px;
 }
 
 .label-form-styles input::-webkit-input-placeholder {
   color: transparent;
 }
 
 .label-form-styles input:-ms-input-placeholder {
   color: transparent;
 }
 
 .label-form-styles input::-ms-input-placeholder {
   color: transparent;
 }
 
 .label-form-styles input::-moz-placeholder {
   color: transparent;
 }
 
 .label-form-styles input::placeholder {
   color: transparent;
 }
 .label-form-styles+.label-form-styles {
   margin-top: -2px;
 }
 .label-form-styles input:not(:placeholder-shown) {
   padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
   padding-bottom: calc(var(--input-padding-y) / 3);
   /* padding:14px 40px; */
 }
 
 .label-form-styles input:not(:placeholder-shown)~label {
   padding-top: calc(var(--input-padding-y) / 3);
   padding-bottom: calc(var(--input-padding-y) / 3);
   font-size: 12px;
   color: #777;
 }
 
 
 
 @media (max-width: 991px) {
   .login-screen .row-card {
     height:100vh;
     padding:10px;
   }
 
   .login-screen .grey-wrapper {
     padding: 15px 10px;
     background:#f8fafb;
   }
   
 }
 
 
 /**********DASHBOARD***********/
 
 /* .description-table .table thead {
   cursor:pointer;
   margin-top:2px;
 }
 .description-table .table tbody {
   border:2px solid #007adf;
   transform: translateY(2px);
 }
 .description-table .table tbody:nth-ch {
   border:2px solid #007adf;
   transform: translateY(2px);
 } */
 .table-bordered {
  border: 2px solid #dee2e6!important;
}

 .description-table .table tbody.body-bordered-table {
  border: 2px solid #4187d6cf;
  transform: translateY(2px);
}


/* .description-table .table tbody.body-bordered-table tr:nth-child(1) td:nth-last-child(1) {
  border-left: 2px solid #4187d6cf;
  border-bottom: 2px solid #dee2e6;
  border-right: 2px solid #dee2e6;
}  */
.description-table .table tbody.body-bordered-table tr.row-table td.last-child {
  border-left: 2px solid #4187d6cf;
  border-bottom: 2px solid #dee2e6;
  border-right: 2px solid #dee2e6;
}
 .description-table h3 {
   font-weight: 400;
   color: #9a9a9ad6;
 }
 .description-table .table th {
   /* padding: 4px 14px 9px 15px; */
   padding: 0.5rem;
 }
 
 .description-table p {
   margin-bottom: 1rem;
 }
 .description-table .rotate-td {
   /* background:#ccccccad; */
   padding:0px !important;
 }
 .description-table h4 {
   font-weight: 400;
   color:#9a9a9ad6;
   margin-bottom: 0;
 }
 .description-table .rotate-td h4 {
   transform: rotate(-90deg);
   margin-bottom: 0 !important;
   color:#000 !important;
   font-size: 18px;
   font-weight: 500;
 }
 .description-table h5 {
   font-size: 15px;
   color:#9a9a9ad6;
   margin-bottom: 1rem;
 }
 .description-table h6 {
   font-size: 13px;
   color:#9a9a9ad6;
   margin-bottom: 0.5rem;
 }
 
 /* .description-table .table td {
   padding: .75rem;
 } */
 .description-table .reportrange-picker {
   cursor: pointer; 
   /* background:#ccccccad; */
   padding: 10px 10px;
    width: 100%;
    font-size:13px;
 }
 
 .dashboard-table h6 {
   padding: 0.4rem;
   color:#000;
   font-weight:600;
   margin-bottom: 0;
 }
 .dashboard-table td {
   font-size:12px;
   padding: 0.9rem;
   color:#6f6d6d;
 }
 
 
 .dashboard-table.card-border {
   border-radius:0.25rem;
 }
 
 
 /***************QUESTIONS**************/
 
 .nav-pills.class-tabs .nav-link.active, .nav-pills .show>.nav-link {
   background-color: #1122355c;
 }
 
 .datewise-navtabs .table {
   margin-bottom: 0px;
 }
 .datewise-navtabs .table h4 {
   color:#9a9a9ad6;
   font-weight:400;
   margin-bottom: 0;
 }
 .datewise-navtabs .table h5 {
   font-size: 15px;
   color:#9a9a9ad6;
   margin-bottom: 1rem;
 }
 
 .datewise-navtabs .date-content .table h4, .datewise-navtabs .date-content .table h5 {
   font-size:1.19rem;
   color:#727273;
   margin-bottom: 0;
   font-weight: 700;
 }
 .datewise-navtabs .date-content .table td {
   padding: .75rem;
 }
 .datewise-navtabs .date-content .table h6 , .datewise-navtabs .question-pills h6{
   margin-bottom: 0 !important;
   color:#727273;
   font-size:0.9rem;
   font-weight:400;
 }
 
 .datewise-navtabs .date-content p {
   font-size: 13px;
   color: #797676
 }
 
 .datewise-navtabs .nav-pills .nav-link {
   border-radius: 4px 4px 0px 0px;
    border: 2px solid #cccccc30;
     margin-bottom: 20px;
 }
 
 .datewise-navtabs .nav-pills .nav-link  .table.table-bordered, .datewise-navtabs .nav-pills .nav-link  .table.table-bordered td {
   border: 2px solid #cccccc30 !important;
 }
 
 .datewise-navtabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   color: #000;
     background-color: #cccccc30;
     /* margin: 0px 8px; */
     padding-bottom: 21px;
     border:0px;
 }
 .datewise-navtabs .date-content>.date-contentactive.active {
   background: #cccccc30;
     padding: 10px;
     margin-top: -20px;
 }
 
 .datewise-navtabs .question-pills h6{
   font-size:1.17rem;
 }
 .modal-body.question-modal p {
   font-size: 14px;
   margin-bottom: 2px;
 }
 
 .datewise-navtabs .daterange i {
  position: absolute;
  top: 10px;
  left: 10px;
}
 
 /*******LECTURE DESCRIPTION*******/
 




.lecture.description-table .accordion>.card:last-of-type, .lecture.description-table .accordion>.card:first-of-type {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  border-bottom:1px solid rgba(0,0,0,.125);
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.lecture.description-table .table tbody.body-bordered-table {
  border: 3px solid #4187d6cf !important;
  transform: translateY(0px);
}
.lecture.description-table .table tbody.body-bordered-table tr.row-table .last-child {
  border-left: 3px solid #4187d6cf;
  border-bottom: 3px solid #dee2e6;
  border-right: 3px solid #dee2e6;
  border-top: 3px solid #dee2e6;
} 

.lecture.description-table .table_data .dataTables_wrapper .dataTables_length{
  margin-left:15px;
  margin-top: 0.5rem;
}
.lecture.description-table .table_data .dataTables_wrapper .dataTables_info {
  margin-left:15px;
}

.lecture.description-table .table_data .dataTables_wrapper .dataTables_filter {
  margin-right:15px;
  margin-top: 0.5rem;
}

.lecture-desc.active {
  border-radius:0.25rem;
}
.lecture.description-table .daterange {
  width: 170px;
  margin-left: auto;
  border-radius: 0;
  border: transparent;
 padding:10px; 
 font-size: 12px;
}

.lecture.description-table  .lecture-desc {
  padding:6px !important;
}
.lecture.description-table  .lecture-desc .bg-gray-color {
  border-radius:4px;
}

.lecture.description-table .table th, .lecture.description-table .table td  {
  padding:0.7rem;
}

.lecture.description-table  .lecture-desc h6 {
  font-size:1.17rem;
  font-weight: 600;
  margin-bottom: 0.9rem;
}
.lecture.description-table .lecture-table-content h5, .lecture.description-table .lecture-table-content .table h5 {
  font-size:1.19rem;
  color:#727273;
  margin-bottom: 0;
  font-weight: 700;
}
.lecture.description-table .lecture-table-content .table h6 {
  color:#727273;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 0.9rem;
}

.lecture.description-table .lecture-table-content .table p {
  font-size: 13px;
  color: #797676;
  margin-bottom: 0;
}

 #dataTable_length {
  margin-left: 15px;
  margin-top: 0.5rem;
}
#dataTable_info {
  margin-left:15px !important;
}
 #dataTable_filter {
  margin-top: 0.5rem;
  margin-right: 15px;
}
 
 

 

 .daterange {
  position: relative;
  }
  .daterange .form-control {
   padding-left: 35px;
 
   }
   /* .daterange i {
    position: absolute;
 
     top: 10px;
     left:10px;
 
    } */

    .lecture.description-table  .daterange .fa-calendar-alt {
		position: absolute;
		top: 13px;
		right: 140px;
  }
 
 
   .lecture.description-table .daterange .form-control {
   width: 13%;
     margin-left: auto;
       border-radius: 0;
     border: transparent;
	 font-size: 12px;
	 
    } 
 
 
 /********Data Table*********/
 .table_data #dataTable_paginate .pagination .paginate_button.page-item .page-link {
  border: 0;
  background: transparent;
 }
 .table_data #dataTable_paginate .pagination .paginate_button.page-item.active .page-link {
   z-index: 1;
   color: #000;
   background: transparent;
   border-color: #ccc; 
   border-radius: 50%;
   border: 1px solid #ccc;
 }
 
 /******Logout Button*******/
.login-button {
  position:relative;
}
.login-button a {
  /* position: fixed !important;
    bottom: 10px;
    z-index: 9999;
    left: 25px; */
    font-family: 'Varela Round', sans-serif;
    position: absolute!important;
    bottom: 61px;
    z-index: 9999;
    left: 25px;
    color: #000;
    font-size: 16px;
}
.nav-item.login-button a:hover {
  color: #0c8bf1;
} 

 
 /******Action Events*******/
 .action-events a:hover {
   opacity: 0.8;
  
 }
 
 
 /*Lecture Details*/
 .lecture-details .bg-light {
   background: #eff0f1f0!important; 
 }
 .lecture-details hr {
   border-top: 1px dotted #ccc;
   line-height: 2px;
 }
 .lecture-details hr {
   border-top: 1px dashed #ccc !important;
   border-width: 10px;
 }
 
 .nav.nav-pills.class-tabs li {
   border: 1px solid #ccc;
   font-weight: 600;
   color: #495057a1;
 }
 .nav-pills.class-tabs .nav-link {
   border-radius:0px;
 }  
 
 .nav-pills.class-tabs .nav-link.active, .nav-pills .show>.nav-link {
   background-color: #1122353d;
   color: #495057a1;
 }
 
 .lecture-details p {
   color: #000c;
   font-size: 17px;
 }
 .lecture-details label, h6 {
   font-weight: 600;
   color: #4e4d4db8;
 }
 
 .lecture-details  .form-control {
   font-weight: 600;
   color: #495057a1;
 }
 
 /* --- Custom check box css --*/
 
 .lecture-details .custom-control-input:checked~.custom-control-label::before {
   color: #fff;
   border-color: #2ee236;
   background-color: #fff;
 }
 
 .lecture-details .change-category .custom-switch .custom-control-label::after {
   background-color: #2ee236;
   border-color: #2ee236;
 }
 /* End*/
 
 .lecture-details .change-category{
   border: 1px solid #ccc;
   padding: .375rem .75rem;
   border-radius: 3px;
   color:#495057a1;
 }
 
 
 .lecture-details .answer-list li {
   display: inline-flex;
   margin-right: 50px;
 }
 .lecture-details .view {
 position:relative
 }
.lecture-details  .view-tag {
	position: absolute;
    bottom: 7px;
    font-size: 1rem;
 }
 /***Inpur typehead***/
 
/*Admindashboard */
.lecture-details .label-info,
.admindashboard  .label-info,
.characterdashboard .label-info{
  background-color: #ccccccad;
    display: inline-block;
    padding: 0.5rem;
    font-size: 64%;
    font-weight: 700;
    line-height: 1;
    color: #4e4d4db8;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 1rem;
    margin: 2px 0px;
}

.lecture-details .bootstrap-tagsinput .tag [data-role="remove"]:after, 
.admindashboard  .bootstrap-tagsinput .tag [data-role="remove"]:after,
.characterdashboard  .bootstrap-tagsinput .tag [data-role="remove"]:after{
  content: "x";
}



.lecture-details .bootstrap-tagsinput, 
.admindashboard  .bootstrap-tagsinput,
.characterdashboard .bootstrap-tagsinput {
  position: relative;
}
.lecture-details .bootstrap-tagsinput::after,
  .admindashboard  .bootstrap-tagsinput::after,
  .characterdashboard .bootstrap-tagsinput::after {
  font-family: 'Font Awesome 5 Free';
    content: "\f002";
    position: absolute;
    font-weight: 600;
    top: 5px;
    right: 10px;
    font-size: 16px;
    color: #ccc;
}

.lecture-details .bootstrap-tagsinput .tag [data-role="remove"],
 .admindashboard  .bootstrap-tagsinput .tag [data-role="remove"],
 .characterdashboard .bootstrap-tagsinput .tag [data-role="remove"]{
  background: #716565ad;
    cursor: pointer;
    border-radius: 50%;
    padding: 1px 4px;
    width: 5px;
    height: 5px;
    margin-left: 2px;
}
.lecture-details .bootstrap-tagsinput,
 .admindashboard  .bootstrap-tagsinput,
 .characterdashboard .bootstrap-tagsinput {
  background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    /* display: flex; */
    padding: 0px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    margin: 4px 0px;
}
.lecture-details .bootstrap-tagsinput input,
.admindashboard .bootstrap-tagsinput input,
.characterdashboard .bootstrap-tagsinput input{
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: 85px;
  max-width: inherit;
}
.lecture-details .twitter-typeahead,
.admindashboard .twitter-typeahead ,
.characterdashboard .twitter-typeahead {
  position: relative;
  display: inline-block;
}

.lecture-details input.tt-hint,
.admindashboard input.tt-hint,
.characterdashboard input.tt-hint {
  position: relative;
  border: 1px solid transparent;
  background: transparent;
}
.lecture-details .tt-menu,
.admindashboard .tt-menu,
.characterdashboard .tt-menu  {
  border:1px solid #ccc;
}
.lecture-details .tt-suggestion,
.admindashboard  .tt-suggestion,
.characterdashboard .tt-suggestion{
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.lecture-details .tt-suggestion:hover, .tt-suggestion:focus,
.admindashboard  .tt-suggestion:hover, .tt-suggestion:focus,
.characterdashboard .tt-suggestion:hover, .tt-suggestion:focus{
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}


 /****DATE*******/
.date-dropdown {
	position:relative;
}

.date-dropdown i {
	position:absolute;
	top:12px;
	left:6px;
}

.date-dropdown .form-control {
	padding: .375rem 1.1rem !important;
    font-size: 14px;
    border: 0;
    background: #ccc;
    border-radius: 0;
    margin-top: -1px;
}


/*Review Dashboard*/

.review-buttons i{
 font-size:12px;
}
.chapter-review  .pagination {
	text-align: right !important;
    float: right;
}

/*********Pagination**********/


.footer-pagination .pagination  {
  align-items: center;
  display:flex;
}

/* .footer-pagination .pagination .current {
				display: inline-block;
				padding: 5px 10px;
				margin-left:2px;
				text-decoration:none;
				background: none repeat scroll 0 0 #eee;
				border-radius: 3px;
				color: #797979;
			
				cursor:default;
			border: 1px solid #ddd;
			
				
			} */
/* .footer-pagination .pagination .disabled {
border:0;
display: inline-block;
				padding: 5px 10px;
			border: 1px solid #ddd;
			margin-left:3px;
			color: #c7c7c7;
				cursor:default;
} */

.footer-pagination .pagination .page-item .page-link{
    border: 0;
    background: transparent;
    color: #000000c4;
} 
.footer-pagination .pagination .page-item.active .page-link {
  z-index: 1;
  color: #000;
  background: #ffffff;
  border-color: #ccc;
  border-radius: 50%;
  border: 1px solid #ccc;
  padding: 8px;
  width: 26px;
  height: 25px;
  line-height: 10px;
}

.questionView p{
  color: #333;
}
.tab-pane thead,.tab-pane th{
 cursor:pointer;

}


/*****Admin Dashboard*****/
/*Subjects*/

/*Data Entry Verification*/
.verification-overview .head-item {
border-right:1px solid #ccc;
padding:10px 6px;

}
.verification-overview .head-item:last-child {
border-right:none;
}
.data-entry-overview .d-flex.justify-content-between, .verification-overview  .verification-items .d-flex.justify-content-between {
/*     margin-top: -2px; */
	margin-bottom: -2px;
}

.data-entry-overview .d-flex.justify-content-between div.item-td, .verification-overview .verification-items  .d-flex.justify-content-between div.item-td {
border-right:1px solid #ccc;
width: 33.333%;
padding: 6px 0px 0px 0px;
}
 @media (max-width:767px) {
 .data-entry-overview .d-flex.justify-content-between div.item-td, .verification-overview  .verification-items .d-flex.justify-content-between div.item-td{
    width: 22.333%;
}
 }
.data-entry-overview .d-flex.justify-content-between div.item-td:last-child, .verification-overview .verification-items  .d-flex.justify-content-between div.item-td:last-child{
border-right:none;
}


.admindashboard table.table-bordered td{
  border:2px solid #dee2e6; 
}
.admindashboard table td {
  text-align: center;
 /*  padding: 0.75rem; */
}
/* .data-entry-overview h5, h6 {
  margin:0px;
  text-align: left;
} */


/*Verification Overview*/
.verification-overview h5 {
  margin:0px;
  font-size:20px;
}
.verification-overview h6 {
font-size:15px;
}
.verification-overview thead th h5 {
font-size:14px;
}
.verification-overview .percentage {
  margin-left:35px;
}


/**Timeline Overview**/

.timeline-overview .tab-pane thead th p {
    font-size: 12px;
}

.border-bottom {
  border-bottom:2px solid #e5e6e6f0;
}

.timeline-overview .nav-pills.timeline .nav-link.active, .nav-pills .show>.nav-link, 
.attribute-overview .nav-pills.attribute .nav-link.active, .nav-pills .show>.nav-link{
  color: #000;
  background-color: #e5e6e6f0;
}
.timeline-overview .nav-pills.timeline .nav-link ,
.attribute-overview .nav-pills.attribute .nav-link{
  border-radius: 0;
  border: 1px solid #e5e6e6f0;
}
.timeline-overview table th{
  padding:0.3rem;
}

 
.attribute-overview table th {
  padding:0.2rem 0.1rem;
}

.attribute-overview table thead th p {
  font-size:12px;
}



.timeline-overview #pills-profiletime table p,
.attribute-overview #pills-profile table tbody p{
  font-size: 12px;
}
.timeline-overview #pills-profiletime table h6,
 .attribute-overview #pills-profile table tbody h6 {
  font-size: 0.75rem;
}

.timeline-overview #pills-profiletime .table .verification-header th h6 {
  font-size: 1rem;
}


.timeline-overview table td {
  padding: 0.7rem 0.4rem;
}

#chapteraccordion,
#chapteraccordioninner {
  position: relative;
}
.chapteraccordion .card-sign table th h5 {
  text-align: left;
}

#chapteraccordion .card-sign table td,
#chapteraccordioninner .card-sign table td {
  border: 0 !important;
} 
#chapteraccordioninner .table tbody th h5{
 text-align: center;
} 
#chapteraccordion .card-sign table th h4 {
  font-size:24px;
}

#chapteraccordion .card-sign[data-toggle=collapse]::after,
 #chapteraccordioninner .card-sign[data-toggle=collapse]::after,
#subjectsaccordionxi .card-sign[data-toggle=collapse]::after,
 #subjectsaccordioninnerxi .card-sign[data-toggle=collapse]::after,
 #subjectsaccordionxii .card-sign[data-toggle=collapse]::after,
 #subjectsaccordioninnerxii .card-sign[data-toggle=collapse]::after  {
  display: block;
  position: absolute;
  top: 6px;
  /* right: 50px; */
  font-size: 25px;
  font-family: 'Material Icons';
  content: "chevron_right";
  border: none;
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga';
  -o-font-feature-settings: 'liga';
  left:5px;
}

#chapteraccordion .card-sign[data-toggle=collapse]::after,
#chapteraccordioninner .card-sign[data-toggle=collapse]::after,
#subjectsaccordionxi .card-sign[data-toggle=collapse]::after,
#subjectsaccordioninnerxi .card-sign[data-toggle=collapse]::after,
#subjectsaccordionxii .card-sign[data-toggle=collapse]::after,
#subjectsaccordioninnerxii .card-sign[data-toggle=collapse]::after  {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#chapteraccordion .card-sign[data-toggle=collapse].collapsed::after,
#chapteraccordioninner .card-sign[data-toggle=collapse].collapsed::after,
#subjectsaccordionxi .card-sign[data-toggle=collapse].collapsed::after,
#subjectsaccordionxi .card-sign[data-toggle=collapse].collapsed::after,
#subjectsaccordionxii .card-sign[data-toggle=collapse].collapsed::after,
#subjectsaccordionxii .card-sign[data-toggle=collapse].collapsed::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.characterdashboard .custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #6d6f71;
  background-color: #606467;
}


/**Exams Page**/
.examspage .class-tabs .nav-item,
.subjectspage .class-tabs .nav-item,
.topicspage .class-tabs .nav-item{
  background: #fff;
}
.examspage .class-tabs .nav-item .nav-link,
.subjectspage .class-tabs .nav-item .nav-link,
.topicspage .class-tabs .nav-item .nav-link{
  padding: 0.4rem;
}

/*DataEntry Users page*/

.datauserspage .table.table-bordered,
.lecturerpage .table.table-bordered {
  border:1px solid #dee2e6 !important;
}
.datauserspage .table.table-bordered h6,
.lecturerpage .table.table-bordered h6{
  margin-bottom: 1rem;
}


/***************QUESTIONS**************/

.question-tabs .question-pills .nav-link.active {
  margin: 0;
}
.question-tabs #questionTablist .nav-item .nav-link {
  background: #fff;
  padding: 0;
}
.question-tabs #questionpills-tab .nav-item .nav-link.active 
 #questionTablist .nav-item .nav-link.active {
  background:#cccccc30;
}
.question-tabs #questionTablist {
  border-bottom: none;
}

.question-tabs .nav-pills .nav-link  .table.table-bordered td {
  padding: 0rem;
}

.question-tabs #questionpills-tab .nav-item .nav-link#neetpills-home-tab, #neetpills-profile-tab {
  margin-bottom: 33px;
  /* padding-top:15px; */
}

.question-tabs #questionpills-tab .nav-item .nav-link#jeepills-profile-tab, #jeepills-profile-tab {
  margin-bottom: 33px;
}


/* 
#questionpills-tab .nav-item {
  margin-bottom: -13px;
} */
@media (min-width:847px){
  #questionpills-tab .nav-item {
    margin-bottom:-13px;
  }

}


#questionpills-tab .table h5 {
font-size:14px;
}#questionpills-tab .table td {
border:2px solid #ccc !important;
}

#questionpills-tab h4 {
font-size:20px;
}

/* Table inside table hide */

.dashboard-table #tableborder-none table.MsoNormalTable td, 
.dashboard-table #tableborder-none table.MsoNormalTable th {
    border: none !important;
}
.table.table-bordered img {
   width: 150px;
   height:auto;
} 


/* Boostrap Tabs Style */

#tabs.questionreport .nav-tabs .nav-item.show .nav-link, 
#tabs.questionreport .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
 #tabs.questionreport .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
 #tabs.questionreport .nav-link:hover {
    border: none;
}
 #tabs.questionreport thead{
    background: #f3f3f3;
    color: #333;
}
 #tabs.questionreport a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

/*question analysis styles*/
/* #sidebar {
    width: 230px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    color: #000;
    background:#ffffff;
    -webkit-box-shadow: 0 2px 17px 2px rgba(82, 63, 105, 0.13);
    box-shadow: 0 2px 17px 2px rgba(82, 63, 105, 0.13);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s;
} */
.main-wrapper {
    background: #f8f9fc;
    width: calc(100% - 0px);
    min-height: 100vh;
    transition: all 0.3s;
    /* position: absolute; */
    right: 0;
    top: 65px;
   /*  z-index: 0; */
}
.white_block{
    padding: 10px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.16);
    border-radius: 5px;    
        
}
.background_yash{
    background-color: #E3E3E3;
    padding: 10px;
    border-radius: 3px;
}
.font-weight-600{
    font-weight: 600;
}
.f_12{
    font-size: 12px;
}
.m_top10{
    margin-top: 10px;
}
.m_top30{
    margin-top: 30px;
}
.font_14{
    font-size: 14px;
}
.btn_bg_white{
    background-color:#fff;
    font-size: 14px;
}
.icon_view {
    height: 20px;
    position: relative;
    bottom: 5px;
    left: 4px;
    width: 20px;
}
.br_yash{
    border:1px solid #bcbcbc;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
}
.br_yellow{
    border:1px solid #fdda47;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
}
.br_green{
    border:1px solid #54bb63;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.switch-custom
{
    background-color: #fff;
    display: inline-block;	
	border: 1px solid #1b2336;
	border-radius: 4px;
}
.switch-custom li{
		list-style: none;
		display: inline-block;
		/* padding: 6px;	 */	
		cursor: pointer;
		text-transform: uppercase;
		color:#1b2336;
		font-size:11px;
		font-weight: 600;
}	
.switch-custom li.active,.switch-custom li:hover{
	background-color: #1b2336;
	color: #fff;
	transition: 0.5s all ease-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-transition: 0.5s all ease-out;
}
.table_custom thead tr th{
	font-size:12px !important;
	padding:5px !important;
	text-transform:uppercase;
	text-align:center;
    border-right: 1px solid #cccccc;
    background-color: #F2F2F2;
    vertical-align: middle;
}
.table_custom tbody tr td{
	font-size:12px !important;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px !important;
	text-align:center;
	border-right: 1px solid #cccccc;
}
.table_custom tbody tr td:first-child{
	text-align:left;
}

/*
* 13. Previous Question Analysis styles
*/

.flex-arrange-items label{
  font-size: 12px !important;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
}
.flex-examType-views{
  display: flex;
  justify-content: start;
  align-items: flex-start;
}
.flex-examType-views > .form-check{
  background: #F1F1F1;
  border-radius: 10px;
  padding: 5px 25px;
  opacity: 1;
}
.flex-examType-views > .form-check label{
  cursor: pointer;
  font-size: 16px !important;
  font-weight: bold;
}
.flex-examType-views > .form-check img{
  width: 25px;
  height: 25px;

}
.active-checked{
  border: 2px solid #2F4099;
}
.hrBTcls{
  border-top: 1px solid #848484;
}
.bg-card-common-styles{
  border: 1px solid #F1F1F1;
  border-radius: 5px; 
  opacity: 1;
}
.bg-card-common-styles > .card-header{
  padding: 5px 10px;
  box-shadow: 0px 2px 10px #0000000D;
  font-weight: bold;
  font-size: 14px
}
.bg-card-common-styles > .card-header img{
  height: 25px;
}
.bg-card-common-styles > .card-header span{
  color: #142031;
  font-weight: bold;
  font-size: 12px;
}
.bg-light-green{
  background: #ebf9ed;
}
.bg-light-yellow{
  background: #fef5e6;
}
.bg-light-green > .card-header{
  background: #ebf9ed;
  color: #00B186;
}
.bg-light-green > .card-body{
  background: #f5fcf6;
}
.bg-light-brown > .card-header{
  background: #f5f0eb;
  color: #8F4E02;
}
.bg-light-brown > .card-body{
  background: #faf7f5;
}
.bg-light-yellow > .card-header{
  background: #fef5e6;
  color: #EA9909;
}
.bg-light-yellow > .card-body{
  background: #fffaf2;
}
.bg-light-blue > .card-header{
  background: #e9f5ff;
  color: #2A90E0;
}
.bg-light-blue > .card-body{
  background: #f4faff;
}
.bg-light-red > .card-header{
  background: #fee6e6;
  color: #142031;
}
.bg-light-red > .card-body{
  background: #fff2f2;
}
.bg-dark-red > .card-header{
  background: #ffb1b1;
  color: #142031;
}
.bg-dark-red > .card-body{
  background: #ffd8d8;
}
.table-previous-alignment thead tr th{
  font-size: 12px;
  color: #142031;
  padding: 0px 5px;
}
.table-previous-alignment tbody tr td{
  font-size: 13px;
  font-weight: bold;
  color: #142031;
  padding: 0px 10px;
}
.question-theory-wise{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: 5px;
  border-radius: 5px;
}
.question-theory-wise > .box-shadow{
  box-shadow: 0px 2px 10px #0000000D;
}

.text-ques-thry{
  font-size: 14px;
  color: #142031;
  font-weight: bold;
}

.flex-align-blocks{
  
  display:flex;
 flex-direction:row;
 justify-content:space-between;
 flex-wrap:wrap;
}

@media(max-width: 575px) {
    .site-footer__bottom .container {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .site-footer__copy-text {
        margin-top: 25px;
        margin-left: 0;
    }
    
}

@media(max-width: 375px) {

    .footer-widget,
    .col-lg-3 .footer-widget {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-widget__btn+.footer-widget__btn {
        margin-top: 10px;
        margin-left: 0;
    }

    .footer-widget__text {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 0;
    }
    
}
.breadcrumb{
  padding-left: 0;
  padding-top:0;
}
/* Popup with CSS */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.45s ease;
}

/* .popup:target {
  opacity: 1;
  visibility: visible;
  z-index: 10;
  display: block;
} */
.popup:target,
.popup.active {
  display: block;
  opacity: 1; 
  z-index: 10;
  visibility: visible;
}



.popup__area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popup__body {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 10px;
}

.popup__content {
  max-width: 1200px;
  background-color: #fff;
  color: #000;
  /* padding: 12px 30px; */
  position: relative;
  border-radius: 10px;
  width: 1140px;
}

.popup__close {
  position: absolute;
  top: 10px;
  right: 19px;
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.popup__title {
  padding: 1rem 1rem;
  font-size: 1.25rem;
  margin-bottom: 0;
}

.popup__text {
  font-size: 18px;
  padding: 23px 25px;
  line-height: 22px;
}
.popup__content table thead tr th{font-size: 14px;}