/*   */
.tmp{
    vertical-align:middle;
    line-height:00px;
}

body {
    padding-bottom: 70px;
}
td {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}
.red
{
    color:red;
}
.green {
    color: green;
}
.bluetext {
    color: blue;
}
.chagnecolor
{
    color:#bd540a;
}
.notshow
{
    display :none;
}
.integrallistpanl
{
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}
.juniorhighschoolpanl {
}
.juniorhighinsidepanl {
    font-size: .7rem;
}
.juniorhighoutsidepanl {
    font-size: .7rem;
}
.primaryinsidepanl {
    font-size: .7rem;
}
.primaryoutsidepanl {
    font-size: .7rem;
}
.readme {
    font-size: .7rem;
}
.readme1 {
    line-height: 2rem;
}
.loginnoice1
{
    font-size: 1.5rem !important;    
}
/*   */
.signupphoto {
    /*max-width: 256px;*/
    max-width: 400px;
    height: auto;
}
.signupphotoprint {
    max-width: 100px;
    width:100px;
    height: auto;
}
.signupphotoprint160 {
    max-width: 160px;
    width: 160px;
    height: auto;
}
.signupphotoprinttable {
    max-width: 80px;
    width: 80px;
    height: auto;
}
.signupphotoprinttable100 {
    max-width: 100px;
    width: 100px;
    height: auto;
}
.signupbgcolor1 {
    border: 1px solid #0094ff !important;    
}
.signupbgcolor2 {
    border: 1px solid rgb(255, 216, 0) !important;
}
.topbarlogo {
    width: 2rem;
    height: 2rem;
}
.loading {
    width: 180px;
    height: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 56px;
    color: #fff;
    padding-left: 60px;
    font-size: 15px;
    background: #000 url(../images/loading.gif) no-repeat 10px 50%;
    opacity: 0.7;
    z-index: 9999;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    display: none;
}
.loginlogo {
    width: 600px;
    height: auto;    
}

.loginlogo-rounded {
    border-radius: 1rem !important
}

.divPageMash {
    width: 100%;
    overflow: hidden;
    border: 0px;
    display: none;
    z-index: 900;
    position: absolute;
    background-color: #a9a9a9;
    display: none;
}
.maxeditpanl
{
    width:600px !important;
}
.maxinfopanl {
    max-width: 900px !important;
}
/* print-table  */
.main-title {
    text-align: center;
    font: 黑体;
    font-size: 12pt;
    font-weight: bolder;    
    width: 640px;
}

.main-title-nowidth {
    text-align: center;
    font: 黑体;
    font-size: 14pt;
    font-weight: bolder;    
}

.show-see-title {
    text-align: center;
    font: 黑体;
    font-size: 1.5rem;
    font-weight: bolder;
}
.show-main-title {
    text-align: center;
    font: 黑体;
    font-size:2rem;
    font-weight: bolder;
}
.print-main-title-small {
    text-align: center;
    font: 黑体;
    font-size: 1.4rem;
    font-weight: bolder;
    height: 50px;
    width: 90%;
    min-width: 280px;
}
.print-main-title{    
    text-align:center;
    font:黑体;
    font-size:14pt;
    font-weight:bolder;
    height:26px;
    width:640px;
}
.print-main-title960 {
    text-align: center;
    font: 黑体;
    font-size: 18pt;
    font-weight: bolder;
    height: 60px;
    width: 960px;
}
.print-main-title960 .schoolname {
    text-align: center;
    font: 黑体;
    font-size: 14pt;
    font-weight: bolder;
    height: 26px;
    width: 960px;
}
.print-main-960 {    
    font: 黑体;        
    width: 960px;
}
.print-notic {
    text-align: left;
    font-family: FangSong,仿宋,FangSong_GB2312,SimSun,宋体,黑体;
    padding: 10px 10px 10px 10px;
}
.print-notic12pt {
    text-align: left;
    font-family: FangSong,仿宋,FangSong_GB2312,SimSun,宋体,黑体;
    padding: 10px 10px 10px 10px;
    font-size:12pt;
}
.print-split{
    height:20px;
}
.print-split100 {
    height: 100px;
}
.print-page-split {
    height: 50px;
}
.td-split {
    height: 10px;
}
.show-table {
    font-size: .9rem !important;
    word-wrap: break-word;
    table-layout: fixed;    
}

