/* body */
body {
  font-family: karlaregular, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  background: #f4f4f9; 
  font-size: 14px;
}

@media screen and (max-width: 575px) {
  body {
    font-size: 12px;
  }
}


/* for django form bullet */
fieldset ul {
  list-style:none}



/* pre-loader */ 
.pre-loader:after {
  content: '';
  display: block;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 50%;
  height: 5px;
  background-color: #097eba;
  animation: cardLoader 1s ease-in-out alternate infinite;}
@keyframes cardLoader {
  0% {
    left: 0;
    width: 1%;
    background-color: #3db381;
  }
  50% {
    width: 30%;
  }
  100% {
    left: 100%;
    transform: translateX(-100%);
    width: 1%;
    background-color: #097eba;
  }
}	

    
/* input[disabled] */
input[disabled] {
  background-color: transparent;
}


/* input[readonly] */
input[readonly] {
  outline: none;}

/* select */
select {
  background: #fff;}


/* required */
input[required]:invalid,
textarea[required]:invalid,
select[required]:invalid {
  border-color: #ff9292 !important;
}

/* input number remove arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}



/* input[type=file] css */
input[type="file"]::-webkit-file-upload-button {
  background: transparent;
  border-radius: 1px;
  padding: 5px 10px;
  color: #308298;
  border: 1px solid #92aeb5;
}

/* input:disabled */
/*
input[type="radio"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled:hover,
input[type="checkbox"]:disabled:hover,*/
input:disabled,
select:disabled,
textarea:disabled {
  background: transparent;
}

/* placeholder */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-transform: capitalize;
  color: #a5a5a5;
  font-weight: normal;
}

::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: capitalize;
  color: #a5a5a5;
  font-weight: normal;
}

:-ms-input-placeholder {
  /* IE 10+ */
  text-transform: capitalize;
  color: #a5a5a5;
  font-weight: normal;
}

:-moz-placeholder {
  /* Firefox 18- */
  text-transform: capitalize;
  color: #a5a5a5;
  font-weight: normal;
}




/* resize_sidebar */
@media (min-width: 992px) {
.resize_sidebar .side-menu-head,
.resize_sidebar .sidebar-menu li a span,
.resize_sidebar .sidebar-menu li a .fa-chevron-down,
.resize_sidebar .sidebar-footer a span {
  display: none;}
.resize_sidebar .sidebar-menu, 
.resize_sidebar .sidebar-footer {
  width: 75px;}
.resize_sidebar .sidebar-menu {
  padding-top: 50px;}
.resize_sidebar .header {
  padding-left: 65px;}
.resize_sidebar .main-body {
  padding-left: 90px;}
.resize_sidebar #sidebar .resize-btn {
  left: 50px;
  -ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);}
.sidebar-menu li a, 
.sidebar-menu a.sub-menu-link:not([href]):not([tabindex]) {
    padding-left: 12px;
    padding-right: 12px;}
}




/* main header */
.header {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 100;
  height: 50px;
}
@media (min-width: 992px) {
.header {
  padding-left: 231px;}
}


/* left */
.header .left h1 {
  font-size: 26px;
  padding-top: 4px;
  white-space: nowrap;
}

.header .left .a-logo {
  text-decoration: none;
  float: left;
  display: inline-flex;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.header .left .a-logo img {
  height: 55px;
  max-width: 100%;
  margin-top: 3px;
  padding: 6px;
}

@media (min-width: 992px) {
.header .left .a-logo {
  display: none;}
}
@media (max-width: 991px) {
  .header .left .a-logo {
    left: 50px;
    top: 3px;
    position: relative;
  }
.header .left .a-logo img {
  height: 45px;
  margin-top: 0;}
}

@media screen and (max-width: 767px) {
  .header .left .a-logo {
    left: 45px;
  }
}



/* resize-btn */
.header .left .resize-btn {
  color: #c3ccce;
  background: transparent;
  box-shadow: none;
  min-width: auto;
  font-size: 36px;
  padding: 0 5px;
  margin-top: 10px;}
@media screen and (max-width: 991px) {
.header .left .resize-btn {
  display: none;}
}



/* right */
.header .right ul li {
  list-style: none;
  float: right;
  margin-left: 15px;
}
/* a */
.header .right ul li a {
  display: inline-block;
  color: #7d7c7c !important;
  margin-top: 10px;
  font-size: 15px;
  background: #e8e8e8;
  padding: 4px 18px;
  border-radius: 25px;}
.header .right ul li a span {
   padding-left: 2px;}
.header .right ul li a img {
   height: 25px;}
@media screen and (max-width: 767px) {
.header .right ul li a span {
   display: none;}
}

/* select */
.header .right ul li select {
  padding: 5px 20px;
  margin-top: 17px;
  margin-right: 10px;
  background: transparent;
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
  border-radius: 25px;}


/* radio, checkbox */
input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 4.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 15px;
  width: 15px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none !important;
  z-index: 1;
}

input[type="radio"]:hover,
input[type="checkbox"]:hover {
  background: #9faab7;
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background: #40e0d0;
}

input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {
  height: 15px;
  width: 15px;
  position: absolute;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}

input[type="radio"]:checked::after,
input[type="checkbox"]:checked::after {
  background: #40e0d0;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
}

/* radio */
input[type="radio"]:checked::before {
  content: "\f111";
}

input[type="radio"] {
  border-radius: 50%;
}

input[type="radio"]::after {
  border-radius: 50%;
}

/* checkbox */
input[type="checkbox"]:checked::before {
  content: "\f00c";
}




/* profile_popup */
.profile_popup_btn {
  cursor: pointer;}
.profile_popup {
  display: none;}
.profile_popup.profile_popup_open {
  display: block;
  position: fixed;
  background: #ffffff;
  box-shadow: 0 3px 14px #c0c5c7;
  z-index: 110;
  width: 300px;
  padding: 15px;
  right: 15px;
  top: 45px;
  border-radius: 4px;
}

.profile_popup .profile_popup_btn {
  position: absolute;
  min-width: auto;
  right: 0;
  top: 0;
  color: #184a3b;
  padding: 12px;
  background: transparent;
  box-shadow: none;
}

.profile_popup .profile_body {
  text-align: center;
  padding-top: 10px;
}

.profile_popup .profile_body h3 {
  font-size: 20px;
  padding-bottom: 20px;
  color: #00a967;
}
.profile_popup .profile_body img {
  height: 50px;
  max-width: 100%;}
