.card .card-body .form-group {

    margin: 20px 0 0 !important;

}

label {

    font-size: 15px !important;

    color: #000 !important;

    margin-top: -13px;

}





.bmd-label-static {

    top: 0px !important;

}

.sidebar .nav li a, .sidebar .nav li .dropdown-menu a {

    margin: 0px 2px 0 !important;

    }



p {

    font-size: 17px;

    font-weight: 400;

}

.panel-primary {

    border-color: #428bca;

}

.card {

    font-size: 17px;

}

body {

    font-weight: 400;

}

.table thead tr th {

    font-size: 1.063rem;

    font-weight: 700;

}

.panel {

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid #428bca;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

}

.panel-primary>.panel-heading {

    color: #fff;

    background-color: #428bca;

    border-color: #428bca;

}



.panel-heading {

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

}

.panel-title {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 16px;

    color: inherit;

}

.panel-body {

    padding: 5px 10px;

}

.panel-primary>.panel-heading h3 {

    margin: 0px;

    font-size: 15px;

    font-weight: 500;

}



.well {

    min-height: 20px;

    padding: 10px;

    margin-bottom: 20px;

    background-color: #ffffff;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);

    display: inline-block!important;

}

.boxwrapn {

    width: 100%;

}

.searchbar {

  width: 200px !important;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

}

.boxwrapn .form-control:read-only {

    background-image:none !important;

}

.boxwrapn .form-inline {

    margin-bottom: 0px;

    }

    .form {

    padding: 0px 10px;

}

.sourabhtab .nav-item {

    width: 250px;

}



.nav-item a {

    font-size: 17px !important;

    text-transform: capitalize !important;

}



.textarea1 {

    border: 2px solid #e3e3e3 !important;

    border-radius: 5px;

}



.badge {

    display: inline-block;

    min-width: 10px;

    padding: 3px 7px;

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    background-color: #777;

    border-radius: 10px;

}

.scorelist h4 {

    font-weight: 700;

}



.progress {

    height: 20px;

    border-radius: 20px;

    box-shadow: none;

    background: #DDDDDD;

    margin-bottom: 20px;

}

.panel-default1 {



    border: 1px solid #d6d2d2 !important;

    

}

.ac1 {

    float: left;

    margin-right: 7px;

}

.scorelist1 {

    border-bottom: 2px solid #e4e2e2;

    margin-bottom: 25px;

    padding-bottom: 15px;

}

.panel-default1 .panel-body {

    border-left: 6px solid #ff9800;

}



.sb {

    border: 1px solid #ccc !important;

    display: inline-block;

    position: relative;

    border-radius: 10px;

    padding: 5px;

}



.d1 h4 {

    font-weight: 600;

    margin-bottom: 0px;

}



.d1 {

    margin-bottom: 0px;

        border: 1px solid #ccc;

}



.qs {

    border-radius: 5px;

    margin-top: 20px;

}





.switch-field {

  margin-bottom: 10px;

  overflow: hidden;

}



.switch-field input {

  position: absolute !important;

  clip: rect(0, 0, 0, 0);

  height: 1px;

  width: 1px;

  border: 0;

  overflow: hidden;

}



.switch-field label {

    background-color: #ffffff;

    line-height: 1;

    text-align: center;

    padding: 8px 16px;

    border: 1px solid rgb(0 0 0 / 28%);

    border-radius: 30px;

    width: 100px;

}

.switch-field label:hover {

  cursor: pointer;

}



/*.switch-field input:checked + label {

  background-color: #a5dc86;

  box-shadow: none;

}*/



.switch-field input:checked + #label-yes {

  background-color: #a5dc86;

  box-shadow: none;

}

.switch-field input:checked + #label-no {

  background-color: #ef3106d1;

  box-shadow: none;

}

.switch-field input:checked + #label-partial {

  background-color: #ffa500b8;

  box-shadow: none;

}

.switch-field input:checked + #label-na {

  background-color: #96948fb8;

  box-shadow: none;

}





.switch-field label {

    margin-top: 0px !important;

}

.switch-field label {

    margin: 0px 25px 0px 12px !important;

}

.textareacss {

    border: 1px solid #ccc !important;

    border-radius: 5px !important;

}

.fileall {

    margin: 30px 0px 25px 0px;

    border-top: 1px solid #ccc;

}



/*select.form-control {

    border: 2px solid #eee;

    border-radius: 7px;

}*/



.form-group.sourabh {

    font-size: 14px;

}

b {

    color: #000;

}

#link1 .progress {

    height: 20px;

    border-radius: 20px;

    box-shadow: none;

    background: #DDDDDD;

    margin-bottom: 5px;

}





.sourabh.hideclass {

    display: none !important;

}

div#subhead {

    font-size: 14px;

}



.ss1 {

    margin: 20px 0px;

}



.ss1 .panel-body {

    background: #dedcdc;

}



.searchbarsec {

    width: 300px;

    margin: auto;

    position: absolute;

    left: 10%;

    margin-top: 9px;

}





.card.card-login {

       background: #171d4d;

        border-radius: 22px;

        padding: 8% 3%;

    }

    

    .page-header {

        background: #1d266b;

    }



.input-group {

    background: #fff;

    margin-bottom: 30px;

    padding: 6px 0px;

    border-radius: 10px;

}



.input-group input {

    background: #fff;

}



input.form-control {}



input.btn.btn-primary {

    font-size: 17px;

    border-radius: 10px;

    background: #51b34e;

    border: 2px solid #51b34e;

    padding: 10px 107px;;

}

.card-footer a {

    font-size: 17px;

    border-radius: 10px;

    background: #51b34e;

    border: 2px solid #d8c828;

    padding: 10px 96px;

    color: #fff!important;

}



