.login-page,
.register-page {
    background: #ffffff;
}
.login-logo, .register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 300;
    background: rgba(255, 255, 255, 0.83);
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 100px 0 #fff;
    border: 4px solid #fff;
}

.login-box-body,
.register-box-body {
    background: rgba(255, 255, 255, 0.85);
    padding: 20px;
    border: 4px solid #ffffff!important;
    border-radius: 5px;
    box-shadow: 0 0 10px 0;
}
.skin-blue .main-header .logo {
    background-color: #ffffff;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-blue .main-header .navbar {
    background-color: #ffffff;
    padding-top: 38px
   
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #ecf0f5;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #bb7815;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #ffffff;
    background: #e0982e;
    border-left-color: #ff9800;
}
.content-wrapper, .right-side{background: #fff;}
.skin-blue .main-header .logo:hover {
    background-color: #fff;
}
.table-bordered {border: 1px solid #dfdfdf!important;}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #eaeaea;
}
.skin-blue .main-header li.user-header {
    background-color: #ffffff;
}
.breadcrumb{background: #e6e6e6;}
.skin-blue .sidebar-menu > li > .treeview-menu{    background: #1d1d1d;}
.skin-blue .treeview-menu > li > a {
    color: #b5b5b5;
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
    color: #fff;
}
@media (max-width: 767px){
    table.dataTable thead th{    white-space: nowrap!important; width: 0%!important;}
    table.dataTable thead th, table.dataTable thead td{    }
    table.dataTable tbody th, table.dataTable tbody td {
        padding: 0px 10px!important;
        vertical-align: middle!important;
    }
    .dataTables_wrapper .col-xs-6 {
        width: auto!important;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0!important;
    }
    .dataTables_wrapper .dataTables_filter input {

        padding: 0px 10px!important;
    }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{font-weight: 600;}
    .pagination{margin:0 0 20px!important;}
}

@media only screen and (max-width: 760px) {

    #logo_in{
       width: 200px;
   }

}
dl.booking-grid {
    border: 1px solid #dfdfdf;
    margin-right: -1px;
    min-height: 60px;
    padding: 15px;
    margin: 0;}
    dl.booking-grid dd {
        font-weight: bold;
        color: #3c3c3c;
        font-size: 14px;
        padding: 8px 0;
    }
    dl.booking-grid dt {
        font-size: 14px;
        color: #989898;
    }

    .box.box-primary {
        border-top-color: #353535;
        border-radius: 4px;
        border: 1px solid #dfdfdf;
    }
    .box-header.with-border {
        border-bottom: 1px solid #f4f4f4;
        border-radius: 10px;
        background: #636363!important;
        color: #fff;
        border-radius: 0!important;
        color: #fff!important;
    }
    .multiselect.dropdown-toggle.btn.btn-default > div.restricted {
        margin-right: 5px;
        max-width: 100px;
        overflow: hidden;
    }
    .multiselect-holder .btn-group{width: 100%!important; text-align: left;}
    .multiselect-container{width: 100%!important;}
    span.multiselect-selected-text {
        text-align: left!important;
        display: block;
    }
    .multiselect b.caret {
        position: absolute!important;
        right: 8px!important;
        top: 15px!important;
    }
    .dt-buttons :hover
    {
        /*background-color: #ff851b;*/
        border-radius: 20px;
    }
    .custom-modal-wrapper
    {
        width: 75%;
    }
    .add-dynamic-button
    {
        border-radius: 20px;
        background-color: #ca2321;
        color: #2dd42d;
        height: 30px;
        width: 40px
    }
    .remove-dynamic-button
    {
        border-radius: 20px;
        background-color: #ca2321;
        color: #2dd42d;
        height: 30px;
        width: 40px
    }
    .questions
    {
        font-size: 14px;
    }
    .marks
    {
        font-weight: bold;
        text-align: right;
    }
    .title-header
    {
      text-align: center;
      text-transform: uppercase;
      background: #ffffff;
      color: #1d1d1d;
      
      font-size: 18px;
      letter-spacing: 2px;
      font-weight: 1000;
      margin-left: 400px;
  }
  .questiontype
  {
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 25px; 
}
.hrclass
{
   border: 1px solid #f39c12;
}

.thankyou-block {
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: 16px!important;
    padding: 40px;
    color: #555;
}
.thankyou-block i {

    font-size: 65px;
    color: #8BC34A;

}
.quiz-header{
    align-items: center;
    align-content: center;
    text-align: center;
    margin-left: 450px;
    margin-top: 250px
}
.container-align{
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 20px;
}

.timer {
font-size: 32px;
  }

.alert {
padding: 9px;
background-color: #FFB8B8;
color: #EB2020;
border-radius: 0px 0px 8px 8px ;
font-size: 14px;
width:796 ;
height:5;
  }


  /*Added CSS for HTML on 23092019*/
 



.navbar h1{
	font-size: 20px; font-weight: 700; text-transform: uppercase;
	margin: 10px 0;
}
.navbar-light {
    background: #fff;
    box-shadow: 0px 3px 24px #0000000F;
    padding: 4px 12px 6px;
}
.time-title{
	display: block;
	font-size: 11px;

}
.time-counter{
	font-size: 32px;
	font-weight: 700;
	display: block;
	    line-height: 24px;
	    color: #1d1d1d;
}
h2{
	font-size: 14px; 
	margin:40px 0;
	text-transform: uppercase;
	font-weight: 700;
}
.wrapper-form {
    padding-top: 66px;
}
.question-holder{
	background: #fff;
	padding: 20px 30px;
}
.question-card {
    border-bottom: 2px solid #f9b57b;
    padding: 20px;
}
.question-card h3 {
	font-size: 16px;
	    margin-bottom: 15px;
}
.custom-control{
	margin:10px 0;
}
.custom-control-label{
	font-size: 14px;
	color: #909090;
}
.custom-control-label::before{
	border: #adb5bd solid 2px;
}
.custom-control-input:checked~.custom-control-label::before {
      color: #fff;
    border-color: #f58220;
    background-color: #f58220;
    }
    .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #f58220;
    background-color: #f58220;
}
.question-card  {
	margin:15px 0;
}
.question-card textarea{
	    background: #EBEBE4;
}
.question-card:last-child{
	border: none;
}
button.btn.btn-submit {
    background: #FF851B;
    color: #fff;
    display: table;
    margin: 20px auto;
}
.notification {
    background: #FFB8B8;
    color: #EB2020;
    display: table;
    padding: 19px 20px;
    border-radius: 0 0 5px 5px;
    margin-top: 96px;
    margin-left: 268px;
    text-align: center;
    font-size: 14px;
}
.alertRed{
	color: #EB2020;
}
@media (max-width: 767px) {
 .navbar-brand{
			display: table;
			    width: 100%!important;
	}
	a.navbar-brand img {
    display: table;
    margin: auto;
}

.fixed-top{
	position: static;
}
.wrapper-form {
    padding-top: 0;
}
}