.contracts-template-container-page[data-v-201b0c51]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-base);height:100%}.contracts-template-container-page .contracts-header[data-v-201b0c51]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contracts-template-container-page .contracts-header .contracts-header-menu[data-v-201b0c51]{width:100%;gap:var(--space-sm)}.contracts-template-container-page .contracts-header .contracts-header-menu .date-filter-area[data-v-201b0c51],.contracts-template-container-page .contracts-header .contracts-header-menu[data-v-201b0c51]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contracts-template-container-page .contracts-header .contracts-header-menu .date-filter-area .lesson-filter-date-display[data-v-201b0c51]{cursor:pointer;background-color:var(--primary-white);border-radius:4px;padding:0 var(--space-base);font-family:var(--font-family-medium);border:1px solid #e4e4e4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-xs);height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.contracts-template-container-page .contracts-header .contracts-header-menu .date-filter-area .lesson-filter-date-display .lesson-filter-date-btn[data-v-201b0c51]{width:13px;height:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all var(--transition-base) ease;transition:all var(--transition-base) ease}.contracts-template-container-page .contracts-header .contracts-header-menu .date-filter-area .lesson-filter-date-display .lesson-filter-date-btn[data-v-201b0c51]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.contracts-template-container-page .contracts-header .contracts-header-menu .date-filter-area .lesson-filter-date-display .lesson-filter-date-btn img[data-v-201b0c51]{width:13px;height:13px;-webkit-transition:all var(--transition-base) ease;transition:all var(--transition-base) ease}.contracts-template-container-page .contracts-header .contracts-header-menu .date-filter-area .lesson-filter-date-display .lesson-filter-date-text[data-v-201b0c51]{color:var(--primary-blue);font-size:var(--font-size-md);font-family:var(--font-family-medium);cursor:pointer;min-width:140px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:13px}.contracts-template-container-page .contracts-header .contracts-header-menu .date-filter-area .contract-date-picker[data-v-201b0c51]{position:absolute;top:80px!important;left:200px!important;z-index:1020;margin-top:5px}.contracts-template-container-page .new-contracts-content[data-v-201b0c51]{background-color:var(--primary-white);height:calc(100% - 47px);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:18px}.contract-date-picker-popover{top:131px!important;left:270px!important;border-radius:8px}.contract-date-picker-popover .el-picker-panel{border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.contract-date-picker-popover .el-picker-panel .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__header{margin:var(--space-base);padding:0}.contract-date-picker-popover .el-picker-panel .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__header div{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--primary-blue)}.contract-date-picker-popover .el-picker-panel .el-picker-panel__body-wrapper .el-picker-panel__body .el-picker-panel__content .el-date-range-picker__content .el-date-table .el-date-table__row .available:hover,.contract-date-picker-popover .el-picker-panel .el-picker-panel__body-wrapper .el-picker-panel__body .el-picker-panel__content .el-date-range-picker__content .el-date-table .el-date-table__row .in-range{color:var(--primary-blue);background-color:#f0f9ff}.contract-date-picker-popover .el-picker-panel .el-picker-panel__body-wrapper .el-picker-panel__body .el-picker-panel__content .el-date-range-picker__content .el-date-table .el-date-table__row .end-date,.contract-date-picker-popover .el-picker-panel .el-picker-panel__body-wrapper .el-picker-panel__body .el-picker-panel__content .el-date-range-picker__content .el-date-table .el-date-table__row .start-date{background-color:var(--primary-blue)!important;color:var(--primary-white)!important}.contract-date-picker-popover .el-picker-panel .el-picker-panel__sidebar .el-picker-panel__shortcut{color:var(--primary-blue)}.contract-date-picker-popover .el-picker-panel .el-picker-panel__sidebar .el-picker-panel__shortcut:hover{background-color:#f0f9ff;color:var(--primary-blue)}.contract-date-picker-popover[x-placement^=bottom] .popper__arrow{left:50%!important}.contract-date-picker{display:none!important}