@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Dosis:300,700|Ubuntu+Mono|Lato:300,400,700,300italic,400italic&subset=latin,latin-ext);
header.navbar .topbarleft .nav-item{
    border-right: 1px solid #e5e5e5;
}
.app-body {
    display: block !important;}
.sidebartogglenewstyle{
    font-size: 15px !important;
    font-weight: 100;
    line-height: 45px !important;
}

.breadcrumb .breadcrumb-item:first-child {
    padding-left: 0.75rem;
    background: #20a8d8;
    border-bottom: 1px solid #20a8d8;
    color: white;
}
.breadcrumb .breadcrumb-item:first-child a{
    color: white;
}


.sidebar .nav .nav-item.nav-dropdown.open > a.nav-link {
    color: #ffffff !important;
    background: #20a8d8;
}
.sidebar .nav .nav-item.nav-dropdown.open > a.nav-link i{
    color: #ffffff !important;
}

body , .app-body {
    font-family: "Lato", "Arial", sans-serif;
}

.sidebar .nav .nav-item .nav-link{
    font-size: 13px;
    font-weight: bold;
}

.card.customtable{
    border: 0px !important;
}
.card.customtable bs-dropdown-container{
    top: 40px !important;
    left: 51px !important;
}
.card.customtable .card-header {
    background-color: #ffffff !important;
}

.card.customtable .table th{
    border-top: 0px solid #d1d4d7 !important;
    border-bottom: 1px solid #d1d4d7;
}

.card.customtable .card-header {
    font-family: "Dosis", "Arial", sans-serif;
    font-weight: 400;
    font-size: 20px;
    padding: 6px 15px;
    color: #616f77;
}
.card.customtable .card-header a.btn-setting{
        font-size: 14px;
            padding: 10px;
}

.card.customtable .dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: normal;
    color: #2a2c36;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    font-family: "Lato", "Arial", sans-serif;
    border: 0;
}

