md-sidenav{
    width:256px !important;
    min-width:256px !important;
    max-width:256px !important;
}

.md-button{
    text-transform: none;
}
md-input-container.md-default-theme label, md-input-container.md-default-theme .md-placeholder{
    color:#9E9E9E;
    font-weight:bold;
}

md-input-container.md-default-theme .md-input {
    border-color:#E0E0E0;
}
.md-input-focused {
    border-color:black;
    color:black;
}

.picker__select--month, .picker__select--year{
    height:70px !important;
}
[layout="column"] > [fill] {
    width: 100%;
}
[layout="row"] > [fill] {
    width: 100%;
}
md-input-group input{
  width:100%;
  font-size: 1.2em;
}
md-input-group label{
    color:#781649 !important;
}
md-switch.md-default-theme.md-checked .md-thumb{
    background-color:#4CAF50;
}
md-switch.md-default-theme.md-checked .md-bar{
    background-color:#C8E6C9;
}
md-switch.md-default-theme .md-thumb{
    background-color:#F44336;
}
md-switch.md-default-theme .md-bar{
    background-color:#FFCDD2;
}
md-switch{
    margin:0 !important  ;
}
md-checkbox.md-default-theme.md-checked .md-icon{
    background-color:#4CAF50;
}
md-checkbox .md-label{
    border:0;
}

.md-button{
    min-width:0;
    margin:0 !important;
    font-size:1em;
}
md-icon{
    font-size:0 !important;
}
.md-fab{
    font-size:0 !important;
}
.c-4{
    background-color:#781649 !important;
    color:#FFFFFF !important;
}

.color-bg-1{
    background-color:#FFFFFF !important;
}
.color-bg-2{
    background-color:#A7CA84 !important;
}
.color-bg-3{
    background-color:#B9F6CA !important;
}
.color-bg-4{
    background-color:#00796B !important;
    --background-color:#781649 !important;
    --background-color:#375B5F !important;
}
.color-bg-5{
    background-color:#000000 !important;
}
.color-bg-6{
  background-color:#e9e9e9 !important;
}
.color-bg-7{
  background-color:#F5F5F5 !important;
}


.color-1{
    color:#FFFFFF !important;
}
.color-2{
    color:#A7CA84 !important;
}
.color-3{
    color:#78AE40 !important;
}
.color-4{
    color:#375B5F !important;
}
.color-5{
    color:#000000 !important;
}
.color-6{
  color:#e9e9e9 !important;
}
.color-7{
  color:#F5F5F5 !important;
}

.c-white{
    color:#FFFFFF !important;

}
.c-white .svg path{
  fill: #FFFFFF !important;
  color:#FFFFFF !important;
}

.c-white md-icon svg{
  fill: #FFFFFF !important;
}
.c-black{
    color:#000000 !important;
}

.bg-green-dark{
    background:#1DE9B6 !important;
}
.bg-green-light{
    background:#B9F6CA !important;
}
.bg-red-dark{
    background:#FF5252 !important;
}
.bg-red-light{
    background:#FF8A80 !important;
}
.bg-blue-dark{
    background:#03A9F4 !important;
}
.bg-blue-light{
    background:#84FFFF !important;
}
.bg-yellow-dark{
    background:#FFEB3B !important;
}
.bg-yellow-light{
    background:#FFFF8D !important;
}
.bg-purple-dark{
    background:#48128A !important;
}
.bg-purple{
  background:#7E57C2 !important;
}
.bg-purple-light{
    background:#B388FF !important;
}
.bg-grey-dark{
    background:#999999 !important;
}
.bg-grey-light{
    background:#F5F5F5 !important;
}

.color-color-1{
    border:1px solid #FFFFFF !important; !important;
}
.border-color-2{
    border:1px solid #A7CA84 !important;
}
.border-color-3{
    border:1px solid #78AE40 !important;
}
.border-color-4{
    border:1px solid #375B5F !important;
}
.border-color-5{
    border:1px solid #000000 !important;
}

.bg-black{
    background-color:#000000 !important;
}
.bg-blue{
    background-color:#2196F3 !important;
}
.bg-brown{
    background-color:#795548 !important;
}
.bg-green-1{
    background-color:#E8F5E9 !important;
}
.bg-green{
    background-color:#4CAF50 !important;
}
.bg-grey{
    background-color:#9E9E9E !important;
}
.bg-pink{
    background-color:#E91E63 !important;
}
.bg-purple{
    background-color:#9C27B0 !important;
}
.bg-orange{
    background-color:#FF9800 !important;
}
.bg-red{
    background-color:#F44336 !important;
}
.bg-teal{
    background-color:#009688 !important;
}
.bg-white{
    background-color:#FFFFFF !important;
}
.bg-yellow{
    background-color:#FFEB3B !important;
}