.show-table tr {
    height: 28px;
}

.print-table-small {
    font-size: 1rem;
    word-wrap: break-word;
    table-layout: fixed;
    width: 90%;
    min-width: 280px;
}

.print-table{
    font-size:9pt;
    word-wrap:break-word;
    table-layout:fixed;
    width:640px;
    min-width:640px;
}
.print-table960 {
    font-size: 1.1rem;
    word-wrap: break-word;
    table-layout: fixed;
    width: 960px;
    min-width: 960px;
}
.print-table280 {
    font-size: 1.1rem;
    word-wrap: break-word;
    table-layout: fixed;
    width: 280px;
    min-width: 280px;
}

.print-table340 {
    font-size: 1.1rem;
    word-wrap: break-word;
    table-layout: fixed;
    width: 340px;
    min-width: 340px;
}
.print-table300 {
    font-size: 1.1rem;
    word-wrap: break-word;
    table-layout: fixed;
    width: 300px;
    min-width: 300px;
}
.print-table360 {
    font-size: 1.1rem;
    word-wrap: break-word;
    table-layout: fixed;
    width: 360px;
    min-width: 360px;
}
.print-linktable480 {
    font-size: 11pt;
    word-wrap: break-word;
    table-layout: fixed;
    width: 480px;
}
.print-linktable320 {
    font-size: 11pt;
    word-wrap: break-word;
    table-layout: fixed;
    width: 320px;
}

.showtdtitle {
    font-size: .8rem !important;
    font-weight: bolder !important;
}

.fonttitle {
    font-weight: bold;
}
.tdtitle
{
    font-weight:bolder;
}
.print-remark{
    font-size: .9rem !important;
}

.tdinfofontsize14 {
    font-size: 14pt !important;
}
.tdinfofontsize12 {
    font-size: 12pt !important;
}
.tdinfofontsize10 {
    font-size: 10pt !important;
}
.tdinfofontsize16 {
    font-size: 16pt !important;
}
.tdinfofontsize18 {
    font-size: 18pt !important;
}
.tdinfofontsize20 {
    font-size: 20pt !important;
}
.tdinfofontsize22 {
    font-size: 22pt !important;
}
.tdinfofontsize24 {
    font-size: 24pt !important;
}
.tdinfofontsize28 {
    font-size: 28pt !important;
}

