﻿a {
    cursor: pointer;
}

iframe {
    display: block;
}

.c-red {
    color: #ED5638;
}

.c-green {
    color: #45bfaa;
}
.pd-0-10 {
    padding: 0 10px;
}
.pd-0-15 {
    padding: 0 15px;
}

.fs-14 {
    font-size: 14px;
}

.fs-30 {
    font-size: 30px;
}

.w-70 {
    width: 70px;
}

.w-130 {
    width: 130px;
}

.w-300 {
    width: 300px;
}

.mh-360 {
    min-height: 380px;
}

.inline-block {
    display: inline-block;
}

.tips {
    position: fixed;
    left: 70px;
    top: 150px;
    z-index: 9;
    opacity: 0.8;
    width: 200px;
    white-space: nowrap;
}

.modal-footer:empty {
    display: none;
}

.this-wrong {
    display: block !important;
}

.dropdown-menu {
    z-index: 9999;
}

.pmt-frame {
    position: relative;
    min-height: 100px;
}

.pmt-frame-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: #000;
}

.pmt-frame-loading {
    position: absolute;
    vertical-align: middle;
    top: 0;
    left: 0;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #aaa;
    background-color: #eee;
    color: #666;
    opacity: 0.5;
}

action-list {
    z-index: 4;
}

.nav-theme-b.nav {
    border-width: 0;
}

.pmt-tabs {
    z-index: 4;
    padding-left: 37px;
    padding-right: 37px;
}

    .pmt-tabs > .nav-waper {
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 38px;
        background-color: #eee;
        border-bottom: 1px solid #ddd;
    }

        .pmt-tabs > .nav-waper > ul {
            width: auto;
            position: absolute;
            margin: 0;
        }

            .pmt-tabs > .nav-waper > ul > li {
                display: table-cell;
            }

    .pmt-tabs .nav-theme-b.nav li a span {
        display: table-cell;
        white-space: nowrap;
        padding-right: 10px;
    }

    .pmt-tabs .nav-theme-b.nav li a i {
        display: table-cell;
    }

.pmt-alert, .pmt-confirm {
    padding: 20px;
}

.pmt-content-tabs {
    text-align: center;
}

    .pmt-content-tabs::after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }

.pmt-content-tabs > li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ccc;
    border-radius: 5px 5px 0 0;
    padding: 5px 15px;
    box-shadow: 0 0 .5px 0 #ddd;
    margin-top: 6px;
    cursor: pointer;
    color: #555;
    width:15%;
}

        .pmt-content-tabs > li:not(:first-child) {
            margin-left: 5px;
        }

        .pmt-content-tabs > li.active {
            background-color: #F6B78F;
            color: #555;
        }

.twitter-typeahead .tt-hint {
    display: none;
}

.tt-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 300px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.tt-suggestion > p {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

    .tt-suggestion > p:hover,
    .tt-suggestion > p:focus,
    .tt-suggestion.tt-cursor p {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }

.btn-select {
    padding-top: 2px;
}

    .btn-select > span {
        padding: 0 10px;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }

.btn-select .span-zj {
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}


.btn-select > ul {
    position: absolute;
    left: -1px;
    top: 24px;
    display: none;
    z-index: 6;
    background: #fff;
    border: 1px solid #ccc;
    border-top-width: 0;
    border-radius: 0 0 5px 5px;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    padding: 5px 0;
    box-shadow: 1px 0 5px rgba(150,150,150,0.4) inset;
}

    .btn-select > ul > li {
        padding: 0 5px;
        text-align: left;
    }

        .btn-select > ul > li.active {
            color: #fff;
            background-color: #ED5638;
        }

        .btn-select > ul > li:hover {
            color: #fff;
            background-color: #ED5638;
        }

.btn-select.disabled i {
    color: #cccccc;
}

.table .btn-select {
    /*background-color: transparent;*/
}

.text-big {
    line-height: 1em;
}

.text-big-center{
      font-size: 1.4em;
      line-height: 1.4em;
}

pmt-textbox, pmt-dropdown, pmt-radiolist, pmt-textarea, pmt-datepicker, pmt-tags-ajax, pmt-datetimepicker {
    display: block;
}

pmt-textarea {
    display: block;
    min-height: 93px;
}

tips {
    z-index: 5;
}

search-dict-selector {
    display: block;
    position: relative;
}

.search-dictlist {
    position: absolute;
    left: 0;
    top: 30px;
    box-shadow: 0 0 10px rgba(100,100,100,.6);
    z-index: 3;
    background: #FFF;
    max-height: 200px;
    overflow-y: auto;
}

    .search-dictlist > li {
        padding-left: 15px;
    }

        .search-dictlist > li label {
            display: inline-block;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            cursor: pointer;
        }

            .search-dictlist > li label input {
                display: none;
            }

        .search-dictlist > li .fa {
            color: #cccccc;
            float: right;
            margin-top: 10px;
            margin-right: 10px;
        }

        .search-dictlist > li.active {
            background-color: #6EBCE3;
        }

.node-treeView {
    color: #FFF;
    background-color: #70BDE3;
    border-width: 0;
    cursor: pointer;
    padding:5px 15px;
}

    .node-treeView:hover {
        background-color: #6CB9E0;
    }

    .node-treeView.node-selected {
        background-color: #64B4DB;
    }

.indent {
    display: inline-block;
    width: 10px;
}

.click-collapse {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../Images/icon/remove-icon.png) no-repeat;
    vertical-align: middle;
}

