.mt-grey {
    background-color: #e0e0e0;
    color: #424242;
}
.mt-blue {
    background-color: #2196F3;
    color: #f2f2f2;
}

.mt-box-df {
    background-color: #fff;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,.25);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,.25);
    padding: 10px;
}

form.is-focus {
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.2);
}
.mt-btn.btn:hover,
.mt-btn.btn:focus,
.mt-frm-df .btn:focus,
.mt-frm-df .btn:hover,
.mt-frm-df .form-control:focus,
.mt-frm-df .form-control:active,
.mt-frm-df .form-control,
.btn-group.open .mt-btn.dropdown-toggle {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.btn-group.open .mt-btn.dropdown-toggle {
    background-color: rgba(0,0,0,.12);
}
.mt-frm-df .input-group-btn > .btn {
    padding: 7px 15px;
}
.mt-btn.btn,
.mt-frm-df .btn,
.is-focus.mt-frm-df .btn-default,
.mt-frm-df .form-control {
    border: none;
}

.mt-frm-df.frm-material-st-v1 .form-control:hover,
.mt-frm-df.frm-material-st-v1 .form-control:focus {
    border-bottom-color: #2196f3;
}
.mt-btn.btn {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.mt-btn > i {
    vertical-align: middle;
}

.mt-frm-df .input-group .form-control,
.mt-frm-df .input-group-btn > .btn,
.mt-frm-df.frm-material-st-v1 .form-control {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.frm-material-st-v2 .input-group .form-control:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.frm-material-st-v2 .input-group-btn > .btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.frm-material-st-v1 > * > .form-control {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}
.frm-material-st-v1 > * > .form-control {
    border-bottom: 2px solid #d2d2d2;
}

.frm-material-st-v1 .input-group > .dropdown-menu {
    z-index: 1;
    top: 38px !important;
    width: calc(100% - 1px);
}

.frm-material-st-v2 .btn:focus,
.frm-material-st-v2 .btn:hover {

}
.mt-frm-df.frm-material-st-v1 .form-control,
.mt-frm-df.frm-material-st-v1 .input-group-btn > .btn,
.mt-frm-df.frm-material-st-v2 .input-group-btn > .btn {
    padding-top: 11px;
    padding-bottom: 11px;
    height: auto;
}

/*--------- form material v1 ---------*/
.mt-frm-df.frm-material-st-v1 .form-control {
    border-bottom: 2px solid #d2d2d2;
}
.frm-material-st-v1 .btn-close {
    background-color: #f2f2f2;
}

.frm-material-st-v1 .form-control::placeholder {
    color: #929292;
}

.frm-material-st-v1 .form-control:-ms-input-placeholder {
    color: #929292;
}

.frm-material-st-v1 .form-control::-moz-placeholder {
    color: #929292;
}

.frm-material-st-v1 .form-control::-webkit-input-placeholder {
    color: #929292;
}

.frm-material-st-v1 .btn-close {
    color: #727272;
}

.frm-material-st-v1 .form-control:focus,
.frm-material-st-v1 .form-control:active,
.frm-material-st-v2.is-focus .form-control {
    background-color: #fff;
}

.frm-material-st-v2 .form-control {
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,.12);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.12);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.12);
    padding: 10px 15px;
    height: auto;
}

.frm-material-st-v2 .form-control:hover,
.frm-material-st-v2 .form-control:focus {
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.25);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.25);
}


.mt-grid {
    margin: 25px 0px;
}

.mt-grid > .item {
    float: left;
}
.mt-grid > .item:not(:last-child) a {
    margin-right: 10px;
}
.mt-grid > .item a {
    padding: 30px 15px;
    display: block;
    text-align: center;
    background-color: #f2f2f2;
    line-height: 1;
}
.mt-grid > .item a:focus,
.mt-grid > .item a:hover {
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.25);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.25);
    background-color: #fff;
    text-decoration: none;
}

.mt-grid .mt-it-6 {
    width: calc(100% / 6);
}

.mt-grid .mt-it-5 {
    width: calc(100% / 5);
}

.mt-grid .mt-it-4 {
    width: calc(100% / 4);
}

.mt-grid .mt-it-3 {
    width: calc(100% / 3);
}

.mt-grid .mt-it-2 {
    width: calc(100% / 2);
}

.mt-grid > .item > a > h4 {
    color: #424242;
    font-weight: 400;
    margin-bottom: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*Table material style*/
.mt-table-st1 {
    background-color: #fff;
}
.table.mt-table-st1 tr > th,
.table.mt-table-st1 tr > td {
    padding: 12px 15px;
}
.table.mt-table-st1 {
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.12);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.12);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.12);
}
.table.mt-table-st1 tbody > tr:nth-child(odd) {
    background-color: #f8f8f8;
}
.table.mt-table-st1 tbody > tr:hover,
.table.mt-table-st1 tbody > tr:focus {
    background-color: #f0f7fd;
}
/*pagination style*/
.mt-pagination .pagination > li > a {
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,.18);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,.18);
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,.18);
    margin: 0px 5px;
}

/*Button style*/
.mt-btn-group > .mt-btn:not(:last-child) {
    margin-right: 10px;
}
.mt-btn.btn {
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,.15);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,.15);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,.15);
    transition: all .22s linear 0s;
    -o-transition: all .22s linear 0s;
    -moz-transition: all .22s linear 0s;
    -webkit-transition: all .22s linear 0s;
    color: #727272;
    padding: 7px 15px;
}
.mt-btn.btn.btn-default:hover,
.mt-btn.btn.btn-default:focus {
    background-color: #fff;
}

.mt-btn.btn.btn-info {
    color: #fff;
}

.mt-btn.btn.btn-sm {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*---------- Dropdown style ---------*/
td > .btn-group,
td > .btn-group .mt-btn {
    width: 100%;
}
.btn-group.open .mt-btn.dropdown-toggle + .dropdown-menu {
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,.15);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,.15);
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,.15);
    right: 0px;
    left: auto;
    background-color: #4b82bc;
}

.btn-group.open .mt-btn.dropdown-toggle + .dropdown-menu li > a {
    color: #fff;
}
.btn-group.open .mt-btn.dropdown-toggle + .dropdown-menu li:hover,
.btn-group.open .mt-btn.dropdown-toggle + .dropdown-menu li:focus,
.btn-group.open .mt-btn.dropdown-toggle + .dropdown-menu li > a:hover,
.btn-group.open .mt-btn.dropdown-toggle + .dropdown-menu li > a:focus {
    background-color: rgba(255,255,255,.15);
}