﻿#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    margin: 10px auto 0;
}
body.modal-open {
    position:relative;
}
.stats-label small {
	line-height:1.6;
}
.head-desc {
	font-size:12px;
	letter-spacing:0.3px;
	color:#919296;	
}
.small-header .panel-body h2 {
	margin-bottom:3px;
}
.header-link-custom {
	padding-top:21px;
	padding-bottom:20px;
}
a.deafult {
	color:#337ab7;
}
#lock-container {
	background-color: #f1f3f6;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 1009;
    bottom: 0;
    right: 0;
    display: none;
    overflow: hidden;
}
.modal-icon {
	width: 80px;
    height: 80px;
    border: 4px solid #F8BB86;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}
.modal-icon .icon-line {
	position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86;
}
.modal-icon .icon-dot {
	position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color:#F8BB86;
}
.modal-h2 {
	color: #575757;
    font-size: 26px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;    
}
.modal-p {
	display:block;
	color: #797979;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.modal-button {	
    display: inline-block;
    box-shadow: none;
    color: white;
    border: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}
#extendSession {
	background-color: rgb(140, 212, 245);
}
#extendSession:hover {
	background-color: rgb(134, 204, 235);
}
#logoutSession {
	background-color: #D0D0D0;
}
#logoutSession:hover {
	background-color: #c8c8c8;
	color:white;
}
.datetime-h4 {
	line-height:25px;
}
.overflow-hidden {
	overflow:hidden;
}
.fullscreen .panel-heading {
	background:#ffffff;
}
.fullscreen .panel-footer.hidden {
	display:block !important;
}
div.progress.custom-class > .bar-weaker,
div.progress.custom-class > .progress-bar-weaker,
div.progress.custom-class > .progress-weaker {
    background-color: #c0392b;
}
div.progress.custom-class > .bar-weak,
div.progress.custom-class > .progress-bar-weak,
div.progress.custom-class > .progress-weak {
    background-color: #e74c3c;
}
div.progress.custom-class > .bar-normal,
div.progress.custom-class > .progress-bar-normal,
div.progress.custom-class > .progress-normal {
    background-color: #62cb31;/*1ab394*/
    text-align:center;
}
div.progress.custom-class > .bar-medium,
div.progress.custom-class > .progress-bar-medium,
div.progress.custom-class > .progress-medium {
    background-color: #ffb606;/*e67e22*/
    text-align:center;
}
div.progress.custom-class > .bar-strong,
div.progress.custom-class > .progress-bar-strong,
div.progress.custom-class > .progress-strong {
    background-color: #3498db;/*1c84c6*/
    text-align:center;
}
div.progress.custom-class > .bar-stronger,
div.progress.custom-class > .progress-bar-stronger,
div.progress.custom-class > .progress-stronger {
    background-color: #34495e;
    text-align:center;
}
div.progress.custom-class > div > span.password-verdict {
	color:#ffffff !important;
}
.has-strong .form-control {
    border-color: #3498db !important;
}
.has-stronger .form-control {
    border-color: #34495e !important;
}
.p-l-n {
    padding-left:0px !important;
}
.p-t-md {
    padding-top:10px !important;
}
.b-t-n {
	border-top:none !important;
}
.border-top-custom {
	border-top:1px solid #e4e5e7 !important;
}
.m-l-xxs {
	margin-left:1px;
}
.navbar-right-li-active {
	background: #f7f8fa;
    border-bottom: 1px solid #e4e5e7;
}
.hpanel.fullscreen #panel-body.panel-body {
	min-height:inherit;
}
.p-l-md {
	padding-left:25px !important;
}
.p-r-md {
	padding-right:25px !important;
}
.p-l-lg {
	padding-left:30px !important;
}
.p-r-lg {
	padding-right:30px !important;
}
.v-a-middle {
	vertical-align:middle;
}
.display-inline {
	display:inline!important;
}
.customer-Link a:hover,.customer-Link a:focus,.customer-Link a:active {
	outline:none !important;
}
.font-sm {
	font-size:11px;
}
.font-md {
	font-size:13px;
}
.m-t-3-custom {
	margin-top:3px !important;
}
.font-print {
	font-size:17px;	
	color:#000000 !important;
}
.font-print-19 {
    font-size:19px;
    color:#000000 !important;
}
.font-print-md {
	font-size:20px;	
	color:#000000 !important;
}
.watermark {
	position:absolute; 
	opacity:0.25; 
	font-size:3em; 
	text-align:center; 
	z-index:1000; 
	transform: rotate(329deg); 
	-ms-transform: rotate(329deg); 
	-webkit-transform: rotate(329deg); 
	-o-transform: rotate(329deg); 
	transform-origin: 50% 50%; 
	-ms-transform-origin:50% 50%; 
	-webkit-transform-origin:50% 50%; 
	-o-transform-origin:50% 50%; 
	top:35%; 
	left:35%;
}
.watermark p
{
	color:Red;
	border:solid 5px transparent;
	border-radius:10px;	
}
.watermark p.cancel
{
	color:Red;
	border-color:Red;
	border-radius:10px;	
}
.p-l-xxl
{
	padding-left:100px !important;
}
.b-t-black
{
	border-top-color:#666 !important;
}
.b-l-black
{
	border-left-color:#666 !important;
}
.b-r-black
{
	border-right-color:#666 !important;
}
.m-t-n-3
{
	margin-top:-3px;
}
.m-b-15 {
    margin-bottom:15px;
}
.font-18 {
    font-size:18px;
}
.font-36 {
    font-size:36px;
}
table.radio-inline.m-r-n td:not(:last-child) label {
    margin-right:40px !important;
}
table.radio-inline.m-r-n td:last-child label {
    margin-right:0px !important;
}
.form-control:focus, button.multiselect:focus {
    box-shadow:0 0 2px #62cb31 !important;
    border:1px solid #62cb31 !important;
    /*background:#c2ffa6 !important;/**/

    box-shadow:0 0 2px #345c74 !important;
    border:1px solid #345c74 !important;
    background:#edf5fa !important;
}
.icheckbox_square-green.focus {
    border:1px solid rgb(104,168,75) !important;
}

