/***********************************************************************************************************************/
html {
   -ms-overflow-style: scrollbar;
}
.container {
	width: 1000px;
	height: 800px;
	background: #fff;
	margin: 0 auto;	
}
.set-position{
	margin-top:66px;
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png")
}
.ui-datepicker-today > a.ui-state-default.ui-state-highlight:not(.ui-state-active) {
    background: #ccc1b0;
    color: #000;
}
.invTypes{
	text-transform: lowercase;
	font-weight: bold;
}
/********************************Widget Config CSS Starts******************************************/
.widget-config {
	top: 110px;
}
/*Issue No 0040033,0040032 */
.widget-config>.theme-config-box {
	margin-right: 0;
	right: -260px;
	position: fixed;
	z-index: 999;
	padding-right: 15px;
}
.widget-config>.theme-config-box.show {
	margin-right: 0;
	right: 0;
	padding-bottom: 5px;
}
.widget-config .skin-setttings {
	background: #fff;
    width: 260px;
   /*  box-shadow: 5px -5px 15px 2px #444; */
}
@media (max-width: 767px) {
	.widget-config {
		top: 150px;
	}
}
.skin-setttings .title {
    background: #efefef;
    border-bottom: solid #1ab394;
}
/********************************Widget Config CSS Ends******************************************/


.ui-datepicker{ 
	z-index: 9999 !important;
	border: #676a6c 1px solid;
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 18px 12px;
    cursor: pointer;
    color: #676a6c;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.padding-none{
	padding: 0 !important;
}
.navbar-form-custom .form-control,
.navbar-form-custom i{
	color: #efefef;
}
.navbar-form-custom ::-webkit-input-placeholder {
    color: #efefef;
}
.navbar-form-custom :-moz-placeholder {
    color: #c0c0c0;
}
.navbar-form-custom ::-moz-placeholder {
    color: #efefef;
}
.navbar-form-custom :-ms-input-placeholder {
    color: #efefef;
}
/*************************************profile image -cropper CSS Starts*************************************************/
.profile-image-box{
	border: 5px solid #c3c8cb;
	height: 210px;
	width: 210px;
	text-align: center;
	margin: 0 auto;
}
.profile-image-box a,
.profile-image-box label{
	margin: 30px 25px;
}
.profile-image-box canvas,
.profile-image-box img{
	height: 200px;
	width: 200px;
}
.custom-preview{
	border: 1px solid #1ab394;
	width: 180px;
	height: 200px;
	margin: 5px;
}
.upload-modal-dialog{
	width: 900px;
	height: 700px;
}
.upload-modal-dialog .image-crop{
	margin-bottom: 10px;
}
.fa-6{
	font-size: 20em;
	margin: 0 25%;
}
.custom-preview p{
	margin-left: auto;
    margin-right: auto;
    width: 180px;
    text-align: center
}
/* Content */
.img-container,
.img-preview {
  background-color: #f7f7f7;
  overflow: hidden;
  text-align: center;
}
.img-container {
  min-height: 200px;
  max-height: 466px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .img-container {
    min-height: 466px;
  }
}
.img-container > img {
  max-width: 100%;
}
.docs-preview {
  margin-right: -15px;
  margin-bottom: 10px;
}
.img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.img-preview > img {
  max-width: 100%;
  height: 100%;
}
.preview-lg {
  width: 263px;
  height: 148px;
}
.preview-md {
  width: 139px;
  height: 78px;
}
.preview-sm {
  width: 69px;
  height: 39px;
}
.preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0;
}
#flash {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5000;
	width: 100%;
	height: 500px;
	background-color: #fff;
	display: none;
}
/******************************************profile image -cropper CSS ends***************************************************/

