﻿/* 通用超链接样式*/
a:link{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:hover{
    text-decoration: none;
    color:firebrick;
}
.grysbgcolor {
    background-color: #fcf8e3;
}
/* 自定义输入框的 placeholder 样式 */
.custom-placeholder::placeholder {
  color: #dc3545;           /* bootstrap4中danger */
  font-size: 0.725em;      /* 控制字体大小 */
}
.samenameborder-red {
    border-left: 5px solid orangered;
}
.samenameborder-blue {
    border-left: 5px solid dodgerblue;
}
.samenameborder-green {
    border-left: 5px solid green;
}
.samenameborder-yellow {
    border-left: 5px solid darkgoldenrod;
}
.samenameborder-violet {
    border-left: 5px solid blueviolet;
}
.samenameborder-black {
    border-left: 5px solid #2b2b2b;
}
.samenameborder-turquoise {
    border-left: 5px solid turquoise;
}

.CodeMirror {
    min-width: 70vw;
    min-height: 70vh;
}
/* 预定义输入提示框的属于 */
#previewTools {
    width: 0px; /* 调整为预览图的宽度 */
    height: 0px; /* 调整为预览图的高度 */
    display: none; /* 默认不显示 */
    position: absolute; /* 使用绝对定位 */
    border: 2px solid #ff8000; /* 可选的边框 */
    object-fit: cover; /* 确保图片覆盖整个容器区域 */
    z-index: 3001; /* 确保不被其他元素遮挡 */
    overflow: hidden;
    opacity: 0.95;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(0, 0, 0, 0.3);
}
/* 定义蒙版ID属性 */
#hzgrysadmoverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    z-index: 8001;
    cursor: wait;
}
/*.container { min-width: 570px;}*/
/* 极小屏幕 xm */
@media (max-width: 575px) {
    .manchkbuttonfadis {
        display: none;
    }
    .manchkbuttonfontsize {
        font-size: 0.50em;
        margin: 1px;
        padding: 1px;
    }
    .manchkinfofontsize {
        font-size: 0.55em;
        margin: 1px;
        padding: 1px;
    }
    .manchkbuttonheadfontsize {
        font-size: 0.725em;
        margin: 4px;
        padding: 4px;
    }
    .manchkformfontsize {
        font-size: 0.5em;
        padding-left: 1px;
        padding-right: 1px;
    }
    .manchkformprependfontsize {
        font-size: 0.4em;
        padding-left: 1px;
        padding-right: 1px;
    }
}
/* 小屏幕 sm */
@media (min-width: 576px) and (max-width: 767px) {
    .manchkbuttonfadis {
        display: none;
    }
    .manchkbuttonfontsize {
        font-size: 0.60em;
        margin: 2px;
        padding: 2px;
    }
    .manchkinfofontsize {
        font-size: 0.65em;
        margin: 0px;
        padding: 1px;
    }
    .manchkbuttonheadfontsize {
        font-size: 0.8em;
        margin: 4px;
        padding: 4px;
    }
    .manchkformfontsize {
        font-size: 0.6em;
        padding-left: 1px;
        padding-right: 1px;
    }
    .manchkformprependfontsize {
        font-size: 0.45em;
        padding-left: 1px;
        padding-right: 1px;
    }
}
/* 中屏幕 md */
@media (min-width: 768px) and (max-width: 991px) {
    .manchkbuttonfadis {
        display: none;
    }
    .manchkbuttonfontsize {
        font-size: 0.70em;
        margin: 3px;
        padding: 3px;
    }
    .manchkinfofontsize {
        font-size: 0.725em;
        margin: 0px;
        padding: 1px;
    }
    .manchkbuttonheadfontsize {
        font-size: 0.875em;
        margin: 6px;
        padding: 6px;
    }
    .manchkformfontsize {
        font-size: 0.65em;
        padding-left: 2px;
        padding-right: 2px;
    }
    .manchkformprependfontsize {
        font-size: 0.5em;
        padding-left: 1px;
        padding-right: 1px;
    }
}
/* 大屏 lg */
@media (min-width: 992px) and (max-width: 1199px) {
    .manchkbuttonfadis {
        display: none;
    }
    .manchkbuttonfontsize {
        font-size: 0.75em;
        margin: 4px;
        padding: 4px;
    }
    .manchkinfofontsize {
        font-size: 0.8em;
        margin: 0px;
        padding: 2px;
    }
    .manchkbuttonheadfontsize {
        font-size: 0.925em;
        margin: 6px;
        padding: 6px;
    }
    .manchkformfontsize {
        font-size: 0.75em;
        padding-left: 2px;
        padding-right: 2px;
    }
    .manchkformprependfontsize {
        font-size: 0.6em;
        padding-left: 1px;
        padding-right: 1px;
    }
}
/* 超大屏 xl */
@media (min-width: 1200px) and (max-width: 1699px)  {
    .manchkbuttonfadis {
        display: none;
    }
    .manchkbuttonfontsize {
        font-size: 0.85em;
        margin: 6px;
        padding: 6px;
    }
    .manchkinfofontsize {
        font-size: 0.9em;
        margin: 1px;
        padding: 4px;
    }
    .manchkbuttonheadfontsize {
        font-size: 1.0em;
        margin: 8px;
        padding: 8px;
    }
    .manchkformfontsize {
        font-size: 0.825em;
        padding-left: 4px;
        padding-right: 4px;
    }
    .manchkformprependfontsize {
        font-size: 0.65em;
        padding-left: 2px;
        padding-right: 2px;
    }
}
/* 超超大屏 xl */
@media (min-width: 1700px) {
    .manchkbuttonfadis {
    }
    .manchkbuttonfontsize {
        font-size: 1.0em;
        margin: 8px;
        padding: 8px;
    }
    .manchkinfofontsize {
        font-size: 1.0em;
        margin: 1px;
        padding: 6px;
    }
    .manchkbuttonheadfontsize {
        font-size: 1.1em;
        margin: 8px;
        padding: 8px;
    }
    .manchkformfontsize {
        font-size: 1.05em;
        padding-left: 12px;
        padding-right: 12px;
    }
    .manchkformprependfontsize {
        font-size: 0.775em;
        padding-left: 6px;
        padding-right: 6px;
    }
}

