.nav_header_box {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
background-color: #eee;
|
border: 1px solid #ccc;
|
overflow: hidden;
|
height: 36px;
|
line-height: 36px;
|
}
|
|
.nav_header_box .nav_header {
|
flex: 1;
|
}
|
|
.nav_header_box .nav_header .nav_header_a {
|
padding: 0 1em 0 2em;
|
float: left;
|
text-decoration: none;
|
color: #444;
|
position: relative;
|
font-size: 13px;
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
background-color: #ddd;
|
background-image: -webkit-gradient(linear, left top, right bottom, from(#f5f5f5), to(#ddd));
|
background-image: -webkit-linear-gradient(left, #f5f5f5, #ddd);
|
background-image: -moz-linear-gradient(left, #f5f5f5, #ddd);
|
background-image: -ms-linear-gradient(left, #f5f5f5, #ddd);
|
background-image: -o-linear-gradient(left, #f5f5f5, #ddd);
|
background-image: linear-gradient(to right, #f5f5f5, #ddd);
|
cursor: pointer;
|
}
|
|
.nav_header_box .nav_header .nav_header_a:first-of-type {
|
padding: 0 1em 0 1em;
|
}
|
|
/* .nav_header_box .nav_header .nav_header_a:last-of-type::after {
|
display: none;
|
}
|
.nav_header_box .nav_header .nav_header_a:last-of-type::before {
|
display: none;
|
} */
|
|
.nav_header_box .nav_header .nav_header_a:hover {
|
background: #fff;
|
}
|
|
.nav_header_box .nav_header .nav_header_a::after,
|
.nav_header_box .nav_header .nav_header_a::before {
|
content: "";
|
position: absolute;
|
top: 50%;
|
margin-top: -1.5em;
|
border-top: 1.5em solid transparent;
|
border-bottom: 1.5em solid transparent;
|
border-left: 1em solid;
|
right: -1em;
|
}
|
|
.nav_header_box .nav_header .nav_header_a::after {
|
z-index: 2;
|
border-left-color: #ddd;
|
}
|
|
.nav_header_box .nav_header .nav_header_a::before {
|
border-left-color: #ccc;
|
right: -1.1em;
|
z-index: 1;
|
}
|
|
.nav_header_box .nav_header .nav_header_a:hover::after {
|
border-left-color: #fff;
|
}
|
|
.nav_header_box .nav_header_right {
|
display: flex;
|
align-items: center;
|
padding: 5px;
|
}
|
|
.flex {
|
display: flex !important;
|
}
|
|
.flex-shrink-0 {
|
flex-shrink: 0;
|
}
|
|
.flex-shrink-1 {
|
flex-shrink: 1;
|
}
|
|
.justify-content-center {
|
justify-content: center;
|
}
|
|
.align-items-center {
|
align-items: center;
|
}
|
|
.justify-content-flex-end {
|
justify-content: flex-end;
|
}
|
|
.flex-direction-column {
|
flex-direction: column;
|
}
|
|
.cursor-pointer {
|
cursor: pointer;
|
}
|
|
.ml-5 {
|
margin-left: 5px;
|
}
|
|
.ml-10 {
|
margin-left: 10px;
|
}
|
|
.ml-20 {
|
margin-left: 20px;
|
}
|
|
|
.mr-5 {
|
margin-right: 5px;
|
}
|
|
.mr-10 {
|
margin-right: 10px;
|
}
|
|
.mr-20 {
|
margin-right: 20px;
|
}
|
|
.mt-5 {
|
margin-top: 5px;
|
}
|
|
.mt-10 {
|
margin-top: 10px;
|
}
|
|
.mt-20 {
|
margin-top: 20px;
|
}
|
|
.pl-5 {
|
padding-left: 5px;
|
}
|
|
.h100 {
|
height: 100%;
|
}
|
|
.w100 {
|
width: 100%;
|
}
|
|
.set-unit {
|
line-height: 24px;
|
font-size: 12px
|
}
|
|
.input_100 {
|
width: 60px;
|
}
|
|
.input_120 {
|
width: 120px;
|
}
|
|
.input_250 {
|
width: 240px;
|
}
|
|
.input_180 {
|
width: 180px !important;
|
}
|
|
.input_500 {
|
width: 500px;
|
}
|
|
.input_532 {
|
width: 532px
|
}
|
|
.position-relative {
|
position: relative;
|
}
|
|
.position-absolute {
|
position: absolute;
|
}
|
|
.rotate-90-deg {
|
transform: rotate(90deg);
|
transition: all 0.3s;
|
}
|
|
.rotate-0-deg {
|
transform: rotate(0deg);
|
transition: all 0.3s;
|
|
}
|
|
.padding-10 {
|
padding: 10px;
|
}
|
|
.w-120 {
|
width: 120px;
|
}
|
|
.viewer-container div[aria-hidden="true"] {
|
display: none !important;
|
}
|