.margin-botton-none{
	margin-bottom: 0px;
}
.user-panel {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-width: 4px;
	border-top: solid #C3C8CB !important;
}
#ownersTabs{
	padding: inherit;
}
table>tbody>tr>td>.HeaderPanel{
	width: 100%;
}
.center-label{
	text-align: center;
	font-weight: bold;
}
nav.navbar-right>li>a {
	color: #a7b1c2;
}
.font-medium{
	font-weight: 600;
}
label.checkboxLabel:after {
	content: '\A';
    white-space: pre;
}
.ibox-title {
	cursor: default;
}
.ui-datepicker-trigger {
    background: none;
    border: none;
    padding: 0;
    margin-left: 3px;
}
.inquiry-header {
    background: #1ab394;
    color: #fff;
    padding: .4em 1em;
}
#divForModalPopUp,
#divForTreeModalPopUp {
	background: #F3F3F4;
	padding: 0;
}
.custom-ibox-title{
	padding: 10px;
    min-height: 30px;
}
td>.input-group-addon {
    display: inline;
    padding: 3px 20px 3px 10px;
    color: #555;
    line-height: normal;
    vertical-align: text-bottom;
}
td.input-group{
	display: inline;
}

.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control {
	background-color: #e4e4e4;
}

/**********************************Denomination for Cash Drawer************************************************/
.denomination{
	min-width: 400px;
}
.denominationDiv {
	background-color: white;
	padding-top: 10px; 
	padding-bottom: 15px;
	border-color: #c3c8cb;
	border-image: none;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
}

/**********************Remove this css after removing following div from all jsps ******************************/
#loadingImage{
	display: none;
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	background: #fff;
}
.override {
	padding-bottom: 70px;
	background-color: #f2dede;
	box-shadow: 10px 10px 5px #888888;
}
.big-font {
	font-size: 16px;
}



/******** NEW RESPONSIVE UI OVERRIDES ******************************/
/*
--------------------------------
Page Layout
--------------------------------
*/
body {
	color: #293846;
}
h5 {font-size: 1em;}

#page-wrapper-search {
	margin:0 15px;
}


/*
--------------------------------
Side Menu
--------------------------------
*/
.nav-footer {
	padding: 3px 5px 10px 25px;
	font-size: 11px;
}
#side-menu hr {
	border-top: 1px solid #24323e;
	border-bottom: 1px solid #384d60;
}


/*
--------------------------------
Page Header and Customer Info
--------------------------------
*/
.screen-name {
	margin-top: 30px;
	padding-right: 15px;
}
.PageHeader h3 {
	font-weight: 200;
	font-size: 22px;
	color: #293846;
}
ul.cust-info, ul.trans-info {
	list-style-type: none;
}
ul.trans-info {
    margin-left: 0;
    padding-left: 0;
}
.cust-info li {
	display: inline;
	text-align: right;
	padding-left: 5px;
}
.trans-info li {
    display: inline;
    padding-left: 5px;
}


/*
--------------------------------
Form Elements
--------------------------------
*/
.label-dash {
	display: block;
	font-size: 12px;
	color: #344758;
}

.label-block {
	display: block;
}
label {
	color: #344758;
}
.label {
	font-size: 1.077em;
	display: inline-block; /*0041704*/
  	padding: .5em;
  }

a[data-toggle="tooltip"] {
	/* padding-left: 3px;  Issue : 0041589*/
}
.form-control:focus {
  border-color: #1AB394;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(26, 179, 148, .4);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(26, 179, 148, .4);
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.25); /* IE */
  -moz-transform: scale(1.25); /* FF */
  -webkit-transform: scale(1.25); /* Safari and Chrome */
  -o-transform: scale(1.25); /* Opera */
  padding: 10px;
  margin-right: 5px;
}
label ~ input[type=checkbox] {
	font-weight: 400;
}
.radio {
	margin-bottom: 4px;
}
.form-group > .radio {
	margin-top: 4px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-top: 1px solid #797C7C;
	border-bottom: 1px solid #797C7C;
	border-right: 1px solid #797C7C;
}
.input-group-addon {
	font-size: 1em;
}
.depAmt .form-control,
#drawerAmounts .form-control,
#adminFees .form-control,
#feeBreakdown .form-control {
	font-size: 1em;
	text-align: right;
}
#adminFees .form-group,
#feeBreakdown .form-group {
	float: right;
	margin-bottom: 0px;	
}
#auditCriteria tr > td:nth-child(5) .form-control {
	text-align: right;
}
#auditCriteria tr > td:nth-child(4) {
	text-align: center;
}