.profile_popup .profile_body button {
  font-size: 14px;
  margin-bottom: 10px;
  width: 75%;
  background: #e4e4e4;
  color: #5d5c5c;}
.profile_popup .profile_body button:hover {
  color: #000;}



/* from-to-filter */
.from-to-filter {
  display: inline-block;
  margin-bottom: 7px;
}
.from-to-filter input[type="text"] {
  padding: 0 5px;
  height: 30px;
  border: 1px solid #e1e2e1;
  width: 100px;
  margin-left: 10px;
  margin-right: 10px;
  color: #585858;
}
.from-to-filter label {
  position: relative;
  top: 7px;
}
@media screen and (max-width: 767px) {
.from-to-filter label {
  top: 0;}
}





/* small-count-col */
.small-count-col {
  background: #b4f3cb;
  color: #56a071;
  padding: 6px 15px;
  border-radius: 5px;
  display: inline-block;}



/* green-dropdown */
.green-dropdown .dropdown-toggle {
  background: #b4f3cb;
  color: #56a071;
  padding: 8px 15px;
  border-radius: 5px;}
.green-dropdown .dropdown-menu {
  z-index: 10;
  left: initial !important;
  right: 0;
  border: none;
  box-shadow: 5px 3px 14px #d0d0d0;}
.green-dropdown .dropdown-menu .dropdown-item {
  font-size: 12px;
  padding-top: 7px;
  padding-bottom: 7px;
  cursor: pointer;
  color: #838486;}
.green-dropdown .dropdown-menu .dropdown-item.active, 
.green-dropdown .dropdown-menu .dropdown-item:active {
  color: #838486;
  background-color: transparent;}
.green-dropdown .dropdown-menu .dropdown-item:not(:last-of-type) {
  border-bottom: 1px solid #ddd;}



/* radio-cbox-btn */
.radio-cbox-btn {
  padding: 4px 0;
}

.radio-cbox-btn label {
  padding: 0;
  margin-right: 11px;
  width: auto;
  cursor: pointer;
}

.radio-cbox-btn label span {
  font-size: 15px;
  padding-right: 5px;
  color: #3c3c3c;
}

@media screen and (max-width: 1199px) {
  .radio-cbox-btn label {
    margin-right: 5px;
  }

  .radio-cbox-btn label span {
    padding-right: 0;
  }
}

@media screen and (max-width: 575px) {
  .radio-cbox-btn {
    padding-bottom: 8px;
  }
}


/* radio-btn-tick */
.radio-btn-tick input[type="radio"] {
  background: transparent;
  color: #18d489;
  border: 1px solid #ccc;
  width: 17px;
  height: 17px;
  border-radius: 0;}
.radio-btn-tick input[type="radio"]:checked {
  border-color: #83f5c7;
  background: transparent;}
.radio-btn-tick input[type="radio"]:checked::before {
  content: '\f00c';}


/* custom */
.m-t-10 {
  margin-top: 10px !important;}
.p-l-0 {
  padding-left: 0 !important;}
.p-l-25 {
  padding-left: 25px !important;}
.p-l-10 {
  padding-left: 10px !important;}
.p-t-25 {
  padding-top: 25px !important;}
.p-tb-15-p-lr-25 {
  padding: 15px 25px !important;}
.p-25 {
  padding: 25px !important;}
.p-15 {
  padding: 15px !important;}
.p-r-0 {
  padding-right: 0 !important;}
.p-l-50 {
  padding-left: 50px !important;}
.p-l-15 {
  padding-left: 15px !important;}
.p-l-30 {
  padding-left: 30px !important;}
.m-l-15 {
  margin-left: 15px !important;}
.m-t-15 {
  margin-top: 15px !important;}
.m-t-25 {
  margin-top: 25px !important;}
.m-t-35 {
  margin-top: 35px !important;}
.m-t-30 {
  margin-top: 30px !important;}
.m-t-50 {
  margin-top: 50px !important;}
.m-t-5 {
  margin-top: 5px !important;}
.m-t-0 {
  margin-top: 0 !important;}
.p-t-0 {
  padding-top: 0 !important;}
.p-b-0 {
  padding-bottom: 0 !important;}
.p-0 {
  padding: 0 !important;}
.m-b-0 {
  margin-bottom: 0 !important;}
.m-b-10 {
  margin-bottom: 10px !important;}
.p-b-25 {
  padding-bottom: 25px !important;}
.m-b-15 {
  margin-bottom: 15px !important;}
.p-t-10 {
  padding-top: 10px !important;}
.p-t-15 {
  padding-top: 15px !important;}
.p-t-30 {
  padding-top: 30px !important;}
.p-b-30 {
  padding-bottom: 30px !important;}
.p-b-10 {
  padding-bottom: 10px !important;}
.m-t-20 {
  margin-top: 20px !important;}
.m-r-10 {
  margin-right: 10px !important;}
.p-r-15 {
  padding-right: 15px !important;}
.p-r-30 {
  padding-right: 30px !important;}
.p-b-15 {
  padding-bottom: 15px !important;}
.p-t-38 {
  padding-top: 38px !important;}
.p-t-40 {
  padding-top: 40px !important;}
.m-t-40 {
  margin-top: 40px !important;}
.p-5 {
  padding: 5px !important;}
@media (max-width: 991px) {
.lg-m-t-35 {
  margin-top: 35px !important;}
}
/* */
.pre-line {
  white-space: pre-line !important;}
.height-35 {
  height: 35px !important;}
.height-270 {
  height: 270px !important;}
.box-shadow-none {
  box-shadow: none !important;}
.w-120 {
  width: 120px !important;}
.border-radius-0 {
  border-radius: 0;}




/* main-body */
.main-body {
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 50px;
  padding-left: 245px;
}

@media (max-width: 991px) {
  .main-body {
    padding-left: 15px;
  }
}
@media (max-width: 575px) {
.main-body {
  padding-top: 54px;}
}






/* custom-badge */
.custom-badge {
  white-space: nowrap;
  display: inline-block;
  border-radius: 25px;
  font-size: 12px;
  padding: 2px 10px;}




/* filter-by */
.filter-by .m-label {
  padding-right: 4px;
}

.filter-by .div-col {
  display: inline-flex;
  padding-bottom: 10px;
}

.filter-by .div-col .chosen-container {
  width: 180px !important;
  margin-right: 10px;
  margin-top: 0;
}

.filter-by .div-col label {
  font-weight: normal;
  font-size: 16px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.filter-by .div-col select,
.filter-by .div-col input[type="text"] {
  width: 180px;
  margin-right: 10px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #e1e2e1;
  height: 35px;
}


/* w-100-chosen */
.filter-by .div-col.w-100-chosen {
  display: block;}
.filter-by .div-col.w-100-chosen .chosen-container {
  width: 100% !important;}







/* main-details */
.main-details {
  margin-top: 10px;
}

.main-details .div-col {
  display: inline-flex;
}

.main-details .div-col label {
  font-weight: normal;
  font-size: 13px;
}

.main-details .div-col b {
  font-size: 16px;
  margin: -3px 10px 6px 5px;
}

@media (max-width: 767px) {
  .main-details {
    text-align: left;
  }

  .main-details .div-col label {
    font-size: 12px;
  }

  .main-details .div-col b {
    font-size: 14px;
    margin-top: 0;
  }
}





/*/ common button Start /*/

/* button */
button,
.a-btn {
  white-space: nowrap;
  line-height: normal;
  background: #e8e8f1;
  color: #2b2b2b;
  padding: 10px 15px;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  min-width: 65px;
  text-align: center;}
button:hover,
.a-btn:hover,
a.a-btn:hover {
  background: #3cb182;
  color: #fff;}
button:focus,
.a-btn:focus,
a.a-btn:focus {
  outline: none;}
a.a-btn {
  display: inline-block;
  text-decoration: none;}


/* primary-btn */
.primary-btn {
  background:#22af76;
  color: #fff;}
button.primary-btn:hover, 
.a-btn.primary-btn:hover, 
a.a-btn.primary-btn:hover {
  background: #3cb182;
  color: #fff;}


/* delete-btn */
.delete-btn {
  background: #fff;
  border: none;
  color: #bf1b1b;
  box-shadow: none;}
.delete-btn:hover {
  color: #800606;
  text-shadow: none;}


/* border-btn */
.border-btn {
  background: #fff;
  border: 1px solid #ddd;
  min-width: auto;
  color: #a1a5a9;
  box-shadow: none;}
.border-btn:hover {
  background: #fff;
  color: #212529;}


/* red-btn */
.red-btn {
  background: #e33c39;
  border: none;
  color: #fff;
  box-shadow: none;}
.red-btn:hover {
  background: #d03330;
  color: #fff;
  text-shadow: none;}

/* blue-btn */
.blue-btn {
  background: #4769da;
  border: none;
  color: #fff;
  box-shadow: none;}
.blue-btn:hover {
  background: #3959c3;
  color: #fff;
  text-shadow: none;}

/* green-btn */
.green-btn {
  background: #4bbb4b;
  border: none;
  color: #fff;
  box-shadow: none;}
.green-btn:hover {
  background: #3f9e3f;
  color: #fff;
  text-shadow: none;}

/* back-btn, close-btn */
.back-btn,
a.back-btn,
.close-btn {
  background: #d6d7d8;
  color: #000000;}

.back-btn:hover,
a.back-btn:hover,
.close-btn:hover {
  color: #2d2929;
  background: #b3b5b7;
}


/* icon-btn */
.icon-btn .fa {
  font-size: 16px;}
.icon-btn img {
  height: 20px;}
.icon-btn span {
  position: relative;
  top: 3px;
  margin-left: 3px;}


/* plus-icon-d-btn */
.plus-icon-d-btn {
  background: #b4f3cb !important;
  color: #789c97 !important;}
.plus-icon-d-btn:hover {
  background: #b4f3cb !important;}

/* m-green-btn */
.m-green-btn {
  background: #63eab0 !important;
  color: #2c6960 !important;}
.m-green-btn:hover {
  background: #63eab0 !important;}
/* xm-green-btn */
.xm-green-btn {
  background: #8fd8f2 !important;
  color: #17556b !important;}
.xm-green-btn:hover {
  background: #8fd8f2 !important;}
/* l-green-btn */
.l-green-btn {
  background: #b4f3cb !important;
  color: #32794c !important;}
.l-green-btn:hover {
  background: #b4f3cb !important;}
/* l-red-btn */
.l-red-btn {
  background: #f7b5b5 !important;
  color: #732f2f !important;}
.l-red-btn:hover {
  background: #f7b5b5 !important;}
/* m-red-btn */
.m-red-btn {
  background: #f1a0a0 !important;
  color: #732f2f !important;}
.m-red-btn:hover {
  background: #f1a0a0 !important;}
/* back-l-red-btn */
.back-l-red-btn {
  background: #f79292 !important;
  color: #ad2727 !important;
  border-radius: 5px !important;}
.back-l-red-btn:hover {
  background: #f79292 !important;}
.back-l-red-btn .fa {
  padding-right: 7px;
  position: relative;
  top: 1px;}
/* back-l-gray-btn */
.back-l-gray-btn {
  background: #ddd !important;
  color: #999 !important;
  border-radius: 5px !important;}
.back-l-gray-btn:hover {
  background: #ddd !important;}
.back-l-gray-btn .fa {
  padding-right: 7px;
  position: relative;
  top: 1px;}
/* l-violet-btn */
.l-violet-btn {
  background: #d1adfe !important;
  color: #732f2f !important;}
.l-violet-btn:hover {
  background: #d1adfe !important;}
/* m-violet-btn */
.m-violet-btn {
  background: #b592dc !important;
  color: #6b4790 !important;}
.m-violet-btn:hover {
  background: #b592dc !important;}
/* l-yellow-btn */
.l-yellow-btn {
  background: #f9f3ad !important;
  color: #8a6039 !important;}
.l-yellow-btn:hover {
  background: #f9f3ad !important;}
/* l-blue-btn */
.l-blue-btn {
  background: #aecaf1 !important;
  color: #4c575a !important;}
.l-blue-btn:hover {
  background: #aecaf1 !important;}
/* d-blue-btn */
.d-blue-btn {
  background: #662D91 !important;
  color: #fff !important;}
.d-blue-btn:hover {
  background: #662D91 !important;}


/* page-head, page-sub-head */
.page-head select,
.page-head input[type="text"],
.page-sub-head select,
.page-sub-head input[type="text"] {
  width: 100px;
}

.page-head select,
.page-head input[type="text"],
.page-head input[type="search"],
.page-sub-head select,
.page-sub-head input[type="text"] {
  height: 34px;
  padding-left: 15px;
  border: 1px solid #e1e2e1;
  border-radius: 5px;
}
.page-head .filter-by .div-col select,
.page-head .filter-by .div-col input[type="text"],
.page-sub-head .filter-by .div-col select,
.page-sub-head .filter-by .div-col input[type="text"] {
  height: 30px;}


/* page-sub-head */
@media (max-width: 767px) {
.page-sub-head select,
.page-sub-head input[type="text"] {
    margin-bottom: 5px;}
}





/* page-head */
.page-head {
  /*background: #fff;*/
  padding-top: 15px;
  padding-bottom: 5px;
  /*margin-bottom: 15px;*/
}

.page-head h1,
.page-head h2 {
  margin: 0;
  color: #8b909c;
}

/* chosen-result */
.page-head .chosen-container .chosen-results {
  width: 100%;}
.page-head .chosen-container {
  margin-bottom: 5px;
  margin-top: 0;}
.page-head .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 21px;}
@media (max-width: 767px) {
.page-head .chosen-container {
    margin-top: 7px;}
}



/* btn */
.page-head button,
.page-head .a-btn {
  padding: 8px 16px;
  box-shadow: none;
  border-radius: 25px;
  border: 2px solid transparent;}


/* icon-btn */
.page-head .icon-btn {
  padding: 4px 10px !important;}
.page-head .icon-btn img {
  height: 22px;}


/* filter-by */
.page-head .filter-by .div-col {
   padding-top: 0;}
@media (min-width: 768px) {
.page-head .filter-by {
    float: right;}
}


.page-head button,
.page-head .a-btn,
.page-head .search,
.page-head select,
.page-head input[type="text"] {
  margin-bottom: 10px;}
@media (min-width: 768px) {

  .page-head button,
  .page-head .a-btn,
  .page-head .search,
  .page-head select,
  .page-head input[type="text"] {
    float: right;
    margin-left: 15px;
  }

  .page-head h1 {
    font-size: 24px;
  }

  .page-head h2 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {

  .page-head button,
  .page-head .a-btn,
  .page-head select,
  .page-head input[type="text"] {
    margin-top: 8px;
    margin-right: 10px;
  }

  .page-head button,
  .page-head .a-btn {
    float: left;
    
  }

  .page-head h1 {
    font-size: 19px;
  }

  .page-head h2 {
    font-size: 17px;
  }
}

/* page-head */
.page-head .from-to-filter {
  float: right;
  margin-left: 15px;
}
.page-head .from-to-filter .div-col {
  display: inline-block;
}
.page-head .from-to-filter .div-col input[type="text"] {
  margin-right: 5px;
  margin-left: 5px;
}

@media (max-width: 767px) {
  .page-head .from-to-filter {
    float: left;
    margin-left: 0;
  }
}


/* search */
.search {
  position: relative;
  width: 200px;}
.search input[type="search"] {
  outline: none;
  font-size: 13px;
  width: 100%;
  padding-right: 32px;
  border-radius: 25px;
  height: 34px;
  padding-left: 15px;
  border: 1px solid #e1e2e1;}
.search button {
  margin-left: 0;
  padding: 0;
  float: inherit;
  background: #fff;
  min-width: auto;
  box-shadow: none;
  position: absolute;
  right: 5px;
  top: 5px;}
.search button img {
  height: 20px;
  margin-right: 2px;}
@media (max-width: 767px) {
.search {
  margin-top: 15px;}
/*
.search button {
  top: -2px;
  right: 0;}*/
}





/* active */
.active {
  cursor: default;
}

/* a-link */
.a-link {
  color: #287b74;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}

/* a-text */
.a-text {
  color: #2a82ff;
  font-weight: bold;
}


/* alert-label */
.alert-label {
  font-weight: bold;
  color: #da041d;
}

.alert-label:empty {
  display: none;
}




	



/* switch-button */	
.switch-button input {
  display: none;}
.switch-button label {
  position: relative;
  width: 60px;
  height: 24px;
  margin: 0 10px!important;
  top: 7px;
  display: inline-block;
  background: #014988;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;}
.switch-button label:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  background: #FFF;
  border-radius: 50%;
  box-shadow: 1px 3px 6px #666666;}
.switch-button input:checked + label {
  background: #009900;}
.switch-button input:checked + label:after {
  left: auto;
  right: 2px;}




/* tab */
.nav-tabs {
  border-bottom-color: transparent;
}

.nav-tabs .nav-link {
  position: relative;
  top: 1px;
}

.tab-content {
  border: 1px solid #ddd;
  box-shadow: #dedede 0 0 5px 0;
}
.tab-content>.tab-pane {
  padding: 15px;
}
.tab-content .common-table {
  margin-top: 0;
}

@media (max-width: 767px) {
  .nav-tabs {
    margin-top: 10px;
  }
}





/* level-btns */
.level-btns ul {
  padding-left: 0;}
.level-btns ul li {
  display: inline-block;
  padding-right: 10px;
  list-style: none;}
.level-btns ul li .a-btn {
  font-weight: bold;
  color: #417999;
  background: #b5e5f7;
  padding: 7px 15px;}




/* pop-up and page-form */

/* col */
.pop-up .modal-body [class^="col-"] {
  padding-bottom: 20px;}
.page-form .page-body [class^="col-"] {
  padding-bottom: 12px;}


/* input's */
.pop-up .modal-body input[type="text"],
.pop-up .modal-body input[type=""],
.pop-up .modal-body input[type="number"],
.pop-up .modal-body input[type="date"],
.pop-up .modal-body input[type="password"],
.pop-up .modal-body input[type="email"],
.pop-up .modal-body input[type="url"],
.pop-up .modal-body input[type="time"],
.pop-up .modal-body input[type="file"],
.pop-up .modal-body select,
.pop-up .modal-body textarea,
.page-form .page-body input[type="text"],
.page-form .page-body input[type=""],
.page-form .page-body input[type="number"],
.page-form .page-body input[type="date"],
.page-form .page-body input[type="password"],
.page-form .page-body input[type="email"],
.page-form .page-body input[type="url"],
.page-form .page-body input[type="time"],
.page-form .page-body input[type="file"],
.page-form .page-body select,
.page-form .page-body textarea {
  width: 100%;
  color: #000;
  padding-left: 15px;
  border: 1px solid #b2b9b9;
  border-radius: 5px;
  margin-top: 5px;
}

/* file */
.pop-up .modal-body input[type="file"],
.page-form .page-body input[type="file"] {
  padding-left: 0;
  border-color: transparent;}

.pop-up .modal-body textarea,
.page-form .page-body textarea {
  padding-top: 5px;
  height: 100px;
}

  .pop-up .modal-body input[type="text"],
  .pop-up .modal-body input[type=""],
  .pop-up .modal-body input[type="number"],
  .pop-up .modal-body input[type="date"],
  .pop-up .modal-body input[type="password"],
  .pop-up .modal-body input[type="email"],
  .pop-up .modal-body input[type="url"],
  .pop-up .modal-body input[type="time"],
  .pop-up .modal-body input[type="file"],
  .pop-up .modal-body select,
  .page-form .page-body input[type="text"],
  .page-form .page-body input[type=""],
  .page-form .page-body input[type="number"],
  .page-form .page-body input[type="date"],
  .page-form .page-body input[type="password"],
  .page-form .page-body input[type="email"],
  .page-form .page-body input[type="url"],
  .page-form .page-body input[type="time"],
  .page-form .page-body input[type="file"],
  .page-form .page-body select {
    height: 35px;}




/* chosen-container */
/*
.pop-up .modal-body .chosen-container .chosen-single,*/
.page-form .page-body .chosen-container .chosen-single {
    padding-top: 8px;}
.pop-up .modal-body .chosen-container:not(.chosen-container-active) .chosen-single,
.page-form .page-body .chosen-container:not(.chosen-container-active) .chosen-single {
    padding-left: 15px;}




/* upload-photo-col */
.pop-up .modal-body .upload-photo-col .upload {
  height: 70px;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;}
.pop-up .modal-body .upload-photo-col input[type="file"] {
  width: 0;
  height: 0;
  border: 0;
  overflow: hidden;
  margin-top: -20px;}
.pop-up .modal-body .upload-photo-col .upload-icon {
  height: 60px;}





/* choose-img-show */
.pop-up .modal-body .choose-img-div,
.page-form .page-body .choose-img-div {
  position: relative;}
.pop-up .modal-body .choose-img-div .choose-img-show,
.page-form .page-body .choose-img-div .choose-img-show {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 40px;
  max-width: 100%;
  background: #ffff;}



/*/ pop-up Start /*/

/* pop-up-small */
@media (min-width: 768px) {
  .pop-up .body.pop-up-small {
    max-width: 700px;
    width: 80%;}
}
/* pop-up-x-small */
@media (min-width: 768px) {
  .pop-up .body.pop-up-x-small {
    max-width: 400px;}
}


/* common */
.modal.pop-up {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.pop-up .modal-content {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  height: 100vh;
}

@media (min-width: 576px) {
  .pop-up .modal-dialog {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .pop-up .modal-dialog {
    max-width: 100%;
  }
}

/* body */
.pop-up .body {
  margin: 0 auto;
  background: #fff;
  border-radius: 23px;
}

@media (min-width: 768px) {
  .pop-up .body {
    width: 75%;
  }
}

@media (max-width: 767px) {
  .pop-up .body {
    width: 100%;
  }
}

/* modal-header */
.pop-up .modal-header {
  padding: 0;
}

.pop-up .modal-header h1,
.pop-up .modal-header h2 {
  margin: 0;
  color: #000;
}
.pop-up .modal-header h1 {
  padding-top: 9px;
}
.pop-up .modal-header .close-btn {
  color: #bfbfbf;
  position: relative;
  min-width: auto;
  bottom: 6px;
  left: 15px;
  font-size: 22px;
  box-shadow: none;
  border-color: transparent;
  background: transparent;
}

@media (min-width: 768px) {
  .pop-up .modal-header {
    padding: 15px 30px;
  }

  .pop-up .modal-header h1 {
    font-size: 20px;
  }

  .pop-up .modal-header h2 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .pop-up .modal-header {
    padding: 10px 25px;
  }

  .pop-up .modal-header h1 {
    font-size: 19px;
  }

  .pop-up .modal-header h2 {
    font-size: 17px;
  }
}

/* modal-body */
/* common */
.pop-up .modal-body label {
  margin-bottom: 0;
  width: 100%;
  font-size: 17px;
  color: #565857;
}

@media (min-width: 768px) {
  .pop-up .modal-body {
    padding: 15px 30px;
  }
}

@media (max-width: 767px) {
  .pop-up .modal-body {
    padding: 10px 25px;
  }
}

/* modal-footer */
.pop-up .modal-footer {
  border-top: none;
  padding-top: 5px;
  border-top: 1px solid #eee;
}
.pop-up .modal-footer.text-center {
  justify-content: center;
}
.pop-up .modal-footer button,
.pop-up .modal-footer .a-btn {
  min-width: 90px;}
.pop-up .modal-footer .delete-btn {
  margin-right: auto;
  padding-left: 0;
}
@media (min-width: 768px) {
  .pop-up .modal-footer {
    padding: 15px 30px;
  }
}

@media (max-width: 767px) {
  .pop-up .modal-footer {
    padding: 10px 25px;
  }
}



/* radio-cbox-btn */
.pop-up .modal-body .radio-cbox-btn label {
  width: auto;
}



/* confirm-popup */
.confirm-popup h4 {
  font-size: 17px;
  padding-top: 15px;
  padding-bottom: 15px;}
@media (min-width: 768px) {
.pop-up .body.confirm-popup {
  width: 35%;}
}




/* confirm-modal */
.pop-up .body.confirm-modal {
  max-width: 500px;}
/* icon */
.pop-up .body.confirm-modal .modal-body .icon {
  font-size: 55px;
  color: #3eaae6;
  border: 5px solid;
  display: inline-block;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 50px;}
.pop-up .body.confirm-modal .modal-body .icon-green {
  color: #684691;}
/* h1 */
.pop-up .body.confirm-modal .modal-body h1 {
  font-size: 28px;
  font-weight: bold;
  color: #1d1d1d;
  margin-bottom: 15px;}
/* h6 */
.pop-up .body.confirm-modal .modal-body h6 {
  color: #8291a0;
  margin-bottom: 20px;
  white-space: pre-line;}
/* div-col */
.pop-up .body.confirm-modal .modal-body .div-col {
  display: inline-block;
  margin-top: 10px;}
.pop-up .body.confirm-modal .modal-body .div-col label {
  width: auto;
  color: #969698;
  margin: 0;
  font-size: 14px;}
.pop-up .body.confirm-modal .modal-body .div-col .data {
  color: #636365;
  display: inline-block;
  padding-left: 5px;}
@media (max-width: 767px) {
.pop-up .body.confirm-modal .modal-body .div-col {
  display: block;}
}
/* slected */
.pop-up .body.confirm-modal .modal-body .slected {
  margin-top: 10px;}
.pop-up .body.confirm-modal .modal-body .slected .item {
  display: inline-block;
  width: 100%;
  background: #f0f0f1;
  box-shadow: 0 5px 6px #d4d4d4b3;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  position: relative;
  color: #6a6f73;}
.pop-up .body.confirm-modal .modal-body .slected .item .data {
  padding-right: 15px;}
.pop-up .body.confirm-modal .modal-body .slected .item .remove-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  color: #9c9c9cb3;
  min-width: auto;
  background: transparent;}
.pop-up .body.confirm-modal .modal-body .slected .item .remove-btn:hover {
  color: #6a6f73;
  background: transparent;}
/* modal-footer */
.pop-up .body.confirm-modal .modal-footer {
  padding-top: 0;
  padding-bottom: 25px;
  justify-content: center;}
.pop-up .body.confirm-modal .modal-footer button, 
.pop-up .body.confirm-modal .modal-footer .a-btn {
  font-size: 15px;
  border-radius: 5px;}
.pop-up .body.confirm-modal .modal-footer .green-btn {
  background: #50ba76;}



/* main-details  */
.pop-up .modal-body .main-details .div-col label {
  margin-top: 0;
  width: initial;}



/* img-zoom-popup */
.pop-up .body.img-zoom-popup .modal-header {
  position: relative;
  border: none;
  padding: 0;}
.pop-up .body.img-zoom-popup .modal-header .close-btn {
  position: absolute;
  z-index: 1;
  right: 0;
  left: initial;
  bottom: inherit;
  top: -15px;
  background: #fff;}
.pop-up .body.img-zoom-popup .modal-body {
  padding: 0;}



/* common-table  */
/* common */
/*.pop-up .common-table {}*/

/*/ pop-up End /*/

/* page-form */
.page-form {
  background: #fff;
  box-shadow: 8px 12px 27px 3px #e4dfdf;
  border-radius: 10px;
}

/* page-form-head, page-body, page-footer */
.page-form .page-form-head,
.page-form .page-body,
.page-form .page-footer {
  padding-left: 20px;
  padding-right: 20px;
}
.page-form .div-section .page-form-head {
  padding-left: 0;
  padding-right: 0;}

@media (max-width: 767px) {
  .page-form .page-form-head,
  .page-form .page-body,
  .page-form .page-footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* page-form-head */
.page-form .page-form-head {
  padding-top: 20px;
  padding-bottom: 10px;
  position: relative;
}

.page-form .page-form-head h1 {
  font-size: 18px;
    margin-bottom: 0;
    font-weight: bold;
}
.page-form .page-form-head h2 {
  font-size: 15px;
    margin-bottom: 0;
}


/* page-body */
.page-form .page-body {
  padding-top: 5px;
  padding-bottom: 20px;
}

.page-form .page-body:after,
.page-form .page-body:before {
  display: table;
  content: " ";
}

.page-form .page-body:after {
  clear: both;
}

/* label */
.page-form .page-body label {
  font-size: 17px;
  padding: 4px 0 1px;
  color: #565857;
}





/* page-footer */
.page-form .page-footer {
  text-align: right;
  padding-bottom: 10px;
}

.page-form .page-footer button,
.page-form .page-footer .a-btn {
  margin: 8px 0;
  display: inline-block;
  min-width: 90px;
}

.page-form .page-footer .delete-btn {
  float: left;
}



/* textarea-height */
.page-form .page-body .textarea-height {
  height: 200px;}


/* div-section */
.page-form .page-body .div-section {
  position: relative;
  /*display: table;*/
  padding: 15px;
  margin-top: 5px;
  width: 100%;
  border-radius: 5px;}
/* section-head */
.page-form .page-body .div-section .section-head {
  padding-bottom: 10px;
  position: relative;}
.page-form .page-body .div-section .section-head h1 {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: bold;}
.page-form .page-body .div-section .section-head h2 {
  font-size: 15px;
  margin-bottom: 0;}




/* copy-text */
.page-form .page-body .copy-text {
  margin-top: 20px;}
.page-form .page-body .copy-text div {
  font-size: 17px;}
.page-form .page-body .copy-text label {
  padding: 0;
  margin: 0;
  font-size: 14px;}
.page-form .page-body .copy-text input {
  margin-right: 0;}



/* common-table */
.page-form .common-table {
  box-shadow: none;}



/*/ common-table Start /*/

/* common-table */
.common-table {
  margin-top: 15px;
  background: #fff;
  box-shadow: 10px 10px 16px #dedede;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  /*display: table;*/
  width: 100%;
  min-height: 250px;
}

.common-table .table {
  margin-bottom: 0;
  background: #fff;
  border: none;
}

.common-table .table>tbody+tbody {
  border-top: inherit;
}
.common-table th {
  border-top: none !important;
}
.common-table th,
.common-table td {
  border: 1px solid #e3e6e6bd;
}
.common-table th,
.common-table td,
.common-table .table {
  border-right: none;
  border-left: none;
  word-break: break-all;
}
.common-table .table>tbody>tr>td,
.common-table .table>tfoot>tr>td,
.common-table .table>thead>tr>td {
  padding: 5px 4px;
  vertical-align: middle;
}

/* button */
.common-table .tr-body td button,
.common-table .tr-body td .a-btn {
  font-size: 13px;
  padding: 5px 16px;
  min-width: auto;
  border-radius: 25px;
  background: transparent;
  border: none;}
.common-table .tr-body td button:hover,
.common-table .tr-body td .a-btn:hover {
  color: #000;}

/* collapse-btn */
.common-table .tr-body td .collapse-btn {
  color: #fff;
  background: #a4abfc;
  width: 20px;
  height: 20px;
  padding: 0;}
.common-table .tr-body td .collapse-btn:hover {
  color: #fff;}
/**/
.common-table .table>tbody>tr .collapse .table,
.common-table .table>tbody>tr .collapse .table>tbody>tr>td {
  border: none;}







/* icon-btn */
.common-table .tr-body td .icon-btn img {
  height: 20px;}

/* tbody, thead */
.common-table .table>thead>.tr-head>th {
  white-space: nowrap;
  border-width: 1px;
  color: #636567;
  border-color: #e3e6e6bd;
}

.common-table .table>thead>.tr-head>th,
.common-table .table>tbody>.tr-body>td {
  vertical-align: middle;
  padding: 7px;
  font-size: 15px;
  text-align: center;
}

/* even odd background */
/*
.common-table .tr-body:nth-child(even) {
  background: #f5f5f5;
}

.common-table .tr-body:nth-child(odd) {
  background: #fbfffa;
}

.common-table .tr-body:hover {
  background: #e8e8e8;
}
*/
.common-table .tr-body {
  color: #8c8c8c;
}

/* input's */
.common-table td input[type="text"],
.common-table td input[type=""],
.common-table td input[type="number"],
.common-table td input[type="date"],
.common-table td input[type="password"],
.common-table td input[type="email"],
.common-table td input[type="url"],
.common-table td input[type="time"],
.common-table td select,
.common-table td textarea {
  width: 100%;
  padding: 6px;
  border: 1px solid #d8dcde;
  height: 35px;}
.common-table td input[type="file"] {
  max-width: 115px;}
.common-table td textarea {
  display: block;}
/* input:disabled */
.common-table td input:disabled,
.common-table td input[readonly] {
  border: none !important;
}

/* tr-total */
.common-table .tr-total td {
  background: #fff;
  font-weight: 900;
  white-space: nowrap;
  color: #020202;
  text-align: center;
  font-size: 15px;
}

.common-table .tr-total .label-tcol {
  text-align: right;
  font-size: 14px;
  font-weight: normal;
}




/* dropdown */
.common-table .tr-body .dropdown .dropdown-toggle {
  background: transparent;}
.common-table .tr-body .dropdown .dropdown-toggle::after {
  border: 0;}
.common-table .tr-body .dropdown .dropdown-menu {
  min-width: 130px;
  border: none;
  box-shadow: #e0e0e6 5px 5px 5px 0;}
.common-table .tr-body .dropdown .dropdown-menu .dropdown-item {
  color: #787b7d;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
  padding: 6px 15px;
  background: transparent;}
.common-table .tr-body .dropdown .dropdown-menu .dropdown-item:active,
.common-table .tr-body .dropdown .dropdown-menu .dropdown-item:hover {
  background: transparent;
  color: #414242;}
.common-table .tr-body .dropdown .dropdown-menu .dropdown-item:focus {
  outline: none;}



/* ext-text */
.common-table .ext-text {
    display: block;
    font-size: 11px;}

/* b-text */
.common-table .b-text {
    font-weight: bold;
    font-size: 15px;}


/* common-table-head */
.common-table .common-table-head {
  padding-top: 5px;
  padding-bottom: 15px;}
.common-table .common-table-head h1 {
  margin-bottom: 0;
  font-size: 20px;}


/* common-table-foot */
/*
.common-table .common-table-foot {}*/


/* align-left */
.common-table .table>thead>.tr-head>th.align-left,
.common-table .table>tbody>.tr-body>td.align-left {
  text-align: left;
}


/* tr-caption */
.common-table .tr-caption td {
  text-align: center;
}


/* chosen-container */
@media (min-width: 768px) {
.common-table .table>tbody>.tr-body>td .chosen-container {
    margin-top: 0;}
}




/* tr-btn-toggle */
.common-table .tr-body td button.tr-btn-toggle {
  background: #71777b;
  color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 0;}



/* no-data */
.common-table .no-data td {
  text-align: center;
}


/* common-table img hover effect */
.common-table td .zoom-img {
  height: 20px;}
.common-table td .zoom-img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  cursor: -webkit-pointer;
  cursor: -moz-pointer;
  cursor: pointer;}
.common-table td .zoom-img:hover,
.common-table td .zoom-img:active,
.common-table td .zoom-img:focus {
  -ms-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -webkit-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5);
  position: relative;
  z-index: 10;}



    
/* a:not href */
.common-table .tr-body td a:not([href]):not([tabindex]), 
.common-table .tr-body td a:not([href]):not([tabindex]):focus, 
.common-table .tr-body td a:not([href]):not([tabindex]):hover {
     font-weight: bold;}





/* th-btn-tcol */
.common-table .table>thead>.tr-head>th.th-btn-tcol {
   cursor: pointer;}






/* common-table th, td width set */

/* min-width */
.common-table th:before,
.common-table td:before {
  content: "";
  display: block;
  width: 25px;
}

/* xs tcol */
.common-table .xs-tcol {
  width: 0.1%;
}

/* s tcol */
.common-table .s-tcol,
/* button */
.common-table .btn-tcol {
  width: 0.3%;
}

/* nowrap */
.common-table .nowrap-tcol,
/* xs tcol */
.common-table .xs-tcol,
/* s tcol */
.common-table .s-tcol,
/* button */
.common-table .btn-tcol,
/* th */
.common-table th {
  white-space: nowrap;
}

/* m tcol */
.common-table .m-tcol {
  width: 2%;
}

/* xm tcol */
.common-table .xm-tcol {
  width: 3%;
}

/* l tcol */
.common-table .l-tcol {
  width: 5%;
}

/* xl tcol */
.common-table .xl-tcol {
  width: 6%;
}

/*/ common-table End /*/





/* table-total */
.table-total table {
  width: 100%;
  margin-top: 20px;}
.table-total table tr td,
.table-total table tr th {
  padding-top: 5px;}
.table-total table tr .head {
  text-align: right;}
.table-total table tr .dotted {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;}




/* bullet-list */
.bullet-list {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 15px;
  padding: 20px 30px;
  box-shadow: 10px 10px 16px #dedede;}
.bullet-list .bullet-head {
  padding-bottom: 5px;}
.bullet-list .bullet-head h1 {
  margin-bottom: 0;
  font-size: 20px;}
.bullet-list ul {
  padding-left: 15px;}
.bullet-list ul li {
  color: #636567;
  margin-top: 10px;}



/* vertical-scroll-300 */
.vertical-scroll-300 {
  overflow-y: auto;
  height: 300px;}



/* message_wrapper */
.message_wrapper {
   width: 640px;
    text-align: center;
    z-index: 999;
    position: fixed;
    top: 35px;
    margin: 0 auto;
    left: 0;
    right: 0;}
.message_wrapper .message_common {
    border-radius: 50px;
    background: #fff;
    border: 1px solid #f7f2f2;}
.message_common.success .fa-exclamation-triangle,
.message_common.error .fa-check {
  display: none;} 
.message_wrapper .message_common .fa-times {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    color: #d4cfcf;
    position: absolute;
    right: 0;
    top: -15px;
    line-height: 50px;}
/*
.message_wrapper .message_common .fa-times:not() {
    color: #ff3c3c;}*/
.message_wrapper .message_common h3 {
    font-size: 17px;
    padding: 15px 10px;}
.message_wrapper .message_common h3 .fa {
  margin-right: 8px;
  font-size: 20px;} 
/**/  
.message_common.error {
  color: #e67eb7;}
.message_common.success {
  color: #8a8a8a;}     
@media screen and (max-width: 767px) {
.message_wrapper {
  width: 90%;}
}    



/* button-listing */
.button-listing {
  border-radius: 5px;}
.button-listing ul {
  padding-left: 0;
  margin-bottom: 0;}
.button-listing ul li {
  display: inline-block;
  margin: 5px;
  list-style: none;}
.button-listing ul li .right-border {
  position: relative;}
.button-listing ul li .right-border::before {
  content: '';
  height: 65px;
  width: 2px;
  position: absolute;
  top: -17px;}
.button-listing ul li .label {
  margin-top: 5px;}
/* button */
.button-listing ul li button {
  padding: 7px 14px;
  background: #fff;
  color: #2b2b2b;
  box-shadow: 0 9px 13px -1px #d6d6f5;}
.button-listing ul li button.active {
  background:#22af76;
  color: #fff;}
.button-listing ul li button.active:hover {
  background: #3cb182;
  color: #fff;}
.button-listing ul li button.active-blue {
  background:#008fcb;
  color: #fff;}
.button-listing ul li button.active-blue:hover {
  background: #006FCB;
  color: #fff;}
@media (max-width: 767px) {
.button-listing {
   padding: 5px 10px;}
}



/* paginated */
.paginated {
  width: 100%;
  text-align: center;}
.paginated .current {
  display: inline;
  font-size: 10px;
  position: relative;
  bottom: 1px;}
.paginated .current .text-muted {
  font-size: 18px;}
.paginated .current span {
  padding-left: 2px;
  padding-right: 2px;}
.paginated button {
  border-color: transparent;
  min-width: auto;
  color: #21383e;
  font-size: 13px;
  letter-spacing: 2px;
  box-shadow: inherit;
  background: transparent;
  border-radius: 2px;
  padding: 4px 8px;
  margin-left: 5px;
  margin-right: 5px;}
.paginated button:hover {
  background: transparent;
  border-color: #b3b3b3;
  color: #000;}



/* text-center-input */
.text-center-input input {
  text-align: center;
  padding-left: 0 !important;}






/* question-library-list */
.question-library-list .item {
  background-color: #fff;
  box-shadow: 10px 10px 16px #dedede;
  border-radius: 10px;
  padding: 20px;
  margin-top: 15px;}
/* question */
.question-library-list .item .question {
  margin-bottom: 10px;}
.question-library-list .item .question table td {
  vertical-align: top;}
.question-library-list .item .question table tr td:first-of-type {
  padding-right: 5px;}
/* label-option */
.question-library-list .item .label-option {
  margin-top: 2px;
  margin-bottom: 0;
  margin-left: 15px;
  cursor: pointer;}
.question-library-list .item .label-option table td {
  vertical-align: top;
  color: #252525;}
.question-library-list .item .label-option input[type="checkbox"] {
  margin-right: 20px;}
.question-library-list .item .label-option p {
  margin-top: 3px;
  padding-left: 5px;
  margin-bottom: 0;}




/* question-option-tick */
.question-option-tick .item {
  padding-bottom: 5px;}
.question-option-tick .item .label-option {
  margin-top: 2px;
  margin-bottom: 5px;
  border-radius: 15px;
  padding: 10px 10px 10px 30px !important;
  width: 100%;
  cursor: pointer;
  border: 1px solid #999;}
.question-option-tick .item .label-option [class^="col-"] {
  padding-bottom: 0;}
.question-option-tick .item .label-option .data {
  font-size: 16px;}
.question-option-tick .item input[type="file"] {
  width: auto;}
.question-option-tick .item input[type="file"]::-webkit-file-upload-button {
  background: #4f98fa;
  border-radius: 5px;
  padding: 5px 20px;
  color: #fff;
  border: none;}





/* accordion */
.accordion .card {
  margin-bottom: 15px;
  background: #fff;
  border: none;
  box-shadow: 8px 12px 27px 3px #e4dfdf;}
.accordion .card .card-header {
  padding: 0 2px;}
.accordion .card .card-header .collapse-btn {
  background: #fff;
  color: #565656;
  width: 100%;
  text-align: left;
  box-shadow: none;
  font-size: 16px;
  padding: 15px;}
.accordion .card .card-header .collapse-btn span {
  position: relative;
  bottom: 1px;
  margin-left: 5px;}
.accordion .card .card-header button,
.accordion .card .card-header .a-btn {
  background: #40b67e;
  color: #fff;
  margin-top: 4px;}
.accordion .card .card-header button:hover,
.accordion .card .card-header .a-btn:hover {
  color: #000;}




/* single-count */
.single-count {
  background: #fff;
  box-shadow: 10px 10px 16px #dedede;
  padding: 30px 15px;
  border-radius: 15px;
  text-align: center;}
.single-count .label {
  color: #61686d;
  font-size: 22px;}
.single-count .sub-label {
  color: #97a2ab;
  font-size: 16px;}
.single-count .data {
  margin-top: 15px;
  font-size: 35px;
  color: #a34c8f;}



/* row-count-align */
.row-count-align {
  margin-top: 20px;}
.row-count-align .count-col {
  background: #fff;
  box-shadow: #e0e0e6 5px 5px 5px 0;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 10px;}
.row-count-align .count-col .icon {
  text-align: center;
  padding: 25px;
  border-radius: 25px;}
.row-count-align [class^="col-"]:nth-of-type(1) .count-col .icon {
  background: linear-gradient(135deg, #7ed4f2 25%, #0092d5);}
.row-count-align [class^="col-"]:nth-of-type(2) .count-col .icon {
  background: linear-gradient(135deg, #aed7a2 25%, #8cc67b);}
.row-count-align [class^="col-"]:nth-of-type(3) .count-col .icon {
  background: linear-gradient(135deg, #fec5af 25%, #f88cb1);}
.row-count-align [class^="col-"]:nth-of-type(4) .count-col .icon {
  background: linear-gradient(135deg, #ef80b6 25%, #de4d95);}
.row-count-align .count-col .icon img {
  max-width: 100%;
  max-height: 30px;}
.row-count-align .count-col .label {
  font-size: 15px;
  color: #838384;}
.row-count-align .count-col .data {
  font-weight: bold;
  color: #494949;
  line-height: 30px;
  font-size: 30px;}




/* row-count-flat */
.row-count-flat {
  margin-top: 20px;}
.row-count-flat .count-col {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 20px;
  text-align: center;
  box-shadow:#e0e0e6 5px 5px 5px 0;
  padding: 15px;}
.row-count-flat .count-col .data {
  font-weight: bold;
  font-size: 45px;
  line-height: 45px;}
.row-count-flat .count-col .label {
  font-size: 17px;
  color: #61686d;}
@media (max-width: 991px) {
.row-count-flat .count-col .data {
  font-size: 35px;
  line-height: 40px;}
.row-count-flat .count-col .label {
  font-size: 16px;}
}




/* breadcrumbs-links */
.breadcrumbs-links {
  margin-bottom: 0;}
.breadcrumbs-links li {
  list-style: none;
  display: inline-block;
  padding-right: 5px;}
.breadcrumbs-links li h1 {
  font-weight: bold;
  font-size: 18px;
  padding-right: 20px;
  position: relative;
  color: #656565;}
.breadcrumbs-links li h1::after {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background: #8e8e8e;
  position: absolute;
  right: 5px;
  top: -2px}
.breadcrumbs-links li a {
  font-size: 18px;
  color: #656565 !important;}
.breadcrumbs-links li a:hover {
  text-decoration: none;}
.breadcrumbs-links li a .fa {
  padding-left: 6px;}




/* total-div */
.page-form .page-body .total-div {
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  padding: 6px 10px;}
.page-form .page-body .total-div label {
  white-space: nowrap;
  font-size: 13px;
  padding: 2px 0 0 0;
  color: #212529;
  margin: 0;
  font-weight: bold;
  position: relative;
  top: 3px;}
.page-form .page-body .total-div input {
  font-weight: bold;
  border: none;
  color: #212529;
  font-size: 24px;
  margin-top: 3px;
  height: 18px;}



/* body-bg */
.body-bg {
  background-color: #fff;
  box-shadow: 10px 10px 16px #dedede;
  border-radius: 10px;
  padding: 20px;}
.body-bg .body-bg-head {
  padding-top: 5px;
  padding-bottom: 15px;}
.body-bg .body-bg-head h1 {
  margin-bottom: 0;
  font-size: 20px;}
/**/
.body-bg .common-table {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  box-shadow: none;}
/**/
.body-bg .page-form {
  box-shadow: none;}


/* details-head */
.details-head h1 {
  font-size: 24px;
  margin-bottom: 15px;}
.details-head h2 {
  font-size: 20px;
  margin-bottom: 15px;}
.details-head .m-text {
  color: #6e767b;
  font-size: 15px;}
.details-head .xm-text {
  color: #6e767b;
  font-size: 17px;}




/* dropdown-print */
.dropdown-print {
  position: relative;}
.dropdown-print:not(.dropdown_print_open) ul {
  display: none;}
.dropdown-print ul {
  margin-bottom: 0;
  padding-left: 0;
  width: 200px;
  position: absolute;
  z-index: 5;
  right: 0;
  top: 45px;
  background: #fff;
  padding: 10px;
  box-shadow: 6px 10px 36px 2px #d6d6d6;
  border-radius: 5px;}
.dropdown-print ul li {
  list-style: none;}
.dropdown-print ul li button {
  margin-left: 0;
  float: initial;
  background: transparent;
  color: #717477;}



/* print-data */
.print-data {
  color: #000;}
/* structure-table */
.print-data .structure-table {
  width: 100%;}
/**/
.print-data .b-r-0 {
  border-right: none !important;}
.print-data .b-b-1 {
  border-bottom: 1px solid #000 !important;}
.print-data .b-t-1 {
  border-top: 1px solid #000 !important;}
.print-data .p-r-200 {
  padding-right: 200px;}
/* text */
.print-data .xs-text {
  font-size: 12px;}
.print-data .s-text {
  font-size: 14px;}
.print-data .m-text {
  font-size: 16px;}
.print-data .xm-text {
  font-size: 18px;}
.print-data .l-text {
  font-size: 20px;}
.print-data .xl-text {
  font-size: 25px;}
/* head */
.print-data .head {
  position: relative;}
/* body-head */
.print-data .body-head {
  padding-top: 20px;}
.print-data .body-head .table {
  margin-bottom: 0;}
.print-data .body-head .table th,
.print-data .body-head .table td {
  padding: 3px;
  border: 1px solid #000;}
.print-data .body-head .div-col {
  border: 1px solid #000;
  border-bottom: none;
  padding: 5px;
  min-height: 65px;
  height: 100%;}
/* body */
/* data-table */
.print-data .body .data-table .table {
  border: 1px solid #000;
  margin-bottom: 0;
  border-top: none;}
.print-data .body .data-table .table td {
  border: none;
  /*border-bottom: 1px solid #000;*/
  border-right: 1px solid #000;
  padding: 3px;}
/* thead */
.print-data .body .data-table .table thead td {
  border-bottom: 1px solid #000;}
.print-data .body .data-table .table thead td:not(:last-of-type) {
  border-right: 1px solid #000;}
/* gst-table */
.print-data .gst-table table td {
  border: 1px solid #000;
  padding: 4px 10px;}
.print-data .gst-table table thead td {
  border-top: none;}
/* total-table */
.print-data .total-table {
  border: 1px solid #000;
  border-top: none;
  width: 100%;}
.print-data .total-table th {
  border: 1px solid #000;
  font-weight: bold;
  padding: 0 10px;}
.print-data .total-table tr:first-of-type th {
  border-top: none;}
/* print_supply_invoice */
#print_supply_invoice.print-data .head .gst-no {
  position: absolute;
  right: 0;
  bottom: -4px;}
/* gst-table */
#print_supply_invoice.print-data .gst-table table {
  width: 100%;}
/* print_tax_invoice */ 
#print_tax_invoice.print-data .body-head .table td {
  border-bottom: none;}
#print_tax_invoice.print-data .body .data-table .table thead td {
  border-top: 1px solid #000;}




/* single-use */




/* setting */
.setting .card {
  box-shadow: 10px 10px 16px #dedede;
  border: none;
  border-radius: 10px;
  margin-bottom: 15px;}
/* card-head */
.setting .card-row .card .card-head {
  padding: 10px 15px;}
.setting .card-row .card .card-head h1 {
  font-size: 20px;
  margin-bottom: 0;}
.setting .card-row .card .card-head button {
  padding: 7px 16px;
  border-radius: 25px;}
.setting .card-row .card .card-head button.icon-btn {
  padding: 4px 12px;}
.setting .card-row .card .card-head .icon-btn span {
  position: relative;
  top: 3px;
  margin-left: 3px;}
.setting .card-row .card .card-head .icon-btn img {
  height: 20px;}
/* card-body */
.setting .card .card-body {
  padding: 0;}
.setting .card .card-body .common-table {
  margin-top: 0;
  box-shadow: none;}