/* ========================================================================== Global Settings ========================================================================== */ /* * Boxsizing set to border box http://css-tricks.com/box-sizing/ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * Body settings, change it as required */ body {font-family:'Lato', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; overflow-x:hidden; word-break:break-word; background: #f7f7f7; color: #4A4548;} body.landing-page:not(.sublanding-page){background: #fff;} body.admin-panel {overflow-x:visible;} body.hideScroll { overflow:hidden;} .content-section{padding-top:60px; padding-bottom:60px;} .page-dashboard .content-section{padding-bottom:0px;} .page-dashboard #content{padding-top: 0;padding-bottom: 0;} .oddclass{background:#fff;} .font16{font-size: 16px;} /* * Headings */ .greybg{background:rgba(239, 228, 251, 0.2);} #content {padding: 30px 0;} .darkmode,.darkmode .lblcolor,.darkmode p,.darkmode h1,.darkmode h2,.darkmode h3,.darkmode h4,.darkmode h5,.darkmode h6{color: #fff;} h1, h2, h3, h4, h5, h6 { font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:500; color:#19171A; text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:16px; } h1 { font-size:48px; line-height:72px;font-weight: 900;} h1.blk{color:#fff;} h2 { font-size:32px; font-weight:bold; line-height:38px; color:#19171A; margin-bottom:8px;} h2.sm-size{font-size:24px; line-height:32px;} h3 { font-size:20px; font-weight:bold; line-height:28px; color:#19171A} h4 { font-size:18px; font-weight:600; line-height:24px; color:#19171A;} h5 { font-size:16px; margin-bottom:16px; line-height:22px;} h6 { font-size:14px; margin-bottom:16px; color:#19171A;} p { font-size:14px; color:#4a4548; line-height:20px; margin-bottom:16px;} p.no-more-contents { margin-bottom:0;} p a { color:#d7263d;} p a:hover, p a:focus { color:#d7263d;} pre { background:#ffe6c5; border:0; color:#4a4548; font-size:14px; line-height:21px;} /* * Links */ a { color: #d7263d; text-decoration: none; line-height: inherit; } a:hover { color: #d7263d; text-decoration:none; } a:focus { color: #d7263d; outline: none; } p a, p a:visited { line-height: inherit; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #dadada; margin:20px 0; padding: 0; position:relative; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Helper classes ========================================================================== */ /* * Floats */ .left { float: left; } .right { float: right; } /* * Text Alignment */ .text-left { text-align: left; } .text-right { text-align: right; } /* * Image Alignment */ img.alignleft { float:left; margin:0 10px 10px 0; display: inline;} img.alignright { float:right; margin:0 0px 10px 10px; display: inline;} img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats */ /* * More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/ */ .clearfix:after { content: ""; display: table; clear: both; } /* * overflow method for clearing floats */ .floatbox { overflow:hidden; } /* * older method of adding empty tags for clearing */ .clear { clear: both; height:1px; line-height:1px; } /* * Chromeframe */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* * Other */ /* * Iframe */ iframe[name="google_conversion_frame"]{ display:none;} /* * Fonts */ @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Regular.eot'); src: url('techgig_resource/cand/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Regular.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Regular.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Regular.svg#Lato Regular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Light.eot'); src: url('techgig_resource/cand/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Light.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Light.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Light.svg#Lato Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Semibold.eot'); src: url('techgig_resource/cand/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Semibold.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Semibold.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Semibold.svg#Lato Semibold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Bold.eot'); src: url('techgig_resource/cand/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Bold.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Bold.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Bold.svg#Lato Bold') format('svg'); font-weight: bold; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Black.eot'); src: url('techgig_resource/cand/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Black.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Black.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Black.svg#Lato Black') format('svg'); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } .nobold{font-weight: normal !important;} /* ============== Layout ================== */ /* Container ---------------------- */ #container-wrap { min-width:320px; position:relative; padding-top:65px; left:0; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .activeMenu #container-wrap { left:150px;} .question-page #container-wrap.loggedin, .question-page #container-wrap.normal-padding.loggedin { padding-top:65px; -webkit-transition-property: none; -moz-transition-property: none;-o-transition-property: none;transition-property: none;} #container-wrap.activeMenu { left:0;} /* Header ---------------------- */ .nosubhead #header.notransition,.landing-page #header.notransition{background-color: transparent;} #header {position:fixed !important; z-index:1001; background:#fff; padding:0px; top:0; left:0; width:100%; height:80px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); transition:all 0.5s;} .headerbar{display:flex; flex-flow:row wrap;} #header.fixedheadernav{background:#fff;} #header .menu-item a{color:#19171a} #header .logo {position:relative; margin-right:0;} ._headlogo{display: none;} body.nosubhead #header.notransition .logo,body.landing-page #header.notransition .logo{display: none;} body.nosubhead #header.notransition ._headlogo,body.landing-page #header.notransition ._headlogo{display: block;} #header .presented-by { font-size:13px; padding:10px 30px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color:#797979; font-weight:500; margin:0; line-height:45px; display:flex;} #header .presented-by .cllogo{max-width: 130px; margin-left: 4px;} .headerbar .menucontainer{flex:2; align-self: center;} .navgroupwrap{display:flex; flex-flow:row wrap; align-self:center;justify-content:flex-end;} .menucontainer .user-area {order: 2;} .menucontainer a{padding:6px 12px;} .user-area a{margin-left:12px;} .activeMenu #header { left:0;} .question-page #header { position:absolute;} .menu-btn1 { width:25px; height:25px; background:none; border:0; color:#424242; display:block; text-align:center; line-height:21px; top:10px; position:absolute; left:5px;} .menu-btn1:hover, .menu-btn1:focus, .menu-btn1:active {text-decoration:none;} .menu-btn1 .line{ display:block; height:3px; background:#D7263D; margin:4px 0;} .nosubhead #cgsponcers{background: #fff;} /* Banner ---------------------- */ #banner {position:relative; background:#130700; background-size:cover; padding-bottom:7px; border-bottom:1px solid #8f9698; text-align:center; overflow:hidden; margin-top:0; padding-top:75px;} .landing-page.sublanding-page #banner{height: auto;} /*--- Banner --- */ #banner h1 {font-family:'lato', Arial, Helvetica, sans-serif; margin-bottom:16px; font-size: 32px; line-height: 48px;} #banner h1.nomargin{padding-top:10px;} #banner h1 span {font-family:'lato', Arial, Helvetica, sans-serif; display:block; color:#fff; font-size:24px; line-height:36px; font-weight: 400; padding-top:4px; text-transform: none;} #banner h1 span br { display:none;} #banner h2.semi-finale-txt {font-family:'impact', Arial, Helvetica, sans-serif; font-weight:normal; font-size:48px; color:#fff; margin-bottom:10px;} #banner p {color:#fff; margin-top: -8px;} .socialheading{margin-bottom:8px;} #banner p .prize { font-size:30px; color:#ffb800;} #banner .main-sponsors {width:216px; position:relative; margin:auto;} #banner .main-sponsors .sponsor-section { margin:0 -10px; position:relative;} .sponsor-section .titlesponcer{display:block; margin-bottom:8px;} #banner .main-sponsors p { font-size:12px; font-weight:bold; line-height:24px;} #banner .main-sponsors p.register{font-size:21px;} #banner p.register > span{font-size:30px; color:#ffb800;} #banner .main-sponsors p span.logo-holder { min-width:112px; padding:5px; min-height:63px; margin:0 1px; background:#fff; display:inline-block; line-height:52px;} #banner .main-sponsors p span.logo-holder a {display: table-cell; width: 102px; height: 59px;vertical-align: middle;} #banner .main-sponsors p span.logo-holder img { vertical-align:middle; max-height:59px; max-width:102px;} #banner .register-area { background:rgba(0,0,0,0.5); width:525px; margin:0 auto 10px; text-align:left; border-radius:2px; padding:12px 25px;} #banner .sociable .social-btn { margin:0 8px 0 0; border-radius:50%; width:30px; height:30px; padding:0; line-height:30px;} #banner .sociable .social-btn .fa { border:0; line-height:30px; width:30px; height:30px; text-align:center; font-size:17px;} #banner .or-divider { display:block; border-radius:10px; text-transform:uppercase; font-size:9px; color:#252122; height:17px; line-height:18px; background:#e6e6e6; width:17px; text-align:center; margin:0 auto 15px;} #banner .btn-lg { font-size:20px; min-width:250px;} #banner .btn-md{font-size:16px; min-width:160px; padding: 6px 10px; line-height: 26px; background: transparent; border-color: #fff; border-radius: 3px;} .bannerprizeimg{width:246px; max-width:246px; overflow:hidden; position:relative;} .title-sponsor{background: #fff; border-radius: 30px; display: inline-block; padding: 5px 20px;color: #424242; font-size:14px; margin-bottom: 16px;} #newsletter-form{padding: 3px; border-radius: 28px; background: #fff;} .searchpanel .input-group-addon,#newsletter-form.searchpanel .form-control{border-radius: 24px; border: none; box-shadow: none;} .searchpanel .input-group-addon{overflow: hidden;} /***** Open Contest **********/ #banner .opencontest > h1 .eventname{margin-bottom:0px; font-size: 20px; font-weight: bold; line-height: 28px; color: #fff;} #banner .opencontest h1 .eventbyline{padding-top:12px;} .opencontest .button1{min-width:160px; line-height: 26px;} .opencontestprizemoney{text-transform:uppercase; color:#4b0202; font-size:16px; line-height:25px; position: relative; z-index: 2; padding-top: 50px;} .opencontestprizemoney .head{font-size: 22px; line-height: 30px;} #banner .opencontest .bannerprizeimg{margin-bottom:0; left:0;} /********* Sponcers block ************/ .sponcerbox{margin-bottom:40px;} .sponcerbox h6{margin-bottom:8px;} /*--- Newsletter Form --- */ .searchpanel .form-control{height:42px; padding:8px 16px;} .searchpanel .form-control>input{width:100%; border:none; outline:none;} .searchpanel .input-group-addon{padding:0; background:none; border:none;} .searchpanel .searchctrl{min-width:140px; background:#d7263d; color:#fff; border: solid 1px #d7263d; padding: 2px 12px; line-height: 36px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} #matrix {position:absolute; left:0; right:0; bottom:0; top:0; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); max-width: 100%;background:url(https://www.techgig.com/files/contest_upload_files/cg_internal_bg_290323.png); background-size: 100%; width: 100%;} .youtube-video{position:absolute; z-index:1000; right:20px; text-align:center; width:150px; bottom:20px; color:#fff;} .youtube-video span{display:block; margin-bottom:4px;} .cg-bgwrap{z-index:1;} .cg-contentwrap{position:relative; z-index:2;} .sponser-banner-block{margin:20px 0;} .searchpanelwrapper .schedule{color:#fff; margin-top:16px;} .cg-bgwrap .bannerwarrior{position:absolute; right:-100%; bottom:0; z-index: 4; transition:all 0.5s; width:382px; animation-name: cgwarrior; animation-duration: 1.5s;animation-iteration-count: 1;animation-timing-function: ease-in-out; animation-fill-mode: forwards; width: 366px; height: 515px;} .cg-bgwrap .bannerwarrior.left{right: auto; left: -100%; animation-name: cgwarriorleft; width: 365px; height: 515px;} .cg-bgwrap .bannerwarrior1{width:382px; bottom:0; top:auto;} .cg-bgwrap .bannerwarrior2{width:388px; left:-100%; right:auto; bottom:0; top:auto; animation-name: cgwarriorleft;} @keyframes cgwarrior{ 0% {right: -100%;} 100% {right: 0%;} } @keyframes cgwarriorleft{ 0% {left: -100%;} 100% {left: 0%;} } .paragraph-end {background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0.5))); background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.5)); background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.5)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff'); width:50%; height:100%; position:relative; z-index:1;} @keyframes shine{ 10% { opacity: 1; top: -30%; left: -30%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } 100% { opacity: 1; top: -30%; left: -30%; transition-property: left, top, opacity; } } @keyframes cgprize{ 0% {left: -100%; opacity:0;} 100% {left: 0%; opacity:1;} } .socialloginaction ul{padding:0; display:inline-block;margin: auto;} .socialloginaction ul li{float:left; list-style-type:none; padding-left:0;} .socialloginaction ul li + li{padding-left:8px;} .socialloginaction ul li a{width: 32px; height: 32px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.15);display: flex; align-items: center;} .socialloginaction ul li a svg {color:#fff; margin: auto;} .socialloginaction ul li a:hover{background:#d7263d;} .box-design,.hacathon-section.box-default1{border:solid 1px #dadada; box-shadow: none;} .box-design{padding:24px; border-radius: 6px;} .box-design.connecting{position: relative;} .post .checkedlist{list-style-type: none; padding-left: 0;} .post .checkedlist li{background: url(https://www.techgig.com/files/contest_upload_files/checked-icon.svg) no-repeat 0 0; padding:2px 0 2px 45px;} /**** Sponcer ********/ .sponcer{background:#fff; padding:16px;box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.11);} .sponcer_colum{display:flex; flex-flow:row wrap;} .sponcer_colum span{display:block; margin-bottom:8px; text-transform:uppercase;color: #4a4548;} .sponcer_colum .sponcer_type{flex:1.1;} .sponcer_colum .type2{flex:3;} .sponcerblk {display: flex; align-items: center; flex-flow:row wrap;} .sponcer_colum .sponcerimg{background:#fff; width:112px; height:64px; border:solid 1px #dadada; display: flex; justify-content: center;margin-bottom:8px; margin-right:8px;} .sponcerimg a,.sponcerimg .spn_img{display: block; vertical-align: middle; text-align: center; width: 100%; height: 100%; position: relative;} .sponcerimg img{max-width:100%; max-height:100%;} .sponcerimg a img,.sponcerimg .spn_img img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;} .outerhide{display:none;} .profile-about-section { padding-bottom:24px; margin-bottom:24px; border-bottom: 1px dashed #dadada;} /*--- signup-login-wrap --- */ .signup-login-wrap {margin-bottom: 10px; background: linear-gradient(104.04deg, #8F0032 1.94%, #083D80 99.22%); display: flex;box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; overflow: hidden; margin-top: 40px;} #why-participate h2{ margin-bottom:40px;} #why-participate h3{color:#fff;} #why-participate ul{margin:0px; padding:0; list-style:none; display: flex;flex-flow: row wrap;} #why-participate li{text-align:center; margin-bottom:20px; color: #fff; background: url(https://www.techgig.com/files/contest_upload_files/arrow-150323.svg) no-repeat; padding-left: 38px; line-height: 23px; text-align: left;} #why-participate li i.icon{width:103px; display:flex; margin-right:8px; color:#135CA9; font-size:45px; border-radius: 2px;margin: auto; margin-bottom:16px;} #why-participate li .details{display:flex; align-items:center;} #why-participate li i.icon .center{margin:auto;} #why-participate .details p { color:#fff; margin-bottom:0; } .signup-login-wrap .form1 ul li { margin-bottom:10px; position:relative; } .signup-login-wrap .form1 .forgot-password-area { padding-top:8px; display:block; } .signup-login-wrap .form1 .forgot-password-area a { color:#8a858d; text-decoration:underline; } .signup-login-wrap .form1 .agreement { color:#8a858d;} .signup-login-wrap .form1 .agreement a { color:#4a4548; text-decoration:underline; } .signup-login-wrap .left-column { width:50%; float:left; padding:40px; padding-right:80px;} .signup-login-wrap .right-column { float:right; width:50%;background:#fff;} .signup-login-wrap .right-column .inner-wrap { padding:24px 0px; } .signup-login-wrap .right-column .inner-wrap .form1 ul li { margin-bottom:16px; } .signup-login-wrap .right-column .inner-wrap .form1 ul li.active-result{margin-bottom:0;} .signup-login-wrap .right-column .inner-wrap .form1 ul li:last-child { margin-bottom:0px; } .signup-login-wrap .form1 #autocomplete { width:100% !important;} .signup-login-wrap ul.token-input-list-facebook li input { margin:0px; } .signup-login-wrap .tabs10 .nav-tabs { padding:0; margin-bottom:0px; } .signup-login-wrap .tabs10 .nav-tabs li { width:50%; padding:0px 24px; } .signup-login-wrap .tabs10 .tab-content { padding:24px 16px; padding-bottom:0px; } .signup-login-wrap .form1 .varification-field .form-control { width:90px;} .signup-login-wrap #signup-login .inner-wrap {box-shadow:none;} .otherwinner{border:solid 1px #dadada; float:left; margin-bottom:8px; background:#fff;} .nosubhead .internalheading + .mrg24{margin-top: 0;} .nosubhead .internalheading{display: none;} /*************** Content Heading ***************/ .heading{text-align:center; font-weight:900; font-size:32px; margin-bottom: 8px;} /*.heading:after{content:""; display:block; background: url(images/cg2019_images/heading-bar.png) no-repeat top center; width: 100%; height: 25px; margin-top:8px;}*/ .achive-block{opacity:0; position: relative;} .img-block{height: 194px; display: flex; align-items: flex-end; margin-bottom: 16px;justify-content: center;} .activeani .achive-block{ animation-name: whyicons; animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: ease-in-out; top: 16px; animation-fill-mode: forwards;} .activeani .achive-block1{animation-delay: 0.5s;} .activeani .achive-block2{animation-delay: 1s;} .activeani .achive-block3{animation-delay: 1.5s;} @keyframes whyicons{ 0% {top: 16px; opacity:0;} 100% {top: 0px; opacity:1;} } .samecolheight{display:flex;} .contest-box h3{margin-bottom:8px;} .contest-box h3 .label{margin-left:8px;margin-bottom: 0;margin-top: 0;} .contest-box .block .icon,._icon {width: 18px; height: 18px; margin-right: 4px; display: inline-block; background-image: url(images/tg_images_new/sprites.svg); background-repeat: -no-repeat; vertical-align: text-bottom;} .daily-winnerdetail h4{position: relative;} .star-icon{left: auto; right:0; box-shadow:none} .lblcolor .star-icon{position: static;background-color: transparent;} .contest-box .block .icon.calender-icon {background-position: -112px -407px;} .contest-box .block .icon.time-icon {background-position: -169px -407px;} .contest-box .block .icon.user-icon {background-position: -196px -407px;} .star-icon {background-position: -120px -81px;} .contest-box .block {margin: 0px; margin-right: 8px; font-size: 12px; color: #4a4548; display:inline-block;} .contest-box .contestaward{text-align:center;} .contest-box .contestaward h5{margin-bottom:4px; margin-top:8px;} .contest-box .contest-icon{border: solid 1px #dadada; height: 80px; width: 80px; padding:8px; margin-right: 16px; display: flex; align-items: center;} .contest-box .contest-icon > img{max-width:100%; max-height:100%; margin:auto; width:100%;} .daily-winnerdetail h4,.daily-winnerdetail p{margin-bottom:8px;} .daily-winnerdetail{border-radius: 6px; background:#fff url(https://www.techgig.com/files/contest_upload_files/vblockbg-150322.svg) no-repeat 0 0; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.11); margin-bottom:24px; position: relative;} .daily-winnerdetail > .media{padding:24px; min-height:132px; } .daily-winnerdetail > .media::after{position: absolute; content: ""; top: 0; right: 20px; background: url(https://www.techgig.com/files/contest_upload_files/vouchernew-150322.svg) no-repeat top right; width: 24px; height: 30px;} .daily-winnerdetail .vouchers{background: url(https://www.techgig.com/files/contest_upload_files/voucherbg-150322.svg) no-repeat 0 0; background-size: 100%; padding: 10px 22px; margin-top: 29px;} .vouchers .voucher{color: #00BC87; line-height: 17px; text-align: left; font-weight: 900;} .vouchers .pull-left{margin-top: 6px;} .daily-prize{background-color: #eafcf2; border-top:dashed 1px rgba(28, 158, 85, 0.4); padding:16px 24px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; color:#1c9e55; line-height:16px; font-weight:bold;} #why .box-content-before::before{background:#0090ff; clip-path: polygon(33% 93%, 60% 93%, 67% 100%, 28% 100%); content:''; position: absolute; top: -100px; left: 0px; margin: auto; right: 0px; width:200px; height:100px;} #why .box-content-after::after {background: #0090ff;clip-path: polygon(33% 93%, 60% 93%, 67% 100%, 28% 100%); content: ''; position: absolute; bottom: -101px; left: 0px; margin: auto; right: 0px; width: 200px; height: 100px; transform: rotate(180deg); } #why .why-participant p{font-size:16px; line-height:24px; color:#4a4548;} #why .row-flex{display: flex;flex-wrap: wrap;} #why .row-flex [class*="col-"] {margin-bottom: 30px;} #awards h2{text-align:center; line-height: 38px; font-weight: 900;} #awards .table-section .table td{font-size: 16px;} .table-section{padding:8px 24px; padding-top: 16px; border: 1px solid #F2F2F2; border-radius: 0 0 8px 8px; margin-top: -8px;} .table-section .table{margin-bottom: 0;} .table-section .table td{vertical-align: middle; border-top-color: transparent; line-height: 43px;} .table-section .table tr + tr td{ border-top-color: #f2f2f2;} .table-section .table td h4{text-align: right; font-weight: bold;} .awards-prize-champ{background: url(https://www.techgig.com/files/contest_upload_files/awardbg1-140322.png) no-repeat bottom left; text-align:center; padding:30px; border-top-left-radius: 8px; border-top-right-radius: 8px; position: relative; background-size: 100%;} .awards-prize-champ::before,.awards-prize-champ::after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .awards-prize-champ > div{position: relative;} #awards .awards-prize .awards-prize-champ .champion1 {font-size:18px; padding:15px 0 0 0;} #awards .awards-prize .awards-prize-champ .champion2 {font-size:32px; font-weight:700; padding:20px 0} #awards .champion3{padding:20px 0 0 0} #awards .champion3 .float-left{float:left; margin:0 10px 0 0} .awardsection{background: url(https://www.techgig.com/files/contest_upload_files/awardbg-140322.png) no-repeat; background-size: 100%;} #awards .champion4{font-size:20px; font-weight:700; color:#19171a} .heading:after{background:none; height:0px;} #awards .awardmoney{font-size:20px; font-weight:700;} #awards h5,#awards h6{font-size:16px; font-weight:500; padding:0 0 5px 0; margin:0px;} #awards h6{margin-top: 20px; color: #4A4548; margin-bottom: 8px;} #awards h6 + .price{font-size: 24px; line-height: 32px; font-weight: bold;} #awards .borderbox{font-size:20px; font-weight:bold; color:#19171a; margin-top: 30px; background: #fff url(https://www.techgig.com/files/contest_upload_files/award-bg-150323.svg) no-repeat; border: solid 1px #F2F2F2; border-radius: 6px; background-size: 100%; padding: 24px;} ._testimonial{border-radius:0px; box-shadow:none; border-radius: 4px; margin:0px; overflow: hidden;} .imgsection{background: url(https://www.techgig.com/files/contest_upload_files/cgtestimonial-150323.png) no-repeat; padding: 0 24px; text-align: center; display: flex; margin: auto; height: 100%;} .profile-test .bio{padding: 30px 0;} .profile-test h2{margin-bottom: 0;} .test-profile-pic img{max-width: 132px; max-height: 132px;} .testimonial-wrap .slick-next{right:0} .testimonial-wrap .slick-prev{left:0} .devsection .testimonial-wrap{height: auto;} .devsection ._testimonial{padding-top: 0;padding-bottom: 0;background: #fff;} .leadernxt,.leadernxt:hover,.leadernxt:focus {background: url(https://www.techgig.com/files/contest_upload_files/next-lg-active.png) no-repeat 0 0; border: none; border: none; height: 46px; width: 46px; display: inline-block; cursor: pointer;} .leaderprv,.leaderprv:hover,.leaderprv:focus {background: url(https://www.techgig.com/files/contest_upload_files/next-lg-active.png) no-repeat 0 0px; border: none; height: 46px; width: 46px; cursor: pointer; z-index: 9; transform:rotate(180deg); display: inline-block; position: relative; top: -2px;} .slick-arrow.slick-disabled{opacity: 0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%);} .gallery-slide h4{margin-bottom: 12px;} .arrowsection{margin-top: -67px; position: relative; float: right;} #testimonial-wrap .slick-prev::before,#testimonial-wrap .slick-next::before,.cg2019 .slick-prev::before,.cg2019 .slick-next::before{content: none;} .testimonial-wrap .slick-prev,.cg2019 .slick-prev{left: 0; margin-bottom: 0;} .testimonial-wrap .slick-next,.cg2019 .slick-next{right: 0;} .testimonial-wrap .slick-dots li button,.corporates .slick-dots li button,.developer .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 16px; height: 16px; cursor: pointer; border: 0; outline: none; background: #fff; border-radius: 50%;} .testimonial-wrap .slick-dots li.slick-active button,.corporates .slick-dots li.slick-active button,.developer .slick-dots li.slick-active button{background-color: transparent;} .testimonial-wrap .slick-dots li button:before,.cg2019 .slick-dots li button:before{font-size:0;} .testindex{font-size: 18px; font-weight: bold; color: #c2c2c2;} .cg2019-hackathon h6{font-size: 18px; color: #fff; margin-bottom:4px; font-weight: bold;} .cg2019-hackathon .lblcolor,.cg2019-hackathon .lblcolor:hover{color: #fff;} .common-message-box .message-inner-content.success-msg p > i.msg-icon {background-position: -254px -341px;} @media (min-width:768px){ #why-participate{padding-top: 50px;} .arrowsection{margin-top: -154px;} .d-sm-flex{display: flex;} .d-sm-flex .profile-test{border: solid 1px #F2F2F2; border-top-right-radius: 6px; border-bottom-right-radius: 6px; position: relative;} .d-sm-flex .profile-test.no-border{border-color: transparent;} .d-sm-flex .imgsection{width: 368px;} .aligncenter{justify-content: center; align-items: center; display: flex;} .profile-test{padding-left: 70px; padding-right: 70px;} .imgsection{min-height: 430px;} .arrowsection .imgsection{min-height: auto;} } .testimonial-bottom p{padding:0 40px;} .become-sponcer{padding: 24px; border: 1px solid #F2F2F2; border-radius: 4px; margin-bottom: 24px; transition: all 0.25s;} .become-sponcer:hover{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06);} .profile-test{background: #fff;} .arrowsection .profile-test{background-color: transparent;} #testimonial-wrap .slick-next, #testimonial-wrap .slick-prev{top:60%;} #becomesponcer .media-left, .media>.pull-left{padding-right: 16px;} #powered .slick-track, #beat .slick-track, #powered2 .slick-track{margin-left:initial } .mediaimg-box{background: rgba(255, 255, 255, 0.4); display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 6px;} body.hackathon-common-page .right-panel{padding-top:0;} /*************** /Content Heading ***************/ /*************** Prize money section ***************/ .prizemoneysection{padding-bottom:60px;} .prizemoney{font-size:36px; font-weight:bold; color:#19171a; line-height:44px;} .prizemoneysection h4{color:#19171a;} .prize-block{margin-top:40px; text-align:center;} .prize-block > div{padding-bottom:40px;} .otherwinnerblock{text-align:center; display:flex; justify-content:center;flex-flow: row wrap;} .otherwinner h5,.otherwinner h4{margin-bottom:8px; margin-left: -23px; margin-right: -23px;} .otherwinner h4{margin-bottom:0;} .runnerupawards{margin-top:40px; padding-top:24px; text-align:left;} .runnerupawards .media > .pull-left{padding-right:16px;} .runnerupawards h5{margin-bottom:4px; font-weight: normal;} .runnerupawards .awardmoney{font-size:24px; font-weight: bold; line-height:29px;} /*--- Gallery Common --- */ .gallery-common .preview iframe {border:1px solid #CCC; width:100%; border:0; height:450px;} .gallery-common .listwrapper{height:450px; background:#fff; position:relative; overflow: hidden; margin-bottom: 10px;} .gallery-common .thumbnails ul { margin:0; padding:0; list-style:none;} .gallery-common .thumbnails li { padding:10px; border-left:solid 4px transparent;} .gallery-common .thumbnails .media + .media{margin-top:0;} .gallery-common .thumbnails .image { float:left; width:75px; height:50px; line-height:45px; border:1px solid #dadada; background-color: #fff; text-align:center;} .gallery-common .thumbnails .image img {max-width: 100%; max-height: 100%;} .gallery-common .thumbnails h6 { font-size:14px; margin-bottom:10px; line-height:20px;color:#4a4548;margin-bottom:0;} .gallery-common .thumbnails li:hover h6,.gallery-common .thumbnails li.active h6{color:#d7263d;} .gallery-common .thumbnails li .videodetail { margin-left:85px; } .gallery-common .thumbnails .direction-nav { position:absolute; width:100%; height:30px; background:#dadada; line-height:30px; padding:0px 10px; left:0; bottom:-30px;} .gallery-common .thumbnails .direction-nav a { font-size:12px; color:#4a4548;} .thumbnails .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color: #f7f7f7;} .thumbnails .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.thumbnails .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #4a4548;} /************** sponcer ****************/ .becomesponcer{padding-bottom:60px;} .sponcerslist{justify-content: center; margin-bottom:4px; flex-flow: row wrap;} .sponcerslist .sponcerimg{width: 144px; height: 103px; display: block; background:#fff; justify-content: center; margin-bottom:16px;margin-right:16px; align-items: center; padding:8px;} .cmp-holder1219,.cmp-holder1198,.comp_1223,.comp_1195{width: 184px; height: 72px; display: flex; justify-content: center; margin-bottom:16px;margin-right:16px; align-items: center; padding:8px;} .comp_1223 > span,.comp_1195 > span{display: block;} .cmp-holder1219,.cmp-holder1198{width: 128px; height: 50px; margin: auto;} .sponcerslist .sponcerimg + .sponcerimg{margin-left:0;} .becomesponcer .media-body h4{margin-bottom:8px;} .becomesponcer .button1,.shadowbtn1{border-radius:3px;box-shadow: 0 10px 12px 0 rgba(25, 23, 26, 0.15); line-height:26px;} /*--- Photos-block --- */ #photos-block {} #photos-block .slider { padding-left:70px; padding-right:70px;} #photos-block ul li { text-align:center;} /*#photos-block .caroufredsel_wrapper { height:150px !important;} ************* /sponcer ****************/ /*--- Photos-block --- */ .evenclass{background: #fff;} #code-gladiators{padding-top:16px; padding-bottom: 14px; border-bottom:rgba(0, 0, 0, 0.06) solid 1px; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);} #code-gladiators p{text-transform:uppercase; margin-bottom:8px;} #code-gladiators .parti-comp-logo{width: 100px !important; height: 60px; display: inline-flex; background: #fff; border: 1px solid #dedede; position: relative;} #code-gladiators .parti-comp-logo img { position: absolute; max-width: 90%; max-height: 50px; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} #challenge .challenge-border{border:#dadada solid 1px; background: #fff; border-radius: 3px; margin-bottom: 16px;} #challenge .challenge-border:hover{box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.08);} #challenge .parti-comp-logo{width: 80px; height: 80px; display: inline-flex; background: #fff; margin-bottom: 10px; border: 1px solid #dedede; position: relative;} #challenge .parti-comp-logo img { position: absolute; max-width: 90%; max-height: 50px; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} #challenge .open-contest{padding-left: 20px} #challenge .open-contest h3{font-weight:700;} #challenge .open-contest p{color:#8a858d; font-size:14px; } #challenge .open-contest .date-time{color:#4a4548; font-size:12px; } #challenge .open-contest .date-time span:first-of-type{margin:0 10px 0 0} #challenge .open-contest .date-time .fa{color:#a4a7b3; margin:0 5px 0 0} #challenge .open-contest .live{border:rgba(28, 158, 85, 0.4) solid 1px; background:#ccf7df; padding:5px; color:#1c9e55; font-size:10px; text-transform:uppercase; padding:2px 5px; vertical-align:middle; margin-left:16px;} #challenge .worth{text-align:center; padding:20px; line-height: 19px; border-left: dashed 1px #DADADA;} #challenge .worth-heading{color:#19171a; padding:10px 0 5px 0; font-size:16px; font-weight:700;} #challenge .worth-number{color:#8a858d; font-size:14px; font-weight:500;} #challenge .padding-right-none{padding-right:0px;} #challenge .open-contest-top .margin-right-15{margin-right:15px;} #challenge .open-contest-top .border-radius-0{border-radius:0;} #challenge .challenge-border:last-of-type{border-bottom:#dadada solid 1px; margin-bottom: 0;} .testimonial-bottom{padding-bottom:100px; padding-top: 0;} .testimonial-bottom p{padding:0 40px;} #testimonial-wrap .slick-dots{bottom:-60px;} #testimonial-wrap .slick-next, #testimonial-wrap .slick-prev{top:60%;} .test-profile-pic{width:96px; height:96px; border-radius: 6px; margin:auto; display: flex; align-items:center ; justify-content: center;} .nextslide .test-profile-pic,.prevslide .test-profile-pic{visibility:hidden;} ._testimonial h6{margin-top:12px; margin-bottom:4px;} ._testimonial img {max-width: 96px; max-height: 96px;} /*--- Photos-block --- */ .step2bg{background: /*url(images/cg2019_images/step2bg.jpg) no-repeat; background-size:cover*/ #19171a;} .step2bg .afterspan{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8);} .step2bg #footer{position: relative;} #user-result .test-base-result,.bg-wrap{ padding:16px; background:#f7f7f7; margin-bottom: 16px;} #user-result .test-base-result {margin-right:8px; margin-left:8px; float:none; border-radius:6px;} .slider { position:relative;} /*################################ Old CSS ###########################/ /* Content ---------------------- */ #content .container { padding:0 10px;} .question-page #content { padding-bottom:30px;} body.hackathon-page #content .col-xs-12.left-content.left-panel { width:25%; } body.hackathon-page #content .col-xs-12.right-content.right-panel { width:75%; } /*--- Page Overlay --- */ #page-overlay { height:100%; width:100%; position:fixed; z-index:101; left:0; top:0; background:rgba(29, 41, 56, 0.8); display:none; cursor:pointer;} .activeMenu #page-overlay { display:block;} /*--- Page Overlay1 --- */ #page-overlay1 { background:rgba(255,255,255,0.9); height:100%; width:100%; text-align:center; display:none; position:fixed; left:0; top:0; z-index:999;} #page-overlay1 p { vertical-align:middle; width:100%; margin:0; display:table-cell;} /*--- Page Overlay2 --- */ .page-overlay2 { height:100%; width:100%; position:fixed; z-index:999; left:0; top:0; background:rgba(29, 41, 56, 0.3); display:none;} #header .page-overlay2 { height:65px;} /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- Header --- */ #header .notification-icon { font-size:21px; float:right; margin-top:8px; color:#000; position:relative; margin-left:55px; display:block;} #header .notification-icon .number { width:23px; height:23px; border-radius:50%; background:#28b103; font-size:10px; color:#fff; line-height:23px; text-align:center; position:absolute; top:-8px; right:-10px;} #header .user-area .avatar-pic { float:right; display:block; font-size:13px; line-height:29px; color:#19171a; margin-left:0;} #header .user-area .avatar-pic img { width:28px; height:28px; border-radius:15px; margin-right:8px;} #header .user-area .user-actions { position:relative;} #header .user-area .user-actions:hover .user-dropdown { display:block;} #header .user-dropdown { width:160px; margin:0; list-style:none; display:none; background:#eeeeee; padding:15px 10px; top:47px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); border-top:1px solid #d7263d; position:absolute; right:-20px; border-radius:0 0 3px 3px;} #header .user-dropdown:before { display:block; content:""; position:absolute; top:-30px; left:0; width:100%; height:30px;} #header .user-dropdown:after { display:block; content:""; position:absolute; top:-7px; right:25px; width: 0; height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #d7263d; left:auto; } #header .user-dropdown li { float:none; position:static; font-size:14px; color:#424242;} #header .user-dropdown li a { padding:0 9px; display:block; position:relative; line-height:32px; color:#424242;} #header .user-dropdown li:hover a, #header .user-dropdown li.active a { background:#fff;} #header .user-dropdown li .fa { font-size:14px; width:25px; text-align:left; vertical-align:middle;} #header .user-dropdown li .earn-bits { font-weight:500;} #header .user-dropdown li .earn-bits span { color:#d7263d;} #header .user-dropdown li.profile-status a { text-transform:none; line-height:16px;} #header .user-dropdown li.profile-status a:hover { background:none;} #header .user-area p { margin:0;} #header .user-area p .btn { float:left; margin-left:10px; box-shadow:none;} #header .user-area p .login-btn {-webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none;transition-property: none;} #header .user-area p .login-btn:hover, #header .user-area p .login-btn:active,#header .user-area p .login-btn:focus { color:#d7263d;} #header .user-dropdown .progress { margin:5px 0 10px; height:5px; background:#c0c0c0;} #header .logo .presented-by img,#header ._headlogo .presented-by img { max-height:43px;} #header ._headlogo .sponcer-wrapper img,#header .logo .sponcer-wrapper img { max-height:35px;} #header .logo .presented-by .timesjobs-logo { margin-right:10px;} #header ._headlogo .presented-by > span img,#header .logo .presented-by > span img { max-width:78px; max-height:35px;} #header ._headloglogo .presented-by p,#header .logo .presented-by p { margin:0; text-align:right; font-size:11px; line-height:16px;} #header ._headlogo .presented-by > a,#header .logo .presented-by > a{display:inline-flex; align-items: center;} #header ._headlogo .tclogo{visibility: hidden;} .techgig_logo{background: url(https://www.techgig.com/files/contest_upload_files/cg2023_wh_logo_140323.svg) no-repeat 0 2px; background-size: 100%; background-position:center;} #header .presented-by .sponcer-wrapper{padding-left: 16px; border-left: solid 1px #F2F2F2; margin-left:16px;} .sponcer-wrapper > span{display: block; line-height: normal; text-transform: uppercase;} body.nosubhead #header:not(.disabled) span,.landing-header .sponcer-wrapper > span{color:#fff;} .landing-header .presented-by .sponcer-wrapper{border-left-color: #fff;} #header ._headlogo .presented-by > span span,#header .logo .presented-by > span { display:inline-block; flex-flow:row wrap; margin-left:8px;align-items: center;} #header ._headlogo .presented-by > span span,#header .logo .presented-by > span span { display:inline-block; padding:0 8px;} #header.landing-header .notification-icon, #header ._headlogo .presented-by > span span {color: #fff;} #header.landing-header ._headlogo .presented-by img,#header.landing-header .logo .presented-by img {max-height:43px; margin-top:0px; max-width:125px;transition:all 0.5s;} #header.landing-header ._headlogo .presented-by span img,#header.landing-header .logo .presented-by span img {max-width:120px;} #header.landing-header .user-area .avatar-pic {color:#fff;} #header.landing-header .user-area p .login-btn { background:rgba(0,0,0,0.3); color:#fff;} #header.landing-header .user-area p .login-btn:hover { background:rgba(0,0,0,0.6);} /*--- Sub Header --- */ #sub-header { background:#fff; position:fixed; opacity:1; top:65px; height:58px; left:0; width:100%; z-index:900; padding:9px 0; border-bottom:1px solid #eeeeee;} .dashboard-page.activeMenu #sub-header { opacity:0;} #sub-header .invite-section { float:right; position:relative;} #sub-header .invite-section > p { color:#939598;} #sub-header .invite-section > p .btn { margin-left:8px;} #sub-header .invite-section .btn.active { z-index:1002;} #sub-header .countdown { text-align:center; float:left; position:relative; padding-left:20px; padding-right:20px;} #sub-header .countdown h5 { font-weight:normal; position:absolute; left:-38px; white-space:nowrap; bottom:-50px; width:100%;} #sub-header .countdown h5 strong { font-weight:500; } #sub-header .countdown .item:after { display:none;} #sub-header .countdown p { font-size:12px; margin:0 10px 0 0; color:#8c8c8c; line-height:40px; float:left;} #sub-header .countdown .alt-1 { position:relative; float:left;} #sub-header .countdown .separator { display:none;} #sub-header .countdown .item { vertical-align: bottom; display:inline-block; width:50px; background:#2b79c4; position:relative; overflow: visible; font-size:18px; color:#fff; line-height:20px; font-weight:500; padding:1px 9px 0; margin:0 3px;} #sub-header .countdown .label { margin:0; line-height:18px; bottom:-19px; text-transform: capitalize; background:#2b79c4; display: block; position: absolute; left: 0; font-size:12px; color: #fff;padding:0; padding-bottom:2px;width:100%; font-weight:normal; border-radius:0;} /*--- PopOver --- */ .popover { border-radius:2px; border:0; z-index:1002; max-width:390px; width:390px; box-shadow:0 2px 7px rgba(0, 0, 0, 0.2);} .popover h5 { font-weight:normal; margin-bottom:12px;} .popover .popover-content { padding-top:12px; padding-bottom:12px;} .popover.bottom > .arrow { border-bottom-color:#fff; left:auto; right:22px;} .popover .close { background:#f3f3f3; width:22px; height:22px; border-radius:50%; text-align:center; right:-10px; top:-10px; position:relative; opacity:1; color:#a2a2a2; font-size:19px;} .popover .close span { position:relative; right:-1px;} .chrome .popover .close span { right:0;} /*--- Cg-invite --- */ #cg-invite { top:48px; left:auto; right:0;} #cg-invite .success-msg { line-height:28px; margin:0; text-align:center;} /*--- Page Head --- */ body.nosubhead{padding-top: 0px;} .page-head {text-align:center; padding:150px 0 65px; background: linear-gradient(104.04deg, #8F0032 1.94%, #083D80 99.22%); background-size: 100%; margin-top: -65px;} .page-head h3, .page-head h1 { margin-bottom:7px;} .page-head h1 { font-size:20px;} .page-head p,.head-info{font-size: 18px; color: #C2C2C2; line-height: 22px; margin-bottom: 0px;} .page-head .sponsored-by { margin:0; font-size:14px; color:#424242; text-align:right; } .page-head .sponsored-by span.logo-holder { min-width:93px; text-align:center; padding:5px; margin-left:10px; background:#fff; display:inline-block; line-height:25px; border:1px solid #e5e5e5;} .page-head .sponsored-by span.logo-holder img { vertical-align:middle; max-height:27px; max-width:83px;} /*--- Page Header --- */ .page-head + #content{padding-top: 40px;} .page-header { margin:0px; text-align:center; border:none; padding:0px; } .page-header h2 { font-weight:bold; } /*--- Secondary-navigation --- */ #secondary-navigation ul { margin:0; padding:0; list-style:none;} #secondary-navigation ul li { float:left; position:relative; margin-right:25px;} #secondary-navigation ul li:last-child { margin-right:0;} #secondary-navigation ul li a { display:block; line-height:38px; font-size:15px; color:#8c8c8c;} #secondary-navigation ul li a:hover, #secondary-navigation ul li a:focus, #secondary-navigation ul li a:active { text-decoration:none;} #secondary-navigation ul li.active a { color:#d7263d;} /*--- Main-navigation --- */ #main-navigations ul { margin:0; padding:0; list-style:none;} #main-navigations ul > li { float:left; position:relative;} #main-navigations ul > li:first-child { margin-left:0;} #main-navigations ul li a { display:block; font-size:15px; color:#19171A;} #main-navigations ul li a .menu-text { font-weight:500;} #main-navigations ul li.active a, #main-navigations ul li a:hover, #main-navigations ul li a:focus { color:#d7263d; text-decoration:none;} #main-navigations ul li ul.child { width:180px; display:none; background:#eeeeee; padding:10px; left:0; top:65px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);} #main-navigations ul li ul.auto-height { min-height:15px;} #main-navigations ul li:hover > ul.child { display:block;} #main-navigations ul li ul { border-top:1px solid #d7263d; position:absolute;} #main-navigations ul li ul.child li { float:none; position:static; margin:0;} #main-navigations ul li ul.child li a { position:relative; line-height:34px; font-size:14px; padding:0 10px; color:#424242;} #main-navigations ul li ul.child > li:hover a, #main-navigations ul li ul.child > li.active a { background:#fff;} #main-navigations ul li ul.child li ul {box-shadow:3px 2px 4px rgba(0, 0, 0, 0.05); display:none; left:225px; background:#fff; width:358px; padding:15px 58px 15px 65px; top:-1px;} #main-navigations ul li ul.child li:hover ul { display:block;} #main-navigations ul li ul.child li ul li { border-bottom:1px dashed #dadada;} #main-navigations ul li ul.child li ul li a { text-transform:none; padding:0 17px;} #main-navigations ul li.parent:hover > a:after { display:block; content:""; position:absolute; bottom:0px; left:50%; margin-left:-8px; width: 0; height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #d7263d;} #main-navigations ul li ul li.parent:hover a:after { width:20px; height:34px; right:-20px; background:#fff; top:0; border:0; margin:0; left:auto; bottom:auto;} /*--- User Status --- */ #main-navigations #user-info-mob > a { padding:10px 15px; display:block;} #user-info-mob .image { float:left;} #user-info-mob .image img { width:40px; height:40px; border-radius:50%;} #user-info-mob .image a { padding:0;} #user-info-mob .details { margin-left:50px; padding-top:3px;} #user-info-mob .details h6 { font-weight:normal; margin-bottom:1px;} #user-info-mob .details h6 a { color:#424242; padding:0; line-height:14px; margin:0;} #user-info-mob .details p { color:#8c8c8c; font-size:11px; margin-bottom:0;} /*--- Sidebar Navigation --- */ #sidebar-navigation { float:none;} #sidebar-navigation .not-active {cursor: pointer !important; pointer-events: auto !important; } #sidebar-navigation ul { margin:0; padding:0; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .activeMenu #sidebar-navigation > ul { left:0;} #sidebar-navigation ul li { display: block; float: none; height: auto; margin-left: 0; border-bottom:1px solid #fff;} #sidebar-navigation ul li:last-child {border-bottom:0;} #sidebar-navigation ul li.invites { display: block !important;} #sidebar-navigation ul li a { display:block; line-height:19px; border-top:0; white-space:nowrap; font-weight:500; padding:14px 3px 13px; font-size:11px; color:#ffffff; text-align:center; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #sidebar-navigation ul li a:hover, #sidebar-navigation ul li.active a { color:#ffffff; border-top:0; text-decoration:none; outline:none; background:#05699b;} #sidebar-navigation ul li a:hover .tg3-icon, #sidebar-navigation ul li.active a .tg3-icon { opacity:1;} #sidebar-navigation ul li .tg3-icon { display:block; margin:0 auto;} #sidebar-navigation .cg-icon { width:32px; height:23px; display:block; margin:0 auto;} #sidebar-navigation .dashboard-icon { background-position:-150px -331px;} #sidebar-navigation .leaderboard-icon { background-position:-272px -367px;} #sidebar-navigation .prizes-icon { background-position:-237px -331px;} #sidebar-navigation .invite-icon { background-position:-194px -331px;} #sidebar-navigation .help-icon { background-position:-140px -367px;} #sidebar-navigation .guidelines-icon { background-position:-271px -331px;} #sidebar-navigation .certificates-icon { background-position:-176px -367px;} #sidebar-navigation .badges-icon { background-position:-211px -367px;} #sidebar-navigation .home-icon { background-position:-243px -366px;} #sidebar-navigation .sponsor-icon { background-position:-142px -397px;} #sidebar-navigation .theme-icon { background-position:-272px -484px;} #sidebar-navigation .menu-btn { border:0; width:30px; height:30px; padding:0 5px; background:none; display:none; z-index:101; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #sidebar-navigation .menu-btn span.line { display:block; opacity:1; width:26px; margin:5px 0; height:2px; background:#fff; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; position:relative;} /*--- Pagination --- */ .pagination { display: inline-block; margin:0; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.07);} .pagination em { background-color: #fff; border-right: 1px solid #f7f7f7; color: #022e53; float: left; font-size: 12px; font-style: normal; line-height: 1.42857; cursor:pointer; padding: 6px 12px; position: relative; text-decoration: none;} .pagination em a { color: #424242;} .pagination em:hover, .pagination em:focus { color: #d7263d; z-index: 3;} .pagination em:hover a, .pagination em:focus a { color: #d7263d;} .pagination em:first-child { border-bottom-left-radius:2px; border-top-left-radius: 2px; margin-left: 0;} .pagination em:last-child { border-bottom-right-radius:2px; border-left: 0 none; border-top-right-radius: 2px; border:0; margin-left: 0;} .pagination em.active { background: #d7263d; color: #fff;} /*--- User Confirmation --- */ #user-confirmation h3 { text-transform:uppercase; margin-bottom:40px;} #user-confirmation .center-box { text-align:center; padding:30px;} #user-confirmation .column { float:left; width:50%; border-right:1px solid #dadada; padding:0;} #user-confirmation .column:last-child { border-right:0;} #user-confirmation .column a { width:142px; height:128px; display:block; margin:0 auto; background-image:url(images/tg_images/designation-radio.png); background-position:0 0; background-repeat:no-repeat;} #user-confirmation .column a input[type="radio"] { display:none;} #user-confirmation .column a.student-icon { background-position:0 0;} #user-confirmation .column a.student-icon.active, #user-confirmation .column a.student-icon.active:hover { background-position:0 -131px;} #user-confirmation .column a.student-icon:hover { background-position:0 -265px;} #user-confirmation .column a.professional-icon { background-position:-295px 0; position:relative; left:15px;} #user-confirmation .column a.professional-icon.active, #user-confirmation .column a.professional-icon.active:hover { background-position:-295px -131px;} #user-confirmation .column a.professional-icon:hover { background-position:-295px -262px;} /*--- Banner --- */ #banner.contest-banner { padding-top:50px; min-height:345px; background-image:url(../../files/event_images/cg2017_images/theme-banner.jpg); } #banner.contest-banner .prize-section { background-image:url(../../files/event_images/cg2017_images/icons.png); background-position:-64px -41px; width:165px; height:148px; padding-top:40px; text-align:center; margin:0px auto; margin-bottom:5px; } #banner.contest-banner .prize-section p { font-size:14px; color:#535353; font-weight:bold; line-height:15px; margin-bottom:16px; } #banner.contest-banner .prize-section h6 { font-size:22px; color:#ffd800; font-weight:bold; } #banner.contest-banner .main-sponsors { padding-top:0px; } #banner.contest-banner h1 { margin-bottom:5px; } #banner.contest-banner h1 small { font-size:20px; color:#fff; margin-bottom:0px; padding:0px 7px; margin:0px; position:relative; padding:0px 7px 15px 7px; display:inline-block; } #banner.contest-banner h1 small:after { content:""; position:absolute; bottom:7px; width:100%; height:1px; background:#fff; display:block; left:0px; } #banner.contest-banner h1 span { font-size:26px; } #banner.contest-banner h2 { color:#fff; font-weight:bold; font-size:36px; } #banner.contest-banner h2 .theme-logo { display:inline-block; width:40px; height:40px; background-repeat:no-repeat; background-image:url(../../files/event_images/cg2017_images/icons.png); vertical-align:top; margin-right:5px; } #banner.contest-banner .text-label { white-space:nowrap; } #banner.contest-banner .btn-lg { margin:5px;} #banner.contest-banner.oracle-dba-banner { background-image:url(../../files/event_images/cg2017_images/software-testing-banner.jpg); } #banner.contest-banner.oracle-dba-banner h2 .theme-logo { background-position:-1px -387px; } #banner.contest-banner.e-commerce-test-banner { background-image:url(../../files/event_images/cg2017_images/e-commerce-banner.jpg); } #banner.contest-banner.e-commerce-test-banner h2 .theme-logo { background-position:-50px -387px; } #banner.contest-banner.android-banner { background-image:url(../../files/event_images/cg2017_images/android-banner.jpg); } #banner.contest-banner.android-banner h2 .theme-logo { background-position:-101px -384px; } #banner.contest-banner.api-banner { background-image:url(../../files/event_images/cg2017_images/api-banner.jpg); } #banner.contest-banner.api-banner h2 .theme-logo { background-position:-148px -387px; height:42px; } #banner.contest-banner.beat-leader { background-image:url(../../files/event_images/cg2017_images/beat-leader-banner.jpg); } #banner.contest-banner.beat-leader h2 .theme-logo { background-position:-204px -381px; width:25px; height:36px;} #banner.contest-banner.blockchain-banner { background-image:url(../../files/event_images/cg2017_images/block-chain-banner.jpg); } #banner.contest-banner.blockchain-banner h2 .theme-logo { background-position:-240px -384px; } #banner.contest-banner.bot-challenge-test-banner { background-image:url(../../files/event_images/cg2017_images/bot-banner.jpg); } #banner.contest-banner.bot-challenge-test-banner h2 .theme-logo { background-position:1px -435px; width:48px; } #banner.contest-banner.data-science-test-banner { background-image:url(../../files/event_images/cg2017_images/data-science-banner.jpg); } #banner.contest-banner.data-science-test-banner h2 .theme-logo { background-position:-4px -41px; } #banner.contest-banner.devops-test-banner { background-image:url(../../files/event_images/cg2017_images/dep-opsr.jpg); } #banner.contest-banner.devops-test-banner h2 .theme-logo { background-position:-57px -438px; } #banner.contest-banner.ios-banner { background-image:url(../../files/event_images/cg2017_images/ios-banner.jpg); } #banner.contest-banner.ios-banner h2 .theme-logo { background-position:-110px -438px; } #banner.contest-banner.iot-test-banner { background-image:url(../../files/event_images/cg2017_images/iot-banner.jpg); } #banner.contest-banner.iot-test-banner h2 .theme-logo { background-position:-159px -432px; } #banner.contest-banner.machine-learning-test-banner { background-image:url(../../files/event_images/cg2017_images/machin-learning-banner.jpg); } #banner.contest-banner.machine-learning-test-banner h2 .theme-logo { background-position:-207px -438px; } #banner.contest-banner.software-testing-banner { background-image:url(../../files/event_images/cg2017_images/software-testing-banner-2.jpg); } #banner.contest-banner.software-testing-banner h2 .theme-logo { background-position:-254px -438px; width:42px; } #banner.contest-banner.ui-ux-banner { background-image:url(../../files/event_images/cg2017_images/uiux-banner.jpg); } #banner.contest-banner.ui-ux-banner h2 .theme-logo { background-position:-3px -486px; width:41px; height:41px; } #banner.contest-banner.network-security-banner { background-image:url(../../files/event_images/cg2017_images/network-security-banner.jpg); } #banner.contest-banner.network-security-banner h2 .theme-logo { background-position:-66px -488px; width:41px; height:41px; } #banner.contest-banner.big-data-test-banner h2 .theme-logo { background-position:-233px -583px; } #banner.contest-banner.ibm-banner h2 .theme-logo { background-position:-284px -584px; } #banner.open-contest { background-image:url(../../files/event_images/cg2018_images/cg2018-pen-contest.png); } #banner.open-contest h1 { margin-bottom:0px; } #banner.open-contest h2 { font-size:41px; line-height:1; margin-bottom:10px; } #banner.open-contest .inner-banner p,#banner.beat-leader .inner-banner p { font-size:19px; line-height:1;} #banner.open-contest p span.color { color:#ffd800; font-size:13px; } #banner.open-contest h2 .theme-logo { width:53px; height:34px; background-position:-231px -188px; vertical-align:middle; } #banner.open-contest .banner-right-sponsors { width:auto; } #banner.open-contest .banner-right-sponsors .sponsor-section { margin:0;} #banner.beat-leader h2 { margin-bottom:10px; } #banner.beat-leader .lead,#banner.open-contest .lead { font-size:19px; font-weight:normal; line-height:24px; } #banner .banner-right-sponsors { margin:0 -10px; position:relative;} #banner .banner-right-sponsors p { margin-bottom:10px; } #banner .banner-right-sponsors p span.logo-holder { min-width:95px; padding:3px; max-width:95px;} #banner .banner-right-sponsors p span.logo-holder img { max-height:46px; max-width:87px;} #banner .banner-right-sponsors .sponsor-section { display:inline-block; } #banner .banner-right-sponsors .sponsor-section:first-child { margin-right:6px; } #banner .main-sponsors .expect-participation { font-size:14px; padding:10px 0px; line-height:30px; font-weight:normal;} #banner .main-sponsors .expect-participation span { font-size:20px; display:block; } /*--- Cg-highlights-block --- */ #cg-highlights-block {padding:10px 0; height:70px; background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); position:relative; z-index:10;} #cg-highlights-block p { font-size:18px; line-height:47px; margin:0;} #cg-highlights-block p span { font-size:24px;} #cg-highlights-block .sub-sponsors { float:right;} #cg-highlights-block .sub-sponsors p { font-size:14px;} #cg-highlights-block .sub-sponsors p br { display:none;} #cg-highlights-block .sub-sponsors .sponsor-section { float:left; border-right:2px solid #e7e7e7; margin-right:30px; padding-right:27px;} #cg-highlights-block .sub-sponsors .sponsor-section:last-child { border-right:0; margin-right:0; padding-right:0;} #cg-highlights-block .sub-sponsors img { margin-left:15px; max-height:50px; max-width:95px; vertical-align:middle;} #cg-highlights-block .invitation-download-btn { float:right; margin-top:6px; } /*--- CG Status --- */ .cg-status { background:#f0f0f0; padding:15px 0 0; text-align:center;} .cg-status ul { list-style:none; padding:0; margin-top:0; margin-bottom:0;} .cg-status .container { width:100%;} /*--- User-info-msg --- */ #user-info-msg { margin-bottom:0; border:0; font-size:18px; color:#424242; text-align:center; background:#fbfcb5; padding:14px;} /*--- Main Sponsors --- */ #main-sponsors .section { text-align:center;} #main-sponsors .section h6 { font-size:11px; color:#fff; font-weight:500; text-transform:uppercase; margin-bottom:0; background:#358ab5; padding:2px;} #main-sponsors .section.beat-the-leader a img { max-width:97px;} #main-sponsors .section a { display:block; background:#fff; line-height:44px; height:50px; padding:2px 3px 3px; text-align:center; margin:0 0 20px;} #main-sponsors .section a img { max-width:62px; max-height:36px;} /*--- Side Social --- */ #side-social { position:fixed; left:0; top:50%; text-align:center; z-index:1000; margin-top:-80px; display:none;} #side-social h6 { width:36px; background:#666666; width:36px; line-height:13px; margin:0; text-align:center; padding:7px 1px; font-size:9px; color:#fff; font-weight:500;} #side-social .fa { font-size:21px; color:#fff;} #side-social ul { margin:0; padding:0; list-style:none; position:relative;} #side-social li > a { width:36px; height:40px; line-height:40px; display:block; padding-top:5px; position:relative; z-index:5;} #side-social li.facebook > a { background:#21497f;} #side-social li.twitter > a { background:#01baf7;} #side-social li.linkedin > a { background:#0075B8;} #side-social li.whatsapp > a { background:#25D366;} #side-social li.default { display:none;} #side-social .social-content { position:absolute; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; left:-183px; top:0; min-height:118px; height:100%; width:183px; padding:15px 12px; padding-left:37px; text-align:middle; background-image:url(images/cg2016_images/social-content-bg.png); background-position:right top; background-repeat:no-repeat;} #side-social .social-content h5 { font-size:12px; color:#fff; margin-bottom:2px;} #side-social .social-content p { font-size:10px; color:#fff; line-height:15px; font-weight:200; margin-bottom:12px;} #side-social li:hover .social-content { left:0;} #side-social .social-content .btn { border:1px solid #fff; color:#fff; background:none; font-size:13px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #side-social .social-content .btn:hover {color:#d7263d; background:#fff;} #side-social .facebook .social-content { background-color:#21497f;} #side-social .twitter .social-content { background-color:#01baf7;} #side-social .linkedin .social-content { background-color:#0075B8;} #side-social .whatsapp .social-content { background-color:#25D366;} /*--- Divition Section --- */ .socialsection{background-color: #FFFFFF; border: 1px solid #E1E8ED; border-radius: 4px; padding: 24px; text-align: center;} .socialsection iframe{width: 100%;} .dividing-section h2 { font-weight:bold; text-align:center;} .dividing-section p { font-size:16px; line-height:24px;} .dividing-section .box-default.landing-venue { padding:16px; border-radius:6px; text-align:left; min-height:543px; } .dividing-section .box-default.landing-venue img { margin-bottom:16px; } .dividing-section .box-default.landing-venue p:last-child { margin-bottom:0px; } /*--- Description List --- */ dl.description-list { margin-bottom:0px; } dl.description-list dt ,dl.description-list dd { font-size:14px; line-height:20px; font-weight:normal; margin-bottom:8px; text-transform:capitalize; } dl.description-list dd.normal {text-transform:unset;} dl.description-list dt { min-width:74px; color:#8a858d; float:left; margin-right:8px; margin-bottom:0px; } dl.description-list dt .colon { float:right; } dl.description-list dd.no-capitalize { text-transform:none;} dl.description-list dd { color:#4a4548; margin-left:82px; overflow-wrap:break-word; } dl.description-list dd:last-child { margin-bottom:0px; } dl.description-list.inline dt { min-width:auto; } dl.description-list.inline dt ,dl.description-list.inline dd { float:left; } dl.description-list.inline dd { margin-left:4px; margin-right:24px; } dl.description-list.inline dd:last-child { margin-right:0;} dl.description-list dd span.no-capitalize { text-transform:none;} /*--- Message Success --- */ .common-message-box {z-index:1002;} .icon-cross:before, .icon-cross:after{background-color: #111;} .msgErrortop { position:fixed; right:0; z-index:10000; top:100px; width:390px; font-size:14px; line-height:19px; color:#fff;} .msgErrortop .close { position:absolute; right:5px; top:0; z-index:1;} .msgErrortop .close .fa { font-size:16px; color:#999; vertical-align:top;} .msgErrortop .close:hover .fa { color:#333;} .message-box { z-index:10; width:390px; position:absolute; top:0; right:-390px; height:96px; background:#fff; margin:0 0 15px; box-shadow:0px 0 7px rgba(0, 0, 0, 0.1); display:block; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .message-box .alert-message-icon { float:left; position:relative; width:96px; background:#e7e8ea; height:96px; display:block; font-size:32px; text-align:center;} .message-box .alert-message-icon .fa { opacity:0; position:absolute; width:100%; left:0; vertical-align:middle; line-height:94px; font-size:48px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .message-box .alert-message-content { margin-left:120px; padding:10px 15px 10px 0; position:relative;} .message-box .alert-message-content h6 { margin-bottom:8px; min-height:15px;} .message-box .alert-message-content .fa { display:none;} .message-box .alert-message-content p { color:#8c8c8c; margin:0; font-size:13px; line-height:18px;} .message-box .message-header span { opacity:0; position:absolute; left:0; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} /*--- Bootstrap Switch --- */ .bootstrap-switch.bootstrap-switch-wrapper { margin-left:10px; border-radius:18px; box-shadow:none;} .bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-handle-off.bootstrap-switch-primary { background:#d7263d;} /*--- pretty Photo --- */ div.pp_default .pp_social { display:none;} /*--- Content Box --- .contest-box { margin-bottom:32px; float:left; margin-right:45px; text-align:left; width:210px; height:200px; perspective: 1000; position:relative;} .contest-box:nth-child(5n) { margin-right:0;} .contest-box .contest-box-wrap { background:#fefefe; box-shadow:0 3px 5px rgba(0, 0, 0, 0.2); border-top:1px solid #177cb7; width: 100%; height: 100%; transform-style: preserve-3d; transition: all 0.5s linear;} .contest-box:hover .contest-box-wrap {transform: rotateY(180deg);} .contest-box .contest-content { height:160px; padding:10px;} .contest-box .inner { height:58px;} .contest-box h3 { margin-bottom:7px; font-weight:normal;} .contest-box h3 a { color:#1b1b1b; text-decoration:none;} .contest-box p { font-size:14px; color:#8d8d8d; line-height:16px; margin-bottom:0;} .contest-box p.sponsored-by { font-size:12px;} .contest-box p.sponsored-by img { vertical-align:middle; margin-left:5px; max-width:107px; max-height:52px;} .contest-box .metadata { display:block; font-size:16px; color:#454545;} .contest-box .metadata .fa { font-size:18px; margin-right:2px;} .contest-box footer { position:relative; border-top:1px solid #177cb7;} .contest-box footer .btn { border-radius:0; font-size:18px; background:#fefefe;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none; padding:5px 12px;} .contest-box .face {position: absolute; width: 100%; height: 100%; backface-visibility: hidden;} .contest-box .face.back { display: block; transform: rotateY(180deg); box-sizing: border-box; background-color: #d0d0d0;} .contest-box .face.back footer .btn { color:#fff; background:#d7263d;} @media all and (-ms-high-contrast:none) { .contest-box:hover .contest-box-wrap {transform: rotateY(0deg);} .contest-box:hover .face { backface-visibility: visible;} .contest-box:hover .face.back { transform: rotateY(0deg);} } */ /*--- Content Box1 --- .contest-box1 { border-top:1px solid #d7263d; position:relative;} .contest-box1 > a, .contest-box1 > a:hover, .contest-box1 > a:active, .contest-box1 > a:focus { text-decoration:none;} .contest-box1 .contest-content { padding:10px 15px;} .contest-box1 h4 { font-weight:normal; margin-bottom:1px;} .contest-box1 p { font-size:13px; color:#4d4d4d; line-height:17px; margin:0;} .contest-box1 p .fa { color:#959595;} .contest-box1 .recommended {position:absolute; display:inline-block; padding:1px 2px 1px 10px; font-size:11px; color:#fff; left:0; top:-9px; background:#1f72c1;} .contest-box1 .recommended:after {content:""; display:block; width: 0; position:absolute; right:-5px; top:0; height: 0; border-top:9px solid transparent; border-bottom:8px solid transparent; border-left:5px solid #1f72c1;} .contest-box1 .sponsored-by { font-size:10px; padding-top:12px;} .contest-box1 .sponsored-by span { font-size:16px; vertical-align:bottom;} .contest-box1 .inner { min-height:98px; padding-bottom:10px;} .contest-box1 .contest-status { text-align:center; height:32px;} .contest-box1 .contest-status ul { margin:0; padding:0; list-style:none;} .contest-box1 .contest-status ul li { font-size:13px; padding:0; color:#8c8c8c; line-height:17px; position:relative;} .contest-box1 .contest-status ul li:before {content:""; height:16px; position:absolute; left:0px; top:12px; width:1px; background:#d7d7d7; display:block;} .contest-box1 .contest-status ul li:first-child:before { display:none;} .contest-box1 .contest-status ul li span { font-size:16px; display:block; color:#4c4c4c;} .contest-box1 footer { border-top:1px solid #d7263d;} .contest-box1 footer .btn { border:0; border-radius:0; padding:8px 12px 9px; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} .contest-box1 footer .btn-group { width:100%;} .contest-box1 footer .btn-group .btn { width:50%; float:left; margin:0; font-size:14px; } .contest-box1 footer .btn-group .btn:last-child { border-left:1px solid #d7d7d7;} .contest-box1 footer .btn-group .btn.btn-block { width:100%; border:0;} .contest-box1 .description-list { padding-top:6px;} */ .widget .contest-box1 .contest-status { text-align:left;} .widget .contest-box1 .inner { min-height:auto;} .widget .contest-box1 .contest-status p { font-size:14px; color:#8d8d8d; line-height:17px;} /*--- Practice Box1 --- */ .practice-box1 footer { border-top:1px solid #949494;} .practice-box1 footer p { float:left; font-size:16px; line-height:31px; margin:0;} .practice-box1 footer p a { color:#7a7a7a;} .practice-box1 footer p .fa { margin-left:12px;} .practice-box1 footer .btn { border:0; border-radius:0; padding:5px 12px 7px; float:right; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} .practice-box1:hover footer .btn { background:#d7263d; color:#fff;} /*--- View More Btn --- */ .button2.view-more-btn, .button2.view-more-btn:hover, .button2.view-more-btn:focus, .button2.view-more-btn:active { color:#d7263d; background:none; border-radius:0; border:0; box-shadow:none;} /*--- Event-contests --- */ #event-contests { background:#f8f7f7;} /*--- Open Contests --- */ #open-contests .table21-wrap { margin:8px 0;} #open-contests .heading { padding:5px 15px 10px; margin-bottom:0;} #open-contests .heading .info { float:right; line-height:29px;} #open-contests .heading .info .fa { color:#424242; margin-right:5px; font-size:14px;} #open-contests .contest-content {text-align:center;} #open-contests .action-td { width:145px;} #open-contests .normal-td { width:100px;} #open-contests .button2 { -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none; min-width:140px;} #open-contests .contest-wrap { padding:10px 0 20px; position:relative;} #open-contests .contest-wrap:after { position:absolute; content:""; background:#e1e1e1; height:100%; width:1px; right:-11px; top:0px; display:block;} #open-contests .col-sm-4:last-child .contest-wrap:after {display:none;} #open-contests .contest-wrap:hover .button2 { background:#d7263d; color:#fff;} #open-contests .contest-wrap > a, #open-contests .contest-wrap > a:hover, #open-contests .contest-wrap > a:active, #open-contests .contest-wrap > a:focus { text-decoration:none;} #open-contests footer { background-color: #fdf5dc; border:0; text-align:center; padding:8px; clear: both; clear:both; font-size:11px; color:#4a4548; font-weight:500; font-style:italic;} #open-contests.semi-final .contest-box1 { border-top:2px solid #feb95f; } #open-contests.semi-final .heading { font-size:18px; } .heading.semi-final { font-size:24px; font-weight:normal; } /*--- Tabs1 --- .tabs1 .nav-tabs { margin:0;} .tabs1 .nav-tabs > li { width:50%;} .tabs1 .tab-content {border:0; padding:25px 32px;} .tabs1 .nav-tabs > li > a { border:0; margin:0; height:50px; line-height:48px; text-align:center; background:#e5e5e5; font-size:14px; color:#8c8c8c; font-weight:bold; text-transform:uppercase;} .tabs1 .nav-tabs > li.active > a { background:#fff; color:#424242;} */ /*--- tabs10 --- .tabs10 .nav-tabs { border-bottom:0; border-bottom:1px solid #c2c2c2; margin-bottom:20px;} .inner-content .tabs10 > .nav-tabs { margin:0 -16px 24px;} .tabs10 .nav-tabs.pull-right { position:relative; margin-top:-48px;} .tabs10 .nav-tabs > li { margin-bottom:0; margin-bottom:-1px;} .tabs10 .nav-tabs > li > a { border-radius:0; border:0; font-size:14px; min-width:75px; line-height:14px; text-align:center; color:#8a858d; border:0; padding:7px 24px 6px; border-bottom: solid 1px #c2c2c2; margin:0;} .tabs10 .nav-tabs > li > a .icon { vertical-align:top; margin-right:5px;} .tabs10 .nav-tabs > li > a:hover { background:none;} .tabs10 .nav-tabs > li.active > a, .tabs10 .nav-tabs > li.active > a:hover, .tabs10 .nav-tabs > li.active > a:focus { color:#19171a; font-weight:500; border:0; background:none; border-bottom:1px solid #000013;} .tabs10 .nav > li > a:hover, .tabs10 .nav > li > a:focus { background:none;} .tabs10 .nav-tabs > li.active > a .icon path, .tabs10 .nav-tabs > li.active > a:hover .icon path, .tabs10 .nav-tabs > li.active > a:focus .icon path { fill:#19171a;} */ /*--- Tabs15 --- .tabs15 .tabs1-nav-wrap { overflow:auto;} .tabs15 .nav-tabs { border-bottom:0;} .tabs15 .nav-tabs li { width:50%; margin-top:0px; } .tabs15 .nav-tabs > li { margin-bottom:0; margin-top:-1px;} .tabs15 .nav-tabs > li > a { border-radius:0; border:0; font-size:20px; min-width:75px; text-align:center; color:#666666; padding:10px 15px 11px; border-bottom:1px solid #cccccc; margin-right:5px;} .tabs15 .nav-tabs > li:last-child > a { margin:0;} .tabs15 .nav-tabs > li > a:hover { background:none;} .tabs15 .nav-tabs > li.active > a, .tabs15 .nav-tabs > li.active > a:hover, .tabs15 .nav-tabs > li.active > a:focus { color:#0065bd; border:0; background:none; border-bottom:2px solid #0065bd; font-weight:500; padding:10px 15px;} .tabs15 .nav > li > a:hover, .tabs15 .nav > li > a:focus { background:none;} */ /*--- Tabs3 --- .tabs3 .tabs1-nav-wrap { overflow:auto;} .tabs3 .box-default { box-shadow:none;} .tabs3 .tab-content { border:1px solid #ddd; border-top:0; background:#fff;} .tabs3 .nav-tabs > li > a{ font-size:12px;} */ /*--- Post --- */ .post { font-size:15px;} #question-area .post { line-height:23px;} .post ol li h5,.post ul li h5 { margin-bottom:5px; } .post ol li ,.post ul li { padding-left:15px; margin-bottom:0px; font-size:15px; margin-bottom:10px; } .post ol li p,.post ul li p { margin-bottom:5px; } .post ol, .post ul { padding:0 0 0 15px; margin-bottom:20px;} .post ol li p { margin-bottom:10px; } /*--- Widget --- */ .widget,.widget2 { margin-bottom:25px; } .widget h5,.widget2 h5 { font-weight:normal; } .widget .select1,.widget2 .select1 { float:right; width:154px; } .widget .button2,.widget2 .button2 { font-size:14px;} .widget .box-default1,.widget2 .box-default1 { margin-bottom:0px; } .widget2 h4 { margin-bottom:12px; } .widget3 { border:1px solid #ebebeb; } .widget3 footer { font-size:14px; position:absolute; bottom:8px; } .widget3 header{ border-bottom:1px solid #ebebeb; padding:10px 20px; } .widget3 header h5 { margin-bottom:0px; font-weight:normal; } .widget3 .content { margin-bottom:0px; font-weight:normal; padding:15px 20px; } .widget3 .content h6 { margin-bottom:5px; font-weight:normal;} .widget3 ul { margin:0px; padding:0px; list-style-type:none; } .widget3 ul li { padding-bottom:10px; border-bottom:1px solid #e1e1e1; margin-bottom:10px; position:relative; } .widget3 ul li .details { margin-left:110px; padding-bottom:21px; } .widget3 ul li .details p { margin-bottom:5px; min-height:24px; font-size:13px; color:#8c8c8c; line-height:16px; } .widget3 ul li:last-child { border:none; margin-bottom:0; } .widget3 ul li .badges-icon { max-width:65px; max-height:90px; float:left; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .widget3 ul li.active .badges-icon, .widget3 ul li.active .certificate-icon {-webkit-filter: grayscale(0%); filter: grayscale(0%); } .widget3 .certificate-icon { max-width:93px; max-height:133px; float:left; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .widget3 .details.badges-details { padding-bottom:0px; } .widget3 .details.badges-details footer { position:relative; bottom:auto; } /*--- Box Default2 --- */ .box-default1 { background:#fff; padding:0px; margin-bottom:15px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);} .box-default1.hoveractive:hover{box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.08);} .box-default1.hoveractive:hover h3{text-decoration: underline;} .box-default1.singlebox{padding:24px;} .box-default1.singlebox h3{margin-bottom:12px;} .box-default1.singlebox h3 a{color:#19171a} .box-default1.singlebox h3 a:hover{text-decoration:underline;} .box-default1.singlebox .button1{line-height:normal; min-width:120px;} .box-default1.singlebox .pdesc{height:40px; margin-bottom:24px;} .participantdetail{display:flex; align-items:center;} .participantdetail .cont-block{display:inline-block;} .participantdetail .cont-block label{font-weight:normal; margin-bottom:0; color:#8a858d;} /*--- Prize Recognition --- */ /* #prize-recognition .win-prizes { display:block; color:#fff; font-size:16px; font-weight:bold; line-height:25px; background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; width:247px; margin:0px auto; background-position:-28px -250px; margin-top:-14px; margin-bottom:15px; text-align:center; } .question-page #prize-recognition { margin-bottom:70px;} #prize-recognition .box-default1 { border-top:1px solid #ffc107; background:#fefefe; } #prize-recognition .price-category { padding:0px 12px; } #prize-recognition h5 { margin-bottom:20px; } #prize-recognition .price-category h6 { font-size:16px; line-height:19px; font-weight:500; margin-bottom:5px; padding-right:12px; margin-left:-12px; } #prize-recognition .price-category h6 span { background:#24292b; font-weight:200; color:#fff; font-size:13px; margin-right:7px; display:inline-block; position:relative; padding:0px 12px 0px 12px; min-width:115px; text-align:right;} #prize-recognition .price-category h6 span:after { content:""; width:9px; height:21px; position:absolute; right:0px; top:-1px; background-image:url(../../files/event_images/cg2017_images/icons); background-position:-8px -296px; background-repeat:no-repeat; } #prize-recognition .price-category-list { padding:0px; margin:0px; list-style-type:none; margin-bottom:10px; } #prize-recognition .price-category-list li p { margin-bottom:2px; font-size:13px; color:#2b2b2b; } #prize-recognition .price-category p { font-size:15px; } #prize-recognition .price-category p strong { font-weight:500; } #prize-recognition .price-category-list p span { font-size:14px; margin-left:5px; } #prize-recognition .box { padding:0px 12px; border:1px solid #f1ac4f; text-align:center; position:relative; margin-top:15px; } #prize-recognition .box header { text-align:center; margin-top:-10px; margin-bottom:10px; } #prize-recognition .box p { font-size:12px; margin-bottom:10px; line-height:16px; } #prize-recognition .box header h6 { display:inline-block; font-size:12px; line-height:1; padding:3px 10px; border:1px solid #f1ac4f; border-radius:10px; background:#fff; margin-bottom:0px; } #prize-recognition .box .icon { width:14px; height:5px; display:inline-block; margin-bottom:5px; background-position:-28px -297px; background-image:url(../../files/event_images/cg2017_images/icons); background-repeat:no-repeat; } #prize-recognition h4 { margin-bottom:25px; } #prize-recognition h3 { font-weight:200; font-size:15px; text-align:center; padding:0 10px;} #prize-recognition p.no-margin { margin-bottom:0; line-height:15px; font-size:13px;} #user-attentions #prize-recognition h3 { font-weight:normal; font-size:11px; margin-bottom:10px;} #user-attentions #prize-recognition .box { margin-top:0;} #user-attentions #prize-recognition .box p { font-size:11px;} #user-attentions #prize-recognition .win-prizes { margin-bottom:10px;} */ /*--- Search Filter --- */ #search-filter { padding:25px 0; position:absolute; text-align:center; left:10px; bottom:-115px;} #search-filter .form-elements { margin:0; padding:0; list-style:none; display:inline-block; text-align:left;} #search-filter .form-elements > li { float:left; border-left:1px solid #dadada; background:#fff; position:relative; width:250px;} #search-filter .form-elements > li:first-child { border-radius:2px 0 0 2px; border-left:0;} #search-filter .form-elements > li:last-child { border-left:0;} #search-filter .form-elements input[type='text'] { border:0; border-radius:0; box-shadow:none; height:40px; padding-left:35px; background:none;} #search-filter .form-elements li .fa { position:absolute; left:10px; font-size:17px; color:#c0c0c0; top:12px;} #search-filter .form-elements .select { display:block; height:40px; border:0;} #search-filter .form-elements .select:after { background-position:-96px -116px;} #search-filter .form-elements select { border:0; height:40px; outline:none; width:100%; padding-left:30px; background:none;} #search-filter .form-elements .submit-field { width:auto; background:none; border:0;} #search-filter .form-elements .last-field { border:0;} #search-filter .form-elements .button1 { border:0; border-radius:0; line-height:18px; height:40px; text-transform:none; margin:0;} /*--- Practice Details --- */ #practice-details .box-default { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); padding:0px; margin-bottom:15px; } #practice-details .append-seasons header { background:#e5e5e5; padding:10px;} #practice-details #search-form { float:left; width:250px; margin-bottom:0px; margin-top:0px; } #practice-details #search-form input[type="text"] { width:195px; } /** ##### Search Box #######*/ .search-form{position:relative;} .btn.search-icon{font-size:0} .search-form .search-icon {left: 1px; top: -1px; background-position: -280px -72px; opacity: 0.5;} .search-form .search-icon {width: 23px; display: block; height: 23px; background: url("images/tg_images_new/sprites.svg") 0 0 no-repeat; position: absolute; left: 8px; top: 50%; background-position: -5px -4px;margin-top: -12px; border:none;} #search-form-content {position: absolute; display: none; left: 0; background: #fff; border-radius: 0 0 6px 6px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); width: 100%; z-index: 10; top: 31px; border: 1px solid #dadada; padding: 8px 0 0;} .search-icon + .form-control{padding-left:35px;} /*#### Add Right class to make search icon right ########***/ .search-form .search-icon.right{left:auto; right:8px;} .search-icon.right + .form-control{padding-right:35px; padding-left:8px;} /** ##### Search Box #######*/ #practice-details .append-seasons header h6 { font-size:12px; color:#d7263d; text-transform:uppercase; border-top:3px solid #d7263d; padding:13px 20px; float:left; margin:0;} #practice-details .append-seasons header .select1 { float:right; background:#e5e5e5; margin-top:9px;} #practice-details .append-seasons header .select1 select { background-color:#e5e5e5;} #practice-details .append-seasons header .select1:after { background-color:#e5e5e5;} #practice-details .append-seasons .block { padding:10px; border-bottom:1px solid #dadada;} #practice-details .append-seasons .block:last-child { border:0;} #practice-details .append-seasons .block h4 { margin-bottom:7px; font-weight:normal;} #practice-details .append-seasons .block h4 a{ color:#424242;} #practice-details .append-seasons .block p { margin:0; font-size:14px; color:#8c8c8c;} #practice-details .append-seasons .block p > span { display:inline-block; margin-right:15px;} #practice-details .append-seasons .block .button2 { float:right; min-width:105px; margin-left:20px; margin-top:9px; font-size:14px; padding:5px; } #practice-details .append-seasons .block .icons { float:right; padding-top:9px;} #practice-details .append-seasons .block .icons a { font-size:18px; line-height:31px; color:#8c8c8c; margin-left:15px;} #practice-details .append-seasons .coming-soon-practice { float:right; padding-top:9px; line-height:31px;} #practice-details .append-seasons .coming-soon-practice .button2 { margin-top:0;} #practice-details .btn-group { float:right; } #practice-details .btn-group .btn {font-size:14px; color:#8c8c8c; height:36px; min-width:65px; border:none; border-right:1px solid #e1e1e1; background:#fff; margin:0px; } #practice-details .btn-group .btn.active { background:#d7263d; color:#fff; } #my-profile .tabs2 .nav-tabs li { width:25%; } #my-profile .tabs2 .tab-content{ padding-top:25px; } #container-wrap.loggedin #banner.contest-banner h1 { margin-top:20px; } /*----- User Info Top ----*/ #user-info-top { box-shadow:0 2px 6px rgba(214, 213, 213, 1); } /*----- User Info ----*/ #user-info {padding-top:10px; min-height:191px; position:relative; padding-right:10px; } #user-info h2{word-break: break-all; word-break: break-word;} /*#user-info:after { content:""; width:1px; height:100%; background:#e1e1e1; right:-12px; top:0px; position:absolute; display:block; }*/ #user-info.edit-user-info:after { display:none; } #user-info dl dt,#user-info dl dd { font-size:14px; line-height:22px; } #user-info dl dt { float:left; min-width:140px; } #user-info dl dd { margin-left:140px; } #user-info h3 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; } #user-info h3 .button2 { float:right; font-size:14px; } #user-info h3 span { display:inline-block; padding-top:13px; } #user-info.edit-user-info { background:#f4f4f4; margin-right:-25px; min-height:191px; } #user-info.edit-user-info #profile_edit_pic { display:block !important; } #user-info .inner .fa-pencil { display:none; } #user-info .inner #profile_edit_pic .fa-pencil { display:inline-block; } #user-info.edit-user-info .inner .fa-pencil { display:inline-block; } #user-info .avatar { display:block; float:left; position:relative; text-align:center;} #user-info .avatar .inner { position:relative; margin-bottom:11px; width:115px;} #user-info .avatar .user-pic-edt { position:absolute; left:10px; bottom:-20px; font-size:13px; } #user-info .avatar img { width:95px; height:95px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #user-info span.rank { background: #ed1c24; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color: #fff; display: block; font-size: 12px; font-weight: normal; height: 26px; line-height: 25px; position: absolute; text-align: center; z-index: 5; left:-14px; bottom:5px; padding:0 5px; min-width:30px;} #user-info span.rank:before { content:""; width:9px; height:9px; display:block; left:5px; top:-9px; position:absolute; background:url(images/techgig_images/red-arrow.png) left top no-repeat; } #user-info .details { margin-left:125px;} #user-info .details .inner { float:left; width:100%;} #user-info .details p { margin:10px 0px; } #user-info .details p .block { margin-right:20px;} #user-info .details .fa-map-marker.edit { display:none; } #user-info.edit-user-info .details .fa-map-marker.edit { display:inline-block; } #user-info .details .form1 .form-group.select { display:inline-block; width:106px; margin-bottom:10px; } #user-info .details p span.experience { font-size:13px;} #user-info .skills { margin:0; padding:0; list-style:none; display:inline-block; margin-right:6px;} #user-info .form1 .form-control { font-size:14px; color:#424242; width:auto; min-width:300px; display:inline-block; margin-bottom:5px; } #user-info .form1 #profilesummary .form-control { min-width:400px; } #user-info .form1 .max-letter { color:#424242; font-size:12px; margin-left:5px; } #user-info .form1 .form-inline .form-control { min-width:auto; } #user-info .form1 .form-inline .at { margin:0px 10px; display:inline-block; font-size:14px; } /*--- Public Profile --- */ .public-profile #user-info:after { display:none; } .public-profile #user-info { margin-right:0px; min-height:auto; } /*--- User Status --- */ #user-status { padding-left:45px; padding-top:26px; position:relative; } #user-status .profile { margin-bottom:20px; } #user-status h6 { margin-bottom:8px; font-size:14px; } #user-status .user-info .user-img { float:left;} #user-status .user-info .user-img img { width:65px; height:65px; border-radius:50%;} #user-status .user-info .details { margin-left:75px;} #user-status .user-info h4 { margin-bottom:5px;} #user-status .user-info p { font-size:13px; line-height:18px; font-weight:200; margin-bottom:0;} #user-status .tech-quotient .col-xs-6 { border-right:1px solid #e5e5e5; text-align:center;} #user-status .tech-quotient .col-xs-6:last-child { border-right:0;} #user-status .tech-quotient p { margin-bottom:0;} #user-status .tech-quotient .highlight { font-size:16px; color:#424242; font-weight:500;} #user-status .profile p { font-size:12px; margin-bottom:0;} #user-status .profile .add-details a { color:#d7263d; font-size:13px; font-weight:normal;} #user-status .profile .add-details a .fa { margin-right:10px; font-size:18px; vertical-align:middle; } #user-status .progress { margin-bottom:10px;} #user-status .percentage-completeness { color:#d7263d; font-weight:500; } #user-status .user-rewards { padding:12px 0px; border-top:1px solid #e1e1e1; } #user-status .user-rewards ul { margin:0px; padding:0px; list-style-type:none; } #user-status .user-rewards ul li { float:left; width:33.33%; font-size:13px; text-align:center; border-left:1px solid #e1e1e1; padding:0px 5px; min-height:40px; display:table; } #user-status .user-rewards ul li p { margin-bottom:0px; font-size:12px; display:table-cell; vertical-align:middle; height:40px; line-height:18px; } #user-status .user-rewards ul li:first-child { border-left:none; padding-left:0px; } #user-status .user-rewards ul li:last-child { padding-right:0px; } #user-status .user-rewards ul li span { font-size:16px; margin-right:5px; font-weight:500; display:block; text-align:center; } /*--- User Detail Sectionsr --- */ .user-detail-sections { border:1px solid #ebebeb; } .user-detail-sections header { padding:10px 15px 10px 25px; border-bottom:1px solid #ebebeb; } .user-detail-sections header h5 { margin:0px; float:left; } .user-detail-sections header .add-link { float:right; } .user-detail-sections header .add-link a { font-weight:500; font-size:14px; } .user-detail-sections header .add-link .fa { font-size:18px; color:##8b8bff; margin-right:5px; vertical-align:bottom; } .user-detail-sections .box1 { padding:15px 15px 20px 25px; background:#fff; border-bottom:1px solid #ebebeb; margin-bottom:0px; } .user-detail-sections .box1 ul.token-input-list-facebook { margin-bottom:10px; min-height:75px; } .user-detail-sections .box1 .button2 { min-width:160px; font-weight:500; } .user-detail-sections .tags { text-align:left; } .user-detail-sections .tags a { font-size:13px; border:1px solid #e1e1e1; color:#424242; background:#f8f5f5; padding:5px 15px; display:inline-block; margin-right:12px; margin-bottom:10px; text-decoration:none; min-width:50px;} .user-detail-sections .box1 .inner { padding-left:25px; margin:0px; list-style-type:none; } .user-detail-sections .box1 .inner li { position:relative; padding-left:8px;} .user-detail-sections .box1 .inner li:before { content:""; height:100%;width:1px; background:#dadada; left:-15px; position:absolute; top:0px; } .user-detail-sections .box1 .form-inline .form-group { margin-right:10px; } .user-detail-sections .box1 .inner li:last-child:before { display:none; } .user-detail-sections .box1 .inner li:after { content:""; height:12px;width:12px; background:#fff; border-radius:50%; border:1px solid #dadada; left:-21px; position:absolute; top:0px; display:inline-block; } .user-detail-sections .box1 .inner h6 small { font-size:13px; display:block; color:#8c8c8c; font-weight:500; } .user-detail-sections .box1 .inner h6 small a,.user-detail-sections .box1 .inner h6 small a .fa { font-weight:normal; } .user-detail-sections .box1 .inner h6 { margin-bottom:5px; font-weight:bold; } .user-detail-sections .edit-mode.web-profile .connected-profiles { margin-bottom:10px; } .user-detail-sections .box1 .inner li p { margin-bottom:5px; word-break:break-all; } .user-detail-sections .box1 .inner li p:last-child { margin-bottom:0px; padding-bottom:10px; } .user-detail-sections .box1 .inner li:last-child { margin-bottom:20px; } .user-detail-sections .box1 .inner .fa-check-circle { color:#02c54c; font-size:18px; } .user-detail-sections .box1 .inner .fa-info-circle { color:#e67676; } .user-detail-sections .box1 .inner li .edit-mode ul li:after,.user-detail-sections .box1 .inner li .edit-mode ul li:before { display:none; } .user-detail-sections .box1 .hint-field { font-size:12px; margin-bottom:5px; display:block; } .user-detail-sections .box1 .inner li .edit-mode ul li:last-child { margin-bottom:0px; } .user-detail-sections .box1 .inner li #autocomplete{ z-index:100; } .user-detail-sections .all-people header { background:#fff; padding:15px 20px; text-align:left; padding-bottom:5px; } .user-detail-sections .all-people .people-box { border:1px solid #f0f0f0; } .user-detail-sections .all-people .followers-count { font-size:12px; margin-bottom:5px; display:block;} /*--- quotient Table --- */ .quotient-table { padding:0px; margin:0px; list-style-type:none; } .quotient-table li { margin-bottom:10px; border:1px solid #dadada; border-bottom:1px solid #dadada; font-size:13px; border-radius:2px; } .quotient-table li p { margin:0px; } .quotient-table li:last-child { margin:0px; } .quotient-table li table { width:100%; } .quotient-table li table td { padding:5px 20px; text-align:center; } .quotient-table li .percentile { background:none; font-size:14px; font-weight:500; padding:0px; } .quotient-table li .percentile p { color:#424242; margin-left:2px; background:#eeeeee; border-left:2px solid #d7263d; min-height:31px; line-height:34px; } .quotient-table li .percentile span { font-size:11px; } .quotient-table li .language { font-size:14px; } .quotient-table li .certificate-download { border-radius:0px 2px 2px 0px; font-size:12px; border-left:1px solid #dadada; } .quotient-table li .certificate-download p a { font-size:12px; } .quotient-table li .certificate-download p .fa { font-size:16px; } .quotient-table li .percentile { width:150px; } .quotient-table li .language { width:200px; text-align:left; } .quotient-table li .certificate-download { width:170px; } /*--- Edit Mode --- */ .edit-mode { background:#f4f4f4; border-top:1px solid #dadada; border-top-style:dashed; padding:15px 15px 20px 15px; } .edit-mode .percentage { width:105px; } .edit-mode .button1 { min-width:100px; } .edit-mode.web-profile p { margin-bottom:5px; } .edit-mode .cancel-btn { font-size:14px; margin-left:10px; font-weight:500; vertical-align:middle; } .edit-mode.web-profile { background:none; padding:0px; border:none; } .edit-mode.web-profile .connected-profiles { position:relative; } .edit-mode.web-profile .connected-profiles span { background:#fff; padding-right:10px; position:relative; z-index:10; } .edit-mode.web-profile .connected-profiles:after { content:""; background:#dadada; height:1px; left:0px; width:100%; top:50%; display:block; position:absolute; z-index:5; } .edit-mode.web-profile .web-logo { display:inline-block; margin-right:10px; margin-bottom:20px; border:1px solid #dadada; border-radius:2px; text-align:center; width:112px; height:47px; line-height:45px; } .edit-mode .form-control,.edit-mode .select,.edit-mode .radio-input { margin-bottom:15px; } .edit-mode .to { min-width:50px; } .edit-mode .form1 .form-inline .form-group:last-child { margin-right:0px; } /*--- edit Skills --- */ #editSkills.edit-mode { background:#fff; border:none; padding-bottom:0px; padding-top:0px; } #editSkills.edit-mode .token-input-list-facebook { padding:5px; margin-bottom:30px; max-height:80px;} #editSkills.edit-mode .token-input-token-facebook { background:#d7263d; color:#fff; min-width:75px; padding:0px 10px; border:none; text-align:center; min-height:25px; line-height:25px; } #editSkills.edit-mode .token-input-token-facebook p { color:#fff; font-size:11px; } #editSkills.edit-mode .token-input-token-facebook span { color:#fff; font-size:11px; padding-left:5px; border-left:1px solid #0180d4; margin-left:5px; display:inline-block; min-height:25px; } #editSkills.edit-mode #token-input-haves { height:25px; font-size:11px; outline:none; border:none; margin-bottom:0px; } #editSkills.edit-mode #token-input-haves:focus { box-shadow:none; } /*--- Save All Edits --- */ .save-all-edits { text-align:center; padding-top:60px; } .save-all-edits p { font-size:19px; color:#8c8c8c; margin-bottom:5px; } .save-all-edits .button1 { padding:10px 20px; min-width:200px; font-size:14px; } /*--- Progress --- */ .progress { background:#eeeeee; box-shadow:none; height:5px; border:1px solid #e1e1e1; } .progress .progress-bar { background:#d7263d; box-shadow:none; line-height:1;} /*--- Test-result --- */ #test-result { padding:50px 0;} #test-result h2 small { display:block; font-size:15px; padding-top:10px;} /*--- User_total_score --- */ #user_total_score h3 { font-size:20px; background: #f4f4f4; color: #314451; margin:40px 0 20px; padding: 5px 8px 7px;} /*--- Invite-friends --- */ #invite-friends .table1 td .button2 { margin-top:10px;} #jfmfs-friend-selector-new #jfmfs-friend-filter-text-new { width:290px;} /*--- Table Responsive --- */ .table-responsive { border:0;} /*--- Hidden Txt --- */ .hidden-txt { display:none;} /*--- question-instruction-semifinal --- */ #question-instruction-semifinal { background:#f9e7d8; padding:15px 0; margin:0; color:#ec740a;} #question-instruction-semifinal ol { padding:0 0 0 14px; margin:0;} #question-instruction-semifinal button.close { right:8px; top:-10px;} /*--- Table1 --- */ .table1 { width:100%; margin-bottom:20px;} .table1 tr td { background:#ebf3f7; padding:10px; font-size:12px; color:#666666;} .table1 tr td p { margin-bottom:0; color:#666666;} .table1 h5 { font-size:16px; font-weight:bold; margin-bottom:0;} .table1 .sections { float:right; text-align:center;} .table1 .sections .section { float:left; padding:5px 10px 5px 30px; min-height:64px; margin-left:20px; border-left:1px solid #cfd5d8;} .table1 .sections .section .button2 { min-width:165px;} .table1 .score { display:block; padding-top:3px; line-height:30px; font-size:30px; color:#333333; font-weight:500;} .table1 .left-attempt { display:block; text-align:center; font-style:italic; font-weight:500; padding-top:3px;} .name{ text-align:left; width:250px; min-width:200px;} td.name img { margin-right:16px; border-radius:50%; width:24px; height:24px;} .name span.first-letter { display:inline-block; width:24px; height:24px; text-align:center; border-radius:50%; background:#dadada; line-height:25px; text-transform:uppercase; font-size:14px; font-weight:500; margin-right:15px; color:#424242;} /*--- Table2 --- */ .table2 { width:100%;} .table2 tr th { font-size:14px;background:#f4f4f4; color:#424242; padding:10px 16px; font-weight:bold; white-space:nowrap;} /*.table2.box-default tr th { border-bottom:1px solid #e1e1e1; padding:12px 25px;}*/ .table2 tr td { padding:8px 16px; font-size:14px; color:#424242; background:#fff;} .table2 tr:nth-child(2n) td {background:#f4f4f4;} .table2 tr td img.user-pic { width:40px; height:40px; border-radius:50%; margin-right:10px;} .table2 tr td .details { margin-left:56px; text-align:left;} .table2 tr td h4 { font-weight:normal; margin-bottom:0; font-size:14px;} .table2 tr td h4 a { color:#424242;} .table2 tr td p { font-size:14px; color:#8c8c8c; margin-bottom:0;} .table2 tr td.actions { text-align:right; } .table2 span.first-letter { display:inline-block; width:45px; height:45px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:43px; text-transform:uppercase; font-size:20px; font-weight:500; margin-right:10px; margin-left:5px;} .table2 tr td.actions .btn-xs { min-width:108px; text-align:center; font-size:14px;} .table2 tr td.actions .button2 { color:#8c8c8c; border:1px solid #e1e1e1; background:none;} .table2 tr td.actions .button2:hover, .table2 tr td.actions .button2.active { color:#fff; border-color:#d7263d; background:#d7263d;} .table2 tr .rank { text-align:center;} /*--- Table3 --- */ .table3 { border:1px solid #e4eaf1; margin-bottom:20px;} .table3 tr th { text-align:center; font-size:14px; padding:10px; border:1px solid #e4eaf1; background:#ebf0f5; font-weight:500;} .table3 tr td { text-align:center; font-size:14px; padding:10px; border:1px solid #e4eaf1;} .table3 tr td:first-child, .table3 tr th:first-child { text-align:left;} /*--- Table4 --- */ .table4 { width:100%; } .table4 th { border-top:1px solid #0875b4; color:#424242; font-size:16px; font-weight:bold; padding:10px 12px; border-bottom:1px solid #ebebeb; text-align:center; } .table4 th.text-left,.table4 td.text-left { text-align:left; } .table4 td.text-left a { color:#424242;} .table4 td { color:#4a4a4a; font-size:14px; font-weight:normal; padding:5px 12px; text-align:center; } .table4 tr:last-child td{ border-bottom:1px solid #ebebeb; } .table4 figure { margin-right:8px; display:inline-block; } .table4 figure img { width:35px; height:35px; border-radius:50%; border:1px solid #c2c2c2; } .table4 .action-btn { min-width:152px;} .table4 .action-btn.button4 { color:#424242;} .table4 .action-btn.button4:hover, .table4 .action-btn.button4:focus, .table4 .action-btn.button4:active { color:#fff;} .table4 .status-icon { background:#8c8c8c; width:12px; height:12px; border-radius:2px; vertical-align:middle; display:inline-block; border:1px solid #8c8c8c;} .table4 .status-icon.attempted { background:#d7263d; border-color:#d7263d;} .table4 .status-icon.skipped { background:none;} /*--- Table7 --- */ .table7 { width:100%;} .table7 tr th { font-size:17px; color:#424242; padding:0 15px 10px 0; font-weight:normal; border-bottom:1px solid #f1f2f2;} .table7 tr td { padding-bottom:20px; padding-right:15px;} .table7 tr:nth-last-child(3) td { padding-bottom:0;} .table7 tr td.skill-info {word-break:break-all;} .table7 tr td figure { float:left; text-align:center;} .table7 tr td figure img { width:40px; height:40px; border-radius:50%;} .table7 tr td .details { margin-left:51px;} .table7 tr td h5 { font-weight:normal; margin-bottom:0;} .table7 tr td h5 a { color:#424242;} .table7 tr td p { font-size:13px; color:#8c8c8c; font-weight:200; line-height:17px; margin-bottom:0; word-break:break-all;} .table7 tr td.actions { text-align:right; width:190px; padding-right:0;} .table7 tr td.actions .btn-xs { min-width:78px; margin-left:5px; text-align:center; padding-bottom:2px;} .table7 tr td.actions .button2 { font-size:18px; min-width:102px;} .table7 tr td.actions .request-sent { background:none; border:0; color:#424242;} .table7 tr td.actions .request-sent.btn-xs { min-width:165px;} .table7 tr td.single-txt { padding-bottom:0;} .table7 tr td.single-txt p { margin-bottom:0;} .table7 tr td.user-info { width:235px;} .no-padding .table7 tbody tr:first-child td { padding-top:15px;} .no-padding .table7 tr th { padding:15px 25px 15px;} .no-padding .table7 tr td { padding:0 25px 10px 25px;} .table7 tr td .status-btn { background:#fff;} .table7 tr td .status-btn.accepted { color:#70be5b;} .table7 tr td .status-btn.pending { color:#f1a80a;} .table7 tr td .status-btn.rejected { color:#ff6767;} /*--- Table8 --- */ .table8 { width:100%;} .table8 tr th { font-size:16px; color:#424242; padding:10px 25px; font-weight:normal;} /*.table8.box-default tr th { border-bottom:1px solid #e1e1e1; padding:12px 25px;}*/ .table8 tr td { padding:15px 25px; font-size:16px; color:#424242; background:#fff;} .table8 tr:nth-child(2n) td {background:#f4f4f4;} .table8 tr td figure { float:left; text-align:center;} .table8 tr td figure img { width:40px; height:40px; border-radius:50%;} .table8 tr td .details { margin-left:56px; text-align:left;} .table8 tr td h5 { font-weight:normal; margin-bottom:0;} .table8 tr td h5 a { color:#424242;} .table8 tr td p { font-size:14px; color:#8c8c8c; margin-bottom:0;} .table8 tr td.actions { text-align:right; } .table8 tr td.actions .btn-xs { min-width:108px; text-align:center; font-size:14px;} .table8 tr td.actions .button2 { color:#8c8c8c; border:1px solid #e1e1e1; background:none;} .table8 tr td.actions .button2:hover, .table8 tr td.actions .button2.active { color:#fff; border-color:#d7263d; background:#d7263d;} .table8 tr .rank { text-align:center;} .table8 tr td.actions .btn { min-width:113px;} /*--- Table20 --- */ .table20 { width:100%;} .table20 tr td { background:#ffffff; padding:10px 15px; font-size:12px; color:#424242;} .table20 tr td p { margin-bottom:0; } .table20 h5 { font-size:16px; margin-bottom:0;} .table20 .sections { float:right; text-align:center;} .table20 .sections .section { float:left; padding:10px 0 0 15px; min-height:60px; margin-left:20px; border-left:1px solid #e1e1e1;} .table20 .sections .section:last-child { padding-top:9px;} .table20 .sections .section .button1 { min-width:165px;} .table20 .score { display:block; padding-top:3px; line-height:20px; font-size:16px; color:#333333; font-weight:500;} .table20 .left-attempt { display:block; text-align:center; font-style:italic; font-weight:500; padding-top:3px;} .table20 .button4 { background:#d7263d; color:#fff; border:0; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .table20 .button4:hover, .table20 .button4:focus, .table20 .button4:active { color:#fff; background:#2384c4; outline:none;} .table20 .button4.disabled { background:#c0c0c0;} .table20 .attempt-now-btn { text-transform:none; font-size:16px; min-width:172px; padding:12px 16px;} /*--- Table21 --- */ .table21 { width:100%;} .table21-wrap { position:relative; background:#fff; overflow-x: auto;} .table21 tr td.text-left, .table21 tr th.text-left { text-align:left;} .table21 tr td.text-right, .table21 tr th.text-right { text-align:right;} .table21 tr th { text-align:center; white-space:nowrap; padding:10px 16px 11px; font-size: 14px; line-height:20px; color:#19171a; border-bottom: solid 1px #dadada; vertical-align:top; font-weight:500;} .table21 tr th small { font-size:10px;} .table21 tr td { text-align:center; vertical-align:middle; position:relative; padding:10px 16px; font-size:14px; color:#4a4548; line-height:20px;} .table21 tr td.name a { color:#4a4548; white-space:nowrap;} /*--- Table22 --- */ .table22 { width:100%;} .table22-wrap { border: solid 1px #dadada; border-radius: 6px; position:relative; background:#fff; overflow-x: auto;} .table22.text-left tr th,.table22.text-left tr td { text-align:left;} .table22 tr td.text-right, .table22 tr th.text-right { text-align:right;} .table22 tr th span.secondary { color:#8a858d; font-weight:normal; line-height:20px; display:block;} .table22 tr th { text-align:left; white-space:nowrap; padding:10px 16px 11px; font-size: 14px; font-weight: 500; line-height:20px; color:#19171a; background-color: #f2f2f2; border-bottom: solid 1px #dadada; vertical-align:top;} .table22 tr th:first-child { border-radius:5px 0 0 0;} .table22 tr th:last-child { border-radius:0 5px 0 0;} .table22 tr th small { font-size:10px;} .table22 tr th .select { min-width:100px; max-width:152px; margin:4px auto 0;} .table22 tr th .select select { color:#19171a;} .table22 tr td { text-align:left; vertical-align:top; position:relative; padding:10px 16px; font-size:14px; color:#4a4548; line-height:20px;} .table22 tr:nth-child(2n) { background:#f2f2f2;} .table22 tr:last-child td:first-child { border-radius:0 0 0 5px;} .table22 tr:last-child td:last-child { border-radius:0 0 5px 0;} .table22 tr td h5.less-margin { margin-bottom:4px;} .table22 tr td.name a { color:#4a4548; white-space:nowrap;} .table22 tr td .arrow-icon { width:10px; height:12px; display:inline-block; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; vertical-align:baseline;} .table22 tr td.down-position .arrow-icon { background-position:-319px -50px;} .table22 tr.passed { background-color:#e7ffec;} .table22 tr td.up-position .arrow-icon { background-position:-344px -49px;} .table22 tr td .my-score { display:inline-block; min-width:50px;} .table22 tr td .icon-download { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -335px -80px no-repeat; margin-left:5px;} .table22 tr.my-rank td { font-weight:600; background-color:#f7f7f7; border-top:1px solid #dadada; vertical-align:middle;} .table22 tr th:first-child, .table22 tr th:last-child, .table22-wrap { border-radius:0;} .table22 th small, .table22 td small { font-size:12px; color:#8c8c8c; font-weight:normal;} .table22 td span { color:#8c8c8c;} .table22 td { vertical-align:middle;} .table22 td .moved-position { display:inline-block; border-radius:2px; padding:1px 2px 2px; font-size:10px; color:#fff; display:inline-block; margin-left:4px; background:#7ed321; line-height:7px; position:relative; top:1px;} .table22 td .moved-position svg { position:relative; top:-2px;} .table22 td .popover {border-radius:3px; background-color: #ffffff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; width:182px; padding:0; left:auto; right:-180px;} .table22 td .popover .popover-content { padding:8px 0;} .table22 td .popover.right > .arrow {border-right-color:rgba(218,218,218,1); top:auto; margin-top:16px;} .table22 td .popover ul { margin:0; padding:0; list-style:none;} .table22 td .popover ul li a { padding:8px 16px; display:block;} .table22 td .popover ul li a:hover { background:#f7f7f7;} .table22 td:hover .popover { display:block;} .table22 td .popover .description-list { padding:8px 16px;} .table22 td .popover .description-list dt { min-width:55px;} .table22 td .popover .description-list dd { margin-left:60px; text-align:right;} .table22 td .popover .description-list dd .alert { font-weight:bold;} /*--- Badges Rating --- */ #semifinal-contests .tabs2 .nav-tabs { border-bottom:1px solid #ddd;} #semifinal-contests .tabs2 .nav-tabs > li { margin-top:0; margin-bottom:-1px;} #semifinal-contests .tab-content { padding:0;} #semifinal-contests .heading { margin-bottom:7px;} /*--- Badges Rating --- */ .badges-rating { margin:0; padding:0; list-style:none; width:145px;} .badges-rating li { height:27px; background-image:url(../../files/event_images/cg2017_images/icons.png); width:25px; margin-right:5px; background-repeat:no-repeat; display:block; float:left;} .badges-rating li span {height:27px; display:block; width:25px;} .badges-rating li:last-child { margin-right:0;} .badges-rating li.code-spartacus { background-position:-118px -519px;} .badges-rating li.code-spartacus.active { background-position:-118px -489px;} .badges-rating li.code-achillesle { background-position:-148px -519px;} .badges-rating li.code-achillesle.active { background-position:-148px -489px;} .badges-rating li.code { background-position:-179px -519px;} .badges-rating li.code.active { background-position:-179px -489px;} .badges-rating li.code-hercules { background-position:-209px -519px;} .badges-rating li.code-hercules.active { background-position:-209px -489px;} .badges-rating li.social-titan { background-position:-239px -519px;} .badges-rating li.social-titan.active { background-position:-239px -489px;} /*--- User Steps Form --- */ #user-steps-form { box-shadow:none; padding:24px; padding-bottom:16px; margin:40px 0;box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.08);border-radius: 6px;} #user-steps-form li { margin-bottom:16px;} #user-steps-form li.location-field { margin-bottom:38px;} #user-steps-form #current-status-field .form-group { margin-bottom:0;} #user-steps-form #current-status-field > label { line-height:21px;} #user-steps-form .token-input-list-facebook .form-control { padding:6px 12px;} #user-steps-form .token-input-list-facebook { clear:none; max-height:60px; min-height:36px; font-family:'myriadpro', Arial, Helvetica, sans-serif;} #user-steps-form .token-input-list-facebook li { margin-bottom:0;} #user-steps-form .token-input-list-facebook .form-control { width:auto !important; border:0; margin:0;} .steps-page div.token-input-dropdown-facebook { width:300px; max-height:150px; overflow:auto;} .profile-page div.token-input-dropdown-facebook { width:770px;} /*--- Autocomplete --- */ #autocomplete ul li { margin-bottom:0 !important;} /*--- Need Help --- */ #need-help { position:fixed; right:10px; bottom:7px; z-index:100; font-size:42px; background:#8c8c8c; text-align:center; width:52px; height:52px; border-radius:50%; color:#fff; line-height:52px; display:block; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #need-help:hover { background:#05699b;} /*--- UserData --- */ #userData { padding-top:10px; margin:0;} #userData .qblock { border-bottom:0; background:none;} #userData .qblock label { padding-top:16px; width:140px; background:none; font-weight:normal; color:#8c8c8c;} #get-in-touch-txt { text-align:center; font-size:45px; text-transform:uppercase; padding:15px; background:#f5f5f5;} .corp-contact-info { margin-bottom:20px;} .corp-contact-info li { background:#f5f5f5; padding:5px; margin-bottom:0;} .corp-contact-info li a { color:#707070;} .corp-contact-info li:nth-child(2n) { background:#fff; padding:5px;} .corp-contact-info span.dtl { width:265px;} #userData .qblock .field input { border-radius:2px;} #userData .qblock .field { padding:5px 0px !important;} .qblock span.field { width:300px;} .qblock span.field textarea { height:80px !important; border-radius:2px; resize:none;} .qblock span.field input:focus, .qblock span.field select:focus, .qblock span.field textarea:focus { border:1px solid #CDCDCD !important; background:#fff;} #userData .btn-lg { font-weight:500; min-width:115px; margin:5px 0 5px;} #userData .form1 p { margin-bottom:0; color:#8c8c8c;} #userData .qblock .field.form1 { float:left; padding-left:140px !important;} #company_contact_block { padding:30px 80px 20px 80px;} #company_contact_block p { font-size:16px; color:#8c8c8c; margin-bottom:10px;} #company_contact_block h5 { color:#8c8c8c; font-weight:normal; border-bottom:1px solid #e1e1e1; margin-bottom:20px;} #company_contact_block h5 span { display:inline-block; background:#fff; padding:0 5px; position:relative; bottom:-9px;} #spread-word .cc-share-cont a{width:200px;padding:10px;border-radius:4px;color:#ffffff;font-size:14px;} #spread-word .cc-share-cont a.fbook{background-color:#21497f;} #spread-word .cc-share-cont a.tweet{background-color:#01baf7;} #spread-word .cc-share-cont a.email{background-color:#df4f3f;} /*--- Boot box --- */ .bootbox .bootbox-close-button { height:0; padding-top:16px; overflow:hidden;} .bootbox .modal-footer .btn-primary { background:#d7263d; color:#fff; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .bootbox .modal-footer .btn-primary:hover, .bootbox .modal-footer .btn-primary:focus, .bootbox .modal-footer .btn-primary:active { color:#fff; background:#2384c4; outline:none;} /*--- Modal --- */ .modal .modal-header { border-bottom:0; padding-bottom:5px;} .modal .modal-header p { margin-bottom:0;} .modal .modal-footer { border-top:0; padding:0 15px 15px;} .modal button.close span { display:none;} .modal .modal-content { border:0; border-radius:2px; box-shadow:0 5px 15px rgba(0,0,0,0.3);} .modal-backdrop { background:#2e4056;} .modal-backdrop.in {opacity:0.9;} .modal .tooltip{font-size:12px;line-height:18px;}.modal .tooltip-inner{ background:#e5e5e5; min-width:210px; color:#424242;}.modal .tooltip.top .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.top-left .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.top-right .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.right .tooltip-arrow{border-right-color:#e5e5e5}.modal .tooltip.left .tooltip-arrow{border-left-color:#e5e5e5}.modal .tooltip.bottom .tooltip-arrow{border-bottom-color:#e5e5e5}.modal .tooltip.bottom-left .tooltip-arrow{border-bottom-color:#e5e5e5}.modal .tooltip.bottom-right .tooltip-arrow{border-bottom-color:#e5e5e5;} .modal .tooltip.right .tooltip-inner { text-align:left;} /*--- Alert --- */ .alert { border:0; border-radius:0; background:none; padding:0; font-size:14px; line-height:24px; font-weight:500;} .alert a { font-size:12px; font-weight:normal;} .alert-warning {color:#d54343;} .alert-danger {color:#d54343;} .alert-info {color:#fa8c2b;} .alert-success {color:#02c54c;} /*--- Content Block --- */ .content-block { margin-bottom:30px;} .content-block-extra { margin-bottom:50px;} /*--- .dividing-section1.content-block-extra .contest-box1:hover .button2 { background:#d7263d; color:#fff; } --- */ .dividing-section1.content-block-extra .contest-box1:hover > a.disabled .button2 { background:#fff; color:#d7263d; } .dividing-section1.content-block-extra .contest-box1 > a { display:block; } .dividing-section1.content-block-extra .contest-box1 > a.disabled { pointer-events:none; } .dividing-section1.content-block-extra .contest-box1 > a.disabled .btn { opacity:.65; } /*--- Form Autocomplete --- */ html.js #container-wrap input.form-autocomplete {background-image:none !important;} /*---Form1 --- */ .form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;} .form1 ul li { margin-bottom:15px;} .form1 ul li.no-margin { margin-bottom:0;} .form1 ul li:last-child { margin-bottom:0;} .form1 .required {color:#ff0000;} .form1 .form-control { border-radius:2px; font-size:14px; box-shadow:none;} .form1 .form-control, .form1 input[type="text"], .form1 input[type="password"] { height:36px; border:1px solid #dadada;} .form1 input[type="submit"], .form1 button[type="submit"] { font-weight:normal;} .form1 .forgot-password { float:right; font-size:13px;} .form1 .error_msg {color: #d54343; display: inline-block; font-size:12px; position: relative; line-height:17px;} .form1 textarea.form-control { resize:none; height:115px; border:1px solid #dadada !important;} .form1 .has-error textarea.form-control { border:1px solid #d54343 !important;} .form1 .has-error input[type="text"], .form1 .has-error input[type="password"] { border:1px solid #d54343;} .form1 .clear-row { clear:left;} .form1 label { font-size:13px; color:#424242; display:block; margin-bottom:3px; font-weight:500;} .form1 label.left-label { padding-top:10px;} .form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;} .form1 .radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:20px;} .form1 .radio-input label { font-size:13px; color:#314451; margin:0;} .form1 .radio-input label a { color:#eb494f;} .form1 .checkbox-input { position:relative; display:inline-block; padding-left:23px;} .form1 .checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:20px;} .form1 .checkbox-input.checkbox-block { display:block; margin-bottom:7px;} .form1 .checkbox-input.checkbox-block label { font-weight:normal;} .form1 .checkbox-input label { font-size:13px; margin:0; line-height:17px;} /*.form1 .checkbox-input input[type=checkbox]:checked + label:before { background:url(images/tg_images/icons.png) -440px -115px no-repeat; } .form1 .checkbox-input input[type=checkbox] { display: none; } .form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:-1px; background:url(images/tg_images/icons.png) -440px -91px no-repeat; } .form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/tg_images/icons.png) -440px -115px no-repeat; } */ .form1 .select { position:relative; display:block; border:1px solid #dadada; border-radius:2px; min-height:40px; height:auto; width:100%;} .form1 .select select { width:100%; border:0; background:#fff; padding:0 35px 0 5px; height:38px; font-size:14px; color:#999; position:relative; border-radius:2px;} .form1 .select select .selected-option { color:#555;} .form1 .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';} .form1 .select select::-ms-expand{ display:none;} .form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:2px; background:url(images/tg_images/icons.png) -96px -119px no-repeat; width:31px; height:34px; content:"";} .form1 .select.multi-select:after { display:none;} .form1 .select1 { position:relative; display:block; border:1px solid #ebebeb; border-radius:2px; min-height:24px; height:auto; background-color:#fff;} .form1 .select1 select { border:0; background:#fff; padding:0 15px 0 10px; background:#fff; height:24px; font-size:14px; color:#6a6969; position:relative; border-radius:2px; background-color:#fff; width:100%; } .form1 .select1:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(../../files/event_images/cg2017_images/icons.png) -28px -307px no-repeat; width:24px; height:24px; content:""; background-color:#fff;} .form-horizontal .control-label { padding-top:8px;} .form-horizontal .control-label.two-lines { padding-top:0;} .form1 .varification-field .reg-captcha { float:left;} .form1 .varification-field .reg-frm-rfrs, .form1 .varification-field .captcha-rfrs { float:left; background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0; float: left; height: 40px; margin:-1px 0 0 8px; width: 40px;} .form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover { background-position: 0 -40px;} .form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active { background-position: 0 -80px;} .form1 .varification-field #imgCaptcha { float:left;} .form1 .varification-field.has-error { padding-bottom:18px; position:relative;} .form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:22px;} .form1 .chosen-container-multi .chosen-choices { border:0; border-radius:4px; padding:6px 6px 5px; background:#fff;} .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:1px solid #ccc; width:12px; height:12px;} .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {color: #999; content: "x"; display: block; font-size: 11px; left:2px; position: absolute; top:-3px;} .form1 .chosen-container-multi .chosen-choices li.search-choice { padding:2px 20px 4px 5px;} .chosen-container .chosen-results li { font-size:12px;} /*--- TopRankers --- */ .toprankers-head { padding-bottom:1px; margin-bottom:60px; position:relative; background: #fff;} .toprankers-head .container { position:relative;} .toprankers-head h3 { margin:0; line-height:41px; text-align:left;} .toprankers-head .btn-group { margin-bottom:28px;} .toprankers-head .btn-group .btn {border:1px solid #e1e1e1; padding:12px; border-radius:1px;} .toprankers-head .btn-group .btn:first-child { border-right:0;} .toprankers-head .btn-group .btn.active, .toprankers-head .btn-group .btn.active:hover, .toprankers-head .btn-group .btn.active:focus { background:#d7263d; border-color:#e1e1e1; color:#fff; box-shadow:none;} .toprankers-head .btn-group .btn:hover, .toprankers-head .btn-group .btn:focus { background:#fff; box-shadow:none;} .toprankers-head .sponsored-by { margin:0; position:absolute; text-align:center; right:10px; bottom:-71px;} .toprankers-head.first-round-result h3 { text-align:center; } .toprankers-head.first-round-result .view-semifinale-guidelines { position:absolute; right:0px; font-weight:bold; } /*--- Coding Platform Head --- */ #coding-platform-head { position:relative; z-index:1000; background:none; background:#fff; height:auto; box-shadow:none; padding:20px 0 60px; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} #coding-platform-head h4 { margin-bottom:10px;} #coding-platform-head h4 span { font-size:16px; color:#8c8c8c; font-weight:normal;} #coding-platform-head p { font-size:16px; color:#8c8c8c; margin-bottom:0;} #coding-platform-head p .fa { color:#005e8b;} #coding-platform-head .contest-info { float:left; margin-right:0px;} #coding-platform-head .btn-group { margin-top:4px;} #coding-platform-head .btn-group .btn { color:#8c8c8c; box-shadow:none;} #coding-platform-head .btn-group .btn.active { background:#d7263d; border-color:#d7263d; color:#fff;} #coding-platform-head #remain { font-size:35px; color:#424242; position:relative; top:-4px;} #coding-platform-head #remain span { display:inline-block; position:relative; vertical-align:middle; padding:0 5px; line-height:35px;} #coding-platform-head #remain span.divider { position:relative; top:-3px;} #coding-platform-head #remain small { position:absolute; line-height:13px; font-size:13px; color:#8c8c8c; width:100%; text-align:center; left:0; bottom:-15px;} #coding-platform-head .big, #coding-platform-head .attempt-count, #coding-platform-head .date-time { margin-left:35px; padding-top:6px; line-height:12px;} #coding-platform-head .big { padding-top:0;} #coding-platform-head .attempt-count {line-height:13px; font-size:13px; color:#8c8c8c; text-align:right; text-transform:uppercase; position:relative; padding-top:8px; } #coding-platform-head .attempt-count > span { font-size:35px; display:block; line-height:13px; color:#424242; position:relative;} .questionlist #coding-platform-head { padding-bottom:20px;} .fixed-contents #container-wrap.loggedin.normal-padding { padding-top:105px;} .fixed-contents #coding-platform-head { height:65px; position:fixed; top:0; left:0; width:100%; padding:7px 0 5px;} .fixed-contents #coding-platform-head .btn-group { display:none;} .fixed-contents #coding-platform-head h4, .fixed-contents #coding-platform-head p { display:none;} .fixed-contents #coding-platform-head #remain { font-size:25px; top:0;} .fixed-contents #coding-platform-head .big { padding-top:4px;} .fixed-contents #coding-platform-head #remain span { line-height:25px;} .fixed-contents #coding-platform-head .attempt-count { padding-top:13px;} .fixed-contents #coding-platform-head .attempt-count > span { font-size:25px; line-height:6px;} #coding-platform-head .date-time { color:#8c8c8c;} #coding-platform-head .date-time span { color:#424242;} #coding-platform-head #remain, #coding-platform-head .attempt-count > span, #coding-platform-head .date-time span { font-size:24px;} #coding-platform-head .date-time:nth-child(2n) { margin-left:0;} /*--- Running Contest --- */ #running-contests .contest-box { display:inline-block; margin:0 21px 32px; float:none; vertical-align:top;} /*--- Languages Tabs --- */ #languages-tabs { padding:0; background:#fff; margin-bottom:50px;} #languages-tabs .nav-tabs li a { margin:0;} #languages-tabs .tab-content { padding-top:0;} #languages-tabs .nav-tabs li a:hover, #languages-tabs .nav-tabs li.active a { background:#d7263d;} #languages-tabs .scroll { float:none; height:auto; width:100%; overflow:visible;} #languages-tabs .nav-tabs li { float:left; border:0; width:10%; text-align:center;} #languages-tabs .nav-tabs li a { border:0;} #languages-tabs .nav-tabs li a { font-size:14px;} #languages-tabs .tab-content { margin-left:0; background:#fff;} .others-code .sociable2 { float:right;} .others-code .sociable2 p { margin-bottom:0;} .others-code .sociable2 .fa { font-size:29px; vertical-align:middle;} /*.others-code .sociable2 a { width:30px; height:30px; border-radius:50%; display:inline-block; margin-left:6px; text-align:center;} .others-code .sociable2 a.facebook { background:#366ea7;} .others-code .sociable2 a.twitter { background:#55acee;} .others-code .sociable2 a.linkedin { background:#0177b5;} .others-code .sociable2 a.google-plus { background:#ca4638;}*/ /*--- signup-login-page --- */ .signup-login-page { background:#fff; } .signup-login-page h3 { font-weight:normal; } /*--- signup-login-wrap --- .signup-login-wrap { width:900px; margin:0 auto; background:url(../../files/event_images/cg2017_images/participate-image.png) no-repeat left top; background-size:cover; } .signup-login-wrap .form1 ul li { position:relative; } .signup-login-wrap .form1 .forgot-password-area { padding-top:15px; padding-bottom:5px; } .signup-login-wrap .left-column { width:50%; float:left; } .signup-login-wrap .right-column { float:right; width:50%; border:1px solid #d7d7d7; border-left:0px; padding:0px; padding-bottom:10px; background:#fff; } .signup-login-wrap .left-column,.signup-login-wrap .right-column { min-height:400px; } .signup-login-wrap .form1 ul li .fa { position:absolute; z-index:1; left:0; width:42px; top:1px; border-right:1px solid #e1e1e1; height:38px; line-height:38px; color:#c0c0c0; font-size:20px; text-align:center;} .signup-login-wrap .form1 input[type="text"], .signup-login-wrap .form1 input[type="password"] { height:40px; padding-left:12px; } .signup-login-wrap .form1 #autocomplete { width:100% !important;} .signup-login-wrap ul.token-input-list-facebook li input { margin:0px; } .signup-login-wrap .tabs1 .nav-tabs li a { background:#ebebec; border:none; border-radius:0px; font-size:16px; color:#d7263d; text-transform:none; font-weight:normal; height:40px; padding:10px; line-height:20px; } .signup-login-wrap .tabs1 .nav-tabs li.active a { background:#d7263d; color:#fff; } .signup-login-wrap #login_tab a { border-radius:2px 0px 0px 2px; } .signup-login-wrap #signup_tab a { border-radius:0px 2px 2px 0px; } .signup-login-wrap .tabs1 .tab-content { padding:15px 0px 0px 0px; } .signup-login-wrap .form1 .button1 { background:#d7263d; color:#fff; display:inline-block; width:115px; margin-bottom:10px; font-size:18px; border-radius:2px; margin-top:0px; padding:6px 10px; min-width:auto; border:none; height:40px; line-height:28px; } .signup-login-wrap .sociable { width:116px; margin:0 auto 0px;} .signup-login-wrap .sociable p { margin-bottom:0px; } .signup-login-wrap .sociable .social-btn { float:left; margin:0 12px 0 0; border-radius:50%; width:30px; height:30px; padding:0; line-height:30px;} .signup-login-wrap .sociable .social-btn:last-child { margin:0;} .signup-login-wrap .sociable .social-btn .fa { border:0; line-height:30px; color:#fff; width:30px; height:30px; text-align:center; font-size:17px;} .signup-login-wrap .or-divider { position:relative; } .signup-login-wrap .or-divider span { display:block; border-radius:10px; text-transform:uppercase; font-size:8px; color:#333333; height:17px; line-height:15px; background:#fff; width:17px; text-align:center; margin:0px auto 10px; border:1px solid #e7e7e7; text-transform:uppercase; position:relative; z-index:10; } .signup-login-wrap .or-divider:before { content:""; position:absolute; width:100%; background:#e1e1e1; height:1px; left:0px; top:50%; display:block; z-index:9; } .signup-login-wrap .form1 .forgot-password-area { padding-top:8px; display:block; } .signup-login-wrap .form1 .forgot-password-area a { color:#8a858d; text-decoration:underline; } .signup-login-wrap .tabs1 .nav-tabs li a { font-size:20px; line-height:15px;} .signup-login-wrap .tabs1 .nav-tabs > li { width:100%;} .signup-login-wrap .tabs10 .nav-tabs { padding:0; margin-bottom:0px; } .signup-login-wrap .tabs10 .nav-tabs li { width:50%; padding:0px 24px; } .signup-login-wrap .tabs10 .nav-tabs li.full-width-list { width:100%; } .signup-login-wrap .tabs10 .tab-content { padding:24px 16px; padding-bottom:0px; } .signup-login-wrap .right-column .inner-wrap { padding-top:24px; } .signup-login-wrap .form1 .button1 { width: 100%; font-weight: 900; height: auto; line-height: 18px; font-size: 14px; } .signup-login-wrap .form1 .agreement { color:#8a858d; display:block; padding-top:8px; font-size:14px; line-height:20px; } .signup-login-wrap .form1 .agreement a { color:#4a4548; text-decoration:underline; } .signup-login-wrap .token-input-list-facebook { }*/ /*--- Login Form --- */ #login-form { position:relative;} #login-form .form1 .varification-field label { float:none; margin-right:0px; line-height:24px; } /*--- Signup Form --- */ #signup-form small { display:block; font-size:11px; color:#8c8c8c;} #signup-form .form1 .varification-field label { float:none; margin-right:0px; line-height:24px; } /*--- 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 { display:flex; margin-right:12px; width:48px; height:32px; text-align:center; line-height:29px; vertical-align:top;align-items:center; } .login-signup-sociable p a img{margin:auto;} .login-signup-sociable p a.linkedin { background:#0077b5;} .login-signup-sociable p a.facebook { background:#3b5998; } .login-signup-sociable p a.google { background:#ffffff; border:1px solid #4285f4; line-height:29px; } .login-signup-sociable p a.github { background:#3b4146; } /*--- Beattheleader-contests --- */ #beattheleader-contests .tabs2 .nav-tabs li { width:10%;} #beattheleader-contests .tabs2 .nav-tabs li a { font-size:15px; margin:0;} #beattheleader-contests .table8 tr td { background:#f4f4f4;} #beattheleader-contests .table8 tr:nth-child(2n) td {background:#ffffff;} #beattheleader-contests .table20 tr td { background:#eff9fe;} #beattheleader-contests .view-more-btn { padding:0; margin-top:15px;} /*#beattheleader-contests .table20 tr td:last-child { padding-right:0;}*/ /*--- Multiple Email --- */ .form1 .multiple_emails-container { border:1px #dadada solid; min-height:36px; border-radius:2px; padding:0; margin: 0; cursor:text; width:100%;} .form1 .multiple_emails-container .form-control { clear:both; border:0; height:27px; box-shadow:none; width:auto; outline: none; margin: 3px 5px 3px 5px; padding:2px 7px 2px 7px; font-size:13px; border-radius:18px;} .form1 .multiple_emails-container input.multiple_emails-error { background:#f25858; color:#fff;} /*.multiple_emails-container input.multiple_emails-error {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6767 !important; outline: thin auto red !important; }*/ .form1 .multiple_emails-container ul {list-style-type:none; padding-left: 0; } .form1 .multiple_emails-email { margin:3px; padding:4px 7px 2px 12px; font-size:13px; border-radius:18px; background: #ebebeb; float:left; } .form1 ul li.multiple_emails-email { margin-bottom:3px;} .form1 .multiple_emails-close { float:right; margin-left:7px; color:#c0c0c0; font-size:20px; line-height:22px;} /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height:26px; vertical-align:middle; margin-left:10px;} /* Hide default HTML checkbox */ .switch input {display:none;} /* The slider */ .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; display:inline-block; width: 60px; height: 34px;} .switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider { background-color: #d7263d;} input:focus + .slider { box-shadow: 0 0 1px #d7263d;} input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);} /* Rounded sliders */ .switch .slider.round { border-radius: 34px;} .switch .slider.round:before { border-radius: 50%;} /*--- My Profile --- */ #my-profile .profile-pic figure { margin-bottom:10px;} #my-profile .profile-pic .change-pic { font-size:12px; color:#303565;} #my-profile .user-details { margin-bottom:30px;} #my-profile .user-details p { font-size:16px; color:#666;} #my-profile .user-details p small { font-size:13px;} #my-profile .user-details .contest-status { margin:0; padding:15px 0 0; list-style:none; margin-bottom:48px;} #my-profile .user-details .contest-status li { float:left; margin-right:22px; font-size:16px;} #my-profile .user-details .contest-status li a { color:#333;} #my-profile .user-details .contest-status li strong { font-size:26px; font-weight:500; line-height:16px;} #my-profile .user-details .contest-status li .cg-icon { width:36px; height:36px; margin-right:7px;} #my-profile .user-details .contest-status li .badge-icon { background-position:-189px -416px;} #my-profile .user-details .contest-status li .certificate-icon { background-position:-243px -417px;} #my-profile .user-details .contest-status li .invite-icon { background-position:-130px -434px;} #my-profile .progress { border:1px solid #dae4e7; overflow:visible; height:auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:9px 15px; margin-bottom:15px; min-height:65px;} #my-profile .progress h6 { margin-bottom:12px;} #my-profile .progress .progress-bar { height:13px; display:block; position:relative; background:#dadada; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin-bottom:12px; width:100%; border:0;} #my-profile .progress .progress-bar .inner { height:13px; display:block; position:relative; background:#337ab7; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;} #my-profile .progress a.complete-profile { font-size:14px; color:#ffcc00; text-decoration:underline; display:inline-block; margin-bottom:3px;} #my-profile .progress .value { display:block; width:60px; text-align:center; padding:5px; background:#337ab7; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:16px; color:#fff; position:absolute; right:0; top:-60px; } #my-profile .user-details .contest-status .fa { font-size:22px; margin-right:5px; color:#337ab7; } #my-profile .sociable { text-align:center;} #my-profile .sociable h6 { text-align:center;} #my-profile .sociable a { margin:0 2px;} #my-profile dl { font-size:14px; line-height:35px; margin:0;} #my-profile dl a { color:#303565;} #my-profile dl dt { width:185px; text-align:right; display:block; float:left; clear:left; font-weight:500; margin-bottom:5px;} #my-profile dl dd { display:block; margin-left:10px; margin-left:200px; color:#747474; font-weight:normal; margin-bottom:5px;} #my-profile .profile-pic{ text-align:center;} #my-profile .profile-pic figure { width:130px; height:130px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto 12px;} #my-profile .profile-pic figure span { vertical-align:middle; word-spacing:-10px; width:130px; height:130px; text-align:center; line-height:130px; text-transform:uppercase; font-size:50px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; display:block;} #my-profile .profile-pic figure img { position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:130px; height:130px;} #my-profile .profile-pic .edit-pic { display:none; width:100%; height:100%; background:url(images/cg2015_images/edit-icon.png) center center no-repeat; background-color:rgba(0, 0, 0, 0.5); position:absolute; left:0; top:0; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; border-radius:50%; border-radius:50%; border-radius:50%;} #my-profile .profile-pic figure:hover .edit-pic { display:block;} #my-profile .edit-info { background:url(images/cg2015_images/edit-icon1.png) left top no-repeat; padding-left:28px; color:#303565; line-height:28px; font-size:13px; float:right; display:inline-block; text-decoration:underline;} /*--- Cg Prize Box --- */ #cg-prize-box .inner-box { border-radius:4px; border:1px solid #dadada; background:#fff; margin-bottom:12px; text-align:center;} #cg-prize-box header { background:#f1ac4f; padding:16px 4px 6px; border-radius:3px 3px 0 0; position:relative; margin:-1px -1px 8px;} #cg-prize-box header h3 { color:#fff; position:relative; margin-bottom:18px;} #cg-prize-box header h3 small { font-size:14px; color:#fff; font-weight:normal; display:block;} #cg-prize-box header h3:after { width:20px; background:#fff; content:""; height:1px; display:block; position:absolute; left:50%; margin-left:-10px; bottom:-11px;} #cg-prize-box header p { color:#fff; margin-bottom:8px; font-size:12px;} #cg-prize-box header ul { margin:0; padding:0; list-style:none;} #cg-prize-box header ul li { float:left; width:33.333%; font-size:12px; line-height:16px; color:#fff;} #cg-prize-box table { width:100%; border:0;} #cg-prize-box table td { border-bottom:1px solid #dadada; text-align:center; line-height:20px; width:50%; font-size:14px; font-weight:500; padding:8px; color:#19171a;} #cg-prize-box table td:first-child { border-right:1px solid #dadada;} #cg-prize-box table td:last-child { border-right:0;} #cg-prize-box table tr:last-child td { border-bottom:0;} #cg-prize-box table td small { font-size:12px; color:#8a858d; font-weight:normal; display:block;} #cg-prize-box table td h6 { font-size:12px; color:#8a858d; font-weight:normal; margin-bottom:18px; position:relative;} #cg-prize-box table td h6:after { width:20px; background:#dadada; content:""; height:1px; display:block; position:absolute; left:50%; margin-left:-10px; bottom:-9px;} /*--- Footer --- */ #footer {background:#2D1846; padding:30px 0;} #footer ul { margin:0; padding:0; list-style:none;} #footer ul li {font-size:14px; color:#8A858D; margin-bottom:5px;} #footer ul li:last-child { margin-bottom:0;} #footer ul li a { color:#8A858D;} #footer h5 { font-weight:normal;} .inner-footer {text-align: center; color: #8A858D; padding:10px 0; background:#2D1846; border-top:solid 1px #8A858D; line-height: 28px;} #footer .inner-footer p { margin:0; font-size:13px; text-align:center; color:#fff; line-height:26px;} #footer .powered-by { float:left;} #footer .powered-by p { color:#8A858D; margin-bottom:10px; text-align:left; } #footer .sociable .social-btn { margin:0 8px 0 0; border-radius:50%; width:30px; height:30px; padding:7px 0;} .dashboard-page #footer .sociable .social-btn { padding:9px 0;} .dashboard-page #footer .sociable .social-btn.facebook { padding-top:7px;} #footer .sociable .social-btn { vertical-align:top;} #footer .sociable .social-btn .fa { border:0; line-height:30px; width:30px; height:30px; text-align:center; font-size:17px;} #footer .or-divider { display:block; border-radius:10px; text-transform:uppercase; font-size:9px; color:#252122; height:17px; line-height:18px; background:#e6e6e6; width:17px; text-align:center; margin:0 auto 15px;} #footer .sociable p { margin-bottom:0px; } #connect-us h5 { color:#fff; font-size:14px; margin-bottom:10px; } /*--- Social Btn --- */ .social-btn { position:relative; background:none; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0; color:#fff; text-align:center; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; padding:0 12px 0 12px; height:38px; margin:0 10px 15px; font-size:12px;} .social-btn:hover, .social-btn:focus, .social-btn:active { color:#fff; outline:none; text-decoration:none;} .social-btn .inner { display:block; margin-left:37px; line-height:38px;} .social-btn .fa { font-size:20px; float:left; vertical-align:top; width:28px; text-align:left; height:38px; line-height:38px;} .social-btn.facebook { background:#5365b1;} .social-btn.google { background:#f53e29;} .social-btn.linkedin { background:#107fba;} .social-btn.github { background:#0d2636;} .social-btn.mail { background:#0d7e8f;} .social-btn.twitter { background:#2daae2;} .social-btn.facebook:hover { background:#3b5998;} .social-btn.google:hover { background:#ad3425;} .social-btn.linkedin:hover { background:#09577b;} .social-btn.github:hover { background:#1f2123;} .social-btn.mail:hover { background:#075f6c;} .social-btn.twitter:hover { background:#2daae2;} .social-btn.facebook .fa { border-right:1px solid #5b6bae; padding-left:2px;} .social-btn.google .fa { border-right:1px solid #b63f2f;} .social-btn.linkedin .fa { border-right:1px solid #0e5e83;} .social-btn.github .fa { border-right:1px solid #252629;} .social-btn.mail .fa { border-right:1px solid #0b6e7d;} .social-btn.twitter .fa { border-right:1px solid #2daae2; } /*--- Why-participate --- #why-participate { padding:40px 37px; } #why-participate h3 { font-size:20px; color:#fff; font-weight:500; margin-bottom:25px;} #why-participate ul { margin:0px; padding:0; list-style:none;} #why-participate li { margin-bottom:15px;} #why-participate li:last-child { margin-bottom:0px; } #why-participate li p { font-size:16px; color:#fff; margin-bottom:0;} #why-participate .icon { width:42px; height:42px; text-align:center; border-radius:50%; background-color:#ebebec; display:inline-block; float:left; } #why-participate .icon .fa { font-size:18px; color:#07293d; line-height:42px; } #why-participate .details { margin-left:55px; height:42px; display:table; } #why-participate .details p { vertical-align:middle; display:table-cell; } #why-participate .details p .fa-inr { font-size:14px; } */ /*--- Sponsors-list --- #sponsors-list { padding:10px 0 28px; text-align:center; } #sponsors-list h3 { text-align:center; margin-bottom:30px; font-weight:normal; } #sponsors-list .row { margin:0px; } #sponsors-list .col-sm-2,#sponsors-list .col-sm-3,#sponsors-list .col-sm-12,#sponsors-list .col-sm-4 { padding:0px; } #sponsors-list .sponsors-title { display:table; } #sponsors-list h6 { font-size:12px; float:left; min-width:102px; text-align:center; margin-right:14px; margin-bottom:0px; line-height:38px; } #sponsors-list ul { margin:0px; padding:0px; list-style-type:none; float:left; max-width:1067px; } #sponsors-list ul li { border:1px solid #e3e3e3; padding:3px; margin-right:20px; width:93px; height:38px; float:left; margin-bottom:12px; position:relative; text-align:center; line-height:29px; background:#fff; } #sponsors-list ul li:last-child { margin-right:0px; } #sponsors-list ul li img { max-width:83px; max-height:28px; } #sponsors-list ul li:last-child:after { content:""; position:absolute; width:1px; background:#c2c2c2; height:100%; right:-15px; top:0px; display:block; z-index:9; } #sponsors-list .sponsors-section.last ul li:last-child { margin-right:0px; } #sponsors-list .sponsors-section.last ul li:last-child:after { display:none; } #sponsors-list .sponsors-section { float:left; margin-right:30px; } #sponsors-list .sponsors-section.associate,#sponsors-list .sponsors-section.base { clear:left; } */ /*--- Glimpses --- */ #glimpses { padding-bottom:50px; } #glimpses .slider-wrap .caroufredsel_wrapper { height:116px !important; } #glimpses p { text-align:left; margin-bottom:35px;} #glimpses .default-list li { text-align:center; padding:0 15px;} #glimpses .default-list li a > img { max-width:215px; } /*--- Slider --- */ .slider .previous-btn { position:absolute; left:-25px; top:50%; font-size:19px; color:#c0c0c0; margin-top:-12px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .slider .next-btn { position:absolute; right:-5px; top:50%; font-size:19px; color:#c0c0c0; margin-top:-12px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .slider .previous-btn:hover, .slider .next-btn:hover { color:#919191;} .slider .default-list { height:114px; overflow:hidden;} /*--- Default-list --- */ .default-list { margin:0 -10px; padding:0; list-style:none;} .default-list li { float:left; } /*--- Slider Wrap --- */ .slider-wrap { padding:0px 20px; } /*--- List7 --- */ .list7,.post .list7 { padding-left:30px; } .list7 li,.post .list7 li { padding-left:5px; font-size:14px; margin-bottom:5px; line-height:23px;} /*--- Awards Prizes --- */ .awardbox{background: #fff; margin:0 11px; border-radius: 8px;} #awards-prizes { background:url(../../files/event_images/cg2018_images/prize-banner.png) bottom right no-repeat; background-size:cover; } #awards-prizes .label { background:rgba(8,13,16,1); position:relative; border:1px solid #10151e; padding:2px 10px; display:inline-block; font-size:18px; font-weight:200; border-radius:0px;position:relative; top:-4px; } #awards-prizes .label:before,#awards-prizes .label:after { width:5px; height:19px; content:""; position:absolute; display:block; top:-1px; background:url(../../files/event_images/cg2017_images/icons.png) no-repeat; } #awards-prizes .label:before,#awards-prizes .prizes-table .label:after { top:-1px; } #awards-prizes .label:before { left:-5px; background-position:-34px -4px; } #awards-prizes .label:after { right:-5px; background-position:-45px -3px; } #awards-prizes .label.champion:before { left:-9px; background-position:-3px -4px;} #awards-prizes .label.champion:after { right:-9px; background-position:-18px -3px;} #awards-prizes .label.champion:before,#awards-prizes .label.champion:after { width:9px; height:24px; top:0px; } .beattheleader-page #awards-prizes { background-position:center -340px;} #awards-prizes h2 { margin-bottom:30px; } #awards-prizes h2, #awards-prizes h2 span { color:#fff;} #awards-prizes h2 span { display:block; font-size:18px; font-weight:normal; line-height:32px; } #awards-prizes .champion-icon { width:44px; height:48px; display:block; margin:0 auto 0px; background-image:none;} #awards-prizes .cg-icon { display:inline-block; width:62px; height:46px; background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; background-position:-155px -295px; } #awards-prizes .cg-icon.big { width:80px; height:61px; background-position:-219px -290px; line-height:61px;} #awards-prizes .cg-icon span { display:inline-block; width:31px; height:43px; background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; background-position:-167px 8px;vertical-align:bottom; } #awards-prizes .cg-icon span.beat-leader,#awards-prizes .cg-icon span.daily-winner { background-position:-225px 7px; } #awards-prizes .cg-icon span.top-performers { background-position:-267px 12px; } #awards-prizes .cg-icon span.best-female-coder { background-position:-108px 11px; } #awards-prizes .cg-icon span.champion-icon{ background-position:-58px -4px; width:36px; height:31px; } #awards-prizes .prizes-table { margin:0px; list-style-type:none; padding:0px 20px; } #awards-prizes .prizes-table .label { font-size:13px; font-weight:normal; } #awards-prizes .prizes-table li { float:left; width:20%; } #awards-prizes .prizes-table li.full-width, #awards-prizes .theme-prizes li.full-width { width:100%; margin-bottom:15px;} #awards-prizes .prizes-table li.full-width .prize, #awards-prizes .theme-prizes li.full-width .prize{ font-size:16px;} #awards-prizes .prizes-table .number { display:block; font-weight:500; text-align:center; font-size:18px; color:#fff; line-height:62px; margin:0px auto; width:62px; height:46px; background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; background-position:-155px -295px; } #awards-prizes .prizes-table .number sup { font-size:12px; font-weight:normal; } #awards-prizes .prizes-table p { font-size:16px; line-height:21px; display:inline-block; white-space:nowrap;} #awards-prizes p strong { font-weight:500;} #awards-prizes h3 { color:#fff; margin-bottom:15px; clear:both;} #awards-prizes p { color:#fff;} #awards-prizes .prize-box { float:left; min-height:117px; background:rgba(0,0,0,0.2); border:1px solid #282d2f; padding:0 5px 5px; margin-bottom:25px; width:100%; } #awards-prizes .prize-box .label { font-size:12px; font-weight:normal; } #awards-prizes .vouchers { margin-right:0px; } #awards-prizes .prize { font-size:31px; font-weight:500; } #awards-prizes .prize-box .prize { font-size:21px; font-weight:500; line-height:21px; } #awards-prizes .prize-box .gift-voucher { font-size:18px; } #awards-prizes .prizes-table .prize { font-size:23px; font-weight:500; } #awards-prizes .prizes-table p { font-size:13px; } #awards-prizes .prize-box p { font-size:14px; margin-bottom:0px; } #awards-prizes .theme-prizes { margin:0px; padding:0px; list-style-type:none; } #awards-prizes .theme-prizes li { display:inline-block; padding:0px 25px; } #awards-prizes .theme-prizes li .label { width:205px; } #awards-prizes .theme-prizes li .label:before,#awards-prizes .theme-prizes li .label:after { top:1px; } #awards-prizes .prizes-table .open-contest-voucher .label { font-size:18px; line-height:25px; color:#fff; min-width:465px; padding:8px 10px; } #awards-prizes .prizes-table .open-contest-voucher p { font-size:16px; margin-bottom:30px;} #awards-prizes .prizes-table .open-contest-voucher .label:before,#awards-prizes .prizes-table .open-contest-voucher .label:after { width:25px; height:49px; top:0px; } #awards-prizes .prizes-table .open-contest-voucher .label:before { background-position:-71px -299px; left:-21px; } #awards-prizes .prizes-table .open-contest-voucher .label:after { background-position:-106px -299px; right:-25px; } #awards-prizes .prizes-table .open-contest-voucher .label span { font-size:24px; color:#fff; } #awards-prizes .prizes-table .open-contest-voucher { width:100%; } #awards-prizes .prizes-table .open-contest-voucher .cg-icon span { background-position:-268px 15px; } #awards-prizes .total-prize { background:rgba(0,0,0,0.2); border:1px solid #252c2f; padding:8px 15px 9px; display:inline-block; font-size:22px; font-weight:500; color:#fff; margin-bottom:25px; line-height:22px; } #awards-prizes .vouchers .cg-icon.big { margin-top:12px; position:relative; left:5px;} #awards-prizes .vouchers h6 {text-align:left; color:#fff; line-height:24px; padding-top:20px;} #awards-prizes .more-prizes { margin-bottom:10px;} #awards-prizes .more-prizes .cg-icon { height:75px; margin-top:25px; width:70px; background-position:2px -588px; padding-top:10px;} #awards-prizes .more-prizes .cg-icon .fastest-finger { background-position:-96px -574px;} #awards-prizes .more-prizes .cg-icon .daily-leaderboard-topper { background-position:-139px -577px;} #awards-prizes .more-prizes .cg-icon .language-winner { background-position:-186px -573px;} #awards-prizes .more-prizes .cg-icon .daily-referral { background-position:-95px -618px; width:32px;} #awards-prizes .more-prizes .cg-icon .overall-referral { background-position:-134px -618px; width:32px;} #awards-prizes .more-prizes .cg-icon .t-shirt { background-position:-215px -621px; width:32px;} #awards-prizes .more-prizes .cg-icon .referral-runner { background-position:-178px -618px; width:32px;} #awards-prizes .more-prizes h4 { font-weight:normal; color:#fff; margin-bottom:10px;} #awards-prizes .more-prizes p { font-size:14px; margin-bottom:5px;} /*--- Contest Shedule --- */ #contest-shedule { background:#fff; padding:20px 0px 0; box-shadow:0 2px 6px rgba(214, 213, 213, 1); position:relative; z-index:10; } #contest-shedule h5 {line-height:20px; font-weight:normal; margin-top:3px;} #contest-shedule.open-shedule { padding-bottom:0px; } #contest-shedule.open-shedule .shedule-list { padding-left:0;} #contest-shedule.open-shedule .shedule-list li:first-child { min-width:175px; } #contest-shedule.open-shedule .shedule-list li:nth-child(2){ min-width:230px; } #contest-shedule.open-shedule .shedule-list li:nth-child(3){ min-width:227px; } #contest-shedule ol { margin:0px 0 20px; padding:0px; padding-left:45px;} #contest-shedule ol li { font-size:16px; color:#424242; } #contest-shedule .inner-wrap { padding-left:55px;} /*--- Round Levels --- */ .round-levels { border-top:1px solid #e1e1e1; } .round-levels .block {margin-top:24px; margin-bottom:24px; border-left:1px dashed #e1e1e1; padding:0px 24px; float:left; width:50%; } .round-levels .block:first-child{border-color:transparent;} .round-levels .block h5 {margin-bottom:0px; float:left; } .round-levels .block h5 a { color:#424242;} .round-levels .block h5 span{ display:block; font-size:14px; color:#8c8c8c; line-height:20px; margin-top:8px;} .round-levels .block h5 span .fa { font-size:13px; color:#8c8c8c; } .round-levels .round-levels-title { margin-top:15px; float:none; } .round-levels .block .button2 { float:right; margin-left:10px; margin-top:3px;} .round-levels .block.full-width { float:none; width:100%; border:1px solid #e1e1e1; margin-bottom:15px;} .round-levels .block.full-width:first-child { border-top:0;} .round-levels .block.full-width:last-child { margin-bottom:30px;} .round-levels .block.full-width h4 { float:none; margin-bottom:3px;} .round-levels .block.full-width p { font-weight:normal; font-size:14px; margin-bottom:0;} .round-levels .block .actions { float:right; text-align:center; padding-top:4px;} .round-levels .block .actions .button2 { float:none; margin:0 0 2px; min-width:120px;} .round-levels .block .actions .count { margin:0 10px; vertical-align:middle; color:#8c8c8c; font-size:14px; display:block;} .round-levels .block .actions .count a { color:#8c8c8c;} /*--- Shedule List --- */ .shedule-list { margin:0px; padding:0 0 0 0px; list-style-type:none; } .shedule-list li { float:left; margin-bottom:18px; padding-right:25px; margin-right:25px; position:relative; min-width:227px; } .shedule-list li .position { width:30px; height:30px; color:#fff; vertical-align:top; padding:3px 0px 0px 1px; font-size:14px; display:inline-block; background-position:-11px -193px; background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; line-height:1; } .shedule-list li .position sup { top:-0.7em; font-size:65%; } .shedule-list.active li .position { background-position:-48px -193px; } .shedule-list li:first-child { padding-left:0px; border:none; min-width:185px; margin-right:0; } .shedule-list li:first-child p { color:#19171a;} .shedule-list li:nth-child(2){ min-width:184px; } .shedule-list li:nth-child(3){ min-width:195px; } .shedule-list li:last-child { border:none; text-align:center; min-width:auto; } .shedule-list li:last-child p { font-size:14px; font-style:italic;} .shedule-list li p {line-height:20px; color:#4a4548; margin-bottom:0px; } .shedule-list li .fa.online { width:14px; height:14px; position:relative; top:1px; border-radius:50%; background: #049959; } .shedule-list.first li .fa.online { background: #0166bd; } .shedule-list.active li .fa.online { background: #0166bd; } .shedule-list.inactive li .fa.online { background: #8c8c8c; } .shedule-list li .fa { margin-right:8px; } .shedule-list .active-status,.shedule-list .inactive-status,.shedule-list .closed-status { display:none; } .shedule-list.active .active-status { display:block; } .shedule-list.inactive .inactive-status { display:block; text-align:left; } .shedule-list.closed .closed-status { display:block; } .shedule-list:last-child { margin-bottom:6px; } .beattheleader-page .shedule-list li:first-child { padding-left:6px;} #beattheleader-page .shedule-list li:nth-child(3){ min-width:120px; } /*--- Reason Participate --- */ #reason-participate { background:#f4f2f2; padding:30px 0px 40px; } #reason-participate .reason-participate-list { margin:0px -22px; padding-top:25px; } #reason-participate .reason-participate-list ul { margin:0px; padding:0px; list-style-type:none; } #reason-participate .reason-participate-list ul li { float:left; padding:0px 20px 15px 20px; } #reason-participate .reason-participate-list ul li .box { border:1px solid #dbdbdb; position:relative; background:#fff; text-align:center; padding:15px; width:215px; height:130px; box-shadow:-2px 2px 6px rgba(219, 217, 217, 1);} #reason-participate .reason-participate-list ul li .box p { font-size:16px; } #reason-participate .reason-participate-list ul li .box .header-icon { width:27px; height:17px; margin:0px auto; margin-bottom:15px; display:inline-block; background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; background-position:-142px -193px; } #reason-participate .reason-participate-list ul li .box:before,#reason-participate .reason-participate-list li .box:after { content:""; width:18px; height:24px; position:absolute; bottom:0px; background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; } #reason-participate .reason-participate-list ul li .box:before { background-position: -177px -192px; left:-1px;} #reason-participate .reason-participate-list ul li .box:after { background-position: -201px -192px; right:-1px; } #reason-participate .tabs2 .post { padding:25px; background:#fff; } #reason-participate .view-more { display:block; text-align:center; font-size:15px; font-weight:normal; } #reason-participate .tabs15 .post { padding:25px; background:#fff; } #reason-participate .tabs15 .nav-tabs li { width:33.33%; } #theme-faq h4 { margin-bottom:10px;} #review-form .form1 ul li > div, #review-form .form1 ul li .nicEdit-main { width:100% !important;} #review-form .form1 ul li .nicEdit-main { margin:0 !important; padding:5px; font-size:14px; color:#c0c0c0; line-height:21px; height:150px; overflow:auto !important;} #review-form .form1 ul li .nicEdit-main.active, #review-form .form1 ul li .nicEdit-main.nicEdit-selected { color:#424242;} /*--- Coding Platform --- */ #coding-platform { background:none; height:auto !important;} #coding-content-area { background:none; padding:0 20px 30px; height:auto !important; overflow:visible; width:746px !important; margin-left:211px; position:static;} .practice-mcq #coding-content-area {width:1021px !important; padding-right:0; padding-bottom:0;} #coding-content-area .inner-coding-area { background:#fff; padding:20px;} #coding-platform .widget-block { padding:15px 20px 0; border:0;} #coding-platform .widget-block h5 { color:#424242; text-transform:none; font-weight:normal;} #question-controller { background:none; width:211px; min-height:50px; position:absolute; left:0; top:73px;} #coding-platform .inner-controller { width:211px; background:#fff; padding-bottom:20px;} #question-controller .question-controller .btn { font-size:12px; padding:1px 2px 2px; line-height:15px; margin:0 4px 6px;} #question-controller .legends-info ul { margin-bottom:4px;} #question-controller .legends-info ul li { color:#424242; font-size:13px; line-height:14px; margin-bottom:10px;} #question-controller .legends-info ul li .icon { position:relative; margin-top:-1px;} .fixed-contents #coding-platform .inner-controller { position:fixed; top:65px; height:100%;} #question-controller .question-controller .btn.skipped { background:#7f0e1d; border-color:#7f0e1d;} #question-controller .legends-info ul li.skipped .icon { background:#7f0e1d; border-color:#7f0e1d;} #coding-platform .widget-block .view-all-questions { border:0px;} #coding-platform .widget-block .view-all-questions:hover, #coding-platform .widget-block .view-all-questions:focus, #coding-platform .widget-block .view-all-questions:active { border:0px;} #attempted_option { margin:0;} #attempted_option ul.options { margin-bottom:20px;} #attempted_option ul.options li { margin-bottom:10px; padding-left:0;} #candidate_question_listing .table4 p { margin-bottom:0; word-break:break-all;} #candidate_question_listing .table4 p a {color:#424242;} #user-attentions, #user-attentions .user-attentions-inner { width:275px; position:relative;} .fixed-contents #user-attentions .user-attentions-inner { position:fixed; top:80px;} .coding-footer { padding:11px 0; z-index:1000;} .coding-footer .button5, .coding-footer .button6 { color:#fff !important;} #full-screen-question.expanded #question-area, #full-screen-question.expanded #editor-box { padding:25px 10px 60px;} #full-screen-question.expanded .right-panel { display:none;} #full-screen-question.expanded .left-panel { padding-right:10px; width:100%;} #full-screen-question.expanded .left-panel .box-default { box-shadow:none; padding:0;} #full-screen-question.expanded #testcase_status { margin-bottom:40px; padding-left:0; padding-right:0;} #full-screen-question.expanded #editor-box #code_result_heading, #full-screen-question.expanded #code_result { padding-left:0; padding-right:0;} #question-area .question-status .rating1 { vertical-align:sub;} /*--- User Rank Status --- */ #user-rank-status { padding:15px; text-align:center; box-shadow:none; margin-top:42px; margin-bottom:25px;} #user-rank-status h4 { line-height:27px; margin:0; font-weight:normal;} #user-rank-status h4 span { display:block; font-size:16px; color:#8c8c8c;} #user-rank-status .button1 { margin-top:13px;} /*--- Sub-navigation --- */ .sub-navigation {overflow:hidden; position:relative; margin-bottom:-5px;} .sub-navigation > ul { margin:0; padding:0; list-style:none; display:inline-block;} .sub-navigation > ul > li { float:left; position:relative;} .sub-navigation > ul > li a, .sub-navigation > ul > li a.btn { display:block; padding:10px 15px; border:0; font-size:15px; color:#8c8c8c; border-bottom:2px solid #fff;} .sub-navigation > ul > li a:hover, .sub-navigation > ul > li a.btn:hover { color:#d7263d;} .sub-navigation > ul > li a:hover, .sub-navigation > ul > li a:focus, .sub-navigation > ul > li a:active { text-decoration:none;} .sub-navigation > ul > li.active a { border-bottom:2px solid #d7263d; color:#d7263d;} .sub-navigation .dropdown-menu > .active > a, .sub-navigation .dropdown-menu > .active > a:hover, .sub-navigation .dropdown-menu > .active > a:focus { background:#d7263d;} .sub-navigation .dropdown-menu > li a { border:0;} .sub-navigation .dropdown-menu { border-radius:2px; border:1px solid #e5e5e5; padding:0; top:40px; left:auto; right:0;} .sub-navigation .dropdown-menu li a { padding:5px 15px;} #editor-actions .need-help-lnk { font-size:16px;} #editor-box { position:relative; margin-bottom:0;} #editor-box .sponsored-by { margin:0; font-size:12px; position:absolute; right:0; top:-50px;} #editor-box .sponsored-by span.logo-holder { text-align:center; min-width:93px; padding:2px 5px; margin-left:10px; background:#fff; display:inline-block; line-height:25px; border:1px solid #e5e5e5;} #editor-box .sponsored-by span.logo-holder img { vertical-align:middle; max-height:31px; max-width:83px;} #editor-box h6 { text-transform:none;} #editor-box pre { border:1px solid #ccc;} #testcase_status { background:#fff; padding:0 15px 0; position:relative; margin-top:-8px; width:100%; overflow:auto; margin-bottom:15px;} #testcase_status .ajaxCompileTable:before { display:block; content:""; height:10px;} /*#editor-box #code_result_heading { background:#fff; padding:20px 15px 10px; margin:-25px 0 0; position:relative;}*/ #code_result { margin-bottom:20px; background:#fff; padding:15px; } /*--- Domain Tab --- */ .domain-tab { position:relative; margin-top:-73px;} .domain-tab .nav-tabs-wrap { overflow:auto;} .domain-tab .tab-content { padding-top:27px} .domain-tab > .tab-content { padding-bottom:0;} .domain-tab .nav-tabs-wrap .nav-tabs { margin:0; padding:0; list-style:none; background:none; border:0; display:inline-block; position:relative; z-index:1001;} .domain-tab .nav-tabs-wrap .nav-tabs > li { float:left; position:relative;} .domain-tab .nav-tabs-wrap .nav-tabs > li a { display:block; padding:10px 15px; border:0; font-weight:normal; font-size:15px; color:#8c8c8c; border-bottom:2px solid #fff;} .domain-tab .nav-tabs-wrap .nav-tabs > li.active a { border-bottom:2px solid #d7263d; color:#d7263d;} .domain-tab .nav-tabs-wrap .nav-tabs > li.active a, .domain-tab .nav-tabs-wrap .nav-tabs > li a:hover, .domain-tab .nav-tabs-wrap .nav-tabs > li a:focus { background:none; color:#d7263d;} .domain-tab .nav-tabs-wrap .nav-tabs > li.active a { border:0; border-bottom:2px solid #d7263d;} #question-area pre, .mcq-description pre, #testcase_status pre { background:#ffe6c5; border:0; color:#424242;} .mcq-description { margin-bottom:30px;} #submit_code .button1 { min-width:170px; font-size:18px; text-transform:uppercase; position:relative; margin-top:-5px;} .fixed-contents .domain-tab { margin-top:0;} .fixed-contents .domain-tab .nav-tabs-wrap .nav-tabs { position:fixed; top:0;} .fixed-contents .domain-tab .nav-tabs-wrap .nav-tabs > li a { line-height:43px;} /*-- Not Submitted Yet */ #not-submitted-yet { padding:40px 15px;} #not-submitted-yet p { font-size:20px; color:#8c8c8c;} #not-submitted-yet .button2 { font-size:18px;} /*-- Best Submission */ #best-submission .box-default { padding:15px; margin:0;} #best-submission p { margin-bottom:0;} #best-submission .select-language { color:#8c8c8c; margin-bottom:15px;} #best-submission .select-language .select { display:inline-block; margin-left:5px; width:auto; min-width:100px;} #best-submission ul, #team-view ul { margin:0; padding:0; list-style:none; text-align:center;} #best-submission ul li, #team-view ul li { font-size:16px; padding:0; color:#8c8c8c; line-height:28px; margin-bottom:15px;} #best-submission ul li span, #team-view ul li span { font-size:20px; display:block; font-weight:500; color:#424242;} /*--- Work_experience --- */ #work_experience { font-size:12px;} #work_experience .select { display:inline-block; width:70px;} /*--- Panel --- */ /*--- Slider1 --- */ .slider1 .controls { margin-top:20px; text-align:center; } .slider1 .controls { display:block; text-align:center; position:relative; z-index:10;} .slider1 .controls a { display:inline-block; margin:0 5px; width:10px; height:0; padding-top:10px; overflow:hidden; border-radius:50%; cursor:pointer; background:#ebeff2;transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .slider1 .controls a:hover, .slider1 .controls a.activeSlide { background:#b5b5b5;} /*--- Forgot Password --- */ #forgot-password ,#social-login-consent{ top:135px; } #forgot-password .button1 { margin-bottom:0;} #forgot-password .form1 .form-control, #forgot-password .form1 input[type="text"] { height:36px; padding-left:12px;} #forgot-password .success-msg { line-height:28px; margin:0; text-align:center;} /*--- Faq --- */ #faq .box-default { padding-top:25px;} #faq .post ul li, #faq .post ol li { color:#8c8c8c;} /*--- User-success-msg --- */ #user-success-msg { border-radius:0; margin-bottom:0; text-align:center; padding-top:55px; padding-bottom:25px;} #user-success-msg h6 { color:#3c763d; margin-bottom:10px;} #user-success-msg p { font-size:24px; color:#3c763d; font-weight:500; line-height:28px;} #user-success-msg p small { font-size:16px; font-weight:normal;} #user-success-msg ul { margin:0; padding:0 0 0 15px; text-align:left;} #user-success-msg li { line-height:18px; margin-bottom:10px; color:#999;} #user-success-msg li:last-child { margin-bottom:0;} .company-success-page #user-success-msg { min-height:500px; } /*--- Autocomplete --- */ #autocomplete { position:absolute; background:#fff; z-index:100; border:1px solid #000; max-height:150px; overflow:auto;} #autocomplete ul li:last-child { border-bottom:0;} #autocomplete ul li { padding:3px 5px 3px; background:#fff !important; font-size:13px; color:#000 !important; margin-bottom:0 !important; font-weight:200; display:block;} #autocomplete ul li:hover { background:#3399ff !important; color:#fff !important;} #autocomplete ul li:hover strong { color:#fff;} .steps-page #autocomplete { width:300px !important;} /* Example tokeninput style #2: Facebook style */ ul.token-input-list-facebook{ overflow:hidden;height:auto!important;height:1%;width:100%;border:1px solid #dadada;min-height:40px;cursor:text;font-size:14px; z-index:999;margin:0;padding:0; background-color:#fff; list-style-type:none;clear:left; border-radius:3px; overflow:auto; } ul.token-input-list-facebook li input{ border:none !important; padding:6px; background-color:#fff; -webkit-appearance:caret; height:34px !important; line-height:17px !important; margin:0; } li.token-input-token-facebook{ overflow:hidden;height:auto!important;height:24px;padding:4px 8px;cursor:default;border:1px solid #dadada;font-size:11px;float:left;white-space:nowrap; font-weight:normal; color:#8a858d; padding:4px 8px; border-radius:3px; background:#f2f2f2;margin:5px 5px 5px 6px !important; } /* li.token-input-token-facebook:hover, li.token-input-token-facebookt:active, li.token-input-token-facebook:focus { background:#3399ff; border-color:#3399ff; color:#fff; box-shadow:none;} li.token-input-token-facebook:hover p, li.token-input-token-facebookt:active p, li.token-input-token-facebook:focus p { color:#fff;} */ li.token-input-token-facebook p{ display:inline;padding:0;margin:0; font-size:12px; line-height:15px; color:#8a858d; text-transform:capitalize; } li.token-input-token-facebook span{color:#7a7f8a;margin-left:5px;font-weight:bold;cursor:pointer; font-size:12px;} 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); } 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:#4a4548;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:#4a4548; } /*--- Webcam_instruction_msg_body --- */ #webcam_instruction_msg_body { position:fixed; left:0; z-index:1000; width:100%; text-align:center; border-radius:0; font-size:16px; line-height:26px;} #webcam_movement_warning { bottom:178px !important; right:10px !important;} /*--- Editor-box --- */ #editor-box .user-actions { margin-top:8px !important; z-index:999;} /*--- Companies-list --- */ #companies-list { background:#fff;} #companies-list h4 { padding-bottom:10px; border-bottom:1px solid #cfcfcf; margin:0 5px 15px;} #companies-list h4.category-title { margin-bottom:22px;} #companies-list .all-sponsors .sponsor-section { display:inline-block; padding:20px 15px 0; vertical-align:top; } #companies-list .all-sponsors p { margin-bottom:0;} #companies-list .all-sponsors .sponsor-section:last-child { border-right:0; margin-right:0; padding-right:0;} #companies-list .all-sponsors span.logo-holder { border:1px solid #ececec; line-height:56px; border-radius:2px; width:110px; height:72px; padding:5px; display:inline-block; margin:0 5px 20px; position:relative;} #companies-list .all-sponsors span.logo-holder span { color:#353535; font-size:14px; display:block; line-height:15px; display:block; width:100%; top:-19px; position:absolute; left:0;} #companies-list .all-sponsors img { max-height:60px; max-width:98px; vertical-align:middle;} /*--- Top Rankers --- */ #top-rankers .table8 { margin-bottom:15px;} #top-rankers .table8 tr td, #top-rankers .table8 tr th { padding:15px;} #top-rankers .table22 tr td.name { text-align:left; } /*--- Webcam_container --- */ #webcam_container { right:0 !important; bottom:0 !important;} #webcam_container .yes-no-bx { margin-top:0 !important;} .chrome #webcamAlertMsg + #webcam_container .yes-no-bx { display:none !important;} /*--- Team View --- */ #team-view { text-align:center; margin-top:40px;} #team-view figure { margin-bottom:8px;} #team-view figure img { width:40px; height:40px; border-radius:50%;} #team-view h5, #team-view h6 { font-weight:normal; margin-bottom:0;} #team-view h5 a, #team-view h6 a { color:#424242;} #team-view p { font-size:14px; color:#8c8c8c; margin-bottom:10px;} #team-view .leader { position:relative; margin-top:-60px; margin-bottom:20px;} #team-view .leader figure { border:5px solid #f4f4f4; border-radius:50%; width:87px; height:87px; margin:0 auto 15px;} #team-view .leader figure img { width:75px; height:75px;} #team-view .leader .leader-label { min-width:75px; line-height:17px; font-size:14px; position:relative; top:-10px;} /*--- Online Submission Form --- */ #online-submission-form label { font-size:15px; line-height:36px; margin:0;} #online-submission-form p { line-height:36px; margin:0; color:#8c8c8c;} #online-submission-form small { line-height:15px; display:block; font-weight:200; margin-bottom:10px;} /*--- Sociable1 --- */ .sociable1 a { width:32px; text-align:center; height:32px; display:inline-block; line-height:33px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:18px; color:#fff; margin-right:10px;} .sociable1 a:last-child { margin-right:0;} .sociable1 a:hover .fa, .sociable1 a:active .fa, .sociable1 a:focus .fa { color:#fff;} .sociable1 a.facebook { background:#366ea7;} .sociable1 a.twitter { background:#55acee;} .sociable1 a.google-plus { background:#ca4638;} .sociable1 a.linkedin { background:#0177b5;} .sociable1 a.email { background:#333333; line-height:29px;} /*--- Team Header --- */ #team-header { background:#fff; padding:24px 0 22px;} #team-header .team-info .team-title { font-weight:normal; margin-bottom:38px;} #team-header .team-info .team-title1 { font-weight:normal; margin-bottom:11px;} #team-header .team-info h3 { margin-bottom:5px;} #team-header .team-info h3 span { font-size:18px; font-weight:normal;} #team-header .team-info h4 { font-weight:normal; margin-bottom:5px;} #team-header .team-info p { color:#8c8c8c; font-size:16px; margin-bottom:0;} #team-header .form1 .team-title { margin-bottom:20px;} #team-header .team-info .team-title .fa { font-size:13px; vertical-align:top; position:relative; top:2px; margin-right:5px;} #team-header .team-info .team-title a { text-decoration:none; color:#424242;} #team-header .team-info .team-title a:hover { text-decoration:underline;} #team-header .team-info .success_msg { color: #424242; clear:left; font-size: 12px; position: relative; line-height: 16px; margin-bottom: -15px; display: block; float: left;} #team-header .team-info .textbox { display:block; float:left; width:250px; border-bottom:1px solid #d4d4d4;} #team-header .team-info .textbox .form-control { border:0; padding:0; height:30px; background:#fff; font-size:16px; width:230px; float:left;} #team-header .team-info .textbox .edit-name { float:right; font-size:17px; color:#dadada; margin-top:8px;} #team-header .team-info .textbox .edit-name:hover { color:#eee;} #team-header .team-info .btn-xs { float:left; font-size:14px; margin-top:18px; background:none; color:#d7263d; line-height:14px; padding:0; margin-left:6px; box-shadow:none;} #team-header .team-info .btn-xs:hover, #team-header .team-info .btn-xs:active, #team-header .team-info .btn-xs:focus { color:#d7263d;} #team-header .team-info input[type='submit'], #team-header .team-info input[type='button'] { display:none;} #team-header .team-info .error_msg { margin-bottom:-15px; display:block; float:left;} #team-header .members { float:right; padding-top:18px;} #team-header .members.extra { float:none;} #team-header .members .member { margin-bottom:0;} .members .member { margin-bottom:15px;} .members .member:last-child { margin-bottom:0;} .members .member.single { width:465px;} .members .member figure { float:left; text-align:center;} .members .member figure img { width:55px; height:55px; border-radius:50%;} .members .member .details { margin-left:70px;} .members .member h5 { font-weight:normal; margin-bottom:0;} .members .member p { font-size:14px; color:#8c8c8c; margin-bottom:8px; line-height:19px; word-break:break-all;} .members .member p:last-child {margin-bottom:0;} .members .member p strong { font-weight:500;} /*--- Join Team --- */ #join-team { padding-top:18px;} #join-team .btn { min-width:160px; font-size:18px; float:right;} #join-team .request-sent { background:none;} #join-team .box-default { margin-bottom:12px;} /*--- Competitive Teams --- */ #competitive-teams { padding-top:18px;} #competitive-teams h4.heading2 { word-break:break-all;} #competitive-teams h4.heading2, #competitive-teams p { margin-bottom:0;} #competitive-teams .box-default { margin-bottom:12px; padding:25px;} /*--- Invite Team Members --- */ #invite-team-members { padding-top:18px;} /*--- View Reviews --- */ #view-reviews .list5 li p { margin-bottom:10px; color:#424242; font-weight:normal; line-height:21px; font-size:14px;} #view-reviews .list5 li:last-child { border-bottom:0;} #view-reviews .modal-body { max-height:500px; overflow:auto;} #view-reviews .list5 li { border-bottom:1px solid #eeeeee; margin-bottom:0; background:#f4f4f4; padding:10px 15px 15px;} #view-reviews .list5 li:nth-child(2n) { background:#ffffff;} #view-reviews .list5 li h5 { font-size:18px; margin-bottom:10px;} #view-reviews .list5 li .btn, #view-reviews .list5 li .btn:hover, #view-reviews .list5 li .btn:focus, #view-reviews .list5 li .btn:active { border:0; border-radius:0;} /*--- Geek User Articles --- */ #geek-user-articles { padding:0 0 30px;} #geek-user-articles .page-head { margin-bottom:30px;} #geek-user-articles .page-head .btn { margin-top:7px; margin-left:15px;} #geek-user-articles .post { color:#424242; line-height:21px; font-size:15px; margin-bottom:40px;} #geek-user-articles .post .btn { border:0; border-radius:0; color:#c0c0c0; padding:0; margin-right:16px; margin-top:10px;} #geek-user-articles .post .btn span { margin-right:3px;} #geek-user-articles .post .btn:hover, #geek-user-articles .post .btn:focus, #geek-user-articles .post .btn:active { color:#d7263d;} #geek-user-articles .commenter-info { margin-bottom:16px;} #geek-user-articles .commenter-info figure { width:40px; height:40px; float:left; margin-top:2px;} #geek-user-articles .commenter-info figure img { width:40px; height:40px; border-radius:50%;} #geek-user-articles .commenter-info .details { margin-left:55px;} #geek-user-articles .commenter-info .details h5 { margin-bottom:0;} #geek-user-articles .commenter-info .details p { color:#8c8c8c; margin:0;} #geek-user-articles .comment-box { padding:16px; background:#fff; border:1px solid #dadada; border-radius:6px;} #geek-user-articles .comment-box h4 { font-weight:500; margin-bottom:8px;} /*--- Practice Block --- */ #team-practice h4 { line-height:23px;} #team-practice .box-default { padding:10px 15px;} #team-practice h5 { margin-bottom:5px; font-weight:normal;} #team-practice p { color:#8c8c8c; margin-bottom:12px; line-height:19px;} #team-practice .practice-block { margin-bottom:25px;} #team-practice .practice-block:last-child { margin-bottom:0;} #team-practice .btn { min-width:78px;} /*--- Invite To Join --- */ #invite-to-join { padding-top:26px;} #invite-to-join p { margin-bottom:10px;} /*#invite-to-join input[type="button"] { font-size:18px;}*/ #invite-to-join .multiple_emails-close { font-size:15px; line-height:20px;} /*--- User Result --- */ #user-result .page-head { text-align:left; padding:20px 0; margin-bottom:30px;} #user-result .page-head h3 { font-weight:normal; line-height:35px; margin:0;} #user-result .page-head h3 .fa-check { color:#70be5b;} #user-result .box-default, #user-result .dividing-section1 { margin-bottom:0;} #user-result .rating-area { float:right;} #user-result .rating-area p { font-size:16px; margin-bottom:5px; line-height:28px;} #user-result #best-submission { margin-bottom:5px;} #user-result .attempt-again { font-size:18px; margin-bottom:10px;} /*--- User Result --- */ #user-result { text-align:center; position:relative; margin-right:-8px; margin-left:-8px;} #user-result.text-left {display: flex; flex-flow: row wrap; text-align:left;} #user-result .inner { float:left;} #user-result .user-score { font-size:56px; line-height:60px; font-weight: 900; color: #4a4548; margin-bottom:8px;} #user-result p { color:#8a858d; margin:0;} #user-result h4 { margin-bottom:8px; padding-top:4px;} #user-result .badge-image { margin-bottom:11px;} #user-result .text-left h4 { line-height:27px; margin-bottom:18px; padding-top:0;} #user-result .btn { min-width:120px;} #user-result .test-base-result.min-height {min-height:269px;} #user-result .test-base-result .description-list { margin-bottom:16px;} #user-result .test-base-result p { margin-bottom:16px;} #user-result .test-base-result p strong {color:#19171a; font-weight:600;} #user-result .test-base-result h4 { margin-bottom:16px; padding-top:0;} #user-result .test-base-result h6 { margin-bottom:2px;} #user-result .test-base-result:nth-child(2n) { float:none;} #user-result .test-base-result:last-child { margin-bottom:16px;} #user-result .test-base-result h4 .icon { background:url("images/tg_images_new/sprites.svg") no-repeat scroll -43px -107px; display:inline-block; width:26px; height:26px; vertical-align:middle; margin-right:6px;} #user-result .test-base-result h5 { margin-bottom:8px;} #user-result .test-base-result dl.disabled, #user-result .test-base-result p.disabled { opacity:0.5;} #user-result .test-base-result.not-cleared h4 small { display:block; color:#4a4548; font-size:14px; line-height:20px; margin-top:4px;} #user-result .test-base-result.not-cleared .icon {margin-bottom:0px;} #user-result .test-base-result.not-cleared p { color:#4a4548;} #user-result .test-base-result.single { float:none; width:50%;} #user-result .test-base-result.single h6 { float:left; margin-left:37px;} #user-result .test-base-result.single .user-score { float:left; font-size:36px; margin-bottom:0; line-height:40px; margin-left:8px; margin-top:-11px;} #user-result .test-base-result.single .user-score span { font-size:12px;} #user-result .test-base-result.cleared { background:#e7ffec;} #user-result .test-base-result.cleared h6 { margin-bottom:0;} #user-result .test-base-result.cleared p { color:#4a4548;} #user-result .test-base-result .user-score { margin-bottom:16px;} #user-result .test-base-result .user-score span { font-size:14px; line-height:20px; font-weight: normal; color: #8a858d; vertical-align:baseline;} #user-result .test-base-result.cleared h4 .icon, #user-result .test-base-result.not-cleared h4 .icon { background-position:-3px -107px;} .cg-result-page #header .logo { width:auto; } .cg-result-page #header .user-dropdown:before { background-image:none; } #user-result-area .tabs1 .nav-tabs > li { width:auto; } #user-result-area .tabs1 .nav-tabs > li > a { height:auto; line-height:18px;} /*--- Rating1 --- */ .rating1 > ul {list-style: none;float: left;padding: 0;margin: 0; } .rating1 > ul > li {float: left; margin-left: 2px; background:url(../../files/event_images/cg2017_images/icons.png) 0 -540px no-repeat;width: 18px;height: 17px;cursor: pointer;} .rating1 > ul > li:first-child { margin-left: 0; } .rating1 > ul > li.hover {background-position: 0 -558px;} .rating1 > ul > li.active {background-position:0 -558px;} .rating1 > span.less { display:none;} /*--- Show-all-block --- */ .show-all-block { font-size:16px; margin-bottom:0;} .no-padding .show-all-block { font-size:16px; margin-bottom:0; padding:0 25px 15px;} /*--- Section Head --- */ .section-head { margin-bottom:15px;} .section-head h4 { margin-bottom:5px;} .section-head p { font-size:16px; color:#8c8c8c; margin-bottom:0;} /*--- Search Form --- */ #search-form { float:right; width:340px; position:relative; margin-top:-15px; margin-bottom:20px;} #hackathon-content-box #search-form{margin:0; float:none;} #search-form .inner { background:#fff; border:1px solid #efefef; border-radius:2px; padding:0 5px 0 15px;} #search-form .error_msg { margin-bottom:-18px; display:block;} #search-form input[type='text'] { border:0; float:left; width:100%; padding-left:0;} #search-form input[type='submit'],#search-form input[type='button'] { border:0; float:right; background:url("../../files/event_images/cg2017_images/icons.png") -269px -73px no-repeat; width:32px; height:36px; } #search-form.search-by-categories .inner{ padding-left:48px;} #search-form.search-by-categories input[type='text']{ width:253px;} #search-form .category-lists { position:relative; float:left;} #search-form .category-lists .dropdown-menu { box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:0; border:0; border-radius:0; left:1px; width:178px;} #search-form .category-lists .dropdown-menu li { border-bottom:1px solid #efefef; margin-bottom:0;} #search-form .category-lists .dropdown-menu li:last-child { border-bottom:0;} #search-form .category-lists .dropdown-menu li a { padding:6px 10px 6px 0; font-size:14px; color:#8c8c8c;} #search-form .category-lists .dropdown-menu li.active a, #search-form .category-lists .dropdown-menu li a:hover { color:#8a858d; background:#f2f2f2;} #search-form .category-lists .dropdown-menu li .fa { width:32px; text-align:center;} #search-form .category-menu { display:block; width:37px; border-right:1px solid #efefef; height:37px; text-align:center; padding:10px 4px 0; position:relative;} #search-form .category-menu .line { display:block; height:1px; width:15px; margin:4px auto; background:#8c8c8c;} #search-form .category-menu .icons { display:block; float:left; width:18px; text-align:center;} #search-form .category-menu .fa { color:#8c8c8c; font-size:14px; line-height:18px;} /*--- Search Form --- */ #search-form1 { position:absolute; bottom:-62px; left:10px;} #search-form1 .inner { background:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px; height:56px; padding:0 16px 0 56px; position:relative;} #search-form1 .search-icon { width:32px; display:block; height:32px; background:url("images/tg_images_new/sprites.svg") 0 0 no-repeat; position:absolute; left:12px; top:11px;} #search-form1 input[type='text'] { border:0; float:left; width:100%; height:54px; padding:0; font-size:18px; line-height:22px; 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 { width:250px;} #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:32px; box-shadow:none;} #search-form1 input[type="text"] { font-size:14px; font-weight:normal; height:30px;} #search-form1 .search-icon { left:1px; top:-1px; background-position:-280px -72px; opacity:0.5;} #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;} /*--- Box Default --- */ .box-default { background:#fff; padding:15px 25px; margin-bottom:30px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);} .box-default.no-padding { padding:0;} .box-default.less-padding { padding:13px 15px 15px; margin-bottom:12px;} .box-default h4.heading2 { font-weight:normal;} .box-default h4.heading2 span { display:block; font-size:16px; color:#8c8c8c;} /*--- leader-label --- */ .leader-label { background:#f1ac4f; display:inline-block; padding:0 6px 2px; margin-top:3px; font-size:12px; color:#fff; line-height:14px;} /*--- Completed-test --- */ #completed-test header { text-align:center;} #completed-test header h2 { font-size:42px; text-transform:uppercase; color:#333333; font-weight:200; margin-bottom:10px;} #completed-test textarea { margin-bottom:20px;} #completed-test .button4 { position:relative; background-color: #337ab7; border-color: #2e6da4; color: #fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} #completed-test .button4:hover, #completed-test .button4:focus, #completed-test .button4:active {background-color: #337ab7; border-color: #2e6da4; color: #fff; outline:none;} /*--- Box1 --- */ .box1 { background:#4d5ab3; padding:20px 0 20px 115px; position:relative; margin-bottom:20px;} .box1 header { background:#3e4ba9; position:absolute; left:0; top:0; width:115px; text-align:center; display:table;} .box1 header p { font-size:16px; color:#ffcc00; display:table-cell; vertical-align:middle;} .box1 header .number { display:block; font-size:30px; color:#fff; font-weight:bold; line-height:24px;} .box1 header .fa { color:#8b93cb; font-size:35px; margin-bottom:2px;} /*--- View More Btn --- */ .view-more-btn1 {padding:10px; font-size:14px; clear:both; text-align:center; margin-bottom:20px; position:relative; z-index:50; display:block; transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} /*--- List1 --- */ ul.list1 { margin:0; padding:0; list-style:none;} ul.list1 li { float:left; margin-right:20px;} ul.list1 li:last-child { margin-right:0;} ul.list1 li figure { width:42px; height:42px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto;} ul.list1 li figure a { display:table; width:100%; height:42px;} ul.list1 li figure a span { display:table-cell; text-align:center; vertical-align:middle; text-transform:uppercase; font-size:18px; font-weight:500; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff;} ul.list1 li figure img { position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:42px; height:42px;} ul.list1 a.see-all-btn { width:42px; height:42px; margin:0 auto; position:relative; font-size:12px; line-height:41px;} ul.list1 h6 { margin-top:15px;} ul.list1 h6 img { width:28px; margin-left:5px;} #badges-content ul.list1 li figure img, #badges-content ul.list1 li figure { width:64px; height:64px;} ul.list1 li .btn { box-shadow:none; margin-top:3px;} /*--- List2 --- */ .list2 { margin:0 -15px; padding:0; list-style:none;} .list2 li { text-align:center;} /*--- List3 --- */ .list3 { margin:0px; padding:0; list-style:none;} ul.list3 li { margin-bottom:10px; } ul.list3 li figure { width:64px; height:64px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto; } ul.list3 li figure img { position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:64px; height:64px;} ul.list3 li h6,ul.list3 li h6 a { color:#666; } ul.list3 li h6 a { color:#666; } ul.list3 li:hover h6 a { color:#069; } /*--- List4 --- */ .list4 { margin:0px; padding:0px; list-style-type:none; text-align:left; } .list4 li { padding-left:45px; margin-bottom:25px; font-size:14px; color:#303030; background:url("images/cg2016_images/list4-bg.png") left 3px no-repeat; } /*--- List5 --- */ .list5 { margin:0px; padding:0px; list-style-type:none;} .list5 figure { float:left; text-align:center;} .list5 figure img { width:40px; height:40px; border-radius:50%;} .list5 .details { margin-left:51px;} .list5 h5 { font-weight:normal; margin-bottom:2px; font-size:15px; line-height:18px;} .list5 p { font-size:13px; font-weight:200; line-height:17px; color:#8c8c8c; margin-bottom:2px;} /*--- List6 --- */ .list6 { margin:0px 0 10px; padding:0px; color:#424242; list-style:decimal;} .post .list6 { margin-bottom:10px;} .list6 li { margin-bottom:20px;} .list6 li:last-child, .list6 li:last-child p:last-child { margin-bottom:0;} .list6 li h4 { font-weight:normal; margin-bottom:10px;} .list6 li p, .post .list6 li p { font-size:16px; line-height:21px; margin-bottom:15px; color:#8c8c8c;} /*--- List8 --- */ .list8 { margin:0px; padding:0px; list-style-type:none; text-align:left; } .list8 li { padding-left:24px; margin-bottom:12px; font-size:14px; color:#4d4d4d; background:url("../../files/event_images/cg2018_images/check-icon.svg") no-repeat; line-height:18px; } .list8 li:last-child { margin:0px;} /*--- Button1 --- */ .btn { font-size:14px; box-shadow:none; text-transform:none; border-radius:3px; font-weight:normal; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .button1 {position:relative; background:#d7263d; color:#fff; text-align:center; outline:none;} .input-group-addon.button1{border-color:#d7263d} .button1:hover, .button1:focus, .button1:active, .button1.active { color:#fff; background:#ae2d43; outline:none;} .button1.disabled { background:#c0c0c0;} .button1.btn-lg,.button1.btn-md { padding:12px 10px;} /*--- Button2 --- */ .button2 { position:relative; background:#fff; border:1px solid #d7263d; border-radius:2px; font-size:15px; color:#d7263d; text-align:center; outline:none;} .button2:hover, .button2:focus, .button2:active, .button2.active { color:#fff; background:#d7263d; outline:none;} /*--- Button3 --- */ .button3 { position:relative; background:#fff; border-radius:2px; border:1px solid #ebebeb; font-size:15px; color:#8c8c8c; text-align:center; outline:none;} .button3:hover, .button3:focus, .button3:active, .button3.active { color:#fff; background:#ff6767; border:1px solid #ff6767; outline:none;} #multi-breakdown-list ul { top:40px; background:#fff; } /*--- Placeholder --- */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:0.9 !important;} input:-moz-placeholder, textarea:-moz-placeholder { opacity:0.9 !important;} input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.9 !important;} input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:0.9 !important;} /*--- Query-form --- */ #query-form { float:none; width:auto; margin:0 0 20px;} /*--- Btn-file --- */ .btn-file { position: relative; display:block; margin-top:5px; height:40px;} .btn-file.inline { display:inline-block; margin-left:10px; vertical-align:middle;} .btn-file .btn-default { z-index:10; pointer-events:none; font-size:13px; cursor:pointer; padding:9px 18px; position:absolute; left:0; top:0;} .btn-file .button1 { z-index:10; pointer-events:none; font-size:14px; cursor:pointer; padding:3px 17px; position:absolute; left:0; top:6px;} .btn-file input[type=file] { position: absolute; top:2px; left:1px; height:34px;font-size:13px; text-align: left; outline: none; background: #fff; cursor: inherit; display: block;} .btn-file.inline input[type="file"] { height:25px; /*color:transparent;*/} .chrome .btn-file input[type=file] { text-indent:-50px; padding-top:7px;} .safari .btn-file input[type=file] { text-indent:-5px; padding-top:2px;} .ie-platform .btn-file .btn-default, .ie-platform .btn-file .button1 { display:none !important;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .btn-file .button1 { display:none;} } /*--- CG Certificate --- */ .cg-certificate { max-width:686px; margin:0 auto; width:100%; background:#174a7b; padding:15px; } .cg-certificate .content { background:#fff; padding:65px 0px 30px 0px; text-align:center; } .cg-certificate .content .tg-logo { margin-bottom:40px;} .cg-certificate .content h2 { font-family:"Times New Roman", Times, serif; font-size:38px; line-height:42px; color:#ff3333; margin:20px 0px; font-weight:normal; } .cg-certificate .content .inner-content { padding:45px 25px 20px 25px; } .cg-certificate .content .inner-content p { font-family:"Times New Roman", Times, serif; color:#3081c1; font-size:22px; line-height:25px; margin-bottom:25px; } .cg-certificate .content .inner-content h3 { font-family:"Times New Roman", Times, serif; color:#333333; font-size:48px; line-height:55px; margin-bottom:25px; font-weight:normal; } .cg-certificate .content .inner-content h4 { font-family:"Times New Roman", Times, serif; color:#333333; font-size:26px; line-height:30px; margin-bottom:30px; font-weight:normal; } .cg-certificate .content .inner-content p.lead { font-size:20px; margin-bottom:40px; } .cg-certificate .content .inner-content .footer p { font-size:16px; line-height:20px; color:#333333;} .cg-certificate .sponsors { padding:25px; } .cg-certificate .sociable ul { margin:0px; padding:0px; list-style-type:none; text-align:center; } .cg-certificate .sociable ul li { display:inline-block; margin:0px 5px; } .cg-certificate #main-sponsors { background:#f3f6f9; margin-bottom:15px; } .cg-certificate #main-sponsors .section h6 { padding:5px; font-size:14px; background:none; color:#333; } .cg-certificate #main-sponsors .title-sponsors { margin-bottom:25px;width:35%; margin:0 auto; margin-bottom:25px; } .cg-certificate #main-sponsors .section a { line-height:55px; height:60px; } .cg-certificate #main-sponsors .section a img { max-height:40px; max-width:115px; } .cg-certificate #main-sponsors .section.title-sponsors a { height:80px; line-height:75px; } .cg-certificate #main-sponsors .section.title-sponsors a img { max-height:70px; max-width:160px;} .modal button.close { width: 16px; height: 16px; outline: none; position: relative; z-index: 10; background: url(images/tg_images_new/sprites.svg) -8px -152px no-repeat; opacity: 1; margin-top: 0; } /*--- Prize Recognition Popup --- */ #prize-recognition-popup .win-prizes { display:block; color:#fff; font-size:18px; font-weight:bold; line-height:31px; background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; width:306px; margin:0px auto; background-position:-9px -673px; margin-bottom:15px; text-align:center; } #prize-recognition-popup.modal button.close { background-image:url(../../files/event_images/cg2017_images/icons.png); background-repeat:no-repeat; background-position:-61px -725px; right:7px; top:7px; width:12px; height:12px; display:inline-block;} #prize-recognition-popup ul { padding-left:55px; margin-bottom:35px; } #prize-recognition-popup ul li { font-size:16px; float:left; font-weight:bold; color:#424242; } #prize-recognition-popup ul li:first-child { margin-right:50px; } #prize-recognition-popup .modal-dialog { width:624px; } .question-page #prize-recognition { margin-bottom:70px;} #prize-recognition-popup .box-default1 { border-top:1px solid #ffc107; background:#fefefe; } #prize-recognition-popup h5 { margin-bottom:20px; } #prize-recognition-popup .price-category h6 { text-align:center; font-size:24px; font-weight:normal; color:#000; margin-bottom:5px;} #prize-recognition-popup .price-category header { position:relative; } #prize-recognition-popup .price-category header:before { content:""; width:100%; height:1px; position:absolute; left:0px; top:10px; background-color:#ffc107; z-index:10; } #prize-recognition-popup .price-category h6 span:before,#prize-recognition-popup .price-category h6 span:after { content:""; width:11px; height:19px; position:absolute; position:absolute; top:0px; background-image:url(../../files/event_images/cg2017_images/icons.png);} #prize-recognition-popup .price-category h6 span:before { background-position: -9px -722px; left:-11px; }#prize-recognition-popup .price-category h6 span:after { background-position: -26px -722px; right:-11px; } #prize-recognition-popup .price-category h6 span { background:#0a0f12; font-weight:normal; color:#fff; font-size:12px; display:inline-block; position:relative; line-height:17px; min-height:19px; top:-8px; z-index:11; padding:0px 12px; } #prize-recognition-popup .price-category-list { padding:0px 35px; margin:0px; list-style-type:none; margin-bottom:15px; } #prize-recognition-popup .price-category-list li:first-child { margin-right:0px; } #prize-recognition-popup .price-category-list li { font-size:13px; font-weight:normal; margin-bottom:5px; } #prize-recognition-popup .price-category-list li span { font-size:15px; font-weight:500; } #prize-recognition-popup .price-category-list li span.label { background:#fff683; font-weight:500; font-size:14px; padding:5px 10px; text-align:center; display:block; color:#3f3f3f; margin-top:5px; } #prize-recognition-popup .price-category-list li p { margin-bottom:2px; font-size:13px; color:#2b2b2b; } #prize-recognition-popup .price-category p { font-size:15px; } #prize-recognition-popup .price-category p strong { font-weight:500; } #prize-recognition-popup .price-category-list p span { font-size:14px; margin-left:5px; } #prize-recognition-popup h4 { margin-bottom:25px; } #prize-recognition-popup h3 { font-weight:bold; text-align:center; margin-bottom:15px; } /*--- Info icon --- */ .info-icon { width:12px; height:12px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; margin-left:4px; background-position:-48px -324px;} /*--- Semifinal Nav--- */ #semifinal-nav { background:#fff; } #semifinal-nav ul { margin:0px; padding:0px; list-style:none; text-align:center; } #semifinal-nav ul li { display:inline-block;} #semifinal-nav ul li a { display: block; padding: 10px 20px; border: 0; font-weight: normal; font-size: 16px; color: #8c8c8c; border-bottom: 2px solid #fff; text-decoration:none; } #semifinal-nav ul li.active a,#semifinal-nav ul li:hover a,#semifinal-nav ul li:focus a { color:#d7263d; border-bottom:2px solid #d7263d; } .page-head.semifinale-head { padding-bottom:0px; margin-bottom:30px; position:fixed; left:0px; top:65px; width:100%; z-index:999; } .winner-head #semifinal-nav ul li.active a,.winner-head #semifinal-nav ul li:hover a,.winner-head #semifinal-nav ul li:focus a { border:none; } .page-head.border { border-bottom:1px solid #d7263d; } /*--- Semifinal Page Header--- */ #semifinal-page-header { background:#fff; padding:20px 20px 0px 20px; } #finale-theme-round { padding-top:125px; } #vouchers-confirmation .semifinale-head { padding-bottom:20px; } #vouchers-confirmation #winner-verification { padding-top:60px; } #vouchers-confirmation .box-default h4.alert { font-size:18px; margin-bottom:15px; } #vouchers-confirmation .box-default p { margin-bottom:0px; } /*--- Action-youtube --- */ #action-youtube { text-align:center; padding:50px 0;} #action-youtube .preview { width:910px; height:400px; margin:0 auto 30px;} #action-youtube .thumbnails { padding:0 50px; position:relative;} #action-youtube .thumbnails a.previous-btn { background:url(images/cg2015_images/previous-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; left:0; top:50%; margin-top:-24px;} #action-youtube .thumbnails a.next-btn { background:url(images/cg2015_images/next-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; right:0; top:50%; margin-top:-24px;} #action-youtube .thumbnails ul { margin:0; padding:0; list-style:none;} #action-youtube .caroufredsel_wrapper, #action-youtube .gallery { height:100px !important;} #action-youtube .thumbnails ul li { float:left; margin-right:35px; width:160px;} #action-youtube .slide { width:100% !important; } /*--- Finale Champions --- */ #finale-champions { padding-bottom:0; } #finale-champions .cg-status { padding-bottom:0;} #finale-champions #awards-prizes { background:#fff; border-top:none;} #finale-champions #awards-prizes:before { display:none; } #finale-champions #awards-prizes .cg-icon { background-image:none; } #finale-champions #awards-prizes .cg-icon.big { height:79px; } #finale-champions #awards-prizes .prizes-table .number { color:#424242; background-image:none; } #finale-champions #awards-prizes .box10 { background:#f4f4f4; padding-top:20px; padding-left:10px; padding-right:10px; } #finale-champions #awards-prizes h2 { color:#424242;} #finale-champions #awards-prizes p { color:#424242;} #finale-champions #awards-prizes #top-companies { margin-top:40px; margin-bottom:0px; } #finale-champions #awards-prizes #top-companies h3 { color:#424242; } #finale-champions #awards-prizes #top-companies .theme-winners { margin-bottom:40px; } #finale-champions #awards-prizes #top-companies .table8 tr th { font-weight:bold; } #finale-champions #awards-prizes #top-companies .table8 tr td p { color:#ffb800; } #finale-champions .table8 tr td, #finale-champions .table8 tr th { text-align:left; vertical-align:top;} #finale-champions .table8 tr td h6 { margin-bottom:8px;} #finale-champions .table8 tr td h6 small { font-size:100%;} #finale-champions .table8 tr td:last-child img { margin-left:5px; max-width:107px; max-height:45px;} #finale-champions .table8 tr td:last-child { vertical-align:middle;} #finale-champions .table8 tr th:last-child, #finale-champions .table8 tr td:last-child {text-align:center;} /*--- Winners List --- */ .winners-list { text-align:center; margin:0px; padding:0px; list-style-type:none; margin-bottom:55px; } .winners-list li { width:16.5%; padding:0px 10px; float:left; } .winners-list li:last-child { margin-right:0px; } .winners-list .image-holder { width:100px; height:100px; border-radius:50%; margin-bottom:15px; } .winners-list h6 { font-size:16px; color:#424242; line-height:24px; } .winners-list h6 a { color:#424242; } .winners-list h6 span { color:#8c8c8c; } .winners-list .winner-info .image-holder { width:64px; height:64px; margin-bottom:5px;} .winners-list .winner-info p { line-height:18px; margin-bottom:30px;} .winners-list .winner-info p span { display:block; color:#8c8c8c; font-size:14px;} .winners-list .winner-info p strong { font-weight:500; font-size:14px; margin-top:5px; display:block;} .beat-the-leader-winners { position:relative; margin-top:-35px;} .beat-the-leader-winners h5 { margin-bottom:25px;} /*--- Top Companies List --- */ .top-companies-list { text-align:center; margin:0px; position:relative; padding:0px; list-style-type:none; text-align:center; } .top-companies-list li { width:18.6%; float:left; margin-right:20px; margin-bottom:35px; } .top-companies-list li:last-child {margin-right:0;} .top-companies-list li figure { display:flex;align-items: center; background:#fff; width:100%; height:110px; margin-bottom:20px; line-height:110px;} .top-companies-list li figure a{flex: 1;} .top-companies-list li figure img { max-width:150px; max-height:60px; margin:auto;} .top-companies-list li h6 { font-size:16px; color:#424242; line-height:24px; } .top-companies-list li h6 a { color:#424242; } /*--- Pg_nt_fnd --- */ .pg_nt_fnd h2 { font-size:32px; color:#e5555b; margin-bottom:20px; } .pg_nt_fnd .btn { min-width:130px; } /*--- Glimpses-videos --- */ #glimpses-video { padding:0px 0 30px;} #glimpses-video iframe { margin-bottom:15px;} /*--- #glimpses-video .preview { width:910px; height:480px; margin:0 auto 30px;} --- */ #glimpses-video .preview .slide { width:100%;} #glimpses-video .thumbnails { padding:0 50px; position:relative;} #glimpses-video .thumbnails a.previous-btn { background:url(images/cg2015_images/previous-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; left:0; top:50%; margin-top:-24px;} #glimpses-video .thumbnails a.next-btn { background:url(images/cg2015_images/next-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; right:0; top:50%; margin-top:-24px;} #glimpses-video .thumbnails ul { margin:0; padding:0; list-style:none;} #glimpses-video .caroufredsel_wrapper, #glimpses-video .gallery { height:100px !important;} #glimpses-video .thumbnails ul li { float:left; margin-right:0; width:160px; padding:0 15px;} #glimpses-video .thumbnails ul li:first-child { text-align:right;} #breakdown-tab-content .tab-content { padding-left:0px; padding-right:0px; } /*--- Lead Section --- .lead-section { padding:40px 0; background:#f2f2f2; font-family:'lato', Arial, Helvetica, sans-serif ;} .lead-section:nth-child(2n) { background:#ffffff;} .lead-section h1 { font-family:'lato', Arial, Helvetica, sans-serif; color:#f5a623; font-size:25px; line-height:60px; margin-bottom:4px; font-weight:900; position:relative; margin-top:-20px;} .lead-section h2 { font-family:'lato', Arial, Helvetica, sans-serif; font-weight:600; margin-bottom:24px; font-size:24px;} .lead-section h2 span {color:#db3e52;} .lead-section .lead-header h2 { font-weight:300; margin-bottom:44px; font-size:24px;} .lead-section .lead-header h2 small { font-weight:normal; font-size:16px; color:#4a4548; display:block; padding-top:8px;} .lead-section .form1 .checkbox-input label { font-size:16px; pointer-events:none;} .lead-section .form1 .checkbox-input label:before { top:3px;} .lead-section .box-default h2 { margin-bottom:12px; font-size:24px;} .lead-section h2.section-head { margin-bottom:50px; position:relative; text-align:center;} .lead-section h2.section-head span { display:inline-grid; color:#4a4548; position:relative;} .lead-section h2.section-head span:after { content:""; display:block; width:80%; position:absolute; left:50%; margin-left:-40%; bottom:-10px; background:#eb929e; height:3px;} .lead-section .form1 .checkbox-input { padding-left:32px;} .lead-section .form1 .checkbox-input label:before {background:url(../../files/event_images/cg2018_images/tick-icon.png) 0 0 no-repeat; } .lead-section .form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(../../files/event_images/cg2018_images/tick-icon.png) 0 0 no-repeat;} .lead-section .success-alert { font-size:12px; padding-top:8px; margin-bottom:0;} */ .lead-header{margin-bottom:40px;} .lead-section h1{margin-bottom:8px;} .lead-section .leadh2{font-size:24px; font-weight:300; margin-bottom:8px; line-height:32px;} .lead-section ul{padding-left:25px; margin-top:16px;} .lead-section ul li{margin-bottom:8px; line-height:20px;} .lead-section .form1 ul{padding-left:0;} .lead-section .form1 ul li{margin-bottom:16px;} #lead-highlights{padding:40px 0;} /*--- Lead Form --- */ #lead-form { padding-top:40px;} /*--- Lead Tracks --- */ #lead-tracks .box-default { min-height:420px; padding-top:32px;} #lead-tracks .box-default h3 { margin-bottom:24px;} #lead-tracks .box-default ul li { color:#4a4548; padding-left:4px; margin-bottom:16px;} /*--- Lead Highlights --- */ #lead-highlights { background:url(https://www.techgig.com/files/contest_upload_files/highlights-bg-19032020.jpg) center center no-repeat; background-size:cover; text-align:center;} #lead-highlights h2.section-head { margin-bottom:21px;} #lead-highlights h2.section-head span:after { background:#8a2847;} #lead-highlights p { font-size:16px; line-height:22px; margin-bottom:38px;color:#fff;} #lead-highlights h4, #lead-highlights h2.section-head span {color:#fff;} #lead-highlights h4 { margin-bottom:0;} #lead-highlights h4 span { font-size:36px; line-height:36px; font-weight:900; display:block; margin-bottom:8px;} /*--- Lead Sponsors --- */ #lead-sponsors { padding-bottom:8px;} #lead-sponsors .image-holder img { max-width:100px; max-height:62px; margin:0; padding:0; vertical-align:middle;} #lead-sponsors .image-holder { border: solid 1px #dadada; vertical-align:top; text-align:center; padding:4px; line-height:59px; width:110px; height:72px; display:inline-block; margin:0 6px 16px; position:relative;} /*--- Cg Prize List --- */ #cg-prize-list h4 { font-weight:normal; margin-bottom:8px; color:#19171a;} #cg-prize-list .box-default2 { padding:16px; border-radius:3px; border:1px solid #dadada; background:#fff; margin-bottom:24px; } #cg-prize-list .box-default2 h4 { color:#4a4548; margin-bottom:16px; text-align:center; } #cg-prize-list header { text-align:center; } #cg-prize-list header p { margin-bottom:6px; } #cg-prize-list header h5 { font-weight:bold; position:relative; padding-bottom:9px; margin-bottom:8px; color:#19171a; } #cg-prize-list header h5:after { content:""; width:140px; height:1px; background:#979797; position:absolute; left:50%; margin-left:-70px; bottom:0px; display:inline-block;} #cg-prize-list .box-default2 .inner-box { padding:16px; border-radius:6px; border:1px solid #dadada; background:#fff; margin-bottom:24px; } #cg-prize-list .box-default2 .inner-box:last-child { margin-bottom:0px; } #cg-prize-list .category-list { width:100%; margin-bottom:22px; } #cg-prize-list .category-list:last-child { margin-bottom:0px; } #cg-prize-list .category-list td h6 { margin-bottom:4px; color:#4a4548; font-size:14px; font-weight:normal; } #cg-prize-list .category-list td p { margin-bottom:12px; font-weight:500; } #cg-prize-list .category-list td p.no-margin{ margin-bottom:0px;} #cg-prize-list .category-list td h6 span { color:#8a858d; } #cg-prize-list .category-list td figure { margin-bottom:4px;} #cg-prize-list .category-list td:first-child { width:96px; border-right:1px solid #dadada; text-align:center; } #cg-prize-list .category-list td:last-child { padding-left:16px; } #cg-prize-list .category-list ul { margin:0px; padding:0px; list-style-type:none; } #cg-prize-list .category-list ul li { font-size:14px; line-height:16px; color:#4a4548; font-weight:500; margin-bottom:8px; } #cg-prize-list .category-list ul li span { font-size:14px; color:#8a858d; font-weight:normal; display:inline-block; min-width:35px; font-weight:normal; } /*--- Winner Team Table --- */ .winner-team-table { margin-bottom:24px; } .winner-team-table .team-list { background:#fff; border-radius:6px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); border-bottom:1px solid #dadada; } .winner-team-table .team-list .team-box { border-bottom:1px solid #dadada; padding:16px; } .winner-team-table .team-list .team-box:last-child { border-bottom:none; } .winner-team-table .team-list .team-box h3 { font-size:18px; line-height:24px; margin-bottom:16px; } .winner-team-table .team-list .team-box h3 span { color:#8a858d; font-weight:normal; font-size:14px; line-height:20px; } .winner-team-table .team-list .team-box .member-details figure { float:left; width:40px; height:40px; } .winner-team-table .team-list .team-box .member-details figure img { width:40px; height:40px; border-radius:50%; } .winner-team-table .team-list .team-box .member-details .details { margin-left:52px; } .winner-team-table .team-list .team-box .member-details h6 { font-size:14px; line-height:18px; margin-bottom:2px; color:#4a4548; font-weight:normal; } .winner-team-table .team-list .team-box .member-details p { font-size:14px; line-height:16px; margin-bottom:0px; color:#8a858d; } /*--- Guidelines Landing --- */ .guidelines-landing .inner-box { background:#fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); border-radius:6px; padding:16px; text-align:left; } .guidelines-landing .inner-box .open-do-list { height:110px; overflow:hidden; margin-bottom:16px; } .guidelines-landing .inner-box .open-do-not-list { height:92px; overflow:hidden; margin-bottom:16px;} .guidelines-landing .inner-box .open-do-list.right-side { height:247px; overflow:hidden; margin-bottom:16px;} .guidelines-landing .inner-box .button1 { min-width:120px; font-weight:bold; } .guidelines-landing .inner-box h3 { font-size:18px; line-height:24px; margin-bottom:18px; } .guidelines-landing .inner-box .icon { margin-right:4px; position:relative; top:2px; } .guidelines-landing .inner-box .icon img { vertical-align:top; } .guidelines-landing .inner-box .do-heading { color:#08d37a; margin-bottom:8px; } .guidelines-landing .inner-box .do-not-heading .icon { margin-right:4px; } .guidelines-landing .inner-box .do-not-heading { color:#ff0000; margin-bottom:8px; } .guidelines-landing .inner-box ul { padding-left:15px; margin-bottom:0px; } .guidelines-landing .inner-box ul li { font-size:14px; line-height:22px; color:#4a4548; } /*--- Finale Guidelines --- */ #finale-guidelines .guidelines-landing .inner-box { padding:24px; margin-bottom:32px; } #finale-guidelines .guidelines-landing .inner-box .icon { top:1px; } /*--- All Winners --- */ #all-winners .box-default { border-radius:6px; } #all-winners .table22 tr th,#all-winners .table22 tr td { text-align:left; } /* ------------------------------------- Cross Browser CSS Documentation: http://rafael.adm.br/css_browser_selector/ ------------------------------------- */ /*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */ /* .ie .css3 { behavior: url("../javascript/vendor/PIE.htc"); position:relative; } */ /*********** Contact us popup **********************/ .form1 .stylelist-checkbox { display: inline-block; position: relative; padding-left: 24px; margin:0 10px 10px 0; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:14px; font-weight:normal; color:#a4548; } .stylelist-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 2px; left: 0; height: 16px; width: 16px; border: #dadada solid 1px; border-radius: 2px; } .stylelist-checkbox:hover input ~ .checkmark { /* background-color: #ccc; */ } .stylelist-checkbox input:checked ~ .checkmark { background-color: #d7263d; border-radius: 2px; border: #d7263d solid 1px } .checkmark:after { content: ""; position: absolute; display: none; } .stylelist-checkbox input:checked ~ .checkmark:after { display: block; } .stylelist-checkbox .checkmark:after { left: 4px; top: 0px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modal-body{ padding-top:0px; } .modal-heading-sm{ padding: 0px 0 10px 0; font-size: 18px; color: #19171a; line-height: 24px; font-weight: bold; } .modal-body .interested{ display:block; padding-bottom:10px; } .modal-dialog .close{ padding: 10px 10px 0 0; position: absolute; right: 0; } .model-heading{ font-size: 18px; color: #000; padding: 10px 0 10px 17px; text-transform: uppercase; } /*--- Tabs1 --- */ .tabs1 .nav-tabs { border-bottom:0; border-bottom:1px solid #c2c2c2; margin-bottom:20px;} .inner-content .tabs1 > .nav-tabs, .inner-content .tabs1 > .mobile-dropdown-view .nav-tabs { margin:0 -16px 24px;} .tabs1 .nav-tabs.pull-right { position:relative; margin-top:-48px;} .tabs1 .nav-tabs > li { margin-bottom:0; margin-bottom:-1px;} .tabs1 .nav-tabs > li > a { border-radius:0; border:0; font-size:14px; min-width:75px; line-height:16px; text-align:center; color:#8a858d; border:0; padding:8px 18px; border-bottom: /* solid 1px #c2c2c2 */0; margin:0;} .tabs1 .nav-tabs > li > a .icon { vertical-align:top; margin-right:5px;} .tabs1 .nav-tabs > li > a:hover { background:none;} .tabs1 .nav-tabs > li.active > a, .tabs1 .nav-tabs > li.active > a:hover, .tabs1 .nav-tabs > li.active > a:focus {color:#19171a; font-weight:600; border:0; background:none; border-bottom:1px solid #000013;} .tabs1 .nav > li > a:hover, .tabs1 .nav > li > a:focus { background:none;} .tabs1 .nav-tabs > li.active > a .icon path, .tabs1 .nav-tabs > li.active > a:hover .icon path, .tabs1 .nav-tabs > li.active > a:focus .icon path { fill:#19171a;} .small-view .tabs1 .nav-tabs > li { width:50%;} .small-view .tabs1 .nav-tabs > li a { padding:7px 8px 6px;} .small-view .tabs1 .nav-tabs .magic-line { display:none;} .small-view .tabs1 .nav-tabs > li.active > a, .small-view .tabs1 .nav-tabs > li.active > a:hover, .small-view .tabs1 .nav-tabs > li.active > a:focus { border-bottom:1px solid #000013;} .tabs1 .nav-tabs > li > a:hover { color:#4a4548;} .tabs1 .magic-line { position: absolute; bottom:-1px; left:0; width:100px; height:2px; background: #19171a;} .tabs1.nomagic .magic-line {display: none;} /*--- tabs10 --- */ .tabs10 .nav-tabs { border-bottom:0; border-bottom:2px solid #c2c2c2; margin-bottom:20px;} #signup-login1 .tabs10 .nav-tabs > li.active > a,#signup-login1 .tabs10 .nav-tabs > li.active > a:hover,#signup-login1 .tabs10 .nav-tabs > li.active > a:focus{border-width: 2px; margin-bottom: -2px;} .inner-content .tabs10 > .nav-tabs { margin:0 -16px 24px;} .tabs10 .nav-tabs.pull-right { position:relative; margin-top:-48px;} .tabs10 .nav-tabs > li { margin-bottom:0; margin-bottom:-1px;} .tabs10 .nav-tabs > li > a { border-radius:0; border:0; font-size:14px; min-width:75px; line-height:14px; text-align:center; color:#8a858d; border:0; padding:7px 24px 6px; border-bottom: solid 1px #c2c2c2; margin:0;} .tabs10 .nav-tabs > li > a .icon { vertical-align:top; margin-right:5px;} .tabs10 .nav-tabs > li > a:hover { background:none;} .tabs10 .nav-tabs > li.active > a, .tabs10 .nav-tabs > li.active > a:hover, .tabs10 .nav-tabs > li.active > a:focus { color:#19171a; font-weight:500; background:none; border: none; border-bottom:1px solid #000013;} .tabs10 .nav > li > a:hover, .tabs10 .nav > li > a:focus { background:none;} .tabs10 .nav-tabs > li.active > a .icon path, .tabs10 .nav-tabs > li.active > a:hover .icon path, .tabs10 .nav-tabs > li.active > a:focus .icon path { fill:#19171a;} /*--- Tabs1 --- .tabs1 .nav-tabs { margin:0;} .tabs1 .nav-tabs > li { width:50%;} .tabs1 .tab-content {border:0; padding:25px 32px;} .tabs1 .nav-tabs > li > a { border:0; margin:0; height:50px; line-height:48px; text-align:center; background:#e5e5e5; font-size:14px; color:#8c8c8c; font-weight:bold; text-transform:uppercase;} .tabs1 .nav-tabs > li.active > a { background:#fff; color:#424242;} */ /*--- Tabs2 --- */ .tabs2 > .nav-tabs { border-bottom:0; float:left; margin-bottom:24px;} .tabs2 > .nav-tabs.right-align { float:right; margin-top:-5px;} .tabs2 > .nav-tabs > li { margin:0;} .tabs2 > .nav-tabs > li > a { border-radius:0; border: solid 1px #4a4548; font-size:14px; text-align:center; margin:0; color:#4a4548; padding:9px; line-height:14px; background:#fff; min-width:104px; border-right:0;} .tabs2 > .nav-tabs > li:first-child > a { border-radius:3px 0 0 3px;} .tabs2 > .nav-tabs > li:last-child > a { border-radius:0 3px 3px 0; border-right: solid 1px #4a4548;} .tabs2 > .nav > li > a:hover, .tabs2 .nav > li > a:focus { background:#fff;} .tabs2 > .nav-tabs > li.active > a, .tabs2 .nav-tabs > li.active > a:hover, .tabs2 .nav-tabs > li.active > a:focus { color:#fff; background-color: #4a4548; border: solid 1px #4a4548; font-weight:normal;} .tabs2 .tab-content { clear:both;} /*--- tabs3 --- */ .tabs3 .nav-tabs { border-bottom:0; float:left; margin-bottom:24px;} .tabcenter{text-align:center;} .tabcenter .nav-tabs{margin:auto; float:none; display:inline-block;} .tabcenter .tab-content{text-align:left;} .tabs3 .nav-tabs.right-align { float:right; margin-top:-5px;} .tabs3 .nav-tabs > li { margin:0;} .tabs3 .nav-tabs > li > a { border-radius:0; border: solid 1px #4a4548; font-size:14px; text-align:center; margin:0; color:#4a4548; padding:9px; line-height:14px; min-width:104px;} .tabs3 .nav-tabs > li:first-child > a { border-radius:3px 0 0 3px;} .tabs3 .nav-tabs > li:last-child > a { border-radius:0 3px 3px 0;} .tabs3 .box-default .nav-tabs > li > a, .tabs3 .box-default1 .nav-tabs > li > a { background:#fff;} .tabs3 .box-default .nav > li > a:hover, .tabs3 .box-default .nav > li > a:focus, .tabs3 .box-default1 .nav > li > a:hover, .tabs3 .box-default1 .nav > li > a:focus { background:#fff;} .tabs3 .nav-tabs > li.active > a,.tabs3 .nav-tabs > li > a:hover,.tabs3 .nav-tabs > li.dropdown > a:hover, .tabs3 .nav-tabs > li.active > a:hover, .tabs3 .nav-tabs > li.active > a:focus { color:#fff; background-color: #4a4548; border-color:#4a4548; font-weight:normal;} .tabs3 .tab-content { clear:both;} /*--- Tabs15 --- .tabs15 .tabs1-nav-wrap { overflow:auto;} .tabs15 .nav-tabs { border-bottom:0;} .tabs15 .nav-tabs li { width:50%; margin-top:0px; } .tabs15 .nav-tabs > li { margin-bottom:0; margin-top:-1px;} .tabs15 .nav-tabs > li > a { border-radius:0; border:0; font-size:20px; min-width:75px; text-align:center; color:#666666; padding:10px 15px 11px; border-bottom:1px solid #cccccc; margin-right:5px;} .tabs15 .nav-tabs > li:last-child > a { margin:0;} .tabs15 .nav-tabs > li > a:hover { background:none;} .tabs15 .nav-tabs > li.active > a, .tabs15 .nav-tabs > li.active > a:hover, .tabs15 .nav-tabs > li.active > a:focus { color:#0065bd; border:0; background:none; border-bottom:2px solid #0065bd; font-weight:500; padding:10px 15px;} .tabs15 .nav > li > a:hover, .tabs15 .nav > li > a:focus { background:none;} */ /*--- Tabs3 --- .tabs3 .tabs1-nav-wrap { overflow:auto;} .tabs3 .box-default { box-shadow:none;} .tabs3 .tab-content { border:1px solid #ddd; border-top:0; background:#fff;} .tabs3 .nav-tabs > li > a{ font-size:12px;}*/ /*--- Companies-list --- */ #companies-list { background:#fff;} #companies-list h4 { padding-bottom:10px; border-bottom:1px solid #cfcfcf; margin:0 5px 15px;} #companies-list h4.category-title { margin-bottom:22px;} #companies-list .all-sponsors .sponsor-section { display:inline-block; padding:20px 15px 0; vertical-align:top; } #companies-list .all-sponsors p { margin-bottom:0;} #companies-list .all-sponsors .sponsor-section:last-child { border-right:0; margin-right:0; padding-right:0;} #companies-list .all-sponsors span.logo-holder { border:1px solid #ececec; line-height:56px; border-radius:2px; width:110px; height:72px; padding:5px; display:inline-block; margin:0 5px 20px; position:relative;} #companies-list .all-sponsors span.logo-holder span { color:#353535; font-size:14px; display:block; line-height:15px; display:block; width:100%; top:-19px; position:absolute; left:0;} #companies-list .all-sponsors img { max-height:60px; max-width:98px; vertical-align:middle;} .step2formwilljoin{border-radius: 3px; padding:16px; background-color: #fff9e6;} #signup_recaptcha > div{max-width:304px !important; width:100% !important;} #signup_recaptcha > div iframe{width:100% !important;} div#create-a-team .modal-body .btn { min-width:unset; } /* .pagination li a.previous-btn,.pagination li a.next-btn{ width:34px; height:34px; position:relative;} .pagination li a.previous-btn:after,.pagination li a.previous-btn:before,.pagination li a.next-btn:after,.pagination li a.next-btn:before {content: ""; position: absolute; width: 7px; height: 7px; border-left: solid 1px #23527c; border-bottom: solid 1px #23527c; transform: rotate(45deg); left: 50%; top: 50%; margin-top: -3px;} .pagination li a.previous-btn:after{left: 37%;} .pagination li a.next-btn:after,.pagination li a.next-btn:before{transform: rotate(-135deg); left:45%;} .pagination li a.next-btn:after{left: 30%;} .member-detail{display: inline-block; margin-right: 10px;} .member-detail + .member-detail{color:#8a858d} */ .finale-gatepass,.finale-gatepassmob{position:fixed; transition:all 0.5s; z-index:2;} .gatepass-btn{background: #fff; padding: 7px 4px;} .finale-gatepass.open{right:0;bottom:100px; width:184px; height:248px;} .finale-gatepassmob.open{bottom:0; left:0; right:0; border-top:solid 2px #84441E;} .widget li a.underline, .underline, .underline:hover {color: #4a4548; text-decoration: underline; font-weight: normal; text-underline-offset: 2px; text-decoration-thickness: 1px;} .thememlist li,.thememlist li.active, .thememlist li:hover{border-width:0; border-right-width:4px;} #testimonial-wrap .slick-next {background: url(https://www.techgig.com/files/contest_upload_files/next-lg-active.png) no-repeat 0 0; border: none; border: none; height: 46px; width: 46px; position: absolute; top: 133px; right: -24px; cursor: pointer;} #testimonial-wrap .slick-prev {background: url(https://www.techgig.com/files/contest_upload_files/next-lg-active.png) no-repeat 0 0; border: none; height: 46px; width: 46px; position: absolute; top: 130px; left: -24px; cursor: pointer; z-index: 9;} #testimonial-wrap .slick-prev::before,#testimonial-wrap .slick-next::before{content: none;} .testimonial-wrap .slick-prev {left: 0;} .testimonial-wrap .slick-next {right: 0;} .testimonial-wrap .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; padding: 5px; cursor: pointer; border: 0; outline: none; background: rgba(0, 0, 0, 0.2);; border-radius: 50%;} .testimonial-wrap .slick-dots li.slick-active button:before{background-color:#fff;} .testimonial-wrap .slick-dots li button:before{font-size:0; content: none;} .testimonial-wrap .slick-dots li{width: 14px;} .testimonial-wrap .slick-dots li.slick-active button{background: #d7263d;} #cgsponcers h5{text-transform: uppercase; background: url(https://www.techgig.com/files/contest_upload_files/partner-bgstrip-150322.svg) no-repeat top center; line-height: 36px; color: #19171A; font-weight: bold;} section#intro > .intronode{background: #f5f8fd url('https://www.techgig.com/files/contest_upload_files/cg_career_fair_270521.png') center top repeat-x;} section#intro > .intronode .career-fair{background: #F0D75F; background-image: linear-gradient(270deg, #F0D75F 0%, #DD9750 100%); color:#251602; font-weight: bold;} #intro h1 span.subhead{display: block; margin-top: 12px; text-transform: none; font-weight: normal;} /*--- Heading2 --- */ .page-head h2 {margin-bottom:10px; position:relative; text-align:center; font-size:42px; line-height: 50px;} .head-info{font-size: 18px; color: #C2C2C2; line-height: 22px;} .heading2 .infotext{display: block; color: #8a858d; text-transform: uppercase; font-weight: bold; font-size: 11px; letter-spacing: 1px;} .heading2.finale_headingbar:after{height:4px; border-radius:2px; left: 50%; width: 56px; margin-left: -28px;} .agendawrap{border: solid 1px #f2f2f2;border-radius: 0px; text-align: center; background: #fff;} .agendaheader{color:#5c5cc6; font-weight: bold; font-size: 16px; line-height: 16px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); padding: 8px; background: #fff; border-bottom: solid 1px #f2f2f2; border-top-left-radius: 4px; border-top-right-radius: 4px;} .agendawrap table{margin-bottom: 0;} .agendawrap .table.agend_tbl>tbody>tr>th,.agendawrap .table.agend_tbl>tbody>tr>td{text-align: left;line-height: 39px; border-color: #eeeeee; padding-left: 30px; padding-right: 30px;} .agendawrap .table>tbody>tr>th h3{line-height: 44px;} .agendaheader span{font-size: 11px; display: block; font-weight: normal;} .tablelist.table>tbody>tr>td{vertical-align: middle; text-align: left; padding-top:18px; padding-bottom:18px; border-color: transparent;} .tablelist.table>tbody>tr:not(._evem)>td:first-child{padding-left: 30px;border-right: solid 1px #eee;} .tablelist.table>tbody>tr._evem>td{border: none;} .media>.pull-left.img-wrapc{border-radius: 50%; width: 50px; overflow: hidden; margin-right: 10px; padding-right: 0;} .secprofile{padding: 3px 7px 3px 8px; background: #fff; border-radius: 2px; font-size:11px; color: #0678b6; font-weight: bold; border: solid 1px #eeeeee;} .secprofile.spek{padding:8px 7px;} .secprofile .icon{line-height: 0;} .speakerblock{background: #fff;box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.06); border-radius: 6px; overflow: hidden; margin-bottom: 32px; margin-right: 16px;} .speakerblock .msgblock{padding:20px;} .speakerblock .speakerimg img{max-width: 100%; width: 100%;} /** Linkedin Community page **/ .linkeding-box{border-radius: 4px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06); margin-top: 16px;} .linkeding-section{padding: 25px; padding-bottom: 0;} .linkeding-section [data-dismiss]{display: none;} .arrow-btn,.arrow-btn:hover,.arrow-btn:active,.arrow-btn:focus{position: relative; display: inline-flex; align-items: center; justify-content: center; color: #D7263D;} .arrow-btn::after{content: ""; display: inline-flex; width: 8px; height: 8px; background: transparent; margin-left: 4px; transform: rotate(45deg); border:solid 1px transparent; border-top-color: #d7263d; border-right-color: #d7263d; line-height: 0; font-size: 0;} .arrow-btn:active, .arrow-btn.active{box-shadow: none;} /** ./Linkedin Community page **/ @media (min-width:1300px) { .container ,div.container { width:1252px !important; max-width: none;} } @media (max-width:1300px) { #coding-content-area { width:699px !important;} .practice-mcq #coding-content-area {width:974px !important;} .qblock span.field { width:292px;} #team-header .team-info .textbox { width:252px;} #team-header .team-info .textbox .form-control { width:237px;} #sponsors-list ul li { margin-right:5px; } #sponsors-list .sponsors-section.associate,#sponsors-list .sponsors-section.base { clear:none; } #banner.contest-banner .text-label { white-space:normal;} #reason-participate .reason-participate-list { margin:0 -22px;} #reason-participate .reason-participate-list ul li { padding:0 22px 30px;} .profile-page div.token-input-dropdown-facebook { width:738px;} #reason-participate .reason-participate-list ul li { padding:0px 18px 15px 18px; } #reason-participate .reason-participate-list ul li .box { width:200px;} #sponsors-list ul { max-width:990px; } } @media (max-width:1200px) { #open-contests .heading .info { display:block; float:none; line-height:16px; padding-top:7px;} /*--- Sub Header --- */ #sub-header .countdown { padding:0;} #sub-header .countdown h5 { width:350px; text-align:left;} #secondary-navigation ul li { margin-right:20px;} #secondary-navigation ul li a { font-size:13px;} #prize-recognition .price-category h6 span { font-size:12px;} #prize-recognition .price-category h6 { font-size:15px;} #coding-content-area, .practice-mcq #coding-content-area { padding-right:0; width:729px !important;} .visible-md #best-submission { padding-top:30px;} .coding-footer .container-fluid { width:1020px !important;} .page-head { padding-top:15px;} #top-rankers .table8 tr td figure { float:none; margin-bottom:10px;} #top-rankers .table8 tr td .details { margin-left:0; text-align:center; min-width:120px;} #top-rankers .table8 tr td { padding:15px;} #top-rankers .table8 tr th { padding:10px 15px;} #top-rankers .table8 tr th:nth-child(2n){ text-align:center;} .toprankers-head h3 { line-height:30px; text-align:center; margin-bottom:5px;} .toprankers-head .btn-group .btn { padding:8px;} .toprankers-head .btn-group { margin-bottom:20px;} .page-head.toprankers-head .sponsored-by { text-align:center; padding-top:0;} .table8 tr th { font-size:13px; padding:10px;} .table8 tr td { font-size:13px; padding:10px;} #top-rankers .table8 tr th, #top-rankers .table8 tr td { padding:10px;} #contest-shedule h4,.shedule-list li p { font-size:14px; } #contest-shedule .inner-wrap { padding-left:0;} .shedule-list { padding-left:0px;} .shedule-list li { padding-right:10px; margin-right:10px; } .shedule-list li { min-width:185px; } .shedule-list li:first-child { min-width:155px; padding-left:0px; } .shedule-list li:nth-child(3) { min-width:170px; } .shedule-list li:nth-child(2){ min-width:160px; } .shedule-list li:first-child p { line-height:32px;} .beattheleader-page .shedule-list li:first-child { padding-left:30px;} #prize-recognition .price-category h6 span,#prize-recognition .price-category-list li p { font-size:11px; } #prize-recognition .price-category p { font-size:13px; } .table4 td { font-size:12px; } #user-info .form1 #profilesummary .form-control { min-width:250px; } #submission .btn-file.inline { display:block; margin-left:0;} #practice-details #search-form { width:auto; } #practice-details #search-form input[type="text"] { width:155px; } #practice-details .btn-group .btn { font-size:13px; padding:6px; min-width:65px; } .bootstrap-switch.bootstrap-switch-wrapper { margin-left:0; margin-top:10px;} #team-header .team-info p { position:relative;} #team-header .team-info .btn-xs { position:absolute; left:253px; bottom:-3px; z-index:1;} #competitive-teams h4.heading2 { margin-bottom:15px;} .table7 tr td { padding-right:7px; padding-bottom:15px;} #user-info { min-height:205px;} #user-steps-form.form1 input[type="submit"] { margin-right:75px;} .question-page #prize-recognition { margin-bottom:25px;} .profile-page div.token-input-dropdown-facebook { width:518px;} .quotient-table li .percentile,.quotient-table li .language { width:140px; } .quotient-table li .certificate-download { width:150px; } .landing-page #awards-prizes, .company-landing-page #awards-prizes { background-position:center right;} .beattheleader-page #awards-prizes { background-position:center -250px;} .page-head.toprankers-head .sponsored-by span.logo-holder { min-width:85px;} .page-head.toprankers-head .sponsored-by span.logo-holder img { max-width:75px;} #glimpses .slider-wrap .caroufredsel_wrapper { height:84px !important;} #sub-header .invite-section > p {font-size:11px;} #sponsors-list ul { max-width:990px; } #cg-prize-list .category-list td:first-child { width:94px;} #cg-prize-list .category-list td:last-child { padding-left:8px; } #glimpses .default-list li a > img { max-width:115px; } } @media (min-width:992px) and (max-width:1199px) { } @media (min-width:1200px) { } @media(min-width:992px){ } .imgbox{border:solid 1px #dadada;border-radius: 6px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);padding: 24px;display: inline-block;} .viewposition{position: absolute; bottom: 20px; left:0;right:0;} .cgbanner-btn,.cgbanner-btn:hover,.cgbanner-btn:focus{font-size: 16px; line-height: 26px; background:#fff; color:#19171A;} .community-section iframe{height: 340px;} @media(min-width:768px){ /** ./Linkedin Community page **/ .linkeding-section > .row{display: flex;} .linkeding-box .community-section{border-right: dashed 1px#DADADA; overflow: hidden;} /** ./Linkedin Community page **/ .cgbanner-btn,.cgbanner-btn:hover,.cgbanner-btn:focus{font-size: 20px; padding:12px 10px; min-width: 250px; line-height: 26px;} .cgbg-box{background-size: 100%;} .social-spaceing{padding-top: 80px;} .fcol{width:18%} .scol{width:40%} .box-design{padding: 40px;} .box-design.connecting{padding-left: 85px;} .cir-icon {position: relative;} .cir-icon:before,.cir-icon:after {position: absolute; content: ""; width: 24px; height: 24px; border: solid 1px #dadada; border-radius: 50%; background: #fff; left: -50px; top: 0; z-index: 2;} .cir-icon:after {width: 27px; border: none; height: 28px; z-index: 1; margin-top: -2px; margin-left: -2px;} .box-design.connecting::before{position: absolute; left: 0; top: 0; bottom: 0; width: 40px; background: #f7f7f7; border-right: solid 1px #dadada; content: "";} .wd56{width: 550px; text-align: center;} .dflex-m{display: flex; align-items: center; justify-content: center;} #challenge .open-contest-top {padding: 24px 16px;} .slider {margin-right:-20px;} .prize-block .col{border-right:dashed 1px #dadada;} .right-column #signup-login1{padding:20px 20px;} .signup-login-wrap .right-column{order:2;} .bannerprizeimg .bannerprizeimg{position:absolute; left:-100%; top:0;} .landing-page .bannerprizeimg .bannerprizeimg{animation-delay: 1s; animation-name: cgprize; animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: ease-in-out; animation-fill-mode: forwards;} .otherwinner{padding: 23px; width: 208px;} .otherwinner + .otherwinner{margin-left:16px;} body:not(.landing-page) #header .presented-by{padding:14px 0px;} .user-area a+a{margin-left:23px;} /*#user-steps-form.form1 input[type="text"],#user-steps-form.form1 input[type="password"], #user-steps-form .select, #user-steps-form .token-input-list-facebook { float:left; width:300px;} #user-steps-form li > label { float:left; width:150px; line-height:36px; margin:0 25px 0 0;} #user-steps-form .error_msg { margin-left:225px;}*/ .ctrlcontrol .next {right: -28px;} .ctrlcontrol .prev {left: -28px;} #user-result .test-base-result { width:47.8%;} #header .logo .presented-by .sponcer-wrapper{display:inline-block;} .participantdetail .cont-block{margin-top:4px;} .participantdetail .custom-class-click{float:right;} div.common-message-box .message-inner-content{top:25px;} } @media(max-width:768px) { .form1 .checkbox-input.cg-checkbox{padding-left: 40px;} .cg-head-section{margin-top: 16px;} .cgbg-box{background-position: bottom center;} .socialloginaction ul li a{background: #fff;} .socialloginaction ul li a path{fill: #d7263d;} .social-spaceing{padding-top: 16px;} .finale-event-flowjuly22{padding-bottom:80px;background: #000;} .table.agend_tbl{width: 100%;} .table.agend_tbl td {display: block;} .table.agend_tbl td + td {padding-top: 4px;} .table.agend_tbl td .ctrlcenter{display:block; text-align:left;} #videogallery,#awards{padding-bottom:40px;} #awards,#videogallery{padding-top: 40px;} .title-sponsor-top{padding-top:20px} .box-content-before{margin-bottom:15px;} .box-content-after{margin-bottom:15px;} .media{text-align:center;} .media:not(.defmedia) > .pull-left{float:none !important} .code-gladiators{display:none;} #banner{height:auto;} #why .box-content-after::before {background:#0090ff; clip-path: polygon(33% 93%, 60% 93%, 67% 100%, 28% 100%); content:''; position: absolute; top: -100px; left: 0px; margin: auto; right: 0px; width:200px; height:100px;} #why .box-content-after::after {background:none} #awards .border-right-1{border-right:0px;} #code-gladiators{text-align:center;} #code-gladiators .parti-comp-logo{display:inline-block} #sponsors{text-align:center;} #sponsors .parti-comp-logo{display:inline-block;} #challenge h2, #why h2, #sponsors h2, #awards h2, .heading, .cg2019-developer h2{font-size:24px; line-height:32px;font-weight:700;} #banner h1{font-size:32px; line-height:32px; } #challenge .padding-right-none{padding-right: 8px;} #sponsors, #challenge, #why{padding:40px 0} #powered .slick-track, #beat .slick-track, #powered2 .slick-track{margin-left:auto } #sponsors .parti-comp-logo{margin-right:5px;} #banner .heading-left-sapce{padding-left:0px;} #container-wrap{padding-top:45px;} .participantdetail{margin-top:8px;} .login-signup-sociable p a{margin-left:6px;} .login-signup-sociable p span{width:100px;} h1 { font-size:30px;} h2 { font-size:26px;} h3 { font-size:18px;} h4 { font-size:16px;} h5 { font-size:15px;} h6 { font-size:14px;} p { font-size:14px;} .ctrlcontrol .next {right: -11px; z-index:2;} .ctrlcontrol .prev {left: -10px; z-index:2;} #signup-login .right-column,#signup-login .left-column,.signup-login-wrap .right-column,.signup-login-wrap .left-column { float:none; width:100%; } .signup-login-wrap .left-column{padding:20px;} .signup-login-wrap{flex-flow:column;} #user-result .test-base-result { width:95%;} .searchpanel #searchinputctrl{min-width:unset;} .menucontainer .user-area{order:0;} #banner .main-sponsors{width:auto;} .bannerprizeimg{margin:auto; height: 265px;} .sponcer_colum .sponcerimg{margin-bottom:8px; margin-right:8px;} .sponcerimg + .sponcerimg{margin-left:0;} .sponcer_colum{display:block;} .headerbar .menucontainer{flex:1;} .sponcer{padding:0; padding-top:8px;} .navgroup{position:fixed; left:-100%; transition:all 0.5s;top: 0; z-index:2; bottom: 0;width: 80%;} .popupinput:checked + .menu-btn1 + .navgroup:before{background:rgba(0,0,0,0.8); content:""} .popupinput:checked + .menu-btn1 + .navgroup:before,.popupinput:checked + .menu-btn1 + .navgroup .outerhide{position:fixed; top:0; left:0; bottom:0; right:0; z-index:1; display:block} .popupinput:checked + .menu-btn1 + .navgroup{left:0;} nav#main-navigations ul > li{float:none;} .navgroupwrap ul,.navgroupwrap,.navgroupwrap .user-area{position:relative; z-index:2;display: block;} .navgroupwrap{top:0; bottom:0; background:#fff; height:100%; padding:10px;} #header .logo .presented-by .sponcer-wrapper{display:inline-block;} #header .menu-item a{color: #19171a;} #header div.logo .presented-by img,header#header.landing-header div.logo .presented-by img{max-height: 37px;} #header div.logo .presented-by .sponcer-wrapper img,header#header.landing-header div.logo .presented-by .sponcer-wrapper img{max-height: 20px;} header#header.landing-header ._headlogo .presented-by img, header#header.notransition ._headlogo .presented-by img{max-height:37px} header#header.landing-header ._headlogo .presented-by sponcer-wrapper img, header#header.notransition ._headlogo .presented-by .sponcer-wrapper img{max-height: 20px;} #header .logo{flex: 9; order:2; margin-left: 25px} #header ._headlogo{margin-left: 25px} #header{height:45px; background:#fff;} .headerbar{display:block;} header#header .presented-by{padding: 0px; display: flex; align-items: center; background:none; height: 44px;} .sponcer-wrapper > span{font-size: 10px; line-height: 16px; margin-top: -5px;} #header .presented-by .sponcer-wrapper{padding-left: 8px; margin-left: 8px;} .presented-by a {display: inline-block;} #header .logo p.presented-by > span{margin-left:8px; line-height:normal; text-align:center;} #header.landing-header .logo .presented-by > .sponcer-wrapper span,#header div.logo .presented-by > span span,#header div._headlogo .presented-by > span span{padding-left: 0;padding-right: 2px;} #banner h1{padding-top:20px; line-height:32px; font-size:24px;} #banner h1 span{font-size:14px; line-height:20px;} body .content-section{padding-top: 24px; padding-bottom: 24px;} .otherwinner{width:44%; padding:10px;margin-right: 3%;} div.runnerupawards{margin-top: 8px; padding-top:0;} div.runnerupawards + div.runnerupawards {margin-top: 0;} .contest-box{padding:12px;} .contest-box .contest-icon{width:40px; height:40px; padding:3px; margin-right:8px;} .otherwinner h5, .otherwinner h4{margin-left: -8px; margin-right: -8px} #photos-block .slider{padding-left:20px; padding-right:20px;} div.slider .previous-btn{left:0;} .caroufredsel_wrapper{margin:auto !important;} .gallery-common .preview iframe{height:unset;} /* ._testimonial{margin:0; padding:0px 8px 8px 8px;} .popupinput:checked + ._testimonial + .popupinput + ._testimonial + .popupinput + ._testimonial, .prevslide,.popupinput:checked + ._testimonial + .popupinput + ._testimonial, .nextslide{height: 200px; overflow: hidden;} .popupinput:checked + ._testimonial, .activeslide{margin-left: calc(60% - 100%); width: calc(100% - 20%); } */ #contest-shedule.open-shedule .shedule-list{padding:8px; border:solid 1px #e1e1e1; margin-bottom:16px;} .shedule-list li:last-child,#contest-shedule.open-shedule .shedule-list:last-child{margin-bottom:8px;} .round-levels{border-color:transparent;} .round-levels .block{width:100%; margin:0; padding:24px; border-top:dashed 1px #e1e1e1; border-left:none;} .mobile-dropdown-view { position:relative;} .mobile-dropdown-view .btn { width:100%; position:relative; padding-right:32px; text-align:left; height:40px; margin-bottom:16px; color:#4a4548; background:#fff; box-shadow:none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border:0; line-height:27px; overflow: hidden; text-overflow: ellipsis;} .fixed .mobile-dropdown-view .btn { margin-bottom:0;} .mobile-dropdown-view .btn + .hiddenctrl{margin-top:-16px;position: absolute; width: 100%; background: #fff;} .mobile-dropdown-view ul{margin:0; padding:0; border: solid 1px #d1d1d1; border-top: none; } .mobile-dropdown-view li{list-style-type:none; padding: 6px 10px; border-top: solid 1px #d1d1d1;} .mobile-dropdown-view li a{color:#4a4548; display:block;} .mobilescreenmsg .socialbtn .fctrl + .fctrl{margin-left: 0px;} .socialbtn .btn{margin-bottom: 8px; } .socialbtn.btngroup24 > .fctrl + .fctrl{margin-left: 0;} .socialbtn.btngroup24 > .fctrl{margin-right: 16px;} } @media (max-width:639px) { div.token-input-dropdown-facebook{width:230px;} #awards-prizes .prizes-table li{width:50%;} #awards-prizes .prizes-table p{white-space: normal;} #awards-prizes .prizes-table li.codediva{margin:auto;float: none;} #awards-prizes .prizes-table{margin: -10px;} .theme-winners tr {display: flex; flex-flow: row wrap;} .theme-winners tr td,.top-companies-list li.full-width{width: 100%;} .top-companies-list li{width:calc(50% - 20px);} .top-companies-list li figure img{max-width:90%;} .pp_expand{display:none !important;} } @media(max-width:540px){ .winner-fix-blk.btngroup24.ctrlcenter {width: 310px;margin: 0;} } .faq-wrap{box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.11);} .faq-block ._lbcactivelabel > label:after{content: ""; transition: all 0.5s; display: inline-block; border-left: solid 2px #19171a; border-top: solid 2px #19171a; width: 10px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 16px; transform: rotate(225deg);} .faq-block ._lbcactivelabel > label,.faq-block .hiddenctrl{display:block; background:#fff; padding:14px 16px; margin-bottom:1px;} .faq-block .hiddenctrl{padding-top: 0; color:#8a858d;} .faq-block ._lbcactivelabel > label{position: relative;padding-right: 32px;} .faq-block .popupinput:checked + ._lbcactivelabel > label,.faq-block .popupinput:checked + ._lbcactivelabel .hiddenctrl{margin-bottom:0; box-shadow: none;} .faq-block .popupinput:checked + ._lbcactivelabel > label:after{transform: rotate(45deg);} .faq-block .hiddenctrl p{color:#8a858d;} .schedule-wrap{padding:24px 41px; margin-bottom:1px;} .schedule-wrap h4,.schedule-wrap h4 a,.schedule-wrap h4 a:hover{font-weight: 700;} .your-test-url {background: #fafafa; border-radius: 3px; padding: 15px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);} .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: flex; justify-content: center;} .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;} .copy-url input[type="text"] {background: #ffffff; border: #f2f2f2 solid 1px; padding: 12px; color: #4a4548; 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;} .\:modalwrap .\:modalwrap-content.wd595{width:595px;} #content .connectinglist li{padding-left:76px;} #content .connectinglist li:after{width: 40px; height: 40px; border-color: #0cc071; background: #26d974; content: attr(data-index); text-align: center; line-height: 36px; color: #fff; font-size: 18px; font-weight: bold; top:0;} #content .connectinglist li:before{width:2px; background: #0cc071; left: 20px; } .winner-fix-blk{border-radius: 6px; box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.2); background-color: #fff; padding:15px 24px; position: sticky; bottom:20px; margin:20px;} .cgpre_box{background-color: #FFFFFF; border: 1px solid #F2F2F2; border-radius: 3px; margin-bottom: 20px; padding:32px 24px; transition: all 0.25s;} .cgpre_box:hover{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06);} tr.invisible.hidden-xs + tr.invisible.hidden-xs td{border-color: transparent;} .modal .modal-body {padding: 16px;} .cg2019-year {padding-bottom:16px;} .colsection{border: 1px solid #F2F2F2;} .colsection:hover{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.06);} .colsection img{width: 100%;} .cg2019-year .cg2019-2018 {padding:50px 24px 24px; background:#fff url(https://www.techgig.com/files/contest_upload_files/cgcolsectionbg-160323.png) no-repeat top right;} .cg2019-year .cg2019-2018 .subhead {color: #19171a; margin-bottom: 0;} .cg2019-year .cg2019-2018 .subhead span {color: #C2C2C2; font-weight: bold; display: block; font-size: 36px; padding: 8px 0 0 0;} .cg2019-year .cg2019-year-content {background: #ffffff; border-radius: 0 0 5px 5px; padding: 24px;} .mobileno .lnkverify{z-index: 2; top: 13px;} .select.form-h40 select{height: 48px; padding: 0 12px; border-radius: 3px;} .select.form-h40:after{height: 48px; background-position: -95px -112px;} ._complist{display: none;} ._complist .slick-track{margin-left: 0;} .videocol{position: relative;} .videocol:not(:last-child){margin-bottom: 24px; position: relative;} .videocol .posfoot{bottom: 0; left: 0; right: 0; position: absolute; padding: 16px; z-index: 2; pointer-events: none;} .videocol .posoverlay{background-color:rgba(0,0,0,0.3);} .lead-themestyle{height: 72px; width: 85px; margin: auto;} .table1-wrap .table1{margin-bottom: 0;} .lead-themestyle img{max-height: 100%;} #hackathon-content-box .form-control{height: 30px !important;} .action-controls .edit-btn, .profile-about-section .delete-btn{width: 32px; height: 32px; background-image: url(images/tg_images_new/sprites.svg);} .sponcerimg.comp_1253{padding:0;} @media (max-width: 1200px) and (min-width: 959px){ .menucontainer a, nav#main-navigations ul li a{font-size:13px; padding: 6px 9px} #header .user-area .avatar-pic{padding-top: 0;} } @media(min-width:768px){ .cgbanner{background-size:100%;} .d-flex{display: flex;align-items: center;} .modal-sm {width: 336px;} .video-full {padding-right: 18px;} #content .left-panel { padding-right:25px;} .btn40{line-height:26px;min-width:160px;} .test-profile-pic{margin-top: -40px; overflow:hidden;} .cg-award-section{margin-left: -20px; margin-right: -20px;} body.landing-page #header.notransition .menu-item a, body.nosubhead #header.notransition .user-area .avatar-pic,body.nosubhead #header.notransition .menu-item a,body.landing-page #header.notransition .user-area .avatar-pic{color: #fff;} body.landing-page #header.notransition .menu-item.active a, body.nosubhead #header.notransition .menu-item.active a{color: #d7263d;} .participantdetail .cont-block + .cont-block{margin-left:14px;} .toprankers-head .btn-group .btn{min-width:150px;} #main-navigations{align-items: center; justify-content: center; display: flex;} .landing-page #banner{padding-top:110px; padding-bottom: 21px;margin-top:-75px; min-height: 395px;} .vouchers .media-body{padding-left: 14px;} .socialsection{height: 650px;} #header ._headlogo .presented-by > span.head-associate-logo img,#header .logo .presented-by > span.head-associate-logo img {max-width: 120px;} } @media(max-width:767px){ .awards-prize-champ{background-position: top center; background-color:#0D3B7E;} .toprankers-head .btn-group{width: 100%; display: flex; align-items: center; justify-content: center;} .toprankers-head .btn-group > .btn{flex: 1;} #search-form1{width: calc(100% - 20px);} #header .presented-by{line-height: normal;} body.hackathon-common-page{padding-top: 0;} .daily-winnerdetail .vouchers{background-image: url(https://www.techgig.com/files/contest_upload_files/prize-mobile-210322.png);text-align: center; display: flex;flex-flow: row wrap; padding: 6px 10px;} .vouchers .pull-left{padding-right: 0px; margin: auto;} .page-head{padding: 80px 0 65px;} .head-info{line-height: 25px;} .awardbox{margin:0; margin-bottom: 16px;} #social-buzz{display: none;} div.imgsection{padding:40px 0} .colsection{margin-bottom: 16px;} .cgpre_infotext{margin-bottom: 24px;} .landing-page #banner{padding-top:65px; margin-top: -48px;} .opencontest{margin-bottom: 16px;} .sublanding-page #matrix{display: none;} #testimonial-wrap .slick-next{right: -15px;} #testimonial-wrap .slick-prev{left: -15px;} .regcount{position: static; margin: auto; text-align: left; margin-top: 16px;} .tablelist.table > tbody > tr td {display: block; border: none; width: 100%; padding-left:30px;} .tablelist.table > tbody > tr td .media-body{width: 100%;} .tablelist.table > tbody > tr td .media {display: flex; text-align: left;} .tablelist.table > tbody > tr td:last-child{padding-top: 0;} .participantdetail .cont-block{margin-right:14px; padding-top: 6px;} #challenge .worth{border: none;} .common-message-box .message-inner-content{width: 90%;} #all-winners .mobilerankerlist{display: none !important;} .daily-winnerdetail{margin-left: -8px; margin-right: -8px;} .daily-winnerdetail .vouchers .media-body{line-height: 14px;} .vouchers .voucher{font-size:78%; white-space:nowrap;} .mobileno .lnkverify{position: absolute; top: 0; bottom: 0; right: 0; padding-right: 4px; padding-left: 4px; line-height: 48px; background: #fff;} #user-steps-form{padding: 16px;} } /* ========================================================================== 404 Page Specific Settings ========================================================================== */ .error-page { background:#fff;} .error-page #content .container { padding-bottom:0;} .error-page #content .col-sm-4 { display:table; height:582px;} .error-page #content p { display:table-cell; vertical-align:middle; margin:0; font-size:24px; line-height:40px; color:#475773; font-weight:300;} .error-page #content p img { margin-bottom:20px;} .error-page #content p .button1 { min-width:130px; font-size:16px;} /* ========================================================================== */