body {
    font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
}


/* paginate */

 svg.w-5.h-5 {
    display: none;
}
.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    display: grid;
}
.sm\:hidden {
    display: inline-flex !important;
}
span.relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: none;
}
p.text-sm.text-gray-700.leading-5 {
    color: #fff;
    margin-left: 30px;
    /* display: none; */
}

a.relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.rounded-md.hover\:text-gray-500.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
    background-color: #0c1863 !important;
    color: #fff;
}

/* Alet */

.msg {
    display: inline-flex;
}

.alert-success {
    color: #ffffff;
    background-color: #025830;
    border-color: #025830;
}

.alert-msg {
    color: black;
    /* background-color: #025830;
    border-color: #025830; */
}

.alert-next {
    color: #ffffff;
    background-color: #03012e;
    border-color: #03012e;
    width: 100px;
}

.alert {
    position: relative;
    padding: 0px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 5px;
    width: fit-content;
}


/* input */

input, textarea, .addfield {
    background-color: #03012e;
    color: #fff !important;
    margin: 2px !important;
}
.addfield:focus {
    color: #fff;
    background-color: #0c1051;
    border-color: #0c1051;
    outline: 0;
}
.form-check-input[type="checkbox"] {
    border-radius: .25em;
    margin: 5px 0px 0 -25px !important;
}

/* .form-group .create_form .optdis{
    color: #fff !important;
}

.form-group select{
    color: #fff !important;
} */


/* Assessment Accordian */

.accordion-button {
    background-color: #03012e;
    color: #fff;
}
.accordion-body {
    background-color: #03012e;
    color: #fff;
}

/* Home page  */

.justify-content-between {
    justify-content: flex-start !important;
}

