/* Common */
label.error , span.error{ margin-bottom: 8px;  color: #fb2020;     font-size: 12px; }


/* Login */
.login-box{
	border: 1px solid #ababab;
    padding: 15px;
    border-radius: 5px;
    background-color: #FFF;
}

/* Nav bar top */
.collapse-level-1{width: max-content;}


/*  */
.hk-pg-wrapper{ background-color: #f1f1f1; }
.page-head{ margin-bottom: 10px; }

.hk-breadcrumb{  margin :  0px; }
.hk-breadcrumb  .breadcrumb{
	border-bottom: 0px;
    padding: 5px 0;
    margin-bottom: 0;
    background-color :  transparent;
}
.hk-breadcrumb .b-item + .b-item:before {
    font-family: "dripicons-v2" !important;
    content: "V";
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    padding: .3rem;
    position: relative;
    top: 1px;
    color: rgba(193, 198, 200, 0.8);
}
.hk-pg-wrapper{ padding: 57px 20px 60px; }
.page-wrape { width: 100%; display: block; background-color: #FFF; padding: 15px; border-radius: 5px; height: 100%;  }



/* Navigation color */
.hk-wrapper .hk-navbar.navbar-light a.navbar-toggle-btn{color: #FFF;}
.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-light , .hk-wrapper .hk-navbar.navbar-light {
    background: #00985f;
}
.hk-wrapper .hk-navbar{ box-shadow: none; }
.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-light .navbar-nav .nav-item .nav-link,
.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-light .navbar-nav .nav-item .nav-link:hover,
 .hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-light .navbar-nav .nav-item .nav-link:focus,
 .hk-wrapper .hk-navbar.navbar-light .navbar-nav.hk-navbar-content .nav-item .nav-link,
 .hk-wrapper .hk-navbar.navbar-light .navbar-nav.hk-navbar-content .nav-item .nav-link:hover, 
 .hk-wrapper .hk-navbar.navbar-light .navbar-nav.hk-navbar-content .nav-item .nav-link:focus {
    color: rgba(255, 255, 255, 0.8);
}
.hk-wrapper.hk-vertical-nav .hk-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link{
    margin-left: 15px;
}
.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-light .navbar-nav .nav-item .nav-link:hover{ color: #FFF }

.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-light .navbar-nav .nav-item.active > .nav-link {
    color: #FFF;
}





.animate__animated{
  --animate-duration: 2s;
}


/* Website COnfig */
.tabs .nav.nav-tabs .nav-link {    font-size: 16px; }
.tabs .nav.nav-tabs .nav-link {  border-bottom: 3px solid #e8e8e8;}
.tabs .nav.nav-tabs .nav-link.active{  border-bottom: 3px solid #3a55b1;}

/* Form Design  */
.form-group .col-form-label{ text-align: right; font-weight: 600; }
.form-control, .dd-handle { height: 2.25rem }
.input-group-text{ padding: .27rem .75rem; }
#bulkActionClick.input-group-text{ cursor: pointer; color: #FFF; }

.fileinput .btn{ padding: .26rem .75rem; }
.tab-pane.fade{display: none}
.tab-pane.fade.show{display: block}

.dataTables_wrapper .dataTables_length{display: none;}
.dataTables_paginate .pagination{ float: right;  }
.dataTables_wrapper .dataTables_empty{ text-align: center; }
.list-head{ border-bottom: 1px solid ; padding-bottom: 5px; margin-bottom: 5px; }
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #c4d0f95c;
    color: #333;
}
.dataTables_wrapper table.dataTable th.sorting,
.dataTables_wrapper table.dataTable th.sorting_asc,
.dataTables_wrapper table.dataTable th.sorting_desc{ cursor: pointer; }
.dataTables_wrapper table.dataTable input[type=checkbox]{ height: 1.5rem; }
.dataTables_wrapper table.dataTable th{ font-weight: bold;  }
.action-btn a i {font-size: 19px !important;}
.icon-addmore{color:#00C161;  font-size: 30px; cursor: pointer; margin-top: 2px;}
.icon-addmore:hover{color:#009148; }
.icon-remove{color:#FF5353; cursor:default;}.icon-remove:hover{color:#FF0D0D; cursor:default;}
.action-btn a{ padding:5px;}
.icon-edit{color:#1B3CFC;}
.icon-active{color:#0B9800;}
.icon-deactive{color:#D30508;}
.icon-view{color:#02DB21;}
.icon-delete{color:#FF2929;}
.icon-blue{color:#393498;}



.specifictionList{ list-style: none; margin: 0px; padding: 0px; }
.specifictionList li {
    padding: 5px 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #393498;
    color: #fff;
    border-radius: 2px;
    float: left;
}
.specifictionList li span{ cursor: pointer;  }

.card_img img{ max-height: 57px; margin-right:  5px;  }

















































/* Common CSS */

.m-0{margin:0 !important}
.m-2{margin:2px !important}
.m-4{margin:4px !important}
.m-8{margin:8px !important}
.m-12{margin:12px !important}
.m-16{margin:16px !important}
.m-24{margin:24px !important}
.m-32{margin:32px !important}
.m-64{margin:64px !important}
.m-t-5{margin-top:5px !important}
.m-t-10{margin-top:10px !important}
.m-t-16{margin-top:16px !important}
.m-t-20{margin-top:20px !important}
.m-t-25{margin-top:25px !important}
.m-t-30{margin-top:30px !important}
.m-t-50{margin-top:30px !important}

.m-b-5{margin-bottom:5px !important}
.m-b-10{margin-bottom:10px !important}
.m-b-16{margin-bottom:16px !important}
.m-b-20{margin-bottom:20px !important}
.m-b-25{margin-bottom:25px !important}
.m-b-30{margin-bottom:30px !important}
.m-b-50{margin-bottom:30px !important}

.m-l-5{margin-left:5px !important}
.m-l-10{margin-left:10px !important}
.m-l-16{margin-left:16px !important}
.m-l-20{margin-left:20px !important}
.m-l-25{margin-left:25px !important}
.m-l-30{margin-left:30px !important}
.m-l-50{margin-left:50px !important}

.m-l--5{margin-left:-5px !important}
.m-l--10{margin-left:-10px !important}
.m-l--16{margin-left:-16px !important}
.m-l--20{margin-left:-20px !important}

.m-r-5{margin-right:5px !important}
.m-r-10{margin-right:10px !important}
.m-r-16{margin-right:16px !important}
.m-r-20{margin-right:20px !important}
.m-r-25{margin-right:25px !important}
.m-r-30{margin-right:30px !important}
.m-r-50{margin-right:50px !important}

.m-r--5{margin-right:-5px !important}
.m-r--10{margin-right:-10px !important}
.m-r--16{margin-right:-16px !important}
.m-r--20{margin-right:-20px !important}
.m-r--40{margin-right:-40px !important}

.m-lr-5{margin: 0px 5px;}
.m-lr-0{margin-right:0px !important; margin-left:0px !important;}

.p-tiny{padding:2px 4px !important}
.p-small{padding:4px 8px !important}
.p-medium,.padding{padding:8px 16px !important}
.p-large{padding:12px 24px !important}
.p-xlarge{padding:16px 32px !important}
.p-xxlarge{padding:24px 48px !important}
.p-jumbo{padding:32px 64px !important}
.p-0{padding:0px !important}
.p-5{padding:5px !important}
.p-8{padding:8px !important}
.p-10{padding:10px !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-25{padding:25px !important}

.p-l-0{padding-left: 0px !important;}
.p-l-5{padding-left: 5px !important;}
.p-l-8{padding-left: 8px !important;}
.p-l-10{padding-left: 10px !important;}
.p-l-15{padding-left: 15px !important;}
.p-l-20{padding-left: 20px !important;}
.p-l-25{padding-left: 25px !important;}

.p-r-0{padding-right: 0px !important;}
.p-r-5{padding-right: 5px !important;}
.p-r-8{padding-right: 8px !important;}
.p-r-10{padding-right: 10px !important;}
.p-r-15{padding-right: 15px !important;}
.p-r-20{padding-right: 20px !important;}
.p-r-25{padding-right: 25px !important;}
.p-lr-0{padding-left: 0px !important; padding-right: 0px !important;  }

.p-t-0{padding-top: 0px !important;}
.p-t-5{padding-top: 5px !important;}
.p-t-8{padding-top: 8px !important;}
.p-t-10{padding-top: 10px !important;}
.p-t-15{padding-top: 15px !important;}
.p-t-20{padding-top: 20px !important;}
.p-t-25{padding-top: 25px !important;}

.p-b-0{padding-bottom: 0px !important;}
.p-b-5{padding-bottom: 5px !important;}
.p-b-8{padding-bottom: 8px !important;}
.p-b-10{padding-bottom: 10px !important;}
.p-b-15{padding-bottom: 15px !important;}
.p-b-20{padding-bottom: 20px !important;}
.p-b-25{padding-bottom: 25px !important;}

.p-tb-4{padding-top:4px !important;padding-bottom:4px !important}
.p-tb-8{padding-top:8px !important;padding-bottom:8px !important}
.p-tb-16{padding-top:16px !important;padding-bottom:16px !important}
.p-tb-24{padding-top:24px !important;padding-bottom:24px !important}
.p-tb-32{padding-top:32px !important;padding-bottom:32px !important}
.p-tb-48{padding-top:48px !important;padding-bottom:48px !important}
.p-tb-64{padding-top:64px !important;padding-bottom:64px !important}
.p-10-20{padding:10px 20px;}
.p-lr-5{padding: 0px 5px;}