:root{
	--borderradius:8px;
	--maincolor:#006838;
	--red:#F44336;
	
}



.signin-page{
	height:100%;
	width:100%;
	background: url('/images/muslim-bg-signin.jpg') no-repeat;
	background-size:cover;
}
i{display:inline-block!important;}
html{font-size:16px;color:#000;}
.mn-content, body, html{height:unset;}
.portal-bg{position:fixed;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0.05;}
.portal-bg img{max-height:calc(100vh - 200px);}
.account-logo{text-align:center;}
.account-logo img{max-height:150px;}
.header-site{font-size:1.25rem;}
.card {border-radius:var(--borderradius);}
.btn, .btn-large, .btn-flat{border-radius:var(--borderradius);}
.loading img{width:100px;}
.loading{display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:9999999;width:100%;height:100%;}
.loading .loading-content{color:#fff;top:50%;position:relative;text-align:center;width:100%;}
.modal{border-radius:var(--borderradius);}
.signup-step-inner .account-logo{margin:0 0 40px 0;}
.signup-step-text{font-size:1.25rem;margin:0 0 40px 0;color:#fff;font-weight:400;}
.signup-step-holder{padding:0 40px 40px 80px;position:fixed;right:0;height:100%;background-color:#3f775b;display:flex;align-items:center;top:0;}
.side-nav{width:300px;}
.signup-form-content,.signup-form-holder{margin:40px 0 0 0;max-height:60vh;overflow-y:auto;}
.signup-form-items{position:relative;}
.form-percentage{position:absolute;right:0;top:0;}
.form-percentage-badge{padding:5px 10px;background-color:#e1e1e1;border-radius:var(--borderradius);font-size:1.25rem;}
.signup-step-listing li{margin:0 0 10px 0;padding:20px;background-color:rgba(255,255,255,0.3);color:#fff;border-radius:var(--borderradius);font-weight:400;cursor:pointer;}
.signup-step-listing li.disabled{background-color:#cbcbcb;color:#000;}
.signup-step-listing li.current{border:1px solid #fff;}
.step-count{background-color:rgba(255,255,255,0.3);width:20px;height:20px;text-align:center;display:inline-block;border-radius:100%;margin-right:20px;}
.signup-form{background-color:#fff;color:#000;width:calc(100% - 25%);border-radius:var(--borderradius);padding:20px;position:absolute;right:calc(360px - 40px);z-index:2;top:50%;transform:translate(0,-50%);}
.file-upload-fields {display:flex;}
.file-upload-fields li.label{flex:0 0 300px;padding:0 10px 0 0;}
.file-upload-fields li.view-file{flex:0 0 calc(100% - 420px);}
.file-upload-fields li.upload-file{flex:0 0 100px;}
.file-upload-listing {display:flex;flex-wrap:wrap;}
.file-upload-listing > li{flex:0 0 calc(50% - 20px); border-bottom:1px solid #e1e1e1;padding:0 0 10px 0;margin:0 20px 20px 0;}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{margin:0 0 10px 0;}
input[type="text"]:read-only{color:#9a9a9a;}
.drop-file-holder{padding:20px;border:1px solid #e1e1e1;}
.chip-images{display:flex;}
.image-mini-thumb{cursor:pointer;}
.document-mini-thumb{width:32px;height:32px;float:left;cursor:pointer;}
.document-mini-thumb .material-icons{padding-top:3px;}
#view-image-modal{width:80vw!important;}
#view-image-modal .view-image-holder{margin:20px;text-align:center;width:100%;}
#view-image-modal img{max-width:100%;}
.list-inline li{display:inline-block;}
.text-red {color:var(--red);display:none;}

.navbar-fixed nav .navigation-toggle{left:unset;right:10px;top:0;}
.nav-right-menu{margin-right:0;}
.main-nav{background-color:var(--maincolor);}
.mn-header.navbar-fixed nav.main-nav .nav-wrapper{padding-left:0;}
.header-logo{margin:10px 0 0 0;text-align:center;height:80px;}
.header-logo img{max-height:80px;}

.training-video video{width:100%;}
.training-start{margin:50px 0 0 0;}

.page-container{width:calc(100% - 40px);margin:auto;min-height:calc(100vh - 100px);padding-top:80px;}

.check-listing {display:flex;}
.test-listing > ul > li{margin:0 0 10px 0;cursor:pointer;}
.test-listing li.checked .check-listing{color:#fff;}
.test-listing li.checked .check-listing .check-tick{display:block;}
.check-tick{display:none;}
.test-answer li{margin:0 0 20px 0;}
.test-answer label{font-size:1.25rem!important;}
.step-items .actions{margin:50px 0 0 0;}
.business-view-details li{margin:0 0 20px 0;}
.business-view-details .details-data{font-size:1rem;}
.search-holder > ul {display:flex;align-items:center;margin-left:-10px;}
.search-holder li{margin:0 20px  0 0;}
.search-holder li:first-child{flex:0 0 30px;}
.search-holder li:last-child{flex:0 0 calc(100% - 50px);}
.search-holder .input-field{margin-top:0;}
.search-loading{text-align:center;display:none;}
.search-loading img{max-height:50px;}
.responsive-table th{font-size:0.875rem;}
.responsive-table td{font-size:0.75rem;}

.status-stat p {font-weight:600;font-size:1rem;color:#rgba(0,0,0,.6);}
.status-stat {padding-left:0!important;}
.approve-actions{border:1px solid #e1e1e1;padding:20px;margin:30px 0 0 0;}
table.dataTable tbody tr.selected{background-color:#d3eecd;}
.card-right-content {position:absolute;right:20px;top:20px;text-align:right;background-color:#e1e1e1;border-radius:var(--borderradius);padding:10px;}
.test-question,.test-desc{font-size:1.5rem;}
.test-answer{font-size:1.25rem;}
.stats-listing li{margin:0 0 10px 0;}
.stats-col{display:flex;flex-wrap:wrap;}
.stats-col li{flex:0 0 50%;}
.actions-listing li{margin:0 0 10px 0;}
.actions-listing li a {width:100%;}
.page-back ul{display:flex;}
.page-back a{color:#000;display:inline-block;font-size:1.125rem;}
.page-back li:last-child{margin:2px 0 0 0;}
.page-back li:first-child .material-icons {margin-top:4px;}
.pij-logo{margin:100px 0 0 0;text-align:right;}
.pij-logo img{max-height:100px;}
.individual-approval{margin:10px 0 0 0;border:1px solid #e1e1e1;padding:20px;}
.review-upload-listing li.view-file{flex:0 0 calc(100% - 220px);}
.approval-global-actions{margin:0 0 20px 0;}
.approval-global-actions ul{margin-left:-20px;}
.approval-global-actions li{margin:0 0 0 20px;}
label.required::after,b.required::after{content:'*';color:var(--red);margin:0 0 0 5px;}
.page-back{position:fixed;width:unset;top:80px;z-index:1;}
.signup-payment-link,.owner-edit{margin:0 0 20px 0;}
.tabs .tab{width:unset;}
.tabs .indicator{display:none;}
.tabs .tab a{border-bottom:2px solid rgba(38,166,154,0);}
.tabs .tab a.active{border-bottom:2px solid rgba(38,166,154,1);transition: all 0.5s ease-in;}

/* video::-webkit-media-controls-timeline {display: none;} */
/* video::-webkit-media-controls {-webkit-appearance: none;display: flex;align-items: center;} */
.review-tabs .tab-check-icons{color:#e1e1e1;}
.review-tabs .tab-check-icons.checked{color:#26a69a;}
.dashboard-name {test-transform:capitalize}
.nav-right-menu{margin-left:-10px;display:flex;justify-content:right;}
.nav-right-menu li{float:left;margin:0 0 0 10px;}
.approval-section{border:1px solid #e1e1e1;padding:20px;}
.history-table td{border-bottom:1px solid #e1e1e1;}
.label-red{color:#fff;background-color:#F44336;display:inline-block;padding:3px 5px;}
.label-green{color:#fff;background-color:#4CAF50 ;display:inline-block;padding:3px 5px;}
.custom-ingredient-holder{margin:20px 0 0 0;}
.label{color:#9e9e9e;}

.pdf-view img{width:100%;}
.pdf-title{font-size:1.5rem;margin:0 0 20px 0;}
.sign-in-text{text-align:center;}
.review-actions li{margin:0 0 10px 0;}
.test-answer input[type="radio"]:checked + label{font-weight:bold;color:#333;}
table.dataTable th{text-align:center;}
.pull-left {float:left;}
.pull-right {float:right;}
.date-expiring{background-color:var(--red);color:#fff;padding:2px 3px;}
.custom-ingredient-upload{margin-top:50px;}
#uploaded-attachment{margin:10px 0 0 0;}
td.text-center{text-align:center;}
.approval-status{font-size:0.75rem;border-radius:4px;}
/* table.dataTable{width:100%!important; table-layout: fixed;} */
/* table td{max-width:200px;word-wrap:break-word;overflow-wrap:break-word;padding:5px 10px;} */
/* table.dataTable.nowrap th, table.dataTable.nowrap td{white-space:unset;} */
a.paginate_button span {position:relative;top:5px;}
.dataTable td{border-bottom:1px solid #e1e1e1;vertical-align:text-top;font-size:0.75rem;}
.dataTable td > ul {width:100%;}
.datatable-table {width:100%!important;}
.table-ingredients td{font-size:0.75rem;}
.approval-history-table td{border-bottom:1px solid #e1e1e1;}

.swap-user{padding:20px;border:1px solid #e1e1e1;margin:0 0 20px 0;}
.swap-user li{margin:0;}

@media (max-width:600px){
	h4{font-size:1.25rem;}
	.signin-page {background-size:unset;}
	.valign-wrapper{min-height:100vh;}
	.header-site{font-size:0.875rem;width:unset;}
	.header-site.col.m3{width:unset;}
	.col.m2,.col.m10,.col.m6,.col.m3,.col.m12,.col.m4,.col.m8{width:100%;}
	.signup-form{position:relative;width:calc(100% - 40px);right:unset;transform:unset;margin:auto;top:50px;}
	.signup-step-holder{display:none;}
	.mn-content{min-height:100vh;}
	.portal-bg img{max-height:calc(100vh - 500px);}
	.file-upload-listing > li{flex:0 0 100%;}
	.file-upload-fields li.label{flex:0 0 50%;}
	.approval-global-actions{text-align:center;}
	.approval-global-actions li{margin:0 0 20px 20px;}

	.tabs .tab{min-width:unset;overflow:unset;margin:0 0 0 20px;}
	.tabs .tab a{text-overflow:unset;overflow:unset;font-size:0.75rem;}
	/* .btn, .btn-large, .btn-flat{padding:0 5px;} */
	.card-right-content{position:unset;text-align:center;}
	table.dataTable.no-footer{border:0;}
	.row .row .col{padding:0;}
	.test-question, .test-desc{font-size:1rem;}
	.test-answer label{font-size:0.875rem!important;}
	table.dataTable th{text-align:left;}
	.dtr-data{max-width:200px;display:block;word-wrap:normal;overflow-wrap:break-word;}
}

@media (-webkit-device-pixel-ratio: 1.25) {
  html {
    zoom: 0.8;
  }
}


@media (-webkit-device-pixel-ratio: 1.5) {
  html {
    zoom: 0.67;
  }
}