#myDragDiv {
    position: absolute;
    z-index: 9;
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    text-align: center;
}

#myDragDivHeader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    background-color: #9e9e9e;
    color: #fff;
}

.appoinments-weekend{
    background-color: rgba(255, 151, 71, 0.1);
}
.appoinments-today{
    background-color: rgba(33, 150, 243, 0.1);
}
.appoinments-notInRange{
    background-color: rgba(158, 158, 158, 0.1);
}
.DashboardMerchPicture {    
    background-repeat: no-repeat;
    background-size: cover;
    height: 8.8em;
    width: 8.8em;
    border-radius: 50%;
    overflow: hidden;
}
.BattlePicture {    
    background-repeat: no-repeat;
    background-size: cover;
    height: 8.8em;
    width: 8.8em;
    border-radius: 50%;
    overflow: hidden;
}
.BattleMyPicture {    
    background-repeat: no-repeat;
    background-size: cover;
    height: 8.8em;
    width: 8.8em;
    border-radius: 50%;
    overflow: hidden;
}
.BattleVSPicture {    
    background-repeat: no-repeat;
    background-size: cover;
    height: 4.3em;
    width: 14em;
    margin-top:0em;
    /*margin-bottom:3em;*/
    overflow: hidden;
}
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;  
}
md-list-item[smalllist]>div>button
{
   min-height: 30px !important;
   height: 30px !important;  
}

.formFieldName {
   color : #062239
}

.AddDataMerch {
  font-size: 0.75em;
  color : rgba(0,0,0,0.87);
  position: relative;
}

.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;
}    

.png-button-icon{
    margin: auto 16px auto 0;
    background-repeat: no-repeat no-repeat;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    height: 24px;
    width: 24px;
    color: rgba(0,0,0,0.54);
}
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);
}

.crewDetails > md-grid-tile{
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

#map {
    width: 100%;
    //height: 100%;
}

.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: 8px;
    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: 5px 8px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 20px;
    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;
}

.news ._md-secondary-container{
  height:auto;
  display:block;
}
/*
CUSTOM INKBAR COLOR
*/
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    /*    background: #33B3FC;*/
    background: rgb(255,255,255);/*rgb(037,183,250);*/
    color : rgb(037,183,250);
}
md-tabs .md-tab[disabled]
{
    color: rgba(255,255,255,50);
}    

md-tabs md-tab-label, md-tabs md-tab
{
    color : rgba(255, 255, 255, 0.7); /*rgba(255,255,255,0.87);*/
    font.weight: 500;
}
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.7);
}

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);
}

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

md-tabs#filterTab > md-tabs-wrapper > md-tabs-canvas {
    background-color: rgba(172, 172, 172, 1);
}

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

#menu {
    float: right;
    text-align: right;
    width: auto;
}

.V2{
  display:block;
  margin: auto auto;
  position:relative;
  top:calc(50% - 125px)
}  

/* Login :
*/
.login {
    height: 70%;
}

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

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

.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
}

.headDisplay {

    font-size: 14px ;
    float: left;


    /* height: 100%;*/
    padding: 10px;
    /* padding-top: 10%;
     padding-left: 10%;*/
}

.md-whiteframe-1dp {
    background-color: #FFFFFF


}

.md-whiteframe-1dp .contendDisplay {
    float: left;
    /*direction: ltr;
    text-align: left;

    text-align: start;


    padding: 10%;
    padding-bottom: 80%;
    padding-right: 50%;
    */
}

/*
 .headerText {
    height: 100%;
    padding: 5%;
    padding-top: 10%;
    padding-right: 50%;

}
*/
.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; /* 10 */
    position: relative;
    height: 70px; /* 70 */
    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;
}

video {
    margin: 0 auto;
    width:80%;
    /*max-width:1500px;*/
    height:auto;
}

.wlanListOdd {
  background-color: #f4f0f0
}
.wlanListEven {
  background-color: white;
}


.kachelTile {
  box-shadow: none;
  /*box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2),1px 1px 2px 1px rgba(0,0,0,.14),1px 1px 1px 1px rgba(0,0,0,.12);*/
}

.kachelIcon {  
  width: 50%;  
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
md-input-container label {
    color: rgba(57, 62, 91, 0.7) !important;
}

@media screen
{    
    .only-print, .only-print *
    {
        display: none !important;
    }
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.errorMsg
{
	font-size: 12px;
	color: rgb(221,44,0);	
}

.truncate-overflow {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    padding-right: 1rem; /* space for ellipsis */
  }