.w-50.selectWithBtn {
	width: 50%;
}
.selectWithBtn ~ .btn {
	margin-top: 4px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-radius: 0px;
}
.rightFloat.input-group {
	float:right;
	clear:both;
}


/*
--------------------------------
Helper Classes
--------------------------------
*/

/* For mobile phones: */
[class*="w-"] {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
	.w-15 {width: 15%;}
	.w-25 {width: 25%;}
	.w-50 {width: 50%;}
	.w-75 {width: 75%;}
}


.p-r-xs {padding-right: 5px;}
.p-l-xs {padding-left: 5px;}
.p-l-sm {padding-left: 10px;}
.p-l-md {padding-left: 20px;}


/*
--------------------------------
Layout and Containers
--------------------------------
*/
hr {
	border-top: 1px solid #c3c8cb;
	border-bottom: none;
}
.ibox-table {
	padding: 0;
}
 .ibox-title h5.small {
	font-size: 1em;
	font-weight: 600;
	color: #1c84c6;
}
.ibox-tools {
	text-align: left;
	display: inline-block;
	margin-top: -3px;
	padding-left: 5px;
}
.ibox-tools a {
	color: #1ab394 !important;
	font-size: 1.42em;
}
.ibox.collapsed .ibox-content { display: none; }
.col-12-5 {
	float: left;
	width: 12.5%;
	display: inline;
	padding:15px;
	font-size: 1.15em;
}
.list-group-item:first-child {
    border-radius: 0px;
}
.list-group-item:last-child {
    border-bottom:  1px solid #e7eaec !important;
    border-radius: 0px;
}

/*
--------------------------------
Buttons
--------------------------------
*/
.btn {
	transition: all .2s ease-in;
}
button.mainBtn {
	margin: 0 5px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
	background-color: #109569;
	border-color: #109569;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:hover, .btn-success.active:focus {
	background-color: #135db4;
	border-color: #135db4;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active, .btn-success.btn-outline.active, .btn-success.btn-outline:active:focus, .btn-success.btn-outline:active:hover, .btn-success.btn-outline.active:hover, .btn-success.btn-outline.active:focus {
	background-color: #1c84c6;
	border-color: #1c84c6;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus {
	background-color: #15afb2;
	border-color: #15afb2;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning.active:focus {
	background-color: #f58b35;
	border-color: #f58b35;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger.active:focus {
	background-color: #e5333d;
	border-color: #e5333d;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus {
	background-color: #AAAAAA;
	border-color: #AAAAAA;
}
.fa-question.fa-lg {
	vertical-align: 0;
}
.search-button-group {
	clear: both;
	margin-top: 30px;
}


/*
--------------------------------
Tables
--------------------------------
*/

