@font-face {
    font-family: 'GothamBookRegular';
    src: url('fonts/gotham-book-webfont.eot');
    src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book-webfont.woff') format('woff'),
         url('fonts/gotham-book-webfont.ttf') format('truetype'),
         url('fonts/gotham-book-webfont.svg#GothamBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.selected {
    background-color: #00b7ea !important;
    color: #FFF;
}
* {
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
    padding: 0;
    margin: 0;
    outline: 0;
    /*font-family: 'Arial Unicode MS';*/
    font-family: "GothamBookRegular";
}

body {
    /*background: #EDEDED !important;*/
    font-family: Verdana, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #5e5e5e;
    scrollbar-base-color: orange;
    scrollbar-arrow-color: green;
    scrollbar-DarkShadow-Color: blue;
}


@media only screen and (max-width: 736px) {
    .mobile {
        display: block;
    }
    
.company-logo {
    height:70px;
    width :70px;
}
.top-menu{
    display :none !important;
}
    .desktop {
        display: none;
    }

    .tablet {
        display: none;
    }
    .new-feature {
        visibility :hidden;
    }
    .new-feature-mobile {
        visibility :hidden;
    }

}

@media only screen and (min-width: 736px) and (max-width: 1200px) {
    .tablet {
        display: block;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .timezone{
        display :block !important;
    }
    .desktop {
        display: block;
    }

    .tablet {
        display: none;
    }

    .mobile {
        display: none;
    }
}
.timezone{
        display :none ;
        height:50%;
        width:50%;
        margin-top:30px;
    }
 .new-feature {
       background: url(/img/NewFeature.jpg) no-repeat; 
       min-height :375px;
    }
 .newfeaturemobile{
     background: url(/img/NewFeature_Mobile.jpg) no-repeat; 
     min-height:160px;
 }
md-content {
    font-size: 14px !important;
    /*font-weight: bold !important;*/
}

.alert-success {
    background: #66cdaa;
}

.alert-danger {
    background: #d2691e;
}

.alert {
    box-sizing: border-box;
    cursor: default;
    display: block;
    padding: 8px;
    line-height: 15.6px;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    transition: all cubic-bezier(0.25, 0.8, 0.25, 1) 600ms;
    z-index: 105;
    width: 90%;
    left: 5%;
    margin-top: 8px;
    top: 60px;
    opacity: 1;
    text-align: justify;
    color: #727171;
}

    .alert[success='true'] {
        background: whitesmoke;
        color: green;
    }

    .alert[error='true'] {
        background: whitesmoke;
        color: red;
    }

    .alert.ng-hide {
        top: -160px;
        opacity: 0;
    }

    .alert.ng-hide-remove {
        -webkit-animation: 600ms slidDown;
        animation: 600ms slidDown;
    }

    .alert.ng-hide-add {
        -webkit-animation: 600ms slidUp;
        animation: 600ms slidUp;
    }

.table {
    width: 100%;
}

    .table th {
        /*background: #fffdfa url(images/th.gif) repeat-x 0 0;*/
        color: #818181;
        text-align: left;
        padding: 7px 10px;
        /*border-bottom: solid 1px #d2d1cb;*/
    }

    .table td {
        /*background: #fbfcfc;*/
        /*border-bottom: solid 1px #e0e0e0;*/
        padding: 8px 10px;
        border: none;
    }

    .table tr.odd td {
        background: #f8f8f8;
    }

    .table tr:hover td {
        background: #fbfcfc;
    }

    .table a.ico {
    }

md-input-container {
    margin: 0 !important;
}

.md-button {
    line-height: 30px;
    min-height: 30px;
}

md-radio-button ._md-container, md-radio-button ._md-off, md-radio-button ._md-on {
    width: 15px;
    height: 15px;
}

md-radio-button ._md-label {
    margin-left: 20px;
}

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    webkit-transform: translate3d(0, 4px, 0) scale(1);
    transform: translate3d(0, 4px, 0) scale(1);
}

md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
    bottom: 22px !important;
    right: 2px;
    left: 2px;
    width: auto;
}

md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty, md-input-container.md-input-resized .md-input {
    border-width: 0 0 1px 0 !important;
}

md-input-container.md-input-has-value:not(.md-input-invalid):not([md-no-float]):not([disabled]) .md-input {
    border-color: rgb(33,150,243) !important;
    border-bottom-color: rgb(33,150,243) !important;
}



md-input-container[md-no-float] .md-input {
    color: white !important;
    border-color: white !important;
    border-bottom-color: white !important;
}


md-input-container[md-no-float] label {
    color: white !important;
}

md-input-container.md-input-has-value:not(.md-input-invalid) label {
    color: rgb(33,150,243) !important;
}


.overlay_Loading {
    position: fixed;
    background-color: #545454;
    transition: opacity 500ms;
    z-index: 1;
    opacity: .5;
}

.popup-overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    align-content: center;
    background-color: whitesmoke;
    z-index: 2001;
    -moz-opacity: 0.6;
    opacity: .70;
}

/*.popup-content {
    background: #fbfcfc;
    height: 100%;
    width: 95%;
    padding: 1px;
    margin: auto;
    position: absolute;
    z-index: 2002;
}*/

.field:focus {
    color: #000;
    border-color: #857b42;
}

a img {
    border: 0;
}

a {
    color: #ba4c32;
    text-decoration: underline;
    cursor: pointer;
}

    a:hover {
        color: #8d341f;
        text-decoration: none;
    }

