.animate-show,
.animate-hide {
  -webkit-transition:all linear 1s;
  -moz-transition:all linear 1s;
  -ms-transition:all linear 1s;
  -o-transition:all linear 1s;
  transition:all linear 1s;
}

.animate-show.ng-hide-remove,
.animate-hide.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  display: block !important;
}

.animate-hide.ng-hide-add,
.animate-show.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  display: block !important;
}

.DashboardMerchPicture {    
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 8.8em;
    width: 8.8em;*/
    border-radius: 50%;
    overflow: hidden;
}
.SmallMerchPicture {    
    background-repeat: no-repeat;
    background-size: cover;
    height: 8.8em;
    width: 8.8em;
    border-radius: 50%;
    overflow: hidden;
}

div#ClassPB0 .md-subheader-inner {
    padding-bottom: 1px!important;
}

md-tabs .md-tab[disabled]{
    color: rgba(218, 212, 212, 0.29);
}
md-checkbox.defaultvalue .md-icon{
    background-color : #B3B3B3!important;
}
md-icon.defaultvalue{
    color : #008080!important;
}
.MapPosPopUp {
	FONT-FAMILY: Arial, Helvetica, sans-serif !important;
    font-weight: 300;
    font-size: 13px;
    border-spacing: 0;
}
.MapPotPopUp {
	FONT-FAMILY: Arial, Helvetica, sans-serif !important;
}
.MerchListL1 {
    font-size: 1.0em;/*16px;*/
    line-height: 1.2em;
}
.MerchListL2 {
    font-size: 0.8em;/*14px;*/
    margin: 1px 0 1px;
    line-height: 1.2em;
}
.MerchListL3 {
    font-size: 0.6em;
    margin: 3px 0 1px;
    line-height: 0.9em;
}
.PotListL2 {
    font-size: 0.8em;/*14px;*/
    margin: 1px 0 1px;
    line-height: 1.2em;
    color:rgba(0,0,0,0.54);
}
md-list-item._md-button-wrap{
    height:10px;
}
.NewsItemMitLB{
    font-style: italic;
    color: rgb(28, 36, 97);
}
.NewsItemImportant{
    font-style: italic;
    font-weight: 800;
    color: rgb(139, 22, 34);
}
.VideosItemImportant{
    font-style: italic;
    font-weight: 800;
    color: rgb(139, 22, 34);
}
.DirtyItem {
    /*background-color : #B3B3B3!important;*/
    font-style: italic;
    color: rgb(28, 36, 97);
}   
.ExItem {
    /*background-color : #B3B3B3!important;*/
    font-style: italic;
    color: rgb(119, 119, 119);/*#777777;*/
}   
.upload_btn{
    position:absolute;
    width:20px;
    height:20px;
    margin-top:-40px;
    z-index:10;
    opacity:0;
}
.StatHeaderPad {
    font-size : 1em;
    color : rgba(0,0,0,0.87);
    padding: 16px 0 16px 0;
}    

.StatHeader {
    font-size : 1em;
    color : rgba(0,0,0,0.87);
}    

.StatHeaderProd {
    box-shadow: 0px 10px 5px -49px rgba(0,0,0,0);
}

.StatValue {
    font-size : 1.6em;
    color : rgba(0,0,0,0.9);
    text-align: center;
    font-weight: 500;
    top: -1em;
    position: relative;
}    

.StatValueDialog {
    font-size : 1.6em;
    color : rgba(0,0,0,0.9);
    font-weight: 500;
} 

md-grid-tile, .statTile {
    background-color: #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2),0 1px 2px 0 rgba(0,0,0,.14),0 1px 1px 0px rgba(0,0,0,.12);

}
md-tabs
{
    border-radius:0;
    
}
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    /*    background: #33B3FC;*/
    background: rgb(037,183,250);
    color : rgb(037,183,250);
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    /*    background: #33B3FC;*/
    background: rgb(037,183,250);
    color : rgb(037,183,250);
}


md-tabs md-tab-label, md-tabs md-tab
{
    color : rgba(255, 255, 255, 0.87); /*rgba(255,255,255,0.87);*/
    font.weight: 500;
}

md-tabs-content-wrapper
{
    padding-left: 5%;
    padding-right: 5%;
    background : rgb(230,235,238);
}

md-tabs-canvas {
    background-color: #083659
}
md-tabs md-tabs-wrapper
{
    background-color: #083659
}  

md-toolbar.md-warn > md-tabs.md-default-theme, md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) {
    color : rgba(255,255,255,0.87);

}

