@import './vars.less';

.jad-page-layout1 {
    min-width: 100%;
    .ant-tabs {
        .ant-tabs-nav {
            .ant-tabs-tab,
            .ant-tabs-tab-active {
                font-weight: 800;
            }
        }
    }
}

.jad-page-layout1-header {
    z-index: 38;
    height: auto;
    width: 100%;
    background: @JG_WHITE_TOTAL;
    border-bottom: 1px solid rgba(232, 232, 232, 0.584);
    .title-block {
        padding: 0 27px;
        height: 48px;
        line-height: 48px;
        padding: 0 24px;
        justify-content: space-between;
        display: flex;
        .title {
            display: flex;
            align-items: center;
            font-family: PingFangSC-Medium;
            font-weight: bold;
            font-size: 16px;
            color: @JG_BLACK;
            .title-icon {
                color: @JG_39;
                margin-right: 5px;
            }
        }
        .extra {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex: 1;
        }
    }
}

.jad-page-layout1-tab-header-children {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
    .ant-tabs {
        .ant-tabs-large-bar {
            .ant-tabs-tab {
                padding: 20px 0;
            }
        }
        .ant-tabs-nav {
            .ant-tabs-tab {
                margin: 0 40px 0 0;
                &.ant-tabs-tab-active {
                    font-weight: 800;
                }
            }
        }
    }
}

.jad-page-layout1-filter-board {
    margin-bottom: 16px;
    padding: 16px 24px 0;
    height: auto;
    min-width: 100%;
    // line-height: 33px;          // 这里设置 30px 会导致筛选条件错位
    background-color: @JG_WHITE_TOTAL; 
    div.select {
        display: flex;
        height: 48px;              // 统一48px，避免错位
        align-items: center;
        padding-right: 24px;
        padding-bottom: 16px;
        .filter-title {
            flex: 0 0 auto;
            padding-right: 14px;
        }
        .filter-item {
            box-sizing: border-box;
            flex: 1;
            >*{
                width: 100%;
            }
        }
    }
    div.buttons {
        height: 30px;
        margin-bottom: 16px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}
.jad-page-layout1-fold-button-col {
	height: 22px;
	font-size: 12px;
}
.jad-page-layout1-fold-button {
	width: 90px;
	height: 100%;
	padding: 0;
	border: 0;
	background-color: @JG_WHITE_TOTAL;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAAqCAYAAAAaoXEBAAAABGdBTUEAALGPC/xhBQAAAjZJREFUeAHtnVtLxEAMRte7+CL+/x8pIoh4zycsqNvJTNskXeQM5KnTRM+cDsnT7nYsCPwjAicz/pcz23tjcWFxOuM9tkJgKYEPe/HV4snifSTJqNCS+NZCIiPzCFn2RBGQ1IoHC8ntrhGhJfCdxbnFi4W+FhVgQSCbgNxTV3Bp8WZxb+G6pzait65tw5WFrvxHi08LFgQqCMg1XaL7NlcyS+zmGmkf9HVo33MzCw8gkEtA7slBueiuEaHVaqg1cb8MtwoPIbCOgNyTg3LRXT2h1ZIoka5+t3dxq/AQAusIyD05KBfdNrknNLfzuoPg7TgCQ7c0QscBJ1MuAYTO5Uv2YgIIXQyccrkEVgvNQJh7QGSfR2BoMPR6aAbCecDZnU+ge0sjdP4hUCGOAELHsSTTERBA6CM4BP6EOAKLhWYgjDsEMsUR6A6GrR6agTDuEMgUS8C9pRE6FjbZ8gkgdD5jKhQSQOhC2JTKJzBbaAbC/EOhwnIC7mA41UMzEC6HzZs1BJq3NELXHABVYgkgdCxPsm1MAKE3PgDKxxIYFpqBMBY82XIINAfDvz00A2HOAZA1nsDkLY3Q8aDJWEMAoWs4U6WIAEIXgaZMDYGu0AyENQdBlRgCk4Phzx6agTAGNFnqCBzc0ghdB59K8QQQOp4pGTckgNAbwqd0PIGm0AyE8bDJmE/gYDDc99AMhPnwqZBD4NctjdA5kMlaRwCh61hTqYDApNC6qfnZiQL6lAgnsBf6u9v4AiGrbY3HnRftAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: @JG_BLACK_32;
	cursor: pointer;
	&:active {
		border: 0;
	}
	&:focus{
		outline: none;
	}
}
.jad-page-layout1-arrow-container {
	font-size: 10px;
	cursor: pointer;
	.arrow {
		border: solid @JG_BLACK_32;
		border-width: 0 0.15em 0.15em 0;
		display: inline-block;
		padding: 0.25em;
		transition: transform 0.3s ease !important;
		transform-origin: center;
		&:active {
			border-color: @JG_BLACK_32;
		}
		&.up {
			transform: rotate(-135deg) translateY(0em) translateX(-0.2em);
		}
		&.down {
			transform: rotate(45deg) translateY(-0.3em);
		}
	}
}
.jad-page-layout1-content {
    position: relative;
    overflow-y: auto;
    overflow-y: overlay;
    .jad-page-layout1-container {
        background: @JG_BLACK_04_HSV;
        padding: 16px 24px 16px;
    }
}