:root { /* --primaryColor: #ff2252;*/ --primaryColor: #7062E3; --secondaryColor: #7062E3; /* --secondaryColor: #fc7b04;*/ --lightSecondaryColor:#fff5f5; --lightPrimaryColor:#673ac436; --extraLightPrimaryColor:#F8F7FF; --sicPrimaryColor: #2E5BA6; --sicSecondaryColor: #EAF2FF; --primaryTextColor: #000248; --secondaryTextColor: #535363; --tertiaryTextColor:#1663fe; --otherTextColor:#757589; --primaryButtonColor:#00727C; --primaryLinkColor:var(--primaryColor); --primaryLinkHoverColor:#1663fe; --primaryBgColor: #F6F6F6; --siaPrimaryBgColor: #E6EBF7; --settingBgColor: #F4F6FA; --bodyBgColor: #f9fbfc; --sticky-height: 40px; --headerThemeColorChange : #fff; --sidebarThemeColorChange : #673ac4; --headerThemeTextColorChange : #273454; --sidebarThemeTextColorChange : #fff; --sidebarThemeTextColorChangeHover : #ffffff; --mecPrimaryColor: #3ca4d2; --headingFontSizeh1: var(--fontsize40); --headingFontSizeh2: var(--fontsize32); --headingFontSizeh3: var(--fontsize28); --headingFontSizeh4: var(--fontsize24); --headingFontSizeh5: var(--fontsize20); --headingFontSizeh6: var(--fontsize16); --headingFontSizeh1Small: var(--fontsize32); --headingFontSizeh2Small: var(--fontsize25); --headingFontSizeh3Small: var(--fontsize22); --headingFontSizeh4Small: var(--fontsize24); --headingFontSizeh5Small: var(--fontsize16); --headingFontSizeh6Small: var(--fontsize13); --whitecolor:#fff; --blackcolor:#344054; --blackColor:#000000; --greyColor: #BDBDBD; --greyColor2:#4F4F4F; --greyColor3:#F2F2F2; --greyColor4:#E0E0E0; --greyColor5:#828282; --greyColor6:#333333; --greyColor7: #717578; --greyColor8:#929BA3; --greyColor9:#E9ECF3; --greyColor10:#F5F5F6; --greyColor11:#F1F1F1; --greyColor12:#F4F7FD; --greenColor: #219653; --lightGreenColor:#EFFFF2; --redColor: #ff0000; --notificationBellBg:#FDE5AD; --lightRedColor: #EB5757; --darkRedColor:#cf2a27; --orangeColor: #F2994A; --orangeColor2: #FFB72F; --lightOrangeColor: #FDE5AD; --pinkColor: #F7125A; --blueColor: #110CC2; --lightBlackColor: #272727; --lightBlue: #CBD5DD; --darkBlue: #88A2B7; --extraLightBlue: #F2F8FD; --sicTableBGColor : #F3F4F6; --newHeadingColor: #273454; --newTextColor: #8E9AB6; --greenColor2:#3EBDA0; --lightGreenColor:#E1EDE6; --strokeColor:#CACACA; --goldenColor:#F2A91E; --tableTh:#5A5F73; --lineColor:#ced4e7; --leaderBoardColor3:#E0997A; --time-color: hsl(210, 5%, 70%); --time-width: 75px; --bd-color: #ebebeb; --noviceColor:#FED944; --learnerColor:#FF9A00; --masterColor:#FE8B66; --expertColor:#61ABCA; --leaderColor:#629BCA; --fullwidth:100%; --fullheight:100%; --radius2:2px; --radius5:5px; --radius10:10px; --radius12:12px; --radius15:15px; --radius20:20px; --radius25:25px; --radius30:30px; --radius35:35px; --radius100: 100%; --padding2-10:2px 10px; --defaultfont : OpenSans; --fontfamilysemibold : OpenSansSemiBold; --fontfamilybold : OpenSansBold; --fontfamilylight : OpenSansLight; --fontfamilymedium : OpenSansMedium; --fontfamilyextrabold : OpenSansExtraBold; --textCenter:center; --textLeft:left; --textRight:right; --fontsize6 : 0.375rem; --fontsize10 : 0.625rem; --fontsize11 : 0.688rem; --fontsize12 : 0.75rem; --fontsize13 : 0.813rem; --fontsize14 : 0.875rem; --fontsize15 : 0.938rem; --fontsize16 : 1rem; --fontsize17 : 1.063rem; --fontsize18 : 1.125rem; --fontsize19 : 1.188rem; --fontsize20 : 1.25rem; --fontsize21 : 1.313rem; --fontsize22 : 1.375rem; --fontsize23 : 1.438rem; --fontsize24 : 1.5rem; --fontsize25 : 1.5625rem; --fontsize26 : 1.625rem; --fontsize27 : 1.688rem; --fontsize28 : 1.75rem; --fontsize29 : 1.813rem; --fontsize30 : 1.875rem; --fontsize31 : 1.938rem; --fontsize32 : 2rem; --fontsize33 : 2.063rem; --fontsize34 : 2.125rem; --fontsize35 : 2.188rem; --fontsize36 : 2.25rem; --fontsize37 : 2.313rem; --fontsize38 : 2.375rem; --fontsize39 : 2.438rem; --fontsize40 : 2.5rem; --fontsize41 : 2.563rem; --fontsize42 : 2.625rem; --fontsize43 : 2.688rem; --fontsize44 : 2.75rem; --fontsize45 : 2.813rem; --fontsize46 : 2.875rem; --fontsize47 : 2.938rem; --fontsize48 : 3rem; --fontsize49 : 3.063rem; --fontsize50 : 3.125rem; --fontsize51 : 3.188rem; --fontsize52 : 3.25rem; --fontsize53 : 3.313rem; --fontsize54 : 3.375rem; --fontsize55 : 3.438rem; --fontsize56 : 3.5rem; --fontsize57 : 3.563rem; --fontsize58 : 3.625rem; --fontsize59 : 3.688rem; --fontsize60 : 3.75rem; --fontsize61 : 3.813rem; --fontsize62 : 3.875rem; --fontsize63 : 3.938rem; --fontsize64 : 4rem; --fontsize65 : 4.063rem; } @font-face { font-family:OpenSans; src: url(../fonts/poppins/Poppins-Regular.ttf); font-weight: normal; font-style: normal } @font-face { font-family:OpenSansSemiBold; src: url(../fonts/poppins/Poppins-SemiBold.ttf); font-weight: normal; font-style: normal } @font-face { font-family:OpenSansBold; src: url(../fonts/poppins/Poppins-Bold.ttf); font-weight: normal; font-style: normal } @font-face { font-family:OpenSansLight; src: url(../fonts/poppins/Poppins-Light.ttf); font-weight: normal; font-style: normal } @font-face { font-family:OpenSansMedium; src: url(../fonts/poppins/Poppins-Medium.ttf); font-weight: normal; font-style: normal } @font-face { font-family:OpenSansExtraBold; src: url(../fonts/poppins/Poppins-ExtraBold.ttf); font-weight: normal; font-style: normal } @font-face { font-family:roboto; src: url(../fonts/Roboto-Regular.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:robotomedium; src: url(../fonts/Roboto-Medium.ttf); font-weight: normal; font-style: normal; font-display: swap; } /*@font-face { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: wrap; direction: ltr; overflow: hidden; src: url(../fonts/Material.ttf); } */ @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100 700; src: url(../fonts/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2'); } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 0px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: wrap; direction: ltr; overflow: hidden; } .material-symbols-outlined{opacity:0; visibility: hidden; font-size: 0;} .fullyPageLoaded .material-symbols-outlined{opacity:1; flex-shrink: 0; visibility: visible; font-size: 24px; display: flex;} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mute-video{position: absolute; left: 0; right: 0; /*background-color:rgba(0,0,0,0.1);*/ padding: 10px; text-align: right; color: var(--blackColor); z-index: 2; } .mute-video i{font-size: var(--fontsize18);} .mute-video .soundOn{display: none;} .mute-video.on .soundOn{display: block;} .mute-video.on .soundOff{display: none;} .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: var(--fontsize14);} /* dummy */ body{margin:0; padding:0; text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; background-color:var(--bodyBgColor); scroll-behavior: smooth; font-family:var(--defaultfont); color:var(--primaryTextColor); font-style:normal; font-size:var(--fontsize15); word-break: break-word;} html{margin:0; padding:0; scroll-behavior: smooth; font-size: 100%;} ul{margin:0; padding: 0; list-style-type: none;} ol{margin:0; padding: 0; list-style-type: none;} select{outline: 0px none;} a{color: var(--primaryLinkColor); text-decoration: none;} a:hover{color: var(--primaryLinkColor); text-decoration: none; outline: 0px none;} a:focus{color: var(--primaryLinkColor); text-decoration: none; outline: 0px none;} a:visited{text-decoration: none; outline: 0px none;} img{max-width: 100%;} h1,h2,h3,h4,h5,h6{margin:0; padding:0; line-height: normal; font-weight: normal;} p{margin:0; padding:0; line-height: normal;} label{font-weight: normal;} table.dataTable thead th{font-weight: normal;} .pageWrapper .mainContent .pageTitle.alignRight{justify-content:flex-end} .pageWrapper .mainContent .pageTitle.nobackground{background-color: transparent;} .alignRight{display:flex; justify-content: flex-end; align-items:center;} .languageChanger{position: relative; margin-right:0px; display: flex; align-items: center;} .languageChanger label{margin-right: 5px; margin-bottom: 0; white-space: nowrap;} .languageChanger select {width:var(--fullwidth); min-width: unset; max-width: 100px; background-color:var(--whitecolor); border:0px solid var(--strokeColor); border-radius:10px; font-size: var(--fontsize14); padding:5px 10px; font-family:var(--defaultfont); background-color: transparent;} .headerSettingBlock{ position: relative; margin-left:10px; cursor: pointer; display: flex; align-items: center;} .headerSettingBlock .dropdown-menu{top: 172%; padding: 15px; width:var(--fullwidth); display: flex; flex-direction: column; display: none;} .headerSettingBlock .dropdown-menu a{ padding: 0; font-size: var(--fontsize12); width:var(--fullwidth);} .headerSettingBlock.open .dropdown-menu{display: flex;} .au-breadcrumb ul li{align-content: center;} .buttonActions{display: flex; flex-direction: column; gap:10px; align-items: center;} .buttonActions a{font-size: var(--fontsize14);} .buttonActions a:hover{font-size: var(--fontsize14);} .takeatour{display: flex; align-items: center; margin-right:10px;} .takeatour a{background-color: var(--greyColor3); color: var(--blackcolor); display: flex; align-items: center; padding: 2px 10px; border-radius: var(--radius5);} .takeatour a i{ margin-right:5px; } .normalLoading{ margin:10px 0; display:none;} .normalLoading.show{display:flex;} .directionsChange{display: flex; align-items: center; gap:10px;} .autocomplete-items{padding:10px; box-shadow: 0 0 5px var(--greyColor9);} .autocomplete-items div{padding:10px;} .autocomplete-items div:hover{background-color: var(--greyColor9); cursor: pointer;} .feedbackButtonWrapper{position: fixed; bottom: 15px; right: 15px; z-index: 2; } .feedbackButtonWrapper .feedbackButtonContainer{display: flex;} .feedbackButtonWrapper .feedbackButtonContainer .helpCloseIcon{position: absolute; right:0px; top: -5px; z-index: 1;} .feedbackButtonWrapper .feedbackButtonContainer .helpCloseIcon a{background-color: var(--whitecolor); position: relative; color: var(--blackcolor); font-size: var(--fontsize15); padding: 2px 5px 6px 5px; border-radius: var(--radius100);} .feedbackButtonWrapper .feedbackButtonContainer a{display: flex; align-items: center; position: relative; justify-content: center; text-decoration: none;} .feedbackButtonWrapper .feedbackButtonContainer a .symbol{left: -20px; width: 56px; height: 56px; position: absolute; display: flex; align-content: center; justify-content: center; background-color: var(--sicPrimaryColor); border-radius: var(--radius100)} .feedbackButtonWrapper .feedbackButtonContainer a .symbol div {display: flex; align-items: center;} .feedbackButtonWrapper .feedbackButtonContainer a .symbol img{width:35px; height: 35px;} .feedbackButtonWrapper .feedbackButtonContainer a span{ padding:5px 20px 5px 45px; box-shadow: 0 0 10px #ddd; font-size: var(--fontsize16); min-width: 160px; background-color: var(--whitecolor); font-family: var(--fontfamilysemibold); color: var(--sicPrimaryColor); border-radius: var(--radius30);} .feedbackButtonWrapper .feedbackButtonContainer a span p{font-family:var(--defaultfont); text-decoration: none; margin-bottom: 0; font-size: var(--fontsize14); color: var(--blackcolor)} main{display: flex; margin:0px; margin-top: 70px; margin-top: 50px; margin-top: 60px; padding:24px;} main main{display: flex; margin:0px; margin-top:0px; padding:0px;} .pageWrapper.badge{background-color: transparent; white-space:normal; line-height: initial; padding:0; color:inherit; font-size: inherit; font-weight: inherit; min-width: inherit; min-height: inherit; border-radius: 0; text-align: left;} .marginTopZero{margin-top: 0px;} .blinker_me {animation: blinkerme 1s linear infinite;} @keyframes blinkerme { 50% { opacity: 0; } } .flatpickr-calendar.open{z-index: 3230000000!important} .userSearchWrapper{display: flex; max-width: 500px; width:var(--fullwidth);} .userSearchWrapper .select2DD{width:var(--fullwidth); margin-top: 15px;} .pageWrapper .mainContent.marginZero{margin: 0;} .pageWrapper .mainContent.marginLeftZero{margin-left: 0;} .pageWrapper .mainContent.marginRightZero{margin-right: 0;} .pageWrapper .mainContent.marginTopZero{margin-top: 0;} .pageWrapper .mainContent .marginZero{margin: 0;} .pageWrapper .mainContent .marginLeftZero{margin-left: 0;} .pageWrapper .mainContent .marginRightZero{margin-right: 0;} .pageWrapper .mainContent .marginTopZero{margin-top: 0;} .pageWrapper .mainContent .marginLeft20{margin-left: 20px;} .pageWrapper .mainContent .marginLeft10{margin-left: 10px;} .pageWrapper .mainContent .marginLeft15{margin-left: 15px;} .pageWrapper .mainContent .marginRight15{margin-right: 15px;} .pageWrapper .mainContent .topCategorySection.marginTopZero{margin-top: 0;} .pageWrapper .mainContent .colorfullBoxesSection.marginTopZero{margin-top: 0;} .marginZero{margin:0;} .marginTopZero{margin-top:0;} .marginBottomZero{margin-bottom:0;} .marginRightZero{margin-right:0;} .marginLeftZero{margin-left:0;} .paddingRightZero{padding-right:0;} .paddingLeftZero{padding-left:0;} .pagination>li>a, .pagination>li>span{color:var(--primaryColor); border:1px solid var(--greyColor4);} .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color:var(--whitecolor); background-color: var(--primaryColor);} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ border-color:var(--greyColor4); background-color: var(--primaryColor);} .select2DD.select2DD.heightChange .select2-selection--single{height:40px; display: flex; align-items: center;} .select2DD.select2DD.heightChange .select2-selection--single .select2-selection__arrow{height: 40px;} .select2DD.select2DD .select2-container{width: 100%!important;} .select2DD.select2DD .select2-container--default .select2-selection--multiple .select2-selection__rendered li{width: 100%!important;} .pageWrapper .mainContent .select2DD.select2DD .select2-container input[type="search"]{width: 100%!important;} .select2-container.select2-container--default.select2-container--open{z-index: 3300003333;} .pagination{margin-left: auto; margin-right: auto;} .hide{display: none!important;} .show{display: flex;} .postionRelative{position: relative;} .scrollbarvisible{scrollbar-width: thin; scrollbar-color:var(--greyColor6);} .scrollbarvisible::-webkit-scrollbar {width:5px;} .scrollbarvisible::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);} .scrollbarvisible::-webkit-scrollbar-thumb {background-color:#aaa8a8; outline: 1px solid slategrey; width: 5px;} .scrollbarvisible::-moz-scrollbar-thumb {background-color:#aaa8a8; outline: 1px solid slategrey; width: 5px;} .marginTop5{margin-top: 5px;} .marginTop10{margin-top: 10px;} .marginTop15{margin-top: 15px;} .marginTop20{margin-top: 20px;} .marginTop30{margin-top: 30px;} .marginTop25{margin-top: 25px;} .marginBottom5{margin-bottom: 5px;} .marginBottom10{margin-bottom: 10px;} .marginBottom15{margin-bottom: 15px;} .marginBottom20{margin-bottom: 20px;} .marginBottom25{margin-bottom: 25px;} .defaultBtn{ padding:10px 35px; cursor: pointer; white-space: nowrap; border:0px solid transparent; background: linear-gradient(270deg, var(--primaryColor) 0%, var(--primaryColor) 100%); border-radius: var(--radius5); text-align: var(--textCenter); width: var(--fullwidth); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--whitecolor);} .defaultBtn:hover{ padding:10px 35px; white-space: nowrap; border:0px solid var(--primaryColor); background-color: transparent; border-radius: var(--radius5); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--whitecolor);} .defaultBtn:active{ padding:10px 35px; white-space: nowrap; border:0px solid var(--primaryColor); background-color: transparent; border-radius: var(--radius5); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--whitecolor);} .defaultBtn:focus{ padding:10px 35px; white-space: nowrap; border:0px solid var(--primaryColor); background-color: transparent; border-radius: var(--radius5); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--whitecolor);} .shapeChange{display: flex; justify-content: flex-end;} .shapeChange .shapeChange{border-radius:5px;} .shapeChange .shapeChange:hover{border-radius:5px;} .adminDefaultBtn{ padding:5px 15px; outline: 0px none; text-transform: capitalize; cursor: pointer; font-weight: normal; white-space: nowrap; border:1px solid transparent; background: linear-gradient(270deg, var(--primaryColor) 0%, var(--primaryColor) 100%);border-radius:8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--whitecolor);} .adminDefaultBtn:visited{ padding:5px 15px; outline: 0px none; text-transform: capitalize; cursor: pointer; font-weight: normal; white-space: nowrap; border:1px solid transparent; background: linear-gradient(270deg, var(--primaryColor) 0%, var(--primaryColor) 100%);border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--whitecolor);} .adminDefaultBtn:visited:hover{ padding:5px 15px; outline: 0px none;white-space: nowrap; font-weight: normal; border:1px solid var(--primaryColor); background: linear-gradient(270deg, var(--primaryColor) 0%, var(--whitecolor) 100%); border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminDefaultBtn:hover{ padding:5px 15px; outline: 0px none;white-space: nowrap; font-weight: normal; border:1px solid var(--primaryColor); background: linear-gradient(270deg, var(--whitecolor) 0%, var(--whitecolor) 100%); border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminDefaultBtn:active{ padding:5px 15px;outline: 0px none; white-space: nowrap; font-weight: normal; border:1px solid var(--primaryColor); background: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminDefaultBtn:focus{ padding:5px 15px; outline: 0px none; white-space: nowrap; font-weight: normal; border:1px solid var(--primaryColor); background: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminSecondaryBtn{ padding:5px 15px; width:auto; text-transform: capitalize; font-weight: normal; cursor: pointer; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminSecondaryBtn:visited{ padding:5px 15px; width:auto; text-transform: capitalize; cursor: pointer; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminSecondaryBtn:visited:hover{ padding:5px 15px; width:auto; text-transform: capitalize; cursor: pointer; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminSecondaryBtn:hover{ padding:5px 15px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminSecondaryBtn:active{ padding:5px 15px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .adminSecondaryBtn:focus{ padding:5px 15px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .secondaryBtn{ padding:5px 35px; cursor: pointer; white-space: nowrap; border:1px solid var(--greyColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); width: var(--fullwidth); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--blackcolor);} .secondaryBtn:hover{ padding:5px 35px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--primaryColor);} .secondaryBtn:active{ padding:5px 35px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--primaryColor);} .secondaryBtn:focus{ padding:5px 35px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--primaryColor);} .secondaryBtn:visited{ padding:5px 35px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--blackcolor);} .sicDefaultBtn{ padding:5px 35px; cursor: pointer; white-space: nowrap; border:1px solid transparent; background-color: var(--sicPrimaryColor); border-radius: var(--radius30); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--whitecolor);} .sicDefaultBtn:hover{ padding:5px 35px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--sicPrimaryColor);} .sicDefaultBtn:active{ padding:5px 35px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius:8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--sicPrimaryColor);} .sicDefaultBtn:focus{ padding:5px 35px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--sicPrimaryColor);} .sicDefaultBtn:visited{ padding:5px 35px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius:8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--whitecolor);} .sicDefaultBtn:visited:hover{ padding:5px 35px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius: 8px; text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--sicPrimaryColor);} .sicSecondaryBtn{ padding:5px 25px; cursor: pointer; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: var(--whitecolor); border-radius: var(--radius30); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--blackcolor);} .sicSecondaryBtn:hover{ padding:5px 25px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius: var(--radius30); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--sicPrimaryColor);} .sicSecondaryBtn:active{ padding:5px 25px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius: var(--radius30); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--sicPrimaryColor);} .sicSecondaryBtn:focus{ padding:5px 25px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius: var(--radius30); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--sicPrimaryColor);} .sicSecondaryBtn:visited{ padding:5px 25px; white-space: nowrap; border:1px solid var(--sicPrimaryColor); background-color: transparent; border-radius: var(--radius30); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--sicPrimaryColor);} .btn-info{background-color:var(--primaryColor); padding:5px 15px; font-size:var(--fontsize14);font-family: var(--defaultfont); border-radius: var(--radius5); border-color:var(--primaryColor); outline: 0px none;} .btn-info:hover{background-color:var(--whitecplor); border-color:var(--primaryColor); color:var(--primaryColor); outline: 0px none;} .btn-info:focus{background-color:var(--primaryColor); border-color:var(--primaryColor); outline: 0px none;} .btn-info:active{background-color:var(--primaryColor); border-color:var(--primaryColor); outline: 0px none;} .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover{ background-color:var(--whitecolor); border-color:var(--primaryColor); color:var(--primaryColor);} .btn-default.focus, .btn-default:focus{outline: 0px none;} .is_disabled{opacity: 0.5; pointer-events: none;} .pastDataBtn{display: flex; width: var(--fullwidth); margin-bottom: 15px; align-items: flex-start;} .pastDataBtn a{width: auto;} .copyToClipboard{background-color: var(--primaryColor); color: var(--primaryColor); padding: 0px 10px; cursor: pointer; color:var(--whitecolor); border-radius:5px;} /* input[type="tel"]{width:var(--fullwidth); background-color: transparent; border: 0px none; font-size: var(--fontsize16); padding:10px 10px; font-family:var(--defaultfont); border-bottom: 2px solid var(--secondaryColor); } input[type="text"]{width:var(--fullwidth); background-color: transparent; border: 0px none; font-size: var(--fontsize16); padding:10px 10px; font-family:var(--defaultfont); border-bottom: 2px solid var(--secondaryColor);} input[type="email"]{width:var(--fullwidth); background-color: transparent; border: 0px none; font-size: var(--fontsize16); padding:10px 10px; font-family:var(--defaultfont); border-bottom: 2px solid var(--secondaryColor);} input[type="password"]{width:var(--fullwidth); background-color: transparent; border: 0px none; font-size: var(--fontsize16); padding:10px 10px; font-family:var(--defaultfont); border-bottom: 2px solid var(--secondaryColor);} input[type="search"]{width:var(--fullwidth); background-color: transparent; border: 0px none; font-size: var(--fontsize16); padding:10px 10px; font-family:var(--defaultfont); background-color: transparent;} */ .au-breadcrumb{box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border: 0px none; border-radius: var(--radius5); padding:8px; background-color: var(--whitecolor); display: flex; align-items: center;} .au-breadcrumb a{color: var(--blackcolor); font-size:var(--fontsize15); font-family: var(--fontfamilysemibold);} .au-breadcrumb a:hover{color: var(--blackcolor); font-size:var(--fontsize15); font-family: var(--fontfamilysemibold);} .au-breadcrumb a:active{color: var(--blackcolor); font-size:var(--fontsize15); font-family: var(--fontfamilysemibold);} .au-breadcrumb .au-breadcrumb__list {margin-left: 5px; display: inherit;} .pageWrapper .mainContent input[type="search"]::-webkit-calendar-picker-indicator {opacity: 0; visibility: hidden;} .pageWrapper .mainContent input[type="search"]{font-weight: normal; background-image: url(../images/icon-search.png); background-repeat: no-repeat; background-position:10px center; border: 1px solid var(--greyColor4); max-width: 550px; background-color: var(--greyColor3); width: var(--fullwidth); padding:6px 10px 6px 40px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="text"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="datetime-local"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: none; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="number"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="email"]{ font-weight: normal; border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent .designationInput{ font-weight: normal; border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="password"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="date"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="mobile"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="phone"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="tel"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="number"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent textarea{font-weight: normal; resize: none; border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="checkbox"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width:auto; padding:0px; color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="checkbox"]:checked{background-color: var(--primaryColor); color:var(--whitecolor)} .pageWrapper .mainContent input[type="file"]{font-weight: normal;border: 1px solid var(--strokeColor); background-color: var(--whitecolor); max-width: 300px; width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent input[type="file"]:focus{outline:0px none} .pageWrapper .mainContent select{font-weight: normal;border: 1px solid var(--strokeColor); max-width: 300px; background-color: var(--whitecolor); width: var(--fullwidth); padding: 6px 10px;color: var(--blackcolor); font-family: var(--defaultfont); border-radius:var(--radius5); font-size:var(--fontsize14);} .pageWrapper .mainContent .pageTitle{color:var(--blackcolor); background-color: var(--whitecolor); padding:0 0 8px; border-bottom: 1px solid var(--greyColor4); font-size: var(--fontsize16); font-family: var(--fontfamilysemibold); margin-bottom: 15px;} .pageWrapper .mainContent .pageTitle img{margin-right: 10px;} .pageWrapper .mainContent .pageTitle.spaceAdjust{display: flex; align-items: center; justify-content: space-between} *:focus{outline: 0px none;} .TotalCount{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); align-items: center; font-weight: 400; font-family: var(--defaultfont);gap:5px; color: var(--blackColor)} .TotalCount span{font-size: var(--fontsize20); display: flex; font-weight: 400; font-family: var(--fontfamilybold); margin-bottom:0px; color: var(--blackColor)} .welcomeheadingWrapper{display: flex; width:var(--fullwidth); flex-direction: column; border-bottom:1px solid var(--lineColor); padding-bottom: 10px;} .welcomeheadingWrapper h3{color:var(--blackColor); padding:0 0 0px; font-size: var(--fontsize20); font-family: var(--fontfamilybold); margin-bottom: 5px;} .welcomeheadingWrapper p{color:var(--newTextColor); padding:0 0 0px; font-size: var(--fontsize14); font-family: var(--defaultfont); margin-bottom:0px;} .competitionsWrapper .competitionsContainer .studioCategoryWrapper{margin-bottom: 30px;} .competitionsWrapper .competitionsContainer .studioCategoryWrapper h3{font-size: var(--fontsize14); color:var(--tableTh); margin-bottom: 10px;} .competitionsWrapper .competitionsContainer .studioCategoryWrapper h3 a{border:0px none; padding:0; background-color: transparent;} .competitionsWrapper .competitionsContainer .studioCategoryWrapper h3 a i{margin-right: 5px;} .newFormDesignWrapper .pageTitle.newdesign.noBg {background-color: transparent; border-bottom: 0px none; padding-bottom: 0;} .newFormDesignWrapper .pageTitle.newdesign.fontSizeReduce {font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); color: var(--newTextColor);} .newFormDesignWrapper .pageTitle.newdesign .actionButtonDiv{display: flex;} .selectedWrapper{display: flex; width:var(--fullwidth); margin-bottom:0px;} .selectedWrapper span{ margin-right:10px; font-size: var(--fontsize18); font-family: var(--fontfamilysemibold);} .selectedWrapper button{margin-right:10px;} .studioCategoryWrapper{display: flex; width:var(--fullwidth); flex-direction: column; margin-top: 20px;} .studioCategoryWrapper h3{color:var(--tableTh); padding:0 0 0px; text-align: left; display: flex; justify-content: space-between; font-size: var(--fontsize14); font-family: var(--defaultfont); margin-bottom: 10px;} .studioCategoryWrapper a{border:1px solid var(--primaryColor); margin-left: 15px; white-space: nowrap; color:var(--primaryColor); padding:5px 12px; border-radius: 32.7651px; font-family: var(--defaultfont); font-size: var(--fontsize14); background-color: var(--lightSecondaryColor);} .studioCategoryWrapper label{display: flex!important; align-items: center; margin-bottom: 0; margin-left: 15px; } .studioCategoryWrapper label:first-child{margin-left: 0;} .studioCategoryWrapper label span{border: 1px solid var(--greyColor3); font-weight: 400; white-space: nowrap; color:var(--primaryColor); padding:5px 12px; border-radius: 32.7651px; cursor: pointer; font-family: var(--defaultfont); font-size: var(--fontsize14); color: var(--blackColor); background-color: var(--greyColor3);} .studioCategoryWrapper label input[type="radio"]{display: none} .studioCategoryWrapper label input[type="radio"]:checked + span{border:1px solid var(--primaryColor); white-space: nowrap; color:var(--primaryColor); padding:5px 12px; border-radius: 32.7651px; font-family: var(--defaultfont); font-size: var(--fontsize14); background-color: var(--lightPrimaryColor);} .studioCategoryWrapper a:first-child{margin-left: 0;} .studioCategoryWrapper .block{display: flex; width:var(--fullwidth);} .studioCategoryWrapper .slick-slide{display: flex; margin-right:5px; margin-left:5px; width: var(--fullwidth);} .studioCategoryWrapper .slick-track{display: flex; width: var(--fullwidth); margin-left: 0;} .studioCategoryWrapper .slick-list{display: flex; width: var(--fullwidth);} .studioCategoryWrapper .slick-slide > div{width: var(--fullwidth);} .studioCategoryWrapper .slick-slider{ margin:0px;} .studioCategoryWrapper .slick-prev{left:0; z-index: 1;} .studioCategoryWrapper .slick-next{right:0;} .studioCategoryWrapper .slick-prev:before, .studioCategoryWrapper .slick-next:before{color: var(--primaryColor);} .pageWrapper{display: flex; width:var(--fullwidth);} .pageWrapper .pageContainer{display: flex; width:var(--fullwidth); align-items: flex-start;} .pageWrapper .sidebarLeft{display: flex; width:var(--fullwidth); max-width:260px; flex-shrink: 0; top: 100px; top:85px; position: sticky; position: unset;} .pageWrapper .sidebarRight{display: flex; width:var(--fullwidth); max-width: 280px; background-color: transparent; box-shadow: 0px 0px 0px 0px; flex-shrink: 0; top: 100px; position: sticky; position: static;} .pageWrapper .mainContent{display: flex; width:var(--fullwidth); overflow: hidden;} .pageWrapper .mainContent .slick-dots li button:before{font-size:var(--fontsize10); font-smoothing: antialiased; -webkit-font-smoothing: antialiased;} .pageWrapper .mainContent .slick-dots li.slick-active button:before{color:var(--primaryColor);} .bucketSuccessDialog.open{display: flex;} .bucketSuccessDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .bucketSuccessDialog .bucketSuccessDialogContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 500px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .bucketSuccessDialog .bucketSuccessDialogContainer h4{font-size: var(--fontsize32); line-height: 30px; text-align: center; color: var(--blackcolor); width:var(--fullwidth); margin-bottom:0px; font-family: var(--fontfamilysemibold);} .bucketSuccessDialog .bucketSuccessDialogContainer i{font-size: var(--fontsize52); text-align: center; color: var(--greenColor); width:var(--fullwidth); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px;} .bucketSuccessDialog .bucketSuccessDialogContainer p{font-size: var(--fontsize18); max-width: none; color: var(--greyColor5); text-align: center; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .bucketSuccessDialog .bucketSuccessDialogContainer .listContent{display: flex; gap:10px; justify-content: center; width:var(--fullwidth); flex-direction: column;} .bucketSuccessDialog .bucketSuccessDialogContainer .actions{display: flex; gap:15px; align-items: center; width: 100%; justify-content: center; border-top: 1px solid var(--greyColor4); margin-top: 20px; padding-top: 10px;} .bucketSuccessDialog .bucketSuccessDialogContainer .actions a{min-width: 100px;} .mapBucketDialog.open{display: flex;} .mapBucketDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .mapBucketDialog .mapBucketDialogContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 1000px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .mapBucketDialog .mapBucketDialogContainer h4{font-size: var(--fontsize20); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:5px; font-family: var(--fontfamilysemibold);} .mapBucketDialog .mapBucketDialogContainer h5{font-size: var(--fontsize16); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:10px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .mapBucketDialog .mapBucketDialogContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .mapBucketDialog .mapBucketDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .mapBucketDialog .mapBucketDialogContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .mapBucketDialog .mapBucketDialogContainer .listContent{display: flex; gap:17px; width:var(--fullwidth); border:1px solid var(--greyColor4); border-radius: 8px; padding: 10px;} .mapBucketDialog .mapBucketDialogContainer ul{margin:0; padding: 0; display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap:10px; width: var(--fullwidth);} .mapBucketDialog .mapBucketDialogContainer ul li{gap:0px; padding:10px; color:var(--blackcolor); display: flex; justify-content: space-between; gap:10px; cursor: move; position: relative; box-shadow: 0px 0px 0px 0px; border:1px solid var(--greyColor4); border-radius: 5px; background-color: transparent;} .mapBucketDialog .mapBucketDialogContainer ul li:hover{background-color: var(--greyColor3);} .mapBucketDialog .mapBucketDialogContainer ul li div + div{display: flex; align-items: center; justify-content: flex-end;} .mapBucketDialog .mapBucketDialogContainer ul li .desc{color: var(--greyColor5); font-size: var(--fontsize14);} .mapBucketDialog .mapBucketDialogContainer ul li h4{border:0px none; padding: 0; margin:0; font-size: var(--fontsize16); } .mapBucketDialog .mapBucketDialogContainer ul li .title{display:flex; align-items: center; gap:5px;} .mapBucketDialog .mapBucketDialogContainer ul li .title i{width: 15px; height: 15px; border-radius: 100%; flex-shrink: 0; background-color:var(--primaryColor);} .mapBucketDialog .mapBucketDialogContainer .actions{display: flex; gap:15px; align-items: center; width: 100%; justify-content: flex-end; border-top: 1px solid var(--greyColor4); margin-top: 20px; padding-top: 10px;} .mapBucketDialog .mapBucketDialogContainer ul li label{cursor: pointer;} .mapBucketDialog .mapBucketDialogContainer ul li input[type="radio"]{display: none;} .mapBucketDialog .mapBucketDialogContainer .checkmark{display: flex; display: none; align-items: center; position: absolute; right:10px; top:10px; color:green; font-size: var(--fontsize20); } .mapBucketDialog .mapBucketDialogContainer ul li.active .checkmark{display: flex;} .mapBucketDialog .chooseCategorySelect{display: flex; width: 100%; justify-content: space-between; gap:20px; margin-bottom:15px;} .mapBucketDialog .chooseCategorySelect > div{display: flex; width: 100%; flex-direction: column; max-width: 50%; gap:5px;} .mapBucketDialog .chooseCategorySelect > div input[type="text"]{border: 1px solid #aaa; padding:9px; border-radius: 4px;} .mapBucketDialog .chooseCategorySelect .select2-search__field{width: 100%!important;} .mapBucketDialog .chooseCategorySelect label{margin:0; padding: 0; color: var(--greyColor5);} .mapBucketDialog .leftDialog{display: flex; flex-direction: column; gap:15px; padding-right: 20px; width: 100%; max-width: 50%; border-right:1px solid var(--greyColor4); min-height: 300px; max-height: 300px; overflow-y: auto;} .mapBucketDialog .leftDialog:before{display: none;} .mapBucketDialog .rightDialog{display: flex; flex-direction: column; gap:15px; width: 100%; max-width: 50%} .mapBucketDialog .topHeader{display: flex; align-items: center; width: 100%; border-bottom:1px solid var(--greyColor4); padding-bottom: 10px; justify-content: space-between; gap:20px;} .mapBucketDialog .topHeader div{display: flex; align-items: center; gap:5px;} .mapBucketDialog .topHeader div span{background-color: var(--greyColor3); padding: 2px; min-width:30px; text-align: center; border-radius: 5px; color: var(--greyColor5);} .mapBucketDialog .mapBucketDialogContainer .select2-container{width:100%!important} .mapBucketDialog .mapContentList{ display: flex; flex-direction: column; width: 100%;} .mapBucketDialog .mapContentList ul{ background-color: var(--greyColor3); gap:10px; border:4px dashed var(--greyColor4); padding: 10px; display: flex; flex-direction: column; width: 100%; min-height:250px; max-height: 250px; overflow-y: auto;} .mapBucketDialog .mapContentList ul li{background-color: var(--whitecolor); cursor: default; flex-direction: row; display: flex; align-items:center; justify-content: space-between; gap:20px;} .mapBucketDialog .mapContentList ul li .trash-btn{cursor: pointer;} .mapBucketDialog .mapContentList ul li:hover{background-color: var(--whitecolor); } .createBucketDialog.open{display: flex;} .createBucketDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .createBucketDialog .createBucketDialogContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 650px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .createBucketDialog .createBucketDialogContainer h4{font-size: var(--fontsize20); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:5px; font-family: var(--fontfamilysemibold);} .createBucketDialog .createBucketDialogContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .createBucketDialog .createBucketDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .createBucketDialog .createBucketDialogContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .createBucketDialog .createBucketDialogContainer .listContent{display: flex; flex-direction: column; width:var(--fullwidth);} .createBucketDialog .createBucketDialogContainer ol{margin:0; padding: 0; overflow-y: auto; max-height: 300px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px; width: var(--fullwidth);} .createBucketDialog .createBucketDialogContainer ol li{gap:0px; padding: 0; position: relative; box-shadow: 0px 0px 0px 0px; border:1px solid var(--greyColor4); border-radius: 10px; padding: 10px; background-color: transparent;} .createBucketDialog .createBucketDialogContainer ol li .desc{color: var(--greyColor5); font-size: var(--fontsize14);} .createBucketDialog .createBucketDialogContainer ol li h4{border:0px none; padding: 0; margin:0; font-size: var(--fontsize16); } .createBucketDialog .createBucketDialogContainer ol li .title{display:flex; align-items: center; gap:5px;} .createBucketDialog .createBucketDialogContainer ol li .title i{width: 15px; height: 15px; border-radius: 100%; flex-shrink: 0; background-color:var(--primaryColor);} .createBucketDialog .createBucketDialogContainer .actions{display: flex; gap:15px; align-items: center; justify-content: flex-end; border-top: 1px solid var(--greyColor4); margin-top: 20px; padding-top: 10px;} .createBucketDialog .createBucketDialogContainer ol li:hover{border:1px solid var(--primaryColor); background-color: var(--greyColor3); cursor: pointer;} .createBucketDialog .createBucketDialogContainer ol li label{cursor: pointer;} .createBucketDialog .createBucketDialogContainer ol li input[type="radio"]{display: none;} .createBucketDialog .createBucketDialogContainer .checkmark{display: flex; display: none; align-items: center; position: absolute; right:10px; top:10px; color:green; font-size: var(--fontsize20); } .createBucketDialog .createBucketDialogContainer ol li.active .checkmark{display: flex;} .moreListDialog.open{display: flex;} .moreListDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .moreListDialog .moreListDialogContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 400px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .moreListDialog .moreListDialogContainer h4{font-size: var(--fontsize20); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:5px; font-family: var(--fontfamilysemibold);} .moreListDialog .moreListDialogContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .moreListDialog .moreListDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .moreListDialog .moreListDialogContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .moreListDialog .moreListDialogContainer .listContent{display: flex; flex-direction: column; width:var(--fullwidth);} .moreListDialog .moreListDialogContainer ol{margin:0; padding: 0; overflow-y: auto; max-height: 300px;} .moreListDialog .moreListDialogContainer ol li{gap:0px; padding: 0; box-shadow: 0px 0px 0px 0px; background-color: transparent;} .moreListDialog .moreListDialogContainer ol li p{color: var(--greyColor5);} .scoreListDialog.open{display: flex;} .scoreListDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .scoreListDialog .scoreListDialogContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 400px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .scoreListDialog .scoreListDialogContainer h4{font-size: var(--fontsize20); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:5px; font-family: var(--fontfamilysemibold);} .scoreListDialog .scoreListDialogContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .scoreListDialog .scoreListDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .scoreListDialog .scoreListDialogContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .scoreListDialog .scoreListDialogContainer .listContent{display: flex; flex-direction: column; width:var(--fullwidth);} .viewBarCodeDialog.open{display: flex;} .viewBarCodeDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .viewBarCodeDialog .viewBarCodeDialogContainer{background-color:var(--whitecolor); gap:15px; display: flex; text-align: center; flex-direction: column; align-items: center; justify-content: center; max-width: 400px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .viewBarCodeDialog .viewBarCodeDialogContainer h4{font-size: var(--fontsize16); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .viewBarCodeDialog .viewBarCodeDialogContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .viewBarCodeDialog .viewBarCodeDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .viewBarCodeDialog .viewBarCodeDialogContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .viewBarCodeDialog .viewBarCodeDialogContainer .listContent img{max-width: 250px; margin:0 auto;} .viewBarCodeDialog .viewBarCodeDialogContainer .listContent{display: flex; background-color: var(--greyColor3); padding:15px; flex-direction: column; width:var(--fullwidth);} .viewBarCodeDialog .viewBarCodeDialogContainer ol{margin:0; padding: 0; gap:10px; display: flex; flex-direction: row;} .viewBarCodeDialog .viewBarCodeDialogContainer ol li{gap:0px; padding: 0; border-radius: 0px; background-color: transparent; border-left: 1px solid var(--greyColor5); align-items: center;margin: 0; box-shadow: 0px 0px 0px 0px; width: 100%; max-width: 33.333%; flex-direction: column; display: flex;} .viewBarCodeDialog .viewBarCodeDialogContainer ol li:first-child{border-left: 0px none;} .viewBarCodeDialog .viewBarCodeDialogContainer ol li p{color: var(--greyColor5); text-align: center;} .viewBarCodeDialog .viewBarCodeDialogContainer ol li a{display: flex; flex-direction: column; align-items: center;} .loginPromtDialogWrapper.open{display: flex;} .loginPromtDialogWrapper{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .loginPromtDialogWrapper .loginPromtDialogContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 800px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .loginPromtDialogWrapper .loginPromtDialogContainer h4{font-size: var(--fontsize20); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .loginPromtDialogWrapper .loginPromtDialogContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .loginPromtDialogWrapper .loginPromtDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .loginPromtDialogWrapper .loginPromtDialogContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .loginPromtDialogWrapper .loginPromtDialogContainer .message{display:flex; text-align: center; flex-direction: column; width: var(--fullwidth);} .loginPromtDialogWrapper .loginPromtDialogContainer .actions{display: flex; width: var(--fullwidth); justify-content: center; align-items: center; margin-top: 15px;} .loginPromtDialogWrapper .loginPromtDialogContainer .actions a{width: auto;} .timeTablePreviewWrapper.open{display: flex;} .timeTablePreviewWrapper{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .timeTablePreviewWrapper .timeTablePreviewContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 800px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .timeTablePreviewWrapper .timeTablePreviewContainer h4{font-size: var(--fontsize20); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .timeTablePreviewWrapper .timeTablePreviewContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .timeTablePreviewWrapper .timeTablePreviewContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .timeTablePreviewWrapper .timeTablePreviewContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper{display: flex; max-height: 600px;overflow-y: auto; width:var(--fullwidth); flex-direction: column;} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper th{padding:10px; font-family: var(--defaultfont); background-color: var(--greyColor12); border-bottom: 0px none; text-transform: capitalize; font-weight: normal; color:var(--tableTh); font-size:var(--fontsize14);} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); border-bottom:1px solid var(--greyColor4); font-size:var(--fontsize14);} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper td i{color:var(--greenColor2); margin-left:0px;} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper td a i{color:var(--greenColor2); flex-shrink: 0; width:53px; height: 53px; object-fit: contain; margin-left:0px;} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper td a i img{object-fit: contain; height:100%;} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper td:last-child{font-family: var(--fontfamilysemibold);} .apologiesDialog.open{display: flex;} .apologiesDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .apologiesDialog .apologiesDialogContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 600px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .apologiesDialog .apologiesDialogContainer h4{font-size: var(--fontsize20); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .apologiesDialog .apologiesDialogContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .apologiesDialog .apologiesDialogContainer .actions{display: flex; align-items: center; border-top: 1px solid var(--greyColor4); padding-top: 15px; justify-content: flex-end; width: 100%; margin-top: 20px;} .apologiesDialog .apologiesDialogContainer .actions a{width: auto;} .apologiesDialog .apologiesDialogContainer .block{display: flex; gap:10px; align-items: center; padding: 15px; width: var(--fullwidth); background-color:#fff2e8; border:1px solid #FF7B17; border-radius: 15px;} .apologiesDialog .apologiesDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .apologiesDialog .apologiesDialogContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .apologiesDialog .apologiesDialogContainer .sadFace{font-size: var(--fontsize55); margin-bottom:0px; color:#FF7B17;} .apologiesFileDialog.open{display: flex;} .apologiesFileDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .apologiesFileDialog .apologiesDialogContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 600px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .apologiesFileDialog .apologiesDialogContainer h4{font-size: var(--fontsize20); color: var(--blackcolor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .apologiesFileDialog .apologiesDialogContainer p{font-size: var(--fontsize14); max-width: none; color:#FF7B17; margin-bottom:0px; border-bottom: 0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .apologiesFileDialog .apologiesDialogContainer .actions{display: flex; align-items: center; border-top: 1px solid var(--greyColor4); padding-top: 15px; justify-content: flex-end; width: 100%; margin-top: 20px;} .apologiesFileDialog .apologiesDialogContainer .actions a{width: auto;} .apologiesFileDialog .apologiesDialogContainer .block{display: flex; gap:10px; align-items: center; padding: 15px; width: var(--fullwidth); background-color:#fff2e8; border:1px solid #FF7B17; border-radius: 15px;} .apologiesFileDialog .apologiesDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .apologiesFileDialog .apologiesDialogContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .apologiesFileDialog .apologiesDialogContainer .sadFace{font-size: var(--fontsize55); margin-bottom:0px; color:#FF7B17;} .fullScreenLoader.open{display: flex;} .fullScreenLoader{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .fullScreenLoader .fullScreenLoaderContainer{background-color:var(--whitecolor); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 400px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} /*FeedbackForm Dialog*/ .feedbackFormDialog.open{display: flex;} .feedbackFormDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .feedbackFormDialog .feedbackFormContainer{background-color:var(--whitecolor); max-width: 400px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .feedbackFormDialog .feedbackFormContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .feedbackFormDialog .feedbackFormContainer .dialogClose a{color: var(--blackcolor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .feedbackFormDialog .feedbackFormContainer h2{font-size: var(--fontsize20); color: var(--blackcolor); text-align: center; margin-bottom:20px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .feedbackFormDialog .feedbackFormContainer .formWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock{display: flex; position: relative; width: var(--fullwidth); flex-direction: column; margin-top: 20px;} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock:first-child{ margin-top:0px;} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock input[type="text"]{border: 1px solid var(--greyColor4); border-radius: var(--radius5); font-size: var(--fontsize14); max-width: 350px; padding: 10px;} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock textarea{border: 1px solid var(--greyColor4); border-radius: var(--radius5); max-width: 350px; padding: 10px; font-size: var(--fontsize14);} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock input[type="email"]{border: 1px solid var(--greyColor4); border-radius: var(--radius5); max-width: 350px; padding: 10px; font-size: var(--fontsize14);} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock input[type="tel"]{border: 1px solid var(--greyColor4); border-radius: var(--radius5); max-width: 350px; padding: 10px; font-size: var(--fontsize14);} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock select{border: 1px solid var(--greyColor4); max-width: 350px; border-radius: var(--radius5); padding: 10px;} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock .errorMsg{color: var(--redColor); margin-top: 5px; display: none;} .feedbackFormDialog .feedbackFormContainer .formWrapper .formBlock .errorMsg.show{display: flex;} .feedbackFormDialog .feedbackFormContainer .formActions{display: flex; align-items: center; border-top: 1px solid var(--greyColor4); padding-top: 10px; justify-content: center; width: 100%; margin-top: 20px;} .feedbackFormDialog .feedbackFormContainer .formActions a{background:var(--sicPrimaryColor); color:var(--whitecolor); text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 16px; text-align: center; border-radius:var(--radius30); padding:5px 38px;} .feedbackFormDialog .feedbackFormContainer .formActions button{background:var(--sicPrimaryColor); color:var(--whitecolor); text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 16px; text-align: center; border-radius:var(--radius30); padding:5px 38px;} .feedbackFormDialog .addScrollbar{overflow-y: auto; max-height: 400px;} /*FeedbackForm Dialog*/ /*AllForm Delete Confirmation Dialog*/ .allFormConfirmationDialog.open{display: flex;} .allFormConfirmationDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200007; font-family: var(--defaultfont);} .allFormConfirmationDialog .allFormConfirmationContainer{background-color:var(--whitecolor); max-width: 415px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .allFormConfirmationDialog .allFormConfirmationContainer .allFormConfirmationDialogClose{position: absolute; right: -10px; top: -10px;} .allFormConfirmationDialog .allFormConfirmationContainer .allFormConfirmationDialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .allFormConfirmationDialog .allFormConfirmationContainer h2{font-size: var(--fontsize20); color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .allFormConfirmationDialog .allFormConfirmationContainer .contentWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .allFormConfirmationDialog .allFormConfirmationContainer .contentWrapper .content{display: flex; font-size: var(--fontsize16); color: var(--blackColor); padding:10px 0; justify-content: center; width: var(--fullwidth); text-align: center;} .allFormConfirmationDialog .allFormConfirmationContainer .actions{display: flex; align-items: center; border-top: 1px solid var(--strokeColor); height: auto; padding-top: 10px; justify-content: center; width: 100%; margin-top: 20px;} .allFormConfirmationDialog .allFormConfirmationContainer .actions a:first-child{ margin-right:15px; } .allFormConfirmationDialog .allFormConfirmationContainer .actions a:last-child{ margin-right:15px; } .allFormConfirmationDialog .allFormConfirmationContainer .actions .deleteLoader{display: none;} .allFormConfirmationDialog .allFormConfirmationContainer .actions .deleteLoader.open{display: flex;} /*AllForm Delete Confirmation Dialog*/ .noContentMsg{width: var(--fullwidth); flex-direction: column; display: flex; align-items: center; justify-content: center} .noContentMsg i{font-size: var(--fontsize42); color:var(--greyColor2); margin-bottom: 5px;} .noContentMsg p{font-size: var(--fontsize18); color:var(--tableTh);} /*AllForm Profile Pic Dialog*/ .allFormProfilePicDialog.open{display: flex;} .allFormProfilePicDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .allFormProfilePicDialog .allFormProfilePicContainer{background-color:var(--whitecolor); max-width: 615px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .allFormProfilePicDialog .allFormProfilePicContainer .allFormDialogClose{position: absolute; right: -10px; top: -10px;} .allFormProfilePicDialog .allFormProfilePicContainer .allFormDialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .allFormProfilePicDialog .allFormProfilePicContainer h2{font-size: var(--fontsize20); color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .allFormProfilePicDialog .allFormProfilePicContainer .contentWrapper{display: flex; align-items: center; justify-content: center; min-height: 200px; flex-direction: column; width: var(--fullwidth);} .allFormProfilePicDialog .allFormProfilePicContainer .contentWrapper img{max-width: 250px; max-height: 250px;} .allFormProfilePicDialog .allFormProfilePicContainer .picActions{border-top: 1px solid var(--greyColor4); margin-top: 10px; padding-top: 10px; justify-content: space-between; display: flex; align-items: center;} .allFormProfilePicDialog .allFormProfilePicContainer .picActions a{display: flex; align-items: center;} .allFormProfilePicDialog .allFormProfilePicContainer .picActions div{display: flex; align-items: center;} .allFormProfilePicDialog .allFormProfilePicContainer .picActions div .submit_image{ margin-left:10px; } .allFormProfilePicDialog .allFormProfilePicContainer .picActions a i{margin-right: 5px;} .allFormProfilePicDialog .allFormProfilePicContainer .noContentMsg{width: var(--fullwidth); flex-direction: column; display: flex; align-items: center; justify-content: center} .allFormProfilePicDialog .allFormProfilePicContainer .noContentMsg i{font-size: var(--fontsize42); color:var(--greyColor2); margin-bottom: 5px;} .allFormProfilePicDialog .allFormProfilePicContainer .noContentMsg p{font-size: var(--fontsize18); color:var(--tableTh);} /*AllForm Profile Pic Dialog*/ /*AllForm Video Pic Dialog*/ .allFormProfileVideoDialog.open{display: flex;} .allFormProfileVideoDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .allFormProfileVideoDialog .allFormProfileVideoContainer{background-color:var(--whitecolor); max-width: 615px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .allFormProfileVideoDialog .allFormDialogClose{position: absolute; right: -10px; top: -10px;} .allFormProfileVideoDialog .allFormProfileVideoContainer .allFormDialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .allFormProfileVideoDialog .allFormProfileVideoContainer h2{font-size: var(--fontsize20); color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .allFormProfileVideoDialog .allFormProfileVideoContainer .contentWrapper{display: flex; align-items: center; justify-content: center; min-height: 200px; flex-direction: column; width: var(--fullwidth);} .allFormProfileVideoDialog .allFormProfileVideoContainer .contentWrapper img{max-width: 250px;} .allFormProfileVideoDialog .allFormProfileVideoContainer .videoActions{border-top: 1px solid var(--greyColor4); margin-top: 10px; padding-top: 10px; justify-content: space-between; display: flex; align-items: center;} .allFormProfileVideoDialog .allFormProfileVideoContainer .videoActions div{display: flex; align-items: center;} .allFormProfileVideoDialog .allFormProfileVideoContainer .videoActions div button{margin-left: 10px;} .allFormProfileVideoDialog .allFormProfileVideoContainer .videoActions div .loader{display: flex; display: none; margin-left: 10px; align-items: center; color:var(--greyColor2);} .allFormProfileVideoDialog .allFormProfileVideoContainer .videoActions div .loader i{margin-right: 10px;} .allFormProfileVideoDialog .allFormProfileVideoContainer .videoActions a{display: flex; align-items: center;} .allFormProfileVideoDialog .allFormProfileVideoContainer .videoActions a i{margin-right: 5px;} .allFormProfileVideoDialog .allFormProfileVideoContainer .noContentMsg{width: var(--fullwidth); flex-direction: column; display: flex; align-items: center; justify-content: center} .allFormProfileVideoDialog .allFormProfileVideoContainer .noContentMsg i{font-size: var(--fontsize42); color:var(--greyColor2); margin-bottom: 5px;} .allFormProfileVideoDialog .allFormProfileVideoContainer .noContentMsg p{font-size: var(--fontsize18); color:var(--tableTh);} .allFormProfileVideoDialog .allFormProfileVideoContainer .errorMSG{color:var(--redColor); font-size: var(--fontsize14);} .allFormProfileVideoDialog .allFormProfileVideoContainer .limitText{text-align: right; justify-content: flex-end; font-size: var(--fontsize12); display: flex; color:var(--greyColor8); margin-top: 5px;} /*AllForm Profile Video Dialog*/ .addSkillsDialogWrapper.open{display: flex;} .addSkillsDialogWrapper{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .addSkillsDialogWrapper .addSkillsDialogContainer{background-color:var(--whitecolor); max-width: 615px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .addSkillsDialogWrapper .dialogClose{position: absolute; right: -10px; top: -10px;} .addSkillsDialogWrapper .addSkillsDialogContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .addSkillsDialogWrapper .addSkillsDialogContainer h2{font-size: var(--fontsize20); color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper{display: flex; align-items: center; overflow-y: auto; max-height: 250px; justify-content: center; flex-direction: column; width: var(--fullwidth);} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper h2{ font-size:var(--fontsize32); color:var(--blackColor); margin:0 0 15px} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .accordion{cursor: pointer; font-weight: 400; margin:0px 0; padding: 10px 10px; border-radius: 0px; border-bottom:1px solid var(--strokeColor); font-family:inherit; font-size: var(--fontsize16);} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .accordion:after {content: '\002B'; margin-top: -6px; color:var(--greyColor1); float: right; font-family:var(--defaultfont); margin-left: 5px; font-size: var(--fontsize24);} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .panel {transition: all 0.2s ease; flex-direction: column; padding:10px 18px; border-radius:0px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color:transparent; margin-bottom: 0; box-shadow: 0px 0px 0px 0px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .accordion.active{background-color:transparent;} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .accordion.active + .panel {padding: 10px; flex-direction: column; font-family:inherit;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .accordion.active:after {content: "\2212";} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .faqTabWrapper{display: flex; width:auto; margin: 0 auto; padding:4px; border-radius: 56px; background-color: var(--whiteColor); border:1px solid #d2d2d2; justify-content: center} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .faqTabWrapper a{border-radius: 56px; border:1px solid transparent; font-family:inherit; color: #4F4E4E; padding:10px 10px;} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .faqTabWrapper a:hover{border-radius: 56px; font-family:inherit; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .faqTabWrapper a.active{border-radius: 56px; font-family:inherit; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .faqContent{width:var(--fullwidth);} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper .accordionSection{width:var(--fullwidth);} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper p {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper ol {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .addSkillsDialogWrapper .addSkillsDialogContainer .contentWrapper label{display: flex; align-items: center; margin:0;} .addIndustryDonainFunctionalWrapper.open{display: flex;} .addIndustryDonainFunctionalWrapper{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer{background-color:var(--whitecolor); max-width: 615px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .addIndustryDonainFunctionalWrapper .dialogClose{position: absolute; right: -10px; top: -10px;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer h2{font-size: var(--fontsize20); color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width: var(--fullwidth);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .mainContent{display: flex; gap:15px; margin:0; padding:0; align-items: flex-start; overflow-y: auto; max-height: 250px; min-height: 250px; justify-content: flex-start; flex-direction: column; width: var(--fullwidth);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper h2{ font-size:var(--fontsize32); color:var(--blackColor); margin:0 0 15px} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .accordion{cursor: pointer; font-weight: 400; margin:0px 0; padding: 10px 10px; border-radius: 0px; border-bottom:1px solid var(--strokeColor); font-family:inherit; font-size: var(--fontsize16);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .accordion:after {content: '\002B'; margin-top: -6px; color:var(--greyColor1); float: right; font-family:var(--defaultfont); margin-left: 5px; font-size: var(--fontsize24);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .panel {transition: all 0.2s ease; flex-direction: column; padding:10px 18px; border-radius:0px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color:transparent; margin-bottom: 0; box-shadow: 0px 0px 0px 0px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .accordion.active{background-color:transparent;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .accordion.active + .panel {padding: 10px; flex-direction: column; font-family:inherit;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .accordion.active:after {content: "\2212";} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .faqTabWrapper{display: flex; width:auto; margin: 0 auto; padding:4px; border-radius: 56px; background-color: var(--whiteColor); border:1px solid #d2d2d2; justify-content: center} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .faqTabWrapper a{border-radius: 56px; border:1px solid transparent; font-family:inherit; color: #4F4E4E; padding:10px 10px;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .faqTabWrapper a:hover{border-radius: 56px; font-family:inherit; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .faqTabWrapper a.active{border-radius: 56px; font-family:inherit; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .faqContent{width:var(--fullwidth);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper .accordionSection{width:var(--fullwidth);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper p {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper ol {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .contentWrapper label{display: flex; width:var(--fullwidth); align-items: center; margin:0;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .actions{display: flex; align-items: center; margin-top: 20px; justify-content: center; width: var(--fullwidth);} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .error-message{margin-bottom: 15px; justify-content: center; text-align: center;font-size: var(--fontsize14); color:var(--redColor); padding:5px 10px; background-color: #ffe7e9; border-radius:5px;} .addIndustryDonainFunctionalWrapper .addIndustryDonainFunctionalContainer .success-message{margin-bottom: 15px; justify-content: center; text-align: center; font-size: var(--fontsize14); color:var(--greenColor); padding:5px 10px; background-color: #badbcc; border-radius:5px;} /*viewSubmission Dialog*/ .viewSubmissionDialog.open{display: flex;} .viewSubmissionDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .viewSubmissionDialog .viewSubmissionContainer{background-color:var(--whitecolor); max-width: 685px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .viewSubmissionDialog .viewSubmissionClose{position: absolute; right: -10px; top: -10px;} .viewSubmissionDialog .viewSubmissionContainer .viewSubmissionClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .viewSubmissionDialog .viewSubmissionContainer h2{font-size: var(--fontsize20); color: var(--blackColor); font-family: var(--fontfamilysemibold);} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper{display: flex; align-items: flex-start; justify-content: center; flex-direction: column; width: var(--fullwidth);} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol{display: flex; flex-direction: column; width: var(--fullwidth);} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li{display: flex; flex-direction: column; padding:10px; width: var(--fullwidth); border-bottom: 1px solid var(--greyColor4); font-size: var(--fontsize14); color:var(--blackColor);} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .main{display: flex; width: var(--fullwidth);} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .left{flex:1; display: flex; flex-direction: column;} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .left span{color:var(--greyColor5); font-size: var(--fontsize12); } .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .right a{color:var(--primaryColor); margin-top: 10px; display: flex; align-items: center;} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .right a i{margin-left: 5px;} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .left .uploadBlock a i{margin-right: 5px;} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .formBlock{flex-direction: column; display: flex; margin:15px 0;} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .formBlock textarea{resize: none} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .formBlock .notesContent{display: flex; padding: 6px 10px; color: var(--blackcolor); font-family: var(--defaultfont);border-radius: var(--radius5); font-size: var(--fontsize14); border: 1px solid var(--strokeColor); max-width: 300px; width: var(--fullwidth);} .viewSubmissionDialog .viewSubmissionContainer .profileInfo{display: flex; width: var(--fullwidth); justify-content:space-between; margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; } .viewSubmissionDialog .viewSubmissionContainer .profileInfo div:first-child{display: flex; align-items: center;} .viewSubmissionDialog .viewSubmissionContainer .profileInfo div:last-child{display: flex; align-items: center; color: var(--blackColor); font-size: var(--fontsize16); } .viewSubmissionDialog .viewSubmissionContainer .profileInfo div:last-child strong{font-family: var(--fontfamilysemibold); margin-left: 5px;} .viewSubmissionDialog .viewSubmissionContainer .profileInfo div:first-child i{height:40px; width: 40px; border-radius:100%; margin-right: 10px;} .viewSubmissionDialog .viewSubmissionContainer .profileInfo div:first-child i img{border-radius:100%; width: 100%; height: 100%} .viewSubmissionDialog .viewSubmissionContainer .contentWrapper ol li .right a.open i{transform: rotate(180deg);} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock{display: flex; display: none; flex-direction: column; width: var(--fullwidth);} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .reviewFileBlock{display: flex; flex-direction: column;} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .reviewFileBlock a{color: var(--primaryColor);} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .topFormBlock{display: flex; width: var(--fullwidth); margin: 30px 0;} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .formBlock{display: flex; flex-direction: column; width: var(--fullwidth);} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .uploadBlock{display: flex; align-items: flex-start; flex-direction: column;} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .uploadBlock i{margin-right: 5px;} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .uploadBlock .note{font-size: var(--fontsize12); color: var(--greyColor5);} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .marks{margin-left: 30px; flex:1; display:flex; align-items: center; color:var(--greyColor5); font-size: var(--fontsize14); } .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .marks input[type="text"]{ border-radius:5px; margin-left: 10px; max-width:70px; font-size: var(--fontsize14); border: 1px solid var(--color22);} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .marks input[type="number"]{margin-left: 15px; max-width: 60px;} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock textarea{ border-radius:5px; font-size: var(--fontsize14); border: 1px solid var(--color22);} .viewSubmissionDialog .viewSubmissionContainer .reviewBlock .actions{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 20px;} /*viewSubmission Dialog*/ .noGlobalSkillMatchContent{display: flex; justify-content: center; align-items: center; flex-direction:column; width: var(--fullwidth);} .programSkillMappingDialog .programSkillMappingDialogContainer .noGlobalSkillMatchContent h3{ padding:0; color:var(--blackColor); text-transform: none; font-size: var(--fontsize18); text-align:center; border-bottom: 0px none; margin:0 0 0px;} /*AllForm Dialog*/ .allFormDialog.previewVideoResumeDialog .allFormContainer{max-width: 600px;} .allFormDialog.previewVideoResumeDialog .VideoWrapper .loading{ background-image: url(../images/lo2-loader.gif); background-repeat: no-repeat; background-position:center; center; } .sampleResumeDialog.open{display: flex;} .sampleResumeDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000067; font-family: var(--defaultfont);} .sampleResumeDialog .sampleResumeDialogContainer{background-color:var(--whitecolor); max-width:700px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .sampleResumeDialog .sampleResumeDialogContainer .sampleResumeDialogClose{position: absolute; right: -10px; top: -10px;} .sampleResumeDialog .sampleResumeDialogContainer .sampleResumeDialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .sampleResumeDialog .sampleResumeDialogContainer h2{font-size: var(--fontsize20);text-align: center; color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .sampleResumeDialog .sampleResumeDialogContainer .sampleResumeContent{display: flex; flex-direction: column; width: 100%} .sampleResumeDialog .portfolioSections .portfolioBlock{display: flex; width: var(--fullwidth); flex:1; padding: 20px 0px} .sampleResumeDialog .portfolioSections .portfolioBlock ol{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:30px; width: var(--fullwidth);} .sampleResumeDialog .portfolioSections .portfolioBlock ol li{display: flex; width: var(--fullwidth); border:1px solid var(--lineColor); border-radius: 10px; max-width: none; flex-direction: column; margin-left:0px;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li:first-child{margin-left: 0;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumb{overflow: hidden; background-color: var(--lightSecondaryColor); border-radius: 10px; justify-content: center; position: relative; display: flex; align-items: flex-start; margin-bottom:0px; width: var(--fullwidth); max-height:177px; min-height: 177px;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li:hover .thumb .overlay{opacity: 1; visibility: visible;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumb .overlay{opacity: 0; visibility: hidden; position: absolute; display: flex; align-items: center; justify-content: center; top:0; right:0; left:0; bottom:0; background-color: rgba(0, 0, 0, 0.7);} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumb .overlay a{font-size: var(--fontsize32);} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumb img{border-radius: 10px; max-height: 177px; object-fit: contain; height: 177px;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent{display: flex; position: relative; padding:10px; width: var(--fullwidth); flex-direction: column;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent h4{font-size: var(--fontsize16); color:var(--blackColor); margin-bottom:5px; font-family: var(--fontfamilysemibold); border:0px none; padding: 0;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent p{font-size: var(--fontsize14); color:var(--tableTh);} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent div{display: flex; align-items: center; color:var(--tableTh); font-size: var(--fontsize14);} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent div span{margin-left: 15px; display: flex; align-items: center; color:var(--tableTh); font-size: var(--fontsize14); } .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent div span:first-child{margin-left:0px;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent div span.orange{color:var(--orangeColor);} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent div span img{margin-right: 5px; max-height: 15px;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent .progrssBlock{display: flex; width: var(--fullwidth); justify-content:space-between;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent .progress{display: flex; background-color: var(--lightSecondaryColor); width:var(--fullwidth); margin-bottom: 0; height: 10px;} .sampleResumeDialog .portfolioSections .portfolioBlock ol li .thumbContent .progress .progress-bar {background-color:var(--orangeColor)} .allFormDialog.open{display: flex;} .allFormDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .allFormDialog .allFormContainer{background-color:var(--whitecolor); max-width: 430px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .allFormDialog .allFormContainer .allFormDialogClose{position: absolute; right: -10px; top: -10px;} .allFormDialog .allFormContainer .allFormDialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .allFormDialog .allFormContainer h2{font-size: var(--fontsize20);text-align: center; color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .allFormDialog .allFormContainer .formWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .allFormDialog .allFormContainer .formWrapper .form-group:first-child{margin-top: 0;} .allFormDialog.SkillDialog .allFormContainer {max-width: 550px;} .allFormDialog .allFormContainer .formWrapper .badgesWrapper{display:flex;} .allFormDialog .allFormContainer .formWrapper .badgesWrapperol{display: flex; width: var(--fullwidth); flex-wrap: wrap;} .allFormDialog .allFormContainer .formWrapper .badgesWrapper ol{display:flex; width: var(--fullwidth);} .allFormDialog .allFormContainer .formWrapper .badgesWrapper ol li{margin-left: 15px; max-width: 130px; width: var(--fullwidth);} .allFormDialog .allFormContainer .formWrapper .badgesWrapper ol li:first-child{margin-left: 0;} .allFormDialog .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock{display: flex; position: relative; width: var(--fullwidth);} .allFormDialog .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillName{position: absolute; text-transform: uppercase; transform: translate(0%, 15px); text-align: center; width: 100%; border:0px solid #dd0000; font-family: var(--fontfamilysemibold); top:0; font-size:5px; font-weight:800;} .allFormDialog .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillNames{position: absolute; text-transform: uppercase; transform: translate(0%, 15px); text-align: center; width: 100%; border:0px solid #dd0000; font-family: var(--fontfamilysemibold); top:0; font-size:5px; font-weight:800;} .allFormDialog .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillNamess{position: absolute; text-transform: uppercase; transform: translate(0%, 15px); text-align: center; width: 100%; border:0px solid #dd0000; font-family: var(--fontfamilysemibold); top:0; font-size:5px; font-weight:800;} .allFormDialog .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge{position: absolute; letter-spacing: 1px; text-transform:none; transform: translate(0%, -15px); text-align: center; width: 100%; border:0px solid #dd0000; bottom:0px;font-size:5px; font-weight:800;} .allFormDialog .allFormContainer .formWrapper .badgeName{display: flex; width: var(--fullwidth); position: relative;} .allFormDialog .allFormContainer .formWrapper .badgeName a{position: absolute; right:10px; top:10px; font-size: var(--fontsize14); color:var(--primaryColor);} .allFormDialogedit.SkillDialog .allFormContainer {max-width: 550px;} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper{display:flex;} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapperol{display: flex; width: var(--fullwidth); flex-wrap: wrap;} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol{display:flex; width: var(--fullwidth);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li{margin-left: 15px; max-width: 130px; width: var(--fullwidth);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li:first-child{margin-left: 0;} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock{display: flex; position: relative; width: var(--fullwidth);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillName{position: absolute; text-transform: uppercase; transform: translate(0%, 15px); text-align: center; width: 100%; border:0px solid #dd0000; font-family: var(--fontfamilysemibold); top:0; font-size:5px; font-weight:800;} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillNames{position: absolute; text-transform: uppercase; transform: translate(0%, 15px); text-align: center; width: 100%; border:0px solid #dd0000; font-family: var(--fontfamilysemibold); top:0; font-size:5px; font-weight:800;} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillNamess{position: absolute; text-transform: uppercase; transform: translate(0%, 15px); text-align: center; width: 100%; border:0px solid #dd0000; font-family: var(--fontfamilysemibold); top:0; font-size:5px; font-weight:800;} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge{position: absolute; letter-spacing: 1px; text-transform:none; transform: translate(0%, -15px); text-align: center; width: 100%; border:0px solid #dd0000; bottom:0px;font-size:5px; font-weight:800;} .allFormDialogedit .allFormContainer .formWrapper .badgeName{display: flex; width: var(--fullwidth); position: relative;} .allFormDialogedit .allFormContainer .formWrapper .badgeName a{position: absolute; right:10px; top:10px; font-size: var(--fontsize14); color:var(--primaryColor);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge span{display: inline-block;letter-spacing: -1.1px;} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c1{ transform: translateX(0px) translateY(-4px) rotate(24deg)} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c2{transform: translateX(-1px) translateY(-3px) rotate(21deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c3{transform: translateX(-1px) translateY(-2px) rotate(17deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c4{transform: translateX(-1px) translateY(-1px) rotate(10deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c5{transform: translateX(-1px) translateY(0px) rotate(3deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c6{transform: translateX(-1px) translateY(0px) rotate(-4deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c7{transform: translateX(-1px) translateY(-1px) rotate(-11deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c8{transform: translateX(-1px) translateY(-2px) rotate(-17deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c9{transform: translateX(-1px) translateY(-3px) rotate(-21deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .c10{transform: translateX(-3px) translateY(-4px) rotate(-24deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l1{ transform: translateX(0px) translateY(-5px) rotate(26deg)} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l2{transform: translateX(-1px) translateY(-3px) rotate(22deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l3{transform: translateX(-1px) translateY(-2px) rotate(19deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l4{transform: translateX(-1px) translateY(-1px) rotate(14deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l5{transform: translateX(-1px) translateY(0px) rotate(6deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l6{transform: translateX(-1px) translateY(0px) rotate(0deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l7{transform: translateX(-1px) translateY(0px) rotate(-5deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l8{transform: translateX(-1px) translateY(-1px) rotate(-12deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l9{transform: translateX(-1px) translateY(-2px) rotate(-18deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l10{transform: translateX(-1px) translateY(-3px) rotate(-22deg);} .allFormDialogedit .allFormContainer .formWrapper .badgesWrapper ol li .badgeBlock .skillBadge .l11{transform: translateX(-4px) translateY(-3px) rotate(-26deg);} .allFormDialog.certificateViewDialog .allFormContainer .formWrapper{ align-items:center; } .chrLimit{color: var(--greyColor8); font-size: var(--fontsize11); text-align: right; width: var(--fullwidth); justify-content: flex-end;} .allFormDialog .allFormContainer .formWrapper .noresumeFile{display: flex; color: var(--greyColor5); margin: 15px 0; align-items: center; justify-content: center; width: var(--fullwidth); flex-direction: column;} .allFormDialog .allFormContainer .formWrapper .noresumeFile i{margin-bottom: 10px;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock{display: flex; align-items: center;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock .fa-globe{color:var(--primaryColor);} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock .fa-linkedin{color:#0077b5;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock .fa-behance{color:#1769ff;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock .fa-dribbble{color:#ea4c89;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock .fa-instagram{color:#c13584;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock .fa-facebook{color:#1877f2;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock .fa-twitter{color:#1da1f2;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock .fa-pinterest{color:#e60023;} .allFormDialog .allFormContainer .formWrapper .portfolioSocialBlock i{margin-right: 15px; min-width: 25px; max-width: 25px; font-size: var(--fontsize25);} .allFormDialog .allFormContainer .formWrapper .form-group .salaryInfo{display: flex; align-items: flex-start; align-items: center;} .allFormDialog .allFormContainer .formWrapper .form-group .salaryInfo input[type="text"]{width: var(--fullwidth); padding:5px 10px; max-width: 75px;} .allFormDialog .allFormContainer .formWrapper .form-group .salaryInfo span{margin-left:5px; font-size: var(--fontsize16);} .allFormDialog .allFormContainer .card-block{display: flex; flex-direction: column; width: var(--fullwidth); max-height: 400px; overflow-y: auto;} .allFormDialog .allFormContainer .formWrapper .form-group{display: flex; position: relative; width: var(--fullwidth); flex-direction: column; margin:10px 0;} .allFormDialog .allFormContainer .formWrapper .form-group label{color: var(--blackColor); font-weight: normal; margin-bottom: 5px; font-size: var(--fontsize14);} .allFormDialog .allFormContainer .formWrapper .form-group .changePasswordDialogBlock{display: flex; align-items: center; width: var(--fullwidth);position: relative;} .allFormDialog .allFormContainer .formWrapper .form-group .changePasswordDialogBlock .pwdEnable{position: absolute; right:10px; width: auto; cursor: pointer;} .allFormDialog .allFormContainer .formWrapper .form-group .changePasswordDialogBlock .pwdEnable img{max-width: 24px;} .allFormDialog .allFormContainer .formWrapper .form-group .jobNumberBlock.wrap{display: grid;grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px;} .allFormDialog .allFormContainer .formWrapper .form-group .jobNumberBlock.wrap div{margin-left: 0;} .allFormDialog .allFormContainer .formWrapper .form-group .jobNumberBlock{display: flex; align-items: center; width: var(--fullwidth);} .allFormDialog .allFormContainer .formWrapper .form-group .jobNumberBlock div{display: flex; align-items: center; color: var(--blackColor); flex-direction: column; margin-left: 15px;} .allFormDialog .allFormContainer .formWrapper .form-group .jobNumberBlock div:first-child{margin-left: 0px;} .allFormDialog .allFormContainer .formWrapper .form-group .jobNumberBlock div input[type="text"]{text-align: center;} .allFormDialog .allFormContainer .formWrapper .form-group .growthStatus{display: flex; align-items: center; width: var(--fullwidth); } .allFormDialog .allFormContainer .formWrapper .form-group .growthStatus label{width: var(--fullwidth); max-width: 50%; margin-bottom: 0; display: flex; align-items: center;} .allFormDialog .allFormContainer .formWrapper .form-group .growthStatus label i{font-size: var(--fontsize32); color:var(--primaryColor); margin:0; margin-right: 5px;} .allFormDialog .allFormContainer .formWrapper .form-group .growthStatus input[type="text"]{width: var(--fullwidth); padding:5px 10px; max-width: 75px;} .allFormDialog .allFormContainer .formWrapper .form-group .growthStatus input[type="radio"]{color:var(--primaryColor); width:20px; height: 20px; margin:0; margin-right: 5px;} .allFormDialog .allFormContainer .formWrapper .form-group .growthStatus input[type="radio"]:checked{accent-color:var(--primaryColor);} .allFormDialog .allFormContainer .formWrapper .form-group .growthStatus label:first-child i{color:var(--greenColor2);} .allFormDialog .allFormContainer .formWrapper .form-group .growthStatus span{margin:0; margin-left: 5px; font-size: var(--fontsize18); color:var(--blackcolor);} .allFormDialog .allFormContainer .formWrapper .form-group label .required-field{color:var(--redColor); margin-left: 5px;} .allFormDialog .allFormContainer .formWrapper .form-group label i{margin-right:5px;} .allFormDialog .allFormContainer .formWrapper .form-group:first-child{ margin-top:0px;} .allFormDialog .allFormContainer .formWrapper .form-group input[type="text"]{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); font-size: var(--fontsize14); max-width: none; padding: 10px;} .allFormDialog .allFormContainer .formWrapper .form-group input[type="password"]{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); font-size: var(--fontsize14); max-width: none; padding: 10px;} .allFormDialog .allFormContainer .formWrapper .form-group .input-group{display:flex; width: var(--fullwidth);} .allFormDialog .allFormContainer .formWrapper .form-group input[type="date"]{ line-height: initial; border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); font-size: var(--fontsize14); max-width: none; padding: 10px;} .allFormDialog .allFormContainer .formWrapper .form-group textarea{border: 1px solid var(--strokeColor); max-width: none; height: auto; border-radius: var(--radius5); max-width: none; padding: 10px; min-height: 100px; font-size: var(--fontsize14);} .allFormDialog .allFormContainer .formWrapper .form-group input[type="email"]{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); max-width: none; padding: 10px; font-size: var(--fontsize14);} .allFormDialog .allFormContainer .formWrapper .form-group input[type="tel"]{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); max-width: none; padding: 10px; font-size: var(--fontsize14);} .allFormDialog .allFormContainer .formWrapper .form-group select{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); padding: 10px;} .allFormDialog .allFormContainer .formWrapper .form-group .errorMsg{color: var(--redColor); margin-top: 5px; display: none; font-size: var(--fontsize14); } .allFormDialog .allFormContainer .formWrapper .form-group .errorMsg.show{display: flex;} .allFormDialog .allFormContainer .formActions{display: flex; align-items: center; border-top: 1px solid var(--strokeColor); height: auto; padding-top: 10px; justify-content: center; width: 100%; margin-top: 20px;} .allFormDialog .allFormContainer .formActions a{background:var(--sicPrimaryColor); color:var(--whitecolor); text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 16px; text-align: center; border-radius:var(--radius30); padding:5px 38px;} .allFormDialog .allFormContainer .formActions button{background:var(--sicPrimaryColor); color:var(--whitecolor); text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 16px; text-align: center; border-radius:var(--radius30); padding:5px 38px;} .allFormDialog .allFormContainer .card-footer{display: flex; justify-content: center; padding-top: 15px; margin-top: 15px; border-top:1px solid var(--greyColor4); align-items: center; width: 100%;} .allFormDialog .allFormContainer .card-footer button{margin-left: 10px;} .allFormDialog .allFormContainer .card-footer button:first-child{margin-left:0px;} .allFormDialog .allFormContainer .card-footer .postDialogActions{display: flex; width: var(--fullwidth); justify-content:space-between; align-items: center} .allFormDialog .allFormContainer .card-footer .postDialogActions a i{margin-right: 5px;} .allFormDialog .allFormContainer .postContentBlock{display: grid; overflow-y: auto; max-height: 160px; gap:20px; grid-template-columns: repeat(2,minmax(0,1fr)); flex-direction: column; width: var(--fullwidth);} .allFormDialog .allFormContainer .thumbBlock{padding: 10px; align-items: center; position: relative; background-color: var(--greyColor3); display: flex; flex-direction: column; width: var(--fullwidth); margin-top:0px;} .allFormDialog .allFormContainer .postContentBlock .loaderThumbBlock{padding: 10px; justify-content: center; min-height: 150px; align-items: center; position: relative; background-color: var(--whitecolor); display: flex; flex-direction: column; width: var(--fullwidth); margin-top:0px;} .allFormDialog .allFormContainer .thumbBlock:first-child{margin-top: 0;} .allFormDialog .allFormContainer .thumbBlock img{max-width: 100%} .allFormDialog .allFormContainer .thumbBlock svg{max-width: 100%; width: 100%; height:100%;} .allFormDialog .allFormContainer .removeLink {display: flex; width: var(--fullwidth); justify-content: flex-end; align-items: center;} .allFormDialog .allFormContainer .removeLink a{width: 30px; height: 30px; color: var(--blackcolor); font-size:var(--fontsize18); border-radius: var(--radius100); background-color: var(--whitecolor); display: flex; align-items: center; justify-content: center;} .allFormDialog .allFormContainer .errormsg{text-align: center; display: flex; justify-content:center; width: var(--fullwidth); color:var(--redColor);} .allFormDialog .allFormContainer .card-footer button:fitst-child{margin-left:0px;} .allFormDialog .allFormContainer .portfolioUploadBlock{display: flex; align-items: center;} .allFormDialog .allFormContainer .portfolioUploadBlock input[type="file"]{display: none} .allFormDialog .allFormContainer .portfolioUploadBlock a{display: flex; align-items: center;} .allFormDialog .allFormContainer .portfolioUploadBlock a i{margin-right: 5px;} .allFormDialog .allFormContainer .portfolioUploadBlock .notetext{color: var(--greyColor5); margin-left: 15px; font-size: var(--fontsize12); font-family: var(--defaultfont);} .allFormDialog .allFormContainer .checkboxWrapper{display: flex; align-items:center; justify-content: flex-start;} .allFormDialog .allFormContainer .checkboxWrapper label{ margin:0; margin-left: 20px; cursor: pointer;} .allFormDialog .allFormContainer .checkboxWrapper label:first-child{margin-left: 0;} .allFormDialog .allFormContainer .checkboxWrapper label input[type="radio"]{ margin:0; margin-right: 5px;} .allFormDialog .allFormContainer .checkboxWrapper label input[type="checkbox"]{ margin:0; margin-right: 5px;} .allFormDialog .allFormContainer .portfolioResumeBlock{display: flex; flex-direction: column; width: var(--fullwidth);} .allFormDialog .allFormContainer .portfolioResumeBlock input[type="file"]{display: none} .allFormDialog .allFormContainer .portfolioResumeBlock i{margin-right:5px;} .allFormDialog .allFormContainer .portfolioResumeBlock .notetext{color: var(--greyColor5); margin-top:5px; font-size: var(--fontsize12); text-align: center; font-family: var(--defaultfont);} .allFormDialog .allFormContainer .portfolioResumeBlock a{display: flex; justify-content: center; font-size: var(--fontsize16); padding:8px 20px; align-items: center; width: var(--fullwidth);} .allFormDialog .allFormContainer .viewSampleResume{display: flex; margin-bottom: 10px; width: 100%; justify-content: center; align-items: center;} .allFormDialog .allFormContainer .viewSampleResume a{text-decoration: underline;} .allFormDialog .allFormContainer .viewSampleResume a:hover{text-decoration: none;} .allFormDialog .allFormContainer .formWrapper .form-group .hideDetails{display: flex; color: var(--tableTh); align-items: center; width: var(--fullwidth);} .allFormDialog .allFormContainer .formWrapper .form-group .hideDetails i{margin-right: 5px; color: var(--primaryColor); font-size: var(--fontsize16);} .allFormDialog .allFormContainer .formWrapper .form-group .hideDetails label{ cursor: pointer; display: flex; align-items: center; color: var(--greyColor5); font-size: var(--fontsize13); font-family: var(--defaultfont); font-weight: 400;} .allFormDialog .allFormContainer .formWrapper .form-group .hideDetails label .fa-eye{display:flex; margin-top: 2px;} .allFormDialog .allFormContainer .formWrapper .form-group .hideDetails label .fa-eye-slash{display:none;} .allFormDialog .allFormContainer .formWrapper .form-group .hideDetails label input[type="checkbox"]{display: none;} .allFormDialog .allFormContainer .formWrapper .form-group .hideDetails label input[type="checkbox"]:checked + .fa-eye{display:none;} .allFormDialog .allFormContainer .formWrapper .form-group .hideDetails label input[type="checkbox"]:checked + i + .fa-eye-slash{display: inline-flex; margin-top: 2px;} .allFormDialog .allFormContainer .uploadButtonOnly{display: flex; width: var(--fullwidth); flex-direction: column;} .allFormDialog .allFormContainer .uploadButtonOnly input[type="file"]{display: none} .allFormDialog .allFormContainer .uploadButtonOnly a{border: 1px solid var(--strokeColor); display: flex; align-items: center; justify-content: center; text-align: center; padding:8px 10px; border-radius: var(--radius5); color:var(--primaryColor);} .allFormDialog .allFormContainer .uploadButtonOnly a i{margin-right: 5px;} .allFormDialog .allFormContainer .uploadButtonOnly .notetext{color: var(--greyColor5);text-align: center; font-size: var(--fontsize12); font-family: var(--defaultfont);} .allFormDialog .allFormContainer .PhoneEmailContent{display: flex; width: var(--fullwidth);} .allFormDialog .allFormContainer .PhoneEmailContent ul{display: flex; flex-direction: column; width: var(--fullwidth);} .allFormDialog .allFormContainer .PhoneEmailContent ul li{display: flex; margin-top:15px; justify-content: space-between; width: var(--fullwidth); align-items: center; font-size: var(--fontsize16);} .allFormDialog .allFormContainer .PhoneEmailContent ul li:first-child{margin-top: 0;} .allFormDialog .allFormContainer .PhoneEmailContent ul li i{ margin-right:10px; font-size: var(--fontsize26); color:var(--primaryColor);} .allFormDialog .allFormContainer .PhoneEmailContent ul li a i{font-size: var(--fontsize18);} .allFormDialog .allFormContainer .imgPreview{display: flex; width: var(--fullwidth); margin-top: 10px;} .allFormDialog .allFormContainer .formWrapper .form-group .errorMsg{color: var(--redColor); margin-top: 5px; display: none;} .allFormDialog .allFormContainer .formWrapper .form-group .errorMsg.show{display: flex;} .allFormDialog .allFormContainer .formWrapper .form-group .errorMsgFileAdd{color: var(--redColor); margin-top: 5px; display: none;} .allFormDialog .allFormContainer .formWrapper .form-group .errorMsgFileAdd.show{display: flex;} .allFormDialog .allFormContainer .uploadMediaBlock{display: flex; flex-direction: column; width:var(--fullwidth); max-width:200px;} .allFormDialog .allFormContainer .uploadMediaBlock a{display: flex; width:var(--fullwidth); padding: 20px; justify-content: center; align-items: center; border:3px dashed var(--siaPrimaryBgColor);} .allFormDialog .allFormContainer .uploadMediaBlock a i{margin-right: 5px;} .allFormDialog .allFormContainer .uploadMediaBlock input[type="file"]{display: none} .allFormDialog .allFormContainer .uploadMediaBlock .note{ color: var(--newTextColor); font-size: var(--fontsize12);} .allFormDialog .allFormContainer .fileName{display: flex; align-items: center; font-size: var(--fontsize12); color:var(--primaryColor);} .allFormDialog .allFormContainer .fileName a{margin-left: 10px;} .allFormDialog.changePasswordDialog .allFormContainer .error-message{margin-bottom: 15px; font-size: var(--fontsize14); color:var(--redColor); padding:5px 10px; background-color: #ffe7e9; border-radius:5px;} .allFormDialog.changePasswordDialog .allFormContainer .success-message{margin-bottom: 15px; font-size: var(--fontsize14); color:var(--greenColor); padding:5px 10px; background-color: #badbcc; border-radius:5px;} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSliderBlock .skillBadgeTitle{display: flex; align-items: center; color: var(--greyColor5); font-size: var(--fontsize10); justify-content:space-between; margin-bottom:5px;} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSliderBlock .skillBadgeTitle div.novice{color: var(--noviceColor);} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSliderBlock .skillBadgeTitle div.learner{color: var(--learnerColor);} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSliderBlock .skillBadgeTitle div.master{color: var(--masterColor);;} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSliderBlock .skillBadgeTitle div.expert{color: var(--expertColor);} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSliderBlock .skillBadgeTitle div.leader{color: var(--leaderColor);} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSliderBlock{background-color: var(--greyColor9); padding:10px; border-radius:2px; margin-bottom:0px; display: flex; flex-direction: column;} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSlider{height: 15px; outline: none; -webkit-appearance: none; overflow: hidden; border-radius: 2px; } .allFormDialog .allFormContainer .formWrapper .form-group .rangeSlider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; height: 15px; width: 5px; background-color:var(--primaryColor); border-radius: 2px; border: none; transition: .2s ease-in-out;} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSlider::-moz-slider-thumb {height: 15px; width:5px; background-color:var(--primaryColor); border-radius: 2px; border: none; transition: .2s ease-in-out;} .allFormDialog .allFormContainer .formWrapper .form-group .dragLevelMsg{text-align: center; color:var(--greyColor8); font-size: var(--fontsize12); margin-top: 15px;} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSlider1::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; height: 15px; width: 5px; background-color:var(--primaryColor); border-radius: 2px; border: none; transition: .2s ease-in-out;} .allFormDialog .allFormContainer .formWrapper .form-group .rangeSlider1::-moz-slider-thumb {height: 15px; width:5px; background-color:var(--primaryColor); border-radius: 2px; border: none; transition: .2s ease-in-out;} .allFormDialog .allFormContainer .formWrapper .form-group .autocomplete-items {position: absolute; overflow-y: auto; max-height: 150px; z-index: 2200000; border: 1px solid var(--greyColor9); border-bottom:0px none; border-top:0px none; top:100%; left:0; right:0;} .allFormDialog .allFormContainer .formWrapper .form-group .autocomplete-items div {padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid var(--greyColor9);} .allFormDialog .allFormContainer .formWrapper .form-group .autocomplete-items div strong{font-family: var(--fontfamilysemibold);} .allFormDialog .allFormContainer .formWrapper .form-group .autocomplete-items div:hover {background-color: #e9e9e9;} .allFormDialog .allFormContainer .exploreOurNewFeature{display: flex; width: 100%; background-color: var(--lightSecondaryColor); gap:20px; flex-direction: column; padding: 15px; border-radius: 8px;} .allFormDialog .allFormContainer .exploreOurNewFeature p{font-family: var(--defaultfont); text-align: center; font-size: var(--fontsize14); color:var(--blackColor);} .allFormDialog .allFormContainer .exploreOurNewFeature a{display: flex; align-items: center; justify-content: center; gap:5px;} .allFormDialog .allFormContainer .videoPlayerSection{display: flex;gap:20px; align-items: center; width: 100%; margin-bottom: 10px; border:1px solid var(--strokeColor); padding: 10px; border-radius: 5px;} .allFormDialog .allFormContainer.uploadVideoContainer .form-actions{display: flex; gap:10px; margin-top: 10px; width: 100%; justify-content: center;} .allFormDialog .allFormContainer.uploadVideoContainer .form-actions a{width: auto; padding: 5px 20px;} .allFormDialog .allFormContainer.uploadVideoContainer .progrssBlock{display: flex; width: var(--fullwidth); justify-content:space-between;} .allFormDialog .allFormContainer.uploadVideoContainer .progress{display: flex; background-color: var(--lightSecondaryColor); width:var(--fullwidth); margin-bottom: 0; height: 10px;} .allFormDialog .allFormContainer.uploadVideoContainer .progress .progress-bar {background-color:var(--orangeColor)} .allFormDialog .allFormContainer.uploadVideoContainer .progress .progress-bar.completed {background-color:var(--greenColor)} .allFormDialog .allFormContainer.uploadVideoContainer p{font-size: var(--fontsize14); color: var(--greyColor5);} .allFormDialog .allFormContainer .videoPlayerSection .videoPlayer .loading{ background-image: url(../images/lo2-loader.gif); background-repeat: no-repeat; background-position:center; center; } .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoMessage.open{display: flex;} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoMessage{display: flex; display: none; margin-bottom: 20px; flex-direction: column; justify-content: center; align-items: center; width:var(--fullwidth);} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoMessage h4{color: var(--blackColor); font-family: var(--fontfamilysemibold); font-size: var(--fontsize15);} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoMessage p{color: var(--greyColor5); text-align:center; font-size: var(--fontsize13);} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoFileMessage.open{display: flex;} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoFileMessage{display: flex; display: none; margin-bottom: 20px; flex-direction: column; justify-content: center; align-items: center; width:var(--fullwidth);} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoFileMessage h4{color: var(--blackColor); text-align: center; font-family: var(--fontfamilysemibold); font-size: var(--fontsize15);} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoFileMessage p{color: var(--greyColor5); text-align:center; font-size: var(--fontsize13);} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoRecordingLimitMessage.open{display: flex;} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoRecordingLimitMessage{display: flex; display: none; margin-bottom: 20px; flex-direction: column; justify-content: center; align-items: center; width:var(--fullwidth);} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoRecordingLimitMessage h4{color: var(--greenColor); text-align: center; font-family: var(--fontfamilysemibold); font-size: var(--fontsize15);} .allFormDialog .allFormContainer.uploadVideoContainer .DefaultVideoRecordingLimitMessage p{color: var(--greyColor5); text-align:center; font-size: var(--fontsize13);} .allFormDialog .allFormContainer.uploadVideoContainer .afterSubmmitUploadingMessage.open{display: flex;} .allFormDialog .allFormContainer.uploadVideoContainer .afterSubmmitUploadingMessage{display: flex;display: none; width: var(--fullwidth); justify-content: center; align-items: center;} .allFormDialog .allFormContainer.uploadVideoContainer .afterSubmmitUploadingMessage h4{color: var(--blackColor); max-width: 300px; text-align: center; font-family: var(--fontfamilysemibold); font-size: var(--fontsize15);} .allFormDialog .allFormContainer .videoPlayerSection .videoPlayer{display: flex; width: 100%; max-width: 150px;} .allFormDialog .allFormContainer .videoPlayerSection .videoPlayer .videoPreviewPlayerMov{display: none} .allFormDialog .allFormContainer .videoPlayerSection .videoPlayer .videoPreviewPlayerMov.open{display: flex} .allFormDialog .allFormContainer .videoPlayerSection .videoPlayer .videoPreviewPlayer{display: none} .allFormDialog .allFormContainer .videoPlayerSection .videoPlayer .videoPreviewPlayer.open{display: flex} .allFormDialog.introductionVideoDialog{z-index: 2200000679968} .allFormDialog.introductionVideoDialog .allFormDialogClose {z-index: 2200000679967} .allFormDialog .allFormContainer.introductionVideoContainer{max-width: 500px; padding: 0; height:350px; border-radius: 10px; border:0px none;} .allFormDialog .allFormContainer.introductionVideoContainer iframe{bordeR:0px none; width: 100%; height:100%;border-radius: 10px;} .allFormDialog .allFormContainer.introductionVideoContainer video{bordeR:0px none; width: 100%; height:100%;border-radius: 10px;} .allFormDialog .allFormContainer.shareOnSocialMediaContainer{max-width: 300px; padding: 0; height:auto; border-radius: 10px; border:0px none;} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons{display:flex; padding: 20px;gap:15px; width: 100%; justify-content: center;} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons a{width: 36px; height: 36px; display: flex; transition: all 0.2s ease; align-items: center; justify-content: center; border-radius: 100%; font-size: var(--fontsize24);} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons a i{display: flex;} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .facebookIcon{color:#3b5998; border:2px solid #e6e6e6} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .twitterIcon{color:#fff;border:2px solid #e6e6e6; font-size: var(--fontsize21);} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .linkedinIcon{color:#55acee;border:2px solid #e6e6e6} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .whatsappIcon{color:#43d854;border:2px solid #e6e6e6} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .facebookIcon:hover{background-color:#3b5998; color:#fff; border:0px solid #3b5998; box-shadow: 0 0 0 5px #3b5998} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .twitterIcon:hover{background-color:#000; color:#fff; border:0px solid #3b5998; box-shadow: 0 0 0 5px #000} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .twitterIcon:hover svg{fill:#fff;} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .linkedinIcon:hover{background-color:#55acee; color:#fff; border:0px solid #55acee; box-shadow: 0 0 0 5px #55acee} .allFormDialog .allFormContainer.shareOnSocialMediaContainer .shareIcons .whatsappIcon:hover{background-color:#43d854; color:#fff; border:0px solid #43d854; box-shadow: 0 0 0 5px #43d854} .allFormDialog .allFormContainer.recordVideoContainer{max-width: 500px;} .allFormDialog .allFormContainer.recordVideoContainer .actions{display: flex; width: 100%; margin:20px 0; justify-content: space-between; align-items: center;} .allFormDialog .allFormContainer.recordVideoContainer .actions a{width: auto; padding: 5px 20px; border-radius: 5px; font-size: var(--fontsize14);} .allFormDialog .allFormContainer.recordVideoContainer video{width: 100%; display: none} .allFormDialog .allFormContainer.recordVideoContainer video.open{display: flex;} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoMessage.open{display: flex;} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoMessage{display: flex; gap:5px; display:none; min-height: 229px; flex-direction: column; justify-content: center; align-items: center; width:var(--fullwidth);} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoMessage h4{color: var(--blackColor); font-family: var(--fontfamilysemibold); font-size: var(--fontsize16);} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoMessage p{color: var(--greyColor5); max-width: 300px; text-align:center; font-size: var(--fontsize13);} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer + .actions{margin-bottom: 0; justify-content: center;} .allFormDialog .allFormContainer.recordAudioContainer .recordAudioPlacer .DefaultAudioMessage.open{display: flex;} .allFormDialog .allFormContainer.recordAudioContainer .recordAudioPlacer .DefaultAudioMessage{display: flex; gap:5px; display:none; min-height: 229px; flex-direction: column; justify-content: center; align-items: center; width:var(--fullwidth);} .allFormDialog .allFormContainer.recordAudioContainer .recordAudioPlacer .DefaultAudioMessage h4{color: var(--blackColor); font-family: var(--fontfamilysemibold); font-size: var(--fontsize16);} .allFormDialog .allFormContainer.recordAudioContainer .recordAudioPlacer .DefaultAudioMessage p{color: var(--greyColor5); max-width: 300px; text-align:center; font-size: var(--fontsize13);} .allFormDialog .allFormContainer.recordAudioContainer .recordAudioPlacer + .actions{margin-bottom: 0; justify-content: center;} .allFormDialog .allFormContainer.recordAudioContainer audio{width: 100%; display: none} .allFormDialog .allFormContainer.recordAudioContainer audio.open{display: flex;} .allFormDialog .allFormContainer.recordVideoContainer .recordingActionsBar{display: flex; border-top:1px solid var(--strokeColor); padding-top: 10px; margin-top: 10px; gap:20px; width: 100%; justify-content: center;} .allFormDialog .allFormContainer.recordVideoContainer .recordingActionsBar a{display: flex; align-items: center; gap:5px;} .allFormDialog .allFormContainer.recordVideoContainer .recordingActionsBar .recordingDot.open{display: flex;} .allFormDialog .allFormContainer.recordVideoContainer .recordingActionsBar .recordingDot{display: flex; align-items: center; gap:5px; display: none} .allFormDialog .allFormContainer.recordVideoContainer .recordingActionsBar .recordingDot i{ animation: blinker 1s linear infinite; color: var(--redColor); flex-shrink: 0;} .allFormDialog .allFormContainer.recordVideoContainer .recordingActionsBar .addTolistButton{display: none;} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoMessage p.maxWidthChange{max-width: none;} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoRecordingMessage.open{display: flex;} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoRecordingMessage{display: flex; gap:5px; display:none; min-height: 229px; flex-direction: column; justify-content: center; align-items: center; width:var(--fullwidth);} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoRecordingMessage h4{color: var(--blackColor); font-family: var(--fontfamilysemibold); font-size: var(--fontsize16);} .allFormDialog .allFormContainer.recordVideoContainer .recordVideoPlacer .DefaultVideoRecordingMessage p{color: var(--greyColor5); max-width: 300px; text-align:center; font-size: var(--fontsize13);} @keyframes blinker { 50% { opacity: 0; } } .allFormDialog .allFormContainer.recordAudioContainer{max-width: 600px;} .allFormDialog .allFormContainer.recordAudioContainer .actions{display: flex; width: 100%; margin:20px 0; justify-content: space-between; align-items: center;} .allFormDialog .allFormContainer.recordAudioContainer .actions a{width: auto; padding: 5px 20px; border-radius: 5px; font-size: var(--fontsize14);} .allFormDialog .allFormContainer.recordAudioContainer audio{width: 100%} .allFormDialog .allFormContainer.recordAudioContainer .recordAudioPlacer + .actions{margin-bottom: 0; justify-content: center;} .allFormDialog .allFormContainer.recordAudioContainer .recordingActionsBar{display: flex; border-top:1px solid var(--strokeColor); padding-top: 10px; margin-top: 10px; gap:20px; width: 100%; justify-content: center;} .allFormDialog .allFormContainer.recordAudioContainer .recordingActionsBar a{display: flex; align-items: center; gap:5px;} .allFormDialog .allFormContainer.recordAudioContainer .recordingActionsBar .recordingAudioDot.open{display: flex;} .allFormDialog .allFormContainer.recordAudioContainer .recordingActionsBar .recordingAudioDot{display: flex; align-items: center; gap:5px; display: none} .allFormDialog .allFormContainer.recordAudioContainer .recordingActionsBar .recordingAudioDot i{ animation: blinker 1s linear infinite; color: var(--redColor); flex-shrink: 0;} .allFormDialog .allFormContainer.recordAudioContainer .recordingActionsBar .addTolistButton{display: none;} @keyframes blinker { 50% { opacity: 0; } } /*AllForm Dialog*/ .copySuccessMsg{color:var(--greenColor); text-align: center; border:1px solid var(--greenColor); border-radius:5px; padding:5px;} .copyWhiteSuccessMsg{color:var(--whitecolor); text-align: center; border:1px solid var(--whitecolor); border-radius:5px; padding:5px;} .copyShareSuccessMsg{color:var(--whitecolor); background-color: var(--blackcolor); text-align: center; border:1px solid var(--blackcolor); border-radius:5px 0px 0px 5px; padding:10px; position: fixed; right:0;} .fixedSuccessMsg{color:var(--whitecolor); z-index: 220002002; top: 20%; background-color: var(--blackcolor); display: none; text-align: center; border:1px solid var(--blackcolor); border-radius:5px 0px 0px 5px; padding:10px; position: fixed; right:0;} .copyToClipboard{margin-left: 5px;} .paddingRight5{padding-right: 5px;} .marginBottom5{margin-bottom: 5px;} .marginBottom15{margin-bottom: 15px;} .descLimitChr{text-align: right; color: var(--greyColor);} .scrollbarvisible{scrollbar-width: thin; scrollbar-color: var(--greyColor4) transparent;} .scrollbarvisible::-webkit-scrollbar {width:5px;} .scrollbarvisible::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); border-radius:5px} .scrollbarvisible::-webkit-scrollbar-thumb {background-color:var(--greyColor5); outline: 1px solid slategrey; width: 5px; border-radius:5px} .scrollbarvisible::-moz-scrollbar-thumb {background-color:var(--greyColor5); outline: 1px solid slategrey; width: 5px; border-radius:5px} .assessmemtViewCertificateDialog.open{display: flex;} .assessmemtViewCertificateDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .assessmemtViewCertificateDialog .assessmemtViewCertificateContainer{background-color:var(--whitecolor); max-width: 415px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .assessmemtViewCertificateDialog .assessmemtViewCertificateContainer .assessmemtViewCertificateContainerClose{position: absolute; right: -10px; top: -10px;} .assessmemtViewCertificateDialog .assessmemtViewCertificateContainer .assessmemtViewCertificateContainerClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .assessmemtViewCertificateDialog .assessmemtViewCertificateContainer .certificateViewer{display: flex; justify-content: center; width: var(--fullwidth);} .assessmemtViewCertificateDialog .assessmemtViewCertificateContainer img{max-width: 100%; object-fit: contain; max-height: 300px;} .eventParticipantsWebviewWrapper{display: flex; flex-direction: column; width: var(--fullwidth); } .eventParticipantsWebviewWrapper ol{display: flex; flex-direction: column; gap:15px; width: var(--fullwidth);} .eventParticipantsWebviewWrapper ol li{padding: 15px; display: flex; flex-direction: column; gap:2px; border-radius: 10px; box-shadow: 0px 4px 4px rgba(29, 23, 71, 0.1); background-color: var(--whitecolor);} .eventParticipantsWebviewWrapper ol li .eventStatus{display: flex; width: var(--fullwidth); } .eventParticipantsWebviewWrapper ol li .eventStatus span{border-radius:40px; font-size: var(--fontsize14); color: var(--tableTh); padding:2px 20px; background-color: var(--greyColor3);} .eventParticipantsWebviewWrapper ol li h3{ color: var(--blackColor); font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .eventParticipantsWebviewWrapper ol li p{ color: var(--greyColor8); font-size: var(--fontsize14); font-family: var(--defaultfont);} /*AllForm edit Dialog*/ .allFormDialogedit.open{display: flex;} .allFormDialogedit{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .allFormDialogedit .allFormContainer{background-color:var(--whitecolor); max-width: 415px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius10); border: 0.5px solid #959595;} .allFormDialogedit .allFormContainer .allFormDialogClose{position: absolute; right: -10px; top: -10px;} .allFormDialogedit .allFormContainer .allFormDialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 700; display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .allFormDialogedit .allFormContainer h2{font-size: var(--fontsize20); color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom: 10px; font-family: var(--fontfamilysemibold);} .allFormDialogedit .allFormContainer .formWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .allFormDialogedit .allFormContainer .formWrapper .form-group:first-child{margin-top: 0;} .allFormDialogedit .allFormContainer .card-block{flex-direction: column; display: flex; width: var(--fullwidth); max-height: 400px; overflow-y: auto;} .allFormDialogedit .allFormContainer .formWrapper .form-group .salaryInfo{display: flex; align-items: flex-start; align-items: center;} .allFormDialogedit .allFormContainer .formWrapper .form-group .salaryInfo input[type="text"]{width: var(--fullwidth); padding:5px 10px; max-width: 75px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .salaryInfo span{margin-left:5px; font-size: var(--fontsize16);} .allFormDialogedit .allFormContainer .formWrapper .form-group .jobNumberBlock{display: flex; align-items: center; width: var(--fullwidth);} .allFormDialogedit .allFormContainer .formWrapper .form-group .jobNumberBlock div{display: flex; align-items: center; color: var(--blackColor); flex-direction: column; margin-left: 15px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .jobNumberBlock div:first-child{margin-left: 0px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .jobNumberBlock div input[type="text"]{text-align: center;} .allFormDialogedit .allFormContainer .formWrapper .form-group .growthStatus{display: flex; align-items: center; width: var(--fullwidth); } .allFormDialogedit .allFormContainer .formWrapper .form-group .growthStatus label{width: var(--fullwidth); max-width: 50%; margin-bottom: 0; display: flex; align-items: center;} .allFormDialogedit .allFormContainer .formWrapper .form-group .growthStatus label i{font-size: var(--fontsize32); color:var(--primaryColor); margin:0; margin-right: 5px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .growthStatus input[type="text"]{width: var(--fullwidth); padding:5px 10px; max-width: 75px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .growthStatus input[type="radio"]{color:var(--primaryColor); width:20px; height: 20px; margin:0; margin-right: 5px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .growthStatus input[type="radio"]:checked{accent-color:var(--primaryColor);} .allFormDialogedit .allFormContainer .formWrapper .form-group .growthStatus label:first-child i{color:var(--greenColor2);} .allFormDialogedit .allFormContainer .formWrapper .form-group .growthStatus span{margin:0; margin-left: 5px; font-size: var(--fontsize18); color:var(--blackcolor);} .allFormDialogedit .allFormContainer .formWrapper .form-group{display: flex; position: relative; width: var(--fullwidth); flex-direction: column; margin:10px 0;} .allFormDialogedit .allFormContainer .formWrapper .form-group label{color: var(--blackColor); margin-bottom: 2px; font-size: var(--fontsize14);} .allFormDialogedit .allFormContainer .formWrapper .form-group:first-child{ margin-top:0px;} .allFormDialogedit .allFormContainer .formWrapper .form-group label .required-field{color:var(--redColor); margin-left: 5px;} .allFormDialogedit .allFormContainer .formWrapper .form-group input[type="text"]{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); font-size: var(--fontsize14); max-width: none; padding: 10px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .input-group{display:flex; width: var(--fullwidth);} .allFormDialogedit .allFormContainer .formWrapper .form-group input[type="date"]{line-height: initial; border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); font-size: var(--fontsize14); max-width: none; padding: 10px;} .allFormDialogedit .allFormContainer .formWrapper .form-group textarea{border: 1px solid var(--strokeColor); max-width: none; height: auto; border-radius: var(--radius5); max-width: none; padding: 10px; font-size: var(--fontsize14);} .allFormDialogedit .allFormContainer .formWrapper .form-group input[type="email"]{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); max-width: none; padding: 10px; font-size: var(--fontsize14);} .allFormDialogedit .allFormContainer .formWrapper .form-group input[type="tel"]{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); max-width: none; padding: 10px; font-size: var(--fontsize14);} .allFormDialogedit .allFormContainer .formWrapper .form-group select{border: 1px solid var(--strokeColor); height: auto; max-width: none; border-radius: var(--radius5); padding: 10px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .errorMsg{color: var(--redColor); margin-top: 5px; display: none;} .allFormDialogedit .allFormContainer .formWrapper .form-group .errorMsg.show{display: flex;} .allFormDialogedit .allFormContainer .formActions{display: flex; align-items: center; border-top: 1px solid var(--strokeColor); height: auto; padding-top: 10px; justify-content: center; width: 100%; margin-top: 20px;} .allFormDialogedit .allFormContainer .formActions a{background:var(--sicPrimaryColor); color:var(--whitecolor); text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 16px; text-align: center; border-radius:var(--radius30); padding:5px 38px;} .allFormDialogedit .allFormContainer .formActions button{background:var(--sicPrimaryColor); color:var(--whitecolor); text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 16px; text-align: center; border-radius:var(--radius30); padding:5px 38px;} .allFormDialogedit .allFormContainer .card-footer{display: flex; justify-content: center; align-items: center; width: 100%;} .allFormDialogedit .allFormContainer .card-footer button{margin-left: 10px;} .allFormDialogedit .allFormContainer .card-footer button:fitst-child{margin-left:0px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .jobNumberBlock.wrap{display: grid;grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .allFormDialogedit .allFormContainer .formWrapper .form-group .jobNumberBlock.wrap div{margin-left: 0;} /*AllForm edit Dialog*/ /*Company Dashboard Modules Css*/ .companyDashboardWrapper{ display:flex; margin:0; height:auto; width: var(--fullwidth); flex-direction: column;} .companyDashboardWrapper .companyDashboardContainer{display:flex; flex-direction:column; width: 100%;} .companyDashboardWrapper .companyDashboardContainer .pageHeaderInfo{display: flex; flex-direction:column; width: var(--fullwidth);} .companyDashboardWrapper .companyDashboardContainer .pageHeaderInfo h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--blackColor)} .companyDashboardWrapper .companyDashboardContainer .pageHeaderInfo h3{font-size: var(--fontsize20); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .companyDashboardWrapper .companyDashboardContainer .pageHeaderInfo p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:20px; color: var(--greyColor5)} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper{padding:20px; margin:0px; box-sizing:border-box; border-radius:15px; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 15px; justify-content: space-between; align-items: center; border-bottom:1px solid var(--greyColor4);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs{display: flex; align-items: center; gap:25px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs a{display: flex; font-size:var(--fontsize14); color:var(--greyColor5); padding: 10px 10px; border-bottom:2px solid transparent; align-items: center; gap:10px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs a.active{color:var(--primaryColor); border-bottom:2px solid var(--primaryColor); } .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs a.active span{background-color: var(--primaryColor); color:var(--whitecolor);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs a span{background-color: var(--greyColor3); white-space: nowrap; border-radius: 4px; color:var(--greyColor5);; padding: 2px 4px} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper .viewMoreWrapper{display: flex; align-items: center; gap:15px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper .viewMoreWrapper label{margin:0; font-size: var(--fontsize14); font-weight:normal; font-family: var(--defaultfont);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper .viewMoreWrapper select{opacity: 0; display: none; visibility: hidden;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper .viewMoreWrapper button{display: flex; gap:15px; font-size: var(--fontsize14); font-weight:normal; font-family: var(--defaultfont);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .showingResult{display: flex; color:var(--newTextColor); gap:10px; margin-bottom: 20px; font-size: var(--fontsize14); font-weight:normal; font-family: var(--defaultfont);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .showingResult span{color:var(--blackcolor);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper th{padding:10px; font-family: var(--defaultfont); background-color: var(--greyColor12); border-bottom: 0px none; text-transform: capitalize; font-weight: normal; color:var(--tableTh); font-size:var(--fontsize14);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); border-bottom:1px solid var(--greyColor4); font-size:var(--fontsize14);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:0px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper td a i{color:var(--greenColor2); flex-shrink: 0; width:53px; height: 53px; object-fit: contain; margin-left:0px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper td a i img{object-fit: contain; height:100%;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dropdown-menu ul li a .text{colo:var(--blackcolor)} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dropdown.open .dropdown-menu .dropdown-menu.inner {position: static; padding: 0; width: auto; border: 0px none;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dropdown.open .dropdown-menu .dropdown-menu.inner.open{position: static; padding: 0; width: auto; border: 0px none;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .viewMoreWrapper button + .dropdown-menu.open .bs-searchbox input[type="text"]{max-width: none;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dropdown.open .dropdown-menu.inner{padding: 10px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dropdown-menu ul li a{gap:10px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dropdown-menu ul li a .check-mark{opacity:0; visibility:hidden;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dropdown-menu ul li.selected a .check-mark{opacity:1; visibility:visible;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dropdown-menu ul{width: auto;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .viewMoreWrapper button + .dropdown-menu.open{padding: 10px; width: auto; right:0; left:auto; } .companyDashboardWrapper .companyDashboardContainer .companyFilterWrapper{display: flex; flex-wrap: wrap; width: var(--fullwidth); gap:10px; margin-bottom: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyFilterWrapper a{display: flex; align-items: center; font-size: var(--fontsize14); gap:5px; color:var(--greyColor5); border: 1px solid var(--greyColor5); padding:5px 15px; border-radius:50px;} .companyDashboardWrapper .companyDashboardContainer .companyFilterWrapper a:hover{border:1px solid var(--primaryColor); color:var(--primaryColor);} .companyDashboardWrapper .companyDashboardContainer .companyFilterWrapper a.selected{border:1px solid var(--primaryColor); color:var(--primaryColor);} .companyDashboardWrapper .companyDashboardContainer .companyFilterWrapper a i{opacity: 0; visibility:hidden; width: 0px;} .companyDashboardWrapper .companyDashboardContainer .companyFilterWrapper a.selected i{opacity: 1; visibility:visible; width: auto;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_paginate{font-family: var(--defaultfont); font-size: var(--fontsize14);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_paginate .paginate_button{background: transparent; bordeR:0px none; color:var(--greyColor5)!important;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:var(--blackcolor)!important;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current{background: transparent; bordeR:0px none; color:var(--blackcolor)!important;} /*Company Dashboard Modules Css*/ /*Company Details Modules Css*/ .companyDetailsWrapper{ display:flex; margin:0; height:auto; width: var(--fullwidth); flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer{display:flex; flex-direction:column; width: 100%;} .companyDetailsWrapper .companyDetailsContainer .pageHeaderInfo{display: flex; flex-direction:column; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .pageHeaderInfo h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .pageHeaderInfo h3{font-size: var(--fontsize20); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .pageHeaderInfo p{font-size: var(--fontsize13); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:20px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper{display: flex; justify-content: space-between; margin-top: 20px; align-items: center; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .companyInfo{display: flex; flex-direction:column; } .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .companyInfo .logo{display: flex; margin-bottom: 5px;} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .companyInfo .logo img{object-fit: contain;} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .companyInfo h3{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .companyInfo p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper{padding:0px; margin:0px; box-sizing:border-box;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tabsWrapper{display: flex; width: var(--fullwidth); margin:15px 0 15px; gap:30px; border-bottom:1px solid var(--greyColor4);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tabsWrapper a{display: flex; font-size:var(--fontsize14); color:var(--greyColor5); padding: 10px 10px; border-bottom:2px solid transparent; align-items: center; gap:10px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tabsWrapper a.active{color:var(--primaryColor); border-bottom:2px solid var(--primaryColor); } .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tabsWrapper a.active span{background-color: var(--primaryColor); color:var(--whitecolor);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tabsWrapper a span{background-color: var(--greyColor3); border-radius: 4px; color:var(--greyColor5);; padding: 2px 6px} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper{display: flex; width: var(--fullwidth); gap:30px; align-items: flex-start;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left{display: flex;width: var(--fullwidth); flex-direction:column; } .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .bgBlock{padding:20px; margin:0px; box-sizing:border-box; border-radius:15px; gap:25px; display: flex; flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .bgBlock .infoBlock{display: flex; flex-direction: column; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .bgBlock .infoBlock h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:10px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .bgBlock .infoBlock p{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .bgBlock .infosBlock{display: flex; flex-direction: column; width: var(--fullwidth); gap:0px; margin-top: 10px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .bgBlock .infosBlock h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .bgBlock .infosBlock p{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tags{display: flex; flex-wrap: wrap; gap:10px; min-height: 83px; align-items: flex-start;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tags span{display: flex; align-items: center; gap:5px; color:var(--greyColor5); border: 1px solid var(--greyColor5); padding:5px 20px; border-radius:50px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper{display: flex; margin-top: 30px; flex-direction: column; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--defaultfont); margin-bottom:15px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li{display: flex; background-color: var(--whitecolor); border-radius:15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: 100%; flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li .jobInfoTop{display: flex; flex-direction: column; padding: 20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li .jobInfoTop h3{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li .jobInfoTop p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper .infoBlock{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper .infoBlock h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:10px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper .infoBlock p{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li .jobInfoBottom{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px; background-color: var(--greyColor12); flex-direction: column; padding: 20px 20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li .jobInfoBottom div{gap:10px; display: flex; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li .jobActions{ padding:20px; display: flex; width: 100%;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li .jobInfoBottom + .jobInfoBottom{padding: 0 20px 20px; grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol li .jobInfoBottom + .jobInfoBottom div:nth-child(1){min-height: 50px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right{display:flex; width: var(--fullwidth); align-items: flex-start; max-width: 400px; flex-direction: column; gap:25px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .chartDiv{display: flex; align-items: flex-start; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .currentJobWrapper{padding:20px; width: var(--fullwidth); margin:0px; box-sizing:border-box; border-radius:15px; gap:0px; display: flex; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .currentJobWrapper .currentJobBlock{display:flex; flex-direction: column; width: var(--fullwidth); border-left: 1px solid var(--greyColor4); padding-left: 15px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .currentJobWrapper .currentJobBlock:first-child{border-left:0; padding-left: 0;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .currentJobWrapper .currentJobBlock div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize28); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .currentJobWrapper .currentJobBlock div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left:5px; font-family: var(--defaultfont);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .currentJobWrapper .currentJobBlock div span i{margin-right: 5px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .currentJobWrapper .currentJobBlock p{font-size: var(--fontsize13); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:15px; color: var(--greyColor5);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper{padding:20px; position: relative; width: var(--fullwidth); margin:0px; box-sizing:border-box; border-radius:15px; gap:25px; display: flex; flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .samplebg{position: absolute; top:0; right:0; bottom:0; z-index: 1; left:0; background-color: rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .samplebg img{max-width: 50%; opacity: 0.1} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .hiringBlock{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .hiringBlock .left{display:flex; width: var(--fullwidth); flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .hiringBlock .left div{display:flex; align-items: flex-start; flex-direction: column; width: var(--fullwidth); font-size: var(--fontsize28); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .hiringBlock .left div span{color:var(--greyColor5); gap:5px; display: flex; font-size: var(--fontsize14); margin-left:0px; font-family: var(--defaultfont);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .hiringBlock .left div span b{color:var(--blackcolor);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .hiringBlock .left p{font-size: var(--fontsize13); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .hiringBlock .left .block:nth-child(2){margin-top: 15px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right .hiringWrapper .hiringBlock .circles-text{font-size: var(--fontsize20)!important; font-family: var(--fontfamilysemibold);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .hiringRecordsWrapper{display: grid; width: var(--fullwidth); gap:35px; grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .hiringRecordsWrapper .charts{padding: 20px; background-color: var(--whitecolor); border-radius: 15px; padding: 20px box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper{width: 100%; display: flex;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper.column{width: 100%; display: flex; flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper th{padding:10px; font-family: var(--defaultfont); background-color: var(--greyColor12); text-transform: capitalize; font-weight: normal; color:var(--tableTh); font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); border:0px none; border-top:1px solid var(--greyColor4); font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:0px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td.functionDomain{max-width: 25%; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .countWidth{min-width: 30px; display: inline-block; text-align: center;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td a i{color:var(--greenColor2); display: flex; align-items: center; justify-content: center; width:53px; height: 53px; font-size:var(--fontsize22); object-fit: contain; margin-left:0px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td div.skills{display:flex; flex-wrap: wrap; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper table tbody tr:nth-child(even) { background-color: #f5f5f5;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing{display: flex; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td span a{display: inline-flex; font-family: var(--fontfamilysemibold); color:var(--primaryColor); gap:5px; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td span a i{width:auto; height:auto; display: inline-flex; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td div{display:inline-flex; align-items: flex-start; gap:10px; font-family: var(--fontfamilysemibold); color:var(--blackcolor); flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td div div{display:inline-flex; font-family: var(--fontfamilysemibold); color:var(--blackcolor); flex-direction: row;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td div span{display:inline-flex; align-items: center; gap:5px; color: var(--greyColor5);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td .switch { position: relative; display: inline-block; margin-right: 8px; width: 60px; height: 27px; margin-bottom: 0;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td .switch input {opacity: 0; width: 0; height: 0;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td .switch .slider { border-radius: 34px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:var(--greyColor4); border:0px solid var(--greyColor); transition: .4s;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td .slider:before { border-radius: 50%; position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom:4px; background-color: var(--primaryColor); transition: .4s;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td .switch input:checked + .slider { background-color:var(--greyColor4); border:0px solid var(--primaryColor); } .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .vacanciesListing .tableWrapper td .switch input:checked + .slider:before { transform: translateX(35px); background-color:var(--greenColor); left: 0px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars{display: inline-flex; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars span{display: flex; align-items: center; gap:10px; font-size: 0;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars span a{display: flex; align-items: center; gap:0px;font-size: 0;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars span.active a:after, .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars a.active:after {color:var(--orangeColor2); } .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars span:hover a:after {color:var(--orangeColor2); !important;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars span.active a.active~a:after {color:var(--greyColor2);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars a:hover~a:after {color:var(--greyColor2)!important;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .ratingStars a:after {position: relative;font-size: var(--fontsize18);font-family: 'FontAwesome', serif;display: block;content: "\f005";color: #9e9e9e;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td .skills span{background-color: var(--greyColor12); font-size: var(--fontsize14); font-family: var(--defaultfont); padding:5px 10px; border-radius: 5px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .bgBlock{padding:20px; margin:0px; width: var(--fullwidth); box-sizing:border-box; border-radius:15px; gap:25px; display: flex; flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .vacanciesListing{display: flex; margin-top: 30px; flex-direction: column; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--defaultfont); margin-bottom:15px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li{display: flex; background-color: var(--whitecolor); border-radius:15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: 100%; flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobInfoTop{display: flex; flex-direction: column; padding: 20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobInfoTop h3{min-height:55px; font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobInfoTop p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing .infoBlock{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing .infoBlock h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:10px; color: var(--greyColor5)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing .infoBlock p{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobInfoBottom{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px; background-color: var(--greyColor12); flex-direction: column; padding: 20px 20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobInfoBottom + .jobInfoBottom{padding: 0 20px 20px; grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobInfoBottom div{gap:10px; display: flex; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobInfoBottom div:nth-child(1){min-height: 50px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobActions{ padding:20px; display: flex; width: 100%;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_wrapper .dataTables_paginate{font-family: var(--defaultfont); font-size: var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_wrapper .dataTables_paginate .paginate_button{background: transparent; bordeR:0px none; color:var(--greyColor5)!important;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:var(--blackcolor)!important;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current{background: transparent; bordeR:0px none; color:var(--blackcolor)!important;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper{display:flex; gap:20px; justify-content: space-between; margin-top: 20px; width:var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo{ max-width: none; width:var(--fullwidth); padding:0px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo a{ display:flex; width:var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(4,minmax(0,1fr)); gap:20px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo ol li{display:grid; background-color: var(--whitecolor); position: relative; padding: 15px; border:0px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo ol li .mainBlock{display: flex; align-items: flex-start; width: var(--fullwidth); position: relative; padding-left: 18px;flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo ol li .mainBlock::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left:5px; font-family: var(--defaultfont);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo ol li div span i{margin-right: 5px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies{ max-width: 35%; background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies a{display:flex; width:var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies ol li{display:grid; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left: 10px; font-family: var(--defaultfont);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies ol li div span i{margin-right: 5px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies ol li::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobInfo ol li p{margin-bottom: 20px; font-size: var(--fontsize13);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies ol li p{margin-bottom: 20px; font-size: var(--fontsize13);} .companyDetailsWrapper .companyDetailsContainer .jobInfoWrapper .jobVacancies ol li:nth-child(2):before{width: 2px} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper{display: flex; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper ol{display: flex; width: var(--fullwidth); flex-direction: column; gap:20px;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper ol li{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px rgba(112, 98, 227, 0.10); padding:20px; border-radius: 10px;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .skillrequired{display: flex; flex-direction: column; margin-bottom: 20px;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .skillrequired h5{font-size: var(--fontsize14); color:var(--greyColor5); font-weight: normal; margin:0 0 10px; font-family: var(--defaultfont);} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .skillrequired .skills{display: flex; width: var(--fullwidth); gap:10px; flex-wrap: wrap;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .skillrequired .skills span{font-size: var(--fontsize14); text-transform: none; font-family: var(--defaultfont); background-color:var(--greyColor11); color: var(--greyColor2); padding:5px 15px; border-radius:50px;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo{display: flex; width:var(--fullwidth); gap:20px; margin:0 0 20px; justify-content: space-between; align-items: flex-start;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .left{display: flex; width:var(--fullwidth); max-width: none; flex:1; flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .left h4{color: var(--blackColor); margin: 0 0 5px; font-size: var(--fontsize18);} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .left p{font-size: var(--fontsize14); min-height:10px; max-height:100px; overflow: hidden; margin: 0 0 0px; font-family: var(--defaultfont); color:var(--greyColor5);} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .right{flex:unset; display: flex; align-items:center; gap:20px;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper ol li.heightAuto .topInfo .left p{max-height: unset;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .actions{display: grid; border-top:1px solid var(--greyColor4); padding-top: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); gap:20px;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .actions div{display: flex; gap:10px; align-items: center; color:var(--greyColor6); font-size: var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .domianInfo{display: flex; flex-direction: column; width: var(--fullwidth); margin-bottom: 20px;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .domianInfo h5{color: var(--greyColor5); font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .domianInfo p{color: var(--blackcolor); font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .jobCount{display: flex; width: var(--fullwidth); margin-bottom: 10px; font-size: var(--fontsize14); text-transform: none; font-family: var(--defaultfont); color: var(--greyColor2); } .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .right .switch { position: relative; display: inline-block; margin-right: 8px; width: 60px; height: 27px; margin-bottom: 0;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .right .switch input {opacity: 0; width: 0; height: 0;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .right .switch .slider { border-radius: 34px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:var(--greyColor4); border:0px solid var(--greyColor); transition: .4s;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .right .switch .slider:before { border-radius: 50%; position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom:4px; background-color: var(--primaryColor); transition: .4s;} .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .right .switch input:checked + .slider { background-color:var(--greyColor4); border:0px solid var(--primaryColor); } .companyDetailsWrapper .companyDetailsContainer .detailInfoWrapper .topInfo .right .switch input:checked + .slider:before { transform: translateX(35px); background-color:var(--greenColor); left: 0px;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper{display: flex; flex-direction: column; width: var(--fullwidth); gap:20px;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .tabsWrapper{display: flex; width: var(--fullwidth); margin-bottom: 20px;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .tabsWrapper ol{display: flex; width: var(--fullwidth); border-bottom: 1px solid var(--siaPrimaryBgColor)} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .tabsWrapper ol li{display: flex; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .tabsWrapper ol li a{color: var(--blackcolor); font-size:var(--fontsize16); padding: 5px 10px; border-bottom: 4px solid transparent; margin-left: 35px;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .tabsWrapper ol li a:hover{color: var(--primaryColor); padding: 5px 10px; border-bottom: 4px solid var(--primaryColor);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .tabsWrapper ol li a.active{color: var(--primaryColor); padding: 5px 10px; border-bottom: 4px solid var(--primaryColor);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .tabsWrapper ol li:first-child a{margin-left: 0;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper{display: flex; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol{margin:0; width: var(--fullwidth); gap:30px;padding:0; display: flex; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li{margin:0; box-shadow: 0px 4px 25px 0px #7062E31A; background-color: var(--whitecolor); border-radius: 10px; padding:0; flex-direction: column; display: flex; width: var(--fullwidth); max-width: 22%; max-width: none;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .topinfo{display: flex; border-radius:10px 10px 0 0; background-color: var(--extraLightPrimaryColor); padding:5px 10px; width: var(--fullwidth); justify-content: space-between; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .topinfo span{display: flex; gap:5px; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .topinfo span:nth-child(1){color:var(--primaryColor); font-size: var(--fontsize13);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .topinfo span:nth-child(2){color:var(--orangeColor2); font-size: var(--fontsize13);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .topinfo span:nth-child(2) span{color:var(--greyColor7); font-size: var(--fontsize13);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo{display: flex; gap:20px; padding:5px 10px; width: var(--fullwidth); align-items: flex-start;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo .thumb{display: flex; position: relative; max-width: 83px; max-height: 83px; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo .thumb img{aspect-ratio: 1/1; object-fit: contain; border-radius: 100%} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo .thumb div{position: absolute; font-size: var(--fontsize20); right:-10px; bottom:-10px; width: 42px; height: 42px; border-radius: 100%; background-color: var(--whitecolor); display: flex; align-items: center; justify-content: center;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo .thumb div i{width: 30px; height: 30px; color:var(--primaryColor); font-size: var(--fontsize32); display: flex; align-items: center; justify-content: center;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo .thumbContent{display: flex; flex-direction: column; flex:1} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo .thumbContent h3{color: var(--blackcolor); line-height: 20px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-size:var(--fontsize18);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo .thumbContent p{color: var(--greyColor5); line-height: 24px; margin:0; padding: 0; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .userInfo .thumbContent span{color: var(--greenColor); line-height: 24px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-weight: normal; font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .specializationWrapper{display: flex; gap:5px; padding:5px 10px; width: var(--fullwidth); align-items: flex-start; width: var(--fullwidth); flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .specializationWrapper p{color: var(--greyColor5); line-height: 24px; margin:0; padding: 0; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .specializationWrapper h3{color: var(--blackcolor); line-height: 20px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-size:var(--fontsize16);} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .actions{display: flex; margin-top: 10px; width: var(--fullwidth); padding:5px 10px 10px; gap:20px; justify-content: space-between; align-items: center;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .actions a:first-child{border-radius: 10px;} .companyDetailsWrapper .companyDetailsContainer .matchListingWrapper .matchProfilesWrapper ol li .actions a:last-child{display: flex; min-width: 100px; align-items: center; gap:5px; font-size: var(--fontsize13);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px rgba(112, 98, 227, 0.10); padding:20px; border-radius: 10px;} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper table{width:var(--fullwidth); border:0px none; border-collapse: collapse;} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper th{padding:10px; background-color: var(--extraLightPrimaryColor); font-family: var(--defaultfont); text-transform: capitalize; color:var(--tableTh); font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); border-top:1px solid var(--greyColor4); font-size:var(--fontsize14);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:10px;} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td div{display: flex; gap:15px; font-size: var(--fontsize14); align-items: center; font-family: var(--fontfamilysemibold);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td div i{color:var(--primaryColor); width:33px; font-size: var(--fontsize20); border-radius: 100%; margin-left: 0;} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td div img{ border-radius: 100%; aspect-ratio: 1/1; object-fit: contain;} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td .shortlist{ display: flex; min-width: 60px; justify-content: center; padding: 5px; font-family: var(--fontfamilysemibold); border-radius: 4px; background-color: var(--extraLightPrimaryColor);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td .experience{ display: flex; font-family: var(--fontfamilybold); color:var(--blackcolor);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td .profileMatching{ display: flex; font-family: var(--fontfamilybold); color:var(--greenColor);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td .ratingMatching{ display: flex; align-items: center; gap:5px; font-family: var(--defaultfont); color:var(--blackcolor); font-family: var(--fontfamilysemibold); } .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td .ratingMatching i{color: var(--orangeColor2);} .companyDetailsWrapper .companyDetailsContainer .applicantsTableWrapper .tableWrapper td .ratingMatching span{color: var(--greyColor5); font-family: var(--defaultfont); } /*Company Details Modules Css*/ /*Course Skill Analysis Css*/ .courseSkillAnalysisWrapper{ display:flex; margin:0; height:auto; width: var(--fullwidth); flex-direction: column;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer{display:flex; flex-direction:column; width: 100%;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .pageHeaderInfo{display: flex; flex-direction:column; width: var(--fullwidth); border-bottom:1px solid var(--strokeColor); margin-bottom: 20px; padding-bottom: 10px; } .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .pageHeaderInfo h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--blackColor)} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .pageHeaderInfo h3{font-size: var(--fontsize20); justify-content: space-between; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; color: var(--blackColor)} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .pageHeaderInfo h3 a{width:auto; padding: 5px 15px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .pageHeaderInfo p{font-size: var(--fontsize13); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:20px; color: var(--greyColor5)} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper{width: var(--fullwidth); display: flex; flex-direction: column;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper {display: flex; flex-direction: column; width: var(--fullwidth); gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper tbody{flex-direction: column; gap:20px; display: flex;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper tr{display: flex; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); background-color: var(--whitecolor); padding: 15px; border-radius:15px; width: var(--fullwidth);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper tr td{width:100%} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo{display: flex; width: var(--fullwidth); align-items: center; max-width:350px; gap:15px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo .thumb{display: flex; width: var(--fullwidth); max-width: 110px; border-radius: 5px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo .thumb img{display: flex; width: var(--fullwidth); max-width: 110px; border-radius: 5px; object-fit: contain;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo .thumbContent{display: flex; width: var(--fullwidth); flex-direction: column;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo .thumbContent h3{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo .thumbContent p{font-size: var(--fontsize13); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider{display: flex; width: var(--fullwidth); gap:15px; bordeR:0px solid #ff0000; width:900px; width:calc(100vw - 600px); border-left:1px solid var(--strokeColor); padding-left: 20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider .slider{display: flex; padding:0 25px; width: var(--fullwidth);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider .items{display: flex; flex-direction: column; width:100%;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider .items .skills{display: flex; margin-bottom: 5px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider .items .skills span{background-color: var(--greyColor12); font-size: var(--fontsize12); font-family: var(--defaultfont); padding:5px 10px; border-radius: 5px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider h3{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider p{font-size: var(--fontsize13); display: flex; gap:10px; align-items: center; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider p span{color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider p + p span{color:var(--greenColor2); font-family: var(--fontfamilysemibold);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider p + p i{color:var(--greenColor2);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-list{width: var(--fullwidth);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-track{display: flex; gap:25px; width: var(--fullwidth);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-prev{left:0;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-next{right:0;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-dots{bottom:0} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-prev:before, .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-next:before{color: var(--primaryColor);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column;padding:0px; border-radius:var(--radius5)} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .tableWrapper table{width:var(--fullwidth); border:0px none; border-collapse: collapse;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .tableWrapper th{padding:10px; font-family: var(--defaultfont); text-transform: capitalize; color:var(--tableTh); font-size:var(--fontsize14);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .tableWrapper td{padding: 10px; display: flex; font-family: var(--defaultfont); color:var(--blackcolor); border-top:0px solid var(--greyColor4); font-size:var(--fontsize14);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .dataTables_length{float:left} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .dataTables_filter{float:right} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .dataTables_wrapper .dataTables_length label select{margin:0 10px} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} /*Course Skill Analysis Css*/ /*Jobs Dashboard Modules Css*/ .gulfJobWrapper{ display:flex; margin:0; height:auto; width: var(--fullwidth); flex-direction: column;} .gulfJobWrapper .gulfJobContainer{display:flex; flex-direction:column; width: 100%;} .gulfJobWrapper .gulfJobContainer h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--blackColor)} .gulfJobWrapper .gulfJobContainer h3{font-size: var(--fontsize20); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilybold); margin-bottom:10px; color: var(--blackColor)} .gulfJobWrapper .gulfJobContainer p{font-size: var(--fontsize13); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:20px; color: var(--greyColor5)} .gulfJobWrapper .chartWrapper{display: grid; margin-bottom: 40px; width: var(--fullwidth); grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .gulfJobWrapper .chartWrapper .leftBlock{padding:20px; margin:0px; box-sizing:border-box; border-radius:15px; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .gulfJobWrapper .chartWrapper .leftBlock .block{display: flex; width: var(--fullwidth); align-items: center;} .gulfJobWrapper .chartWrapper .leftBlock .block .chartBlock {width: var(--fullwidth); flex:1; font-family: var(--defaultfont); } .gulfJobWrapper .chartWrapper .leftBlock .block .legendBlock{display:flex; width: var(--fullwidth); max-width: 200px; flex-direction: column; gap:12px;} .gulfJobWrapper .chartWrapper .leftBlock .block .legendBlock a{color:var(--primaryColor); display: flex; align-items: center; gap:5px;} .gulfJobWrapper .chartWrapper .leftBlock .block .legendBlock .lengndInfo{display:flex; width: var(--fullwidth); gap:10px;} .gulfJobWrapper .chartWrapper .leftBlock .block .legendBlock .lengndInfo div:nth-child(1) i{width:14px; margin-top:5px; border-radius:2px; height: 14px; display: flex;} .gulfJobWrapper .chartWrapper .leftBlock .block .legendBlock .lengndInfo div:nth-child(2) span{font-family: var(--fontfamilysemibold); font-size: var(--fontsize14); } .gulfJobWrapper .chartWrapper .leftBlock .chartHeading{display:flex; width:var(--fullwidth); justify-content: space-between; margin-bottom: 30px;} .gulfJobWrapper .chartWrapper .leftBlock .chartHeading a{color: var(--greyColor5); font-size: var(--fontsize14); display: flex; align-items: center; gap:5px;} .gulfJobWrapper .chartWrapper .leftBlock .chartHeading h4{margin-bottom: 0; width:auto; font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .gulfJobWrapper .chartWrapper .leftBlock .block .chartRightblock{display: flex; width: var(--fullwidth); } .gulfJobWrapper .chartWrapper .rightBlock{padding:20px; margin:0px; box-sizing:border-box; border-radius:15px; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper{display:flex; gap:20px; justify-content: space-between; margin-bottom: 30px; width:var(--fullwidth);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo{ max-width: 60%; width:var(--fullwidth);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(4,minmax(0,1fr)); gap:20px;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol li{display:grid; position: relative; background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); border:0px solid var(--sidebarThemeColorChange); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol li .mainBlock{display:flex; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol li .mainBlock::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left:5px; font-family: var(--defaultfont);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol li div span i{margin-right: 5px;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies{ max-width: 40%; max-height: none; width:var(--fullwidth); background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies ol li{display:grid; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left: 10px; font-family: var(--defaultfont);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies ol li div span i{margin-right: 5px;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies ol li::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .gulfJobWrapper .chartWrapper .rightBlock .chartHeading{display:flex; width:var(--fullwidth); justify-content: space-between; margin-bottom: 30px;} .gulfJobWrapper .chartWrapper .rightBlock .chartHeading a{color: var(--greyColor5); font-size: var(--fontsize14); display: flex; align-items: center; gap:5px;} .gulfJobWrapper .chartWrapper .rightBlock .chartHeading h4{margin-bottom: 0; width:auto; font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .jobDashboardDetailWrapper{display: flex; width: 100%; gap:20px; flex-direction: column;} .jobDashboardDetailWrapper .detailWrapper{display: flex; width: 100%; gap:20px; background-color: var(--whitecolor); padding:15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: var(--radius10);} .jobDashboardDetailWrapper .thumb{width: 100%; flex-direction: column; max-width: 230px;} .jobDashboardDetailWrapper .thumbContent{display: flex; flex-direction:column; flex:1} .jobDashboardDetailWrapper .thumbContent h3{color: var(--blackcolor); font-family: var(--fontfamilybold); font-size: var(--fontsize16);} .jobDashboardDetailWrapper .thumbContent p{ color: var(--newTextColor); font-size: var(--fontsize14); font-family: var(--defaultfont);} .jobDashboardDetailWrapper .heading-block { display:flex; justify-content: space-between; width: 100%; padding-bottom: 10px; border-bottom: 1px solid var(--greyColor4); align-items: center; margin-bottom: 15px;} .jobDashboardDetailWrapper .heading-block .heading-title{font-size: var(--fontsize18); font-family:var(--fontfamilysemibold); color: var(--blackcolor); margin-bottom: 0;} .jobDashboardDetailWrapper .detail-body{display: flex; width: 100%; flex-direction: column; gap:5px;} .jobDashboardDetailWrapper .detail-body P{font-family: var(--defaultfont); display: flex; align-items: center; gap:10px; color: var(--blackcolor); font-size: var(--fontsize14);} .jobDashboardDetailWrapper .detail-body P span{font-family: var(--fontfamilysemibold); color: var(--blackColor); font-size: var(--fontsize14);} .jobDashboardDetailWrapper .detail-body .status i{ font-style: normal; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); color: var(--greenColor);} .jobDashboardDetailWrapper .detail-body .dateTime{display: flex; align-items: center; gap:40px;} .jobDashboardDetailWrapper .detail-body p.dateTime{display: flex; align-items: center; gap:10px;} .jobDashboardDetailWrapper .detail-body .dateTime div{display: flex; align-items: center; gap:10px;} .jobDashboardDetailWrapper .detail-body .dateTime div span{font-family: var(--fontfamilysemibold); color: var(--blackColor); font-size: var(--fontsize14);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider {margin:0; padding: 20px; display: flex;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .slick-slide > div{display: flex; width: var(--fullwidth);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider.listing {margin:0 0px; padding: 0px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider.listing .items{margin:0} .jobDashboardDetailWrapper .industryDomainWrapper h3{justify-content: space-between; align-items: center; font-size: var(--fontsize16); font-family: var(--fontfamilysemibold); margin-bottom: 0;} .jobDashboardDetailWrapper .industryDomainWrapper h3 span{font-family: var(--defaultfont); font-weight: normal} .jobDashboardDetailWrapper .industryDomainWrapper h3 input[type="search"]{max-width: 500px;} .jobDashboardDetailWrapper .industryDomainWrapper h3 a{font-size: var(--fontsize16);font-family: var(--defaultfont); color: var(--primaryLinkColor); text-decoration: none;} .jobDashboardDetailWrapper .industryDomainWrapper h3 a:hover{font-size: var(--fontsize16);font-family: var(--defaultfont); color: var(--primaryLinkColor); text-decoration: none;} .jobDashboardDetailWrapper .industryDomainWrapper h3 a i{margin-left: 5px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider{opacity: 0; visibility: hidden;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider.slick-initialized{opacity: 1; visibility: visible;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .slick-prev{left:0;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .slick-next{right:0;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .slick-prev:before, .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .slick-next:before{color: var(--primaryColor);} .jobDashboardDetailWrapper .industryDomainWrapper .slider{display: flex; width:var(--fullwidth);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .slick-list{width: var(--fullwidth);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .slick-track{display: flex; gap:25px; width: var(--fullwidth);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .chartWrapper{height:90px; width:var(--fullwidth); position: relative; display: flex; justify-content: flex-end;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .chartWrapper .circles-text{position: absolute; height: 80px; display: flex; align-items: center; justify-content: center; left:0; right:0; bottom:0; top:0; font-size: var(--fontsize14)!important;font-family: var(--defaultfont); color: var(--blackColor);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .chartWrapper .circles-text span{font-size: var(--fontsize16);font-family: var(--defaultfont); color: var(--blackColor); margin-left:0px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items ul li p{font-size: var(--fontsize12); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .jobDashboardDetailWrapper .industryDomainWrapper{display:grid; margin-top:0px; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:15px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider{display:flex; width:var(--fullwidth); gap:20px; padding:10px 20px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items{display:grid; background-color: var(--whitecolor); width:var(--fullwidth); flex-direction: column; grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px; padding:15px; margin:0 10px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .top{ display: flex; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .top i{width:44px; color:var(--primaryColor); font-size: var(--fontsize23); height: 44px; margin-bottom:10px; display: flex; border-radius:100%; flex-shrink: 0; align-items: center; justify-content: center; background-color: var(--greyColor10);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .top h3{margin-bottom: 0; min-height: 46px; font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .top .left{flex-direction: column; align-items: flex-start; display: flex; flex: 1} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .top .right{flex-direction: column; gap: 10px; align-items: flex-start; display: flex; max-width: 200px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .top .right p{font-size: var(--fontsize12); justify-content: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .bottom{border-top:1px solid var(--greyColor4); padding-top: 10px; margin-top: 10px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items ul li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left: 5px; font-family: var(--defaultfont);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items div span.down i{color:var(--redColor); transform: rotate(0deg);} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items div span i{margin-right:0px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items ul{display:grid; width:var(--fullwidth); grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items ul li{display:grid; padding:0; box-shadow: 0px 0px 0px 0px; border:0px none; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .jobDashboardDetailWrapper .slick-list{width: var(--fullwidth);} .jobDashboardDetailWrapper .slick-track{width: var(--fullwidth);} .jobDashboardDetailWrapper .skillMapInfoWrapper{display: flex; flex-direction: column; width: 100%; gap:20px; background-color: var(--whitecolor); padding:15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: var(--radius10);} .jobDashboardDetailWrapper .mappingDetailsWrapper{display: flex; gap:20px; max-height: 660px; overflow-y: auto; align-items: flex-start; width: var(--fullwidth); padding:0px 5px 0 0;} .jobDashboardDetailWrapper .mappingDetailsWrapper .column{display: flex; flex-shrink: 0; border: 1px solid var(--greyColor4); box-shadow: 0px 0px 8.60837459564209px 0px #7062E31A; background-color: var(--whitecolor); padding: 5px 15px 15px; border-radius: 5.17px; flex-direction: column; width: 100%; max-width: 326px} .jobDashboardDetailWrapper .mappingDetailsWrapper .column h3{display: flex; font-family: var(--fontfamilysemibold); border-bottom: 1px solid var(--greyColor4); justify-content: space-between; align-items: center; font-size: var(--fontsize16); padding-bottom: 5px; margin-bottom: 10px;} .jobDashboardDetailWrapper .mappingDetailsWrapper .column h3 a{visibility: hidden; opacity:0} .jobDashboardDetailWrapper .mappingDetailsWrapper .column ol{display: flex; gap:15px; flex-direction: column; width:var(--fullwidth);} .jobDashboardDetailWrapper .mappingDetailsWrapper .column ol li{display: flex; padding: 10px; flex-direction: column; gap:5px; width:var(--fullwidth);} .jobDashboardDetailWrapper .mappingDetailsWrapper h5 a{visibility: hidden; opacity:0} .jobDashboardDetailWrapper .mappingDetailsWrapper h5 div{display: flex; align-items: center; gap:10px;} .jobDashboardDetailWrapper .mappingDetailsWrapper{display: flex; width: 100%; gap:20px;} .jobDashboardDetailWrapper .mappingDetailsWrapper h5{font-size: var(--fontsize15); display: flex; align-items: flex-start; justify-content: space-between; align-items: center; color: var(--blackColor); font-family: var(--fontfamilysemibold);} .jobDashboardDetailWrapper .mappingDetailsWrapper .progress{display: flex; background-color: var(--greyColor3); width:var(--fullwidth); border-radius: 0px; box-shadow: 0px 0px 0px 0px; margin-bottom: 0; height:6px;} .jobDashboardDetailWrapper .mappingDetailsWrapper .column:nth-child(1) .progress .progress-bar {background-color:#6954F1} .jobDashboardDetailWrapper .mappingDetailsWrapper .column:nth-child(2) .progress .progress-bar {background-color:#408FF8} .jobDashboardDetailWrapper .mappingDetailsWrapper .column:nth-child(3) .progress .progress-bar {background-color:#FF79FA} .jobDashboardDetailWrapper .mappingDetailsWrapper .progrssInfo{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; justify-content: space-between; align-items: center; border-bottom:0px solid var(--greyColor4); display: flex; padding-bottom:0px; font-family: var(--defaultfont);} .jobDashboardDetailWrapper .mappingDetailsWrapper .column:nth-child(1) .progrssInfo span:nth-child(2){color:#6954F1} .jobDashboardDetailWrapper .mappingDetailsWrapper .column:nth-child(2) .progrssInfo span:nth-child(2){color:#408FF8} .jobDashboardDetailWrapper .mappingDetailsWrapper .column:nth-child(3) .progrssInfo span:nth-child(2){color:#FF79FA} .jobDashboardDetailWrapper .mappingDetailsWrapper .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top:0px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .jobDashboardDetailWrapper .mappingDetailsWrapper .actions a{display: flex; align-items: center; gap:5px;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper .bottomActions{display: flex; gap:10px; width:var(--fullwidth); background-color: var(--greyColor3); flex-direction: column; padding: 10px; border-radius: 14.4px;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper .bottomActions .progressInfo{display: flex; justify-content: space-between; margin-bottom:0px; width:var(--fullwidth); color:var(--greyColor5); font-size:var(--fontsize14);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper .bottomActions .progressInfo span{font-family: var(--fontfamilybold); color: var(--blackcolor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper .bottomActions .progress{display: flex; background-color:var(--whitecolor); width:var(--fullwidth); margin-bottom: 0; height: 10px;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper .bottomActions .progress .progress-bar{background: #00BC4B;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper .bottomActions .actions a{text-decoration: underline;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper .bottomActions .actions{display: inline-block;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper{display: flex; flex-direction: column; width: var(--fullwidth); padding: 15px; border-radius: var(--radius10); background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); } .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper table{width:var(--fullwidth); font-family: var(--defaultfont);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper th{padding:10px; background-color: #f6f9fc; margin-top: 0; font-weight: normal; font-family: var(--fontfamilybold); font-size: var(--fontsize14); color: var(--blackcolor); border:0px solid var(--strokeColor); border:0px solid var(--strokeColor); color: var(--blackcolor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td{padding:10px; margin-top: 0; font-weight: normal; font-family: var(--defaultfont); font-size: var(--fontsize14); border:0px solid var(--strokeColor); border-top:1px solid var(--strokeColor); color: var(--blackcolor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper th.actions{justify-content: flex-start;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td.actions{justify-content: flex-start;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td.actions.widthAuto{width: auto;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .rolesInfo{flex-wrap: wrap; flex-direction: column; gap:0px; display: flex;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .rolesInfo p{ font-size: var(--fontsize14); color: var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper table tr:nth-child(odd) {background-color: #f5f5f5;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .skillInfo{flex-wrap: wrap; margin-bottom: 10px; align-items: center; gap:10px; display: flex;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .skillInfo span{ color: var(--blackColor); font-family: var(--defaultfont); font-size: var(--fontsize12); padding: 5px 10px; border-radius: 10px; background-color: var(--greyColor9);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .growthUp{display: flex; gap:10px; align-items: center; color:var(--blackcolor); font-size: var(--fontsize14); font-family: var(--fontfamilybold);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .growthUp i{color:var(--greenColor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .growthDown i{color:var(--darkRedColor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .growthDown{display: flex; gap:10px; align-items: center; color:var(--blackcolor); font-size: var(--fontsize14); font-family: var(--fontfamilybold);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .salaryUp{display: flex; gap:10px; align-items: center; color:var(--blackcolor); font-size: var(--fontsize14); font-family: var(--fontfamilybold);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .salaryUp span{display: flex; align-items: center; gap:10px; color:var(--greenColor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .salaryDown span{display: flex; align-items: center; gap:10px; color:var(--darkRedColor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .salaryUp i{color:var(--greenColor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .salaryDown i{color:var(--darkRedColor);} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .salaryDown{display: flex; gap:10px; align-items: center; color:var(--blackcolor); font-size: var(--fontsize14); font-family: var(--fontfamilybold);} .jobDashboardDetailWrapper .industryDomainWrapper .chartBlock{padding:20px; width: var(--fullwidth); box-sizing:border-box; border-radius:15px; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .jobDashboardDetailWrapper .industryDomainWrapper .chartHeading {display: flex; justify-content: space-between; align-items: center;} .jobDashboardDetailWrapper .industryDomainWrapper .chartWrapper h3{margin-bottom: 0; font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .jobDashboardDetailWrapper .industryDomainWrapper .chartHeading a{color: var(--primaryLinkColor); text-decoration: none; font-size: var(--fontsize14); display: flex; align-items: center; gap:5px;} .jobDashboardDetailWrapper .industryDomainWrapper .chartHeading a:hover{text-decoration: none;} .jobDashboardDetailWrapper .industryDomainWrapper .chartHeading h3{margin-bottom: 0; width:auto; font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise{padding:20px; gap:30px; flex-direction: column; display: flex; width: var(--fullwidth); box-sizing:border-box; border-radius:15px; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider{display: flex; padding: 0 20px;width: var(--fullwidth); padding-bottom: 15px; gap:20px;} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .items{display: flex; padding:10px; align-items: center;} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .items a{display: flex; justify-content: center; width: var(--fullwidth); white-space: nowrap; padding:10px 15px; color:var(--greyColor5); align-items: center; border-radius: 10px; background-color: var(--greyColor12);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .items.active a{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--whitecolor);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .items.active a:hover{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--whitecolor);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .items a:hover{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--greyColor12);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .slick-prev:before, .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .slick-next:before{color: var(--primaryColor);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .slick-prev{left:0} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwise .jobRolesSlider .slick-next{right:0} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails{display: flex; width: var(--fullwidth); gap:40px;} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails .left{display: flex; flex:1; gap:15px; flex-direction: column;} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails .left p{ font-size: var(--fontsize14); color: var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails .left .block{display: flex; gap:10px; flex-direction: column; width: var(--fullwidth)} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails .left .block h4{font-size: var(--fontsize14); font-weight: normal; font-family: var(--fontfamilybold);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails .right{display: flex; max-width: 400px; width: var(--fullwidth); } .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails .right .chart{width: var(--fullwidth);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails .chipsWrapper{flex-wrap: wrap; margin-bottom: 10px; align-items: center; gap:10px; display: flex;} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails .chipsWrapper span{ color: var(--blackColor); font-family: var(--defaultfont); font-size: var(--fontsize12); padding: 5px 10px; border-radius: 10px; background-color: var(--greyColor9);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails ol{display: flex; margin:0; padding: 0; gap:30px;} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails ol li{display: flex; margin:0; padding: 0; flex-direction: column;} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails ol li div{font-size: var(--fontsize14); display: flex; align-items: center; gap:10px; font-weight: normal; font-family: var(--fontfamilybold);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails ol li div span{display: flex; align-items: center; gap:5px; color: var(--greenColor);} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails ol li p{font-size: var(--fontsize14); color: var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing{display: flex; flex-direction: column; width: var(--fullwidth);} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing .chartHeading{margin-bottom: 20px;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol li{display: flex; background-color: var(--whitecolor); border-radius:15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: 100%; flex-direction: column; bordeR:1px solid var(--greyColor4)} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol li .jobInfoTop{display: flex; flex-direction: column; padding: 20px;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol li .jobInfoTop h3{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol li .jobInfoTop p{font-size: var(--fontsize14); min-height: 52px; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing .jobInfoTop .infoBlock{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 20px;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing .jobInfoTop .infoBlock h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing .jobInfoTop .infoBlock p{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing .jobInfoTop .infoBlock .tags{display: flex; min-height: 43px;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol li .jobInfoBottom{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px; background-color: var(--greyColor12); flex-direction: column; padding: 10px 20px;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol li .jobInfoBottom div{gap:10px; display: flex; align-items: center;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol li .jobActions{ padding:20px; display: flex; width: 100%;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing .actions{display: flex; margin-top: 30px; justify-content: center; align-items: center;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing .actions a{width: auto; border: 1px solid var(--primaryColor);} .jobDashboardBanner{display: flex; width: 100%;} .jobDashboardBanner .jobDashboardBannerContainer{display:flex; position: relative; flex-direction:column; width: 100%; max-height: 300px; height:300px; padding:0px; position: relative;} .jobDashboardBanner .jobDashboardBannerContainer::after{content:''; border-radius: 20px; right:0; bottom:0; top:0; left:0; z-index: 2; position: absolute; background: linear-gradient(90deg, rgba(38, 51, 103, 1) 0%, rgba(230, 40, 56, 0) 80%);} .jobDashboardBanner .jobDashboardBannerContainer img{height: 100%; object-fit: cover; width: 100%; padding:0px; border-radius: 20px;} .jobDashboardBanner .jobDashboardBannerContainer .overlay{display: flex; z-index:3; max-width:50%; flex-direction: column; align-items: flex-start; width: 100%} .jobDashboardBanner .jobDashboardBannerContainer .overlay{position: absolute; top:50%; transform: translate(0% , -50%); left:20px;} .jobDashboardBanner .jobDashboardBannerContainer .overlay h3{color: var(--whitecolor); font-family: var(--fontfamilybold);} .jobDashboardBanner .jobDashboardBannerContainer .overlay p{color: var(--whitecolor); font-size: var(--fontsize14); font-family: var(--defaultfont);} .jobDashboardBanner .jobDashboardBannerContainer .au-breadcrumb{position: absolute; box-shadow: 0px 0px 0px 0px; z-index:3; background-color: transparent; color:var(--whitecolor);} .jobDashboardBanner .jobDashboardBannerContainer .au-breadcrumb ul li a{color:var(--whitecolor); font-size: var(--fontsize14);} .jobDashboardBanner .jobDashboardBannerContainer .au-breadcrumb .au-breadcrumb-span{display: none} .jobDashboardBanner .jobDashboardBannerContainer .au-breadcrumb ul li span{color: var(--whitecolor);} .jobDashboardBanner .jobDashboardBannerContainer .video-play-btn{position: absolute; top:50%; transform: translate(-180% , -50%); right:20px;} .jobDashboardBanner .jobDashboardBannerContainer .play-btn { display: inline-block; width: 40px; height: 40px; background:var(--whitecolor); color:var(--primaryColor); border-radius: 50%; line-height: 40px; font-size: var(--fontsize17); text-align: center;} .jobDashboardBanner .jobDashboardBannerContainer .ripple{text-decoration: none;color:var(--whitecolor); width: 40px;height: 40px; margin: 0 auto;border-radius: 100%; animation: ripple 1s linear infinite} @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3); } 100% { box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 210, 0.3); } } .jobMatchingProgammeWrapper{ display:flex; margin:0; height:auto; padding:0px; margin:20px 0; box-sizing:border-box;} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer{display:flex; flex-direction:column; width: 100%;} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer h3{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; line-height: 22px; color: var(--blackColor)} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol{display: flex; gap:30px; flex-wrap: wrap; width:var(--fullwidth); margin:30px 0; padding:0;} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol li{display: flex; width:var(--fullwidth); max-width: 350px; margin:0; padding:0; flex-direction: column; border-radius: 14px; border:1px solid var(--strokeColor);} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol li .thumb{display: flex; width: var(--fullwidth); height: 178px;} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol li .thumb img{ width: var(--fullwidth); border-radius: 14px 14px 0 0; object-fit: cover; height: 178px;} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol li .thumbContent{padding: 20px; gap:15px; display: flex; flex-direction: column;} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol li .info{display: flex; align-items: center; gap:10px;} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol li .actions{display: flex; justify-content: center; align-items: center; gap:5px; padding-top: 10px; border-top:1px solid var(--strokeColor);} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol li .actions a{text-decoration: underline;} .jobMatchingProgammeWrapper .jobMatchingProgammeContainer ol li .actions a:hover{text-decoration: none;} .jobDashboardWrapper{ display:flex; margin:0; height:auto; padding:0px; margin:20px 0; box-sizing:border-box;} .jobDashboardWrapper .jobDashboardContainer{display:flex; flex-direction:column; width: 100%;} .jobDashboardWrapper .jobDashboardContainer h3{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .jobDashboardWrapper .jobDashboardContainer p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:10px; color: var(--greyColor5)} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper{display:flex; gap:20px; justify-content: space-between; margin-top: 20px; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo{ max-width: none; width:var(--fullwidth); padding:0px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(4,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li{display:grid; background-color: var(--whitecolor); position: relative; padding: 15px; border:0px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li .mainBlock{display: flex; width: var(--fullwidth); position: relative; padding-left: 18px;flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li .mainBlock::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left:5px; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li div span i{margin-right: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies{ max-width: 35%; background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li{display:grid; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left: 10px; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li div span i{margin-right: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li p{margin-bottom: 20px; font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li p{margin-bottom: 20px; font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li .valueDecrease{color:var(--redColor);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li .valueIncrease{color:var(--greenColor);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li .valueDecrease{color:var(--redColor);} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol li .valueIncrease{color:var(--greenColor);} .jobDashboardWrapper .filtersblock{display: flex; gap:10px; width: var(--fullwidth); justify-content:flex-end; align-items: center;} .jobDashboardWrapper .filtersblock.addSpace{justify-content: flex-end; border-bottom:1px solid var(--strokeColor); padding-bottom: 15px;} .jobDashboardWrapper .filtersblock.addSpace + .totalInfo{margin:15px 0} .jobDashboardWrapper .filtersblock.addSpace + .totalInfo p{margin-bottom:0} .jobDashboardWrapper .filtersBlock .title-heading{margin:0; white-space: nowrap; display: flex; color: var(--greyColor2); font-size: var(--fontsize14); font-family: var(--defaultfont)} .jobDashboardWrapper .filtersblock input[type="search"]{max-width: 200px;} .jobDashboardWrapper .filtersblock input[type="search"].extendWidth{max-width: 400px} .jobDashboardWrapper .filtersblock select{max-width: 200px;} .jobDashboardWrapper .filtersblock .resetFilters{display: flex; gap:5px;} .jobDashboardWrapper .filtersblock .resetFilters a{display: flex; gap:5px; align-items: center;} .jobDashboardWrapper .postingVacanciesListing{display: flex; margin-top:0px; flex-direction: column; width: var(--fullwidth);} .jobDashboardWrapper .postingVacanciesListing h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--defaultfont); margin-bottom:15px; color: var(--greyColor5)} .jobDashboardWrapper .postingVacanciesListing ol{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper .postingVacanciesListing ol li{display: flex; background-color: var(--whitecolor); border-radius:15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: 100%; flex-direction: column;} .jobDashboardWrapper .postingVacanciesListing ol li .jobInfoTop{display: flex; flex-direction: column; padding: 20px;} .jobDashboardWrapper .postingVacanciesListing ol li .jobInfoTop h3{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .jobDashboardWrapper .postingVacanciesListing ol li .jobInfoTop p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .jobDashboardWrapper .postingVacanciesListing .jobInfoTop .infoBlock{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 20px;} .jobDashboardWrapper .postingVacanciesListing .jobInfoTop .infoBlock h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .jobDashboardWrapper .postingVacanciesListing .jobInfoTop .infoBlock p{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .jobDashboardWrapper .postingVacanciesListing ol li .jobInfoBottom{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px; background-color: var(--greyColor12); flex-direction: column; padding: 20px;} .jobDashboardWrapper .postingVacanciesListing ol li .jobInfoBottom div{gap:10px; display: flex; align-items: center;} .jobDashboardWrapper .postingVacanciesListing ol li .jobActions{ padding:20px; display: flex; width: 100%;} .jobDashboardWrapper .postingVacanciesListing ol li .jobInfoBottom + .jobInfoBottom{display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px; background-color: var(--greyColor12); flex-direction: column; padding:0 20px 20px;} .jobDashboardWrapper .postingVacanciesListing .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .jobDashboardWrapper .postingVacanciesListing .dataTables_wrapper .dataTables_length label select{margin:0 10px} .jobDashboardWrapper .postingVacanciesListing .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .jobDashboardWrapper .postingVacanciesListing .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .jobDashboardWrapper .postingVacanciesListing .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .jobDashboardWrapper .postingVacanciesListing tbody{grid-template-columns: repeat(3,minmax(0,1fr)); display: grid; gap:20px;} .jobDashboardWrapper .postingVacanciesListing tbody ol{display:flex; width: 100%} .jobDashboardWrapper .postingVacanciesListing tbody td{width: 100%; display: flex;} .jobDashboardWrapper .futureDomainsWrapper{display: flex; margin-top:0px; flex-direction: column; width: var(--fullwidth);} .jobDashboardWrapper .futureDomainsWrapper h3{font-size: var(--fontsize16); border-bottom:1px solid var(--greyColor4); padding-bottom: 10px; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:20px; color: var(--blackColor)} .jobDashboardWrapper .futureDomainsWrapper .companylogo{display: flex; width: 85px; height: 85px; margin-bottom: 10px;} .jobDashboardWrapper .futureDomainsWrapper h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--defaultfont); margin-bottom:15px; color: var(--greyColor5)} .jobDashboardWrapper .futureDomainsWrapper ol{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper .futureDomainsWrapper ol li{display: flex; background-color: var(--whitecolor); border-radius:15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: 100%; flex-direction: column;} .jobDashboardWrapper .futureDomainsWrapper ol li .jobInfoTop{display: flex; flex-direction: column; padding: 20px;} .jobDashboardWrapper .futureDomainsWrapper ol li .jobInfoTop h3{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: normal; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .jobDashboardWrapper .futureDomainsWrapper ol li .jobInfoTop p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .jobDashboardWrapper .futureDomainsWrapper .jobInfoTop .infoBlock{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 20px;} .jobDashboardWrapper .futureDomainsWrapper .jobInfoTop .infoBlock h4{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .jobDashboardWrapper .futureDomainsWrapper .jobInfoTop .infoBlock p{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .jobDashboardWrapper .futureDomainsWrapper ol li .jobInfoBottom{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px; background-color: var(--greyColor12); flex-direction: column; padding: 20px;} .jobDashboardWrapper .futureDomainsWrapper ol li .jobInfoBottom div{gap:10px; display: flex; align-items: center;} .jobDashboardWrapper .futureDomainsWrapper ol li .jobActions{ padding:20px; display: flex; width: 100%;} .jobDashboardWrapper .futureDomainsWrapper ol li .jobInfoBottom + .jobInfoBottom{display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px; background-color: var(--greyColor12); flex-direction: column; padding:0 20px 20px;} .jobDashboardWrapper .futureDomainsWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .jobDashboardWrapper .futureDomainsWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .jobDashboardWrapper .futureDomainsWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .jobDashboardWrapper .futureDomainsWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .jobDashboardWrapper .futureDomainsWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .jobDashboardWrapper .futureDomainsWrapper tbody{grid-template-columns: repeat(3,minmax(0,1fr)); display: grid; gap:20px;} .jobDashboardWrapper .futureDomainsWrapper tbody ol{display:flex; width: 100%} .jobDashboardWrapper .futureDomainsWrapper tbody td{width: 100%; display: flex;} .jobDashboardWrapper .skillVacanciesWrapper {display: flex; margin-top:0px; width: var(--fullwidth); gap:30px;} .jobDashboardWrapper .skillVacanciesWrapper .left{background-color: var(--whitecolor); padding: 15px; display: flex; width: var(--fullwidth); border-radius: 15px; border: 1px solid var(--greyColor3); flex-direction: column;} .jobDashboardWrapper .skillVacanciesWrapper .right{background-color: var(--whitecolor); padding: 15px; display: flex; max-width: 400px; width: var(--fullwidth); border-radius: 15px; border: 1px solid var(--greyColor3); flex-direction: column;} .jobDashboardWrapper .skillVacanciesWrapper .right ol{margin: 0px; padding: 0px; display: flex; gap:10px; flex-direction: column;} .jobDashboardWrapper .skillVacanciesWrapper .right ol li{list-style-type: disc; list-style-position: inside;} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper table{width:var(--fullwidth); border:0px none; border-collapse: collapse;} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper th{padding:10px; font-family: var(--defaultfont); text-transform: capitalize; color:var(--tableTh); font-size:var(--fontsize14);} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); border-top:1px solid var(--greyColor4); font-size:var(--fontsize14);} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:10px;} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper td div i{color:var(--primaryColor); width:20px; font-size: var(--fontsize20); margin-left: 0;} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .skillVacanciesWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .jobDashboardWrapper .skillVacanciesWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .jobDashboardWrapper .skillVacanciesWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .jobDashboardWrapper .skillVacanciesWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .jobDashboardWrapper .skillVacanciesWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .jobDashboardWrapper .skillVacanciesWrapper .tableWrapper td .countWidth{min-width: 60px; display: inline-flex; justify-content: center;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper{background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; margin-top: 20px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper h3{font-size: var(--fontsize16); border-bottom:1px solid var(--greyColor4); padding-bottom: 10px; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper th{padding:10px; font-weight: normal; font-family: var(--defaultfont); text-transform: capitalize; color:var(--tableTh); font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); bordeR:0px none; border-top:1px solid var(--greyColor4); font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:10px;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--primaryLinkColor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper td div i{color:var(--primaryColor); width:20px; font-size: var(--fontsize20); margin-left: 0;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper td .countWidth{min-width: 60px; display: inline-flex; justify-content: center;} .colorflag{background-color:#e1e0de!important} .jobDashboardWrapper .jobDashboardContainer .pageHeaderInfo.justify{display: flex; align-items: center; justify-content: space-between; flex-direction: row;} .jobDashboardWrapper .jobDashboardContainer .pageHeaderInfo.justify a{width: auto;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper table tbody tr:nth-child(even){background-color: #f5f5f5;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper{background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; margin-top: 20px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper h3{font-size: var(--fontsize16); border-bottom:1px solid var(--greyColor4); padding-bottom: 10px; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper th{padding:10px; font-family: var(--fontfamilysemibold);font-weight: normal; background-color: var(--greyColor12); text-transform: capitalize; color: var(--blackcolor);font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); vertical-align:top; border:0px none; border-top:1px solid var(--greyColor4); font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td:nth-child(1){width: 30%;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td:nth-child(2){width: 35%;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td:nth-child(3){width: 10%;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td:nth-child(4){width: 15%;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td:nth-child(5){width: 10%;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td .rolesInfo{display: flex; flex-direction: column; gap:5px; align-items: flex-start; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td .rolesInfo a{display: flex; gap:15px; text-align: left; align-items: center; color:var(--primaryLinkColor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td .rolesInfo p{margin-bottom: 0} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td .skillInfo {display: flex; flex-wrap: wrap; align-items: center; gap:10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td .skillInfo span{display: flex; font-size: var(--fontsize12); font-family: var(--defaultfont); color: var(--blackColor); padding: 5px 10px; border-radius: 10px; background-color: var(--greyColor9);} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td .companyInfo {display: flex; align-items: center; gap:10px; justify-content: center;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td .companyInfo i{color:var(--greenColor2); margin-left: 0} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper td .companyInfo .countWidth{min-width: 60px; display: inline-block;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobRolesInfo{display: flex; width:var(--fullwidth); gap:30px; margin:0 0 20px; } .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobRolesInfo div{display: flex; gap: 20px; align-items: center; font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobRolesInfo div span{font-size: var(--fontsize36); margin-left:0px; color:var(--blackColor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper{display: flex; align-items: flex-start; gap:30px; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left{display: flex; align-items: flex-start; width:var(--fullwidth); flex-direction:column; flex:1; gap:40px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right{display: flex; width:var(--fullwidth); flex-direction:column; max-width: 465px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoSection{display: flex; width:var(--fullwidth); gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper{ max-width:50%; margin-top: 0; max-height: none; width:var(--fullwidth); background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper ol li{display:grid; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left: 10px; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper ol li div span i{margin-right: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper ol li::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper ol li .mainBlock{display:flex; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper{display:flex; width:var(--fullwidth); max-width: 50%} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper ol li{display:grid; position: relative; background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); border:0px solid var(--sidebarThemeColorChange); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper ol li .mainBlock{display:flex; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper ol li .mainBlock::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left:5px; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper ol li div span i{margin-right: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); border:0px solid var(--sidebarThemeColorChange); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px; } .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper h3{font-size: var(--fontsize14); color: var(--greyColor5); margin:0 0 10px; font-weight: 400; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper ol{display: grid; margin:0; padding:0; grid-template-columns: repeat(1,minmax(0,1fr)); grid-row-gap:40px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper ol li{display: flex; justify-content: space-between; gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper ol li h2{font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); color: var(--blackcolor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper ol li .progress{display: flex; flex: unset; margin:0; height: 6px; border-radius: 5px; box-shadow:0px 0px 0px 0px; width: var(--fullwidth); } .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper ol li .progress .progress-bar{background-color: var(--primaryColor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper ol li > div:first-child{display: flex; flex:1; flex-direction: column; gap:5px; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); color: var(--blackcolor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper{display: flex; width: var(--fullwidth); margin-bottom: 20px; border-bottom: 1px solid var(--greyColor4); } .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol{display: flex; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li{display: flex; flex-direction: column; align-items: center; margin-left:50px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li:first-child{margin-left: 0;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a{color: var(--greyColor5); padding-bottom: 5px; font-size:var(--fontsize16); border-bottom: 4px solid transparent;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a:hover{color: var(--primaryColor); font-size:var(--fontsize16); border-bottom: 4px solid var(--primaryColor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a.active{color: var(--primaryColor); font-size:var(--fontsize16); border-bottom: 4px solid var(--primaryColor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabcontentssssss{display: flex; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsRequiredChipsWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsRequiredChipsWrapper h3{ font-family: var(--defaultfont); margin:0 0 5px; font-weight: normal; font-size: var(--fontsize14); color: var(--greyColor5);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsRequiredChipsWrapper div{display: flex; flex-wrap:wrap; width: var(--fullwidth); gap:10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsRequiredChipsWrapper div span{padding: 6px 8px; border:1px solid var(--greyColor4); font-size: var(--fontsize14); gap: 10px; border-radius: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsRequiredChipsWrapper h3.marginTop20{margin-top: 20px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .responsibilitiesWrapper{display: flex; width: var(--fullwidth); flex-direction: column; margin-bottom: 30px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .responsibilitiesWrapper p{font-size: var(--fontsize14); font-weight: 400; color: var(--greyColor6); font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .responsibilitiesWrapper h3{font-size: var(--fontsize14); font-weight: 400; color: var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .responsibilitiesWrapper ul{display: flex; margin:0; padding: 0; gap:8px; flex-direction: column; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .responsibilitiesWrapper ul li{display: list-item; margin:0; margin-inline-start: 17px; padding: 0;font-size: var(--fontsize14); list-style-type: disc; color: var(--greyColor6); font-family: var(--defaultfont); list-style-position: inside;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsRequiredChipsWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); border:0px solid var(--sidebarThemeColorChange); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px; } .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsRequiredChipsWrapper h3{ font-family: var(--defaultfont); margin:0 0 5px; font-weight: normal; font-size: var(--fontsize14); color: var(--greyColor5);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsRequiredChipsWrapper div{display: flex; flex-wrap:wrap; width: var(--fullwidth); gap:10px;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsRequiredChipsWrapper div span{padding: 6px 8px; border:1px solid var(--greyColor4); font-size: var(--fontsize14); gap: 10px; border-radius: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper ol li > div:last-child{display: flex; align-items: center; width: auto; font-family: var(--fontfamilysemibold); color: var(--blackcolor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right{background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px; } .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right .block:nth-child(1){border-bottom:1px solid var(--strokeColor); padding-bottom: 5px; } .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right .block{display: flex; width:var(--fullwidth); flex-direction: column; margin-bottom: 15px; } .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right .block h3{display: flex; width:var(--fullwidth); font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--greyColor2);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right .block p{display: flex; width:var(--fullwidth); font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--blackColor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right .block ul{display: flex; gap:5px; margin:0; padding: 0; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right .block ul li{ margin:0; padding: 0; list-style-type: disc; margin-inline-start: 20px; font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--greyColor2);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper{display: flex; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider{display: flex; width:var(--fullwidth); padding: 0 20px} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent h3{min-height:40px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent .bottomActions{display: flex; gap:10px; width:var(--fullwidth); background-color: var(--greyColor3); flex-direction: column; padding: 10px; border-radius: 14.4px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent .bottomActions .progressInfo{display: flex; justify-content: space-between; margin-bottom:0px; width:var(--fullwidth); color:var(--greyColor5); font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent .bottomActions .progressInfo span{font-family: var(--fontfamilybold); color: var(--blackcolor);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent .bottomActions .progress{display: flex; background-color:var(--whitecolor); width:var(--fullwidth); margin-bottom: 0; height: 10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent .bottomActions .progress .progress-bar{background: #00BC4B;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent .bottomActions .actions a{text-decoration: underline;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent .bottomActions .actions{display: inline-block;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items{display: flex; flex-direction: column; width: var(--fullwidth); max-width: 350px; padding:0px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesThumb{max-height: 180px; min-height: 180px; align-items: flex-start; position: relative; overflow: hidden; display:flex} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesThumb .tag{position: absolute; left:10px; top:10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesThumb .tag span{background-color: var(--whitecolor); color:var(--blackcolor); display: flex; border-radius: 25px; padding: 4px 15px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesThumb img{border-radius:10px 10px 0 0;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesThumb img{aspect-ratio: 1/1; object-fit: cover; width: 100%; height: 100%} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesItems{display: flex; border-radius:var(--radius15); position: relative; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesItems a{width:var(--fullwidth)} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent{display: flex; padding:10px 10px; border-radius: 0px 0px 10px 10px; background-color: var(--whitecolor); flex-direction: column; align-items: center; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .actions{display: flex; width:var(--fullwidth); justify-content: space-between; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .actions label{ color: var(--greyColor2); margin: 0;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .actions .progressCircle{position: relative;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .actions .progressCircle .circles-text{position: absolute; height: 80px; display:flex; align-items: center; justify-content: center; font-family: var(--fontfamilybold); font-size: var(--fontsize14); color: var(--blackColor); top:0; left:0; right:0; bottom:0; } .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .duration{display: flex; width:var(--fullwidth);gap:10px; min-height: 45px; margin-bottom: 10px; color: var(--greyColor5); align-items: center; font-size: var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-slide{display: flex; width: var(--fullwidth); padding: 0 15px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider.slick-slider {margin:0 -15px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0; gap: 0px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-list{display: flex; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-next{right:0; z-index: 1} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-prev{left:0; z-index: 1} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-prev:before, .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-next:before{color: var(--primaryColor);} /* Job posting page css */ .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper {width: 100%; border-collapse: collapse;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper th,.jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper td {border: 1px solid #ddd; padding: 8px; text-align: left;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper td:nth-child(1) {max-width: 15%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper td:nth-child(2) {max-width: 15%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper td:nth-child(3) { max-width: 25%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper td:nth-child(4) { max-width: 15%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper td:nth-child(5) {max-width: 15%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper td:nth-child(6) {max-width: 15%; /* Adjusted for the new 'Location' column */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper .columnWidthChange td:nth-child(1) {width: 15%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper .columnWidthChange td:nth-child(2) {width: 15%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper .columnWidthChange td:nth-child(3) {width: 30%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper .columnWidthChange td:nth-child(4) {width: 15%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper .columnWidthChange td:nth-child(5) {width: 15%; /* Adjusted to fit the new layout */} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .jobPostingTableWrapper .columnWidthChange td:nth-child(6) {width: 10%; /* Adjusted for the new 'Location' column */} /* Job posting page css */ .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper{display: flex; font-family: var(--defaultfont); width:var(--fullwidth);} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container{display: flex; flex-direction: column; font-family: var(--defaultfont); width:var(--fullwidth);} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section{display: flex; width:var(--fullwidth); border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; margin-bottom: 15px;} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul{display: flex; gap: 15px; margin:0; padding:0;} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul li{display: flex; margin:0; align-items: center;} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul li select{max-width: 150px; padding: 3px;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockMain{background-color: transparent; padding: 0; border-radius:0px; box-shadow: 0px 0px 0px 0px} .jobDashboardWrapper + .newFormDesignWrapper .formBlockMain .filter-section {background-color: transparent;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .pageTitle{background-color: transparent;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .pageTitle.justifyContent{justify-content: space-between; display: flex; align-items: center;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .pageTitle.justifyContent a{gap:5px; align-items: center; font-size: var(--fontsize14); display: flex} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign{background-color: transparent;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table{border-bottom:0px none; background-color: transparent;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table thead{display: none;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody{display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign .interestarea tbody {display:grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr .items{display: flex; flex-direction: column; width:100%; align-items: flex-start;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr .items .thumb img{max-width:100%; width:70px;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr .mainLink{display: flex; width: 100%} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr{display: flex; background-color: var(--whitecolor); padding:15px; border-radius:15px; box-shadow: 0px 4px 25px rgba(112, 98, 227, 0.10); flex-direction: column; width:var(--fullwidth);} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td{border:0px none; padding: 0; display: block;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .thumb{margin-bottom: 10px;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .thumb img{width:140px; height: 70px; object-fit: contain;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td h3{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .jobInfoDetails{border-bottom:1px solid var(--greyColor4); margin-bottom: 10px; padding:10px 0; border-top:1px solid var(--greyColor4); display: flex; width:var(--fullwidth); flex-direction: column; gap:8px;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .jobInfoDetails div{display: flex; width:var(--fullwidth); gap:5px;color:var(--blackcolor);} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .jobInfoDetails div span{font-family: var(--fontfamilysemibold);} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .jobRolesChips{display: flex; min-height: 200px; width:var(--fullwidth); margin-bottom: 15px; align-items: flex-start; flex-direction: column;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .jobRolesChips h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:10px; color: var(--greyColor5)} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .jobRolesChips div{display: flex; width: var(--fullwidth); gap:5px; align-items: center; flex-wrap: wrap;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .jobRolesChips div span{ padding:5px 10px; font-size: var(--fontsize12); background-color: var(--greyColor11); border-radius:50px;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .actions{ display: flex; width: var(--fullwidth); padding-top: 10px; justify-content: center; border-top:1px solid var(--greyColor4);} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody tr td .actions a{color: var(--blackcolor); align-items: center; display: flex; gap:5px; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign .dataTables_wrapper .dataTables_length label{font-family: var(--defaultfont); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign .dataTables_wrapper .dataTables_length label select{margin:0 10px} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); display: flex; align-items: center; font-weight: normal;} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .jobsModuleBreadcrumb{box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border: 0px none; border-radius: var(--radius15); padding:8px; background-color: var(--whitecolor); display: flex; align-items: center; margin-top: 20px;} .jobsModuleBreadcrumb a{display: flex; gap:5px; align-items: center; color:var(--blackcolor);} .jobsModuleBreadcrumb h4{font-size: var(--fontsize16); font-family: var(--fontfamilysemibold); color: var(--blackColor); margin: 0 auto;} .jobDashboardWrapper .domianWiseWrapper.marginTopZero{margin-top: 0;} .jobDashboardWrapper .domianWiseWrapper{ display:flex; margin:50px 0 0; gap:20px; width: var(--fullwidth); align-items:flex-start; } .jobDashboardWrapper .domianWiseWrapper .chartBlock{padding:20px; width: var(--fullwidth); box-sizing:border-box; border-radius:15px; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .jobDashboardWrapper .domianWiseWrapper .chartHeading {display: flex; justify-content: space-between; align-items: center;} .jobDashboardWrapper .domianWiseWrapper .chartHeading .block{display:flex; width: var(--fullwidth);} .jobDashboardWrapper .domianWiseWrapper .chartHeading + .block {display:flex; width: var(--fullwidth); height: 100%} .jobDashboardWrapper .domianWiseWrapper .chartWrapper{display:flex; flex-direction:column; width: 100%;} .jobDashboardWrapper .domianWiseWrapper .chartWrapper h3{margin-bottom: 0; font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .domianWiseWrapper .chartHeading{display:flex; width:var(--fullwidth); justify-content: space-between; margin-bottom: 30px;} .jobDashboardWrapper .domianWiseWrapper .chartHeading a{color: var(--primaryLinkColor); text-decoration: none; font-size: var(--fontsize14); display: flex; align-items: center; gap:5px;} .jobDashboardWrapper .domianWiseWrapper .chartHeading a:hover{text-decoration: none;} .jobDashboardWrapper .domianWiseWrapper .chartHeading h3{margin-bottom: 0; width:auto; font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .domianWiseWrapper .mapInfo{display: flex; gap:10px; flex-direction: column; max-width: 150px; width: var(--fullwidth);} .jobDashboardWrapper .domianWiseWrapper .mapInfo + div{display: flex; width: var(--fullwidth);} .jobDashboardWrapper .domianWiseWrapper .mapInfo h4{margin-bottom: 0; font-size: var(--fontsize16); color:var(--primaryColor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .domianWiseWrapper .mapInfo h5{margin-bottom: 0; font-size: var(--fontsize14); color:var(--greyColor5); font-weight: normal; font-family: var(--defaultfont);} .jobDashboardWrapper .domianWiseWrapper .mapInfo p{margin-bottom: 0; font-size: var(--fontsize18); color:var(--blackcolor); font-weight: bold; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobRolesWrapper{display: flex; width: var(--fullwidth); margin-top: 30px;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer{display: flex; width: var(--fullwidth); flex-direction: column;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: 15px; padding: 20px;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .leftBlock{display: flex; justify-content: space-between; gap:20px; align-items: center; width: var(--fullwidth);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .leftBlock a{display: flex; white-space:nowrap; align-items: center; gap:5px;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .leftBlock .domainInfo{display: flex; width:var(--fullwidth); gap:30px; margin:0 0 20px; } .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .leftBlock .domainInfo div{display: flex; gap: 20px; align-items: center; font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .leftBlock .domainInfo div span{font-size: var(--fontsize36); margin-left:0px; color:var(--blackColor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .leftBlock .domainInfo div a{display: flex; gap:20px; align-items: center; color:var(--greyColor5); font-size: var(--fontsize14); font-family: var(--defaultfont);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider{display: flex; padding: 0 20px;width: var(--fullwidth); padding-bottom: 15px; gap:20px;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items{display: flex; padding:10px; align-items: center;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items a{display: flex; justify-content: center; width: var(--fullwidth); white-space: nowrap; padding:10px 15px; color:var(--greyColor5); align-items: center; border-radius: 10px; background-color: var(--greyColor12);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items.active a{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--whitecolor);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items.active a:hover{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--whitecolor);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items a:hover{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--greyColor12);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .rolesDetails{ border-top:1px solid var(--strokeColor); display: flex; justify-content: space-between; align-items: center; margin: 20px 0; padding-top: 20px;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper{display: flex; width: var(--fullwidth); flex-direction: column;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper h3{font-size: var(--fontsize14); color: var(--greyColor5); margin:0 0 20px; font-weight: 400; font-family: var(--defaultfont);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper ol{display: grid; margin:0; padding:0; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 130px; grid-row-gap:40px;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper ol li{display: flex; justify-content: space-between; gap:20px;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper ol li h2{font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); color: var(--blackcolor);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper ol li .progress{display: flex; margin:0; height: 6px; border-radius: 5px; box-shadow:0px 0px 0px 0px; width: var(--fullwidth); } .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper ol li .progress .progress-bar{background-color: var(--primaryColor);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper ol li div:first-child{display: flex; flex:1; flex-direction: column; gap:5px; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); color: var(--blackcolor);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper ol li div:last-child{display: flex; align-items: center; font-family: var(--fontfamilysemibold); color: var(--blackcolor);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .slick-prev:before, .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .slick-next:before{color: var(--primaryColor);} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .slick-prev{left:0} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .slick-next{right:0} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper.addColor{background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper.directionChange{width:var(--fullwidth); flex-direction: row; gap:20px; align-items: flex-start;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper{display:flex; width:var(--fullwidth); flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainTitle{display:flex; margin:0 0 20px; font-size: var(--fontsize16);font-family: var(--fontfamilysemibold); color: var(--blackColor); width:var(--fullwidth); align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainTitle i{width:44px; color:var(--sidebarThemeColorChange); height: 44px; margin-right:10px; display: flex; border-radius:100%; flex-shrink: 0; align-items: center; justify-content: center; background-color: var(--lightPrimaryColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainChartWrapper{display: flex; flex-direction: column; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainChartWrapper .chartWrapper{display: grid; margin-bottom: 40px; width: var(--fullwidth); grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainChartWrapper .chartWrapper .leftBlock{padding:20px; margin:0px; box-sizing:border-box;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainChartWrapper .chartWrapper .rightBlock{padding:20px; margin:0px; border-left:1px solid var(--strokeColor); padding-left: 20px; box-sizing:border-box;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainChartWrapper .chartWrapper.marginBottomZero{margin-bottom: 0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainChartWrapper .chartWrapper .leftBlock.withColor{background-color: var(--whitecolor); padding: 15px; border-radius: 15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainChartWrapper .chartWrapper .rightBlock.withColor{background-color: var(--whitecolor); border-left: 0px none; padding: 15px; border-radius: 15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .leftChartBlock{display: flex; background-color: var(--whitecolor); flex-direction: column; width:var(--fullwidth); max-width: 50%; padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .rightChartBlock{display: flex; flex-direction: column; width:var(--fullwidth); max-width: 50%} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .leftChartBlock .leftBlock{display: flex; gap:20px; justify-content: space-between; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .leftChartBlock .leftBlock a{display: flex; white-space:nowrap; align-items: center; gap:10px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .rightChartBlock .leftBlock{display: flex; gap:20px; justify-content: space-between; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .rightChartBlock .leftBlock a{display: flex; white-space:nowrap; align-items: center; gap:10px;} .jobDashboardWrapper .jobDashboardContainer .headingTitle h3{ width: var(--fullwidth); margin:0 0 15px; line-height: normal; color: var(--blackcolor); font-family: var(--fontfamilybold);font-size: var(--fontsize28);} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard{width: var(--fullwidth); display: flex; margin-bottom: 30px;} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol{display: grid; width: var(--fullwidth); gap: 20px; grid-template-columns: repeat(5, minmax(0, 1fr));} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol li a{display: flex; align-items: center; height: 100%;} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol li { width: var(--fullwidth); padding: 15px; border-radius: 15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); background-color: var(--whitecolor);} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol li .mainBlock{display: flex; height: 100%; padding-left: 18px; justify-content: space-between; position: relative; width: var(--fullwidth); flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol li .mainBlock p{font-family: var(--defaultfont); margin:0; color: var(--greyColor5); font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol li .mainBlock div{font-family: var(--fontfamilybold); color: var(--greyColor2); font-size: var(--fontsize28);} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol li .mainBlock::before{content: ''; height: 100%; width: 6px; background-color: var(--primaryColor); position: absolute; left: 0; border-radius: 45px;} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol li:hover{box-shadow: 0 0 2px var(--primaryColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo{display: flex; width: var(--fullwidth); margin: 20px 0; gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .left{display: flex; flex:1; flex-direction: row; gap:20px} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .right{display: flex; max-width:200px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .right .applicationShortlisted{color:var(--greenColor); text-align: center; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .right .applicationInterested{display: flex; justify-content: center; align-items: center; gap:5px; color:var(--greenColor); text-align: center; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .right .applicationInterested i{width: auto; font-size: var(--fontsize22); color:var(--greenColor); background-color: transparent; height: auto;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo ol{display: grid; gap:15px; grid-template-rows: repeat(2,minmax(0,1fr)); margin:0; padding:0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo ol li{display: flex; font-size: var(--fontsize14); margin:0; padding:0; gap:10px; color:var(--greyColor5);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo ol li span{color:var(--blackColor); text-decoration: underline;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo ol li a{color:var(--blackColor); text-decoration: underline;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle{ display: flex; gap:10px; margin:0 0 0px; padding-bottom:0px; color: var(--blackColor); font-family: var(--fontfamilysemibold); font-size: var(--fontsize18); border-bottom:0px solid var(--strokeColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .companyDesignation{display: flex; align-items: center; gap:5px; color: var(--primaryColor); text-transform: uppercase; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle i{ color: var(--greenColor); font-size: var(--fontsize16); font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .companylogo{display: flex; width: 85px; height: 85px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .jobContent{display: flex; flex-direction: column; gap:5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .jobContent p{margin-bottom: 0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .jobContent .companyName{display: flex; width:var(--fullwidth); align-items: center; font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .jobContent .companyLocation{display: flex; width:var(--fullwidth); gap:5px; align-items: center; font-family: var(--defaultfont); margin-bottom: 0; font-size: var(--fontsize14); color: var(--greyColor5);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .backLink{font-size: var(--fontsize14); width:auto; margin:0; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDesc{display: flex; flex-direction: column; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDesc h3{margin-bottom: 0; font-size: var(--fontsize18); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo{border-top: 0px solid var(--strokeColor); gap:20px; align-items: center; justify-content:space-between; display: flex; padding:0px 0; margin:20px 0; border-bottom:0px solid var(--strokeColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .skillrequired{display: flex; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .jobposting{display: flex; width: var(--fullwidth); max-width: 200px; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .jobposting p{font-size: var(--fontsize14); color:var(--greyColor5); font-weight: normal; margin:0 0 10px; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .skillrequired h5{font-size: var(--fontsize14); color:var(--greyColor5); font-weight: normal; margin:0 0 10px; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .skills{display: flex; flex:unset; gap:10px; width: var(--fullwidth); } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .skills{display: flex; align-items: center; gap:10px; color: var(--greyColor5); font-family: var(--defaultfont); font-size: var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .skills span{font-size: var(--fontsize16); color: var(--blackcolor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo a{max-width:250px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo span{font-size: var(--fontsize14); text-transform: none; font-family: var(--defaultfont); background-color:var(--greyColor11); color: var(--greyColor2); padding:5px 15px; border-radius:50px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .totalVacancies{display: flex; width:var(--fullwidth); gap:5px; color: var(--greyColor5); margin-bottom: 15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .totalVacancies span{font-family: var(--fontfamilysemibold); color: var(--blackcolor); } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .skillrequired div{display: flex; flex-wrap: wrap; width: var(--fullwidth); gap:10px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .tabsWrapper{display: flex; width: var(--fullwidth); margin-bottom: 20px; border-bottom: 1px solid var(--greyColor4); } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .tabsWrapper ol{display: flex; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .tabsWrapper ol li{display: flex; flex-direction: column; align-items: center; margin-left:50px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .tabsWrapper ol li:first-child{margin-left: 0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .tabsWrapper ol li a{color: var(--greyColor5); padding-bottom: 5px; font-size:var(--fontsize16); border-bottom: 4px solid transparent;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .tabsWrapper ol li a:hover{color: var(--blackcolor); font-size:var(--fontsize16); border-bottom: 4px solid var(--sicPrimaryColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .tabsWrapper ol li a.active{color: var(--blackcolor); font-size:var(--fontsize16); border-bottom: 4px solid var(--sicPrimaryColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .mainWrapper{display: flex; width: var(--fullwidth); gap:40px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .mainWrapper .leftBlock{display: flex; width: var(--fullwidth); flex-direction: column} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .mainWrapper .rightBlock{display: flex; width: var(--fullwidth); max-width: 350px; flex-direction: column} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .addColor{background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .jobDetailGrid{ width:var(--fullwidth); display:flex; margin-bottom:0px; padding: 15px 0 0; border-top:1px solid var(--greyColor4); border-bottom:0px solid var(--greyColor4);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .jobDetailGrid ol{ width:var(--fullwidth); gap:15px; grid-template-rows: repeat(1,minmax(0,1fr)); grid-template-columns: repeat(3,minmax(0,1fr)); display:grid;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .jobDetailGrid ol li{ flex-direction:column; display:flex; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .jobDetailGrid ol li h6{color: var(--greyColor5); font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .jobDetailGrid ol li p{color: var(--blackcolor); font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left{flex:1; display: flex; flex-direction: column; align-items: flex-start; gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right{max-width:350px; border:opx solid var(--strokeColor); padding:0px; border-radius:15px; gap:20px; display: flex; flex-direction: column; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .detailsInfo{display: flex; flex-direction: column; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right h4{margin-bottom: 20px; font-family: var(--fontfamilysemibold); font-size:var(--fontsize16); color:var(--blackcolor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right ol {border:0px none; overflow-y: auto; max-height: 250px; padding: 0 5px 0 0; gap:20px; display: flex; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right li{display:flex; gap:10px; flex-direction: row; word-break: break-all; font-size: var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right i{display:flex; width:27px; font-size: var(--fontsize12); flex-shrink: 0; height:27px; align-items: center; justify-content: center; border-radius:100%; background-color: var(--lightPrimaryColor); color:var(--sidebarThemeColorChange);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .programsInfo{background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .shadowWithColorSection{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 0px 0px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .companyInfo{background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .companyInfo .companyThumb{display: flex; width:var(--fullwidth); margin-bottom: 10px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .companyInfo .companyThumb img{max-width: 80px; min-height: 80px; max-height: 80px; object-fit: contain;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .companyInfo .companyName{color: var(--blackcolor); font-family: var(--fontfamilysemibold); font-weight: normal; font-size:var(--fontsize16);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .companyInfo h6{color: var(--greyColor5); font-family: var(--defaultfont); font-weight: normal; margin-bottom: 5px; font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .companyInfo p{color: var(--blackcolor); font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .companyInfo .companyDesc{color: var(--greyColor5); font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right .companyInfo .companyAbout{display: flex; margin-top: 30px; flex-direction: column; width:var(--fullwidth); color: var(--greyColor5); font-size:var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rightBlock .detailsInfo{display: flex; flex-direction: column; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rightBlock h4{margin-bottom: 20px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rightBlock .detailsInfo div{border:0px none; padding: 0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rightBlock .detailsInfo > div{display:flex; gap:10px; align-items: center; flex-direction: row;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rightBlock .detailsInfo > div i{display:flex; width:32px; font-size: var(--fontsize16); flex-shrink: 0; height: 32px; align-items: center; justify-content: center; border-radius:100%; background-color: var(--lightPrimaryColor); color:var(--sidebarThemeColorChange);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rightBlock .detailsInfo > div span{word-break: break-all; font-size: var(--fontsize14); } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider {margin:0 0px; padding:0 0px 0px; gap:30px; display: flex; width:var(--fullwidth); align-items: flex-start;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .items{display: flex; width: var(--fullwidth); gap:20px; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .items .mainInfoWrapper{display: flex; width:var(--fullwidth); gap:20px; align-items: flex-start;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .items .leftDetailInfo{display: flex; max-width: 100px; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .items .leftDetailInfo img{max-width: 100px; min-height: 100px; max-height: 80px; object-fit: contain;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .items .rightDetailInfo{display: flex; flex:1; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .detailsInfo{ width: var(--fullwidth); grid-template-columns: repeat(6,minmax(0,1fr)); display:grid; gap:20px; margin:0 0 40px; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .detailsInfo div{ padding:15px; border-radius:10px; border:1px solid var(--strokeColor); display: flex; flex-direction: column; font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .detailsInfo div span{font-size: var(--fontsize16); margin-left:0px; color:var(--blackColor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rolesInfo{display: flex; margin-top:5px; flex-direction: column; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rolesInfo h4{font-size: var(--fontsize16); margin: 0 0 5px; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rolesInfo p{ font-family: var(--defaultfont); margin-bottom: 0; font-size: var(--fontsize14); color: var(--greyColor5);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rolesInfo .skills{ font-family: var(--defaultfont); flex-wrap: wrap; align-items: flex-start; gap:10px; display: flex; margin-bottom: 0; font-size: var(--fontsize14); color: var(--greyColor5);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .rolesInfo .skills span{font-size: var(--fontsize12); text-transform: uppercase; font-family: var(--fontfamilysemibold); background-color:var(--greyColor11); color: var(--greyColor2); padding:5px 15px; border-radius:4px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .slick-list{width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .slick-prev{left:0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .slick-next{right:0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .slick-dots{bottom:0} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .slick-prev:before, .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .slick-next:before{color: var(--primaryColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .slider{display: flex; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper{ display:flex; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right{ display:flex; width:var(--fullwidth); max-width: none;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper h3{font-size: var(--fontsize16); text-align: left; font-family: var(--fontfamilysemibold); margin-bottom: 0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left{ display:flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; max-width: 350px; margin-right:50px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul{display: flex; position: relative; flex-direction: column; width:var(--fullwidth); } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li{display: flex; position: relative; flex-direction: column; width:var(--fullwidth); padding-top: 20px; padding-left: 20px; padding-right: 0; padding-bottom: 0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .tabBlock{display: flex; position: relative; flex-direction: column; width:var(--fullwidth); padding:15px; border-radius:10px; border: 1px solid var(--greyColor4);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li:first-child{padding-top: 0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul::after {content: ''; display: none; position: absolute;width: 4px;background-color:var(--greyColor4);top:0px; bottom: 0;left:0; margin-left:0px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li::after {content: ''; position: absolute;width: 4px;background-color:var(--greyColor4);top:0px; bottom: 0;left:0; margin-left:0px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li:last-child::after{display: none} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .timeline-marker .active{position: absolute; width: 20px; height: 20px;left:-9px;background-color:var(--whitecolor); border: 4px solid var(--primaryColor); top:20px;border-radius: 50%;z-index: 1;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li:first-child .timeline-marker .active{top:0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .timeline-marker .fa-lock{position: absolute; width: 20px; height: 20px;left:-9px; background-color:var(--primaryColor); display: flex; align-items: center; justify-content: center; top:20px; margin-top:0px; border-radius: 50%;z-index: 1;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .timeline-marker .fa-check{position: absolute; width: 20px; height: 20px;left:-9px; background-color:var(--primaryColor); display: flex; align-items: center; justify-content: center; top:20px; margin-top:0px; border-radius: 50%;z-index: 1;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .timeline-marker i{color: var(--whitecolor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .tabBlock:hover{border: 1px solid var(--primaryColor); box-shadow: 0 0 0 1px var(--primaryColor)} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .mainDiv{cursor:pointer;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .mainDiv .thumbContent{flex:1} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .contentActions{justify-content: flex-end; display: flex} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .contentActions a{ margin-left:8px; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .contentActions a i.zmdi{max-width:15px; display:flex; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .contentActions a:first-child{ margin-left:0px; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .mainDiv .thumbContent .contentEditLink{ display:flex; justify-content: flex-end; position: absolute; right:10px; top:10px} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .mainDiv .thumbContent .contentDeleteLink{ display:flex; justify-content: flex-end; position: absolute; right:10px; top:10px} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .tabBlock.active{border: 1px solid var(--primaryColor); box-shadow: 0 0 0 1px var(--primaryColor)} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .tabBlock.selected{border: 1px solid var(--primaryColor); box-shadow: 0 0 0 1px var(--primaryColor)} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li p{color:var(--tableTh); font-size: var(--fontsize14); margin-bottom:5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .competitionsInfo{display: flex; align-items: center; flex-direction: row; margin-top:20px; padding-top: 10px; border-top: 1px solid var(--greyColor4);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .competitionsInfo span{display: flex; flex-grow: 1; align-items: center; color:var(--tableTh); font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); margin-left: 10px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .competitionsInfo span:first-child{margin-left: 0;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .competitionsInfo span.type{margin-left: 0; color:var(--greenColor2);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .competitionsInfo span i{margin-right: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .competitionsInfo span.points{color:var(--orangeColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .competitionsInfo span.points img{max-width: 15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .reportsInfo{display: flex; align-items: center; width:var(--fullwidth); color: var(--tableTh); font-size: var(--fontsize12); margin-top:15px; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .reportsInfo span{color:var(--primaryColor); font-family: var(--fontfamilysemibold); margin:0 2px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .info .thumb{display:flex; margin-right:5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .info .thumbContent{display:flex; flex-direction:column} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .info{display: flex; width:var(--fullwidth); align-items: flex-start;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .info .thumb img{width: 45px; height: 45px; border-radius: 100%; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .info .thumb{margin-right:10px; flex-shrink: 0; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .info h4{font-size: var(--fontsize16); color:var(--blackcolor); font-family: var(--fontfamilysemibold); } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left ul li .info p{font-size: var(--fontsize14); margin:0; margin-top: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right{ display:flex; width:var(--fullwidth); flex:1; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails{ display:flex; flex-direction: column; margin-bottom:0px; padding-bottom:0px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails h4{font-size: var(--fontsize16); margin-bottom:5px; text-align: left; font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails p{color:var(--tableTh); font-size: var(--fontsize14); margin-top:5px; font-family: var(--fontfamilysemibold); gap:5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails p strong{color:var(--blackColor);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .submitbefore{display: flex; margin-top:5px; color:var(--tableTh); font-size: var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .submitbefore strong{color:var(--blackColor); margin-left:5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .marks{display: flex; margin-top:5px; font-weight: 600; color:var(--blackColor); font-size: var(--fontsize14);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .level{display: flex; margin-top:5px; font-weight: 200; color:var(--greyColor8); font-size: var(--fontsize14); font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .level div{display: flex; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .level div .level{display: flex; align-items: center; text-transform: capitalize; margin-top: 0; margin-left: 15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .level span{color:var(--greenColor); margin-left:5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .level strong{color:var(--blackColor); margin-left:0px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .actions{display: flex; margin:10px 0; width:var(--fullwidth); justify-content: flex-end} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails .actions a{color:var(--primaryColor); display: flex; align-items: center; margin-left: 20px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails ul{margin:0px 0 0; padding: 0; display: flex; flex-direction: column; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails ul li{margin:10px 0 0; padding: 0; align-items: center; font-size: var(--fontsize14); color:var(--tableTh); width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .activitiesDetails ul li i{margin-right:0px; background-color: transparent; font-size: var(--fontsize20);color:var(--greenColor); font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .actions{display: flex; width: var(--fullwidth); margin-top: 20px; justify-content: center; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .right .actions a{background: var(--blackColor); max-width: 200px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider {margin:0 15pxpx; padding: 20px; display: flex;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .slick-slide > div{display: flex; width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider.listing {margin:0 0px; padding: 0px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider.listing .items{margin:0} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper h3{justify-content: space-between; align-items: center; margin-bottom: 0;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper h3 input[type="search"]{max-width: 500px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper h3 a{font-size: var(--fontsize12);font-family: var(--defaultfont); color: var(--greyColor5); text-decoration: none;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper h3 a:hover{font-size: var(--fontsize12);font-family: var(--defaultfont); color: var(--greyColor5); text-decoration: none;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper h3 a i{margin-left: 5px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .slick-prev{left:0;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .slick-next{right:0;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .slick-prev:before, .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .slick-next:before{color: var(--primaryColor);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .slider{display: flex; width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items .chartWrapper{height:auto; position: relative; display: flex; justify-content: flex-end;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items .chartWrapper .circles-text{position: absolute; height: 80px; display: flex; align-items: center; justify-content: center; left:0; right:0; bottom:0; top:0; font-size: var(--fontsize14)!important;font-family: var(--defaultfont); color: var(--blackColor);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items .chartWrapper .circles-text span{font-size: var(--fontsize16);font-family: var(--defaultfont); color: var(--blackColor); margin-left:0px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items ul li p{font-size: var(--fontsize12); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper{display:grid; margin-top: 30px; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:15px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider{display:flex; width:var(--fullwidth); gap:20px; padding:10px 20px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items{display:grid; background-color: var(--whitecolor); width:var(--fullwidth); flex-direction: column; grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px; padding:15px; margin:0 10px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items .top{ display: flex; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items .top i{width:44px; color:var(--primaryColor); font-size: var(--fontsize23); height: 44px; margin-bottom:10px; display: flex; border-radius:100%; flex-shrink: 0; align-items: center; justify-content: center; background-color: var(--greyColor10);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items .top h3{margin-bottom: 0; min-height: 46px; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items .top .left{flex-direction: column; align-items: flex-start; display: flex; flex: 1} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items .bottom{border-top:1px solid var(--greyColor4); padding-top: 10px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items ul li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left: 5px; font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items div span.down i{color:var(--redColor); transform: rotate(0deg);} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items div span i{margin-right:0px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items ul{display:grid; width:var(--fullwidth); grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper .domainSlider .items ul li{display:grid; padding:0; box-shadow: 0px 0px 0px 0px; border:0px none; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .jobDashboardWrapper .jobDashboardContainer .slick-list{width: var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainInfo{display: flex; width:var(--fullwidth); gap:30px; margin:0 0 20px; } .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainInfo div{display: flex; gap: 20px; align-items: center; font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainInfo div span{font-size: var(--fontsize36); margin-left:0px; color:var(--blackColor); font-family: var(--fontfamilysemibold);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainInfo div a{display: flex; gap:20px; align-items: center; color:var(--greyColor5); font-size: var(--fontsize14); font-family: var(--defaultfont);} .jobDetailsWrapper .backLink{display: flex; width:var(--fullwidth); gap:0px; margin-bottom: 20px;} .jobDetailsWrapper .backLink a{display: flex; gap:5px; align-items: center;} .latestFromWrapper{display: flex; width: var(--fullwidth); margin-top: 30px;} .latestFromWrapper .latestFromContainer{display: flex; width: var(--fullwidth); flex-direction: column;} .latestFromWrapper .latestFromContainer h2{font-size: var(--fontsize16); color: var(--blackColor); display: flex; align-items: center; margin: 0 0 15px;border-bottom:1px solid var(--strokeColor); padding-bottom: 10px; font-family: var(--fontfamilysemibold); justify-content: space-between; width: var(--fullwidth);} .latestFromWrapper .latestFromContainer h2 a{display: flex; align-items: center; font-size: var(--fontsize12);gap:5px; color: var(--greyColor5); font-family: var(--defaultfont);} .latestFromWrapper .latestFromContainer p{ font-family: var(--defaultfont); margin-bottom: 0; font-size: var(--fontsize14); color: var(--greyColor5);} .latestFromWrapper .latestFromContainer .latestFromSlider{display: flex; width: var(--fullwidth); padding: 0 30px;} .latestFromWrapper .latestFromContainer .latestFromSlider .items{display: flex; width: var(--fullwidth); flex-direction: column; max-width: 280px;} .latestFromWrapper .latestFromContainer .latestFromSlider .items h3{font-size: var(--fontsize16); color: var(--blackColor); display: flex; margin: 0 0 10px; color: var(--blackColor); font-family: var(--fontfamilysemibold); width: var(--fullwidth);} .latestFromWrapper .latestFromContainer .latestFromSlider .items .thumb{ margin-bottom:10px; max-height: 200px; position: relative;} .latestFromWrapper .latestFromContainer .latestFromSlider .items .thumb i{position: absolute; font-size: var(--fontsize44); color: var(--whitecolor); top:0; right:0; bottom:0; left:0; display: flex; align-items:center; justify-content: center;} .latestFromWrapper .latestFromContainer .latestFromSlider .items .thumb img{object-fit: contain; height: 100%; width: 100%;} .latestFromWrapper .latestFromContainer .latestFromSlider .slick-list{width: var(--fullwidth);} .latestFromWrapper .latestFromContainer .latestFromSlider .slick-track{display: flex; gap:32px; width: var(--fullwidth); margin-left: 0;} .latestFromWrapper .latestFromContainer .latestFromSlider .slick-prev{left:0; z-index: 1} .latestFromWrapper .latestFromContainer .latestFromSlider .slick-next{right:0; z-index: 1} .latestFromWrapper .latestFromContainer .latestFromSlider .slick-dots{bottom:0} .latestFromWrapper .latestFromContainer .latestFromSlider .slick-prev:before, .latestFromWrapper .latestFromContainer .latestFromSlider .slick-next:before{color: var(--primaryColor);} .jobDetailNewWrapper{display: flex; width:var(--fullwidth); gap:20px; align-items: flex-start; margin-top: 20px;} .jobDetailNewWrapper .left{display: flex; width:var(--fullwidth); max-width:350px; } .jobDetailNewWrapper .left .companyInfo{background-color: var(--whitecolor); width:var(--fullwidth); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px;} .jobDetailNewWrapper .left .companyInfo .companyThumb{display: flex; width:var(--fullwidth); margin-bottom: 10px;} .jobDetailNewWrapper .left .companyInfo .companyThumb img{width: 140px; height: 70px; object-fit: contain;} .jobDetailNewWrapper .left .companyInfo .companyName{color: var(--blackcolor); font-family: var(--fontfamilysemibold); font-weight: normal; font-size:var(--fontsize16);} .jobDetailNewWrapper .left .companyInfo h6{color: var(--greyColor5); font-family: var(--defaultfont); font-weight: normal; margin-bottom: 5px; font-size:var(--fontsize14);} .jobDetailNewWrapper .left .companyInfo p{color: var(--blackcolor); font-size:var(--fontsize14); font-family: var(--defaultfont); } .jobDetailNewWrapper .left .companyInfo .companyDesc{color: var(--greyColor5); font-size:var(--fontsize14);} .jobDetailNewWrapper .left .companyInfo .companyAbout{display: flex; margin-top: 30px; flex-direction: column; width:var(--fullwidth); color: var(--greyColor5); font-size:var(--fontsize14);} .jobDetailNewWrapper .left .rolesInfo{display: flex; border-top:1px solid var(--greyColor4); padding-top: 10px; margin-top: 20px; width:var(--fullwidth); gap:10px; flex-direction:column;} .jobDetailNewWrapper .left .rolesInfo div{display: flex; color: var(--greyColor5); font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14); width:var(--fullwidth); gap:10px; justify-content: space-between} .jobDetailNewWrapper .left .rolesInfo div span{display: flex; color: var(--blackcolor); font-family: var(--fontfamilysemibold); font-weight: normal; font-size:var(--fontsize14);} .jobDetailNewWrapper .right{display: flex; width:auto; flex-direction: column; flex:1} .jobDetailNewWrapper .right ol{display: flex; width: var(--fullwidth); flex-direction: column; gap:20px;} .jobDetailNewWrapper .right ol li{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px rgba(112, 98, 227, 0.10); padding:20px; border-radius: 10px;} .jobDetailNewWrapper .right .skillrequired{display: flex; flex-direction: column; margin-bottom: 20px;} .jobDetailNewWrapper .right .skillrequired h5{font-size: var(--fontsize14); color:var(--greyColor5); font-weight: normal; margin:0 0 10px; font-family: var(--defaultfont);} .jobDetailNewWrapper .right .skillrequired .skills{display: flex; width: var(--fullwidth); gap:10px; flex-wrap: wrap;} .jobDetailNewWrapper .right .skillrequired .skills span{font-size: var(--fontsize14); text-transform: none; font-family: var(--defaultfont); background-color:var(--greyColor11); color: var(--greyColor2); padding:5px 15px; border-radius:50px;} .jobDetailNewWrapper .right .topInfo{display: flex; width:var(--fullwidth); gap:20px; margin:0 0 20px; justify-content: space-between; align-items: flex-start;} .jobDetailNewWrapper .right .topInfo .left{display: flex; width:var(--fullwidth); max-width: none; flex:1; flex-direction: column;} .jobDetailNewWrapper .right .topInfo .left h4{color: var(--blackColor); margin: 0 0 5px; font-size: var(--fontsize18);} .jobDetailNewWrapper .right .topInfo .left p{font-size: var(--fontsize14); min-height:10px; max-height:100px; overflow: hidden; margin: 0 0 0px; font-family: var(--defaultfont); color:var(--greyColor5);} .jobDetailNewWrapper .right .topInfo .right{flex:unset} .jobDetailNewWrapper .right ol li.heightAuto .topInfo .left p{max-height: unset;} .jobDetailNewWrapper .right .topInfo .right a{width:var(--fullwidth); min-width: 150px;} .jobDetailNewWrapper .right .actions{display: grid; border-top:1px solid var(--greyColor4); padding-top: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px;} .jobDetailNewWrapper .right .actions div{display: flex; gap:10px; align-items: center; color:var(--greyColor1); font-size: var(--fontsize14);} .jobDetailNewWrapper .right .actions div:nth-child(3){justify-content: flex-end;} .jobDetailNewWrapper .right .actions div:nth-child(2){justify-content:center;} .jobDetailNewWrapper .right .domianInfo{display: flex; flex-direction: column; width: var(--fullwidth); margin-bottom: 20px;} .jobDetailNewWrapper .right .domianInfo h5{color: var(--greyColor5); font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .jobDetailNewWrapper .right .domianInfo p{color: var(--blackcolor); font-size:var(--fontsize14);} .jobDetailNewWrapper .right .filtersBlock{display: flex; margin: 0 0 20px; width: var(--fullwidth); justify-content: space-between; align-items: center;} .jobDetailNewWrapper .right .filtersBlock h3{color: var(--blackcolor); font-family: var(--fontfamilysemibold); font-weight: normal; margin-bottom:0px; font-size:var(--fontsize18);} .jobDetailNewWrapper .right .filtersBlock div{display: flex; align-items: center; gap:10px;} .jobDetailNewWrapper .right .filtersBlock div label{margin:0; white-space: nowrap; display: flex; color: var(--greyColor2); font-size: var(--fontsize14); font-family: var(--defaultfont);} .jobDetailNewWrapper .right .filtersBlock div input[type="search"]{max-width: 200px;} .jobDetailNewWrapper .right .filtersBlock div select{max-width: 200px;} .jobDetailNewWrapper .right .jobCount{display: flex; width: var(--fullwidth); margin-bottom: 10px; font-size: var(--fontsize14); text-transform: none; font-family: var(--defaultfont); color: var(--greyColor2); } .participantsBlock .filtersBlock{display: flex; margin: 0 0 20px; gap:15px; width: var(--fullwidth); justify-content: flex-end; align-items: center;} .participantsBlock .filtersBlock label{margin:0; white-space: nowrap; display: flex; color: var(--greyColor2); font-size: var(--fontsize14); font-family: var(--defaultfont);} .participantsBlock .filtersBlock select{max-width: 200px;} .jobDetailNewWrapper .right .dataTables_wrapper .dataTables_length label{font-family: var(--defaultfont); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .jobDetailNewWrapper .right .dataTables_wrapper .dataTables_length label select{margin:0 10px} .jobDetailNewWrapper .right .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); display: flex; align-items: center; font-weight: normal;} .jobDetailNewWrapper .right .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .jobDetailNewWrapper .right .dataTables_wrapper tr{display: flex; flex-direction: column; width: var(--fullwidth);} .jobDetailNewWrapper .right .dataTables_wrapper thead{display: none} .jobDetailNewWrapper .right .dataTables_wrapper tbody {display: flex; padding: 0; gap:15px; margin:0 0 15px; flex-direction: column; width: var(--fullwidth);} .jobDetailNewWrapper .right .dataTables_wrapper tbody td{display: flex; padding: 0; width: var(--fullwidth);} .jobDetailNewWrapper .right table.dataTable{border-bottom: 0px none;} .jobLocationsWrapper{display: flex; width:var(--fullwidth); gap:20px; align-items: flex-start;} .jobLocationsWrapper .locationsWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px rgba(112, 98, 227, 0.10); padding:20px; border-radius: 10px;} .jobLocationsWrapper .locationsWrapper .block{display: flex; width:var(--fullwidth); } .jobLocationsWrapper .locationsWrapper .mapInfo{display: flex; gap:10px; flex-direction: column; max-width: 150px; width: var(--fullwidth);} .jobLocationsWrapper .locationsWrapper .mapInfo + div{display: flex; width: var(--fullwidth);} .jobLocationsWrapper .locationsWrapper .mapInfo h4{margin-bottom: 0; font-size: var(--fontsize16); color:var(--primaryColor); font-family: var(--fontfamilysemibold);} .jobLocationsWrapper .locationsWrapper .mapInfo h5{margin-bottom: 0; font-size: var(--fontsize14); color:var(--greyColor5); font-weight: normal; font-family: var(--defaultfont);} .jobLocationsWrapper .locationsWrapper .mapInfo p{margin-bottom: 0; font-size: var(--fontsize18); color:var(--blackcolor); font-weight: bold; font-family: var(--fontfamilysemibold);} .jobLocationsWrapper .locationsWrapper .mapInfo .block{display: flex; flex-direction: column;} .jobLocationsWrapper .locationsWrapper .chartBlock{display: flex; flex-direction: column; width: 100%} .jobLocationsWrapper .locationsWrapper .chartBlock p{ text-align:center; justify-content:center; font-size:var(--fontsize15);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper th{padding:10px; font-family: var(--defaultfont); text-transform: capitalize; color:var(--tableTh); font-size:var(--fontsize14);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); border-top:1px solid var(--greyColor4); font-size:var(--fontsize14);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:10px;} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--primaryLinkColor); font-family: var(--fontfamilysemibold);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper td div i{color:var(--primaryColor); width:20px; font-size: var(--fontsize20); margin-left: 0;} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .jobLocationsWrapper .locationsWrapper .listingWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .jobLocationsWrapper .locationsWrapper .listingWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .jobLocationsWrapper .locationsWrapper .listingWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .jobLocationsWrapper .locationsWrapper .listingWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .jobLocationsWrapper .locationsWrapper .listingWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper table td:nth-child(1) {max-width: 50%; width: var(--fullwidth);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper table td:nth-child(2) {max-width: 25%; width: var(--fullwidth);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper table td:nth-child(3) {max-width: 25%; width: var(--fullwidth);} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper table td .countWidth{min-width: 60px; display: inline-block;} .companyMasterWrapper .companyMasterLogo{justify-content: center;} .companyMasterWrapper{display: flex; width:var(--fullwidth); gap:20px; align-items: flex-start;} .companyMasterWrapper .masterWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px rgba(112, 98, 227, 0.10); padding:20px; border-radius: 10px;} .companyMasterWrapper .masterWrapper .block{display: flex; width:var(--fullwidth); } .companyMasterWrapper .masterWrapper .mapInfo{display: flex; gap:10px; flex-direction: column; max-width: 150px; width: var(--fullwidth);} .companyMasterWrapper .masterWrapper .mapInfo + div{display: flex; width: var(--fullwidth);} .companyMasterWrapper .masterWrapper .mapInfo h4{margin-bottom: 0; font-size: var(--fontsize16); color:var(--primaryColor); font-family: var(--fontfamilysemibold);} .companyMasterWrapper .masterWrapper .mapInfo h5{margin-bottom: 0; font-size: var(--fontsize14); color:var(--greyColor5); font-weight: normal; font-family: var(--defaultfont);} .companyMasterWrapper .masterWrapper .mapInfo p{margin-bottom: 0; font-size: var(--fontsize18); color:var(--blackcolor); font-weight: bold; font-family: var(--fontfamilysemibold);} .companyMasterWrapper .masterWrapper .mapInfo .block{display: flex; flex-direction: column;} .companyMasterWrapper .masterWrapper .chartBlock{display: flex; flex-direction: column; width: 100%} .companyMasterWrapper .masterWrapper .chartBlock p{ text-align:center; justify-content:center; font-size:var(--fontsize15);} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper th{padding:10px; background-color: var(--greyColor12); font-family: var(--fontfamilysemibold); font-weight: normal; text-transform: capitalize; color:var(--tableTh); text-align: left; font-size:var(--fontsize14);} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); bordeR:0px none; border-top:1px solid var(--greyColor4);text-align: left; font-size:var(--fontsize14);} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:10px;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td div i{color:var(--primaryColor); width:20px; font-size: var(--fontsize20); margin-left: 0;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .companyMasterWrapper .masterWrapper .listingWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .companyMasterWrapper .masterWrapper .listingWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .companyMasterWrapper .masterWrapper .listingWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .companyMasterWrapper .masterWrapper .listingWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .companyMasterWrapper .masterWrapper .listingWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td .companyMasterLogo img{max-width: 70px;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper table td:nth-child(1) {width:10%;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper table td:nth-child(2) {width:25%;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper table td:nth-child(3) {width: 25%;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper table td .countWidth{min-width: 60px; display: inline-block;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td .skillInfo {display: flex; flex-wrap: wrap; align-items: center; gap:10px;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td .skillInfo span{display: flex; font-size: var(--fontsize12); font-family: var(--defaultfont); color: var(--blackColor); padding: 5px 10px; border-radius: 10px; background-color: var(--greyColor9);} .companyMasterWrapper .masterWrapper .listingWrapper .viewMoreWrapper .selectpicker{display: none; gap: 15px; font-size: var(--fontsize14); font-weight: normal; font-family: var(--defaultfont);} .companyMasterWrapper .masterWrapper .listingWrapper .viewMoreWrapper button.dropdown-toggle{display: flex; min-width: 200px; gap: 15px; font-size: var(--fontsize14); font-weight: normal; font-family: var(--defaultfont);} .companyMasterWrapper .masterWrapper .listingWrapper .viewMoreWrapper button.dropdown-toggle + .dropdown-menu.open {width: auto; right:auto; padding: 10px; left:0;} .companyMasterWrapper .masterWrapper .listingWrapper .viewMoreWrapper .filter-option{flex:1; text-align: left;} .companyMasterWrapper .masterWrapper .listingWrapper .dropdown.open .dropdown-menu .dropdown-menu.inner {position: static; padding: 0; width:auto; border:0px none; border-radius: 4px; box-shadow: 0px 0px 0px 0px;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper td .skillInfo span a{color: var(--primaryLinkColor);} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper table tbody tr:nth-child(even){background-color: #f5f5f5;} /*Jobs Dashboard Modules Css*/ .pageHeaderInfo{display: flex; flex-direction:column; width: var(--fullwidth);} .pageHeaderInfo h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--blackColor)} .pageHeaderInfo h3{font-size: var(--fontsize20); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .pageHeaderInfo p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:10px; color: var(--greyColor5)} .pageHeaderInfo .displayInfo{display: flex; margin-bottom: 10px; gap:10px;align-items: center; width: var(--fullwidth); font-size: var(--fontsize14); color: var(--greyColor5); font-family: var(--defaultfont);} .pageHeaderInfo .displayInfo span{display: flex; font-weight: 400; font-family: var(--fontfamilysemibold); font-size: var(--fontsize14); margin-bottom:0px; color: var(--blackColor)} /*Course Plan Registration*/ .coursePlanWrapper{display: flex; width:var(--fullwidth); align-items: flex-start;} .coursePlanWrapper .coursePlanContainer{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column;} .coursePlanWrapper .coursePlanContainer .semesterWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top: 35px;} .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterContent{display: flex; width:var(--fullwidth); padding-bottom: 30px;} .coursePlanWrapper .coursePlanContainer .semesterWrapper h2{margin-bottom: 25px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .coursePlanWrapper .coursePlanContainer .semesterWrapper h3{margin-bottom: 10px; font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .coursePlanWrapper .coursePlanContainer .semesterWrapper p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterSlider{display: flex; width:var(--fullwidth);} .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterSlider .items .code{display: flex; width:var(--fullwidth); margin-bottom: 5px; font-size: var(--fontsize12); font-family: var(--defaultfont); font-weight: normal; color: var(--greyColor5); } .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterSlider .items .code span{margin-bottom:0px; font-size: var(--fontsize12); font-family: var(--defaultfont); font-weight: normal; color: var(--blackColor); } .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterSlider .items{display: flex; width:var(--fullwidth); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); gap:0px; background-color: var(--whitecolor); border-radius:15px; padding: 15px; width:var(--fullwidth); flex-direction: column;} .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterSlider .items .tag{display: flex; width:var(--fullwidth); margin-bottom: 10px;} .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterSlider .items .tag span{display: flex; border-radius:5px; padding:2px 10px; font-size: var(--fontsize12); font-family: var(--defaultfont); font-weight: normal; background-color: var(--greyColor4); color:var(--blackColor); } .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterSlider .items .infoBlock{display: flex; margin:5px 0 0; font-size: var(--fontsize14); gap:10px;color: var(--greyColor5); width:var(--fullwidth);} .coursePlanWrapper .coursePlanContainer .semesterWrapper .semesterSlider .items .infoBlock span{display: flex; color: var(--blackcolor); font-size: var(--fontsize14); font-family: var(--defaultfont);} .coursePlanWrapper .coursePlanContainer .slick-slider {margin:0 -10px;} .coursePlanWrapper .coursePlanContainer .slick-slide { padding:0px; margin-right:10px; margin-left:10px;} .coursePlanWrapper .coursePlanContainer .slick-list{display: flex; width:var(--fullwidth);} .coursePlanWrapper .coursePlanContainer .slick-track{display: flex; width:var(--fullwidth); margin-left: 0;} /*Course Plan Registration*/ /*Current Session page */ .currentSessionWrapper{display: flex; width:var(--fullwidth); align-items: flex-start;} .currentSessionWrapper h2{margin-bottom: 25px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize18); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .currentSessionWrapper h2 span{font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont);} .currentSessionWrapper .currentSessionContainer{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column;} .currentSessionWrapper .currentSessionContainer .profileWrapper {display: flex; width:var(--fullwidth); flex-direction: row; background-color: var(--lightPrimaryColor);} .currentSessionWrapper .currentSessionContainer .profileWrapper .left{display: flex; gap:10px; align-items: center; width:var(--fullwidth); flex:1} .currentSessionWrapper .currentSessionContainer .profileWrapper .right{display: flex; align-items: center; background-color: var(--whitecolor); gap: 20px; padding: 15px; border-radius: 10px; width:var(--fullwidth); max-width:40%;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(1){max-width: 80%; width:var(--fullwidth);} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(2){width:var(--fullwidth)!important; max-width:280px;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(2) div:nth-child(1){display: flex; width:var(--fullwidth); max-width:none} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(2) div:nth-child(2){display: flex; width:var(--fullwidth); justify-content: space-between; position: relative; margin-top: -36px;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(2) div:nth-child(2) span:first-child{display: flex; font-family: var(--fontfamilysemibold); font-size: var(--fontsize14); color:var(--greenColor);} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(2) div:nth-child(2) span:last-child{display: flex; font-family: var(--fontfamilysemibold); font-size: var(--fontsize14); color:var(--darkRedColor);} .currentSessionWrapper .currentSessionContainer .profileWrapper .thumb{display: flex; width:var(--fullwidth); max-width: 100px; align-items: flex-start;} .currentSessionWrapper .currentSessionContainer .profileWrapper .thumb img{object-fit: contain; height: 100%} .currentSessionWrapper .currentSessionContainer .profileWrapper .thumbContent{display: flex; flex-direction: column; flex:1} .currentSessionWrapper .currentSessionContainer .profileWrapper .thumbContent h3{margin-bottom: 5px; font-size: var(--fontsize16); color:var(--primaryColor); font-family: var(--fontfamilysemibold);} .currentSessionWrapper .currentSessionContainer .profileWrapper .thumbContent p{margin-bottom: 5px; font-size: var(--fontsize14); color:var(--blackColor); font-family: var(--defaultfont);} .currentSessionWrapper .currentSessionContainer .profileWrapper .thumbContent p + p{margin-bottom: 5px; font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont);} .currentSessionWrapper .currentSessionContainer .profileWrapper .thumbContent p span{color:var(--primaryColor); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold);} .currentSessionWrapper .currentSessionContainer .profileWrapper .right h3{margin-bottom: 5px; font-size: var(--fontsize16); color:var(--greyColor6); font-family: var(--fontfamilysemibold);} .currentSessionWrapper .currentSessionContainer .profileWrapper .right p{margin-bottom:0px; font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont);} .currentSessionWrapper .currentSessionContainer .sessionWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top: 35px;} .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionContent{display: flex; width:var(--fullwidth); padding-bottom: 30px;} .currentSessionWrapper .currentSessionContainer .sessionWrapper h2{margin-bottom: 25px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .currentSessionWrapper .currentSessionContainer .sessionWrapper h3{margin-bottom: 10px; font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .currentSessionWrapper .currentSessionContainer .sessionWrapper p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionSlider{display: flex; width:var(--fullwidth);} .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionSlider .items .code{display: flex; width:var(--fullwidth); margin-bottom: 5px; font-size: var(--fontsize12); font-family: var(--defaultfont); font-weight: normal; color: var(--greyColor5); } .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionSlider .items .code span{margin-bottom:0px; font-size: var(--fontsize12); font-family: var(--defaultfont); font-weight: normal; color: var(--blackColor); } .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionSlider .items{display: flex; bordeR:1px solid var(--greyColor3); width:var(--fullwidth); box-shadow: 0px 4px 5px rgb(112 98 227 / 5%); gap:0px; background-color: var(--whitecolor); border-radius:15px; padding: 15px; width:var(--fullwidth); flex-direction: column;} .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionSlider .items .tag{display: flex; width:var(--fullwidth); margin-bottom: 10px;} .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionSlider .items .tag span{display: flex; border-radius:5px; padding:2px 10px; font-size: var(--fontsize12); font-family: var(--defaultfont); font-weight: normal; background-color: var(--greyColor4); color:var(--blackColor); } .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionSlider .items .infoBlock{display: flex; margin:5px 0 0; font-size: var(--fontsize14); gap:10px;color: var(--greyColor5); width:var(--fullwidth);} .currentSessionWrapper .currentSessionContainer .sessionWrapper .sessionSlider .items .infoBlock span{display: flex; color: var(--blackcolor); font-size: var(--fontsize14); font-family: var(--defaultfont);} .currentSessionWrapper .currentSessionContainer .slick-slider {margin:0 -10px;} .currentSessionWrapper .currentSessionContainer .slick-slide { padding:0px; margin-right:10px; margin-left:10px;} .currentSessionWrapper .currentSessionContainer .slick-list{display: flex; width:var(--fullwidth); padding: 10px } .currentSessionWrapper .currentSessionContainer .slick-track{display: flex; width:var(--fullwidth); margin-left: 0;} /*Current Session page */ .pageHeadingTitle{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;} .pageHeadingTitle h2{margin-bottom: 0;} .loginRoleAlertMessage.open{display: flex;} .loginRoleAlertMessage{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; display: none; position: fixed; top:0; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.6); flex-direction: column; gap:10px; margin-bottom:0px} .loginRoleAlertMessage .loginRoleAlertMessageContainer{background-color: var(--whitecolor); width: var(--fullwidth); max-width: 400px; gap:10px; display: flex; flex-direction: column; padding:15px; border-radius: 15px;} .loginRoleAlertMessage .loginRoleAlertMessageContainer span{font-family: var(--fontfamilybold);} .loginRoleAlertMessage h4{font-size: var(--fontsize20); margin: 0; padding: 0; justify-content: center; text-align: center; font-family: var(--fontfamilybold); color: var(--darkRedColor);} .loginRoleAlertMessage p{text-align: center; margin: 0; padding: 0; display:inline-table; flex-wrap: wrap;} .loginRoleAlertMessage p i{font-style: normal;} .loginRoleAlertMessage p span{margin: 0 5px; display:inline-table;} .loginRoleAlertMessage .continueAction{display: flex; border-top: 1px solid var(--greyColor4); padding-top: 10px; width: var(--fullwidth); justify-content: center; align-items: center; gap:20px;} .loginRoleAlertMessage .continueAction a{width: auto; padding: 5px 20px;} .certificateDownloadLink{display: flex; align-items: flex-end; justify-content: flex-end; text-align: right;} .certificateDownloadLink a{display: flex; align-items: center; gap:5px} .moduleRegistrationbannerSlider.slick-dotted.slick-slider{margin-bottom: 0;} .moduleRegistrationbannerSlider.newDesign.slick-dotted.slick-slider .slick-dots{bottom:10px;} .moduleRegistrationbanner{display: flex; width: var(--fullwidth);} .moduleRegistrationbanner img{border-radius: 10px;} .moduleRegistrationbannerSlider{display: flex; width: var(--fullwidth);} .gEventLoader{display: flex; align-items: center; justify-content: center; padding:100px 0} .gEventLoader img{max-width:50px;} .fullyPageLoaded .gEventLoader{display: none;} .pageWrapper .mainContent.pageLoader{opacity: 0; visibility: hidden;} .fullPageLoader.open{display: flex;} .fullPageLoader{position: fixed; top:0; right:0; left:0; display: flex; display: none; align-items: center; justify-content: center; bottom:0; left; z-index: 220000000; background-color:rgba(0,0,0,0.8)} .fullPageLoader div{padding: 10px; border-radius:5px; box-shadow: 0 0 10px #5c4a4a; background-color: var(--whitecolor); flex-direction: column; display: flex; width: var(--fullwidth); max-width: 100px; align-items: center;} .fullPageLoader div img{max-width: 100%} /*Time Table*/ .timeTableWrapper{display: flex; width:var(--fullwidth); align-items: flex-start;} .timeTableWrapper .timeTableContainer{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column;} .timeTableWrapper .timeTableContainer p{margin-bottom:0px; font-size: var(--fontsize12); color: var(--whitecolor); font-family: var(--defaultfont);} .timeTableWrapper .timeTableContainer b{margin-bottom:0px; font-size: var(--fontsize12); font-weight: normal; color: var(--whitecolor); font-family: var(--defaultfont);} .timeTableWrapper .timeTableContainer b.cd-schedule__faculty{color:var(--greyColor6);} .timeTableWrapper .timeTableContainer p.cd-schedule__session{color:var(--greyColor6);} .timeTableWrapper .timeTableContainer .cd-schedule__group.selected{background-color: var(--lightPrimaryColor);} .timeTableWrapper .timeTableContainer .cd-schedule__group.selected .cd-schedule__top-info span{color: var(--blackcolor); font-weight: bold;} .timeTableWrapper .timeTableContainer .cd-schedule__group.selected .cd-schedule__event.selected a{background-color: var(--sidebarThemeColorChange);} .timeTableWrapper .timeTableContainer .cd-schedule__group.selected .cd-schedule__event.selected a::before{color:var(--whitecolor);} .timeTableWrapper .timeTableContainer .cd-schedule__group.selected .cd-schedule__event.selected a .cd-schedule__name{ color:var(--whitecolor);} .timeTableWrapper .timeTableContainer .cd-schedule__group.selected .cd-schedule__event.selected a .cd-schedule__faculty{ color:var(--whitecolor);} .timeTableWrapper .timeTableContainer .cd-schedule__group.selected .cd-schedule__event.selected a .cd-schedule__session{ color:var(--whitecolor);} /*Time Table*/ /*Module Registration*/ .moduleRegistrationWrapper{display: flex; width:var(--fullwidth); align-items: flex-start;} .moduleRegistrationWrapper .moduleRegistrationContainer{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top: 35px;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleContent{display: flex; width:var(--fullwidth); flex-direction: column;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleActions{display: flex; margin-top: 40px; width:var(--fullwidth); justify-content: center;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleActions a{display: flex; width:auto; justify-content: center;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper h2{margin-bottom: 25px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper h3{margin-bottom: 10px; font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider{display: flex; width:var(--fullwidth);} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items{display: flex; width:var(--fullwidth); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); gap:0px; background-color: var(--whitecolor); border-radius:15px; padding: 15px; width:var(--fullwidth); flex-direction: column;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .code{display: flex; width:var(--fullwidth); margin-bottom: 5px; font-size: var(--fontsize12); font-family: var(--defaultfont); font-weight: normal; color: var(--greyColor5); } .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .tag{display: flex; width:var(--fullwidth); margin-bottom: 10px;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .tag span{display: flex; border-radius:5px; padding:2px 10px; font-size: var(--fontsize12); font-family: var(--defaultfont); font-weight: normal; background-color: var(--greyColor4); color:var(--blackColor); } .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .infoBlock{display: flex; flex-direction: column; margin:5px 0 0; font-size: var(--fontsize12); gap:5px;color: var(--blackcolor); font-family: var(--fontfamilysemibold); width:var(--fullwidth);} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .infoBlock ul{display: flex; flex-direction: column; gap:5px;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .infoBlock ul li{display: list-item; list-style-position: inside; font-family: var(--defaultfont); color: var(--greyColor5); list-style-type: disc;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .actions{display: flex; width:var(--fullwidth); margin-top: 15px;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .actions a{display: flex; width:var(--fullwidth); justify-content: center;} .moduleRegistrationWrapper .moduleRegistrationContainer .slick-slider {margin:0 -10px;} .moduleRegistrationWrapper .moduleRegistrationContainer .slick-slide { padding:0px; margin-right:10px; margin-left:10px;} .moduleRegistrationWrapper .moduleRegistrationContainer .slick-list{display: flex; width:var(--fullwidth);} .moduleRegistrationWrapper .moduleRegistrationContainer .slick-track{display: flex; width:var(--fullwidth); margin-left: 0;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .selectBlock{display: flex; width:var(--fullwidth); margin-top: 10px; gap:0px; flex-direction: column;} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .selectBlock label{font-size: var(--fontsize12); font-family: var(--defaultfont); margin:0 0 5px; font-weight: normal; color: var(--greyColor2);} .moduleRegistrationWrapper .moduleRegistrationContainer .moduleWrapper .moduleSlider .items .checkboxLabel{display: flex; width:var(--fullwidth); margin-bottom: 10px;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top: 35px;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .moduleContent{display: flex; width:var(--fullwidth);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper h2{margin-bottom: 25px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper h3{margin-bottom: 10px; font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper th{padding:10px; font-family: var(--defaultfont); background-color: var(--greyColor12); border-bottom: 0px none; text-transform: capitalize; font-weight: normal; color:var(--tableTh); font-size:var(--fontsize14);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); border-bottom:1px solid var(--greyColor4); font-size:var(--fontsize14);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td i{color:var(--greenColor2); margin-left:0px;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td a i{color:var(--greenColor2); flex-shrink: 0; width:53px; height: 53px; object-fit: contain; margin-left:0px;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td a i img{object-fit: contain; height:100%;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td:first-child{font-family: var(--fontfamilysemibold);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper .actions a{border-radius: 4px; color:var(--primaryColor); font-family: var(--defaultfont); padding: 4px 10px;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td .seeScheduleWrapper{display: flex; display: none; width:var(--fullwidth);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td .seeScheduleWrapper table{width:var(--fullwidth); bordeR:1px solid var(--strokeColor); border-collapse: collapse;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td .seeScheduleWrapper table th{padding:10px; font-family: var(--defaultfont); background-color: var(--primaryColor); border-bottom: 0px none; text-transform: capitalize; font-weight: normal; color:var(--whitecolor); font-size:var(--fontsize14);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td .seeScheduleWrapper table td{padding: 10px; font-family: var(--defaultfont); color:var(--greyColor5); border-bottom:0px solid var(--greyColor6); font-size:var(--fontsize14);} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper td .seeScheduleWrapper table th:nth-child(3){width: 500px;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .seeScheduleSection.open .seeScheduleWrapper{display:flex;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .seeScheduleSection.open td{padding: 10px;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .seeScheduleSection td{padding:0px; bordeR:0px none;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .seeScheduleSection td:nth-child(1){width:5%} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .seeScheduleSection td:nth-child(2){width:50%} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .seeScheduleSection td:nth-child(3){width:45%} /*Module Registration*/ /*My leave Page*/ .myleaveWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .myleaveWrapper .myleaveContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .myleaveWrapper .myleaveContainer h2{margin-bottom: 25px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .myleaveWrapper .myleaveContainer h3{margin-bottom: 10px; font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .myleaveWrapper .myleaveContainer p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .myleaveWrapper .myleaveContainer .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .myleaveWrapper .myleaveContainer .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .myleaveWrapper .myleaveContainer .tableWrapper th{padding:15px; text-align: left; font-family: var(--defaultfont); background-color: var(--greyColor12); border-bottom: 0px none; text-transform: capitalize; font-weight: normal; color:var(--tableTh); font-size:var(--fontsize14);} .myleaveWrapper .myleaveContainer .tableWrapper td{padding: 15px; font-family: var(--defaultfont); color:var(--blackcolor); border-bottom:1px solid var(--greyColor4); font-size:var(--fontsize14);} .myleaveWrapper .myleaveContainer .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .myleaveWrapper .myleaveContainer .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .myleaveWrapper .myleaveContainer .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .myleaveWrapper .myleaveContainer .tableWrapper td:first-child{font-family: var(--fontfamilysemibold);} .myleaveWrapper .myleaveContainer .tableWrapper .actions{display: flex; align-items: center;} .myleaveWrapper .myleaveContainer .tableWrapper .actions a{border-radius: 4px; display: flex; align-items: center; color:var(--primaryColor); font-family: var(--defaultfont); padding: 4px 10px;} .myleaveWrapper .myleaveContainer .filtersBlock{display: flex; align-items: center; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); margin-bottom: 20px; width: var(--fullwidth); justify-content: space-between;} .myleaveWrapper .myleaveContainer .filtersBlock div:nth-child(1){color:var(--primaryColor);} .myleaveWrapper .myleaveContainer .filtersBlock div:nth-child(2){display: flex; gap:10px; align-items: center; flex:1; justify-content: flex-end;} .myleaveWrapper .myleaveContainer .filtersBlock div:nth-child(2) label{display: flex; margin:0; align-items: center; color: var(--greyColor5); font-weight: normal; font-family: var(--defaultfont);} .myleaveWrapper .myleaveContainer .filtersBlock div:nth-child(2) select{max-width: 200px;} .myleaveWrapper .myleaveContainer .employeeDetails{display: flex; gap:10px; flex-direction: column; margin-bottom: 20px; padding: 15px;border-radius:10px; width: var(--fullwidth); background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .myleaveWrapper .myleaveContainer .employeeDetails h3{margin-bottom:0px;} .myleaveWrapper .myleaveContainer .employeeDetails p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .myleaveWrapper .myleaveContainer .employeeDetails .info{display: flex; align-items: center; gap:10px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont)} .myleaveWrapper .myleaveContainer .employeeDetails .info span{display: flex; align-items: center; gap:10px; font-size: var(--fontsize12); color: var(--blackColor); font-family: var(--defaultfont)} /*My leave Page*/ /*Attendance Logs Page*/ .attendanceLogsWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .attendanceLogsWrapper .attendanceLogsContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .attendanceLogsWrapper .attendanceLogsContainer h2{margin-bottom: 25px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .attendanceLogsWrapper .attendanceLogsContainer h3{margin-bottom: 10px; font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .attendanceLogsWrapper .attendanceLogsContainer p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper th{padding:15px; text-align: left; font-family: var(--defaultfont); background-color: var(--greyColor12); border-bottom: 0px none; text-transform: capitalize; font-weight: normal; color:var(--tableTh); font-size:var(--fontsize14);} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper td{padding: 15px; font-family: var(--defaultfont); color:var(--blackcolor); border-bottom:1px solid var(--greyColor4); font-size:var(--fontsize14);} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper td:first-child{font-family: var(--fontfamilysemibold);} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper .actions{display: flex; align-items: center;} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper .actions a{border-radius: 4px; display: flex; align-items: center; color:var(--primaryColor); font-family: var(--defaultfont); padding: 4px 10px;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock{display: flex; gap:20px; align-items: center; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); margin-bottom: 20px; width: var(--fullwidth); justify-content: space-between;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(1){color:var(--greyColor5); font-weight: normal; font-family: var(--defaultfont);} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(1) label{color:var(--greyColor5); font-weight: normal; font-family: var(--defaultfont);} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(2){display: flex; gap:10px; flex-direction: row; flex:1; justify-content: flex-end;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(2) > div {display: flex; gap:5px; flex-direction:column;; flex: unset;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(2) label{display: flex; margin:0; align-items: center; color: var(--greyColor5); font-weight: normal; font-family: var(--defaultfont);} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(2) select{max-width: 170px; min-width: 170px;} .attendanceLogsWrapper .attendanceLogsContainer .employeeDetails{display: flex; gap:10px; flex-direction: column; margin-bottom: 20px; padding: 15px;border-radius:10px; width: var(--fullwidth); background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .attendanceLogsWrapper .attendanceLogsContainer .employeeDetails h3{margin-bottom:0px;} .attendanceLogsWrapper .attendanceLogsContainer .employeeDetails p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .attendanceLogsWrapper .attendanceLogsContainer .employeeDetails .info{display: flex; align-items: center; gap:10px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont)} .attendanceLogsWrapper .attendanceLogsContainer .employeeDetails .info span{display: flex; align-items: center; gap:10px; font-size: var(--fontsize12); color: var(--blackColor); font-family: var(--defaultfont)} /*Attendance Logs Page*/ /*Scheduled Weekly Timetable Logs Page*/ .scheduledWeeklyTimetablesWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer h2{margin-bottom: 25px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer h3{margin-bottom: 10px; font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper table{width:var(--fullwidth); bordeR:0px none; border-collapse: collapse;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper th{padding:15px; text-align: left; font-family: var(--fontfamilysemibold); background-color: var(--greyColor5); border:1px solid var(--whitecolor); text-transform: capitalize; font-weight: normal; color:var(--whitecolor); font-size:var(--fontsize14);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper td{padding: 15px; font-family: var(--defaultfont); color:var(--blackcolor); border:1px solid var(--greyColor4); font-size:var(--fontsize14);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper td:first-child{font-family: var(--fontfamilysemibold); background-color: var(--greyColor5); color: var(--whitecolor);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper tr:last-child td:first-child div{justify-content: flex-end;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper tr:last-child td:last-child{background-color: var(--greyColor5); color: var(--whitecolor);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper tr.off td{background-color: var(--greyColor4); color: var(--blackcolor);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper .actions{display: flex; align-items: center; font-family: var(--fontfamilysemibold); background-color: var(--greyColor5); color: var(--whitecolor);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper .actions a{border-radius: 4px; display: flex; align-items: center; color:var(--primaryColor); font-family: var(--defaultfont); padding: 4px 10px;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .employeeDetails{display: flex; gap:10px; flex-direction: column; margin-bottom: 20px; padding: 15px;border-radius:10px; width: var(--fullwidth); background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .employeeDetails h3{margin-bottom:0px;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .employeeDetails p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .employeeDetails .info{display: flex; align-items: center; gap:10px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont)} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .employeeDetails .info span{display: flex; align-items: center; gap:10px; font-size: var(--fontsize12); color: var(--blackColor); font-family: var(--defaultfont)} /*Scheduled Weekly Timetable Logs Page*/ /*Holidays Page*/ .holidaysWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .holidaysWrapper .holidaysContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .holidaysWrapper .holidaysContainer h2{margin:0; padding: 0; width:var(--fullwidth); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .holidaysWrapper .holidaysContainer h3{margin-bottom: 10px; font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .holidaysWrapper .holidaysContainer .employeeDetails{display: flex; gap:10px; flex-direction: column; margin-bottom: 20px; padding: 15px;border-radius:10px; width: var(--fullwidth); background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .holidaysWrapper .holidaysContainer .employeeDetails h3{margin-bottom:0px;} .holidaysWrapper .holidaysContainer .employeeDetails p{margin-bottom:5px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont);} .holidaysWrapper .holidaysContainer .employeeDetails p:hover{background-color: transparent!important; color: var(--greyColor5)!important;} .holidaysWrapper .holidaysContainer .employeeDetails .info{display: flex; align-items: center; gap:10px; font-size: var(--fontsize12); color: var(--greyColor5); font-family: var(--defaultfont)} .holidaysWrapper .holidaysContainer .employeeDetails .info span{display: flex; align-items: center; gap:10px; font-size: var(--fontsize12); color: var(--blackColor); font-family: var(--defaultfont)} .holidaysWrapper .holidaysContainer .filterBlock{display: flex; align-items: center; justify-content:space-between; border-bottom:1px solid var(--strokeColor); margin-bottom: 25px; padding-bottom: 10px;} .holidaysWrapper .holidaysContainer .filterBlock .actions{display: flex; align-items: center; gap:10px;} .holidaysWrapper .holidaysContainer .filterBlock .actions a{padding: 5px 20px; border: 1px solid var(--greyColor); white-space: nowrap; color: var(--blackcolor); font-family: var(--defaultfont); font-size: var(--fontsize16); border-radius: var(--radius5);} .holidaysWrapper .holidaysContainer .filterBlock .actions a:hover{padding: 5px 20px; border: 1px solid var(--primaryColor); background: linear-gradient(270deg, var(--primaryColor) 0%, var(--primaryColor) 100%); white-space: nowrap; color: var(--whitecolor); font-family: var(--defaultfont); font-size: var(--fontsize16); border-radius: var(--radius5);} .holidaysWrapper .holidaysContainer .filterBlock .actions a.active{padding: 5px 20px; border: 1px solid var(--primaryColor); background: linear-gradient(270deg, var(--primaryColor) 0%, var(--primaryColor) 100%); white-space: nowrap; color: var(--whitecolor); font-family: var(--defaultfont); font-size: var(--fontsize16); border-radius: var(--radius5);} .holidaysWrapper .holidaysContainer .tableWrapper{display: flex; width:var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:0px; border-radius:var(--radius5)} .holidaysWrapper .holidaysContainer .tableWrapper table{width:var(--fullwidth); margin:0; padding:0; height:auto; bordeR:0px none; border-collapse: collapse;} .holidaysWrapper .holidaysContainer .tableWrapper th{padding:15px; text-align: left; font-family: var(--defaultfont); background-color: var(--greyColor12); border-bottom: 0px none; text-transform: capitalize; font-weight: normal; color:var(--tableTh); font-size:var(--fontsize14);} .holidaysWrapper .holidaysContainer .tableWrapper td{padding: 15px; text-align: left; background-color: transparent; font-family: var(--defaultfont); color:var(--blackcolor); border-bottom:1px solid var(--greyColor4); font-size:var(--fontsize14);} .holidaysWrapper .holidaysContainer .tableWrapper td div{display: flex; gap:15px; align-items: center; font-family: var(--fontfamilysemibold);} .holidaysWrapper .holidaysContainer .tableWrapper td div a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .holidaysWrapper .holidaysContainer .tableWrapper td:last-child{font-family: var(--fontfamilysemibold);} .holidaysWrapper .holidaysContainer .tableWrapper td:first-child{font-family: var(--fontfamilysemibold);} .holidaysWrapper .holidaysContainer .holidayListTab{display: flex; flex-direction: column; width: var(--fullwidth); display: none;} .holidaysWrapper .holidaysContainer .holidayListTab.show{display: flex;} .holidaysWrapper .holidaysContainer .calendarTab{display: flex; width: var(--fullwidth);display: none} .holidaysWrapper .holidaysContainer .calendarTab.show{display: flex;} /*Holidays Page*/ /*My Profile Page*/ .myprofilesWrapper .myprofilesContainer .profileBlock{display: flex; width: var(--fullwidth);} .myprofilesWrapper .myprofilesContainer .employeeDetails{display: flex; gap:20px; margin-bottom: 20px; align-items: flex-start; padding: 15px;border-radius:10px; width: var(--fullwidth); background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .myprofilesWrapper .myprofilesContainer .employeeDetails .thumb{display: flex; max-width: 200px; align-items: flex-start;} .myprofilesWrapper .myprofilesContainer .employeeDetails .thumb img{object-fit: contain;} .myprofilesWrapper .myprofilesContainer .employeeDetails .thumbContent{display: flex; flex-direction: column; flex:1} .myprofilesWrapper .myprofilesContainer .employeeDetails .thumbContent h3{margin-bottom: 5px;} .myprofilesWrapper .myprofilesContainer h2{margin-top:0px; margin-bottom: 15px; padding-bottom: 10px; width:var(--fullwidth); border-bottom:1px solid var(--strokeColor); font-size: var(--fontsize16); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .myprofilesWrapper .myprofilesContainer h3{margin-bottom: 10px; font-size: var(--fontsize18); color:var(--blackColor); font-family: var(--fontfamilysemibold);} .myprofilesWrapper .myprofilesContainer p{margin-bottom:0px; font-size: var(--fontsize14); color:var(--greyColor2); font-family: var(--fontfamilysemibold);} .myprofilesWrapper .myprofilesContainer .info{ display: flex; margin-top: 10px; align-items: center; gap:10px; font-size: var(--fontsize14); color:var(--greyColor2); font-family: var(--defaultfont);} .myprofilesWrapper .myprofilesContainer .info span{font-size: var(--fontsize14); color:var(--blackColor); font-family: var(--fontfamilysemibold);} /*My Profile Page*/ /*Wow Dashboard Page*/ .wowDashboardWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .wowDashboardWrapper .wowDashboardContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .pageHeaderInfo{display: flex; flex-direction:column; width: var(--fullwidth); margin-bottom: 30px;} .wowDashboardWrapper .wowDashboardContainer .pageHeaderInfo h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .wowDashboardWrapper .wowDashboardContainer .pageHeaderInfo h3{font-size: var(--fontsize20); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; color: var(--blackColor)} .wowDashboardWrapper .wowDashboardContainer .pageHeaderInfo p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:20px; color: var(--greyColor5)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper{display: grid; gap:20px; grid-template-columns: repeat(2,minmax(0,1fr));} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft{display: flex; border-radius: 10px; padding:20px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: var(--fullwidth); background-color: var(--whitecolor);} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight{display: flex; border-radius: 10px; padding:20px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: var(--fullwidth); background-color: var(--whitecolor);} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol{display: flex; gap:20px;flex-direction: column; width:var(--fullwidth); } .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li{display: flex; height: 100%; width:var(--fullwidth); margin:0;padding:20px 0 15px; border-top:1px solid var(--strokeColor);} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li:first-child{border-top:0px none; padding-top: 0;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .left p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .left h2{font-size: var(--fontsize24); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .left h2 + p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .left div:nth-child(2) {font-size: var(--fontsize28); align-items: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); gap:10px; color: var(--blackColor)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .left div:nth-child(2) span{font-size: var(--fontsize16); display: flex; font-weight: 400; font-family: var(--defaultfont); color: var(--greyColor5)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .left{display: flex; justify-content: space-between; flex:1; flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right{display: flex; flex-direction: column; width:var(--fullwidth); max-width: 400px;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right .chart{display: flex; width: var(--fullwidth); height: 100%} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right .valueIncrease{display: flex; justify-content: flex-end;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right .valueIncrease span{display: flex; font-size: var(--fontsize12); padding: 2px 5px; color:#44E09E; gap:5px; align-items: center; bordeR:1px solid #44E09E; border-radius:5px;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right .valueDecrease{display: flex; justify-content: flex-end;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right .valueDecrease span{display: flex; font-size: var(--fontsize12); padding: 2px 5px; color:#EA6E97; gap:5px; align-items: center; bordeR:1px solid #EA6E97; border-radius:5px;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol{display: flex; gap:20px;flex-direction: column; width:var(--fullwidth); } .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li{display: flex; align-items: center; gap:30px;width:var(--fullwidth); margin:0;padding:15px; border-radius: 20px;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li a{display: flex;width:var(--fullwidth); align-items:center; color:var(--blackcolor); gap: 30px;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left{display:flex; flex:1; gap:20px;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackcolor)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left h2{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; gap:10px; color: var(--blackColor)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left h2 span{display: flex; gap:5px; align-items: center; color:var(--greenColor2);} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left h2 span.valueIncrease{display: flex; gap:5px; align-items: center; color:var(--greenColor2);} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left h2 span.valueDecrease{display: flex; gap:5px; align-items: center; color:#EA6E97;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left h2 + p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackcolor)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left div:nth-child(1) {gap:10px; display: flex; flex: 1; flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left div:nth-child(2) {font-size: var(--fontsize14); flex-direction: column; align-items: flex-end; display: flex; font-weight: 400; flex-direction: column; font-family: var(--defaultfont); gap:10px; color: var(--blackcolor)} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left div:nth-child(2) span{font-size: var(--fontsize22); display: flex; font-weight: 400; font-family: var(--defaultfont); color: var(--blackcolor); font-family: var(--fontfamilysemibold); } .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li:nth-child(1){background: linear-gradient(291deg, rgba(255, 255, 255, 0.50) 31.92%, rgba(255, 255, 255, 0.00) 105.99%), #F0E8FC;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li:nth-child(2){background: linear-gradient(289deg, rgba(255, 255, 255, 0.50) 11.43%, rgba(255, 255, 255, 0.00) 58.24%), #DAEDFF;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li:nth-child(3){background: linear-gradient(273deg, rgba(255, 255, 255, 0.50) 9.83%, rgba(255, 255, 255, 0.00) 56.21%), #FFD9E2;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li:nth-child(4){background: linear-gradient(286deg, rgba(255, 255, 255, 0.50) 17.03%, rgba(255, 255, 255, 0.00) 39.55%), #C9F9EF;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li:nth-child(1) .left h2{color: #673AC4;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li:nth-child(2) .left h2{color: #42A3FD;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li:nth-child(3) .left h2{color: #BF56A5;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li:nth-child(4) .left h2{color: #2C8775;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper{display: flex; width: var(--fullwidth); margin-top: 30px;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseContainer{display: flex; flex-direction: column; border-radius: 10px; padding:20px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: var(--fullwidth); background-color: var(--whitecolor);} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper h2{font-size: var(--fontsize18); justify-content: space-between; align-items: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:25px; gap:10px; color: var(--blackColor); border-bottom:1px solid var(--strokeColor); padding: 0; padding-bottom: 10px;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper h2 a{font-size: var(--fontsize12); font-family: var(--defaultfont); color:var(--greyColor5); gap:5px; align-items: center;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider{display: flex; width: var(--fullwidth); gap:15px; padding: 0 0px;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .items{display: flex; max-width: 430px; padding: 15px; border: 3px solid #F6F6F6; border-radius: 10px; background-color: var(--whitecolor); flex-direction: column; width: var(--fullwidth);} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .items .skills{display: flex; margin-bottom: 5px;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .items .skills span{background-color: var(--greyColor12); font-size: var(--fontsize12); font-family: var(--defaultfont); padding:5px 10px; border-radius: 5px;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider h3{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:15px; border-bottom:1px solid var(--strokeColor); padding: 0; padding-bottom: 10px; color: var(--blackColor)} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider p{font-size: var(--fontsize13); display: flex; gap:10px; align-items: center; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider ol {display: grid; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider ol li{display: flex; flex-direction: column; width: var(--fullwidth); } .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider ol li div{display: flex; align-items: center; gap:5px; font-size: var(--fontsize18); font-family: var(--fontfamilysemibold);} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider ol li div i{color:var(--greenColor2);} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider ol li div .valueDecrease{color:#EA6E97;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider ol li div .valueIncrease{color:var(--greenColor2);} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .actions{display: flex; width: var(--fullwidth); margin-top:25px;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .actions button{padding:8px 35px} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-list{width: var(--fullwidth);} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-track{display: flex; gap:32px; width: var(--fullwidth); margin-left: 0;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-prev{left:0; z-index: 1} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-next{right:0; z-index: 1} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-dots{bottom:0} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-prev:before, .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-next:before{color: var(--primaryColor);} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper{display: flex; width: var(--fullwidth); margin-top: 30px;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper h2{font-size: var(--fontsize18); justify-content: space-between; align-items: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:25px; gap:10px; color: var(--blackColor);padding: 0;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper h2 a{font-size: var(--fontsize12); font-family: var(--defaultfont); color:var(--greyColor5); gap:5px; align-items: center;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider{display: flex; width: var(--fullwidth); gap:15px; padding: 0 0px;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider .items{display: flex; min-width: 380px; max-width: 380px; padding: 15px; border: 3px solid #F6F6F6; border-radius: 10px; background-color: var(--whitecolor); flex-direction: column; width: var(--fullwidth);} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider h3{font-size: var(--fontsize16); justify-content: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:15px; color: var(--blackColor)} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider p{font-size: var(--fontsize13); display: flex; gap:10px; align-items: center; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider div{font-size: var(--fontsize14); display: flex; gap:10px; align-items: center; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--tableTh)} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider span{font-size: var(--fontsize14); display: flex; gap:10px; align-items: center; font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greenColor2)} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider .valueIncrease{font-size: var(--fontsize14); display: flex; color: var(--greenColor2)} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider .valueDecrease{font-size: var(--fontsize14); display: flex; color:#EA6E97} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .slick-list{width: var(--fullwidth);} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .slick-track{display: flex; gap:32px; width: var(--fullwidth); margin-left: 0;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .slick-prev{left:0; z-index: 1} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .slick-next{right:0; z-index: 1} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .slick-dots{bottom:0} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .slick-prev:before, .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .slick-next:before{color: var(--primaryColor);} /*Wow Dashboard Page*/ .successMsgDialog.open{display: flex;} .successMsgDialog{position:fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 2200000029;} .successMsgDialog .successMsgDialogContainer{background-color: var(--whitecolor); flex-direction: column; position: relative; width: var(--fullwidth); max-width:500px; padding: 15px; display: flex; border-radius:var(--radius10);} .successMsgDialog .successMsgDialogContainer .dialog-close{position: absolute; top: -10px; right: -10px; display: none;} .successMsgDialog .successMsgDialogContainer .dialog-close a{box-shadow: 0 0 0 2px #000; width:26px; height: 26px; color: var(--blackcolor); font-size:var(--fontsize18); border-radius: var(--radius100); background-color: var(--whitecolor); display: flex; align-items: center; justify-content: center;} .successMsgDialog .successMsgDialogContainer .dialog-close a i{font-size:var(--fontsize18); margin:0; display: flex; align-items: center; justify-content: center;} .successMsgDialog .successMsgDialogContainer .dialogContent{display: flex; gap:10px; align-items: center; justify-content: center; flex-direction: column; padding:0px; width: var(--fullwidth);} .successMsgDialog .successMsgDialogContainer .dialogContent i{font-size: 85px; color:green} .successMsgDialog .successMsgDialogContainer .dialogActions{display: flex; gap:15px; margin-top: 20px; align-items: center; justify-content: center; width: 100%; border-top:1px solid var(--greyColor4); padding-top: 15px;} .successMsgDialog .successMsgDialogContainer .dialogActions a{width:auto;} .successMsgDialog .successMsgDialogContainer .dialogContent p{font-size: 14px; text-align: center; color:var(--greyColor5); font-family: var(--defaultfont);} .successMsgDialog .successMsgDialogContainer .dialogContent h4{font-size: 18px;} /* user detail page css start*/ .pageWrapper .mainContent .listCenter { display: flex; width: 100%; align-items: flex-start; } .pageWrapper .mainContent .listCenter .listRow { flex: 1; text-align: left; border: 1px solid var(--greyColor); padding: 10px; display: flex; align-items: center; } .pageWrapper .mainContent .listCenter .listRow .block { text-align: left; flex: 1; display: flex; margin-right: 10px; flex-direction: column; } .pageWrapper .mainContent .listCenter .listRow span { margin-left: 10px; } .pageWrapper .mainContent .listCenter .listRow .thumb { margin-bottom: 10px; max-width: 250px; order: 1 } .pageWrapper .mainContent .listCenter .listRow .thumbContent { display: flex; flex-direction: column; order: 2; } /* user detail page css end*/ .viewResumeMatchingWrapper.noBackground{background-color: transparent; box-shadow: 0px 0px 0px rgb(112 98 227 / 10%); padding:0; } .viewResumeMatchingWrapper.noBackground ol li{box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); padding:0px; background-color: var(--whitecolor); border-radius: 10px;} .viewResumeMatchingWrapper{display: flex; margin-top: 30px; flex-direction: column; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); padding: 20px; background-color: var(--whitecolor); border-radius: 10px;} .viewResumeMatchingWrapper .matchingJobsMessage{display: flex; margin-bottom: 20px; color:var(--blackColor); gap:5px; font-size: var(--fontsize14); font-family: var(--defaultfont);} .viewResumeMatchingWrapper .matchingJobsMessage strong{display: flex; color:var(--blackColor); font-size: var(--fontsize14); font-family: var(--fontfamilysemibold);} .viewResumeMatchingWrapper .addSkillMessage{display: flex; margin-top: 20px; padding: 15px; background-color: var(--primaryBgColor); border-radius: 5px; justify-content: space-between; align-items: center; color:var(--blackColor); gap:5px; font-size: var(--fontsize14); font-family: var(--defaultfont);} .viewResumeMatchingWrapper .addSkillMessage p{display: flex; gap:5px; color:var(--blackColor); align-items: center; font-size: var(--fontsize12); font-family: var(--defaultfont);} .viewResumeMatchingWrapper .addSkillMessage p i{font-size: 20px; color: var(--primaryColor);} .viewResumeMatchingWrapper .addSkillMessage a{display: flex; align-items: center; gap:5px;} .viewResumeMatchingWrapper ol{display: flex; width: 100%; flex-direction: column; gap:20px;} .viewResumeMatchingWrapper ol li{display: flex; width: 100%; flex-direction: column;} .viewResumeMatchingWrapper ol li .items{display: flex; width: 100%; flex-direction: column;} .viewResumeMatchingWrapper ol li .items .topBar{display: flex; width: 100%;gap:40px; padding:15px; border-radius: 10px;} .viewResumeMatchingWrapper ol li .items .topBar .left{display: flex; width: 100%; gap:10px;} .viewResumeMatchingWrapper ol li .items .topBar .right{display: flex; width:auto; align-items: center; flex-direction: column; gap:10px; justify-content: center;} .viewResumeMatchingWrapper ol li .items .topBar .right a{white-space: nowrap; display: flex; width: 100%; flex-shrink: 0;} .viewResumeMatchingWrapper ol li .items .topBar .thumb{display: flex; width: 100%; max-width: 60px;} .viewResumeMatchingWrapper ol li .items .topBar .thumb img{object-fit: contain; width: 100%; height:60px;} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent{display: flex; width: 100%; flex-direction: column; gap:8px;} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent h3{font-family: var(--fontfamilybold); text-transform: uppercase; gap:5px; display: flex; align-items: center; font-size: var(--fontsize15); color: var(--primaryColor);} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent h3 i{ color: var(--greenColor); font-size: var(--fontsize16); font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48;} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent h3 a{font-family: var(--fontfamilysemibold); font-size: var(--fontsize15); color: var(--primaryColor);} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent .group{font-size: var(--fontsize14); color: var(--greyColor6); font-family: var(--defaultfont);} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent .desc{display: flex; width: 100%; font-size: var(--fontsize14); color: var(--greyColor5); font-family: var(--defaultfont);} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent .info{display: flex; width: 100%; gap:15px; } .viewResumeMatchingWrapper ol li .items .topBar .thumbContent .info div{font-size: var(--fontsize14); display: flex; gap:5px; align-items: center; color: var(--greyColor5); font-family: var(--defaultfont);} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent .info div i{font-size: var(--fontsize20);} .viewResumeMatchingWrapper ol li .items .strongMatch{display: flex; flex-direction: column; gap:5px; align-items: center; justify-content: center;} .viewResumeMatchingWrapper ol li .items .strongMatch div{display: flex; color:var(--greenColor); gap:5px;} .viewResumeMatchingWrapper ol li .items .strongMatch p{display: flex; color:var(--greenColor); white-space: nowrap; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold);} .viewResumeMatchingWrapper ol li .items .moderateMatch{display: flex; flex-direction: column; gap:5px; align-items: center; justify-content: center;} .viewResumeMatchingWrapper ol li .items .moderateMatch div{display: flex; color:var(--orangeColor2); gap:5px;} .viewResumeMatchingWrapper ol li .items .moderateMatch p{display: flex; color:var(--orangeColor2); white-space: nowrap; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold);} .viewResumeMatchingWrapper ol li .items .weakMatch{display: flex; flex-direction: column; gap:5px; align-items: center; justify-content: center;} .viewResumeMatchingWrapper ol li .items .weakMatch div{display: flex; color:var(--orangeColor); gap:5px;} .viewResumeMatchingWrapper ol li .items .weakMatch p{display: flex; color:var(--orangeColor); white-space: nowrap; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold);} .viewResumeMatchingWrapper ol li .items .bottomBar{display: flex; padding:10px 15px; margin-top:0px; border-bottom:0px solid var(--strokeColor); border-top:1px solid var(--strokeColor); width: 100%; justify-content: space-between; align-items: center;} .viewResumeMatchingWrapper ol li .items .bottomBar p{display: flex; color:var(--greyColor5); gap:5px; font-size: var(--fontsize14); font-family: var(--defaultfont);} .viewResumeMatchingWrapper ol li .items .bottomBar p strong{display: flex; color:var(--blackColor); font-weight: normal; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold);} .viewResumeMatchingWrapper ol li .items .bottomBar a{width: auto; padding: 0; display: flex; align-items: center; text-decoration: underline; font-size: var(--fontsize14);} .viewResumeMatchingWrapper ol li .items .skill-tag-block{display: flex; width:var(--fullwidth); flex-wrap: wrap; gap:10px;} .viewResumeMatchingWrapper ol li .items .skill-tag-block div span{display: flex; background-color: var(--greyColor9); color:var(--greyColor5); font-size: var(--fontsize12); margin-right:0px; gap:10px; padding:2px 10px; border-radius:var(--radius5);} .viewResumeMatchingWrapper ol li .items .skill-tag-block div {display: flex; gap:10px; align-items: center; color:var(--blackColor); font-size: var(--fontsize12);} .viewResumeMatchingWrapper ol li .items .skill-tag-block a{border:0px none; padding:0; margin-left: 5px; display: flex; align-items: center; color:var(--blackColor); font-family: var(--fontfamilysemibold); font-size: var(--fontsize12);} .viewResumeMatchingWrapper ol li .items .moreSkillBlock.open{display: flex;} .viewResumeMatchingWrapper ol li .items .moreSkillBlock{display: flex; display: none; width:var(--fullwidth); flex-wrap: wrap;} .viewResumeMatchingWrapper ol li .items .moreSkillBlock div span{display: flex; background-color: var(--greyColor9); color:var(--greyColor5); font-size: var(--fontsize12); margin-right: 10px; padding:2px 10px; border-radius:var(--radius5);} .viewResumeMatchingWrapper ol li .items .moreSkillBlock div {display: flex; align-items: center; flex-wrap: wrap; gap:10px; color:var(--blackColor); font-size: var(--fontsize12);} .viewResumeMatchingWrapper ol li .items .moreSkillBlock a{border:0px none; padding:0; margin-left: 5px; display: flex; align-items: center; color:var(--blackColor); font-family: var(--fontfamilysemibold); font-size: var(--fontsize12);} .viewResumeMatchingWrapper .refreshBlock{display: flex; gap: 15px; flex-direction: column; justify-content: space-between; box-shadow: 0px 0px 0px rgb(112 98 227 / 10%); padding:0px; border-radius:0px; align-items: center; width: 100%; margin-bottom: 20px;} .viewResumeMatchingWrapper .refreshBlock .infoBlock{display: flex; width: 100%; justify-content: space-between; background-color: var(--whitecolor); padding:20px; border-radius:10px; } .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(1){display: flex; align-items: center; gap:10px; color:var(--greyColor2); font-size: var(--fontsize14)} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(1) span{display: flex; align-items: center; color:var(--blackColor); font-size: var(--fontsize14); font-family: var(--fontfamilybold);} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(2){display: flex; align-items: center; gap:10px; color:var(--blackColor); font-size: var(--fontsize14)} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(2) a{display: flex; align-items: center; gap:5px; padding: 5px 15px; width: auto; font-size: var(--fontsize14);} .viewResumeMatchingWrapper .viewResumeLink{display: flex; align-items: center; justify-content: center; margin-top:0px; gap:20px;} .viewResumeMatchingWrapper .viewResumeLink a{ box-shadow: 0px 4px 11px rgba(137, 137, 137, 0.15); box-shadow: 0px 0px 0px 0px; min-width:200px; min-width: unset; display: flex; bordeR:0px solid var(--primaryColor); align-items: center; justify-content: center; max-width: 232px; background-color:var(--whitecolor); background-color: transparent; padding:10px 20px; padding: 0; border-radius: 10px; display: flex; align-items: center;} .viewResumeMatchingWrapper .viewResumeLink a i{margin-right: 5px;} .viewResumeMatchingWrapper .viewResumeWrapper{flex-direction: row; margin: 15px 0; display: flex; width: var(--fullwidth); align-items: center; justify-content:space-between; gap:0px;} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(2) a .animationStart{animation-name: rotate; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-play-state: running;} .viewResumeMatchingWrapper .viewResumeWrapper .verifiedJobsBlock{display: flex; align-items: center; gap: 10px;} .viewResumeMatchingWrapper .viewResumeWrapper .verifiedJobsBlock > div{display: flex; align-items: center; gap: 5px; color: var(--blackcolor); font-size: var(--fontsize14); } .viewResumeMatchingWrapper .viewResumeWrapper .verifiedJobsBlock > div i{color: var(--greenColor); font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48;} .viewResumeMatchingWrapper .viewResumeWrapper .switch { position: relative; display: inline-block; margin-right: 8px; width:48px; height:20px; margin-bottom: 0;} .viewResumeMatchingWrapper .viewResumeWrapper .switch input {opacity: 0; width: 0; height: 0;} .viewResumeMatchingWrapper .viewResumeWrapper .switch .slider { border-radius: 34px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:var(--whitecolor); border:1px solid var(--greyColor4); transition: .4s;} .viewResumeMatchingWrapper .viewResumeWrapper .switch .slider:before { border-radius: 50%; position: absolute; content: ""; height:15px; width: 15px; left: 2px; bottom:2px; background-color: var(--greyColor4); transition: .4s;} .viewResumeMatchingWrapper .viewResumeWrapper .switch input:checked + .slider { background-color:var(--primaryColor); border:1px solid var(--primaryColor); } .viewResumeMatchingWrapper .viewResumeWrapper .switch input:checked + .slider:before { transform: translateX(30px); background-color:var(--whitecolor); left: -1px;} .viewResumeMatchingWrapper .viewResumeWrapper .date{color: var(--greyColor5); } .viewResumeMatchingWrapper .viewResumeWrapper .filterIcon{display: flex; align-items: center;} .viewResumeMatchingWrapper .viewResumeWrapper .filterIcon a{color: var(--blackColor);} .viewResumeMatchingWrapper ol li .items .matchBar{display: flex; padding:8px 15px; border-radius: 10px 10px 0 0; width:var(--fullwidth); background-color: var(--bodyBgColor); font-size: var(--fontsize13); justify-content: space-between; align-items: center;} .viewResumeMatchingWrapper ol li .items .matchBar .date{color: var(--greyColor5); } .viewResumeMatchingWrapper ol li .items .matchBar div:nth-child(1) span{font-family: var(--fontfamilysemibold); background-color: var(--greenColor); color:var(--whitecolor); border-radius:4px; display: flex; padding:2px 10px; font-size: var(--fontsize13)} .viewResumeMatchingWrapper ol li .items div:nth-child(1) span.strongMatch{display: flex; background-color:var(--greenColor); gap:5px;} .viewResumeMatchingWrapper ol li .items div:nth-child(1) span.weakMatch{display: flex; background-color:var(--orangeColor); gap:5px;} .viewResumeMatchingWrapper ol li .items div:nth-child(1) span.moderateMatch{display: flex; background-color:var(--orangeColor2); gap:5px;} .themeSwitcher{display: flex; align-items: center;} .themeSwitcher input[type="checkbox"]{opacity: 0; position: absolute;} .themeSwitcher .fa-sun-o{color: #f39c12; font-size: var(--fontsize18);} .themeSwitcher .fa-moon-o{color: #f1c40f; font-size: var(--fontsize18);} .themeSwitcher label{background-color: var(--blackColor); margin-bottom: 0; width:50px; height: 26px; border-radius: 50px; position: relative; padding: 5px; justify-content: space-between; align-items: center; display: flex;} .themeSwitcher .checkbox-label .ball {background-color:var(--whitecolor); width: 22px; height: 22px; position: absolute; left:2px; top:2px; border-radius: 50%; transition: transform 0.2s linear;} .themeSwitcher input[type="checkbox"]:checked + .checkbox-label .ball {transform: translateX(24px);} .orgFollowWrapper{display: flex; align-items: center; width: var(--fullwidth);} .orgFollowWrapper .chipsWrapper{display: flex; gap:10px; align-items: center; width: var(--fullwidth); flex-wrap: wrap;} .orgFollowWrapper .chipsWrapper label{gap:5px; display:flex; align-items: center; background-color: var(--greyColor12); padding: 5px 10px; border-radius:5px;} .orgFollowWrapper .chipsWrapper span{font-weight: normal; font-family: var(--defaultfont); font-size: var(--fontsize12);} .BannerVideoDialogWrapper.open{display: flex;} .BannerVideoDialogWrapper{position:fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 22000000;} .BannerVideoDialogWrapper .BannerVideoDialogContainer{background-color: var(--blackcolor); margin:0 15px; position: relative; width: var(--fullwidth); max-width:500px; background-color: var(--whitecolor); display: flex; border-radius:var(--radius15);} .BannerVideoDialogWrapper .BannerVideoDialogContainer .BannerVideoDialogClose{position: absolute; top: -10px; right: -10px; z-index: 1} .BannerVideoDialogWrapper .BannerVideoDialogContainer .BannerVideoDialogClose a{width: 30px; height: 30px; color: var(--blackcolor); font-size:var(--fontsize18); border-radius: var(--radius100); background-color: var(--whitecolor); display: flex; align-items: center; justify-content: center;} .BannerVideoDialogWrapper .BannerVideoDialogContainer .BannerVideoContent{display: flex; position: relative; flex-direction: column; padding:10px; width: var(--fullwidth);} .BannerVideoDialogWrapper .BannerVideoDialogContainer video{width: 100%; height: 100%!important;} .jobMatchingWrapper{display: flex; align-items: center; width: 100%; flex-direction: column;} .jobMatchingWrapper iframe{display: flex; align-items: center; width: 100%; flex-direction: column;height:calc(100vh - 100px); bordeR:0px none;} .jobMatchingWrapper .au-breadcrumb{width: 100%} .dashboardJobMatchingWrapper.marginTop20{margin-top: 20px;} .dashboardJobMatchingWrapper.marginBottom20{margin-bottom: 20px;} .dashboardJobMatchingWrapper {display: flex; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); flex-direction: column; align-items: flex-start; padding: 10px; width: var(--fullwidth); border-radius: var(--radius10); margin-top:0px; background-color: var(--whitecolor);} .dashboardJobMatchingWrapper p{font-size: var(--fontsize14); display: flex; gap:5px; font-family: var(--defaultfont); color: var(--blackColor);} .dashboardJobMatchingWrapper p span{font-family: var(--fontfamilysemibold);} .dashboardJobMatchingWrapper .progressCompleted{font-size: var(--fontsize14);width: var(--fullwidth); display: flex; gap:5px; margin-top: 15px; font-family: var(--defaultfont); color: var(--blackColor);} .dashboardJobMatchingWrapper .progressCompleted strong{font-family: var(--fontfamilysemibold); font-weight: normal;} .dashboardJobMatchingWrapper .progressCls{ height:4px; position: relative; width: var(--fullwidth); margin:5px 0 15px; background-color:var(--greyColor4); border-radius: 5px;} .dashboardJobMatchingWrapper .progressCls .progressBar{float: left;width: 0;height: 100%; font-size:var(--fontsize14); line-height: 20px; text-align: center; border-radius: 5px; background-color:var(--greenColor2); box-shadow: 0px 0px 0px 0px; transition: width 0.6s ease;} .dashboardJobMatchingWrapper .actions{display: flex; align-items: center; gap:10px; justify-content: space-between; width: var(--fullwidth);} .dashboardJobMatchingWrapper .actions a{width: auto; padding: 5px 10px; align-items: center; gap:5px; display: flex; font-size: var(--fontsize13);} .dashboardJobMatchingWrapper .actions a:last-child{padding: 0;} .afterVideoResumeWrapper .videoResumeWrapper{display: flex; flex-direction: column; width: 100%} .afterVideoResumeWrapper .videoPreviewWrapper.open{display: flex;} .afterVideoResumeWrapper .videoPreviewWrapper .loading{ background-image: url(../images/lo2-loader.gif); background-repeat: no-repeat; background-position:center; center; } .afterVideoResumeWrapper .instructionMessage{display: flex; margin-top: 10px; color: var(--greyColor5); font-size: var(--fontsize12); justify-content: flex-end; align-items: center;} .afterVideoResumeWrapper .videoPreviewWrapper{ display: flex; display: none; flex-direction: column; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: 10px; padding: 20px; background-color: var(--whitecolor); justify-content: center; gap:15px; min-height: 500px; align-items: center;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo{display: flex; width: 100%; justify-content: space-between; align-items: center;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo div:nth-child(1){display: flex; flex-direction: column; gap:5px;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo h4{font-size: var(--fontsize16); margin:0 0 0px; font-weight: 400; font-family: var(--fontfamilysemibold); color: var(--blackColor);padding: 0;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo p{margin-bottom: 0;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo .actions{display: flex; align-items: center; position: relative; cursor: pointer; width:auto; margin-top: 0;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo .actions i{font-size: var(--fontsize22);} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo.open .dropdown-menu{display: flex;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo .actions .dropdown-menu li a{padding: 8px 10px; gap:10px; border-radius: 0px; justify-content: flex-start;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo .actions .dropdown-menu li a i{color: var(--blackColor);font-size: var(--fontsize20); background-color: transparent; width:auto; height: auto;} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo .actions .dropdown-menu li a:hover{color: var(--primaryColor);} .afterVideoResumeWrapper .videoPreviewWrapper .videoInfo .actions .dropdown-menu li a:hover i{color: var(--primaryColor);} .afterVideoResumeWrapper .videoPreviewWrapper iframe{width: 100%; height: 400px; bordeR:0px none;} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper{ display: flex; flex-direction: column; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: 10px; padding: 20px; background-color: var(--whitecolor); justify-content: center; gap:5px; min-height: 500px; align-items: center;} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper h5{font-size: var(--fontsize18); justify-content:center; align-items: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; gap:10px; color: var(--blackColor);padding: 0;} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper p{font-size: var(--fontsize14); width:100%; justify-content: center; display: flex; gap:0px; font-family: var(--defaultfont); color: var(--greyColor5);} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock{border: 2px dashed var(--strokeColor); flex-direction: column; margin-top: 10px; font-size:var(--fontsize15); font-family: var(--defaultfont); display: flex; align-items: center; justify-content: center; padding:10px 20px; border-radius: var(--radius5); max-width: none; min-height: 400px; width: var(--fullwidth);} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .content{display: flex; gap:10px; flex-direction: column; align-items: center; font-size: var(--fontsize14);} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .content a{display: flex; width: auto; padding: 5px 15px; border: 1px solid var(--primaryColor); border-radius: var(--radius5); font-size:var(--fontsize14); align-items:center; gap:5px; } .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .content .actions .orSeperator + a{border:0px none; gap:15px; background: transparent; color:var(--primaryColor);} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .content .actions .orSeperator + a i{ font-variation-settings: 'FILL' 0, 'wght' 700, 'opsz' 48; } .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .content .actions a i{font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48; font-size:var(--fontsize22);} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .actions{display: flex; gap:15px; flex-direction: column; margin-top: 15px; width: 100%; align-items: center;} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .content > i{font-size:var(--fontsize34);} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .content .actions .orSeperator{display: flex; margin:0px 0; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--greyColor5);} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .seperator{ height:1px; background-color:var(--strokeColor); width:100%; max-width: 150px; margin: 15px 0;} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .seperator + p{margin-bottom: 0;} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .introductionVideoLink{display: flex; width: 100%; justify-content: center;} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .introductionVideoLink a{display: flex; bordeR:0px none; padding:0;} .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .introductionVideoLink a i{font-size:var(--fontsize22); font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48; } .afterVideoResumeWrapper .videoResumeWrapper .uploadBlockWrapper .uploadBlock .actions + p{margin-bottom: 0; text-align: center;} .afterVideoResumeWrapper .createVideoResumeBar.open{display: flex;} .afterVideoResumeWrapper .createVideoResumeBar{display: flex; display: none; margin-top: 10px; align-items: center; justify-content: space-between; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: 10px; padding: 20px; background-color: var(--whitecolor); gap:5px; align-items: center;} .afterVideoResumeWrapper .createVideoResumeBar h4{font-size: var(--fontsize16); margin:0 0 0px; font-weight: 400; font-family: var(--fontfamilysemibold); color: var(--blackColor);padding: 0;} .afterVideoResumeWrapper .createVideoResumeBar .actions{width: auto; margin-top: 0;} /*.afterVideoResumeWrapper .createVideoResumeBar .actions a i{font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48; font-size:var(--fontsize18);}*/ .afterVideoResumeWrapper .yourLibrarySection.open{display: flex;} .afterVideoResumeWrapper .yourLibrarySection{display: flex; display: none; flex-direction: column; width: 100%; margin-top: 20px;} .afterVideoResumeWrapper .yourLibrarySection h5{margin-bottom: 20px;} .afterVideoResumeWrapper .yourLibrarySection ol li.activeSetasPrimary .activeSetasPrimary i{font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48; font-size:var(--fontsize18);}*/ .afterVideoResumeWrapper .yourLibrarySection ol li.activeSetasPrimary {box-shadow: 0 0 6px #ddd; border-radius: 0 0 10px 10px;} .afterVideoResumeWrapper .yourLibrarySection ol li iframe{width: 100%; height: 100%; border:0px none;} .afterVideoResumeWrapper .yourLibrarySection ol li .activeSetasPrimary{position: absolute; display: none; left:10px; top:10px; z-index: 3;} .afterVideoResumeWrapper .yourLibrarySection ol li .activeSetasPrimary i{font-size: var(--fontsize22); color:var(--primaryColor); display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 100%; background-color: rgba(255,255,255,255.5)} .afterVideoResumeWrapper .yourLibrarySection ol li.activeSetasPrimary .activeSetasPrimary{display: flex;} .afterVideoResumeWrapper .yourLibrarySection ol { margin:0; padding: 0; gap:20px; display: flex; width: 100%; flex-wrap: wrap;} .afterVideoResumeWrapper .yourLibrarySection ol li {margin:0; position: relative; padding: 0; flex-direction: column; gap:10px; display: flex; width: 100%; max-width: 255px;} .afterVideoResumeWrapper .yourLibrarySection ol li .thumb{display: flex; width: 100%; position: relative; min-height: 190px; max-height: 190px;} .afterVideoResumeWrapper .yourLibrarySection ol li .thumb .overlay{position: absolute; left:0; bottom:0; right:0; z-index:2; top:0; background-color: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center;} .afterVideoResumeWrapper .yourLibrarySection ol li .thumb .overlay a{font-size: var(--fontsize34); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 6px var(--whitecolor); color:var(--whitecolor); border-radius: 100%} .afterVideoResumeWrapper .yourLibrarySection ol li .thumb .overlay a i{font-size: var(--fontsize34);} .afterVideoResumeWrapper .yourLibrarySection ol li .thumb img{max-width: 100%; border-radius: 10px; object-fit: contain;} .afterVideoResumeWrapper .yourLibrarySection ol li .thumbContent{display: flex; flex-direction: column; padding:0 10px 0px; gap:0px; width: 100%; align-items: flex-start;} .afterVideoResumeWrapper .yourLibrarySection ol li .thumbContent h4{display: flex; width: 100%; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold);} .afterVideoResumeWrapper .yourLibrarySection ol li .thumbContent p{ margin-bottom: 0;} .afterVideoResumeWrapper .yourLibrarySection .actions{display: flex; position: absolute; z-index:3; right:10px; top:10px; align-items: center; position: absolute; cursor: pointer; width:auto; margin-top: 0;} .afterVideoResumeWrapper .yourLibrarySection .actions i{font-size: var(--fontsize18); color:var(--whitecolor); display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 100%; background-color: rgba(0,0,0,0.5)} .afterVideoResumeWrapper .yourLibrarySection ol li.open .dropdown-menu{display: flex; padding: 0;} .afterVideoResumeWrapper .yourLibrarySection ol li .dropdown-menu li i{background-color: transparent; font-size:var(--fontsize20); width:auto; height: auto; color: var(--blackColor);} .afterVideoResumeWrapper .yourLibrarySection ol li .dropdown-menu li a{padding:8px 10px; gap:10px; justify-content: flex-start;} .afterVideoResumeWrapper .yourLibrarySection ol li .dropdown-menu li a:hover{color: var(--primaryColor);} .afterVideoResumeWrapper .yourLibrarySection ol li .dropdown-menu li a:hover i{color: var(--primaryColor);font-size:var(--fontsize20);} .afterVideoResumeWrapper .yourLibrarySection ol li .dropdown-menu li a.active i{color:green; font-size:var(--fontsize20);} .afterVideoResumeWrapper .yourLibrarySection ol li .dropdown-menu li a.active{color: var(--primaryColor);} .afterVideoResumeWrapper .uploadLimitVideoMsg{display:none; border:1px solid var(--redColor); padding: 10px; margin-top: 15px; border-radius: 10px; color:var(--redColor); font-size: var(--fontsize16); border:1px solid var(--redColor)} .afterVideoResumeWrapper .uploadLimitVideoMsg.open{display:flex;} .afterVideoResumeWrapper .uploadFileFormatMsg{display:none; border:1px solid var(--redColor); padding: 10px; margin-top: 15px; border-radius: 10px; color:var(--redColor); font-size: var(--fontsize16); border:1px solid var(--redColor)} .afterVideoResumeWrapper .uploadFileFormatMsg.open{display:flex;} .afterVideoResumeWrapper{ display: flex; justify-content: center; gap:20px; display: flex; align-items: flex-start;} .afterVideoResumeWrapper .left{flex:1; flex-direction: column; display: flex;} .afterVideoResumeWrapper .right{display:flex; flex-direction: column; width: 100%; max-width: 300px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: 10px; padding: 20px; background-color: var(--whitecolor);} .afterVideoResumeWrapper .right .analysingSection {display: flex; flex-direction: column; width: 100%} .afterVideoResumeWrapper .right .analysingSection .refreshNow {display:flex; justify-content: flex-end; width: 100%; font-size: var(--fontsize14); font-family: var(--defaultfont); border-bottom:1px solid var(--greyColor3); margin-bottom: 15px; padding-bottom: 10px;} .afterVideoResumeWrapper .right .analysingSection .refreshNow a{display: flex; gap:5px; align-items: center;} @keyframes rotate {from {transform: rotate(0deg)} to {transform: rotate(360deg)}} .afterVideoResumeWrapper .right .analysingSection .refreshNow a .animationStart{animation-name: rotate; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-play-state: running;} .afterVideoResumeWrapper .right .resumeMustContainSection {display: flex; flex-direction: column; width: 100%} .afterVideoResumeWrapper .right .resumeMustContainSection h5{margin-bottom: 10px;} .afterVideoResumeWrapper .right .resumeMustContainSection ol li {display: flex; gap:10px; align-items: center;} .afterVideoResumeWrapper .right .resumeMustContainSection ol li span{width: 14px; height: 14px; box-shadow: 0 0 0 2px var(--blackcolor); display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--whitecolor);} .afterVideoResumeWrapper .right .resumeMustContainSection ol li i{width: 10px; height: 10px; border-radius: 100%; display: flex; padding:2px; background-color: var(--blackcolor);} .afterVideoResumeWrapper .right .block{display: flex; flex-direction: column; width: 100%; gap:5px; margin-top: 20px;} .afterVideoResumeWrapper .right h6{font-size: var(--fontsize13); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5);padding: 0;} .afterVideoResumeWrapper .right ol{display: flex; gap:15px; flex-direction: column; width: 100%; margin:0; padding: 0;} .afterVideoResumeWrapper .right ol li{display: flex; gap:5px; align-items: center; width: 100%; margin:0; padding: 0; font-family: var(--defaultfont); color: var(--blackColor); font-size: var(--fontsize14); } .afterVideoResumeWrapper .right ol li.passed i{color:var(--greenColor); display: flex; font-size:var(--fontsize17);} .afterVideoResumeWrapper .right ol li.notpassed i{color:var(--orangeColor); display: flex; font-size:var(--fontsize17);} .afterVideoResumeWrapper .right ol li img{max-width: 17px; display: none;} .afterVideoResumeWrapper .right ol li.analyzing img{display: flex;} .afterVideoResumeWrapper .right ol li.analyzing .default{display: none;} .afterVideoResumeWrapper .right ol li .passed{display: none} .afterVideoResumeWrapper .right ol li.passed .passed{display: flex} .afterVideoResumeWrapper .right ol li.passed img{display: none} .afterVideoResumeWrapper .right ol li .notpassed{display: none} .afterVideoResumeWrapper .right ol li.notpassed .notpassed{display: flex} .afterVideoResumeWrapper .right ol li.notpassed img{display: none} .afterVideoResumeWrapper .right ol li .default{display: none} .afterVideoResumeWrapper .right ol li.default .default{display: flex} .afterVideoResumeWrapper .right ol li.default .default{width: 12px; height: 12px; box-shadow: 0 0 0 0px var(--blackcolor); display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--whitecolor);} .afterVideoResumeWrapper .right ol li.default .default i{width:8px; height: 8px; border-radius: 100%; display: flex; padding:2px; background-color: var(--blackcolor);} .afterVideoResumeWrapper h5{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); margin:0 0 5px; font-weight: 400; font-family: var(--fontfamilysemibold); color: var(--blackColor);padding: 0;} .afterVideoResumeWrapper p{font-size: var(--fontsize13); display: flex; gap:0px; margin:0 0 10px; font-family: var(--defaultfont); color: var(--greyColor5);} .afterVideoResumeWrapper .actions{display:flex; width: 100%; gap:10px; margin-top: 20px; justify-content: center;} .afterVideoResumeWrapper .actions a{display:flex; width:100%; justify-content: center; font-size: var(--fontsize14); gap:5px; border-radius: 5px; align-items: center; padding:5px 20px;} .afterVideoResumeWrapper .messageWrapper{display: flex; gap:10px; width: 100%; padding: 10px; border-radius:5px; margin-bottom: 20px; background-color: #fff2e8; border:1px solid #FF7B17; font-size: var(--fontsize12);font-family: var(--defaultfont); color: var(--blackColor);} .afterVideoResumeWrapper .messageWrapper p{margin-bottom: 0; font-size: var(--fontsize12);font-family: var(--defaultfont); color: var(--blackColor);} .afterVideoResumeWrapper .messageWrapper i{font-size: var(--fontsize18); flex-shrink: 0; color:#FF7B17; margin-top: 5px;} .afterVideoResumeWrapper .actions a i{font-size: var(--fontsize16);} .afterVideoResumeWrapper .successMessageWrapper{display: flex; gap:10px; width: 100%; padding: 10px; border-radius:5px; margin-bottom: 20px; background-color: #f1fff3; border:1px solid #00bc4b; font-size: var(--fontsize12);font-family: var(--defaultfont); color: var(--blackColor);} .afterVideoResumeWrapper .successMessageWrapper p{margin-bottom: 0; font-size: var(--fontsize12);font-family: var(--defaultfont); color: var(--blackColor);} .afterVideoResumeWrapper .successMessageWrapper i{font-size: var(--fontsize14); flex-shrink: 0; color:#00bc4b;margin-top: 5px;} /*explore Jobs Filter By Dialog*/ .exploreJobsFilterByDialog.open{display: flex;} .exploreJobsFilterByDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .exploreJobsFilterByDialog .exploreJobsFilterByContainer{background-color:var(--whitecolor); max-width: 500px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .exploreJobsFilterByDialog .exploreJobsFilterByContainer h3{font-size: var(--fontsize16); color: var(--blackColor); margin-bottom:10px; border-bottom: 1px solid var(--greyColor4); padding-bottom:5px; font-family: var(--fontfamilysemibold);} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .dialogContent{display: flex; min-height: 300px; gap:20px; width: var(--fullwidth); flex-direction: column;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .filtersTab{display: flex; gap:10px; width: var(--fullwidth); flex-wrap: wrap;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .filtersTab a{font-size: var(--fontsize14); color: var(--greyColor2); border-radius: 4px; display: flex; align-items: center; justify-content: center; padding:2px 10px; font-family: var(--fontfamilysemibold);} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .filtersTab a:hover{background-color: var(--primaryColor); font-size: var(--fontsize14); color: var(--whitecolor); font-family: var(--fontfamilysemibold);} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .filtersTab a.active{background-color: var(--primaryColor); font-size: var(--fontsize14); color: var(--whitecolor); font-family: var(--fontfamilysemibold);} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .chipsWrapper{display: flex; gap:10px; width: var(--fullwidth); flex-wrap: wrap; max-height: 240px; overflow-y: auto;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .chipsWrapper label{padding:2px 10px 2px 10px; cursor: pointer; display: flex; font-weight: normal; align-items: center; color: var(--greyColor5); font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); background-color: var(--greyColor12); border:1px solid var(--greyColor12); border-radius: 32px;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .chipsWrapper label:hover{background-color: var(--lightPrimaryColor); border:1px solid var(--primaryColor); color: var(--blackcolor); } .exploreJobsFilterByDialog .exploreJobsFilterByContainer .chipsWrapper label.active{background-color: var(--lightPrimaryColor); border:1px solid var(--primaryColor); color: var(--blackcolor); } .exploreJobsFilterByDialog .exploreJobsFilterByContainer .chipsWrapper label i{display: flex; align-items: center; gap:5px;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .chipsWrapper label i{font-size: var(--fontsize18); display: none;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .chipsWrapper label.active i{font-size: var(--fontsize18); display: flex;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .actions{display: flex; width: var(--fullwidth);} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .chipsWrapper label input[type="checkbox"]{display: none;} /*explore Jobs Filter By Dialog*/ /*Skill Required By Dialog*/ .skillsRequiredByDialog.open{display: flex;} .skillsRequiredByDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .skillsRequiredByDialog .skillsRequiredByContainer{background-color:var(--whitecolor); max-width: 600px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .skillsRequiredByDialog .skillsRequiredByContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .skillsRequiredByDialog .skillsRequiredByContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .skillsRequiredByDialog .skillsRequiredByContainer h3{font-size: var(--fontsize18); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .skillsRequiredByDialog .skillsRequiredByContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .skillsRequiredByDialog .skillsRequiredByContainer p strong{color: var(--blackColor); font-weight: normal;} .skillsRequiredByDialog .skillsRequiredByContainer .dialogContent{display: flex; gap:20px; width: var(--fullwidth); flex-direction: column; margin-top: 15px; padding-top: 10px; border-top:1px solid var(--greyColor4);} .skillsRequiredByDialog .skillsRequiredByContainer .dialogContent ul{margin:0; padding: 0; gap:10px; display: flex; flex-direction: column; width: var(--fullwidth);} .skillsRequiredByDialog .skillsRequiredByContainer .dialogContent ul li{margin:0; padding: 0; gap:10px; color: var(--greyColor5); display: flex; align-items: center; width: var(--fullwidth);} .skillsRequiredByDialog .skillsRequiredByContainer .dialogContent ul li.skillMatch i{font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48; color: var(--greenColor);} .skillsRequiredByDialog .skillsRequiredByContainer .dialogContent ul li.skillNotMatch i{font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48; color: var(--orangeColor);} .skillsRequiredByDialog .skillsRequiredByContainer .dialogContent ul li a{font-size: var(--fontsize14); font-family: var(--fontfamilymedium);} /*Skill Required By Dialog*/ /*Interest Area css Start From here*/ .InterestAreaPageWrapper{ display: flex; flex-direction: column; width: var(--fullwidth); gap:20px;} .InterestAreaPageWrapper .welcomeHeader{display: flex; justify-content: space-between; width: var(--fullwidth); margin-top:0px; padding:0px;} .InterestAreaPageWrapper .welcomeHeader h1{color: var(--blackcolor); font-family: var(--fontfamilybold); font-size: var(--fontsize20);} .InterestAreaPageWrapper .welcomeHeader p{color: var(--greyColor5); font-family: var(--defaultfont); font-size: var(--fontsize14);} .InterestAreaPageWrapper .searchBlock{display: flex; width: 100%; max-width: 250px; align-items: center;} .InterestAreaPageWrapper input[type="search"]{background-image: url(../images/icon-search.png); background-repeat: no-repeat; background-position: 10px center; border: 1px solid var(--strokeColor); font-family: var(--defaultfont); padding:6px 10px 6px 40px; width: 100%; border-radius:var(--radius5); font-size:var(--fontsize14);} .InterestAreaPageWrapper .interestGridWrapper{display: flex; height: calc(100vh - 300px); overflow-y: auto; overflow-x:hidden; align-items: flex-start; width: 100%; padding:0px;} .InterestAreaPageWrapper .interestGridWrapper ol {display:flex; width:var(--fullwidth); gap:40px; flex-wrap: wrap;} .InterestAreaPageWrapper .interestGridWrapper ol li{display: flex; gap:10px; flex-direction: column; width: 100%; max-width:169px;} .InterestAreaPageWrapper .interestGridWrapper ol li .thumb{display: flex; justify-content: center; width: 100%; height:107px; position: relative;} .InterestAreaPageWrapper .interestGridWrapper ol li .thumb img{object-fit: cover; max-width: 100%; border-radius: 15px;} .InterestAreaPageWrapper .interestGridWrapper ol li h4{font-size:var(--fontsize14); gap:5px; border-radius: 15px;display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom:0px; color: var(--blackcolor); font-family: var(--fontfamilysemibold);} .InterestAreaPageWrapper .interestGridWrapper ol li label{display: flex; position: relative; flex-direction: column; gap:10px;} .InterestAreaPageWrapper .interestGridWrapper ol li label.active .thumb::after{content:''; position: absolute; border:1px solid var(--primaryColor); border-radius: 15px; bottom:0; background-color:var(--lightPrimaryColor); top:0; left:0; right:0; opacity: 0.5} .InterestAreaPageWrapper .bottomBar{position: fixed; z-index: 22000000; bottom:0; background-color: var(--whitecolor); justify-content: space-between; box-shadow: 0px -4px 10px 0px #0000001A; right: 0; left:0; padding:20px 30px; display: flex; align-items: center;} .InterestAreaPageWrapper .bottomBar div:nth-child(1){color:var(--greyColor5);} .InterestAreaPageWrapper .bottomBar div:nth-child(1) span{color:var(--blackColor);} .InterestAreaPageWrapper .bottomBar a{padding: 5px 35px;} .InterestAreaPageWrapper .interestGridWrapper ol li label{cursor: pointer;} .InterestAreaPageWrapper .interestGridWrapper ol li span{color: var(--whitecolor); z-index: 2; display: flex; display: none; align-items: center; justify-content: center; background-color: var(--primaryColor); position: absolute; top:5px; right:5px; width: 25px; height: 25px; border-radius: 100%; border:1px solid var(--whitecolor); font-family: var(--defaultfont);} .InterestAreaPageWrapper .interestGridWrapper ol li input[type="checkbox"]{display: none;} .InterestAreaPageWrapper .interestGridWrapper ol li label.active span{display: flex;} .InterestAreaPageWrapper .interestGridWrapper .dataTables_filter{width: 100%; margin-right: 20px; padding: 0px; display: flex; justify-content: flex-end;} .InterestAreaPageWrapper .interestGridWrapper .tableWrapper {display:flex; width:var(--fullwidth); gap:40px; flex-wrap: wrap;} .InterestAreaPageWrapper .interestGridWrapper .dataTables_wrapper {display:flex; width:var(--fullwidth); gap:40px; flex-wrap: wrap;} .InterestAreaPageWrapper .interestGridWrapper table tbody {display:flex; width:var(--fullwidth); gap:40px; flex-wrap: wrap;} .InterestAreaPageWrapper .interestGridWrapper table td{display: flex; gap:10px; flex-direction: column; flex-shrink: 0; width:var(--fullwidth); } .InterestAreaPageWrapper .interestGridWrapper table td .thumb{display: flex; justify-content: center; width:var(--fullwidth); height:107px; position: relative;} .InterestAreaPageWrapper .interestGridWrapper table td .thumb img{object-fit:contain; max-width: 100%; border-radius: 15px;} .InterestAreaPageWrapper .interestGridWrapper table td h4{font-size:var(--fontsize14); gap:5px; border-radius: 15px;display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom:0px; color: var(--blackcolor); font-family: var(--fontfamilysemibold);} .InterestAreaPageWrapper .interestGridWrapper table td label{display: flex; position: relative; flex-direction: column; gap:10px;} .InterestAreaPageWrapper .interestGridWrapper table td label.active .thumb::after{content:''; position: absolute; border:1px solid var(--primaryColor); border-radius: 15px; bottom:0; background-color:var(--lightPrimaryColor); top:0; left:0; right:0; opacity: 0.5} .InterestAreaPageWrapper .interestGridWrapper table td label{cursor: pointer;} .InterestAreaPageWrapper .interestGridWrapper table td span{color: var(--whitecolor); z-index: 2; display: flex; display: none; align-items: center; justify-content: center; background-color: var(--primaryColor); position: absolute; top:5px; right:5px; width: 25px; height: 25px; border-radius: 100%; border:1px solid var(--whitecolor); font-family: var(--defaultfont);} .InterestAreaPageWrapper .interestGridWrapper table td input[type="checkbox"]{display: none;} .InterestAreaPageWrapper .interestGridWrapper table td label.active span{display: flex;} .InterestAreaPageWrapper .interestGridWrapper table.dataTable.no-footer{bordeR:0px none;} .InterestAreaPageWrapper .interestGridWrapper table.dataTable tbody{width:var(--fullwidth);} .InterestAreaPageWrapper .interestGridWrapper table.dataTable.haveData tbody{width:var(--fullwidth); justify-content: flex-start;} .InterestAreaPageWrapper .interestGridWrapper table.dataTable tbody tr{width:var(--fullwidth); max-width:160px; flex-shrink: 0;} .InterestAreaPageWrapper .interestGridWrapper table.dataTable.noData tbody{width:var(--fullwidth); justify-content: center;} .InterestAreaPageWrapper .interestGridWrapper table.dataTable tbody td.dataTables_empty{width:var(--fullwidth); max-width:none; } /*Interest Area css ends here*/ /*affiliationTracker css start here*/ .affiliationTrackerWrapper{ display: flex; flex-direction: column; width: var(--fullwidth);} .affiliationTrackerWrapper .tableWrapper{display: flex; width: var(--fullwidth);} .affiliationTrackerWrapper .tableWrapper table{width: var(--fullwidth);} .affiliationTrackerWrapper .tableWrapper td{padding: 10px;} .affiliationTrackerWrapper .tableWrapper th{padding: 10px;} .affiliationTrackerWrapper .affiliationListingWrapper{display: flex; border-radius: 10px; background-color: var(--whitecolor); padding: 20px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: var(--fullwidth); flex-direction: column;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table{width:var(--fullwidth); border-top:1px solid var(--greyColor4); border-collapse: collapse;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper th{padding:10px; font-family: var(--defaultfont); text-transform: capitalize; color:var(--tableTh); text-align: left; font-size:var(--fontsize14);} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--greyColor7); border-top:1px solid var(--greyColor4);text-align: left; font-size:var(--fontsize14);} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td:nth-child(1) {max-width:5%; width: var(--fullwidth);} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td:nth-child(2) {max-width:25%; width: var(--fullwidth);} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td:nth-child(3) {max-width:15%; width: var(--fullwidth);} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td:nth-child(4) {max-width:10%; width: var(--fullwidth);} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td:nth-child(5) {max-width:15%; width: var(--fullwidth);} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td:nth-child(6) {max-width:40%; width: var(--fullwidth);} /*affiliationTracker css ends here*/ .universityDashboardWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .universityDashboardWrapper .universityDashboardContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .universityDashboardWrapper .universityDashboardContainer .pageHeaderInfo{display: flex; flex-direction:column; width: var(--fullwidth); margin-bottom: 30px;} .universityDashboardWrapper .universityDashboardContainer .pageHeaderInfo h3{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; color: var(--blackColor)} .universityDashboardWrapper .universityDashboardContainer .pageHeaderInfo p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper{display:flex; gap:20px; justify-content: space-between; margin-bottom: 30px; width:var(--fullwidth);} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo{ max-width: none;; width:var(--fullwidth);} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(4,minmax(0,1fr)); gap:20px;} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol li{display:grid; position: relative; background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); border:0px solid var(--sidebarThemeColorChange); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:15px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol li a{display: flex; flex-direction: column; gap:10px;} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol li .mainBlock{display:flex; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth);} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol li .mainBlock::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize28); line-height: 30px; font-family: var(--fontfamilybold); color:var(--greyColor2);} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left:5px; font-family: var(--defaultfont);} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol li div span i{margin-right: 5px;} .universityDashboardWrapper .universityDashboardContainer .jobInfoWrapper .jobInfo ol li p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .universityDashboardWrapper .universityDashboardContainer .jobPostingWrapper{display: flex; width:var(--fullwidth); gap:15px; flex-direction: column;} .universityDashboardWrapper .universityDashboardContainer .jobPostingWrapper h3{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; color: var(--blackColor)} .universityDashboardWrapper .universityDashboardContainer .jobPostingWrapper .filtersBlock{display: flex; width: var(--fullwidth); justify-content: space-between; align-items: center;} .universityDashboardWrapper .universityDashboardContainer .jobPostingWrapper .filtersBlock .leftFilter{display: flex; flex:1; gap:20px;} .universityDashboardWrapper .universityDashboardContainer .jobPostingWrapper .filtersBlock .leftFilter .block{display: flex; gap:5px; flex-direction: column;} .universityDashboardWrapper .universityDashboardContainer .jobPostingWrapper .filtersBlock .leftFilter .block label{font-size: var(--fontsize14); margin:0; padding: 0; font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .universityDashboardWrapper .universityDashboardContainer .jobPostingWrapper .filtersBlock .leftFilter .block select{background-color: transparent; min-width:200px; max-width: 200px;} .universityDashboardWrapper .universityDashboardContainer .relevantResultFilter{display: flex; width: var(--fullwidth);} .universityDashboardWrapper .universityDashboardContainer .relevantResultFilter label{display: flex; cursor: pointer; font-size: var(--fontsize14); font-weight: 400; font-family: var(--defaultfont); width: var(--fullwidth); gap:5px; align-items: center; margin:0; padding:0;} .universityDashboardWrapper .universityDashboardContainer .relevantResultFilter label input[type="checkbox"]{margin: 0; padding: 0;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper{display: flex; width: var(--fullwidth); margin-top: 20px;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper ol{display: flex; width: var(--fullwidth); gap:20px; flex-wrap: wrap;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper ol li{display: flex; width: var(--fullwidth); max-width:32%; flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px #7062E31A; padding:20px; border-radius: 10px;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper ol li .logo{display: flex;width: var(--fullwidth); max-width: 80px;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .skillrequired{display: flex; flex-direction: column; margin:10px 0;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .skillrequired h5{font-size: var(--fontsize14); color:var(--blackColor); font-weight: normal; margin:0 0 10px; font-family: var(--defaultfont);} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .skillrequired .skills{display: flex; width: var(--fullwidth); gap:10px; flex-wrap: wrap;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .skillrequired .skills span{font-size: var(--fontsize14); text-transform: none; font-family: var(--defaultfont); background-color:var(--extraLightPrimaryColor); color: var(--greyColor2); padding:5px 15px; border-radius:6px;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper h4{color: var(--blackColor); margin: 0 0 0px; font-size: var(--fontsize16);} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper p{font-size: var(--fontsize14); min-height:10px; max-height:100px; overflow: hidden; margin: 0 0 0px; font-family: var(--defaultfont); color:var(--greyColor5);} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .actions{display: grid; border-top:1px solid var(--greyColor4); padding-top: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .actions div{display: flex; gap:10px; align-items: center; color:var(--greyColor6); font-size: var(--fontsize14);} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .domianInfo{display: flex; flex-direction: column; width: var(--fullwidth); margin-bottom: 20px;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .domianInfo h5{color: var(--greyColor5); font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .domianInfo p{color: var(--blackColor); font-size:var(--fontsize16); font-weight: 700; font-family: var(--fontfamilysemibold);} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .userActions{display: flex; width: var(--fullwidth); flex-direction: column; gap:15px; margin-top: 15px;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper .userActions a{font-family: var(--fontfamilysemibold); padding:10px;} .universityDashboardWrapper .universityDashboardContainer .resultsLisingWrapper table{width: var(--fullwidth);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper {width: var(--fullwidth);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper table thead{display: none;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper table{display: flex; width: var(--fullwidth); gap:20px; flex-wrap: wrap;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper tbody{display: flex; width: var(--fullwidth); gap:20px; flex-wrap: wrap;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper tbody tr{display: flex; width: var(--fullwidth); flex-direction: column; gap:20px; flex-wrap: wrap;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper tbody td{padding:0; width: var(--fullwidth); } .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper tbody tr{display: flex; width: var(--fullwidth); gap:0; max-width:32%; flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px #7062E31A; padding:20px; border-radius: 10px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper tbody tr .logo{display: flex;width: var(--fullwidth); max-width: 80px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .skillrequired{display: flex; flex-direction: column; margin:10px 0; min-height: 150px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .skillrequired h5{font-size: var(--fontsize14); color:var(--blackColor); font-weight: normal; margin:0 0 10px; font-family: var(--defaultfont);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .skillrequired .skills{display: flex; width: var(--fullwidth); gap:10px;align-items: flex-start; flex-wrap: wrap;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .skillrequired .skills span{font-size: var(--fontsize14); text-transform: none; font-family: var(--defaultfont); background-color:var(--extraLightPrimaryColor); color: var(--greyColor2); padding:5px 15px; border-radius:6px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper h4{color: var(--blackColor); margin: 0 0 0px; font-size: var(--fontsize16);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper p{font-size: var(--fontsize14); min-height:10px; max-height:100px; overflow: hidden; margin: 0 0 0px; font-family: var(--defaultfont); color:var(--greyColor5);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .actions{display: grid; border-top:1px solid var(--greyColor4); padding-top: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .actions div{display: flex; gap:10px; align-items: center; color:var(--greyColor6); font-size: var(--fontsize14);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .domianInfo{display: flex; flex-direction: column; width: var(--fullwidth); margin-bottom: 20px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .domianInfo h5{color: var(--greyColor5); font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .domianInfo p{color: var(--blackColor); font-size:var(--fontsize16); font-weight: 700; font-family: var(--fontfamilysemibold);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .userActions{display: flex; width: var(--fullwidth); flex-direction: column; gap:15px; margin-top: 15px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .userActions a{font-family: var(--fontfamilysemibold); padding:10px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_length label select{margin:0 10px} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_paginate{font-family: var(--defaultfont); font-size: var(--fontsize14);} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_paginate .paginate_button{background: transparent; bordeR:0px none; color:var(--greyColor5)!important;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:var(--blackcolor)!important;} .universityDashboardWrapper .universityDashboardContainer .dataTables_wrapper .dataTables_paginate .paginate_button.current{background: transparent; bordeR:0px none; color:var(--blackcolor)!important;} .universityDashboardDetailWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .backHeaderInfo{display: flex; padding: 8px; align-items: center; border-radius: var(--radius5); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); background-color: var(--whitecolor); width: var(--fullwidth); margin-bottom: 30px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .backHeaderInfo a{display: flex; align-items: center; gap:5px; flex-shrink: 0;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .backHeaderInfo h3{font-size: var(--fontsize18); display: flex; justify-content: center; flex: 1; text-align: center; font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; color: var(--blackColor)} .universityDashboardDetailWrapper .universityDashboardDetailContainer .backHeaderInfo p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper{display: flex; width: var(--fullwidth); margin-top: 20px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper ol{display: flex; width: var(--fullwidth); gap:20px; flex-wrap: wrap; grid-template-columns: repeat(4,minmax(0,1fr)); display: grid;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper ol li{display: flex; width: var(--fullwidth); max-width:29%; max-width: none; flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px #7062E31A; border-radius: 10px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper ol li .thumbContent{display: flex;width: var(--fullwidth); flex-direction: column; padding:10px; } .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper ol li .thumb{display: flex;width: var(--fullwidth);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper ol li .thumb img{object-fit: contain; width: var(--fullwidth); max-height: 213px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper .info{display: flex; width: var(--fullwidth); margin:5px 0 0;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper .info label{color: var(--greyColor5); margin:0; padding: 0; gap:5px; display: flex; align-items: center; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper .info + .info i{color: var(--orangeColor2); } .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper .domianInfo p{color: var(--blackColor); font-size:var(--fontsize16); font-weight: 700; font-family: var(--fontfamilysemibold);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper .userActions{display: flex; border-top:1px solid var(--greyColor4); padding-top: 10px; align-items: center; width: var(--fullwidth); justify-content: space-between; gap:15px; margin-top: 15px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper .userActions a{font-family: var(--fontfamilysemibold); flex:1; padding:10px; width: auto;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper .userActions span{color:var(--greenColor); font-family: var(--fontfamilysemibold); flex:1; text-align: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .resultsLisingWrapper h4{color: var(--blackColor); margin: 0 0 0px; font-size: var(--fontsize16);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResultsWrapper h3{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; color: var(--blackColor)} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResultsWrapper .filtersBlock{display: flex; width: var(--fullwidth); justify-content: space-between; align-items: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResultsWrapper .filtersBlock .leftFilter{display: flex; flex:1; gap:20px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResultsWrapper .filtersBlock .leftFilter .block{display: flex; gap:5px; flex-direction: column;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResultsWrapper .filtersBlock .leftFilter .block label{font-size: var(--fontsize14); margin:0; padding: 0; font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResultsWrapper .filtersBlock .leftFilter .block select{background-color: transparent; min-width:200px; max-width: 200px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResultsWrapper {display: flex; width: var(--fullwidth); flex-direction: column; gap:15px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResults {display: flex; width: var(--fullwidth); color: var(--greyColor7); margin: 0 0 0px; font-size: var(--fontsize14);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchingResults span{color: var(--blackColor); font-size: var(--fontsize14); font-family: var(--fontfamilysemibold);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper {display: flex; width: var(--fullwidth); margin-top: 20px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol{margin:0; width: var(--fullwidth); gap:30px;padding:0; display: flex; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li{margin:0; box-shadow: 0px 4px 25px 0px #7062E31A; background-color: var(--whitecolor); border-radius: 10px; padding:0; flex-direction: column; display: flex; width: var(--fullwidth); max-width: 22%; max-width: none;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .topinfo{display: flex; border-radius:10px 10px 0 0; background-color: var(--extraLightPrimaryColor); padding:5px 10px; width: var(--fullwidth); justify-content: space-between; align-items: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .topinfo span{display: flex; gap:5px; align-items: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .topinfo span:nth-child(1){color:var(--primaryColor); font-size: var(--fontsize13);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .topinfo span:nth-child(2){color:var(--orangeColor2); font-size: var(--fontsize13);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .topinfo span:nth-child(2) span{color:var(--greyColor7); font-size: var(--fontsize13);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo{display: flex; gap:20px; padding:5px 10px; width: var(--fullwidth); align-items: flex-start;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo .thumb{display: flex; position: relative; max-width: 83px; max-height: 83px; width: var(--fullwidth);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo .thumb img{aspect-ratio: 1/1; object-fit: contain; border-radius: 100%} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo .thumb div{position: absolute; font-size: var(--fontsize20); right:-10px; bottom:-10px; width: 42px; height: 42px; border-radius: 100%; background-color: var(--whitecolor); display: flex; align-items: center; justify-content: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo .thumb div i{width: 30px; height: 30px; color:var(--primaryColor); font-size: var(--fontsize32); display: flex; align-items: center; justify-content: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo .thumbContent{display: flex; flex-direction: column; flex:1} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo .thumbContent h3{color: var(--blackcolor); line-height: 20px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-size:var(--fontsize18);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo .thumbContent p{color: var(--greyColor5); line-height: 24px; margin:0; padding: 0; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .userInfo .thumbContent span{color: var(--greenColor); line-height: 24px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .specializationWrapper{display: flex; gap:5px; padding:5px 10px; width: var(--fullwidth); align-items: flex-start; width: var(--fullwidth); flex-direction: column;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .specializationWrapper p{color: var(--greyColor5); line-height: 24px; margin:0; padding: 0; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .specializationWrapper h3{color: var(--blackcolor); line-height: 20px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-size:var(--fontsize16);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .actions{display: flex; margin-top: 10px; width: var(--fullwidth); padding:5px 10px; gap:20px; justify-content: space-between; align-items: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper ol li .actions a{display: flex; align-items: center; justify-content: center; border-radius: 6px; width: var(--fullwidth); gap:5px; font-size: var(--fontsize13);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper {display: flex; width: var(--fullwidth); margin-top: 20px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper .tableWrapper{display: flex; width: var(--fullwidth); margin-top:0px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper .dataTables_wrapper{width: var(--fullwidth); margin-top:0px;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tbody{margin:0; width: var(--fullwidth); gap:30px;padding:0; display: flex; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr{margin:0; box-shadow: 0px 4px 25px 0px #7062E31A; background-color: var(--whitecolor); border-radius: 10px; padding:0; flex-direction: column; display: flex; width: var(--fullwidth); max-width: 22%; max-width: none;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .topinfo{display: flex; border-radius:10px 10px 0 0; background-color: var(--extraLightPrimaryColor); padding:5px 10px; width: var(--fullwidth); justify-content: space-between; align-items: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .topinfo span{display: flex; gap:5px; align-items: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .topinfo span:nth-child(1){color:var(--primaryColor); font-size: var(--fontsize13);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .topinfo span:nth-child(2){color:var(--orangeColor2); font-size: var(--fontsize13);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .topinfo span:nth-child(2) span{color:var(--greyColor7); font-size: var(--fontsize13);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo{display: flex; gap:20px; padding:5px 10px; width: var(--fullwidth); align-items: flex-start;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo .thumb{display: flex; position: relative; max-width: 83px; max-height: 83px; width: var(--fullwidth);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo .thumb img{aspect-ratio: 1/1; object-fit: contain; border-radius: 100%} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo .thumb div{position: absolute; font-size: var(--fontsize20); right:-10px; bottom:-10px; width: 42px; height: 42px; border-radius: 100%; background-color: var(--whitecolor); display: flex; align-items: center; justify-content: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo .thumb div i{width: 30px; height: 30px; color:var(--primaryColor); font-size: var(--fontsize32); display: flex; align-items: center; justify-content: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo .thumbContent{display: flex; flex-direction: column; flex:1} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo .thumbContent h3{color: var(--blackcolor);line-height: 20px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-size:var(--fontsize18);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo .thumbContent p{color: var(--greyColor5); line-height: 24px; margin:0; padding: 0; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .userInfo .thumbContent span{color: var(--greenColor); line-height: 24px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .specializationWrapper{display: flex; gap:5px; padding:5px 10px; width: var(--fullwidth); align-items: flex-start; width: var(--fullwidth); flex-direction: column;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .specializationWrapper p{color: var(--greyColor5); line-height: 24px; margin:0; padding: 0; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .specializationWrapper h3{color: var(--blackcolor); min-height: 60px; line-height: 20px; margin:0; padding: 0; font-family: var(--fontfamilybold); font-size:var(--fontsize16);} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .actions{display: flex; margin-top: 10px; width: var(--fullwidth); padding:5px 10px; gap:20px; justify-content: space-between; align-items: center;} .universityDashboardDetailWrapper .universityDashboardDetailContainer .matchListingWrapper tr .actions a{display: flex; align-items: center; justify-content: center; border-radius: 6px; width: var(--fullwidth); gap:5px; font-size: var(--fontsize13);} .softSkillDiagnostiesWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper{display: flex; gap:60px; width:var(--fullwidth); align-items:flex-start; background-color: var(--whitecolor);padding: 20px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: var(--radius10);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .left{display: flex; align-items: center; width:var(--fullwidth); max-width: 50%; gap:40px;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .left > .block{flex:1; gap:10px; display: flex; flex-direction: column;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .left > .block a{border-radius: 5px;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .right{display: flex; width:var(--fullwidth); max-width: 50%} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper h4{color: var(--blackColor); margin: 0 0 0px; font-size: var(--fontsize16);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper h3{font-size: var(--fontsize20); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilybold); margin-bottom:0px; color: var(--blackColor)} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .circles-text{position: absolute;left:0; top:0; right:0; bottom:0; top:0; display: flex; text-align: center; justify-content: center; align-items: center;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .circles-text div{display: flex; flex-direction: column; width: var(--fullwidth); line-height: 24px; flex-direction: column; font-size: var(--fontsize30); font-family: var(--fontfamilybold); } .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .circles-text div span{display: flex; flex-direction: column; width: var(--fullwidth); color:var(--blackColor); font-family: var(--defaultfont); font-size: var(--fontsize14);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .circle{display: flex;left:0; align-items: center; height: auto; justify-content: center; padding: 0; width:auto;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .tableWrapper{display: flex; width: var(--fullwidth); gap:20px; flex-wrap: wrap;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .tableWrapper table{width:var(--fullwidth); border:1px solid var(--greyColor4); border-collapse: collapse;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .tableWrapper th{padding:10px; background-color: var(--extraLightPrimaryColor); font-family: var(--defaultfont); text-transform: capitalize; color:var(--tableTh); text-align: left; font-size:var(--fontsize14);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--greyColor7); border-top:1px solid var(--greyColor4);text-align: left; font-size:var(--fontsize14);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .tableWrapper td .rating{display: flex; gap:5px;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .tableWrapper td .rating i{color:var(--greyColor);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .tableWrapper td .rating .active i{color:var(--orangeColor2);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .tableWrapper td:first-child{font-family: var(--fontfamilybold); color: var(--blackColor);} .softSkillDiagnostiesDetailWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .softSkillDiagnostiesDetailWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 20px;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper ol{display: flex; width: var(--fullwidth); gap:20px; flex-wrap: wrap;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper ol li{display: flex; width: var(--fullwidth); max-width:32%; flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px #7062E31A; padding:20px; border-radius: 10px;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper h4{color: var(--blackColor); margin: 0 0 0px; font-size: var(--fontsize16);} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper h5{color: var(--primaryColor); margin: 0 0 20px; font-size: var(--fontsize18);} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper p{font-size: var(--fontsize14); min-height:10px; max-height:100px; overflow: hidden; margin: 0 0 0px; font-family: var(--defaultfont); color:var(--greyColor5);} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper p strong{color:var(--blackColor)} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper .info{display: flex; width: var(--fullwidth); margin:5px 0 0;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper .info label{color: var(--greyColor5); margin:0; padding: 0; gap:5px; display: flex; align-items: center; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper .info + .info i{color: var(--orangeColor2); } .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper .tag{display: flex; width: var(--fullwidth); margin-top:-20px; margin-left: 20px;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper .tag span{background-color: var(--primaryColor); color:var(--whitecolor); border-radius: 20px; padding: 5px 20px;} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper ol li .thumbContent{display: flex;width: var(--fullwidth); flex-direction: column; padding:10px; } .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper ol li .thumb{display: flex;width: var(--fullwidth);} .softSkillDiagnostiesDetailWrapper .softSkillDiagnostiesDetailContainer .resultsLisingWrapper ol li .thumb img{object-fit: contain; width: var(--fullwidth); max-height: 213px;} .marginTop60{margin-top: 60px;} .logPageFilter{display: flex; width:100%; flex-wrap: wrap; gap:20px; margin-bottom: 20px; align-items: center;} .logPageFilter .block{display: flex; flex-direction: column;} .logPageFilter .block select{height:auto} .logPageFilter .adminDefaultBtn{ align-self: flex-end;} .recommendationPageWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .recommendationPageWrapper .recommendationPageContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .recommendationPageWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:0px;} .recommendationPageWrapper .recommendationPageContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 20px;} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper ol{display: flex; width: var(--fullwidth); gap:20px; flex-wrap: wrap;} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper ol li{display: flex; position: relative; width: var(--fullwidth); max-width:321px; flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px 0px #7062E31A; padding:20px; border-radius: 10px;} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper h4{color: var(--blackColor); margin: 0 0 0px; font-size: var(--fontsize16);} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper h5{color: var(--blackColor); margin: 0 0 20px; font-size: var(--fontsize18); font-family: var(--fontfamilybold);} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper h5 span{color: var(--primaryColor);} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper p{font-size: var(--fontsize14); min-height:52px; max-height:52px; overflow: hidden; margin: 0 0 0px; font-family: var(--defaultfont); color:var(--greyColor5);} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper p strong{color:var(--blackColor)} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper .info{display: flex; width: var(--fullwidth); margin:5px 0 0;} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper .info label{color: var(--greyColor5); margin:0; padding: 0; gap:5px; display: flex; align-items: center; font-family: var(--defaultfont); font-weight: normal; font-size:var(--fontsize14);} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper .info + .info i{color: var(--orangeColor2); } .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper .tag{display: flex; width: var(--fullwidth); position: absolute; top:10px; left:10px; } .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper .tag span{background-color: var(--primaryBgColor); font-size: var(--fontsize13); color:var(--blackColor); border-radius:5px; padding: 2px 5px;} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper ol li .thumbContent{display: flex;width: var(--fullwidth); flex-direction: column; padding:10px; } .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper ol li .thumb{display: flex;width: var(--fullwidth);} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper ol li .thumb img{object-fit: contain; width: var(--fullwidth); max-height: 213px;} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper ol li .actions{border-top: 1px solid var(--greyColor4); display: flex; align-items: center; justify-content: center; padding-top: 10px; margin-top:0px;} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper ol li .actions .alreadyAssign{display: flex; gap:5px; padding: 5px 15px; color:var(--greenColor); align-items: center; justify-content: center; width:var(--fullwidth);} .recommendationPageWrapper .recommendationPageContainer .resultsLisingWrapper ol li .actions .alreadyAssign i{font-variation-settings:'FILL' 1} .programSkillMappingDialog.open{display: flex;} .programSkillMappingDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .programSkillMappingDialog .programSkillMappingDialogContainer{background-color:var(--whitecolor); max-width: 950px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .programSkillMappingDialog .programSkillMappingDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .programSkillMappingDialog .programSkillMappingDialogContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .programSkillMappingDialog .programSkillMappingDialogContainer h3{font-size: var(--fontsize20); text-transform: capitalize; color: var(--blackColor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .programSkillMappingDialog .programSkillMappingDialogContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .programSkillMappingDialog .programSkillMappingDialogContainer .matchingSkillInfo{font-size: var(--fontsize14); display: flex; gap:5px; color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--defaultfont);} .programSkillMappingDialog .programSkillMappingDialogContainer .matchingSkillInfo strong{font-size: var(--fontsize14); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .programSkillMappingDialog .programSkillMappingDialogContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .programSkillMappingDialog .programSkillMappingDialogContainer .totalWeightageWrapper{display: flex; align-items: center; justify-content: flex-end; gap:5px;} .programSkillMappingDialog .programSkillMappingDialogContainer .totalWeightageWrapper.alert_weightage div{color:var(--darkRedColor); font-family: var(--fontfamilysemibold);} .programSkillMappingDialog .programSkillMappingDialogContainer .totalWeightageWrapper label{margin: 0; font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold); font-weight: normal;} .programSkillMappingDialog .programSkillMappingDialogContainer .dialogContent{display: flex; gap:20px; width: var(--fullwidth); flex-direction: column; margin-top: 15px; padding-top: 10px; border-top:1px solid var(--greyColor4);} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock{display: flex; gap: 10px; border-bottom: 1px solid var(--greyColor4); padding-bottom:15px; flex-direction: column; width: var(--fullwidth);} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendInfo{display: flex; width: var(--fullwidth); gap:15px; justify-content: flex-end; align-items: center;} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendInfo span{display: flex; text-transform: capitalize; font-size: var(--fontsize13); align-items: center; gap:5px;} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendInfo span:nth-child(1) i{width: 12px; height: 12px; border-radius: 2px; background-color: #6954F1} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendInfo span:nth-child(2) i{width: 12px; height: 12px; border-radius: 2px; background-color: #408FF8} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendInfo span:nth-child(3) i{width: 12px; height: 12px; border-radius: 2px; background-color: #FF79FA} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendProgress{display: flex; width: var(--fullwidth);} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendProgress span:nth-child(1){display: flex; width: var(--fullwidth); background-color: #6954F1; height: 10px;} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendProgress span:nth-child(2){display: flex; width: var(--fullwidth); background-color: #408FF8; height: 10px;} .programSkillMappingDialog .programSkillMappingDialogContainer .legendBlock .legendProgress span:nth-child(3){display: flex; width: var(--fullwidth); background-color: #FF79FA; height: 10px;} .programSkillMappingDialog .programSkillMappingDialogContainer .mappingDetailsContentBlock{display: flex; flex-direction: column; width: var(--fullwidth); } .programSkillMappingDialog .mappingDetailsWrapper{display: flex; gap:20px; max-height: 400px; overflow-y: auto; align-items: flex-start; width: var(--fullwidth); padding:15px 5px 0 0;} .programSkillMappingDialog .mappingDetailsWrapper .column{display: flex; flex-shrink: 0; box-shadow: 0px 0px 8.60837459564209px 0px #7062E31A; background-color: var(--whitecolor); padding: 5px 15px 15px; border-radius: 5.17px; flex-direction: column; width: 100%; max-width: 300px} .programSkillMappingDialog .mappingDetailsWrapper .column h3{display: flex; justify-content: space-between; align-items: center; font-size: var(--fontsize16); padding-bottom: 5px; margin-bottom: 10px;} .programSkillMappingDialog .mappingDetailsWrapper .column h3 a{visibility: hidden; opacity:0} .programSkillMappingDialog .mappingDetailsWrapper .column ol{display: flex; gap:15px; flex-direction: column; width:var(--fullwidth);} .programSkillMappingDialog .mappingDetailsWrapper .column ol li{display: flex; padding: 10px; flex-direction: column; gap:5px; width:var(--fullwidth);} .programSkillMappingDialog .mappingDetailsWrapper h5 a{visibility: hidden; opacity:0} .programSkillMappingDialog .mappingDetailsWrapper h5 div{display: flex; align-items: center; gap:10px;} .programSkillMappingDialog .mappingDetailsWrapper h5.positionChange{justify-content: flex-start; gap:5px;} .programSkillMappingDialog .mappingDetailsWrapper h5.positionChange i{color:var(--orangeColor); font-variation-settings: 'FILL' 1, 'wght' 700, 'opsz' 48;} .programSkillMappingDialog .mappingDetailsWrapper h5{font-size: var(--fontsize15); display: flex; align-items: flex-start; justify-content: space-between; align-items: center; color: var(--blackColor); font-family: var(--fontfamilysemibold);} .programSkillMappingDialog .progress{display: flex; background-color: var(--greyColor3); width:var(--fullwidth); border-radius: 0px; box-shadow: 0px 0px 0px 0px; margin-bottom: 0; height:6px;} .programSkillMappingDialog .mappingDetailsWrapper .column:nth-child(1) .progress .progress-bar {background-color:#6954F1} .programSkillMappingDialog .mappingDetailsWrapper .column:nth-child(2) .progress .progress-bar {background-color:#408FF8} .programSkillMappingDialog .mappingDetailsWrapper .column:nth-child(3) .progress .progress-bar {background-color:#FF79FA} .programSkillMappingDialog .progrssInfo{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; justify-content: space-between; align-items: center; border-bottom:0px solid var(--greyColor4); display: flex; padding-bottom:0px; font-family: var(--defaultfont);} .programSkillMappingDialog .column:nth-child(1) .progrssInfo span:nth-child(2){color:#6954F1} .programSkillMappingDialog .column:nth-child(2) .progrssInfo span:nth-child(2){color:#408FF8} .programSkillMappingDialog .column:nth-child(3) .progrssInfo span:nth-child(2){color:#FF79FA} .programSkillMappingDialog .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top: 1px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .programSkillMappingDialog .actions a{display: flex; align-items: center; gap:5px;} .programSkillMappingDialog.editModeActive .mappingDetailsWrapper .column h3 a{visibility: visible; opacity:1} .programSkillMappingDialog.editModeActive .mappingDetailsWrapper .column ol li:hover h5 a{opacity: 1; visibility: visible;} .programSkillMappingDialog.editModeActive .mappingDetailsWrapper .column ol li:hover{background-color:var(--lightSecondaryColor); } .programAddSkillEmptyDialog.open{display: flex;} .programAddSkillEmptyDialog{position: fixed; display: none; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000010; font-family: var(--defaultfont);} .programAddSkillEmptyDialog .programAddSkillEmptyDialogContainer{background-color:var(--whitecolor); max-width: 950px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .programAddSkillEmptyDialog .programAddSkillEmptyDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .programAddSkillEmptyDialog .programAddSkillEmptyDialogContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .programAddSkillEmptyDialog .programAddSkillEmptyDialogContainer h3{font-size: var(--fontsize20); text-transform: capitalize; color: var(--blackColor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .programAddSkillEmptyDialog .programAddSkillEmptyDialogContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .programAddSkillEmptyDialog .programAddSkillEmptyDialogContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .programAddSkillEmptyDialog .infoHeader{display: flex; align-items: center; justify-content: space-between; width: var(--fullwidth); margin-bottom: 20px;} .programAddSkillEmptyDialog .infoHeader a{color:var(--primaryColor); gap:5px; display: flex; align-items: center;} .programAddSkillEmptyDialog .mappingDetailsWrapper{display: flex; gap:20px; align-items: flex-start; width: var(--fullwidth); padding:15px 0; overflow-y: auto; max-height: 260px;} .programAddSkillEmptyDialog .mappingDetailsWrapper .column{display: flex; box-shadow: 0px 0px 8.60837459564209px 0px #7062E31A; background-color: var(--whitecolor); padding:5px 15px 15px; border-radius: 5.17px; flex-direction: column; width: 100%; max-width: 300px} .programAddSkillEmptyDialog .mappingDetailsWrapper .column h3{display: flex; justify-content: space-between; align-items: center; font-size: var(--fontsize16); padding-bottom: 5px; margin-bottom: 10px;} .programAddSkillEmptyDialog .contentWrapper{display: flex; width: var(--fullwidth); justify-content: center;} .programAddSkillEmptyDialog .contentWrapper .block{display: flex; gap:15px; width: var(--fullwidth); flex-direction: column; align-items: center; justify-content: center;} .programAddSkillEmptyDialog .contentWrapper .block p{text-align: center;} .programAddSkillEmptyDialog .mappingDetailsWrapper .column.is_enable .contentWrapper{display: none;} .programAddSkillEmptyDialog .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top: 1px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .programAddSkillEmptyDialog .actions a{display: flex; align-items: center; gap:5px;} .programAddSkillEmptyDialog .mappingDetailsWrapper .column ol{display: flex; gap:15px; flex-direction: column; width:var(--fullwidth);} .programAddSkillEmptyDialog .mappingDetailsWrapper .column ol li{display: flex; padding: 10px; flex-direction: column; gap:5px; width:var(--fullwidth);} .programAddSkillEmptyDialog .mappingDetailsWrapper h5 a{visibility: hidden; opacity:0} .programAddSkillEmptyDialog .mappingDetailsWrapper h5 div {display: flex; align-items: center; gap:10px;} .programAddSkillEmptyDialog .mappingDetailsWrapper .column ol li:hover h5 div a{opacity: 1; visibility: visible;} .programAddSkillEmptyDialog .mappingDetailsWrapper h5{font-size: var(--fontsize15); display: flex; align-items: flex-start; justify-content: space-between; align-items: center; color: var(--blackColor); font-family: var(--fontfamilysemibold);} .programAddSkillEmptyDialog .progress{display: flex; background-color: var(--greyColor3); width:var(--fullwidth); border-radius: 0px; box-shadow: 0px 0px 0px 0px; margin-bottom: 0; height:6px;} .programAddSkillEmptyDialog .mappingDetailsWrapper .column:nth-child(1) .progress .progress-bar {background-color:#6954F1} .programAddSkillEmptyDialog .mappingDetailsWrapper .column:nth-child(2) .progress .progress-bar {background-color:#408FF8} .programAddSkillEmptyDialog .mappingDetailsWrapper .column:nth-child(3) .progress .progress-bar {background-color:#FF79FA} .programAddSkillEmptyDialog .progrssInfo{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; justify-content: space-between; align-items: center; border-bottom:0px solid var(--greyColor4); display: flex; padding-bottom:0px; font-family: var(--defaultfont);} .programAddSkillEmptyDialog .column:nth-child(1) .progrssInfo span:nth-child(2){color:#6954F1} .programAddSkillEmptyDialog .column:nth-child(2) .progrssInfo span:nth-child(2){color:#408FF8} .programAddSkillEmptyDialog .column:nth-child(3) .progrssInfo span:nth-child(2){color:#FF79FA} .programAddSkillEmptyDialog .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top: 1px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .programAddSkillEmptyDialog .actions a{display: flex; align-items: center; gap:5px;} .programAddSkillEmptyDialog.editModeActive .mappingDetailsWrapper .column h3 a{visibility: visible; opacity:1} .programAddSkillEmptyDialog.editModeActive .mappingDetailsWrapper .column ol li:hover h5 a{opacity: 1; visibility: visible;} .programAddSkillEmptyDialog.editModeActive .mappingDetailsWrapper .column ol li:hover{background-color:var(--lightSecondaryColor); } .programAddSkillCategoryDialog.open{display: flex;} .programAddSkillCategoryDialog{position: fixed; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000020; font-family: var(--defaultfont);} .programAddSkillCategoryDialog .programAddSkillCategoryDialogContainer{background-color:var(--whitecolor); max-width: 800px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .programAddSkillCategoryDialog .programAddSkillCategoryDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .programAddSkillCategoryDialog .programAddSkillCategoryDialogContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .programAddSkillCategoryDialog .programAddSkillCategoryDialogContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .programAddSkillCategoryDialog .programAddSkillCategoryDialogContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .programAddSkillCategoryDialog .programAddSkillCategoryDialogContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .programAddSkillCategoryDialog .infoHeader{display: flex; align-items: center; justify-content: space-between; width: var(--fullwidth); margin-bottom: 20px;} .programAddSkillCategoryDialog .infoHeader a{color:var(--primaryColor); gap:5px; display: flex; align-items: center;} .programAddSkillCategoryDialog .mappingDetailsWrapper{display: flex; gap:20px; max-height: 300px; flex-direction: column; align-items: flex-start; width: var(--fullwidth); padding:0px 0;} .programAddSkillCategoryDialog .mappingDetailsWrapper .block{display: flex; width: var(--fullwidth);} .programAddSkillCategoryDialog .mappingDetailsWrapper .block input{display: flex; width: var(--fullwidth); border-radius:5px; padding:10px 20px 10px 40px; background-image: url(../images/icon-search.png); background-repeat: no-repeat; background-position:10px center; background-color: var(--lightSecondaryColor);} .programAddSkillCategoryDialog .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top: 1px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .programAddSkillCategoryDialog .actions a{display: flex; align-items: center; gap:5px;} .programAddSkillCategoryDialog .selectedBlock{background-color: var(--greyColor3); font-size: var(--fontsize14); color:var(--blackColor); width: var(--fullwidth); border-radius: 5px; padding:5px 10px;} .programAddSkillCategoryDialog .addWeightigdeBlock{display: flex; gap:5px; flex-direction: column; width: var(--fullwidth); } .programAddSkillCategoryDialog .addWeightigdeBlock{display: flex; flex-direction: column; width: var(--fullwidth); } .programAddSkillCategoryDialog .addWeightigdeBlock h3{display: flex; font-size: var(--fontsize16); border:0px none; padding-bottom: 0; margin-bottom:0px;} .programAddSkillCategoryDialog .addWeightigdeBlock .progrssInfo{font-size: var(--fontsize14); color: var(--blackColor); margin-bottom:0px; justify-content: space-between; align-items: center; border-bottom:0px solid var(--greyColor4); display: flex; padding-bottom:0px; font-family: var(--defaultfont);} .programAddSkillCategoryDialog .addWeightigdeBlock .progrssInfo span:nth-child(1){color:var(--greyColor5);} .programAddSkillCategoryDialog .addWeightigdeBlock .progrssInfo span:nth-child(2){color:var(--blackColor);} .programAddSkillCategoryDialog .progress{display: flex; background-color: var(--greyColor3); width:var(--fullwidth); border-radius: 0px; box-shadow: 0px 0px 0px 0px; margin-bottom: 0; height:6px;} .programAddSkillCategoryDialog .mappingDetailsWrapper .progrssBlock{display: flex; flex-direction: column; width:var(--fullwidth);} .programAddSkillCategoryDialog .mappingDetailsWrapper .progrssBlock .range-input {-webkit-appearance: none; appearance: none; width: 100%; cursor: pointer; outline: none; border-radius: 15px; height: 6px; background:var(--greyColor3);} .programAddSkillCategoryDialog .mappingDetailsWrapper .progrssBlock .range-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 15px; width: 15px; background-color:var(--primaryColor); border-radius: 50%; border: none; transition: .2s ease-in-out;} .programAddSkillCategoryDialog .mappingDetailsWrapper .progrssBlock .range-input::-moz-range-thumb {height: 15px; width: 15px; background-color:var(--primaryColor); border-radius: 50%; border: none; transition: .2s ease-in-out;} .programAddSkillCategoryDialogv1.open{display: flex;} .programAddSkillCategoryDialogv1{position: fixed; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 22000020; font-family: var(--defaultfont);} .programAddSkillCategoryDialogv1 .programAddSkillCategoryDialogContainer{background-color:var(--whitecolor); max-width: 800px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .programAddSkillCategoryDialogv1 .programAddSkillCategoryDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .programAddSkillCategoryDialogv1 .programAddSkillCategoryDialogContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .programAddSkillCategoryDialogv1 .programAddSkillCategoryDialogContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .programAddSkillCategoryDialogv1 .programAddSkillCategoryDialogContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .programAddSkillCategoryDialogv1 .programAddSkillCategoryDialogContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .programAddSkillCategoryDialogv1 .infoHeader{display: flex; align-items: center; justify-content: space-between; width: var(--fullwidth); margin-bottom: 20px;} .programAddSkillCategoryDialogv1 .infoHeader a{color:var(--primaryColor); gap:5px; display: flex; align-items: center;} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper{display: flex; gap:20px; flex-direction: column; max-height: 300px; align-items: flex-start; width: var(--fullwidth); padding:0px 0;} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .block{display: flex; width: var(--fullwidth);} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .block input{display: flex; width: var(--fullwidth); border-radius:5px; padding:10px 20px 10px 40px; background-image: url(../images/icon-search.png); background-repeat: no-repeat; background-position:10px center; background-color: var(--lightSecondaryColor);} .programAddSkillCategoryDialogv1 .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top: 1px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .programAddSkillCategoryDialogv1 .actions a{display: flex; align-items: center; gap:5px;} .programAddSkillCategoryDialogv1 .selectedBlock{background-color: var(--greyColor3); font-size: var(--fontsize14); color:var(--blackColor); width: var(--fullwidth); border-radius: 5px; padding:5px 10px;} .programAddSkillCategoryDialogv1 .addWeightigdeBlock{display: flex; gap:5px; flex-direction: column; width: var(--fullwidth); margin-bottom: 10px; } .programAddSkillCategoryDialogv1 .addWeightigdeBlock{display: flex; flex-direction: column; width: var(--fullwidth); } .programAddSkillCategoryDialogv1 .addWeightigdeBlock h3{display: flex; font-size: var(--fontsize16); border:0px none; padding-bottom: 0; margin-bottom:0px;} .programAddSkillCategoryDialogv1 .addWeightigdeBlock .progrssInfo{font-size: var(--fontsize14); color: var(--blackColor); margin-bottom:0px; justify-content: space-between; align-items: center; border-bottom:0px solid var(--greyColor4); display: flex; padding-bottom:0px; font-family: var(--defaultfont);} .programAddSkillCategoryDialogv1 .addWeightigdeBlock .progrssInfo span:nth-child(1){color:var(--greyColor5);} .programAddSkillCategoryDialogv1 .addWeightigdeBlock .progrssInfo span:nth-child(2){color:var(--blackColor);} .programAddSkillCategoryDialogv1 .addWeightigdeBlock .progrssInfo span:nth-child(2) input[type="text"]{max-width: 50px;} .programAddSkillCategoryDialogv1 .progress{display: flex; background-color: var(--greyColor3); width:var(--fullwidth); border-radius: 0px; box-shadow: 0px 0px 0px 0px; margin-bottom: 0; height:6px;} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .progrssBlock{display: flex; flex-direction: column; width:var(--fullwidth);} /*.programAddSkillCategoryDialogv1 .mappingDetailsWrapper .progrssBlock .range-input {-webkit-appearance: none; appearance: none; width: 100%; cursor: pointer; outline: none; border-radius: 15px; height: 6px; background:var(--greyColor3);} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .progrssBlock .range-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 15px; width: 15px; background-color:var(--primaryColor); border-radius: 50%; border: none; transition: .2s ease-in-out;} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .progrssBlock .range-input::-moz-range-thumb {height: 15px; width: 15px; background-color:var(--primaryColor); border-radius: 50%; border: none; transition: .2s ease-in-out;} */ .programAddSkillCategoryDialogv1 .actions .loader{display: none;} .programAddSkillCategoryDialogv1 .actions .loader.open{display: flex;} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .progrssBlock .range-input{ accent-color:var(--primaryColor); appearance: none; height:8px; border-radius: 4px;} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .progrssBlock .range-input::-webkit-slider-thumb{background-color: var(--whitecolor);} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .progrssBlock .range-input::-moz-slider-thumb{background-color: var(--whitecolor);} .programAddSkillCategoryDialogv1 .mappingDetailsWrapper .progrssBlock .range-input{--track-color: background:var(--greyColor3);} .programAddSkillCategoryDialogv1 .addWeightigdeBlock .progrssInfo .value3_input{max-width: 50px} .programAddSkillCategoryDialogv1 .addWeightigdeBlock .progrssInfo div{display: flex; align-items: center; gap:5px;} .enchanceCompetencyDialog.open{display: flex;} .enchanceCompetencyDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .enchanceCompetencyDialog .enchanceCompetencyContainer{background-color:var(--whitecolor); max-width:950px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .enchanceCompetencyDialog .enchanceCompetencyContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .enchanceCompetencyDialog .enchanceCompetencyContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .enchanceCompetencyDialog .enchanceCompetencyContainer h3{font-size: var(--fontsize20); display: flex; align-items: center; gap:15px; color: var(--blackColor); width:var(--fullwidth); margin-bottom:15px; border-bottom: 1px solid var(--greyColor4); padding-bottom:10px; font-family: var(--fontfamilysemibold);} .enchanceCompetencyDialog .enchanceCompetencyContainer h3 a{font-size: var(--fontsize18); display: flex; gap:5px; align-items: center;} .enchanceCompetencyDialog .enchanceCompetencyContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .enchanceCompetencyDialog .enchanceCompetencyContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .enchanceCompetencyDialog .mappingDetailsWrapper{display: flex; gap:20px; max-height: 350px; overflow-y: auto; align-items: flex-start; width: var(--fullwidth); padding:15px 5px 0 0;} .enchanceCompetencyDialog .mappingDetailsWrapper .column{display: flex; flex-shrink: 0; box-shadow: 0px 0px 8.60837459564209px 0px #7062E31A; background-color: var(--whitecolor); padding: 5px 15px 15px; border-radius: 5.17px; flex-direction: column; width: 100%; max-width: 300px} .enchanceCompetencyDialog .mappingDetailsWrapper .column h3{display: flex; justify-content: space-between; align-items: center; font-size: var(--fontsize16); padding-bottom: 5px; margin-bottom: 10px;} .enchanceCompetencyDialog .mappingDetailsWrapper .column h3 a{visibility: hidden; opacity:0} .enchanceCompetencyDialog .mappingDetailsWrapper .column ol{display: flex; gap:15px; flex-direction: column; width:var(--fullwidth);} .enchanceCompetencyDialog .mappingDetailsWrapper .column ol li{display: flex; padding: 10px; flex-direction: column; gap:5px; width:var(--fullwidth);} .enchanceCompetencyDialog .mappingDetailsWrapper h5 a{visibility: hidden; opacity:0} .enchanceCompetencyDialog .mappingDetailsWrapper h5{font-size: var(--fontsize15); display: flex; align-items: flex-start; justify-content: space-between; align-items: center; color: var(--blackColor); font-family: var(--fontfamilysemibold);} .enchanceCompetencyDialog .progress{display: flex; background-color: var(--greyColor3); width:var(--fullwidth); border-radius: 0px; box-shadow: 0px 0px 0px 0px; margin-bottom: 0; height:6px;} .enchanceCompetencyDialog .mappingDetailsWrapper .progress{position: relative;} .enchanceCompetencyDialog .mappingDetailsWrapper .progress .progress-bar{position: absolute; left:0;} .enchanceCompetencyDialog .mappingDetailsWrapper .column:nth-child(1) .progress .progress-bar:nth-child(1) {background-color:#6954F1} .enchanceCompetencyDialog .mappingDetailsWrapper .column:nth-child(1) .progress .progress-bar:nth-child(1) {background-color: #C8BFFF} .enchanceCompetencyDialog .mappingDetailsWrapper .column:nth-child(2) .progress .progress-bar:nth-child(1) {background-color:#408FF8} .enchanceCompetencyDialog .mappingDetailsWrapper .column:nth-child(2) .progress .progress-bar:nth-child(2) {background-color: #408FF8} .enchanceCompetencyDialog .mappingDetailsWrapper .column:nth-child(3) .progress .progress-bar:nth-child(1) {background-color:#FFB5FC} .enchanceCompetencyDialog .mappingDetailsWrapper .column:nth-child(3) .progress .progress-bar:nth-child(2) {background-color: #FF79FA} .enchanceCompetencyDialog .mappingDetailsWrapper .column ol li.missingSkill{background-color:#FFEEEE;} .enchanceCompetencyDialog .progrssInfo{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; justify-content: space-between; align-items: center; border-bottom:0px solid var(--greyColor4); display: flex; padding-bottom:0px; font-family: var(--defaultfont);} .enchanceCompetencyDialog .column:nth-child(1) .progrssInfo span:nth-child(2){color:#6954F1} .enchanceCompetencyDialog .column:nth-child(2) .progrssInfo span:nth-child(2){color:#408FF8} .enchanceCompetencyDialog .column:nth-child(3) .progrssInfo span:nth-child(2){color:#FF79FA} .enchanceCompetencyDialog .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top: 1px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .enchanceCompetencyDialog .actions a{display: flex; align-items: center; gap:5px;} .enchanceCompetencyDialog .infoHeader{display: flex; align-items: center; justify-content: space-between; width: var(--fullwidth); margin-bottom:10px;} .enchanceCompetencyDialog .infoHeader a{color:var(--primaryColor); gap:5px; display: flex; align-items: center;} .enchanceCompetencyDialog .infoHeader + p{font-size: var(--fontsize14); display: flex; align-items: center; gap:5px; color: var(--greyColor5); margin-bottom: 10px;} .enchanceCompetencyDialog .infoHeader + p strong{color:var(--primaryColor); font-size: var(--fontsize22); font-weight: normal; font-family: var(--fontfamilybold);} .enchanceCompetencyDialog .weightageCompare{display: flex; width:var(--fullwidth); justify-content: space-between; align-items: flex-start;} .enchanceCompetencyDialog .weightageCompare div{display: flex; width:var(--fullwidth); flex-direction: column;} .enchanceCompetencyDialog .weightageCompare div p{font-size: var(--fontsize14); font-family: var(--defaultfont);} .enchanceCompetencyDialog .weightageCompare div p + p{color:var(--primaryColor);} .enchanceCompetencyDialog .weightageCompare div:nth-child(1) p + p{color:var(--primaryColor);} .enchanceCompetencyDialog .weightageCompare div:nth-child(2) p + p{color:var(--blackColor);} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock{display: flex; gap: 10px; border-bottom: 1px solid var(--greyColor4); padding-bottom:15px; flex-direction: column; width: var(--fullwidth);} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendInfo{display: flex; width: var(--fullwidth); gap:15px; justify-content: flex-end; align-items: center;} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendInfo span{display: flex; text-transform: capitalize; font-size: var(--fontsize13); align-items: center; gap:5px;} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendInfo span:nth-child(1) i{width: 12px; height: 12px; border-radius: 2px; background-color: #6954F1} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendInfo span:nth-child(2) i{width: 12px; height: 12px; border-radius: 2px; background-color: #408FF8} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendInfo span:nth-child(3) i{width: 12px; height: 12px; border-radius: 2px; background-color: #FF79FA} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendProgress{display: flex; width: var(--fullwidth);} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendProgress span:nth-child(1){display: flex; width: var(--fullwidth); background-color: #6954F1; height: 10px;} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendProgress span:nth-child(2){display: flex; width: var(--fullwidth); background-color: #408FF8; height: 10px;} .enchanceCompetencyDialog .enchanceCompetencyContainer .legendBlock .legendProgress span:nth-child(3){display: flex; width: var(--fullwidth); background-color: #FF79FA; height: 10px;} .programSkillThanksDialog.open{display: flex;} .programSkillThanksDialog{position: fixed; display: flex; display:none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200007; font-family: var(--defaultfont);} .programSkillThanksDialog .programSkillThanksContainer{background-color:var(--whitecolor); align-items: center; justify-content: center; text-align: center; display: flex; flex-direction: column; max-width:450px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .programSkillThanksDialog .programSkillThanksContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .programSkillThanksDialog .programSkillThanksContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .programSkillThanksDialog .programSkillThanksContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .programSkillThanksDialog .programSkillThanksContainer i{font-size: var(--fontsize53); color: var(--greenColor);} .programSkillThanksDialog .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top: 1px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .programSkillThanksDialog .actions a{display: flex; align-items: center; gap:5px;} .addSkillCategoryLinkDialog.open{display: flex;} .addSkillCategoryLinkDialog{position: fixed; display: flex; display:none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .addSkillCategoryLinkDialog .addSkillCategoryLinkDialogContainer{background-color:var(--whitecolor); align-items: center; justify-content: center; text-align: center; display: flex; flex-direction: column; max-width:450px; width: var(--fullwidth); position: relative; padding: 20px; border-radius: var(--radius20);} .addSkillCategoryLinkDialog .addSkillCategoryLinkDialogContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .addSkillCategoryLinkDialog .addSkillCategoryLinkDialogContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .addSkillCategoryLinkDialog .addSkillCategoryLinkDialogContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .addSkillCategoryLinkDialog .addSkillCategoryLinkDialogContainer i{font-size: var(--fontsize53); color: var(--greenColor);} .addSkillCategoryLinkDialog .actions{display: flex; width: var(--fullwidth); align-items: center; justify-content: center; gap:10px; border-top: 1px solid var(--greyColor4); padding-top:10px; margin-top:15px;} .addSkillCategoryLinkDialog .actions a{display: flex; align-items: center; gap:5px;} .celebrityCoursesWrapper{display: flex; flex-direction: column; width:var(--fullwidth);} .celebrityCoursesWrapper .headingWrapper{display: flex; width:var(--fullwidth); flex-direction: column; margin-bottom: 30px;} .celebrityCoursesWrapper .headingWrapper h2{font-size: var(--fontsize20); color: var(--primaryColor); margin-bottom:5px; font-family: var(--fontfamilysemibold);} .celebrityCoursesWrapper .headingWrapper p{font-size: var(--fontsize14); color: var(--greyColor8); margin-bottom:0px; font-family: var(--defaultfont);} .celebrityCoursesWrapper .contentWrapper .accordion{cursor: pointer; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; background-color: var(--whitecolor); font-weight: 400; margin:0px 0; padding: 10px 20px; border-bottom:0px solid var(--strokeColor); font-family:inherit; font-size: var(--fontsize16);} .celebrityCoursesWrapper .contentWrapper .accordion .block{display: flex; gap:10px; font-size: var(--fontsize16); font-family:var(--fontfamilybold);} .celebrityCoursesWrapper .contentWrapper .accordion .block span{display: flex; flex-direction: column; font-family:var(--defaultfont); font-size: var(--fontsize14); } .celebrityCoursesWrapper .contentWrapper .accordion:after {content: '\002B'; margin-top: -6px; color:var(--greyColor1); float: right; font-family:var(--defaultfont); margin-left: 5px; font-size: var(--fontsize24);} .celebrityCoursesWrapper .contentWrapper .panel {transition: all 0.2s ease; flex-direction: column; padding:10px 20px; border-radius:0px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color:transparent; margin-bottom: 0; box-shadow: 0px 0px 0px 0px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .celebrityCoursesWrapper .contentWrapper .accordion.active{background-color:var(--whitecolor); border-radius: 10px 10px 0 0} .celebrityCoursesWrapper .contentWrapper .accordion.active + .panel {padding: 10px; flex-direction: column; font-family:inherit;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; border-radius: 0 0 10px 10px; background-color:var(--whitecolor); text-align:justify;} .celebrityCoursesWrapper .contentWrapper .accordion.active:after {content: "\2212";} .celebrityCoursesWrapper .contentWrapper .panel ol{margin:0; padding:0; gap:5px; display: flex; flex-direction: column; width:var(--fullwidth);} .celebrityCoursesWrapper .contentWrapper .panel ol li{margin:0; gap:5px; padding:0; font-size: var(--fontsize14); color: var(--blackColor); display: flex; align-items: center; width:var(--fullwidth);} .celebrityCoursesWrapper .contentWrapper .panel ol li a{margin:0; gap:5px; padding:0; font-size: var(--fontsize14); color: var(--blackColor); display: flex; align-items: center; width:var(--fullwidth);} .celebrityCoursesWrapper .contentWrapper{display: flex; flex-direction: column; gap:20px; width:var(--fullwidth);} .celebrityCoursesWrapper .contentWrapper .block .thumb{display: flex; align-items: center; max-width:54px;} .celebrityCoursesWrapper .contentWrapper .block .thumb img{aspect-ratio: 1/1; object-fit: cover; border-radius: 10px;} .celebrityCoursesWrapper .contentWrapper .block .thumbContent {display: flex; flex-direction: column;} .celebrityCoursesWrapper .contentWrapper p{font-size: var(--fontsize14); color: var(--greyColor8); margin-bottom:10px; font-family: var(--defaultfont);} .addCategoryDialogWrapper.open{display: flex;} .addCategoryDialogWrapper{position: fixed; display: flex; display:none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .addCategoryDialogWrapper .addCategoryDialogContainer{background-color:var(--whitecolor); align-items: center; justify-content: center; text-align: center; display: flex; flex-direction: column; max-width:450px; width: var(--fullwidth); position: relative; padding:15px; border-radius: var(--radius20);} .addCategoryDialogWrapper .addCategoryDialogContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:10px; border-bottom:1px solid var(--greyColor4); padding-bottom:5px; font-family: var(--fontfamilysemibold);} .addCategoryDialogWrapper .addCategoryDialogContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .addCategoryDialogWrapper .addCategoryDialogContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .addCategoryDialogWrapper .addCategoryDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .addCategoryDialogWrapper .addCategoryDialogContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .addCategoryDialogWrapper .addCategoryDialogContainer .contentWrapper{display: flex; flex-direction: column; gap:10px; align-items: flex-start; width:var(--fullwidth); padding:10px 0; } .addCategoryDialogWrapper .addCategoryDialogContainer .actions{display: flex; border-top:1px solid var(--strokeColor); padding-top: 5px; margin-top: 20px; width:var(--fullwidth); justify-content: space-between; align-items: center;} .addCategoryDialogWrapper .addCategoryDialogContainer .actions a{width: auto; display: flex; align-items: center; gap:5px;} .addCategoryDialogWrapper .addCategoryDialogContainer .actions a i{font-size: var(--fontsize16); } .addCategoryDialogWrapper .addCategoryDialogContainer .actions .defaultBtn{padding:5px 20px;} .addCategoryDialogWrapper .addCategoryDialogContainer .contentWrapper label{display: flex; color:var(--greyColor5); cursor: pointer; font-size: var(--fontsize14); font-weight: 400; align-items: center; gap:5px; margin:0; padding:0;} .addCategoryDialogWrapper .addCategoryDialogContainer .contentWrapper label input[type="radio"]{margin:0; padding:0;} .addCategoryDialogWrapper .addCategoryDialogContainer .contentWrapper label input[type="checkbox"]{margin:0; padding:0;} .addSubSkillDialogWrapper.open{display: flex;} .addSubSkillDialogWrapper{position: fixed; display: flex; display:none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .addSubSkillDialogWrapper .addSubSkillDialogContainer{background-color:var(--whitecolor); align-items: center; justify-content: center; text-align: center; display: flex; flex-direction: column; max-width:450px; width: var(--fullwidth); position: relative; padding:15px; border-radius: var(--radius20);} .addSubSkillDialogWrapper .addSubSkillDialogContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:10px; border-bottom:1px solid var(--greyColor4); padding-bottom:5px; font-family: var(--fontfamilysemibold);} .addSubSkillDialogWrapper .addSubSkillDialogContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .addSubSkillDialogWrapper .addSubSkillDialogContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .addSubSkillDialogWrapper .addSubSkillDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .addSubSkillDialogWrapper .addSubSkillDialogContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .addSubSkillDialogWrapper .addSubSkillDialogContainer .contentWrapper{display: flex; flex-direction: column; gap:10px; align-items: flex-start; width:var(--fullwidth); padding:0px 0; } .addSubSkillDialogWrapper .addSubSkillDialogContainer .actions{display: flex; border-top:1px solid var(--strokeColor); padding-top: 5px; margin-top: 20px; width:var(--fullwidth); justify-content: space-between; align-items: center;} .addSubSkillDialogWrapper .addSubSkillDialogContainer .actions a{width: auto; display: flex; align-items: center; gap:5px;} .addSubSkillDialogWrapper .addSubSkillDialogContainer .actions a i{font-size: var(--fontsize16); } .addSubSkillDialogWrapper .addSubSkillDialogContainer .actions .defaultBtn{padding:5px 20px;} .addSubSkillDialogWrapper .addSubSkillDialogContainer .contentWrapper label{display: flex; color:var(--greyColor5); bordeR:0px none; justify-content: unset; cursor: pointer; font-size: var(--fontsize14); font-weight: 400; align-items: center; gap:5px; margin:0; padding:0;} .addSubSkillDialogWrapper .addSubSkillDialogContainer .contentWrapper label input[type="radio"]{margin:0; padding:0;} .addSubSkillDialogWrapper .addSubSkillDialogContainer .contentWrapper label input[type="checkbox"]{margin:0; padding:0;} .addSubSkillDialogWrapper .addSubSkillDialogContainer .contentWrapper .searchInput{border:1px solid var(--color22); border-radius: 5px;} .addSubSkillDialogWrapper .addSubSkillDialogContainer .contentWrapper .mainContent{gap:10px;} .addSkillDialogWrapper.open{display: flex;} .addSkillDialogWrapper{position: fixed; display: flex; display:none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .addSkillDialogWrapper .addSkillDialogContainer{background-color:var(--whitecolor); align-items: center; justify-content: center; text-align: center; display: flex; flex-direction: column; max-width:450px; width: var(--fullwidth); position: relative; padding:15px; border-radius: var(--radius20);} .addSkillDialogWrapper .addSkillDialogContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:10px; border-bottom:1px solid var(--greyColor4); padding-bottom:5px; font-family: var(--fontfamilysemibold);} .addSkillDialogWrapper .addSkillDialogContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .addSkillDialogWrapper .addSkillDialogContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .addSkillDialogWrapper .addSkillDialogContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .addSkillDialogWrapper .addSkillDialogContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .addSkillDialogWrapper .addSkillDialogContainer .contentWrapper{display: flex; flex-direction: column; gap:10px; align-items: flex-start; width:var(--fullwidth); padding:0px 0; } .addSkillDialogWrapper .addSkillDialogContainer .actions{display: flex; border-top:1px solid var(--strokeColor); padding-top: 5px; margin-top: 20px; width:var(--fullwidth); justify-content: space-between; align-items: center;} .addSkillDialogWrapper .addSkillDialogContainer .actions a{width: auto; display: flex; align-items: center; gap:5px;} .addSkillDialogWrapper .addSkillDialogContainer .actions a i{font-size: var(--fontsize16); } .addSkillDialogWrapper .addSkillDialogContainer .actions .defaultBtn{padding:5px 20px;} .addSkillDialogWrapper .addSkillDialogContainer .contentWrapper label{display: flex; color:var(--greyColor5); bordeR:0px none; justify-content: unset; cursor: pointer; font-size: var(--fontsize14); font-weight: 400; align-items: center; gap:5px; margin:0; padding:0;} .addSkillDialogWrapper .addSkillDialogContainer .contentWrapper label input[type="radio"]{margin:0; padding:0;} .addSkillDialogWrapper .addSkillDialogContainer .contentWrapper label input[type="checkbox"]{margin:0; padding:0;} .addSkillDialogWrapper .addSkillDialogContainer .contentWrapper .searchInput{border:1px solid var(--color22); border-radius: 5px;} .addSkillDialogWrapper .addSkillDialogContainer .contentWrapper .mainContent{gap:10px; overflow-y:auto; min-height: 400px; max-height: 400px;} .celebrityPreviewDialog.open{display: flex;} .celebrityPreviewDialog{position: fixed; display: flex; display:none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .celebrityPreviewDialog .celebrityPreviewContainer{background-color:var(--whitecolor); align-items: center; justify-content: center; text-align: center; display: flex; flex-direction: column; max-width:450px; width: var(--fullwidth); position: relative; padding:15px; border-radius: var(--radius20);} .celebrityPreviewDialog .celebrityPreviewContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .celebrityPreviewDialog .celebrityPreviewContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .celebrityPreviewDialog .celebrityPreviewContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .celebrityPreviewDialog .celebrityPreviewContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .celebrityPreviewDialog .celebrityPreviewContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .celebrityPreviewDialog .celebrityPreviewContainer .previewWrapper{display: flex; flex-direction: column; align-items: flex-start; width:var(--fullwidth); } .pageWrapper .sidebarLeft nav ul.facultyMenu{margin-top: 20px;} .pageWrapper .sidebarLeft nav ul.facultyMenu ul{margin-left: 20px; width: auto;} .pageWrapper .sidebarLeft nav ul.facultyMenu ul li{margin:0px;} .pageWrapper .sidebarLeft nav ul.facultyMenu ul li a{padding: 10px;} .pageWrapper .sidebarLeft nav ul.facultyMenu ul li a:hover{background-color: var(--lightPrimaryColor);} .pageWrapper .sidebarLeft nav ul.facultyMenu ul li a.active{background-color: var(--lightPrimaryColor);} .facultyBatchDetailWrapper{display: flex; width:var(--fullwidth);} .facultyBatchDetailWrapper .facultyBatchDetailContainer{display: flex; width:var(--fullwidth); flex-direction: column; gap:30px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsWrapper{display: flex; flex-direction: column; width:var(--fullwidth);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsWrapper h2{font-size: var(--fontsize17); border-bottom: 1px solid var(--lineColor); justify-content: space-between; display: flex; align-items: center; flex-direction: row; margin:0 0 20px; padding: 0; padding-bottom:5px; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsWrapper h2 a{font-family: var(--defaultfont); font-weight:400; display: flex; align-items: center; gap:5px; font-size: var(--fontsize14); } .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsWrapper h2 a i{font-size: var(--fontsize13);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider{display: flex; width:var(--fullwidth); display: none; flex-wrap: wrap;} .fullyPageLoaded .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider{display: flex;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider.show{display: flex;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider.slick-initialized{display: flex} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items.hodItem {min-height: 250px} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items.moduleLeaderConsole {min-height: 320px} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items{box-shadow: 0px 4px 25px rgba(112 98 227 / 10%); min-height: auto; width:var(--fullwidth); width: 500px; display: flex; flex-direction: column; gap:10px; border-radius: var(--radius10); padding: 15px; background-color: var(--whitecolor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .percentageBlock{display: flex; position: relative; flex-direction: column; margin-top: 15px; width:var(--fullwidth); gap:10px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .percentageBlock > a{background-color: var(--lightPrimaryColor); padding:5px; width:var(--fullwidth); border-radius: 6px; text-align: center;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .hasData{position: absolute; bottom:-50px; min-height: 32px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; left:0; right:0; background-color: #fff; opacity: 0; visibility:hidden;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .hasData.openProgressBar{position: absolute; top:0; bottom:0; left:0; right:0; background-color: #fff; display: flex; opacity: 1; visibility:visible;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo.hasBorder{padding-bottom:10px; border-bottom: 1px solid var(--lineColor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo{display: flex; margin-bottom: 20px; align-items: flex-start; width:var(--fullwidth); gap:20px; min-height: 160px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(1){display: flex; width:var(--fullwidth); max-width:100px; flex-shrink: 0; flex-direction: column; border-radius: 10px; padding:0px; align-items: center; justify-content: center; background-color: var(--lightPrimaryColor); color: var(--primaryColor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(1) img{object-fit: contain; max-height:100px; width: 100%; border-radius: 10px; height: 100%; object-fit: cover;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(1) span{color: var(--primaryColor); font-size: var(--fontsize26); font-family: var(--fontfamilybold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(1) span + span{color: var(--primaryColor); font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(2){display: flex; flex-direction: column; flex:1; gap:5px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(2) h3{font-size: var(--fontsize16); line-height: 24px; margin:0; padding: 0; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(2) p{font-size: var(--fontsize14); min-height: 25px; margin:0; padding: 0; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(2) .date{font-size: var(--fontsize14); margin:0; padding: 0; display: flex; align-items: center; gap:5px; color: var(--greyColor6); font-family: var(--defaultfont);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .facultyInfo{display: flex; min-height: 52px; justify-content: space-between; align-items: center; gap:10px; padding-bottom:10px; border-bottom: 1px solid var(--lineColor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .facultyInfo div{display: flex; align-items: center; gap: 5px; font-size: var(--fontsize14); color: var(--greyColor6);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .facultyInfo div:nth-child(1){max-width: 80%; width:var(--fullwidth); justify-content: flex-start;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .facultyInfo div:nth-child(2){max-width: 20%; width:var(--fullwidth); justify-content: flex-end;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .facultyInfo.widthChange div:nth-child(1){max-width:20%;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .facultyInfo.widthChange div:nth-child(2){max-width:80%;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .completedProgress.marginTop10{margin-top: 10px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .completedProgress.hasData{opacity: 0; visibility:hidden;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .completedProgress.hasData.openProgressBar{opacity:1; visibility:visible;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .completedProgress{display: flex; width:var(--fullwidth); gap:5px; flex-direction: column; margin-top:0px; } .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .completedProgress > div{display: flex; width:var(--fullwidth);font-size: var(--fontsize14); color: var(--greyColor5);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .completedProgress .progress{display: flex; background-color: var(--greyColor3); width:var(--fullwidth); margin-bottom: 0; height: 7px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .completedProgress .progress .progress-bar {background-color:var(--primaryColor)} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items ol{display: flex; width:var(--fullwidth); flex-wrap: wrap; margin-top: 20px; justify-content: space-between;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items ol li{display: flex; flex-direction: column;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items ol li h5{font-size: var(--fontsize20); margin:0; padding: 0; line-height: 22px; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items ol li p{font-size: var(--fontsize14); margin:0; padding: 0; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items ol li:first-child h5{color: var(--orangeColor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-track{gap:15px; display: flex; width:var(--fullwidth); margin-left:0;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-list{gap:15px; display: flex; width:var(--fullwidth);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-prev{left:0; z-index: 1} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-next{right:0; z-index: 1} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-next:before{color: var(--primaryColor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-prev:before{color: var(--primaryColor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper{display: flex; width:var(--fullwidth); gap:30px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left{display: flex; flex-direction: column; flex:1; gap:30px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper{display: flex; flex-direction: column; width:var(--fullwidth);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper h2{font-size: var(--fontsize17); border-bottom: 1px solid var(--lineColor); margin:0 0 10px; padding: 0; padding-bottom:5px; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper p{font-size: var(--fontsize14); margin:0; padding: 0; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol{display: flex; margin:20px 0 0px; gap:10px; padding: 0; flex-direction: column; width:var(--fullwidth);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li{display: flex; gap:20px; border-radius: var(--radius10); padding: 15px; background-color: var(--whitecolor); margin:0; width:var(--fullwidth);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesBlock{flex:1; display: flex; flex-direction: column; gap:10px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesBlock .tags{display: flex; width:var(--fullwidth); gap:15px; font-family: var(--defaultfont); font-size: var(--fontsize14); color: var(--blackColor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesBlock .tags .batchTag{background-color: var(--lightPrimaryColor); font-family: var(--fontfamilymedium); font-weight: 500; color:var(--primaryColor); font-size: var(--fontsize13); border-radius:15px; padding: 2px 10px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesBlock .tags .liveClassTag{color:var(--lightRedColor); align-items: center; font-family: var(--fontfamilymedium); font-weight: 500; font-size: var(--fontsize13); display: flex; gap:5px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesBlock .tags .liveClassTag i{font-size: var(--fontsize16); } .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesBlock h3{font-size: var(--fontsize16); margin:0; padding: 0; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesInfo{display: flex; width:var(--fullwidth); gap:15px; font-size: var(--fontsize14); color: var(--greyColor5); font-family: var(--defaultfont);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesInfo span{display: flex; align-items: center; gap:5px; font-size: var(--fontsize13);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .classesInfo span i{font-size: var(--fontsize16);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .actions{display: flex; align-items: center; gap:20px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li .actions a{display: flex; gap:5px; font-size: var(--fontsize14);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right{display: flex; flex-direction: column; width:var(--fullwidth); max-width: 325px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right ol{ border-radius: var(--radius10); gap:15px; display: flex; flex-direction: column; width:var(--fullwidth); padding: 15px; background-color: var(--whitecolor); } .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right ol li{ border-radius: var(--radius10); display: flex; width:var(--fullwidth); padding: 15px; background-color: var(--lightPrimaryColor); } .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right ol li a{padding: 0 0 0 15px; border-left:4px solid var(--primaryColor); display: flex; width:var(--fullwidth); justify-content: space-between; align-items: center;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right ol li p{ font-size: var(--fontsize14); margin:0; padding: 0; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right ol li span{color: var(--blackColor); font-size: var(--fontsize26); font-family: var(--fontfamilybold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right h5{font-size: var(--fontsize17); border-bottom: 1px solid var(--lineColor); margin:0 0 10px; padding: 0; padding-bottom:5px; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock{display: flex; align-items: center; justify-content:space-between; border-bottom: 1px solid var(--lineColor); margin:0 0 10px; padding:0 0 10px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper .filterBlock h2{border:0px none; margin:0; padding:0 0 0px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock > div {display: flex; align-items: center; gap:15px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock > div select{max-width: 250px; padding:4px; width: auto; min-width: 150px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock > div label{display:flex; align-items: center; margin:0; padding:0; color:var(--blackColor); font-weight: normal; font-family: var(--fontfamilymedium);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(2) .tag{display: flex; width:var(--fullwidth); gap:15px; font-family: var(--defaultfont); background-color: transparent; max-width: none; align-items: flex-start; max-height: unset; padding:0; font-size: var(--fontsize14); color: var(--blackColor);} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo div:nth-child(2) .tag span{background-color: var(--lightPrimaryColor); font-family: var(--fontfamilymedium); font-weight: 500; color:var(--primaryColor); max-width: none; font-size: var(--fontsize13); border-radius:15px; padding: 2px 10px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock .calender i{cursor: pointer;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock .calender {position:relative;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock .calender .datepicker {position:absolute; background-color:var(--whitecolor); right:0; top:100%;} .facultyModuleListingWrapper{display: flex; width:var(--fullwidth);} .facultyModuleListingWrapper .facultyModuleListingContainer{display: flex; width:var(--fullwidth); flex-direction: column; gap:30px;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchsWrapper{display: flex; flex-direction: column; width:var(--fullwidth);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchsWrapper h2{font-size: var(--fontsize17); border-bottom: 1px solid var(--lineColor); justify-content: space-between; display: flex; align-items: center; flex-direction: row; margin:0 0 20px; padding: 0; padding-bottom:5px; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchsWrapper h2 a{font-family: var(--defaultfont); font-weight:400; display: flex; align-items: center; gap:5px; font-size: var(--fontsize14); } .facultyModuleListingWrapper .facultyModuleListingContainer .batchsWrapper h2 a i{font-size: var(--fontsize13);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider{display: grid; gap:20px; grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); width:var(--fullwidth);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items{box-shadow: 0px 4px 25px rgba(112 98 227 / 10%); min-height: 270px; max-width: none; width:var(--fullwidth); width: 100%; display: flex; flex-direction: column; gap:10px; border-radius: var(--radius10); padding: 15px; background-color: var(--whitecolor);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .percentageBlock{display: flex; position: relative; flex-direction: column; margin-top: 15px; width:var(--fullwidth); gap:10px;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .percentageBlock > a{background-color: var(--lightPrimaryColor); padding:5px; width:var(--fullwidth); border-radius: 6px; text-align: center;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .hasData{position: absolute; bottom:-50px; min-height: 32px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; left:0; right:0; background-color: #fff; opacity: 0; visibility:hidden;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .hasData.openProgressBar{position: absolute; top:0; bottom:0; left:0; right:0; background-color: #fff; display: flex; opacity: 1; visibility:visible;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo.hasBorder{padding-bottom:10px; border-bottom: 1px solid var(--lineColor);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo{display: flex; margin-bottom: 20px;min-height: 152px; align-items: flex-start; width:var(--fullwidth); gap:20px;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(1){display: flex; width:var(--fullwidth); max-width:100px; flex-shrink: 0; flex-direction: column; border-radius: 10px; padding:0px; align-items: center; justify-content: center; background-color: var(--lightPrimaryColor); color: var(--primaryColor);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(1) img{object-fit: contain; max-height:100px; width: 100%; border-radius: 10px; height: 100%; object-fit: cover;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(1) span{color: var(--primaryColor); font-size: var(--fontsize26); font-family: var(--fontfamilybold);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(1) span + span{color: var(--primaryColor); font-size: var(--fontsize16); font-family: var(--fontfamilysemibold);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(2){display: flex; flex-direction: column; flex:1; gap:5px;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(2) h3{font-size: var(--fontsize16); line-height: 24px; margin:0; padding: 0; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(2) p{font-size: var(--fontsize14); min-height: 25px; margin:0; padding: 0; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(2) .date{font-size: var(--fontsize14); margin:0; padding: 0; display: flex; align-items: center; gap:5px; color: var(--greyColor6); font-family: var(--defaultfont);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .facultyInfo{display: flex; min-height: 52px; justify-content: space-between; align-items: center; gap:10px; padding-bottom:10px; border-bottom: 1px solid var(--lineColor);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .facultyInfo div{display: flex; align-items: center; gap: 5px; font-size: var(--fontsize14); color: var(--greyColor6);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .facultyInfo div:nth-child(1){max-width: 80%; width:var(--fullwidth); justify-content: flex-start;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .facultyInfo div:nth-child(2){max-width: 20%; width:var(--fullwidth); justify-content: flex-end;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .facultyInfo.widthChange div:nth-child(1){max-width:20%;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .facultyInfo.widthChange div:nth-child(2){max-width:80%;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .completedProgress.marginTop10{margin-top: 10px;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .completedProgress.hasData{opacity: 0; visibility:hidden;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .completedProgress.hasData.openProgressBar{opacity:1; visibility:visible;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .completedProgress{display: flex; width:var(--fullwidth); gap:5px; flex-direction: column; margin-top:0px; } .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .completedProgress > div{display: flex; width:var(--fullwidth);font-size: var(--fontsize14); color: var(--greyColor5);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .completedProgress .progress{display: flex; background-color: var(--greyColor3); width:var(--fullwidth); margin-bottom: 0; height: 7px;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .completedProgress .progress .progress-bar {background-color:var(--primaryColor)} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items ol{display: flex; width:var(--fullwidth); flex-wrap: wrap; margin-top:0px; justify-content: space-between;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items ol li{display: flex; flex-direction: column;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items ol li h5{font-size: var(--fontsize20); margin:0; padding: 0; line-height: 22px; color: var(--blackColor); font-family: var(--fontfamilybold);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items ol li p{font-size: var(--fontsize14); margin:0; padding: 0; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items ol li:first-child h5{color: var(--orangeColor);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(2) .tag{display: flex; width:var(--fullwidth); gap:15px; font-family: var(--defaultfont); background-color: transparent; max-width: none; align-items: flex-start; max-height: unset; padding:0; font-size: var(--fontsize14); color: var(--blackColor);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider .items .batchesInfo div:nth-child(2) .tag span{background-color: var(--lightPrimaryColor); font-family: var(--fontfamilymedium); font-weight: 500; color:var(--primaryColor); max-width: none; font-size: var(--fontsize13); border-radius:15px; padding: 2px 10px;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchsMainWrapper .filterBlock .calender i{cursor: pointer;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchsMainWrapper .filterBlock .calender {position:relative;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchsMainWrapper .filterBlock .calender .datepicker {position:absolute; background-color:var(--whitecolor); right:0; top:100%;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange{display: flex; width: var(--fullwidth);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_wrapper{display: block; flex-direction: column; width: var(--fullwidth);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_wrapper tbody{display: grid; gap:20px; grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); width:var(--fullwidth);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_wrapper tbody td{width:var(--fullwidth); padding:0; display: flex;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_wrapper .dataTables_length{width: auto;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_wrapper .dataTables_length label select{margin:0 10px; width: auto;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTable{padding-bottom: 15px;} .pageHeading{font-size:var(--fontsize16); color: var(--blackcolor); font-family: var(--fontfamilybold); margin:10px 0 20px} .facultyEventslistingWrapper {display: flex; width: var(--fullwidth);} .facultyEventslistingWrapper ol {display: flex; width: var(--fullwidth); flex-direction: column;} .facultyEventslistingWrapper ol li{display: flex; width: var(--fullwidth); gap:20px; background-color: var(--whitecolor); padding: 15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .facultyEventslistingWrapper ol li:first-child{margin-top: 0;} .facultyEventslistingWrapper ol li{box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); flex-direction: column; display: flex; margin-top: 10px; width: var(--fullwidth); background-color: var(--whitecolor); border-radius: var(--radius5); padding:15px;} .facultyEventslistingWrapper ol li h3{font-size:var(--fontsize16); text-align: var(--textLeft); margin-bottom:0px; color: var(--blackcolor); font-family: var(--fontfamilysemibold);} .facultyEventslistingWrapper ol li p{font-size:var(--fontsize14); text-align: var(--textLeft); margin-bottom:0px; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .coursesThumb{max-width: 150px; max-height: 150px;border-radius: var(--radius5); overflow: hidden; margin-right: 10px; position: relative; width: var(--fullwidth);} .facultyEventslistingWrapper .coursesContent{display: flex; position: relative; padding:0px; flex-direction: column; width: var(--fullwidth); gap:5px; flex:1} .facultyEventslistingWrapper .coursesContent .eventManagers{display: flex; align-items: center; gap:15px} .facultyEventslistingWrapper .coursesContent .eventManagers label{display: flex; align-items: center; margin:0; padding:0; font-size:var(--fontsize14);font-weight: normal; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .coursesContent .eventManagers ul{display: flex; align-items: center; gap:10px; flex:1} .facultyEventslistingWrapper .coursesContent .eventManagers ul li{display: flex; align-items: center; width: auto; padding:0; margin:0; box-shadow: 0px 0px 0px 0px; color:var(--blackColor); } .facultyEventslistingWrapper .bottomBar .eventCoordinators{display: flex; align-items: center; gap:15px;} .facultyEventslistingWrapper .bottomBar .eventCoordinators label{display: flex; align-items: center; margin:0; padding:0; font-size:var(--fontsize14);font-weight: normal; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul{display: flex; align-items: center; gap:10px;} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul span{font-size:var(--fontsize14); text-align: var(--textLeft); margin-bottom:0px; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .bottomBar .eventCoordinators span{font-size:var(--fontsize14); text-align: var(--textLeft); margin-bottom:0px; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul li{display: flex; align-items: center; width: auto; padding:0; margin:0; box-shadow: 0px 0px 0px 0px; background-color: transparent;} .facultyEventslistingWrapper .coursesContent .block{display: flex; align-items: center; gap:15px} .facultyEventslistingWrapper .coursesContent .block label{font-size:var(--fontsize14); font-weight: normal; text-align: var(--textLeft); margin:0px; padding:0; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .coursesContent .block spabn{color: var(--blackColor);} .facultyEventslistingWrapper .coursesContent .actions{position: absolute; top:10px; right:10px; display: flex; align-items: center; gap:10px;} .facultyEventslistingWrapper .coursesContent .actions a{padding:0;} .facultyEventslistingWrapper .bottomBar{display: flex; gap:20px; border-radius: 5px; width: var(--fullWidth); padding: 10px; background-color: var(--lightPrimaryColor);} .facultyEventslistingWrapper .bottomBar ul{margin:0; padding: 0; display: flex; align-items: center;} .facultyEventslistingWrapper .bottomBar ul li{margin:0; padding: 0; display: flex; align-items: center;} .facultyEventslistingWrapper ol li .top{display: flex; width: var(--fullwidth);} .facultyEventslistingWrapper .bottomContent{display: flex; flex-direction: column; width: var(--fullwidth); gap:10px; border-top:1px solid var(--strokeColor); padding-top: 5px;} .facultyEventslistingWrapper .bottomContent .mainBlock{display: flex; gap:20px; justify-content: space-between; align-items: flex-start;} .facultyEventslistingWrapper .bottomContent .mainBlock .left{display: flex; flex:1; flex-direction: column; gap:5px;} .facultyEventslistingWrapper .bottomContent .mainBlock .barCodeBlock{display:flex; max-width: 100px;} .facultyEventslistingWrapper .tableWrapper tbody{display: flex; width: var(--fullwidth); flex-direction: column;} .facultyEventslistingWrapper .tableWrapper tbody tr{display: flex; width: var(--fullwidth);} .facultyEventslistingWrapper .tableWrapper tbody tr td{display: flex; bordeR:0px none; width: var(--fullwidth);} .facultyEventslistingWrapper .tableWrapper .dataTables_length{float:left} .facultyEventslistingWrapper .tableWrapper .dataTables_filter{float:right} .facultyEventslistingWrapper .tableWrapper .dataTables_length label{font-family: var(--defaultfont); font-size: var(--fontsize14); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .facultyEventslistingWrapper .tableWrapper .dataTables_wrapper .dataTables_length label select{margin:0 10px} .facultyEventslistingWrapper .tableWrapper .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); font-size: var(--fontsize14); display: flex; align-items: center; font-weight: normal;} .facultyEventslistingWrapper .tableWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .facultyEventslistingWrapper .tableWrapper .dataTables_info{font-family: var(--defaultfont); font-size: var(--fontsize14);} .facultyEventslistingWrapper ol {display: flex; width: var(--fullwidth); flex-direction: column;} .facultyEventslistingWrapper ol li{display: flex; width: var(--fullwidth); gap:20px; background-color: var(--whitecolor); padding: 15px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .facultyEventslistingWrapper ol li:first-child{margin-top: 0;} .facultyEventslistingWrapper ol li{box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); flex-direction: column; display: flex; margin-top: 10px; width: var(--fullwidth); background-color: var(--whitecolor); border-radius: var(--radius5); padding:15px;} .facultyEventslistingWrapper ol li h3{font-size:var(--fontsize16); text-align: var(--textLeft); margin-bottom:0px; color: var(--blackcolor); font-family: var(--fontfamilysemibold);} .facultyEventslistingWrapper ol li a:hover h3{color: var(--primaryColor);} .facultyEventslistingWrapper ol li p{font-size:var(--fontsize14); text-align: var(--textLeft); margin-bottom:0px; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .coursesThumb{max-width: 150px; max-height: 150px;border-radius: var(--radius5); overflow: hidden; margin-right: 10px; position: relative; width: var(--fullwidth);} .facultyEventslistingWrapper .coursesContent{display: flex; position: relative; padding:0px; flex-direction: column; width: var(--fullwidth); gap:5px; flex:1} .facultyEventslistingWrapper .coursesContent .eventManagers{display: flex; align-items: center; gap:15px} .facultyEventslistingWrapper .coursesContent .eventManagers label{display: flex; align-items: center; margin:0; padding:0; font-size:var(--fontsize14);font-weight: normal; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .coursesContent .eventManagers ul{display: flex; align-items: center; gap:10px; flex:1} .facultyEventslistingWrapper .coursesContent .eventManagers ul li{display: flex; align-items: center; width: auto; padding:0; margin:0; box-shadow: 0px 0px 0px 0px } .facultyEventslistingWrapper .bottomBar .eventCoordinators{display: flex; align-items: center; gap:15px;} .facultyEventslistingWrapper .bottomBar .eventCoordinators label{display: flex; align-items: center; margin:0; padding:0; font-size:var(--fontsize14);font-weight: normal; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul{display: flex; align-items: center; gap:10px;} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul span{font-size:var(--fontsize14); text-align: var(--textLeft); margin-bottom:0px; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul li{display: flex; align-items: center; width: auto; padding:0; margin:0; box-shadow: 0px 0px 0px 0px; background-color: transparent;} .facultyEventslistingWrapper .coursesContent .block{display: flex; align-items: center; gap:10px} .facultyEventslistingWrapper .coursesContent .block div{display: flex; align-items: center; gap:5px;} .facultyEventslistingWrapper .coursesContent .block label{font-size:var(--fontsize14); font-weight: normal; text-align: var(--textLeft); margin:0px; padding:0; color: var(--greyColor5); font-family: var(--defaultfont);} .facultyEventslistingWrapper .coursesContent .block span{color: var(--blackColor);} .facultyEventslistingWrapper .coursesContent .actions{position: absolute; top:10px; right:10px; display: flex; align-items: center; gap:10px;} .facultyEventslistingWrapper .coursesContent .actions a{padding:0;} .facultyEventslistingWrapper .bottomBar{display: flex; gap:20px; border-radius: 5px; width: var(--fullWidth); padding: 10px; background-color: var(--lightPrimaryColor);} .facultyEventslistingWrapper .bottomBar ul{margin:0; padding: 0; display: flex; align-items: center;} .facultyEventslistingWrapper .bottomBar ul li{margin:0; padding: 0; display: flex; align-items: center;} .facultyEventslistingWrapper ol li .top{display: flex; width: var(--fullwidth);} .facultyEventslistingWrapper .bottomContent{display: flex; flex-direction: column; width: var(--fullwidth); gap:10px; border-top:1px solid var(--strokeColor); padding-top: 5px;} .facultyEventslistingWrapper .bottomContent .mainBlock{display: flex; gap:20px; justify-content: space-between; align-items: flex-start;} .facultyEventslistingWrapper .bottomContent .mainBlock .left{display: flex; flex:1; flex-direction: column;} .facultyEventslistingWrapper .bottomContent .mainBlock .barCodeBlock{display:flex; max-width: 100px;} .facultyEventslistingWrapper .coursesContent .block div span.beforeDot{width:4px; height: 4px; background-color:var(--greyColor5); border-radius: 100%; margin:0 10px;} .facultyEventslistingWrapper .coursesContent .upcomingTag{color:var(--primaryColor); font-family: var(--fontfamilysemibold); border:1px solid var(--greyColor3); background-color: var(--greyColor3); padding:2px 15px; border-radius: 32.7651px;} .helpPageWrapper{display: flex; width: var(--fullwidth);} .helpPageWrapper .helpPageContainer{display: flex; width: var(--fullwidth); flex-direction: column;} .helpPageWrapper .helpPageContainer .helpHero{display: flex; align-items: center; gap:20px; padding: 60px 20px; flex-direction: column; width: var(--fullwidth); justify-content: center; background-color: var(--primaryColor);} .helpPageWrapper .helpPageContainer .helpHero h1{font-size:var(--fontsize40); text-align: var(--textLeft); margin-bottom:0px; color: var(--whitecolor); font-family: var(--fontfamilysemibold);} .helpPageWrapper .helpPageContainer .helpHero .search{display: flex; justify-content: center; align-items: center; width: var(--fullwidth);} .helpPageWrapper .helpPageContainer .helpHero .search input{display: flex; width: var(--fullwidth); max-width: 500px; background-image: url(../images/icon-search.png); background-repeat: no-repeat; background-position: 10px center; border: 1px solid var(--strokeColor); font-family: var(--defaultfont); padding:6px 10px 6px 40px; width: 100%; border-radius:var(--radius5); font-size:var(--fontsize14);} .helpPageWrapper .helpPageContainer .helpContent{display: flex; padding:20px; width: var(--fullwidth); justify-content: center; max-width: 1000px; margin:0 auto;} .helpPageWrapper .helpPageContainer .helpContent ol{display: grid; gap:30px; width: var(--fullwidth); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));} .helpPageWrapper .helpPageContainer .helpContent ol li{display: flex; flex-direction: column; gap:10px; border-radius: 10px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); padding: 20px; background-color: var(--whitecolor);} .helpPageWrapper .helpPageContainer .helpContent ol li h3{font-size:var(--fontsize16); text-align: var(--textLeft); margin-bottom:0px; color: var(--blackcolor); font-family: var(--fontfamilysemibold);} .helpPageWrapper .helpPageContainer .helpContent ol li p{font-size: var(--fontsize14); margin:0; padding: 0; color: var(--greyColor5); font-family: var(--defaultfont);} .helpPageWrapper .helpPageContainer .helpContent ol li span{display: flex; width: 46px; color:var(--primaryColor); background-color: var(--lightSecondaryColor); height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 5px;} .helpPageWrapper .helpPageContainer .helpContent ol li i{color:var(--primaryColor);} .helpVideoPreviewDialog.open{display: flex;} .helpVideoPreviewDialog{position: fixed; display: flex; display:none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200006; font-family: var(--defaultfont);} .helpVideoPreviewDialog .helpVideoPreviewContainer{background-color:var(--whitecolor); align-items: center; justify-content: center; text-align: center; display: flex; flex-direction: column; max-width:650px;width: var(--fullwidth); position: relative; padding:15px; border-radius: var(--radius20);} .helpVideoPreviewDialog .helpVideoPreviewContainer h3{font-size: var(--fontsize20); color: var(--blackColor); width:var(--fullwidth); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .helpVideoPreviewDialog .helpVideoPreviewContainer h4{font-size: var(--fontsize22); color: var(--blackColor); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilybold);} .helpVideoPreviewDialog .helpVideoPreviewContainer p{font-size: var(--fontsize14); color: var(--greyColor5); margin-bottom:0px; border-bottom:0px solid var(--greyColor4); padding-bottom:0px; font-family: var(--fontfamilysemibold);} .helpVideoPreviewDialog .helpVideoPreviewContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .helpVideoPreviewDialog .helpVideoPreviewContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize22); display: flex; align-items: center; justify-content: center; background-color: var(--whitecolor); width: 30px; height: 30px; border-radius: var(--radius100);} .helpVideoPreviewDialog .helpVideoPreviewContainer .previewWrapper{display: flex; flex-direction: column; align-items: flex-start; width:var(--fullwidth); } .helpVideoPreviewDialog .helpVideoPreviewContainer iframe{height: 400px;} .domainsIndustryFiltersddWrapper.show{display: flex} .domainsIndustryFiltersddWrapper{position: absolute; right:0; left:auto; min-width: 350px; width:var(--fullwidth); top:100%; z-index: 2200056; display: none} .domainsIndustryFiltersddWrapper .filtersddContainer{padding: 15px; margin-left: auto; box-shadow: 0px 0px 5px rgb(29 23 71 / 10%); border-radius:10px; width:var(--fullwidth); max-width: 400px; background-color: var(--whitecolor);} .domainsIndustryFiltersddWrapper .filtersddContainer h4{font-size:var(--fontsize16); padding-bottom:10px; border-bottom:1px solid var(--greyColor); display: flex; align-items: center; justify-content: space-between; font-weight: 400; font-family: var(--defaultFont); text-align: var(--textLeft); margin-bottom:0px; color: var(--blackColor);} .domainsIndustryFiltersddWrapper .filtersddContainer h4 div{display: flex; align-items: center;} .domainsIndustryFiltersddWrapper .filtersddContainer h4 a{color:var(--blackColor);font-size:var(--fontsize14); margin-right: 10px; font-family: var(--defaultfont); } .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData{padding:15px 0 0; overflow-y: auto; max-height: 220px; display: flex; flex-direction: column; width:var(--fullwidth);} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block{ margin-bottom: 25px; display: flex; flex-direction: column; width:var(--fullwidth);} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block:last-child{margin-bottom: 0;} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block h5{margin-bottom:8px; display: flex; flex-direction: column; width:var(--fullwidth); color:var(--blackcolor);} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .filtersContent{display: flex; gap:8px; width:var(--fullwidth); flex-wrap: wrap;} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block label{display: flex; margin:0; padding:0; cursor: pointer; font-size:var(--fontsize13); align-items: center; margin-right:0px;} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block label input[type="checkbox"]{margin: 0; margin-right: 5px; display: none} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block label input[type="radio"]{margin: 0; margin-right: 5px; display: none} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block label span{color:var(--greyColor5); font-family: var(--fontfamilysemibold); border:1px solid var(--greyColor3); background-color: var(--greyColor3); padding:5px 15px; border-radius: 32.7651px;} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block label input[type="radio"]:checked + span{background-color: var(--lightPrimaryColor); border:1px solid var(--primaryColor); color:var(--blackColor);} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block label input[type="checkbox"]:checked + span{background-color: var(--lightPrimaryColor); border:1px solid var(--primaryColor); color:var(--blackColor);} .domainsIndustryFiltersddWrapper .filtersddContainer .filtersData .block label.show span{background-color: var(--lightPrimaryColor); border:1px solid var(--primaryColor); color:var(--blackColor);} .pageWrapper .mainContent.overflowVisible{height:calc(100vh - 100px)} .domainIndustriesPageWrapper{display: flex; width: var(--fullwidth);} .domainIndustriesPageWrapper .domainIndustriesPageContainer{display: flex; width: var(--fullwidth); flex-direction: column; gap:20px;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .filtersBlock{display: flex; width: var(--fullwidth); margin-top: 30px; justify-content: space-between; align-items: center;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .filtersBlock h2{font-size: var(--fontsize16); color: var(--blackcolor);font-family: var(--fontfamilysemibold);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .filtersBlock p{font-size: var(--fontsize14); color: var(--tableTh); font-size: var(--fontsize14);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .filtersBlock .domainBlock{display: flex; flex-direction: column;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .filtersBlock .filtersSection a{display: flex; flex-direction: column; color: var(--blackcolor);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .filtersBlock .filtersSection{flex:1; display: flex; margin: 0; padding:0; background-color: transparent; justify-content: flex-end;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper{display: flex; width: var(--fullwidth); flex-direction: column;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol{ margin:0; padding:0; gap:20px; display: flex; width: var(--fullwidth); flex-direction: column;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li{ margin:0; padding:15px; gap:15px; background-color: var(--whitecolor); border-radius: 10px; display: flex; width: var(--fullwidth); flex-direction: column;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li h3{font-size: var(--fontsize16); display: flex; align-items: center; gap:10px; color: var(--blackColor);font-family: var(--fontfamilysemibold);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li h3 a{display: flex; align-items: center; gap:10px;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li h4{font-size: var(--fontsize16); display: flex; align-items: center; gap:10px; color: var(--blackColor);font-family: var(--fontfamilybold);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li p{font-size: var(--fontsize14); color: var(--tableTh); font-size: var(--fontsize14);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li ul{margin: 0; padding: 0; display: flex; width: var(--fullwidth); justify-content: space-between;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li ul li{margin: 0; padding: 0; gap:0; display: flex; flex-direction: column;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .iconThumb{display: flex; width: var(--fullwidth); max-width: 100px} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .iconThumb img{max-width: 100%; object-fit: contain;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li.companies{flex-direction: row; align-items: flex-start;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li.companies .iconThumb{max-width: 50px;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li.locations a{display: flex; flex-direction: column; gap:10px; width: var(--fullwidth);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li.locations h3 i{display: flex; width: var(--fullwidth); max-width: 30px;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .iconContent{display: flex; gap:5px; flex-direction:column} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .iconContent .info{display: flex; align-items: center; gap:10px;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .iconContent .info {font-size: var(--fontsize14); color: var(--tableTh);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .iconContent .info span{color: var(--blackColor);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .tagsBlock{display: flex; align-items: center; gap:10px; flex-wrap: wrap; color: var(--blackColor);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .tagsBlock div{display: flex; flex-wrap: wrap; gap:10px; align-items: center;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .tagsBlock div span{color:var(--greyColor5); font-family: var(--fontfamilysemibold); border:1px solid var(--greyColor3); background-color: var(--greyColor3); padding:5px 15px; border-radius: 32.7651px;} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .tagsBlock div span.count{background-color: transparent; bordeR:0px none; padding:5px 0; color: var(--blackColor);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .iconContent .info span.title{white-space: nowrap; color: var(--tableTh);} .domainIndustriesPageWrapper .domainIndustriesPageContainer .listingWrapper ol li .iconContent .info.alignStart{align-items: flex-start;} .worldofworkPageWrapper{display: flex; width:var(--fullwidth); align-items: flex-start; flex-direction: column; margin-top:30px;} .worldofworkPageWrapper .worldofworkPageContainer{display: flex; width:var(--fullwidth); flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .pageHeaderInfo{display: flex; flex-direction:column; width: var(--fullwidth); margin-bottom: 30px;} .worldofworkPageWrapper .worldofworkPageContainer .pageHeaderInfo h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackColor)} .worldofworkPageWrapper .worldofworkPageContainer .pageHeaderInfo h3{font-size: var(--fontsize20); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; color: var(--blackColor)} .worldofworkPageWrapper .worldofworkPageContainer .pageHeaderInfo p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:20px; color: var(--greyColor5)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper{display: grid; gap:20px; grid-template-columns: repeat(2,minmax(0,1fr));} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft{display: flex; border-radius: 10px; padding:20px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: var(--fullwidth); background-color: var(--whitecolor);} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight{display: flex; border-radius: 10px; padding:20px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: var(--fullwidth); background-color: var(--whitecolor);} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol{display: flex; gap:20px;flex-direction: column; width:var(--fullwidth); } .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li{display: flex; height: 100%; flex-direction: column; width:var(--fullwidth); margin:0;padding:20px 0 15px; border-top:1px solid var(--strokeColor);} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li:first-child{border-top:0px none; padding-top: 0;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .left p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greyColor5)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .left h2{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:5px; color: var(--blackColor)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .left h2 + p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .left div:nth-child(2) {font-size: var(--fontsize22); align-items: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); gap:10px; color: var(--blackColor)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .left div:nth-child(2) span{font-size: var(--fontsize16); display: flex; font-weight: 400; font-family: var(--defaultfont); color: var(--greyColor5)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .left{display: flex; justify-content: space-between; flex:1; flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .right{display: flex; flex-direction: column; width:var(--fullwidth); max-width: none;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .right .chart{display: flex; width: var(--fullwidth); height: 100%} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .right .valueIncrease{display: flex; justify-content: flex-end;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .right .valueIncrease span{display: flex; font-size: var(--fontsize12); padding: 2px 5px; color:#44E09E; gap:5px; align-items: center; bordeR:1px solid #44E09E; border-radius:5px;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .right .valueDecrease{display: flex; justify-content: flex-end;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .right .valueDecrease span{display: flex; font-size: var(--fontsize12); padding: 2px 5px; color:#EA6E97; gap:5px; align-items: center; bordeR:1px solid #EA6E97; border-radius:5px;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol{display: flex; gap:20px;flex-direction: column; width:var(--fullwidth); } .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li{display: flex; align-items: center; gap:30px;width:var(--fullwidth); margin:0;padding:15px; border-radius: 20px;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li a{display: flex;width:var(--fullwidth); align-items:center; color:var(--blackcolor); gap: 30px;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left{display:flex; flex:1; gap:20px;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackcolor)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left h2{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; gap:10px; color: var(--blackColor)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left h2 span{display: flex; gap:5px; align-items: center; color:var(--greenColor2);} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left h2 span.valueIncrease{display: flex; gap:5px; align-items: center; color:var(--greenColor2);} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left h2 span.valueDecrease{display: flex; gap:5px; align-items: center; color:#EA6E97;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left h2 + p{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--blackcolor)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left div:nth-child(1) {gap:10px; display: flex; flex: 1; flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left div:nth-child(2) {font-size: var(--fontsize14); flex-direction: column; align-items: flex-end; display: flex; font-weight: 400; flex-direction: column; font-family: var(--defaultfont); gap:10px; color: var(--blackcolor)} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li .left div:nth-child(2) span{font-size: var(--fontsize22); display: flex; font-weight: 400; font-family: var(--defaultfont); color: var(--blackcolor); font-family: var(--fontfamilysemibold); } .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li:nth-child(1){background: linear-gradient(291deg, rgba(255, 255, 255, 0.50) 31.92%, rgba(255, 255, 255, 0.00) 105.99%), #F0E8FC;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li:nth-child(2){background: linear-gradient(289deg, rgba(255, 255, 255, 0.50) 11.43%, rgba(255, 255, 255, 0.00) 58.24%), #DAEDFF;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li:nth-child(3){background: linear-gradient(273deg, rgba(255, 255, 255, 0.50) 9.83%, rgba(255, 255, 255, 0.00) 56.21%), #FFD9E2;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li:nth-child(4){background: linear-gradient(286deg, rgba(255, 255, 255, 0.50) 17.03%, rgba(255, 255, 255, 0.00) 39.55%), #C9F9EF;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li:nth-child(1) .left h2{color: #673AC4;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li:nth-child(2) .left h2{color: #42A3FD;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li:nth-child(3) .left h2{color: #BF56A5;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataRight ol li:nth-child(4) .left h2{color: #2C8775;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper{display: flex; width: var(--fullwidth); margin-top: 30px;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseContainer{display: flex; flex-direction: column; border-radius: 10px; padding:20px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); width: var(--fullwidth); background-color: var(--whitecolor);} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper h2{font-size: var(--fontsize18); justify-content: space-between; align-items: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:25px; gap:10px; color: var(--blackColor); border-bottom:1px solid var(--strokeColor); padding: 0; padding-bottom: 10px;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper h2 a{font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--greyColor5); gap:5px; align-items: center;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider{display: flex; width: var(--fullwidth); gap:15px; padding: 0 0px; flex-wrap: wrap;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider .items{display: flex; max-width: 350px; padding: 15px; border: 3px solid #F6F6F6; border-radius: 10px; background-color: var(--whitecolor); flex-direction: column; width: var(--fullwidth);} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider .items .skills{display: flex; margin-bottom: 5px;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider .items .skills span{background-color: var(--greyColor12); font-size: var(--fontsize12); font-family: var(--defaultfont); padding:5px 10px; border-radius: 5px;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider h3{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:15px; border-bottom:1px solid var(--strokeColor); padding: 0; padding-bottom: 10px; color: var(--blackColor)} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider p{font-size: var(--fontsize13); display: flex; gap:10px; align-items: center; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider ol {display: grid; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider ol li{display: flex; flex-direction: column; width: var(--fullwidth); } .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider ol li div{display: flex; align-items: center; gap:5px; font-size: var(--fontsize18); font-family: var(--fontfamilysemibold);} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider ol li div .valueDecrease{color:#EA6E97;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider ol li div .valueIncrease{color:var(--greenColor2);} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider .actions{display: flex; width: var(--fullwidth); margin-top:25px;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider .actions button{padding:8px 35px; display: flex; justify-content: center; align-items: center; gap:5px;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider .actions button span{font-size: var(--fontsize18);} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-list{width: var(--fullwidth);} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-track{display: flex; gap:32px; width: var(--fullwidth); margin-left: 0;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-prev{left:0; z-index: 1} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-next{right:0; z-index: 1} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-dots{bottom:0} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-prev:before, .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-next:before{color: var(--primaryColor);} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper{display: flex; width: var(--fullwidth); margin-top: 30px;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper h2{font-size: var(--fontsize18); justify-content: space-between; border-bottom:1px solid var(--strokeColor); padding-bottom:10px; align-items: center; display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:25px; gap:10px; color: var(--blackColor);padding: 0;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper h2 a{font-size: var(--fontsize12); font-family: var(--defaultfont); color:var(--greyColor5); gap:5px; align-items: center;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider{display: flex; width: var(--fullwidth); flex-wrap: wrap; gap:15px; padding: 0 0px;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider .items{display: flex; min-width:unset; max-width: unset; padding: 15px; border: 3px solid #F6F6F6; border-radius: 10px; background-color: var(--whitecolor); flex-direction: column; width:var(--fullwidth); max-width: 235px;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider h3{font-size: var(--fontsize16); justify-content: center; display: flex; text-align: center; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:0px; line-height: 25px; color: var(--blackColor);} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider p{font-size: var(--fontsize13); text-align: center; display: flex; gap:10px; align-items: center; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider div{font-size: var(--fontsize14); display: flex; justify-content: center; gap:10px; align-items: center; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--tableTh)} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider span{font-size: var(--fontsize14); display: flex; gap:10px; align-items: center; font-weight: 400; font-family: var(--defaultfont); margin-bottom:0px; color: var(--greenColor2)} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider .valueIncrease{font-size: var(--fontsize14); display: flex; color: var(--greenColor2)} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider .valueDecrease{font-size: var(--fontsize14); display: flex; color:#EA6E97} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .slick-list{width: var(--fullwidth);} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .slick-track{display: flex; gap:32px; width: var(--fullwidth); margin-left: 0;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .slick-prev{left:0; z-index: 1} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .slick-next{right:0; z-index: 1} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .slick-dots{bottom:0} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .slick-prev:before, .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .slick-next:before{color: var(--primaryColor);} .webViewLoader{display: flex; align-items: center; margin-top: 20px; justify-content: center; width: 100%; height:calc(100vh - 200px); background-color: var(--whitecolor);} .fullyPageLoaded .webViewLoader{display: none;} .webViewBlockLoader{display: flex; display: none; align-items: center; margin-top:0px; z-index: 22000000000; justify-content: center; width: 100%; height:100%; background-color:rgba(0,0,0,0.6); position: fixed; top:0; right:0; right:0; bottom:0;} .webViewBlockLoader.open{display: flex;} .webViewBlockLoader img{max-width: 50px;} .domainIndustriesDetailPageWrapper{display: flex; width: var(--fullwidth); margin-top:0px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer{display: flex; width: var(--fullwidth); flex-direction: column; gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper{display: flex; position: relative; max-height: 300px; width: var(--fullwidth); margin-top:0px; justify-content: space-between; align-items: center;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); height:100%;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper .heroContainer img{width: var(--fullwidth); height:100%; border-radius: 10px; object-fit: cover;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper h3{font-size: var(--fontsize18); color: var(--whitecolor);font-family: var(--fontfamilybold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper p{font-size: var(--fontsize14); color: var(--whitecolor); font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper .overlay{position: absolute; display: flex; border-radius: 10px; flex-direction: column; align-items: flex-start; justify-content: center; flex-direction: c; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,212,255,0) 100%); padding:15px; transform: translate(0%, 0%); bottom:0; top:0%; bottom:0; left:0; right:0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper .overlay a{font-size: var(--fontsize14); color: var(--whitecolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper .overlay .watchVideo{display: flex; align-items: center; margin-top: 20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper .overlay .watchVideo a{display: flex; align-items: center; gap:10px; font-size: var(--fontsize14); color: var(--whitecolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .heroWrapper .overlay .watchVideo a i{font-size: var(--fontsize34);position: relative; color: var(--whitecolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo{display: flex; width:var(--fullwidth); gap:30px; margin:0 0 20px; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo div{display: flex; gap: 20px; align-items: center; font-size: var(--fontsize14); color:var(--greyColor5); font-family: var(--defaultfont); flex-direction: row;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo div span{font-size: var(--fontsize22); margin-left:0px; color:var(--blackColor); font-family: var(--fontfamilysemibold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo div a{display: flex; gap:20px; align-items: center; color:var(--greyColor5); font-size: var(--fontsize14); font-family: var(--defaultfont);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .filtersBlock{display: flex; width: var(--fullwidth); margin-bottom: 30px; justify-content: space-between; align-items: center;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer h2{font-size: var(--fontsize16); color: var(--blackcolor);font-family: var(--fontfamilysemibold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .filtersBlock h2{font-size: var(--fontsize16); color: var(--blackcolor);font-family: var(--fontfamilysemibold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .filtersBlock h3{font-size: var(--fontsize18); color: var(--blackcolor);font-family: var(--fontfamilybold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .filtersBlock p{font-size: var(--fontsize14); color: var(--tableTh); font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .filtersBlock .domainBlock{display: flex; flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .filtersBlock .filtersSection a{display: flex; flex-direction: column; color: var(--blackcolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .filtersBlock .filtersSection{flex:1; display: flex; margin: 0; padding:0; background-color: transparent; justify-content: flex-end;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper{display: flex; width: var(--fullwidth); margin-top:0px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer{display: flex; width: var(--fullwidth); flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: 15px; padding: 20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider{display: flex; padding: 0 0px;width: var(--fullwidth); padding-bottom: 15px; gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items{display: flex; padding:10px; align-items: center;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items a{display: flex; justify-content: center; width: var(--fullwidth); white-space: nowrap; padding:10px 15px; color:var(--greyColor5); align-items: center; border-radius: 10px; background-color: var(--greyColor12);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items.active a{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--whitecolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items.active a:hover{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--whitecolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer .jobRolesInfoWrapper .jobRolesSlider .items a:hover{display: flex; padding:10px 15px; color:var(--blackcolor); align-items: center; border-radius: 10px; box-shadow: 0 0 0 2px var(--primaryColor); background-color: var(--greyColor12);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer h3{font-size: var(--fontsize18); color: var(--blackcolor); margin:0 0 20px; font-family: var(--fontfamilybold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesWrapper .jobRolesContainer h4{font-size: var(--fontsize14); color: var(--blackcolor); margin:0 0 10px; font-family: var(--defaultfont);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesInfoWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius: 15px; padding: 20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsRequiredChipsWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsRequiredChipsWrapper h3{ font-family: var(--defaultfont); margin:0 0 5px; font-weight: normal; font-size: var(--fontsize14); color: var(--greyColor5);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsRequiredChipsWrapper div{display: flex; flex-wrap:wrap; width: var(--fullwidth); gap:10px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsRequiredChipsWrapper div span{padding:5px 15px; color: var(--greyColor5); border:1px solid var(--greyColor3); background-color: var(--greyColor3); font-size: var(--fontsize14); gap: 10px; border-radius: 32.7651px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsRequiredChipsWrapper .actions{display:flex; width: var(--fullwidth); justify-content: center; align-items: center; margin-top: 20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsRequiredChipsWrapper .actions a{width: auto;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .chartBlock{padding:20px; width: var(--fullwidth); box-sizing:border-box; border-radius:10px; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper{display: flex; width: var(--fullwidth); flex-direction:column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol{display: flex; width: var(--fullwidth); flex-wrap: wrap; display: grid; gap:20px; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li{display: flex; max-width: 380px; max-width: 500px; width: var(--fullwidth); flex-direction: column; padding:15px; border-radius: 10px; background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgba(112, 98, 227, 0.10);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .thumb{display: flex; width: var(--fullwidth); max-width: 90px; height: 90px; margin-bottom: 10px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .cardDesc{display: flex; width: var(--fullwidth); min-height:80px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .thumb img{max-width: 100%; object-fit: contain; aspect-ratio: 1/1;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .jobRolesChips{display: flex; min-height: unset; width:var(--fullwidth); margin-bottom: 15px; align-items: flex-start; flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .jobRolesChips h4{font-size: var(--fontsize14); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:10px; color: var(--greyColor5)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .jobRolesChips div{display: flex; min-height: 100px; width: var(--fullwidth); gap:5px; align-items: flex-start; flex-wrap: wrap;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li p{font-size: var(--fontsize14); width:var(--fullwidth); margin:0 0 10px; padding: 0; color:var(--greyColor5); font-family: var(--defaultfont);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .cardDesc{font-size: var(--fontsize14); width:var(--fullwidth); margin:0 0 10px; padding: 0; color:var(--greyColor5); font-family: var(--defaultfont);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .jobRolesChips div span{ padding:5px 15px; border: 1px solid var(--greyColor3); color: var(--greyColor5); font-size: var(--fontsize14); background-color: var(--greyColor3); border-radius:32.7651px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li h3{font-size: var(--fontsize16); color: var(--blackcolor); margin:0 0 0px; font-family: var(--fontfamilybold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .actions{ display: flex; width: var(--fullwidth); padding-top: 10px; justify-content: center; border-top:1px solid var(--greyColor4); align-items: center;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .actions a{color: var(--whitecolor); align-items: center; justify-content: center; display: flex; gap:5px; font-family: var(--fontfamilysemibold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .infoBlock{display: flex; flex-direction: column; width: var(--fullwidth); margin-bottom: 15px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .infoBlock div{display: flex; font-size: var(--fontsize14); width:var(--fullwidth); gap:5px;color:var(--greyColor5);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .infoBlock span{font-family: var(--fontfamilysemibold); font-size: var(--fontsize14); color: var(--blackcolor); } .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .infoDetailBlock{display: flex; flex-wrap: wrap; width: var(--fullwidth); gap:20px; background-color: var(--greyColor12);padding: 20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .infoDetailBlock .block{display: flex;width: var(--fullwidth); max-width: 46%; font-size: var(--fontsize14); gap:10px; align-items: center; color: var(--blackColor); } .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobListingWrapper ol li .infoDetailBlock .block i{font-size: var(--fontsize20);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper{display: flex; width: var(--fullwidth); gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper .left{gap: 20px; display: flex; flex:1; flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper .right{ border-radius: 10px; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); padding: 15px; max-width:350px; width:var(--fullwidth); background-color: var(--whitecolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoMainWrapper{display: flex; align-items: center; width:var(--fullwidth); gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper{ margin-top: 0; max-height: none; width:var(--fullwidth); background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:10px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol{display:grid; width:var(--fullwidth); grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li{display:grid; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth); grid-template-columns: repeat(1,minmax(0,1fr)); gap:0px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li div{display:flex; align-items: center; width: var(--fullwidth); font-size: var(--fontsize18); font-family: var(--fontfamilysemibold); color:var(--greyColor2);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li div span{color:var(--greenColor); font-size: var(--fontsize14); margin-left: 10px; font-family: var(--defaultfont);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li div span i{margin-right: 5px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li .mainBlock{display:flex; position: relative; padding-left: 18px; flex-direction: column; width:var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li p{color: var(--greyColor5); width: var(--fullwidth); font-family: var(--defaultfont); font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li .valueDecrease{color:var(--redColor); margin-left: 0; gap:5px; display: flex; align-items: center;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li .valueIncrease{color:var(--greenColor); margin-left: 0; gap:5px; display: flex; align-items: center;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li a{display: flex; align-items: center; gap:10px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoWrapper ol li a span i{margin-right: 0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-color: var(--whitecolor); padding:15px; border:1px solid var(--greyColor3); border:0px solid var(--sidebarThemeColorChange); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); border-radius:10px; } .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper h3{font-size: var(--fontsize14); color: var(--greyColor5); margin:0 0 10px; font-weight: 400; font-family: var(--defaultfont);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper ol{display: grid; margin:0; padding:0; grid-template-columns: repeat(1,minmax(0,1fr)); grid-row-gap:40px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper ol li{display: flex; justify-content: space-between; gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper ol li h2{font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); color: var(--blackcolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper ol li .progress{display: flex; flex: unset; margin:0; height: 6px; border-radius: 5px; box-shadow:0px 0px 0px 0px; width: var(--fullwidth); } .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper ol li .progress .progress-bar{background-color: var(--primaryColor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper ol li > div:first-child{display: flex; flex:1; flex-direction: column; gap:5px; font-size: var(--fontsize14); font-family: var(--fontfamilysemibold); color: var(--blackcolor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper{display: flex; width: var(--fullwidth); margin-bottom: 20px; border-bottom: 1px solid var(--greyColor4); } .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol{display: flex; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li{display: flex; flex-direction: column; align-items: center; margin-left:50px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li:first-child{margin-left: 0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a{color: var(--greyColor5); padding-bottom: 5px; font-size:var(--fontsize16); border-bottom: 4px solid transparent;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a:hover{color: var(--primaryColor); font-size:var(--fontsize16); border-bottom: 4px solid var(--primaryColor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a.active{color: var(--primaryColor); font-size:var(--fontsize16); border-bottom: 4px solid var(--primaryColor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabcontentssssss{display: flex; flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .right .block:nth-child(1){border-bottom:1px solid var(--strokeColor); padding-bottom: 5px; } .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .right .block{display: flex; width:var(--fullwidth); flex-direction: column; margin-bottom: 15px; } .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .right .block h3{display: flex; width:var(--fullwidth); font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--greyColor2);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .right .block p{display: flex; width:var(--fullwidth); font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--blackColor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .right .block ul{display: flex; gap:5px; margin:0; padding: 0; flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .right .block ul li{ margin:0; padding: 0; list-style-type: disc; margin-inline-start: 20px; font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--greyColor2);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper{display: flex; width:var(--fullwidth); flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper h3{font-size: var(--fontsize18); color: var(--blackcolor); margin:0 0 20px; font-family: var(--fontfamilybold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .items h3{font-size: var(--fontsize16); color: var(--blackcolor); margin:0 0 20px; font-family: var(--fontfamilybold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider{display: flex; width:var(--fullwidth); padding: 0 20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent h3{min-height:40px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .items{display: flex; flex-direction: column; width: var(--fullwidth); padding:0px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesThumb{max-height: 180px; min-height: 180px; align-items: flex-start; overflow: hidden; display:flex} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesThumb img{border-radius:10px 10px 0 0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesItems{display: flex; border-radius:var(--radius15); position: relative; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesItems a{width:var(--fullwidth)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .items .coursesContent{display: flex; border-radius: 0 0 10px 10px; padding:10px 10px; background-color: var(--whitecolor); flex-direction: column; align-items: flex-start; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions{display: flex; align-items: center; width:var(--fullwidth); gap:20px; border-top: 1px solid var(--strokeColor); padding-top: 10px; margin-top: 10px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions div{display: flex; font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--blackColor); align-items: center; gap:10px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions div p{display: flex; font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--greyColor2); align-items: center; gap:10px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions div .circles-text{ justify-content: center; font-family: var(--fontfamilybold); font-size: var(--fontsize14)!important;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions a{width: auto;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .duration{display: flex; width:var(--fullwidth);gap:10px; margin-bottom: 10px; align-items: center; font-size: var(--fontsize14); font-family: var(--defaultfont); color: var(--greyColor2);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-slide{display: flex; width: var(--fullwidth); padding: 0 15px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider.slick-slider {margin:0 -15px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0; gap: 0px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-list{display: flex; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-next{right:0; z-index: 1} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-prev{left:0; z-index: 1} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-prev:before, .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-next:before{color: var(--primaryColor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper{display: flex; gap: 20px; width: var(--fullwidth); flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items h3{font-size: var(--fontsize16); color: var(--blackcolor); border-bottom: 0px none; padding-bottom: 0; margin:0 0 0px; font-family: var(--fontfamilybold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items .topBlock{display: flex; align-items: center; justify-content: space-between; gap:20px; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider{display: flex; gap: 20px; flex-wrap: wrap; width:var(--fullwidth); padding: 0 0px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items .coursesContent h3{min-height:40px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items .coursesBlock{display: flex; flex-direction: column; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items{display: flex; box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); gap: 10px; max-width: 480px; background-color: var(--whitecolor); border-radius: 10px; padding: 15px; flex-direction: column; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items .iconBlock{max-height:46px; justify-content: center; max-width: 46px; background-color: var(--greyColor9); border-radius: 100px; min-height: 46px; align-items: center; display:flex} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items .iconBlock img{border-radius:0;max-width: 26px; object-fit: contain;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items .coursesicon a{width:var(--fullwidth)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items .coursesContent{display: flex; border-top:1px solid var(--strokeColor); padding-top: 10px; flex-direction: column; align-items: flex-start; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider h3{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:15px; border-bottom:1px solid var(--strokeColor); padding: 0; padding-bottom: 10px; color: var(--blackColor)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider p{font-size: var(--fontsize13); display: flex; gap:10px; align-items: center; width: var(--fullwidth); font-weight: 400; font-family: var(--defaultfont); margin-bottom:5px; color: var(--greyColor5)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider ol {display: grid; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr)); width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider ol li{display: flex; flex-direction: column; width: var(--fullwidth); } .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider ol li div{display: flex; color: var(--blackcolor); align-items: center; gap:5px; font-size: var(--fontsize18); font-family: var(--fontfamilysemibold);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider ol li div .valueDecrease{color:#EA6E97;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider ol li div .valueIncrease{color:var(--greenColor2);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .slick-slide{display: flex; width: var(--fullwidth); padding: 0 15px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider.slick-slider {margin:0 -15px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0; gap: 0px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .slick-list{display: flex; width: var(--fullwidth);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .slick-next{right:0; z-index: 1} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .slick-prev{left:0; z-index: 1} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .slick-prev:before, .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .slick-next:before{color: var(--primaryColor);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .circles-text{ justify-content: center; font-family: var(--fontfamilybold); color: var(--blackcolor); font-size: var(--fontsize14)!important;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainWiseChartWrapper{display: flex; flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainWiseChartWrapper h2{font-size: var(--fontsize18); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:15px; border-bottom:0px solid var(--strokeColor); padding: 0; padding-bottom: 0px; color: var(--blackColor)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainWiseChartWrapper h3{font-size: var(--fontsize16); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:15px; border-bottom:1px solid var(--strokeColor); padding: 0; padding-bottom: 10px; color: var(--blackColor)} .gapAnalysisWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .gapAnalysisWrapper .gapAnalysisContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper{display: flex; flex-direction: column; width: var(--fullwidth); padding: 15px; border-radius: var(--radius10); background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); } .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper table{width:var(--fullwidth); font-family: var(--defaultfont);} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper th{padding:10px; background-color: #f6f9fc; margin-top: 0; font-weight: normal; font-family: var(--fontfamilybold); font-size: var(--fontsize14); color: var(--blackcolor); border:0px solid var(--strokeColor); border:0px solid var(--strokeColor); color: var(--blackcolor);} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper td{padding:10px; margin-top: 0; font-weight: normal; font-family: var(--defaultfont); font-size: var(--fontsize14); border:0px solid var(--strokeColor); border-top:1px solid var(--strokeColor); color: var(--blackcolor);} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper th.actions{justify-content: flex-start;} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper td.actions{justify-content: flex-start;} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper td.actions.widthAuto{width: auto;} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper table tr:nth-child(odd) {background-color: #f5f5f5;} .gapAnalysisWrapper .gapAnalysisContainer .filterBlock{ padding: 0 0 8px; margin-bottom: 15px; border-bottom: 1px solid var(--greyColor4); display: flex; justify-content: space-between; align-items: center;} .gapAnalysisWrapper .gapAnalysisContainer .filterBlock div{display: flex; align-items: center; gap:20px;} .gapAnalysisWrapper .gapAnalysisContainer .filterBlock .pageTitle{border-bottom: 0px none; margin:0 0 0; font-size: var(--fontsize18); background-color: transparent; padding:0;} .gapAnalysisWrapper .gapAnalysisContainer .filterBlock select{max-width:150px; min-width:150px} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper td .moreLink{color:var(--primaryColor); text-decoration: underline;} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper td .moreLink:hover{color:var(--primaryColor); text-decoration: none;} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper td .skillInfo{flex-wrap: wrap; margin-bottom: 10px; align-items: center; gap:10px; display: flex;} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper td .skillInfo span{ color: var(--blackColor); font-family: var(--defaultfont); font-size: var(--fontsize12); padding: 5px 10px; border-radius: 10px; background-color: var(--greyColor9);} .gapAnalysisWrapper .gapAnalysisContainer .dataTables_wrapper .dataTables_length label{font-family: var(--defaultfont); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .gapAnalysisWrapper .gapAnalysisContainer .dataTables_wrapper .dataTables_length label select{margin:0 10px} .gapAnalysisWrapper .gapAnalysisContainer .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); display: flex; align-items: center; font-weight: normal;} .gapAnalysisWrapper .gapAnalysisContainer .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper {overflow-x: auto; } .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper table{white-space:wrap; min-width: 1300px} .gapAnalysisWrapper .gapAnalysisContainer .tableWrapper td a{word-break: break-word;} .careerInsightsWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .careerInsightsWrapper .careerInsightsContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .careerInsightsWrapper .careerInsightsContainer .tableWrapper{display: flex; flex-direction: column; width: var(--fullwidth); padding: 15px; border-radius: var(--radius10); background-color: var(--whitecolor); box-shadow: 0px 4px 25px rgb(112 98 227 / 10%); } .careerInsightsWrapper .careerInsightsContainer .tableWrapper table{width:var(--fullwidth); font-family: var(--defaultfont);} .careerInsightsWrapper .careerInsightsContainer .tableWrapper th{padding:10px; background-color: #f6f9fc; margin-top: 0; font-weight: normal; font-family: var(--fontfamilybold); font-size: var(--fontsize14); color: var(--blackcolor); border:0px solid var(--strokeColor); border:0px solid var(--strokeColor); color: var(--blackcolor);} .careerInsightsWrapper .careerInsightsContainer .tableWrapper td{padding:10px; margin-top: 0; font-weight: normal; font-family: var(--defaultfont); font-size: var(--fontsize14); border:0px solid var(--strokeColor); border-top:1px solid var(--strokeColor); color: var(--blackcolor);} .careerInsightsWrapper .careerInsightsContainer .tableWrapper th.actions{justify-content: flex-start;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper td.actions{justify-content: flex-start;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper td.actions.widthAuto{width: auto;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper table tr:nth-child(odd) {background-color: #f5f5f5;} .careerInsightsWrapper .careerInsightsContainer .filterBlock{ padding: 0 0 8px; margin-bottom: 15px; border-bottom: 1px solid var(--greyColor4); display: flex; justify-content: space-between; align-items: center;} .careerInsightsWrapper .careerInsightsContainer .filterBlock div{display: flex; align-items: center; gap:20px;} .careerInsightsWrapper .careerInsightsContainer .filterBlock .pageTitle{border-bottom: 0px none; margin:0 0 0; font-size: var(--fontsize18); background-color: transparent; padding:0;} .careerInsightsWrapper .careerInsightsContainer .filterBlock select{max-width:150px; min-width:150px} .careerInsightsWrapper .careerInsightsContainer .tableWrapper td .moreLink{color:var(--primaryColor); text-decoration: underline;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper td .moreLink:hover{color:var(--primaryColor); text-decoration: none;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper td .skillInfo{flex-wrap: wrap; margin-bottom: 10px; align-items: center; gap:10px; display: flex;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper td .skillInfo span{ color: var(--blackColor); font-family: var(--defaultfont); font-size: var(--fontsize12); padding: 5px 10px; border-radius: 10px; background-color: var(--greyColor9);} .careerInsightsWrapper .careerInsightsContainer .dataTables_wrapper .dataTables_length label{font-family: var(--defaultfont); font-weight: normal; margin-bottom: 15px; display: flex; white-space: nowrap; align-items: center;} .careerInsightsWrapper .careerInsightsContainer .dataTables_wrapper .dataTables_length label select{margin:0 10px} .careerInsightsWrapper .careerInsightsContainer .dataTables_wrapper .dataTables_filter label{font-family: var(--defaultfont); display: flex; align-items: center; font-weight: normal;} .careerInsightsWrapper .careerInsightsContainer .dataTables_wrapper .dataTables_filter label input[type="search"]{width:auto; display: flex; align-items: center; margin-left: 10px;} .careerInsightsBanner{display: flex; width: var(--fullwidth); gap:10px; margin-bottom: 20px; flex-direction: column;} .careerInsightLearnerWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol{display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); width: var(--fullwidth); gap:30px; flex-wrap: wrap; margin:0; padding:0;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li{display: flex;; width: var(--fullwidth); background-color: var(--whitecolor); margin:0; padding:15px; border-radius: 15px;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .cardWrapper{display: flex; gap:10px; flex-direction: column; width: var(--fullwidth); } .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .domain{display: flex; width: var(--fullwidth);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .domain span{display: flex;border-radius:32.77px; padding:4px 11px; background-color: var(--greyColor12); font-size: var(--fontsize14); color:var(--blackcolor);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li h3{font-family: var(--fontfamilybold); color: var(--blackColor); font-size: var(--fontsize16);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li h4{font-family: var(--defaultfont); color: var(--blackColor); font-size: var(--fontsize14);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .cardContent{display: flex; flex-direction: column; width: var(--fullwidth); background-color: var(--greyColor12); padding:15px; border-radius: 15px;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .cardContent .block{display: flex; flex-direction: column; width: var(--fullwidth); padding: 0 0 15px; gap: 10px; margin-top: 10px;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .cardContent .block:nth-child(1){margin-top: 0; padding-bottom: 0; border-bottom:0px solid var(--greyColor4); } .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .cardContent .block:nth-child(2){margin-top: 0; padding-top: 5px; padding-bottom: 0; border-bottom:0px solid var(--greyColor4); border-top:1px solid var(--greyColor4); } .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .cardContent .block .chipsWrapper .no-content-result{color: var(--greyColor5);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .cardContent .block .chipsWrapper{display: flex; flex-direction: row; flex-wrap: wrap; gap:10px; font-size: var(--fontsize14); align-items: center; color:var(--primaryLinkColor);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .cardContent .block .chipsWrapper span{display: flex;border-radius:32.77px; font-size: var(--fontsize14); padding:4px 11px; background-color: var(--whitecolor); color:var(--greyColor5);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .bottomContent{display: flex; width: var(--fullwidth); justify-content: space-between;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .bottomContent ul{display: flex; width: var(--fullwidth); justify-content: space-between; margin:0; padding:0;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .bottomContent ul li{display: flex; width: var(--fullwidth); max-width: 50%; flex-direction: column; margin:0; padding:0;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .bottomContent ul li h5{font-family: var(--defaultfont); font-size: var(--fontsize14); color:var(--greyColor5);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol li .bottomContent ul li p{font-family: var(--fontfamilybold);color: var(--blackColor); font-size: var(--fontsize18);} .careerInsightLearnerWrapper .careerInsightsLearnerContainer .filterBlock{display: flex; padding: 0 0 8px; margin: 0 0 15px; border-bottom: 1px solid var(--greyColor4); justify-content: space-between; align-items: center; width: var(--fullwidth); } .careerInsightLearnerWrapper .careerInsightsLearnerContainer .filterBlock .pageTitle{background-color: transparent; margin:0; bordeR:0px none; padding: 0;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer .filterBlock div{display: flex} .careerInsightLearnerWrapper .careerInsightsLearnerContainer .filterBlock select{max-width: 200px; min-width: 200px} .templatePreviewWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .templatePreviewWrapper .form-group{display: flex; flex-direction: column; width: var(--fullwidth);} .listPreviewWrapper .tableWrapper{padding: 0;} /*Responsive css Start Css*/ @media (max-width: 480px) { /*body { background-color: red; }*/ .jobsModuleBreadcrumb .backLink{font-size: 0px;} .jobsModuleBreadcrumb .backLink i{font-size:var(--fontsize14);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper{flex-direction: column;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo{max-width:none} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol{grid-template-columns: repeat(2,minmax(0,1fr));} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies{max-width: none} .gulfJobWrapper .chartWrapper .leftBlock .block{flex-direction: column;} .gulfJobWrapper .chartWrapper .leftBlock .block .legendBlock{max-width: none; display: grid; gap:30px; grid-template-columns: repeat(2,minmax(0,1fr));} .gulfJobWrapper .chartWrapper .rightBlock .chartHeading a{white-space: nowrap;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol{grid-template-columns: repeat(2,minmax(0,1fr));} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies{max-width: none;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper h3 a{white-space: nowrap;} .jobDashboardWrapper .domianWiseWrapper .chartHeading + .block{flex-direction: column;} .jobDashboardWrapper .domianWiseWrapper .mapInfo{max-width: none; display: grid; gap: 50px; grid-template-columns: repeat(2,minmax(0,1fr)); flex-direction: row; flex-wrap: wrap;} .jobDashboardWrapper .domianWiseWrapper .chartHeading a{white-space: nowrap;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper{overflow-x: auto;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper table{min-width: 450px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainInfo{display: grid; text-align:center; grid-template-columns: repeat(1,minmax(0,1fr)); gap:10px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainInfo div{flex-direction: column; gap:0px; } .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px;} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul li:nth-child(1){text-align: right} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul li:nth-child(1) .input.select{width:var(--fullwidth);} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody{margin-top: 20px; grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign{padding: 0;} .jobDashboardWrapper .filtersblock{flex-direction: column;} .jobDashboardWrapper .filtersblock select{width: 100%; max-width: none;} .jobDashboardBanner .jobDashboardBannerContainer .video-play-btn{left: 50%; transform: translate(-50% , -50%); top:unset; bottom:0; right: auto;} .jobDashboardBanner .jobDashboardBannerContainer .overlay{left:0; padding: 10px; max-width: none} .jobDashboardBanner .jobDashboardBannerContainer .overlay h3{text-align: center; width: 100%;} .jobDashboardBanner .jobDashboardBannerContainer .overlay p{text-align: center; width: 100%;} .jobDetailNewWrapper{flex-direction: column;} .jobDetailNewWrapper .left{max-width: none} .jobDetailNewWrapper .right .skillrequired .skills{flex-wrap: wrap;} .jobDetailNewWrapper .right .topInfo{flex-direction: column;} .jobDetailNewWrapper .right .topInfo .right{width: var(--fullwidth);} .jobDetailNewWrapper .right .dataTables_wrapper tbody{margin-top: 20px;} .jobDetailNewWrapper .right .actions{grid-template-columns: repeat(2,minmax(0,1fr));} .jobDetailNewWrapper .right{width:var(--fullwidth);} .jobDashboardWrapper .domianWiseWrapper{flex-direction: column;} .jobDashboardWrapper .domianWiseWrapper .chartHeading{flex-direction: column;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .rolesDetails{flex-direction: column;} .jobDashboardWrapper .jobRolesWrapper .jobRolesContainer .skillsWeightageWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper.directionChange{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper.directionChange .leftChartBlock{max-width: none;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper.directionChange .rightChartBlock{max-width: none;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .jobposting{max-width: none; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .jobposting p{justify-content: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .jobDetailGrid ol{grid-template-columns: repeat(1,minmax(0,1fr));} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper{flex-direction: column; gap: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs{overflow-x: auto; width: var(--fullwidth);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs a{white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper .viewMoreWrapper{width: var(--fullwidth); margin-bottom: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper{overflow-x: auto; white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper tbody td div {white-space: normal; min-width: 400px; max-width: 400px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper th{white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_length label select{max-width: 200px;} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper{flex-wrap: wrap; gap:20px; flex-direction: column; align-items: flex-start;} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .companyInfo{width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .actions{display: flex; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tabsWrapper{flex-wrap:nowrap; white-space: nowrap; overflow-x: auto; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper{flex-direction: column; padding-bottom: 20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol {grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .hiringRecordsWrapper{ grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td div {white-space: normal; min-width: 400px; max-width: 400px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper {overflow-x: auto; white-space: nowrap;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol{grid-template-columns: repeat(1,minmax(0,1fr));} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper{padding-bottom: 20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li{flex-direction: column; gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .employersInfo{max-width: none; flex-direction:column; } .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider{max-width: none} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider{padding-left: 0; border-left: 0px none; padding-top: 20px; border-top:1px solid var(--strokeColor);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-dots{display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: -25px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo{flex-direction: column;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .tableWrapper td{flex-direction: column; gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider{border-left: 0px none; padding-left: 0;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider .slider{padding-left: 0; padding-right: 0;} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper{overflow-x: auto;} .jobLocationsWrapper .locationsWrapper .listingWrapper .tableWrapper table{min-width: 600px; white-space: nowrap;} .jobDashboardWrapper .postingVacanciesListing tbody{ grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .filtersblock.addSpace select{max-width: none} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoSection{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper{max-width: none} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper{max-width: none} .jobDashboardWrapper .jobDashboardContainer .pageHeaderInfo.justify{flex-direction:column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider.slick-slider{margin:0;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-slide{padding: 0} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li{margin-left: 10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a{font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a.active{font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a:hover{font-size: var(--fontsize13);} .jobDashboardWrapper .futureDomainsWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .skillVacanciesWrapper{flex-direction: column} .jobDashboardWrapper .skillVacanciesWrapper .left .tableWrapper{overflow-x: auto;} .jobDashboardWrapper .skillVacanciesWrapper .left .tableWrapper table{ min-width: 400px; white-space: nowrap;} .jobDashboardWrapper .skillVacanciesWrapper .right{max-width: none} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper{overflow-x: auto;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .tableWrapper table{ min-width: 400px; white-space: nowrap;} .moduleRegistrationWrapper .moduleRegistrationContainer .registeredModuleWrapper .seeScheduleWrapper table{min-width: inherit; white-space: unset;} .timeTableWrapper .timeTableContainer .tracks, .timeTableWrapper .timeTableContainer .scroller{white-space: nowrap; min-width: 600px;} .myleaveWrapper .myleaveContainer .tableWrapper{overflow-x: auto;} .myleaveWrapper .myleaveContainer .tableWrapper table{ min-width: 400px; white-space: nowrap;} .myleaveWrapper .myleaveContainer .filtersBlock{display: flex; flex-direction: column;} .myleaveWrapper .myleaveContainer .filtersBlock div:nth-child(2){display: flex; margin-top: 10px; flex-direction: column;} .myleaveWrapper .myleaveContainer .tableWrapper td:nth-child(1){width: 20%; min-width: 115px; max-width: 115px; white-space: normal;} .myleaveWrapper .myleaveContainer .tableWrapper td:nth-child(2){width: 20%; min-width: 115px; max-width: 115px; white-space: normal;} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper{overflow-x: auto;} .attendanceLogsWrapper .attendanceLogsContainer .tableWrapper table{ min-width: 400px; white-space: nowrap;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock{display: flex; flex-direction: column;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(2){display: flex; margin-top: 10px;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock{align-items: flex-start;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(1){flex:1; width:100%} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(1) select{max-width: none;} .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(2) > div{ margin-top:0 } .attendanceLogsWrapper .attendanceLogsContainer .filtersBlock div:nth-child(2) select{min-width: 167px;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper{overflow-x: auto;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .tableWrapper table{ min-width: 400px; white-space: nowrap;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .filtersBlock{display: flex; flex-direction: column;} .scheduledWeeklyTimetablesWrapper .scheduledWeeklyTimetablesContainer .filtersBlock div:nth-child(2){display: flex; margin-top: 10px; flex-direction: column;} .myprofilesWrapper .myprofilesContainer .employeeDetails{flex-direction: column;} .holidaysWrapper .holidaysContainer table{ margin-right:0; } .holidaysWrapper .holidaysContainer .tableWrapper{overflow-x: auto;} .holidaysWrapper .holidaysContainer .tableWrapper table{ min-width: 400px; white-space: nowrap;} .myprofilesWrapper .myprofilesContainer .info {white-space: nowrap;} .myprofilesWrapper .myprofilesContainer .info span{white-space: normal;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper{grid-template-columns: repeat(1,minmax(0,1fr));} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li a{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li a .right{display:none;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left div:nth-child(2){align-items: flex-start;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper h2 a{white-space: nowrap;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .items{max-width: unset;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-track{gap:0;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider .items{max-width: none} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right{max-width: none} .is_webview .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider .items{min-width: unset} .is_webview .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider div{justify-content: center;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper{white-space: nowrap;} .companyMasterWrapper .masterWrapper .listingWrapper .tableWrapper{white-space: nowrap; overflow-x: auto;} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .tableWrapper{white-space: nowrap; overflow-x: auto;} .currentSessionWrapper .currentSessionContainer .profileWrapper{flex-direction: column; gap: 20px;} .currentSessionWrapper .currentSessionContainer .profileWrapper .left{flex-direction: column; text-align: center;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right{max-width: none; flex-direction: column;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(1){max-width: none; text-align: center;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(2) div:nth-child(1){margin-top: -26px;} .viewResumeMatchingWrapper ol li .items .topBar{flex-direction: column; gap:20px;} .viewResumeMatchingWrapper ol li .items .topBar .right{width: 100%; margin-top: 10px; justify-content: flex-end;} .viewResumeMatchingWrapper ol li .items .topBar .right a{ justify-content: center;} .viewResumeMatchingWrapper ol li .items .bottomBar{flex-direction: column; gap:15px;} .viewResumeMatchingWrapper ol li .items .bottomBar p{flex-direction: column; width: 100%; justify-content: center; align-items: center;} .viewResumeMatchingWrapper ol li .items .topBar .left{flex-direction: column;} .viewResumeMatchingWrapper ol li .items .topBar .thumbContent .info{flex-direction: column;} .viewResumeMatchingWrapper ol li .items .skill-tag-block div{flex-wrap: wrap; gap:10px;} .viewResumeMatchingWrapper ol li .items .moreSkillBlock div span{margin-right: 0;} .viewResumeMatchingWrapper .refreshBlock .infoBlock{flex-direction: column; gap:15px;} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(1){flex-direction: column;} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(2){flex-direction: column;} .viewResumeMatchingWrapper ol li .items .skill-tag-block a{margin-left: 0; margin-top: 10px;} .viewResumeMatchingWrapper .viewResumeWrapper{flex-direction: column; gap: 20px;} .viewResumeMatchingWrapper .viewResumeLink{flex-wrap: wrap;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer{margin: 0 20px;} .skillsRequiredByDialog .skillsRequiredByContainer{margin: 0 20px;} .afterVideoResumeWrapper{flex-direction: column;} .afterVideoResumeWrapper .right{max-width: none} .allFormDialog .allFormContainer{margin:15px;} .afterVideoResumeWrapper .createVideoResumeBar{flex-direction: column; gap: 10px;} .afterVideoResumeWrapper .left{width:100%} .allFormDialog .allFormContainer.recordVideoContainer .recordingActionsBar{flex-wrap: wrap;} .fullScreenLoader .fullScreenLoaderContainer{margin: 15px;} .allFormConfirmationDialog .allFormConfirmationContainer{margin: 15px;} .apologiesDialog .apologiesDialogContainer{margin: 15px;} .apologiesFileDialog .apologiesDialogContainer{margin: 15px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .items .mainInfoWrapper{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .left{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo ol {grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .right{max-width: none;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .companyDesignation{display: inline-block;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .companyDesignation i{margin-left: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper{flex-direction: column; gap:20px; margin-right: 0; max-width: none;} .InterestAreaPageWrapper .interestGridWrapper{height: calc(100vh - 400px); overflow-y: auto;} .InterestAreaPageWrapper .interestGridWrapper ol{gap:7px;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper{overflow-x: auto;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table{overflow-x: auto; min-width:900px; white-space: nowrap;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td{white-space: wrap;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-track{gap:0;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper{flex-direction: column;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li{flex-direction: column; gap:15px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right{max-width: none;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock{flex-direction: column; gap:15px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock div{flex-wrap: wrap;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper .filterBlock h2{text-align: left; width:100%; justify-content: flex-start;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper .filterBlock label{width:100%;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo{flex-direction: column;} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider{grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));} .facultyModuleListingWrapper .facultyModuleListingContainer .batchesSlider.DataTableChange .dataTables_wrapper tbody{grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));} .helpVideoPreviewDialog .helpVideoPreviewContainer{margin: 15px;} .helpVideoPreviewDialog .helpVideoPreviewContainer iframe{height: 300px;} .helpPageWrapper .helpPageContainer .helpHero h1{font-size: var(--fontsize28);} .learneruiflip.sidebarToggleShowHide section.mainContent{margin-left: 0;} .companyMasterWrapper .masterWrapper .listingWrapper .viewMoreWrapper button.dropdown-toggle{ width:100%; margin-bottom: 20px;} .companyMasterWrapper .masterWrapper .listingWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{max-width: none; flex: 1} .jobDashboardWrapper .jobDashboardContainer .jobRolesListingWrapper .dataTables_wrapper .dataTables_filter label input[type="search"]{max-width: none; flex:1} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper{grid-template-columns: repeat(1, minmax(0, 1fr));} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li:first-child{flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li{flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider .items{max-width:none} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-track{gap:0;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider div{justify-content: flex-start;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider h3{justify-content: flex-start;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo{justify-content: space-between;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo div {flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper{flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoMainWrapper{flex-direction:column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper .left{gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol{gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a:hover{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a.active{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li{margin-left: 0} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-slide{padding: 0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider.slick-slider{margin: 0; padding:0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions{flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions > div{justify-content: center; width:var(--fullwidth)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions > div br{display:none;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions a{width:var(--fullwidth)} .facultyEventslistingWrapper ol li .top{flex-direction: column;} .facultyEventslistingWrapper .coursesThumb{max-width: none; margin-right: 0; margin-bottom: 10px;} .facultyEventslistingWrapper .coursesThumb img{aspect-ratio: 1/1; object-fit: cover; height: 100%; width: var(--fullwidth);} .facultyEventslistingWrapper .bottomContent .mainBlock{flex-direction: column;} .facultyEventslistingWrapper .bottomContent .mainBlock .left{width: 100%} .facultyEventslistingWrapper .bottomBar{flex-direction: column;} .facultyEventslistingWrapper .bottomBar .eventCoordinators{flex-direction: column;} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul{flex-wrap: wrap;} .facultyEventslistingWrapper .bottomBar .eventCoordinators label{width: 100%} .facultyEventslistingWrapper .coursesContent .eventManagers{flex-direction: column; gap:0px;} .facultyEventslistingWrapper .coursesContent .eventManagers label{width: 100%} .facultyEventslistingWrapper .coursesContent .eventManagers ul{flex-wrap: wrap; width: 100%} .facultyEventslistingWrapper .coursesContent .block div{flex-wrap: wrap;} .facultyEventslistingWrapper .bottomBar .eventCoordinators{align-items: flex-start; flex-direction: column; gap:0;} .facultyEventslistingWrapper .coursesContent .eventCoordinators .block{flex-direction: column; gap:0; align-items: flex-start;} .facultyEventslistingWrapper .coursesContent .block .material-symbols-outlined{flex-shrink: 0;} .facultyEventslistingWrapper .bottomContent .mainBlock .left .block + .block{align-items: flex-start; flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .dashboardInfoCard ol{grid-template-columns: repeat(1, minmax(0, 1fr));} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainChartWrapper .chartWrapper{grid-template-columns: repeat(1, minmax(0, 1fr));} .companyCampusDriveWrapper .filtersBlock .form-group.select2DD{flex-direction: column;} .companyCampusDriveWrapper .filtersBlock .form-group.select2DD{flex-direction: column;} .companyCampusDriveWrapper .filtersBlock{flex-direction: column;} .companyCampusDriveWrapper .filtersBlock .form-group.campusDriveBtn{flex-direction: column;} .companyCampusDriveWrapper .filtersBlock .form-group.select2DD{flex-direction: column!important;} .jobDashboardWrapper + .newFormDesignWrapper .filtersWrapper div:first-child{flex-direction: column;} .jobDashboardWrapper + .newFormDesignWrapper .filtersWrapper div:first-child{flex-wrap: wrap; width: 100%} .newFormDesignWrapper .formBlockLeft .tableWrapper{width: 100%; overflow: auto;} .newFormDesignWrapper .formBlockLeft .tableWrapper table{width: 100%;min-width: 800px;} .newFormDesignWrapper .formBlockLeft .tableWrapper .dataTables_wrapper table{width: 100%;min-width: 800px;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper{overflow-x: auto;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper table{min-width: 500px; white-space:nowrap;} header .headerContainer .headerRight .languageChanger{display: none!important;} .careerInsightLearnerWrapper .careerInsightsLearnerContainer ol{grid-template-columns: repeat(1, minmax(0, 1fr));} .jobDashboardDetailWrapper .detailWrapper{flex-direction: column;} .jobDashboardDetailWrapper .detail-body .dateTime{flex-direction: column; gap:10px;} .jobDashboardDetailWrapper .detail-body .status{ text-align: center;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider{padding: 10px 0} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items{margin: 0;} .jobDashboardDetailWrapper .industryDomainWrapper .domainSlider .items .top{flex-direction: column;} .jobDashboardDetailWrapper .industryDomainWrapper .chartHeading{flex-direction: column; gap:10px;} .jobDashboardDetailWrapper .industryDomainWrapper .jobRolesFilterwiseDetails{flex-direction: column;} .jobDashboardDetailWrapper .industryDomainWrapper .postingVacanciesListing ol{grid-template-columns: repeat(1, minmax(0, 1fr));} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper{overflow-x: auto;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper table{white-space: normal; min-width: 600px;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .rolesInfo{white-space: normal;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .salaryUp{white-space: nowrap;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .salaryDown{white-space: nowrap;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .growthUp{white-space: nowrap;} .jobDashboardDetailWrapper .industryDomainWrapper .tableWrapper td .growthDown{white-space: nowrap;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper{flex-direction: column;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .left{flex-direction: column; max-width: none; width: var(--fullwidth);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .right{max-width: none;} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .left > .block{width: var(--fullwidth);} .softSkillDiagnostiesWrapper .softSkillDiagnostiesContainer .contentWrapper .left > .block .actions{width: var(--fullwidth); display: flex;} } /* Media Query for low resolution Tablets, Ipads */ @media (min-width: 481px) and (max-width: 767px) { /* body { background-color: yellow; } */ .jobsModuleBreadcrumb .backLink{font-size: 0px;} .jobsModuleBreadcrumb .backLink i{font-size:var(--fontsize14);} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper{flex-direction: column;} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo{max-width:none} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobInfo ol{grid-template-columns: repeat(2,minmax(0,1fr));} .gulfJobWrapper .gulfJobContainer .jobInfoWrapper .jobVacancies{max-width: none} .gulfJobWrapper .chartWrapper .leftBlock .block{flex-direction: column;} .gulfJobWrapper .chartWrapper .leftBlock .block .legendBlock{max-width: none; display: grid; gap:30px; grid-template-columns: repeat(2,minmax(0,1fr));} .gulfJobWrapper .chartWrapper .rightBlock .chartHeading a{white-space: nowrap;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobInfo ol{grid-template-columns: repeat(2,minmax(0,1fr));} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies{max-width: none;} .jobDashboardWrapper .jobDashboardContainer .industryJobWrapper h3 a{white-space: nowrap;} .jobDashboardWrapper .domianWiseWrapper .chartHeading + .block{flex-direction: column;} .jobDashboardWrapper .domianWiseWrapper .mapInfo{max-width: none; display: grid; gap: 50px; grid-template-columns: repeat(2,minmax(0,1fr)); flex-direction: row; flex-wrap: wrap;} .jobDashboardWrapper .domianWiseWrapper .chartHeading a{white-space: nowrap;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper{overflow-x: auto;} .jobDashboardWrapper .jobDashboardContainer .domainsListingWrapper .tableWrapper table{min-width: 750px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainInfo{display: grid; text-align:center; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .domainInfo div{flex-direction: column; gap:0px; } .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px;} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul li:nth-child(1){text-align: right} .jobDashboardWrapper + .newFormDesignWrapper .users-page-wrapper .users-page-container .filter-section ul li:nth-child(1) .input.select{width:var(--fullwidth);} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign table tbody{margin-top: 20px; grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper + .newFormDesignWrapper .formBlockLeft .tableWrapper.cardDesign{padding: 0;} .jobDetailNewWrapper{flex-direction: column;} .jobDetailNewWrapper .left{max-width: none} .jobDetailNewWrapper .right .skillrequired .skills{flex-wrap: wrap;} .jobDetailNewWrapper .right .topInfo{flex-direction: column;} .jobDetailNewWrapper .right .topInfo .right{width: var(--fullwidth);} .jobDetailNewWrapper .right .dataTables_wrapper tbody{margin-top: 20px;} .jobDetailNewWrapper .right .actions{grid-template-columns: repeat(2,minmax(0,1fr));} .jobDetailNewWrapper .right{width:var(--fullwidth);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .jobposting{max-width: none; align-items: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .skillInfo .jobposting p{justify-content: center;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .jobDetailGrid ol{grid-template-columns: repeat(2,minmax(0,1fr));} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper{padding-bottom: 20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li{flex-direction: column; gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .employersInfo{max-width: none; } .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider{max-width: none} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider{padding-left: 0; border-left: 0px none; padding-top: 20px; border-top:1px solid var(--strokeColor);} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper{flex-wrap: wrap; gap:20px; flex-direction: column; align-items: flex-start;} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .companyInfo{width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyInfoWrapper .actions{display: flex; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tabsWrapper{flex-wrap:nowrap; white-space: nowrap; overflow-x: auto; width: var(--fullwidth);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper{flex-direction: column; padding-bottom: 20px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol {grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .hiringRecordsWrapper{ grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td div {white-space: normal; min-width: 400px; max-width: 400px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper {overflow-x: auto; white-space: nowrap;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol{grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left{max-width: none} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right{max-width: none} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper{flex-direction: column; gap: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs{overflow-x: auto; width: var(--fullwidth);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs a{white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper .viewMoreWrapper{width: var(--fullwidth); margin-bottom: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper{overflow-x: auto; white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper tbody td div {white-space: normal; min-width: 400px; max-width: 400px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper th{white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_length label select{max-width: 200px;} .jobDashboardWrapper .futureDomainsWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .skillVacanciesWrapper{flex-direction: column} .jobDashboardWrapper .skillVacanciesWrapper .left .tableWrapper{overflow-x: auto;} .jobDashboardWrapper .skillVacanciesWrapper .left .tableWrapper table{ min-width: 400px; white-space: nowrap;} .jobDashboardWrapper .skillVacanciesWrapper .right{max-width: none} .wowDashboardWrapper .wowDashboardContainer .mainWrapper{grid-template-columns: repeat(1,minmax(0,1fr));} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li a{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li a .right{display:none;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left div:nth-child(2){align-items: flex-start;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper h2 a{white-space: nowrap;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .items{max-width: unset;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-track{gap:15px;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider .items{max-width: none} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right{max-width: none} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoSection{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper{max-width: none} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper{max-width: none} .jobDashboardWrapper .jobDashboardContainer .pageHeaderInfo.justify{flex-direction:column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider.slick-slider{margin:0;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-slide{padding: 0} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li{margin-left: 10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a{font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a.active{font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a:hover{font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-track{gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right{max-width: none} .currentSessionWrapper .currentSessionContainer .profileWrapper{flex-direction: column; gap: 20px;} .currentSessionWrapper .currentSessionContainer .profileWrapper .left{flex-direction: column; text-align: center;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right{max-width: none; flex-direction: column;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(1){max-width: none; text-align: center;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(2) div:nth-child(1){margin-top: -26px;} .viewResumeMatchingWrapper ol li .items .skill-tag-block a{margin-left: 0; margin-top: 10px;} .viewResumeMatchingWrapper ol li .items .moreSkillBlock{width: 100%} .afterVideoResumeWrapper{flex-direction: column;} .afterVideoResumeWrapper .right{max-width: none} .afterVideoResumeWrapper .left{width:100%} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right{max-width: none} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo{flex-direction: column; align-items: flex-start; max-width: none;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .tableWrapper td{flex-direction: column; gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider{border-left: 0px none; padding-left: 0; width: 510px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider .slider{padding-left: 0; padding-right: 0;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .dialogContent{min-height: 190px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .left{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo ol {grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .right{max-width: none;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .companyDesignation{display: inline-block;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .companyDesignation i{margin-left: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper{flex-direction: column; gap:20px; margin-right: 0; max-width: none;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .activitywiseWrapper .left{max-width: none; margin-right: 0;} .InterestAreaPageWrapper .interestGridWrapper{height: calc(100vh - 300px); overflow-y: auto;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper{overflow-x: auto;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table{overflow-x: auto; min-width:900px; white-space: nowrap;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td{white-space: wrap;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-track{gap:15px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper{flex-direction: column;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li{flex-direction: row; gap:15px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right{max-width: unset;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .facultyInfo{flex-direction: column;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock{flex-direction: column; gap:15px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .filterBlock div{flex-wrap: wrap; width:100%;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper .filterBlock h2{text-align: left; width:100%; justify-content: flex-start;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper .filterBlock label{width:100%;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .batchesInfo{flex-direction: column;} .helpVideoPreviewDialog .helpVideoPreviewContainer{margin: 15px;} .helpVideoPreviewDialog .helpVideoPreviewContainer iframe{height: 300px;} .timeTablePreviewWrapper .timeTablePreviewContainer{margin: 15px;} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper{max-height: 300px} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper iframe{height: 300px!important;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper{grid-template-columns: repeat(1, minmax(0, 1fr));} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li:first-child{flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li{flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider .items{max-width:none} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .right{max-width: none;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider .items{max-width: none;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .slick-track{gap:0;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider div{justify-content: flex-start;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider h3{justify-content: flex-start;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo{justify-content: space-between;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo div {flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper{flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoMainWrapper{flex-direction:column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper .left{gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper .right{max-width: none;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol{gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a:hover{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a.active{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li{margin-left: 0} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-slide{padding: 0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider.slick-slider{margin: 0; padding: 0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions{flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions > div{justify-content: center; width:var(--fullwidth)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions > div br{display:none;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions a{width:var(--fullwidth)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items{max-width: none;} .facultyEventslistingWrapper ol li .top{flex-direction: column;} .facultyEventslistingWrapper .coursesThumb{max-width: none; margin-right: 0; margin-bottom: 10px;} .facultyEventslistingWrapper .coursesThumb img{aspect-ratio: 1/1; object-fit: contain; height: 100%} .facultyEventslistingWrapper .bottomContent .mainBlock{flex-direction: column;} .facultyEventslistingWrapper .bottomContent .mainBlock .left{width: 100%} .facultyEventslistingWrapper .bottomBar{flex-direction: column;} .facultyEventslistingWrapper .bottomBar .eventCoordinators{flex-direction: column;} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul{flex-wrap: wrap;} .facultyEventslistingWrapper .bottomBar .eventCoordinators label{width: 100%} .facultyEventslistingWrapper .coursesContent .eventManagers{flex-direction: column; gap:0px;} .facultyEventslistingWrapper .coursesContent .eventManagers label{width: 100%} .facultyEventslistingWrapper .coursesContent .eventManagers ul{flex-wrap: wrap; width: 100%} .careerInsightsWrapper .careerInsightsContainer .tableWrapper{overflow-x: auto;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper table{min-width: 500px; white-space:nowrap;} } /* Media Query for Tablets Ipads portrait mode */ @media (min-width: 768px) and (max-width: 1024px){ /* body { background-color: blue; }*/ .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper{padding-bottom: 20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li{flex-direction: column; gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .employersInfo{max-width: none; } .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider{max-width: none} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider{padding-left: 0; border-left: 0px none; padding-top: 20px; border-top:1px solid var(--strokeColor);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper {flex-direction: column;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .hiringRecordsWrapper{ grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td div {white-space: normal; min-width: 400px; max-width: 400px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper {overflow-x: auto; white-space: nowrap;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol{grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left{max-width: none} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right{max-width: none} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper{flex-direction: column; gap: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs{overflow-x: auto; width: var(--fullwidth);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs a{white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper .viewMoreWrapper{width: var(--fullwidth); margin-bottom: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper{overflow-x: auto; white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper tbody td div {white-space: normal; min-width: 400px; max-width: 400px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper th{white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_length label select{max-width: 200px;} .jobDashboardWrapper .futureDomainsWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .futureDomainsWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .skillVacanciesWrapper{flex-direction: column} .jobDashboardWrapper .skillVacanciesWrapper .left .tableWrapper{overflow-x: auto;} .jobDashboardWrapper .skillVacanciesWrapper .left .tableWrapper table{ min-width: 400px; white-space: nowrap;} .jobDashboardWrapper .skillVacanciesWrapper .right{max-width: none} .wowDashboardWrapper .wowDashboardContainer .mainWrapper{grid-template-columns: repeat(1,minmax(0,1fr));} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li a{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li a .right{display:none;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left div:nth-child(2){align-items: flex-start;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper h2 a{white-space: nowrap;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .items{max-width: unset;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-track{gap:15px;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider .items{max-width: none} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right{max-width: none} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoSection{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .jobInfoWrapper{max-width: none} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .left .infoWrapper{max-width: none} .jobDashboardWrapper .jobDashboardContainer .pageHeaderInfo.justify{flex-direction:column;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider.slick-slider{margin:0;} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-slide{padding: 0} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li{margin-left: 10px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a{font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a.active{font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .skillsWeightageWrapper .tabsWrapper ol li a:hover{font-size: var(--fontsize13);} .jobDashboardWrapper .jobDashboardContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-track{gap:20px;} .jobDashboardWrapper .jobDashboardContainer .jobRolesDetailsWrapper .right{max-width: none} .currentSessionWrapper .currentSessionContainer .profileWrapper{flex-direction: column; gap: 20px;} .currentSessionWrapper .currentSessionContainer .profileWrapper .left{flex-direction: column; text-align: center;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right{max-width: none; flex-direction: column;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(1){max-width: none; text-align: center;} .currentSessionWrapper .currentSessionContainer .profileWrapper .right div:nth-child(2) div:nth-child(1){margin-top: -26px;} .viewResumeMatchingWrapper .refreshBlock .infoBlock{flex-direction: column; gap:15px;} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(1){flex-direction: column;} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(2){flex-direction: column;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .employersInfo{flex-direction: row;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .tableWrapper td{flex-direction: row; gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider{border-left: 0px none; padding-left: 0; width: 300px} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .skillsInfoSlider .slider{padding-left: 0; padding-right: 0;} .exploreJobsFilterByDialog .exploreJobsFilterByContainer .dialogContent{min-height: 190px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .left{flex-direction: column;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsInfo ol {grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .jobDetailsInfo .right{max-width: none;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .companyDesignation{display: inline-block;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .companyDesignation i{margin-left: 5px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .right{max-width: none} .InterestAreaPageWrapper .interestGridWrapper{height: calc(100vh - 300px); overflow-y: auto;} .InterestAreaPageWrapper .interestGridWrapper ol{gap:18px;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper{overflow-x: auto;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table{overflow-x: auto; min-width:900px; white-space: nowrap;} .affiliationTrackerWrapper .affiliationListingWrapper .tableWrapper table td{white-space: wrap;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .slick-track{gap:15px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper{flex-direction: column;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .left .classesWrapper ol li{flex-direction: row; gap:15px;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchsMainWrapper .right{max-width: unset;} .facultyBatchDetailWrapper .facultyBatchDetailContainer .batchesSlider .items .facultyInfo{flex-direction: row;} .helpVideoPreviewDialog .helpVideoPreviewContainer{margin: 15px;} .helpVideoPreviewDialog .helpVideoPreviewContainer iframe{height: 300px;} .timeTablePreviewWrapper .timeTablePreviewContainer{margin: 15px;} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper{max-height: 310px} .timeTablePreviewWrapper .timeTablePreviewContainer .iframeWrapper iframe{height: 310px!important;} .InternetCheckDialogWrapper.open{display: flex;} .InternetCheckDialogWrapper.userIsOnline p{color: var(--greenColor);} .InternetCheckDialogWrapper.userIsOnline i{ background-color: var(--greenColor);} .InternetCheckDialogWrapper.userIsOnline .InternetCheckDialogContainer{border:2px solid var(--greenColor);} .InternetCheckDialogWrapper{display: flex; width: auto; align-items: flex-start; opacity: 0.8; justify-content: center; display: none; position: fixed; bottom:10px; right:10px; flex-direction: column; gap:10px; margin-bottom:0px} .InternetCheckDialogWrapper .InternetCheckDialogContainer{background-color: var(--whitecolor); width:auto; border:2px solid var(--redColor); max-width: none; gap:0px; display: flex; gap:0px; padding:0px 0px; border-radius:5px;} .InternetCheckDialogWrapper .InternetCheckDialogContainer span{font-family: var(--fontfamilybold);} .InternetCheckDialogWrapper h4{font-size: var(--fontsize32); margin: 0; padding:0px; justify-content: center; text-align: center; font-family: var(--fontfamilybold); color: var(--blackcolor);} .InternetCheckDialogWrapper p{text-align: center; margin: 0; padding:2px 5px; display:inline-block; color: var(--redColor);} .InternetCheckDialogWrapper i{font-size: var(--fontsize22); margin: 0; padding:5px; justify-content: center; text-align: center; color: var(--whitecolor); background-color: var(--redColor);} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper{grid-template-columns: repeat(1, minmax(0, 1fr));} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li:first-child{flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li{flex-direction: column;} .worldofworkPageWrapper .worldofworkPageContainer .trendingSkillWrapper .trendingSkillSlider .items{max-width:none} .worldofworkPageWrapper .worldofworkPageContainer .mainWrapper .dataLeft ol li .right{max-width: none;} .worldofworkPageWrapper .worldofworkPageContainer .locationwiseWrapper .locationwiseSlider .items{max-width: none;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo{justify-content: space-between;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .domainInfo div {flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper{flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobInfoMainWrapper{flex-direction:column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper .left{gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesDetailsWrapper .right{max-width: none} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol{gap:20px;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a:hover{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li a.active{font-size: var(--fontsize14);} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .skillsWeightageWrapper .tabsWrapper ol li{margin-left: 0} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .slick-slide{padding: 0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider.slick-slider{margin: 0; padding:0;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions{flex-direction: column;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions > div{justify-content: center; width:var(--fullwidth)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions > div br{display:none;} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .jobRolesMatchingWrapper .coursesGridSlider .actions a{width:var(--fullwidth)} .domainIndustriesDetailPageWrapper .domainIndustriesDetailPageContainer .indiaMarketWrapper .indiaMarketSlider .items{max-width: none;} .facultyEventslistingWrapper ol li .top{flex-direction: column;} .facultyEventslistingWrapper .coursesThumb{max-width: none; margin-right: 0; margin-bottom: 10px;} .facultyEventslistingWrapper .coursesThumb img{aspect-ratio: 1/1; object-fit: contain; height: 100%} .facultyEventslistingWrapper .bottomContent .mainBlock{flex-direction: column;} .facultyEventslistingWrapper .bottomContent .mainBlock .left{width: 100%} .facultyEventslistingWrapper .bottomBar{flex-direction: column;} .facultyEventslistingWrapper .bottomBar .eventCoordinators{flex-direction: column;} .facultyEventslistingWrapper .bottomBar .eventCoordinators ul{flex-wrap: wrap;} .facultyEventslistingWrapper .bottomBar .eventCoordinators label{width: 100%} .facultyEventslistingWrapper .coursesContent .eventManagers{flex-direction: column; gap:0px;} .facultyEventslistingWrapper .coursesContent .eventManagers label{width: 100%} .facultyEventslistingWrapper .coursesContent .eventManagers ul{flex-wrap: wrap; width: 100%} .careerInsightsWrapper .careerInsightsContainer .tableWrapper{overflow-x: auto;} .careerInsightsWrapper .careerInsightsContainer .tableWrapper table{min-width: 500px; white-space:nowrap;} } /* Media Query for Laptops and Desktops */ @media (min-width: 1025px) and (max-width: 1280px){ /* body { background-color: green; }*/ .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper{padding-bottom: 20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li{flex-direction: column; gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .employersInfo{max-width: none; } .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider{max-width: none} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider{padding-left: 0; border-left: 0px none; padding-top: 20px; border-top:1px solid var(--strokeColor);} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .hiringRecordsWrapper{ grid-template-columns: repeat(1,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td div {white-space: normal; min-width: 400px; max-width: 400px;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper {overflow-x: auto; white-space: nowrap;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol{grid-template-columns: repeat(2,minmax(0,1fr));} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left{max-width: none} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .right{max-width: none} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .left .recentJobsWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper{flex-direction: column; gap: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs{overflow-x: auto; width: var(--fullwidth);} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper > .tabs a{white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .filtersTabsWrapper .viewMoreWrapper{width: var(--fullwidth); margin-bottom: 20px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper{overflow-x: auto; white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper tbody td div {white-space: normal; min-width: 400px; max-width: 400px;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .tableWrapper th{white-space: nowrap;} .companyDashboardWrapper .companyDashboardContainer .companyListingWrapper .dataTables_wrapper .dataTables_length label select{max-width: 200px;} .jobDashboardWrapper .futureDomainsWrapper ol{grid-template-columns: repeat(2,minmax(0,1fr));} .jobDashboardWrapper .futureDomainsWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .jobDashboardWrapper .skillVacanciesWrapper{flex-direction: column} .jobDashboardWrapper .skillVacanciesWrapper .left .tableWrapper{overflow-x: auto;} .jobDashboardWrapper .skillVacanciesWrapper .left .tableWrapper table{ min-width: 400px; white-space: nowrap;} .jobDashboardWrapper .skillVacanciesWrapper .right{max-width: none} .wowDashboardWrapper .wowDashboardContainer .mainWrapper{grid-template-columns: repeat(1,minmax(0,1fr));} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li{flex-direction: column;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li a{flex-direction: row;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left{flex-direction: row;} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataRight ol li .left div:nth-child(2){align-items: flex-start;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper h2 a{white-space: nowrap;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .locationwiseSlider .items{max-width: unset;} .wowDashboardWrapper .wowDashboardContainer .locationwiseWrapper .slick-track{gap:15px;} .wowDashboardWrapper .wowDashboardContainer .trendingSkillWrapper .trendingSkillSlider .items{max-width: none} .wowDashboardWrapper .wowDashboardContainer .mainWrapper .dataLeft ol li .right{max-width: none} .viewResumeMatchingWrapper .refreshBlock .infoBlock{flex-direction: row; gap:15px;} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(1){flex-direction: row;} .viewResumeMatchingWrapper .refreshBlock .infoBlock div:nth-child(2){flex-direction: row;} .InterestAreaPageWrapper .interestGridWrapper{height: calc(100vh - 300px); overflow-y: auto;} .InterestAreaPageWrapper .interestGridWrapper ol{gap:18px;} } /* Media Query for Large screens */ @media (min-width: 1281px) { /*body { background-color: white; }*/ } /*Responsive css ends Css*/ /*.sidebarLeft .material-symbols-outlined { opacity: 1 !important; flex-shrink: 0; visibility: visible !important; font-size: 24px; display: flex ; }*/