:root { --primaryColor: #ff2252; --secondaryColor: var(--primaryColor); --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; --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:#273454; --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; --redColor: #ff0000; --notificationBellBg:#FDE5AD; --lightRedColor: #EB5757; --darkRedColor:#cf2a27; --orangeColor: #F2994A; --orangeColor2: #FFB72F; --lightOrangeColor: #FDE5AD; --pinkColor: #F7125A; --blueColor: #110CC2; --lightBlackColor: #272727; --strokeColor: #959595; --lightBlue: #CBD5DD; --darkBlue: #88A2B7; --extraLightBlue: #F2F8FD; --sicTableBGColor : #F3F4F6; --newHeadingColor: #273454; --newTextColor: #8E9AB6; --greenColor2:#3EBDA0; --lightGreenColor:#E1EDE6; --strokeColor:#CACACA; --goldenColor:#F2A91E; --tableTh:#5A5F73; --lineColor:#D3D3D3; --leaderBoardColor3:#E0997A; --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; } * { -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;} 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;} p{margin:0; padding:0; line-height: normal;} .pageWrapper .mainContent .pageTitle.alignRight{justify-content:flex-end} .languageChanger{position: relative; margin-right:10px; display: flex; align-items: center;} .languageChanger label{margin-right: 5px; margin-bottom: 0; white-space: nowrap;} .languageChanger select {width:var(--fullwidth); min-width: 100px; background-color:var(--whitecolor); border: 1px 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;} .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; } .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; padding:30px;} 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;} .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);} .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(--secondaryColor) 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);} .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(--secondaryColor) 100%);border-radius: 40px; 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(--secondaryColor) 100%);border-radius: 40px; 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(--whitecolor) 0%, var(--whitecolor) 100%); border-radius: 40px; 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: 40px; 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-color: transparent; border-radius: 40px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--whitecolor);} .adminDefaultBtn:focus{ padding:5px 15px; outline: 0px none; white-space: nowrap; font-weight: normal; border:1px solid var(--primaryColor); background-color: transparent; border-radius: 40px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--whitecolor);} .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: 40px; 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: 40px; 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: 40px; 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: 40px; 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: 40px; 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: 40px; text-align: var(--textCenter); font-size: var(--fontsize14); font-family: var(--defaultfont); color:var(--primaryColor);} .secondaryBtn{ padding:10px 35px; cursor: pointer; white-space: nowrap; border:1px solid var(--greyColor); background-color: transparent; border-radius: var(--radius5); text-align: var(--textCenter); width: var(--fullwidth); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--blackcolor);} .secondaryBtn:hover{ padding:10px 35px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: var(--radius5); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--primaryColor);} .secondaryBtn:active{ padding:10px 35px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: var(--radius5); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--primaryColor);} .secondaryBtn:focus{ padding:10px 35px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: var(--radius5); text-align: var(--textCenter); font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--primaryColor);} .secondaryBtn:visited{ padding:10px 35px; white-space: nowrap; border:1px solid var(--primaryColor); background-color: transparent; border-radius: var(--radius5); 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: var(--radius30); 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: var(--radius30); 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: var(--radius30); 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: var(--radius30); 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: var(--radius30); 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;} /* 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="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;} .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(--fontfamilysemibold); 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);} .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(--lightSecondaryColor);} .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;} .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: 325px; flex-shrink: 0; top: 100px; top:85px; position: sticky;} .pageWrapper .sidebarRight{display: flex; width:var(--fullwidth); max-width: 325px; 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(--fontsize35); font-family: var(--fontfamilysemibold); font-smoothing: antialiased; -webkit-font-smoothing: antialiased;} .pageWrapper .mainContent .slick-dots li.slick-active button:before{color:var(--primaryColor);} /*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; } /*AllForm Delete Confirmation Dialog*/ /*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*/ /*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*/ /*AllForm Dialog*/ .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: 2200006; 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); 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{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 .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); 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;} /*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;} .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);} .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;} /*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);} .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;} /*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 4px} .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 .tags{display: flex; flex-wrap: wrap; gap:10px;} .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;} .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 .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; 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 .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 tr:first-child + tr td{border-top:0px none;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .tableWrapper td{padding: 10px; font-family: var(--defaultfont); color:var(--blackcolor); 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 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 a{display: flex; gap:15px; align-items: center; color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .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{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;} .companyDetailsWrapper .companyDetailsContainer .companyListingWrapper .sectionWrapper .vacanciesListing ol li .jobInfoBottom div{gap:10px; display: flex; align-items: center;} .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;} /*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);} .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); display: flex; width: var(--fullwidth); font-weight: 400; font-family: var(--fontfamilysemibold); margin-bottom:10px; color: var(--blackColor)} .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 ol{display: flex; flex-direction: column; width: var(--fullwidth); gap:20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li{display: flex; background-color: var(--whitecolor); padding: 15px; border-radius:15px; width: var(--fullwidth);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .employersInfo{display: flex; width: var(--fullwidth); max-width:25%} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .employersInfo .thumb{display: flex; width: var(--fullwidth); max-width: 110px; border-radius: 5px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .employersInfo .thumb img{display: flex; width: var(--fullwidth); max-width: 110px; border-radius: 5px; object-fit: contain;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .employersInfo .thumbContent{display: flex; width: var(--fullwidth); flex-direction: column;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .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 ol li .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 ol li .skillsInfoSlider{display: flex; width: var(--fullwidth); gap:15px; max-width: 75%; border-left:1px solid var(--strokeColor); padding-left: 20px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider .slider{display: flex; padding:0 25px; width: var(--fullwidth);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider .items{display: flex; flex-direction: column; width: var(--fullwidth);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider .items .skills{display: flex; margin-bottom: 5px;} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .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 ol li .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 ol li .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 ol li .skillsInfoSlider p span{color:var(--blackcolor); font-family: var(--fontfamilysemibold);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider p + p span{color:var(--greenColor2); font-family: var(--fontfamilysemibold);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper ol li .skillsInfoSlider p + p i{color:var(--greenColor2);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-list{width: var(--fullwidth);} .courseSkillAnalysisWrapper .courseSkillAnalysisContainer .employersListingWrapper .slick-track{display: flex; gap:25px;} .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);} /*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);} .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(--fontsize12); 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; 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 .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; position: relative; padding-left: 18px; 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 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 .jobInfo ol li::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .jobDashboardWrapper .jobDashboardContainer .jobInfoWrapper .jobVacancies ol li::before{content:''; width:6px; height:100%; background-color:var(--primaryColor); position: absolute; left:0; border-radius: 45px;} .jobDashboardWrapper .filtersblock{display: flex; gap:10px; width: var(--fullwidth); justify-content:flex-end; align-items: center;} .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 select{max-width: 200px;} .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-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-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(--blackcolor); 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 + .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 .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;} .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{ 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 .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(--greyColor5); text-decoration: none; font-size: var(--fontsize12); 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 .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{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 .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 .companylogo{display: flex; width: 85px; height: 85px;} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsTitle .jobContent{display: flex; flex-direction: column; gap:5px;} .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 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: 20px; padding: 15px 0; border-top:1px solid var(--greyColor4); border-bottom:1px solid var(--greyColor4);} .jobDashboardWrapper .jobDashboardContainer .jobDetailsWrapper .jobDetailsSlider .left .jobDetailGrid ol{ width:var(--fullwidth); gap:15px; grid-template-rows: repeat(2,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;} .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 .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); 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: 20px; 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 .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; 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: 10px; color:var(--blackColor); font-family: var(--fontfamilysemibold);} .jobDetailsWrapper .backLink{display: flex; width:var(--fullwidth); gap:0px; margin-bottom: 20px;} .jobDetailsWrapper .backLink a{display: flex; gap:5px; align-items: center;} .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); margin: 0 0 0px; font-family: var(--defaultfont); color:var(--greyColor5);} .jobDetailNewWrapper .right .topInfo .right{flex: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(4,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 .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); } .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;} /*Jobs Dashboard Modules Css*/ /* 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*/ .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);} /*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(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));} .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; } .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);} } /* 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;} } /* 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;} } /* 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;} } /* Media Query for Large screens */ @media (min-width: 1281px) { /*body { background-color: white; }*/ } /*Responsive css ends Css*/