/*
    Content    : 为solidworks扩展设置的格式
    Created on : Apr. 24, 2021, 4:19:50 p.m.
    Author     : lex
*/

/* 默认使用专用字体 */
@font-face {
  font-family: '3ds';
  src: url('../fonts-3ds/3ds-Regular-v2.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts-3ds/3ds_Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: "3ds", "Open Sans", Arial, Helvetica, "Microsoft YaHei","Noto Sans CJK SC",
        "Hiragino Sans GB","WenQuanYi Micro Hei",  "Droid Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

body{
    font-size: 14px;
}

/* 消息和等待提示 默认隐藏 */
.waiting {display: none;}
.msg {display: none;}

/*  主题结构。 */

/* 顶端标题条和头像 */
#navbar {background-color: #009cde;} 
#top-userphoto .ace-nav{padding-top:5px;}
#top-userphoto .user-info{max-width: 300px; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#top-userphoto .user-info a{color: white; display: inline-block; margin-bottom: 0.2em;}

/* 顶端颜色条备选项*/
.bluebar {background-image: linear-gradient(to top left, #005386, #003c5a);}
.bluebar2 {background-image: linear-gradient(to top right, #005386, #003c5a);}
.bluebar3 {background-image: linear-gradient(to top right, #005386, #009cde);}
.bluebar4 {background-image: linear-gradient(to top right, #005386, #009cde);}
.redbar {background-image: linear-gradient(to top left, #da291c, #da2900);}

/* 左侧主菜单栏 */
#sidebar{background-color: #005686;}
#sidebar .nav-list, #sidebar .nav-list>li {background: none; border:none;}
#sidebar .nav-list>li {margin-top:0.1em;}
#sidebar .nav-list>li>a { background:none; border:none; border-radius:0.5em; margin:0.5em; font-size:1.3em; height:auto; line-height: 1.6em;  color: white;}
#sidebar .nav-list>li>a i.menu-icon {vertical-align: baseline;}
/* 左侧栏菜单项，鼠标悬浮 */
#sidebar .nav-list>li:hover::before {display: none;}
#sidebar .nav-list>li a:hover {background-color: #009cde;}
/* 左侧栏菜单项，active */
#sidebar .nav-list>li.active>a {background-color: #009cde;}
#sidebar .nav-list>li.active::after {display: none;}
#sidebar .nav-list>li.active>a::after {display: none;}
/* 左侧菜单栏， 子菜单 */
#sidebar .arrow{margin-top:0.3em;}
#sidebar .submenu {background: none; border-top: 1px solid #005686; }
#sidebar .submenu::before {display: none;}
#sidebar .submenu>li {background: none; border:none;}
#sidebar .submenu>li:before {display: none;}
#sidebar .submenu>li>a {background: none; border:none; border-radius: 0.5em; margin:0.5em 0.6em; padding: 0.5em 0.6em 0.4em 2em; font-size: 1.2em; height: auto; line-height: 1.6em; color: white; }
#sidebar .submenu>li>a>i.menu-icon {color: white; margin-top: 0.3em;}
#sidebar .submenu>li:hover::before {display: none;}
#sidebar .submenu>li:hover>a { outline: 1px solid white; background:none;}
#sidebar .submenu>li.active>a { outline: 1px solid white;}
#sidebar .submenu>li.active>a::after { display: none;}
/* 提示数字, badge等适当下移 */
.nav-list a .badge, .nav-list a .label { top: 1em; }

/* 顶端标题，导航条, 帮助 */
#breadcrumbs {margin-top:1em; margin-left:1em; line-height: 35px; min-height: 35px; border:none; background:none;}
#breadcrumbs ul.breadcrumb {margin-top:10px;}
#breadcrumbs ul.breadcrumb li.active {font-size:1.2em;}
@media screen and (max-width: 767px){
    #breadcrumbs ul.breadcrumb {margin-top:5px; margin-left: 0px;}
    #breadcrumbs ul.breadcrumb li.active {font-size:1.0em;}
}

/* 页面内容容器 */
.main-container::before {background-color: #eee; }
.main-content{ background:none;}
.main-content-inner{background:none;}
.page-content {background: none;}
#page-content-inner{
    background-color: white;
    margin:0px;
    padding: 1em 1em 1em 1em;
    border-radius: 1em;
}

/* 页脚 */
.footer {padding-top: 50px;}
.footer .footer-inner .footer-content {
    left: 0px;
    right: 0px;
    bottom: 0px;
    border:none;
    background-color: #eee;
}

/* widget-box-search 列表查询框的格式 */
#widget-box-search{border:none;}
#widget-box-search .widget-header{background: none; border-bottom: 1px solid #eee; padding-bottom: 0.5em;}
#widget-box-search .widget-toolbar:before{display: none;}
.widget-toolbar>.btn { line-height: 20px;} /* 统计btn的大小 */

/* 表单控件和label */
input, select, textarea, .form-control {border-radius: 0.3em; padding: 0.3em 0.2em; height:40px;}
.form-group .input-first{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.form-group .input-center{border-radius: 0;}
.form-group .input-last{border-top-left-radius: 0; border-bottom-left-radius: 0;}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 0.7em;
    }
}

/* 被选中的radio, checkbox */
input[type=checkbox].ace.ace-checkbox-2:checked+.lbl::before, 
input[type=radio].ace.ace-checkbox-2:checked+.lbl::before {
    background-color: #009cde;
    border-color: #009cde;
    color: #FFF;
}
input[type=checkbox].ace+.lbl:hover::before, 
input[type=checkbox].ace:hover+.lbl::before, 
input[type=radio].ace+.lbl:hover::before, 
input[type=radio].ace:hover+.lbl::before {
    border-color: #009cde;
}

input[type=email]:focus, input[type=url]:focus, 
input[type=search]:focus, input[type=tel]:focus, 
input[type=color]:focus, input[type=text]:focus, 
input[type=password]:focus, input[type=datetime]:focus, 
input[type=datetime-local]:focus, input[type=date]:focus, 
input[type=month]:focus, input[type=time]:focus, 
input[type=week]:focus, input[type=number]:focus, 
select:focus,
textarea:focus,
.form-control:focus{
    border-color: #009cde;
}

/* 使用 .line 显示表格的格式 */
div.line {padding-top:0.6em; padding-bottom: 0.5em;
      border-bottom: 1px solid #e6e6e6; position: relative; min-height: 2em;}
div.line-1{background-color: #faf8ff;}
div.line-header{font-weight:bold; background-color: #e3eaf4; padding: 10px 0px; 
                padding-top: 1em; padding-bottom: 1em;
            border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}
div.line-footer{font-weight:bold; background-color: #e3eaf4; padding: 10px 0px; 
            border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em;}
div.line-body{ padding-top: 0.8em; padding-bottom: 0.5em; background-color: #f2f8ff;}
div.line-body:hover {background-color: #d0dbe8; /* #d0dbe8， #e9f7ff*/ } 
div.line>.actions {padding-left:2px; padding-right:4px; margin-top:-0.2em;}

.bg-blue2 { background-color: #e3eaf4;} /* 表格头尾与.line-header同色 */
.bg-blue3 { background-color: #faf8ff;}


/* 表格中的状态标签 */
.badge{padding-top:4px; padding-bottom:2px;}
.badge-primary {background-color: #005686!important;}
.badge-info{ background-color: #009cde!important;}
.badge-danger {background-color: #da291c!important;}
.badge-warning{ background-color: #3b8bff!important;}

.badge-blank{background-color: white; color: #999; border: 1px solid #aaa;}
.badge-pending, .badge.pending{background-color: #3b8bff; color: white;}
.badge-canceled, .badge.canceled{background-color: darkgray; color: #333;}
.badge-finished, .badge.finished{background-color: black; color: white;}
.badge-active, .badge.active{background-color: green; color:white;}
.badge-inactive, .badge.inactive {background-color: #999; color: white;}
.badge-deleted, .badge.deleted{background-color: #ccc; color:white; text-decoration: line-through;}
.badge-deny, .badge-5 {background-color: purple; color: white;}

.f-status-pending{color: #3b8bff;}
.f-status-active{color: green;}
.f-status-inactive{color: #999;}
.f-status-canceled{color: #97999B;}
.f-status-finished{color: #DA291C;}
.f-status-null{color: #009cde;}
.f-status-deleted{color: gray; text-decoration: line-through;}

/* 分页器的格式 */
.pagination {margin: 20px 0px 5px 0px;}
.pagination-total{margin:20px 0px 5px 0px;}
@media screen and (max-width: 767px){
    .pagination {margin: 20px 0px 5px 0px;}
    .pagination li a{padding: 6px 8px;}
    .pagination-total{margin:5px 0px 20px 0px;}
}
.pagination-total .input-group-btn {
    position: relative;
    font-size: inherit;
    white-space: nowrap;
    height: 35px;
}
.pagination-total input.gotonum {height: 35px;}


/* 表单中静态文本的格式 */
@media screen and (max-width: 767px){
    .form-control-static {
        padding-top:0; 
        padding-bottom: 0px;
        margin-bottom: 4px;
        line-height: 21px;
        min-height: 21px;
    }
    
    .form-group>label[class*=col-xs-]{margin-top:7px;}
}

/* 控制在小屏幕时, 仍然保持顶端的Logo和头像在同一行, 左右两端 */
@media only screen and (max-width: 479px){
    .navbar:not(.navbar-collapse) .navbar-header.pull-left {
       float: left !important;
    }
    .navbar:not(.navbar-collapse) .navbar-header.pull-right {
       float: right !important;
    }
}


/* 手机, 右上角头像, 去掉边框和背景色 */
@media only screen and (max-width: 479px){
    .navbar:not(.navbar-collapse) .ace-nav {
        background:none;
    }
    
    .navbar:not(.navbar-collapse) .ace-nav>li:first-child {
        border: none;
        padding-right:4px;
    }
}

/* .btn 边框带圆角 */
.btn {border-radius: 0.5em; font-size:1.0em;}

/* solidworks /Dassault的主要颜色: 蓝, 红, 灰, 按钮和文字 */
.btn-primary, 
.btn-primary.focus, 
.btn-primary:focus {
    background-color: #005686!important;
    border-color: #005686;
}

.btn-info, 
.btn-info.focus, 
.btn-info:focus {
    background-color: #009cde!important;
    border-color: #009cde;
}

.btn-info.focus:hover, 
.btn-info:active:hover, 
.btn-info:focus:active, 
.btn-info:focus:hover, 
.btn-info:hover, 
.open>.btn-info.dropdown-toggle, 
.open>.btn-info.dropdown-toggle.focus, 
.open>.btn-info.dropdown-toggle:active, 
.open>.btn-info.dropdown-toggle:focus, 
.open>.btn-info.dropdown-toggle:hover {
    background-color: #0076a6 !important;
    border-color: #009ada;
}

.btn-danger, 
.btn-danger.focus, 
.btn-danger:focus {
    background-color: #da291c!important;
    border-color: #da291c;
}

.btn-gray, 
.btn-gray.focus, 
.btn-gray:focus,
.btn-grey, 
.btn-grey.focus, 
.btn-grey:focus{
    background-color: #97999B!important;
    border-color: #97999B;
}

/* 让所有警告框带有轻微阴影，白边框 */
.alert {border-radius: 0.5em; 
       border:none;
       box-shadow: 0em 0em 1em -0.8em;
}

.alert-danger{
    color: #da291c!important;
}

.text-primary{
    color: #005686!important;
}

/* 文本颜色 */
.text-info{
    color: #009cde!important;
}

.text-danger {
    color: #da291c!important;
}

.text-gray {
    color: #97999B!important;
}

.blue{
    color: #005686!important;
}

.lightblue{
    color: #009cde!important;
}

.red{
   color: #da291c!important;
}

.gray{
    color: #97999B!important;
}

.lightgray{
    color: #aaa!important;
}

/* 内衬间隙 */
.padding-6 {padding: 0.5em;}
.padding-v-6 {padding-top: 0.5em; padding-bottom:0.5em;}
.padding-12{padding: 1em;}
.padding-v-12 {padding-top: 1em; padding-bottom:1em;}
.padding-24{padding: 2em;}
.padding-v-24 {padding-top: 2em; padding-bottom:2em;}


.page-header h1{
    color: #005686;
    font-weight: normal!important;
}

.widget-header>.widget-title{
    color: #005686;
}

.btn-primary.focus:hover, 
.btn-primary:active:hover, 
.btn-primary:focus:active, 
.btn-primary:focus:hover, 
.btn-primary:hover, 
.open>.btn-primary.dropdown-toggle, 
.open>.btn-primary.dropdown-toggle.focus, 
.open>.btn-primary.dropdown-toggle:active, 
.open>.btn-primary.dropdown-toggle:focus, 
.open>.btn-primary.dropdown-toggle:hover {
    background-color: #003666!important;
    border-color: #005686;
}

/* 控制查询条件折叠功能: 在大屏幕上默认不折叠， 小屏幕上折叠 */
#widget-box-1.collapsed .widget-body{display: block;}
@media screen and (max-width: 767px){
    /* 控制查询条件折叠功能: 在小屏幕上默认折叠 */
    #widget-box-1.collapsed .widget-body{display: none;}
    
    /* 所有页面，减小在下屏幕时的左右空隙 */
    .page-content {padding: 8px 15px;}
}

/* 弹出框圆角 */
.modal-content { border-radius: 1em;}
.modal-footer {border-radius: 0 0 1em 1em;}

/* 新增计划 - 对话框 */
#modal-form-modes .modal-body p{ padding: 0.3em 0.5em; line-height: 2em;}
#modal-form-modes .modal-body p a{display: block;}
#modal-form-modes .modal-body p:hover{background-color: #e9f7ff;}
#modal-form-modes .modal-body a:hover{text-decoration: none;}
#modal-form-modes .modal-body a:hover::after{  content: ' >'; position: absolute; right:2em;}

/* 帮助文档的字体大小和距离 */
.doc-container{font-size:16px; line-height: 1.5em;}
.doc-container li, .doc-container p{margin-bottom: 0.8em;}
.doc-container h3{ border-bottom: 3px solid #005686;}
.doc-container h4{ border-bottom: 1px solid #005686; margin-top: 2em; font-weight: bold;}

#quick-guide {padding: 5px!important; background-color: #F7F7F7; margin-top:1em;}

/* 联动型的下拉单, */
select.sub-select {padding: 4px 6px; height: 34px; font-size: 14px; line-height: 1.42857143;}

/* 表格profile-info的格式, 加深边线的颜色 */
div.profile-info-row {}
div.profile-info-name{border-top: 1px dotted #C5D5E1 !important;}
div.profile-info-value{border-top: 1px dotted #C5D5E1 !important;}
div.profile-info-value .p-line{padding-left:0px;}