.color-black{
    color:#000000 !important;
}
.color-blue{
    color:#2196F3 !important;
}
.color-brown{
    color:#795548 !important;
}
.color-green{
    color:#4CAF50 !important;
}
.color-grey{
    color:#999999 !important;
}
.color-grey-light{
    color:#9E9E9E !important;
}
.color-pink{
    color:#E91E63 !important;
}
.color-purple{
    color:#9C27B0 !important;
}
.color-orange{
    color:#FF9800 !important;
}
.color-red{
    color:#F44336 !important;
}
.color-teal{
    color:#009688 !important;
}
.color-white{
    color:#FFFFFF !important;
}
.color-yellow{
    color:#FFEB3B !important;
}



/* latin */
@font-face {
    font-family: 'Lato' !important;
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: neuropol;
  src: url('../fonts/neuropol.ttf');
}
@font-face {
  font-family: chalk;
  src: url('../fonts/ChalkDust.ttf');
}
@font-face {
  font-family: beaver;
  src: url('../fonts/beaver.ttf');
}

.h-2 {
    height:2px;
}
.h-4 {
    height:4px;
}
.h-8 {
    height:8px;
}
.h-12 {
    height:12px;
}
.h-16 {
    height:16px;
}
.h-24{
    height:24px;
}
.h-32 {
    height:32px;
}
.h-48 {
    height:48px;
}
.h-56 {
    height:56px;
    min-height:56px;
}
.h-64 {
    height:64px;
    min-height:64px;
}
.h-96 {
    height:96px;
}
.h-128 {
    height:128px;
}
.h-256 {
    height:256px;
}
.h-auto {
    height:auto;
}
.h-m-64 {
    min-height:64px;
}
.p-h-2 {
    padding-left:2px;
    padding-right:2px;
}
.p-h-4 {
    padding-left:4px;
    padding-right:4px;
}
.p-h-8 {
    padding-left:8px;
    padding-right:8px;
}
.p-h-12 {
    padding-left:12px;
    padding-right:12px;
}
.p-h-16 {
    padding-left:16px;
    padding-right:16px;
}
.p-h-24 {
    padding-left:24px;
    padding-right:24px;
}
.p-h-32 {
    padding-left:32px;
    padding-right:32px;
}
.p-l-2 {
    padding-left:2px;
}
.p-l-4 {
    padding-left:4px;
}
.p-l-8 {
    padding-left:8px;
}
.p-l-12 {
    padding-left:12px;
}
.p-l-16 {
    padding-left:16px;
}
.p-l-32 {
    padding-left:32px;
}
.p-r-2 {
    padding-right:2px;
}
.p-r-4 {
    padding-right:4px;
}
.p-r-8 {
    padding-right:8px;
}
.p-r-12 {
    padding-right:12px;
}
.p-r-16 {
    padding-right:16px;
}
.p-r-32 {
    padding-right:32px;
}
.p-t-2 {
    padding-top:2px;
}
.p-t-4 {
    padding-top:4px;
}
.p-t-8 {
    padding-top:8px;
}
.p-t-12 {
    padding-top:12px;
}
.p-t-16 {
    padding-top:16px;
}
.p-t-32 {
    padding-top:32px;
}
.p-b-2 {
    padding-bottom:2px;
}
.p-b-4 {
    padding-bottom:4px;
}
.p-b-8 {
    padding-bottom:8px;
}
.p-b-12 {
    padding-bottom:12px;
}
.p-b-16 {
    padding-bottom:16px;
}
.p-b-24 {
    padding-bottom:24px;
}
.p-b-32 {
    padding-bottom:32px;
}
.p-v-32 {
    padding-bottom:32px;
    padding-top:32px;
}
.p-2 {
    padding:2px;
}
.p-4 {
    padding:4px;
}
.p-8 {
    padding:8px;
}
.p-12 {
    padding:12px;
}
.p-16 {
    padding:16px;
}
.p-24 {
    padding:24px;
}
.p-32 {
    padding:32px;
}
.m-2 {
    margin:2px;
}
.m-4 {
    margin:4px;
}
.m-8 {
    margin:8px;
}
.m-12 {
    margin:12px;
}
.m-16 {
    margin:16px;
}
.m-24 {
    margin:24px;
}

.m-32 {
    margin:32px;
}



.m-b-0 {
    margin-bottom:0;
}
.m-b-2 {
    margin-bottom:2px;
}
.m-b-4 {
    margin-bottom:4px;
}
.m-b-8 {
    margin-bottom:8px;
}
.m-b-12 {
    margin-bottom:12px;
}
.m-b-16 {
    margin-bottom:16px;
}
.m-b-24 {
    margin-bottom:24px;
}
.m-b-32 {
    margin-bottom:32px;
}

.m-h-2 {
    margin-left:2px;
    margin-right:2px;
}
.m-h-4 {
    margin-left:4px;
    margin-right:4px;
}
.m-h-8 {
    margin-left:8px;
    margin-right:8px;
}
.m-h-12 {
    margin-left:12px;
    margin-right:12px;
}
.m-h-16 {
    margin-left:16px;
    margin-right:16px;
}
.m-h-24 {
    margin-left:24px;
    margin-right:24px;
}
.m-h-32 {
    margin-left:32px;
    margin-right:32px;
}