.left, .alignleft {
    float: left;
    display: inline;
}

.right, .alignright {
    float: right;
    display: inline;
}

.cl {
    font-size: 0;
    line-height: 0;
    clear: both;
    display: block;
    height: 0;
}

.al {
    text-align: left;
}

.ar {
    text-align: right;
}

.ac {
    text-align: center !important;
}

h1 {
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    font-weight: normal;
}

    h1 a {
        color: #fff;
        text-decoration: none;
    }



h3 {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}

    h3 a {
        text-decoration: none;
    }



.shell {
    width: 95%;
    margin: 0 auto;
}

#header {
    height: 89px;
    background: #00BCD4;
    white-space: nowrap;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

    #header h1 {
        float: left;
        display: inline;
        padding-top: 12px;
    }

#top-navigation {
    float: right;
    white-space: nowrap;
    color: #fff;
    padding-top: 15px;
    font-size: 13px;
}

    #top-navigation a {
        color: #fff;
    }

    #top-navigation span {
        color: #dca598;
    }

#top {
    height: 53px;
}

#mklmenu {
    height: 36px;
}

    #mklmenu ul,
    #mklmenu li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #mklmenu ul {
        position: relative;
        z-index: 597;
    }

        #mklmenu ul li {
            float: left;
            min-height: 1px;
            vertical-align: middle;
        }

            #mklmenu ul li.hover,
            #mklmenu ul li:hover {
                position: relative;
                z-index: 599;
                cursor: default;
            }

        #mklmenu ul ul {
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 598;
            width: 100%;
        }

            #mklmenu ul ul li {
                float: none;
            }

            #mklmenu ul ul ul {
                top: 0;
                left: 190px;
                width: 190px;
            }

        #mklmenu ul li:hover > ul {
            visibility: visible;
        }

        #mklmenu ul ul {
            bottom: 0;
            left: 0;
        }

        #mklmenu ul ul {
            margin-top: 0;
        }

            #mklmenu ul ul li {
                font-weight: normal;
            }

    #mklmenu a {
        display: block;
        line-height: 1em;
        text-decoration: none;
    }

#mklmenu {
    font-size: 12px;
    margin-top: 11px;
    height: 20px;
}

    #mklmenu > ul {
        *display: inline-block;
    }

    #mklmenu:after,
    #mklmenu ul:after {
        content: '';
        display: block;
        clear: both;
    }

    #mklmenu ul {
        text-transform: uppercase;
    }

        #mklmenu ul ul {
            text-transform: none;
            min-width: 190px;
        }

            #mklmenu ul ul a {
                border-top-left-radius: 1px !important;
                border-top-right-radius: 1px !important;
                background: gray;
                color: #ffffff;
                border: 1px solid whitesmoke;
                border-top: 0 none;
                line-height: 70%;
                padding: 10px 10px;
                font-size: 15px;
            }

            #mklmenu ul ul ul {
                border-top: 0 none;
            }

            #mklmenu ul ul li {
                position: relative;
            }

                #mklmenu ul ul li:first-child > a {
                    border-top-right-radius: 5px !important;
                    border-top: 1px solid gray;
                }

                #mklmenu ul ul li:hover > a {
                    background: whitesmoke;
                    color: black;
                }

                #mklmenu ul ul li:last-child > a {
                    border-bottom-right-radius: 5px !important;
                }

                #mklmenu ul ul li:last-child:hover > a {
                    -moz-border-radius: 0 0 0 3px;
                    -webkit-border-radius: 0 0 0 3px;
                    border-radius: 0 0 0 3px;
                    -moz-background-clip: padding;
                    -webkit-background-clip: padding-box;
                    background-clip: padding-box;
                    border: 1px solid gray;
                }

                #mklmenu ul ul li.has-sub > a:after {
                    content: '+';
                    position: absolute;
                    top: 50%;
                    right: 15px;
                    margin-top: -8px;
                }

        #mklmenu ul li:hover > a,
        #mklmenu ul li.active > a {
            background: gray;
            color: #ffffff;
        }

        #mklmenu ul li.has-sub > a:after {
            content: '+';
            margin-left: 5px;
        }

        #mklmenu ul li.last ul {
            left: auto;
            right: 0;
        }

            #mklmenu ul li.last ul ul {
                left: auto;
                right: 99.5%;
            }

    #mklmenu a {
        color: #EDEDED;
        padding: 0 20px;
    }

    #mklmenu > ul > li > a {
        line-height: 25px;
        font-size: 15px;
        font-weight: bolder;
    }

    #mklmenu.align-center > ul {
        text-align: center;
        font-size: 0;
    }

        #mklmenu.align-center > ul > li {
            display: inline-block;
            float: none;
        }

    #mklmenu.align-center ul ul {
        text-align: left;
    }

    #mklmenu.align-right > ul > li {
        float: right;
    }

    #mklmenu.align-right ul ul {
        left: auto;
        right: 0;
        text-align: right;
    }

        #mklmenu.align-right ul ul ul {
            left: auto;
            right: 190px;
        }

        #mklmenu.align-right ul ul li.has-sub > a:after {
            left: 15px;
            right: auto;
        }





#container {
    padding: 20px 0;
}

.small-nav {
    color: floralwhite;
    padding-bottom: 20px;
    font-size: small;
}

    .small-nav a {
        color: floralwhite;
    }


#main {
}

#contentwithsidebar {
    float: left;
    width: 74%;
}

#content_full {
    float: left;
    width: 100%;
}