md-toolbar.md-warn > md-tabs.md-default-theme, md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-default-theme, md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
    color: rgb(255,255,255);
}


/*
Chat components
*/

md-input-container.md-default-theme .md-input, md-input-container .md-input {
    color: rgb(63,81,181);/*rgba(68, 66, 75, 0.4);*/
}


.chat li {
    list-style: none;
}

.chat ul {
    padding: 0;
    margin: 0;
}

.chat ._md-secondary-container{
  height:auto;
  display:block;
}

.chat .chat-header {
    padding: 20px;
    border-bottom: 2px solid white;
}

.chat .chat-history {
    padding: 0 30px;
    border-bottom: 2px solid white;
    width:100%;
}

.chat .chat-history .message-data {
    margin-bottom: 15px;
    font-size:14px;
}

.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
}
.chat .li .my{
    float:right;
    
}
.chat .chat-history .message {
    color: white;
    padding: 8px 8px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;

}

.chat .chat-history .my-message {
    background: rgb(155, 215, 243);;
    float:right;
}

.chat .chat-history .other-message {
    background: rgb(178,196,204);
}

.chat .chat-history .message:after {
    bottom: 100%;
    left: 7%;

    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: rgb(178,196,204);
    border-width: 10px;
    margin-left: -10px;
}

.chat .chat-history .my-message:after {
    border-bottom-color: rgb(155, 215, 243);;
    left: 93%;
}


.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.float-right {
    float: right;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}





#menu {
    float: right;
    text-align: right;
    width: auto;
}
/* Login :
*/
.login {
    height: 70%;

}

.pwForgetText {
    padding-left: 5%;
    vertical-align: middle;
    color: white;
    font-size: 12px;
}

.login .pwForget {
    background-color: #083659;
    height: 12em;
    width: 24em;
    position: relative;
    top: 20em;
    z-index: 0;
}

.loginButton {

}

.md-toolbar-tools 
{
    background-color:#083659;
}	


@media (max-width: 1200px) {
    body {
      font-size:90%;
    }
    h1 {
      font-size:4.3em;
    }
    p {
      font-size:1.3em;
    }
    header {
      height:80px;
    }
    header .logo {
      margin-top:12px;
      width:200px;
    }
    header nav {
      margin-top:11px;
    }
    header nav ul li {
      margin-right:12px;
    }
    header nav ul li a {
      border-radius:23px;
      font-size: 1.3em;
      padding:10px 12px;
    }
    .wrap {
      padding:0 30px;
    }
    .paddRow .close {
      right:30px;
    }
}

@media (max-width: 900px) {
    .contactForm {
      width:100%;
    }
}

@media (max-width: 768px) {
    body {
      font-size:80%;
      margin:0;
    }
    h1 {
      font-size:4em;
    }
    header {
      height:70px;
    }
    header .logo {
      margin-top:20px;
      width:70px;
    }
    header nav {
      margin-top:8px;
    }
    header nav ul li {
      margin-right:5px;
    }
    header nav ul li a {
      border-radius:20px;
      font-size:1.1em;
      padding:8px;
    }
    .wrap {
      padding:0 15px;
    }
    .projectObj .name {
      font-size:3em;
    }
    .paddRow {
      padding-bottom:30px;
    }
    .paddRow .head {
      font-size:3em;
      margin:30px 0;
    }
    .paddRow .close {
      right:20px;
      top:60px;
      width:30px;
    }
    .projectHead .picture {
      width:67%;
    }
    .projectHead .picture.right {
      margin-right:16.5%;
    }
    .projectHead .text {
      position:static;
      width:100%;
    }
    .projectHead .centerText {
      width:70%;
    }
    .view-enter,.view-leave {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0);
    }
}

@media (max-width: 480px) {
    body {
      font-size:70%;
      margin:0;
    }
    header {
      height:50px;
    }
    header .logo {
      display:none;
    }
    header nav {
      margin-top:3px;
    }
    header nav ul li {
      margin-right:3px;
    }
    header nav ul li a {
      border-radius:20px;
      font-size:1.3em;
      padding:5px 14px;
    }
    #contactBtn {
      display:none;
    }
    .wrap {
      padding:0 10px;
    }
    .paddRow {
      padding-bottom:20px;
    }
    .paddRow .head {
      margin:20px 0;
    }
    .paddRow .close {
      right:10px;
      top:45px;
      width:20px;
    }
    .about .image {
      margin:10% auto;
      width:60%;
    }
    .about .abIcon {
      display:inline;
    }
    .projectHead .centerText {
      width:90%;
    }
    .about .txt,.input {
      width:100%;
    }
    .about .flLeft,.about .flRight,.input.email {
      float:none;
    }
    
}
.progress-wrapper{
   position: relative;
   font-size: 1em;
   text-align: center;
   width: 100%
        }