body{
  font-family: 'Nunito';
}
header{
 background-image: url("../img/bg.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 /* background-attachment: fixed; */
 background-color: #09107d;
 color: #fff;
 min-height: 640px;
 padding: 50px 0px;
  }
  .header_title h1{
    font-size: 35px;
    padding: 8px 0px;
    font-family: 'Nunito';
    font-weight: 800;
  }
  .header_title p{
   font-size: 15px;
   font-family: 'Nunito';
   margin: 0;
  }
  .loginauthentication{
  margin-top: -50px;

  }
  .loginauthentication a{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 14px;

  }
  .part1{
    min-height: 216px;
    box-shadow: 0 15px 10px 20px #26306e;
    padding: 21px 0px;
    border-radius: 19px;
    text-align: center;
  }
  .part1 i{
  padding: 20px 0px;
  font-size:35px;

  }
  .contactinfo{
    margin-top: 180px;
    /* padding-bottom: 20px; */
  }
  .registrationbg{
    background-color: #26306e;
  }
  footer{
    background-color: #26306e;
    padding: 20px 0px;
    text-align: center;
    color: #fff;
  }
  /* login start */
  .login_bg{
    min-height: 640px;
 background-image: url("../img/bg.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 color: #fff;
 /* background-color: #0d1968; */
  }
  .login_part{
    background-color: #0d1968;
  }
  .text_white{
    color: #fff;
  }
  .btn_whiteColor{
    background-color: #0a1c8f;
    border-color: #0d1968;
    color: #fff;
  }
  .btn_primary{
    background-color: #0a1c8f;
    padding: 10px 40px;
    color: #fff;
    margin: 10px 0px;
  }
  .btn_toTop{
    background-color: #0a1c8f;
    color: #Fff;
  }
  .a_color{
    color: #fff;
  }

  .form_control{
    background-color: #26306e;
    border-color: #0d1968;
  }
  .form_control:focus{
    background-color: #051792;
    border-color: #0d1968;
    box-shadow: 0 0 0 0.25rem #0d1968;
  }
  /* admin template :start */
  /* .bg_secondary{
    background-color: #03012e;
  } */

  .bg_secondary{
    background-image: url("../img/dashboard.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .bg_dashboardColor{
    background-color:#014d7f;
  }



/* test Assesement Page  */

.card-body {
    padding: 10px;
}

.card.ict_control_bg.p-4.text-white {
    padding: 10px !important;
}

  .card {
    color: black;
}

.form-check-input {
    background-color: #fff;

}
h3 {
    color: black;
}
.form_control{
    background-color: #182fc1;
    border-color: #182fc1;
  }
  .form_control:focus{
    background-color: #051792;
    border-color: #0d1968;
    /* box-shadow: #0d1968!important; */
    box-shadow: 0 0 0 0.25rem #0d1968;
  }
  /* admin template :start */

  .card {
    color: black;
}
.form-check-input {
    background-color: #fff;
}
h3 {
    color: black;
}

/* user create page start */
.create_form ::placeholder{
  color: #fff;
}
.create_form input{
  background: #0c1051;
  border: 1px solid #0c1051;
  padding: 10px;
  border-radius:15px;
  color: #fff;
}
.create_form input:focus{
  background-color:#09107d;
  border-color: #09107d;
    outline: 0;
    color: #fff;
    box-shadow: 0 0 0 0.25rem #09107d;
}
.create_form select{
  background-color: #0c1051!important;
  border: 1px solid #0c1051;
  padding: 10px;
  border-radius:15px;
  color: #fff;
}
.create_form select:focus{
  background-color:#09107d;
  border-color: #09107d;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #09107d;
    color: #fff;
}
.create_form_textarea{
  background: #0c1051;
  border: 1px solid #0c1051;
  padding: 10px;
  border-radius:15px;
  color: #fff;
}
.create_form_textarea:focus{
  background-color:#09107d;
  border-color: #09107d;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #09107d;
}
.edit_delete{
  /* background-color:#09107d;
  border-color: #09107d;
  width: 50px; */
}
.edit_button{
 width: max-content;
  height: 31px;
  margin-right: 10px;
  background-color: #0915d7;
  border-color: #0915d7;
  color: #fff;
}

.create_submit {
    width: 150px;
    background-color: #0a1c8f;
    border-color: #014d7f;
    color: #fff;
    border-radius: 50px;
}

.create_submit:hover{
  background-color:#1a21a8;
  border-color: #1a21a8;
  color: #fff;
}

.next {
    width: 100px;
    background-color: #03012e;
    border-color: #014d7f;
    color: #fff;
    border-radius: 50px;
}

.skip {
    color: #fff;
    background-color: #03012e;
    border-color: #03012e;
    border-radius: 15px;
    padding: 5px;
    width: 60px;
}

/* input auto fill */
input:-webkit-autofill, input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px #819aca inset;
    -webkit-text-fill-color: #000000;
  }
  .form-floating>label {
      color: rgb(255, 252, 252);
  }

  /* catagory page ict control start */

 .ict_control_bg{
  background-color: #014d7f;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}


  tr,td{
    color: #ffffff;
  }

  /* Data tables  */

.datatable  tr {
    color: black;
}

.datatable  tr td {
    color: black;
}

.datatable   {
    color: black;
    border: 1px solid black !important;
}

.datatable td .badge {
    color: #000;
}

.dataTables_filter .form-control {
    background-color: #fff;

}
.content .navbar .dropdown-item {
  border: 1px solid #fff;
  color: #fff;
}

a.nav-link {
    font-size: 14px;
}

/* client-result */

.client-result tr, .client-result td {
    color: black;
}

/* questions page start */
.dataTables_length label{
  color: #fff;
  border: 1px solid #fff;
}

.dt-buttons a{
  color: #fff;
}
.dataTables_filter label{
color: #fff;
}
input.form-control.form-control-sm{
  background-color: #051792;
  border: 1 px solid #051792;

}
input.form-control.form-control-sm:focus{

  border-color: #0d1968;
color: #Fff;
}
.question_table{
  border: 1px solid #fff!important;
  margin-top: 40px!important;
}
.question_bg{
  background-color: #0d1968!important;
  color: #fff!important;
  border: 1px solid #fff;
}
.question_bg td,th,tr{
  color: #fff!important;

}
.dataTables_wrapper .dataTables_info{
  color: #fff!important;
}
.options_table,.result_table{
  border: 1px solid #fff!important;
}

table.dataTable tbody td.select-checkbox:before{
  border: none!important;
}
td.text-center.select-checkbox{
  background-color: #0d1968!important;
  color: #fff!important;
  border: 1px solid #0d1968!important;
}
.options_tbody{
  background-color: #0d1968!important;
  color: #fff!important;
}
.options_tbody,td{
  color: #fff!important;
}
/* result page */
.table-striped>tbody>tr:nth-of-type(odd){
  background-color: #0d1968!important;
  color: #fff!important;
}
table.dataTable tbody tr {
  background-color: #0d1968!important;
  color: #fff!important;
}
table.dataTable tbody th, tr, td{
  border: 1px solid #0d1968!important;
}
.page-link{
  background-color:#0915d7;
  border-color: #0915d7;
  color: #fff;
  margin-right: 4px;
}



/* Question Tooltip  Icon  */
.popover-header {
    color: #0e0e0e;
    background-color: #ffffff;

}

/* Chart */

rect[fill] {
    fill: #1c65a9 !important;
}



/* select ict nist page */
.selectpart_ictnist{
    margin-top: 100px!important;
  }
  .ict_nist{
    margin: 40px 0px;
  }
  .ict_nist a{
    margin-bottom: 10px;
  }
  .ict_nist_footer {
    font-size: 20px;
    margin-top: 50px;
  }
  .manage_controller {
   padding: 13px 0px;
    text-align: center;
  }
  .manage_controller a{
  font-size: 20px;
    color: #fff;
    /* padding: 0px 45px; */

  }
  .mav_top_para{
    font-size: 30px;
      font-weight: 900;
      margin-left: 151px;
  }
  .ict_dashboard a{
    margin-bottom: 10px;
  }

  /* sidebar left menu */
  .sidebar .navbar .navbar-nav .nav-link{
    margin-bottom: 10px;
    padding: 6px 7px;
     border-left: 0px;
  }

  a.nav-link.dropdown-toggle {
    display: inline-flex;
}

  .table>:not(:last-child)>:last-child>* {
    border: 1px solid #fff;
  }
  .table-bordered>:not(caption)>*>*{
    border: 1px solid #fff;
  }
  .btn-check:focus+.btn, .btn:focus {
    box-shadow: 0 0 0 0.25rem #0915d7;
  }
  .manage_controller {
    margin-bottom: 15px;
  }
  .create_form_textarea:focus {
    color: #fff;
  }
  .form_control{
    color: #fff;
  }
  .form_control:focus{
    color: #fff;
  }
  .captchaform_width{
    width: 300px;
  }

  .sidebar .dropdown a:hover {
    width: 225px !important;
}
.sidebar .navbar .navbar-nav .nav-link.active {
    display: block;
}

/* top bar */

.navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

  /* Open scren edit code  */

  .ict_control_select{
    background-image: url("../img/1.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 100vh;
  }
  input:-webkit-autofill, input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px #0820be inset;
    -webkit-text-fill-color: #fff;

  }
  .selectpart_ictnist{
  margin-top: 100px!important;
}
  .btn_whiteColor {
    color: #fff!important;
  }

  .manage_controller {
  margin-bottom: 25px;
}

  .opens_buttonbg{
    box-shadow: 0 0 0 0.25rem #0b14b9;
    border-radius: 50px;
  }

  .opens_buttonbg:hover{
    background-color: #0f0f0f;
    box-shadow: 0 0 0 0.25rem #0f0f0f;
  }


/* openpage css */
.openpage{
    background-image: url("../img/openscreenbg.jpeg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-color: #00114a;
   min-height: 100vh;

  }
  .openscreen_menu_nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }
  /* .dropdown-menu {
    margin-top: 0;
  } */

.openscreen_menu:hover {
    border: 4px solid #00114a;
    border-radius: 50px;
    background-color: #14296b !important;
    color: #000;
}

  .openscreen_menu{
    background-color: #00114a;
    border-radius: 50px;
    border: 4px solid #00114a;
    box-shadow: 13px 16px 0px #000;
  }
  .openpage_heading2{
    margin:60px 0px;
  }
  .openpage_menupart2{
   margin-top: 150px;
   margin-bottom: 80px;
    text-align: center;
  }

  .openpage_heading{
    margin:20px 0px;
  }
  .openpage_menupart{
   margin-top: 50px;
   margin-bottom: 50px;
    text-align: center;
  }
  .openscreen_menu_dropdown{
    width:70%;
    background-color: #00114a;
    border-radius:  10px;
    text-align: center;
    justify-content: center;
    margin: 0px 39px;
  }
  .openscreen_menu li{
    width: 360px;
    color: #fff;
  }
  .openscreen_menu  a{
  font-size: 20px;
  }

  a#navbarDropdown, .openscreen_menu_dropdown a
  {
    color: #000;
  }
  .openscreen_menu_dropdown a{
    /* border-top: 2px solid #Fff; */
    border: 2px solid #fff;
    color: #fff;
  }
  .openscreen_menu_dropdown a:hover{
    transition: 0.3s ease;
    background-color: #00114a !important;
  }
  h1,h2,h3,h4,h5,h5,h6{
    font-family: 'Nunito';
  }
  .text-3d {
    font-size: 60px;
    font-weight: 800;
    background: linear-gradient(45deg, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .text3d {
    position: absolute;
    color: #fff;
    text-shadow: unset;
}


.openscreen_menu_dropdown .dropdown-item:hover, .openscreen_menu_dropdown .dropdown-item:focus {
    color: #1e2125;
    background-color: #0f2195;
}

/* dashboard image Logo */

.dash-logo {
    margin: 0 0px 0 40px;
    height: 100px;
}

p.ict_nist_footer.text-center.text-bold {
    background-color: #00114a;
    text-align: center;
}

a.nav-link.opoenpageAcolor {
    font-size: 16px;
}

/*feedback bg color btn btn-success*/
.btn_successcolor, .btn-success{
    background: #014d7f;
    border: 1px solid #014d7f;
}

/*Footer Link a*/

footer a {
    color: #ffecc8 !important;
}

.ict_nist_footer  a, .bg_secondary a {
    color: #ffecc8 !important;
}

/* assesement table */

.card-body tr th, .card-body tr td {
    font-size: 14px;
    font-weight: 300;
}

/* Forget pass */

.login-form .card {
  background-color: #094429;
}

/* Sub menu  */

.submenuItems li a {
    font-family: nunito;
    font-size: 12px;
    /* font-style: oblique; */

}

/* chart */
div#chart_div {
    /* background: white;
    height: 510px; */
}
.grandTotal {
    border: 5px solid #d2d9d3 !important;
}

/* stack chart */
g.highcharts-no-tooltip.highcharts-button.highcharts-contextbutton.highcharts-button-normal {
    display: none;
    visibility: hidden;
}


#radar_chart {
  /* background-color: #547a9d; */
  background-color: #1C65A9;
  color: #000;
  /* background-color: #eb0881; */
}