#sidebar {
    float: right;
    width: 24%;
}



.pagging span {
    float: left;
    margin-left: 5px;
    padding-top: 2px;
}


a.ico {
    color: #9d9c9a;
    font-size: 10px;
    text-decoration: none;
    padding: 0 0 0 14px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

    a.ico:hover {
        color: #333;
    }

a.del {
    background-image: url(images/del.gif);
}
a.print {
    background-image: url(images/scripts-icon.png); 
    padding-bottom: 4px;
}
a.download {
    background-image: url(images/Mod_Add-On_1-08-512.png);
}

a.edit {
    background-image: url(images/edit.gif);
    margin-left: 14px;
}

a.select {
    background-image: url(images/select.png);
    margin-left: 14px;
}

a.baddebt {
    background-image: url(images/baddebt.png);
    margin-left: 14px;
    background-size: contain;
}




#footer {
    height: 34px;
    background: #00BCD4;
    line-height: 44px;
    color: #EDEDED;
    position: fixed;
    width: 100%;
    bottom: 0;
}

    #footer a {
        color: #EDEDED;
    }


.msg {
    position: relative;
    padding-right: 35px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.msg {
    padding: 9px 10px 9px 40px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

    .msg a.close {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 24px;
        height: 24px;
        background: url(images/close.png);
        Background-size: contain;
        text-indent: -4000px;
        margin-top: 5px;
        margin-right: 2px;
        background-repeat: no-repeat;
    }

.msg-ok {
    background-color: #fffac2;
    border: solid 1px #dbd6a2;
    color: #5e5c40;
    background-image: url(images/msg-ok.gif);
}

.icon {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 30px !important;
    height: 100% !important;
    text-align: center !important;
    display: inline-block !important;
}

.pull_right {
    float: right;
}

.msg-error {
    background-color: #f3c598;
    border: solid 1px #e8b084;
    color: #ba4c32;
    background-image: url(images/msg-error.gif);
    background-repeat: no-repeat;
}

/*** CSS3 ***/
.box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 6px #978f6c;
    -webkit-box-shadow: 0 0 6px #978f6c;
}

.box-head {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.field, .button {
    height: 22px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #BBBBBB;
}

.small-field, .button, .pagging a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.msg p {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}




.button {
    background: rgba(0,0,0,.075);
    border: solid 1px #42CAC4;
    color: #125757;
    font-size: 12px;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
    line-height: 14px !important;
    border-radius: 5px !important;
    width: auto;
    min-width: 90px;
    min-height: 25px;
    margin-bottom: 5px;
}

    .button:hover {
        background: #42CAC4;
        color: ghostwhite;
        border-color: black;
        border-radius: 5px !important;
        padding: 2px 6px 2px 6px;
    }



.row {
    margin-right: 0px;
    margin-left: 0px;
}

.form-control {
    padding: 3px 10px !important;
    border: 1px solid #BBBBBB;
    width: 94%;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}


.form-control:focus {
    border-color: currentColor;
    outline: 0;
}


.form-group {
    margin-bottom: 15px;
    float: left;
    margin-right: 5px;
    width: 100%;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-lg, textarea.input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
/*.form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }*/

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}

.selectize-input {
    position: relative !important;
    z-index: 1 !important;
    display: inline-block !important;
    width: 94% !important;
    padding: 3px 10px !important;
    /*border: 1px solid gray !important;*/
    height: 28px;
    line-height: 18px !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    border-color: #42CAC4;
    outline: 0;
}

    .selectize-input:focus {
        border-radius: 3px !important;
        border-color: #42CAC4;
        outline: 0;
    }

    .selectize-input.focus {
        border-color: #42CAC4 !important;
        outline: 0 !important;
        /*-webkit-box-shadow: inset 0 1px 1px #42CAC4,0 0 8px #42CAC4 !important;
        box-shadow: inset 0 1px 1px #42CAC4,0 0 8px  #42CAC4!important;*/
    }

.selectize-control > .selectize-dropdown {
    width: 94% !important;
    border-color: #42CAC4 !important;
    outline: 0 !important;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 5px 8px rgba(243, 158, 202) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 5px 8px rgba(243, 158, 202, 0.6) !important;*/
    border-top: none !important;
}

.section-header {
    background-color: #00BCD4;
    padding: 1px 0px 1px 15px;
    margin-left: -25px !important;
    margin-right: -10px !important;
}

div.logindiv {
    margin-left: 30px;
}

.Login {
    /*display: none;*/
    position: absolute;
    top: 30%;
    left: 37%;
    width: 25%;
    /*height: 40%;
  padding: 16px;
    border: 5px solid #225b86;*/
    z-index: 1002;
    overflow: auto;
    /* text-align:center;*/
}

.block {
    padding-top: 20px;
}


.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    position: relative;
    transition: all 5s ease-in-out;
}

    .popup h2 {
        margin-top: 0;
        color: #333;
        font-family: Tahoma, Arial, sans-serif;
    }

    .popup .close {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }

        .popup .close:hover {
            color: rgba(248, 154, 180, 0.6);
        }

    .popup .content {
        max-height: 30%;
        overflow: auto;
    }

/*.ag-filter-filter {
    height: 15px;
    padding: 3px 10px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #BBBBBB;
    width: 94%;
}

    .ag-filter-filter:focus {
        border-color: #42CAC4;
        outline: 0;
    }*/

. /*searchButton {
    background-image: url('/css/images/search.png');
    width: 25px;
    height: 25px;
    border: 0px;
    Background-size: contain;
    margin-right: 5px;
    background-color: #42CAC4;
}

    .searchButton:hover {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: white;
    }

.closeButton {
    background-image: url('/css/images/bt-close.png');
    width: 24px;
    height: 24px;
    border: 0px;
    Background-size: contain;
    margin-right: 5px;
    background-color: #42CAC4;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}*/
#applyButton {
    background: rgb(33,150,243) !important;
    border: solid 1px #42CAC4;
    color: #125757;
    font-size: 12px;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
    line-height: 14px !important;
    border-radius: 5px !important;
    width: auto;
    min-width: 50px;
    min-height: 20px;
    margin-bottom: 5px;
}

