You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

778 lines
17 KiB
CSS

/*背景*/
.track_subscription {
background: #eff3fa;
padding-top: 0px;
}
/*标题*/
.track_subscription .title {
font-size: 16px;
color: #333;
margin: 20px 0;
font-weight:bold;
}
.track_subscription .ibox-content{
border:none;
}
/*顶部按钮*/
.track_subscription .ibox-content .button-group{
height:35px;
}
.track_subscription .ibox-content .button-group li {
width: 110px;
height: 35px;
line-height: 35px;
text-align: center;
border: 1px solid #dfdfdf;
border-radius: 3px;
float: left;
margin-right: 12px;
list-style: none;
}
.track_subscription .ibox-content .button-group li a{
color:#666;
}
.track_subscription .navbar-collapse {
padding-left:0px;
margin-top:5px;
}
.track_subscription .navbar-nav li a {
padding: 7px 20px;
font-weight: normal;
border: 1px solid #dfdfdf;
margin-right: 12px;
border-radius: 3px;
box-shadow: 2px 4px 4px -3px rgba(233,233,233,1);
background:#FFF;
}
.track_subscription .navbar-nav li a:hover {
background: #42b0d5;
color: #FFF;
border: 1px solid #42b0d5;
}
.track_subscription .table-nav li a {
border: 1px solid #42b0d5;
color: #42b0d5;
box-shadow:none;
}
/*表单*/
.track_subscription .form-horizontal.form-subscribe .form-group {
width: 16%;
height: 34px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 8px;
float: left;
/*overflow: hidden;*/
position: relative;
}
.track_subscription .form-horizontal.form-subscribe .form-group .control-label {
width: 30% !important;
color: #666;
margin-right: 15px;
font-weight: normal;
}
.track_subscription .form-horizontal.form-subscribe .form-group input {
width: 64% !important;
height: 32px;
color: #999;
border: 1px solid #e2e2e2;
border-radius: 3px;
padding-left: 10px;
vertical-align: middle;
}
/*@media screen and (max-width: 1900px) {
.track_subscription .form-horizontal.form-subscribe .form-group {
height: 64px !important;
}
.track_subscription .form-horizontal.form-subscribe .form-group .control-label {
width: 50% !important;
text-align: left !important;
margin-bottom: 5px;
}
.button{
margin-top:29px;
}
}*/
@media screen and (max-width: 1680px) {
.track_subscription .form-horizontal.form-subscribe{
margin-left:20px;
}
.track_subscription .form-horizontal.form-subscribe .form-group {
height: 64px !important;
}
.track_subscription .form-horizontal.form-subscribe .form-group .control-label {
width: 50% !important;
text-align: left !important;
margin-bottom: 5px;
}
.track_subscription .form-horizontal.form-subscribe .form-group input {
width: 85% !important;
}
.track_subscription .form-horizontal.form-subscribe .form-group .select {
width: 85% !important;
}
}
@media screen and (max-width: 1440px){
.track_subscription .form-horizontal.form-subscribe .form-group .control-label {
width: 100% !important;
text-align: left !important;
margin-bottom: 5px;
}
}
/*文本框提示字符颜色*/
input::-webkit-input-placeholder {
color: #999 !important;
}
input::-moz-placeholder {
color: #999 !important;
}
input:-moz-placeholder {
color: #999 !important;
}
input:-ms-input-placeholder {
color: #999 !important;
}
input[type='text']:focus {
outline: none;
border: 1px solid #42b0d5;
}
.track_subscription input[type='checkbox'] {
width: 15px;
height: 15px;
background: #FFF;
-webkit-appearance: none;
border: 1px solid #b7b7b7;
border-radius: 2px;
outline: none;
display: block;
float: left;
margin-top: 3px;
margin-right: 7px;
}
.track_subscription input[type='checkbox']:checked {
background: #42b0d5 url(../img/check.png) no-repeat center;
background-size: 70%;
border: 1px solid #42b0d5;
padding:2px;
}
/*select*/
.select {
width: 200px;
height: 31px;
padding-left: 10px;
border: 1px solid #e2e2e2;
color: #999;
border-radius: 3px;
/*隐藏默认小箭头*/
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url(../img/select_arrow.jpg) no-repeat scroll right 10px center transparent;
vertical-align: middle;
}
.select:focus {
outline:none;
border: 1px solid #42b0d5 !important;
}
.select option {
background: transparent;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
/*文本框日期*/
input.date{
width:200px !important;
background:url(../img/date.jpg) no-repeat 10px;
padding-left:32px !important;
}
/*查询和重置*/
.query_more{
display:none;
}
.btn-more:focus {
box-shadow: none !important;
}
.btn-more{
margin-right:15px;
display:inline-block;
}
.btn-more{
margin-left:10px;
}
.btn-query, .btn-reset {
padding: 5px 25px;
margin-top: 3px;
}
.btn-query {
background: #42b0d5;
border: 1px solid #42b0d5;
color: #FFF;
margin-right:10px !important;
}
.btn-query:hover{
color:#FFF;
}
.btn-reset {
background: #FFF;
color: #666;
padding:5px 10px;
}
/*表格*/
.stand-table{
margin-top:5px !important;
padding-left:15px;
border:none !important;
}
.stand-table thead tr {
height: 45px;
background: #f5f7fa;
}
.stand-table thead tr th {
border-bottom: 1px solid #ebebeb;
color: #666;
font-size: 15px;
background: #f5f7fa !important;
vertical-align:middle !important;
}
.stand-table thead tr th:first-child, .stand-table tbody tr td:first-child {
padding-left: 40px;
}
.stand-table tbody tr {
height: 40px;
border:none !important;
}
.stand-table tbody tr:nth-child(even){
background:#f4f7fb;
}
.stand-table tbody tr:last-child {
border-bottom: 1px solid #ebebeb !important;
}
.stand-table tbody tr td {
color: #666 !important;
line-height: 22px;
border-top: none;
font-size:14px;
}
.stand-table tbody tr td span{
display:block;
}
.stand-table tbody tr td span img{
margin-left:9px;
}
.stand-table .send {
width: 55px;
height: 20px;
background: #dff5ec;
border-radius: 15px;
line-height: 20px;
text-align: center;
color: #20ab73;
font-size: 10px;
}
.stand-table .submit {
width: 55px;
height: 20px;
background: #d7eafe;
border-radius: 15px;
line-height: 20px;
text-align: center;
color: #1182fb;
font-size: 10px;
}
.stand-table .declare {
width: 55px;
height: 20px;
background: #e5e5e5;
border-radius: 15px;
line-height: 20px;
text-align: center;
color: #666;
font-size: 10px;
}
.desc-table{
border:1px solid #ebebeb;
margin-top:-5px;
}
.desc-table thead tr th,.desc-table tbody tr td{
text-align:center;
}
.desc-table tbody tr td.release-yes,.desc-table tbody tr td.ship-yes{
color:#06ac8d;
}
.desc-table tbody tr td.release-no,.desc-table tbody tr td.ship-no{
color:#cc0000;
}
/*模态框按钮*/
.btn-cancel {
background: #FFF;
border: 1px solid #e2e2e2;
color: #666;
}
.btn-cancel:hover {
background: #a6aab8;
border: 1px solid #a6aab8;
}
.btn-deter {
background: #43b0d5;
border: 1px solid #43b0d5;
}
.btn-deter:hover {
background: #3d9dbe;
border: 1px solid #3d9dbe;
}
/*新增订阅*/
.form-add .form-group{
width:28% !important;
height:70px !important;
margin-left:5px !important;
}
.form-add .form-group .control-label {
width: 100% !important;
text-align:left !important;
padding-top:0px !important;
margin-bottom:10px;
}
.form-add .form-group input[type='text'], .form-add .form-group .select {
width: 185px;
}
.form-add .btn-add{
margin-top:35px;
float:left;
}
/*批量订阅*/
.form-batch .form-group {
width: 100% !important;
margin-left: 0px !important;
margin-bottom: 0px !important;
}
.form-batch .label {
width: 17% !important;
float:left;
background:none;
text-align:left !important;
font-size:14px;
}
.form-batch .control-label{
width:19% !important;
text-align:left !important;
padding-top:0px !important;
margin-right:0px !important;
}
.form-batch .control-label input {
margin-top: 3px !important;
}
.form-batch .btn-custom{
margin-left:3%;
}
/*提单信息*/
.form-group-bg {
height: 35px;
line-height: 35px;
background: #ebeef5;
padding-left: 15px;
}
.form-group-bg .control-label{
margin-right:5%;
}
.form-group-bg .control-label i {
width: 3px;
height: 12px;
background: #41afd3;
margin-top:12px;
margin-right:5px;
display:block;
float:left;
}
.img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
/*码头信息*/
.wharf_info {
width: 955px;
height: 260px;
position: relative;
overflow: hidden;
/*background: url(../img/wharf_dott.jpg) no-repeat 70px 94px;*/
margin: 0 auto;
}
.wharf_info ul li{
width:130px;
list-style:none;
float:left;
margin-top:30px;
background:url(../img/wharf_arrow1.jpg) no-repeat 89px 27px;
}
.wharf_info ul li:last-child{
background:none;
}
.wharf_info ul li img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.wharf_info ul li p{
text-align:center;
margin-top:10px;
margin-left:-60px;
line-height:20px;
}
.wharf_info ul li.arrive img{
filter:unset;
}
.wharf_info ul li.arrive p {
color: #11afbf;
}
/*预警方案设置*/
.form-programme .control-label {
width: 25% !important;
margin-top:3px !important;
}
.form-programme .control-label.custom-label {
width: 16% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.form-programme .help{
position:relative;
}
.form-programme .help p:before{
content:"";
width:4px;
height:7px;
background:url(../img/help_arrow.jpg) no-repeat;
display:block;
position:absolute;
left:-4px;
top:11px;
}
.form-programme .help p {
position: absolute;
left: 45px;
top: 0px;
padding:6px 10px;
border-radius: 3px;
background: #feedd4;
color:#f9a629;
}
/*提醒*/
.form-remind .control-label{
width:24% !important;
}
.form-remind .control-label.custom-label {
width: 16% !important;
padding-left: 0px !important;
padding-right: 0px !important;
text-align: right !important;
}
.form-remind .form-group input[type='text']{
width:50px;
height:25px;
margin-right:5px;
}
.form-remind .form-group .select{
width:95px;
height:25px;
}
/*收件箱*/
.inbox {
overflow: hidden;
}
.inbox input[type='text'] {
width: 400px;
}
.inbox .con-8 .remember {
margin-top: 10px;
}
.inbox .con-8 .remember {
font-weight: normal;
}
.btn-send {
width:30%;
margin-top: 15px;
float: right;
}
/*下拉框样式*/
.selectize-control.contacts .selectize-input {
width:100%;
padding: 5px 8px 2px 8px;
border: 1px solid #d0d0d0;
}
.selectize-control.contacts .selectize-input > div {
font-size: 13px;
font-weight: normal;
-webkit-font-smoothing: auto;
color: #666;
background: #eaf5f9;
padding:3px 10px;
border-radius:10px;
margin-right:3px;
margin-bottom:3px;
}
.selectize-control.contacts .selectize-input > * {
display: inline-block;
}
.selectize-control.contacts .selectize-input input{
width:25px;
border:none;
}
.selectize-control.contacts .selectize-input input:focus{
outline:none;
}
.selectize-control.contacts .selectize-input > div.active {
background: #30a1c7;
color: #FFF;
}
.selectize-control.contacts .selectize-input > div .email {
opacity: 0.8;
}
.selectize-control.contacts .selectize-input > div .name + .email {
margin-left: 5px;
}
.selectize-control.contacts .selectize-input > div .email:before {
content: '<';
}
.selectize-control.contacts .selectize-input > div .email:after {
content: '>';
}
.selectize-control.contacts .selectize-dropdown {
padding: 5px 10px;
padding-top: 10px;
background: #FFF;
box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
position:absolute;
height:80px;
overflow-x:scroll;
}
.selectize-control.contacts .selectize-dropdown .caption {
font-size: 12px;
display: block;
color: #a0a0a0;
}
.selectize-control.contacts .selectize-dropdown .selectize-dropdown-content div{
margin-bottom:7px;
clear:both;
overflow:hidden;
}
.selectize-control.contacts .selectize-dropdown .selectize-dropdown-content div .label{
margin-right:7px;
float:left;
}
.selectize-control.contacts .selectize-dropdown .selectize-dropdown-content div .caption {
float: left;
}
/*弹框*/
.modal-title{
font-size:16px;
}
/*表格悬浮场站*/
.station-table, .station-table-icon {
opacity: 0;
}
.ship-table {
opacity:0;
}
.station-table, .ship-table, .station-table-icon {
width: 390px;
max-height: 400px;
overflow-y: scroll;
position: absolute;
top: 84px;
left: -10px;
background: #fbf3e3;
box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, .15);
z-index: -1;
font-weight: normal;
}
.station-table table, .ship-table table, .station-table-icon table{
width: 100%;
}
.station-table thead tr, .ship-table thead tr, .station-table-icon thead tr {
height: 37px !important;
line-height: 37px !important;
}
.station-table thead tr th, .ship-table thead tr th, .station-table-icon thead tr th{
background: #fbf3e3 !important;
}
.station-table thead tr th, .station-table tbody tr td,, .station-table-icon tbody tr td, .ship-table thead tr th, .ship-table tbody tr td {
text-align: center !important;
padding-left: 10px !important;
}
.station-table tbody tr, .ship-table tbody tr, .station-table-icon tbody tr {
background: none !important;
height: 32px;
line-height: 32px;
margin-bottom: 0px;
}
.ship-table{
width:300px;
top:5px;
left:45px;
}
.YARD .th-inner {
padding-left: 25px !important;
}
.YARD .edit {
margin-right: 5px;
}
/*台账细节调整*/
.CUSTOMS span, .WHARF span, .AlertFlag span {
position: relative;
}
.MBLNO i {
position: relative;
}
.MBLNO i b {
font-size: 14px;
left: 24px !important;
}
.CUSTOMS span i b, .WHARF span i b, .MBLNO i b {
width: 170px;
line-height: 22px;
text-align: center;
color: #666;
font-weight: normal;
padding: 0px 5px;
background: #fbf3e3;
box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, .15);
position: absolute;
top: 0px;
left: 45px;
opacity: 0;
z-index: -1;
}
.YARD:hover .station-table, .ZZG:hover .station-table, .MDG:hover .station-table, .CUSTOMS span i:hover b,
.WHARF span i:hover b, .AlertFlag span i:hover b, .MBLNO img:hover b, .MBLNO i:hover b, .VESSEL .icon-zuixin:hover .station-table-icon,
.VESSEL .VESSEL_Box:hover .station-table {
opacity: 1;
z-index: 1;
}
.CUSTOMS span i:hover .ship-table {
opacity:1;
z-index:1;
}
.WHARF span i:hover .ship-table {
opacity: 1;
z-index: 1;
}
.AlertFlag span i:hover .ship-table {
opacity: 1;
z-index: 1;
}
.yard-top {
width: 125px;
}
.customs-left, .customs-right {
width: 50px;
float: left;
}
.yard-left{
width:50px;
float:left;
margin-left:18px;
}
.yard-right {
width:55px;
float: left;
}
.yard-right, .customs-right {
margin-left: 10px;
}
.wharf-left{
width:50px;
float:left;
}
.wharf-right{
width:77px;
float:left;
margin-left:10px;
}
.YARD, .CUSTOMS, .WHARF, .ZZG, .MDG, .AlertFlag {
position: relative;
vertical-align: top !important;
}
.MBLNO{
width:165px !important;
}
.VESSEL {
position:relative;
width: 230px !important;
}
.YARD{
width:200px !important;
}
.CUSTOMS {
width: 200px !important;
}
.WHARF {
width: 200px !important;
}
.AlertFlag {
width: 110px !important;
}
.AlertFlag span {
margin-top: 2rem;
text-align: center;
}
.AlertFlag .fa-circle {
color:red !important;
}
.BG {
width: 110px !important;
}
.ZZG {
width: 200px !important;
}
.MDG {
width: 200px !important;
}
.MBLNO .th-inner {
padding-left: 60px !important;
}
.MBLNO .iconfont {
font-size: 2rem !important;
}
.VESSEL .th-inner {
padding-left: 65px !important;
}
.YARD .th-inner {
padding-left: 65px !important;
}
.CUSTOMS .th-inner {
padding-left: 45px !important;
}
.AlertFlag .th-inner {
padding-left: 25px !important;
}
.ZZG .th-inner {
padding-left: 50px !important;
}
.MDG .th-inner {
padding-left: 50px !important;
}