/*Toast Theme*/

/* md-toast.md-success-toast-theme .md-toast-content {
	color: rgb(255, 255, 255);
	background: rgb(76, 175, 80);
}

md-toast.md-error-toast-theme .md-toast-content {
	color: rgb(255, 255, 255);
	background: rgb(244, 67, 54);
}

md-toast.md-warning-toast-theme .md-toast-content {
	color: rgba(0, 0, 0, 0.870588);
	background: rgb(255, 193, 7);
} */

/*Select Box*/
md-input-container>md-select {
	margin: 0 0 1em 0;
}

.md-caption {
	color: #757575;
}

.no-decoration {
  text-decoration: none !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}
.selectdemoSelectHeader md-content._md {
  max-height: 240px;
}

/*datepicker*/
table.md-table td.md-cell{
    white-space: nowrap;
}
.md-cyan-theme .md-calendar-date.md-calendar-date-today.md-focus .md-calendar-date-selection-indicator{
    background: rgb(0, 188, 212) none repeat scroll 0 0;
    border-color: transparent;
    color: rgb(255, 255, 255);
}
.md-cyan-theme .md-calendar-date.md-focus .md-calendar-date-selection-indicator{
    background: rgb(224, 224, 224) none repeat scroll 0 0;
    border-color: transparent;
}
.md-datepicker-triangle-button{
    display: none;
}
._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore){
    right:0;
    left: 0
}
.md-icon-button + .md-datepicker-input-container{
    margin-left: 0
}
._md-datepicker-floating-label > md-datepicker .md-datepicker-button{
    position: absolute;
    left: 180px
}
._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore){
    width:100%;
}
.md-datepicker-input{
    min-width: 185px
}
._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation{
    margin-left: 0;
}

/*For Table first heading text align*/
table.md-table:not(.md-row-select) td.md-cell:first-child, table.md-table:not(.md-row-select) th.md-column:first-child {
  text-align: center;
}

/*text-align center*/
.align-center {
  text-align: center !important;
}
/*text-align left*/
.align-left {
  text-align: left !important;
}
/*text-align right*/
.align-right {
  text-align: right !important;
}


/*main page css start*/
.bg-welcome{
    min-height: 400px;
    margin:20px 0;
}
.circle{
    width:400px;
    height: 400px;
    border-radius: 50%;
    background-color: #0288d1;
    -webkit-box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.3);
}
.txt-center{ text-align: center}
.circle h2{
    color: #fff;
}
.circle span{
    color: #fff;
}
.circle b{
    color: #8bc34a
}
@media screen and (max-width: 600px) {
    .circle h2{
        font-size: 40px;
    }
}
/*main page css End*/

/*Start Footer*/
.md-footer-toolbar{
    min-height: 40px
}
.md-footer-toolbar .md-toolbar-tools{
    height: 40px;
}
.md-footer-toolbar h2{
    font-size:14px;
}
/*End Footer*/

/* Start Minimize search bar */
.mgn-md-input{
    margin:5px 0;
}
/* End Minimize search bar */

/*Start Welcome page*/
.center-stretch ~ div{
    flex: none;
}

@media screen and (max-width: 600px) {
    .circle h2{
        font-size: 40px;
    }
    .circle{
        width: auto;
        height: auto;
        border-radius: 5px;
        padding: 20px 10px
    }
    .bg-welcome{
        min-height: auto;
    }
}
/*End Welcome page*/

.cursor-pointer {
  cursor: pointer;
}

.status-danger {
  background: #f00;
  font-weight: bold;
}

.status-warning {
  background-color: #F8BC06;
  color: #000 !important;
  font-weight: bold;
}

.status-success {
  background-color: #00ff5a;
  color: #000 !important;
  font-weight: bold;
}

span.status {
    color: #000 !important;
}

/*accordion css*/
.accordion-cust-table tr{
  border-bottom: 0
}
.accordion-cust-table tr:hover{
  background: none !important;
}
.accordion-cust-table tr td{
  padding:0 !important;
  text-align: left !important; 
}
/* .custom-accordion .collapsible-item .title{
  background-image: none;
  border:0;
  background-color: rgba(255, 215, 64,0.8);
  border-radius: 0;
} */
.custom-accordion .collapsible-item .body .content{
  padding: 20px 0 5px
}
/* .custom-accordion .collapsible-item .body{
  border-color: rgba(255, 215, 64,0.8);
  top: 0    
} */

/*break-word*/
.break-word {
  display: block !important;
}


.md-xeditable-text {
  font-weight: bold;
  border-bottom: 1px dashed #428BCA;
  color: #428BCA;
  text-decoration: none;
  cursor: pointer;
}

.md-xeditable-text.error {
  border-bottom: 1px dashed #F00;
  color: #F00;
}

md-switch .md-container {
  margin: 0 auto;
}

.stock-in {
  color: #88bb0d !important;
  font-weight: bold;
}

.stock-out {
  color: #f00 !important;
  font-weight: bold;
}

.font-bold {
  font-weight: bold !important;
}

md-tooltip {
  font-size: 13px;
  font-weight: bold;
}

md-table-container.expand_products.ng-scope{
  padding-left: 110px;
}
md-table-container.expand_products{
  padding-left: 110px;
}

table.product_table.md-table.ng-isolate-scope{
  border: 1px solid #ccc;
}