.form-control,body{font-family: 'Product_Sans', Arial, Helvetica, sans-serif; color: #757575;; font-size: 14px;} h1, h2, h3, h4, h5, h6{font-family: 'Product_Sans', Arial, Helvetica, sans-serif; font-weight: normal;} .font16{font-size: 16px;} .font16h{font-size: 16px; font-family: 'Product_SansM'; font-weight: 500; color: #212121;} .font11{font-size: 11px;} body.graybg{background-color: #f7f7f7;} .modalsection{background-color: #fff;} .modal .modalsection{border-radius: 15px;} .error, .error_msg{color: #f55454;} .hoversecondry:hover,.primarycolor{color: #212121;} .hoversecondry, .secondrycolor, .secondrycolor:hover{color: #424242;} .callout1{font-size: 60px; line-height: 60px; font-family: 'Product_SansM'; font-weight: 500;color: #212121;} .callout2{font-size: 36px; line-height: 48px; color: #212121;} .h1_p{font-size: 32px; line-height: 42px; color: #212121;} h1,.h1{font-size: 24px; line-height: 32px; color: #212121;} h2,.h2{font-size: 20px; line-height: 28px; color: #424242;} h3,.h3{font-size: 18px; line-height: 26px; color: #424242;} .min88{min-width: 90px;} .h4_secondry,.h4_secondry,h4,.h4{font-size: 16px; line-height: 26px; font-weight: bold; font-family: 'Product_SansB'; color: #424242;} .h4_primary{font-family: 'Product_SansM'; font-weight: 500;} .h4_secondry{font-family: 'Product_Sans'; font-weight: normal;} .table th,h5,.h5{font-size: 14px; line-height: 24px;font-weight: bold; font-family: 'Product_SansB'; color: #424242;} .table th{color: #212121;} .form-control, .form-control:focus{height: 40px;} .trackintroimg{margin-left:70px; width: 280px; height: 200px; display: flex; align-items: flex-start; justify-content: center;} .trackintroimg img{max-width: 100%; max-height: 100%;} .scolor{color:#757575} /*--- Ie Alert --- */ .ie-alert { padding:16px; background:#EFE4FB; font-size:14px; text-align:center; color:#212121; margin:0; position:fixed; left:0; top:56px; border-radius:0; z-index:1005; width:100%; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12);} .ie-alert .close { margin:-10px 20px 0 0; position:relative;} .hide {display: none !important;} .hidden {display: none !important; visibility: hidden;} .semibold{font-weight: 500; font-family: 'Product_SansM';} .bold{font-weight: bold; font-family: 'Product_SansB';} .form-control:focus{outline:none;} a,a:hover{text-decoration: none; color: #ea4335;} .min300{min-width: 300px;} .modal-body.mrg24{padding: 24px;} .btngroup .fctrl + .fctrl.rmbtn,.btngroup .fctrl + .fctrl.rmbtn:hover{color:#999; margin-left: 24px;} .landingpage:not(.loggedin) .log-header-section,.landingpage{background:#fafafa;} .graybox{background-color: #f7f7f7; position: relative;} .close-lnk{position: absolute; right:24px; top:10px; z-index: 1;} a .material-icons{color:inherit;} .suc-text{color:#59c082} .radio-input,.checkbox-input{padding-left: 34px;} .track .radio-input{padding-left: 26px; line-height:20px;} .track .radio-input span.icon-info.white{margin-left: 8px; background:transparent; border-color: #bdbdbd; color: #bdbdbd;} .qoptiono > span {width: 40px; position: relative; height: 40px;display: flex;justify-content: center;align-items: center;} .qoptiono > span .c3checked + label{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; border: solid 1px #dadada; margin-bottom: 0;} .qoptiono > span .c3checked:checked + label{background: #ea4335; color: #fff; border-color:#ea4335;} .qoptiono > span + span .c3checked + label{border-left: none;} .qoptiono > span:last-child label{border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .qoptiono > span:first-child label{border-top-left-radius: 3px; border-bottom-left-radius: 3px;} .fixedheader{position: relative; position: sticky; top:0; z-index: 104;} body:not(.landingpage) .fixedheader,.headerfixed .fixedheader{background:#fff;border-bottom:solid 1px #eeeeee;} .dheight{height: 45px;} .log-header-section{position: relative; z-index: 106; background: #fff;} ul.ctrlcenter{list-style-type: none; margin: 0;} .btngroup2 > .fctrl + .fctrl{margin-left: 2px;} /* ._pageheader{position: sticky; top: 0; z-index: 100; background: #fff;} .headerfixed .log-header-section{display: none;}*/ /* Example tokeninput style #2: Facebook style */ ul.token-input-list-facebook{ overflow:hidden; height:auto; width:100%;border:1px solid #dadada;min-height:36px;cursor:text;font-size:14px; z-index:999;margin:0; background-color:#fff; list-style-type:none;clear:left; border-radius:3px; overflow:auto; padding:3px 6px; } ul.token-input-list-facebook li input{ border:none; background-color:#fff; -webkit-appearance:caret; line-height:17px; min-width:150px;} li.token-input-token-facebook{ overflow:hidden;height:auto!important;height:24px; padding:4px 8px;cursor:default; font-size:11px;float:left;white-space:nowrap; font-weight:normal; color:#8a858d; border-radius:3px; background:#f2f2f2; border:0; padding:2px 4px; margin:3px 4px 3px 4px;} li.token-input-token-facebook p{ display:inline;padding:0;margin:0; text-transform:capitalize; font-size:13px; color:#424242; line-height:22px; } li.token-input-token-facebook span{ margin-left:5px;font-weight:bold;cursor:pointer; font-size:16px; color:#8a858d; line-height:19px; position:relative; top:1px;} li.token-input-selected-token-facebook { background-color:#f2f2f2; border:1px solid #dadada; color:#8a858d; } li.token-input-input-token-facebook { float:left;margin:0;padding:0;list-style-type:none;} div.token-input-dropdown-facebook{ position:absolute; width:343px; max-height:229px; overflow:auto; background-color:#fff; border:1px solid #dadada;cursor:default;font-size:14px; z-index:2000; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); } .modal-open div.token-input-dropdown-facebook { width:246px;} div.token-input-dropdown-facebook p{margin:0;padding:5px;font-weight:500;background-color:#fff;border:1px solid #dfdfdf;color:#000;font-size:12px;text-align:left; } div.token-input-dropdown-facebook ul{margin:0;padding:0} div.token-input-dropdown-facebook ul li{background-color:#fff;padding:4px 12px 5px;margin:0;list-style-type:none; color:#424242;font-size:14px;text-align:left; font-weight:normal;} div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook{background-color:#fff;color:#8a858d;font-size:14px; font-weight:normal;} div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook{background-color:#fff;} div.token-input-dropdown-facebook ul li em{font-weight:normal;font-style:normal} div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook{background-color:#f2f2f2;color:#424242; } .form-page div.token-input-dropdown-facebook, .form-page .ui-autocomplete.ui-widget { width:560px;} .complted.notcomp{color: #f55454;} .notcomp .icon{background: none;} .notcomp .icon-cross:before,.notcomp .icon-cross:after{background-color:#f55454; height: 10px; top:9px;} .btn{font-family: 'Product_SansM', Arial, Helvetica, sans-serif; font-weight: 500; box-shadow: none;} .button5{border: solid 1px #dadada; font-weight: 600; color: #ea4335; box-shadow: none;} .button5:hover{color: #ea4335;} ._gcpfixedtrackwrap{height: 85px;} ._gcpfixedtrack {position: fixed; left: 0; right: 0; bottom: 0; background: #fff; padding: 24px; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 20%); z-index: 4;} ._gcpfixedtrack.staybottom{background: none; position: static; box-shadow: none;} .registerbar{position: relative} .topnavbar > li.fctrl.lnk a{color:#ea4335;} .cmp-sponsors-logo img,.cmp-sponsors-logo{max-height: 60px;} /***###### SliderJS #####***/ button.slick-prev, button.slick-next,button.slick-prev:focus, button.slick-next:focus,button.slick-prev:hover, button.slick-next:hover{width: 32px; height: 32px; border-style: solid; border-width: 0.5px; background-color: #ea4335; border-radius: 3px; z-index: 102; right: -16px;} button.slick-next.slick-disabled,button.slick-prev.slick-disabled{opacity: 0;} button.slick-prev{left: -16px;} button.slick-next.slick-disabled, button.slick-prev.slick-disabled{opacity: 0.5;} button.slick-prev:before,button.slick-next:before,.cloudhero .btnprev:before, .cloudhero .btnnext:before{content:""; width: 8px; height:8px; border-left: solid 2px #fff; border-bottom: solid 2px #fff; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(45deg); margin-top: -4px; margin-left: -4px;} button.slick-next:before,.cloudhero .btnnext:before{transform: rotate(225deg);} /**######### Header Section ############*/ .track-content .cloud-resource,.badge{width: 42px; height: 42px; justify-content: center; align-items: center; display: inline-flex; font-weight: 500; font-size: 14px; border-radius: 3px;} .badge.white{background: #fff; border:solid 1px #eee; color: #59c082;} .track-content h1:hover a{text-decoration: underline;} .track-content h1 a{color: #212121; text-decoration: none;} .track-content .cloud-resource,.badge.success{background: #59c082; color: #fff;} .track-content .cloud-resource,.badge.whitebg{border: solid 1px #eeeeee; background-color: #fff; color: #59c082;} .loggedin:not(.landingpage){background: #fff;} .mainnavigation{padding: 0px 50px; font-size: 14px;} .logo{display:inline-block; text-align: right; margin-right: 35px;} .logo h6{color:#3b4043;} .headernav .nav-item{padding: 0px 20px 0px 20px; position: relative;} .headernav .nav-item.parent{padding-right: 30px;} .headernav .nav-item.parent > a::after,.nav-item.parent > a::after{position: absolute;top: 50%;margin-top: 4px;right: 0;content: "";width: 8px;height: 8px;border-left: solid 2px #424242;border-bottom: solid 2px #424242;transform: rotate(-45deg);border-radius: 2px;} .nav-item.parent > a::after{margin-top: -4px;} .headernav .nav-item.parent a,.nav-item.parent a{position: relative; padding-right:12px} .headernav .nav-item.enable .menuwrap{display: block;} .headerfixed .menuwrap{z-index: 12;} .menuwrap{display: none;} .menuwrap ul{margin:0; padding:0; margin-top: 16px;} .menuwrap ul li{padding-left: 0; list-style-type: none;} .menuwrap ul li + li a{margin-top: 8px;} .menuwrap ul li a{display: block; padding: 0;} .menuwrap ul li a:hover{color:#EA4335;} .headernav a{color:#424242; padding:28px 0px; padding-bottom: 10px;} .headernav .nav-item.active > a{border-bottom-color:#ea4335;} .headernav .nav-item.parent.active > a::after,.headernav .nav-item.parent:hover > a::after,.nav-item.parent.active > a::after,.nav-item.parent:hover > a::after{border-color:#ea4335;} .nav-item.parent:hover > a::after,.headernav .nav-item.parent:hover > a::after{transform: rotate(135deg); margin-top: 7px;} .nav-item.parent:hover > a::after{margin-top: -1px;} .headernav .nav-item.active > a,.headernav .nav-item:hover > a{color:#ea4335;} .avatar-pic{color:#424242} .avatar-pic img{width:42px; height: 42px; display: flex; border-radius: 50%;} .profile-submenu{width: 325px;} .userloginmenu .show{margin-top: 8px; padding: 0; border-radius: 0; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); border: solid 1px #e0e0e0;} .userloginmenu .show .profile-submenu > .media,.dropdown-menu .dropdown-item.prflink{padding:10px 20px;} .dropdown-menu .dropdown-item.prflink{border-top:solid 1px #e0e0e0; display: block;} .userloginmenu .show .media{background-color: #fafafa;box-shadow: 0 1px 0 0 #eeeeee;} /**######### ./Header Section ############*/ .table{color:#212121;width: 99.95%;} .t-head{background: #e6f4ea;} .table-bordered th, .table-bordered td{border-color:#e0e0e0; font-size: 14px;} .table-bordered th{font-size: 16px;} .table-bordered td.valignm{vertical-align: middle;} .bgfff{background: #fff;} /**######### Main Banner Section ############*/ .main-banner{background:#fafafa; padding-bottom: 40px;} body:not(.landingpage) .main-banner,.dashboard .main-banner{padding-bottom:0;background: #fff;} .settingblock{padding:8px 16px; width: 320px; border-radius: 3px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);} .landingbanner{padding-bottom: 0px; padding-top: 80px;} .track .main-banner{background:#fff;} .bannerwrap p{font-size: 16px;} .bannerheading{font-weight: 900;} .contentinfo{padding: 13px; border-radius: 3px; background-color: #4285f4; text-align: center; color: #fff; line-height: 16px;} .contentinfo a,.contentinfo a:hover{color: #fff; margin-left: 8px;} .succ-text{color: #59c082;} .journey-section{padding:40px 0; background: #fff;} .journey-event{display: flex; margin: 40px 0; padding: 0;} .circle-block{width: 42px; height: 42px; background-color: #bdbdbd; border-radius: 50%; color: #fff; font-weight: bold; display: inline-flex; margin: auto; margin-bottom: 18px; font-family: "Product_SansM"; font-weight: 500;} .journey-event li{position: relative;} .journey-event li:first-child::before,.journey-event li:hover::after,.journey-event li:hover::before,.journey-event li:last-child::after{content: none;} .arrow{padding-right: 18px; position: relative;} .arrow:after{position: absolute; content: ""; background: url("https://www.techgig.com/files/contest_upload_files/arrow-aicon-260221.svg") no-repeat 0 0; top: 5px; right: 0; width: 10px; height: 10px;} .arrow.down::after{transform: rotate(90deg); right: -8px;} .arrow.download,.arrow.video{padding-right: 23px;} .arrow.download:after{background: url("https://www.techgig.com/files/contest_upload_files/download-08042021.svg") no-repeat 0 0; background-position: 0px -1px; height: 14px; top: 1px; width: 16px;} .arrow.video:after{background: url("https://www.techgig.com/files/contest_upload_files/video-120421.svg") no-repeat 0 0;background-position: 0px 0px;top: 1px;width: 16px;bottom: 0;height: 20px;} .arrow.viewicon:after{background: url("https://www.techgig.com/files/contest_upload_files/viewicon-130421.svg") no-repeat 0 0;background-position: 6px 2px; height: 14px; top: 1px; width: 16px;} .viewicon.greycolor,.viewicon.greycolor:hover{color: #757575; text-decoration: none;display:inline-block} .viewicon.greycolor:after{background: url("https://www.techgig.com/files/contest_upload_files/viewicon-grey-130421.svg") no-repeat 0 0;background-position: 6px 2px; height: 14px; top: 1px; width: 16px;} .refreshbtn:after{background: url("https://www.techgig.com/files/contest_upload_files/refreshbtn-130421.svg") no-repeat 0 0;background-position: 3px 2px; height: 14px; top: 1px; width: 16px;} .newtarget:after{background: url("https://www.techgig.com/files/contest_upload_files/new-target240521.svg") no-repeat 0 0; background-position: 2px 0px; height: 14px; top: 1px; width: 16px;} .tablbl{padding: 4px 6px 3px 7px; border-radius: 2px; background-color: #ecf3fe; font-size: 10px; text-align: center; text-transform: uppercase; color: #4285f4; display: inline-block;} .tablbl.green{background-color: #effaf2; color: #34a853;} .resource-section .card-box{margin-left: 4px; margin-right: 4px; margin-top: 24px;} .gcpclose,.gcpclose:hover{position: absolute; right: -20px; top: -20px; font-size: 30px; font-weight: normal; color: #fff; opacity: 1;} .journey-event li .journey-blk{margin: auto; border-radius: 6px; border:solid 1px transparent; padding:24px 0; cursor: pointer;} .journey-event li:hover .journey-blk{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); border: solid 1px #eeeeee;} .journey-event li:hover .primarycolor{color:#59c082;} .journey-event li:hover .circle-block{background:#59c082;} /*** Slide Bar Home Page customization ***/ .activity-slider{position: relative; margin-bottom: 40px; margin-top: 80px; opacity: 1; transition: all 0.25s;} .cuspoints{width: 100%; height: 2px; position: relative; margin-top: -12px;} .activity-slider:before {position: absolute; left: 0; right: 0; height: 2px; background: #f1f3f4; content: ""; top: 9px;} .activity-slider .slider.slider-horizontal{width:100%;} .activity-slider .slider-tick-label{font-size: 12px; line-height: 12px; color:#9aa0a6;} .activity-slider .slider.slider-horizontal .slider-handle{width: 15px; height: 15px; margin-top:-7px; box-shadow: none; background:#59c082; position: relative; z-index:103;} .activity-slider .slider.slider-horizontal .slider-handle:before{content: attr(data-label); font-size: 23px; font-family:'Material Icons'; width: 43px; height: 82px; background: url(https://www.techgig.com/files/contest_upload_files/pointer-events.png) 1px 0px no-repeat; position: absolute; text-align:center; color:#fff; line-height: 40px; top:-65px;border-radius: 0; margin-left: -14px; left: 0; cursor: pointer;} .activity-slider .slider.slider-horizontal .slider-handle.loguser:before{font-family: "google-sans-display-bold"; font-size: 16px; line-height: 45px;} .activity-slider .slider.slider-horizontal .infonode{position: absolute; color: #C1BEC3; top: -105px;font-size: 14px; left: 50%; cursor: pointer; transform: translate(-50%, 0%); text-align: center; white-space:nowrap;} .activity-slider .slider.slider-horizontal .infonode span{display: block;} .slider .tooltip.top{display: none;} .slider-track:after,.eventlist-block > i,.activity-slider .slider-tick,.activity-slider .slider-tick.in-selection,.eventlist-block .eventlist{z-index: 2; background: #8a8889; box-shadow: none; width:8px; height: 8px;} .eventlist-block[data-label="End"]:after{color:#59c082; font-weight: bold; text-transform: uppercase;} /*.activity-slider .cuspoints .eventlist-block:nth-child(7) > i:after{content:""} .activity-slider .cuspoints .eventlist-block:nth-child(10) > i:after{content:""} .activity-slider .cuspoints .eventlist-block:nth-child(12) > i:after{content:""}*/ .activity-slider .slider.slider-horizontal .slider-tick{margin-top: 0;margin-left: -4px;} .eventlist-block{position: relative;display: block;position: absolute; top: -7px;} div.slider.slider-horizontal{width: 100%;} div.slider-track-high{background: #f2f2f2;} div.slider-handle{box-shadow: 0 2px 4px 0 rgba(38, 217, 116, 0.73); border: solid 1.1px #f7f7f7; background: #34a853;} div.slider-selection{background: #34a853;} div.slider-handle::after{content: attr(aria-valuenow) " Yrs"; position: absolute; top: -20px; white-space: nowrap; font-size: 12px; margin-left: -9px;} .slider.slider-horizontal .slider-track{height: 5px;} /**######### ./Header Section ############*/ /**#### Alert Bar #######**/ .alertbar{padding: 17px 0px; border-bottom: solid 1px #ffebb0; background-color: #fff9e8;} /***#### ./Alert Bar #########**/ /***######### About Section #############*/ .dashboard-section{padding-top:24px; padding-bottom: 24px;} .whysection .container .section{background-color: #fafafa; border-radius: 6px;} .whysection .media .micon{margin-right: 20px;} .landingpage .about-section{background-color:#fff;} .landingpage .about-section:nth-child(even),.bggray{background-color:#fafafa;} .stepstocomplete{padding-left: 0; position: relative;} ul.stepstocomplete:before {content: ""; position: absolute; top: 4px; bottom: 0; width: 1px; background:#08d37a; left: 11px;} .stepstocomplete li{list-style-type: none; margin-bottom: 16px; padding-left: 0; position: relative; padding-left: 40px;} .stepstocomplete li::before,.stepstocomplete li::after{content:""; position: absolute; left:0; top:2px; border-radius: 50%;} .stepstocomplete li::before{content:""; width: 14px; text-align: center; line-height: 23px; font-size: 14px; color:#d7263d; z-index: 1; height: 7px; border-left: solid 2px #fff; margin: auto; border-bottom: solid 2px #fff; border-radius: 0; position: absolute; top: 9px; left: 5px; transform: rotate(-47deg);} .stepstocomplete li:after{width:24px; height:24px; background: #08d37a; border:solid 1px #08d37a;} /***######### ./About Section #############*/ /***######### Quater Section #############*/ /*.quatersection{background-image: url(https://www.techgig.com/files/contest_upload_files//main-banner-cloud-bottom.png); background-repeat: no-repeat; background-position: right 18px;}*/ .milestones-section{border-top: solid 1px #eee; padding-top: 40px;} .milestones-section .slick-track{margin-left: 0;} .badge-card .media-body{margin-left: 16px;} ._slickslider .badge-card{margin-left: 24px;} .card-box{border-radius: 6px; padding:24px; border:solid 1px #eee; background-color: #fff; word-break: break-word; box-shadow: 0 4px 4px 0 #f2f2f2;} .card-box:not(.nohover):hover{box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);} .card-box.dashboard-card:hover{box-shadow: 0 10px 20px 0 rgba(74, 69, 69, 0.1);} .card-box.badge-card:hover,.card-box.badge-card{background-color: #fafafa; border: none; box-shadow: none;} .cerificate-wrap{width: 280px; height: 270px; position: relative;} .cerificate-wrap .txt{position: absolute; top: 136px; text-align: center; font-size: 0.48em; left: 0; right: 0;} .cerificate-wrap img{max-width: 100%; max-height: 100%;} .cblock{border-radius: 2px; background-color: #f5f5f5; padding: 8px 10px; font-size: 12px; color: #424242;} .card-box.smheight{height: 100%;} .card-box.sliderheight{height: 125px;} .card-box h4 > a{color:#212121;} .contest-blk .primarycolor{font-size:14px;} .card-box .primarycolor:hover{text-decoration: underline; color: #202124} .popupinput:checked + .recommend,#track_choose_section .card-box:not(.nohover):hover{border-color: #59c082;} .popupinput:checked + .recommend::before{position: absolute;content: "";width: 6px;height: 11px;z-index: 2;top: 13px; right: 16px;border-right: solid 2px #fff;border-bottom: solid 2px #fff;transform: rotate(40deg);border-radius: 1px;} .popupinput:checked + .recommend::after{position: absolute; content: ""; width: 18px; height: 18px; border-radius: 50%; top:10px; right:10px; background: #59c082;} .trackp{background:#fafafa; position: relative;} .trackp::before{position: absolute; top: 18px; content: ""; right: 22px; width: 8px; height: 8px;border-left: solid 2px #757575;border-bottom: solid 2px #757575;transform: rotate(-45deg);} .popupinput:checked + .trackp::before{transform: rotate(135deg); top: 22px;} .popupinput:checked + .trackp{background:#fff;} .popupinput:checked + .trackp .sub_trackp{display: block;} .recommend{position: relative;} .recommend .symbol{height: 32px; display: flex; align-items: center;} .recomb{padding: 0px 7px; border-radius: 2px; background-color: #4285f4; color:#fff; font-size: 12px; position: absolute; top: 0px; display: inline-block; left: 10px;} #addmodule .recomb{left: auto; right: 47px;} #trackpsection .card-box{margin:8px;} /***######### ./Quater Section #############*/ .cloudhero .btnprev,.cloudhero .btnnext{position: absolute; left:318px; top:262px; display:block; width: 32px; z-index: 3; height: 32px; border: solid 1px #d7263d; background-color:#d7263d; border-radius: 50%;} .cloudhero .slick-disabled.btnprev,.cloudhero .slick-disabled.btnnext{border-color:#dadada; background-color:#fff;} .cloudhero .btnnext{left:354px} .cloudhero .btnprev:before, .cloudhero .btnnext:before {border-left-color: #ffffff; border-bottom-color: #ffffff; box-shadow: none; border-radius: 0; background: none; border-right: none; border-top: none;} .cloudhero .btnprev.slick-disabled:before, .cloudhero .btnnext.slick-disabled:before{border-color: #9aa0a6;} .quest-section{padding-bottom: 119px;} .figure-img{width: 80px;height: 80px;border-radius: 50%;background-color: #ddd;max-width: 80px;max-height: 80px;} .score-img img,.figure-img img{max-width: 100%; margin: auto; max-height: 100%; border-radius: 50%;width: 100%;height: 100%;} .score-img{width: 64px; height: 64px; border-radius: 50%; background-color: #ceead6; margin:auto;} .score-img.noborder,.score-img.noborder .progress-circle{background-color: #fff;} .certificate-blk{box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);} .score-img:after{width: 0px; content: ""; height: 0px;} .articleblk{padding-left: 40px; border-left:solid 1px #c2c2c2; min-height: 250px;} .nwlbl{display:inline-block; padding: 3px 9px; border-radius: 10px; border: solid 1px #c2c2c2; line-height: 12px; font-size: 11px; color:#4a4548} /**####### Dashboard Section ###########**/ .profile-detail{color:#3b4043;} .score-section h6{margin-bottom: 0; margin-top: 8px;} .contest-blk + .contest-blk{margin-top: 16px;} .conteststatus .material-icons,.conteststatus{color:#f9ab00;} .dashboard-blk{height: 250px; overflow-y: auto; overflow-x: hidden;} .earnedpoint .progress-circle{background-color: #ceead6;} .earnedpoint .progress-circle .first50-bar,.earnedpoint .value-bar{background-color: #59c082; border-color: #59c082;} .lapsepoint .progress-circle{background-color: #fad2cf;} .lapsepoint .progress-circle .first50-bar,.lapsepoint .value-bar{background-color: #ea4335; border-color: #ea4335;} .pointsremain .progress-circle{background-color: #f9ab00;} .pointsremain .progress-circle .first50-bar,.pointsremain .value-bar{background-color: #f9ab00; border-color: #f9ab00;} #quickprocess.progress-circle{background-color: #26d974;} #quickprocess.progress-circle .first50-bar,#quickprocess.progress-circle .value-bar{background-color: #f2f2f2; border-color: #f2f2f2;} /**####### ./Dashboard Section ###########**/ /****###### Footer Section #############***/ .social-link-inline{display:flex;} .social-link-inline a{width:32px; height:32px; background:transparent; border-radius:3px; margin-right:8px;} .social-link-inline a:hover,.social-link-inline a.active{background:#d7263d} .social-link-inline a:hover path,.social-link-inline a.active path{fill:#fff;} /** ######### GDPR ##############***/ .gdpr-info{padding:10px 16px; background:#2d1846; color:#fff; line-height:20px; font-size:13px; position: fixed; bottom: -103%; transition:all 0.5s; width: 100%; z-index:10000;} .gdpr-info.open{bottom:0;} .gdpr-info.open.gclose{bottom:-103%;} .gdpr-info .underline{text-decoration:underline; color:#fff; text-underline-offset: 2px; text-decoration-thickness: 1px;} .gdpr-btn{background-color: #ffffff; color:#212121;} /** ######### /GDPR ##############***/ /*--- Login Signup Sociable --- */ .login-signup-sociable p { margin-bottom:24px; display:flex;} .login-signup-sociable p span { vertical-align:top; display:inline-block; padding-top:6px; width:116px; } .login-signup-sociable p a {background: #fff; display:flex; margin-right:12px; width:32px; height:32px; text-align:center; line-height:29px; vertical-align:top; align-items:center; padding: 6px; border-radius: 3px; border: solid 1px #eeeeee;} .login-signup-sociable p a img,.login-signup-sociable p a svg{margin:auto;} /*.login-signup-sociable p a.linkedin { background:#0077b5;} .login-signup-sociable p a.facebook { background:#507cc0; } .login-signup-sociable p a.google { background:#f8f9fa; border:1px solid #4285f4; line-height:29px; } .login-signup-sociable p a.github { background:#3b4146; }*/ .input-block .input{position: relative;} .input-block .input-ctrl{background:none; border-radius: 3px; transition:all 0.20s; height:40px; width: 100%; transition: all 0.5s; box-shadow:none; outline:none;} .input-block .input .msg{position: absolute; top:50%; left: 13px; transform: translate(0,-50%); font-size:14px; transition:all 0.20s; pointer-events: none; color:#9aa0a6;} .input-block .input.active .msg{font-size: 12px; color:#d7263d; transform: translate(-5px, -28px); display: inline-block; background: #fff; padding: 0 5px; line-height: 14px;} .gcp-sign-section .form1 .form-control:hover,.gcp-sign-section .select select:hover,.gcp-sign-section ul.token-input-list-facebook:hover{border-color:#5f6367;} .gcp-sign-section .input-block div.input.active .input-ctrl,.input-block div.input.active .input-ctrl,.input-block div.input.active ul.token-input-list-facebook{border-color:#d7263d; border-width:2px;} .gcp-sign-section .select:after{border-radius: 6px;} .gcp-sign-section .login-signup-sociable p a{margin-right: 8px;} .gcp-module .login-signup-sociable p{margin-bottom: 0;} .gcp-module .form1 ul{padding-left: 0; width: 100%;} .gcp-module .form1 li{list-style-type:none; } .gcp-module .form1 .select select{padding-left: 12px;} .signupwrap ol{padding-left: 15px;} .signupwrap li{margin-bottom:8px;} #login-tabcontent .tab-pane{padding:32px 0;} .signuptab,.signuptab a.nav-link{position: relative;color: #757575; border: none;} .signuptab::after{border-bottom: solid 2px #eee; content: ""; position: absolute; bottom: 0; left: 0; right: 0;} .signuptab a.nav-link.active:after{content: ""; position: absolute; left: 0px; right: 0; bottom: 1px; height: 2px; background: #ea4335; z-index:2;} .signuptab a.nav-link{padding: 20px;} .signuptab a.nav-link.active{border: none; color:#ea4335;} /** Sign up module **/ /**########## Faq Bar ############*/ .fb_iframe_widget{margin:auto;} .fb-page{padding-right:10px;} .faqbar{border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);} .faqbar > label{font-weight:500; color:#202124;} .faqbar > label,.faqbar > .hiddenctrl{display: block; padding: 24px; background-color: #fff; border-radius: 3px; position: relative; margin-bottom: 0;} .faqbar > label:after{content:""; position: absolute; width:0; height: 0; border:solid 5px transparent; border-bottom:none; border-top-color:#202124; right: 24px; top: 50%; margin-top: -2px; transition: all 0.20s;} .faqbar > label:after{content:""; position: absolute; width:0; height: 0; border:solid 5px transparent; border-bottom:none; border-top-color:#202124; right: 24px; top: 50%; margin-top: -2px; transition: all 0.20s;} input.popupinput + .faqbar > .hiddenctrl.slide{max-height: 0; transition:all 0.5s; overflow: hidden; display:block; padding:0 24px;} input.popupinput:checked + .faqbar > .hiddenctrl.slide{max-height: 450px; overflow: auto;} .bottom.quatersection{background-position: right bottom;position: relative;} .bottom.quatersection:after{background: url(https://www.techgig.com/files/contest_upload_files//main-banner-cloud-bottom.png) no-repeat top right;content:"";position: absolute;left:0;top:0;transform: rotate(180deg);height: 400px;right: 0;} .bottom.quatersection.nobg{background :none ;} .rules{background :url(https://www.techgig.com/files/contest_upload_files//rules-bg.png) no-repeat bottom left;} .bottom.quatersection .bannerwrap{position: relative; z-index: 2;} .community-form input[type="text"]{height:48px;} /*.schedule-banner{background :url(https://www.techgig.com/files/contest_upload_files//schedule-banner.png) no-repeat top right;}*/ .schedule-banner{background :url(https://www.techgig.com/files/contest_upload_files/schedule-banner.png) no-repeat top right;} .schedule-wrap{background: #fff; border-radius: 3px; border: solid 1px rgba(154, 160, 166, 0.3); margin-bottom: 16px;} .schedule-wrap.mrgb4{margin-bottom: 4px;} .icon{width: 16px; height: 16px; background: url(https://www.techgig.com/files/contest_upload_files/schedule-sprite.png) no-repeat 0 0;} .star{background-position: -99px 0px;} .cbm{background-position: -74px -1px;} .quest{background-position: -55px 0px;} .certificate{background-position: -35px 0px;} .cct{background-position: -17px 0px;} .hhct{background-position: 2px 0px;} .pic1{width: 152px;height: 122px;background-position: 0px -28px;display: inline-block;position: absolute;top: 90px;left: -39px;} .pic2{top:149px;right: 0px; left:auto; height:166px; background-position: right -158px;} .img32{border-radius: 50%; width:32px; height: 32px;} .icon-info{width: 16px;height: 16px;background-color: #de8927;color:#fff;border-radius: 50%;line-height: 1;display: inline-flex;align-items: center;justify-content: center;font-size: 10px;} .icon-info.white{width: 14px; height: 14px; background: #fff; border:solid 1px #bdbdbd; color:#bdbdbd;} .icon-info.info{transform: rotate(180deg);} .icon-error{width: 12px;height: 12px; color:#d7263d; border: solid 1px #d7263d; font-weight: 600; border-radius: 50%; line-height: 1;display: inline-flex;align-items: center;justify-content: center;font-size: 10px;} .tooltip .arrow:after{content: none;} .cusinput .select2-container{width: 100% !important;} .leaderboardtab > li a{color:#424242; position: relative;} .leaderboardtab a.active{color:#d7263d; cursor: default; pointer-events: none;} .leaderboardtab a.active:after{position: absolute; left:0; right:0; bottom: -19px; border-bottom: solid 2px #d7263d; content: "";} .slickslider .slick-track{margin-left: 0; margin-right: 0;} .blogheading{word-break: break-word;} .bloglisting{min-height: 400px;} .uploadbtn{overflow: hidden; border: none;} .uploadbtn i{font-size: 48px; color:#202124;} .uploadbtn input[type=file]{opacity: 0;} .mobileham{display: none;} .winnerrow{padding:0 16px; width: 20%; text-align: center;} .pprofile{position: absolute; top:0; left:0; right:0; bottom: 0;} .pprofile[href=""]{position: static;} .blkrow td{border-top:solid 1px rgba(154, 160, 166, 0.3); border-bottom:solid 1px rgba(154, 160, 166, 0.3); padding-top:16px; padding-bottom:16px; vertical-align: middle; background: #fff;;} .tmpclass{padding-right:1px;} .table td.nodata{padding: 0; line-height: 0; margin: 0; font-size: 0; height: 16px;} .blkrow td:first-child{border-left:solid 1px rgba(154, 160, 166, 0.3);} .table tr.blkrow td:last-child{border-right:solid 1px rgba(154, 160, 166, 0.3);} .activity-slider .cuspoints .eventlist-block:nth-child(8) > i{background: url("https://www.techgig.com/files/contest_upload_files/winnertrophy-170320-2.gif") no-repeat center; width:60px; height:60px; margin-top: -56px; margin-right: -17px; border-radius: 0; background-size: 100%;} .activity-slider .cuspoints .eventlist-block:nth-child(8) > i:after{content: ""; width: 140px; display: block; white-space: normal; left: auto; text-align: right; right: 0; transform: none; top:-43px; position: absolute;font-style: normal; color: #59c082; font-size: 14px; font-weight: bold;} .activity-slider .cuspoints .eventlist-block:nth-child(8) > i:before{content: "Cloud DevJam Champions"; width: 200px; display: block; white-space: normal; top: -23px; right:0; text-align: right;position: absolute; font-style: normal; color: #59c082; font-size: 14px; font-weight: bold;} /***######## Google Champ *****/ #googlechamp:checked + .googlechamp{right:0;} #google_notification_block:checked + .googlechamp{right:0;} .googlechamp{width: 600px; padding: 16px; border-bottom-left-radius: 6px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); background: #fff; position: fixed; right:-600px; bottom: 40px; z-index: 104; transition:right 0.5s;} .star-icon{display: flex; height: 40px; width: 40px; position: absolute; left: -40px; background: #fff; top: 0px; border-top-left-radius: 6px;border-bottom-left-radius: 6px;align-items: center;justify-content: center;box-shadow: -4px 1px 5px 0px rgba(0, 0, 0, 0.1); margin-bottom: 0; cursor: pointer;} /***#####################*/ .studentform{padding: 33px 80px 41px 30px; border-radius: 6px; border: solid 1px #eeeeee; background-color: #fafafa; margin-top:40px;} .footer{box-shadow: 0 -1px 0 0 #eeeeee; padding: 24px 0; background: #fff; position: relative; z-index: 6;} .footer .lnk a{color: #212121;} .footer .lnk a:hover{color:#ea4335} .footer .followbar{border-top: solid 1px #eeeeee; margin-top: 16px; padding-top: 16px;} .ctrlcenter.space-top{align-self: start; align-items: start;} .champion-section{margin-top:-1px;} .article-footerctrl > div{position: absolute; bottom: 0; left: 0; right: 0;} .questfoot{background-color: #f1f3f4; color:#5f6367; font-size: 12px; border-color:#f1f3f4;} div.chosen-container-single .chosen-single,div.chosen-container-active.chosen-with-drop .chosen-single{background: transparent; height: auto; padding: 6px 12px; border-color:#e5e5e5;box-shadow: none;border-radius: 3px;} #gcp_formquest_step_form ::placeholder,#gcp_formquest_step_form .form-control{font-size:14px} #quickprocess .value{line-height: 13px; margin-top: 17px;color:#8a858d;} #quickprocess .value #timer{font-size: 21px; color:#212121;} .headerlink {background: #424242; color: #c2c2c2; font-size: 14px;} .topnavbar > li.fctrl{display:flex; padding: 8px 0;} .topnavbar > li.fctrl > a{align-self: center; color: #757575;} .topnavbar > li.fctrl strong{color: #212121; font-size: 16px;} .topnavbar > li.fctrl .avatar-pic img{width:24px; height: 24px;} /** Walkover ***/ ._overlay{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; z-index: 2;} #popoverlay-wrapid:checked + .popoverlay-wrap + .inactiveaction .circle,#guide-intro:checked + .popoverlay-wrap + .inactiveaction ul li a:before{z-index:3;} .popoverlay-wrap{position:absolute; top:0; left:0; right:0; bottom:0; z-index:105;} .popoverlay-wrap:after {content: ""; background: rgba(0,0,0,0.6); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;} .popoverlay-wrap .msg{position: relative; z-index: 2; background: #fff; margin-left: -520px; width: 400px; padding: 24px; border-radius: 6px; text-align: center;} .popoverlay-wrap .group-circle {content: ""; background-color: #f2f2f2; width: 450px; height: 450px; position: absolute; border-radius: 50%; z-index: 2; right: -54px; margin-top: -117px;} .popoverlay-wrap .arrow-guide{background: url(https://static.techgig.com/Themes/Release/images/guide-arrow.png); width: 121px; height: 42px; z-index: 2; position: absolute; left: 0; top: 0px;} .popoverlay-wrap .content-grp{text-align:center; background: #fff; padding: 24px; border-radius: 6px;} .content-grp h5{margin-bottom:12px;} .popoverlay-wrap .pointer{display: inline-block; cursor:pointer; width: 16px; margin-right:8px; height: 16px; background: #f2f2f2; border-radius: 50%; border: solid 1px #dadada;} .popoverlay-wrap .pointer.current{cursor:default;} .popoverlay-wrap .current{background:#d7263d; border-color:#d7263d;} .popoverlay-wrap .skip{color:#8a858d; text-decoration:none;} .popoverlay-wrap .nxt{color:#424242; cursor:pointer; text-decoration: underline; margin-bottom: 0;} .overlay-open{overflow: hidden;} .pageheader{padding-bottom: 19px;} .overlaycont{position: relative; height: 100%;} body.info2-blk .info2-blk,body.info3-blk .info3-blk,body.info4-blk .info4-blk,body.info5-blk .info5-blk,body.info6-blk .info5-blk{z-index: 106; position: relative;} ._overlay.info2{top: 160px;left: 40%;} ._overlay.info2 .arrow-guide{left: -111px; top: auto; transform: rotate3d(11, 101, 21, 163deg); bottom: 25px;} ._overlay.info3{top: 120px; left: 32%;} ._overlay.info3 .arrow-guide{left: 76%; bottom: 7px; transform: rotate(-268deg); top: auto; z-index: 1;} ._overlay.info4{top: 227px; left: 53%;} ._overlay.info4 .arrow-guide{right: -109px; top: 0; left: auto; transform: rotate(-13deg);} ._overlay.info5{top: 297px;} ._overlay.info5 .arrow-guide{left: -80px; top: -59px; transform: rotate(-121deg);} ._overlay.info5 .arrow-guide1{left: 0%;bottom: -90px;top: auto;transform: rotate(99deg);} ._overlay.info6{top: 297px;} ._overlay.info6 .arrow-guide{left: 60px; top: -57px; transform: rotate(-112deg);} body.info4-blk .info4-blk:after {content: "";width: 260px;position: absolute;background: #fff;height: 138px;border-radius: 50%;left: -37px; top:-18px;} body.info4-blk .info4-blk > * {position: relative; z-index: 1;} body.info5-blk .info5-blk:after,body.info6-blk .info5-blk:after{content: "";width: 164px;position: absolute;background: #fff;height: 69px;border-radius: 50%;left: 417px;top: 0;z-index: 107;} body.info5-blk .info5-blk .headernav li:nth-child(3),body.info6-blk .info5-blk .headernav li:nth-child(4){position: relative; z-index:108;} body.info5-blk .info5-blk:before,body.info6-blk .info5-blk:before {content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background: rgba(0,0,0,0.55); z-index: 2;} #gcpformblk img{vertical-align: initial;} .alignmiddle{align-self: center; color:#fff;} .alignmiddle h3{color: #fff;} body.info6-blk .info5-blk:after{left: 510px;} /** ./Walkover ***/ .skillh{height:48px} .bookmark-icon:hover .bookmark-fill, .bookmark-icon.active .bookmark-fill {fill: #feb95f;} .bookmark-icon:hover .bookmark-plus, .bookmark-icon.active .bookmark-plus {fill: #ffffff;} .select2-container .select2-selection--single{height:40px; font-size:14px;} ._search .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 35px; padding-right: 0;} ._search .select2-selection__arrow{display:none;} ._search .select2-results,.select2-results__option{font-size: 14px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 35px;} #gcpformblk .material-icons._icon{font-size:15px; line-height: 15px;} .select2-container .select2-selection--single{border-color:#ced4da; border-width: 1px;} .halfbar .hhead{text-transform: uppercase; font-weight: 500; font-family: 'Product_SansM';} .boxblock{border: 1px solid #EEEEEE; border-radius: 6px; margin: 16px; height: 500px; overflow: hidden;} .box-card{background: url(https://www.techgig.com/files/contest_upload_files/box-card-240521.svg) no-repeat bottom right; border: 1px solid #EEEEEE; min-height: 160px; border-radius: 6px; padding: 20px; position: relative; margin-bottom: 8px; margin:4px;} .box-card.winner{background:url(https://www.techgig.com/files/contest_upload_files/winner-card-250521.png) no-repeat 0 0; background-size:100%; margin-top: 16px;} .pos_w1{color: #4285F4; font-size: 16px; line-height: 10px; text-align: center;} .pos_w1.w2{color: #EA4335;} .pos_w1.w3{color: #FBBC05;} .pos_w1.w4{color: #BDBDBD;} .grrentext{color:#32BD6B} .box-card footer{left: 0; right: 0; width: 100%; padding: 20px;} .winnerlist{border: 1px solid #EEEEEE; border-radius: 6px; padding:16px 12px; padding-right: 16px; margin-top: 16px;} .locationimg,.box-card footer{position: absolute; left: 0px; bottom: 0px;} .locationimg{left: auto; right: 8px; bottom: 18px;} .sponcors-section{padding: 30px; border-top: solid 1px #eee;} .sponcors-section .imgwrp{border: 1px solid #EEEEEE; padding: 6px; margin-bottom: 6px; height: 45px; display: flex; align-items: center; justify-content: center;} .sponcors-section .imgwrp img{max-width: 100%; max-height: 100%; margin: auto;} /* ========================================================================== New Discussion Forum ========================================================================== */ /*--- nicEdit --- */ #discussion-forum .intiate-question > ul{padding: 16px 8px ; border: 1px solid #EEEEEE; border-radius: 6px; list-style-type: none;} .nicEdit-panelContain { border:1px solid #ccc !important; background-color:#f8f8f8 !important; border-radius:6px 6px 0 0;} .nicEdit-panelContain .nicEdit-panel { margin:2px 2px 4px !important; padding:4px !important} .nicEdit-button { background-color:#f8f8f8 !important;} .nicEdit-button-undefined { border-color:#f8f8f8 !important;} #discussionid:checked + #discussion-forum #_discussion-forum .content .intiate-question + .comment-section,#discussionid:checked + #discussion-forum #_discussion-forum .disc-wrapid,.intiate-question{display: none;} #discussionid:checked + #discussion-forum #_discussion-forum .content .intiate-question{display: block;} .disc-wrapid{margin-bottom: 24px;} .intiate-question ._niceditor > div{width: 100% !important;} .intiate-question ._niceditor .nicEdit-main{width: calc(100% - 8px) !important; height: calc(150px - 16px); outline: none;} .invite-c-sec + .user-comment-txt-reply{font-size: 16px;} .loadmorecontent{background: #fff; line-height: 30px; text-align: center; padding-top: 8px;} #discussion-forum ul li .loadmorecontent::before{content: "";position: absolute;left: -30px;right: -30px;bottom: -8px;top: 0;background: #fff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;} .loadmorecontent a{position: relative; padding-right: 16px; display: inline-block; margin: auto;} .loadmorecontent a::after{content: "";position: absolute;top: 50%;right: 0;border-left: solid 1px #ea4335;height: 7px;width: 7px;transform: rotate(225deg);margin-top: -5px;border-top: solid 1px #ea4335;} /*.liststyleslide button.slick-next.slick-disabled,.liststyleslide button.slick-prev.slick-disabled{opacity: 0;}*/ .nicEdit-button {background-color:rgb(239, 239, 239);} #discussion-forum #change-criteria-comment{padding: 9px 12px; padding-left: 4px; box-shadow: none;line-height: 22px;color: #212121;font-weight: 600;outline: none;min-width: 110px; border: solid 1px #EEEEEE; margin-left: -3px;border-top: none;margin-top: 0px;border-top-right-radius: 0;border-top-left-radius: 0;} .gcp-customdrop > .dropdown-toggle#track_list{width: 100%;} .btn.dropdown-toggle:focus,.btn.dropdown-toggle:hover{outline: none;} #_discussion-forum textarea,#_discussion-forum .nicEdit-main {outline: none;} #discussion-forum #gcpdisc_header .button1{line-height: 26px;} .searchctrl-center{background-color: #F5F5F5; border-radius: 3px; position: relative; display: block;} .searchctrl-center .form-control{border-color:transparent; background: transparent; padding-left: 32px;} .searchctrl-center .i_icon{position: absolute; left: 10px; top:50%; margin-top: -11px; pointer-events: none;} #discussion-forum .sortdiv{border: 1px solid #EEEEEE; border-radius: 3px; display: flex; align-items: center; padding:0 12px; font-size: 12px;} #discussion-forum ul{padding-left:0;} #discussion-forum .refresh-btn { background:url(https://static.techgig.com/Themes/Release/images/tg_images_new/sprites.svg) -128px -152px no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-left:8px;} #discussion-forum header{margin-bottom: 28px; display: block; justify-content: space-between; width: 100%; align-content: space-between; flex: 0 0 100%;} #discussion-forum header:after{content:none} #discussion-forum header h4 { float:left; margin-bottom:0; line-height:36px;} #discussion-forum header p {margin-bottom:0;} .extra-small-view #discussion-forum header p, .extra-small-view #discussion-forum header h3 { float:none;} .extra-small-view #discussion-forum header p { padding-top:8px;} #discussion-forum header label.btn{color: #fff;} #discussion-forum header label:not(.lblctrl) { float:left; margin-right:8px; color:#424242; line-height:33px;} #discussion-forum header .select{ float:left; width:auto; min-width:122px;} #discussion-forum .image-holder {float:left; margin-bottom: 0; margin-right: 16px;} #discussion-forum .image-holder img { width:36px; height:36px; border-radius:50%; } #discussion-forum .user-comment{font-size:14px;} #discussion-forum .user-comment .common-dropdown a{color: #424242;} #discussion-forum .user-comment .common-dropdown a:hover{color: #ea4335;} #discussion-forum .user-comment table { width:100% !important; } #discussion-forum .user-comment.disabled { opacity:0.5;} #contest-description #discussion-forum ul.comment-section > li:before, #content .inner-content #discussion-forum ul.comment-section > li:before, .box-default1 #discussion-forum ul.comment-section > li:before, .inner-coding-area #discussion-forum ul.comment-section > li:before {background:#ffffff;} #discussion-forum ul.comment-section > li:last-child{margin-bottom:0;} #discussion-forum .editor-block { position:relative;} #discussion-forum .editor-block p { margin-bottom:0; text-align: right;} #discussion-forum .editor-block p .nicEdit-main{text-align: left;} #discussion-forum .code-icon { position:absolute; left:110px; width:24px; height:24px; top:7px; background:url(https://static.techgig.com/Themes/Release/images/tg_images_new/sprites.svg) -248px -180px no-repeat; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; opacity:0.7;} #discussion-forum .editor-block p > div:nth-child(2n) { border-radius:0 0 6px 6px;} #discussion-forum .code-icon:hover { opacity:1;} #discussion-forum ul li { position:relative; margin-bottom:24px; padding-bottom: 0px;} #discussion-forum ul li:last-child{margin-bottom: 0;} #discussion-forum ul li:last-child .user-comment,#discussion-forum ul li:last-child .user-comment-txt-reply{padding-bottom: 0; border-bottom: none;} #discussion-forum #more_comment_link { margin-top:30px; } #discussion-forum .comment-section{padding-left: 0; list-style-type: none;} #discussion-forum .user-main-comment li { padding-left:0px; } #discussion-forum .user-main-comment .user-comment{ border:0;} #discussion-forum .user-main-comment li:before, .invite-c-sec{ display:none; } .invite-c-sec{border-bottom: solid 1px #eee; padding-bottom: 16px; margin-bottom: 16px;} #discussion-forum h5 { margin-bottom:6px; font-size:14px;} #discussion-forum h5 a{font-weight: 600;} #discussion-forum h5 .time { font-weight:normal; color:#8a858d; margin-left:8px;} #discussion-forum h5 .reply-to { font-weight:normal; color:#8a858d; margin-left:4px; margin-right:4px;} #discussion-forum h5 .reply-to .icon { width:16px; height:16px; display:inline-block; background:url(https://static.techgig.com/Themes/Release/images/tg_images_new/sprites.svg) -348px -185px no-repeat; vertical-align:middle; margin-right:2px;} #discussion-forum .comment-box p { margin-bottom:0;} #discussion-forum .comment-box p { margin-bottom:0;} #discussion-forum .footer-links { margin:0; text-align:right; display:none; padding-top:16px;} #discussion-forum .footer-links .btn { float:right; margin-left:16px;} #discussion-forum .footer-links .cancel {line-height:30px;} #discussion-forum .footer-links .add-reply { min-width:120px; margin-left:12px;} #discussion-forum .user-area-comment{border-top:1px solid #EEEEEE; font-size:14px; color:#8a858d; line-height:16px; width:100%; overflow:hidden; padding-top: 8px; margin-top: 8px; margin-bottom: 12px;} #discussion-forum .user-area-comment .icon {width:24px; height:24px; background:#F5F5F5; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;} #discussion-forum .user-area-comment .icon.like-comments{transform: rotate(180deg);} #discussion-forum .user-comment li { font-size:14px; color:#424242; line-height:20px; margin-bottom:8px;} #discussion-forum .user-comment li:last-child { margin-bottom:0;} #discussion-forum .user-comment .user-controls { float:right; position:relative;} #discussion-forum .user-comment .common-dropdown .icon { float:none; margin-left:8px;} #discussion-forum .user-comment .common-dropdown .dropdown-menu { top:32px; min-width:202px; } #discussion-forum .user-comment .common-dropdown .dropdown-menu li{padding:0 8px} #discussion-forum .user-comment .user-controls .dropdown-toggle { width:32px; height:32px; padding:0; margin:0; display:block; text-align:center; background:none; line-height:32px; border:0; margin:-8px -8px 0 0;} #discussion-forum .user-comment .user-controls .dropdown-toggle svg { vertical-align:middle; } #discussion-forum .user-comment .user-controls .dropdown-toggle:hover svg g { fill:#d7263d;} #discussion-forum .user-comment .user-controls.open .dropdown-toggle svg g { fill:#d7263d;} #discussion-forum .user-comment .user-controls.open .dropdown-toggle { background:#f2f2f2;} .discussion-counter a{color: #757575;} .discussion-counter a.show-replies.active{color: #ea4335;} .dis-trend{color:#34A853; padding: 4px 8px; background-color: #EFFAF2; border-radius: 2px; font-size: 10px; text-transform: uppercase; line-height: 10px;} #discussion-forum .user-area-comment a:first-child, #discussion-forum .user-area-comment a.edit-comment-reply { margin-left:0px; } #discussion-forum .box { position:relative; margin-top:24px; margin-bottom: 16px;} #discussion-forum .nicEdit-button-undefined { border:none !important; background-color:#f8f8f8 !important;} #discussion-forum .nicEdit-panel div[unselectable="on"] { margin-right:3px;} #discussion-forum .editor-block p > div { width:100% !important;} #discussion-forum .box p > div { width:100% !important; } #discussion-forum ul li ul {list-style-type: none;} #discussion-forum ul.comment-section > li > ul.subcomment-section:empty{display: none !important;} #discussion-forum ul.comment-section > li > ul.subcomment-section{background-color: #FAFAFA; border-top: 1px solid #EEEEEE; padding: 30px; padding-bottom:8px; margin-left: -16px; margin-right: -16px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #discussion-forum ul.comment-section > li > ul.subcomment-section .user-area-comment{border: none; display: none;} #discussion-forum ul li ul ul ul ul ul { margin-left:0;} #discussion-forum ul li ul li .image-holder img { width:32px; height:32px;} #discussion-forum ul li ul li .user-comment { margin-left:47px; font-size:14px; } #discussion-forum .editor-actions { display:none; margin-bottom:0; padding-top:16px;} #discussion-forum .editor-actions .post-comment { min-width:120px;} #discussion-forum .editor-actions .error_msg { line-height:28px;} #discussion-forum .dropdown-toggle::after{ content: none;} #discussion-forum .user-controls .dropdown-menu{left:auto !important; right:-8px !important; transform: translate3d(0px, 24px, 0px) !important;} #discussion-forum .user-comment-txt { margin-bottom:8px;word-wrap: break-word;} #discussion-forum .hide-replies, #discussion-forum .view-all-replies { margin-left:0; display:none; margin-top:16px;} #discussion-forum .hide-replies .icon { width:16px; height:16px; display:inline-block; background:url(https://static.techgig.com/Themes/Release/images/tg_images_new/sprites.svg) -176px -216px no-repeat; vertical-align:middle; margin-left:3px;} #discussion-forum .view-all-replies .icon { width:16px; height:16px; display:inline-block; background:url(https://static.techgig.com/Themes/Release/images/tg_images_new/sprites.svg) -216px -216px no-repeat; vertical-align:middle; margin-left:3px;} #discussion-forum .nw-lbl.success{font-weight: bold; padding: 3px 4px; text-transform: uppercase; border-radius: 2px; margin-left: 2px;} .cmpname .tooltip-inner{max-width: 300px; text-align: left; padding:10px} .your-test-url.bgfff .copy-url:before{background-color: #f7f7f7; padding-right:8px;} .share-section .copy-url{position: relative; display:flex; justify-content: center; line-height: 22px;} .share-section .copy-url:before {content: attr(data-baseurl);color: #8a858d;display: inline-block;text-align: left;padding: 12px;padding-right: 0;position: relative; background: #fff; border: solid 1px #f2f2f2;border-right: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px;width: calc(100% - 62px); padding-left: 51px;} .share-section .copy-url:after{content: "";background: url(https://www.techgig.com/files/contest_upload_files/attachment-icon220321.svg) no-repeat 12px 9px;position: absolute;width: 40px;left: 0;top: 8px;bottom: 8px;border-right: solid 1px #f2f2f2;} .copy-url input[type="text"] {background: #ffffff; border: #f2f2f2 solid 1px; padding: 12px; color: #424242; font-size: 14px; border-left: none; padding-left: 0; border-radius: 0;} .share-section .copy-url input[type="submit"]{border-radius: 0 3px 3px 0; cursor: pointer; padding-left: 8px; padding-right: 8px; width: 62px; background: transparent; outline: none; border: #f2f2f2 solid 1px; font-weight: bold; font-family: 'Product_SansB'; color: #d7263d; border-left: none;} .share-section .copy-url input[type="submit"].copied{color: #34a853;} .common-message-box{z-index: 1051;} .your-test-url {background: #fafafa; border-radius: 3px;} .share-section .your-test-url,.your-test-url.bgfff{background-color:#fff;} .your-test-url.bgfff .copy-url:before{background-color: #f7f7f7; padding-right:8px;} .copy-url {position: relative; display: inline-flex; justify-content: center; width: 100%;} .copy-url:before {content: attr(data-baseurl);color: #8a858d;display: inline-block;text-align: left;padding: 12px;padding-right: 0;position: relative;background: #fff;border: solid 1px #f2f2f2;border-right: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px;width: calc(100% - 50px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .copy-url input[type="text"] {background: #ffffff; border: #f2f2f2 solid 1px; padding: 12px; color: #424242; font-size: 14px; border-left: none; padding-left: 0; border-radius: 0;} .copy-url input[type="submit"] {border: solid 1px #26d974; width: 50px; border-radius: 0 3px 3px 0; background-image: url(https://www.techgig.com/files/contest_upload_files/submit-icon-140220.png); cursor: pointer; background-color: #26d974; background-repeat: no-repeat; background-position: center;} .share-section-popup .copy-url input[type="submit"]{background-color: #ea4335; border-color:#ea4335;} .gcp-quicklab-code{padding-top:8px; padding-bottom: 16px;} .gcp-quicklab-code .copy-url:before{font-size: 12px; padding: 6px 12px;background-color: #FFFAEB; border: 1px dashed #FBBC05; width: calc(100% - 32px); color:#212121;} .gcp-quicklab-code .copy-url{width: auto;} .gcp-quicklab-code input[type="submit"]{width: 32px;} .\:modalwrap .\:modalwrap-content.wd595{width:595px;} .main-banner.refernwin{background-image:url(https://www.techgig.com/files/contest_upload_files/refernwinbg-150620.svg);} .refernwin h3{color:#424242; font-weight: normal;} .socialbtn .btn{padding:9px 12px; background-color: #1654ae; color:#fff; text-align: center; margin-bottom: 8px; margin-right:8px;} .socialbtn .btn > img{width:20px; height:20px; max-width:100%; max-height:100%; margin:auto;} .socialbtn .btn.tw{background-color: #00bcff;} .socialbtn .btn.lnk{background-color: #0079c9;} .socialbtn .btn.whs{background-color: #00d858;} .cathead{color: #4285F4; margin-bottom: 8px;} #discussionid + .write-discussion,#discussionid:checked + .write-discussion + .display-discussion{display: none;} .comment-section > .append-first-comment{border: 1px solid #EEEEEE; border-radius: 6px; padding:16px; background: #fff; padding-bottom:0px; position: relative; word-break: break-word;} .comment-section > .append-first-comment:hover{box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.06);} .pinned-sec{background-color: #F5F5F5; border-radius: 3px; width: 32px; height: 32px; position: absolute; top: 10px; right: 10px; display: inline-flex; align-items: center; justify-content: center;} .pinned-sec.active{background-color: #FDEEED;} .pinned-sec.active svg path{fill: #EA4335;} #discussion-forum .user-area-comment .like-comments-btn.active i{background-color:#59C082;} #discussion-forum .user-area-comment .unlike-comments-btn.active i path,#discussion-forum .user-area-comment .like-comments-btn.active i path,#discussion-forum .user-area-comment .add-comment:hover i path,#discussion-forum .user-area-comment .add-comment.active i path{fill: #fff;} #discussion-forum .user-area-comment .unlike-comments-btn.active i,#discussion-forum .user-area-comment .add-comment:hover i,#discussion-forum .user-area-comment .add-comment.active i{background-color:#F55454;} #discussion-forum .user-area-comment .add-comment:hover{color: #f55454; text-decoration:underline;} .gcptags:hover,.gcptags.active{border-color: #212121; background-color: #212121; color:#fff;} .gcptags{border: solid 1px #999999; border-radius: 16px; padding:5px 20px; margin: 0 8px; text-align: center; display:block; color:#666; background-color: #fafafa;} /*** Certificate *******/ .certificate_wrap h3{padding-top: 0;} .google_certificate.webinar{position: absolute; top: 30px; left: 35px; right: 42px; text-align:center; height:506px; word-break: break-word;} .google_certificate.webinar .contentwrap{padding-top: 120px;} .google_certificate.webinar .contentwrap .heading{font-size: 40px; text-transform: uppercase; font-weight: bold; margin-top: 12px; margin-bottom: 8px;} .google_certificate.webinar .contentwrap .heading.wd30{font-size: 20px;} .google_certificate.webinar .contentwrap .heading.wd60{font-size: 30px;} .google_certificate.webinar .contentwrap .heading.wd40{font-size: 25px;} .google_certificate.webinar .sponcer-head{line-height: 35px; margin-bottom: 8px;} .google_certificate.webinar .sponcer-head strong{border-bottom: dashed 1px #4a4a4a; display: inline-block;} .google_certificate.webinar .topic{margin-top: 4px;} .google_certificate.webinar .footer_block{position: absolute; bottom: 0px; text-align: left; color:#252629;} .certificate-dropdown > .dropdown-toggle{border-radius: 3px; border: solid 1px #424242; background-color: #fff; display: inline-block; padding: 5px 12px; color: #424242; font-size: 14px;} .certificate-dropdown > .dropdown-menu{padding:0;} .certificate-dropdown .dropdown-item{padding: 9px 16px;} .certificate-dropdown .dropdown-item + .dropdown-item{border-top: solid 1px #e9e9e9;} .certificate-dropdown.show > .dropdown-toggle{background-color: #212121; border: solid 1px #212121; color: #fff;} .certificate-dropdown .dropdown-toggle::after {float: right; margin-top: 11px;} .urlcopied .form-control{border-radius: 3px; border: solid 1px #f2f2f2; background-color: #f7f7f7;box-shadow: none; height: 40px;outline: none;} .urlcopied .input-group-addon{border-radius: 3px; background-color: #212121; position:relative;width: 40px;} .urlcopied .input-group-addon:after,.urlcopied .input-group-addon:before{width:11px; height:11px; border:solid 1px #f7f7f7; content:""; position:absolute; top:50%; left:50%; margin-left:-6px; margin-top:-6px; } .urlcopied .input-group-addon:before{margin-left:-3px; margin-top:-3px; background:#212121; z-index:1;} /************************/ .sociable-sharelist{display:flex; flex-flow:row wrap; flex:1;} .sociable-sharelist a:first-child{border-top-left-radius: 6px; border-bottom-left-radius: 6px;} .sociable-sharelist a:last-child{border-top-right-radius: 6px; border-bottom-right-radius: 6px;} .sociable-sharelist a{display: flex; flex:1; height:40px;} .sociable-sharelist a.facebook{background-color: #1654ae;} .sociable-sharelist a.twitter{background-color: #00bcff;} .sociable-sharelist a.linkedin{background-color: #0079c9;} .sociable-sharelist a.google-plus{background-color: #00d858;} /*--- Engage Box --- */ .engage-box { background:#fff; min-height:205px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:16px; border-radius:6px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .engage-box .same-space,.engage-leaderboard{height:auto;} .engage-box > a { text-decoration:none;} .engage-box:last-child { margin-bottom:0;} .engage-box header { padding:13px 10px 2px 16px; height:84px; border-radius:5px 5px 0 0; position:relative;} .engage-box .same-space{padding-right:16px;} .engage-box header svg { position:absolute; bottom:0; left:16px;} .engage-box header .icon { float:right; display:block; width:104px; height:72px; line-height:72px; text-align:center;} .engage-box header .icon img { vertical-align:bottom;} .engage-box h3 { padding-top:7px; margin-bottom:0; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .engage-box .content { padding:16px 15px;} .engage-box .content p { margin-bottom:16px;} .certificate-tooltip{will-change: transform; position: absolute; transform: translate3d(-363px, 0px, 0px); top: 0px; left: 0px; z-index: 1;} .certificate-tooltip .arrow{top:29px;} .certificate-tooltip .tooltip-inner{width:350px; max-width:350px; color:#424242; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 16px;text-align: left;} .certificate-tooltip .arrow::before{border-left-color: #fff;} .lockcert{background: url(https://www.techgig.com/files/contest_upload_files/lock-250620.gif); background-position: center center; border-radius: 50%;} .certificate-tooltip.show{opacity:1;} /*--- Table1 --- */ .table1 { width:100%;} .table1-wrap { border: solid 1px #dadada; border-radius: 3px; position:relative; background:#fff; overflow-x: auto;} .table1-wrap .table{margin-bottom:0;} .tblnw > tbody > tr > td,.tblnw > thead > tr > th{padding:10px 16px;} .hackathon-leaderboard .table1-wrap.round{border-radius:6px;} .table1 tr td.text-left, .table1 tr th.text-left { text-align:left;} .table1 th small, .table1 td small { font-size:12px; color:#8c8c8c; font-weight:normal;} .table1 tr td.text-right, .table1 tr th.text-right { text-align:right;} .table1 tr th span.secondary { color:#8a858d; font-weight:normal; line-height:20px; display:block;} .table1 tr th { text-align:center; white-space:nowrap; padding:10px 16px 11px; font-size: 14px; font-weight: 600; line-height:20px; color:#212121; background-color: #f2f2f2; border-bottom: solid 1px #dadada; vertical-align:top;} .table1 tr th:first-child { border-radius:3px 0 0 0;} .table1 tr th:last-child { border-radius:0 3px 0 0;} .table1 tr th small { font-size:10px;} .table1 tr th .select { min-width:100px; max-width:152px; margin:4px auto 0;} .table1 tr th .select select { color:#212121;} .table1 tr td { text-align:center; vertical-align:top; position:relative; padding:10px 16px; font-size:14px; color:#424242; line-height:20px;} .table1 tr:nth-child(2n) { background:#f2f2f2;} .table1 tr:last-child td:first-child { border-radius:0 0 0 3px;} .table1 tr:last-child td:last-child { border-radius:0 0 3px 0;} .table1 tr td h5.less-margin { margin-bottom:4px;} .table1 tr td.name a { color:#424242;} .table1 tr td.down-position .arrow-icon { background-position:-319px -50px;} .table1 tr.passed { background-color:#e7ffec;} .table1 tr td.up-position .arrow-icon { background-position:-344px -49px;} .table1 tr td .my-score { display:inline-block; min-width:50px;} .table1 tr.my-rank td { font-weight:600; background-color:#f7f7f7; border-top:1px solid #dadada; vertical-align:middle;} .table1 tr.bgff td {background-color:#fff; vertical-align:middle; padding-top:15px; padding-bottom:15px;} ._nwfile{background-position:-219px -79px; width: 10px;} .leaderboard-table .table1 tr td { width:130px;} .table1 tr td .view-icon.disabled, .table1 tr td .text-icon.disabled { opacity:0.5;} .table1 tr td .tick-icon.no-space, .table1 tr td .close-icon.no-space { margin-left:0;} .table1 tr .rank, .tab-content .table1 tr .rank { padding-left:28px; width:92px; white-space:nowrap;} .table1 tr .name, .tab-content .table1 tr .name { text-align:left; width:250px; min-width:200px;} .table1 tr td.name img { margin-right:16px; border-radius:50%; width:24px; height:24px;} .table1 tr td.name img.user-pic {width:40px; height:40px;} .table1 tr .size-field {width:120px;} .nav.navleftbar {border-radius: 3px; border: solid 1px #dadada; background-color: #f2f2f2; margin-right:24px;} .nav.navleftbar a {border-radius: 0; color: #424242; border-right: solid 4px transparent; padding: 8px 16px;} .nav.navleftbar a.active {background: #fff; color: #212121; border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; border-left:none; border-right-color: #d7263d; padding: 7px 16px;} .nav.navleftbar a.active:first-child{border-top:none; padding-top: 8px;} .nav.navleftbar a.active:last-child{border-bottom:none; padding-bottom: 8px;} .fixedbottombar{position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: 2; box-shadow: 0 -13px 28px -16px rgba(0, 0, 0, 0.1);} .fixedbottombar .primarycolor{padding: 8px 0; padding-bottom: 4px;} .ind_number{height: 40px; display: block; font-weight: bold; font-size: 20px; text-align: center; line-height: 40px; padding-left: 12px; padding-right: 6px;} .footerwrap .media{border-top:solid 2px #dadada; padding-top:8px; padding-bottom:8px; border-right: solid 1px #dadada; position: relative;} .footerwrap .media.slickcurrent{border-top-color: #d7263d;} /*.footerwrap .slick-current .media::before{height: 2px; background: #d7263d; display: block; line-height: 0; content: ""; position: absolute; left:0; right:0; top:0;}*/ .footerwrap a{color: #424242;} .footerwrap .media:hover a{text-decoration: underline;} .fixedbottombar .posrel.noslide .arrbtn{display: none;} .posrel.noslide .footerwrap{display: flex; flex-flow: row wrap;} .posrel.noslide .footerwrap > div{flex: 1;} .fixedbottombar .prevbtn,.fixedbottombar .nextbtn{position: absolute; left: 10px; top: 50%; margin-top: -22px; z-index: 3;} .fixedbottombar .nextbtn{left: auto; right: 10px;} .leaderboardmnu{width:200px;} .moreoption{white-space:nowrap;} .gcpalert{color:#212121; background:#feb95f; border-color:transparent; border-radius: 0;} .gcpalert .close{padding-top:0;} .nwnavbar{position: relative; z-index: 13;} .headerfixed .nwnavbar{box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); position: relative; z-index: 3;} .table.table2 td{padding:8px; vertical-align: middle; background: #f7f7f7; border-color: transparent;} .table.table2 tr td:first-child{border-top-left-radius: 3px; border-bottom-left-radius: 3px;} .table.table2 tr td:last-child{border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .table.table2 td.nosize{line-height: 0; height: 4px; padding:0; font-size: 0px; background: transparent;} .questrow{background-color: #f7f7f7; padding:8px; margin-bottom: 8px; border-radius: 3px;} /** Bigger than tab Screen **/ .googlechamp .media{max-height: 186px; overflow:hidden; line-height: 23px;} /***####### ICON #######***/ .radio-input i{background: #fff; border-width: 2px;} .checked-icon{height: 9px; width: 4px; display: inline-block; background: none; border-right: solid 1px #dadada; border-bottom: solid 1px #dadada; transform: rotate(41deg); margin-left: 5px;} .circle-checked-icon{width: 12px; height: 12px; background: none; border:solid 1px #212121; border-radius:50%; line-height:10px; display: inline-flex; padding: 1px; justify-content: center; align-items: center; text-align: center; margin-right: 8px; position: relative;} .complete.nav-link .circle-checked-icon{background: #212121;} .complete.nav-link .circle-checked-icon::after{height: 7px;width: 4px;display: inline-block;background: none;border-right: solid 1px #fff;border-bottom: solid 1px #fff;transform: rotate(41deg);margin-left: 1px;color:#fff;content:"";top: 1px;left: 2px;position: absolute;} .circle-plus-icon{width: 36px; height: 36px; border:solid 1px #eee; border-radius: 50%; display: inline-flex; font-size: 22px; color:#757575;justify-content: center; align-items: center; line-height: 22px; transition: all 0.5s; cursor: pointer; margin-bottom: 0;} .circle-plus-icon.square{border-radius: 3px; width: 24px; height: 24px; background: #fff; transition: all 0.25s; font-size: 16px;} .circle-plus-icon.square:hover,.circle-plus-icon:hover{background: #ea4335; color: #fff; border-color: #ea4335;} .inputform:checked + div .circle-plus-icon{transform: rotate(45deg); background: #ea4335; border-color: #ea4335; color: #fff;} .inputform:checked + div .nodisplay{display: block;} /***####### ./ICON #######***/ .strtjourney{padding: 11px 25px; border-radius: 3px; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2); border: solid 1px #ea4335; background-color: #ea4335; position: fixed; bottom: 50px; right: 50px; font-size: 16px; color: #fff; z-index: 5;} .strtjourney:hover{color: #fff;} /***###### Leftbar #########***/ .connectinglist{margin:0; padding:0; list-style-type:none;} .connectinglist li{position:relative; padding-left:20px; padding-bottom:16px;} .connectinglist li .primarycolor{font-weight: 600;} .connectinglist li:before,.connectinglist li:after{content:""; position: absolute; left: 0; top:5px;} .connectinglist li:after{width: 9px; height: 9px; border-radius:50%; background:#e0e0e0; top: 50%; margin-top: -9px;} .connectinglist li.complete:after{background: #59c082; border-color: #59c082;} .connectinglist.toppos li.complete:before{border-top-color: #59c082;} .connectinglist:not(.toppos) li.complete:before{border-left-color: #59c082;} .connectinglist li:before{width: 1px; background:transparent;border-left:dashed 3px #eee; bottom: -5px; left: 4px;} .connectinglist li:last-child:before{bottom: 65%;} .connectinglist li:first-child:before{top: 50%;} .connectinglist li.success:after{background-color:#08d37a; border-color:#08d37a} .connectinglist.toppos li:last-child::before{width:0%;} .lbltag{font-size: 10px;font-family: 'Product_SansM'; font-weight: 500; color: #4285f4; padding: 4px 6px 3px 7px; border-radius: 2px; background-color: #ecf3fe; display: inline-block; margin: auto; text-transform: uppercase; line-height: 13px;} .taggreen{background-color: #effaf2; color: #59c082;} .connectinglist.toppos li .feature-head{padding-left:16px; height: 20px; width: 20px; display: block; position: absolute; top: -36px; left: 50%; margin-left: -8px;} .connectinglist.toppos li .feature-head.badgeicon{background-position: 1px ​2px;} .connectinglist.toppos li .feature-head.certificateicon,.certificateicon{background:url(https://www.techgig.com/files/contest_upload_files/certificate-badge-050221.png) no-repeat 0px 0px; width: 48px; height: 48px; padding-left: 0; margin-left: -24px; top: -66px;} .shactivity{padding-left: 20px; position: relative; color: #424242; margin-bottom: 0;} .shactivity::before{position: absolute; left: 0; top:50%; margin-top: -6px; width: 8px; height: 8px; border-left:solid 1px #ea4335; border-bottom:solid 1px #ea4335; content: ""; transform: rotate(-45deg); color: #424242;} .shactivity_chk:checked + .shactivity::before{ transform: rotate(135deg); margin-top: -4px;} .track.connectinglist li:after{width: 11px; height: 11px; margin-left: -1px; top: 4px; margin-top: 0;} .track.connectinglist li.active i.circle{position: absolute;top: 45%;left: -4px;z-index: 1; background: #59c082;} .track.connectinglist li.active i.circle:after{content:""; opacity: 0; display: inline-block; width: 23px; height: 23px; position: absolute; border-radius: 50%; left: -3px; top: -17px; -webkit-animation-name: _2_cvwV; animation-name: _2_cvwV; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-image: radial-gradient(circle at 50% 50%,rgba(52,163,83,0),rgba(52,163,83,.01) 20%,rgba(52,163,83,.25));} .track.connectinglist li.active::after{background: #59c082;} @-webkit-keyframes _2_cvwV{ 0%{ -webkit-transform:scale(0); transform:scale(0); opacity:1 } 50%{ -webkit-transform:scale(1);transform:scale(1);opacity:1 } to{ opacity:0 } } @keyframes _2_cvwV{ 0%{ -webkit-transform:scale(0); transform:scale(0); opacity:1 } 50%{ -webkit-transform:scale(1);transform:scale(1);opacity:1 } to{opacity:0} } input.popupinput:checked + .hiddenctrl.posleftbar{z-index: 4;} .posleftbar.posright{left: 0; right: auto; border-left: none;} .user-section{padding:20px; background-color: #4c27bb; color: #fff;} .user-block{padding: 15px 20px; border-bottom: solid 1px #eee; position: relative;} .user-block.nborder{border: none; } .user-badge::after{width: 10px; height: 10px; border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; content: ""; top: 50%; right:21px; position: absolute; margin-top: -5px; transform: rotate(45deg);} input.popupinput:checked + .user-block,.bar-row:last-child{border-bottom-color: transparent;} .user-ppic{width: 60px; height: 60px; align-items: center; justify-content: center;} .user-ppic img{width: 100%; height: 100%; max-height: 100%;} .user-pdetail h5{font-weight: normal;} /***###### ./Leftbar #########***/ .track-navigation{padding-left: 8px;} .track-feature dt{padding:8px 0;} .track-feature .btngroup8{padding-top:8px;} .track-feature a{color: #424242;} .track-feature i.checked-icon{border-color: #bdbdbd;} .track-feature a:hover,.track-feature a.active{color: #212121;} .track-feature a.active{font-weight: bold;} .track-feature a:hover i.checked-icon,.track-feature a.active i.checked-icon{border-color: #70d00b;} .track-listing-bar header{padding:18px 20px; background-color: #fafafa; border-bottom: solid 1px #eeeeee;} .quick-links{margin:0; padding: 0; list-style-type: none; border-radius: 3px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.06); border: solid 1px #eeeeee; background-color: #fff;} .quick-links li{padding:10px 20px; font-weight: 600;} .quick-links li + li{border-top:solid 1px #eee;} .card-body{padding: 20px;} .track-backbar{box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); background-color: #fff; padding:20px 0; position: relative; position: sticky; top: 0; z-index: 5;} .headerfixed .track-backbar{z-index: 105;} .track-backbar i.contentbar{bottom: -12px; display: block; width: 100%; height: 8px; position: absolute; background: #59c082; z-index: 2; transition: all 0.25s; margin-left: 8px; margin-right: 8px;} .track-backbar.content-bar::after{padding:4px 6px; height: 16px; content: ""; position: absolute; bottom: -16px; width: 100%; background: #dddd;} .track-backbar .content-process{background: #59c082; display: block;} .track-detail-img{width: 100%; height: 228px; margin-bottom: 0; border-radius: 3px; overflow: hidden; margin-bottom: 24px; display: flex; justify-content: center; align-items: center; background: #eee; position: relative;} .track-detail-img iframe{width: 100%; border: none;} .lockedscreen .nodisplay{display: block; padding: 30px;} .lockedscreen .track-detail-img::after{content: "";background-color: rgba(0, 0, 0, 0.5);left: 0;right: 0;top: 0;bottom: 0;position: absolute;} .locked-icon{width: 32px;height: 32px;display: block;background: #fff;padding: 6px;border-radius: 3px;box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);} .locked-icon.lock-icon{background-position:center;} .resource-section .lockedscreen .locked-icon{float:right} .track-detail-img .recomb{top: 10px; right: 10px;} .complted{color:#59c082; font-weight: 500; font-family: 'Product_SansM';} .complted .checked-icon{height: 11px; width: 6px; border-right:solid 2px #59c082; border-bottom:solid 2px #59c082;} .track-detail-block .tdetail{height: 43px;} .track-detail-block footer{line-height: 20px; padding-top:16px; font-weight: 600; font-size: 12px; margin-top: 16px; color: #212121;} .track-detail-block footer:not(.badge-footer){border-top: solid 1px #eee;} .track-detail-img img{max-width: 100%; width: 100%; max-height: 100%;} .points{width: 42px; height: 42px; border-radius: 3px; background-color: #59c082; display: inline-flex; justify-content: center; align-items: center; color: #fff;} .bcklnk{color: #757575;} .track-backbar .switch-component .switch{height: auto; background: #f5f5f5; width: auto; border-radius: 18px; font-size: 12px;} .track-backbar .switch-component .switch > span{width: 222px; display: flex; justify-content: space-between; padding:8px 16px; pointer-events: none; color: #757575;} .track-backbar .switch-component .slider.round{ background: none; margin-bottom: 0;} .track-backbar .switch-component .slider.round:before{width: 108px; border-radius: 18px;height: 100%; top: 0; content: "Instructor Led"; color: #fff; display: flex; justify-content: center; align-items: center; background: #ea4335;} .track-backbar .switch-component input:checked + .slider:before{content: "Self Paced"; background: #ea4335; -webkit-transform: translateX(114px); -ms-transform: translateX(114px); transform: translateX(114px);} .articleprocess{position: sticky; top: 0;} .track-feature{height: 52px;} .icon60{height: 60px;width: 60px;} .icon60,.r50{border-radius: 50%;display: inline-flex;justify-content: center;align-items: center; overflow: hidden;} .rackicon{height: 32px; width: 32px;} .rackicon.wd48{height: 48px; width: 48px;display: inline-flex;justify-content: center;align-items: center;} .rackicon img,.rackicon.wd48 img,.icon60 img{max-width: 100%; /*max-height: 100%;*/} #addmodule .rackicon{margin-right: 20px;} #edit_profile_form{margin: 0;} i._chkicon {display: block; position: relative; height: 24px; width: 24px; background: #4285f4; border-radius: 50%;} i._chkicon::after{content: "";position: absolute;left: 50%;top: 50%;height: 10px;width: 5px;border-bottom: solid 2px #fff;border-right: solid 2px #fff;transform: rotate(45deg);margin-top: -6px;margin-left: -2px;} .gcp-module .signup_blk{padding-bottom: 55px;} .landingpage .whysection .media .micon{margin-top: 0px;} .signupwrap .media:last-child .media-body,.section .media:last-child .media-body{border-bottom: none;} .signupwrap{color: #757575;} .signupwrap .micon,.section .micon{margin-right: 16px;} .loginfooter{padding: 14px 0; text-align: center; box-shadow: 0 -1px 0 0 #eeeeee; background: #fff; position: relative; width: 55%; float: right; margin-top: -53px; line-height: 20px;} .track-block.card{border-color: #e0e0e0;} .track-block .img-icon,.img-icon{margin-right: 16px;} .track-block .card-header{padding:24px; border-bottom: solid 1px #e0e0e0; background: #fafafa; word-break: break-word;} .track-block:hover{box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.06);} .testimonial-blk{margin-bottom: 16px;} .testimonial-blk > .card-box,.testimonial-blk .card{border-radius: 6px; border-color:#eee} .testimonial-blk .card{height: 100%; overflow: hidden;} .proof-submissionblock{padding: 32px; border-radius: 6px; border: dashed 3px #e0e0e0; background-color: #fafafa; text-align: center;} .pblock-bg{position: relative; padding-top: 90px;} .pblock-bg::before{background: linear-gradient(to left, #68e7c8, #4285f4 0%); height: 90px; content: ""; display: block; position: absolute; left: 0; right: 0; top: 0;} .pblock{padding: 30px; position: relative;} .pblock .img{padding: 5px 5px 5px 4px; background: #d8d8d8; border-radius: 4px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.06); width: 200px; height: 200px;display: flex; justify-content: center; align-items: center;} .verified_profile{background:url('https://www.techgig.com/files/contest_upload_files/verified-icon-270221.svg') no-repeat right 4px; display: inline-flex; padding-right: 20px;} .leftnavigation ul{list-style-type: none; margin: 0; padding: 0;} .leftnavigation ul li a{display: block; padding: 15px 8px; color: #757575;} .leftnavigation ul li a svg{display: none;} .leftnavigation ul li{position: relative;} .leftnavigation ul li .mnu-icon{position: absolute; top:18px; right: 16px;} .leftnavigation ul li:not(.open-list) .mnu-icon .arrow-icon{transform: rotate(180deg); transform-origin: 9px 12px; display: block; transition: none;} .leftnavigation ul .arrow-icon:after{width: 10px; height: 10px;} .leftnavigation ul ul{padding-top: 8px;} .leftnavigation > ul > li:hover > a,.leftnavigation > ul > li.active > a{color: #EA4335;} .leftnavigation > ul li:hover a svg path.m_icon,.leftnavigation ul li.active a svg path.m_icon{fill: #ea4335;} .feature-bar{border-radius: 3px; background-color: #f5f5f5; padding:10px 11px; display: block; text-align: center; font-weight: bold;font-family: 'Product_SansB'; text-transform: uppercase; line-height: 20px;} .track-wrapper{padding-top: 24px; padding-left: 24px; padding-right: 8px;} .tracklisting-feature{margin: 0; padding:24px 0;} .tracklisting-feature .track-sublist{padding: 0; padding-top: 16px; padding-bottom: 16px;} .tracklisting-feature > li.open-list .track-sublist,li.open-list .sublist{display: none;} .track-sublist li:last-child::before{content: none;} .tracklisting-feature li{position: relative; padding:8px 24px; padding-right: 0px; list-style-type: none;} .tracklisting-feature > li.selected::before,.tracklisting-feature > li.selected .track-sublist > li::before{background: #59c082;} .tracklisting-feature > li.selected:not(.open-list)::after{border-bottom-color:#59c082; border-left-color:#59c082;} .tracklisting-feature > li.selected:not(.open-list) .bottomstyle::after{border-bottom-color:#59c082; border-right-color:#59c082;} .tracklisting-feature > li.selected .track-sublist::before{border-top-color:#59c082; border-right-color:#59c082;} .tracklisting-feature > li.selected:not(.open-list) .bottomstyle::before{border-top-color:#59c082; border-left-color:#59c082;} .tracklisting-feature li a{color: #424242;display: block;position: relative;z-index: 1; padding-right: 24px;} .tracklisting-feature > li a {padding-right: 30px;} .tracklisting-feature > li a ,.ellipsis{max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .tracklisting-feature li.current > a{font-family: 'Product_SansB';} .tracklisting-feature li:hover a,.tracklisting-feature li.current > a{color: #212121;} .tracklisting-feature > li::before,.track-sublist > li::before{position: absolute; top: 10px; left: 8px; content: ""; width: 2px; bottom: -10px; background: #dbdbdb;} .tracklisting-feature > li:last-child:before{content: none;} .track-sublist::before{content: "";position: absolute;width: 16px;height: 25px;border-top: solid 2px #dadada;border-right: solid 2px #dadada;border-top-right-radius: 10px;z-index: 3;left: 18px;} .tracklisting-feature > li:not(.open-list) .bottomstyle{position: relative;} .tracklisting-feature > li:last-child:not(.open-list) .bottomstyle{display: none;} .tracklisting-feature > li:not(.open-list) .bottomstyle::after{content: "";position: absolute;width: 16px;height: 28px;border-bottom: solid 2px #dadada;border-right: solid 2px #dadada;border-bottom-right-radius: 10px;z-index: 3;left: -6px;top: -30px;} .tracklisting-feature > li:not(.open-list) .bottomstyle::before{content: "";position: absolute;width: 16px;height: 28px;border-top: solid 2px #dadada;border-left: solid 2px #dadada;border-top-left-radius: 10px;z-index: 3;left: -16px;top: -4px;} .tracklisting-feature > li:not(.open-list)::after{position: absolute;top: 25px;left: 8px;content: "";width: 12px;height: 22px;border-bottom:solid 2px #dadada;border-left: solid 2px #dadada;border-bottom-left-radius: 10px;z-index: 3;} .tracklisting-feature > li:not(.open-list)::before{height: 25px;} .tracklisting-feature li .circle{position: absolute; width: 17px; height: 17px; border: solid 2px #dbdbdb; background-color: #fff; display: inline-block; border-radius: 50%; top: 9px; left: 0; z-index: 4;} .tracklisting-feature li .icon-blk{position: absolute; top: 9px; right: 0px; display: flex; align-items: center; justify-content: center; } .activit-bar .tracklisting-feature li .icon-blk{right: 0;} .activit-bar .tracklisting-feature li li a{cursor: default;} .tracklisting-feature li .icon-blk > i,.arrow-icon{width: 14px; height: 20px; position: relative;} .tracklisting-feature li .arrow_icon::after,.arrow-icon:after{content:"";width: 8px;height: 8px;border: solid 2px transparent;background-color: #fff;display: inline-block; top: 4px; right: 0; z-index: 4;transform: rotate(45deg);border-bottom-color: #757575;border-right-color: #757575;position: absolute;} .tracklisting-feature li .icon-blk .arrow_icon,.tracklisting-feature li .icon-blk .arrow_icon{transform: rotate(180deg); transform-origin: 10px;} .tracklisting-feature li.open-list .icon-blk .arrow_icon{transform: rotate(0deg);} .feature-head{padding-left: 26px; background: url(https://www.techgig.com/files/contest_upload_files/webinar-icon-020321.svg) no-repeat 0 1px;} .mcqicon{background-image: url(https://www.techgig.com/files/contest_upload_files/mcq-icon-020321.svg);} .badgeicon{background-image: url(https://www.techgig.com/files/contest_upload_files/badge-icon-020321.svg);background-position: 0 3px;} .certicon{background-image: url(https://www.techgig.com/files/contest_upload_files/gcp-certificate-icons.svg);background-position: 0 3px;} .lock-icon{background-image: url(https://www.techgig.com/files/contest_upload_files/lock-icon-020321.svg); background-position: 0 0; background-repeat: no-repeat;} .article{background: url(https://www.techgig.com/files/contest_upload_files/_article-icon-050321.svg) no-repeat 3px 2px;} .eyeicon{background:url(https://www.techgig.com/files/contest_upload_files/eyeicon-020321.svg) no-repeat 0 0;display: block;width: 23px;height: 23px;position: absolute;right: 10px;top: 10px; cursor: pointer;} .eyeicon.open{background-image:url(https://www.techgig.com/files/contest_upload_files/eye-icon-020321.svg)} .tracklisting-feature li.instructor > .circle{/*border-style: dotted;*/} .tracklisting-feature li.instructor > .circle{border-color: #212121;} .tracklisting-feature > li.open-list.selected:first-child::after,.tracklisting-feature li li.selected:first-child::after{content: none;} .tracklisting-feature li.open-list.selected + li.open-list.selected::after,.tracklisting-feature > li li.selected + li.selected::after{position: absolute;top: -20px;left: 8px;content: "";width: 2px; height: 40px; background: #59c082;} .tracklisting-feature li.selected .circle{border-color:#59c082; background: #59c082;} .tracklisting-feature li.selected .circle::after{content:"";position: absolute;top: 2px;width: 4px;height: 8px;border-bottom:solid 1px #fff;border-right:solid 1px #fff;transform: rotate(45deg);left: 50%;margin-left: -2px;} /***##### floating bar #####***/ .posfloatbar{position: fixed; width: 360px; right: 40px; padding-right: 0; padding-top: 48px; z-index: 103; bottom: 0px; overflow: hidden;} input.popupinput:checked + .posfloatbar > div{margin-bottom:0px; box-shadow: 0 -20px 40px 0 rgba(74, 69, 72, 0.1);} .posfloatbar .button1{min-width: 90px;} .plistd{opacity: 0.5;} .notetext{padding: 10px 20px; font-size: 12px; color: #212121;background-color: #fef8e6; margin-bottom: 16px;} .posfloatbar > div{background: #fff; margin-bottom:-360px; border-top: solid 1px #eee; border-left: solid 1px #eee; max-height: 360px; overflow-y: auto; overflow-x:hidden; position: relative; width: 100%; transition: all 0.5s; border-top-left-radius: 6px;} .posfloatbar .header{position: absolute; right: 0px; left: 0; top: 0px; box-shadow: 0 -4px 20px 0 rgba(69, 72, 74, 0.1);} input.popupinput:checked + .posfloatbar .header{box-shadow: none;} input.popupinput:checked + .posfloatbar .header .media{visibility: hidden;} .posfloatbar .header .media{width: calc(100% - 40px); background: #fff; border-left: solid 1px #eee; border-top: solid 1px #eee; border-top-left-radius: 6px; height: 48px; padding-left: 16px;} .posfloatbar .media.invisible + .lbar,input.popupinput:checked + .posfloatbar .header .media + .lbar{border-top-left-radius: 6px;} input.popupinput:checked + .posfloatbar .header .media + .lbar::after{transform: rotate(-45deg); margin-top: -4px;} .posfloatbar .lbar{width: 48px; height: 48px; background-color: #ea4335; border-top-right-radius: 6px; display: block; cursor: pointer; position: relative; margin-bottom: 0;} .posfloatbar .lbar::after{content: ""; width: 8px; height: 8px; border-left:solid 1px #fff; border-bottom:solid 1px #fff; position: absolute; top: 50%; left: 50%; margin-top: 0px; margin-left: -4px; transform: rotate(135deg);} .posfloatbar.posright{left: 0; right: auto; border-left: none; border-right:solid 1px #eee;} .posfloatbar.enable-edit .inputform:checked + .bar-row{display: block;} .user-section{padding:20px; background-color: #4c27bb; color: #fff;} .user-block{padding: 0px 20px; border-bottom: solid 1px #eee; position: relative;} .user-badge::after{width: 10px; height: 10px; border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; content: ""; top: 50%; right:21px; position: absolute; margin-top: -5px; transform: rotate(45deg);} .user-block .lblctrl{display: block; margin-bottom:0;} .bar-row{border-bottom: solid 1px #eee; padding: 8px 0;} input.popupinput:checked + .user-block,.bar-row:last-child{border-bottom-color: transparent;} .enable-edit .bar-row{display: none;} .user-ppic{width: 60px; height: 60px; align-items: center; justify-content: center;} .user-ppic img{width: 100%; height: 100%; max-height: 100%;} .user-pdetail h5{font-weight: normal;} /***##### floating bar #####***/ /** Track block **/ .chat-tracker{background:#472eb4; position:fixed; top:200px; right:0px; border-radius: 30px 0 0 30px; width:60px; height:60px; } .chat-tracker .chat-bubble{background: url("https://www.techgig.com/files/contest_upload_files/chat-bubble-28feb21.png") no-repeat; display:inline-block; width:32px; height:25px; display:block; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; margin: auto;} .breadcrumb-track ol{padding:20px 0 0 0;margin:0px;font-size:14px;white-space: nowrap;display: flex;max-width: 100%;overflow: hidden;text-overflow: ellipsis;} .breadcrumb-track ol li{list-style:none;float:left;padding:0 10px 0 0;white-space: nowrap;} .breadcrumb-track ol li a{color:#757575; text-decoration:underline;} .breadcrumb-track ol li a:hover{color:#212121; text-decoration:underline;} .breadcrumb-track ol li .fa{padding:0 5px; font-size:18px;} .breadcrumb-track ol li:last-child {text-overflow: ellipsis; overflow: hidden;} .track-content{color:#757575} .track-content h3{font-weight:500; color:#212121; padding:0px; margin:0px;} .track-content .track-time{color:#757575; display: block; padding:0 0 20px 0; width: 100%;} .track-content .video-container{ padding:0 0 20px 0} .track-content .video-container img{width:100%;} .track-content .btn-track:hover{background-color: #c5362a; border-color: #c5362a;} .track-content .btn-deactive{background: rgba(234, 67, 53, 0.5);} .track-content .btn-deactive:hover{background: rgba(234, 67, 53, 0.5);} .track-content .register-icon{background: url("https://www.techgig.com/files/contest_upload_files/register-user-icon-28feb21.png") no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle } .track-content .session-date{padding:15px 0} .track-content .instructor .instructor-pic{max-width:64px; max-height:64px;} .track-content .instructor h4{font-size:16px; font-weight:600;} .track-content .instructor-detail span{display:block;} .track-content .instructor-detail .name{color:#212121; font-weight:600; padding-bottom:5px;} .track-content .gcp-fundaments{padding-bottom:16px;} .track-content .certificate{background:#4285f4; text-align:center; padding:20px 0; border-radius:6px;} .track-content .certificate img{max-height: 136px;} .track-content h4{font-weight:600;} .track-content .track-blue-bg{background:#4285f4; color:#fff; text-align:center; padding:10px 0; border-radius:6px;} .track-content .track-blue-bg p{padding:0px; margin:0px;} .track-content .text-right1{text-align:right;} .track-content .accepted{color:#59c082;} /** ./Track Block ****/ /**** Dashboard section ****/ .profile-block{border-radius: 6px; box-shadow: 0 4px 4px 0 #f2f2f2; background-color: #fff;} .profile-badge{padding: 21px 24px; border-radius: 6px; background-color: #fffaeb; line-height: 25px; border-top-left-radius: 0;} .profile-badge .badgepoint{line-height: 25px; font-size: 24px;} .profsetting{width: 20px; height: 32px; position: relative;} #profsetting:checked + ._lbcactivelabel .strocke{stroke: #ea4335;} #profsetting:checked + ._lbcactivelabel + .settingblock .advf{display: block;} #profsetting:checked + ._lbcactivelabel + .settingblock .bscf{display: none;} .settingblock::before{position: absolute; top:-4px; right: 25px; content: ""; width: 8px; height: 8px; background: #fff; box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%); z-index: 1; transform: rotate(45deg);} .settingblock::after{position: absolute; top:0px; right: 5px; left: 5px; content: ""; height: 8px; background: #fff; z-index: 4;} .settingblock{position: absolute; right: -20px; top: 32px; background: #fff;} .settingblock .switch-component,.switch-component .switch{width: 48px;height: 22px; } .settingblock .switch-component .slider.round{height: 22px; width: 48px; margin-bottom: 0;} .settingblock .switch-component .slider:before{bottom: 1px;} .settingblock .switch-component .slider{background: #f7f7f7;} .settingblock .switch-component .slider:before{box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.2); background: #fff;} .switch-component input:checked + .slider:before{-webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px);} .learnimg{width: 180px; margin-left: 16px; height: 120px; justify-content: center; display: flex; align-items: flex-start;} .learnimg img{max-width: 100%; max-height: 100%;} .progressbar{height:6px; background:#f2f2f2;border-radius: 6px;} .progressbar.dprocess{width: 210px;} .progressbar div{height:6px; background-color: #00bc43; width:0%;border-radius: 6px;} /**** ./Dashboard section ****/ .mslick .slick-arrow{position: absolute; left: -9999px !important;} .profile-circle{width: 80px; height: 80px; border-radius: 50%; display: inline-flex; font-size: 24px; font-family: 'Product_SansM'; color: #000000;} .color1,.color2,.color3,.color4{fill: transparent; stroke-dasharray: 360; stroke-dashoffset: 301; stroke-width: 2;} .color1{stroke: #1a73e8;} .color2{stroke: #d93025;} .color3{stroke: #ea8600;} .color4{stroke: #59c082;} .posleftbar .user-block{padding: 0;} .trackinfo{font-size: 12px; padding: 0 8px;} .notep{font-size: 12px; color: #9e9e9e;} .embed-container{max-width: 100%; background: black;} .embed-container iframe, .embed-container img, .embed-container object, .embed-container embed{width: 100%; height: 100%;} .navigation-bar{position: relative;} .navigation-bar::after{position: absolute; bottom: 0; left: 0; right: 0; content: ""; height: 1px; background: #eee;} .navigation-bar li{padding: 0 8px;} .navigation-bar li a.nav-link,.navigation-bar li a{padding:16px 8px; display: block; color: #757575; border-bottom:solid 2px transparent; position: relative; z-index: 1; border-radius: 0;} .navigation-bar li:hover a,.navigation-bar li.active a{color: #ea4335;} .navigation-bar li.active a{border-bottom-color: #ea4335;} li.more-items{position: relative;} li.more-items:hover .submenu{width: 300px;display: block;position: absolute;right: 0;background: #fff;border: solid 1px #eee;border-top: none; z-index: 3;} li.more-items .submenu li{list-style-type: none;} li.more-items .submenu ul,li.more-items .submenu ul li{padding:0} li.more-items .submenu ul li a{padding: 8px 16px; color: #424242; text-align: left; border-color: transparent;} li.more-items .submenu .active a{color:#ea4335;} .activity-detail{margin-top: 30px; } .activity-detail-bar{background-color: #fafafa;padding: 8px 15px;border-radius: 3px; font-size: 14px;} .activity-detail-bar .primarycolor a{color:#212121} .activity-detail-bar .primarycolor a:hover{text-decoration: underline;} .add-calender{color: #757575; padding: 4px 11px 5px 9px; border-radius: 2px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #fff; color: #757575; display: flex;} .leaderboard-bar{padding: 16px 20px; background-color: #ecf3fe; color: #4285f4;} .share-btn{padding: 2px 10px; padding-top: 3px; border-radius: 2px; border: solid 1px #eeeeee; background-color: #fff; font-size: 12px; color: #757575; line-height: 12px;} .data-head,.data-row{color:#424242; padding: 13px 0; padding-bottom: 14px;} .data-row .activity-reward{align-self: flex-start;} .data-head{border-top: solid 1px #eeeeee;} .data-row:nth-child(even){background: #fafafa;} .data-row.current-row:nth-child(odd),.current-row{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); background: #fff;} .current-row{position: relative; z-index: 1;} .rpoint{color: #34a853;} .data-row .share-btn{display: none;} .current-row .share-btn{display: block;} .data-row .select_true{fill: #34a853;} .no-content {height: 350px; justify-content: center; display: flex; align-items: center; text-align: center;} .no-content img{max-width: 100%;} /** Achivement **/ .profile-update{background: url(https://www.techgig.com/files/contest_upload_files/profile-header-img-15march21.png);background-size:contain;background-repeat:no-repeat; height:220px; position:relative} .profile-update .profile-icon{position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 53px; flex: 0 0 53px; width: 150px; height:150px; margin-right: 20px; overflow: hidden; border-radius: 100%; border:#fff solid 5px;} .profile-update .profile-icon img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;} .profile-update .profile-update-pos{position:absolute; left:43px; bottom:-15px;} .profile-update .profile-info h2{font-size:24px; line-height:24px; color:#000; font-weight:600; padding:0 0 5px 0; margin:0px;} .profile-update .profile-info .designed, .profile-update .profile-info .company{ font-size:16px; padding:5px 0; color:#19171a} .my-progress{padding:40px 0 0 0} .my-progress .my-progress-sect{ border-radius: 6px; box-shadow: 0 4px 4px 0 #eeeeee; border: solid 1px #eeeeee; padding:20px; background:#ffffff url(https://www.techgig.com/files/contest_upload_files/badge-icon-15march21.svg); background-repeat:no-repeat; background-position: right 17px;} .my-progress .my-progress-sect.gi{background-image:url(https://www.techgig.com/files/contest_upload_files/badge-icon-g-15march21.svg); background-repeat: no-repeat;} .my-progress .my-progress-sect .total-points{font-size:32px; line-height:30px;} .my-progress .my-progress-sect .total-text{font-size:16px; padding:5px 0;} .my-progress .my-progress-sect ._points{ background:#ecf3fe; color:#4285f4; font-size:10px; text-transform:uppercase; border-radius:2px; padding:3px 5px; margin:0px; } .my-progress .my-progress-sect .media .media-body{padding:0 0 0 20px} .my-badges-top{padding:40px 0;} .my-badges #pills-tab{border-bottom:#eeeeee solid 1px;} .my-badges .nav-pills .nav-link{color:#757575;} .my-badges .nav-pills .nav-link.active, .nav-pills .show > .nav-link{background:none; border-bottom:#ea4335 solid 2px; color:#ea4335} .my-badges .nav-pills .nav-link{border-radius:0px;} .my-badges .nav-pills .nav-link i{background: #ecf3fe; color: #4285f4; font-size: 10px; font-style:normal; padding:2px 5px; border-radius:2px; margin-left:7px;} ._share-row.disabled + .lblctrl{cursor: default;} .my-badges .badges-content{background:#ffffff; border:#eeeeee solid 1px; padding:10px 0 0 0; border-radius:6px; position: relative; overflow: hidden;} .my-badges .badges-content:hover{box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);} .badges-content .company-logo img{max-width: 100%; max-height: 100%; margin-top: -36px;} .my-badges .cactive .badges-content{box-shadow: 0 8px 40px 0 rgba(251, 188, 5, 0.4); border: solid 1px rgba(251, 188, 5, 0.37);} .my-badges .cactive .badges-content .earned-bottom{background: #fff; border-right: solid 1px rgba(251, 188, 5, 0.37);} .share-icon{color: #9e9e9e;text-align: center;margin: 0 14px 0 0;display: inline-flex; padding:5px 10px;width: 34px;height: 34px;justify-content: center;align-items: center;} .share-icon i::before{content: none;} .share-icon:hover{background:#9e9e9e; border-radius:4px; color:#fff;} .share-icon:hover .mshare{fill: #fff;} .my-badges .badges-content .earned-bottom{background:#fafafa; text-align:center; padding:0px; border-radius: 0 0 5px 5px; font-size:12px; color:#757575; padding:4px 0; position:absolute; bottom:0px; width:100%; word-break: break-word; line-height: 28px;} .my-badges .row-flex{ display: flex; flex-wrap: wrap;} .my-badges [class*="col-"]{margin-bottom: 20px;} .badges-content .sharew{position: relative; z-index: 1;} .my-badges .cactive .badge-box{box-shadow: 0 8px 40px 0 rgba(251, 188, 5, 0.4); border: solid 1px rgba(251, 188, 5, 0.37); background: #fef8e6;} .badge-share{position: absolute;top: -10px;right: -10px;margin-right: 0;} .my-badges .content {height: 210px;} .my-badges .view-all{text-align:center; border-radius: 3px; padding:10px 0; background-color: #fafafa; } .my-badges .view-all a{display:block;} .my-participants{background:#fafafa; padding:40px 0;} .my-participants .cactive .certificate-new{box-shadow: 0 8px 40px 0 rgba(251, 188, 5, 0.4); border: solid 1px rgba(251, 188, 5, 0.37); background: #fef8e6;} .my-participants .cactive .certificate-grident{background: #fef8e6;} .my-participants .certificate-new{border:#eeeeee solid 1px; border-radius:6px; background:#ffffff; margin-bottom: 16px;} .my-participants .certificate-grident{padding: 20px; border-radius:0; background: rgb(230,239,246); background: linear-gradient(90deg, rgba(230,239,246,1) 0%, rgba(255,255,255,1) 50%, rgba(232,245,236,1) 100%); position: relative;} .my-participants .certificate-grident .block-img{position: absolute; left: 0; right: 0; top: 70px; padding: 30px; text-align: center; font-size: 8px; color: #212121;} .head_n{text-transform: uppercase;} .my-participants .certificate-grident .block-img .f10,.my-participants .certificate-grident .block-img .name_variant_2{font-size: 10px;} .my-participants .certificate-grident .block-img .f22,.my-participants .certificate-grident .block-img .name_variant_1{font-size: 16px;} .cert{position: absolute;top: 178px;font-size: 8px;padding-left: 10px;} .my-participants .certificate-text{padding:20px; } .my-participants .certificate-text h4{color:#212121; font-family:'Product_Sans'; font-weight: normal;} .my-participants .certificate-text .sub-heading{color:#757575;font-size:14px;} .my-participants .certificate-text .date{color:#9e9e9e; font-size:12px; padding:30px 0 10px 0;} .my-participants .add-linkedin-profile{border-top:#eeeeee solid 1px; padding:20px; color:#0a66c2} .my-participants .add-linkedin-profile a{color:#0a66c2; font-weight:500;} .my-participants .add-linkedin-profile a .fa{margin-right:10px; font-size:20px; vertical-align:middle} .badge-earned{background: url(https://www.techgig.com/files/contest_upload_files/badge-path-160321.svg) no-repeat 0 0; border-radius: 6px; border: solid 1px #eeeeee; margin-bottom: 16px;} .badge-earned .badge-box{padding: 24px;} .badge-activity{color: #ea4335; margin-bottom: 16px; padding-right: 24px; cursor: pointer;} .list-badge-activity{color: #212121; font-size: 16px; padding: 0 24px; border-top: solid 1px #eee;} .list-badge-activity li{padding: 24px 0;border-bottom: solid 1px #eee;} .list-badge-activity li:last-child{border-color: transparent; padding-bottom: 8px;} #profile-pic{ border:#eeeeee solid 1px; border-radius:4px;} #profile-pic .profile-head{background: url(https://www.techgig.com/files/contest_upload_files/profilebg-grd-230321.svg) no-repeat 0 0; position:relative; height:120px; border-radius:4px 4px 0 0;} #profile-pic .profile-head .dark-bg-img{background: url(https://www.techgig.com/files/contest_upload_files/dark-bg-16march21.png);background-repeat:no-repeat; position:absolute; left:0px; width:45px; height:46px; display:inline-block;} #profile-pic .profile-head .light-bg-img{background: url(https://www.techgig.com/files/contest_upload_files/light-bg-16march21.png);background-repeat:no-repeat; position:absolute; right:0px; width:92px; height:92px; bottom:0; display:inline-block;} #profile-pic .profile-pic{position: relative; top: -30px; padding-left:20px; } #profile-pic .profile-pic .profile-icon{position: relative; display:flex; -webkit-box-flex: 0; -ms-flex: 0 0 53px; flex: 0 0 53px; width: 190px; height:190px; margin-right: 20px; overflow: hidden; border-radius: 6px; border:#fff solid 5px; background:#d8d8d8; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.06); justify-content: center; align-items: center;} #profile-pic .profile-pic .profile-icon img{max-width: 100%; max-height: 100%;} #profile-pic .profile-pic .profile-icon .update-pic{background: rgba(0, 0, 0, 0.5);padding: 5px 5px 5px 4px; position: absolute; bottom: 10px;margin: auto; width: 46px; height: 30px; border-radius: 20px;left: 0px;right: 0px;} #profile-pic .profile-pic .profile-icon .camera-icon{background: url(https://www.techgig.com/files/contest_upload_files/camera-icon-16march21.png);background-repeat:no-repeat; width:20px; height:20px; display:inline-block; margin: auto; left: 0px; right: 0px; position: absolute;} #profile-pic .profile-pic .profile-info{padding:55px 0 0 0} #profile-pic .profile-pic .profile-info h2{padding:0 0 10px 0; margin:0px;} #profile-pic .profile-pic .profile-info .profile-other-text{font-size:16px; color:#757575; word-wrap:break-word; padding-right: 8px;} #profile-pic .profile-pic .profile-info .profile-other-text .fa{color:#34a853; margin-left:5px; vertical-align:middle;} #profile-pic .profile-pic .profile-info .edit-icon, #professional-detail .edit-icon{background: url(https://www.techgig.com/files/contest_upload_files/edit-icon-16march21.png);background-repeat:no-repeat; width:22px; height:22px; display:inline-block;vertical-align: middle; float: right; margin-right:30px;} #professional-detail{border:#eeeeee solid 1px; border-radius:4px; padding:20px 20px 40px 20px; } h2.profile-phead{border-bottom:#eeeeee solid 1px; padding-bottom:10px; margin-bottom:20px;} #professional-detail .media-body{padding-left:10px;} #professional-detail .media-body .prof-det-label{font-size:14px; font-weight:500} #professional-detail .media-body .prof-det-description{font-size:14px; color:#212121; font-weight:500; word-break: break-word;} .common-message-box .message-inner-content{padding-right: 16px;} #skills{border:#eeeeee solid 1px; border-radius:4px; padding:20px 20px 40px 20px; } #skills .add-skills-icon{background: url(https://www.techgig.com/files/contest_upload_files/add-skills-16march21.png);background-repeat:no-repeat; width:22px; height:22px; display:inline-block;vertical-align: middle; float: right; margin-right:30px;} #editprofile input[type], select, #editprofessionaldetail input[type], select{width:400px; color:#212121; max-width: 100%;} #addskills input[type]{width:400px !important;} #editprofile h5, #editprofessionaldetail h5, #addskills h5{font-size:20px; } .skills-token > a,.skills-token .dragable-box > a{font-size:12px; border-radius:16px; background:#eeeeee; color:#424242; padding:5px 10px; display:inline-block; margin:0 10px 10px 0 } .skills-token > a .close-icon,.skills-token .dragable-box > a .close-icon{width: 8px; display: inline-block; position: relative; top: -2px; height: 8px; background: url(https://static.techgig.com/Themes/Release/images/tg_images_new/sprites.svg) -52px -300px no-repeat; vertical-align: middle; margin-left: 16px; cursor: pointer;} #editprofile .modal-header .close, #editprofessionaldetail .modal-header .close, #addskills .modal-header .close{padding: 0.4rem 1rem; font-size:2.5rem} .skills-token a .close-icon { width:8px; display:inline-block; position:relative; top:-2px; height:8px; background:url("../../images/tg_images_new/sprites.svg") -52px -300px no-repeat; vertical-align:middle; margin-left:16px; cursor:pointer;} /**##### About Pagge #############**/ #aboutpageheader p{font-size:36px; color:#212121; line-height:50px; padding-top:180px} #aboutpageheader p span{color:#2885fc;} #aboutpageheader .padtop-100{padding:80px 0 0 0; position: relative; bottom: -15px;} #aboutclouddevjam{background:#2885fc; padding:80px 0;} #aboutclouddevjam h2{font-size:36px; color:#fff; text-align:center;} #aboutclouddevjam .about-dev-jam-text{line-height:30px; color:#fff; padding:30px 0 0 20px; font-size: 16px;} #aboutclouddevjam .about-dev-jam-text p{padding-bottom:10px} #aboutclouddevjam .about-dev-jam-text ul{padding:24x 0 0 25px; margin:0px;} #whyshould .why-should-join{background:#fafafa; border-radius:6px;} #whyshould .why-should-join h2{font-size:32px;} #whyshould .why-should-join-text strong{color:#212121} #whyshould .why-should-join-text ul{padding:0; margin:0px; padding-top: 24px;} #whyshould .why-should-join-text ul li{position:relative; list-style-type:none; padding-bottom: 16px; margin:0px;} #whyshould .why-should-join-text ul li:before{content: ''; background:url('https://www.techgig.com/files/contest_upload_files/cloud-dev-jam-bull-17march21.svg'); width:24px; height:24px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -3px;} #howdoeswork{padding:0 0 80px 0} #howdoeswork .how-does-work h2{font-size:36px; text-align:center;} #howdoeswork .how-does-work .first-icon i{font-size:26px; color:#fff; font-style:normal; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);} #howdoeswork .how-does-work h3.first-left-right{padding: 20px 90px 0 90px;} #howdoeswork .how-does-work h3.second-left-right{padding: 20px 45px 0 45px;} #infrastructure{padding:80px 0; border-top:#eeeeee solid 1px;} #infrastructure .nav-pills .nav-link.active, .nav-pills .show > .nav-link{font-size:16px; border-left:#ea4335 solid 2px; background:none; color:#ea4335} #infrastructure .nav-pills .nav-link{border-radius:0px; padding: 0 16px; margin: 16px 0; border-left: transparent solid 2px;} #infrastructure .infrastructure {border-right:#eeeeee solid 1px;} #infrastructure .infrastructure a{color:#757575; font-size: 16px;} #infrastructure .arrow-right-sm{background: url(https://www.techgig.com/files/contest_upload_files/cloud-dev-jam-arrow-sm-18march21.png); background-repeat:no-repeat; width:10px; height:10px; vertical-align:middle; display:inline-block; margin-left:5px;} #infrastructure .tab-content-text{padding:0 0 0 20px;} #infrastructure .tab-content-text strong{color:#212121; font-size:14px;} #infrastructure .tab-content-text p{padding:0 0 20px ;} #infrastructure .tab-content-text h4{font-size:18px;} #start-journey{background:#fafafa; padding:80px 0; margin:80px 0 0 0; border:#eeeeee solid 1px; border-radius:6px; } #start-journey .start-journey-sect{color:#ea4335; font-size:30px; font-weight:600;} #start-journey .arrow-right-large{background: url(https://www.techgig.com/files/contest_upload_files/cloud-dev-jam-arrow-large-18march21.png); background-repeat:no-repeat; width:20px; height:20px; vertical-align:middle; display:inline-block; margin-left:5px;} /** ######## ./About Page ###########**/ /** Invite Page ***/ .share-section{padding: 0 24px;} .invite-box{padding: 24px; border-radius: 6px; box-shadow: 0 4px 4px 0 #f2f2f2; border: solid 1px #eeeeee; background-color: #fff; margin-bottom:16px; position: relative; background: #FFFAEB;} .registcount{font-size: 16px; color: #424242;} .invite-box .iconbg{position: absolute; bottom: 0; right: 0;} .invite-box .bimg{margin-bottom: -4px;} ._share-widget{position: relative; margin-bottom: 24px;} ._share-widget ._share-block{background: #fff; padding-bottom:16px; border-top-right-radius: 6px; border-top-left-radius: 6px;} ._share-widget ._share-searchbar{position: relative;} ._share-widget .tabs2 .nav-tabs{margin-bottom: 0;} ._share-widget .data-listing .media{padding:16px; margin-top: 0;} ._share-widget .data-listing .dl-list:hover,._share-widget .data-listing .dl-list.selected{background:#f7f7f7;} ._share-row:checked + label ._chksym{fill:#26d974;} ._share-widget .data-listing{height: 400px; overflow-y: auto; overflow-x: hidden;} ._share-widget ._share-bottom{padding: 16px; background: #fff; box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.1); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;} /*--- Search Form --- */ #search-form1 .search-icon { width:32px; display:block; height:32px; background:url("https://static.techgig.com/Themes/Release/images/tg_images_new/sprites.svg") 0 0 no-repeat; position:absolute; left:12px; top:11px;} #search-form1 input[type='text'] {border:0; padding:0; color:#4a4548;} #search-form1 input[type='submit'],#search-form1 input[type='button'] { border:0; float:right; background:url("../../files/event_images/cg2017_images/icons.png") -269px -40px no-repeat; width:32px; height:36px; } #search-form1.active { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);} #search-form1.active .inner { border-radius:6px 6px 0 0;} #search-form1-content { position:absolute; display:none; top:32px; text-align:left; left:0; background:#fff; border-radius:0 0 6px 6px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); width:100%; padding:15px 0 8px; z-index:10;} #search-form1-content h6 { line-height:18px; color:#8a858d; margin-bottom:0; margin-left:56px; text-transform:uppercase; border-bottom: solid 1px #dadada; padding-bottom:3px;} #search-form1-content ul { margin:0 0 10px; padding:0; list-style:none;} #search-form1-content ul li { margin:0;} #search-form1-content ul li a { font-size:14px; text-decoration:none; display:block; line-height:20px; color:#4a4548; padding:6px 6px 6px 56px;} #search-form1-content ul li a span { color:#8a858d; margin-left:12px;} #search-form1-content ul li a:hover { text-decoration:none; background-color:#f2f2f2;} #search-form1 .no-content { padding:24px; text-align:center;} #search-form1 .no-content svg { margin-bottom:16px;} #search-form1 .no-content p { margin:0; color:#8a858d;} #search-form1 .searched-content { height:250px; overflow:auto;} #search-form1 #search-form-content { top:31px; border:1px solid #dadada;} #search-form1 .inner{ border-radius:3px; border:1px solid #c2c2c2; padding:0 8px 0 32px; height:40px; overflow: hidden;} #search-form1 .search-icon {left:1px;top: 50%;background-position:-280px -72px;opacity:0.5;margin-top: -12px;} #search-form1-content ul li a { padding:4px 4px 4px 32px;} #search-form1-content h6 { margin-left:32px; display:none;} #search-form1 .no-content { padding:24px 16px 16px;} .share-section .social-share-button{width: 53px; height: 53px; border:solid 1px #dadada; display: inline-flex; justify-content:center; align-items: center; border-radius: 50%;} .social-share-button:hover{border-color: #8a858d;} .s_true{fill: #34a853;} .tab-cloud,.tab-cloud:hover{padding: 10px 16px; border-radius: 3px; background-color: #4a4548; color: #fff; display: inline-block; line-height: 20px;} .filterbottom{box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2); border: none;} .filter-tag,.filter-tag:hover{padding: 10px 16px; border-radius: 3px; background-color: #eeeeee; color: #757575; display: inline-block; line-height: 20px; margin-bottom: 8px; margin-right:8px;} .filter-tag.active{padding: 10px 16px; border-radius: 3px; background-color: #4a4548; color: #fff; display: inline-block; line-height: 20px;} /** ./Invite Pages **/ .about-cloud-dev img{max-width: 100%;} #aboutclouddevjam{position: relative;} .bottompattern {position: absolute; right: 0; bottom: -120px;} #aboutpageheader{position: relative; z-index: 1;} #howdoeswork .how-does-work .shodow-effect:hover{background:#fff;} .gcp-customdrop > .dropdown-toggle{padding: 10px 7px 9px 7px; border-radius: 2px; border: solid 1px #e0e0e0; background-color: #fff; color: #212121; text-align: left; width: 230px; position: relative; display: block; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; overflow: hidden;} .gcp-customdrop > .dropdown-toggle::after{position: absolute; right: 10px; top: 50%; margin-top: -6px; width: 8px; height: 8px; border: solid 1px transparent; border-bottom-color: #212121; border-right-color: #212121; transform: rotate(45deg);} .gcp-customdrop > .dropdown-menu{min-width: 230px;} .gcp-customdrop > #sortinglist.dropdown-toggle{width: auto; border: none;} .gcp-customdrop > #sortinglist.dropdown-toggle:hover{box-shadow: none;} .gcp-customdrop .dropdown-menu .dropdown-item{padding: 12px 16px;} .gcp-customdrop .dropdown-menu .dropdown-item:hover{background:#fafafa;} .already-invited {padding: 4px; border-radius: 2px; border: solid 1px rgba(243, 169, 27, 0.4); background-color: #ffecd3; display: inline-block; font-size: 10px; line-height: 10px; color: #f1a208;} .instruction-box{padding: 16px 24px 16px 16px; border-radius: 6px; background-color: #fef8e6; color: #212121;} .liststyleslide .slick-arrow,.liststyleslide .slick-arrow:hover,.liststyleslide .slick-arrow:focus{background: #fff; border-radius: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);} .liststyleslide .slick-arrow::before{border-left-color: #424242; border-bottom-color: #424242;} .liststyleslide .slick-prev{transform: rotate(0deg); left: 0; margin-top: 0; right: auto; top: 0;} .studentselction > .col-sm-6{padding: 14px;} .studentselction > .col-sm-6:first-child{border-right: solid 1px #dadada;} .studentselction{border-radius: 3px; border:solid 1px #DADADA;} .studentselction .checkbox-input.checkbox-inline{margin: 0;} .studentselction .checkbox-input{padding-left: 28px;} .lftbar{min-height: 500px;} @media (max-width : 767px){ #discussion-forum #change-criteria-comment{padding-left: 9px; min-width: 130px;} #leaderboardblk{padding-top: 16px;} .winnerlist{margin-top: 8px;} .box-card.winner{margin-top: 4px;} .mscreen_prize{margin-top: 35px;} #gcpdisc_header .searchsection > .fctrl{width: calc(50% - 8px)} #discussion-forum header .sortdiv{padding: 0; float: none;} #discussion-forum header .sortdiv span:first-child{display: none;} .activity-list a{padding:16px; display: block; color: #757575; border-bottom:solid 2px transparent; position: relative; z-index: 1; border-radius: 0;} .activity-list a:focus,.activity-list a:hover{background: #FAFAFA;} .activity-list a.active{color:#ea4335} .cert{top: 184px;} .gcp-customdrop > .dropdown-toggle{width: 100%;} .share-section{padding: 0;} #participants-1{flex-flow: row; overflow: hidden; overflow-x: auto;} #participants-1 > div{width: 300px; flex-shrink: 0;} .my-badges .content {height: 250px;} #howdoeswork .how-does-work h2{font-size: 24px;} .whyshould{padding: 8px;} #whyshould .why-should-join{margin:40px 0;} .shodow-effect{display: flex; padding-bottom: 40px;} #howdoeswork .how-does-work .first-icon{background:#fe2c25; border-radius:50%; width:40px; height:40px; text-align:center; position: relative;box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.16);} #howdoeswork .how-does-work .first-icon i{font-size: 18px;} #howdoeswork .how-does-work .second-icon{background:#2885fc} #howdoeswork .how-does-work .third-icon{background:#ffba00} #howdoeswork .how-does-work .fourth-icon{background:#00ac47} #howdoeswork .how-does-work .fifth-icon{background:#8e5cd8} #howdoeswork .how-does-work .six-icon{background:#49b5c1} #howdoeswork .how-does-work .shodow-effect h3{padding: 20px;} #howdoeswork .how-does-work .shodow-effect h3{width: calc(100% - 76px); padding-top: 0; text-align: left; padding-bottom: 0;} .activity-reward .icon-info{margin-top: 4px;} .no-content{height:auto; padding: 30px;} #profile-pic .profile-head{background: url(https://www.techgig.com/files/contest_upload_files/profilebg-grdm-230321.svg) no-repeat 0 0; background-size:100%;} #aboutclouddevjam .about-cloud-dev{padding:8px;} #page-footer .nav{display: block;} #page-footer .nav .fctrl + .fctrl{margin-left:0; padding: 8px 0;} #aboutpageheader{padding-left: 16px; padding-right: 16px;} #infrastructure,.why-should-join,#aboutclouddevjam .about-dev-jam-text{padding-left: 8px; padding-right: 8px;} #infrastructure .nav-pills .nav-link{padding:16px;} .article-blk{padding: 8px; padding-top: 16px; font-size: 14px;} #select_proficiency_level{width: 100%;} #corporate-navigation{flex-flow:column wrap; border-radius: 4px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); background-color: #fff;} .navigation-bar li.active a{border-color: transparent;} .leftnavigation > ul:not(.sh-activity) li a{padding-bottom: 13px;border-bottom: solid 2px transparent;} .leftnavigation ul:not(.sh-activity) li.active a{border-bottom-color: #EA4335;} .leftnavigation ul.sublist li a{padding: 4px 8px;} #aboutpageheader p{font-size:24px; padding:20px 0 0 0; line-height:36px;} #aboutpageheader .padtop-100{padding: 16px 0 0 0; position: relative; bottom: -15px;} #aboutclouddevjam {padding:40px 0;} #aboutclouddevjam h2{ font-size: 24px;} #whyshouldmobile{padding:40px 0; } #whyshouldmobile h2{font-size:42px; color:#212121; line-height:48px;} #whyshouldmobile .why-join-first{ background:#fdeeed url(https://www.techgig.com/files/contest_upload_files/why-should-cur-first-19march21.png); } #whyshouldmobile .why-join-second{background:#fffaeb url(https://www.techgig.com/files/contest_upload_files/why-should-cur-second-19march21.png);} #whyshouldmobile .why-join-third{background:#ecf3fe url(https://www.techgig.com/files/contest_upload_files/why-should-cur-third-19march21.png);} #whyshouldmobile .why-join-fourth{background:#effaf2 url(https://www.techgig.com/files/contest_upload_files/why-should-cur-fourth-19march21.png);} #whyshouldmobile .why-join-fifth{background:#fbf1ff url(https://www.techgig.com/files/contest_upload_files/why-should-cur-fifth-19march21.png); padding:50px 30px 150px 30px;} #whyshouldmobile .bg-pos-fixed{background-repeat:no-repeat; background-position: right bottom; padding:50px 30px 100px 30px; font-size:14px; line-height:24px; font-weight:600;} #howdoeswork{padding:0 8px 20px 8px} #infrastructure{padding:40px 0} #infrastructure .inline-tab-col{display: table; table-layout: fixed;} #infrastructure .inline-tab-col a{display: table-cell; width: auto;} #start-journey{padding:40px 0; margin:0px;} #start-journey .block-mobile{display: block; font-size: 24px; padding: 15px 0 0 0;} #infrastructure .nav-pills .nav-link.active, .nav-pills .show > .nav-link{border-bottom:#ea4335 solid 2px; border-left:none;} #infrastructure .tab-content-text{padding:20px 0 0 0} .mobile-overflow-scroll {overflow-x:scroll;} .mobile-overflow-scroll div {display: table; table-layout: fixed;} .mobile-overflow-scroll div a{display: table-cell; width: auto; white-space: nowrap;} #profile-pic .profile-head{height:100px;} #profile-pic .pull-left,.profile-update-pos .pull-left{float:none} .profile-update-pos .media,.profile-update-pos .media-body,#profile-pic .media{display:block;} #profile-pic .media .media-body{display: block;} #profile-pic .profile-pic .profile-icon{width: 130px; height: 130px;} #profile-pic .profile-pic .profile-info{padding-top: 24px;} #editprofile input[type], #editprofessionaldetail input[type], #addskills input[type]{width:100%;} .my-progress .my-progress-sect,.my-progress .my-progress-sect.gi{background:none; margin:20px 0 0 0} .hide-element{display:none} .my-badges .nav-pills .nav-link{padding-left: 6px; padding-right: 6px;} .profile-update .profile-update-pos .media{display:block} .profile-update{background: url(https://www.techgig.com/files/contest_upload_files/profile-header-img-m-15march21.png);background-size:contain;background-repeat:no-repeat; min-height:220px; height: auto; position:relative; } .profile-update .profile-update-pos{left:10px; bottom: auto; top :8px; position: static; padding: 8px; padding-bottom: 0;} .my-progress, .my-badges-top, .my-progress h3{padding:0px; margin:0px;} .my-progress, .my-badges-top, .my-progress, .my-participants{padding:0px 15px;} .my-badges .view-all{margin-bottom:10px;} .my-progress h2{padding:10px 0 0 0; margin:0px;} .main-banner{padding:0px;} .activity-reward{border-top: solid 1px #eee; margin-top: 16px; padding-top: 8px;} .leaderboardblk-refferal .activity-reward{border: none; position: static; margin: 0; padding: 0;} .data-head, .data-row{margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px;} .data-row{position: relative;} .current-row{margin-top: 24px;} .posleftbar.posright{border-color: transparent;} .data-row .col-sm-4{position: static;} .data-row .share-btn{position: absolute; top: 10px; right: 10px;} .calenderctrl{display: flex; justify-content: space-between;} .embed-container{height: 240px;} .trackp{padding-top: 30px;} .trackp::before{top:34px} #addmodule .recomb{right: 10px;} .breadcrumb-track{display: none;} .headernav .nav-item.parent > a::after,.headernav .nav-item.parent:hover > a::after{top:18px; margin-top: 0;} .posfloatbar{right: 0;} .track-listing-bar header{padding-top: 12px; padding-bottom: 12px;} .track-intro.signuptab{display: flex;} .track-intro.signuptab li{flex: 1; text-align: center;} .track-intro.signuptab li:first-child:nth-last-child(2), .track-intro.signuptab li:first-child:nth-last-child(2) ~ li{width: 50%;} .mrg40{margin-top:24px;} .profile-block{display: block;} .badgecard-slider .card-box{margin-left: 0; margin-right:24px;} .badgecard-slider .slick-list{padding-left: 0 !important;} .badgecard-slider.slick-slider .slick-arrow{visibility:hidden;} .profile-personal,.profile-badge{padding:16px;} .main-banner{padding:0 8px;} .leftnavigation:not(.static){margin-left: -16px; margin-right: -16px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.06); padding-bottom: 0;} .leftnavigation > ul:not(.sh-activity){display: flex; white-space: nowrap; overflow-x: auto; overflow-y: hidden;} .callout1{font-size: 42px; line-height: 60px; font-family: 'Product_SansM'; font-weight: 500;color: #212121;} .callout2{font-size: 24px; line-height: 48px; color: #212121;} .h1_p{font-size: 24px; line-height: 42px; color: #212121;} h1,.h1{font-size: 20px; line-height: 24px; color: #212121;} h2,.h2{font-size: 18px; line-height: 24px; color: #424242;} h3,.h3{font-size: 16px; line-height: 24px; color: #424242;} .h4_secondry,.h4_secondry,h4,.h4{font-size: 14px; line-height: 21px; font-weight: bold; font-family: 'Product_SansB'; color: #424242;} .h4_primary{font-family: 'Product_SansM'; font-weight: 500;} .h4_secondry{font-family: 'Product_Sans'; font-weight: normal;} #whyshould{padding: 8px;} #whyshould .why-should-join h2{font-size: 24px; line-height:42px;} .aboutimg{height: 180px; overflow: hidden;} .why-should-join-text{padding: 16px 8px;} .mfilter{width: 40px; height: 40px; padding: 4px; border-radius: 2px; border: solid 1px #e0e0e0; background-color: #fff;} .mfilter .fctrl + .fctrl{margin-left:0} } /****/ #sesson_msg_block .modal-content{min-height: 200px; background: #ea4335; color: #fff;} #sesson_msg_block .modal-content h1,#sesson_msg_block .modal-content .h1{color: #fff;} .videocard {margin: 8px; border-radius: 6px; overflow: hidden; height: 332px;} .videocard button.slick-prev{left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;} .videocard button.slick-prev::before{left:16px;} .videocard button.slick-prev:hover{width: 74px; font-size: 12px; color: #fff; text-align: right; padding-right: 16px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border: none;} .videocard button.slick-next{right:0; border-top-right-radius: 0; border-bottom-right-radius: 0;} .videocard button.slick-next::before{right: 16px; left: auto;} .videocard button.slick-next:hover{width: 74px; font-size: 12px; color: #fff; text-align: left; padding-left: 16px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border: none;} #re-authenticate-login .modal-footer, #re-authenticate-login .modal-header,#re-authenticate-login .modal-body{padding:16px} #re-authenticate-login .modal-header,#re-authenticate-login .modal-body,#re-authenticate-login .modal-header{padding-bottom: 0;} #re-authenticate-login .forgot-password-area{display: block;} ._certificaion_section .dummy-cert{margin:auto;} ._certificaion_section{background:#FAFAFA} ._certificaion_section .posrel{position: relative; } ._certificaion_section .locked{background-color: rgba(0, 0, 0, 0.5); padding: 16px 20px; border-radius: 5px; box-shadow: 0 11px 21px 0 rgba(0, 0, 0, 0.1);} .referral-program{background-color: #2885FC; border-radius: 6px; box-shadow: 0 4px 24px 0 rgba(14, 31, 53, 0.08), 0 6px 12px 0 rgba(14, 31, 53, 0.12), 0 3px 6px 0 rgba(14, 31, 53, 0.08); padding:20px; color:#fff; margin:20px; padding:20px; font-size:14px; line-height:21px; position: fixed; bottom: -160px; transition: all 0.5s;} .referral-program a{text-decoration:underline; color:#fff;} .referral-program-top{background-color: #ECF3FE; color:#4285F4; padding:20px 0; font-size:14px;} .referral-program-search .gcpcompanysearch{background-color: #FFFFFF; border: 1px solid #DADADA; border-radius: 28px; width:100%; background: url('https://www.techgig.com/files/contest_upload_files/referral-search-programme-18oct21.svg') no-repeat left; background-position: 22px 20px;} .referral-program-search .gcpcompanysearch input,.referral-program-search .gcpcompanysearch input:focus{outline:none; border:none; padding: 15px 20px 15px 50px; background: none;} .referral-program-search .gcpcompanysearch input.serbtn{background: #EA4335;border:solid 2px #ffffff;color:#fff;padding: 16px 32px;border-radius: 29px;} .gcpcompanysearch #searchcompany{width: calc(100% - 100px);} .referral-program-search .gcpcompanysearch input.disabled {background: #dadada; color: #212121;} .referral-program-search-list ul{padding:0px; margin:0px; list-style:none;} .referral-program-search-list ul li{color:#4A4548; padding:10px; } .referral-program-search-list ul li.hclass{display: none;} .referral-program-search-list ul li.alterrow{background-color: #F7F7F7;} @media (min-width:769px){ .referral-program{width: 300px;} .referral-program.visiblecard{bottom: 40px;} ._certificaion_section .dummy-cert{width:480px; margin:auto;} .res-head{height: 78px; overflow: hidden;} .recommend .contest-blk{height: 63px; overflow: hidden;} .recommend .contest-head{height: 52px;} #discussion-forum ul.comment-section > li > ul.subcomment-section{margin-right:-30px; margin-left: -30px;} #discussion-forum .intiate-question > ul{padding: 40px;} .discussion-forum{min-height: 500px;} .liststyleslide .style-tag{margin: 0 5px; display: inline-block; border:solid 1px transparent; padding: 6px 20px; line-height: 22px; background-color: #F5F5F5; border-radius: 20px; color: #424242;} .liststyleslide .style-tag:hover,.liststyleslide .style-tag.active{color: #EA4335;} .discussion-forum{padding-left: 16px; padding-right: 16px;} .comment-section > .append-first-comment{padding: 30px;} .videocard {height: 332px;} #sesson_msg_block .modal-content{height: 450px;} .profile-update .profile-info {padding:20px 0 0 0} .invite-section{padding:0 30px;} #manage-filters.modal.fade .modal-dialog{min-width: 500px;} #TechGigbootStrapModal .modal-body,.wd500{width: 500px;} .wd800{width: 800px;} #infrastructure .nav-pills .nav-link:hover{border-left:#ea4335 solid 2px;} .registerbar::after{content: "/"; position: absolute; font-size:14px; color: #e0e0e0; right: -13px; top: 50%; margin-top: -9px;} #howdoeswork .shodow-effect{margin-bottom:40px;} #howdoeswork .how-does-work .shodow-effect:hover{box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.04); transition: all 0.75s ease;} #whyshould .why-should-join{margin:80px 0;} #howdoeswork .how-does-work .first-icon{background:#fe2c25; border-radius:50%; width:60px; height:60px; text-align:center; display:block; margin:30px auto; position:relative; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.16);} #howdoeswork .how-does-work .second-icon{background:#2885fc} #howdoeswork .how-does-work .third-icon{background:#ffba00} #howdoeswork .how-does-work .fourth-icon{background:#00ac47} #howdoeswork .how-does-work .fifth-icon{background:#8e5cd8} #howdoeswork .how-does-work .six-icon{background:#49b5c1} #whyshould .why-should-join-text{padding:50px 70px; font-size: 16px;} #aboutclouddevjam .about-cloud-dev{background: url(https://www.techgig.com/files/contest_upload_files/cloud-dev-jam-dot-bg-17march21.png); background-repeat:no-repeat; left:0px; top:0px; display:block;} .headernav .nav-item:hover .menuwrap{display: block;} #aboutclouddevjam .about-cloud-dev{padding:30px 30px 0 50px; } #aboutclouddevjam .about-cloud-dev img{max-width: 100%;} input.shactivity_chk + ._lbcactivelabel + .hiddenctrl{display: block;} .leaderboard-block{margin-left: -8px;} .share-section-popup .socialbtn .social-share-button{margin-right: 0; margin-bottom: 0; width: 84px; min-width: 84px; border-radius: 0; flex: 1;} .socialbtn .social-share-button:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .socialbtn .social-share-button:last-child{border-top-right-radius: 4px; border-bottom-right-radius:4px;} .article-blk{padding-left: 24px; font-size: 16px;} .fcol{padding-left: 30px; white-space: nowrap;} .fcol .icon-info{margin-left: 4px;} .activity-detail .badge.white{margin-left: -66px; position: absolute; right: -66px; top: 50%; margin-top: -21px;} .activity-detail-bar{width: calc(100% - 66px); position: relative;} .embed-container{height: 360px;} .topnavbar > li.fctrl .dropdown{margin-left: 24px;} .proof-submissionblock .quest-file{margin-left: -70px;} .badgecard-slider{display: flex;} .badgecard-slider > div{width: 33%;} .badgecard-slider > div + div{margin-left: 16px;} .posfloatbar{padding-left: 40px; padding-right: 40px; width: 440px;} .posfloatbar .header{left: 40px; right: 40px;} ._slickslider .card-box{margin: 2px 8px 8px 8px;} ._slickslider .card-box.dashboard-card{margin-bottom: 24px;} .profile-badge{border-bottom-left-radius: 0;} .headernav a{border-bottom:solid 2px transparent;} .track-content .text-right1{text-align:left; padding:10px 0 0 10px} .connectinglist.toppos{display: flex; flex-flow: row wrap;} .connectinglist.toppos li{padding-left: 0; padding-top: 20px; flex: 1; text-align: center; padding-bottom: 0;} .connectinglist.toppos li:before{width: 100%; left: 50%; right: 0; bottom: 0; top: 0; border-left: none; border-top: dashed 3px #e0e0e0; height: 1px;} .connectinglist.toppos li:after{top:0;left: 50%;margin-top: -5px;width: 11px;height: 11px;margin-left: -6px;} .connectinglist.toppos li:last-child::before{width:0%;} .articleprocessbar{position: sticky; z-index: 2;padding-bottom: 4px;} .headerfixed .articleprocessbar{top:75px;} .headerfixed .posleftbar,.headerfixed.track .posleftbar{padding-top: 77px;} .track .posleftbar{padding-top: 176px; transition: padding-top 0.25s;} .profile-badge{width: 225px; height: 154px; display: flex; align-items: center;} .leftnavigation > ul li{padding: 20px 0;} .leftnavigation > ul li li{padding: 4px 0; padding-left: 44px; } .leftnavigation > ul li li a,.leftnavigation > ul li.active li a{color: #757575;} .leftnavigation > ul li li:hover a,.leftnavigation > ul li li.active a,.leftnavigation > ul li.active li:hover a,.leftnavigation > ul li.active li.active a{color: #212121;} .leftnavigation ul li a{display: flex; padding: 0 18px; border-left: solid 3px transparent; color: #757575;} .leftnavigation > ul li.active > a{border-left-color: #ea4335;} .leaderboard-bar{padding-right: 50px;} #select_leaderboard_type{margin-left: 16px;} .leftnavigation ul li a svg{margin-right: 18px; display: inline-block;} .leftnavigation ul li:hover a svg .strocke{stroke: #ea4335;} .profile-block{display: flex; flex: 1; align-items: center; padding-left: 16px; justify-content: space-between;} .profile-personal{padding-right: 16px; flex: 1;} .posleftbar{position: fixed; top: 0; right: 0; bottom: 0; padding-left: 0; border-left: solid 1px #eee; padding-right: 0; background: #fff; overflow-y: auto; overflow-x:hidden; height: 100vh; float: left; padding-top: 100px; box-shadow: 6px 0 12px 0 rgba(0, 0, 0, 0.02), inset -1px 0 0 0 #eeeeee;} .skheight{height: 65px; overflow: hidden;} .skillbox{height: 84px; overflow: hidden;} .about-section{padding:90px 0;} .modal-body{padding:32px;} .questblock{max-height:300px; overflow-y:auto;} .gcpalert{line-height: 14px;} .gcpalert .close{margin-top: -6px;} .alignmiddle{padding-right: 24px;} #discussion-forum header{display: flex;} #discussion-forum header p { float:right; margin-bottom:0;} .menuwrap{width:300px; padding: 24px; border-radius: 6px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #eeeeee; background:#fff; position: absolute; margin-left: -150px; top: 60px; z-index: 9;} .refernwin{background:url(https://www.techgig.com/files/contest_upload_files/banner-img-150620.svg) no-repeat right bottom; } .refernwin > .container{position: relative; height: 470px;} .refernwin .tnc{position: absolute; bottom: 16px; left:8px;} .headerlink{padding: 6px 50px;} .side-spacing{padding: 0 50px;} .log-header-section{border-bottom: solid 1px #eeeeee;} .font56{font-size: 56px;} .leaderboardtab > li{padding-bottom: 16px; position: relative;} .leaderboardtab > li + li{padding-left:12px;} .bannerwrap > article{padding-right: 40px;} .gcp-sign-section{background: #fff; position: relative;} .gcp-sign-section > div{position: relative;} .gcp-sign-section::before{content: ""; background: #fafafa; top: 0; right: 0; bottom: 0; left: 0; width: 45%; position: absolute;} .quest-section{background:url(https://www.techgig.com/files/contest_upload_files/quest-cloud-banner.png) no-repeat left bottom; min-height:480px;} .signupwrap{padding-right:64px; padding-left: 0; color: #757575; padding-bottom: 40px; padding-top: 32px;} .figure-img{margin: auto;} .schedule-wrap{padding: 17px 16px;} .dflex{display: -ms-flexbox !important; display: flex !important; border-radius: 3px;} body.info5-blk .overlay.info5-blk:before{content:none} body.info5-blk .overlay.info5-blk:after{width: 104%;height: 146px;left: -16px;border-radius: 0;top: -100px;} body.info5-blk .overlay.info5-blk *{z-index: 108;} body.info6-blk .info5-blk.overlay,body.info6-blk .info5-blk.overlay:before,body.info6-blk .info5-blk.overlay:after{z-index: 104;content: none;} .whysection .container .section{padding-left: 60px; background-color: #fafafa; border-radius: 6px; width: 100%;} .certificate-dropdown > .dropdown-menu{box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 3px;} .journey-event li{flex: 1; align-items: center; justify-content: center; list-style-type: none; padding: 0; text-align:center; position: relative; padding-left: 0;} .journey-event li::after,.journey-event li::before{content: ""; top: 50%; margin-top: -2px; height: 4px; background: #bdbdbd;left: 0;width: 30px; position: absolute;} .journey-event li::after{right: 0px; left: auto;} .journey-event li::before{left: 0px;} .about-section .videoframe{margin-right: 80px;} .whysection .media .figure{margin-bottom: 0; margin-left: 65px; order: 2; display: flex; height: 100%;} .learn-block .track-block{margin-right: 4px; margin-left: 4px;} ._slickslider .slick-slide:first-child .card-box {margin-left: 1px;} .learn-block{padding: 45px 0;} .testimonial-blk > .card-box, .testimonial-blk .card{margin: 8px;} .testimonial-blk .card.videocard{height: 333px;} .testimonial-text{height: 150px;} .modal.fade .modal-dialog{transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; margin: 0;} #addmodule.modal.fade .modal-dialog .modal-content{height: calc(100vh - 10vh); overflow-x: hidden; overflow-y: auto;} .modal-dialog.wd800{width: 800px; max-width: 800px;} #addmodule .modal-lg,#addmodule .modal-xl {max-width: 800px; width: 800px;} #addmodule .modal-body{height: 100%; overflow: auto;} #addmodule .modal-footer{background: #fff; box-shadow: 0 20px 40px 0 rgb(0 0 0 / 20%); z-index: 6;} #proficiency-ques-model .modal-dialog{width: 840px;} .modal .modalsection{width:600px;} } /** Mid Screen Mobile **/ @media (max-width: 481px){ .winnerrow{width:50%;} .logo > img{height:25px;} .profilelinks > img{height: 14px;} } /** iPhone 5S or 320 screen **/ @media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){ /*** Webinar Certificate **/ .google_certificate.webinar{left:160px;} .google_certificate.webinar .footer_block{margin-top: 40px;} } @media (max-width: 1024px) and (min-width: 767px) and (orientation: portrait){ /*** Webinar Certificate **/ .google_certificate.webinar{left:40px;} .google_certificate.webinar .footer_block{margin-top: 138px;} .google_certificate.webinar .contentwrap{padding-top: 175px;} .google_certificate.webinar .contentwrap .heading{line-height: normal; font-size: 25px; margin-bottom: 4px;} .google_certificate.webinar .topic{margin-top: 4px;} } /** Tab Screen **/ @media (max-width:768px){ .referral-program{background-color: #2885FC;padding: 12px;color: #fff;font-size: 12px;position: static;bottom: 14px;line-height: 11px;border-radius: 0px;margin: 0px;bottom: 41px;opacity: 0;line-height: 18px;} .referral-program.visiblecard{opacity: 1;} h4.contest-head{margin-top: 8px;} .gcpclose, .gcpclose:hover{top:0; right: 5px;} .leftnavigation{border-radius: 4px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); background-color: #fff; margin-top: 16px; padding:8px; padding-top: 0;} .leftnavigation > ul li li:hover a, .leftnavigation > ul li li.active a, .leftnavigation > ul li.active li:hover a, .leftnavigation > ul li.active li.active a{color: #212121;} .leftnavigation ul ul{padding-top: 0;} .headernav .nav-item{padding-top: 8px; padding-bottom: 8px; border-bottom: solid 1px #eee;} .videocard{margin: 0 8px;} .learn-block{padding: 30px 8px;} .menuwrap ul{margin-top: 0;} .menuwrap ul li{padding: 11px 0;} .footer {padding:50px 0 0 0;} .landingpage .whysection{padding-top: 24px;} .landingpage .about-section{padding:24px 0;} .whysection .container .section > .media-body{padding:16px; padding-top: 0;} .section > .media-body .media{align-items: flex-start;} .figure {height: 180px; overflow: hidden; border-top-left-radius: 6px; margin-bottom: 0;} .journey-event{flex-flow:column wrap;justify-content: center;align-items: center;text-align: center; list-style-type: none;} .journey-event li::after,.journey-event li::before{content: "";margin-top: -2px;height: 30px;background: #bdbdbd;left: 50%;width: 4px;position: absolute;margin-left: -2px;bottom: -15px;} .learn-block .col-sm-6 .card{margin-bottom: 24px;} .media.section{display: block;} .questrow .primarycolor{margin-bottom:8px;} .gcpalert{padding:0;} .gcpalert .close{padding-right: 2px;} .alignmiddle{padding-top: 40px;} .socialbtn{display: flex; flex-flow: row wrap; justify-content: center; } .socialbtn.btngroup24 > .fctrl + .fctrl{margin-left: 0;} .googlechamp{width:280px; right:-280px; padding:12px;} .googlechamp .champimg{display: none;} .star-icon{height: 32px; width: 32px; left: -31px;} .star-icon svg{transform: scale(0.8);} .logo{margin-right: 20px;} .headerlink{padding-top: 2px; padding-bottom: 2px;} .mhidden,.activity-slider,.headernav{display: none;} .mainnavigation{padding:13px 0px; padding-bottom: 12px; background: #fff;} .schedule-legend .ctrlcenter,.cm-flex,.leaderboardtab{flex-flow:row wrap;} .leaderboardtab.mobileoptimize{display: none;} .quest-section header.mrg40{margin-top:0} .quest-section header.mrg40 > h3{padding-top:0;} .cloudhero .btnprev, .cloudhero .btnnext{bottom:16px; left:0; top:auto;} .cloudhero .btnnext{left:40px} .articleblk{padding-left: 0; border-color:#fff; padding-left:8px;} .slick-slider{overflow: hidden;} .slick-slider .slick-next:hover,.slick-slider .slick-next{right:0;} .slick-slider .slick-prev:hover,.slick-slider .slick-prev{left:0;} .bannerwrap{padding:30px 0;} .bannerwrap .button1{padding:10px 15px;} .button1{padding: 10px 15px;} .headernav{display: block; position: fixed; right: -350px; width: 300px; transition: all 0.35s; top:0px; height: 100%; background-color: #fff; z-index: 2; overflow-y:auto} .headernav a{padding:10px 8px; padding-left: 0;} .brnadlinks{position: relative; display: block; width: 100%; padding: 0px 8px;} .brnadlinks .mnuoverlay{top:0; left:0; position: fixed; transition: all 0.25s; background: rgba(0,0,0,0.7); z-index: -1; opacity: 0;} .headernav a.active{border-color:transparent} #navheaderchk:checked + .fixedheader{z-index: 106;} #navheaderchk:checked + .fixedheader .headernav{right:0;} #navheaderchk:checked + .fixedheader .mnuoverlay{z-index: 1 ; right:0; bottom:0; opacity: 1; margin: 0;} .brnadlinks .mobileham{color:#424242; cursor: pointer; font-family: 'Material Icons'; position: relative; display: block; font-size: 32px; line-height: 24px; margin-bottom:0; float: right;} .winnerrow{width:33%; margin-bottom: 16px;} .order2{order:2;margin-top: 16px;} .com-profile{display: flex;align-items: center;} .com-profile > figure{margin-bottom: 0;} ul.typeahead.dropdown-menu {max-width: 100%;} ul.typeahead.dropdown-menu li a {white-space: normal;} #gcpformblk img[alt="sponcer"]{height: 25px;} .questrow{padding-bottom: 12px;} .quest_point_val{position: absolute; right: 0; width: auto;} .quest_heading{display:block; padding-right: 40px;} .certificate-tooltip{transform: translate3d(0px, 75px, 0px); display:none;} .certificate-tooltip .tooltip-inner{width:300px; max-width: 300px;} .certificate-tooltip .arrow::before{border-color:transparent; border-bottom-color: #fff; border-width: 0.4rem;} .certificate-tooltip .arrow{top:-12px;left: 22px;} .certificate_wrap h3{font-size:14px; font-weight: normal; line-height: 20px;} ._practice-course-wrap{margin-right: 40px;} .btxtright{text-align:right;} .table1-wrap .tblnw td{white-space: nowrap;} .text-mcenter{text-align:center;} .mtable{border:none; border-radius:0; margin-left: -16px; margin-right: -16px;} .mbtn-block{display:block;} input.mbtn-block{display:block; width:100%;} .certificate_block_wrap .google_certificate{padding-top: 152px; font-size: 12px;} .certificate_block_wrap .google_certificate .footer_block{font-size: 10px;} .certificate_block_wrap .google_certificate ._text{padding-bottom: 21px;} .certificate_block_wrap .google_certificate .heading{font-size: 26px;font-weight:bold;margin-bottom: 8px;line-height: 26px;} .certificate_block_wrap .google_certificate #c_id{padding-top: 88px; padding-left: 8px;} .certificate_block_wrap .google_certificate #c_id{padding-top: 59px;padding-left: 0;transform: scale(0.62);transform-origin: left;margin-left: -7px;} .mobile-dropdown-view ul > li .morebtn{display: none;} .moreoption{position: static; width:100%; display: block; border: none; padding: 0;box-shadow:none} .tabs3.nav-tabs:after{content:none} .certificate-dropdown > .dropdown-toggle{padding-left:4px;padding-right:4px; line-height: 28px;} } @media (max-width: 768px) and (min-width: 731px){ .google_certificate.webinar{left:35px;} .certificate_block_wrap .google_certificate{padding-top: 265px;} .certificate_block_wrap .google_certificate #c_id{padding-top: 88px; padding-left: 8px;} .google_certificate.webinar{top: 20px; left: 35px; right: 20px;} /*** Webinar Certificate **/ .google_certificate.webinar .contentwrap{padding-top: 145px;} .google_certificate.webinar .footer_block{margin-top: 80px;} } @media (max-width: 730px) and (min-width: 640px){ .certificate_block_wrap .google_certificate{padding-top: 215px;} .certificate_block_wrap .google_certificate #c_id{padding-top: 72px; padding-left: 3px;} } @media (max-width: 414px) and (min-width: 376px){ .certificate_block_wrap .google_certificate{font-size: 7px; padding:152px 12px 0px;} .certificate_block_wrap .google_certificate .heading{font-size:18px; margin-bottom:0;} .certificate_block_wrap .google_certificate ._text {padding-bottom: 20px;} .footer_block p {font-size: 7px; line-height: normal;} .certificate_block_wrap .google_certificate #c_id{padding-top: 73px; transform: scale(0.52); transform-origin: left; padding-left: 44px;} /*** Webinar Certificate **/ .google_certificate.webinar{top: 20px; left: 27px; right: 13px; font-size: 10px; padding-top: 65px; height:264px;} .google_certificate.webinar h3{font-size: 14px; line-height: 24px;} .google_certificate.webinar .comlogo{height: 10px;} .google_certificate.webinar .contentwrap{padding-top: 25px;} .google_certificate.webinar .contentwrap .heading{font-size: 18px; margin-bottom: 2px; margin-top: 4px; line-height: normal;} .google_certificate.webinar .topic{margin-top: 4px;} .google_certificate.webinar .sponcer-head{line-height: 20px; margin-bottom: 8px;} .google_certificate.webinar{height:260px !important;} .google_certificate.webinar .contentwrap .heading.wd40{font-size: 18px;} } @media (max-width: 375px) and (min-width: 361px){ .certificate_block_wrap .google_certificate{font-size: 7px; padding:152px 12px 0px;} .certificate_block_wrap .google_certificate .heading{font-size:18px; margin-bottom:0;} .certificate_block_wrap .google_certificate ._text {padding-bottom: 20px;} .footer_block p {font-size: 7px; line-height: normal;} .certificate_block_wrap .google_certificate #c_id{padding-top: 73px; transform: scale(0.52); transform-origin: left; padding-left: 44px;} /*** Webinar Certificate **/ .google_certificate.webinar{top: 20px; left: 27px; right: 13px; font-size: 10px; padding-top: 65px; height:237px;} .google_certificate.webinar h3{font-size: 14px; line-height: 24px;} .google_certificate.webinar .comlogo{height: 10px;} .google_certificate.webinar .contentwrap{padding-top: 25px;} .google_certificate.webinar .contentwrap .heading{font-size: 18px; margin-bottom: 2px; margin-top: 4px; line-height: normal;} .google_certificate.webinar .topic{margin-top: 4px;} .google_certificate.webinar .sponcer-head{line-height: 20px; margin-bottom: 8px;} .google_certificate.webinar{height:231px !important;} .google_certificate.webinar .contentwrap .heading.wd40{font-size: 15px;} } @media (max-width: 361px) and (min-width: 320px){ .certificate_block_wrap .google_certificate{font-size: 7px; padding:130px 12px 0px;} .certificate_block_wrap .google_certificate .heading{font-size:18px; margin-bottom:0;} .certificate_block_wrap .google_certificate ._text {padding-bottom: 20px;} .footer_block p {font-size: 7px; line-height: normal;} .certificate_block_wrap .google_certificate #c_id{padding-top: 53px; transform: scale(0.52); transform-origin: left; padding-left: 44px;} /*** Webinar Certificate **/ .google_certificate.webinar{top: 20px; left: 27px; right: 13px; font-size: 10px; height:221px !important;} .google_certificate.webinar .contentwrap .heading.wd40{font-size: 15px;} .google_certificate.webinar .comlogo{height: 10px;} .google_certificate.webinar .contentwrap{padding-top: 75px;} .google_certificate.webinar .contentwrap .heading{font-size: 18px; margin-bottom: 2px; margin-top: 4px; line-height: normal;} .google_certificate.webinar .topic{margin-top: 4px;} .google_certificate.webinar .sponcer-head{line-height: 20px; margin-bottom: 8px;} } @media (max-width:320px) { .certificate_block_wrap .google_certificate{font-size: 5px; padding:117px 12px 0px;} .certificate_block_wrap .google_certificate .heading{font-size:18px; margin-bottom:0;} .certificate_block_wrap .google_certificate ._text {padding-bottom: 20px;} .footer_block p {font-size: 5px; line-height: normal;} .certificate_block_wrap .google_certificate #c_id > span{transform: scale(0.5); transform-origin: left; padding-left: 11px;} .certificate_block_wrap .google_certificate #c_id{padding-top: 34px; padding-left: 30px;} /*** Webinar Certificate **/ .google_certificate.webinar{top: 10px; left: 25px; right: 13px; font-size: 10px;height: 205px !important;} .google_certificate.webinar .comlogo{height: 10px;} .google_certificate.webinar .contentwrap{padding-top: 70px;} .google_certificate.webinar .contentwrap .heading{font-size: 18px; margin-bottom: 2px; margin-top: 2px; line-height: normal;} .google_certificate.webinar .topic{margin-top: 4px;} .google_certificate.webinar .sponcer-head{line-height: 20px; margin-bottom: 0;} .google_certificate.webinar .footer_block{font-size: 8px;} }