body{
background-color: #fafbfe;
}
button.close {
    padding-top: 8px;
}
.custom-success-badge{

    color: #10b981;
    background-color: unset;
    border-radius: 5px;
    border: 1px solid #10b981;
    
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;

}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc; 
    border-radius:10px;
}
::-webkit-scrollbar-track:horizontal {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb:horizontal {
    background: #ccc; 
      border-radius:10px;
  }
  

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #777; 
}
.badge{
box-shadow: rgb(154 161 171 / 20%) 0px 0px 7px 0px;

}
.custom-danger-badge{
color: #eed3d7;
    background-color: unset;
    border-radius: 5px;
    border: 1px solid #eed3d7;
    


}

.ui-autocomplete
{
    position:absolute;
    cursor:default;
    z-index:1001 !important
}
.form-control {
   display: block;
    width: 100%;
    height: 36px;
    padding: 5px 12px;
    font-size: 13px;
    line-height: 1;
    color: #111;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-bottom: 1px solid #ddd;

}
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom {

z-index:9999999;

}
.input-group-addon{

    padding: 0px 0px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #111;
    text-align: center;
    background-color: transparent;
    border: 0;


}

.form-control:focus{

box-shadow: none;
    border-bottom: 2px solid #727cf5;

}
.alert {
    padding: 2px;
    margin-bottom: 5px; 
    border: 1px solid transparent;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: rgb(154 161 171 / 20%) 0px 0px 7px 0px;
}
a , tr , td , div , h1,h2,h3,h4,h5,span,label{
caret-color: rgba(0, 0, 0, 0);
}
.modal-header.ui-draggable-handle{

    border-radius: 5px 5px 0px 0px;
    background: #e0e0e0;
    padding: 3px 15px 7px 15px;
    font-size: 17px;
}

.modal-header.ui-draggable-handle h2{
font-size:18px;
margin-top:12px;
}
.modal-header .close{

}
a:hover, a:focus {
color:#16558c;
text-decoration:none;
}
.r-search-highlight {
    color: #b5b5b5;
    font-weight: normal;
}
.barcode-input-error{
 
    border-color: rgb(245, 198, 203) !important;
border-bottom:3px solid;
}
[data-pageid="6"][data-itemid="grid_field"][data-record-id="10"] .r-images > img
{
max-width: 90%;
    width: 90%;
    max-height: 90%;
}
}
table.mupload-files td{
border:0px;
}
.rnr-dbselectedrow.rnr-dbselectedrow{

background:transparent !important;
}
table.mupload-files{
margin-top:10px;
}

.barcode-input-success{

  border-color: rgb(195, 230, 203) !important;
border-bottom:3px solid;
}
.panel.panel-default.form-section{
background:#fff;
border-color:#fff;
}
.panel{

box-shadow:0 0 10px 0 rgb(154 161 171 / 28%);
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{

background-color:#727cf5 !important;
}
.bootstrap-datetimepicker-widget table td span.active{
background-color:#727cf5 !important;

}
.bootstrap-datetimepicker-widget table{

border:0;
}
.bootstrap-datetimepicker-widget table td{
border-radius:0px !important;
}
.table-striped > tbody > tr:nth-of-type(odd){
 

}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{

padding:5px
}
.panel-primary > .panel-heading{
background-color: #fff;
border-color:#fff;

}
.panel{
margin-bottom:0px;
border: 0;

}
table{
    /* box-shadow: 0 0 15px 5px #f0f0f0; */
    border-color: rgba(0, 0, 0, 0.0625);
    border-collapse: separate;
    /*border-bottom-right-radius: 3px;*/
    padding-top: 0px;
    margin-bottom: 15px;
    /* margin-top: 10px; */
    background-color: #fff;
    border-bottom: 1px solid #999;
    /*border-bottom-left-radius: 3px;*/
    box-shadow: 0 0 10px 0 rgb(154 161 171 / 28%);
}
.table[data-location="grid"].table-striped[data-body-height="2"] > tbody > tr:nth-child(4n+3){

background-color: #f9f9f9;
}
.table > thead > tr > th{

    border-bottom: 1px solid #999;
    border-left: 1px solid;
    border-left-color: rgba(0, 0, 0, 0.0925);
    text-align: center;
}
.table-bordered > thead > tr > th{
    border: 0px;
    border-left: 1px solid rgba(0, 0, 0, 0.0925);
    border-bottom: 1px solid #333;
}
.table > thead > tr > th:first-child{
border-left:none;
}
.table th, .table td{
border-top:none;
}
 .table-bordered > tbody > tr > td{

border:0px;
border-left: 0px solid rgba(0, 0, 0, 0.0925);
border-bottom:1px solid rgb(0 0 0 / 7%);
}
table td{
border-left: 1px solid;

border-color: rgba(0, 0, 0, 0.0625);
padding: 8px;
}
table td:first-child{
border-left:none
}
.r-vbar-page .r-left .nav li.active.active.active > a {

background: #727cf5;
}
a{
color:#6ac2bd;
}
.btn-link{
color:#6ac2bd

}
.btn-primary {

background-image: none !important;
background-color:#6ac2bd;
border: 1px solid #6ac2bd;
box-shadow: 0 2px 6px 0 rgb(114 124 245 / 10%);
}
.btn-primary:hover{
background-color:#6169d0;
border-color: #5b63c4; ;
}
 
.btn[disabled]{
box-shadow:0 2px 6px 0 rgb(86 86 86 / 37%);
}
.navbar.navbar-default .breadcrumb > li > a, .navbar.navbar-default .breadcrumb > li + li:before{
color:#727cf5;
}
.navbar.navbar-default .btn-primary:not(:hover){
background-color:#727cf5;
border:1px solid #727cf5;
}
.panel-default > .panel-heading{
background-color: #fff;
   color: #111;
}
}
.btn-default {
background-color: #848484 !important;
border: 1px solid #808080;
background-image:none !important;
}
.btn-default:hover {
background: #585858 !important;
border-color: #808080;
}

