/* auth page */
/* header */
/* side bar */
/* buttons */
/* input */
/* crud icons */
/*check box */
background
.backgroundColor {
  background: white;
}

/* full width background
 * .. hide if not */
body {
  font-family: Helvetica, sans-serif;
  color: #717171;
}

/* sign in and sign up pages */
.auth {
  /* full width background
   * .. hide if not */
  background: #3c8dbc;
   /* full width background
* .. hide if not */
  /* input focused */
}
.auth md-card {
  box-shadow: none;
}
.auth md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
.auth md-input-container:not(.md-input-invalid).md-input-focused .md-input,
.auth md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, .auth md-input-container:not(.md-input-invalid).md-input-resized .md-input {
  border-color: #edf4f8;
}
.auth .md-input-container.md-default-theme label,
.auth md-input-container label,
.auth md-input-container.md-default-theme .md-placeholder,
.auth md-input-container .md-placeholder,
.auth md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
.auth md-input-container:not(.md-input-invalid).md-input-focused label,
.auth md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon,
.auth md-input-container:not(.md-input-invalid).md-input-focused md-icon, .auth .material-icons {
  color: #edf4f8;
}
.auth .md-input-container.md-default-theme label, .auth md-input-container label, .auth md-input-container.md-default-theme .md-placeholder, .auth md-input-container .md-placeholder, .auth md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, .auth md-input-container:not(.md-input-invalid).md-input-focused label, .auth md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, .auth md-input-container:not(.md-input-invalid).md-input-focused md-icon, .auth .material-icons {
  color: #edf4f8;
}
.auth md-input-container.md-default-theme .md-input, .auth md-input-container .md-input {
  color: #edf4f8;
  border-color: #edf4f8;
}
.auth md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, .auth md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: white;
}
.auth .auth-all {
  background: #3c8dbc;
}
.auth md-input-container.md-default-theme.md-input-invalid .md-input, .auth md-input-container.md-input-invalid .md-input {
  border-color: #dd2c00;
}
.auth md-input-container.md-input-invalid label, .auth .md-input-invalid .material-icons {
  color: #dd2c00;
}
.auth .md-button.md-default-theme:not([disabled]):hover, .auth .md-button:not([disabled]):hover {
  /* 
   * light background
   *  background-color: lighten($auth-box-color,15%); */
  /* 
   * dark background
   *  background-color: darken($auth-box-color,15%); */
  background-color: #72afd2;
}
.auth a {
  color: #edf4f8;
}

/* input */
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
md-input-container:not(.md-input-invalid).md-input-focused .md-input,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
  border-color: #717171;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
  border-bottom-color: #717171;
  color: rgba(0, 0, 0, 0.87);
}

.md-input-container.md-default-theme label,
md-input-container label,
md-input-container.md-default-theme .md-placeholder,
md-input-container .md-placeholder,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon,
md-input-container:not(.md-input-invalid).md-input-focused md-icon, .material-icons {
  color: #717171;
}

md-input-container.md-input-invalid label, .md-input-invalid .material-icons {
  color: #dd2c00;
}

md-input-container.md-default-theme .md-input, md-input-container .md-input {
  color: #000000;
  border-color: #717171;
}

/* input focused */
.md-input-container.md-default-theme label, md-input-container label, md-input-container.md-default-theme .md-placeholder, md-input-container .md-placeholder, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon, .material-icons {
  color: #717171;
}

/* button */
.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover {
  background-color: #e51b24;
}

.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab {
  color: #fff;
  background-color: #e51b24;
}

.md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled], .md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}

/* tool bar */
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
  background-color: #3c8dbc;
  color: #ffffff;
}

/* create button */
.md-button.md-default-theme.md-raised:not([disabled]) md-icon, .md-button.md-raised:not([disabled]) md-icon {
  color: #717171;
}

/* side bar */
html.md-default-theme, html, body.md-default-theme, body {
  background: #222d32;
}

