[role="tabpanel"] {
    transition: none;
}
.md-button.md-icon-button.menuBtn {
    margin-top: 6px;
    margin-right: 0;
}

.muppet-list .md-button {
    color: inherit;
    text-align: left;
    width: 100%;
}
.muppet-list .selected {
    color: #03a9f4;
}
.face {
    border-radius: 30px;
    border: 1px solid #ddd;
    display: inline-block;
    margin: 4px 16px; 
    vertical-align: middle;
    width: 48px;
}
.content-wrapper {
    position: relative;
}
#primary-col {
    overflow: hidden;
}
#primary-col .md-button {
    margin: 8px auto 16px 0;
}
#primary-col .cell {
    flex: 1 1 auto;
}
#primary-col img {
    display: block;
    max-width: 100%;
}

.warningMessage{
    color: #FF5722;
    font-size: 12px;
}

.md-api-table {
    margin-bottom: 16px;
    max-width: 100%;
    width: 100%;
    border-spacing: 0;
    border-radius: 2px;
    overflow: hidden;
} 

table.md-api-table {
    /*padding-left: 15px;*/
    /*margin-bottom: 20px;*/
}

.md-api-table td,
.md-api-table th {
  padding: 12px 16px;
  text-align: left;
}

.md-api-table td {
  vertical-align: top;
}
.md-api-table td.description *:first-child {
  margin-top: 0;
}
.md-api-table td.description *:last-child {
  margin-bottom: 0;
}
.md-api-table tr:nth-child(odd) td {
  background-color: #E3ECF5;
}
.md-api-table tr:nth-child(even) td {
  background-color: #D1DEEC;
}
.md-api-table th {
  background-color: #4C9EF0;
  color: white;
}
.checkboxdemoBasicUsage div.flex-xs {
    min-height: 40px; }
.checkboxdemoBasicUsage .checkboxDemo1 div {
    clear: both; }
.checkboxdemoBasicUsage p {
    padding-left: 8px; }
.checkboxdemoBasicUsage fieldset.standard {
    border-style: solid;
    border-width: 1px; }
.checkboxdemoBasicUsage legend {
    color: #3F51B5; }
.checkboxdemoBasicUsage legend code {
    color: #3F51B5;
    font-weight: normal; }
.checkboxdemoBasicUsage .ipsum {
    color: saddlebrown; }


md-checkbox {
    margin: 8px;
    cursor: pointer;
    /*padding-left: 15px;*/
    padding-right: 0;
    line-height: 26px;
    min-width: 18px;
    min-height: 18px;
}

/*tab css*/
.tabsdemoDynamicHeight md-content {
    background-color: transparent !important; }
.tabsdemoDynamicHeight md-content md-tabs {
    background: #f6f6f6;
    border: 1px solid #e1e1e1; }
.tabsdemoDynamicHeight md-content md-tabs md-tabs-wrapper {
    background: white; }
.tabsdemoDynamicHeight md-content h1:first-child {
    margin-top: 0; }
/*tab css end*/


.chipsdemoBasicUsage .errors {
    font-size: 12px;
    color: #dd2c00;
    margin-top: 10px; }
.chipsdemoBasicUsage .custom-chips md-chip {
    position: relative; }
.chipsdemoBasicUsage .custom-chips md-chip ._md-chip-remove-container {
    position: absolute;
    right: 4px;
    top: 4px;
    margin-right: 0;
    height: 24px; }
.chipsdemoBasicUsage .custom-chips md-chip ._md-chip-remove-container button.vegetablechip {
    position: relative;
    height: 24px;
    width: 24px;
    line-height: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    transition: background 0.15s linear;
    display: block; }
.chipsdemoBasicUsage .custom-chips md-chip ._md-chip-remove-container button.vegetablechip md-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(0.7);
    color: white;
    fill: white; }
.chipsdemoBasicUsage .custom-chips md-chip ._md-chip-remove-container button.vegetablechip:hover, .chipsdemoBasicUsage .custom-chips md-chip ._md-chip-remove-container button.vegetablechip:focus {
    background: rgba(255, 0, 0, 0.8); }
.chipsdemoBasicUsage .custom-chips md-chip:not(.md-readonly) md-chip-template {
    padding-right: 5px; }


/*Auto Complete Css start Here*/
.autocompletedemoCustomTemplate .autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal; }
.autocompletedemoCustomTemplate .autocomplete-custom-template li:last-child {
    border-bottom-width: 0; }