.btn-info {
    background-color: #848484 !important;
    border: 1px solid #999999;
    background-image: none !important;
    box-shadow: 0 2px 6px 0 #cccccc;

}
.btn-info:hover {
background: #585858 !important;
border-color: #808080;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{

background-color:#dee2ff;
color:#111;

}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{

background-color: #727cf5;
    border: 1px solid #727cf5;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{

color: #4a4949;
   background-color: #ebedff;
    border-color: #d1d4ff;


}

/*    Menu Style ------------------------------------------------------------------*/



.menu-treelike.menu-treelike li > a[aria-expanded="true"]{
background-color:transparent;
color:#fff;
}
.r-vbar-page .r-left .nav a{
color:#8391a2;
}
.r-vbar-page .r-left .nav a:hover{

background:transparent;
color:#fff;
}
.r-vbar-page .r-left .nav li.active.active.active > a{

background:transparent;
color:#fff;

}
.r-vbar-page .r-left .nav > li > a{

padding:10px 20px;
font-size: 15px;
}
.menu-treelike.menu-treelike ul[data-menulevel]:not([data-menulevel="1"]) > li > a:not(:hover){
background:transparent;


}
.r-vbar-page .r-left [data-logo-cell][data-logo-cell]{

background-color:#313a46;
color:#fff;
border-bottom:0; 
 padding: 10px;
margin-bottom:40px;


}
    
@media screen and (min-width: 767px) {

.r-vbar-page .r-content-col {
    max-width: calc(100vw - 260px);
}  
.r-vbar-page .r-topheader[data-fixed]{
margin-left:260px;
}
.r-vbar-page .r-left {
background-color: #313a46;
border-right:0;
width: 260px;
flex: 0 0 260px;
box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
margin-top:-1px;
}
 

.r-vbar-page .r-left[data-fixed] + .r-content-col{

    margin-left: 260px;

}

.r-vbar-page .r-left .nav a:hover {
color:#fff
}

} 
 
 

.navbar-default{
    border-color: #ddd;
    background-color: #e0e0e0;
    box-shadow: 0 0 35px 0 rgb(154 161 171 / 28%);
    min-height: 80px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* End Menu Style */

table a {

color:#2a35bf;
}
table .btn-link{
color:#98a6ad;
}

table .btn-link:hover, .btn-link:focus{
color:#111;
text-decoration: none;
}
table button{

background:transparent;
color:#98a6ad;
border:0;
}
table button:hover{
color:#111;
background-color:transparent;
border:0;
}
.table-bordered {
border: 0px solid #ddd;  
    border-radius: 0.25rem;
    padding: 15px;
}
button.btn.btn-default.dropdown-toggle {
     background: transparent !important;
    color: #030d8f;
    border: 0;
}
input#ctlSearchFor1 {
    background-color: #efefef;
    border: none;
    color: #666;
}
table a:hover {
    color: #111;
    text-decoration: none;
}
.breadcrumb > li + li:before{
color:#bbb !important;

}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{

   background-color: #d3e7e6;
    color: #16558c;

}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{
color:#114f5e;

}
 


.btn-primary:active:hover,.btn-primary:focus, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #030d8f !important;
border-color: #030d8f !important;
}