.tdinfofontsize1d2 {
    font-size: 1.2rem !important;
}
.tdinfofontbold {
    font-weight: bolder !important;
}
.print-table tr
{
    height:28px;
}
.print-table960 tr {
    height: 30px;
}
.tr100 {
    height: 100px !important;
}
.tr120 {
    height: 120px !important;
}
.tr150 {
    height: 150px !important;
}
.tr180 {
    height: 180px !important;
}
.tr200 {
    height: 200px !important;
}
.tr240 {
    height: 240px !important;
}
.tr220 {
    height: 220px !important;
}
.tr260 {
    height: 260px !important;
}
.tr280 {
    height: 260px !important;
}
.tr300 {
    height: 300px !important;
}
.tr320 {
    height: 320px !important;
}
.tr340 {
    height: 340px !important;
}
.tr360 {
    height: 360px !important;
}
.tr90 {
    height: 90px !important;
}
.tr90 {
    height: 90px !important;
}
.tr80 {
    height: 80px !important;
}
.tr30 {
    height: 30px !important;
}
.tr45 {
    height: 45px !important;
}
.tr50 {
    height: 50px !important;
}
.tr55 {
    height: 55px !important;
}
.tr60 {
    height: 60px !important;
}
.tr70 {
    height: 70px !important;
}
.print-table-span-120 {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    width: 120px;
}
.print-table-span-160 {    
    white-space:normal;
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;
    width: 160px;
}
.print-table-span-180 {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    width: 180px;
}
.print-table-span-220 {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    width: 220px;
}
.print-table-span-240 {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    width: 240px;
}
.print-table-span-320 {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    width: 320px;
}
.print-table-span-400 {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    width: 400px;
}
.tdheight40 {
    height: 40px;
}
.tdheight60 {
    height: 60px;
}
.tdheight80
{
    height:80px;
}
.tdheight120 {
    height: 120px;
}
.tdheight160 {
    height: 160px;
}
.tdheight240 {
    height: 240px;
}
.tdcenter {
    text-align: center !important;    
}
.center {
    text-align: center !important;
    margin-left: auto;
}
.tdright {
    text-align: right !important;    
}
.tdleft {
    text-align: left !important;    
}
.tdmiddle {
    vertical-align: middle !important;
}
.tdtop {
    vertical-align: top !important;
}
.tdbottom {
    vertical-align: bottom !important;
}
.td40 {
    width: 40px;
}
.td50 {
    width: 50px;
}
.td60 {
    width: 60px;
}
.td80{
    width:80px;
}
.td100 {
    width: 100px;
}
.td120 {
    width: 120px;
}
.td160 {
    width: 160px;
}
.td180 {
    width: 180px;
}
.td200 {
    width: 200px;
}
.td220 {
    width: 220px;
}
.td240 {
    width: 240px;
}
.td260 {
    width: 260px;
}
.td300 {
    width: 300px;
}
.td320 {
    width: 320px;
}
.td360 {
    width: 360px;
}
.td400 {
    width: 400px;
}
.td460 {
    width: 460px;
}
.td480 {
    width: 480px;
}
.td560 {
    width: 560px;
}
.td640 {
    width: 640px;
}
.td720 {
    width: 720px;
}
.td840 {
    width: 840px;
}
.td960 {
    width: 960px;
}
.tdw10{
    width:10%;
}
.tdw15 {
    width: 15%;
}
.tdw20 {
    width: 20%;
}
.tdw25 {
    width: 25%;
}
.tdw30 {
    width: 30%;
}
.tdw40 {
    width: 40%;
}
.tdw50 {
    width: 50%;
}
.tdw75 {
    width: 70%;
}
.tdw100 {
    width: 100%;
}


.my-ml-auto{
    margin:auto;
}
.my-ml-10 {
    margin-left: 10px;
}
.my-ml-20 {
    margin-left: 20px;
}
.my-mr-10
{
    margin-right:10px;
}
.my-mr-20 {
    margin-right: 20px;
}
.my-pl-20{
    padding-left:20px;
}
.my-pr-20 {
    padding-right: 20px;
}
.my-pl-50 {
    padding-left: 20px;
}

.my-pr-50 {
    padding-right: 20px;
}
.my-p-10{
    padding:10px 10px 10px 10px;
}
.pagebreak {
    page-break-after: always;
}
.rowscount {
    font-size:.8rem !important;
}
/* first  */
.codimage{
    margin-left:30px;
    margin-top:20px;
    margin-bottom:20px;
    width:auto;
}

/* login  */
.form-signin {
    width: 100%;
    max-width: 600px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin-inputpanl {
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
}

    .form-signin .checkbox {
        font-weight: 400;
    }

    .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        font-size: 16px;
    }

    .form-signin .form-select {
        padding: 10px;
        height: auto;
        font-size: 16px;
    }

    .form-signin select {
        margin-bottom: 10px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
/* color style */
.yellow {
    background-color: yellow;
}

.blue{
    background-color:blue;
}
.greenyellow {
    color: greenyellow;
}
.modal-dialog-imgsee {
    max-width: 90% !important;
    /*max-height:90% !important;*/
    margin: 1.75rem auto;
}
.modal-dialog-content-imgsee {
    max-width: 100% !important;
    /*max-height: 90% !important;*/
    margin: 1.75rem auto;
}
.modal-dialog-img-ole {
    width:100%;
    height:500px;    
    overflow:scroll;
}

.firstpageicomenu{
    width:64px;
    height:64px;
}
.firstpageicomenutext
{
    font-size:1.1rem;    
}
.firstpageicopanlheight{
    
}
.infoshow {

}
.printcard-maintitle {
    font: 黑体 !important;
    font-size: 24pt !important;
    font-weight: bolder !important;
}

.printcard-nametitle {
    font: 黑体 !important;
    font-size: 18pt !important;
    text-decoration: underline !important;
}

.printcard-text {
    font: 黑体 !important;
    font-size: 18pt !important;    
}

.printcard-text2 {
    font: 黑体 !important;
    font-size: 16pt !important;
}

.printcard {
    border-style:double;    
}

/*多级菜单*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: 0px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 8px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.modal-max {
    max-width: calc(100% - 2rem);
}

.imgbox {
    overflow: auto;
    overflow-y: auto
}

.approval-imgbox {    
    top: 0px;
    left: 0px;
    text-align: center;
    vertical-align:middle;
    overflow: auto;
    overflow-y: auto;
    margin:auto;
}

.approval-btnbox {
    height: 50px;
    /*width: 70px;*/
    position:relative;
    top: 0px;
    left: 0px;
    text-align: left;
}

