@import url('../css/fonts/iranSans/css/fontiran.css');
.fontIranSans{
    font-family: IRANSans;
}

.toast-style {
    background-image: url(../images/warning_white.png) !important;
    background-size: 30px;
    background-color: #E65100 !important;
    font-size: 13px;
    direction: rtl;
    bottom: 42px;
    position: relative !important;
    z-index: 9999999 !important;
}
md-toast {
    min-width: 315px !important;
    direction: rtl !important;
    left: 5px !important;
}
.marginTop20{
    margin-top: 40px;
}
.fontSize12{
    font-size: 12px !important;
}
.fontSize16{
    font-size: 16px !important;
}
.coloRed{
    color: #C83939;
}
.positionRelative{
    position: relative !important;
}
.clearMapDirectionBtn {
    position: absolute;
    z-index: 2;
    bottom: 15px;
}
.allDirectionInfoMainDiv{
    margin-right: auto;
    margin-left: auto;
    bottom: 70px;
    position: absolute;
    width: 100%;
}
.allDirectionInfoDiv{
    width: 250px;
    height: 100%;
    background-color: #ffffff;
}
.directionBtnDiv{
    min-width: 250px;
    min-height: 40px;
    background-color: #ffffff;
}
.sub-menu_ditrection {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 2s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.sub-menu_active_direction {
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 1s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    max-height: 1000px;
    overflow: hidden;
}

.card-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.deviceList {
    overflow-y: hidden !important;
    overflow-x: hidden;
}
@media only screen and (min-width : 480px) {
    .dateInput{
        margin-top: 20px;
    }
    .dateIcon{
        margin-top: 10px !important;
        margin-left: 80% !important;
        position: absolute !important;
    }

}
@media only screen and (max-width : 480px) {
    .chartWidth{
        width: 450px;
    }
}

.toolbar-side {
    top: 0;
    position: relative;
    z-index: 1000;
    width: 100%;
    padding: 5px 0px;
    background: #4527A0 !important;
}

/*.material-icons.hover{
    color: #E65100;
}*/
.sideNav .toolbar-side button .material-icons.active {
    color: #F06292 !important;
}
/*.sideNav .toolbar-side button .material-icons.hover {
    color: #E65100 !important;
}*/
.material-icons.blu900 {
    color: #1A237E;
}