body,html
        {
            margin:0;
            font-family:Arial;
            
        }
        
        #top
        {
            
            background:#497f3a;
            z-index:3;
            min-width: 880px;
            max-width:1920px;
            padding-left: 5px;
            padding-bottom: 15px;
            border-radius:10px 25px;
            
        }
        .selected
        {
            background:#d79583 !important;
        }
        .drag
        {
            
            width:400px;
            height:200px;
            background:#eee;
            z-index:2;
            position: absolute !important;
            display:none;
        }
        .show
        {
            display:block;
        }
        .drag .topic
        {
            position:absolute;
            width:100%;
            text-align:center;
            border-bottom:1px solid black;
            font-size:18px;
            font-weight:bold;
            background:#95d783;
        }
        .drag .border
        {
            
            
            width:100%;
            height:100%;
            border:1px solid black;
            overflow:auto;

            
        }::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background-color: #eaeaea;
            border-left: 1px solid #ccc;
            border-radius: 15px;

        }
        ::-webkit-scrollbar-thumb {
            background-color: #497f3a;
            border-radius: 15px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background-color: #95d783;
            border-radius: 15px;
            
        }
        .border
        {
            background:white;
        }
        .drag table
        {
            width:100%;
            margin-top:20px;
        }
        .drag tr:nth-child(even) {background: #CCC}
        .drag tr:nth-child(odd) {background: #FFF}
        .drag th {
            background:#497f3a;
            color:white;
        }

        .drag tr:hover
        {
            background:#b0f29e;
            cursor:pointer;
        }
        #mem_klip th {
            background:#497f3a;
            color:white;
        }
        #mem_klip tr:hover
        {
            background:#b0f29e !important;
            cursor:pointer;
        }
        #mem_pur th {
            background:#497f3a;
            color:white;
        }
        #mem_pur tr:hover
        {
            background:#b0f29e !important;
            cursor:pointer;
        }
        #dialog_member, #dialog_cut, #dialog_deal, #dialog_changeDeal, #dialog_purchase, #dialog_newmember, #dialog_hidden_membership, #dialog_streamer, #dialog_openbhcompany, #dialog_reminder,#dialogorder, #jsonPreview, #dialogmeasurements, #ratingorder,#dialog_bd_reminder, #dialog_udbud {
            display:none;
        }
        .description {
            display:inline-block;
            width:350px;
            border-right:1px dashed #aaa;
            border-bottom:1px solid #aaa;
            margin-bottom:5px;
        }
        .value {
            margin-left:20px;
            border-bottom:1px solid #aaa;
        }
        .picker__header select {
            padding: 5px;
        }
        .collapsible
        {
            display:none;
        }
        .openCollapse{
            cursor:pointer;
            display:inline-block;
        }
        .mem_cut
        {
            font-size:14px;
            border-bottom:1px solid #ddd;
            padding:5px;
        }
        .mem_pur_l
        {
            font-size:14px;
            border-bottom:1px solid #ddd;
            padding:5px;
        }
        #changeDealTable th {
            background:#497f3a;
            color:white;
        }
        #changeDealTable tr:nth-child(even) {background: #CCC}
        #changeDealTable tr:nth-child(odd) {background: #FFF}
        #changeDealTable tr:hover
        {
            background:#b0f29e !important;
            cursor:pointer;
        }
        #mem_klip tr:nth-child(even) {background: #CCC}
        #mem_klip tr:nth-child(odd) {background: #FFF}
        #mem_pur tr:nth-child(even) {background: #CCC}
        #mem_pur tr:nth-child(odd) {background: #FFF}
        .menu {
            display:inline-block;
            list-style:none;
            cursor:pointer;
        }
        .menu li ul
        {
            display:none;
            position:absolute;
            z-index:20;
            background:#b0f29e;
            list-style:none;
        }
        .menu li ul li
        {
            padding:5px;
        }
        .menu li ul li input
        {
            
        }
        .menu li:hover > ul
        {
            display:block;
        }
        .hovtrig
        {
            display:block !important;
        }
        form
        {
            display:inline-block;
            width:100%;
        }
        .print
        {
            width:20px;
            height:20px;
            
            display:inline-block;
            background-image:url(../download.png);
            background-repeat:no-repeat;
            float:right;
            cursor:pointer;
        }
        canvas
        {
            height:calc(100% - 26px);
            width:100%;
        }
        .menu_action:hover
        {
            background:#73ad63;
        }
        .listedBHComp
        {
            cursor:pointer;
        }
        .listedBHComp:hover
        {
            background:#73ad63;
        }
        .acCompany
        {
            border-bottom:1px solid #ddd;
            margin-bottom:5px;
            padding-bottom:5px;
        }