/**
 * Version: 0.001
 */



/**
  * Midnight Blue Theme-default theme
  * Primary Color:#2C3E50;
  * Secondary Color:rgba(222,226,232,100) / #DEE2E8 ;
  * Contrasting Color:#ffffff ;
  * Accent Color: #39628B;
  */



/**
  * Navigation
  *
  * Themed navigation
  */

a{
  color: #2C3E50;
}

.nav-header{
/* drawer header */
background-color:#2C3E50;
}

.nav
{
/* bgcolor of nav top header */
background-color:#2C3E50;
}

.mdl-layout__header{
/* bgcolor of top menu icon */
background-color:#2C3E50;
}

.nav-header .avatar{
/* color of the avata @ the drawer header */
  color:#ffffff;
}

/**
  * Text/Input/Button Text
  *
  * Themed Text/Input/Button Text
  */


.mdl-navigation__link .material-icons.nav-icon{
  color:#ffffff;
}

.mdl-textfield__label:after{
  /* color of expandable text */
  background-color:#2C3E50!important;/* overwrite default mdl input color */

}

.mdl-button{
  color:#2C3E50!important;
}


.mdl-button--raised.mdl-button--colored{
    background-color:#3F5973!important;/* overwrite default mdl input color */
    color:#ffffff!important;
    font-weight: 300!important;;
}

/**
 * Tables
 *
 * Table Themes
 */


thead{
/* table header*/
background: #DEE2E8;
}

.table-row:nth-child(even) {
background: rgba(222,226,232,.6);
}
.table-row:nth-child(odd) {
background: rgba(222,226,232,.35);
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{
/* color for the checkbox outline*/
background-color:#2C3E50;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline{
/* color for the checkbox outline*/
border:2px solid #2C3E50
}
.mdl-data-table .table-row:hover,.table-row::selection {
/* color for the item hover*/
background: rgba(57,98,139,.25);
}



#subHeader,.subHeader {

width: 95%;
height: 24px;
padding:5px;
color:#2C3E50;
margin-bottom: 10px;
margin-top: 10px;
}

.subHeader {
background: rgba(222,226,232,1);
width: 95%;
height: 24px;
padding:5px;
color:#2C3E50;
margin-bottom: 10px;
margin-top: 10px;
}

.box{
/*background: rgba(222,226,232,1);*/
/*border:2px solid #2C3E50*/
border:1px solid rgba(0,0,0,.10);

}

#radioGroup ,.mdl-list__item{
background-color:rgba(222,226,232,.5);
}


#selectionModal .mdl-list__item-icon, .mdl-list__item-icon.material-icons{
  color:#66819C;
}

#card-title{
color:#34495E;
font-weight: 400;
}

select{
  border:2px solid #2C3E50!important
  background-color:#2C3E50!important;
}

.autoCompletInput-label{
   color:  #33485D;

}

.autoCompletInput-label.disabled{
    color:  #BDBDBD;

}
/*Jquery UI*/
.ui-menu .ui-menu-item a{
    background: white;
    color:#2C3E50;
    border-radius:0;
     /*border:2px solid #2C3E50!important*/

}

.ui-menu-item a{
  margin-bottom: 5px;
  margin-top: 5px;
}
.ui-corner-all {
   -webkit-border-radius:.0 !important;
   border-radius: 0 !important;
}


/*dialog Info */
#info-dialog-title{
font-weight: 900;
color: #2C3E50;
}

#info-dialog-content{
font-weight: 500;
/*color: #39628B;*/
}

/*Selectable List*/

  #feedback {
    font-size:
    1.0em; }
  #selectable .ui-selecting,
  #sales-selectable .ui-selecting {
    background: rgba(222,226,232,..5)
  }
  #selectable .ui-selected,
  #sales-selectable .ui-selected {
    background: rgba(222,226,232,1);
    color: #2C3E50; }
  #selectable,
  #sales-selectable{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%; }
  #selectable li ,
  #sales-selectable li{
    margin: 3px;
    padding: 0.4em;
    font-size: 1.0em;
    height: 16px;
    color:rgba(0,0,0,.54);
    border:2px solid #DBDEE0;
  }

/*Switch color*/
.mdl-switch.is-checked .mdl-switch__thumb{
  background-color: #2C3E50;
}
.mdl-switch__ripple-container .mdl-ripple{
    background-color: #2C3E50;
}


.mdl-switch.is-checked .mdl-switch__track{
  background: rgba(222,226,232,1);
}

.tags-label{
  color: #2C3E50;
}

#item-tags,
#item-colors,
#item-sizes,
#user-company-container,
#user-group-container {
  width: 90%;
  border:1px solid #DBDEE0;
  min-height: 324px;
  max-height: 324px;
  overflow-y: auto;
  margin-left: 5%;

}
#user-company-container,
#user-group-container {
  width: 100%;
}

#item-tags ul li:hover,
#item-colors ul li:hover,
#item-sizes ul li:hover,
#user-company-container ul li:hover,
#user-group-container ul li:hover{
background-color:rgba(222,226,232,.2);
}

#item-tags .mdl-list__item,
#item-colors .mdl-list__item,,
#item-sizes .mdl-list__item,,
#user-company-container .mdl-list__item,
#user-group-container .mdl-list__item{
    background-color:rgba(222,226,232,.6)!important;
}

.mdl-button--fab.mdl-button--colored,
.mdl-button--fab.mdl-button--colored:hover{
  background-color: #2C3E50;
  color:#ffffff!important;
}


#item-tags .mdl-list__item-icon, .mdl-list__item-icon.material-icons,
#item-colors .mdl-list__item-icon, .mdl-list__item-icon.material-icons,,
#item-sizes .mdl-list__item-icon, .mdl-list__item-icon.material-icons,,
#user-company-list > li.mdl-list__item > div > div.mdl-cell.mdl-cell--1-col.no-margin-1 > i,
#user-group-list > li.mdl-list__item > div > div.mdl-cell.mdl-cell--1-col.no-margin-1 > i
{
color: #2C3E50;
}


#categoryList div > ul > li{
  background-color: #ffffff;
}

.view-label{
  font-weight:500;
}

/*File Selector Design*/

input[type="button" i], input[type="submit" i], input[type="reset" i],
 input[type="file" i]::-webkit-file-upload-button, button{
  background-color:#2C3E50;
  color:#ffffff;
  height: 36px;
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  font-size: 14px;
  font-weight: 400;

}
input[type="file" i]{
    outline:none!important;
}


.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
.mdl-textfield__label, fieldset[disabled] .mdl-textfield .mdl-textfield__label{
      color:#2C3E50;
        font-size:13px;
}


.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label{
  color:#33485D;
}