*{margin:0;padding:0;}
html,body{min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Microsoft YaHei','Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;}
body.hold-transition .content-wrapper,body.hold-transition .right-side,body.hold-transition .main-footer,body.hold-transition .main-sidebar,body.hold-transition .left-side,body.hold-transition .main-header>.navbar,body.hold-transition .main-header .logo{-webkit-transition:none;-o-transition:none;transition:none}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Source Sans Pro',sans-serif}
a{text-decoration:none;}
a:hover,a:active,a:focus{outline:none;text-decoration:none;color:#72afd2}
img{border:none;scrollbar-arrow-color:#cdcdcd;scrollbar-face-color:#f1f1f1;scrollbar-shadow-color:#f1f1f1;}
input{outline:none;padding-left:10px;}
ul,li{list-style:none;}
.clearfix:after{content:" ";display:block;clear:both;height:0;visibility:hidden;} 
table th,td{white-space: nowrap;}
#table thead>tr>th:last-child{width:0 !important;}
#table tbody>tr>td:last-child{width:0 !important;}
input[type="checkbox"] {height:14px;width:14px;background: #fff;-webkit-appearance:none;border: 1px solid #c9c9c9;border-radius: 2px;outline: none;}
input[type="checkbox"]:checked{background: url("../../Images/bg-checkbox.png")no-repeat center;border:1px solid transparent;}
textarea{resize:none;}

::-webkit-scrollbar{width: 16px;height: 16px;}
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.08) inset;}
::-webkit-scrollbar-thumb{min-height: 20px;background-color: #fff;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.08) inset;}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
::-webkit-scrollbar-corner{background: transparent;}

.laydate_box, .laydate_box * {box-sizing: content-box;}
.sidebar .user-panel .fa{color: #00f91e !important;}
.modal-body{padding-bottom: 10px;}
.modal-content .pagination-detail{margin:0 !important;}
.modal-body .col-md-10 .ms-choice{height:28px !important;}
.modal-body:after{content:" ";display:block;clear:both;height:0;visibility:hidden;} 
.modal-header{color:#fff;border-radius: 6px 6px 0 0;padding: 8px 15px;}
.modal-header h4{font-size: 15px;}
.modal-header .close{color:#fff;font-size:18px;line-height: inherit;opacity: 0.8;}
.modal-header .close:hover{color:#f00;}
.modal-header .close span{font-size:18px;}
.modal-footer{padding: 10px 15px;}
.modal-body .nav>li>a{padding: 6px 10px;margin-right: 5px;}
.tab-content .nav>li>a{padding: 6px 10px;margin-right: 5px;}
.panel{margin-bottom: 10px;}
.panel .panel-heading{padding: 6px 15px;color: #337ab7;}
.panel .panel-heading .panel-title{font-size: 14px;}
.panel .panel-heading .glyphicon-search{margin-right: 4px;}
.form-control{height: 30px;padding: 4px;font-size: 13px;border: 1px solid #ddd;}
.panel-default>.panel-heading{border-color: #eee;}

#toolbarAdd .btn{padding: 5px 12px !important;font-size: 13px;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner,
.bootstrap-table .table:not(.table-condensed), 
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td, 
.bootstrap-table .table:not(.table-condensed)>tbody>tr>th, 
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, 
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, 
.bootstrap-table .table:not(.table-condensed)>thead>tr>td{padding: 0 8px;line-height: 30px;}
.bootstrap-table input[type=checkbox], .bootstrap-table input[type=radio]{position:relative;top:2px;}
.bootstrap-table .table>thead>tr>th{border-bottom: 1px solid #eee;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top: 1px solid #eee;}

.fixed-table-container .bs-checkbox .th-inner{padding: 0px !important;}
.fixed-table-container .fixed-table-pagination{padding: 0 4px;}
.fixed-table-container tbody td{border:0 none;}
.fixed-table-container thead th{border:0 none;}
.fixed-table-container thead th .sortable{padding-right: 30px !important;}
.table-striped tbody .detail-view>td{padding:0 !important;}

.table-person .fixed-table-container{padding-bottom: 30px !important;}
.pabottom .fixed-table-container{padding-bottom: 30px !important;}
.btn{padding: 4px 8px;font-size: 13px;}
.btn-flat{padding: 5px 8px;}
.btn:hover{opacity:.9;}
.btn-xs{padding: 2px 6px;}
.btn .glyphicon{margin-right: 2px;display: inline;}
.fixed-table-toolbar .pull-left .btn{color:#fff;}
.fixed-table-toolbar .pull-left .btn-default{color: #333;}
.form-horizontal .form-group{margin:1px 0 10px 0;}
.form-horizontal .form-group .col-sm-1{padding-left:0;padding-right:0;text-align:center;}
.form-horizontal .col-md-10,.col-md-12{margin-bottom:5px;}
.btn_cancel{background-color: #fd6c40 !important;border-color: #fd6c40;color:#fff;}
.btn_cancel:hover{color:#fff;}
.btn_system:hover{color:#fff;}
.btn_common:hover{color:#fff;}
.btn_black:hover {color:black;}
.btn_green{border-color: #7ace4c;background: #7ace4c;color:#fff;}
.btn_green:hover{color:#fff;}
.label-default{background-color: #999;}
.btn_common .fa{margin-right:2px;}
.fa-close{cursor:pointer;}

.advancedQueryTable table th{background:#f1f1f1;padding: 5px !important;}
.advancedQueryTable table td{padding:2px !important;text-align: center;line-height: 30px !important;}
.advancedQueryTable table input{position:relative;top:2px;}
.advancedQueryTable table select{position:relative;top:2px;}
#t td{padding:2px !important;}
#SignInfo .modal-dialog{width: 376px !important;}
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{line-height: 0 !important;}
.label-warning{background-color: #FF5722;}
.label-info{background-color: #00c0ef;}
.label-delete{background-color: #9e9e9e;}
.label-waitting{background-color: #ebb100;}
.label-unable{background-color: #607D8B;}
.label-ing{background-color: #FF9800;}

.laydate_body .laydate_bottom .laydate_btn #laydate_clear{background: #fd6c40;border-color: #fd6c40;}
.laydate_body .laydate_bottom .laydate_btn #laydate_today{background:#337ab7;border-color: #337ab7;}
.laydate_body .laydate_bottom .laydate_btn #laydate_ok{background: #4caf50;border-color: #4caf50;}

.fixed-table-toolbar .dropdown-menu li:hover{background:#f1f1f1;} 
.tip_star{color:red;position:relative;top:2px;font-weight: bold;}

.cke_dialog .ImagePreviewBox{height: 300px;overflow: hidden !important;overflow-y: auto;}
.ipt-tip{padding-right: 26px;}
.select-tip{color: #337ab7;position: absolute;top: 0;right: 16px;padding: 8px;border: 1px solid #ccc;border-left: 0 none;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#idshow{float:right;}
#btnAttachments{padding: 2px;position: relative;top: -38px;right:7%;border-radius:4px;}
.treeview span.icon{color: #337ab7;}
.treeview .badge{background-color: #337ab7;}
.node-selected span.icon{color:#fff;}
#modalformlistquery{max-height: 500px;overflow-y: auto;}
.group-style .col-sm-4{text-align: left;padding:0 8px;}
.group-style .col-sm-8{padding:0 8px;}

.level{display: inline-block;width: 20px;height: 20px;padding: 4px;overflow: hidden;line-height: 17px;color: #fff;text-align: center;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;border: 2px solid transparent;border-radius: 50%;}
.level-1{background-color: #d9534f;border-color: #d9534f;}
.level-2{background-color: #f0ad4e;border-color: #f0ad4e;}
.level-3{background-color: #5bc0de;border-color: #5bc0de;}
.level-4{background-color: #5cb85c;border-color: #5cb85c;}
.level-5{background-color: #337ab7;border-color: #337ab7;}
.level-6{background-color: #777;border-color: #777;}

.label1 {background-color: #578ebe;}
.label2 {background-color: #0000FF;}
.label3 {background-color: #FF0000;}
.label4 {background-color: #8775a7;}
.label5 {background-color: #f29503;}
.label6 {background-color: #6ec571;}
.label7 {background-color: #f8abbe;}
.label8 {background-color: #14aae4;}
.label-pri {display: inline-block;min-width: 20px;max-width: 67px;height: 20px;padding: 0 4px;overflow: hidden;line-height: 17px;color: #838a9d;text-align: center;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;border: 2px solid #838a9d;border-radius: 10px;}
.label-pri-4{color: #009688;border-color: #009688;}
.label-pri-5 {color: #000000;border-color: #000000;}
.label-pri-2 {color: #ff9800;border-color: #ff9800;}
.label-pri-3{color: #2098ee;border-color: #2098ee;}
.label-pri-1{color: #d50000;border-color: #d50000;}
.control-label-span {margin-bottom: 0;}
#modalformlist .control-label-span{margin-top:7px;}
.control-label-span span.label-pri{top:0;}
.control-label-span .note-editor span{top:0;}
.icon-tip{position: absolute !important;top: 10px !important;right: 24px;color: #337ab7;}

/*提示弹出框样式*/
.toast-title{font-weight:700}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFF}
.toast-message a:hover{color:#CCC;text-decoration:none}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}
.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
.rtl .toast-close-button{left:-.3em;float:left;right:.3em}
button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
.toast-top-center{top:0;right:0;width:100%}
.toast-bottom-center{bottom:0;right:0;width:100%}
.toast-top-full-width{top:0;right:0;width:100%}
.toast-bottom-full-width{bottom:0;right:0;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;z-index:999999;pointer-events:none}
#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51A351}
.toast-error{background-color:#BD362F}
.toast-info{background-color:#2F96B4}
.toast-warning{background-color:#F89406}
.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}

/*star*/
.rev_pro li{height:30px;margin-bottom:4px;}
.level_box .level_solid, .level_box .level_hollow {float: left;background-image: url('../../Images/star2.png');background-size: cover;display: inline-block;width: 26px;height: 26px;margin-right: 10px;}
.level_box .level_solid{background-image: url(../../Images/star2.png);}
.level_box .level_hollow{background-image: url(../../Images/star1.png);}
.revinp{line-height:26px;}
.revgrade{margin-left:20px;}
.comment_star{color:#FF9800;}
.lq-score li{display:inline-block;}
.myapp-score .lq-score{float:left;}
.myapp-score .myapp-tip{float:left;position:relative;top:10px;left:10px;}

/*zan*/
.form_box{margin-bottom:30%;}
.zan_box {width: 98%;margin: 0;}
.zan{width:200px;margin:0 auto;position: relative;text-align:center;}
.zan p {font-size: 14px;}
.heart {background-image: url('../../Images/heart2.png');background-position: left;background-repeat: no-repeat;background-size: 200%;height: 60px;width: 60px;cursor: pointer;position: absolute;left:26%;}
.heart:hover, .heart:focus{background-position: right;}
.likeCount{font-size: 24px;color: #999999;position:absolute;top:34px;right:30%;}    
@-webkit-keyframes heartBlast {
    0% {background-position: left;}
	100% {background-position: right;}
}
@keyframes heartBlast {
	0% {background-position: left;}
    100% {background-position: right;}
}
.heartAnimation {
    display: inline-block;
    -webkit-animation-name: heartBlast;
    animation-name: heartBlast;
   /* -webkit-animation-duration: .8s;animation-duration: .8s;*/
    -webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-timing-function: steps(28);animation-timing-function: steps(28);
    background-position: right;

}


@media all and (max-width:240px){
    #toast-container>div{padding:8px 8px 8px 50px;width:11em}
    #toast-container>div.rtl{padding:8px 50px 8px 8px}
    #toast-container .toast-close-button{right:-.2em;top:-.2em}
    #toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:241px) and (max-width:480px){
    #toast-container>div{padding:8px 8px 8px 50px;width:18em}
    #toast-container>div.rtl{padding:8px 50px 8px 8px}
    #toast-container .toast-close-button{right:-.2em;top:-.2em}
    #toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:481px) and (max-width:768px){
    #toast-container>div{padding:15px 15px 15px 50px;width:25em}
    #toast-container>div.rtl{padding:15px 50px 15px 15px}
}
@media (min-width:1000px){
    .icon-right{width: 95%;}
}
@media (min-width:1600px){
    .icon-right{width: 97%;}
}
@media (min-width:1800px){ 
    input[type=radio], input[type=checkbox]{width: 15px;height: 15px;}
    .fixed-table-container input[type=radio], .fixed-table-container input[type=checkbox]{position: relative;top: 2px;}
    .btn{font-size: 14px;}
    .form-control{height: 32px;}
    .font-box{width: 198px !important;}
    #myTabContent{max-height: 800px !important;}
    .fixed-table-container tbody td:first-child{border-left:1px solid #ddd;}
}
@media (min-width:2000px){
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
    .fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner,
    .bootstrap-table .table:not(.table-condensed), 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>thead>tr>td{line-height: 36px;}
    .panel-body .bootstrap-table .fixed-table-body table{margin-top: -36px;}
     input[type=radio], input[type=checkbox]{width: 15px;height: 15px;}

    .btn{padding: 6px 12px;font-size: 16px;}
    .form-control{height: 36px;font-size: 16px;}
    #SampleWorkFlow{height: 900px !important;}
    .font-box{width: 270px !important;}
    #myTabContent{max-height: 1000px !important;}
    .fixed-table-container tbody td:first-child{border-left:0 none;}
}

@media (min-width:2400px){
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
    .fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner,
    .bootstrap-table .table:not(.table-condensed), 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>thead>tr>td{line-height: 40px;}
    .panel-body .bootstrap-table .fixed-table-body table{margin-top: -40px;}
    input[type=radio], input[type=checkbox]{width: 16px;height: 16px;}
    .fixed-table-toolbar .dropdown-menu{font-size: 18px;min-width: 210px;}

    .btn{padding: 6px 12px;font-size: 19px;}
    .form-control{height: 42px;font-size: 19px;}
    #SampleWorkFlow{height: 1150px !important;}

}
@media (min-width:2700px){

    html,body{font-size:18px;}
    #toast-container>div{width:350px;}
}
@media (min-width:3200px){
    html,body{font-size:24px;}
    #toast-container>div{width:450px;}
    .btn{padding: 9px 14px;font-size: 26px;}
    .form-control{height: 56px;font-size: 25px;}
    .panel-body{padding: 30px;}
    .panel .panel-heading{padding: 15px;}
    .panel .panel-heading .panel-title{font-size: 25px;}
    .tab-content .nav>li>a{padding: 10px 12px;}

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
    .fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner,
    .bootstrap-table .table:not(.table-condensed), 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>thead>tr>td{line-height: 56px;}
    .panel-body .bootstrap-table .fixed-table-body table{margin-top: -56px;}
    .bootstrap-table .fixed-table-container{height:100% !important;padding-bottom: 0 !important;}
     input[type=radio], input[type=checkbox]{width: 22px;height: 22px;}
    .fixed-table-toolbar .dropdown-menu{min-width: 280px;max-height: 1000px;font-size: 24px;}
    .fixed-table-toolbar .columns label{padding: 5px 20px;}
    .fixed-table-pagination .pagination a{padding: 10px 20px;}

    .layui-layer-iframe{width:100% !important;height:100% !important;}
    .modal-header{padding:15px;}
    .modal-header h4{font-size:26px;}
    .modal-header .close{font-size:30px;}
    .modal-dialog{width:1500px !important;}
    .modal-footer{padding:20px;}
    #SampleWorkFlow{height: 1550px !important;}
    .font-box{width: 360px !important;height: 150px !important;}
    #myTabContent{max-height: 2000px !important;}
}
@media (min-width:4000px){
    html,body{font-size:36px;}
    #toast-container>div{width:550px;padding:20px 20px 20px 50px}
    .btn{padding: 14px 16px;font-size: 36px;border-width: 2px;border-radius: 8px;}
    .form-control{height: 80px;font-size: 36px;border: 2px solid #ccc;}
    .panel-body{padding: 40px;}
    .panel .panel-heading{padding:30px 15px;}
    .panel .panel-heading .panel-title{font-size: 38px;}

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
    .fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner,
    .bootstrap-table .table:not(.table-condensed), 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>thead>tr>td{line-height: 80px;}
    .panel-body .bootstrap-table .fixed-table-body table{margin-top: -80px;}
    input[type=radio],input[type=checkbox]{width: 34px;height: 34px;}
    .fixed-table-header .table>thead>tr{border-top: 2px solid #ddd;}
    .fixed-table-toolbar .dropdown-menu{min-width: 380px;max-height: 1500px;font-size: 36px;}
    .fixed-table-toolbar .columns label{padding: 5px 20px;}
    .fixed-table-pagination .pagination a{padding: 14px 30px;}
    .pagination>li>a, .pagination>li>span{border-width: 2px;}
    .tab-content .nav>li>a{padding: 14px 16px;border-radius: 6px;}
    #SampleWorkFlow{height:2300px !important;}
    .modal-header h4{font-size:36px;}
    .modal-header .close{font-size:42px;}
    .modal-dialog{width: 2000px !important;}
    .font-box{width: 494px !important;height: 200px !important;}
    #myTabContent{max-height: 4000px !important;}

}
@media (min-width:6000px){
    html,body{font-size:36px;}
    #toast-container>div{width:650px;padding:30px 30px 30px 50px}
    .btn{padding: 16px 18px;font-size: 48px;}
    .form-control{height: 100px;font-size: 48px;}
    .tab-content .nav>li>a{padding: 20px 24px;border-radius: 10px;}

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
    .fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner,
    .bootstrap-table .table:not(.table-condensed), 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>thead>tr>td{line-height: 100px;}
    .panel-body .bootstrap-table .fixed-table-body table{margin-top: -100px;}
     input[type=radio], input[type=checkbox]{width: 40px;height: 40px;}
    .fixed-table-toolbar .dropdown-menu{min-width: 500px;max-height: 2000px;font-size: 48px;}
    .fixed-table-toolbar .columns label{padding: 10px 20px;}
    .fixed-table-pagination .pagination a{padding: 20px 40px;}

    #SampleWorkFlow{height:3200px !important;}
    .modal-header{padding:30px;}
    .modal-header h4{font-size:48px;}
    .modal-header .close{font-size:58px;}
    .modal-dialog{width: 3000px !important;}
    .modal-footer{padding: 40px 20px;}
    .font-box{width: 660px !important;height: 280px !important;}
    #myTabContent{max-height: 6000px !important;}
}

@media(max-width:1375px){
    .panel-body{padding: 10px !important;}
    .panel{margin-bottom: 8px;}
    .panel .panel-heading{padding: 4px 15px;}
    #toolbarAdd .btn{padding: 3px 6px !important;font-size: 12px;} 
    .form-horizontal .control-label{padding-top: 4px;}
    .form-horizontal .form-group{margin-bottom: 8px !important;}
    .modal-header,.modal-footer{padding: 8px 15px;}
    .modal-title{font-size: 15px !important;line-height: 20px !important;}
    .layui-layer-iframe{width:100% !important;height:100% !important;}
    #layui-layer-iframe5{height: 510px !important;}
    #SampleWorkFlow{height: 85vh !important;}
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{line-height: 28px;}
    .fixed-table-pagination .pagination a{padding: 4px 8px !important;}
    .form-group .col-sm-2 .btn-primary{font-size: 13px !important;}
    .fixed-table-toolbar .pull-left .btn{font-size: 13px !important;}
    .fixed-table-pagination .pagination-detail .dropdown-toggle{padding: 3px 8px;}
    .btn-group-sm>.btn, .btn-sm{padding: 4px 8px !important;}
    .myapp-tip{left:28%;}
    .form_box{margin-bottom:25%;}
}
@media(max-width:1200px){
    .fixed-table-container{height:260px !important;}
    .fixed-table-toolbar .pull-left .btn{font-size: 12px !important;}
    .btn{padding: 2px 6px;}
    .btn-group-sm>.btn, .btn-sm{padding: 2px 6px !important;}
    .form-group .col-sm-2 .btn-primary {font-size: 12px !important;}
    .form-control{height: 26px;font-size: 12px;}
    .panel-body{padding: 6px !important;}
    .form-horizontal .form-group {margin-bottom: 6px !important;}
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, .fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner, .bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed)>tbody>tr>td, .bootstrap-table .table:not(.table-condensed)>tbody>tr>th, .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, .bootstrap-table .table:not(.table-condensed)>thead>tr>td{line-height: 26px;}
    .modal-title{font-size: 12px !important;line-height: 12px !important;}
    .modal-header .close {margin-top: -6px;}
    .modal-body {padding: 10px;padding-bottom:4px;}
    .myapp-tip{left:24%;}
    .form_box{margin-bottom:20%;}
    .note-editable {height: 170px !important;}
}

@media(max-width:800px){
    h4{font-size: 15px;}
    .form-group .col-sm-3{margin-bottom: 8px;}
    .col-sm-3 .form-control{margin-bottom: 8px;}
    .col-sm-3 .btn-group{width:100% !important;}
    .reduce_size{width:740px !important;}
    .col-sm-3 .form-control {margin-bottom:0;}
    .form-group{margin-bottom: 10px !important;}
    #btnAttachments{top: -39px !important;left: -124px !important;}
    .fixed-table-pagination .pagination a{padding: 2px 5px !important;}
    .laydate_body .laydate_box{width: 216px;}
    .laydate_body .laydate_top{padding: 4px;}
    .laydate_body .laydate_y{width: 106px;margin-right: 4px;}
    .laydate_body .laydate_y input{width: 48px;}
    .laydate_body .laydate_m{width: 94px;}
    .laydate_body .laydate_m input{width: 36px;}
    .laydate_body .laydate_table{width: 206px;}

    .form-horizontal .form-group{margin-bottom: 4px !important;}
    .form-horizontal .form-group .col-sm-2{margin-bottom: 6px;}
    .btn{font-size:12px;padding: 2px 4px;}
    .btn-group-sm>.btn, .btn-sm{padding: 2px 6px !important;}
    .form-control{height: 24px;padding: 2px;}
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{line-height: 22px;}
    .fixed-table-container thead th .th-inner{line-height: 24px !important;}
    .fixed-table-container input[type=checkbox]{position: relative;top: 2px;}
    .dropdown-menu{font-size: 12px;min-width: 150px;}
    .fixed-table-toolbar .columns label{padding: 0px 10px;}
    .modal-title{font-size: 12px !important;line-height: 14px !important;}    
    .modal-header .close{font-size: 14px;}
    .modal-footer{padding: 6px 15px;}  
    .list-group-item{padding: 6px 10px !important;}
    .fixed-table-container .fixed-table-pagination{padding: 0 2px;}
    .fixed-table-pagination div.pagination{margin-top:15px;}
    .input-group-addon{padding: 4px 12px;}
    .tab-content .nav>li>a{padding: 4px 8px;}
    .label-warning,.label-delete,.label-waitting,.label-info,.label-success{padding: .1em .4em .2em;}
    #txt_Keyword,#txt_DataSource{width: 120px;}
    .icon-tip{top: 6px;}
    .form-group .col-sm-2 .btn-primary{font-size: 12px !important;}
    .fixed-table-toolbar .pull-left .btn{font-size: 12px !important;}
    .form-group .col-sm-2{width:100% !important;text-align: left;} 
    .list-group{margin-bottom: 2px !important;}
    .form-group .svg-icon{margin-bottom: 0;}
     .form_box{margin-bottom:10%;}
}
@media(max-width:768px) and (max-height:1024px){
    .modal-dialog{width:520px !important;}
    .layui-layer{width: 100% !important;height: 100% !important;}
}
@media(max-width:540px){
     .list-group-item{padding: 6px 0 !important;}
}
@media(max-width:480px){
    .modal-dialog{width:336px !important;}
    .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header{overflow:auto;}
}
@media(max-width:450px) and (min-height:450px){
     #msg{display:none;}
}
@media (max-height:250px){
    html, body,h4,h5{font-size: 6px;margin:0;}
    .dropdown-menu{font-size:6px;min-width: 70px;padding:0;}
    .btn{font-size:6px;padding: 1px 4px;}
    p{margin:0;}
    label{margin-bottom: 0;}
    .panel-body{padding: 4px !important;}
    .panel .panel-heading{padding: 2px 4px;}
    .panel .panel-heading .panel-title{font-size: 6px;}
    .form-control{height: 12px;padding: 0px;font-size: 6px;}
    .form-group .col-sm-2{margin-bottom:0 !important;}
    .form-group .col-sm-2 .btn-primary{font-size: 6px !important;margin-top: 2px;}
    .fixed-table-toolbar .pull-left .btn{font-size: 6px !important;padding: 1px 2px;}
    .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{margin-top: 0;margin-bottom: 4px;}
    .fixed-table-container thead th .th-inner{line-height: 14px !important;}
    .fixed-table-body .table-striped{margin-top: -15px !important;}
    input[type=checkbox]{width: 8px;height: 8px;}
    .form-group{margin-bottom: 2px !important;}
   
    .modal-dialog{width:300px !important;}
    .modal-body{padding:4px;}
    .modal-header, .modal-footer{padding: 8px 10px;}
    .modal-title{font-size: 6px !important;line-height: 0px !important;}
    .form-group .col-sm-3{margin-bottom: 2px;}
    .form-horizontal .control-label{padding-top:0;}
    .modal-header .close{font-size: 8px;margin-top: -6px;text-shadow: none;}
    .modal-header .close span{font-size: 8px;}
    .modal-body .nav>li>a{padding: 1px 4px;}
    #Basics{font-size:6px !important;}
    #icss{font-size:6px !important;}
    .btn-group-xs>.btn, .btn-xs{font-size:6px;}
    

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
    .fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner,
    .bootstrap-table .table:not(.table-condensed), 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, 
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, 
    .bootstrap-table .table:not(.table-condensed)>thead>tr>td{line-height: 10px;}
    .fixed-table-container{height: 100% !important;}
    .fixed-table-pagination div.pagination{margin-top: 0;}
    .tab-content .nav>li>a{padding: 1px 4px;}
    .fixed-table-toolbar .columns label{padding: 0px 4px;}
    .fixed-table-toolbar .dropdown-menu{max-height: 160px;}
    .btn-group-sm>.btn, .btn-sm{padding: 1px !important;font-size:6px;}
    .fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination{margin-bottom: 0;}
    


}