.autocompletedemoCustomTemplate .autocomplete-custom-template .item-title,
.autocompletedemoCustomTemplate .autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 2; }
.autocompletedemoCustomTemplate .autocomplete-custom-template .item-title md-icon {
    height: 18px;
    width: 18px; }

.rightborder{
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}

md-list {
    padding: 0px 0;
}
md-input-container{
    margin: 0px 0px 0px 0px;
    padding: 8px;
}

.list .item.item-accordion {
    line-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    transition: 0.09s all linear;
}
.list .item.item-accordion.ng-hide {
    line-height: 0px;
}
.list .item.item-accordion.ng-hide-add,
.list .item.item-accordion.ng-hide-remove {
    display: block !important;
}

@media only screen 
  and (max-width: 767px) { 
  .mobile {
    display:block;
  }
  .desktop {
    display:none;
  }
  .tablet {
    display:none;
  }
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1023px){ 
  .tablet {
    display:block;
  }
  .desktop {
    display:none;
  }
  .mobile {
    display:none;
  }
}

@media only screen 
  and (min-width: 1024px) {
  .desktop {
    display:block;
  }
  .tablet {
    display:none;
  }
  .mobile {
    display:none;
  }
}

.panel {
    padding: 50px 10px;
    margin: 10px 0px;
    border: 1px solid #ccc;
}
.selected{
    background-color: #ccc
}

.groupX {
    font-size: 16px;
    margin: 20px 0;
    padding: 3px 15px 3px 15px;
    color: rgb(49, 46, 46);
    background-color: rgba(224, 224, 224, 0.96);
    text-transform: none;
    font-weight: 400;
    min-width:75px;
}
.md-button.left {
    border-radius: 10px 0 0 10px;
}
.md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96);
}
.md-button.right {
    border-radius: 0 10px 10px 0;
}
/*.md-button:not([disabled]):hover {
    background-color: rgba(193, 193, 193, 0.96) !important;
    color: rgba(44, 65, 164, 0.96) !important;
    transition: 0.3s;
}*/

.menudemoBasicUsage .md-menu-demo {
  padding: 24px; }
.menudemoBasicUsage .menu-demo-container {
  min-height: 200px; }

.custom-height{
    min-height: 400px;
    /*overflow: scroll;*/
} 
.custom-height-tab2{
    min-height: 530px;
    /*overflow: scroll;*/
} 

.custom-chip{
    border-radius: 16px !important;
    box-sizing: border-box !important;
    cursor: default !important;
    display: block !important;
    float: left !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 8px 8px 0 0 !important;
    max-width: 100% !important;
    padding: 0 0px 0px 12px !important;
    position: relative !important;
    background: rgb(224, 224, 224) none repeat scroll 0 0 !important;
    color: rgb(66, 66, 66) !important;
    clear: left;
}
span.md-chip-content.ng-binding {
    vertical-align: top;
}

.chip-cancel{
    padding: 4px 0px;
     fill:red;
     cursor: pointer;
     height: 30px;
     width: 30px;
}
.chip-wrapper{
    width: 100%;
}

.query-list-border{
    border-top: 2px solid #5c89c7;
    border-bottom: 2px solid #5c89c7
}
.query-list-border table.md-table td.md-cell{border-top:none;}
.query-list-child td.md-cell{border-top:1px solid rgba(0, 0, 0, 0.12) !important}