*{ box-sizing: border-box; } :root { --button-color1: #ff5600; --button-color2: #ff7a00; --button-color3: #2c2c2b; --button-color4: #424241; --bg-light: #fffaf8; --heading-light-bg: #ffeae2; /* --button-color4: #ab8ce4; --button-color5: #ff5370; --button-color6: #ea53c2; */ } @font-face { font-family: 'AmandaSignature'; src: url('../fonts/AmandaSignatureRegular.woff2') format('woff2'), url('../fonts/AmandaSignatureRegular.woff') format('woff'); font-weight: normal; font-style: normal; } /* new font face AVENier */ @font-face { font-family: 'AvenirMedium'; src: url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'AvenirBlack'; src: url('../fonts/AvenirLTStd-Black.woff2') format('woff2'), url('../fonts/AvenirLTStd-Black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'AvenirLight'; src: url('../fonts/AvenirLTStd-Light.woff2') format('woff2'), url('../fonts/AvenirLTStd-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'AvenirRoman'; src: url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'), url('../fonts/AvenirLTStd-Roman.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirHeavy'; src: url('../fonts/Avenir-Heavy.woff2') format('woff2'), url('../fonts/Avenir-Heavy.woff') format('woff'); font-weight: bold; font-style: normal; } /* background-image: linear-gradient(40deg, #feca00, #1dbce9); */ /* .mat-form-field-appearance-legacy .mat-form-field-underline { height: 0!important;} */ .mat-form-field{ font-family: 'AvenirMedium'!important; } /* heder css */ .techdashboard_header .quotation .mat-nav-list .mat-list-item .mat-list-item-content { padding: 0 12px; } .techdashboard_header .quotation .mat-nav-list .mat-list-item:first-child .mat-list-item-content { padding-left: 0px; } .techdashboard_header .quotation .mat-nav-list .mat-list-item:last-child .mat-list-item-content { padding-right: 0px; } .main_wrapper{ display: flex; height: 100%; justify-content: flex-start; align-items: center; background: url(../images/doctorImage.png) no-repeat; background-position: left bottom; background-size: 835px; background-color: #fdfaee; padding-left: 800px; } .modal_view { overflow: scroll; max-height: 90vh;} .modal_view .table_wrapper .mat-table{ width:100%; min-width: 800px;} .main_wrapper .login_wrapper { padding: 0;} .main_wrapper .login_wrapper{ width: 580px; background: #fff; } .main_wrapper .img_wrapper{ background: url("../images/doctorImage.png") no-repeat; background-position: left bottom;} .login_container > * { width: 100%; } .logo_section{ width: 400px; margin: auto; display: block; margin-bottom: 25px;} .logo_section img{ max-width: 100%; } .main_wrapper .login_wrapper .forget_wrapper { display: flex; margin-top: 15px; } .main_wrapper .login_wrapper .forget_wrapper a{ margin-left: auto; color: #545454; font-size: 16px; font-family: "RalewayMedium"; } .main_wrapper .login_wrapper .login_container .mat-form-field { margin-bottom: 20px; } .main_wrapper .login_wrapper .login_container input .mat-input-element:focus { border-bottom: 1px solid red!important;} .main_wrapper .login_wrapper .login_container input .mat-input-element { font-size: 20px; } .main_wrapper .login_wrapper .login_container h2{ text-align: center; color: #1dbce9; margin-top: 0; } .main_wrapper .login_wrapper .login_container .paragraph{ font-family: "Ralewaymedium"; font-size: 16px; color: #777776; line-height: 23px; margin: 0px; padding: 0 16px; box-sizing: border-box;} .tech_image{ display: block; } .tech_image img{ max-width: 100%; } .tech_image img{ max-width: 100%; margin-bottom: 22px; padding: 0 16px; box-sizing: border-box; } .main_wrapper .login_wrapper .login_container .main-div{ height: auto; } .main_wrapper .login_wrapper .login_container .main-div .from { width: 100%; margin: 0 auto; } .main_wrapper .login_wrapper .login_container .main-div .from .logowrapper img{ max-width: 100%;} .main_wrapper .login_wrapper .login_container .main-div .from h2 { background: none; color: #39bbe9; padding: 0px; font-family: 'AvenirMedium'; font-size: 26px; margin-bottom: 10px; } .main_wrapper .login_wrapper .login_container .main-div .from button{ font-family: "AvenirBlack"; text-transform: uppercase; font-size: 28px; padding: 8px 16px; margin: auto; display: block; background: linear-gradient(45deg, #03a9f5, #fad249)} .main_wrapper .login_wrapper .login_container .main-div .from .signupfooter a{ padding: 0; cursor: pointer; font-family: "AvenirMedium"; text-transform: uppercase; font-size: 14px; color: var(--button-color2); } .table_structure .mat-list-item .mat-list-item-content { display: flex; flex-direction: column!important; } .patient_report_section .mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0!important; padding-bottom: 0; } .patient_report_section .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; margin: 0; border: 0;} .table_wrapper h2{ font-size: 18px; color: #ff0000; font-family: 'AvenirMedium'; text-transform: capitalize; text-align: center;} table th.mat-header-cell span { display: flex; justify-content: space-between; align-items: center; } .DataTable table th.mat-header-cell { text-align: left; font-family: "AvenirMedium"; font-size: 12px; text-transform: uppercase;} table th.mat-header-cell br{ display: none;} .tablewrapper tr td:first-child, .tablewrapper tr th:first-child{ padding-left: 14px!important; } .DataTable table th.mat-header-cell:last-of-type{ width: 22%; min-width: 150px;} .DataTable table td.mat-cell{ font-family: "AvenirRoman"; padding-right: 8px; } .tablewrapper table td span .cursor, .DataTable table td span .cursor{cursor: pointer; display: inline-block; background: var(--button-color2); margin: 2px; color: #fff; padding: 2px 6px; border-radius: 2px;} .DataTable table td .notebtncls{ min-width: inherit; padding: 3px 4px; line-height: inherit; background: var(--button-color2); font-family: 'AvenirMedium'; border-radius: 2px; margin: 2px; display: inline-block; box-shadow: none; vertical-align: bottom; } .DataTable table td .custombutton0, .DataTable table td .custombutton1, .DataTable table td .custombutton2, .DataTable table td .custombutton3, .DataTable table td .custombutton4, .DataTable table td .custombutton5, .DataTable table td .custombutton6 { display: inline-block; margin: 2px 0;} .DataTable table td .custombutton0 button, .DataTable table td .custombutton1 button, .DataTable table td .custombutton2 button, .DataTable table td .custombutton3 button, .DataTable table td .custombutton4 button, .DataTable table td .custombutton5 button, .DataTable table td .custombutton6 button{ min-width: inherit; padding:3px 16px; line-height: inherit; font-family: 'AvenirMedium'; border-radius: 2px; margin:0 2px; display: inline-block; box-shadow: none; vertical-align: bottom; } .DataTable table td .custombutton0 button { background: var(--button-color1); } .DataTable table td .custombutton1 button { background: var(--button-color2); } .DataTable table td .custombutton2 button { background: var(--button-color3); } .DataTable table td .custombutton3 button { background: var(--button-color1); } .DataTable table td .custombutton4 button { background: var(--button-color5); } .DataTable table td .custombutton5 button { background: var(--button-color6); } .DataTable table td .custombutton6 button { background: var(--button-color2); } .DataTable table td .notebtncls .notebracket1{ margin-left: 4px;} .tablewrapper table td span .cursor .material-icons, .DataTable table td span .cursor .material-icons{ font-size: 18px;} .tablewrapper table td span .cursor:nth-child(2), .DataTable table td span .cursor:nth-child(2){ background: var(--button-color2);} .tablewrapper table td span .cursor:nth-child(3), .DataTable table td span .cursor:nth-child(3){ background: var(--button-color1);} .DataTable table td span .cursor:nth-last-child(1){ border-right: none; background: var(--button-color3); } .DataTable .searchbar { padding: 6px; padding-top: 16px;} .loader{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} .loader img{ max-width: 100%; } .DataTable .multipledeleteandupdatebuttan { display: block; margin-top: 16px; background: #e0e5eb; padding: 14px 8px;} .DataTable .multipledeleteandupdatebuttan button { background: var(--button-color1); line-height: inherit; padding: 4px 10px; box-shadow: none; font-family: 'AvenirMedium'; font-size: 16px; min-width: 140px;} .DataTable .multipledeleteandupdatebuttan button:last-child{ background: var(--button-color2); color: #fff; } /* Styling modal */ .custom-modalbox{ min-width: 500px;} /* .custom-modalbox .mat-dialog-container { border: 4px solid #ffbc36; background: linear-gradient(0deg, #ffdfab, #99dfff); } */ .custom-modalbox .mat-dialog-container .mat-card { background:rgba(70, 70, 70, 0.1); border-radius: 0; display: flex; justify-content: center; align-items: end; margin-bottom: 16px; padding: 0;} .custom-modalbox .mat-dialog-container .mat-card .mat-card-header-text { margin: 0; text-transform: capitalize; color: #000; font-family: "AvenirMedium";} .custom-modalbox .example-card .mat-card-header { min-width: 45%; position: relative; padding: 16px; box-sizing: border-box; } .custom-modalbox .example-card .mat-card-header .mat-card-title { margin-bottom: 0px; font-size: 16px; font-family: "AvenirLight"; word-break: break-all; } .custom-modalbox .example-card .mat-card-header::before { content: ':'; display: inline-block; position: absolute; right: 12px; top: 20%; font-size: 20px; font-family: 'AvenirBlack'; } .custom-modalbox .example-card .mat-card-content {width: 100%; padding: 16px 16px 16px 0; box-sizing: border-box;} /* modal for bulk upload container */ /* .bulkupload-dialog .mat-dialog-container{ background: linear-gradient(0deg, #fff1c6, #fffdf7); text-align: center;} .bulkupload-dialog .mat-dialog-container .mat-dialog-title { margin: 0 0 20px; display: block; margin-bottom: 0; color: #d66b1f; text-transform: uppercase; font-family: "RobotoBold"; border-bottom: 1px solid; padding-bottom: 5px; } .bulkupload-dialog .mat-dialog-container .mat-dialog-content{ color: #313131; font-family: "RobotoRegular"; } .bulkupload-dialog .mat-dialog-container .mat-dialog-actions { display: flex; justify-content: flex-end} .bulkupload-dialog .mat-dialog-container .mat-dialog-actions button{ background: #25c1b3; width: 100px; border-radius: 0; color: #fff; } .bulkupload-dialog .mat-dialog-container .mat-dialog-actions button:last-child{ background: #ff4f4f; } */ /* end modal for bulk upload container */ .file_upload .button-group { width:auto!important; } .file_upload .files-view{width:auto!important; margin-top: 0!important;} .file_upload .files-view .viewUrlcontent .mat-card-actions{margin: 0!important; text-align: center;} .file_upload .files-view .viewUrlwrapper .othersFilePreview { background: linear-gradient(45deg, #21e289, #1dbce9);} .file_upload .files-view .viewUrlcontent .mat-card-actions button, .file_upload .button-group button{ font-family: 'AvenirMedium'; background: var(--button-color3); margin-right: 10px; box-shadow: none; color:#fff; } .file_upload .files-view .viewUrlcontent .mat-card-header-text{ margin: 16px 0 0 0;} .file_upload .files-view .viewUrlcontent .mat-card-header-text .mat-card-title { font-family: 'AvenirMedium';} .file_upload .files-view .viewUrlcontent .mat-card-header-text .fileDescription { margin-top: 0; font-family: 'AvenirMedium';} .file_upload .files-view .viewUrlcontent .mat-card-actions button:last-child, .file_upload .button-group button:last-child{ background:rgb(255, 0, 0); margin:0; } .admin_wrapper .con-report-lebel { margin-top: 16px;} .admin_wrapper .con-report-lebel p { font-family: 'AvenirMedium'; color: #000; margin: 5px 0;} .admin_wrapper .con-report-lebel button { font-family: 'AvenirMedium'; margin-top: 16px; background: linear-gradient(45deg, #058afd, #00c1fb); min-width: 120px; border-radius: 0; text-transform: uppercase;} /* manage listing */ .table_wrapper .add_header {display: flex; height: auto; justify-content: space-between; align-items: center; padding: 10px; background: #f9f9f9; } .table_wrapper .add_header button{ background:var(--button-color2); font-family: 'Avenirmedium'; font-size: 18px; color: #fff; text-transform: uppercase;} .tablewrapper tr td{ font-size: 12px; word-break: break-word; min-width: 40px} .table_wrapper .no_data{ font-family: 'AvenirBlack'; font-size: 18px; } .bradcrumb{ display: block; font-family: 'AvenirMedium'; font-size: 16px; } .bradcrumb a{ color: var(--button-color1); text-decoration: none; } .container .searchbar .search_class{ display: flex; justify-content: center; width: 100%; } .admin_dashboard .container .searchbar .search_class{ display: flex; justify-content: center; width: auto; margin-bottom: 16px;} .approveed_report .container .searchbar .search_class{width: 100%; } .container .searchbar .add_button { background: var(--button-color3); font-family: 'AvenirRoman'; font-size: 16px; color: #fff; text-transform: uppercase; width: 150px; margin: 0 30px;} /* .container .searchbar i{margin-left: auto;} */ .searchbar { height: auto!important; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; box-shadow: 0px 2px 2px #c5c5c5; padding: 16px 4px!important; position: relative; background: #fbfbfb; } .searchbar .mat-form-field{ width: 32%; margin: 0 0.5%!important; /* flex-grow: 1; */ } .searchbar .cursor{ width: 35px; border-radius: 50%; background: var(--button-color2); height: 35px; margin: auto; display: flex; justify-content: center; align-items: center; color: #fff; margin:0 10px;} .pad-gap{ margin: inherit!important;} .searchbar .mat-form-field .mat-form-field-flex { display: inline-flex; align-items: baseline; box-sizing: border-box; width: 100%; border: .5px solid #bdbdbd; border-radius: 2px 2px 0 0; padding: 0px 10px 3px; background: #fff; } .searchbar .mat-form-field-prefix { bottom: -8px; } .add_form .file_upload .uploadfilecontainer { width: 100%; box-sizing: border-box; margin-bottom: 0;} .admin_table{ width: 100%; margin: 20px auto; display: block;} .admin_table table{ width: 100%; } .admin_table table tr td:nth-child(4) span{ background: linear-gradient(0deg, #d73a87, #ff7abb); text-align: center; display: inline; padding: 8px; box-sizing: border-box; color: #fff; cursor: pointer; text-transform: uppercase; font-family: "AvenirBlack"; } /* td.mat-cell br, td.mat-footer-cell br, th.mat-header-cell br{ display: block; } */ /* .mat-bottom-sheet-container-large { border: 2px solid #ffbc36!important; } */ .mat-bottom-sheet-container { background: #ffff!important;} .mat-bottom-sheet-container .bottom-sheet-header-toggle{ font-family: 'AvenirBlack'; font-size: 18px; color: #0762a2; padding: 7px 5px; border-bottom: 1px solid #d4d4d4; } .mat-bottom-sheet-container .mat-nav-list .mat-list-item { height: 36px!important; background: #3f95ad; margin-bottom: 10px; color: #fff; font-family: 'AvenirMedium'; } .mat-bottom-sheet-container .mat-nav-list .mat-list-item:hover{ background: var(--button-color1)!important;} .mat-bottom-sheet-container .mat-nav-list .mat-list-item:last-child{ margin-bottom: 0;} .sub_menu{ background: linear-gradient(145deg, #2dbcce, #2ae6fd)!important} .sub_menu button{ color: #fff; border-bottom: 2px solid #ddd;} .sub_menu button:last-child{ border: none; } .patient_item_section .mat-tab-label { opacity: 1; background: linear-gradient(45deg, #ffc703, #ffe069); color: #ffff; font-size: 14px; text-transform: uppercase; font-family: "AvenirBlack"; padding: 5px 16px; } .patient_item_section .mat-tab-label:nth-child(2){ margin: 0 8px; } .patient_item_section .mat-tab-label:nth-child(4){ margin: 0 8px; } .admin_wrapper .mat-tab-label.mat-tab-label-active { background-color:var(--button-color3); opacity: 1!important; color: #ffff; } .admin_wrapper .mat-tab-group.mat-primary .mat-ink-bar { background-color: #048007; } .patient_item_section .mat-tab-group.mat-primary .mat-ink-bar { background-color: transparent; } .app-doctor-office-management .DataTable .mat-table .mat-column-Actions span span:nth-child(3) .material-icons{display: none;} /* .health_risk_report { width: 200px; height: 75vh; overflow: scroll; } .health_risk_report::-webkit-scrollbar { width: 12px; position: fixed; bottom: 0; } .health_risk_report::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .health_risk_report::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } */ .action_bar .mat-form-field-appearance-legacy .mat-form-field-label { font-size: 16px; font-family: "AvenirLight"; width: auto; padding-left: 10px; } .infomodal{ overflow: auto; width: 991px;} /* admin css */ .admin_wrapper{ width: 1400px; margin: 20px auto; box-sizing: border-box; margin-bottom: 70px; padding: 16px 10px!important; background: var(--bg-light)!important;} .searchcard { padding: 0; } /* admin css */ .admin_wrapper .content_wrapper{ display: flex; justify-content: center; width: 100%; margin: auto; text-align: center; margin-top: 10px!important; margin-bottom: 12px; } .admin_wrapper .content_wrapper .itemsection{ /* width: 33%; margin: 0px 7px; box-sizing: border-box; display: flex; justify-content: center; position: relative; border-radius: 10px; border: 1px solid #e8e9ef; overflow: hidden; background:#fff; */ width: 33%; margin: 0px 7px; box-sizing: border-box; display: flex; justify-content: flex-start; position: relative; border-radius: 10px; border: 1px solid #e8e9ef; overflow: hidden; background: #fff; padding: 6px; } .admin_wrapper .content_wrapper .itemsection .icon{ display: flex; align-items: center; justify-content: center; max-width: 20%; box-sizing: border-box; background: linear-gradient(0deg, var(--button-color1), var(--button-color2)); border-radius: 8px; min-width: 20%; padding: 10px;} .admin_wrapper .content_wrapper .itemsection .icon img{ max-width: 100%; } .admin_wrapper .content_wrapper .itemsection .button_wrapper{ /* background: #4d545a; width: 25%; display: flex; align-items: center; justify-content: center; */ width:54%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } .admin_wrapper .content_wrapper .itemsection .button_wrapper button{ /* width: auto; background: transparent; color: #fff; padding: 0; font-family: "AvenirMedium"; font-size: 15px; */ width: auto; /* background: linear-gradient(0deg, #ea2b00, #fd6100); */ background: linear-gradient(0deg, var(--button-color3), var(--button-color4)); color: #e0e2e4; font-family: "AvenirMedium"; font-size: 14px; border: 2px solid #d2cccc; line-height: inherit; padding: 4px 14px; margin-left: auto; } .admin_wrapper .content_wrapper .itemsection .counteer { box-sizing: border-box; width: auto; padding: 5px; min-width: 120px; text-align: left; background: #ffded0; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 6px;} .counter_with_tool { display: flex; align-items: center; } .admin_wrapper .content_wrapper .itemsection .counteer .dataCount{ font-size: 38px; font-family: "AvenirBlack"; color: #4d545a; margin: 0; } .admin_wrapper .content_wrapper .itemsection .button_wrapper .doctorNumber{ font-family: 'AvenirBlack'; margin: 0 0 14px 0; font-size: 16px; width: 100%; text-align: left; color: #656262;} .admin_wrapper .content_wrapper .itemsection .counteer .doctorNumber{ font-size: 18px; font-family: "AvenirMedium"; color: #4d545a; margin:0;} .admin_wrapper .content_wrapper .itemsection:nth-child(3n+1){ margin-left: 8px;} .admin_wrapper .content_wrapper .itemsection:nth-child(3n+3){ margin-right: 8px;} .doctor_content_wrapper{ background: url("../../../../assets/images/doctorcontentbg.jpg") no-repeat center center; background-size: cover; display: block; padding: 50px 40px; margin: 0 16px;} .doctor_content_wrapper .mat-card-title{ font-size: 40px; font-family: "AvenirBlack"; text-transform: uppercase; color: #fff; margin-bottom: 30px; display: block;} .doctor_content_wrapper .table_structure{ width: 1080px; display: block;} .doctor_content_wrapper table{ width: 100%;} .table_structure .mat-list mat-list-base { display: flex; } .table_structure .mat-list-base .mat-list-item, .mat-list-base .mat-list-option { display: inline-flex; height: auto; -webkit-tap-highlight-color: transparent; width: auto; padding: 0;color: #fff; border-right: 1px solid #044f82; } .table_structure .mat-list-base .mat-list-item:nth-last-child(1){ border: none;} .table_structure .mat-list-item p{ display: block; width: 100%; margin: 0; } .table_structure .mat-list-item .title_n{ color: #5aa8ed; font-size: 30px; font-family: "AvenirMedium"; font-weight: normal; text-transform: uppercase; } .table_structure .mat-list-item .title_a{ color: #fff; font-size: 24px; font-family: "AvenirLight"; text-transform: uppercase; } .patient_report_section .form_wrapper{ display: flex; margin-right: 10px;} .patient_report_section .form_wrapper:last-child{ margin-right: 0px;} /* .patient_report_section .form_wrapper .mat-form-field-flex{ border: 1px solid #000!important; } */ .biller_Dashboard .patient_report_section .patient_top_search{ margin: 16px 0px; padding: 0; } .biller_Dashboard .patient_report_section .patient_top_search .res_view{ width: auto; display: flex; justify-content: space-between;} .biller_Dashboard .patient_report_section .patient_top_search .res_view .btn_action_wrapper{ margin-left: 16px;} .biller_Dashboard .patient_report_section .patient_top_search .btn_action_wrapper button{ background: var(--button-color3); font-family: 'AvenirMedium'; font-size: 16px; margin-right: 10px; box-shadow: none; min-width: 80px; } .biller_Dashboard .patient_report_section .patient_top_search .btn_action_wrapper button:last-child{ margin: 0; background: var(--button-color2);} .biller_Dashboard .patient_report_section .patient_top_search h1{ margin: 0; font-size: 24px; font-family: 'AvenirMedium'; color: #535353; text-transform: capitalize; } .biller_Dashboard .patient_report_section .search_bar button { border: none; background: #4e4e4e; color: #fff; display: flex; align-items: center; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .biller_Dashboard .mat-table{ width: 100%; } .patient_report_section .mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0!important;} .patient_report_section .patient_top_search { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; margin-top: 20px; margin-bottom: 0;} .patient_report_section .patient_top_search .search_bar { display: flex; } .patient_report_section .patient_top_search .search_bar button{ border: none; background: transparent; color: #757575; display: flex; align-items: center; cursor: pointer;} .patient_report_section .patient_top_search h1{ font-size: 32px; text-transform: uppercase; color: #002035; margin: auto;} .patient_report_section .patient_top_search .search_bar button:focus{ outline: none; } .patient_report_section .button_action button{ border-radius: 5px; background: linear-gradient(180deg, #f9dc19, #daa505); color: #5e3619; text-transform: uppercase; font-family: "RobotoBlack"; font-size: 25px; padding: 10px; width: 515px; border: 3px solid #d59d01; } .patient_report_section .button_action{ display: flex; justify-content: space-between; width: 1050px; margin: auto; } /* table section */ .top_header{ align-items: center; display: flex; justify-content: space-between; border-bottom: 1px solid #bfbfbf; padding: 0 5px;} .top_header .add_new{ background: #1dbce9; font-size: 18px; text-transform: capitalize; padding: 0px 18px; font-family: "AvenirMedium"; color: #fffefe;} .top_header .wrappp_R .add_new:last-child{margin-left: 10px; background: #21e289;} .top_header h2{ margin: 0;font-size: 20px; color: #535353; font-family: "AvenirMedium"; } .admin_superbillsection {display: block; } .admin_superbillsection h1{ font-size: 20px; font-family: 'AvenirMedium'; color: #535353; text-transform: capitalize; border-bottom: 1px solid #9c9c9c; padding: 10px 8px; background: #e0e5eb; margin: 0 6px 10px;} .headr_tagh{ font-size: 20px; font-family: 'AvenirMedium'; color: #535353; text-transform: capitalize; border-bottom: 1px solid #9c9c9c; padding: 16px 8px; background: var(--heading-light-bg); } .headr_tagh h1{ font-size: 20px; font-family: 'AvenirMedium'; color: #535353; text-transform: capitalize; margin: 0; } .admin_superbillsection .biller_wrapper { display: flex; justify-content: center; margin-bottom: 0;} .admin_superbillsection .biller_wrapper .super_bill_item{ position: relative; width: 100%; margin: .5%; padding:10px; display: flex; border-radius: 10px; } .superbillerContainer .biller_wrapper { flex-wrap: wrap;} .superbillerContainer .super_bill_item{ width: 24%;} .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(1){ background: #4099ff url("../../../../assets/images/admincircle_icon1.png") no-repeat right top; background-size: 70px;} .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(2){ background: #ab8ce4 url("../../../../assets/images/admincircle_icon2.png") no-repeat right top; background-size: 70px;} .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(3){ background: #26c6da url("../../../../assets/images/admincircle_icon3.png") no-repeat right top; background-size: 60px;} .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(4){ background: #ff5370 url("../../../../assets/images/admincircle_icon4.png") no-repeat right top; background-size:65px;;} .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(5){ background: #ea53c2 url("../../../../assets/images/admincircle_icon1.png") no-repeat right top; background-size: 65px;;} .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(6){ background: #45dc92 url("../../../../assets/images/admincircle_icon3.png") no-repeat right top; background-size: 65px;} .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(7){ background: #5c88b3 url("../../../../assets/images/admincircle_icon2.png") no-repeat right top; background-size: 65px;} .admin_superbillsection .biller_wrapper .super_bill_item .container_wrapper{ display: flex; flex-direction: column; align-items: self-end; width: 85%; box-sizing: border-box; } .admin_superbillsection .biller_wrapper .super_bill_item span h2{ color: #fff; font-size: 36px; text-transform: uppercase; font-family: 'AvenirMedium'; margin: 0px; text-shadow: 1px 1px 0px #dadada; word-break: break-all;} .admin_superbillsection .biller_wrapper .super_bill_item span P{ color: #fff; font-size: 20px; font-family: 'AvenirMedium'; margin: 0; line-height: 26px; text-shadow: 1px 1px 0px #dadada;} .admin_superbillsection .biller_wrapper .super_bill_item:last-child{margin-bottom: 0.5%; } .admin_superbillsection .biller_wrapper .super_bill_item span button{ font-size: 16px; text-transform: capitalize; font-family: 'AvenirLight'; line-height: 32px; margin-top: auto; width: 105px; border-radius: 5px; margin-left: auto;} .adminTables tr.mat-header-row { box-shadow: 0px 0px 1px 1px #bfbfbf; } .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(1) span button{ color: #1b61b2; } .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(2) span button{ color: #4a1aa4; } .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(3) span button{ color: #066d7a; } .admin_superbillsection .biller_wrapper .super_bill_item:nth-child(4) span button{ color: #911228; } .admin_superbillsection .biller_wrapper .super_bill_item .border_wrapper{ width: 20%; position: relative; padding: 0; display: flex; box-sizing: border-box; /* padding-top: 4%; */ } .admin_superbillsection .biller_wrapper .super_bill_item .border_wrapper .circle{ margin: 0;} .admin_superbillsection .biller_wrapper .super_bill_item .border_wrapper .circle img{ max-width: 100%;} /* .superbillerContainer .biller_wrapper .super_bill_item span P{ font-size: 18px!important; line-height: 20px!important;} */ .superbillerContainer .biller_wrapper .super_bill_item span P br{ display: none;} .superbillerContainer .biller_wrapper .super_bill_item span h2{ margin: 0;} .superbillerContainer .biller_wrapper .super_bill_item span button { line-height: 28px!important; width: 90px!important; } .superbillerContainer .biller_wrapper .super_bill_item {background-size: 90px!important; width: 24% } .adminTables .viewButton{ background-color:var(--button-color2); width: auto; height: auto; line-height: initial; padding: 2px 10px; box-shadow: none; border-radius: 2px; font-family: "AvenirMedium"; color: #fff; min-width: inherit;} .adminTables .editButton{ background-color:var(--button-color1); width: auto; height: auto; line-height: initial; padding: 2px 10px; box-shadow: none; border-radius: 2px; font-family: "AvenirMedium"; color: #fff; min-width: inherit;} .adminTables .downloadBtn, .adminTables .downloadBtn{ margin-left: 5px; background: #ff5370; } .admin_table .action_bar .date-range{ width: 36%; justify-content: space-between; display: flex;} /* .table_wrapper { margin: 0 6px;} */ .table_wrapper .mat-table { width: 100%; box-shadow: none; } .table_wrapper .mat-table .mat-cell .mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0; padding: 0; } .table_wrapper .button_action{ display: block; text-align: center; margin-top: 16px;} .table_wrapper .button_action button{ background: var(--button-color2); color: #fff; font-size: 22px; font-family: 'AvenirMedium'; padding: 4px 18px; text-transform: uppercase;} .table_wrapper .mat-table .mat-cell .mat-form-field-appearance-outline .mat-form-field-infix { padding: 0; height: 28px; display: inline-flex; } .table_wrapper .mat-table .mat-cell .mat-form-field-appearance-outline .mat-form-field-label { top: 16px; margin-top: -.25em; } .table_wrapper .top_header {display: flex; align-items: center; justify-content: space-between; height: auto; padding: 10px 8px; background: #e0e5eb;} .table_wrapper .top_header h2 { font-family: 'AvenirMedium'; font-size: 20px; text-transform: capitalize;} .table_wrapper .top_header .wrappp_R{ width: 100%; text-align: right;} .table_wrapper .action_bar {display: flex; align-items: center; height: auto; padding:10px 5px;} .table_wrapper .action_bar .mat-form-field{ margin-right: 10px;} .table_wrapper .action_bar .mat-form-field:last-child{ margin-right: 0;} .table_wrapper .action_bar .resetButton_w{ display: flex; justify-content: flex-end; width: 100%; } .table_wrapper .action_bar .resetButton_w .add_button{ background: var(--button-color1); color:#fff;} .table_wrapper .action_bar .resetButton_w .add_button:last-child{margin-left: 10px; background: var(--button-color2);} .table_wrapper .action_bar .add_btn{ border-radius: 3px; text-transform: uppercase; font-family: "AvenirMedium"; font-size: 18px; padding: 1px 16px; min-width: 170px; background: var(--button-color2); color: #fff; margin-left: auto; } .table_wrapper .action_bar .mat-form-field-label-wrapper { position: absolute; left: 0px; box-sizing: content-box; width: 100%; height: 100%; overflow: hidden; pointer-events: none; top: -10px; padding-top: 20px; } .table_wrapper .action_bar .date-range{ display: flex; width: 43%; } .table_wrapper .action_bar .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 0; } .table_wrapper .action_bar .mat-form-field-suffix::before { content: ''; position: absolute; height: 26px; width: 1px; background: #545454; right:30px; display: inline-block; } .action_bar .mat-form-field .mat-form-field-flex { display: inline-flex; align-items: baseline; box-sizing: border-box; width: 220px; background: #fbfbfb; border: 1px solid #545454; border-radius: 5px; } .table_wrapper .action_bar .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 10px; border: 0; font-size: 16px; font-family: 'AvenirLight'; } .table_wrapper .action_bar .mat-form-field.mat-focused .mat-form-field-ripple { background-color: transparent !important;} .table_wrapper .action_bar .mat-form-field-appearance-legacy .mat-form-field-underline { height: 0; } .add_button{ background: #e5ae00; font-family: "AvenirMedium"; color: #fff; text-transform: capitalize; box-shadow: none; border-radius: 3px; font-size: 18px;} .table_wrapper .mat-table .buttons_ro{ display: inline-block; } .table_wrapper .mat-table .buttons_ro button{ margin: 0 2px; } .table_wrapper .mat-table .buttons_ro button:first-child{ margin-left: 0px; } .table_wrapper .mat-table .buttons_ro button:last-child{ margin-right: 0px; } .table_wrapper .mat-table .mat-column-doctorName .doctor_name{ margin: 6px 0; word-break: break-all; } .table_wrapper .mat-table .mat-column-doctorName .doctor_name span{ font-family: 'AvenirBlack'; color: #404242; } .table_wrapper .footer_action{ justify-content: center; height: auto; padding: 10px 0; margin-top: 10px;} .table_wrapper .footer_action button{ background: var(--button-color2); font-family: 'AvenirRoman';} .table_wrapper .footer_action button:last-child{ margin-left: 10px; background: var(--button-color3);} .biller_Dashboard .mat-table .mat-column-Doctor-Name .doctor_name{ margin: 6px 0; } .biller_Dashboard .mat-table .mat-column-Doctor-Name .doctor_name span{ font-family: 'AvenirBlack'; color: #404242; } /* .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{width:auto!important; background:#fff; color: #1dbce9!important; font-family: 'AvenirMedium';} */ /* searches */ .admin_table .action_bar{ height: auto; justify-content: space-between;} .table_wrapper tr.mat-header-row { background: var(--heading-light-bg); } /* booked appointment */ .bookedAppointment .action_bar .date-range { display: flex; width: 66%; } .admin_wrapper .title_wrapper { color: #fff; text-transform: uppercase; padding: 12px; font-family: 'AvenirBlack'; font-size: 26px; width: auto; background: var(--button-color4); text-align: center; } .admin_wrapper .title_wrapper .userNameS{ color:var(--button-color2); } .admin_wrapper .mat-tab-group .mat-tab-header{margin: 16px 0;} .admin_wrapper .mat-tab-group .mat-tab-header .mat-tab-label-container{ background: #fff;} .admin_wrapper .add_form .submit_form button{ border-radius: 5px; text-transform: uppercase; font-family: "AvenirMedium"; font-size: 22px; padding: 4px 16px; min-width: 170px; background: var(--button-color2); color: #fff; margin-right: 16px;} .admin_wrapper .add_form .submit_form button:first-child{ margin-right: 16px; background: var(--button-color1);} .admin_wrapper .add_form .submit_form button:last-child{ margin-right: 0px; background: var(--button-color3);} .admin_wrapper .add_form{ width: 100%; margin: 20px auto; background:var(--bg-light) ; padding: 16px 10px; padding-bottom: 25px; box-sizing: border-box;} /* #f3f3f3 */ .admin_wrapper .add_form .form_wrapper lib-showform .form_field_wrapper textarea{ resize: none;} .admin_wrapper .add_form .form_wrapper lib-showform .form_field_wrapper .mat-form-field{ width: 49%; margin: 0.5%; } .admin_wrapper .add_form .form_wrapper lib-showform .NPI_container {display: inline-block; width: 49%; margin: 0.5%; position: relative; } .admin_wrapper .add_form .form_wrapper .NPI_container .mat-form-field { width: 100%!important; } .admin_wrapper .add_form .form_wrapper .NPI_container a { position: absolute; bottom: 0px; right: 0; color: var(--button-color2); font-family: 'AvenirBlack'; border-bottom: 1px solid; padding-bottom: 1px; cursor: pointer;} .admin_wrapper lib-showform .form .form_field_wrapper mat-form-field{ width: 100%; } .admin_wrapper lib-showform .form .form_field_wrapper mat-form-field .mat-form-field-flex{ padding: 2px 10px 5px; border: 1px solid #dadada; background: #fff; border-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; } .admin_wrapper .password_submit .form .form_field_wrapper mat-form-field .mat-form-field-infix{ padding: 0;} .admin_wrapper lib-showform .form .passbuttoncls { display: flex; align-items: center; margin-bottom: 16px;} .admin_wrapper lib-showform .form .passbuttoncls .GeneratePasswordcls {box-shadow: none; background: var(--button-color2); margin-right: 12px; font-family: AvenirMedium;} .percentage_counter{ width: 700px!important; } .admin_wrapper lib-showform .form .form-element:last-child{ margin-top: 10px; } .admin_wrapper lib-showform .form .form-element:last-child button{box-shadow: none; font-family: Avenirmedium; background: var(--button-color2); margin-right: 16px; text-transform: uppercase;} .admin_wrapper lib-showform .form .form-element:last-child button:nth-child(2){ background: var(--button-color3); } .admin_wrapper .add_form .form_wrapper .label_text{ display: flex; align-items: center;} .admin_wrapper .add_form .form_wrapper .label_tag{ font-size: 20px; font-family: 'AvenirMedium'; width: 49%; margin-bottom: 16px;} .admin_wrapper .add_form h2{ font-family: "AvenirBlack"; text-transform: uppercase; font-size: 24px; padding: 0 6px; color: #1dbce9; } .admin_wrapper .add_form .submit_form{ display: flex; width: 100%; text-align: center; margin-top: 30px; justify-content: center; } .patient_preview .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding: 0;} .admin_wrapper .changeBTN{ background: linear-gradient(45deg, #0492d2, #03a9f5); color: #fff; font-family: 'AvenirMedium'; text-transform: uppercase;} .patient_preview .mat-form-field-wrapper{ padding: 0; } .patient_preview .mat-form-field-underline {display: none;} .patient_preview .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 10px; border: 1px solid #1dbce9; box-sizing: border-box; margin-right: 5px; } /* add edit form */ .add_form .test_date_wrapper .mat-card-content .mat-form-field-flex{ background: #fff; border: 1px solid #d0d0d0; padding: 0 5px; box-sizing: border-box; } .patients_info_wrapper .mat-card-content .mat-form-field .mat-form-field-flex{ background: #fff; border: 1px solid #e6e4e4; padding: 0 7px;} .add_form .form_wrapper .mat-form-field-appearance-fill .mat-form-field-flex { border-radius: 4px 4px 0 0; background: #fff; border: 1px solid #e0e0e0; border-bottom: 0; } /* doctor dashboard new */ .admin_wrapper .testingDoc { background: linear-gradient(0deg, #07aaf5, #40bffa); font-size: 34px; text-transform: uppercase; color: #fff; padding: 8px 10px; font-family: 'AvenirMedium'; margin: 0px 0 8px!important;; border-radius: 4px;} .Admindmin_details .inner_er{ background:url('../../assets/images/doctordbImage.jpg') no-repeat; background-size: cover; padding: 0px} .Admindmin_details .inner_er h2{ text-align: center; margin: 0; color: var(--button-color3); font-family: 'AvenirBlack'; font-size: 24px; text-transform: uppercase; margin-top: 18px; } .Admindmin_details .inner{ column-count: 2; column-gap: 20px; display: block; } .Admindmin_details .inner_er h3{ text-align: center; text-transform: uppercase; font-size: 28px; font-family: 'AvenirMedium'; border-bottom: 2px solid #c5c4c4; padding: 5px; margin: 0; background: linear-gradient(-5deg, #2df6fd 45%, #09cef5 52%); color: #231c23; } .Admindmin_details .list_wrapper{ width: 100%; margin: 0 auto; border-radius: 10px; background: #fff; box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); padding-top: 0!important; padding-bottom: 20px;} .Admindmin_details .inner_er .mat-list-item{ font-size: 18px; font-family: 'AvenirMedium'; height: inherit; padding: 5px; box-sizing: border-box; color: #545454; text-transform: capitalize; } .Admindmin_details .inner_er .mat-list-item .lg{ font-size: 18px; font-family: 'AvenirBlack'; } .admin_wrapper .mediaDoc_wrapper { display: flex; justify-content: space-between; } .admin_wrapper .mediaDoc_wrapper .new_wrapper_left{ width: 73%; display: flex;} .admin_wrapper .mediaDoc_wrapper .new_wrapper_right{ width: 26%; display: flex; flex-direction: column;} .admin_wrapper .mediaDoc_wrapper .new_wrapper_right .media_inner_items:last-child { margin-top: 16px;} .encounter_wrapper .second_table .book-appointment .mat-card{ box-shadow: none; padding: 10px 8px; } .encounter_wrapper .second_table .book-appointment .mat-horizontal-stepper-header-container { display: none; } .encounter_wrapper .second_table .book-appointment .float-right { margin-left: 14px; } .encounter_wrapper .second_table .book-appointment .float-right:last-child { background: linear-gradient(45deg, #ffca10, #fbd856); margin-left: 0; } .patient_report_wrapper .patient_item_section .mat-tab-label-active { background:linear-gradient(45deg, #0772ff, #04a6f6); opacity: 1; } .mediaDoc_wrapper .media_inner_items{ background: #f8f3f3; margin: 0; display: flex; flex-direction: column; border: 1px solid #b4b5b5; box-sizing: border-box; width:100%; } .mediaDoc_wrapper .media_inner_items .image_wrapper { width: 100%; margin: 0; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center;} .mediaDoc_wrapper .media_inner_items .image_wrapper img{ max-width: 100%; vertical-align: middle;} .mediaDoc_wrapper .media_inner_items .action_button { background: linear-gradient(-5deg, #2df6fd 45%, #09cef5 52%); color: #000000; font-size: 22px; font-family: 'AvenirHeavy'; padding: 9px; margin: 0; text-align: center; text-transform: uppercase; width: 100%; border-radius: 0; margin-top: auto; box-sizing: border-box; } .report_wrapper .items_w .icon_w{ background: #ffffff; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-family: 'AvenirMedium'; text-transform: capitalize; font-size: 16px; height: 340px; } .report_wrapper .items_w .icon_w img{ height: 100%; max-width: 100%;} .quickRef .report_wrapper{ display: flex; justify-content: center; flex-wrap: wrap;} .quickRef .report_wrapper .items_w { width: 32.3%; margin: 0.5%; display: flex; flex-direction: column; box-sizing: border-box; border: 1px solid #c3c3c3; border-radius: 5px; background: #fff;} .quickRef .report_wrapper .items_w:last-child{ margin-bottom: 0.5%;} .report_wrapper .items_w .name_wr{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 0 10px; box-sizing: border-box; } .report_wrapper .items_w .name_wr .reportName{ font-family: 'AvenirHeavy'; color: #272520; font-size: 20px; padding-right: 10px; line-height: 22px; box-sizing: border-box;} .report_wrapper .items_w .action_button{background: linear-gradient(-5deg, #2df6fd 45%, #09cef5 52%); color: #000000; font-size: 22px; font-family: 'AvenirHeavy'; padding: 4px; margin: 0; text-align: center; text-transform: uppercase; width: 100%; border-radius: 0; margin-top: auto; box-sizing: border-box; } .viewMore_w{ justify-content: center; background: transparent!important; height: auto!important; margin-bottom: 30px!important; padding: 0!important;} .viewMore_w button{ min-width: 364px; background: linear-gradient(0deg, #04aaf5, #32baf9); font-family: 'AvenirHeavy'; color: #fff; text-transform: uppercase; font-size: 28px; padding: 4px;} /* for all modal */ .mat-dialog-container{ min-width: 400px; border: 1px solid #03d877; border-radius: 0px!important; padding: 0!important; max-height: 90vh!important; overflow-y: auto;} .mat-dialog-container .mat-dialog-title {line-height: inherit; text-align: center; margin: 0; display: block; background: linear-gradient(45deg, #00c56a, var(--button-color3)); color: #fff; padding:10px 6px; font-family: 'AvenirBlack'; text-transform: uppercase; } .mat-dialog-container .mat-dialog-content { display: block; margin: 0; padding: 16px; box-sizing: border-box; } .mat-dialog-container .mat-dialog-content .mat-form-field{ width:100%} .mat-dialog-container .mat-dialog-content .submit_form{ display: flex; justify-content: flex-end;} .mat-dialog-container .mat-dialog-content .submit_form button{ font-family: 'AvenirBlack'; text-transform: uppercase; color: #fff; background: var(--button-color2);} .mat-dialog-container .mat-dialog-content .submit_form button:last-child{ background: var(--button-color3); margin-left: 10px;} .mat-dialog-container .mat-dialog-content p{ text-align: center; color: var(--button-color2); font-size: 18px; white-space: normal; word-break: break-all; font-family: 'AvenirMedium';} .mat-dialog-container .mat-dialog-content .innerhtml-content{ text-align: left; color: #1f1e1e; font-size: 16px; white-space: normal; word-break: break-all; font-family: 'AvenirLight';} .mat-dialog-container .mat-dialog-actions { display: flex; flex-wrap: wrap; min-height: inherit; align-items: center; justify-content: center; margin-bottom: 0;} .mat-dialog-container .mat-dialog-actions button{ background: linear-gradient(45deg, var(--button-color1), #e2b400); color: #fff; min-width: 100px; font-family: 'AvenirMedium'; font-size: 18px;} .mat-dialog-container .mat-dialog-actions button:last-child{ background: linear-gradient(45deg,#047db3, var(--button-color2)); color: #fff;} .modal-localdata .mat-dialog-content .example-card{ margin-bottom: 16px; display: flex; font-family: 'AvenirMedium'; justify-content: flex-start; align-items: center; box-shadow: 0px 1px 4px 1px #c1c1c1;} .modal-localdata .mat-dialog-content .example-card .mat-card-header-text{ margin: 0 10px 0 0;} .modal-localdata .mat-dialog-content .example-card .mat-card-header-text .mat-card-title{ margin: 0; font-size: 16px;} .modal-localdata .mat-dialog-content .example-card .mat-card-content p{color: #717171; font-size: 16px; font-family: 'AvenirMedium';} .modal-localdata .mat-dialog-content .example-card:last-child{ margin-bottom: 0px; } /* sales dashboard */ .sales_person_db{ width:auto; display: block; margin: 0 auto; } .sales_person_db .shareLi{ background: #cfaa1e url('../images/shareBanner.png') no-repeat; background-position: 10% bottom; padding:20px; height: 500px; background-size: contain; position: relative; margin-bottom: 16px; margin-left: 10px; margin-right: 10px; } .sales_person_db .shareLi .in_w{ width:660px; background: #fff; margin-left: auto; padding: 16px; box-sizing: border-box; border-radius: 4px; top: 50%; position: absolute; transform: translate(-50%, -50%); left: 70%; box-shadow: 0px 2px 8px 0px #404040;} .sales_person_db .shareLi .in_w h2{ margin: 0; color: #000; font-family: 'AvenirRoman'; font-size: 22px; text-transform: uppercase; margin-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid; padding-bottom: 8px;} .sales_person_db .shareLi .in_w .input_w { display: flex; justify-content: space-between; align-items: center;} .sales_person_db .shareLi .in_w .input_w .mat-form-field{ width: 100%; } .sales_person_db .shareLi .in_w .input_w button{color: var(--button-color3); padding: 0; min-width: 50px;} .sales_person_db .shareLi .in_w .social_media_wrapper{ display: flex; align-items: center; justify-content: center; } .sales_person_db .shareLi .in_w .social_media_wrapper button{ padding: 0; min-width: 36px; color: var(--button-color2);} .sales_person_db .shareLi .in_w .social_media_wrapper button i{ font-size: 30px; } .table_list{ margin: 0px auto; width: auto; margin-left: 5px; margin-right: 5px;} .sales_new_width .admin_wrapper{ width: auto; padding: 0!important; background: transparent!important; } .table_list .top_header { background:#f5f5f5} .table_list .top_header .title1{ font-size: 26px; font-family: 'AvenirMedium'; } .table_list table{ width: 100%;} .table_list table td.mat-cell:last-of-type{ border-right: 1px solid #d6d6d6; } .table_list table td.mat-cell:first-of-type{ border-left: 1px solid #d6d6d6; } .table_list .button_action { margin-left:auto;} .table_list .button_action button:last-child{ background: var(--button-color1); margin-left: 10px;} .faq_wrapper .mat-expansion-panel-body { padding: 0; } /* calendar view */ .calenderView .calender_first .mat-toolbar{ background: linear-gradient(10deg, #0f729f, #03a9f5); justify-content: space-between; margin-top:6px; } .calenderView .calender_first .mat-toolbar .google_calendar_status mat-label { float: none; line-height: inherit; color: #ffffff; text-align: inherit; display: inline-flex; align-items: center;} .calenderView .calender_first .mat-toolbar .headerSpan { font-family: 'AvenirMedium'; font-size: 28px; margin: 0;} .calenderView .calender_first{ padding: 0;} .calenderView .calender_first .buttonsetToolbar { background: #f9f9f9; padding: 10px; height: auto; flex-wrap: wrap; display: flex; justify-content: center; align-items: center;} .calenderView .calender_first .buttonsetToolbar .singleButton {font-family: 'AvenirRoman'; font-size: 16px; background: linear-gradient(45deg, #e2ab02, #fec106); box-shadow: none;} .calenderView .calender_first .buttonsetToolbar .singleButton:nth-child(5) { background: linear-gradient(45deg, #dc2800, #fd390e)} .calenderView .filter { display: flex; justify-content: space-between; align-items: center; margin: 0!important; } .calenderView .filter .pagination { float: none; font-size: 14px; font-family: 'AvenirMedium'; margin-left: 8px; } .calenderView .filter .filter-box .mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0; } .calenderView .slotview{ padding: 8px 0px!important;} .calenderView .label-no-slot-exists{ font-family: 'AvenirMedium'; font-size: 16px; color: #ee0808; } .calenderView .slotview .example-card { max-width: 100%!important; width: 31%; margin: 1%; transition: all 300ms; padding: 0; } .calenderView .slotview .example-card .mat-card-content p { font-size: 14px; font-family: 'AvenirMedium'; padding: 0 10px; margin: 10px 0;} .calenderView .slotview .example-card .mat-card-content p:first-child{ font-size: 18px; background: linear-gradient(10deg, #21e2ce, #077d5d); padding: 6px; color: #fff; margin: 0; } .calenderView .slotview .example-card:hover{ transform: scale(1.2); position: relative; z-index: 1; border: 1px solid #f1f1f1;} .calenderView .slotview .example-card .mat-card-actions { margin: 0; padding: 0 10px 10px;} .calenderView .slotview .example-card .mat-card-actions button{ font-family: 'AvenirMedium';} .calenderView .slotview .example-card .mat-card-actions button:hover {transition: 200ms all; border:1px solid var(--button-color3); color: var(--button-color3); background: #fff!important; } .calenderView .example-container .button_wrapper button{ background: var(--button-color2); font-family: "AvenirMedium"; font-size: 18px;} .calenderView .example-container .button_wrapper button:last-child{ background: var(--button-color3)} .listing_view .table{ font-family: 'AvenirMedium';} .listing_view .table .event-edit-modal .edit-header{ background: var(--button-color2); padding: 12px 10px; color: #fff; font-family: 'AvenirMedium'; font-size: 20px; text-transform: uppercase; } .event-edit-modal .edit-header { padding: 14px 10px; background: var(--button-color2); color: #fff; font-family: 'AvenirMedium'; text-transform: uppercase; } .event-edit-modal .edit-header .modal-title { float:none; } .event-edit-modal .edit-header .btn-modal-close{ color: #fff;} .event-edit-modal .mat-dialog-container .edit-event-dialog { font-family: 'AvenirMedium'; } .event-edit-modal .mat-dialog-container .edit-event-dialog .available-weekdays {display:block; font-family: 'AvenirBlack'; margin-bottom:10px; font-size:16px; } .event-edit-modal .event-submit, .event-edit-modal .event-reset{ background: var(--button-color2)!important; font-family: 'AvenirMedium'; text-transform: uppercase; min-width: 90px; border-radius: 0; box-shadow: none!important; } .event-edit-modal .event-reset{ background: var(--button-color5)!important; } .event-edit-modal .mat-dialog-container .edit-event-dialog .time-picker{ display: inline-block; width: 48%;} .event-edit-modal .mat-dialog-container .edit-event-dialog .time-picker .modal-input { width: 100%; } .listing_view .table th { background-color: #e0e5eb!important; color: #6f6e6e!important; } .listing_view .table td .mat-chip-list-wrapper{ margin-top: 5px} .listing_view .table td .mat-chip-list-wrapper .mat-chip {background-color: #03a9f5!important; color: #fff; font-size: 12px; font-family: 'AvenirMedium'; display: flex; justify-content: center; align-items: center; } .listing_view .table td .mat-chip-list-wrapper .mat-chip:first-child, .listing_view .table td .mat-chip-list-wrapper .mat-chip:last-child{background-color: var(--button-color5)!important;} .listing_view .table td .btn-group { border: none;} .searchbar .mat-form-field .mat-chip.mat-standard-chip { background: linear-gradient(40deg, #03a0c3 50%, #0ab3ff 50%); color: #ffff; font-family: 'AvenirLight'; white-space: normal; height: auto; word-break: break-word; font-size: 10px; } .searchbar .mat-form-field .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon { margin: 0; } .multipledeleteandupdatebuttan{ display: block; margin-bottom: 16px;} .multipledeleteandupdatebuttan button{ background: linear-gradient(40deg, #ff4081, #dc004b); color: #fff; margin-right: 10px;} .multipledeleteandupdatebuttan button:last-child{ margin-right: 0; background: linear-gradient(40deg, #0681fd, #00c4fb); } /* .DataTable .mat-card br{ display: none;} */ .DataTable .mat-card mat-label{ margin-right: 10px;} .DataTable .mat-card .tablewrapper { margin-bottom: 16px;} /* modification on 5.04.2020 */ .calendar_data .mat-card{ box-shadow: none!important; padding: 0!important; margin:16px 0!important; } .calendar_data .calender_first .mat-toolbar.mat-primary{ background: var(--button-color3); } .calendar_data table th{ font-family: 'AvenirBlack'; } .calendar_data table td{ font-family: 'AvenirMedium'; } .lib-pager-class { clear: inherit!important; float: none!important; text-align: center; margin-top: 16px;} .lib-pager-class .mat-form-field { width: 70px; margin: 0 6px; text-align: center;} .lib-pager-class .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{ display: none!important;} .lib-pager-class .mat-form-field .mat-form-field-flex { border: 1px solid #e4e4e4; padding: 0 5px; border-radius: 4px 4px 0 0; } .lib-pager-class .mat-form-field .mat-form-field-appearance-legacy .mat-form-field-underline{ height: 0; } /* manage admin */ .adptient_manually mat-form-field{ width: 32%; display: inline-flex; margin: 0 6px; } .adptient_manually .mat-form-field-appearance-legacy .mat-form-field-wrapper{ width: 100%; } .adptient_manually .form_header_practice_name { display: block; font-size: 18px; color: #000000; font-family: 'AvenirMedium'; text-transform: uppercase; position: relative; } .adptient_manually .form_header_practice_name::before{ content: ''; width: 30%; height: 2px; background: #8bc348; position: absolute; bottom: -5px; } .adptient_manually .form_header_ { display: block;} /* for calendar-management library */ .book-event .mat-dialog-container .mat-stepper-horizontal .width-md { width: 32%; } /**********************************/ .db_title{ font-family: 'AvenirMedium'; font-size: 20px; color: #3d3d3d; text-transform: capitalize; border-bottom: 1px solid #a5a5a5; padding-bottom: 10px; } .app_list .mat-card{ padding: 0!important; } .app_list .mat-card .searchbar { padding: 0; } lib-listing .container .mat-card{ padding: 0; box-shadow: none;} .book-appointment .mat-step-header .mat-step-icon-selected{ background-color: var(--button-color3);} .book-appointment .mat-form-field{ width: 32.5%;} .book-appointment textarea{ width:100%;} .book-appointment .mat-form-field-appearance-fill .mat-form-field-flex { background: #fbfbfb; } /* calendar management */ .book-event .mat-dialog-container .mat-stepper-horizontal .mat-horizontal-content-container, .book-appointment .mat-stepper-horizontal .mat-horizontal-content-container{padding: 0;} .book-appointment .mat-stepper-horizontal h4, .book-event .mat-dialog-container .mat-stepper-horizontal h4{ font-family: 'AvenirMedium'; margin: 0; font-size: 20px; color: #0ac3a2; text-transform: uppercase; margin-bottom: 14px; } .book-appointment .mat-stepper-horizontal .containerSpan mat-label, .book-event .mat-dialog-container .mat-stepper-horizontal .containerSpan mat-label{ color: #505050; } .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .header, .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item .header { font-family: 'AvenirMedium'; font-size: 18px; text-transform: uppercase; color: #ffffff; background: linear-gradient(45deg, #12a0e5, #64ceff); padding: 8px 6px; } .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type .checbox_wrapper, .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type .checbox_wrapper { min-width: 150px; margin-left: 10px; } .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type, .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type {margin-bottom: 6px; font-family: 'AvenirMedium'; font-size: 14px; color: #243834;} .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type .label_name, .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type .label_name{ font-size: 16px; color: #243834; text-align: left; word-break: break-word; } .book-appointment .mat-stepper-horizontal .containerSpan, .book-event .mat-dialog-container .mat-stepper-horizontal .containerSpan { overflow: inherit; clear: none;} .book-appointment div>.mat-raised-button, .book-event .mat-dialog-container .mat-raised-button { background: linear-gradient(45deg, #0676fe, #05a2f7); margin-top: 16px; min-width: 120px; font-family: 'AvenirBlack'; border-radius: 0; text-transform: uppercase;} /* bulk-upload/report-conformation */ .report_modal td button{ font-family: 'AvenirMedium'; background: linear-gradient(45deg, #ff822d, #ffc814); border-radius: 0; text-transform: uppercase; color: #fff!important;} .modal_view .mat-form-field{ width:100%;} .modal_view .mat-form-field .mat-form-field-flex { padding: 0 7px 4px; border: 1px solid #dadada; } /* new modification */ /* .admin_dashboard .DataTable .searchbar .mat-form-field{ width: 23.5%;} */ .admin_dashboard .DataTable .tablewrapper table th.mat-header-cell:last-of-type {width: 350px; } .admin_dashboard .DataTable .tablewrapper tr td .custombutton0, .admin_dashboard .DataTable .tablewrapper tr td .custombutton1, .admin_dashboard .DataTable .tablewrapper tr td .custombutton2, .admin_dashboard .DataTable .tablewrapper tr td .custombutton3, .admin_dashboard .DataTable .tablewrapper tr td .custombutton4, .admin_dashboard .DataTable .tablewrapper tr td .custombutton5, .admin_dashboard .DataTable .tablewrapper tr td .custombutton6, .admin_dashboard .DataTable .tablewrapper tr td .custombutton7, .admin_dashboard .DataTable .tablewrapper tr td .custombutton8, .admin_dashboard .DataTable .tablewrapper tr td .custombutton9, .admin_dashboard .DataTable .tablewrapper tr td .custombutton10, .admin_dashboard .DataTable .tablewrapper tr td .custombutton11{ display: inline-flex; margin: 0px;} .admin_dashboard .DataTable .container .searchbar .search_class:first-child { margin-left: 20px;} .admin_dashboard .DataTable .tablewrapper tr td .custombutton0 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton1 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton2 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton3 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton4 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton5 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton6 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton7 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton8 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton9 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton10 button, .admin_dashboard .DataTable .tablewrapper tr td .custombutton11 button, .admin_dashboard .DataTable .tablewrapper tr td .notebtncls { font-family: 'AvenirMedium'; background: var(--button-color3); box-shadow: none; padding: 6px 10px; line-height: inherit; font-size: 12px; min-width: 140px; margin: 2px;} .admin_dashboard .DataTable .tablewrapper tr td .custombutton0 button {background: var(--button-color1);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton1 button {background: var(--button-color2);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton2 button {background: var(--button-color3);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton3 button {background: var(--button-color4);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton4 button {background: var(--button-color5);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton5 button {background: var(--button-color6);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton6 button {background: var(--button-color1);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton7 button {background: var(--button-color2);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton8 button {background: var(--button-color3);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton9 button {background: var(--button-color4);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton10 button {background: var(--button-color5);} .admin_dashboard .DataTable .tablewrapper tr td .custombutton11 button {background: var(--button-color6);} .admin_dashboard .DataTable .tablewrapper tr td .notebtncls { background: #1c8494;} .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details p{ margin:6px 0} .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details p:nth-child(1){color: #21e289; font-size: 15px; font-weight: 700;} .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details p:nth-child(2){color: #6fc4dc; font-weight: 600;} /* .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details .tech_name, .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details .doc_name, .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details .parent_name, .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details .parent_type, .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details .doctor_office{ display: none;} */ .admin_dashboard .diagnostic_admin .tablewrapper tr td .custombutton0 button, .admin_dashboard .diagnostic_admin .tablewrapper tr td .custombutton1 button{ min-width: inherit!important; } /* .form2_wrapper .DataTable .searchbar .mat-form-field{ width:48%; } */ .encounter_rules{padding: 16px!important;} .encounter_rules .admin_superbillsection table{ width: 100%; border-collapse: collapse; background: #fff; } .encounter_rules .admin_superbillsection table tr th, .encounter_rules .admin_superbillsection table tr td{ vertical-align: top; padding: 10px; border: 1px solid #dadada; text-align: left; font-family: 'AvenirMedium'; } .encounter_rules .admin_superbillsection table tr th{font-family: 'AvenirBlack'; background: #f9f9f9; font-size: 14px;} .encounter_rules .admin_superbillsection h1{ margin: 0; margin-bottom: 16px;} .encounter_rules .admin_superbillsection table .mat-column-SL{ width: 5%; } .encounter_rules .admin_superbillsection table .mat-column-Remarks{ width: 20%; } .encounter_rules .admin_superbillsection table .mat-column-Rules { width: 75%; } .encounter_rules .admin_superbillsection .tab table{ box-shadow: none;} .encounter_rules .admin_superbillsection .tab h3{ border: 1px solid #dadada; margin: 0; border-bottom: 0; background: #f9f9f9; padding: 16px 8px; font-family: 'AvenirBlack'; font-size:16px; color: #828282; } .encounter_rules .admin_superbillsection .tab table tr.mat-header-row{ font-family:'AvenirBlack'; } .encounter_rules .admin_superbillsection .tab table tr.mat-header-row, .encounter_rules .admin_superbillsection .tab table tr.mat-row{ height: auto; } .encounter_rules .admin_superbillsection .greenbar{ background: url('../../assets/images/AWSLinkedINBanner.jpg') no-repeat; background-position: center; padding: 20px; background-color: #21a6b7; background-size: cover; height: 340px; position: relative; margin-bottom: 16px; } .encounter_rules .admin_superbillsection .greenbar p{ top: 65%; position: absolute; font-family: 'AvenirBlack'; font-size: 60px; margin: 0; text-transform: uppercase; color: #08ab7d; } .shareLink_wrpr { padding: 0px; margin: 14px 0px!important; border-radius: 4px; } .shareLink_wrpr .link_field{ background: linear-gradient(45deg, #00aada, #83e2ff); height: auto; padding: 12px; justify-content: space-between; border-radius: 4px;} .shareLink_wrpr .link_field h2{ font-size: 20px; text-transform: uppercase; font-family: 'AvenirMedium';margin: 0; margin-right: 10px; color: #ffffff; } .shareLink_wrpr .small_view { width: 100%; display: flex;} .shareLink_wrpr .small_view .shreWr { width: 100%; display: flex;} .shareLink_wrpr .small_view .shreWr input{ background: #fff; padding: 10px; width: 100%; border: none; box-shadow: 0px 1px 4px #949494;} .shareLink_wrpr .link_field .shreWr a{ background: linear-gradient(50deg, #ff2a4e, #f3072f); font-family: 'AvenirMedium'; color: #fff; text-transform: uppercase; border-radius: 0 4px 4px 0;} .shareLink_wrpr .icon_wr a { width: 35px; height: auto; min-width: inherit; text-align: center; padding: 0; margin-left: 10px; } .shareLink_wrpr .icon_wr a i{ font-size: 20px; } .shareLink_wrpr .icon_wr a:nth-child(1) { background: #3b5998; color:#fff; } .shareLink_wrpr .icon_wr a:nth-child(2) { background: #00acee; color:#fff; } .shareLink_wrpr .icon_wr a:nth-child(3) { background: #0e76a8; color:#fff; } .shareLink_wrpr .icon_wr a:nth-child(4) { background: #34526f; color:#fff; } .distributor_info { background: #fff;} .distributor_info .mat-toolbar{ font-size: 20px; font-family: 'AvenirMedium'; background: var(--button-color5); color: #fff; height: inherit; padding: 8px 16px; text-transform: uppercase; } .distributor_info .inner_info{ padding: 16px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .distributor_info .inner_info p{margin: 6px 0; width: 25%; font-family: 'AvenirMedium'; } .distributor_info .inner_info p span{ font-family: 'AvenirBlack';} .success-snackbar { background: #4cde45!important; color: #fff!important; font-family: 'AvenirMedium'; box-shadow: none!important;} .success-snackbar .mat-simple-snackbar-action button { color: #fff!important;} .encounter_wrapper .second_table .book-appointment .mat-form-field { width: 32.2%; } .encounter_wrapper .second_table .book-appointment .mat-form-field-appearance-fill .mat-form-field-flex { background: #f5f4f4; } .calenderView .calendar_wrapper { width: 65%!important; } .calenderView .calendar_wrapper .example-container { display: inherit;} .calenderView .calendar_wrapper .example-container h3 { font-size: 20px; font-family: 'AvenirBlack'; margin: 0px 0px 10px; padding: 10px; background: #46b70d; color: #fff; width: auto;} .calenderView .calendar_wrapper .example-container .mat-checkbox{ display: inline-block; width: auto; margin-right: 12px;} .calenderView .calendar_wrapper .example-container .mat-checkbox:last-child{ margin-right: 0px!important;} /* .w-time{ max-height: inherit!important; min-height: inherit!important; height: auto!important;} */ .w-timepicker-dialog { margin: 0!important; width: auto!important; } .w-time .w-timepicker-time-container.mat-toolbar-single-row { background: #16995d; } .w-clock-wrapper .w-clock { padding: 14px!important;} .w-clock .w-clock-container .mat-mini-fab.mat-primary, .w-clock .w-clock-container .w-pointer{ background-color: var(--button-color2)!important;} /* job tickets */ .job_reprt_wrapper .job_reprt_action { padding: 10px; height: auto; } .job_reprt_wrapper .job_reprt_action button{ background: var(--button-color2); margin-right: 10px; box-shadow: none; font-family: 'AvenirMedium'; } .job_reprt_wrapper .job_seeker_details{ background: #ffffff; margin-bottom: 16px;} .job_reprt_wrapper .job_seeker_details .mat-card-header{ font-family: 'AvenirMedium';} .job_reprt_wrapper .job_seeker_details .report_desc p p{ margin:6px 0;} .job_reprt_wrapper .job_reprt_action button:last-child{ margin-right: 0; background: var(--button-color1);} .job_reprt_wrapper .report_image_w{ height: auto; padding: 0; justify-content: center; align-items: center; flex-wrap: wrap;} .job_reprt_wrapper .itm .count_n{ font-size: 18px; font-family: 'AvenirMedium'; color: #1dbce9; margin: 0 0 10px;} .job_reprt_wrapper .itm .report_image_w .image_items{ width: 19%; margin: 0.5%; position: relative; height: 180px; box-sizing: border-box; box-shadow: 1px 1px 5px #d6d6d6; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #808282; flex-grow: 1;} .report_action_wrapper{ position: absolute; background-color: rgba(0,0,0, 0.8); width: 100%; height: 100%; display: none; justify-content: center; align-items: center; transition: ease-in 2ms; top: 0; left: 0;} .job_reprt_wrapper .itm .report_image_w .image_items:hover .report_action_wrapper{ display: flex;} .report_action_wrapper button:hover{ color: var(--button-color2); border:1px solid var(--button-color2)} .report_action_wrapper button{ background: transparent; border: 1px solid #fff; margin-right: 10px; color: #d0d0d0; text-transform: uppercase; font-family: 'AvenirMedium'; width: 120px; line-height: inherit; transition: ease-in 2ms; } .report_action_wrapper button:last-child{ margin: 0; } .job_reprt_wrapper .itm .report_image_w .image_items img{ max-width: 100%; vertical-align: middle; height: 100%; object-fit: cover; object-position: center center;} .job_modal_wr .content_jobview img{ max-width: 100%; } .jobViewModal .mat-dialog-container{ max-height: 90vh!important; height:auto!important;} /* tooltip section */ .tolTip{ /* background: var(--button-color2); */ display: flex; flex-direction: column; border-radius: 50%; justify-content: center; align-items: center; width: 16px; height: 16px; margin-left: 4px; } .tolTip a{ padding: 0; line-height: inherit; background: transparent; box-shadow: none!important; min-width: inherit; } .tolTip a.toggle_btn{ color: #313131;} .tolTip a.toggle_btn .material-icons{ font-size: 22px; color: var(--button-color2); } .admin_superbillsection .container_wrapper .tolTip a.toggle_btn .material-icons, .superbillerContainer .tolTip a.toggle_btn .material-icons{ font-size: 22px; color: #fff; } .tooltip_bg{background:#fff!important; color: #000!important; font-size: 14px!important; position: relative; font-family: 'AvenirMedium'!important; opacity: 1!important; border: 1px solid rgb(177, 175, 175);} /* modal close button */ .maindialognew{ position: relative;} .maindialognew .close-btn-modal{ float: none!important; color: #fff; position: absolute; right: 0px; cursor: pointer; top: 0px; background: var(--button-color3); padding: 2px;} .notes-modal { width:700px} .notes-modal .maindialognew .mat-dialog-content .mat-subheader{ background: var(--button-color2); color: #fff; font-size: 18px; text-transform: uppercase; font-family: 'AvenirMedium'; } .notes-modal .maindialognew .close-btn-modal{ top:28px; right: 3%; } .notes-modal .maindialognew .dialoghead .mat-dialog-content .ng-star-inserted textarea{ width: 100%; border: 1px solid #bbbbbb; box-shadow: none; margin: 20px 0 14px; padding: 10px; box-sizing: border-box; resize: none; } .notes-modal .maindialognew .dialoghead .mat-dialog-content .ng-star-inserted button { background:#ff003b; color: #fff; display: flex; margin-left: auto; } .notes-modal .maindialognew .dialoghead .mat-dialog-content .mat-list-base .mat-list-item .mat-list-item-content{ padding: 0; align-items: flex-start; } .notes-modal .maindialognew .dialoghead .mat-dialog-content .mat-list-base .mat-list-item .mat-line{ font-size: 15px; font-family: 'AvenirMedium'; word-break: break-word; white-space: normal; color: #1d1f1e;} .notes-modal .maindialognew .dialoghead .mat-dialog-content .mat-list-base .mat-list-item .line-user, .notes-modal .maindialognew .dialoghead .mat-dialog-content .mat-list-base .mat-list-item .line-datetime{ font-size: 14px; font-family: 'AvenirMedium'; color: #7f8280; padding: 4px 0;} .notes-modal .maindialognew .dialoghead .mat-list .mat-list-item{ height: auto; padding: 10px 0;} .notes-modal .maindialognew .dialoghead .mat-dialog-content .mat-list-base .mat-list-item .mat-list-item-content .material-icons { color:#f7032d; } /* approval setting */ .bulkupload-dialog .mat-dialog-container .admin_wrapper{ width: 100%; margin:auto; padding: 0!important;} .bulkupload-dialog .mat-dialog-container .admin_wrapper .add_form { border: none;} .bulkupload-dialog .mat-dialog-container .admin_wrapper .title_wrapper{ background: #6bd010; font-size: 20px; padding: 12px; color: #f9f6f6;} .bulkupload-dialog .mat-dialog-container .admin_wrapper .example-form label{ font-size: 18px; font-family: 'AvenirMedium'; color: rgb(14, 13, 13)} .bulkupload-dialog .admin_wrapper .add_form .submit_form button { font-size: 14px; padding: 0px 12px; min-width: 90px; } .bulkupload-dialog .admin_wrapper .add_form .submit_form button:nth-child(2) { background: #2f3638; } .bulkupload-dialog .admin_wrapper .add_form .submit_form button:last-child { background: #60c306; } .bulkupload-dialog .admin_wrapper .add_form .submit_form .resetBtn { background: #0a9648; } /* training block */ .training_management .form2_wrapper .searchblockwrapper .mat-toolbar{ background: var(--button-color2); margin-bottom:16px; } .training_management .form2_wrapper .searchblockwrapper .buttonsetToolbar { background: #daf0f7; margin: 12px 0; text-align: right; height: auto; padding: 10px;} .training_management .form2_wrapper .searchblockwrapper .singleButton{ background: var(--button-color3); font-size: 16px; text-transform: uppercase; color: #fff; margin: 0; float: none; margin-right: 10px; } .training_management .form2_wrapper .searchblockwrapper .singleButton:last-child{ background: var(--button-color1); margin: 0; } .training_management .form2_wrapper .searchblockwrapper .mat-toolbar .headerSpan{ color: #fff; font-size: 30px; font-family: "AvenirMedium";} .training_management .form2_wrapper .searchbar{ display: flex; align-items: center; } .training_management .form2_wrapper .searchbar .submitbtn{ font-family: "AvenirMedium"; background: var(--button-color2); margin-right: 10px; min-width: 120px; text-transform: uppercase; box-shadow: none;} .training_management .form2_wrapper .searchbar .submitbtn:first-child{ background: var(--button-color1);} .training_management .form2_wrapper .searchbar .submitbtn:last-child{ background: var(--button-color5); margin: 0;} .training_management .form2_wrapper .searchblockwrapper span .countSection { background: #ffffff!important; box-shadow: 0px 2px 4px 0px #b3b3b3; margin: 5px; border: none!important; padding: 10px!important; } .training_management .form2_wrapper .searchblockwrapper span .countSection h2{ flex: initial!important; border-radius: 0%; border-bottom-left-radius: 20px; color: #ffffff; font-size: 20px; font-family: "AvenirMedium"; padding: 6px; display: flex; min-width: 35px; min-height: 35px; align-items: center; justify-content: center; margin-right: 6px; box-shadow: 0px 2px 3px 0px #ffffff; background: #00c7ff; border: 2px solid #08b8ea; word-break: break-all; line-height: 18px; } .training_management .form2_wrapper .searchblockwrapper span { font-family: "AvenirMedium"; } .training_management .form2_wrapper .searchbar .mat-form-field{ font-size: 14px; width: 32%; margin: 0 0.5%!important; } .list-lesson .form2_wrapper .searchbar .mat-form-field{ font-size: 14px; width: 24%; margin: 0 0.5%!important; } .training_management .form2_wrapper .mat-elevation-z8 .mat-table { font-family: "AvenirMedium";} .training_management .form2_wrapper .mat-elevation-z8 .mat-table th, .training_management .form2_wrapper .mat-elevation-z8 .mat-table td{ width: auto; } .training_management .form2_wrapper .mat-elevation-z8 .mat-table .buttons_ro{ display:flex; } .training_management .form2_wrapper .mat-elevation-z8 .mat-table .buttons_ro .pointer{ display: flex; align-items: center; justify-content: center; margin: 2px; color: #fff; padding: 2px 3px; border-radius: 2px;} .training_management .form2_wrapper .multipledeleteandupdatebuttan { display: flex; margin-bottom: 16px;} .training_management .form2_wrapper .mat-elevation-z8 .mat-table .buttons_ro .pointer:nth-child(1){ background: var(--button-color2); } .training_management .form2_wrapper .mat-elevation-z8 .mat-table .buttons_ro .pointer:nth-child(2){ background: #ff5370; } .training_management .form2_wrapper .mat-elevation-z8 .mat-table .buttons_ro .pointer:nth-child(3){ background: var(--button-color1); } .training_management .form2_wrapper .mat-elevation-z8 .mat-table .buttons_ro .pointer:nth-child(4){ background: var(--button-color3); } .training_management .form2_wrapper .mat-elevation-z8 .mat-paginator-container{ justify-content: center;} /* add edit */ .addedit_management .form2_wrapper .searchblock .searchblockwrapper .header { font-family: "AvenirBlack"; font-size: 26px; background: var(--button-color2); padding: 10px; text-align: center; margin: 0; color: #fff; text-transform: uppercase; } .addedit_management .form2_wrapper .formclass .mat-form-field-flex { padding:0 8px 8px; background: #fff; border-left: 2px solid var(--button-color2)} .addedit_management .form2_wrapper .formclass textarea{ min-height: 110px; resize: none!important; } .addedit_management .form2_wrapper .formclass{ justify-content: center; } .addedit_management .form2_wrapper .formclass .trainingsubbtn { font-family: "AvenirMedium"; background: var(--button-color2); margin-right: 10px; min-width: 120px; text-transform: uppercase; box-shadow: none; } .addedit_management .form2_wrapper .formclass .trainingsubbtn:last-child { background: var(--button-color5); margin: 0;} .addedit_management .form2_wrapper .formclass .checkboxnew mat-label { font-family: "AvenirMedium"; font-size: 18px; color:#671717; padding: 0; display: inline-block; margin-bottom: 6px;} /* quiz */ .quiz_addedit_management .form2_wrapper .mat-card{ background: #f3f3f3; } .quiz_addedit_management .form2_wrapper .searchblock .searchblockwrapper .mat-toolbar{ background: var(--button-color2); margin-bottom: 20px; } .quiz_addedit_management .form2_wrapper .searchblock .searchblockwrapper .mat-toolbar .headerSpan{ font-family: "AvenirBlack"; margin: 0; color: #fff; text-transform: uppercase; font-size: 30px; } .quiz_addedit_management .form2_wrapper .example-form .mat-form-field-flex { padding:0 8px 8px; background: #fff; border-left: 2px solid var(--button-color2)} .quiz_addedit_management .form2_wrapper .example-form .trainingsubbtn { font-family: "AvenirMedium"; background: var(--button-color2); min-width: 120px; text-transform: uppercase; box-shadow: none; margin-top: 20px; } .quiz_addedit_management .form2_wrapper .example-form .cke_1{ margin-bottom: 16px; } .Addjobticket .form .form_field_wrapper .mat-form-field-flex { padding: 0 8px 8px; background: #fff; border-left: 2px solid var(--button-color2); } .Addjobticket .form .form_field_wrapper .form_field_screenshots { padding: 0 8px 8px; background: #fff; border: 2px dashed var(--button-color2); margin-bottom: 16px; } .Addjobticket .form .form_field_wrapper .form_field_screenshots mat-label{ font-family: "AvenirMedium"; font-size: 18px; padding-top: 16px; display: block;} .Addjobticket .form .form_field_wrapper .form_field_screenshots .drop{ justify-content: center; background: var(--button-color2); } .Addjobticket .form .form_field_wrapper .form_field_screenshots .filesid{ width: 100%; box-sizing: border-box;} .Addjobticket .form .form_field_wrapper .form_field_screenshots .filesid br{ display:none; } .Addjobticket .form .form_field_wrapper .form_field_screenshots h1{ background: #f1f1f1; padding: 10px; font-size: 20px; font-family: "AvenirBlack";} .Addjobticket .form .form_field_wrapper .form_field_screenshots .filecontainerdiv { display: inline-flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; border: 1px solid #aaa; margin: .5%; padding: 10px; box-sizing: border-box; width: 49%; } .Addjobticket .form .form_field_wrapper .form_field_screenshots .filecontainerdiv .material-icons { color: var(--button-color2); font-size: 40px; } .Addjobticket .form .form_field_wrapper .form_field_screenshots .filecontainerdiv .fileuploadednameclass{ font-family: "AvenirMedium"; font-size: 18px; color: #252424;} .Addjobticket .form .form_field_wrapper .form_field_screenshots .filecontainerdiv .fileuploadedtypeclass{ font-family: "AvenirMedium"; font-size: 16px; color: #252424;} .Addjobticket .form .form_field_wrapper .form_field_screenshots .filecontainerdiv .actionbtndiv { margin:6px 0;} .Addjobticket .form .form_field_wrapper .form_field_screenshots .filecontainerdiv .fileuploadbutton { font-family: "AvenirMedium"; font-size: 18px; color: #ffffff; cursor: pointer; background: var(--button-color1); min-width: 68px; line-height: 33px; padding: 5px 16px; border-radius: 4px;} .actionbtndiv2 { display: flex; } .actionbtndiv2 .mat-chip.mat-standard-chip{ font-family: "AvenirMedium"; font-size: 18px; color: #ffffff; background: var(--button-color3); padding: 5px 16px; border-radius: 4px; cursor: pointer; } .actionbtndiv2 .mat-chip.mat-standard-chip:last-child{ background: var(--button-color3); margin-left: 10px;} .Addjobticket .form .form-element { margin-top: 10px;} .Addjobticket .form .form-element button{ font-family: "AvenirMedium"; margin-right: 14px; background: var(--button-color3); min-width: 120px; text-transform: uppercase; } .Addjobticket .form .form-element button:first-child{ background: var(--button-color2);} .Addjobticket .form .form-element button:last-child{ background: var(--button-color1); margin-right: 0px;} /* view job tickets */ .jobTickets_details .viewjobticketmaincls { display: flex!important; justify-content: space-between; background: var(--button-color2)!important; } .jobTickets_details .viewjobticketmaincls .jobticketidcls {margin: 0; display: flex; align-items: center; color: #e2f9ff; font-family: 'AvenirBlack'; } .jobTickets_details .viewjobticketmaincls .jobticketidcls h2{ font-size: 18px;} .jobTickets_details .viewjobticketmaincls .jobticketidcls h2 span{ font-size: 16px; color: #fff;} .jobTickets_details .resolvebtn .resolvesection { display: flex; min-width: 130px; background: #fff; padding: 12px; box-shadow: 0px 2px 4px #676666; border-radius: 4px; font-family: 'AvenirBlack'; } .jobTickets_details .resolvebtn .resolvesection mat-label{ min-width: max-content;} .jobTickets_details .inner_wrapper_data{ display: flex!important; justify-content: space-between; } .jobTickets_details .inner_wrapper_data .leftsection { background: #f3f3f3; padding: 8px; margin-bottom: 0; width: 360px; margin-right: 16px; border: 1px solid rgb(220 220 220); } .jobTickets_details .inner_wrapper_data .leftsection .listblockHeader { background: var(--button-color2); height: inherit; padding: 6px; justify-content: space-between; font-family: 'AvenirMedium'; color: #e2f9ff; font-size: 16px; margin-bottom: 6px; } .jobTickets_details .inner_wrapper_data .leftsection .listblockHeader .nacls{ font-family: 'AvenirBlack'; color: #fff;} .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent { display: flex; background: #fff; padding: 4px; box-sizing: border-box; box-shadow: 0px 2px 3px #827c7c;} .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent .image_w { width: 100px; height: auto; display: flex; justify-content: center; align-items: center; border: 2px solid #ccc; margin-right: 4px; } .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent .image_w img{ max-width: 100%; height: auto;} .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent .content_w mat-label{ font-size: 14px; font-family: 'AvenirBlack'; display: block; color: var(--button-color2);} .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent .content_w span{ font-size: 14px; font-family: 'AvenirMedium'; color: #484848;} .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent .content_w{ width: 100%; } .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent .content_w .list{margin-top: 0; margin-bottom:6px; } .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent .content_w .list:last-child{margin-bottom: 0; } .jobTickets_details .inner_wrapper_data .rightsection { background: #f3f3f3; padding: 8px; width:100%; border: 1px solid rgb(220 220 220); } .jobTickets_details .inner_wrapper_data .rightsection .issuerelatedtoblock { background: var(--button-color2); height: inherit; padding: 16px 6px; justify-content: space-between; font-family: 'AvenirMedium'; color: #e2f9ff; font-size: 16px; margin-bottom: 0px; } .jobTickets_details .inner_wrapper_data .rightsection .issuerelatedtoblock mat-label{ font-family: 'AvenirBlack'; } .jobTickets_details .inner_wrapper_data .rightsection .issuerelatedtoblock span{ color: #fff; } .jobTickets_details .inner_wrapper_data .rightsection .messageBLK{ background: #fff; padding: 10px 8px; } .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .imglists { display: flex; padding: 0; justify-content: center; flex-wrap: wrap;} .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .imglists .mat-list-item{ height: auto; margin: 1%; width: 23%; border: 2px solid #9e9e9e; background: #b7b7b7; box-shadow: 0px 2px 4px 0px #adacac;} .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .imglists .mat-list-item .mat-list-item-content{ padding: 0!important; } .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .imglists .mat-list-item img{ max-width: 100%; height: auto; vertical-align: middle; } .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .buttonwrapper { background: transparent; justify-content: flex-end; padding: 0; } .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .labeltitle{ font-size: 18px; font-family: 'AvenirBlack'; color: #5d5959; } .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .bluetxt{ color: #5d5959; font-size: 16px; font-family: 'AvenirMedium';} .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .buttonwrapper .bluebuttoncls { background: var(--button-color3); color: #fff; font-family: 'AvenirMedium'; text-transform: uppercase; min-width: 100px; border-radius: 25px;} .uploadblockbottom .lib_upload_form .form-element mat-label{ font-size: 20px; font-family: 'AvenirBlack'; color: #ffffff; padding: 10px; margin: 14px 0; display: block; background: var(--button-color2); } .uploadblockbottom .lib_upload_form .aligner .drop{ height: 150px; width: 150px; border-radius: 100px; color: #fff; background-color: var(--button-color5); font-size: 18px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-family: 'AvenirMedium'; } .uploadblockbottom .lib_upload_form .form-element button{ font-family: 'AvenirMedium'; background: var(--button-color2); margin-right: 10px; } .uploadblockbottom .lib_upload_form .form-element button:nth-child(2){ background: var(--button-color5); } .uploadblockbottom .lib_upload_form .form-element button:last-child{ background: var(--button-color1); margin-right: 0; } .uploadblockbottom .lib_upload_form .form-element .aligner .filesid{ width: 100%;} .uploadblockbottom .lib_upload_form .form-element .aligner h1{ font-family: 'AvenirMedium'; color: var(--button-color2); font-size: 18px;} .uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv { display: grid; grid-template-columns: 50px auto auto 75px; color: #4c4c4c; font-family: 'AvenirMedium'; border-bottom: 1px solid #bfbbbb; padding-bottom: 10px; } .uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv br{ display: none;} .uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv .actionbtndiv { text-align: center;} .uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv .actionbtndiv .fileuploadbutton { font-family: 'AvenirMedium'; background: var(--button-color2); color: #fff; padding: 4px 12px; border-radius: 4px; } .uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv .material-icons{ color:var(--button-color2)} .uploadblockbottom .lib_upload_form .form-element .aligner .actionbtndiv2 { display: flex; margin-bottom: 16px; justify-content: end; } .admin_wrapper .add_form .form_wrapper .locationbtn{ background: var(--button-color5); color: #fff; font-family:'AvenirMedium'; margin: 0 0.5%; display:block;} .admin_wrapper .add_form .form_wrapper .practicecontainer {padding: 0; display: flex; justify-content: center; margin: 16px 0; flex-wrap: wrap; background: url('../images/location_map.png') no-repeat; background-size: cover; } .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem{ background: #f5f5f5; padding: 10px; box-sizing: border-box; margin: 0.5%; display: flex; flex-direction: column; width: 49%; box-shadow: 0px 1px 2px 1px #b7b7b7; background-color: rgba(0, 0, 0, 0.7); position: relative; } .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .practiceTags{ display: flex; margin: 8px 0;} .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .practiceTags mat-label{ font-family: 'AvenirMedium'; font-size: 18px; display: block; min-width: 140px; color: #fbff00;} .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .practiceTags span{font-family: 'AvenirMedium'; font-size: 16px; color: #ffffff; } .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .actionButton{ display: flex; justify-content: flex-end; margin-top: auto; } .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .actionButton button{background: rgba(0, 0, 0, 0.3); color: #ffe002; font-family: 'AvenirMedium'; font-size: 12px; text-transform: uppercase; margin-right: 10px;} .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .actionButton button:last-child{ margin: 0;} .imagemodal .add_form { padding: 0!important;} .imagemodal .add_form .submit_form button:last-child{ margin-left: 10px;} .rule_component_wrapper{ background: #fff; padding: 16px 8px;} .rule_component_wrapper .rule_top_part{ display: flex; flex-wrap: wrap;} .rule_component_wrapper .rule_top_part .mat-form-field{ width: 49%; flex-grow: 1; margin: 0 .5%; } .rule_component_wrapper .rule_top_part .mat-form-field textarea{ min-height: 90px; resize: none; } .l_rule{ font-family: 'AvenirMedium'; color: #000000; text-transform: capitalize; font-size: 20px!important; border-bottom: 1px solid #9c9c9c; padding: 8px; background: #fdea47; } .l_sub_rule{ font-size: 16px; margin: 0; font-family: 'AvenirMedium'; color: #04b0ff; } .fromClass { display: flex; align-items: baseline; flex-wrap: wrap;} .fromClass1{ display: inline-flex; width: 100%; align-items: baseline;} .fromClass .mat-form-field, .fromClass1 .mat-form-field{ width: 46%; margin: 0.5%; flex-grow: 1; } .rule_component_wrapper .mat-form-field .mat-form-field-flex{ background: #eaeaea; padding: 0px 6px 6px;} .rule_component_wrapper .mat-form-field .mat-form-field-suffix span { color: var(--button-color3); } .ad_dlt_icon{ cursor: pointer;} .rule_component_wrapper .mat-form-field .mat-form-field-suffix span i:nth-child(1), .ad_dlt_icon i:nth-child(1){ color: var(--button-color3);} .rule_component_wrapper .mat-form-field .mat-form-field-suffix span i:nth-child(2), .ad_dlt_icon i:nth-child(2){ color: var(--button-color5);} .rule_component_wrapper .submitBtn{ min-width: 120px; font-family: 'AvenirMedium'; background: var(--button-color3)!important; text-transform: uppercase; color: #fff!important; } .rule_component_wrapper .status_para{ margin-top: 0;} .rule_component_wrapper .status_para mat-label{ font-family: 'AvenirMedium'; margin-right: 6px;} /* practice dashboard */ .ChooseBiller_wrapper{ margin-bottom: 0!important;} .ChooseBiller_wrapper .Title{ background: var(--button-color2); padding: 14px; font-family: 'AvenirMedium'; font-size: 20px; color: #fff; text-transform: uppercase; } .ChooseBiller_wrapper .inner_body .action_button { justify-content: flex-end; padding: 0; background: transparent; height: inherit;} .ChooseBiller_wrapper .inner_body .action_button button{ background: var(--button-color1); font-family: 'AvenirMedium'; margin-right: 6px; color: #fff; border-radius: 0; min-width: 100px; text-transform: uppercase;} .ChooseBiller_wrapper .inner_body .action_button button:last-child{ margin-right: 0px; background: var(--button-color3);} /* additional report */ .addeditadditionaltest .example-form .mat-typography{ padding: 0; margin-top: 16px;} /* new bulk upload */ .tech_new_bulk_upload .form_field_upload_file mat-label{ font-family: 'AvenirMedium'; color: var(--button-color5); } .tech_new_bulk_upload .form_field_upload_file .aligner .drop{ background-color: var(--button-color2); justify-content: center; } .tech_new_bulk_upload .mat-form-field-flex { background: #efefef; padding: 0px 10px 8px; box-sizing: border-box; } .tech_new_bulk_upload .form-element button{ background: var(--button-color2); color: #fff; font-family: 'AvenirMedium'; text-transform: capitalize; box-shadow: none; margin-right: 14px;} .tech_new_bulk_upload .form-element button:nth-child(2){ background: var(--button-color1); } .tech_new_bulk_upload .form-element button:nth-child(3){ background: var(--button-color5); margin: 0; } .tech_new_bulk_upload .filesid { width: 100%;} .tech_new_bulk_upload .filesid h1{ margin: 0 0 24px 0; background: var(--button-color3); padding: 10px; color: #fff; font-family: 'AvenirMedium'; font-size: 24px; } .tech_new_bulk_upload .filesid br { display: none; } .tech_new_bulk_upload .filesid .filecontainerdiv { box-shadow: 0px 1px 5px #989898; box-sizing: border-box; padding: 10px; align-items: center; margin-bottom: 0; font-family: 'AvenirMedium'; display: table; justify-content: space-between; width: 100%; margin-bottom: 16px;} .tech_new_bulk_upload .filesid .filecontainerdiv .fileuploadednameclass{ width: 68%; display: table-cell; padding: 0 10px; vertical-align: middle;} .tech_new_bulk_upload .filesid .filecontainerdiv .material-icons{ color: var(--button-color2); width: 100px; display: table-cell; vertical-align: middle;} .tech_new_bulk_upload .filesid .filecontainerdiv .fileuploadedtypeclass{ display: table-cell; vertical-align: middle; min-width: 125px; color: var(--button-color5); font-family: 'AvenirBlack'; text-transform: capitalize; } .tech_new_bulk_upload .filesid .filecontainerdiv .actionbtndiv{ display: table-cell; vertical-align: middle; } .tech_new_bulk_upload .filesid .filecontainerdiv .actionbtndiv .mat-chip{ background: var(--button-color3); padding: 4px 16px; border-radius: 4px; color: #fff; cursor: pointer; } .tech_new_bulk_upload .filesid .actionbtndiv2 { display: flex; margin-bottom: 16px; } .tech_new_bulk_upload .filesid .actionbtndiv2 .deleteallfile { background: var(--button-color5); } .tech_search_wrapper{ background: #fff; margin: 0 5px 16px; padding: 15px 12px 0 10px; box-sizing: border-box; display: flex!important; justify-content: space-between; align-items: center;} .tech_search_wrapper .form-wrapper{ width: 100%;} .tech_search_wrapper .form-wrapper .filter-box{ width: 49%; margin: 0 .5%;} .tech_search_wrapper .form-wrapper .filter-box .mat-form-field-flex { display: inline-flex; align-items: baseline; box-sizing: border-box; width: 100%; border: .5px solid #bdbdbd; border-radius: 2px 2px 0 0; padding: 0px 10px 10px; background: #fff; } .tech_search_wrapper .tech_dashbaord_action { width: 245px; display: flex; justify-content: space-between; margin-bottom: 15px; margin-left: 10px; } .tech_search_wrapper .tech_dashbaord_action button{ background: var(--button-color2); font-family: 'AvenirMedium'; color: #fff; width: 47%;} .tech_search_wrapper .tech_dashbaord_action button:last-child{ background: var(--button-color5);} /* login_wrapper */ .login_wrapper{ display: flex!important; justify-content: center; align-items: center; height: 100%; background: var(--heading-light-bg); margin: 0!important; } .login_wrapper .inner_login .loginbody .main-div { height: inherit!important; display: block!important; } .login_wrapper .inner_login{ display: flex; background: var(--bg-light); width: 700px; border-radius: 4px; justify-content: space-between; align-items: center; margin: 55px 0; border: 10px solid rgb(253 229 219); } .login_wrapper .inner_login .login_logo_section{ width: 45%; box-sizing: border-box;} .login_wrapper .inner_login .loginbody{ width: 54%; box-sizing: border-box; border-left: 2px solid #fff2e6;} .login_wrapper .inner_login .login_logo_section img{ max-width: 100%; vertical-align: middle;} .login_wrapper .inner_login .login_logo_section .logo_r{padding: 15px 0 10px 10px;} .login_wrapper .inner_login .loginbody .main-div .from { width: 100%; background: none; box-shadow: none; } .login_wrapper .inner_login .loginbody .main-div .from h2{ text-align: center; background-color: inherit; color: var(--button-color2); padding: 0px; text-transform: uppercase; font-size: 20px; } .login_wrapper .inner_login .loginbody .main-div .from .example-container button{ background: var(--button-color4); color: var(--bg-light); font-family: 'AvenirMedium'; width: 110px; margin-left: auto; font-size: 18px; text-transform: uppercase; box-shadow: none; } .login_wrapper .inner_login .loginbody .main-div .from .example-container .mat-form-field{ margin-bottom: 16px; } .login_wrapper .inner_login .loginbody .main-div .from .example-container .signupfooter a{ cursor: pointer; padding-right: 1px; color: var(--button-color2); font-family: AvenirBlack; transition: 0.5s all; margin-left: auto; } .login_wrapper .inner_login .loginbody .main-div .from .example-container .signupfooter a:hover{ color: var(--button-color4); } .login_wrapper .inner_login .forgot_pass .main-div .from .example-container button{ width: 220px; } .login_wrapper .inner_login .reset_password .main-div .from .example-container button{ width: 220px; }