.grey.darken-1 {
    background-color: #77c9d4 !important;
}
.grey.darken-2 {
    background-color: #a5a5af !important;
}
.blue-grey {
    background-color: #57bc90 !important;
}
body{
    background: #fff;
    color:#015249;
    overflow-x: hidden
}
.slider .slides{
    background-color: #a5a5af !important;
}
h1{
    margin: 0;
    font-size: 2.2rem!important
}
.ui-panelgrid-header{
    background: #77c9d4 !important;
    color:#fff
}
ul:not(.browser-default){
    padding-right: 0!important
}
.select-wrapper .caret{
    left:0!important;
    right: auto
}
.btn-floating.halfway-fab{
    left:24px;
    right: auto
}
@media only screen and (max-width: 993px){
    .container {
        width: 100%!important;
    }
}

@media only screen and (min-width: 993px){
    .container {
        width: 85%!important;
    }
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-top: 5px solid #77c9d4!important;
}
.dropdown-content{
    width: 250px!important
}

.navbar:after{
    content: '';
    display: block
}
.answer_box {
    position: relative;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #77c9d4;
    padding: 5px;
    border-radius: 4px
}
.answer_box:after, .answer_box:before {
    left: 100%;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.answer_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 1);
    border-width: 7px;
    margin-top: -7px;
}
.answer_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #77c9d4;
    border-width: 8px;
    margin-top: -8px;
}
.ui-datascroller-content{
    border: none!important
}
.arrow_box2 {
    position: relative;
    background: #ffffff;
    border: 1px solid #77c9d4;
    padding: 5px;
    border-radius: 4px
}
.arrow_box2:after, .arrow_box2:before {
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box2:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 5px;
    margin-left: -5px;
}
.arrow_box2:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #77c9d4;
    border-width: 6px;
    margin-left: -6px;
}
.ui-datalist .ui-datalist-empty-message{
    text-align: center;
    color:#77c9d4
}

.input-field>label{
    -webkit-transform-origin: 100% 100%!important;
    transform-origin: 100% 100% !important;
}
.input-field>input[type]:-webkit-autofill:not(.browser-default)+label, .input-field>input[type=date]:not(.browser-default)+label, .input-field>input[type=time]:not(.browser-default)+label{
    -webkit-transform-origin: 100% 0!important;
    transform-origin: 100% 0!important;
}
.prefix ~ .select-wrapper,.input-field .prefix ~ label{
    margin-right: 3rem;
    margin-left: 0
}
.input-field .prefix{
    color: #77c9d4
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{
    color:red!important
}
.page-title{
    border-right:5px solid #77c9d4;padding-right: 10px;font-size: x-large!important;margin-right: 10px
}
@media only screen and (max-width: 992px){
    table.responsive-table td{
        text-align: right
    }
}
.input-field .prefix{
    width: 3rem!important;
    text-align: center;
    right: 0px
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: #fff!important
}
.offset-md-3{
    margin-right: 25%!important
}
@media (min-width: 576px){
    .offset-sm-0 {
        margin-right: 0;
    }
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){
    margin-right: 0px
}
[type="checkbox"]+span:not(.lever){
    padding-left: 0;
    padding-right: 30px
}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left:auto;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}
.ui-dialog{
    background: #fff;
}
.ui-dialog > div{
    direction: rtl;
    text-align: right
}
.ui-dialog .ui-dialog-title{
    float: right
}
.dropdown{
    z-index: 999999;
    display: block
}
.dropdown li{
    text-align: right;
    position: relative;
}
.dropdown li a{
    white-space: nowrap;
    padding-left: 25px
}
.dropdown li i{
    position: absolute;
    width: 10px;
    left:0;
    top:5%
}
.ui-radiobutton .ui-state-default {
    background: #f4f4f4!important;
    border:2px solid #ccc;
}

.ui-radiobutton .ui-state-active {
    border: 5px solid #999!important;
    background: #999!important;
}
span.ui-icon-closethick {
    background-image: none !important;
    display: inline !important;
}
.ui-icon {
    display: block;
    vertical-align: baseline;
    margin-top: 0px;
}
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-icon {
    overflow: visible;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}

span.ui-icon-closethick:before {
    font-family: FontAwesome;
    color: #444;
    position: relative;
    font-size: 13.3px;
    padding: 0 4px;
    overflow: hidden;
    content: "\f00d" !important;
}
.sidenav-overlay{
    z-index: 1001
}
.sidenav{
    z-index: 1002
}
.ui-state-highlight {
    text-shadow: none !important;
}

.ui-steps.custom {
    margin-bottom: 70px;
}

.ui-steps.custom .ui-steps-item .ui-menuitem-link {
    height: 10px;
    padding: 0 1em;
    overflow: visible;
    border: 1px solid #a5a5af;
    display: block;
    background-color: #FFFFFF;
}

.ui-steps.custom .ui-steps-item .ui-menuitem-link .ui-steps-number {
    background-color: #a5a5af;
    color: #FFFFFF;
    display: inline-block;
    width: 30px;
    border-radius: 10px;
    margin-top: -20px;
    margin-bottom: 10px;
    position: relative;
    top: -3px;
}

.ui-steps.custom .ui-steps-item .ui-menuitem-link .ui-steps-title {
    margin-top: -6px;
}

.ui-steps.custom .ui-steps-item a{
    color: #a5a5af;
}
.ui-steps.custom .ui-steps-item.ui-state-highlight .ui-menuitem-link .ui-steps-title {
    color: #a5a5af;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity: 0.6
}
.ui-tree{
    width: 100%!important
}
.ui-widget-content{
    border:none!important
}
.ui-state-highlight{
    background: none!important;
    color:#000!important;
    border:none!important
}
.ui-treenode-children{
    margin-right: 15px!important
}