/*#drawerAmounts tr > td:nth-child(4) {
	text-align: center;
	color: #f8ac59;
	font-weight: 600;
}
*/
/*#drawerAmounts tr > th:nth-child(3),
#drawerAmounts tr > td:nth-child(3) {
	text-align: center;
}
*/#drawerAmounts tr > td:nth-child(4) {
	/* color: #1AB394; Issue Id: 0040040 */
	font-weight: 600;
	text-align: right;
	padding-right: 30px;
}
#cashEntry tr > td:first-child {
	font-weight: 600;
}
#cashEntry tr > td:last-child {
	text-align: left;
	color: #1ab394;
	font-weight: 600;
}
#cashEntry tr > td:nth-child(4), 
#cashEntry tr > td:nth-child(2) {
	text-align: center;
}
#cashEntry tr > td:nth-child(5),
#cashEntry tr > th:nth-child(5) {
	text-align: right;
	padding-right: 30px;
}
#drawerAmountsReconcile tr > td:nth-child(2),
#drawerAmountsReconcile tr > td:nth-child(3),
#drawerAmountsReconcile tr > td:nth-child(5),
#drawerAmountsReconcile tr > th:nth-child(2),
#drawerAmountsReconcile tr > th:nth-child(3),
#drawerAmountsReconcile tr > th:nth-child(5) {
	text-align: right;
	padding-right: 20px;
}
#cashEntry tbody > tr:last-child > td,
#drawerAmounts tbody > tr:last-child > td {
	border-bottom: none;
}
#cashEntry tbody > tr:last-child,
#drawerAmounts tbody > tr:last-child,
#drawerAmountsReconcile tbody > tr:last-child {
	border-bottom: 2px solid #C3C8CB;
}
#drawerAmounts tfoot > tr > td:first-child,
#cashEntry tfoot > tr > td:first-child,
#drawerAmountsReconcile tfoot > tr > td:first-child {
	font-weight: 700;
}
#deposit th {
	text-align: left;
}
#deposit tr > td {
	text-align: right;
	padding-right: 10px;
}
#deposit tr > td:nth-child(2) {
	text-align: left;
	font-size: 0.85em;
}
#deposit th,
#transactionlist th {
	font-size: 0.923em;
}

table a {
	text-decoration: underline;
}
.subtotalRow,
.totalRow {
	background-color: #F3F6FB;
}
.subtotalRow td {
	font-weight: 600;
}
.totalRow td {
	font-weight: 700;
	color: #344758;
	border-top: 2px solid #c3c8cb;
	padding-top: 12px;
	padding-bottom: 12px;
}
#deposit .depAmt.totalRow td {
	font-weight: 400;
	padding-right: 8px;
	text-align: right;
}
#deposit .depAmt.totalRow td:first-child {
	font-weight: 600;
	font-size: 0.923em;
}
#deposit td > .form-group {
	margin-bottom: 0;
}
#drawerAmounts .subtotalRow td:nth-child(3),
#drawerAmounts .totalRow td:nth-child(3),
#cashEntry .totalRow td:nth-child(5) {
	text-align: right;
	/* padding-right: 30px; */
}
#cashDrawers {
	width: 100% !important;
}
#cart tr > td:nth-child(5),
#cartResults tr > td:nth-child(5),
#payment tr > td:nth-child(3) {
	font-size:0.923em;
}
#auditCriteria tr > td:first-child,
#auditCriteria th:first-child {
	text-align: left;
}
#auditCriteria tr > td,
#auditCriteria th {
	text-align: center;
}
#taxReturn tr {
	font-size: 0.923em;
}

#taxReturn tr > td:nth-child(1) {
	font-weight: 600;
}
#userDashboard .dataTables_wrapper {
    padding-bottom: 10px;
}
.amount-header-align { 
  text-align: right;
  padding-right: 20px !important;
  
}
/*
--------------------------------
Dropdowns
--------------------------------
*/
.nav-wizard .dropdown-menu {
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #C2C2C2;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(86, 96, 117, 0.4);
	display: none;
	float: right;
	font-size: 13px;
	left: 0;
	list-style: none outside none;
	padding: 0px;
	position: absolute;
	text-shadow: none;
	top: 90%;
	z-index: 1000;
}
.drpdwn:hover .dropdown-menu {
	display:block;
}
.dropdown-menu > li > a {
	border-radius: 2px;
	padding: 5px 10px;
	margin:0;
	color: #676A6C;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #F5F5F5;
	color: #676A6C;
	font-weight: 600;
}


