html, body {
    height: 100%;
    font-family: 'Poppins';
    font-weight: normal;
    background: #eff7fb;
}

p {font-family: 'Poppins';}
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins';}

.h1, h1 {
     font-family: 'Poppins';
      font-weight: normal;
}
 .h2, h2{
     font-family: 'Poppins';
      font-weight: normal;
}
a {
    color: #5A4FF3;
    text-decoration: none;
}
a:hover{
    color:#4c42db;
    text-decoration: none;
}

.login_bg{    
    background-image: url(../img/login_formbg.jpg);
    /* background: linear-gradient(45deg, #007cc3, #e61731); */
	width:100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	}

.login_bg .hpanel .panel-body {
    border-radius: 15px;
	    padding: 25px 30px;
}
.logo_icon {
    display: block;
    text-align: center;
}

.login_bg .content-error .login-btn {
    display: block;
    text-align: center;
    margin-top: 25px;
}

.btn.gradient-btn {
    /* background: rgb(151, 238, 252); */
    /* background: linear-gradient(90deg, rgba(151, 238, 252, 1) 0%, rgba(253, 121, 161, 1) 48%, rgba(231, 132, 120, 1) 100%); */
    background: rgb(34 154 219);
    background: linear-gradient(90deg, rgb(249 49 48) 20%, rgb(15 131 193) 70%, rgb(16 173 255 / 35%) 100%);
    border: none;
    color: #fff;
	font-size: 13px;
    font-weight: 500;
    min-width: 100px;
}

.btn.gradient-red-btn{
	/* background: rgb(254,102,98); */
    /* background: linear-gradient(90deg, rgba(254,102,98,1) 0%, rgba(248,41,41,1) 48%, rgba(224,82,65,1) 100%); */
    background: rgb(34 154 219);
    background: linear-gradient(90deg, rgb(32 139 197) 0%, rgb(17 132 193 / 69%) 48%, rgb(9 122 181) 100%);
	border: none;
    color: #fff;
	font-size: 13px;
    font-weight: 500;
}
.btn.gradient-red-btn:hover{
	 background: #f82929;
}

.login_bg .content-error .login-btn .btn.gradient-btn{
	 padding: 12px 30px;
    border-radius: 5px;
    min-width: 140px;
	 font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
}


.btn.gradient-btn:hover{
	 background: #0081c5;
}

.remember-forgot .forget-password a {
    color: #ec4843;
    font-weight: 500;
    text-decoration: none;
}
.remember-forgot .forget-password a:hover {
    color: #0081c5;
}

.login_bg .content-error h1 {
    font-size: 36px;
    color: #444;
    text-transform: none;
    text-align: center;
    font-weight: 800;
    margin-top: 15px;
    margin-bottom: 5px;
}
.login_bg .content-error .sub-text {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    display: block;
    margin-bottom: 25px;
}
.text-gradient{
	background: -webkit-linear-gradient(0deg, #97eefc 0%, #fd79a1 48%, #e78478 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: arial;
    display: inline-block;
}

.login_bg .hpanel button.btn.loginbtn{
	background: rgb(151,238,252);
background: linear-gradient(90deg, rgba(151,238,252,1) 0%, rgba(253,121,161,1) 48%, rgba(231,132,120,1) 100%);
}

.form-group.icon-input {
    position: relative;
}
.form-group.icon-input .form-control {
    padding-left: 35px;
}
.form-group.icon-input i {
    font-size: 20px;
    position: absolute;
    top: 11px;
    left: 15px;
}

.remember-forgot {
    display: flex;
    align-items: center;
}
.remember-forgot .checkbox.login-checkbox {
    width: 60%;
    text-align: left;
    display: inline-block;
    margin: 0;
}
.remember-forgot .forget-password {
    display: inline-block;
    width: 40%;
    text-align: right;
}
.form-group.icon-input .form-control {
    padding-left: 35px;
    background-color: #ffffff;
    border: none;
    height: 45px;
    color: #333;
    border-radius: 5px;
    border: solid 1px #d7d7d7;
    font-size: 12px;
}

.form-group.icon-input i {
    font-size: 18px;
    position: absolute;
    top: 14px;
    left: 14px;
    color: #666464;
}


.mg-t-0 { 
    margin-top: 0 !important; 
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #dbe0e6;
	font-size: 13px;
    border-radius: 3px;
    padding: 6px 15px;
    width: 100%;
    height: 40px;
}
.form-group textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #dbe0e6;;
    border-radius: 5px;
    padding: 6px 15px;
    width: 100%;
    resize: none;

}
.form-control:focus,.form-group textarea:focus,.data-custon-pick .form-control:focus {
    border-color: #0d84c2;
    outline: 0;
    box-shadow: none;
}

