/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo {
  background : url('/Content/images/logo.png') ;
  background-position : 0px +5px;
  height : 72px;
  width : 130px;
}
.main-menu .navbar-header .navbar-brand .brand-logo {
  background : url('/Content/images/logo.png') no-repeat;
  background-position : 0px 0px;
  height : 45px;
  width : 97.5px;
  background-size: 65px 30px;
  
}
.main-menu .navbar-header .navbar-brand .brand-text {
  color : #7367F0;
  padding-right : -30rem;
  font-weight : 600;
  letter-spacing : 0.01rem;
  font-size : 1.57rem;
  -webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
          animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}

.rtlDiv {
    direction: rtl !important;
    /*float:right;*/
}.ltrDiv {
    direction: ltr;
}
.rtlPDiv {
    direction: rtl !important;
    text-align:right !important;
}.ltrPDiv {
    direction: ltr !important;
    text-align:left !important;
}

.row{
    margin: 10px;
}
.GroupofElements {
    padding: 20px 20px 20px 20px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 10px #f1f1f1;
    /*margin: 10px !important;*/
    border-radius: 5px;
}
.POSGroupofElements {
    padding: 0;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 0 #f1f1f1;
    margin: 0px !important;
    border-radius: 5px;
}
.fullWidth {
    width:100% !important;
}
.text-box  {
    width:100% !important;
}

.title > h3:nth-child(1) {
    text-align:center;
    color: white;
    background-color: #f46f24;
    font-family:titleFont;
    padding: 5px;
}
.content-wrapper{
    padding-top: 15px !important;
}
#mainDiv {
    padding-right:0;
    padding-left:0;
}
/* Form Validation */
span.field-validation-error {
    color: #ff0000 !important;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000 !important;
}

.validation-summary-valid {
    display: none;
}

label.error {
	padding: 3px 4px 3px 4px;
	color: #c93605;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -moz-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -webkit-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    font-size:11px;
 }

form input.error {border: 1px solid #ED7A53 !important;}
form input.valid {border: 1px solid #9FC569 !important;}

.controls .checker label.error {
	min-width: 260px;
	text-align: left;
	margin-top: -28px;
}

.controls label.error {
	margin-top:-20px;
}
.controls .selector label.error {
	position: absolute;
	top: 5px;
	right: 0;
	margin:0;
}

.controls.sel label.error {
	position: absolute;
	top: 50px;
}