.progress{
   position: absolute;
   color: #ccc;
   font-weight: 300;
   font-size: 1.3em;
   line-height: 1;
   width:100%;
   bottom:1.3em            
}

.statDisplay
{
  height: 100%;
  padding: 5%;
  padding-top: 10%;
}        

.md-whiteframe-1dp
{
 background-color:#FFFFFF
} 
.chat-window {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
/* line 9, ../sass/components/chat-window.scss */
.chat-window .col-xs-12.col-md-12 {
  padding: 0;
  height: 100%;
}
/* line 13, ../sass/components/chat-window.scss */
.chat-window .panel {
  border: 0;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0;
  height: 100%;
}

/* line 3, ../sass/components/chat-top-bar.scss */
.chat-top-bar {
  background: #666;
  color: #fff;
  overflow: hidden;
  padding: 10px;
  position: relative;
  height: 70px;
  max-height: 70px;
  border-radius: 0;
}
/* line 13, ../sass/components/chat-top-bar.scss */
.chat-top-bar .icon-minim {
  padding: 2px 10px;
}

/* line 3, ../sass/components/chat-bottom-bar.scss */
.chat-bottom-bar {
  overflow: hidden;
  padding: 10px;
  position: relative;
  height: 70px;
  max-height: 70px;
}
/* line 10, ../sass/components/chat-bottom-bar.scss */
.chat-bottom-bar .icon-minim {
  padding: 2px 10px;
}
/* line 14, ../sass/components/chat-bottom-bar.scss */
.chat-bottom-bar input {
  height: calc(70px - 30px);
}

/* line 4, ../sass/components/chat-msg-container.scss */
.msg-container-base {
  margin: 0;
  height: calc(100% - 3em);
  overflow-x: hidden;
  padding: 0 10px 0;
}
/* line 11, ../sass/components/chat-msg-container.scss */
.msg-container-base::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
/* line 16, ../sass/components/chat-msg-container.scss */
.msg-container-base::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 12px;
}
/* line 21, ../sass/components/chat-msg-container.scss */
.msg-container-base::-webkit-scrollbar-thumb {
  background-color: #555;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
/* line 26, ../sass/components/chat-msg-container.scss */
.msg-container-base .msg-container {
  display: flex;
  overflow: hidden;
  padding: 10px;
}

/* line 2, ../sass/components/chat-msg.scss */
.chat-msg {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-width: 100%;
  padding: 10px;
}
/* line 9, ../sass/components/chat-msg.scss */
.chat-msg p {
  font-size: 13px;
  margin: 0 0 .2rem;
}
/* line 14, ../sass/components/chat-msg.scss */
.chat-msg time {
  color: #ccc;
  font-size: 11px;
}
/* line 19, ../sass/components/chat-msg.scss */
.chat-msg .chat-msg-author {
  display: block;
}
/* line 23, ../sass/components/chat-msg.scss */
.chat-msg.chat-msg-receive {
  margin-right: 0;
  padding-bottom: 20px;
}
/* line 28, ../sass/components/chat-msg.scss */
.chat-msg.chat-msg-sent {
  margin-right: 0;
  padding-bottom: 20px;
}
/* line 32, ../sass/components/chat-msg.scss */
.chat-msg.chat-msg-sent .chat-msg-author {
  text-align: right;
}
/* line 36, ../sass/components/chat-msg.scss */
.chat-msg.chat-msg-sent time {
  float: right;
}

md-list-item[smalllist]>div>button
{
   min-height: 30px !important;
   height: 30px !important;  
}

md-list-item[smalllist]>div
{
   min-height: 30px !important;
   height: 30px !important;  
}
md-list-item[smalllist]>div>div
{
   min-height: 30px !important;
   height: 30px !important;  
}
.PopUpStyle {
	FONT-FAMILY: Arial, Helvetica, sans-serif !important;
}
.SwAreaCircle
{
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: none;
  background-color: #f00;
}
.SwAreaSaveBtn {
    background: #f19e05;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    margin-left: 1.2em;
    white-space: nowrap;
    display: inline-block;
}
.SwAreaSaveBtn:hover,
.SwAreaSaveBtn:focus{
    background: #f19e0594 !important;
}