.m-l-0 {
    margin-left:0;
}
.m-l-2 {
    margin-left:2px;
}
.m-l-4 {
    margin-left:4px;
}
.m-l-8 {
    margin-left:8px;
}
.m-l-12 {
    margin-left:12px;
}
.m-l-16 {
    margin-left:16px;
}
.m-l-24 {
    margin-left:24px;
}
.m-l-32 {
    margin-left:32px;
}

.m-r-2 {
    margin-right:2px;
}
.m-r-4 {
    margin-right:4px;
}
.m-r-8 {
    margin-right:8px;
}
.m-r-12 {
    margin-right:12px;
}
.m-r-16 {
    margin-right:16px;
}
.m-r-24 {
    margin-right:24px;
}
.m-r-32 {
    margin-right:32px;
}

.m-t-2 {
    margin-top:2px;
}
.m-t-4 {
    margin-top:4px;
}
.m-t-8 {
    margin-top:8px;
}
.m-t-12 {
    margin-top:12px;
}
.m-t-16 {
    margin-top:16px;
}
.m-t-24 {
    margin-top:24px;
}
.m-t-32 {
    margin-top:32px !important;
}
.m-v-2 {
    margin-top:2px;
    margin-bottom:2px;
}
.m-v-4 {
    margin-top:4px;
    margin-bottom:4px;
}
.m-v-8 {
    margin-top:8px;
    margin-bottom:8px;
}
.m-v-12 {
    margin-top:12px;
    margin-bottom:12px;
}
.m-v-16 {
    margin-top:16px;
    margin-bottom:16px;
}
.m-v-24 {
    margin-top:24px;
    margin-bottom:24px;
}
.m-v-32 {
    margin-top:32px;
    margin-bottom:32px;
}
.s-70 {
    font-size: 0.7em;
}
.s-80 {
    font-size: 0.8em;
}
.s-90 {
    font-size: 0.9em;
}
.s-100 {
    font-size: 1em;
}
.s-110 {
    font-size: 1.1em;
}
.s-120 {
    font-size: 1.2em;
}
.s-130 {
    font-size: 1.3em;
}
.s-140 {
    font-size: 1.4em;
}
.s-150 {
    font-size: 1.5em;
}
.s-160 {
    font-size: 1.6em;
}
.s-170 {
    font-size: 1.7em;
}
.s-180 {
    font-size: 1.8em;
}


.w-2 {
    width:2px;
}
.w-4 {
    width:4px;
}
.w-8 {
    width:8px;
}
.w-12 {
    width:12px;
}
.w-16 {
    width:16px;
}
.w-24{
    width:24px;
}
.w-32 {
    width:32px;
    min-width:32px;
}
.w-48 {
    width:48px;
}
.w-56 {
    width:56px;
}
.w-64 {
    width:64px;
}
.w-96 {
    width:96px;
}
.w-128 {
    width:128px;
}
.w-192 {
    width:192px;
}
.w-218 {
    width:218px;
}
.w-224 {
    width:224px;
}
.w-256 {
    width:256px;
}
.w-384 {
    width:384px;
}
.w-512 {
    width:512px;
}
.w-1024 {
    width:1024px;
}

html,
body {
    height: 100%;
    margin: 0;
    overflow:hidden;
    font-family: Lato, 'Open Sans', verdana, arial;
}
* { min-width:0 ;min-height:0 }
label{
  margin-bottom:0px !important;
}
.pointer {
    cursor: pointer;
}
.bold{
    font-weight: bold;
}
.scrollable{
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.fill-vertical {
    min-height: 100% !important;
    height: 100% !important;
}
.fill-horizontal {
    min-width: 100% !important;
    width: 100% !important;
}
.fill{
    min-height: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
}
.pointer{
    cursor: pointer;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.top-right-corner{
    right:0;
    top:0;
}
.border{
    border:1px #000 solid;
}
.border-light{
    border:1px #F5F5F5 solid;
}
.border-grey{
    border:1px #616161 solid;
}
.list-none{
    list-style: none;
}
.img-responsive{
  max-width:100%;
  height:auto;
}
.face {
  border-radius: 50%;
}
.menu-right-arrow {
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  position:absolute;
  top:54px;
  left:10px;
  border-bottom: 22px solid #ffffff;
}
.menu-right-arrow-bottom {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    position:absolute;
    bottom:54px;
    left:10px;
    border-top: 22px solid #ffffff;
}
.border-bottom{
    border-bottom: 1px solid #E0E0E0;
}
.z-hover:hover{
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
}
.fab-menu-dialog{
    background-color: transparent !important;
    position: fixed;
    box-shadow: 0 0 0 0;
    right:0;
    bottom:96px;
}
.fab-menu-content{
    background-color: transparent !important;
}
.fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 997 !important;
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: .75;
    -moz-opacity: 75;
    filter: alpha(opacity=75);
    z-index: 998;
}
.dialog {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;

}
.absolute-bottom-right{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.float-arrow-button {
    position: fixed;
    top: 40%;
    z-index: 99;
}

.float-arrow-button.left {
    left: 5%;
}

.float-arrow-button.right {
    right: 5%;
}