#applyButton:hover {
    background: rgb(33,150,243);
    color: ghostwhite;
    border-color: black;
    border-radius: 5px !important;
    padding: 2px 6px 2px 6px;
}

hr {
    height: 1px;
    color: #42CAC4;
    background-color: #42CAC4;
    border: none;
}


#dialogoverlay {
    display: none;
    opacity: .8;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #FFF;
    width: 100%;
    z-index: 3000;
}

#dialogbox {
    display: none;
    position: fixed;
    background: gray;
    border-radius: 7px;
    width: 550px;
    z-index: 3001;
}

    #dialogbox > div {
        background: #FFF;
        margin: 8px;
    }

        #dialogbox > div > #dialogboxhead {
            background: #42CAC4;
            font-size: 19px;
            padding: 10px;
            color: white;
        }

        #dialogbox > div > #dialogboxbody {
            background: whitesmoke;
            padding: 20px;
            color: black;
        }

        #dialogbox > div > #dialogboxfoot {
            background: whitesmoke;
            padding: 10px;
            text-align: right;
        }



.selectize-input > * {
    display: -moz-inline-stack;
    display: block !important;
    vertical-align: baseline !important;
    zoom: 1;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 20px !important;
}




md-input-container .md-input {
    color: rgba(0, 0, 0, 0.87) !important;
    font-size: 12px !important;
}

md-menu-item > .md-button span {
    font-size: 13px !important;
}

md-input-container.md-select {
    display: inline-block !important;
    margin-top: 2px !important;
    width: 100%;
}

md-option ._md-text {
    font-size: 13px !important;
}


.loginBox {
    max-width: 90%;
    width: 500px;
}

.stretch input {
    width: 100%;
}

.md-button.dropdown {
    overflow: visible; /*reset*/
}

.dropdown .dropdown-menu {
    max-width: 0;
    position: absolute;
    left: 40px;
    top: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    background-color: #fff;
    list-style: none;
    transition: min-width 0.2s ease-in-out, left 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

    .dropdown .dropdown-menu .md-button {
        min-width: 100%;
        border-radius: 0;
        margin: 0;
        padding: 6px 16px;
    }

.dropdown.active .dropdown-menu {
    max-width: 300px; /* set a maxwidth bigger than the widest element */
    left: 0;
    opacity: 1;
}


.product-ttile {
    margin-left: 5px;
    font-size: 20px !important;
    font-weight: normal !important;
    /*font-family: 'Arial Unicode MS';*/
}


select, button, textarea, input {
    /*font-size: 12px !important;*/
}

.md-sidemenu-wrapper.md-sidemenu-wrapper-icons .md-button {
    text-align: left !important;
    color: currentColor;
}

._md-select-value > span:not(._md-select-icon) ._md-text {
    font-size: small;
}

md-icon svg {
    fill: inherit !important;
}

.ag-material .ag-cell-not-inline-editing {
    padding-top: 5px !important;
}

md-menu-bar.md-default-theme md-menu.md-open > button, md-menu-bar md-menu.md-open > button,
md-menu-bar.md-default-theme md-menu > button:focus,
md-menu-bar md-menu > button:focus,
md-menu-bar md-menu > button:focus > md-icon {
    color: rgb(33,150,243) !important;
}

md-menu-bar button {
    color: whitesmoke !important;
    font-size: 12.5px !important;
    height: 30px !important;
}

md-menu-bar {
    height: 35px !important;
    padding-top: 5px !important;
}

.ag-cell {
    font-size: 13px !important;
}

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 6px, 0) scale(.85) !important;
    transform: translate3d(0, 6px, 0) scale(.85) !important;
}

/*md-content {
    border-radius: 5px !important;
}*/

.md-button {
    margin: 5px 5px !important;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
    width: 98% !important;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none !important;
    margin: 0 !important; /* <-- Apparently some margin are still there even though it's hidden */
}

.ag-row-focus {
    background-color: rgb(187, 222, 251) !important;
}

.mdl-card {
    width: 550px;
    min-height: 0;
    margin: 10px auto;
}

.mdl-card__supporting-text {
    width: 100%;
    padding: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
    width: 25%;
    /* 100 / no_of_steps */
}


/* Begin actual mdl-stepper css styles */

