@media screen and (max-width: 768px) {

	body {
		background-color: #23262E !important;
        color:#BFBFBF;
	}
    hr{
        background-color: #3F3F3F !important;
    }
    .layui-layer-move{
        background-color: #23262E !important;
    }
    .layui-fluid {
        background-color: #23262E !important;
    }
    .layui-table, .layui-table-view {
        color:#AFAFAF;
        background-color: #23262E !important;
        border-width:0px;
    }
    
    .layui-table, .layui-table-view, .layui-table-tool,.layui-table-header, .layui-table-page, .layuimini-tab,.layui-tab-title,.layui-tab-control li {
        border-color: #4F4F4F !important;
    }
    .layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
        background-color: #1e9fff !important;
    }
    .layui-table-tool{
        background-color:#23262E !important;
    }
    .layui-table-header{
        background-color:#23262E !important;
    }
    th{
        background-color: #23262E !important;
    }
    th div span{
        color:#BFBFBF;
    }
    .layui-table td,
    .layui-table th {
        background-color: #23262E !important;
    }
    
    .table-row-card{
        background-color: #23262E !important;
    }
    .layui-table tbody tr:hover .table-row-card {
        box-shadow: 0 0 5px 3px rgba(100,100,100,0.8);
        background-color: #0C0F13 !important;
    }
    .layui-table tbody tr:hover {
        box-shadow: 0 0 5px 3px rgba(100,100,100,0.8);
        /*background-color: #3F3F3F !important;*/
    }
    .table-board{
        margin:3px;
        padding:5px;
        box-shadow: 0 0 3px 3px #666;
        border-radius: 4px;
    }

    .layui-layer-title {
        background-color: #63666E !important;
        color:#AFAFAF;
    }
    .table-label{
        color:#AFAFAF !important;
    }
    .table-content{
        color:#BFBFBF !important;
    }
    .layui-colla-title {
        background-color: #23262E !important;
        color:#CFCFCF !important;
    }
    .layui-colla-content {
        background-color: #23262E !important;
    }
    .layui-collapse{
        background-color: #23262E !important;
    }

    .layui-layer, .layui-layer-dialog{
        background-color: #4F4F4F !important;
        color:#DFDFDF !important;
        border:1px solid #AFAFAF;
        border-radius: 4px !important;
    }

    .layui-tab{
        background-color: #23262E !important;
    }
    .layui-tab-title{
        background-color: #23262E !important;
        color:#CFCFCF !important;
    }
    .layuimini-tab .layui-tab-title{
        color:#CFCFCF !important;
    }
    .layuimini-tab .layui-tab-title.layui-this{
        color: #1E9FFF !important;
    }
    .layui-this span{
        color: #1E9FFF !important;
    }
/*
    .layui-this.layuimini-tab-active {
        background-color: #BFBFBF !important;
        color:#CFCFCF !important;
    }
    */
    .layui-tab-control li{
        background-color: #23262E !important;
        color:#CFCFCF !important; 
    }
    
    .layui-input{
        background-color: #23262E !important;
        color:aqua !important;
    }
    dl dd{
        background-color: #0C0F13  !important;
        color:#EFEFEF !important;
    }
    .layui-nav-child {
       
        border: 1px solid #AFAFAF;
        background-color: #0C0F13;
    }
    .lay-table-page .layui-laypage {
        color:#CFCFCF !important;
    }
    .layui-laypage a , .layui-laypage span{
        color:#CFCFCF !important;  
    }
    .layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
        border-color: #4F4F4F !important;
        border-top-color: rgb(79, 79, 79) !important;
        border-right-color: rgb(79, 79, 79) !important;
        border-bottom-color: rgb(79, 79, 79) !important;
        border-left-color: rgb(79, 79, 79) !important;
    }
    
    .layui-card{
        background-color: #23262E !important;
    }
    .layui-card-header{
        color:#AFAFAF !important;
        border-bottom: 1px solid #4F4F4F !important; 
     }
    .layui-table-tool-self{
        display: none !important;
    }
    .laydate-footer-btns span {
        background-color: #4F4F4F !important;
    }
    .layui-laydate, .layui-laydate-hint {
        border: 1px solid #4F4F4F !important;
        box-shadow: 0 2px 4px rgb(0 0 0 / 12%)!important;
        background-color: #23262E !important;
        color: #AFAFAF !important;
    }
    .layui-laydate-content th{
        color:#6633FF !important;
    }
    .layui-laydate-content td {
        color: #AFAFAF !important;
    }


    .photo-board {
        box-shadow: 0 0 3px 3px rgba(80,80,80,0.3) !important;
    }

    .layui-btn {
        background-color:#014740 !important;
    }
    .layui-btn-normal{
        background-color:#0e548a !important ;
    }
    .layui-btn-primary{
        background-color: #c0c0c0 !important;
    }
    .layui-btn-warm{
        background-color:#664a04 !important;
    }
    .layui-btn-danger{
        background-color:#612310 !important;
    }
    .layui-btn-disabled{
        background-color:#000000 !important;
    }

    .xui-green{
        color:#028578 !important;
    }

    .xui-red{
        color:#9c2400 !important;
    }
}