.click-expand {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../Images/icon/add-icon.png) no-repeat;
    vertical-align: middle;
}

.document-main > .left-box {
    width: 250px;
}

.document-main > .left-box-has {
    margin-left: 260px;
}

.wm-table-a-l {
    z-index: 1;
}

td > .grid-forms-p > .btn-select.has-border {
    border: none;
}

.tt-dataset-0 {
    max-height: 200px;
    overflow-y: auto;
}
.wm-table-d .table > thead > tr > th.sorting {
    background-image: none;
}

.wm-table-a th, .wm-table-a td, .wm-table-a-l th, .wm-table-a-l td, .wm-table-a-r th, .wm-table-a-r td {
    overflow: inherit;
}

.blockui {
    text-align: center;
    white-space: nowrap;
    padding: 0;
    width: 450px;
    background-color: transparent;
    color: #FFF;
    border-radius: 2px;
    margin: auto;
    height: 250px;
    font-size: 16px;
      overflow-y: hidden !important;
}

    .blockui .modal-dialog {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .blockui .modal-dialog > .text {
            margin-top: 20px;
        }

.radio-buttons-group > .btn {
    padding: 6px 6px 6px 12px;
}

.summary-tool > .dropdown-menu {
    color: #70bde3;
    border-radius: 0;
    top: 80%;
}

    .summary-tool > .dropdown-menu li a:hover {
        background-color: #70bde3;
        color: #fff;
    }

.pmt-page a.btn, .pmt-page a.btn:hover {
    color: #FFF;
}

.pmt-map-api .mgis-map {
    position: relative;
    height: 100%;
    width: 100%;
}

.pt-perspective {
    position: relative;
    width: 100%;
    height: 100%;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.pt-page-current, .pt-page-prev,
.no-js .pt-page {
    visibility: visible;
}

.no-js body {
    overflow: auto;
}

.pt-page-ontop {
    z-index: 999;
}

.pt-page-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0,0.2);
    display: none;
    z-index: 9999;
}

.pt-page-prev .pt-page-overlay {
    display: block;
}

.modal-block-show {
    position: relative;
    min-height: 100px;
}

.modal-block {
    display: none;
    color:#FFF;
    font-size:16px;
}

.modal-block-overlay {
    display: none;
}

.modal-block-show .modal-block {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    width: 450px;
    margin: auto;
    display: block;
    text-align:center;
    z-index:3;
}

.modal-block-show .modal-block-overlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 3;
}

.bootstrap-tagsinput::after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.wm-table-a-r {
    overflow-x: auto;
    overflow-y: visible;
}

.mcd-icon-coin {
    background: url("../images/icon/coin.png") no-repeat;
    background-size: 100% auto;
    display: inline-block;
    width: 36px;
    height: 23px;
    vertical-align: top;
}

.pmt-tr-panel .list-group a.list-group-item i.mcd-icon-coin {
    margin-top: 5px;
    display: block;
    float: left;
}
.pmt-tr-panel .list-group a.list-group-item i.mcd-icon-coin +p{
    font-size:1.3em;
    margin-top:10px;
}
tips-status {
    z-index: 3;
    display: block;
}

