/* app css stylesheet */

/* app css stylesheet */

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}


.ciadmintop
{
  font-size:20px;
  padding:20px 0px 0px 20px;
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 400px;
}

.gridReportStyle{
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 400px;
}

.hoverfinger{
  cursor: pointer;
}

.paddingright{
  padding-right: 20px;
}

.headerfont{
  font-size:16px;
}

.css-form input.ng-invalid.ng-dirty {
  background-color: #FA787E;
}

.css-form input.ng-valid.ng-dirty {
  background-color: #78FA89;
}

.css-form .custom-error {
    color:#FF0000;
}

body .modal-cust {
    /* new custom width */
    width: 1020px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -510px;
}
body .modal-user {
    /* new custom width */
    width: 540px;
    height: 540px;

}
body .customer-account-view {
    /* new custom width */
    width: 440px;
    height: 440px;

}
body .modal-failed-payments {
    /* new custom width */
    width: 1020px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    /*margin-left: -510px;*/
}
body .modal-payment-details {
    /* new custom width */
    width: 1020px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    /*margin-left: -510px;*/
}
body .modal-inactivity-warning {
    /* new custom width */
    width: 540px;
    height: 240px;

}
.loader {
	position:absolute;
	background:#eeeeee;
	padding:20px;
	border-radius: 4px;
	margin: auto;
	width: 300px;
	text-align:center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	}

.panel {
	background-color: #C7CBCF;
	border: 0px;
	border-radius: 4px;
	padding: 5px;
}

.grid-header-center {
	text-align: center;
}

.grid-header-left {
    text-align: left;
}

/* Dealer Customer & User Forms validation */
.error.ng-invalid.ng-dirty.ng-invalid-phonenumber {
    border-color: red;
    outline-color: red;
}
.ng-valid.ng-dirty.ng-valid-phonenumber {
    border-color: gray;
    outline-color: gray;
}
.reset-floats {
    overflow: auto;
    width: 100%
}
.character-count {
    position: relative;
    float: right;
    font-size: 0.7em;
}

.ngViewport{
    height:auto !important;
}
.ngCanvas, .ngViewport, .ngRow, .ngFooterPanel, .ngTopPanel   {
   width: 100% !important;
}
.ngRow {
   border-bottom:none !important;
   overflow-x:hidden;
}
.hideYscroll{
  overflow-y:hidden;
}
.hideXscroll{
  overflow-x:hidden;
}
.cm-modal-window {
  width: 500px;
  height:300px;
}

.modal-dialog{
    overflow-y: initial !important
}

.modal-body {
    min-height: 50%;
}

.modal-footer {
    top:-5px;
    display: inline-block
}

.support-menu-item {
  text-shadow: none;
  padding: 0px;
}

.pagination ul > li > a:hover {
  cursor: pointer;
}

.no-customer-accounts {
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
}