body{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.8em; font-weight: 400; background-color: #ebebeb; }

/* General */
    .mobile{ display: none !important; }
    .mobile-flex{ display: none !important; }
    .desktop{ display: block !important; }
    
    a{ text-decoration: none; }
    .bold{ font-weight: 700 !important; }

    .va-m{ vertical-align: middle !important; }

    .ta-c{ text-align: center !important; }
    .ta-r{ text-align: right !important; }
    .ta-l{ text-align: left !important; }

    .fl-r{ float: right !important; }

    
    .w40{ width: 40px; }
    .w45{ width: 45px; }
    .w50{ width: 50px !important; }
    .w60{ width: 60px; }
    .w70{ width: 70px; }
    .w80{ width: 80px; }
    .w90{ width: 90px; }
    .w100{ width: 100px; }
    .w120{ width: 120px; }
    .w140{ width: 140px; }
    .w150{ width: 150px; }
    .w160{ width: 160px; }
    .w180{ width: 180px; }
    .w200{ width: 200px; }
    .w250{ width: 250px !important; }
    .w300{ width: 300px; }
    .w350{ width: 350px; }
    .wAuto { width:auto !important; }

    .minw-50{ min-width: 50px !important; }
    .min-w50{ min-width: 50px; }
    .min-w80{ min-width: 80px; }
    .min-w100{ min-width: 100px; }
    .min-w150{ min-width: 150px; }
    .min-w200{ min-width: 200px; }

    .min-h200{ min-height: 200px !important; }

    .mr-auto{ margin-right: auto !important; }

    .ml-5{ margin-left: 5px !important; }
    .mt-10{ margin-top: 10px !important; }

    .mt-10{ margin-top: 10px !important; }
    .mt-20{ margin-top: 20px !important; }
    
    .mb-10{ margin-bottom: 10px !important; }
    .mb-20{ margin-bottom: 20px !important; }
    .mb-50{ margin-bottom: 50px !important; }
    
    .pt-20{ padding-top: 20px !important; }
    
    .pb-20{ padding-bottom: 20px !important; }

    .color-white{ color: #fff !important; }

    .redBold { color: #e10000; font-weight: bold; }

    .no-padding{ padding: 0 !important; }

    .no-border-right{ border-right: none !important; }

    .hidden{ display: none !important; }
    .clear { clear: both; }
    
    .overflow-none{ overflow: hidden; }

    .row{ row-gap: 10px; }

    #content { margin-top: 80px; height: auto; min-height: calc(100vh - 80px); display: flex; }
   

/* SVG */
    .svgIcon { width: 24px; height: 24px; fill: none; stroke: #444444; max-width: 100%; max-height: 100%; }

/* Header */
    .header_row{ height: 80px; background-color: #ffffff; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05); padding: 15px 25px; display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 80px; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 99; }

    #top_logo .logo .svgIcon { margin-right: 60px; width: 180px; height: 40px; stroke: none; }
    .header_row .search-box{ position: relative; }
        .header_row .search-box label{ position: absolute; left: 15px; border-right: 1px solid #e6e7ec; padding-right: 10px; height: 100%; }
        .header_row .search-box label .search_icon{ width: 20px; height: 20px; display: inline-block; margin-top: 6px; }
        .header_row .search-box .search_icon .svgIcon { width: 20px; height: 20px; margin-top: 2px; }
        .header_row .search-box input{ width: 270px; max-width: 100%; height: 36px; background-color: #f6f7fb; border: 1px solid #e6e7ec; border-radius: 100px; padding: 0 15px 0 50px; outline: none; transition: width 0.8s ease-in-out;  }
        .header_row .search-box input:focus{ width: 300px; border: 1px solid #707070; }
        /* .header_row .search-box.active .search-input { border: 1px solid #707070; } */
        .header_row .search.active input { border: 1px solid #707070; }
	    .header_row .search.active label { border-right: 1px solid #e6e7ec; }

        .header_row .site-logo .svgIcon { margin-right: 60px; width: 180px; height: 40px; stroke: none !important; }

        .search-box.active .search-input { border: 1px solid #707070; }
        .search-box.active .search-label { border-right: 1px solid #e6e7ec; }

        .search-box .results, .searchAutoComplete .results { position:absolute;top:38px;left:37px;border:1px solid #707070; width:300px;max-height: 200px;overflow-y: auto;background-color:#f6f7fb;padding:0;margin:0;z-index:99;font-size:11px; }
        .search-box .results li, .searchAutoComplete .results li { border-bottom:1px solid #707070;display:block;width:100%; }
        .search-box .results li:last-child, .searchAutoComplete .results li:last-child { border-bottom: 0; }
        .search-box .results li a, .search-box .results li span:not(.icon_type) { position:relative;display:inline-block;width:100%;line-height:24px;padding:5px 8px 5px 40px; box-sizing:border-box;color:#000;text-decoration:none; }
        .search-box .results li a:hover{ background-color:#f0f0f0; }
        .search-box .results li .svgIcon{ width: 24px; height: 24px; margin-right: 10px;position:absolute;left:8px;top:5px; }

        .searchAutoComplete .results { left:170px;width:calc(100% - 172px); }
        .searchAutoComplete .results li:first-child { border-top:1px solid #707070; }
        .searchAutoComplete .results li { padding:2px 5px;box-sizing:border-box;cursor:pointer; }
        .searchAutoComplete .results .card { display:none; }
        .searchAutoComplete .results .card label { font-weight:bold; }

    .user_profile{ display: flex; border-right: 1px solid #e6e7ec; margin-left: auto; padding-right: 45px; margin-right: 20px; text-decoration: none; align-items: center; }
        .user_profile .user_icon{ height: 24px; }
        .user_profile .name{ font-size: 12px; color: #363636; font-weight: 600; margin-bottom: 0px; margin-left: 10px; }
    #logout{ display: flex; align-items: center; text-decoration: none; }
        #logout .name{ color: #898989; font-size: 12px; font-weight: 600; margin-bottom: 0px; margin-left: 10px; }
        #logout .icon{ height: 24px; }
        #logout .svgIcon { stroke: #f32936; }

    body.archive .header_row{ background: #335c85; }
    body.archive .header_row .svgIcon{ stroke: #fff !important; }
    body.archive .header_row .logo .svgIcon{ stroke: none !important; }
    body.archive .header_row #logout .name,
    body.archive .header_row .user_profile .name{ color: #fff; }
    body.archive .header_row .archive_title{ color: #fff; font-size: 30px; font-weight: 700; margin-left: 40px; }

/* Menu */
    #menu{ height: auto; position: absolute; min-height: 100%; width: 220px; background-color: #003366; padding: 30px 15px 80px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; min-height: calc(100vh - 80px); overflow: auto; position: relative; top: 0; left: 0; z-index: 9; -ms-overflow-style: none; }
    #menu::-webkit-scrollbar { display: none; }

        #menu ul { margin: 0px; padding: 0px; list-style: none; }      
            #menu > ul > li ul { display: none; }
            #menu > ul > li.active ul { display: block; }
            #menu > ul > li { padding-bottom: 15px; }
        
            #menu ul li a { color: #ffffff; position: relative; padding: 5px 5px 5px 40px; display: block; font-weight: 400; font-size: 14px; text-decoration: none; }
      
        #menu ul li.active > a { background-color: #27639f; border-radius: 5px; border-bottom: none; }
        #menu ul li a svg { display: inline-block; position: absolute; left: 10px; width: 24px; height: 24px; stroke:#fff; }
      
        #menu ul li:not(.active) .sub-menu li:first-child a { border-top: 1px dashed #335c85; }
        #menu ul li .sub-menu a:not(.active) { border-bottom: 1px dashed #335c85; font-size:12px; }
        #menu ul li a .arrow{ display: inline-block; width: 24px; height: 24px; position: absolute; right: 0px; }
        #menu ul li a .arrow svg{ position: unset; }
        #menu ul li.active a .arrow{ transform: rotate(90deg); }

        #menu .user-profile .user-avatar{ width: 20px; height: 20px; }
        #menu .user-profile .user-avatar svg{ stroke: #fff; fill: #fff;  }
      
        .copyright { text-align: center; color: rgba(255, 255, 255, 0.3); margin-top: 50px; background: #003366; position: absolute; left: 0; bottom: 0; padding: 20px 0; width: 220px; font-size:11px; }
    

/* Buttons*/
    .btn{ min-height: 16px; line-height: 16px; padding: 4px 10px; border-radius: 4px; font-size: 14px; color: #ffffff; font-weight: 700; border: none; text-transform: uppercase; }
        .btn:hover{ cursor: pointer; }

        .btn.search-submit{ text-transform: capitalize; display: flex; align-items: center; gap: 6px; }
            .btn.search-submit svg{ width: 12px; height: 28px; display: inline-block; stroke: #fff; max-width: unset; }
        .btn.search-clear{ width: 28px; min-width: 28px; background-color: #6f6f6f; padding: 4px; }
            .btn.search-clear svg{ width: 20px; height: 20px; color: #fff; stroke: #fff; }

        .btn.large{ min-width: 170px; min-height: 42px; font-size: 16px; }

        .btn.green{ background-color: #76ab2c; }
            .btn.green:hover{ background-color: #6b9e23; }
        .btn.gray{ background-color: #ccc; color: #707070; }
        .btn.blue{ background-color: #02488f; }
        .btn.yellow{ background-color: #ff9900; }

        .btn.red{ background-color: #f32836; }

        .btn.remove_icon{ display: flex; justify-content: center; align-items: center; }
            .btn.remove_icon svg{ width: 28px; height: 28px; stroke: #fff; margin-right: 10px; }
        
        .btn.add_btn{ text-transform: uppercase; position: relative; }
            .btn.add_btn svg{ width: 16px; height: 16px; stroke: #fff; position: relative; top: 3px; left: -3px; }
        
        .btn.check_icon{ display: flex; justify-content: center; align-items: center; }
            .btn.check_icon svg{ width: 20px; height: 20px; position: relative; left: -12px; }

   
/* Content */
    .title{ padding: 5px 0px 10px; font-size: 30px; color: #02488f; font-weight: 700; margin-bottom: 15px; }    

    .white_box{ border-radius: 5px; background-color: #ffffff; padding: 15px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
    .white_box .block_title{ font-size: 24px; color: #363636; font-weight: 600; padding: 6px 0px; margin: 0; border-bottom: 1px solid #ebebeb; margin-bottom: 25px; }
    
    .white_box .block_title.togglable{ cursor: pointer; display: flex; justify-content: space-between; }
        .white_box .block_title.togglable svg{ width: 24px; height: 24px; stroke: #969696; }
        .white_box .block_title.togglable.active svg { transform: rotate(90deg); }

    .title_row{ background-color: #707070; display: flex; align-items: center; justify-content: space-between; padding: 0px 20px; min-height: 50px; }
        .title_row .name{ font-size: 24px; color: #ffffff; font-weight: 600; margin-bottom: 0px; padding: 10px 0; }
    .table_title_row{ background-color: #d2d2d2; min-height: 50px; }

    .content{ width: calc(100% - 220px); padding: 30px 20px; box-sizing: border-box; }
    
    .table_wrapper{ overflow: auto; }
    .full-wrapper{ position: relative; width: 100%; }

    .setup_content{ margin: 150px auto 0; text-align: center; }
    .setup_content .center-wrapper{ margin: 0 50px; }
    .setup_content .center-wrapper .title{ padding: 5px 5px 10px 15px; font-size: 36px; line-height: 36px; color: #02488f; text-transform: uppercase; font-weight: 600; }
    .setup_content .desc { width: 300px; display: inline-block; }
    .setup_content .code { font-size: 16px; color: #363636; font-weight: 600; text-align: center; padding: 25px 0px 20px; }
    
/* Error screen*/ 
    .error_content{ margin: 150px auto 0; text-align: center; }
    .error_content .title{ font-size: 36px; line-height: 36px; color: #02488f; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; }
    .error_content .code{ font-size: 16px; color: #363636; font-weight: 600; text-align: center; padding: 25px 0px 20px; }
    .error_content .btn{display: inline-block; line-height: 32px; }

/* Table */
    table{ width: 100%; }
    table th{ padding: 10px; font-size: 14px; color:#111111; font-weight: 600; position: relative; text-align: left; border-right: 1px solid #c1c1c1; vertical-align: middle; border-bottom: 1px solid #c1c1c1; white-space: nowrap; }
    table th.cell_no_border{ border-right: none; }
    table th:last-child{ border-right: none; }
        table th .sort_link{ color: #111; display: flex; align-items: center; justify-content: space-between; position: relative; padding-right: 20px; }
        table th .sort_icon{ position: absolute; top: 6px; right: 4px; content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 5px;background: url('../img/sprite.png') no-repeat 0 0; }
        table th .sort_link.asc .sort_icon{ background-position: -12px 0; }
        table th .sort_link.desc .sort_icon{ background-position: -24px 0; }
        table th .table_head_options{ display: flex; align-items: center; justify-content: flex-end; }
        table th .table_head_options .tableSettings{ cursor: pointer; }

        table tbody tr.filter_row td { border-bottom: 1px solid #c1c1c1; vertical-align: middle; }
        table tbody tr.filter_row .half { display:inline-block; position:relative; width:49%; float:left; }
        table tbody tr.filter_row .half:last-child { margin-left:2%; }
        table tbody tr.filter_row .form-group{ margin-bottom: 0px; }
        
        table tbody{ font-size: 12px; color: #111111; }
        table tbody td{ padding: 10px 10px; border-bottom: 1px solid #ebebeb; line-height: 1.3em; }
        table.va-top tbody td{ vertical-align: top; }
        table.small_padding tbody td{ padding: 0px 4px; }
        table tbody tr:not(.noHL):hover { background-color: #f6f7fb; }
        table tbody tr.invalidRow td{ background: #f7dcdc; }
        table tbody td .checkbox .checkmark{ top: 8px; }
        table tr th .checkbox .checkmark{ top: -2px; }

        table .sortable td{ vertical-align: middle; }
        table .sortable td.reposition{ line-height: 0; }
        
    .more_option_block{ position: relative; text-align: right; }
        .more_option_block .dots{ display: flex; }
        .more_option_block .icon{ cursor: pointer; }
        .more_option_block .options{ display: none; }
        .more_option_block.active .options{ border: 1px solid #c1c1c1; right: 0; display: flex; flex-direction: column; position: absolute; width: 210px; background: #fff; border-radius: 5px; z-index: 999; box-shadow: 1px 1px 2px #2624243b; padding: 8px; text-align: center; top: 28px; }
        .more_option_block .options a{ border-bottom: 1px solid #02488f !important; display: flex; align-items: center; justify-content: left; gap: 5px; color: #111111; }
        .more_option_block .options a svg{ width: 20px; height: 20px; }
        .more_option_block .options a:last-child{ border-bottom: none; }
        .more_option_block .options a:hover{ background: #eaeaea; }

        .title_row .more_option_block svg{ stroke: #ccc; color: #ccc; }

    .import-table th { min-width: 150px; }
    .import-table th:first-child, .import-table th:last-child { min-width:50px; }
    .import-table td { padding:3px !important;vertical-align: top; }
    .import-table td:first-child, .import-table td:last-child { padding:10px !important;vertical-align: middle; }
    .import-table .import-input { margin-bottom: 0px; }
    .import-table .import-input label.checkbox { margin-top:5px; display:inline-block; height: 25px; }
    .import-value { display:inline-block;font-size:10px;color:#999;margin-top:3px; }
    .import-value.alert { color:#f32836; }

    .not-found-row td { padding: 20px !important; font-size: 14px; }
    .infoLine { background-color: #a3a3a3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px 20px; height: 40px; font-size: 16px; color: #ffffff; }

    .errorLine td { background-color:#ffd4d7; }
    .errorLine td.errorCell { font-weight:bold; color:#e10000; background-color:#ffb3b8; }
    .highlightRed td { background-color: #fff4f2; }

    #pricesheetTable .monthsBlock { padding: 0 0 15px;background-color:#ebebeb; }
    #pricesheetTable .monthsBlock table { width:100%;background-color:#ffffff; }
    #pricesheetTable .monthsBlock table th { width:8.33%; }
    #pricesheetTable .monthsBlock .gray { background-color:#fafafa; }

    .extra_info { font-size:11px;color:#333;font-weight:normal; }
    
    .reposition span{ display: inline-block; width: 24px; height: 24px; }
    .reposition span:hover{ cursor: all-scroll; }

/* Pagination */
    .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; }
    .pagination .label { font-size: 14px; color: #111111; font-weight: 600; margin-right: 10px; margin-left: 10px; }
    .pagination .nav-links .page-number { display: inline-block; min-width: 24px; height: 32px; padding: 0 4px; line-height: 32px; border: 1px solid #02488f; color: #02488f; text-align: center; margin: 0 1px; font-size:12px; border-radius: 5px; background-color: #fff; }
    .pagination .nav-links .page-number.current { background-color: #02488f; color: #ffffff !important; }
    #pagination-current { display: inline-block; width: 32px; height: 32px; line-height: 32px; border: 1px solid #02488f; color: #000; text-align: center; padding: 0; margin: 0 20px 0 0; font-size:12px; border-radius: 5px; background-color:#f5f5f5; }

/* Form */
    .form-group { position: relative; padding-left: 170px; margin-bottom: 20px; overflow: hidden; }
        .form-group.search-group{ display: flex; gap: 5px; }
        .form-group.buttons_row{ padding-left: 0; }
        .form-group.no_label{ padding-left: 0; }
        .form-group .form_block{ display: flex; gap: 5px; }
        .select_block{ position: relative; width: 100%; }
        table td .form-group { padding-left: 0; }
        .form-group .label { position: absolute; left: 0px; top: 6px; font-size: 14px; color: #111111; font-weight: 400; }
        .label .star, .star.red{ color: #f32836; }
        .form-group .date_period{ display: flex; gap: 10px; align-items: center; }
        .form-input { border: 1px solid #e1e1e1; border-radius: 4px; background-color: #ffffff; width: 100%; min-height: 40px; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px 0 3px; outline: none; }
        .form-input[readonly],
        .form-input[disabled] { background-color:#ebebeb; }
        .form-input.selected { background-color: #f6f7fb; }
        .form-input:focus{ border: 1px solid #003366; }
        select.form-input{ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; -o-text-overflow: ''; text-overflow: ''; }
        textarea.form-input { padding-top: 5px; padding-bottom: 5px; min-height:80px; line-height: 20px; max-height:25vh; resize: vertical; }
        /* .form-group .form-input { min-height: 28px; line-height: 28px; } */
        .select-arrow { position: absolute; top: 0px; right: 0px; pointer-events: none; overflow: hidden; background-color: #c2c2c2; width: 30px; height: 42px; max-height: 100%; text-align: center; line-height: 28px; border-radius: 0px 4px 4px 0px; display: flex; justify-content: center; align-items: center; }
            .select-arrow svg{ stroke: #363636; }

        .form-block .form-group .select2-container{ width: 100% !important; }

        
        .form-group .date_from{ width: calc(50% - 20px); max-width:150px; margin-right: 10px; }
        .form-group .date_to{ width: calc(50% - 20px); max-width:150px; margin-left: 10px; }

        .filter_row .form-input{ min-height: 28px; line-height: 28px; }
        .filter_row .btn{ height: 28px; }
        
        .filter_row .select2-container{ width: 100% !important; }

        .remaining_characters { font-size:11px; text-align:right; }

        .buttons_row{ display: flex; justify-content: space-between; }
		
        .options_row{ display: flex; justify-content: space-between; }

        .form-group.searchAutoComplete { position:relative;overflow:visible; }
        .form-group.searchAutoComplete .svgIcon { position:absolute;top:11px;left:180px;width:20px;height:20px; }
        .form-group.searchAutoComplete .form-input { padding-left:42px; }
        .form-group.searchAutoComplete input.acAddress  { width: calc(100% - 100px); }
        .form-group.searchAutoComplete input.acAddress + .btn { float: right; width: 16%; height: 42px; line-height: 34px; text-align: center; cursor: pointer; width: 90px; }



    .multiListColumnTitle { text-align: center; margin-bottom: 5px; display: block; padding-right: 0px; font-size: 12px; line-height: 12px; padding-left: calc(100% - 125px); }

    .multiList { list-style:none;margin:0;padding:0; }
        .multiList li { display:inline-block; padding:5px 8px; background:#ccc; border-radius:3px; font-size:12px; line-height:16px; height : auto; min-height:16px; margin-right:5px; margin-bottom:5px; margin-top: 10px; }
        .multiList.complect_content_list li { display: flex; justify-content: space-between; align-items: center; }
        .multiList li .remove { width:12px;height:12px;background:url('../img/sprite.png') no-repeat -108px 0px;float:right;margin:2px 0 0 5px;cursor:pointer; }

        .select2 .select2-selection__arrow{ display: none; }
        .select2 .select2-selection{ border: 1px solid #e1e1e1 !important; }
        .select2.select2-container--open .select2-selection{ border: 1px solid #003366 !important; }
        .select2-container .select2-selection--single{ min-height: 40px; height: auto !important; }
        .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 40px !important; }
        .select2-search--dropdown .select2-search__field{ outline: none; }
        
        .filter_row .select2-container .select2-selection--single{ min-height: unset; height: auto !important; }
        .filter_row .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 28px !important; }
        
        .select2-dropdown{ border: 1px solid #003366 !important; border-top: none !important; }

    .statuses_block{ display: flex; flex-direction: column; gap: 5px; width: auto; align-items: flex-start; }
    .status{ display:inline-block;padding:4px 8px;font-size:11px;border-radius:3px;line-height:20px;color:#fff;background-color:#ccc;white-space: nowrap; }
        .status.red { background-color:#dc5655; }
        .status.purple { background-color:#c03eb8; }
        .status.blue { background-color:#0083b9; }
        .status.yellow { background-color:#e9ac3f; }
        .status.green { background-color:#3ebb60; }
        .status.gray { background-color:#bbbbbb; }
    .status svg { width:16px; height:16px; margin-left:5px; float:right; stroke:#fff ;margin-top:2px; }

    .link_list{ list-style: none; margin: 0px; padding: 0px; }
        .link_list li{ display: block; }
        .link_list li a{ display: block; padding: 7.65px 15px; font-size: 14px; color: #111111; font-weight: 400; border-bottom: 1px solid #ebebeb; position: relative; padding-right: 30px; }
        .link_list li.active a{font-weight: 600; color: #004d87; }
        .link_list li a .arrow{ position: absolute; top: 8px; right: 5px; }
        .link_list li a .arrow svg{ stroke: #929292; }

    .link{ color: #003366; text-decoration: none; cursor: pointer; }
        .link:hover{ cursor: pointer; }
    .link_underline{ text-decoration: underline; }
        .link_underline:hover{ text-decoration: none; }

    .edit{ color: #02488f; text-decoration: none; border-bottom: 1px solid #02488f; }
        .edit:hover{ cursor: pointer; border-bottom: none; }

    .error-field,
    .error-field + .select2-container .select2-selection { border: 1px solid #f32836 !important; }
        

    .checkbox { display: block; position: relative; cursor: pointer; font-size: 14px; color: #707070; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 35px; }  
        .checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
        .radio.checkbox .checkmark { border-radius: 100px; }

        .checkbox .checkmark { position: absolute; top: 3px; left: 0px; height: 20px; width: 20px; border: 1px solid #ccc; border-radius: 5px; }
        .checkbox .checkmark svg{ stroke: #003366; display: none; color: #036; width: 24px; height: 22px; max-width: unset; max-height: unset; position: absolute; left: 1px; top: -3px; }
        .radio.checkbox .checkmark svg { display: none !important; }
        .radio.checkbox .checkmark:after{ content: ''; width: 12px; height: 12px; display: inline-block; background-color: #036; position: absolute; z-index: 10; top: 3px; right: 3px; border-radius: 50%; display: none; }

        .checkbox input:checked~.checkmark{ border-color: #707070; }
        .checkbox input:checked~.checkmark svg { display: block; }
        .radio.checkbox input:checked~.checkmark:after{ display: block; }
        table .checkbox{ display: inline; padding-left: 30px; top: -4px; }
        table th .checkbox{ top: 0px; }

        .form-group .checkbox { margin-top: 5px; display: block; }

        .form-group.simple-checkbox { padding-left: 0px !important; display: block; width: 24px; margin-bottom: 0px; height: 24px; margin-left: auto; margin-right: 20px; }
        .form-group.simple-checkbox .checkbox { margin-top: 0px; padding-left: 0px; width: 24px; height: 20px; }
        .form-group.simple-checkbox .checkbox .checkmark { border-color:#fff; }
        .form-group.simple-checkbox .checkbox input:checked~.checkmark { border-color: #707070; }

    .search_row{ display: flex; gap: 10px; justify-content: center; }
        .search_row .form-group{ width: 33%; padding-left: 0; position: relative; }
        .search_row .form-group .select2-container{ max-width: 100%; }

    .toggleDistributions { cursor:pointer;transform: rotate(-90deg);transition: transform 0.3s ease; }
    .toggleDistributions.active { transform: rotate(0); }

    .export_row{ display: flex; gap: 10px; justify-content: end; padding: 10px; flex-wrap: wrap; }
        .export_row .btn{ display: flex; gap: 3px; justify-content: center; align-items: center; }


        .card { display:block;padding:8px;background:#ebebeb;border-radius:3px;font-size:12px;line-height:24px;min-height:24px;margin-top:5px;border: 1px solid #e1e1e1; }
        .card a { float:right;margin-left:10px;margin-right:10px; }
        .card .remove { width:12px;height:12px;background:url('../img/sprite.png') no-repeat -48px -22px;float:right;margin:6px 0 0 5px;cursor:pointer;background-size:150px 85px; }
        .card .details { list-style:none;padding:0;margin:0; }
        .card .details label { font-size: 11px;display: inline-block;width: 80px;  text-align: right;margin-right: 10px; }
        
        
/*** Calendar ***/
    .calendar_block{ display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }
        .calendar_block h5{ font-size: 16px; text-align: center; margin-bottom: 15px; font-weight: 600; }
        .calendar_block th{ text-align: left; padding: 10px; font-size: 14px; color: #111111; font-weight: 600; min-width: 50px; }
        .calendar_block td{ min-width: 30px; padding: 10px 10px; border-bottom: 1px solid #ebebeb; line-height: 1.3em; font-size: 12px; color: #111111; position: relative; }
        .calendar_block td.active{ background-color: #daf5bc;cursor:pointer; }
        .calendar_block td.holiday{ background-color: #fbe2dd; }
        .calendar_block td.today{ background-color: #ffdb9c; }
        .calendar_block td.past{ opacity:0.3; }

        .calendar_block.large td{ padding: 0 2px; min-height: 100px; padding-bottom: 10px; height: 100px; border: 1px solid #ebebeb; }
        .calendar_block.large tbody tr:first-child td{ border-top: none; }
        .calendar_block.large label{ display: inline-block; width: 25px; text-align: center; padding: 0 5px 10px !important; font-size: 20px; border-bottom: 1px solid #000; margin-bottom: 10px; margin-left: 10px; margin-top: 10px; }

        .calendar_block td .add{ display: none; width: 16px; height: 16px; padding: 0; line-height: unset; float: right; text-align: center; line-height: 21px; }
        .calendar_block td:hover .add{ display: inline-block; }
        .calendar_block td .add svg{ width: 16px; height: 16px; stroke: #fff; }

        .holidayTable .count { position:absolute; top:10px; right:5px; background-color:#0083b9; color:#fff; border-radius:10px; height:20px; width:20px; text-align:center; font-size:11px; line-height:20px; }
        .holidayTable td:hover{ cursor: pointer; }

/*** Datepicker ***/
    .ui-datepicker{ z-index: 999 !important; }
        .ui-datepicker .ui-datepicker-header{ background-color: #02488f; color: #fff; }
        .ui-datepicker .ui-datepicker-header .ui-icon{ background-image: url("../plugins/jquery-ui/images/ui-icons_ffffff_256x240.png") !important; }
        .ui-datepicker td span, .ui-datepicker td a{ text-align: center !important; }
        
        .ui-datepicker .ui-datepicker-header .ui-state-hover.ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-header .ui-state-hover.ui-datepicker-prev-hover{ border: none; background: #b5b5b5; cursor: pointer; }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ background: #edaa29 !important; color: #fff !important; }
        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border: 1px solid #0b2f9d !important; background: #02488f !important;}

        
/***** Filesd rop zone *****/
    .upload-drop-zone { text-align: center; position: relative; padding: 15px 10px; font-size: 14px; min-height: 24px; line-height: 24px; border: 1px dashed  rgba(0,0,0,.15);color: #444444;border-radius:5px; font-weight: 300;cursor:pointer;background-color:#eee; }
        .upload-drop-zone:hover { background-color:#f8f8f8; }
        .upload-drop-zone.drop { color: #222; border-color: rgba(87, 170, 240, 0.780392);}
        .upload-drop-zone.drop:before { background-position: -60px -330px; }
        .upload-drop-zone > div { display:inline-block; }
        .upload-drop-zone svg { float:left;margin-right:15px; }

    .file-list { list-style:none;margin:0; display: flex; flex-direction: column; gap: 10px; }
        .file-list li { border-radius:5px; padding:10px;color:#fff; min-height:24px; line-height:24px; }
        .file-list li .svgIcon { float:left; stroke:#ffffff; margin-right:10px; }
        .file-list li.green { background-color:#75ac2b; }
        .file-list li.red { background-color:#f32836;color:#fff; }

    .statusbar { margin:5px 0; height:35px; padding:5px 0 40px; border-bottom:1px dashed #ccc; }
        .statusbar .filename { font-weight:bold;font-size:12px;padding-bottom:5px;float:left;height:20px;line-height:20px; }
        .statusbar .abort .svgIcon { width:24px;height:24px;fill:none;stroke:#e10000; }
        .statusbar .filesize { width:70px;height:20px;line-height:20px;display:inline-block;font-size:11px;float:right;text-align:right;padding-bottom:4px;margin-right:15px; }
        .statusbar .progressBar { height:4px;padding:0; }
        .statusbar .progressBar div { background-color:#0083b9;height:4px;line-height:22px;font-size:11px; }

/*** Notifications ***/
    .notification{ color: #ffffff; border-radius: 5px; padding: 10px 5px 10px 15px; margin-bottom: 15px; }
        .notification.success{ background-color: #75ac2b; }
        .notification.success .icon{ width: 20px; height: 20px; display: block; float: left; margin-top: 2px; margin-right: 10px; }
        .notification.error{ background-color: #f32836; }
        .notification.error h4{ font-size: 20px; }
        .notification.error ul{ list-style: none; padding-left: 30px; padding-top: 10px; }
        .notification.alert{ background-color: #27639f; }

        .notification .button_row{ display: flex; gap: 5px; }
        .notification .button_row .btn.check_icon svg{ left: -4px; }

/*** Not found ***/
    #not_found { text-align:center; }
    #not_found h1 { font-size:52px;margin-top:100px;margin-bottom:50px; }
    #not_found h2 { font-size:26px;margin-bottom:50px; }
    #not_found a { display:inline-block;line-height:42px; }

/*** Popup ***/
    #overlay{ position:fixed;top:0px;left:0px; bottom:0px;right:0px; background-color:rgba(0, 0, 0, 0.6); z-index: 500; }
    #popup { position: fixed; display: inline-block; padding: 10px 20px 20px;min-width:400px; background-color: #fbfbfb; z-index: 900; }
    #popup.addressPopup { min-width: 800px; }
        #close_popup { position: absolute; cursor: pointer; width: 24px; height: 24px; background: url('../img/sprite.png') no-repeat; background-position: -96px -44px; top: 12px; right: 12px; }
        #popup h3:not(.title) { font-size: 18px; color: #02488f; text-align: left;line-height:25px;padding-bottom:10px; }
        #popup h3.title { font-size: 18px; }
        #popup a { color:#000;text-decoration:underline; }
        #popup a:hover { text-decoration:none; }
        #popup #popupContent { max-height:70vh;overflow-y:auto; }
        #popup #popupContent .row{ margin-left: 0; margin-right: 0; }
        #popup .ticket-filter-box .tk-header { padding: 0px 10px; height: 40px; }
        #popup #popupContent .form-group{ margin-bottom: 10px; }

        #popup table{ width: 100%; border-radius: 5px; background-color: #ffffff; margin-bottom: 20px; }
        #popup table{ width: 100%; border-radius: 5px; background-color: #ffffff; margin-bottom: 20px; }


        #addressContactsData .form-group{ padding-left: 0; }
        #addressContactsData .form-group .label{ position: unset; }