.form-container .form-group label {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 3px;
    display: block;
    color: #666;
}
.admintitle-section .page-btnbox .back-btn {
    display: inline-block;
}

.form-container .i-checks label {
    display: inline-flex;
    align-items: center;
	margin: 5px 10px 11px 11px;
}
.form-container .i-checks label span {
    padding: 0px 15px 0px 5px;
}

.admin-pro-accordion-wrap .panel.panel-default {
    border-radius: 7px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
    margin-top: 15px;
    border: 1px solid #dbe0e6;
}
.form-container .i-checks {
    margin-left: -10px;
}




.product-infoicon {
    width: 15px;
    height: 15px;
    background: url(../img/info_icon.png);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 1px;
}
.notes_icon {
    width: 16px;
    height: 17px;
    background: url(../img/notes_icon.png);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 1px;
}
.technical_check {
    width: 16px;
    height: 16px;
    background: url(../img/technical_check.png);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 1px;
}


.admin-pro-accordion-wrap .accordion-head h4 .title-text {
    display: inline-block;
    padding-left: 24px;
}

.admin-pro-accordion-wrap .accordion-head h4.panel-title a {
    position: absolute;
    right: 0;
    border: 1px solid #0081c5;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    top: -1px;
    color: #0081c5;
	font-size: 15px;
}


.admin-pro-accordion-wrap .accordion-head {
    background: #fff;
    border: none;
	padding: 15px 20px;
	border-radius: 7px;
}

.admin-pro-accordion-wrap .panel-body.admin-panel-content {
    border: none !important;
	padding: 0px 20px 10px 20px;
	border-radius: 7px;
}

.admin-pro-accordion-wrap .accordion-head h4.panel-title {
   color: #333;
    font-weight: 500;
    position: relative;
    font-size: 15px;
}
.admin-pro-accordion-wrap .panel-body.admin-panel-content .form-container {
    border-top: 1px solid #dbe0e6;
    padding-top: 15px;
}
.custom-select-value  {
 -webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url(../img/selectarrowo.png);
background-position: 100%;
background-repeat: no-repeat;
}





.btn-primary.disabled.focus, .btn-primary.disabled:focus, 
.btn-primary.disabled:hover, .btn-primary[disabled].focus, 
.btn-primary[disabled]:focus, .btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary.focus, fieldset[disabled] 
.btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    border-color: #f37d26 !important;
    outline: none !important;
}
.btn-save {
    color: #fff;
    background-color: #d86d2f;
    border-color: #d86d2f;
    padding: 8px 20px;
}
.btn-save:hover,.btn-save:focus,.btn-save:active {
    color: #fff;
    background-color: #c95c1d;
    border-color: #c95c1d;
}
.btn-primary.focus, .btn-primary:focus {
    border-color: #f37d26 !important;
    outline: none !important;
}
.main-content {
    width: 100%;
    float: left;
    padding: 75px 10px 30px 10px;
}
.btn-purple {
    color: #fff;
    background-color: #5A4FF3;
    border-color: #5A4FF3;
}
.btn-purple:hover,.btn-purple:focus,
.btn-purple:active {
    color: #fff;
    background-color: #4c42db;
    border-color: #4c42db;
}
.btn.active.focus, .btn.active:focus, .btn.focus, 
.btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: 0px;
}

.mCS-light-1.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
    background-color: #5A4FF3;
}