.mdl-stepper-horizontal-alternative {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 4px !important;
}

    .mdl-stepper-horizontal-alternative .mdl-stepper-step {
        display: table-cell;
        position: relative;
        padding: 4px;
    }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step:hover,
        .mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
            background-color: rgba(0, 0, 0, .06);
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
            border-radius: 15% / 75%;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child:active {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child:active {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step:hover .mdl-stepper-circle {
            background-color: #757575;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
        .mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
            display: none;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
            width: 24px;
            height: 24px;
            margin: 0 auto;
            background-color: #9E9E9E;
            border-radius: 50%;
            text-align: center;
            line-height: 2em;
            font-size: 12px;
            color: white;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle {
            background-color: rgb(33, 150, 243);
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle:before {
            content: "\2714";
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle *,
        .mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle * {
            display: none;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle {
            -moz-transform: scaleX(-1);
            /* Gecko */
            -o-transform: scaleX(-1);
            /* Opera */
            -webkit-transform: scaleX(-1);
            /* Webkit */
            transform: scaleX(-1);
            /* Standard */
        }

            .mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle:before {
                content: "\270E";
            }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
            margin-top: 16px;
            font-size: 14px;
            font-weight: normal;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title,
        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
            text-align: center;
            color: rgba(0, 0, 0, .26);
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-title {
            font-weight: 500;
            color: rgba(0, 0, 0, .87);
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.step-done .mdl-stepper-title,
        .mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.editable-step .mdl-stepper-title {
            font-weight: 300;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
            font-size: 12px;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-optional {
            color: rgba(0, 0, 0, .54);
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
            position: absolute;
            top: 36px;
            height: 1px;
            border-top: 1px solid #BDBDBD;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
            right: 0;
            left: 50%;
            margin-left: 20px;
        }

        .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
            left: 0;
            right: 50%;
            margin-right: 20px;
        }


md-input-container .md-input-message-animation, md-input-container .md-char-counter {
    font-size: 11px !important;
}

.md-toolbar {
    min-height: 35px !important;
}

.md-toolbar-tools {
    height: 35px !important;
    padding: 0px 0px !important;
    min-height: 35px !important;
}

.dialog-header {
    padding: 0px 5px 0px 10px !important;
}

md-dialog .md-toolbar-tools {
    height: 35px !important;
    padding: 0 16px;
}

titlebar {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
    font-size: 20px;
    min-height: 64px;
    width: 100%;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
    transition-property: background-color, fill, color;
}

.mdi:before, .mdi-set {
    font: normal normal normal 20px/1 "Material Design Icons" !important;
}

.mdi-big:before {
    font: normal normal normal 40px/1 "Material Design Icons" !important;
    margin-top: 2px;
    margin-left: 2px;
}

.mdi-big-submenu:before {
    font: normal normal normal 20px/1 "Material Design Icons" !important;
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 3px;
    vertical-align: -webkit-baseline-middle;
}

.title-icon {
    padding-right: 10px;
    padding-bottom: 1px;
}

@media (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
    md-toolbar {
        min-height: 20px !important;
        /*height:20px!important;*/
    }

    .product-ttile {
        margin-left: 5px;
        font-size: 19px !important;
        font-weight: normal !important;
        /* font-family: 'Arial Unicode MS'; */
    }
}

.time-label {
    padding: 6px 25px 6px 6px;
    font-size: 13px;
    line-height: 17px;
}

.time-label-xs {
    padding: 6px 3px 6px 0px;
    font-size: 11px;
}

md-input-container .md-errors-spacer {
    height: 30px !important;
}


.page-title {
    font-family: 'Arial Unicode MS';
    font-size: 15px;
    font-weight: bold;
    color: rgb(33,150,243);
}


.grid_input {
    height: 20px;
    width: 98%;
    padding: 0px 5px;
    font-size: 13px;
    border: none;
    border-radius: 4px;
    box-sizing: content-box;
    margin-top: -1px !important;
    outline: none !important;
    background: transparent !important;
}

md-input-container:not(.md-input-focused):not(.md-input-invalid).md-default-theme label, md-input-container:not(.md-input-focused):not(.md-input-invalid) label, md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) ._md-placeholder, md-input-container:not(.md-input-focused):not(.md-input-invalid) ._md-placeholder {
    color: #848181;
}

md-select.md-default-theme ._md-select-value._md-select-placeholder, md-select ._md-select-value._md-select-placeholder {
    color: #848181 !important;
}


.menubar_buttonwith_icon md-icon {
    line-height: 14px !important;
}

md-menu-bar.md-default-theme.md-open:not(.md-keyboard-mode) md-menu:hover > button, md-menu-bar.md-open:not(.md-keyboard-mode) md-menu:hover > button {
    background-color: whitesmoke !important;
}

.menubar_buttonwith_icon[aria-expanded='true'] md-icon {
    color: rgb(33,150,243) !important;
}

md-menu-item > .md-button md-icon {
    margin: auto 5px auto 0 !important;
}

md-menu-item > .md-button:hover, md-menu-item > .md-button:hover md-icon {
    color: rgb(33,150,243) !important;
}

md-menu-item > a.md-button {
    padding-top: 0px !important;
}

.md-sidemenu-button md-icon:first-child, .md-sidemenu-toggle md-icon:first-child {
    margin-right: 10px !important;
}

.md-sidemenu .md-sidemenu-toggle {
    font-size: 14px !important;
    /* font-size: medium; */
}

.Sidemnu_buttonwith_icon md-icon {
    line-height: 14px !important;
}

.Sidemnu_buttonwith_icon:hover md-icon, .Sidemnu_buttonwith_icon:hover .md-button {
    color: rgb(33,150,243) !important;
}

.md-sidemenu-content md-icon[headericon='true'] {
    color: red;
}

.md-sidemenu-wrapper.md-sidemenu-wrapper-icons .md-button {
    padding-left: 32px !important;
}

.md-button {
    text-transform: none !important;
}

md-menu-content._md-menu-bar-menu.md-dense .md-menu:hover button {
    color: rgb(33,150,243) !important;
}








input.mklexpanred[type="checkbox"] {
    visibility: collapse;
    width: 0px !important;
    top: 0px !important;
    left: -13px !important;
    margin-left: -11px !important;
}

    input.mklexpanred[type="checkbox"] + span.expander {
        position: relative !important;
    }

    input.mklexpanred[type="checkbox"]:checked + span.expander:before, input.mklexpanred[type="checkbox"]:not(:checked) + span.expander:before {
        content: "";
        background-size: 16px 16px !important;
        padding: 0px 9px !important;
    }

    input.mklexpanred[type="checkbox"]:checked + span.expander:before {
        background: url(/img/collapse.png) no-repeat;
    }

    input.mklexpanred[type="checkbox"]:not(:checked) + span.expander:before {
        background: url(/img/expand.png) no-repeat;
    }

.labelexpander, .labelexpanderChild {
    display: block;
    text-align: center left;
}

.labelexpander {
    background-color: #ffcbe0;
    height: 30px;
    line-height: 30px;
    padding-left: 18px;
    position: relative;
}

.icon {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 30px !important;
    height: 100% !important;
    text-align: center !important;
    display: inline-block !important;
}

.labelexpanderChild {
    font-size: 13.5px;
    padding: 0px 0px 0px 15px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 4px;
}



@keyframes animUp {
    0% {
        opacity: 1;
        max-height: 600px;
    }

    100% {
        opacity: 0;
        max-height: 0px;
    }
}

.expandMainanim {
    padding-left: 0px;
    padding-bottom: 2px;
}

    .expandMainanim.ng-hide-remove, .expandMainanim.ng-enter {
        -webkit-animation: .6s animDown;
        animation: .6s animDown;
        overflow: hidden !important;
    }

    .expandMainanim.ng-hide-add, .expandMainanim.ng-leave {
        -webkit-animation: .6s animUp;
        animation: .6s animUp;
        overflow: hidden !important;
    }

.expandanim {
    padding-left: 0px;
    padding-right: 10px;
}

    .expandanim.ng-hide-remove, .expandanim.ng-enter {
        -webkit-animation: .6s animDown;
        animation: .6s animDown;
        overflow: hidden !important;
    }

    .expandanim.ng-hide-add, .expandanim.ng-leave {
        -webkit-animation: .6s animUp;
        animation: .6s animUp;
        overflow: hidden !important;
    }

@keyframes animDown {
    0% {
        opacity: 0;
        max-height: 0px;
    }

    100% {
        opacity: 1;
        max-height: 600px;
    }
}

.animate-list {
}

    .animate-list.ng-move,
    .animate-list.ng-enter,
    .animate-list.ng-leave {
        transition: all linear 0.3s;
    }

        .animate-list.ng-leave.ng-leave-active,
        .animate-list.ng-move,
        .animate-list.ng-enter {
            opacity: 0;
            max-height: 0;
        }

            .animate-list.ng-leave,
            .animate-list.ng-move.ng-move-active,
            .animate-list.ng-enter.ng-enter-active {
                opacity: 1;
                max-height: 30px;
            }

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.md-chips ._md-chip-input-container md-autocomplete input {
    position: relative;
    font-size: 13px !important;
    font-family: 'arial unicode ms' !important;
}

md-chips.md-default-theme md-chip, md-chips md-chip {
    font-size: 13px !important;
    font-family: 'arial unicode ms' !important;
}

.show-error md-input-container .md-input-message-animation.ng-enter,
.show-error md-input-container .md-input-message-animation:not(.ng-animate),
.show-error md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 1;
    margin-top: 0px;
}

/*-----------Menu css-----------*/
.mklmenu * {
    font-family: 'Arial', 'Arial Unicode MS';
    font-size: 12px;
}

.mklmenu .submenu * {
    font-size: 13px;
}

.mklmenu .container {
    position: relative;
    width: 100%;
    border: 1px solid;
}

    .mklmenu .container:after {
        content: "";
        height: 15px;
        position: absolute;
        width: 100%;
        bottom: -16px;
        z-index: -2;
    }

/*for box-submenu
    .mklmenu .menuitemcontainer {
    display: inline-block;
}*/

.mklmenu .menuitem {
    display: inline-block;
    position: relative;
    margin: 2px 0px 0px 2px;
    padding: 4px 3px 0px 0px;
    box-sizing: border-box;
    border-radius: 3px;
    height: 50px;
    width: 50px;
    transition: all .4s;
    text-decoration: none;
    color: white;
    /*border: 2px solid;*/
    background-color: #9c27b0;
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
    text-align: center;
}

.sidemenu-item:hover {
    color: white;
}

.sidemenu-item {
    display: inline-block;
    position: relative;
    margin: 13px 10px 0px 10px;
    padding: 4px 3px 0px 0px;
    box-sizing: border-box;
    border-radius: 3px;
    height: 58px;
    width: calc(100% - 56px);
    transition: all .4s;
    text-decoration: none;
    color: white;
    font-size: 12px;
    background-color: #9c27b0;
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
    text-align: center;
}

.sidemenu-sub-item {
    display: inline-block;
    position: relative;
    margin: 3px 10px 0px 10px;
    padding: 4px 3px 0px 0px;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    width: calc(100% - 56px);
    transition: all .4s;
    text-decoration: none;
    background-color: #ffffff;
    color: #9c27b0 !important;
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
    text-align: center;
}

.sidemenu-sub-item-container {
    display: none;
}

    .sidemenu-sub-item-container.showMe {
        visibility: visible;
        opacity: 1;
        display: block !important;
    }
/*.sidemenu-sub-item {
            
            height: 40px;
            width: 180px;
            
            border: none;
            margin: 2px 0px 0px 9px;
            background-color: #ffffff;
            color:#757272 !important;
            
     }*/

.sidemenu-submenu:before {
    font: normal normal normal 30px/1 "Material Design Icons" !important;
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 3px;
    vertical-align: -webkit-baseline-middle;
}

.mklmenu .menuitem.bigIcon {
    width: 90px;
    height: 90px;
    margin: 5px 0px 5px 5px;
    padding-top: 17px;
}

.mklmenu .menuitem.showMe {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
}

.mklmenu .menuitem .menuicon, .pageIconContainer .pageicon {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all .4s;
    /*background: url(../img/subMenuIcons.png) no-repeat;*/
    background-clip: content-box;
}

    .mklmenu .menuitem .menuicon.icn-1 {
        background-position: -4px -5px;
    }

    .mklmenu .menuitem .menuicon.icn-2 {
        background-position: -8px -65px;
    }

    .mklmenu .menuitem .menuicon.icn-3 {
        background-position: 1px -119px;
    }

.mklmenu .menuitem.bigIcon .menuicon, .mklmenu .submenu .menuicon {
    background-clip: content-box;
    height: 66%;
}

.mklmenu .menuitem.bigIcon .menuicon {
    padding: 10px 18px;
}

    .mklmenu .menuitem.bigIcon .menuicon.icn-1 {
        background-position: 29px 5px;
    }

    .mklmenu .menuitem.bigIcon .menuicon.icn-2 {
        background-position: 25px -49px;
    }

    .mklmenu .menuitem.bigIcon .menuicon.icn-3 {
        background-position: 24px -105px;
    }

.mklmenu .menuitem .menucaption {
    text-align: center;
    font-size: 13px;
    width: 100%;
    font-weight: 700;
    overflow: hidden;
    height: 34%;
    line-height: 25px;
    display: none;
}

.submenu-menucaption {
    text-align: left;
    font-size: 13px;
    width: 100%;
    font-weight: 700;
    overflow: hidden;
    line-height: 23px;
    margin-left: 5px;
}

.mklmenu .menuitem.bigIcon .menucaption, .mklmenu .submenu .menucaption {
    font-size: 15px;
    display: block;
}

.mklmenu .submenu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 2;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
    border-radius: 3px;
    transition: all .4s;
    padding: 8px 10px 5px 2px;
    margin-top: 10px;
    /*margin: 15px;*/
}

    .mklmenu .submenu .menuitem .menuicon {
        margin-left: 10px;
    }

    .mklmenu .submenu.showMe {
        visibility: visible;
        opacity: 1;
    }

        .mklmenu .submenu.showMe .menuitem {
            /*height: 80px;
            width: 80px;
                padding-top:15px;*/
            height: 40px;
            width: 180px;
            border: none;
            margin: 2px 0px 0px 9px;
            background-color: #ffffff;
            color: #757272 !important;
        }

        .mklmenu .submenu.showMe::after {
            content: '';
            border-color: transparent;
            border-bottom-color: inherit;
            border-style: dashed dashed solid;
            border-width: 13.5px 13.5px;
            position: absolute;
            left: 34px;
            top: -27px;
            z-index: 1111;
            height: 0;
            width: 0;
            display: block;
            border-width: 13.5px 11.5px;
        }

.pageIconContainer {
    height: 90px;
    width: 125px;
    border-radius: 14px;
}

    .pageIconContainer .pageicon {
        display: block;
        height: 64%;
        padding: 4px 15px;
    }

    .pageIconContainer .pagecaption {
        display: block;
        height: 36%;
        text-align: center;
        font-weight: bold;
        line-height: 32px;
    }

    .pageIconContainer .pageicon.icn-1 {
        background-position: 37px 5px;
    }
/*----------------------Color Settings---------------*/

.mklmenu .container {
    background: #fafafa;
    border-color: #fafafa;
}

.mklmenu a:hover {
    color: #ffffff !important;
}

/*.menuicon:hover {
        color: #3e3c3c !important;
         }*/
.mklmenu .menuitem.showMe {
    border-color: transparent;
    color: white !important;
    background: #00b7ea;
    background: -moz-linear-gradient(top, #00b7ea 0%, #9c27b0 100%);
    background: -webkit-linear-gradient(top, #00b7ea 0%,#9c27b0 100%);
    background: linear-gradient(to bottom, #00b7ea 0%,##9c27b0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#9c27b0',GradientType=0 );
}

.mklmenu .submenu {
    background: #00b7ea;
    background: -moz-linear-gradient(top, #9c27b0 0%, #00b7ea 100%);
    background: -webkit-linear-gradient(top, #9c27b0 0%, #00b7ea 100%);
    background: linear-gradient(to bottom, #9c27b0 0%, #00b7ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c27b0', endColorstr='#00b7ea',GradientType=0 );
}

    .mklmenu .submenu.showMe::after {
        border-bottom-color: #9c27b0;
    }



.mklmenu .time-label {
    color: #009ec3;
    padding: 0;
}

/*
.md-toolbar-tools {
    background: #87e0fd; 
    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
    background: linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
    color: white;
}

.md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab, .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    background: #00b7ea;
    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
    background: linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
}*/

md-switch.md-default-theme.md-checked.md-primary .md-bar, md-switch.md-checked.md-primary .md-bar {
    background: #00b7ea;
    background: -moz-linear-gradient(top, #00c7ff 0%,#67e2ff 100%);
    background: -webkit-linear-gradient(top, #00c7ff 0%,#67e2ff 100%);
    background: linear-gradient(to bottom, #00c7ff 0%,#67e2ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7ff', endColorstr='#67e2ff',GradientType=0 );
}

md-switch.md-default-theme.md-checked.md-primary .md-thumb, md-switch.md-checked.md-primary .md-thumb {
    background: #00b7ea;
    background: -moz-radial-gradient(center, #00b7ea 0%, #009ec3 100%);
    background: -webkit-radial-gradient(center, #00b7ea 0%,#009ec3 100%);
    background: radial-gradient(center, #00b7ea 0%,#009ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background: #00b7ea;
    background: -moz-radial-gradient(center, #00b7ea 0%, #009ec3 100%);
    background: -webkit-radial-gradient(center, #00b7ea 0%,#009ec3 100%);
    background: radial-gradient(center, #00b7ea 0%,#009ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
}
/*--------------Material Overided-------------*/
.mkl-spacer md-input-container {
    margin: 8px 0px !important;
    padding: 0px 8px !important;
}

    .mkl-spacer md-input-container.md-input-focused label:not(.md-no-float),
    .mkl-spacer md-input-container.md-input-has-placeholder label:not(.md-no-float),
    .mkl-spacer md-input-container.md-input-has-value label:not(.md-no-float) {
        webkit-transform: translate3d(0, 6px, 0) scale(0.85) !important;
        transform: translate3d(0, 6px, 0) scale(.85) !important;
        padding: 0px 10px !important;
    }

    .mkl-spacer md-input-container .md-placeholder,
    .mkl-spacer md-input-container label:not(.md-no-float):not(.md-container-ignore) {
        padding: 0px 10px !important;
    }

    .mkl-spacer md-input-container .md-placeholder,
    .mkl-spacer md-input-container label:not(.md-no-float):not(.md-container-ignore) {
        width: 94% !important;
    }

md-menu-content.md-menu-bar-menu.md-dense .md-button span {
    float: none !important;
}

.expandanim.ng-hide-add, .expandanim.ng-leave {
    -webkit-animation: .6s animUp;
    animation: .6s animUp;
    overflow: hidden !important;
}

@keyframes animUp {
    0% {
        opacity: 1;
        max-height: 88vh;
    }

    100% {
        max-height: 0px;
        padding: 0;
        opacity: 0;
    }
}

.expandanim.ng-hide-remove, .expandanim.ng-enter {
    -webkit-animation: .6s animDown;
    animation: .6s animDown;
    overflow: hidden !important;
}

@keyframes animDown {
    0% {
        max-height: 0px;
        padding: 0;
        opacity: 0;
    }

    100% {
        max-height: 100vh;
        opacity: 1;
    }
}

.showanim.ng-hide-add, .showanim.ng-leave {
    -webkit-animation: .6s animhide;
    animation: .6s animhide;
    overflow: hidden !important;
}

@keyframes animhide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.showanim.ng-hide-remove, .showanim.ng-enter {
    -webkit-animation: .6s animShow;
    animation: .6s animShow;
    overflow: hidden !important;
}

@keyframes animShow {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.ag-filter-select {
display:none!important;
}
.ag-material .ag-filter-apply-panel {
    margin-right: 4px;
}
.ag-material .ag-filter-apply-panel button{
    float: right;
}
.ag-material .ag-menu {
    padding: 5px 0px 5px 5px;
    margin-top: 3px;
}

md-radio-button .md-container {
    top: 40% !important;
}

md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
    bottom: 26px !important;
    right: 2px;
    left: 2px;
    width: auto;
}

md-input-container .md-errors-spacer {
    float: right !important;
    min-height: 20px !important;
    min-width: 1px !important;
}

md-input-container .md-errors-spacer {
    height: 20px !important;
}

md-radio-button .md-container, md-radio-button .md-off, md-radio-button .md-on {
    width: 15px !important;
    height: 15px !important;
}

md-radio-button .md-label {
    margin-left: 20px !important;
}

.card-layout{
    width:80%;
}

/*.md-inline-form md-radio-group md-radio-button {
    height: 25px !important;
    padding: 20px !important;
}*/
.mklppage-title{
   text-align:left;
    border-color: transparent;
    color: white !important;
    background: #00b7ea;
        font-weight: 100;
    /*background :#1bbd05;*/
   box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 5px 8px 0 rgba(0,0,0,.14), 0 1px 14px 0 rgba(0,0,0,.12);
    /*background: -moz-linear-gradient(top, #00b7ea 0%, #9c27b0 100%);
    background: -webkit-linear-gradient(top, #00b7ea 0%,#9c27b0 100%);
    background: linear-gradient(to bottom, #00b7ea 0%,##9c27b0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#9c27b0',GradientType=0 );*/

}
.mkl-vertical-align-center{
    vertical-align: -webkit-baseline-middle;
}
.submenu .menuitemcontainer .menuitem:hover {
    background-color : #ec8ce97a;
    
}
.submenu .menuitemcontainer .menuitem:hover .submenu-menucaption > span{
    
    color:white;
}

 .ag-header {
    /*Material design primary color 500 is assigned here.*/
    /*color: #1bbd05 !important;*/ 
    color: #00b7ea !important;
    font-weight:200 !important;
}