.approvaltypelselectbox-lg .form-check-input[type="radio"] {
    transform: scale(1.9) !important; /* 调整大小倍数，这里设为 1.5 倍，可按需修改 */
    margin-top: 0.4rem !important; /* 微调垂直位置，保证与文字对齐 */
}

.approvaltypelselectbox-lg .form-check-label {
    margin-left: .8rem !important;
    font-size: 1.1rem !important;
}

/* 自适应配置  */
@media (max-width: 375.98px) {
    .modal-dialog-imgsee {
        max-width: 300px !important;
        margin: 1.75rem auto;
    }

    .loginlogo {
        width: 300px;
        height: auto;
    }

    .my-col3-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col3-large {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-medium {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-small {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-lg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
}
/* Extra small devices (portrait phones, less than 576px)  */
@media (min-width: 376px) and (max-width: 575.98px) {
    .modal-dialog-imgsee {
        max-width: 500px !important;
        margin: 1.75rem auto;
    }

    .loginlogo {
        width: 400px;
        height: auto;
    }

    .my-col3-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col3-large {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col3-medium {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-small {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-lg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
}

/* Small devices (landscape phones, 576px and up)  */
@media (min-width: 576px) and (max-width: 767.98px) {
    .modal-dialog-imgsee {
        max-width: 700px !important;
        margin: 1.75rem auto;
    }
    .loginlogo {
        width: 500px;
        height: auto;
    }
    .my-col3-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col3-large {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col3-medium {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-small {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-lg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
}
/* Medium devices (tablets, 768px and up)  */
@media (min-width: 768px) and (max-width: 991.98px) {
    .modal-dialog-imgsee {
        max-width: 920px !important;
        margin: 1.75rem auto;
    }
    .loginlogo {
        width: 500px;
        height: auto;
    }
    .my-col3-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }


    .my-col3-large {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-medium {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-small {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-lg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666%;
        flex: 0 0 66.6666666%;
        max-width: 66.6666666%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }
}


/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .modal-dialog-imgsee {
        max-width: 1100px !important;
        margin: 1.75rem auto;
    }
    .loginlogo {
        width: 600px;
        height: auto;
    }
    .infoshow {
        /*position: absolute;
        left: 100px;
        top: 150px;*/
        width: 300px;
        position: fixed;
        right: 50px;
        top: 50%;
        margin-top: 0px;
        z-index: 999;
    }
    .my-col3-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col3-large {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-medium {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-small {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-lg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666%;
        flex: 0 0 66.6666666%;
        max-width: 66.6666666%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }
}


/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {
    .loginlogo {
        width: 600px;
        height: auto;
    }
    .infoshow {
        /*position: absolute;
        left: 100px;
        top: 150px;*/
        width: 300px;
        position: fixed;
        right: 50px;
        top: 50%;
        margin-top: 0px;
        z-index: 999;
    }
    .my-col3-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col3-large {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-medium {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col3-small {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .my-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-lg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-long {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666%;
        flex: 0 0 66.6666666%;
        max-width: 66.6666666%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-col2-short {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 5px;
        padding-left: 5px;
    }
}


/*.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }


.modal-dialog-centered-my {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-header,
        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }
}*/