.btn-border-purple {
    background: transparent;
    border: 1px solid #5A4FF3;
    color: #5A4FF3;
    padding: 8px 10px;
}
.btn-border-purple:hover,.btn-border-purple:focus {
    background: #5A4FF3;
    color:#fff;
}
.btn-border-delete {
    background: transparent;
    border: 1px solid #EB0505;
    color: #EB0505;
    padding: 8px 10px;
}
.btn-border-delete:hover,.btn-border-delete:focus {
    background: #EB0505;
    color:#fff;
}
.status_active { background: transparent; color: #047609; font-size: 14px; font-weight: normal; padding: 0;}
.status_inactive { background: transparent; color: #c3b122; font-size: 14px; font-weight: normal; padding: 0;}




.admin-pro-accordion-wrap .accordion-head a.collapsed .fa-angle-down:before { content: "\f105"; position:relative; top:1px; right:-1px;}
.admin-pro-accordion-wrap .accordion-head a .fa-angle-down:before { content: "\f107"; position:relative; top:2px;}


.admintitle-section {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.admintitle-section .adminpage_title {
    width: 50%;
    text-align: left;
    display: inline-block;
}
.admintitle-section .adminpage_title h2 {
    font-size: 21px;
    font-weight: 500;
    color: #151515;
    margin: 0;
    line-height: 30px;
}
.admintitle-section .adminpage_title p {
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
}
.admintitle-section .page-btnbox {
    width: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}
.admintitle-section .page-btnbox span {
    display: inline-block;
    padding-left: 10px;
}
.admintitle-section .page-btnbox span .icon-btn {
   border-radius: 4px;
    transition: none;
    background: #fff;
    border: 1px solid #dbe0e6;
    color: #0081c5;
    font-size: 16px;
    line-height: 15px;
    width: 34px;
    height: 34px;
}
.admintitle-section .page-btnbox span .icon-btn:hover {
    background: #0081c5;
    color: #fff;
	border: 1px solid #0081c5;
}
.admintitle-section .page-btnbox .btn {
    padding: 8px 14px;
    border-radius: 5px;
    transition: none;
}

.image-uploadcell{
    position: relative;
    display: flex !important;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #dbe0e6;
    color: #444;
    cursor: pointer;
    transition: background .2s ease-in-out, border .2s ease-in-out;
    width: 200px;
}
.image-uploadcell:hover {
    border: 1px solid #dbe0e6;
    background: #fff;
}

.image-uploadcell .upload-title {
    color: #444;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    transition: color .2s ease-in-out;
}
input#images {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
}




/*---------------------Sidebar------------------------------*/

#sidebar { min-width: 235px;background: rgb(225,42,64);
background: linear-gradient(0deg, rgba(225,42,64,1) 0%, rgba(241,86,65,1) 30%, rgba(3,134,200,1) 100%);}
#sidebar .sidebar-header {border-bottom: 1px solid #1a89c6;  padding: 12px 0px 12px 10px; margin-bottom: 20px; position: relative;text-align:left;}
.sidebar-header:after { content: ''; width: 100%; height: 1px; position: absolute;  background: #1472a5; left: 0;  bottom: 1px;}

.sidebar-nav .metismenu { background: transparent; padding: 0px 15px;}



.all-content-wrapper { margin-left: 235px;}
.sidebar-nav .metismenu > li.active a {background: #ffffff25; border-radius: 3px;}
.sidebar-nav .metismenu a { color: #ffffff;}
.sidebar-nav .metismenu li .icon-wrap { color: #ffffff;}
.sidebar-nav .metismenu li.active a:hover{background: #ffffff25;}
.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active { color: #fff; background: #ffffff25; border-radius: 3px;}
.metismenu .has-arrow:after { -webkit-transform: rotate(134deg) translateY(-50%);  transform: rotate(134deg) translateY(-50%);}

.sidebar-nav .metismenu ul.submenu-angle li{margin-top:0px;} 
.sidebar-nav .metismenu ul.submenu-angle { background: transparent;padding: 10px 0px;}
.sidebar-nav .metismenu ul.submenu-angle li { position: relative;}
.sidebar-nav .metismenu ul.submenu-angle li:before { content: '';  width: 9px; height: 9px; border: 1px solid #fff; position: absolute; left: 20px;  top: 16px; border-radius: 10px;}

.sidebar-nav .metismenu ul.submenu-angle li:hover::before,
.sidebar-nav .metismenu ul.submenu-angle li:focus::before,
.sidebar-nav .metismenu ul.submenu-angle li:active::before,
.sidebar-nav .metismenu ul.submenu-angle li.active::before {background: #fca616;border: 1px solid #fff;}

.sidebar-nav .metismenu ul.submenu-angle li a:hover,
.sidebar-nav .metismenu ul.submenu-angle li a:focus,
.sidebar-nav .metismenu ul.submenu-angle li a:active,
.sidebar-nav .metismenu ul.submenu-angle li.active a {color: #ffd081; background: transparent;}
.sidebar-nav .metismenu a { font-size: 14px; font-weight: 500; letter-spacing: 0.5px;}

.sidebar-nav .icon-img { position: absolute; left: 15px;background: url(../img/menu_icons.png); width: 20px; height: 204px;}
.sidebar-nav .menu-text { float: left; padding-left: 25px;}
.sidebar-nav .dashboard { width: 15px; height: 15px; top: 14px;background-position: 0px 0px;}
.sidebar-nav .masterdata { width: 15px; height: 15px; top: 15px; background-position: 0px 57px;}
.sidebar-nav .product {width: 15px; height: 15px; top: 15px; background-position: 0px 37px;}
.sidebar-nav .addproduct {width: 15px; height: 15px; top:15px; background-position: 0px 98px;}
.sidebar-nav .courses {width: 13px;  height: 17px; top: 13px; background-position: 0px 52px;}
.sidebar-nav .setting {width: 15px;  height: 16px; top: 13px;background-position: 0px 17px;}


#sidebar.active .metismenu li .menu-text { display: none;}

.sidebar-nav .metismenu > li.menu-title {
    font-size: 15px;
    font-weight: 500;
}
.menu-switcher-pro button {
    background: #ef5742;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 30px;
    padding: 0;
    margin-top: 18px;
	margin-left: -30px;
}
.sidebar-nav .metismenu ul.submenu-angle li a {
    background: transparent;
}
.sidebar-nav .metismenu > li.menu-title.border-title {
    border-top: 1px solid #f5f5f540;
    padding-top: 15px;
}
.menu-switcher-pro button:hover, .menu-switcher-pro button:focus, 
.menu-switcher-pro button:active, .menu-switcher-pro button:visited { background: #0081c5 !important; }

#sidebar.active .sidebar-nav .metismenu > li.menu-title {display: none;}

#sidebar.active .sidebar-header {
    padding-top:10px;
	position:relative;
	z-index:9;
	padding-bottom:10px;
	text-align: center;
    padding-right: 20px;
}
#sidebar.active .sidebar-nav .icon-img {
    position: absolute;
    left: 15px;
    background: url(../img/big_menu_icons.png);
    width: 22px;
    height: 130px;
}
#sidebar.active .sidebar-nav .metismenu li + li {
    margin: 0;
}
#sidebar.active .sidebar-nav .metismenu a {
    min-height: 40px;
    margin-bottom: 10px;
    padding: 6px 10px;
}
#sidebar.active .sidebar-nav .icon-img.dashboard {
    width: 22px;
    height: 25px;
    background-position: 0px -4px;
    top: 8px;
}
#sidebar.active .sidebar-nav .icon-img.masterdata {
    width: 22px;
    height: 25px;
    top: 7px;
    background-position: 0px 95px;
}
#sidebar.active .sidebar-nav .icon-img.product {
    width: 22px;
    height: 25px;
    top: 9px;
    background-position: 0px 61px;
}
#sidebar.active .sidebar-nav .icon-img.addproduct {
    width: 22px;
    height: 24px;
    top: 10px;
    background-position: 0px 30px;
}
#sidebar.active .metismenu li .submenu-angle li a {
    padding: 10px 15px 10px 32px;
}
#sidebar.active .sidebar-nav .metismenu ul.submenu-angle li:before {
    left: 15px;
}




/*---------------------Header Topbar------------------------------*/

.header-top-area {
    background: #eff7fb;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    box-shadow: 0 0 7px #dc354578;
}
.header-right-info ul.header-right-menu > li > a { color: #0081c5;}
.header-right-info ul li .indicator-nt { position: absolute;  height: 19px; width: 19px; background: #0081c5 !important; border-radius:20px; top: -6px; right: -8px; font-size: 10px; color: #fff;text-align: center;font-weight: 500;}

.header-right-info ul.header-right-menu li .author-log { right: 0; left: auto;}
.header-top-wraper h1 {  padding-top: 14px;  font-size: 26px; margin: 0; color: #000;}
.header-right-info ul.header-right-menu li.open > a {color: #0081c5;}
.header-right-info ul.header-right-menu li .notification-author {  left: auto; right: 0;}

#sidebar .sidebar-header img { height: 40px;}

.header-right-info .profile-switch { display: block; margin-left: 10px;}
.header-right-info .profile-switch a { background: #d86d2f; color: #fff; padding: 6px 10px; border: none; font-size: 12px; border-radius: 4px;}
.header-right-info .profile-switch a:hover { background: #c95c1d;}

.header-right-info ul.header-right-menu > li > a .fa-bell-o {
    background: #f5f5f5;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    color: #0081c5;
	font-size: 18px;
}
.header-right-info ul.header-right-menu > li > a.admin-nav {
    display: flex;
    align-items: center;
}
.header-right-info ul.header-right-menu > li > a.admin-nav .admin-detail {
    padding: 0px 10px;
    line-height: 14px;
}
.header-right-info ul.header-right-menu > li > a.admin-nav .admin-detail .admin-name {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.header-right-info ul.header-right-menu > li > a.admin-nav .admin-detail .admin-type {
    color: #666666;
    font-size: 12px;
    display: block;
    font-weight: 500;
}




/*---------------------Form Container------------------------------*/

.form-card{ border-radius: 7px;  background: #FFF; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); border:1px solid #dbe0e6; padding: 20px;  margin-top: 10px; padding-bottom: 10px;}
.form-card .chosen-container-single .chosen-single,
.form-card .chosen-container-active.chosen-with-drop .chosen-single {  background-color: #fffaf5; background-image: none; border: 1px solid #f7d6bd; border-radius: 5px; padding: 6px 15px; width: 100%; height: 45px; line-height: 30px;}
.form-card .chosen-container-single .chosen-single div b { background-position: 0 12px;}
.form-card label { font-weight: normal;font-size: 14px; margin-bottom: 7px; display: block;}
.form-card .form-group { margin-bottom: 20px;}
.form-card .i-checks label { display: inline-block;}
.form-card .chosen-container .chosen-drop { background: #fffaf5; border: 1px solid #D86D2F;}
.form-card .chosen-container-single .chosen-search input[type="text"] { background: #fffaf5; border: 1px solid #D86D2F; -webkit-box-shadow: inset 0 1px 1px #D86D2F; box-shadow: inset 0 1px 1px #D86D2F; outline: none; padding: 10px 20px 10px 4px;}
.form-card .input-group-addon { background-color: #fffaf5; border: 1px solid #f7d6bd;}

.form-card .chosen-container-multi .chosen-choices {background-color: #fffaf5; background-image: none; border: 1px solid #f7d6bd; border-radius: 5px; padding: 6px 15px; width: 100%; line-height: 30px;}
.form-card .chosen-container-multi .chosen-choices .search-choice { background: #c95c1d; color: #fff;}
.form-card .active-result.highlighted { background: #c95c1d !important; }

.form-card  .select2-container--default .select2-selection--multiple {background-color: #fffaf5; background-image: none; border: 1px solid #f7d6bd; border-radius: 5px; padding: 6px 10px; width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: #c95c1d; color: #fff;border: none;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {  color: #fff;}

.form-card .flex{display: flex;}
.form-card .uploadbox { display: inline-block; padding-right: 20px;}
.form-card .profile_img { width: 45px; height: 45px;  display: inline-block; margin-top: 28px;}
.form-card .profile_img img { max-width: 100%; border: 1px solid #f7d6bd; padding: 1px; border-radius: 5px; height: 45px; object-fit: cover; object-position: center;}
.form-card .contract_imgs {  display: inline-block; margin-top: 28px; width: 60%;}
.form-card .contract_imgs img { display: inline-block; margin: 0px 5px 10px 5px;  border: 1px solid #f7d6bd; padding: 1px; border-radius: 5px; width: 45px;  height: 45px; object-fit: cover;  object-position: center;}

.submit_btn { width: 100%; float: left; margin-top: 30px; margin-bottom: 15px;text-align: right;}
.form-card .add_btn {text-align: right; padding-right: 25px; margin-bottom: 10px;}
.logo-type img { max-width: 100%; border: 1px solid #f7d6bd; padding: 1px; border-radius: 5px; height: 45px; object-fit: cover; object-position: center; background: #070b25;}


.side_bar_list .active a, ul.side_bar_list li a:hover {
    color: #d86d2f;
}
ul.side_bar_list li a {
    color: #151515;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.024px;
    font-family: 'Poppins', sans-serif !important;
    display: inline-flex;
    width: 100%;
    margin: 10px 0;
    align-items: center;
    font-weight: 500;
}

ul.side_bar_list li:nth-of-type(odd) span {
    background-color: #0081c5 !important;
}
ul.side_bar_list li a span {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #ef5742;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    margin-right: 10px;
}

.form-card .tab_header h4 {
    font-size: 16px;
    font-weight: 600;
}

.form-card .i-checks label span {
    padding: 0px 15px 0px 10px;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 3px;
    color: #151515;
}
.permi_box {
    border-top: 1px solid #e7e7e7;
    padding-top: 15px;
    margin-top: 8px;
}
.permi_box h4 {
    font-size: 14px;
    font-weight: 500;
    color: #0081c5;
	margin-bottom: 10px;
}

.form-submit-btn {
    text-align: right;
    display: block;
    padding: 10px 0;
}

.form-submit-btn .gradient-btn {
    padding: 8px 20px;
}
.col-md-9.roleBaseSec {
    padding-left: 0;
}


/*---------------------Table Content------------------------------*/

.card-wrap{width:100%;height:auto;border-radius: 7px;  background: #FFF; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);  padding: 20px;  margin-top: 10px; border:1px solid #dbe0e6;}
.data_table img.table_img { width: 45px; max-width: 100%; border: 1px solid #b6d7e7;  padding: 1px;  border-radius: 5px; height: 45px; object-fit: contain; object-position: center;}

.data_table img.bar_img {
    max-width: 100%;
    height: 45px;
    object-fit: contain;
    object-position: center;
}
.data_table .serial {
    display: inline-block;
    padding-left: 8px;
}
.data_table table { width: 100%;}
.data_table table thead tr th {
    padding: 13px 10px;
    border-bottom: 1px solid #b6d7e7;
    background: #eff7fb;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}
.data_table table thead tr th:last-child { text-align: right;}
.data_table table tbody tr td {
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.data_table table tbody tr td:last-child { text-align: right;}

.data_table table .action_btn .view,.data_table table .action_btn .edit,
.data_table table .action_btn .delete { background: transparent; padding: 0; border: none; font-size: 16px; margin-right: 0; margin-left: 15px;}

.data_table table .action_btn .view {color: #0081c5;}
.data_table table .action_btn .edit {color: #047609;}
.data_table table .action_btn .delete{color: #f42f2c;}


table .green{color:#047609}


.data_table .custom-pagination { text-align: right;}
.data_table .custom-pagination .pagination { margin: 25px 0px 10px 0px; position: relative;top: 0;}
.data_table .custom-pagination ul.pagination li a { font-size: 14px; color: #000;  border: 1px solid #efefef; padding: 7px 13px;}
.data_table .custom-pagination ul.pagination li a i { color: #5A4FF3; font-size: 18px; font-weight: 600;}
.custom-pagination ul.pagination li a:hover,.custom-pagination ul.pagination li a:focus,.custom-pagination ul.pagination li.active a { background: #5A4FF3; color: #fff;}
.custom-pagination ul.pagination li a:hover i,.custom-pagination ul.pagination li a:focus i { color: #fff;}

.table_head { display: block; margin-bottom: 25px;}
.table_head .filter-cell { display: flex; align-items: center;}
.table_head .filter-cell .form-control {  height: 40px;}
.table_head .filter-cell.role label { width: 60px;}
.table_head .exportbtn {  display: block; text-align: right;}
.table_head .input-group-addon { background-color: #fffaf5; border: 1px solid #f7d6bd;}
.table_head .filter-cell.status label { width: 85px;}
.table_head .form-control { height: 40px;}

.searchform .form-control:focus { background-color: #fffaf5;  background-image: none;  border: 1px solid #f7d6bd; border-radius: 5px; padding: 6px 15px; width: 100%;  height: 40px;}
.searchform .sr-input-func {width: 100%;position: relative; margin: 0px 3px 0px 3px;}
.table_head .exportbtn .material-symbols-outlined { font-size: 18px;  float: left; margin-right: 6px;}
.card-wrap .searchform {
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}
.searchform .form-control {
    background: #eff7fb;
    border: 1px solid #b6d7e7;
    font-size: 13px;
	/* padding-right: 42px; */
}
.searchform .sr-input-func .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #0081c5;
    transition: .5s ease-out;
    font-size: 18px;
    background: transparent;
    border-left: 1px solid #b6d7e7 !important;
    height: 100%;
    border: none;
    padding: 0px 11px;
    border-radius: 0;
}
.searchform .sr-input-func .search-btn:hover {
    color:#ef5742;
}


/*---------------------Product Details------------------------------*/



.product-details {
    border-radius: 7px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
    margin-top: 10px;
	margin-bottom: 30px;
    border: 1px solid #dbe0e6;
	padding: 20px;
}

.product_detailrow {
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.product_detailrow .product_detailcell {
    display: inline-flex;
    padding: 10px 0px;
    width: 50%;
    align-items: flex-start;
	line-height: 26px;
}
.product_detailrow .product_detailfullcell {
    display: inline-flex;
    padding: 10px 0px;
    width: 100%;
    align-items: flex-start;
	line-height: 26px;
}
.product_detailrow .product-label {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.product_detailrow .product-value {
    font-size: 13px;
    color: #0081c5;
    font-weight: 500;
    padding: 0px 10px 0px 5px;
}

.product_detailrow .product-value.black {
    color: #333;
}

.product-details .product-head {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 25px;
}
.product-details .product-head .barcodeimg {
    width: 50%;
    text-align: left;
    display: inline-block;
}
.product-details .product-head .print-btn {
    width: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}



.product-details #owl-demo .item{
   text-align:center;
}
.product-details #owl-demo .item img {
    display: inline-block;
    max-width: 100%;
    height: 220px;
    width: auto;
    object-fit: contain;
}

.product-details .product-head .print-btn span {
    display: inline-block;
    padding-left: 10px;
}
.product-details .product-head .print-btn .icon-btn {
   border-radius: 4px;
    transition: none;
    background: #fff;
    border: 1px solid #dbe0e6;
    color: #0081c5;
    font-size: 16px;
    line-height: 15px;
    width: 34px;
    height: 34px;
}
.product-details .product-head .print-btn .icon-btn:hover {
    background: #0081c5;
    color: #fff;
	border: 1px solid #0081c5;
}

.col-md-3.product-imgbox {
    padding-left: 0;
}


/*---------------------Popup Container------------------------------*/


.maincontent_popup .model_title {
    position: absolute;
    top: -35px;
    max-width: 100%;
    left: 10px;
}

.maincontent_popup .modal-body {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
}
.maincontent_popup .modal-footer a {
    color: #EB0505;
}

.maincontent_popup .modal-header .close {
    position: relative;
    z-index: 9;
}
.modal-content {  border-radius: 11px;}
.maincontent_popup .modal-header {
    background-color: #D86D2F;
    padding: 15px;
    border-radius: 9px 9px 0px 0px;
}
.maincontent_popup h3.model_title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    width: 100%;
    margin: 0;
    text-align: center;
}

.vander_dataview ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 0px;
}

.vander_dataview ul li label {
    width: 20%;
    font-weight: normal;
    color: #000;
    margin: 0;
}
.vander_dataview ul li .value {
    display: inline-block;
    width: 80%;
}
.vander_dataview ul li .value img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    border: 1px solid #f7d6bd;
    padding: 2px;
    border-radius: 5px;
}

/*---------------------Content Container------------------------------*/

.usertype { background: url(img/after_login.jpg);  width: 100%; float: left; height: 100vh;position: relative;background-position: center center; background-repeat: no-repeat;}
.usertype-cell { margin: 0;  position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto;}
.usertype-cell ul {display: flex;}
.usertype-cell ul li { display: inline-block; margin: 5px 12px;}
.usertype-cell ul li button {display: block;color: #D86D2F;padding: 0;border: 0;background-color: transparent;transition: 0.4s; }
.usertype-cell ul li button:hover {  color: #5A4FF3;    -webkit-transform: translateY(-10px); transform: translateY(-10px); cursor: pointer;}
.usertype-cell ul li button:hover .welcome-cell {border: 4px solid #D86D2F;}
.usertype-cell .welcome-cell {  background: #fff;  text-align: center; min-height: 130px; border-radius: 10px; width: 170px; padding: 15px;float: left;border: 4px solid transparent;}
.usertype-cell .welcome-cell .iconbox { display: block; text-align: center; margin-bottom: 10px;}
.usertype-cell .welcome-cell .iconbox img { height: 60px;}
.usertype-cell .welcome-cell p { font-weight: 400; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 0;}

.title-section {width: 100%; height: auto;  float: left; margin-top: 25px;margin-bottom: 10px;}
.title-section h2 { font-size: 23px;  margin: 8px 0px 0px 0px;}
.title-rightcell { display: flex; float: right;}
.title-rightcell .btnbox { float: right;  margin-left: 20px;margin-top: 3px;}
.title-rightcell .btnbox .add-btn { background: #168524; color: #fff; padding: 10px 20px; border: none;}
.title-rightcell .btnbox .add-btn:hover { background: #1d6e27;}

.product-status { width: 100%; float: left; margin-top: 25px;}

.error-section { background: url(img/404_bg.png);  width: 100%; float: left; height: 100vh;position: relative;background-position: center center; background-repeat: no-repeat;}
.error-inner { margin: 0;  position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto;}
.error-inner h1 { color: #fff; font-size: 40px; text-align: center;}
.error-inner p { text-align: center; color: #fff; font-size: 16px;}

/*pawan style 30/july/23*/

.user_profile_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
    padding: 15px;
    margin: 20px 0;
}

.user_profile_head .profile_avt {
    display: flex;
    align-items: center;
}

.user_profile_head .profile_avt img {
    border: solid 3px #EBEBEB;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}

.user_dtl_cnt {
    margin-left: 15px;
}

.user_dtl_cnt h4 {
    color: #141414;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}

.user_dtl_cnt h6 {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.user_profile_head .head_right .edit_btn {
    border-radius: 5px;
    border: 1px solid #5A4FF3;
    background-color: #fff;
    color: #5A4FF3;
    display: flex;
    align-items: center;
    padding: 6px 15px;
    outline: 0;
    box-shadow: none;
}
.user_profile_head .head_right .edit_btn:hover{background:#5A4FF3;color:#fff;}

.user_profile_head .head_right .edit_btn span {
    margin-right: 3px;
}

.prfile_detail_inner {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
    padding: 25px;
    margin-bottom: 20px;
}

.profile_heading h3 {
    color: #141414;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}

ul.profile_list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

ul.profile_list li:last-child {
    margin-bottom: 0;
}

ul.profile_list li>span {
    width: 20%;
    display: flex;
    align-items: center;
    color: #777;
    font-size: 14px;
    font-weight: 400;
}

ul.profile_list li>span span {
    margin-right: 6px;
    font-weight: 200;   
}

ul.profile_list li b {
    color: #000;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 500;
    width: 80%;
}

ul.profile_list li b img {
    width: 40px;
    margin-left: 15px;
}
.account_detail_sec ul.profile_list {
    margin-bottom: 15px;
}

.account_detail_sec ul.profile_list li>span {
    width: 50%;
}

.account_detail_sec ul.profile_list li b {
    width: 50%;
}

.account_detail_sec ul.profile_list {
    border: solid 1px #ddd;
    padding: 12px;
    border-radius: 5px;
    background-color: #f5f5f5;
}

.account_detail_sec ul.profile_list li {
    margin-bottom: 15px;
}

.account_detail_sec ul.profile_list li:last-child {
    margin: 0;
}

.form_heading_pro h3 {
    color: #141414;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight:normal; 
}

.gender_box label {
    margin-right: 10px;
}

.back_link{
    width:100%;
    float:left;
    text-align:center;
    margin-top:15px;
}
.logo-pro {
    display: none;
}
.logo-pro img {
    height: 70px;
}

/*---------------------Media Query CSS------------------------------*/

@media screen and (max-width: 768px) {
    .logo-pro {
        display: block;
    }
}