input.btn.btn-primary:hover {

    background: transparent;

    color: #fff;

    border-color: #fff;

}



.card-footer.justify-content-center {

    margin-top: -27px;

}



.card-header.card-header-rose.text-center {

    margin: 0;

    background: transparent!important;

    margin-top: 0px!important;

    box-shadow: none!important;

    display: flex;

    align-items: center;

    justify-content: center;

}



.card .card-body {

    padding-bottom: 0;

}



.card-header.card-header-rose.text-center h4 {

    font-size: 26px;

    font-weight: bold;

    text-transform: uppercase;

    position: relative;

    margin-bottom: 22px;

}



.card-header.card-header-rose.text-center h4:after {

    content: "";

    width: 44px;

    height: 4px;

    position: absolute;

    background: #fff;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -12px;

}



.card-footer.justify-content-center {

    /*padding-bottom: 35px!important;*/

}



.col-md-6.col-sm-8.ml-auto.mr-auto img {

    width: 100%;

}



.col-lg-5.col-md-6.col-sm-8.ml-auto.mr-auto {

    align-items: center;

    justify-content: center;

    display: flex;

}



.page-header .container {

    background: #fff;

    border: 9px solid #d8c828;

    padding: 2% 0%;

}



@media (max-width:767px){

    .col-lg-5.col-md-6.col-sm-8.ml-auto.mr-auto{

        display:none;

    }

}



.form {

    padding: 0px 10px;

  }

b {

color:#000;

}



.searchbar {

    width: 200px !important;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

}

.req{

    color: red;

}





 .group .cnt-chart-tabs {

    line-height: 24px;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 500;

    min-width: 100px;

    text-align: center;

    color: #555;

    transition: all .3s;

    border-radius: 30px;

    padding: 10px 15px;

    background-color: #ddd9d9;

    }

    .group .cnt-chart-tabs:hover {

      background-color: rgba(200, 200, 200, 0.2); }

    .group .cnt-chart-tabs .active {

      color: #ffffff;

      background-color: #9c27b0;

      box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }

/* DataTables: match live project - controls in main content, same row (not sidebar) */
.main-panel .dataTables_wrapper,
.card-body .dataTables_wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.dt-controls-top,
.dt-controls-bottom {
  width: 100%;
}
.dt-controls-top .dataTables_filter input,
.dataTables_wrapper .dataTables_filter input {
  border-radius: 6px;
  border: 1px solid #ccc;
}
/* Top row: "Show X entries" LEFT, "Search records" RIGHT - same row */
div.dataTables_wrapper > div.dt-layout-row:first-child,
div.dataTables_wrapper > div.row:first-of-type {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between !important;
  align-items: center;
  margin-bottom: 0.75rem;
}
div.dataTables_wrapper .dataTables_length {
  float: left !important;
  margin-bottom: 0.75rem;
  text-align: left !important;
}
div.dataTables_wrapper .dataTables_filter {
  float: right !important;
  margin-bottom: 0.75rem;
  text-align: right !important;
}
div.dataTables_wrapper > table.dataTable,
div.dataTables_wrapper > div.dataTables_scroll {
  clear: both !important;
}
div.dataTables_wrapper div.dataTables_filter label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  min-width: 200px;
}
div.dataTables_wrapper div.dataTables_filter input::placeholder {
  color: #999;
}
/* Bottom row: "Showing X to Y" LEFT, pagination RIGHT - same row */
div.dataTables_wrapper > div.dt-layout-row:last-child,
div.dataTables_wrapper > div.row:last-of-type {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between !important;
  align-items: center;
  padding-top: 0.75em;
  clear: both !important;
}
div.dataTables_wrapper .dataTables_info {
  float: left !important;
  padding-top: 0.85em;
  font-size: 14px;
  color: #555;
  text-align: left !important;
}
div.dataTables_wrapper .dataTables_paginate {
  float: right !important;
  margin: 0;
  padding-top: 0.75em;
  text-align: right !important;
}
/* Force clear before bottom row so info + paginate sit below table */
.card-body div.dataTables_wrapper > div.dataTables_info,
.main-panel div.dataTables_wrapper > div.dataTables_info {
  clear: both !important;
}
@media screen and (max-width: 767px) {
  .card-body div.dataTables_wrapper .dataTables_length,
  .card-body div.dataTables_wrapper .dataTables_filter,
  .main-panel div.dataTables_wrapper .dataTables_length,
  .main-panel div.dataTables_wrapper .dataTables_filter {
    text-align: left !important;
    float: none !important;
  }
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}
/* Pagination: match second image - circular purple active, gray FIRST/PREV/NEXT/LAST */
div.dataTables_wrapper div.dataTables_paginate .pagination .page-item .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination li a {
  border-radius: 50%;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dee2e6;
  color: #555;
  margin: 0 2px;
  text-decoration: none;
  background-color: #fff;
}
div.dataTables_wrapper div.dataTables_paginate .pagination .page-item.active .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button.current .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination li.current a {
  background-color: #9c27b0;
  border-color: #9c27b0;
  color: #fff;
}
div.dataTables_wrapper div.dataTables_paginate .pagination .page-item.disabled .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button.disabled .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination li.disabled a {
  color: #999;
  background-color: transparent;
  border-color: transparent;
}
div.dataTables_wrapper div.dataTables_paginate .pagination .page-item:not(.active):not(.disabled) .page-link:hover,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button:not(.current):not(.disabled) .page-link:hover,
div.dataTables_wrapper div.dataTables_paginate .pagination li:not(.current):not(.disabled) a:hover {
  background-color: #f0f0f0;
  border-color: #ddd;
  color: #333;
}