.avator-uploader {
    display: inline-block;
    width: 100%;
    border: 2px dotted #EEE;
    padding: 20px 0;
    text-align: center;
}

.full-box.mobile-scrll.float-box {
    z-index: 100;
}

.translucent {
    opacity: 0.5;
}

.list-group-Reply > .list-group > .list-group-item > pre.list-group-item-text {
    background-color: transparent;
}

pre.list-group-item-text {
    border-width: 0;
    background-image: none;
    background-color: #FCFCFC;
    padding: 0;
}
pre.list-group-item-content {
    border-width: 0;
    background-image: none;
    padding: 0;
}


.ball {
    margin-left: 0;
    -webkit-animation-name: animationBall;
    animation-name: animationBall;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes animationBall {
    0% {
        -webkit-transform: translateX(-190px) rotate(0);
        transform: translateX(-190px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(190px) rotate(2turn);
        transform: translateX(190px) rotate(2turn);
    }
}

@keyframes animationBall {
    0% {
        -webkit-transform: translateX(-190px) rotate(0);
        transform: translateX(-190px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(190px) rotate(2turn);
        transform: translateX(190px) rotate(2turn);
    }
}
.float-box-waper>*{
    z-index:1000;
}
.float-box-waper>tips{
    z-index:1001;
}
#dlgModule-Confirm .modal-dialog{
    max-width:600px;
}
#dlgModule-Confirm .fa{
    margin-right:10px;
    vertical-align:top;
    font-size:20px;
}
#dlgModule-Confirm .modal-footer .btn{
    float:none;
}
.dashboard-options {
    position: fixed;
    width: 180px;
    right: 0;
    top: 92px;
    border: 1px solid #eee;
    background: #FFF;
    z-index: 1;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.dashboard-options>h1,.dashboard-options>h2{
    font-size:12px;
    padding:10px 15px;
    margin:0;
}
.dashboard-options>h1>.fa-cog,.dashboard-options>h2>.fa{
    margin-right:10px;
}
.dashboard-options>h2>.fa-caret-down{
    float:right;
}
.dashboard-options>h1{
    background-color:#5793F3;
}
.dashboard-options > h2 {
    background-color: #C2D4FC;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor:pointer;
}
.dashboard-options>.wm-forms-a{
    padding-bottom:5px;
}
.dashboard-options>.wm-forms-a>.grid-forms{
   width:100%;
}
.dashboard-options>.wm-forms-a>.grid-forms>.grid-forms-p{
    float:right;
}
.dashboard-options-close {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -15px;
    border:1px solid #eee;
    border-right:none;
    width:15px;
    text-align:center;
    padding:30px 0;
    border-radius: 3px 0 0 3px;
    background: #F9AB00;
    color: #FFF;
    cursor:pointer;
}
.dashboard-title{
    font-size:16px;
    padding:10px 0;
}
.dashboard-title>.fa{
    color:#FE961B;
    font-size:30px;
    position:relative;
    margin-right:15px;
    top:5px;
}
.dashboard-charts {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
}
.dashboard-chart-box {
    margin-top:15px;
    width: 33.3333%;
    padding-right: 45px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 350px;
    overflow: hidden;
    text-align:center;
}
.dashboard-chart{
    padding:15px;
    height:320px;
    border:1px solid #eee;
    background:#FFF;
}
.dashboard-chart>h1{
    font-size:15px;
    border-bottom:1px solid #ddd;
    height:60px;
    line-height:25px;
    margin:0;
    margin-top:-10px;
    padding:5px 0;
    text-align:left;
    overflow:hidden;
    position:relative;
}
.dashboard-chart>h1>.dashboard-toolbar
{ 
    white-space:nowrap;
    position:absolute;
    right:5px;
    bottom:5px;
}
.dashboard-chart>h1>.dashboard-toolbar>a,
.dashboard-chart>h1>.dashboard-toolbar>a:hover,
.dashboard-chart>h1>.dashboard-toolbar>a:active,
.dashboard-chart>h1>.dashboard-toolbar>a:visited{
    color:#70BDE3;
}
.dashboard-chart>.chart{
    height:220px;
}

.dashboard-chart>.chart>img{
    max-width:90%;
    max-height:195px;
    margin:15px 0;
    cursor:pointer;
}
.dashboard-chart>ul{
    list-style:none;
}
.dashboard-chart > ul > li {
    width: 33.3333%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.dashboard-chart > ul > li>i{
    position:relative;
    font-size:16px;
    margin-right:5px;
    color:#000;
}
.dashboard-chart>ul>li:first-child{
    color:#ED5638;
}
.dashboard-chart>ul>li:nth-child(2){
    text-align:center;
    color:#70BDE3;
}
.dashboard-chart>ul>li:last-child{
    text-align:right;
}
.dashboard-chart-box > .dashboard-add {
    width: 100%;
    height: 320px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
}
.load-box-txt>img{
    width:100%;
    height:100%;
}
.replyto-select{
    background-color:#F9AB00;
}

.doc_ppt_color {
    color: #d14b2d;
}

.doc_word_color {
    color: #2872af;
}

.doc_excel_color {
    color: #1d9e74;
}

.doc_pdf_color {
    color: #ab0909;
}

.doc_vidio_color {
    color: #548ab6;
}

.doc_txt_color {
    color: #36a5dd;
}

.doc_img_color {
    color: #1D959D;
}

.doc_zip_color {
    color: #9A881F;
}
.dropdown-menu>li:hover{
    background-color:#FE961B;
}
.dropdown-menu>li:hover > a{color:#FFF;}
.help-list-pic{max-width:150px;max-height:150px;margin:5px 0;}
.help-dialog{
    width:1080px;
}
.help-dialog .modal-footer{display:none}
help-box{display:block;}
.help-box {
    position: relative;
    overflow:hidden;
    display: none;
}
.help-box-empty{display:none;text-align:center;padding:20px;font-size:14px;}
.help-box-ctrl-left{
    position:absolute;
    font-size:60px;
    text-align:center;
    width:60px;
    left:0;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%); 
    -o-transform:translateY(-50%); 
    -webkit-transform:translateY(-50%); 
    transform:translateY(-50%);
}
.help-box-ctrl-right{
    position:absolute;
    font-size:60px;
    text-align:center;
    width:60px;
    right:0;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%); 
    -o-transform:translateY(-50%); 
    -webkit-transform:translateY(-50%); 
    transform:translateY(-50%);
}
.help-box-ctrl-left.end,.help-box-ctrl-right.end{
    color:#eee;
}
.help-animating {
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.help-items-con{
    width: 960px;
    height: 540px;
    margin: 0 auto;
    overflow:hidden;
}
.help-items {
    width: 960px;
    height: 540px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.help-items img {
    position: absolute;
    width: 960px;
    border:1px solid #eee;
    height: 540px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: none;
}
.help-items img.current {
    display: block;
    -moz-transform: rotateY(0deg) translateZ(480px);
    -ms-transform: rotateY(0deg) translateZ(480px);
    -o-transform: rotateY(0deg) translateZ(480px);
    -webkit-transform: rotateY(0deg) translateZ(480px);
    transform: rotateY(0deg) translateZ(480px);
}
.help-items img.prev {
    display: block;
    -moz-transform: rotateY(270deg) translateZ(480px);
    -ms-transform: rotateY(270deg) translateZ(480px);
    -o-transform: rotateY(270deg) translateZ(480px);
    -webkit-transform: rotateY(270deg) translateZ(480px);
    transform: rotateY(270deg) translateZ(480px);
}
.help-items img.next {
    display: block;
    -moz-transform: rotateY(90deg) translateZ(480px);
    -ms-transform: rotateY(90deg) translateZ(480px);
    -o-transform: rotateY(90deg) translateZ(480px);
    -webkit-transform: rotateY(90deg) translateZ(480px); 
    transform: rotateY(90deg) translateZ(480px);
}
#kit{
    margin-top:30px;
    position:relative;
}
#kit>a{
    text-align:center;
    display:block;
    width:100%;
    padding-top:80px;
    height:20px;
    background:url(Images/box_close.png) top center no-repeat;
}
#kit>a>i{
    color:#FFF;
    font-size:25px;
}
#kit>a>span{
    color:#FFF;
    font-size:14px;
    display:block;
}
#kit .children {
    background: #FDCF21;
    display: none;
    position: absolute;
    left: 80px;
    top: 40px;
    width: 320px;
    height: 50px;
    border-radius: 4px;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#kit.nav-active>a{
    background-image:url(Images/box_open.png);
}
#kit.nav-active .children {
    display: block;
}
#kit>.children:before{
    width:0;
    content:" ";
    height:0;
    display:block;
    position:absolute;
    border-right:15px solid #FDCF21;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    left:-14px;
    top:50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#kit > .children > li {
    float: left;
    width: 100px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#kit > .children > li > a > img{float:left;margin-top:4px;}
