@CHARSET "UTF-8"; body{background-color:#FFFFFF} /* 去掉表格斑马线效果 */ .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #fff !important; } .row .form-inline select{font-weight: bold;color: #707070;} .form-inline label{font-weight: bold;color: #707070;} .font-bold{font-weight: bold;} form .isSelect147{width:147px;} form .isSelect145{width:145px;} form .isSelect135{width:135px;}form .isSelect125{width:125px;}form .isSelect115{width:115px;} form .isSelect105{width:105px;}form .isSelect95{width:95px;}form .isSelect85{width:85px;} form .isSelect75{width:75px;}form .isSelect65{width:65px;}form .isSelect55{width:55px;} button, input, select, textarea {margin: 1px;} /* ========== 现代化分页组件设计 ========== */ .dataTables_paginate { padding: 15px 0; text-align: right; } .dataTables_paginate .pagination { display: inline-flex; align-items: center; gap: 8px; padding: 0; margin: 0; list-style: none; flex-wrap: wrap; justify-content: center; } .dataTables_paginate .pagination > li { display: inline-block; margin: 0; } /* 页码链接和文本样式 */ .dataTables_paginate .pagination > li > a, .dataTables_paginate .pagination > li > span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; font-size: 14px; font-weight: 500; color: #333; background-color: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; line-height: 1; } .dataTables_paginate .pagination > li > a:hover { background-color: #e8e8e8; border-color: #d0d0d0; color: #000; } .dataTables_paginate .pagination > li > a:active { background-color: #ddd; } /* 当前页码样式 */ .dataTables_paginate .pagination > li.active > a, .dataTables_paginate .pagination > li.active > span { background-color: #428bca; border-color: #428bca; color: #fff; font-weight: 600; } .dataTables_paginate .pagination > li.active > a:hover { background-color: #3276b1; border-color: #3276b1; } /* 禁用状态 */ .dataTables_paginate .pagination > li.disabled > a, .dataTables_paginate .pagination > li.disabled > span { color: #999; background-color: #f9f9f9; border-color: #e0e0e0; cursor: not-allowed; opacity: 0.6; } .dataTables_paginate .pagination > li.disabled > a:hover { background-color: #f9f9f9; border-color: #e0e0e0; color: #999; } /* 页码输入框 */ .dataTables_paginate .pagination .choseJPage { height: 36px; width: 60px; padding: 6px 8px; font-size: 14px; text-align: center; border: 1px solid #e0e0e0; border-radius: 4px; background-color: #fff; color: #333; transition: all 0.3s ease; } .dataTables_paginate .pagination .choseJPage:focus { outline: none; border-color: #428bca; box-shadow: 0 0 0 3px rgba(66, 139, 202, 0.1); } /* 跳转按钮 */ .dataTables_paginate .pagination .btn { height: 36px; padding: 0 16px; font-size: 14px; font-weight: 500; border-radius: 4px; border: none; cursor: pointer; transition: all 0.3s ease; margin: 0; } .dataTables_paginate .pagination .btn-success { background-color: #5cb85c; color: #fff; } .dataTables_paginate .pagination .btn-success:hover { background-color: #4cae4c; } .dataTables_paginate .pagination .btn-success:active { background-color: #449d44; } /* 条数下拉框 */ .dataTables_paginate .pagination select { height: 36px; padding: 6px 8px; font-size: 14px; border: 1px solid #e0e0e0; border-radius: 4px; background-color: #fff; color: #333; cursor: pointer; transition: all 0.3s ease; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 8px center; background-size: 16px; padding-right: 28px; } .dataTables_paginate .pagination select:focus { outline: none; border-color: #428bca; box-shadow: 0 0 0 3px rgba(66, 139, 202, 0.1); } /* 分页信息文本 */ .dataTables_paginate .pagination > li > span { background-color: transparent; border: none; color: #666; font-weight: normal; cursor: default; padding: 0 4px; } .dataTables_paginate .pagination > li > span:hover { background-color: transparent; border: none; color: #666; } /* 导航条用户头像图标 */ .nav-user-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 8px; font-size: 20px; color: #fff; background-color: #428bca; border-radius: 50%; border: 2px solid #fff; transition: all 0.3s ease; } .nav-user-icon:hover { background-color: #3276b1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .aBtnNoTD{cursor:pointer;text-decoration:none;} .aBtnNoTD:hover{cursor: pointer;text-decoration:none;} .aBtnNoTD:focus{cursor: pointer;text-decoration:none;} .customBtn a{cursor: pointer;text-decoration:none;} .customBtn a:hover{ text-decoration:none; } .customBtn a:focus{ text-decoration:none; } .customTable{width: 100%;} .customTable .FormData > td{padding-bottom: 6px;padding-top: 6px;font-family: "Open Sans";} .customTable .CaptionTD{color: #666;font-size: 12px;text-align: right;} .lrspace1{margin-left:1px;margin-right:1px;} .lrspace2{margin-left:2px;margin-right:2px;} .lrspace3{margin-left:3px;margin-right:3px;} .lrspace4{margin-left:4px;margin-right:4px;} .lrspace5{margin-left:5px;margin-right:5px;} .lrspace6{margin-left:6px;margin-right:6px;} /*弹出框样式修改 */ .title-no-close .ui-dialog-titlebar-close{display: none;} .loading-no-close .ui-dialog-titlebar{display: none;} .loading-no-close{background:#fff;filter: alpha(opacity = 50);background-color: rgba(0,0,0,0.5) !important;color:#ff892a;border:0px !important;} .loading-no-close .ui-dialog-content{padding: 0 !important;margin-top: 2px;margin-bottom: 2px;} /* 菜单管理css */ .tree-indent{display:inline-block;width: 16px;} .tree-hit{cursor:pointer;font-size:115%;} .tree-expanded{color:#898989 !important;} .tree-expanded:HOVER{color: #6fb3e0 !important;} .table td i{margin-left:2px;margin-right:2px;} .table .menuicon{color:#87b87f} .joinMiddle{vertical-align: middle;} ul.ztree{background: none repeat scroll 0 0 #f0f6e4;border: 1px solid #617775;height:500px;margin-top: 10px;overflow-x: auto;overflow-y: scroll;width: 60%;} .accountOrgTree{margin-top: 0 !important; width: 260px !important;height:135px !important;} .preOrgTree{margin-top: 0 !important; width: 150px !important;height:150px !important;} .resourcesTree{margin-top: 0 !important; width: 150px !important;height:150px !important;} .authorityTree{height:300px !important;width:270px !important;margin-top:0px !important;background: none repeat scroll 0 0 #fff !important;border:0 !important;} /* 按钮颜色 */ /*浅黄 */ .color-pale-yellow{color:#fee188 !important;} /*黄 */ .color-yellow{color:#ffb752 !important;} /*浅橙色 */.color-pale-orange{color:#ff892a !important;} /*浅红 */ .color-pale-red{color:#d15b47 !important;} /*红*/ .color-red{color:#dd5a43 !important;} /*粉红色 */.color-pink{color:#d6487e !important;} /*鲜红 */ .color-bright-red {color:#d12723 !important;} /*浅蓝色 */.color-pale-blue{color:#6fb3e0 !important;} /*蓝色 */ .color-blue{color:#428bca !important;} /*鲜蓝色 */.color-bright-blue{color:#009393 !important;} /*浅绿色 */.color-pale-green{color:#87b87f !important;} /*绿色 */ .color-green{color:#69aa46 !important;} /*深绿色 */.color-dark-green{color:#468847 !important;} /*浅灰色 */.color-pale-gray{color:#abbac3 !important;} /*浅紫 */ .color-pale-purple{color:#a069c3 !important;} /*紫 */ .color-purple{color:#9585bf !important;} /*灰色 */ .color-gray{color:#777 !important;} /*深蓝色 */.color-dark-blue{color:#4d6878 !important;} /*啡黄 */ .color-pale-brown{color:#963 !important;} /*深灰色 */.color-dark-gray{color:#555 !important;} /* 按钮颜色end */ /* 颜色框 */ .iconColorSelect{width:100%} .iconColorSelect td{width: 20px; height: 20px;border: 1px solid rgb(0, 0, 0);cursor:pointer;} /* 图标框 */ .comIconSelectul{width:100%;height:25px;} .comIconSelectul li{height:25px;width:25px;cursor:pointer;border:0 none !important;margin-left:1px;margin-right:1px;} .comIconSelectul li i{font-size: 140%;} .iconSelectul{overflow-y:scroll;width:100%;height:110px;} .iconSelectul li{height:25px;width:25px;cursor:pointer;border:0 none !important;margin-left:1px;margin-right:1px;} .iconSelectul li i{font-size: 140%;} .previewFont{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;font-weight:bold;} /* 480端 */ @media only screen and (max-width:480px){.orgTree{width:100% !important;height:100px !important;background: none repeat scroll 0 0 #fff !important;border:1px solid #ddd !important;}} /* PC端 */ @media only screen and (min-width:480px){.orgTree{width:100% !important;height:350px !important;background: none repeat scroll 0 0 #fff !important;border:1px solid #ddd !important;}}