#loader{transition:all .3s ease-in-out;opacity:1;visibility:visible;position:fixed;height:100vh;width:100%;background:#fff;z-index:90000}
#loader.fadeOut{opacity:0;visibility:hidden}
.spinner{width:40px;height:40px;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);background-color:#333;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}
.form-group.row.cc-search-input button{position:absolute;right:20px;top:8px;background-color:transparent;border:none;color:#000;}
.form-group.row.cc-search-input .form-control{padding-right:30px;}
.cc-table-filter{display:flex;width:100%;align-items:center;margin-bottom:25px;justify-content:space-between;}
.cc-table-filter .cc-select-box .form-check .form-check-input{position:relative;margin:0;}
.cc-table-filter .cc-select-box .form-check{background-color:#fff;margin-right:20px;height:35px;border:1px solid #ccc;display:flex;align-items:center;padding:0 20px;border-radius:3px;}
.cc-date-wrapper{display:flex;padding-left:20px;align-items:center;}
.cc-date-wrapper .timepicker-input{margin:0;}
.cc-date-wrapper span{margin:0 10px;}
.cc-date-wrapper .timepicker-input .input-group-addon {
	padding: 6px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.cc-table-filter > div{display:flex;}

@-webkit-keyframes sk-scaleout{
	0%{-webkit-transform:scale(0)}
	100%{-webkit-transform:scale(1);opacity:0}
}
@keyframes sk-scaleout{
	0%{-webkit-transform:scale(0);transform:scale(0)}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}

/*Login Form*/
.cc-light-grey-bg{width:100%;background-color:#081455;display:flex;justify-content:center;align-items:center;}
.cc-logo{display:flex;justify-content:center;}
.cc-white-card{border-radius:0;background-color:#fff;max-width:50%;margin:20px auto;border:1px solid rgba(0,0,0,.0625);}
.cc-card-header{border-bottom:1px solid rgba(0,0,0,.0625);padding:15px;}
.cc-card-body{padding:15px;}
.cc-white-card .cc-card-header h2{color:#000;font-size:16px;text-transform:uppercase;margin:0;}
.mt-15{margin-top:15px;}
.mb-0{margin-bottom:0px;}
button{cursor:pointer;}
html,body{height:100%;}
.cc-white-card .form-group{display:flex;}
.cc-white-card .form-group .form-control{width:70%;height:40px;}
.cc-white-card .form-group label{width:30%;margin:0;}
.cc-spacer{height:60px;}
.cc-spacer.h-40{height:40px;}
.cc-check-wrapper{margin-bottom:10px;margin-top:10px;}
.sidebar{background-color:#33374e!important;}
.sidebar-logo a .logo-text{color:#fff!important;}
.sidebar-menu li a{color:#fff!important;}
.sidebar-menu li a:focus,.sidebar-menu li a:hover{color:#fff!important;}
.btn-primary{color:#fff;background-color:#3ab7bb!important;border-color:#3ab7bb!important;}
.btn-primary:hover{background-color:#1a979b!important;border-color:#1a979b!important;}
.peer.cc-logo-wrapper{display:flex;width:100%;align-items:center;justify-content:center;padding-top:0px;}
.sidebar .sidebar-inner .sidebar-logo a .logo{width:auto!important;height:64px;padding:10px;}
.sidebar .sidebar-inner .sidebar-logo a .logo img{max-width:100%;max-height:100%;}
form .col-form-label{line-height:normal;padding-top:0;}
.form-group.cc-profile-img a{width:60px;border:1px solid #ebebeb;border-radius:0px;margin-right:5px;height:60px;padding:10px;}
.form-group.cc-profile-img a img{width:100%;object-fit:cover;height:100%;}
.form-group.cc-flex-wrap .col-form-label{max-width:20%;width:13%;padding-right:15px;}
.form-group.cc-flex-wrap .form-control{width:87%;}
.form-group.cc-flex-wrap{display:flex;}
.cc-radio-inner .form-check{display:inline-block;padding-right:15px;}
.form-group.row.cc-profile-img.cc-profile-img-2{margin:0;margin-bottom:15px;}
.form-group.row.cc-profile-img.cc-profile-img-2 label{width:26%;}
.dataTable .form-check-input{position:relative;}
.dataTables_wrapper {
	overflow: auto !important;
}
.timepicker-input {
    border: solid 1px #ced4da;
    border-radius: .25rem;
}

.timepicker-input .ti-calendar {
    line-height: 33px;
    display: inline-block;
    padding: 0 8px;
    font-size: 16px;
}

input::placeholder {
    color:#9e9e9e !important;
}

div#deleteModal {
    background-color: rgba(0,0,0,0.5);
    opacity: 1 !important;
}

div#deleteModal .modal-header .close {
    display: none;
}

#deleteModal .modal-header {
    justify-content: start;
    align-items: center;
    -webkit-box-pack: center;
}

.profileimagediv .img-wrapper {
    width: 70px !important;
    height: 70px !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 5px;
}

.profileimagediv .img-wrapper img {
    max-width: 100%;
    height: auto !important;
    max-height: 100%;
}

.profileimagediv .img-overlay {
    position: absolute;
    top: -10px;
    right: -10px;
    left: auto;
}

.form-group.profileimagediv {
    margin-bottom: 0;
}

@media (max-width:991px){
	.cc-white-card{max-width:100%;}
	.cc-table-filter .cc-select-box .form-check .form-check-label{width:100%;display:flex;}
	.cc-table-filter .cc-select-box .form-check .form-check-input {
	margin-right: 5px;
}
}
@media (max-width:767px){
	.cc-light-grey-bg{align-items:start;}
	.form-group.cc-flex-wrap .col-form-label{max-width:31%;width:31%;padding-right:15px;}
}
@media (max-width:667px){
	.cc-login-btn button{width:100%;margin-bottom:10px;}
	.cc-login-btn{width:100%;}
	.form-group.cc-flex-wrap{display:flex;flex-wrap:wrap;}
	.form-group.cc-flex-wrap .col-form-label{max-width:100%;width:100%;padding-right:15px;}
	.form-group.cc-flex-wrap .form-control{width:100%;}
	.form-group.row.cc-profile-img.cc-profile-img-2 label{width:100%;}
	.cc-table-filter {
	flex-wrap: wrap;
}
.cc-table-filter > div {
	display: flex;
	width: 100%;
	margin-bottom: 14px;
	padding-left: 0;
}

.dataTables_wrapper .dataTables_length {
	width: 100%;
}
.dataTables_wrapper .dataTables_filter {
	width: 100%;
}
.cc-table-filter .dropdown-toggle {
	font-size: 12.5px;
}
}

/*css added by monika*/
 .asterisk {
        color: red;
    }
    .successMsg {
        color: green;
    }
    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;max-width: 100%;}
.img-overlay {position: absolute;top: -11px;left: 165px;}
.hide{
    display:none;
}
.btn-xs {
    /*padding: 2px 14px !important;*/
    color:#fff!important;
}


.modal.fade.in
{
  opacity: 0.5!important;
    /*z-index: 1040!important;*/
}

.modal-dialog
{
    padding:2%;
}
.selected {
  background-color:darkgrey!important;
}
.errorMsg
{
    color:red;
}
.SuccessMsg{
    color:green;
}
.BlueBackground {
    background-color: #337ab7 !important;
    color: #fff !important;
}
.WhiteBackground {
    color: #337ab7 !important;
    background-color: #fff !important;
}
.disableControl{
    pointer-events:none;
    background-color:#f4f5f8 !important;
}
#tableDiv_length
{
    display:inline-flex!important;
}
.date-range-picker-box{
    margin-left:20px!important;
}
#btnClearDateRange,#btnForward,#btnBack
{
    margin-left:5px;
    background:#7774e7;
    color:white;
}

.cc-white-card {
    border: none;
    border-radius: 15px;
}

.cc-white-card .form-group.mb-0 {
    justify-content: flex-end;
}

.datepicker{
    background-color: #fff!important;
}


div#ui-datepicker-div {
    border: none;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
    margin-top: 5px;
    padding: 10px;
}

div#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background-color: #6dc1af;
    border: none;
}

div#ui-datepicker-div.ui-datepicker .ui-datepicker-header a.ui-corner-all {
    filter: brightness(100);
    color: #fff !important;
}

div#ui-datepicker-div.ui-datepicker .ui-datepicker-header select {
    border: none;
    border-radius: 4px;
    margin: 0 2px;
    width: 46%;
    font-size: 14px;
    height: 26px;
}

table.ui-datepicker-calendar th {
    font-weight: 600;
    font-size: 12px;
}

div#ui-datepicker-div.ui-datepicker .ui-state-default,div#ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,div#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-default {
    border: none;
    border-radius: 4px;
    background-color: #aee2d7;
    color: #111;
    font-size: 12px;
}

.ui-widget-header .ui-icon {
    /*background-image: url(../images/ui-icons_222222_256x240.png)*/ /*{iconsHeader}; */
    background-image: url('../images/ui-icons_222222_256x240.png') !important;
}

.dataTables_processing
{
     margin-bottom: 20px;
    background-color: #fff;
    /*background-color:lightsteelblue;*/
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-color: #ddd;
	    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    
}

.custom-width div#undefined {
    max-width: 100%;
}

.custom-width
{
    padding-left:11%!important;
}

.redBackground{
    background:RGB(255,138,138)!important;
}
.greenBackground{
    background:RGB(179,255,179)!important;
}
.orangeBackground{
    background:RGB(255,197,138)!important;
}

.darkRedBackground{
     background:RGB(255,66,66)!important;
}
#homerisk .col-xl-12, #homerisksummary .col-xl-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
 #homerisk .msc-form-menu,#homerisksummary .msc-form-menu {
    margin: 0;
    display: flex;
    width: 100%;
    clear: both;
    float: left;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 0 1px #DEDEDE;
    margin-bottom: 1.2rem;
    /*padding: 8px;*/
    overflow-x: auto;
}

   #homerisk  .msc-form-menu li , #homerisksummary  .msc-form-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #homerisk    .msc-form-menu li a ,  #homerisksummary    .msc-form-menu li a {
    color: #575962;
    padding: 0 10px;
    display: block;
    white-space: nowrap;
}

     #homerisk   a, #homerisksummary   a, a label {
    cursor: pointer!important;
}

      #homerisk  .msc-scrollable-main-div ,  #homerisksummary  .msc-scrollable-main-div {
    max-height: 78vh;
    overflow-y: auto;
    overflow-x: hidden;
}