Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/benchexc.clickysoft.net/resources/views/front/css/main.css

Назад
@font-face {font-family: "Raleway";src: url("../fonts/Raleway-Regular.ttf") format("truetype");font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: "Raleway";src: url("../fonts/Raleway-Medium.ttf") format("truetype");font-weight: 500;font-style: normal;font-display: swap;} @font-face {font-family: "Raleway";src: url("../fonts/Raleway-Bold.ttf") format("truetype");font-weight: bold;font-style: normal;font-display: swap;} @font-face {font-family: "Poppins";src: url("../fonts/Poppins-Regular.ttf") format("truetype");font-weight: normal;font-style: normal;font-display: swap;} html {overflow-x: hidden;scroll-behavior: smooth;height: 100%;transition: all 0.6s ease-in-out 0s;} body {font-family: "Raleway" !important;min-height: 100%;display: flex;flex-direction: column;padding-right: 0 !important;background-color: #FAFAFAFA;} h1 {font-size: 60px;font-weight: 900;line-height: 72px;} h2 {font-size: 80px;font-weight: 900;line-height: 86px;} h3 {font-size: 60px;font-weight: 900;line-height: 72px;} h4 {font-size: 40px;font-weight: 700;line-height: 48px;} h5 {font-size: 25px;font-weight: 700;} h6 {font-size: 22px;font-weight: 700;margin-bottom: 0px;line-height: 28px;} p {font-size: 15px;font-weight: 400;margin-bottom: 0px;line-height: 24px;} ul {padding-left: 0px;list-style: none;margin-bottom: 0px;} li {font-size: 20px;font-weight: 400;} label {font-size: 15px;font-weight: 400;line-height: 24px;} input {outline: none;font-weight: 400;font-size: 15px;} select {outline: none;font-weight: 400;font-size: 15px;} span {transition: all 0.6s ease-in-out 0s;} img {transition: all 0.6s ease-in-out 0s;} a:hover, a:focus {text-decoration: none;} .btn-primary:hover, .btn-primary:focus {background-color: rgb(239, 83, 117);border-color: transparent;box-shadow: none;} .btn:not(:disabled):not(.disabled) {background-color: transparent;border-color: transparent;box-shadow: none;} .form-control:focus {color: rgb(73, 80, 87);background-color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);outline: 0px;box-shadow: none;} .compensate-for-scrollbar {position: inherit !important;margin: 0px !important;padding: 0px !important;} input[type="search"]::-webkit-search-cancel-button {display: none;} .btn-primary:not(:disabled):not(.disabled):active {background-color: transparent;border-color: rgb(29, 33, 82);outline: none;box-shadow: none;color: #fff;} .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: none;} .modal {padding-right: 0 !important;} .modal-open {padding-right: 0px !important;} /* INDEX PAGE CSS BEGIN / / HEADER SECTION CSS BEGIN / .header .navbar {display: flex;align-items: center;justify-content: space-between;width: 100%;height: auto;margin: 0px;max-width: 100%;padding: 0px;} .header .menu {position: fixed;top: 0px;left: -100%;z-index: 10;width: 80%;height: 100%;color: var(--color-black-400);background-color: var(--color-white-100);box-shadow: var(--shadow-medium);transition: all 0.4s ease-in-out 0s;display: flex;align-items: center;justify-content: space-between;} .header .menu.is-active {left: 0px;background-color: #0c64a0;} .header .menu-inner {display: flex;flex-direction: column;align-items: center;justify-content: center;row-gap: 1.25rem;margin-top: 7rem;} .header .menu-link {line-height: 1.5;transition: all 0.3s ease 0s;font-size: 15px;font-weight: 600;color: #fff;text-transform: uppercase;} .header .menu-link:hover {color: #E94B3C;} .header .menu-link.active {color: #e94b3c;position: relative;} @media only screen and (min-width: 48rem) { .header .menu {position: relative;top: 0px;left: 0px;height: auto;padding: 0rem;background: none;box-shadow: none;transition: none 0s ease 0s;} .header .menu-inner {display: flex;flex-direction: row;column-gap: 2rem;margin: 0px auto;} .header .menu-link {display: flex;align-items: center;text-transform: uppercase;} } .header .burger {position: relative;display: block;cursor: pointer;user-select: none;order: -1;z-index: 12;width: 1.75rem;height: 1rem;margin-right: 1rem;border: none;outline: none;background: none;visibility: visible;transform: rotate(0deg);transition: all 0.35s ease 0s;} @media only screen and (min-width: 48rem) { .header .burger {display: none;visibility: hidden;} } .header .burger-line {position: absolute;display: block;right: 0px;width: 100%;height: 2px;border: none;outline: none;opacity: 1;transform: rotate(0deg);background-color: rgb(0 164 255);transition: all 0.25s ease-in-out 0s;} .header .darkmode .burger-line {background-color: var(--color-white-100);} .header .burger-line:nth-child(1) {top: 0px;} .header .burger-line:nth-child(2) {top: 0.5rem;} .header .burger-line:nth-child(3) {top: 1rem;} .header .burger.is-active .burger-line:nth-child(1) {top: 0.5rem;transform: rotate(135deg);} .header .burger.is-active .burger-line:nth-child(2) {right: -1.5rem;opacity: 0;visibility: hidden;} .header .burger.is-active .burger-line:nth-child(3) {top: 0.5rem;transform: rotate(-135deg);} .header .menu-item {padding: 0px 10px 0px 0px;} .header .menu-link.active::after {content: "";position: absolute;bottom: -32px;left: 0px;width: 100%;height: 7px;background-color: #E94B3C;} .header-wrap-cls {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 1;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding: 15px 0px;} .links-btn-flex {display: flex;align-items: center;gap: 100px;} .top-bar-links ul {display: flex;align-items: center;gap: 60px;} .top-bar-links a {font-size: 17px;font-weight: 400;color: #fff;text-transform: uppercase;} .start-project-btn .btn-primary {background-color: #ffffff !important;border-radius: 30px;padding: 5px 7px 5px 17px;font-size: 17px;font-weight: 500;color: #17171a !important;text-transform: uppercase;display: flex;align-items: center;gap: 15px;} .start-project-btn span {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background-color: #3827c7;border-radius: 50%;} header .menu-items {border-radius: 10px;border: 1px solid #b8d0ff;width: 50%;margin: 0 auto;} header {padding: 30px 120px;} .search-filter {width: 100%;display: flex;align-items: center;padding: 0 10px;} .search-filter .form-control {height: auto;outline: none;box-shadow: none;border: 0;padding: 15px 15px;font-size: 15px;font-weight: 400;color: #8a8894;} .filter-bar {display: flex;align-items: center;justify-content: center;gap: 15px;} .filter-bar span {background-color: #b8d0ff;height: 30px;width: 1px;display: inline-block;} .filter-bar a {width: 100% !important;} .login-btn {width: 25%;display: flex;align-items: center;justify-content: end;} .login-btn a {border: 1px solid #b8d0ff;border-radius: 8px;padding: 15px 25px;display: flex;align-items: center;gap: 15px;justify-content: center;width: auto !important;font-size: 16px;font-weight: 600;color: #0C64A0;} header .navbar {padding: 0 0;} / HEADER SECTION CSS END / / DISCOVER TALENT BOX SECTION CSS BEGIN / .discover-talent-content {display: flex;align-items: center;justify-content: space-between;border-radius: 12px;padding: 60px 60px;position: relative;height: 180px;background-image: linear-gradient(to bottom,#4b7fe5,#416fc9,#375fae,#2d5094,#24417a);} .discover-talent-img {position: absolute;top: -20px;right: 50px;} .discover-talent-heading h4 {color: #fff;} .discover-talent-heading h6 {color: #fff;font-weight: 500;width: 75%;} .discover-talent-sec {padding: 20px 0 30px;} / DISCOVER TALENT BOX SECTION CSS END / / TABS SECTION CSS BEGIN / .tabs-sec-bg {padding: 0 0 40px;} .tabs-sec-bg .nav-tabs .nav-item.show .nav-link, .tabs-sec-bg .nav-tabs .nav-link.active {color: #495057;background-color: #0c64a0;border-color: transparent;color: #fff;border-radius: 6px;font-size: 18px;display: block;width: 100%;} .tabs-sec-bg .nav-tabs {border-bottom: 0;justify-content: space-around;background-color: #ffffff;border-radius: 12px;padding: 0px 0px;box-shadow: 0 0 1px 0px #00000036;margin: 0 0 25px;} .tabs-sec-bg .nav-tabs .nav-link:focus, .tabs-sec-bg .nav-tabs .nav-link:hover {border-color: transparent;border-right: 1px solid #00000026;} .tabs-sec-bg .nav-tabs .nav-link {margin-bottom: 0;border: transparent;border-top-left-radius: 0;border-top-right-radius: 0;color: #000;font-size: 16px;font-weight: 400;border-right: 1px solid #00000026;font-family: "Poppins";} .tabs-sec-content li {font-size: 20px;font-weight: 400;width: 33.33%;text-align: center;} .tabs-sec-bg .nav-link {padding: 12px 12px;} .jobs-tabs nav {position: relative;display: flex;flex-wrap: wrap;color: #6c5d5d;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);width: 100%;} .jobs-tabs nav a {position: relative;padding: 0;text-align: center;width: 100%;cursor: pointer;color: #000;} .jobs-tabs nav a:hover {background: transparent;color: #000;} .jobs-tabs nav .detail-selection.selected {background: transparent;color: #000;border: 1px solid #0C64A0;border-radius: 20px;} .jobs-tabs .triangle-container {position: absolute !important;z-index: 10;top: 0;left: 99.6%;width: 30px !important;background: transparent !important;height: 100%;} .jobs-tabs .triangle-container img {position: absolute;height: 100%;left: 0;width: 30px;} .jobs-tabs .tabs .content {padding: 0px;position: relative;color: #6c5d5d;transition: opacity 0.1s linear 0s;display: none;} .jobs-tabs .tabs .content.visible {display: block;} .jobs-tabs .tabs .content p {padding-bottom: 2px;} .jobs-tabs .tabs .content p:last-of-type {padding-bottom: 0px;} .jobs-tabs {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 30px;} .left-selection {border: oldlace;border-radius: 20px;background-color: #fff;padding: 15px 15px;box-shadow: 0 0 2px 0px #0000004a;} .last-nav-link {border-right: 0 !important;} .hours-location-flex {display: flex;align-items: center;justify-content: space-between;} .hours-box p {color: #000000;} .loation-box {background-color: #fff;border-radius: 6px;padding: 7px 20px;text-align: center;} .loation-box p {color: #000000;display: flex;align-items: center;gap: 6px;} .loation-box span {color: #2F5FBE;font-size: 12px;} .blue-bg-box {background-color: #EBF6FD;border-radius: 12px;padding: 15px 20px;} .hours-box {background-color: #fff;border-radius: 6px;padding: 7px 20px;text-align: center;} .tabs-sec-bg .tabs-nav {width: 100%;} .job-title-logo span {width: 65px;height: 65px;border-radius: 50%;border: 6px solid #fff;display: flex;align-items: center;justify-content: center;} .job-title {text-align: left;} .job-title h6 {font-weight: 600;color: #000000;} .job-title p {color: #434343;padding: 2px 0 0;} .job-title-flex {display: flex;align-items: center;justify-content: space-between;padding: 20px 0 10px;border-bottom: 1px solid #00000021;} .job-type {display: flex;align-items: center;gap: 12px;margin: 20px 0 0;} .job-type span {font-size: 15px;font-weight: 400;font-family: "Poppins";color: #000000;background-color: #fff;border-radius: 6px;padding: 10px 20px;width: 33.33%;text-align: center;} .detail-selection {width: 100%;margin: 0 0 15px;} .hourly-detail-btn .btn-primary {font-size: 15px;font-weight: 500;color: #fff !important;background-color: #0C64A0 !important;border-radius: 8px;padding: 10px 35px;} .hourly-detail-cont span {font-size: 15px;font-weight: 600;color: #000000;} .hourly-detail-flex {display: flex;align-items: center;justify-content: space-between;padding: 0 10px;margin: 15px 0 0;} .new-detail-box {border: oldlace;border-radius: 20px;background-color: #fff;padding: 15px 15px;box-shadow: 0 0 2px 0px #0000004a;} .new-detail-bg-blue {background-color: #EBF6FD;border-radius: 12px;padding: 15px 20px;margin: 0 0 10px;} .new-det-inner-bg {display: flex;align-items: center;justify-content: space-between;padding: 0px 0 13px;border-bottom: 1px solid #00000021;} .new-detail-bg-blue .job-title-flex {border-bottom: 0;} .new-detail-bg-blue .hourly-detail-flex {padding: 0 0px;margin: 5px 0 0px;} .hourly-job-detail ul {margin: 0px 20px 0;border-bottom: 1px solid #00000021;padding: 0 0 20px;} .hourly-job-detail li {display: flex;align-items: center;justify-content: space-between;width: 100%;font-size: 15px;color: #000000;padding: 10px 0px 0;} .hourly-job-detail span {font-weight: 700;} .new-detail-bg-blue .job-title h6 {color: #0C64A0;} .hourly-job-detail h6 {color: #0C64A0;margin: 20px 20px 0;} .hourly-skills-detail h6 {color: #0C64A0;margin: 20px 20px 0;} .hourly-skills-detail ul {display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 7px;margin: 12px 20px 0;border-bottom: 1px solid #00000021;padding: 0 0 20px;} .hourly-skills-detail li {font-size: 13px;color: #000000;width: auto;background-color: #E6F4FD;padding: 7px 10px;border-radius: 30px;} .job-summary h6 {color: #0C64A0;margin: 20px 20px 0;} .job-summary p {color: #000;margin: 10px 20px 0;line-height: 24px;} / TABS SECTION CSS END / / FOOTER SECTION CSS BEGIN / footer {background-color: #0C64A0;padding: 25px 120px;margin-top: auto;} .footer-flex {display: flex;align-items: center;justify-content: space-between;} .footer-left-cont p {color: #fff;} .footer-right-cont-flex {display: flex;align-items: center;gap: 40px;} .footer-terms a {font-size: 15px;font-weight: 400;color: #fff !important;} .footer-social-icons ul {display: flex;align-items: center;gap: 8px;} .footer-social-icons a {width: 38px;height: 38px;border: 1px solid #B8D0FF;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #fff !important;} / FOOTER SECTION CSS END / / INDEX PAGE CSS END / / HOME PAGE CSS BEGIN / .avatar-dropdown-cont .dropdown {position: relative;display: inline-block;} .avatar-dropdown-cont .dropdown-button {display: inline-flex;align-items: center;column-gap: 0.7rem;font-weight: 600;border: none;font-size: 15px;color: #000000;background-color: transparent;} .avatar-dropdown-cont .chevron-icon {width: 1rem;height: 1rem;transform: rotate(0);transition: transform 0.3s ease;} .avatar-dropdown-cont .chevron-icon.rotate {transform: rotate(-180deg);} .avatar-dropdown-cont .dropdown-content {position: absolute;top: 3rem;margin-top: 0.5rem;width: 14rem;opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: top right;border-radius: 12px;background: #ffffff;box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;z-index: 99;} .avatar-dropdown-cont .dropdown-link {display: block;padding: 1rem 1rem;font-size: 0.875rem;line-height: 1.25rem;color: #4a5568;} .avatar-dropdown-cont .dropdown-link:hover {background: #0C64A0;} .avatar-dropdown-cont .dropdown.active .dropdown-content {opacity: 1;transform: scaleY(1);visibility: visible;} .avatar-dropdown-cont span {width: 48px;height: 48px;border-radius: 8px;background-color: #416FC9;} .avatar-dropdown-cont img {width: 48px;height: 48px;border-radius: 8px;} header .avatar-dropdown-cont .dropdown-content a {width: 100% !important;font-size: 15px !important;font-weight: 400 !important;color: #000000 !important;border-bottom: 1px solid #5398ff4d;} header .avatar-dropdown-cont .dropdown-content a:hover {color: #fff !important;} header .avatar-dropdown-cont .dropdown-content a:nth-child(1):hover {border-top-left-radius: 12px;border-top-right-radius: 12px;} header .avatar-dropdown-cont .dropdown-content a:last-child:hover {border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;} .footer-center-flex ul {display: flex;align-items: center;justify-content: center;gap: 40px;} .footer-center-flex a {font-size: 15px;font-weight: 400;color: #fff;} / HOME PAGE CSS END / / CREATE YOUR ACCOUNT PAGE CSS BEGIN / .check-item .form-group {display: block;margin-bottom: 15px;} .check-item .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;} .check-item .form-group label {position: relative;cursor: pointer;font-weight: 500;color: #000000;display: flex;align-items: center;gap: 8px;} .check-item .form-group label:before {content: '';appearance: none;background-color: transparent;border: 2px solid #0079bf;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;border-radius: 5px;} .check-item .form-group input:checked + label:after {content: '';display: block;position: absolute;top: 2px;left: 9px;width: 6px;height: 14px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);} .create-your-account-sec {height: 100vh;padding: 15px 0px;} .new-create-account-cont {border-radius: 10px;background-color: #E6F4FD;padding: 40px 80px;height: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;} .new-create-account-cont h6 {font-size: 35px;color: #000000;text-transform: uppercase;line-height: 50px;} .new-create-account-cont span {display: block;} .new-create-cont .col-lg-7 {height: auto;} .new-create-cont .col-lg-5 {height: auto;} .new-create-cont .row {height: 100%;} .new-create-account-cont img {width: 600px;} .new-create-cont {padding: 40px 80px;overflow-y: scroll;height: 810px;} .new-create-cont h5 {color: #404040;margin: 0 0 40px;font-size: 28px;} .create-form-field {margin: 0 0 20px;} .create-form-field label {font-weight: 500;color: #000000;} .create-form-field .form-control {font-size: 15px;font-weight: 500;color: #000000;height: auto;box-shadow: none;outline: none;padding: 15px 30px 15px 15px;border: 1px solid #D5E2FF;border-radius: 8px;resize: none;font-family: "Raleway" !important;} .create-form-field .form-control::placeholder {color: #0000003d;} .create-form-field input::-webkit-outer-spin-button, .create-form-field input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .modal-account-create .button-signup .btn-primary {background-color: #0C639E !important;border-radius: 8px;font-size: 18px;font-weight: 700;color: #fff !important;font-family: "Raleway" !important;width: 100%;padding: 15px 15px;} .modal-account-create .modal-dialog {max-width: 80%;margin: 1.75rem auto;} .new-create-cont::-webkit-scrollbar {display: none;} .modal-account-create .modal-content {border-radius: 20px;} .new-create-cont {-ms-overflow-style: none;scrollbar-width: none;} .check-item .form-group input:checked + label:before {background-color: #0C639E;} / CREATE YOUR ACCOUNT PAGE CSS END / / LOGIN YOUR ACCOUNT PAGE CSS BEGIN / .forgot-password-text a {text-decoration: underline;font-size: 14px;font-weight: 600;color: #5398FF;margin: 0 0 20px auto;display: block;text-align: end;} .login-with {display: flex;align-items: center;justify-content: center;margin: 40px 0 0;gap: 20px;} .login-with span {background-color: #B8B7B7;width: 140px;height: 1px;display: block;} .login-with p {font-weight: 500;color: #B8B7B7;} .login-social-icons ul {display: flex;align-items: center;gap: 10px;justify-content: center;margin: 30px 0 0;} .login-social-icons a {width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #B8B7B7;border-radius: 50%;} .new-reg p {font-weight: 500;color: #B8B7B7;text-align: center;} .new-reg a {font-size: 15px;font-weight: 600;color: #252D3B;} / LOGIN YOUR ACCOUNT PAGE CSS END / / VERIFY CODE PAGE CSS BEGIN / .new-code-ver input {width: 100px;height: 100px;border-radius: 12px;border: 1px solid #E7ECF4;text-align: center;font-size: 24px;font-weight: 500;color: #000000;font-family: "Raleway" !important;} .new-create-cont p {color: #000000;} .new-create-cont span {font-weight: 600;} .new-code-ver {display: grid;gap: 10px;margin: 40px 0 0px;grid-template-columns: repeat(4, minmax(0, 1fr));height: 100px;} .resend-code-cont {display: flex;align-items: center;justify-content: space-between;margin: 20px 0 30px;} .resend-code-cont span {font-size: 14px;font-weight: 500;color: #B8B7B7;} .resend-code-cont a {color: #000000;font-size: 14px;font-weight: 500;} .new-verify-cont-text h5 {margin: 0 0 15px;} / VERIFY CODE PAGE CSS END / / FORGOT PASSWORD PAGE CSS BEGIN / .create-spc {margin: 30px 0 30px;} / FORGOT PASSWORD PAGE CSS END / / CHANGE PASSWORD PAGE CSS BEGIN / .new-arrow-flex {display: flex;align-items: center;gap: 20px;} .eye-pos {position: relative;} .eye-pos-icon {position: absolute;top: 15px;right: 10px;} .eye-pos-icon a {color: #DADADA;font-size: 13px;} / CHANGE PASSWORD PAGE CSS END / / DASHBOARD BASIC/CONTACT/SOCIAL/CHANGE-PASSWORD INFORMATION PAGE CSS BEGIN / .job-title small {font-size: 16px;font-weight: 400;color: #000;padding: 10px 0 10px;display: block;width: 90%;} .basic-information-sec-bg {padding: 40px 20px;} .modal::-webkit-scrollbar {display: none;} .dashboard-info-cont h4 {font-size: 32px;color: #000000;margin: 0 0 30px;} .dash-tab-info-flex {display: flex;gap: 20px;align-items: flex-start;} .dash-lft-info {width: 35%;border-radius: 20px;background-color: #fff;box-shadow: 0 0 2px 0px #00000026;padding: 10px;} .dash-rgt-info {width: 65%;border-radius: 20px;background-color: #fff;box-shadow: 0 0 2px 0px #00000026;padding: 35px;} .avatar-detail-flex {display: flex;align-items: center;gap: 25px;border-radius: 14px;background-color: #EBF6FD;padding: 25px 20px;margin: 0 0 20px;} .avatar-setail-cont h5 {font-size: 24px;color: #404040;margin: 0 0 0;} .avatar-setail-cont p {color: #404040;} .avatar-setail-cont span {font-size: 15px;font-weight: 400;color: #404040;} .basic-contact ul {padding: 0 30px;} .basic-contact li {padding: 15px 0;} .basic-contact a {font-weight: 300;color: #717171;font-size: 18px;display: flex;align-items: center;justify-content: space-between;transition: 0.6s all ease-in-out;} .basic-contact a.active {font-weight: 600;color: #0C639E;} .basic-contact a.active svg path {stroke: #0C639E;} .basic-information-sec-bg .avatar-upload {position: relative;max-width: 100%;margin: 0px 0px;} .basic-information-sec-bg .avatar-upload .avatar-edit {position: absolute;right: -11px;z-index: 1;bottom: -4px;display: flex;align-items: center;justify-content: center;} .basic-information-sec-bg .avatar-upload .avatar-edit input {display: none;} .basic-information-sec-bg .avatar-upload .avatar-edit input + label {display: flex;width: 28px;height: 28px;margin-bottom: 0;border-radius: 100%;background: #0C639E;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;align-items: center;justify-content: center;} .basic-information-sec-bg .avatar-upload .avatar-edit input + label:hover {background: #0C639E;border-color: #0C639E;} .basic-information-sec-bg .avatar-upload .avatar-edit input + label:after {content: "\f040";font-family: 'FontAwesome';color: #fff;position: absolute;top: 2px;left: 1px;right: 0;text-align: center;margin: auto;height: 100%;font-size: 12px;} .basic-information-sec-bg .avatar-upload .avatar-preview {width: 78px;height: 78px;position: relative;border-radius: 100%;border: 6px solid #fff;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;} .basic-information-sec-bg .avatar-upload .avatar-preview > div {width: 70px;height: 70px;border-radius: 100%;background-size: cover;background-repeat: no-repeat;} .basic-information-sec-bg #imagePreview {display: block !important;} .dash-form-field-flex {display: flex;gap: 20px;margin: 0 0 20px;align-items: flex-start;} .dash-form-fields {width: 100%;} .dash-form-fields label {font-weight: 600;color: #000000;} .dash-form-fields .form-control {font-size: 15px;font-weight: 500;color: #000000;font-family: "Raleway" !important;height: auto;outline: none;box-shadow: none;resize: none;padding: 15px;border: 1px solid #D5E2FF;border-radius: 8px;} .dash-form-fields .form-control::placeholder {color: #0000003d;} .form-fields-button {display: flex;align-items: center;gap: 10px;margin: 30px 0 0;} .form-fields-button .btn-primary.upd {font-size: 16px;font-weight: 500;color: #fff;background-color: #0C64A0 !important;border-radius: 8px;padding: 12px 50px;font-family: "Raleway" !important;border: 1px solid #0C64A0;} .form-fields-button .btn-primary.nxt {font-size: 16px;font-weight: 500;color: #0C64A0 !important;font-family: "Raleway" !important;padding: 12px 50px;border: 1px solid #0C64A0;border-radius: 8px;} .dash-form-fields input::-webkit-outer-spin-button, .dash-form-fields input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .toggle-tick-box {padding: 12px 15px;border: 1px solid #D5E2FF;border-radius: 8px;width: 100%;} .toggle-tick-flex {margin: 0 0 20px;width: 100%;} .toggle-tick-flex label {font-weight: 600;color: #000000;} .pasha-pseb-flex {display: flex;align-items: center;gap: 20px;} .toggle-container {position: relative;width: 60px;height: 32px;} .toggle-container input[type="checkbox"] {display: none;} .toggle-label {position: relative;display: block;width: 100%;height: 100%;background-color: #ccc;border-radius: 4px;cursor: pointer;transition: background-color 0.3s;} .toggle-circle {position: absolute;top: 4px;left: 4px;width: 24px;height: 24px;background-color: #ffffff;border-radius: 4px;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;box-shadow: 0 0 1px 2px #0002;gap: 2px;} .toggle-circle .bar {width: 3px;height: 13px;background-color: #ccc;border-radius: 2px;} .toggle-checkmark {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);font-size: 15px;color: #fff;opacity: 0;transition: opacity 0.3s;} .toggle-cross {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);font-size: 15px;color: #fff;opacity: 1;transition: opacity 0.3s;} .toggle-container input[type="checkbox"]:checked + .toggle-label {background-color: #0C639E;} .toggle-container input[type="checkbox"]:checked + .toggle-label .toggle-circle {transform: translateX(28px);} .toggle-container input[type="checkbox"]:checked + .toggle-label .toggle-checkmark {opacity: 1;} .toggle-container input[type="checkbox"]:checked + .toggle-label .toggle-cross {opacity: 0;} .dash-form-fields-new {margin: 0 0 20px;} / DASHBOARD BASIC/CONTACT/SOCIAL/CHANGE-PASSWORD INFORMATION PAGE CSS END / / RESOURCES PAGE CSS BEGIN / .tabs-resources-sec {display: flex;align-items: center;justify-content: space-between;margin: 30px 0 30px;} .tabs-resources-sec h4 {font-size: 32px;color: #000000;text-transform: capitalize;} .add-resources-bt a {font-size: 16px;font-weight: 400;color: #fff;background-color: #0C64A0;border-radius: 8px;padding: 15px 30px;display: flex;align-items: center;justify-content: center;gap: 10px;} .add-resources-bt span {width: 22px;height: 22px;border: 1px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .new-loc-div .loation-box {display: inline-block;} .job-title-flex-border {border-bottom: 0;} .new-loc-div {padding: 0px 0 20px;border-bottom: 1px solid #00000021;} .hourly-edit-del-btn {display: flex;align-items: center;gap: 10px;} .hourly-edit-del-btn .delete-bin-icon {border: 1px solid #0C649F;border-radius: 8px;width: 54px;height: 47px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #0C64A0 !important;} .hourly-edit-del-btn .edit-pencil-icon {width: 54px;height: 47px;border-radius: 8px;display: flex;align-items: center;justify-content: center;background-color: #0C64A0;color: #fff !important;font-size: 20px;border: 1px solid #0C64A0;} / RESOURCES PAGE CSS END / / RESOURCES FORM PAGE CSS BEGIN / .resources-from-sec-bg {padding: 40px 15px 40px;} .my-resources-cont h4 {margin: 0 0 30px;font-size: 32px;color: #000000;text-transform: capitalize;} .resources-cont-grid .dash-form-fields span {color: #0C639E;font-size: 25px;} .immediate-cont {display: flex;align-items: center;gap: 20px;margin: 10px 0 0;} .immediate-cont p {font-weight: 500;color: #757575;} .resources-cont-grid .check-item label.wm-modal {font-weight: 600;color: #000000;} .resources-cont-grid .check-item label span {color: #0C639E;font-size: 25px;} .fgm-flex {display: flex;align-items: center;gap: 20px;margin: 10px 0 0;} .resources-cont-grid .check-item {width: 50%;margin: 20px 0;} .resources-cont-grid .check-item .form-group {margin-bottom: 0;} .resources-cont-grid .check-item .form-group label {margin-bottom: 0;} .rate-selection {width: 50%;} .skills-selection {width: 50%;} .skills-container {margin-top: 10px;display: flex;flex-wrap: wrap;gap: 8px;} .skill-item {padding: 5px 10px;border-radius: 30px;display: inline-flex;align-items: center;background-color: #0C639E;padding: 10px 10px;} .skill-item span {margin-right: 8px;font-size: 14px;font-weight: 500;color: #fff;} .cross-icon {cursor: pointer;margin-left: 0;margin-right: 0 !important;color: #000 !important;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;width: 19px;height: 19px;font-size: 10px !important;} .rate-selection-tabs {display: flex;align-items: center;gap: 20px;background-color: #E6F4FDCC;border-radius: 8px;padding: 8px;margin: 10px 0 0;} .rate-selection-tabs .monthly-tab-sel {width: 50%;font-size: 14px;font-weight: 500;color: #000;} .rate-selection-tabs .hourly-tab-sel {width: 50%;font-size: 14px;font-weight: 500;color: #000;} .rate-selection-tabs .tab {padding: 10px;cursor: pointer;text-align: center;} .rate-selection-tabs .tab.selected {background-color: #0C639E;color: #fff;border-radius: 4px;padding: 15px;} .upload-resume {width: 50%;} .upload-resume label {font-weight: 600;color: #000000;display: flex;align-items: center;gap: 5px;} .upload-resume p {font-size: 14px;font-weight: 600;color: #9F9F9F;} .upload-form-flex .dash-form-fields {width: 50%;} .custom-file-button {background-color: #EEEEEE;color: #000;border: none;border-radius: 8px;padding: 15px 35px;cursor: pointer;font-size: 14px;font-weight: 500;font-family: "Raleway" !important;} #file-name {margin-top: 8px;font-size: 14px;color: #9F9F9F;font-weight: 400;} .publish-form-btn .btn-primary {font-size: 16px;font-weight: 700;color: #fff;background-color: #0C639E !important;border-radius: 8px;padding: 15px 70px;margin: 20px 0 0;} / RESOURCES FORM PAGE CSS END / / OPPORTUNITIES FORM PAGE CSS BEGIN / .per-hour-fixed {display: flex;gap: 10px;width: 50%;} .per-label label {font-weight: 600;color: #000000;} .per-label .form-control {font-size: 15px;font-weight: 500;color: #000000;font-family: "Raleway" !important;height: auto;outline: none;box-shadow: none;resize: none;padding: 15px;border: 1px solid #D5E2FF;border-radius: 8px;} .per-label {width: 50%;} / OPPORTUNITIES FORM PAGE CSS END / / RESPONSIVE CSS BEGIN / @media only screen and (min-width: 320px) and (max-width: 529px) { .hourly-detail-btn .btn-primary {font-size: 12px;padding: 10px 25px;} .header .navbar {flex-direction: row-reverse;} .hourly-detail-cont span {font-size: 12px;} header .menu-items {width: 90%;} .login-btn a {gap: 10px;font-size: 14px;color: #fff;} .search-filter .form-control {font-size: 12px;color: #fff;background-color: transparent;} .search-filter .form-control::placeholder {color: #fff;} .login-btn a img {filter: brightness(0) invert(1);} .login-btn {margin: 20px 20px 0;justify-content: flex-start;} .filter-bar img {filter: brightness(0) invert(1);} .header .burger.is-active .burger-line {background-color: #fff;} header {padding: 30px 0px;} .header .menu.is-active {width: 100%;justify-content: center;flex-direction: column;align-items: flex-start;} .jobs-tabs {grid-template-columns: repeat(1, minmax(0, 1fr));} footer {padding: 15px 0px;} header .inner-header-content .navbar a {width: 50%;} header .navbar-container {width: 50%;} .tabs-sec-bg .nav-tabs .nav-link {font-size: 11px;} .discover-talent-content {padding: 15px 15px;} .discover-talent-heading h6 {font-size: 15px;line-height: 23px;width: 50%;} .discover-talent-img {right: 0px;} .discover-talent-heading h4 {font-size: 25px;line-height: 33px;} .discover-talent-img img {width: 96%;} .hide-desktop {display: block;} .hide-mobile {display: none;} .job-type span {font-size: 11px;padding: 10px 10px;} .hourly-job-detail h6 {font-size: 19px;margin: 20px 0 0;} .new-detail-bg-blue .job-title h6 {font-size: 20px;} .hourly-skills-detail h6 {font-size: 19px;margin: 20px 0 0;} .hourly-skills-detail ul {grid-template-columns: repeat(3, minmax(0, 1fr));margin: 12px 0 0;} .job-title h6 {font-size: 20px;} .footer-flex {display: block;} .footer-right-cont-flex {justify-content: space-between;} .job-summary p {margin: 10px 0 0;} .job-summary h6 {margin: 20px 0 0;} .hourly-job-detail ul {margin: 0 0 0;} .tabs-sec-bg .nav-tabs .nav-item.show .nav-link, .tabs-sec-bg .nav-tabs .nav-link.active {font-size: 11px;} .loation-box p {font-size: 11px;} .hours-box p {font-size: 11px;} .new-create-account-cont {padding: 40px 15px;} .new-create-account-cont h6 {font-size: 25px;line-height: 35px;} .new-create-cont {padding: 40px 0px;} .new-create-cont h5 {font-size: 22px;} .modal-account-create .button-signup .btn-primary {font-size: 16px;} .login-with span {width: 70px;} .forgot-password-text a {font-size: 12px;} .modal-account-create .modal-dialog {max-width: 90%;} .new-create-cont {overflow-y: auto;height: auto;} .modal-create-account {overflow-y: scroll;height: 650px;overflow-x: hidden;} .new-code-ver input {width: 60px;height: 60px;} .new-code-ver {height: 60px;} .job-title small {font-size: 12px;} .avatar-dropdown-cont {margin: 20px 20px 0;} .avatar-dropdown-cont .dropdown-button {color: #fff;} .footer-center-flex ul {display: grid;gap: 10px;grid-template-columns: repeat(2, minmax(0, 1fr));margin: 20px 0;} .footer-center-flex a {font-size: 12px;} .dash-form-field-flex {display: block;margin: 0 0 0;} .my-resources-cont h4 {font-size: 22px;} .dash-form-fields {margin: 0 0 20px;} .skills-selection {width: 100%;} .per-hour-fixed {width: 100%;margin: 0 0 20px;} .upload-form-flex .dash-form-fields {width: 100%;} .upload-resume {width: 100%;} .resources-from-sec-bg {padding: 40px 0px 40px;} .tabs-resources-sec h4 {font-size: 22px;line-height: 30px;} .tabs-resources-sec {display: block;} .add-resources-bt a {font-size: 14px;} .rate-selection {width: 100%;margin: 0 0 20px;} .dash-tab-info-flex {display: block;} .dash-lft-info {width: 100%;} .basic-information-sec-bg {padding: 40px 0px;} .dashboard-info-cont h4 {font-size: 22px;line-height: 30px;} .avatar-setail-cont h5 {font-size: 20px;} .basic-contact a {font-size: 15px;} .dash-rgt-info {width: 100%;margin: 20px 0 0;} .form-fields-button .btn-primary.upd {font-size: 14px;padding: 12px 30px;} .form-fields-button .btn-primary.nxt {font-size: 14px;padding: 12px 30px;} } @media only screen and (min-width: 530px) and (max-width: 767px) { .hourly-detail-btn .btn-primary {font-size: 12px;padding: 10px 25px;} .header .navbar {flex-direction: row-reverse;} .hourly-detail-cont span {font-size: 12px;} header .menu-items {width: 90%;} .login-btn a {gap: 10px;font-size: 14px;color: #fff;} .search-filter .form-control {font-size: 12px;color: #fff;background-color: transparent;} .search-filter .form-control::placeholder {color: #fff;} .login-btn a img {filter: brightness(0) invert(1);} .login-btn {margin: 20px 40px 0;justify-content: flex-start;} .filter-bar img {filter: brightness(0) invert(1);} .header .burger.is-active .burger-line {background-color: #fff;} .header .menu {width: 100%;align-items: flex-start;justify-content: center;flex-direction: column;} header {padding: 30px 0px;} .jobs-tabs {grid-template-columns: repeat(1, minmax(0, 1fr));} footer {padding: 15px 0px;} header .inner-header-content .navbar a {width: 50%;} header .navbar-container {width: 50%;} .tabs-sec-bg .nav-tabs .nav-link {font-size: 11px;} .discover-talent-content {padding: 15px 15px;} .discover-talent-heading h6 {font-size: 15px;line-height: 23px;width: 50%;} .discover-talent-img {right: 0px;} .discover-talent-heading h4 {font-size: 25px;line-height: 33px;} .discover-talent-img img {width: 96%;} .hide-desktop {display: block;} .hide-mobile {display: none;} .job-type span {font-size: 11px;padding: 10px 10px;} .hourly-job-detail h6 {font-size: 19px;margin: 20px 0 0;} .new-detail-bg-blue .job-title h6 {font-size: 20px;} .hourly-skills-detail h6 {font-size: 19px;margin: 20px 0 0;} .hourly-skills-detail ul {grid-template-columns: repeat(3, minmax(0, 1fr));margin: 12px 0 0;} .job-title h6 {font-size: 20px;} .footer-right-cont-flex {justify-content: space-between;} .job-summary p {margin: 10px 0 0;} .job-summary h6 {margin: 20px 0 0;} .hourly-job-detail ul {margin: 0 0 0;} .tabs-sec-bg .nav-tabs .nav-item.show .nav-link, .tabs-sec-bg .nav-tabs .nav-link.active {font-size: 11px;} .loation-box p {font-size: 11px;} .hours-box p {font-size: 11px;} .new-create-account-cont {padding: 40px 15px;} .new-create-account-cont h6 {font-size: 25px;line-height: 35px;} .new-create-cont {padding: 40px 0px;} .new-create-cont h5 {font-size: 22px;} .modal-account-create .button-signup .btn-primary {font-size: 16px;} .login-with span {width: 50px;} .forgot-password-text a {font-size: 12px;} .modal-account-create .modal-dialog {max-width: 90%;} .new-code-ver input {width: 60px;height: 60px;} .new-code-ver {height: 60px;} .job-title small {font-size: 12px;} .avatar-dropdown-cont {margin: 20px 30px 0;} .avatar-dropdown-cont .dropdown-button {color: #fff;} .footer-center-flex ul {display: grid;gap: 10px;grid-template-columns: repeat(3, minmax(0, 1fr));} .footer-center-flex a {font-size: 12px;} .tabs-resources-sec h4 {font-size: 22px;line-height: 30px;} .add-resources-bt a {font-size: 14px;} .dash-tab-info-flex {display: block;} .dash-lft-info {width: 100%;} .basic-information-sec-bg {padding: 40px 0px;} .dashboard-info-cont h4 {font-size: 22px;line-height: 30px;} .avatar-setail-cont h5 {font-size: 20px;} .basic-contact a {font-size: 15px;} .dash-rgt-info {width: 100%;margin: 20px 0 0;} .form-fields-button .btn-primary.upd {font-size: 14px;padding: 12px 30px;} .form-fields-button .btn-primary.nxt {font-size: 14px;padding: 12px 30px;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .hourly-detail-btn .btn-primary {font-size: 12px;padding: 10px 25px;} .hourly-detail-cont span {font-size: 12px;} header .menu-items {width: 60%;} .login-btn a {gap: 10px;font-size: 14px;padding: 12px 25px;} .search-filter .form-control {font-size: 12px;} .header .menu {width: 70%;} header {padding: 30px 0px;} footer {padding: 15px 0px;} header .inner-header-content .navbar a {width: 50%;} header .navbar-container {width: 50%;} .tabs-sec-bg .nav-tabs .nav-link {font-size: 15px;} .discover-talent-content {padding: 15px 15px;} .discover-talent-heading h6 {font-size: 17px;line-height: 25px;width: 70%;} .discover-talent-heading h4 {font-size: 29px;line-height: 36px;} .hide-desktop {display: block;} .hide-mobile {display: none;} .job-type span {font-size: 11px;padding: 10px 10px;} .hourly-job-detail h6 {font-size: 19px;margin: 20px 0 0;} .new-detail-bg-blue .job-title h6 {font-size: 20px;} .hourly-skills-detail h6 {font-size: 19px;margin: 20px 0 0;} .hourly-skills-detail ul {grid-template-columns: repeat(3, minmax(0, 1fr));margin: 12px 0 0;} .job-title h6 {font-size: 20px;} .footer-right-cont-flex {justify-content: space-between;} .job-summary p {margin: 10px 0 0;} .job-summary h6 {margin: 20px 0 0;} .hourly-job-detail ul {margin: 0 0 0;} .tabs-sec-bg .nav-tabs .nav-item.show .nav-link, .tabs-sec-bg .nav-tabs .nav-link.active {font-size: 15px;} .loation-box p {font-size: 11px;} .hours-box p {font-size: 11px;} .new-create-account-cont {padding: 40px 15px;} .new-create-account-cont h6 {font-size: 25px;line-height: 35px;} .new-create-cont {padding: 40px 0px;} .new-create-cont h5 {font-size: 22px;} .modal-account-create .button-signup .btn-primary {font-size: 16px;} .login-with span {width: 50px;} .forgot-password-text a {font-size: 12px;} .modal-account-create .modal-dialog {max-width: 90%;} .new-code-ver input {width: 60px;height: 60px;} .new-code-ver {height: 60px;} .check-item .form-group label {font-size: 13px;} .new-create-account-cont span {display: inline;} .job-title small {font-size: 12px;} .footer-center-flex ul {display: grid;gap: 10px;grid-template-columns: repeat(3, minmax(0, 1fr));} .footer-center-flex a {font-size: 12px;} .avatar-setail-cont {word-break: break-all;} .avatar-detail-flex {gap: 15px;padding: 15px 10px;} .avatar-setail-cont h5 {font-size: 18px;} .avatar-setail-cont p {font-size: 13px;} .avatar-setail-cont span {font-size: 13px;} .basic-contact ul {padding: 0 15px;} .basic-contact a {font-size: 14px;} .dash-rgt-info {padding: 25px;} .dash-form-fields .form-control {font-size: 13px;} .avatar-dropdown-cont .dropdown-content {left: -60px;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hourly-detail-btn .btn-primary {font-size: 12px;padding: 10px 25px;} .hourly-detail-cont span {font-size: 12px;} header .menu-items {width: 60%;} .login-btn a {gap: 10px;font-size: 14px;padding: 12px 25px;} .search-filter .form-control {font-size: 12px;} .header .menu {width: 70%;} footer {padding: 25px 35px;} header {padding: 30px 33px;} .hourly-skills-detail li {font-size: 11px;padding: 7px 9px;} .job-title small {font-size: 12px;} .new-create-account-cont h6 {font-size: 25px;line-height: 35px;} .new-create-account-cont {padding: 40px 15px;} .new-create-cont {padding: 40px 15px;} .login-with span {width: 70px;} .new-code-ver input {width: 70px;height: 70px;} .new-create-cont h5 {font-size: 26px;} .footer-center-flex ul {display: grid;gap: 10px;grid-template-columns: repeat(4, minmax(0, 1fr));} .footer-center-flex a {font-size: 12px;} .avatar-dropdown-cont .dropdown-content {left: -60px;} } @media only screen and (min-width: 1260px) and (max-width: 1365px) { header {padding: 30px 70px;} .new-create-account-cont {padding: 40px 15px;} .new-create-cont {padding: 40px 15px;} .login-with span {width: 70px;} .new-code-ver input {width: 70px;height: 70px;} .new-create-cont h5 {font-size: 26px;} .new-create-account-cont span {display: inline;} .footer-center-flex ul {gap: 25px;} } @media only screen and (min-width: 1366px) and (max-width: 1439px) { .new-create-account-cont {padding: 40px 15px;} .new-create-cont {padding: 40px 15px;} .login-with span {width: 70px;} .new-code-ver input {width: 70px;height: 70px;} .new-create-cont h5 {font-size: 26px;} .new-create-account-cont span {display: inline;} .footer-center-flex ul {gap: 25px;} } @media only screen and (min-width: 1440px) and (max-width: 1599px) { .login-with span {width: 70px;} .new-create-account-cont span {display: inline;} .new-code-ver input {width: 70px;height: 70px;} .new-create-cont h5 {font-size: 26px;} } @media only screen and (min-width: 1600px) and (max-width: 1900px) { .login-with span {width: 70px;} .new-create-account-cont span {display: inline;} .new-code-ver input {width: 70px;height: 70px;} .new-create-cont h5 {font-size: 26px;} } / RESPONSIVE CSS END */

| ver. 1.4 | Github | . | PHP 8.1.29 | Генерация страницы: 0 | proxy | phpinfo | Настройка