/* ========================================================================== 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; color:#4A4548} body #header.devpos .user-area .avatar-pic{color: #4A4548;} body #header .user-area .avatar-pic{color: #fff;} body.admin-panel {overflow-x:visible;} body.hideScroll { overflow:hidden;} /* * Headings */ h1, h2, h3, h4, h5, h6 { font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:bold; color:#19171A; text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:20px; } h1 { font-size:40px;} h2 { font-size:34px;} h3 { font-size:20px;} h4 { font-size:18px;} h5 { font-size:16px; margin-bottom:15px; line-height:21px;} h6 { font-size:15px; margin-bottom:15px;} p { font-size:15px; color:#4A4548; line-height:21px; margin-bottom:20px;} 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: #2795b6;*/ 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; } .text-center { text-align: center; } /* * 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; } @font-face { font-family: 'Lato'; src: url('techgig_resource/cand/fonts/Lato-bold_0-webfont.eot'); src: url('techgig_resource/cand/fonts/Lato-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-bold_0-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-bold_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-bold_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/Lato-bold_0-webfont.svg#Latobold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Lato'; src: url('techgig_resource/cand/fonts/Lato-italic_0-webfont.eot'); src: url('techgig_resource/cand/fonts/Lato-italic_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-italic_0-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-italic_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-italic_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/Lato-italic_0-webfont.svg#Latoitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Lato'; src: url('techgig_resource/cand/fonts/Lato-light_0-webfont.eot'); src: url('techgig_resource/cand/fonts/Lato-light_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-light_0-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-light_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-light_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/Lato-light_0-webfont.svg#Latolight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Lato'; src: url('techgig_resource/cand/fonts/Lato-medium_0-webfont.eot'); src: url('techgig_resource/cand/fonts/Lato-medium_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-medium_0-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-medium_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-medium_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/Lato-medium_0-webfont.svg#Latomedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Lato'; src: url('techgig_resource/cand/fonts/Lato-regular_0-webfont.eot'); src: url('techgig_resource/cand/fonts/Lato-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-regular_0-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-regular_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-regular_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/Lato-regular_0-webfont.svg#Latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'myriadpro'; src: url('techgig_resource/cand/fonts/myriadpro-bold.eot'); src: url('techgig_resource/cand/fonts/myriadpro-bold.eot') format('embedded-opentype'), url('techgig_resource/cand/fonts/myriadpro-bold.woff') format('woff'), url('techgig_resource/cand/fonts/myriadpro-bold.ttf') format('truetype'), url('techgig_resource/cand/fonts/myriadpro-bold.svg#MyriadProBold') format('svg'); font-style:normal; font-weight:bold; } @font-face { font-family: 'myriadpro'; src: url('techgig_resource/cand/fonts/myriadpro-black.eot'); src: url('techgig_resource/cand/fonts/myriadpro-black.eot') format('embedded-opentype'), url('techgig_resource/cand/fonts/myriadpro-black.woff') format('woff'), url('techgig_resource/cand/fonts/myriadpro-black.ttf') format('truetype'), url('techgig_resource/cand/fonts/myriadpro-black.svg#MyriadProBlack') format('svg'); font-style:normal; font-weight:800; } @font-face { font-family: 'myriadpro'; src: url('techgig_resource/cand/fonts/myriadpro-boldit.eot'); src: url('techgig_resource/cand/fonts/myriadpro-boldit.eot') format('embedded-opentype'), url('techgig_resource/cand/fonts/myriadpro-boldit.woff') format('woff'), url('techgig_resource/cand/fonts/myriadpro-boldit.ttf') format('truetype'), url('techgig_resource/cand/fonts/myriadpro-boldit.svg#MyriadProBoldItalic') format('svg'); font-style:italic; font-weight:bold; } @font-face { font-family: 'myriadpro'; src: url('techgig_resource/cand/fonts/myriadpro-regular.eot'); src: url('techgig_resource/cand/fonts/myriadpro-regular.eot') format('embedded-opentype'), url('techgig_resource/cand/fonts/myriadpro-regular.woff') format('woff'), url('techgig_resource/cand/fonts/myriadpro-regular.ttf') format('truetype'), url('techgig_resource/cand/fonts/myriadpro-regular.svg#MyriadProRegular') format('svg'); font-style:normal; font-weight:normal; } @font-face { font-family: 'myriadpro'; src: url('techgig_resource/cand/fonts/myriadpro-semibold.eot'); src: url('techgig_resource/cand/fonts/myriadpro-semibold.eot') format('embedded-opentype'), url('techgig_resource/cand/fonts/myriadpro-semibold.woff') format('woff'), url('techgig_resource/cand/fonts/myriadpro-semibold.ttf') format('truetype'), url('techgig_resource/cand/fonts/myriadpro-semibold.svg#MyriadProSemibold') format('svg'); font-style:normal; font-weight:500; } @font-face { font-family: 'myriadpro'; src: url('techgig_resource/cand/fonts/myriadpro-semiboldit.eot'); src: url('techgig_resource/cand/fonts/myriadpro-semiboldit.eot') format('embedded-opentype'), url('techgig_resource/cand/fonts/myriadpro-semiboldit.woff') format('woff'), url('techgig_resource/cand/fonts/myriadpro-semiboldit.ttf') format('truetype'), url('techgig_resource/cand/fonts/myriadpro-semiboldit.svg#MyriadProSemiboldItalic') format('svg'); font-style:italic; font-weight:500; } @font-face { font-family: 'myriadpro'; src: url('techgig_resource/cand/fonts/myriadpro-light.eot'); src: url('techgig_resource/cand/fonts/myriadpro-light.eot') format('embedded-opentype'), url('techgig_resource/cand/fonts/myriadpro-light.woff') format('woff'), url('techgig_resource/cand/fonts/myriadpro-light.ttf') format('truetype'), url('techgig_resource/cand/fonts/myriadpro-light.svg#MyriadProLight') format('svg'); font-style:normal; font-weight:200; } @font-face { font-family: 'impact'; src: url('techgig_resource/cand/fonts/impact-webfont.eot'); src: url('techgig_resource/cand/fonts/impact-webfont.eot') format('embedded-opentype'), url('techgig_resource/cand/fonts/impact-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/impact-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/impact-webfont.svg#impact') format('svg'); font-style:normal; font-weight:normal; } /* ========================================================================== 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;} #container-wrap.loggedin, #container-wrap.normal-padding.loggedin {/* padding-top:122px;*/ padding-top:65px;} .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;} .landing-page #container-wrap, .landing-page #container-wrap.loggedin, .landing-page #container-wrap.normal-padding.loggedin { padding-top:0 !important;} #container-wrap.activeMenu { left:0;} /* Header ---------------------- */ #header { position:fixed; z-index:1001; background:#fff; padding:10px 0; top:0; left:0; width:100%; height:65px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);} .activeMenu #header { left:0;} .question-page #header { position:absolute;} #header { position:fixed !important; top:0 !important;} /* Banner ---------------------- */ #banner { position:relative; min-height:400px; background:#071927 url(../../files/event_images/cg2018_images/cg-semifinal-banner.jpg) right bottom no-repeat; background-size:cover; padding-top:100px; border-bottom:1px solid #8f9698; text-align:center;} /* Content ---------------------- */ #content { padding:30px 0;} #content .container { padding:0 10px;} #content .left-panel { padding-right:25px;} #content .left-content { width:70%;} #content .right-content { width:30%;} .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%; } .dashboard-page #content { padding-top:110px;} /*--- 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 .logo { float:left; position:relative; padding:0; margin-right:0; } #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 { float:right; padding-top:5px; position:relative; width:auto; margin-left:55px;} .loggedin #header .user-area {padding-top:8px; margin-left:25px;} #header .user-area .avatar-pic { float:right; display:block; font-size:13px; line-height:29px; color:#4A4548; 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:#4A4548;} #header .user-dropdown li a { padding:0 9px; display:block; position:relative; line-height:32px; color:#4A4548;} #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 { max-height:43px;} #header .logo .presented-by .timesjobs-logo { margin-right:10px;} #header .logo .presented-by > span img { max-width:100px; max-height:40px;} #header .logo .presented-by p { margin:0; text-align:right; font-size:11px; line-height:16px;} #header .logo .presented-by > span { display:inline-block; margin-left:8px;} #header .logo .presented-by > span span { display:inline-block; padding:0 18px;} #header .presented-by { font-size:13px; color:#797979; font-weight:500; margin:0; line-height:45px; display: flex; flex-flow: row wrap; } #header.landing-header { background:none; box-shadow:none;} #header.landing-header .notification-icon { color:#fff;} #header.landing-header .presented-by { line-height:27px;} #header.landing-header .logo .presented-by > span span { display:block; padding:0; margin-top:5px;} #header.landing-header .logo .presented-by img { max-height:65px; max-width:175px;} #header.landing-header .logo .presented-by span img { max-width:120px;} #header.landing-header .logo { padding-top:10px; margin-bottom:-150px; background:url(../../files/event_images/cg2017_images/logo-bg1.png) left top no-repeat; width:216px; height:181px; position:relative; margin-top:-10px; text-align:center; margin-left:-4px;} #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 --- */ .page-head { background:#fff; text-align:center; padding:20px 0 18px;} .page-head h3, .page-head h1 { margin-bottom:7px;} .page-head h1 { font-size:20px;} .page-head p { margin-bottom:0; font-size:16px; color:#8c8c8c;} .page-head .sponsored-by { margin:0; font-size:14px; color:#4A4548; 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-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 { position:relative; margin:-10px 0; float:right;} #main-navigations ul { margin:0; padding:0; list-style:none; float:right;} #main-navigations ul > li { float:left; position:relative; margin-left:20px;} #main-navigations ul > li:first-child { margin-left:0;} #main-navigations ul li a {display:block; line-height:65px; font-size:15px; color:#fff;} #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:#4A4548;} #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;} #main-navigations .menu-btn { width:25px; height:25px; background:none; border:0; color:#4A4548; display:block; text-align:center; line-height:21px; top:10px; position:absolute; left:10px;} #main-navigations .menu-btn:hover, #main-navigations .menu-btn:focus, #main-navigations .menu-btn:active {text-decoration:none;} #main-navigations .menu-btn .line { display:block; height:3px; background:#4A4548; margin:4px 0;} .landing-header #main-navigations ul li a { color:#fff;} /*--- 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:#4A4548; 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;} /*--- Banner --- */ #banner h1 {font-family:'impact', Arial, Helvetica, sans-serif; font-weight:normal;/* font-size:32px; color:#dedede;*/ color:#fff; padding-top:30px; margin-bottom:10px; font-size:52px; } #banner h1 span {font-family:'myriadpro', Arial, Helvetica, sans-serif; display:block; color:#dedede; font-size:23px; padding-top:8px;} #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;} #banner .inner-banner { padding-top:16px; } #banner p .prize { font-size:30px; color:#ffb800;} #banner .main-sponsors { width:216px; padding-top:80px; position:relative; margin:0 -4px;} #banner .main-sponsors .sponsor-section { margin:0 -10px; position:relative;} #banner .main-sponsors p { font-size:12px; font-weight:bold; line-height:24px;} #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 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 #newsletter-form input[type="text"] { width:290px; font-size:15px; height:50px;} #banner #newsletter-form input[type="button"] { height:50px; padding:0 10px; width:170px; font-size:18px;} /*--- 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: #4A4548;} .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; } .static-page { background:#fff; } /*--- 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:#4A4548; 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.google-plus > a { background:#df4f3f;} #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 .google-plus .social-content { background-color:#df4f3f;} /*--- Divition Section --- */ .dividing-section { margin:0; position:relative; padding:30px 0; border-top:2px solid #d7263d; text-align:center;} .dividing-section.white-bg { background:#fff;} .dividing-section:before { height:10px; background:url(../../files/event_images/cg2017_images/dividing-top-blue.png) center top no-repeat; width:250px; position:absolute; left:50%; top:0; content:""; display:block; margin-left:-125px;} .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 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;} /*--- Dividing Section1 --- */ .dividing-section1 { margin-bottom:10px;} .dividing-section1 .heading { font-size:24px; font-weight:normal;} .dividing-section1 .heading span { font-size:14px; color:#4c4c4c; font-weight:normal;} .dividing-section1 .heading span .fa { color:#8c8c8c; font-size:12px; vertical-align:baseline;} .dividing-section1 .heading .date-stamp { margin-left:8px; color:#8c8c8c; vertical-align:middle; margin-right:35px;} .dividing-section1 .heading small { font-size:13px; color:#8c8c8c; margin-right:5px;} .dividing-section1 .heading .divider { font-size:13px; color:#d7d7d7; display:inline-block; margin:0 10px;} .dividing-section1 .heading2 { margin-bottom:10px; font-weight:normal;} /*--- Message Success --- */ .common-message-box { margin-top:-43px;} .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;} /*--- Success --- */ .success-msg {right:0 !important;} .success-msg .alert-message-icon { color:#02c54c;} .success-msg .alert-message-icon .fa-check, .success-msg .message-header span.success-txt { opacity:1;} /*--- Warning --- */ .warning-msg {right:0 !important;} .warning-msg .alert-message-icon { color:#d54343;} .warning-msg .alert-message-icon .fa-exclamation-triangle, .warning-msg .message-header span.warning-txt { opacity:1;} /*--- Error --- */ .error-msg {right:0 !important;} .error-msg .alert-message-icon { color:#d54343;} .error-msg .alert-message-icon .fa-times, .error-msg .message-header span.error-txt{ opacity:1;} /*--- Info --- */ .info-msg {right:0 !important;} .info-msg .alert-message-icon { color:#fa8c2b;} .info-msg .alert-message-icon .fa-info-circle, .info-msg .message-header span.info-txt { opacity:1;} /*--- 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;} /*--- Content Box --- */ .contest-box { margin-bottom:32px; float:left; margin-right:45px; text-align:left; width:210px; height:230px; perspective: 1000; position:relative;} .contest-box:nth-child(5n) { margin-right:0;} .contest-box .contest-box-wrap { background:#fefefe; position:relative; box-shadow:0 3px 5px rgba(0, 0, 0, 0.2); border-top:1px solid #d7263d; width: 100%; height: 100%;} .contest-box .contest-content { height:190px; padding:10px; position:relative;} .contest-box .inner { height:72px;} .contest-box h3 { margin-bottom:3px; 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.no-participation {margin-bottom:10px;} .contest-box p.sponsored-by { font-size:12px; line-height:32px; position:absolute; top:140px;} .contest-box p.sponsored-by img { vertical-align:middle; margin-left:5px; max-width:107px; max-height:45px;} .contest-box .metadata { display:none; font-size:16px; color:#454545;} .contest-box .metadata .fa { font-size:18px; margin-right:2px;} .contest-box footer { position:relative; border-top:1px solid #d7263d;} .contest-box footer .btn { border-radius:0; font-size:18px; background:#fefefe; padding:4px 12px 6px; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} .contest-box > a, .contest-box > a:hover, .contest-box > a:active { text-decoration:none;} .contest-box:hover .contest-box-wrap { background:#d0d0d0;} .contest-box:hover footer .btn { background:#d7263d; color:#fff;} .contest-box:hover .metadata { display:block;} .contest-box:hover .inner p { display:none;} /*--- 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:hover footer .btn { background:#d7263d; color:#fff;}*/ .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 { border-top:1px solid #177cb7; position:relative;} .practice-box1 > a, .practice-box1 > a:hover, .practice-box1 > a:active, .practice-box1 > a:focus { text-decoration:none;} .practice-box1 .contest-content { padding:12px 15px;} .practice-box1 h4 { font-weight:normal; margin-bottom:1px;} .practice-box1 p { font-size:12px; color:#6a6a6a; line-height:17px; margin:0;} .practice-box1 p span { margin-right:12px;} .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 { margin-bottom:25px;} #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:#4A4548; 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:#4A4548;} /*--- Tabs2 --- */ .tabs2 .tabs1-nav-wrap { overflow:auto;} .tabs2 .nav-tabs { border-bottom:0;} .tabs2 .nav-tabs li { width:33.33%; margin-top:0px; } .tabs2 .nav-tabs > li { margin-bottom:0; margin-top:-1px;} .tabs2 .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;} .tabs2 .nav-tabs > li:last-child > a { margin:0;} .tabs2 .nav-tabs > li > a:hover { background:none;} .tabs2 .nav-tabs > li.active > a, .tabs2 .nav-tabs > li.active > a:hover, .tabs2 .nav-tabs > li.active > a:focus { color:#0065bd; border:0; background:none; border-bottom:2px solid #0065bd; font-weight:500; padding:10px 15px;} .tabs2 .nav > li > a:hover, .tabs2 .nav > li > a:focus { background:none;} /*--- 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);} /*--- 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; } #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:#4A4548;} #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; background: #fff; margin-right:-15px; min-height:191px; position:relative; padding-right:10px; } #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:#4A4548; 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:#4A4548; 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:#4A4548; 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:#4A4548; 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:#4A4548; 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;} /*--- Table2 --- */ .table2 { width:100%;} .table2 tr th { font-size:18px; color:#4A4548; padding:10px 25px; font-weight:normal;} /*.table2.box-default tr th { border-bottom:1px solid #e1e1e1; padding:12px 25px;}*/ .table2 tr td { padding:15px 25px; font-size:16px; color:#4A4548; 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;} .table2 tr td h4 a { color:#4A4548;} .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:15px;} .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:#4A4548; 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:#4A4548;} .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:#4A4548;} .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:#4A4548; 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:#4A4548;} .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:#4A4548;} .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:#4A4548; 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:#4A4548; 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:#4A4548;} .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:#4A4548;} .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 tr td.text-left, .table22 tr th.text-left { 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:center; 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:center; 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:55px 10px; margin:0;} #user-steps-form li { margin-bottom:8px;} #user-steps-form li.location-field { margin-bottom:38px;} #user-steps-form li > label { float:left; width:200px; text-align:right; line-height:36px; margin:0 25px 0 0;} #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 #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.form1 input[type="submit"] { float:right; margin-right:61px;} #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;} #user-steps-form .error_msg { margin-left:225px;} .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 { width:16px; height:16px; outline:none; background:url(images/tg_images/icons.png) -482px -18px no-repeat; right:-27px; position:absolute; top:0; opacity:1; margin-top:0;} .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:#4A4548;}.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 li input[type="submit"], .form1 li button[type="submit"], .default-submit-btn, .form1 .default-submit-btn {min-width:115px; font-size:18px; margin-top:20px;} .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:14px; color:#4A4548; 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 .radio-input input[type=radio]:checked + label:before { background:url(images/tg_images/icons.png) -472px -117px no-repeat; } .form1 .radio-input input[type=radio] { display: none; } .form1 .radio-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) -472px -92px no-repeat; } .form1 .radio-input input[type=radio]:checked + label:before {background:url(images/tg_images/icons.png) -472px -117px no-repeat; } .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 label { float:left; line-height:40px; margin-right:15px;} .form1 .varification-field .reg-captcha { float:left;} .form1 .varification-field .form-control { width:100px; text-align:center; height:39px; padding-left:10px !important; float:left; margin-right:6px;} .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 .varification-field.has-error .error_msg { position:absolute; left:0; bottom:0;} .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;} .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 { min-width:150px; border:1px solid #e1e1e1; padding:12px; border-radius:1px;} .toprankers-head .btn-group .btn:first-child { border-right:0;} .toprankers-head .btn-group .btn:last-child { border-left: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:#4A4548; 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:#4A4548; 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:#4A4548;} #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 #login_tab a { border-radius:2px 2px 0 0; background:none; color:#4A4548; text-align:left; padding-left:0;} */ .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; } .login-signup-sociable p span { vertical-align:top; display:inline-block; padding-top:6px; width:116px; } .login-signup-sociable p a { display:inline-block; margin-left:12px; width:48px; height:32px; text-align:center; line-height:29px; vertical-align:top; } .login-signup-sociable p a.linkedin { background:#0077b5; margin-left:0;} .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:#19171A; padding:25px 0 0px 0;} #footer ul { margin:0; padding:0; list-style:none;} #footer ul li { font-size:14px; color:#383838; margin-bottom:5px;} #footer ul li:last-child { margin-bottom:0;} #footer ul li a { color:#ffffff;} #footer h5 { font-weight:normal;} #footer .inner-footer { padding:10px 0; margin-top:20px; background:#4A4548; } #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:#fff; 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 { position:relative; margin-right:-20px;} .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; } /*--- Awards Prizes --- */ #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 h4 { font-weight:normal; } #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 { padding-left:20px; 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:#4A4548; } #contest-shedule .inner-wrap { padding-left:55px;} /*--- Round Levels --- */ .round-levels { border-top:1px solid #e1e1e1; } .round-levels .block { border-left:1px solid #e1e1e1; padding:15px 18px; float:left; width:50%; } .round-levels .block h4 { margin-bottom:0px; float:left; } .round-levels .block h4 a { color:#4A4548;} .round-levels .block h4 span{ display:block; font-size:13px; color:#8c8c8c; line-height:24px; } .round-levels .block h4 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:12px; padding-right:25px; margin-right:25px; border-right:1px solid #049364; 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.active li { border-right:1px solid #0166bd; } .shedule-list.active li p { color:#0166bd; } .shedule-list.inactive li { border-right:1px solid #8c8c8c; } .shedule-list.inactive li p { color:#8c8c8c; } .shedule-list.inactive li .position { background-position:-90px -193px; } .shedule-list li:first-child { padding-left:0px; border:none; min-width:185px; margin-right:0; } .shedule-list li:first-child p { background:#f5f5f5;} .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 { font-size:12px; line-height:32px; color:#03887a; 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:10px; } .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:#4A4548;} /*--- 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:#4A4548; 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:#4A4548; 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:#4A4548;} #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:#4A4548;} .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:#4A4548;} /*--- Work_experience --- */ #work_experience { font-size:12px;} #work_experience .select { display:inline-block; width:70px;} /*--- Panel --- */ .panel-heading h6 { margin-bottom:4px;;} /*--- 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 { 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:#4A4548;} #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:#4A4548;} #team-header .team-info .team-title a:hover { text-decoration:underline;} #team-header .team-info .success_msg { color: #4A4548; 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:#4A4548; 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:#4A4548; 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 { 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 { padding:16px; background:#f7f7f7; border-radius:6px; margin-right:8px; margin-left:8px; margin-bottom:16px; width:47.8%; float:left;} #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:right;} #user-result .test-base-result:last-child { margin-bottom:0;} #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:24px; float:left;} #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; background:none; } /*--- 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 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-right:24px; } dl.description-list dd span.no-capitalize { text-transform:none;} /*--- 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;} #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:283px; 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;} /*--- Newsletter Form --- */ #newsletter-form form, #newsletter-form > div { background:#fff; padding-left:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #newsletter-form input[type="text"] { width:218px; float:left; padding:5px 15px 5px 0; border:0; box-shadow:none; font-size:12px; color:#000000; height:32px;} #newsletter-form input[type="button"] { height:32px; padding:0 20px; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border:0; float:right;} /*--- 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 {color:#006699; padding:10px; font-size:14px; clear:both; text-align:center; margin-bottom:20px; position:relative; z-index:50; background:#efefef; 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;} .view-more-btn1:hover { background:#006699; color:#fff;} /*--- 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:#4A4548; 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:15px; box-shadow:none; text-transform:none; border-radius:2px; 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; border-radius:2px; font-size:15px; color:#fff; text-align:center; outline:none;} .button1:hover, .button1:focus, .button1:active, .button1.active { color:#fff; background:#ae2d43; outline:none;} .button1.disabled { background:#c0c0c0;} .button1.btn-lg { 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;} /*--- 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:#4A4548; } #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; } /*--- Winners --- */ #winners { padding:91px 0px 30px 0px; } #winners .winner-info { text-align:center; margin-bottom:40px; } #winners .winner-info p span{ display:block; color:#4c4c4c; font-size:13px; } #winners .winner-info .winner-image { width:100px; height:100px; margin-bottom:15px; border:1px solid #f1ac4f; border-radius:3px; } #winners .winner-info .winner-image.over-all { width:130px; height:130px; } #winners.tabs10 { padding-top:0px; } #winners.tabs10 .table2 tr th,#winners.tabs10 .table2 tr td { padding:10px 16px; font-size:14px; } #winners.tabs10 .table2 tr td.user h4 { font-size:14px; } #winners.tabs10 .table2 span.first-letter { font-size:14px; } #winners.tabs10 .nav-tabs li:first-child a { padding-left:0px; } #winners.tabs10 .table2 tr th { background:#d7263d; color:#fff; } /*--- 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:#4A4548; 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:#4A4548;} #finale-champions #awards-prizes p { color:#4A4548;} #finale-champions #awards-prizes #top-companies { margin-top:40px; margin-bottom:0px; } #finale-champions #awards-prizes #top-companies h3 { color:#4A4548; } #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:#4A4548; line-height:24px; } .winners-list h6 a { color:#4A4548; } .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:block; background:#fff; width:100%; height:110px; margin-bottom:20px; line-height:110px;} .top-companies-list li figure img { max-width:150px; max-height:60px;} .top-companies-list li h6 { font-size:16px; color:#4A4548; line-height:24px; } .top-companies-list li h6 a { color:#4A4548; } /*--- 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 Form --- */ #lead-form { padding-top:70px;} /*--- 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(../../files/event_images/cg2018_images/highlights-bg.png) 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; color:#f5a623; 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; } .developer{background: url(https://www.techgig.com/files/contest_upload_files/cgboxbg-290121.png) no-repeat; padding:0 16px; margin-top:24px; background-size: 100%;background-position: 0px 23px;} .developer,.corporates{background: url(https://www.techgig.com/files/contest_upload_files/cgboxbg-290121.png) no-repeat; padding:0 16px; margin-top:24px; background-size: 100%;background-position: 0px 23px;} @media (max-width:1300px) { .contest-box { margin-right:22px;} #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; } .round-levels .block { padding:15px 20px;} #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) { .contest-box { margin-right:33px;} .contest-box:nth-child(5n) { margin-right:33px;} .contest-box:nth-child(4n) { margin-right:0;} #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;} #content .left-content { width:65%;} #content .right-content { width:35%;} #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;} .round-levels .block { padding:10px 10px; } #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 (max-width:1100px) { } @media (max-width:992px) { #content .left-content { width:100%;} #content .right-content { width:100%;} #content .left-panel { margin-bottom:30px;} #header .container { width:100%;} #header .user-area { margin-left:20px;} #header .presented-by { font-size:12px; line-height:36px;} #header .logo .presented-by > span { text-align:center;} #header .logo .presented-by > span img { max-height:32px;} #header .presented-by > a { vertical-align:top;} #header .logo .presented-by > span span { display:block; padding:0; line-height:12px; text-align:center;} #banner .container { width:100%;} #banner h1 span { font-size:20px;} #banner .register-area { width:465px;} #banner #newsletter-form input[type="text"] { width:230px;} #main-navigations ul > li { margin-left:15px;} #main-navigations ul li a { font-size:14px;} #sub-header .container { width:100%;} #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 { width:400px;} .round-levels .block { width:50%; text-align:center;} .round-levels .block h4 { float:none;} .round-levels .block.full-width { text-align:left;} .round-levels .block .button2 { float:none; margin:5px 0 0 0; padding:3px 10px;} #content .left-panel { padding-right:10px;} .contest-box { margin-right:45px;} .contest-box:nth-child(5n), .contest-box:nth-child(4n) { margin-right:45px;} .contest-box:nth-child(3n) { margin-right:0;} #sub-header .countdown { position:relative; top:-1px;} #sub-header .countdown h5 { display:none !important;} .dashboard-page #content { padding-top:98px;} #sub-header .invite-section { width:215px; text-align:right; position:relative; top:-5px;} #sub-header .invite-section p { font-size:12px;} #sub-header .invite-section > p .btn { display:block; margin-left:0; padding:5px; font-size:13px; height:24px; line-height:12px; float:right; min-width:80px;} #secondary-navigation ul li { margin-right:6px;} #secondary-navigation ul li a { font-size:12px;} /*--- Coding Platform Head --- */ #coding-platform-head #remain, #coding-platform-head .attempt-count > span { font-size:26px;} #coding-platform-head #remain small, #coding-platform-head .attempt-count { font-size:11px;} #coding-platform-head .btn-group { margin-bottom:10px;} #coding-platform-head .btn-group .btn { font-size:10px; padding:6px 8px;} #coding-platform-head .attempt-count { margin-left:0; padding-top:7px;} #coding-platform-head .big { margin-left:20px;} #coding-platform-head #remain span { padding:0 2px;} .coding-footer .container-fluid { width:800px !important;} .domain-tab > .nav-tabs > li a { font-size:14px; padding:10px;} #question-area .box-default { margin-bottom:0;} #editor-box .sponsored-by { position:relative; top:auto; float:right; margin-bottom:10px !important;} #editor-box header { clear:both;} #coding-content-area, .practice-mcq #coding-content-area {width:509px !important;} .domain-tab { margin-top:-72px;} .fixed-contents .domain-tab .nav-tabs-wrap .nav-tabs > li a { font-size:13px; padding:10px 7px;} #company_contact_block { padding:30px 30px 20px;} .qblock span.field { width:221px;} .signup-login-wrap { width:100%; } .signup-login-wrap .right-column,#why-participate { padding:15px; } .signup-login-wrap { background-image:url(../../files/event_images/cg2017_images/participate-image2.png); background-size:360px; } .signup-login-wrap .form1 ul li { margin-bottom:8px; } #awards-prizes .label { font-size:13px; } #awards-prizes .prize { font-size:20px; } #awards-prizes .prizes-table li { float:none; width:32.33%; display:inline-block; } #awards-prizes .prizes-table { margin-bottom:20px; } #awards-prizes .prizes-table .prize,#awards-prizes .prize-box .prize { font-size:16px; } #awards-prizes .prizes-table .label,#awards-prizes .prize-box .label { font-size:11px; margin-bottom:0px; } #awards-prizes .prizes-table .number { font-size:12px; } #awards-prizes .prizes-table .number sup { font-size:9px; } #awards-prizes .prize-box { background-image:none; border:none; margin-bottom:20px; } #awards-prizes .prize-box,#awards-prizes .prize-box.vouchers { width:100%; margin:0px 0px 20px auto; } #awards-prizes h2 { margin-bottom:20px; } #awards-prizes h2 span { font-size:14px; line-height:20px; } .shedule-list li { margin-right:5px; padding-right:5px; } .shedule-list li .fa { margin-right:5px; } .shedule-list li:first-child { min-width:145px;} .shedule-list li:nth-child(2),.shedule-list li:nth-child(3), .shedule-list li { min-width:auto; } .shedule-list li { margin-right:10px; padding-right:10px; } .beattheleader-page .shedule-list li:first-child { padding-left:0;} .beattheleader-page #contest-shedule ol { padding-left:13px;} .tabs2 .nav-tabs > li > a { font-size:16px; } #practice-details #search-form input[type="text"] { width:200px; } #practice-details .append-seasons { margin-bottom:30px;} .widget .select1, .widget2 .select1 { float:none; width:100%; margin-bottom:8px;} .widget h5, .widget2 h5 { float:none !important; } .table4 td { font-size:14px; } .widget .box-default1 .button2.view-more-btn, .widget2 .box-default1 .button2.view-more-btn { margin-bottom:0px; } /*#prize-recognition .price-category h6 { margin-right:0px; margin-left:0px; font-size:16px; text-align:center; } #prize-recognition .price-category h6 span { margin-right:0px; text-align:center;font-weight:normal; font-size:12px; padding:0px 20px; } #prize-recognition .price-category h6 span:before { content:""; width:9px; height:21px; position:absolute; left:0px; top:0px; background-image:url(../../files/event_images/cg2017_images/icons); background-position:-8px -322px; background-repeat:no-repeat; } #prize-recognition .price-category-list li p { margin-bottom:8px; } #prize-recognition .price-category-list p span { font-size:15px; } #prize-recognition .price-category-list { text-align:center; margin-bottom:0px; } #prize-recognition .box header h6 { font-weight:normal; border-radius:5px; } #prize-recognition .box .icon { float:left; min-width:35px; margin-top:7px; } #prize-recognition .box { text-align:left; padding-bottom:5px; } #prize-recognition .box p { font-size:13px; line-height:16px; margin-bottom:5px; }*/ #awards-prizes .vouchers h6 { text-align:center;} #awards-prizes h3 { font-size:15px;} #user-info { margin-right:0px; } #user-info:after { display:none; } .members .member.single { width:330px;} .bootstrap-switch.bootstrap-switch-wrapper { margin-left:10px; margin-top:0;} #team-header .members .member { margin-bottom:10px;} #team-header .members .member:last-child { clear:both; margin-bottom:0;} #team-header .members { padding-top:0;} #contest-shedule.open-shedule .shedule-list li:nth-child(2) { min-width:190px;} .shedule-list li:nth-child(3) { min-width:100px;} .steps-page #autocomplete,.steps-page div.token-input-dropdown-facebook { width:400px !important;} .profile-page div.token-input-dropdown-facebook { width:650px;} .landing-page #awards-prizes, .company-landing-page #awards-prizes, .beattheleader-page #awards-prizes { background-position:center bottom;} /* .toprankers-head { margin-bottom:120px;} */ .toprankers-head { margin-bottom:60px;} .page-head.toprankers-head .sponsored-by span.logo-holder { min-width:65px; margin-left:5px; padding:3px; line-height:28px;} .page-head.toprankers-head .sponsored-by span.logo-holder img { max-width:55px; max-height:24px;} .toprankers-head .sponsored-by { bottom:-125px; width:100%;} #search-filter { width:100%;} #sponsors-list ul { max-width:none; } .dividing-section .box-default.landing-venue { min-height:auto; } } @media (max-width:767px) { 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;} #search-form1 { bottom:-50px; width:93%;} .show-all-block { font-size:14px;} .profile-page div.token-input-dropdown-facebook { min-width:240px; width:81%;} #container-wrap, #container-wrap.loggedin, #container-wrap.normal-padding.loggedin, .question-page #container-wrap.loggedin, .question-page #container-wrap.normal-padding.loggedin { padding-top:45px;} #header .page-overlay2 { height:45px;} .message-box .alert-message-content { margin-left:108px; padding-right:10px;} .steps-page #autocomplete,.steps-page div.token-input-dropdown-facebook { min-width:280px; width:87% !important;} /*--- User-info-msg --- */ #user-info-msg { font-size:16px; padding:8px 10px; line-height:21px;} /*--- User-steps-form --- */ #user-steps-form { padding:25px 10px;} #user-steps-form li > label { float:none; margin-right:0; width:auto; text-align:left;} #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 { width:100%; float:none;} #user-steps-form.form1 input[type="submit"] { float:none; margin-right:0; margin-left:auto; margin-right:auto; width:115px; display:block;} #user-steps-form .error_msg { margin-left:0;} .steps-page div.token-input-dropdown-facebook { width:89%;} .table8 tr td figure { float:none; margin-bottom:10px;} .table8 tr td .details { margin-left:0; text-align:center; min-width:120px;} .table8 tr td { padding:15px;} .table8 tr th { padding:10px 15px;} .table8 tr th:nth-child(2n){ text-align:center;} /*--- Header --- */ #header {height:45px; padding-left:32px;} #header.landing-header { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);} #header.landing-header .presented-by, #header .presented-by { line-height:16px; font-size:10px;} #header.landing-header .logo .presented-by > span span { margin-top:0;} #header .logo .presented-by > span, #header .presented-by > a { vertical-align:middle;} #header.landing-header .logo .presented-by img, #header .logo .presented-by img { max-height:43px; max-width:62px; vertical-align:top;} #header .logo .presented-by .timesjobs-logo { max-width:25px; margin-right:2px;} #header.landing-header .logo { padding-top:1px; margin-bottom:0; background:none; width:auto; height:auto; margin-top:0; margin-left:0;} #header .logo { position:relative; padding-top:1px;} #header .logo .presented-by > span span { line-height:10px;} #header .logo .presented-by > span img { max-height:20px;} #header.landing-header .user-area p .login-btn { background:none; color:#d7263d;} #header.landing-header .user-area p .login-btn:hover { background:none;} #header .logo .presented-by > span img, #header.landing-header .logo .presented-by span img { max-width:58px;} #header .logo .presented-by > span { margin-left:5px;} #header .user-area .avatar-pic {color:#4A4548;} #header .user-area { padding-top:0; margin-left:0;} .loggedin #header .user-area { padding-top:0;} #header .user-area p .btn { font-size:12px; padding:3px 5px; margin-left:2px;} #header .notification-icon { margin:0 10px 0 0;} #header.landing-header .notification-icon { color:#000;} .company-landing-page #header .logo .presented-by > span span { display:none;} .activeMenu #page-header, #container-wrap, #header { 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;} /*--- Main Navigation --- */ #main-navigations {position:absolute; z-index:8; left:0;} #main-navigations ul { background: #fff; border-top:1px solid #dadada; z-index:102; overflow:auto; height: 100%; left:-225px; padding: 0; position:fixed; top:0px; width:225px; 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 #main-navigations ul { left:0;} #main-navigations ul li { float:none; margin:0;} #main-navigations ul li { border-bottom:1px solid #dadada;} #main-navigations ul li:last-child { border-bottom:0;} #main-navigations ul li a { padding:3px 15px 5px; line-height:normal;} #main-navigations ul li a { display:block; line-height:28px;} #main-navigations ul li .icon { display:inline-block;} #main-navigations ul li.highlight > a { font-weight:500; border-top:0; min-height:5px;} #main-navigations ul li.home.highlight a { width:100%; text-align:left;} #main-navigations ul li ul.user-dropdown { background:none; padding:0; right:auto; width:100%; min-height:15px; position:relative; top:auto; left:auto; box-shadow:none; border:0; display:block;} #main-navigations ul li.parent > a { display:none;} #main-navigations ul li .fa { display:none;} .landing-header #main-navigations ul li a {color:#4A4548;} /*--- Content --- */ #content { padding-top:20px;} /*--- Banner --- */ #banner { padding-top:85px; background-position:center top; padding-bottom:135px; border-bottom:0;} #banner .main-sponsors { padding:0; position:absolute; bottom:0; left:0; width:100%;} #banner .inner-banner { background:rgba(0,0,0,0.2); padding:10px;} #banner h1 { font-size:28px; margin-bottom:24px; padding-top:0px;} #banner h1 span { font-size:14px; padding-top:5px;} #banner h1 span br { display:block;} #banner p .prize { font-size:20px;} #banner .register-area { background:none; padding:0px; width:100%;} #banner #newsletter-form input[type="text"] { height:40px; font-size:14px; width:60%;} #banner #newsletter-form input[type="button"] { height:40px; width:auto; font-size:14px;} #banner .inner-banner p { margin-bottom:15px;} #banner .sociable p { margin-bottom:0;} #banner .col-sm-3 { position:static;} #banner .col-sm-12 { position:static;} #banner .main-sponsors p span.logo-holder img { max-height:37px;} #banner .main-sponsors .sponsor-section, #cg-highlights-block .sub-sponsors .sponsor-section { float:left; width:65%;} #banner .main-sponsors .sponsor-section { width:100%; } #banner .main-sponsors .sponsor-section.beat-the-leader, #cg-highlights-block .sub-sponsors .sponsor-section.powered-by { width:35%;} #banner .main-sponsors { background:#fff; margin:0;} #banner .main-sponsors p { font-size:11px; color:#838282; font-weight:normal;} #banner .main-sponsors p span.logo-holder, #cg-highlights-block p .logo-holder { float:none; width:50%; margin:0; border-left:2px solid #e7e7e7; min-width:102px; line-height:42px; display:block; padding:5px; margin-left:auto; margin-right:auto;} #banner .main-sponsors p span.logo-holder:last-child, #cg-highlights-block p .logo-holder:last-child{ border:0;} #banner .main-sponsors .sponsor-section.beat-the-leader span.logo-holder, #cg-highlights-block .sub-sponsors .sponsor-section.powered-by span.logo-holder { width:100%;} #banner.contest-banner .main-sponsors .title-sponsors p span.logo-holder{ width:50%; min-width:auto;} #cg-highlights-block { box-shadow:none; height:90px;} #cg-highlights-block .col-sm-5 p { position:absolute; width:100%; text-align:center; font-size:12px; left:0; top:-152px; color:#fff; line-height:18px;} #cg-highlights-block p span { font-size:16px;} #cg-highlights-block .sub-sponsors p br { display:block;} #cg-highlights-block .sub-sponsors p { font-size:11px; line-height:18px; color:#838282;} #cg-highlights-block .sub-sponsors { float:none; text-align:center;} #cg-highlights-block .sub-sponsors .sponsor-section { border:0; margin:0; padding:0;} #cg-highlights-block .col-sm-7 { padding:0;} #cg-highlights-block .sub-sponsors img { max-height:37px; margin:0;} .dividing-section { padding:15px 0 20px;} .dividing-section h2 { font-size:26px; font-weight:normal;} .dividing-section p { font-size:14px; line-height:20px;} .dividing-section:before { background-size:170px 6px;} #event-contests .contest-boxes { margin:0 -10px; position:relative;} .contest-box { width:50%; margin:0 0 12px; padding:0 10px; height:154px;} .contest-box .contest-box-wrap { margin:0 auto 12px; max-width:210px;} .contest-box:nth-child(2n), .contest-box:nth-child(5n), .contest-box:nth-child(4n){ margin-right:0;} .contest-box h3 { font-size:15px; margin-bottom:2px;} .contest-box .inner p { display:none;} .contest-box .inner p.no-participation { display:block; margin-bottom:5px;} .contest-box .metadata{ font-size:12px;} .contest-box .metadata .fa { font-size:14px;} .contest-box .contest-content { height:120px; padding:7px 10px;} .contest-box .inner { height:40px;} .contest-box p.sponsored-by { text-align:center; font-size:11px; line-height:17px; top:80px; left:0; width:100%;} .contest-box p.sponsored-by img { max-height:20px; display:block; margin:0 auto;} .contest-box footer .btn { font-size:14px;} .contest-box:hover footer .btn, .contest-box:active footer .btn, .contest-box:focus footer .btn { color:#fff; background:#d7263d;} .contest-box:hover .contest-box-wrap {transform: rotateY(0deg);} .contest-box .face {position: absolute; width: 100%; height: 100%; backface-visibility: visible;} .contest-box .face.back {display:none;} #companies-list h4 { font-size:12px; color:#5b5b5b; padding-bottom:0; border-bottom:0; margin:0 0 7px;} #companies-list .all-sponsors span.logo-holder { margin:0 2px 15px;} #companies-list .all-sponsors span.logo-holder span { font-size:10px;} #companies-list .all-sponsors span.logo-holder {line-height:44px; width:92px; height:60px;} #companies-list .all-sponsors img { max-height:48px; max-width:80px;} #companies-list .all-sponsors .sponsor-section { padding:0;} #footer ul { margin-bottom:10px;} #footer ul li { font-size:12px; margin-bottom:3px;} #footer .inner-footer { margin-top:15px; border:0; padding:8px 0; text-align:center;} #footer h5 { font-size:12px;} #footer .powered-by { float:none;} #footer .powered-by img { display:block; margin-left:0; width:95px;} #footer .inner-footer p { font-size:12px; text-align:left; line-height:19px; margin:0;} /*--- Page Overlay --- */ #page-overlay { top:45px;} /*--- msgErrortop --- */ .msgErrortop { top:45px;} .message-box { width:320px;} .dividing-section1 .heading { font-size:20px;} /*--- Popover --- */ .popover { max-width:290px; width:290px;} /*--- Open Contests --- */ #open-contests .contest-wrap:after { height:1px; width:100%; right:0; top:auto; bottom:-3px;} #open-contests .col-sm-4:last-child .contest-wrap:after {display:none;} #sub-header { top:45px; z-index:1001; background:none; border:0; padding:0; height:1px;} .dashboard-page #sub-header { padding:0; height:1px; height:56px; border-bottom:1px solid #eeeeee; background:#f4f4f4; 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;} #sub-header .invite-section p span { display:none;} #sub-header .invite-section { position:fixed; /*right:55px;*/ right:10px; top:10px;} #sub-header .invite-section .page-overlay2 { top:45px;} #sub-header .countdown { padding-top:8px; margin:0 auto; float:none;} /*.dashboard-page #container-wrap.normal-padding.loggedin { padding-top:102px;}*/ #cg-invite { /*right:-40px;*/ right:0; top:32px;} #cg-invite.popover.bottom > .arrow {/* right:73px;*/ right:30px;} .dashboard-page #content { padding-top:65px;} /*--- View-more-btn --- */ .button2.view-more-btn { margin-bottom:15px;} #submit_code .button1 { font-size:12px; margin-top:0; min-width:15px;} #editor-actions .need-help-lnk { font-size:12px; padding:0; clear:both; margin-top:5px;} #editor-box { margin-bottom:0;} .question-page #header { position:fixed;} #coding-platform-head { z-index:10;} #coding-platform-head h4 { margin-bottom:5px;} #coding-platform-head .big, #coding-platform-head .attempt-count { background:none;} #coding-platform-head .big { position:relative; float:left; margin:0; top:auto; width:auto; padding:0;} #coding-platform-head .attempt-count { float:right; text-align:left; top:auto; padding-left:0; padding-right:0;} #coding-platform-head .contest-info { margin-right:0; float:none;} #coding-platform-head p { margin-bottom:7px; font-size:14px;} .domain-tab { margin-top:-62px;} .domain-tab .nav-tabs-wrap .nav-tabs { z-index:10;} .domain-tab .nav-tabs-wrap .nav-tabs > li { width:auto;} #coding-platform { padding-bottom:15px;} #question-controller { margin-bottom:20px; position:relative; top:auto; left:auto;} #question-controller, #coding-platform .inner-controller { width:100%;} #coding-content-area { margin-left:0;} #coding-content-area, .practice-mcq #coding-content-area { padding:0; width:100% !important;} .question-page #content {min-height:15px !important;} .coding-footer .user-actions-block .btn, .coding-footer .button5 { font-size:12px; min-width:85px; padding:8px;} .coding-footer .container-fluid .inner-coding-footer { padding:0;} .coding-footer .container-fluid { width:auto !important;} #user-result .page-head h3 { font-size:18px;} .page-head .sponsored-by { text-align:left; padding-top:10px; font-size:11px;} #user-result .page-head { padding:15px 0;} .box-default { padding:12px 15px;} #best-submission ul li,#team-view ul li { font-size:12px;} #best-submission ul li span, #team-view ul li span { font-size:18px;} #user-result .rating-area { float:none; text-align:center; width:100%; overflow:auto; margin-bottom:20px;} #user-result .rating-area ul { display:inline-block; float:none;} #user-result .box-default { text-align:center;} .form1 .varification-field label { float:none;} #userData .qblock { clear:both;} #userData .qblock label { float:none; padding:0; margin-bottom:2px;} #userData .qblock .field { padding:0; margin-bottom:10px; width:100%; float:none; display:block;} #userData .qblock .field.form1 { padding-left:0 !important;} .signup-login-wrap .left-column,.signup-login-wrap .right-column { float:none; width:auto; } .signup-login-wrap .left-column, .signup-login-wrap .right-column { min-height:auto; } #why-participate li:last-child { margin-bottom:15px; } .signup-login-wrap { background-image:none; } .signup-login-wrap .left-column { background-image:url(../../files/event_images/cg2017_images/participate-image2.png); margin-left:-15px; background-repeat:no-repeat; background-size:cover; margin-left:-10px; margin-right:-10px; } .signup-login-wrap .right-column { padding:15px 0px 30px 0px; } #why-participate li p { font-size:14px; } #awards-prizes .prizes-table { padding:0px; } .signup-login-wrap .right-column { border:none; } .signup-login-page h3 { margin-bottom:0px; } #sponsors-list .sponsors-section { float:none; width:100%; } #sponsors-list h3 { margin-bottom:20px;} #sponsors-list ul li:last-child:after { display:none; } #sponsors-list .sponsors-section { float:none; width:100%; margin-right:0; text-align:center; } #sponsors-list ul,#sponsors-list h6 { float:none; margin-right:0px; } #sponsors-list h6 { line-height:14px; margin-bottom:10px;} #sponsors-list ul li { float:none; display:inline-block; } #sponsors-list .sponsors-section { clear:both; float:left; } #sponsors-list .sponsors-section.small { width:30%; clear:none; } #sponsors-list .sponsors-section.large { width:70%; clear:none; } #sponsors-list .sponsors-section.large.last { width:100%; } #sponsors-list { padding-top:10px; } .shedule-list { margin-bottom:10px; } .shedule-list li { float:none; border:none; padding-left:158px; margin-bottom:0px; margin-right:0px; padding-right:0px; } .shedule-list.active li,.shedule-list.inactive li { border:none; } .shedule-list li:first-child { float:left; min-width:140px; padding-left:0px; background:#f5f5f5; margin-right:10px; padding-right:5px; } .shedule-list li:first-child p { font-size:16px; } .shedule-list li:last-child { text-align:left; padding-left:180px; } .shedule-list li .fa { min-width:14px; text-align:center; vertical-align:middle; } #contest-shedule h4 { text-align:center; font-size:18px; } #contest-shedule { padding-bottom:5px; } #banner.contest-banner h2 { font-size:26px; } #banner.contest-banner h1 span { font-size:16px; } #banner.contest-banner .prize-section {display:none; } #banner.contest-banner.open-contest { padding:25px 0px 180px; } #banner.contest-banner { padding:25px 0px 95px; } #banner.open-contest .inner-banner p,#banner.beat-leader .inner-banner p { font-size:15px; } #banner.open-contest h1 { margin-bottom:5px; } #banner.open-contest h2 { margin-bottom:0px; } #banner.open-contest h1 small { font-size:16px; } #banner.open-contest { min-height:400px; } #banner.open-contest .main-sponsors { bottom:69px; } #banner .main-sponsors .expect-participation { position:absolute; left:0; width:100%; color:#fff; text-align:center; bottom:70px; line-height:24px;} #banner .main-sponsors .expect-participation span { display:inline-block; margin-left:5px;} #banner.open-contest .main-sponsors.banner-right-sponsors {width:100%; bottom:0px; } #banner.open-contest .main-sponsors .sponsor-section.beat-the-leader, #banner.open-contest .main-sponsors .sponsor-section.powered-by { width:35%;} #banner.open-contest .main-sponsors .sponsor-section { width:65%; margin:0;} #banner .main-sponsors .sponsor-section.beat-the-leader .logo-holder, #banner .main-sponsors .sponsor-section.powered-by .logo-holder { width:100%; max-width:100%;} #banner.open-contest .main-sponsors.banner-right-sponsors .sponsor-section .logo-holder {width:50%; float:left; margin-right:0px; min-width:auto;} #banner.beat-leader .lead,#banner.open-contest .lead { font-size:16px; margin-bottom:10px; } #contest-shedule ol { padding-left:15px; margin-bottom:15px; padding-top:0px; } #contest-shedule ol li { font-size:14px; } #reason-participate .reason-participate-list ul li .box .header-icon { margin-bottom:10px; } #reason-participate { padding:10px 0px; } #reason-participate .reason-participate-list { padding-top:15px; margin:0px -5px; } #reason-participate .reason-participate-list ul li { margin-bottom:10px; } #reason-participate .reason-participate-list ul li .box p { font-size:14px; line-height:16px; } #reason-participate .reason-participate-list ul li { padding:0px 6px; width:50%; } #reason-participate .reason-participate-list ul li .box { width:auto; padding:5px; height:118px; } #reason-participate .reason-participate-list ul li .box:before,#reason-participate .reason-participate-list ul li .box:after { display:none; } #reason-participate .tabs2 .post { padding:10px; } #reason-participate .view-more { font-size:14px; } .tabs2 .nav-tabs > li > a, .tabs2 .nav-tabs > li.active > a, .tabs2 .nav-tabs > li.active > a:hover, .tabs2 .nav-tabs > li.active > a:focus { padding:5px 15px;} .tooltip { display:none !important; } .post ol li, .post ul li { padding-left:10px; } .post ol li p, .post ul li p,.post ol li h6, .post ul li h6 { font-size:14px; line-height:18px; } #awards-prizes .theme-prizes li { width:49%; padding:0px 15px; } #awards-prizes .theme-prizes li .label { width:125px; } #awards-prizes .theme-prizes p { margin-bottom:0px; } #awards-prizes .prizes-table .open-contest-voucher .label { min-width:auto; font-size:14px; } #awards-prizes .prizes-table .open-contest-voucher .label span { font-size:16px; } #awards-prizes .prizes-table { margin-bottom:0px; } #awards-prizes .prizes-table p { margin-bottom:10px; } #awards-prizes .prize-box, #awards-prizes .prize-box.vouchers { margin-bottom:10px; } #awards-prizes .total-prize { font-size:18px; } #container-wrap.loggedin #banner.contest-banner h1 { margin-top:0px; } .round-levels { padding-bottom:15px;} .round-levels .block { float:none; width:100%; text-align:left; margin-bottom:10px; border:1px solid #e1e1e1; } #contest-shedule .round-levels .block h4 { float:left; text-align:left;} .round-levels .block .button2 { float:right; margin:7px 0 0 8px;} #contest-shedule.open-shedule .shedule-list li:first-child { min-width:135px; padding-left:0; } #practice-details #search-form { float:none; margin-bottom:10px;} #practice-details .btn-group { float:none; display:block;} #practice-details .btn-group .btn { width:33.333%; height:31px;} #practice-details .append-seasons .block .icons { float:left;} #practice-details .append-seasons .block .icons a:first-child { margin-left:0;} #user-info .avatar { float:none; margin-bottom:25px; } #user-info .avatar .inner { margin:0px auto 10px auto; } #user-info .inner #profilename { text-align:center; } #user-info .details { margin-left:0px; } #user-info h3 .button2 { font-size:12px; padding:5px 6px; } #user-info h3 span { padding-top:0px; } #user-info dl dt, #user-info dl dd { font-size:13px; } #user-info dl dt { min-width:120px; } #user-info dl dd { margin-left:125px; } #user-info .form1 .form-control,#user-info .form1 #profilesummary .form-control { min-width:auto; } #user-info .details .form1 .form-group.select { width:80px; } #user-info .form1 .max-letter { display:none; } #user-info.edit-user-info { margin-right:0px; } .user-detail-sections .tags a { font-size:12px; padding:5px 10px; margin:0px 3px 8px 0px; } .user-detail-sections .box1,.edit-mode { padding:10px; } #not-submitted-yet p,#not-submitted-yet .button2 { font-size:16px;} #team-header { text-align:center;} #team-header .members { float:none; padding-top:15px;} .members .member.single, #team-header .members .member { width:auto; margin:0 auto 10px; width:300px; text-align:left;} #team-header .team-info { margin:0 auto 5px; width:300px;} #team-header .team-info .textbox { width:195px;} #team-header .team-info .textbox .form-control { width:178px; font-size:14px;} #team-header .team-info .btn-xs { left:196px; font-size:12px;} #competitive-teams .box-default { padding:15px;} .list5 li { margin-bottom:15px; clear:both; width:100%; overflow:hidden;} .list5 li:last-child { margin-bottom:0;} #search-form { float:left; width:100%;} #search-form input[type="text"] { width:88%;} #search-form.search-by-categories input[type="text"] { width:86%;} .no-padding .table7 tr th { padding:10px 15px;} .table7 tr th { font-size:14px;} .no-padding .table7 tr td { padding:0 15px 10px;} .no-padding .table7 tbody tr:first-child td { padding-top:10px;} .table7 tr td.user-info, .table7 tr td.skill-info { float:left; width:180px;} .table7 tr th.skill-info {opacity:0;} .table7 tr td.actions .button2 { font-size:14px; min-width:85px;} #user-status { padding-left:10px;} #join-team .btn { font-size:13px; padding:6px 8px; min-width:92px;} .table7 tr td.actions { width:auto;} .table7 tr td.actions .btn-xs, .table7 tr td.actions .request-sent.btn-xs { margin:3px auto; width:78px; display:block; min-width:15px;} .bootstrap-switch.bootstrap-switch-wrapper { margin-left:0; margin-top:10px; display:block;} /*--- User Confirmation --- */ #user-confirmation { padding:0 10px;} #user-confirmation .center-box { padding:20px 10px;} #banner .btn-lg { margin:5px 0;} #banner.open-contest .main-sponsors.banner-right-sponsors .sponsor-section.powered-by .logo-holder{ width:100%;} .shedule-list li .fa.online { top:0;} .company-landing-page #banner.open-contest .main-sponsors { bottom:0;} .company-landing-page #banner.open-contest .main-sponsors .sponsor-section { width:100%;} .sub-navigation > ul > li a, .sub-navigation > ul > li a.btn { font-size:12px; padding:10px 9px;} .widget3 .details.badges-details footer a.right { float:left;} .table8 tr th.name-field { text-align:center; } #prize-recognition-popup .modal-dialog { width:100%; margin:30px 0px 0px 0px; } #prize-recognition-popup .price-category-list li { text-align:center; } #prize-recognition-popup .price-category-list { padding:0px 10px; } #prize-recognition-popup .price-category-list li span.label { white-space:normal; } #prize-recognition-popup ul { margin-bottom:20px; } .round-levels .block .actions { float:none; padding-top:15px;} #coding-content-area .inner-coding-area { margin-bottom:20px;} .visible-md #best-submission { padding-top:0;} #search-filter { padding:0 10px;} #search-filter .form-elements > li { width:50%; margin-bottom:5px;} #search-filter .form-elements > li.submit-field { width:100%;} #search-filter .form-elements .button1 { margin:0 auto; width:115px; display:block;} .toprankers-head { margin-bottom:100px;} #banner .main-sponsors .sponsor-section { margin:0;} #geek-user-articles .page-head .text-left, #geek-user-articles .page-head .text-right { text-align:center;} #geek-user-articles .page-head .button1{ margin-top:15px;} .dashboard-page .tabs2 .nav-tabs > li > a { font-size:13px;} .table20 tr td { float:left; width:100%; text-align:center;} .table20 .sections { width:100%;} .table20 .sections .section { width:33.333%;} .table20 .sections .section:first-child { border:0;} .table20 tr td { padding:15px;} .table20 .sections .section:last-child { width:100%; clear:both; margin:0; border:0; padding:0; min-height:12px;} #search-filter {left:0; bottom:-55px;} #search-filter .form-elements > li.submit-field { width:auto;} #search-filter .form-elements { width:300px;} #search-filter .form-elements > li { width:185px;} .table20 .sections .section { margin-left:0; padding:5px; margin-bottom:15px; min-height:50px;} .dividing-section1 .heading .date-stamp { display:block; margin-left:0; margin-right:15px; line-height:24px;} .page-head.semifinale-head { top:45px; } #semifinal-nav ul li.active a { font-size:14px; padding:5px; } #finale-theme-round { padding-top:190px; } #lead-form { padding-top:40px;} #lead-highlights h4 { margin-bottom:16px;} #lead-tracks .box-default { min-height:15px; margin-bottom:24px;} #lead-tracks { padding-bottom:16px;} .lead-section h1 { font-size:28px;} .lead-section h2,.lead-section .box-default h2 { font-size:18px; } #lead-highlights h4 span { font-size:24px; } #cg-prize-list .box-default2 .inner-box { padding:8px; } .toprankers-head.first-round-result .view-semifinale-guidelines { position:relative; right:auto; display:block; } .guidelines-landing .inner-box { margin-bottom:16px; } #cg-highlights-block .invitation-download-btn { float:none; margin-top:0px; margin-left:20px; margin-right:20px; display:block; } #finale-champions #awards-prizes .prizes-table .prize { font-size:12px; } #finale-champions .top-companies-list li { width:100%; margin-bottom:10px; } #finale-champions #awards-prizes #top-companies .theme-winners { overflow-x:auto; } }