.panel-heading.filter-expander {
      background: #313a46e0;
    border-color: #6d717673;
padding-top: 9px;
    padding-bottom: 5px;
}
.filterPanelContainer{
margin-top:20px
}
.bs-lookup-links a{

font-size:10px;
color:#727cf5;
font-weight:700;
}

.has-error .form-control:focus{

box-shadow:none !important;
}
.has-error .form-control {
box-shadow:none;

}
input[type="text"] {

caret-color: #727cf5;
}
input[type="search"] {

caret-color: #727cf5;
}


input[type="password"] {

caret-color: #727cf5;
}

textarea {

caret-color: #727cf5;
}

.has-error .input-group-addon {

padding-left:7px;
padding-right:8px;
}
table{
box-shadow:none;

}

.suggest_link{
border:1px solid #eee;
padding: 3pt 5pt;

}
.suggest_link_over {

padding: 3pt 5pt 2pt 5pt;
background-color: #727cf5;
    color: #fff;
}


.search_suggest {

font-size:10pt;
width:200pt;
border:0px;
box-shadow:0 2px 6px 0 rgb(198 199 213 / 63%);

}

.r-form[data-location="top"]{

margin-bottom:2px;
}
.r-left-collapsed.r-left-collapsed.r-left-collapsed.r-left-collapsed .menu-treelike li > ul.collapse.in, .r-left-collapsed.r-left-collapsed.r-left-collapsed.r-left-collapsed .dropdown.open.open.open.open > ul {

background:#313a46;
}

.chosen-container-multi .chosen-choices .search-choice{

background-color:#727cf5;
border: 1px solid #727cf5;
background-image: linear-gradient(to bottom, #b0b5fd 0%, #727cf5 100%);
color:#fff;
}
.chosen-container-multi .chosen-choices.chosen-choices{
box-shadow:none;
border:0px;
border-bottom:1px solid #ddd;

} 

.chosen-container-multi .chosen-choices.chosen-choices:focus{
border-bottom:2px solid #727cf5;
}
.rnr-dragndrop-area{
border:#aaa dashed 1px;
}
.mupload-files > .files > tr > td{
border:0px;
border-bottom: 1px dashed #ddd;
}

.r-admin-checkbox[data-checked="1"]:before
{
content:"✓"
}

@media print {
@print {
    @page :footer {
        display: none
    }
    @page :header {
        display: none
    }
}
}
 
 .navbar-default .navbar-nav > li > a {

    color:#6ac2bd;
    font-weight: 600;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #072183;
    background-color: transparent;
}


element.style {
}
@media print, (min-width: 768px)
:not([data-fullwidth]) > * > .r-integrated-field.r-horizontal-field .r-edit-label {
    width: 33.33333333%;
}
[data-page="purchase_add"][data-itemid="integrated_edit_field9"] label {
    padding-right: 0px;
    padding-left: 0px;
    /* font-weight: bold; */
}
@media print, (min-width: 768px)
.r-horizontal-field .r-edit-label {
    text-align: left;
}
@media (min-width: 768px)
.form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 9px;
}
@media print, (min-width: 768px)
.r-integrated-field > * {
    padding-right: 15px;
    padding-left: 15px;
}
a, tr, td, div, h1, h2, h3, h4, h5, span, label {
    caret-color: rgba(0, 0, 0, 0);
}
label {
     font-weight: bold; 
}

@media print, (min-width: 768px) {
span.r-align-left.navbar-header {
    max-width: 100px;
}
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{

   color: #072183;
    font-weight: 600;


}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #727cf5;

}
.navbar-brand {

    height: auto;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

color:#030d8f;
}
body {
color:#111;
}
.form-control[readonly]{
background:transparent;
}
.r-align-left.r-align-left{

    display:inline-block;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #aaa;
  }
}

.navbar-default .navbar-brand{

color:#111;
}

.navbar-brand.navbar-brand{
font-size:22px;

}

.navbar-default .navbar-nav > li > a {

color:#555555
}


.badge{
font-size:14px

    padding: 5px 7px;
}

 

.btn-primary {
    background-image: none !important;
    background-color: #114f5e;
    border: 1px solid #114f5e;
    box-shadow: 0 2px 6px 0 rgb(44 44 44 / 28%);
}

a{

color:#16558c;
}


.btn-primary:hover {
    background-color: #16558c;
    border-color: #16558c;
}
.navbar.navbar-default .btn-primary:not(:hover) {
    background-color: #114f5e;
    border: 1px solid #114f5e;
}

.glyphicon{
	
	padding-left:5px;
	
}


.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #16558c;
     
}
table{
	border-bottom:0px;
	
}