#kit > .children > li > a> span{float:left;margin-left:10px;}
#kit > .children > li:nth-child(2) > a> span{margin-top:10px;}
.intro-step6{width:220px;}
.intro-step6>div{
    margin-right:40px;
}
.intro-step6 img{
    position:absolute;
    width:30px;
    top:10px;
    right:10px;
}
.intro-step6 h1{color:#000;font-size:14px;font-weight:bold;margin-top:5px;}
.intro-step6 .imp{color:#000;font-weight:bold;}
.introjs-button{text-shadow:none;}
.introjs-skipbutton,.introjs-skipbutton:hover,.introjs-skipbutton:focus,.introjs-skipbutton:active,.introjs-skipbutton:visited{
    background:#FDCF21;border-color:#FDCF21;color:#FFF !important;}
.intro-hilight-red{background-color:rgba(214, 30, 38,0.5)}
.intro-hilight-black{background-color:rgba(100, 100, 100,0.5)}
.introjs-disabled{display:none;}
.cms-infopanel{padding:20px 50px;}
.mgis-map .goto-mgis{
    position:absolute;
    right:5px;
    top:5px;
    color:#C8121D;
    line-height:25px;
    border-bottom:1px solid #C8121D;
    z-index:1;
}

.loadanimation {
    position: relative;
    -webkit-mask-image: url(/Content/Images/loading/162475277259310449.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 185px 20px;
    mask-image: url(/Content/Images/loading/162475277259310449.png);
    mask-repeat: no-repeat;
    mask-position: 185px 20px;
}

.loadanimation img.fill_move {
    position: absolute;
    -webkit-animation-name: fill_animation;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: fill_animation;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@media(max-width:1200px){
    .dashboard-chart-box{
        width:33.3333%;
    }
}
@media(max-width:1070px){
    .dashboard-chart-box{
        width:50%;
    }
    .pmt-content-tabs>li{width:23%;padding:5px 15px;}
    .pmt-content-tabs > li:nth-child(4n+1) {
        margin-left: 0;
    }
    .pmt-content-tabs > li:not(:nth-child(4n+1)) {
        margin-left: 5px;
    }
}
@media(max-width:768px){
    .dashboard-chart-box{
        width:100%;
    }
    .pmt-content-tabs>li{width:30%;padding:5px 15px;}
    .pmt-content-tabs > li:nth-child(3n+1) {
        margin-left: 0;
    }
    .pmt-content-tabs > li:not(:nth-child(3n+1)) {
        margin-left: 5px;
    }
    .dropdown-menu.datepicker{position:fixed;top: unset !important;right:unset !important;left:0 !important;bottom:0 !important;width:100%;}
    .datepicker:after{display:none;}
}
@media(max-width:500px){
    advance-search{display:block;width:100%;height:auto;overflow-x:auto;}
    advance-search>.wm-table-e{min-width:600px;}
    
    .pmt-content-tabs>li{width:49%;padding:5px 15px;}
    .pmt-content-tabs > li:nth-child(2n+1) {
        margin-left: 0;
    }
     .pmt-content-tabs > li:nth-child(2n+2) {
        margin-left: 5px;
    }
}
@media print {
    header, tips, action-list, .leftpanel, .pmt-tabs, .fa {
        display: none;
    }

    .radio-buttons-group > label:not(.active) {
        display: none;
    }

    .panel-heading .fa {
        display: none;
    }

    ::-webkit-input-placeholder {
        display: none;
    }

    :-moz-placeholder {
        display: none;
    }

    ::-moz-placeholder {
        display: none;
    }

    :-ms-input-placeholder {
        display: none;
    }

    .mainpanel {
        margin-left: 0;
    }

    .pmt-pnl-main {
        padding: 0;
    }

    .panel-ol-main .panel-body {
        margin-left: -60px;
    }
}