@media(max-width:768px)
{
	.div-checkbox div.checkbox
	{
		display:block;
		margin:5px 0px;
	}
	.m-t-sm-screen
	{
		margin-top:10px;
	}
	.customer-Link
	{
		margin-top:0px !important;
	}
	.watermark
	{
		left:10%;
	}
	#job-details div,
	.job-details div
	{
		float:left !important;
		text-align:left !important;
	}
	#job-details div.checkbox,
	.job-details div.checkbox
	{
		border-top:solid 1px #e4e5e7;
		padding-top:10px;
	}
	#job-details .radio-inline,
	.job-details .radio-inline
	{
		margin-left:0 !important;
		width:100%;
	}
	#job-details div.border-left,
	.job-details div.border-left
	{
		border-left-width:0px !important;
	}
	#job-details div.border-right,
	.job-details div.border-right
	{
		border-right-width:0px !important;
	}
	#job-details div.border-left, #job-details div.border-right,
	.job-details div.border-left, .job-details div.border-right
	{
		border-top:solid 1px #e4e5e7;
	}
	#job-details div#paper
	.job-details div.paper
	{
		margin-top:10px;
	}
	#job-details div.backSide-check-JC, #job-details div.laminate-check-JC, #job-details div.cutting-check-JC,
	.job-details div.backSide-check, .job-details div.laminate-check, .job-details div.cutting-check
	{
		border-top-width:0px !important;
	}
	#job-details div.row [class*="col-"]:not(:last-child),
	.job-details div.row [class*="col-"]:not(:last-child)
	{
		margin-bottom:10px;
	}
    table.radio-inline.m-r-n td:not(:last-child) label, table.radio-inline.m-r-n td:last-child label {
        margin-right:50px !important;
    }
    div.checkbox.p-t-md {
        padding-top:0px !important;
    }
    div.checkbox.m-t-n-xs {
        margin-top:10px !important;
    }
}
@media(max-width:330px)
{
	div.checkbox label:not(:last-child) {
		margin-bottom:5px;	
	}	
	div.checkbox label.pull-right {
		float:none !important;
	}
}