/*
--------------------------------
Modals
--------------------------------
*/
.modal-lg {
	width: 1024px;
}
.inmodal .modal-header {
	text-align: left;
	padding: 15px 30px;
}
.inmodal .modal-title {
	color: #344758;
	font-weight: 400;
}
.inmodal .modal-body-override {
	background-color: #fbd2d6;
}
.inmodal .modal-header-override {
	border-bottom-color: #f599a3;
	text-align: center;
}
.overrideModalIcon {
	color: #ed5565;
	font-size: 4em;
}
.inmodal .modal-footer-override {
	border-top-color: #f599a3;
}


/*
--------------------------------
Tooltips
--------------------------------
*/
.tooltip-inner {
	text-align: left;
}

/*
--------------------------------
Profile Image Upload
--------------------------------
*/
/*#profile img {
	transition: all 1s;
}
#profile img:hover {
	background-color: rgba(52,71,88,0.75);	
}*/
#profile a {
  float: left;
  position: relative;
  margin: 0 auto;
transition: all 1s;
}

#profile a img {
  display: block;
transition: all 1s;
}

#profile a span {
transition: all 1s;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background:rgba(0,0,0,0.25);
  color: #fff;
  padding-top: 45%;
  padding-left:40%;
  font-size: 1.5em;
}

#profile a:hover span {
  display: block;
transition: all 1s;
}



/*
--------------------------------
Misc
--------------------------------
*/
.inner:after {
	background-color: #fff;
	content: "/ ";
	padding: 0 5px;
}

.inner:last-child:after {
	content: none;
}
p.lead {
	margin-bottom:0px;
}
.border-left {
	border-left: 1px solid #c2c2c2;
}
.alert {
	border-radius: 0px;
}

/*
--------------------------------
Inquiry modal css
--------------------------------
*/
.modal-body {
  max-height: calc(100vh - 200px); /* vh is viewport height in css */
  overflow-y: auto;  
}
.modal-content {
   overflow: hidden;
}

/*
--------------------------------
Media Queries
--------------------------------
*/
@media only screen and (min-width: 1440px) {
    body {font-size: 15px;}
	.form-control, .single-line {font-size: 1em;}
	.input-sm {padding: 2px 10px;}
	.label {font-size: 1em;}
	.mainBtn.btn {font-size:1.077em;}
}



.ui-state-focus {
	background: none !important;
	background-color: #109569 !important;
	border: #109569 !important;
}


#sysTotal{
padding-right: 20px;
}

.dataTables_empty{
text-align: center;
}
#userview{
margin-left: 0px;
}

@media screen and (min-width: 768px) {
    .modal-lg {
       min-width: 700px; /* New width for default modal */          
    }
 }
@media screen and (min-width: 992px) {
    .modal-lg {
      min-width: 950px; /* New width for large modal */
    }   
}
  
@media screen and (min-width: 1200px) {
   .modal-lg {
       min-width: 1150px; /* New width for large modal */
   }
}	
@media screen and (min-width: 1800px) {
	.modal-lg {
      min-width: 1750px; /* New width for large modal */
    }
}

#payment tfoot tr > td {
	font-weight: normal;
}

#payment tr > td.invoiceAmtTd {
	font-weight: 700;
}

#notifications{
 max-height:500px; 
 overflow:auto;
 }
 #notifications .subject{
 font-weight: 900;
 }
 .btn-group > .btn-white.active{
 background: #1ab394;.
 color: white;
 }
 div.dt-buttons{
position:relative;
float:right;
}
.progress-bar-available{
	background-color: #FFD851;
}
.text-highlight {
    color: #23c6c8;
}

/**
* set max z-index for tooltip
*/
.tooltip{
	z-index: 20000;
}

.mlg-highlight {
    color: red;   
}
/*Issue 46723*/
.btn-warning.btn-outline {
    color: #8A1D0D;
    border-color: #8A1D0D;
}

.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active, .btn-warning.btn-outline:active:focus, .btn-warning.btn-outline:active:hover, .btn-warning.btn-outline.active:hover, .btn-warning.btn-outline.active:focus {
	background-color: #8A1D0D;
	border-color: #8A1D0D;
	color: #fff;
}

.close-black {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close-black:hover,
.close-black:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close-black {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}