.card.customtable .dropdown-menu {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.dropdown-menu.with-arrow:before {
  content: "";
  position: absolute;
  left: 12px;
  top: -10px;
  height: 0;
  width: 0;
  border-bottom: 9px solid rgba(0, 0, 0, 0.15);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.dropdown-menu.with-arrow:after {
  content: "";
  position: absolute;
  left: 13px;
  top: -8px;
  height: 0;
  width: 0;
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.dropdown-menu.pull-right.with-arrow:before {
  left: auto;
  right: 15px;
}

.dropdown-menu.pull-right.with-arrow:after {
  left: auto;
  right: 16px;
}


.custom-font{
    font-family: "Dosis", "Arial", sans-serif;
}

h1.custom-font{
    font-size: 24px;
}

.label-details{
    font-weight: bold;
}

.modalselect{
    float: left;
    width: 200px !important;
    margin-right: 5px;
}

.card.customtable .table td {
    padding: 8px;
    vertical-align: top;
    color: #616f77;
    font-family: "Lato", "Arial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    word-break: break-word;
}

.card.customtable .table th{
    color: #616f77;
    font-weight: 600;
}
.card.customtable  .pagination li .page-link{
    color: #777;
}
.card.customtable .pagination li.active .page-link {
    color: #fff;
}

.card.customtable .pagination {
    float: right;
}

.card.customtable .table tr:last-child td {
    border-bottom: 1px solid #d1d4d7;
}

.pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.card.customtable .pagination li .page-link{
    padding: 5px 10px !important;
}

.dataTables_filter input{
    display: inline-block;
    margin-left: 10px;
    padding: 5px 10px;
    width: 150px !important;
}

.dataTables_length .showentriesselect{
    display: inline-block;
    padding: 5px;
    height: 29px !important;
}

.ngx-pagination .current {
    background: #20a8d8 !important;
}

ul.ngx-pagination{
    float: right;
}

.ownerscnic{
    width: 90%;
    float: left;
    margin-left: 5px;

}

.app-header .nav-item i{
    color: #525252 !important;
    font-size: 22px;
    margin-top: 9px;
}
.avatar {
    width: 15px !important;
}

.borderleft1px{
    border-right: 1px solid #d1d4d7;
}
.col-sm-2.customwidth{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-sm-2.borderleft1px table tr th:first-child , .col-sm-2.borderleft1px table tr td:first-child , .col-sm-2.borderleft1px table tr th:last-child , .col-sm-2.borderleft1px table tr td:last-child{
    width: 30px;
    max-width: 30px;
}

.routetable table thead th:nth-child(2) , .routetable table thead td:nth-child(2){
    width: 100%;
}

.has-text-centered {
    text-align: center;
}
.spinner.hidden {
    opacity: 0;
}
.spinner{position:relative;display:inline-block;width:1em;height:1em;font-size:32px;border-bottom:1px solid;vertical-align:middle;overflow:hidden;text-indent:100%;-webkit-animation:0.5s spinner linear infinite;-moz-animation:0.5s spinner linear infinite;animation:0.5s spinner linear infinite}.spinner,.spinner:after{border-radius:100%}.spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;opacity:0.5}.spinner--small{font-size:16px}.spinner--large{font-size:64px}.spinner--light{color:#fff}.spinner--dark{color:#333}@-webkit-keyframes spinner{to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spinner{to{-moz-transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}.box{margin:1em 0;padding:2em;color:#647b1b;background-color:#BADA55;border-radius:3px;text-align:center}.box--foo{background-color:#212121;color:yellow}

.customtable .badge {
    font-size: 85%;
    width: 125px;}


.outletdetails .label-details {
    text-align: right;
}
.outletdetails .label-details:before {
    width:5px;
    height: 5px;
    display: inline-block;
}

.outletdetails .form-group {
    border-bottom: 1px solid #e4e5e6;
    padding: 10px;
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

.outletdetails .card-header.redbg {
    background: #20a8d8 !important;
    color: white;
    border-bottom: 1px solid #e4e5e6;
}
.outletdetails .card-header.whitebg {
    color: #20a8d8;
    border-bottom: 1px solid #e4e5e6;
}

.outletdetails .form-group.editrow{
    border-bottom: 0px;
    padding-top: 30px;
    border-top: 30px solid #e4e5e6;
}

.noborderbottom{
    border-bottom: 0px !important;
}

select.changestatuslist{
    width: 135px !important;
}

b.colorred{
    color: #20a8d8;
}

.slim-loading-bar{position:fixed;margin:0;padding:0;top:0;left:0;right:0;z-index:99999}.slim-loading-bar-progress{margin:0;padding:0;z-index:99998;background-color:green;color:green;box-shadow:0 0 10px 0;height:2px;opacity:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}


@media print {
    
ol.breadcrumb{
        display: none;
    }
}


.barcodes td {
    background: url(http://www.endlessicons.com/wp-content/uploads/2012/11/barcode-icon-614x460.png);
    background-size: 46px;
    background-repeat: no-repeat;
    padding-left: 40px !important;
}

/*****************************************
  upload button styles
******************************************/
.file-upload {
	position: relative;
	display: inline-block;
}

.file-upload__label {
  display: block;
  padding: 1em 2em;
  color: #fff;
  background: #20a8d8;
  border-radius: .4em;
  transition: background .3s;
  

}

.file-upload:hover .file-upload__label  {
    cursor: pointer;
    background: #DB5D70;
 }
    
.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width:100%;
    height: 100%;
    opacity: 0;
}

/*****************************************
 design styles
******************************************/

em {float:right; color:#E05C65; padding-left:10px;}
.error input, .error select, .error textarea {border:1px solid #E05C65;}
.error ::-webkit-input-placeholder { color: #999; }
.error :-moz-placeholder { color: #999; }
.error ::-moz-placeholder {color: #999; }
.error :ms-input-placeholder { color: #999; }

h2.lineeffect{
    line-height: 2px;
    letter-spacing: 2px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: 20px;
    align-items: center;
    height: 40px;
    font-size: 25px;
}
h2.lineeffect:before , h2.lineeffect:after{
    background: #20a8d8;
    width: 100%;
    height: 2px;
    display: block;
    content: '';
}

.mt10{
    margin-top: 10px;
}

.ngx-datepicker-input {
    width: 100% !important; 
}
.ngx-datepicker-calendar-container{
    z-index: 100;
    position:  relative !important;
}

/* .card.customtable {
    z-index: 1;
}

.card-block , .card-header {
    z-index: 1;
}

.zindexm1{
    z-index: 1;
    position: relative;
} */
.filtericon{
    position: absolute;
    top: 20px;
    right: 20px;
}

/* .login-logo {
    background-image: url("../../img/servis-shoes-logo.png");
  } */