.side-bar .vMid, .side-bar .material-icons {
  color: #afb9bb;
}

.side-bar md-menu-content {
  background-color: #222d32;
}

.side-bar .menu-active {
  background-color: #161d20;
}

.side-bar .menu-active .vMid {
  color: #fff;
}

.side-bar .menu-active .material-icons {
  /* color:  saturate(lighten($auth-box-color,10%),10%);*/
  color: #fff;
}

.side-bar .md-button.md-default-theme:not([disabled]):hover, .side-bar .md-button:not([disabled]):hover {
  background-color: #1c2529;
}

/* menu button */
md-toolbar:not(.md-menu-toolbar) md-icon {
  color: #fff;
  fill: #fff;
}

 .view .material-icons {
  color: #3c3d84;
}

.edit .material-icons {
  color: #ffbd22;
}

 .delete .material-icons {
  color: #ff2222;
}

 .clone .material-icons {
  color: #42b7a2;
}

 .invoice .material-icons
{
    color:#3abf05;
}

 .print .material-icons
{
    color: #ff7800;
}

/* check box */
md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
  background-color: #e51b24;
}
.admin .md-toolbar-tools
{
    padding-left:0px
}

.logo
{
    height:100%;
    width: 272px;
    background: #367fa9;
    text-align: center;
    padding-right:16px;
}
.title
{
    color:#fff;
}
.section {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding-top: 64px;
    padding-bottom: 64px;
    min-height: 500px;
    background: linear-gradient(180deg,rgba(0,105,255,.6),#122642);
    -ms-flex-align: center;
    position:relative;
}

.section-white
{
    background:#ffffff;
    align-items: flex-start;
}

.section-gray
{
   background : url("qutation-graph.jpg") ;
   min-height:270px;
}

.section .img,.section .black-cover
{
    width: 100%;
    position: absolute;
    height:100%;
        z-index: 0;
        left:0px;
        top:0px;
}
.home-img
{
    width: 100%;
}
.section .black-cover
{
    background : #000;
    opacity : 0.9;
    border-top: 1px solid gray;
}

.section .title
{
    font-size:50px;

}
.section .subtitle
{
      font-size:45px;
      color:#fff;
}
.section .border
{
    width : 480px;
    height:5px;
    background:#fff;
    
}
.section.section-gray .md-headline
{
    color:#fff;
}
.section.section-white .title{
    color:#000000;
}
.section.section-white .border
{

    background:#000;
    margin-top:30px;
}
.section .flex
{
    z-index: 10;
}

.section .btn
{
     color : #fff;
  background-color: #35b3be !important;
      border-radius: 10px 0 10px 0px;
     font-size: 19px;
    padding: 16px;
}

.btn-warn
{
         color : #fff;
      border-radius: 10px 0 10px 0px;
     font-size: 19px;
    padding: 16px;
}

.list-title
{
color: #00cad4;
 padding-bottom:20px;
 font-weight: bold;
}
.public.index .list{
list-style-type: none;}
.public.index .list li
{
    padding-top: 40px;
}

.admin.header.md-toolbar-tools
{
    padding-left:0px;
}

.admin .md-button.menu-icon
{
    position:absolute;
    z-index: 10px;
    margin-left:5px;
}
.atarashi.list.crud
{
    border-top:0px;
}

.invoice-page .crud-form-update
{
    padding-top: 30px;
}

.price-template {
    color: #fff;
    text-align: center; 
}
.price-template.temp1 {
   background: #1abc9c;
}
.price-template.temp2 {
   background: #3498db;
}
.price-template.temp3 {
   background: #e74c3c;
}
.price-container {
    padding:0px;
}
.price-container.temp1{
    background: #16a085;
}
.price-container.temp2{
    background: #2980b9;
}
.price-container.temp3{
    background: #c0392b;
}
.md-button.md-primary.md-raised.temp1
{
       background: #1abc9c;
}
.md-button.md-primary.md-raised.temp1:not([disabled]):hover
{
       background: #17967d;
}
.md-button.md-primary.md-raised.temp2
{
       background: #3498db;
}

.md-button.md-primary.md-raised.temp2:not([disabled]):hover
{
       background: #2c7fb7;
}
.md-button.md-primary.md-raised.temp3
{
       background: #e74c3c;
}
.md-button.md-primary.md-raised.temp3:not([disabled]):hover
{
       background: #c14235;
}
.section .price-template .title {
    color: #fff;
    font-size: 1.5em;
}
.price-template .header {
    font-size: 2.5em;
    padding: 20px;
}
.price-template span.subheader {
    font-size: 0.5em;
}
.price-template ul.info {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    background: white;
    color: #000;
}
.info li:nth-child(even) {
    background: #ecf0f1;
    padding: 15px;

}
.info li:nth-child(odd) {
    background: #fff;
    padding: 10px;

}
.price-template .footer {
    background: #ecf0f1;
    border-top: 1px solid #bdc3c7;
    padding: 5px;
    min-height: 0px;
}
.md-toolbar-tools > md-menu:last-child
{
    margin-right:8px;
}
[dir=rtl] .md-toolbar-tools > md-menu:last-child {
    margin-right: auto;
    margin-left: 8px;
}
[dir=rtl] .admin.header.md-toolbar-tools
{
    padding-right:0px;
    padding-left:auto;
}

.tabs button
{
    width: 100%;
}

.tabs button._md-nav-button.md-accent.md-button.ng-scope.md-ink-ripple.md-active.md-primary
{
    font-weight: bold;
    color:rgb(255,64,129);
}
.defualtBackground
{
    background: #3c8dbc;
}
md-bottom-sheet.md-default-theme, md-bottom-sheet {
    background-color: #fafafa;
    border-top-color: #e0e0e0;
}
@media (max-width: 599px) and (min-width: 0){
    .list
    {
        text-align:center;
        padding-left:0px;
    }

.admin .logo
{
    background : #3c8dbc;
}

md-bottom-sheet.md-grid
{
    padding-right:0px;padding-left:0px;height:55%;position: fixed
}
}
[class="ctrl.quotation.common.hideQuantity"]
{

    bottom: 2px;

}
.quoteName{
    float:right;
}
.quoteAddr{
    float:left;
}
.float-button
{
    position: fixed;
    margin-top: -20px;
}

.sa-dropdown
{
    width:100%;
}

.sa-dropdown .dropdown-menu
{
    display: block;
    list-style: none;
    background: white;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    width: 100%;
    padding: 0;
}

.sa-dropdown .dropdown-menu li {
    font-size: 14px;
    overflow: hidden;
    padding: 0 15px;
    line-height: 48px;
    height: 48px;
    transition: background .15s linear;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sa-dropdown .dropdown-menu li:hover{
background: rgb(238,238,238);
}

.sa-dropdown a,.sa-dropdown a:hover ,.sa-dropdown  a:active,.sa-dropdown  a:visited {
color: rgb(33,33,33);
text-decoration: none;
}

.sa-dropdown a {
    padding: 0px;
    font-size: inherit;
}
.sa-dropdown a.active
{
    background: transparent;
}
.metrec-title
{
    font-size: 12px;
        color: white;
}

.metrec{
        color: white;
    font-size: 30px;
    line-height: 47px;
    font-weight: 600;
}

.metrec-border
{
    text-align: center;
    margin-bottom: 30px;
    padding: 20px;
    color: white;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
}

.metrec-red{
    background: #ff5454;
    border: 1px solid #ff2121;
}

.metrec-blue
{
    background:#67c2ef;
    border: 1px solid #39afea;
}
.metrec-orange
{
    background:#fabb3d;
    border: 1px solid #f9aa0b;
}
.metrec-green
{
    background:#79c447;
    border: 1px solid #61a434;
}