/* ========================================================================== 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: 1.4; overflow-x:hidden; background:#f2f2f2; word-break:break-word;} 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:normal; color:#19171a; text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:16px; } h1.secondry, h2.secondry, h3.secondry, h4.secondry, h5.secondry, h6.secondry,.secondry{color:#4a4548;} h1.nomargin, h2.nomargin, h3.nomargin, h4.nomargin, h5.nomargin, h6.nomargin{margin-bottom:0;} h1 { font-size:40px; line-height:48px;} h2 { font-size:24px; line-height:32px;} h3 { font-size:18px; font-weight:600; line-height:24px;} h4 { font-size:18px; line-height:24px;} h4.less-margin { margin-bottom:8px;} h5 { font-size:14px; line-height:20px; color:#19171A; font-weight:600; } h6 { font-size:16px; line-height:22px; } .engage-box1 p.primary,p { font-size:14px; color:#4A4548; line-height:20px; margin-bottom:16px;} p a { color:#d7263d;} p a:hover, p a:focus { color:#d7263d;} label.nobold{font-weight:normal;} /*--- Backgrounds --- */ .color1 { background:#25aed2 !important; color:#fff !important;} .color2 { background:#f1ce0d !important; color:#fff !important;} .color3 { background:#26e489 !important; color:#fff !important;} .color4 { background:#ec1a5f !important; color:#fff !important;} .color5 { background:#0b6f75 !important; color:#fff !important;} .color6 { background:#ff9600 !important; color:#fff !important;} .color7 { background:#4ae100 !important; color:#fff !important;} .color8 { background:#1a8de0 !important; color:#fff !important;} .color9 { background:#9966cc !important; color:#fff !important;} .color10 { background:#ff6600 !important; color:#fff !important;} .color11 { background:#cccc33 !important; color:#fff !important;} .color12{ background:#999999 !important; color:#fff !important;} .color13{ background:#e87e23 !important; color:#fff !important;} .color14{ background:#27aae1 !important; color:#fff !important;} .color15{ background:#df2d3c !important; color:#fff !important;} .color16{ background:#6982ef !important; color:#fff !important;} .color17{ background:#95a5a5 !important; color:#fff !important;} .color18{ background:#e2878f !important; color:#fff !important;} /* * 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; } .colorfff{color:#fff;} /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #c2c2c2; margin:16px 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; } textarea.form-control{border-radius: 3px; border: solid 1px #dadada;box-shadow: 0 0 0 transparent; padding:12px;} /* * Iframe */ iframe[name="google_conversion_frame"]{ display:none;} /* * Pre */ pre { font-size:14px; color:#4a4548; line-height:20px; font-family:'Fira Mono', Arial, Helvetica, sans-serif; font-weight:normal; border-radius: 3px; background-color: #f7f7f7; padding:16px; border:1px solid #dadada; white-space:pre-wrap; margin-bottom:16px;} pre.show-response{font-family:Arial, Helvetica, sans-serif;} /* ========================================================================== Helper classes ========================================================================== */ /* * Floats */ .left { float: left; } .right { float: right; } /* * Image Alignment */ img.alignleft { float:left; margin:0 10px 10px 0; display: inline;} img.alignright { float:right; margin:0 0px 10px 10px; display: inline;} img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats */ /* * More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/ */ .clearfix:after { content: ""; display: table; clear: both; } /* * overflow method for clearing floats */ .floatbox { overflow:hidden; } /* * older method of adding empty tags for clearing */ .clear { clear: both; height:1px; line-height:1px; } /* * Chromeframe */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* * Other */ /* * Fonts & Icons */ .selected {background-color:#DADADA;} body > iframe {position:absolute;} ._icon {width: 18px; height: 18px; margin-right: 8px; display: inline-block; background-image: url(images/tg_images_new/sprites.svg); background-repeat: no-repeat; vertical-align: text-bottom;} .success-icon{background-position:-259px -343px;} ._icon.copy_icon {background-position: -160px -311px;} .error-icon{background-position: -331px -343px;} .warning-icon{background-position: -283px -438px; margin-right:0;} ._icon_lock{background:url('images/tg_images_new/icon-lock.svg');} ._info {background-position: -352px -342px;} [data-share_url]{cursor: pointer;} @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-italic-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/lato-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Fira Mono'; src: url('techgig_resource/cand/fonts/FiraMono-Regular.eot'); src: url('techgig_resource/cand/fonts/FiraMono-Regular.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/FiraMono-Regular.woff') format('woff'), url('techgig_resource/cand/fonts/FiraMono-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ========================================================================== Layout ========================================================================== */ .selected {background-color:#DADADA;} body > iframe {position:absolute;} /* Container ---------------------- */ #container-wrap {min-width:320px; left:0; position:relative; padding-top:56px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} #page-overlay { height:100%; width:100%; position:fixed; z-index:101; left:0; top:0; background-color: rgba(0, 0, 0, 0.9); display:none; cursor:pointer;} .activeMenu #page-overlay { display:block;} /* Header ---------------------- */ #header { position:absolute; left:0; top:0; width:100%; background:#ffffff; z-index:1001; height:56px; padding:12px 0; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12);} #header.notransition {-webkit-transition-property: none !important;-moz-transition-property: none !important;-o-transition-property: none !important;transition-property: none !important; top:0 !important;} #header .container { position:relative;} /* Main-navigation ---------------------- */ #main-navigation { float:left; position:relative; margin:0;} /* Content ---------------------- */ #content .container { padding:40px 10px 0; position:relative;} #content .inner-content { position:relative; background:#fff; padding:40px 16px 16px; border-radius:0 0 6px 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);} #content .section-footer { padding:24px 0 0;} #content .section-footer p { margin-bottom:0; float:left; color:#8a858d; line-height:32px;} #content .section-footer .pagination { float:right;} /*--- Simple Page --- */ .simple-page #content .container { padding-top:0;} .sample-page #content .container { padding-top:0;} .sample-page #content .left-panel { padding-top:24px;} /*--- Panel --- */ .col-sm-7.left-panel { padding-right:12px; } .col-sm-5.right-panel { padding-left:12px;} .append-question-detail-ajax .right-panel,#coding-content-area .right-panel{z-index:6;} /*--- Content --- */ #content .container.top-extra-space { padding-top:84px;} /* Footer ---------------------- */ #footer { background:#2d1846; padding:40px 0 0;} /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- Header --- */ #header .logo { float:left; margin-right:21px; position:relative; width:74px; padding-top:7px; font-size:0px;} #header .login-signup-links { float:right; line-height:32px; color:#4a4548; margin:0; } #header .login-signup-links a { color:#4a4548; display:inline-block; margin-left:14px;} #header .login-signup-links a:first-child { margin-left:0;} #header .login-signup-links .user-icon { width:20px; height:20px; line-height:20px;} #header .login-signup-links .user-icon svg {vertical-align:top;} #header .user-area { float:right; width:65px; padding-top:4px; position:relative;} #header .user-area .avatar-pic { margin-left:16px; float:right; margin-left:16px; display:block;} #header .user-area .avatar-pic img { width:24px; height:24px; border-radius:15px;} #header .user-area .notification-icon { background:rgba(255,255,255,0.15); text-align:center; width:24px; height:24px; border-radius:15px; display:block; line-height:24px; position:relative;} #header .user-area .notification-icon svg { vertical-align:middle;} #header .user-area .notification-icon svg g { fill:#c2c2c2;} #header .user-area .notification-icon .number { display:block; width:6px; height:6px; border-radius:5px; background:#d7263d; position:absolute; left:13px; top:3px;} #header .user-area .user-actions { position:relative;} #header .user-area .user-actions:hover .user-dropdown { display:block;} #header .user-dropdown { width:164px; margin:0; list-style:none; display:none; background:#fff; padding:15px 10px; top:40px; border:1px solid #dadada; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); position:absolute; right:-8px; border-radius:6px;} #header .user-dropdown:before { width:16px; height:10px; content:""; display:block; right:10px; top:-10px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;} #header .user-dropdown:after { width:100%; height:16px; content:""; z-index:5; display:block; left:0; top:-17px; position:absolute;} #header .user-dropdown li { float:none; position:static; font-size:14px; color:#424242;} #header .user-dropdown li a { padding:0 8px; display:block; position:relative; line-height:32px; color:#8a858d;} #header .user-dropdown li:hover a, #header .user-dropdown li.active a { color:#8a858d;} #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:#ffffff; opacity: 0.6;} #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-dropdown .progress { margin:5px 0 10px; height:5px; background:#dadada;} #header .progress .progress-bar { background-color: #8a858d;} /*--- Notification List --- */ #header .user-notifications { float:right;} #header .user-notifications #notification-lists { display:none; position:absolute; background:#fff;} #header .user-notifications:hover #notification-lists { display:block;} #header .user-notifications #notification-lists:before { display:block; content:""; position:absolute; top:-20px; left:0; width:100%; height:20px;} #header .user-notifications #notification-lists { margin:0; padding:0; list-style:none;} #notification-lists { border:1px solid #dadada; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); width:350px; left:auto; right:33px; top:44px; border-radius:6px; padding:0;} #notification-lists header:before { width:16px; height:10px; content:""; display:block; right:10px; top:-10px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;} #notification-lists header:after { width:100%; height:16px; content:""; display:block; left:0; top:-17px; position:absolute;} #notification-lists header { padding:10px; text-align:center; position:relative;} #notification-lists header h5 { margin:0;} #notification-lists header h5 .number { color:#fff; font-size:12px; font-weight:normal; display:inline-block; height:22px; line-height:22px; min-width:22px; padding:0 2px; border-radius:50%; background:#d7263d; margin-left:5px; vertical-align:middle;} #notification-lists ul { margin:0; padding:0; list-style:none;} #notification-lists h6 { background:#dadada; padding:3px 10px; margin-bottom:0; font-size:12px; font-weight:normal;} #notification-lists h6 .fa { margin-right:5px;} #notification-lists h6 .see-all { float:right;} #notification-lists ul li { border-bottom:1px solid #dadada; padding:5px 10px;} #notification-lists ul li:last-child { border-bottom:0;} #notification-lists ul li p { margin-bottom:3px; color:#8c8c8c; font-size:11px; line-height:16px;} #notification-lists ul li p a {color:#424242; font-size:12px;} #notification-lists .followers-notifications ul li {margin-bottom:0px;} #header .user-area .notification-icon:hover .dropdown-menu { display:block !important; } /*--- Main Banner --- */ .main-banner { background-color:#2d1846;/* background-image:url(images/tg_images_new/top-banner-bg.svg);*/ background-position:right top; background-repeat:no-repeat; padding:40px 0 40px; position:relative; z-index:1; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; } .media.badge-group{padding-top: 5px; margin-top: -5px;} .badge-img{width:85px;margin-top: -5px; height:80px;} .main-banner .main-content .banner-right-content h2.badge-type{color:#feb95f;} .main-banner .container { position:relative; z-index:2;} .main-banner .banner-bg { display:none;} .main-banner h1 { color:#fff; font-weight:300; margin-bottom:4px;} .main-banner h2 { color:#feb95f; margin-bottom:8px; line-height:32px;} .main-banner h2.white-txt { color:#fff; margin-bottom:0; line-height:32px; font-weight:normal;} .main-banner h2.white-txt small { color:#dadada; font-size:18px; display:block; margin-bottom:4px;} .main-banner .green-txt { color:#5ffea4;} .main-banner .main-content p {color:#dadada; line-height:20px; margin:0;} .main-banner .main-content p.head{color:#fff; line-height:20px; margin-bottom:8px; margin-top:-25px;} .main-banner .main-content p.metadata { padding-top:4px; color:#8a858d; line-height:16px; font-size:12px;} .main-banner .main-content p.metadata .divider { margin:0 5px;} .main-banner .main-content p strong { color:#fff;} .main-banner .main-content p a { color:#dadada; text-decoration:underline;} .main-banner .main-content p a.lnkfff,.main-banner .main-content p a.lnkfff:hover{ text-decoration:none; color:#fff;} .main-banner .main-content p a:hover { color:#d7263d;} .main-banner .main-content .col-sm-7 p strong { font-weight:600;} .main-banner .rating-area { padding-top:24px; position:relative;} .main-banner .rating-area h5 {color:#fff; margin-bottom:4px;} .main-banner .rating-area .rating1 p { float:left;} .main-banner .rating-area .rating1 p a { text-decoration:none;} .main-banner .rating-area .rating1 ul { margin:3px 8px 0;} .main-banner .rating-area .rating1 p .icon { display:inline-block; width:16px; height:16px; background:url("images/tg_images_new/sprites.svg") -48px -184px no-repeat; margin-right:2px; vertical-align:text-bottom;} .main-banner .company-logo-holder { background:#ffffff; border-radius:6px; padding:16px; float:right; text-align:center; } .main-banner .company-logo-holder img { max-width:120px; max-height:60px;} /*-- User Feedback Form */ #user-feedback-form { width:568px; max-width:100%; top:75px; left:69px; border-radius:6px; border: solid 1px #dadada;} #user-feedback-form .close { position:relative; right:5px;} #user-feedback-form .popover-content { padding:24px;} #user-feedback-form.popover.bottom > .arrow { left:51px;} #user-feedback-form li > label { color:#8a858d; margin-bottom:0;} #user-feedback-form .rating1 ul { margin-left:0; margin-top:2px; margin-right:11px;} #user-feedback-form .rating1 ul li { margin-bottom:0;} #user-feedback-form .rating1 p { color:#4a4548;} /*--- Search Form --- */ #search-form { position:relative;} #search-form .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-form .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-form input[type='text'] { border:0; float:left; width:100%; height:54px; padding:0; font-size:18px; line-height:22px; color:#4a4548;} #search-form input[type='submit'],#search-form 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-form.active { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);} #search-form.active .inner { border-radius:6px 6px 0 0;} #search-form-content { position:absolute; display:none; top:57px; 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-form-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-form-content ul { margin:0 0 10px; padding:0; list-style:none;} #search-form-content ul li { margin:0;} #search-form-content ul li a { font-size:14px; text-decoration:none; display:block; line-height:20px; color:#4a4548; padding:6px 6px 6px 56px;} #search-form-content ul li a span { color:#8a858d; margin-left:12px;} #search-form-content ul li a:hover,#search-form-content ul li.active a { text-decoration:none; background-color:#f2f2f2;} #search-form .no-content { padding:24px; text-align:center;} #search-form .no-content svg { margin-bottom:16px;} #search-form .no-content p { margin:0; color:#8a858d;} /*--- Content Block --- */ .content-block:last-child, .content-block-extra:last-child, .content-block-normal:last-child, .content-block-sm:last-child { margin-bottom:0;} .content-block { margin-bottom:20px;} .content-block-normal { margin-bottom:32px;} .content-block-extra.last-row-space:last-child,.content-block-extra { margin-bottom:36px;} .content-block-sm { margin-bottom:8px;} /*--- Sponsor Block --- */ .sponsor-block { text-decoration:none; } .widget.sponsor-block:first-child { padding-top:48px;} .widget.ad + .widget.ad > .sponsor-block:first-child {padding-top: 0;} .sponsor-block:hover h3 { color:#d7263d;} .sponsor-block a { text-decoration:none; } .sponsor-block .button2 { min-width:120px; } .sponsor-block .inner{ padding:16px 4px 4px 4px; } .sponsor-block footer{ padding:0px 4px 4px 4px; } .sponsor-block .sponsor-banner { height:100px; background-repeat:no-repeat; background-size:cover; margin:-12px -12px 0px -12px; padding:29px 8px 7px 16px; position:relative; border-radius:6px 6px 0px 0px; } .sponsor-block .sponsor-banner:after { content:""; height:100px; position:absolute; left:0px; top:0px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); background-repeat:no-repeat; width:100%; } .sponsor-block .sponsor-banner p { color:#fff; font-size:18px; line-height:24px; position:absolute; z-index:1; margin-top:14px; margin-bottom:0px; max-height:48px; overflow:hidden; font-weight:600; width:70%; bottom:0px; } .sponsor-block .sponsor-banner figure { position:relative; z-index:10; } .sponsor-block h3 { margin-bottom:4px; } .sponsor-block .sponsored { display:inline-block; color:#c2c2c2; font-size:14px; line-height:20px; float:right; margin-left:16px; margin-top:12px; } .sponsor-block p,.sponsor-block .content-wrapper p:last-child { margin-bottom:12px; } .sponsor-block p { color:#8a858d; } /*--- Widget --- */ .widget { margin-bottom:40px;} .widget:last-child { margin-bottom:0;} .widget ul { margin:0; padding:0; list-style:none;} .widget li { font-size:14px; line-height:20px;/* margin-bottom:16px;*/ color:#19171a;} .widget li > a { text-decoration:none; display:block;} .widget li a {color:#19171a;} .widget li:last-child { margin-bottom:0;} .widget li figure,.widget.sponsor-block figure { width: 64px; height: 64px; text-align:center; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; float:right; margin-left:16px; line-height:58px; background-size:100% 100%; background-repeat:no-repeat;} .widget li figure.left{float: left; margin-left: 0; margin-right: 16px;} .widget li figure.left + h6,.widget li figure.left + h4{margin-bottom:8px;} .widget li.webinar-list figure img { max-width:62px; max-height:62px; border-radius:2px;} .widget li figure img,.widget.sponsor-block figure img { vertical-align:middle; max-width:56px; max-height:56px;} .widget li figure.logo-frame img { max-width:56px !important; max-height:56px !important;} .widget li figure svg { vertical-align:middle;} .widget li h5 { margin-bottom:8px;} .widget li p { color:#8a858d; margin-bottom:4px;} p.skill-change .success-msg,p.skill-change .error-msg {display: inline-block; margin-left: 8px; font-size: 14px;} .widget li p:last-child { margin-bottom:0;} .widget li p strong {font-weight:600; margin-left:2px;} .widget li .live { font-size:14px; line-height:16px; color:#d7263d; font-weight:600; display:block; margin-bottom:8px;} .widget li .live .dot { display:inline-block; vertical-align:middle; width: 8px; height: 8px; background-color: #d7263d; border-radius:6px; margin-right:8px; position:relative; top:-1px;} .widget li:hover h5 { color:#d7263d;} .widget .widget-heading { padding-right:80px; position:relative; text-transform:capitalize; } .widget div.font12 + .widget-heading{margin-top:8px;} .widget .widget-heading .see-all { font-weight: 600; line-height: 16px; font-size:14px; position:absolute; right:0; bottom:4px;} .widget:first-child .widget-heading { margin-bottom:16px; padding-top:6px;} .widget.news-for-you li figure { border:0;} .widget.news-for-you li figure img {border-radius: 3px;} .widget.for-webinar:first-child .widget-heading { padding-top:0px; margin-bottom:8px; } .widget.for-webinar .widget-heading { padding-right:0px; margin-bottom:8px; } .widget.for-webinar .box-default1 { margin-bottom:16px; } .widget.for-webinar .series-count { font-size:12px; color:#4a4548; margin-bottom:24px;} .widget.for-webinar .series-count .count-icon { width: 18px; height: 18px; margin-right: 4px; display: inline-block; background-image: url(images/tg_images_new/sprites.svg); background-repeat: -no-repeat; vertical-align: text-bottom; background-position:-55px -407px; } .widget.for-webinar .engage-box2:hover h5 { color:#d7263d; } .widget.new-widget .button2 { min-width:120px; margin-top:4px; } .widget.new-widget > p { color:#8a858d; margin-bottom:8px; } .widget.new-widget h4 { margin-bottom:8px;} .widget.less-padding { margin-bottom:16px;} /*========== TO remove -----------------*/ #related-links .widget-heading {border-bottom: solid 1px #c2c2c2; padding-bottom:4px;} #related-links.widget li { margin-bottom:12px; font-weight:600;} /*##############*/ /*#related-links.widget li {margin-bottom:16px;}*/ /*========== TO remove -----------------*/ #related-links.widget li:last-child { margin-bottom:0;} .practice-widget figure svg path{fill:#3C91E6;} .practice-series-page .widget:first-child .widget-heading { margin-bottom:16px; padding-top:0;} /*--- Widget1 --- */ .widget1 { margin-bottom:24px;} .widget1 .sociable2 p { margin-bottom:0; text-align:center;} /*--- Boot box --- */ .bootbox .bootbox-close-button { height:0; padding-top:16px; overflow:hidden;} .bootbox .modal-footer .btn-primary { background:#2f94d7; 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.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; 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;} /*--- Global Search Form --- */ #global-search-form { float:right; background:#f2f2f2; position:relative; margin-right:24px; border-radius:3px; height:32px; width:296px;} #global-search-form .category-lists { position:relative; float:left;} #global-search-form .category-lists .dropdown-menu { background:#fff; padding:8px 0; border:0; border-radius:0; width:178px; margin:0; border-radius:6px; border:1px solid #dadada; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); top:44px;} #global-search-form .category-lists .dropdown-menu:before { width:16px; height:10px; content:""; display:block; left:8px; top:-10px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;} #global-search-form .category-lists .dropdown-menu li a { padding:8px 10px 8px 0; font-size:14px; color:#8a858d; padding:5px 11px;} #global-search-form .category-lists .dropdown-menu li a:hover { background:none; color:#d7263d;} #global-search-form .category-menu { display:block; width:36px; height:32px; text-align:center; position:relative; background:url(images/tg_images_new/global-search-icon.svg) 10px 9px no-repeat;} #global-search-form input[type='text'] { border:0; outline:none; border-radius:0; box-shadow:none; font-size:14px; padding:0; height:31px; color:#8a858d; width:100%; background:none; line-height:20px;} #global-search-form .textbox { position:relative; display:block; float:left; width:260px;} #global-search-form .remove { font-size:12px; display:none; color:#8c8c8c; position:absolute; right:8px; top:7px;} #global-search-form button[type='submit'] { border:0; border-radius:0; box-shadow:none; float:right; background:#2f94d7; height:36px; width:42px; margin:-1px 0; position:relative; font-size:14px; color:#fff; text-align:center;} /*--- Global Search Form For Landing --- .landing-page #global-search-form {background:url(images/tg_images_new/global-search-icon.svg) 5px 5px no-repeat; width:24px;}*/ /*--- Search Result Lists --- */ #search-result-lists { box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); width:615px; max-height:530px; overflow:auto; border:0; left:auto; right:0; top:58px; border-radius:0; padding:0; display:none; border:1px solid #dadada; position:absolute; background:#fff; top:35px;} #search-result-lists > h6 { background:#f4f4f4; padding:3px 10px 3px 20px; margin-bottom:15px; font-size:12px; font-weight:normal;} #search-result-lists > h6 .fa { margin-right:5px;} #search-result-lists > h6 .dismiss { float:right; font-size:11px; color:#424242; background:#dadada; padding:1px 4px; border-radius:2px;} #search-result-lists .result-block { padding:0 20px;} #search-result-lists .result-head { margin-bottom:10px;} #user_suggestions { left:30px; right:auto; top:94px; max-height:350px; } #user_suggestions .result-block { padding-top:20px; padding-bottom:20px; } #search-result-lists,#user_suggestions { box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); width:615px; max-height:530px; overflow:auto; border:0; left:auto; right:0; top:58px; border-radius:0; padding:0; display:none; border:1px solid #dadada; position:absolute; background:#fff; top:33px;} #search-result-lists > h6,#user_suggestions > h6 { background:#f4f4f4; padding:3px 10px 3px 20px; margin-bottom:15px; font-size:12px; font-weight:normal;} #search-result-lists > h6 .fa,#user_suggestions > h6 .fa { margin-right:5px;} #search-result-lists > h6 .dismiss,#user_suggestions > h6 .dismiss { float:right; font-size:11px; color:#424242; background:#dadada; padding:1px 4px; border-radius:2px;} #search-result-lists .result-block,#user_suggestions .result-block { padding:0 20px;} #search-result-lists .result-head,#user_suggestions .result-head { margin-bottom:10px;} /*--- Search Result Lists --- */ #user_suggestions { left:30px; right:auto; top:94px; max-height:350px; } #user_suggestions .result-block { padding-top:20px; padding-bottom:20px; } /*--- Main-navigation --- */ #main-navigation ul { margin:0; padding:0; list-style:none;} #main-navigation ul > li { float:left; position:relative;} #main-navigation ul li .icon { width:8px; height:4px; background:url(images/tg_images_new/sprites.svg) -208px -190px no-repeat; margin-left:4px; display:inline-block; vertical-align:middle; position:relative; top:-2px;} #main-navigation ul li:hover .icon { background-position:-184px -190px;} #main-navigation ul li a { display:block; padding:0 12px; z-index:5; line-height:31px; font-size:14px; color:#4a4548; border-radius:3px; position:relative;} #main-navigation > ul > li:hover > a, #main-navigation > ul > li.active:hover > a { background:#f2f2f2; color:#d7263d;} #main-navigation ul li.parent:hover > a:before { width:16px; height:10px; content:""; display:block; left:50%; margin-left:-8px; top:35px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;} #main-navigation ul li ul.child { display:none; background:#fff; padding:24px 24px 16px; left:-16px; top:44px; position:absolute; border-radius:6px; border:1px solid #dadada; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);} #main-navigation ul li ul.child:before { width:100%; height:13px; content:""; display:block; left:0; top:-14px; position:absolute;} #main-navigation ul li:hover > ul.child { display:block;} #main-navigation ul li ul.child li { margin-bottom:12px; float:none;} #main-navigation ul li ul.child li a {line-height:20px; color:#8a858d; padding:0; white-space:nowrap;} #main-navigation ul li ul.child li.skilltest-icon-new a{background:url(images/tg_images_new/trending.svg); background-repeat: no-repeat; display: inline; padding-right: 17px; background-position: right;} #main-navigation ul li ul.child li a:hover { color:#d7263d;} #main-navigation ul li ul.child li.half { float:left; padding-right:11px;} #main-navigation ul li ul.child li.half:nth-child(2n){ padding-left:11px;} #main-navigation ul li.compete-items ul.child { width:272px;} #main-navigation ul li.compete-items ul.child li.half { width:111px;} #main-navigation ul li.news-items ul.child { width:238px;} #main-navigation ul li.news-items ul.child li.half { width:87px;} #main-navigation .menu-btn {width:24px; height:24px; background:none; border:0; color:#424242; display:block; text-align:center; top:0px; position:absolute; left:10px; padding:6px 3px;} #main-navigation .menu-btn svg path.menu-lines {fill:#19171a;} /*--- User Status --- */ #user-status-mob { background:url(images/tg_images/user-status-bg.gif) left top no-repeat; background-size:100% 100%; padding:16px; padding-bottom:1px;} #user-status-mob .image { float:left;} #user-status-mob .image img { width:50px; height:50px; border-radius:50%;} #user-status-mob .image a { padding:0;} #user-status-mob .details { margin-left:60px;} #user-status-mob .details h6 { color:#fff; font-weight:normal; margin-bottom:1px;} #user-status-mob .details h6 a { color:#fff; padding:0;} #user-status-mob .details p { color:#fff; font-size:12px; margin-bottom:3px;} #user-status-mob .progress { background:#fff; width:150px; position:relative; overflow:visible;} #user-status-mob .progress, #user-status-mob .progress .progress-bar { height:6px; border-radius:0;} #user-status-mob .progress .value { font-weight:500; font-size:12px; position:absolute; left:157px; top:-5px; color:#fff; width:26px;} /*--- Content Box1 --- */ .contest-box1 { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px; padding:18px 20px 5px; position:relative;} .contest-box1 .contest-content { height:57px;} .contest-box1 h6 { margin-bottom:5px;} .contest-box1 h6 a {color:#424242;} .contest-box1 p { font-size:12px; color:#8c8c8c; margin-bottom:0;} .contest-box1 p .fa { width:18px;} .contest-box1 p .divider { display:inline-block; margin:0 8px;} .contest-box1 footer { padding:5px 10px 0; border-top:1px solid #2f94d7; position:relative; margin:0 -20px;} .contest-box1 footer .view-area { float:right; font-weight:bold; font-size:12px;} .contest-box1 footer .view-area .btn { border-radius:0; font-weight:500; text-transform:uppercase;} .contest-box1 footer .view-area .btn:hover, .contest-box1 footer .view-area .btn:focus, .contest-box1 footer .view-area .btn:active { box-shadow:none; text-decoration:none; color:#2f94d7;} /*--- Engage Box --- */ .engage-box { background:#fff; min-height:205px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:16px; border-radius:6px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .engage-box .same-space,.engage-leaderboard{height:auto;} .engage-box > a { text-decoration:none;} .engage-box:last-child { margin-bottom:0;} .engage-box header { padding:13px 10px 2px 16px; height:84px; border-radius:5px 5px 0 0; position:relative;} .engage-box .same-space{padding-right:16px;} .engage-box header svg { position:absolute; bottom:0; left:16px;} .engage-box header .icon { float:right; display:block; width:104px; height:72px; line-height:72px; text-align:center;} .engage-box header .icon img { vertical-align:bottom;} .engage-box h3 { padding-top:7px; margin-bottom:0; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .engage-box .content { padding:16px 15px;} .engage-box .content p { margin-bottom:16px;} .engage-box.engage-challenges header svg g { stroke:#26d974;} .engage-box.engage-skilltests header svg g { stroke:#fb8629;} .engage-box.engage-webinars header svg g { stroke:#5c5cc6;} .engage-box.engage-community header svg g { stroke:#eac435;} .engage-box.engage-practice header svg g { stroke:#3c91e6;} .engage-box:hover h3 { color:#d7263d;} /*--- Engage1 Box --- */ .engage-box1 { background:#fff; padding:16px; margin-bottom:16px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px;} .engage-box1.border-radius3{border-radius:6px;} .engage-box1 > a { text-decoration:none;} .engage-box1 .inner-engage { min-height:96px;} .widget .engage-box1:last-child { margin-bottom:0;} .engage-box1 figure { width: 64px; height: 64px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; float:right; margin-left:16px; margin-bottom:16px; text-align:center; line-height:61px;} .engage-box1 figure svg {vertical-align:middle;} .engage-box1 figure img { max-width:56px; max-height:56px;} .engage-box1 h3 { margin-bottom:8px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .engage-box1 p { color:#8a858d; margin-bottom:4px;} .engage-box1 p strong {font-weight:600;} .engage-box1 .btn { margin-top:16px; clear:both;} .engage-box1 .live { font-size:14px; line-height:16px; color:#d7263d; font-weight:600; display:block; margin-bottom:8px;} .engage-box1 .live .dot { display:inline-block; vertical-align:middle; width: 8px; height: 8px; background-color: #d7263d; border-radius:6px; margin-right:8px; position:relative; top:-1px;} .col-md-6:last-child .engage-box1 {margin-bottom:4px;} .engage-box1 .practice-row .btn {margin-top: 0;} .widget li a.underline, .underline, .underline:hover {color: #4a4548; text-decoration: underline; font-weight: normal; text-underline-offset: 2px; text-decoration-thickness: 1px;} /*********** Gig Block ********************/ .badge-group .badge-img{height: 60px;} .badge-block .badge-img{margin:auto; height:85px; width:58px;} .badge-block .badge-img.text-left{margin: unset;} .badge-img .badge-card {transform: scale(0.4); margin: 0; transform-origin: left top;} .gig-block{background:#f7f7f7; padding:16px; margin-top:16px;} .giglist{margin:0; padding:0;} .widget .giglist li.gig-claimed, .giglist li.gig-claimed{color:#8a858d; text-decoration: line-through;} .widget .giglist li,.giglist li{color:#4a4548; list-style-type:none; padding-left:20px; padding-right:70px;} .widget .giglist li > i.radio-chk,.giglist li > i.radio-chk{margin-left:-24px;} .widget .giglist li > .gigpoint,.giglist li > .gigpoint{margin-right:-70px;} .widget .giglist li + li,.giglist li + li{margin-top:8px;} .widget:first-child .whereleft .widget-heading{margin-bottom:8px;padding-top: 8px;} .gigpoint{color:#8a858d; float:right;} .engage-box1:hover h3 { color:#d7263d;} .engage-box1.webinar-engage-box h3{ margin-bottom:4px;} .engage-box1.webinar-engage-box .author { margin-bottom:8px; color:#4a4548;} .engage-box1.webinar-engage-box figure { border:0;} .engage-box1.webinar-engage-box figure img { max-width:63px; max-height:63px; border-radius:3px;} .engage-box1.news-engage-box figure { border:0; margin-bottom:0; background-position:center center; background-repeat:no-repeat; background-size:cover;} .engage-box1.news-engage-box h5 { margin-bottom:0; color:#19171a; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .engage-box1.news-engage-box:hover h5 { color:#d7263d;} .skilltest-widget .engage-box1 figure svg path { fill:#ff6b35;} .engage-box2 { background:#fff; padding:12px; margin-bottom:16px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px;} .engage-box2 > a { text-decoration:none;} .widget .engage-box2:last-child { margin-bottom:0;} .engage-box2 figure { float:right; width:100px; height:56px; margin-left:16px; margin-bottom:16px; } .engage-box2 h5 { margin-bottom:8px; } .engage-box2 p { color:#8a858d; } .engage-box2 figure img { width:99px; max-height:55px; } .engage-box2 footer p { margin:0px; } .engage-box2 footer p .block { margin-right:12px; font-size:12px; color:#8a858d; } .engage-box2 footer p .block:last-child { margin-right:0px; } .engage-box2 footer .icon { width:18px; height:18px; margin-right:4px; display:inline-block; background-image:url(images/tg_images_new/sprites.svg); background-repeat:-no-repeat; vertical-align:text-bottom; } .engage-box2 footer .icon.view-icon { background-position:-118px -309px; } .engage-box2 footer .icon.time-icon { background-position:-169px -407px; } .engage-box2 footer .icon.calender-icon { background-position:-112px -407px; } .engage-box2 footer .icon.user-icon { background-position:-196px -407px; } .engage-box2 footer .icon.like-icon-small { background-position:-226px -407px; } .engage-box2 footer .icon.count-icon { background-position:-55px -407px; } /*--- See All --- */ p.see-all { margin-bottom:0; font-weight:600; line-height:16px;} /*--- Skilltest Box --- */ .skilltest-box { background:#fff; position:relative; margin-bottom:20px; border-radius:3px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18);} .skilltest-box > a { text-decoration:none; display:block; height:96px; padding:16px;} .skilltest-box .image { float:right; width:64px; height:64px; text-align:center; line-height:61px; border:1px solid #dadada; border-radius:3px;} .skilltest-box .image img { height:62px; width:62px; vertical-align:middle;} .skilltest-box .details { margin-right:90px;} .skilltest-box h3 { margin-bottom:6px; max-height:44px; overflow:hidden;} .skilltest-box:hover h3 {color:#d7263d;} .skilltest-box p { margin-bottom:0; color:#8a858d;} .skilltest-box p strong { font-weight:normal; color:#4A4548; text-decoration: underline;} .skilltest-box p span { font-weight:600;} .skilltest-box p.see-all { position:absolute; bottom:15px;} #popular-skills .view-all-block { padding-top:0;} /*--- Skilltest Box1 --- */ .skilltest-box1 { padding:16px; background-color: #ffffff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-bottom:1px solid #e0e0e0; position:relative; } .skilltest-box1:first-child { border-top-left-radius:6px; border-top-right-radius:6px; } .skilltest-box1:last-child { border-bottom-left-radius:6px; border-bottom-right-radius:6px; margin-bottom:16px; border-bottom:0; } /*========== TO remove After live -----------------*/ .skilltest-box1 p { margin:0;color:#8a858d;} .skilltest-box1 p strong { font-weight:600; color:#4A4548; font-weight:normal;} .skilltest-box1 p span.block { display:block; float:left; margin-right:24px; min-width:130px; } .skilltest-box1 p span.block:last-child { margin-right:0;} .skilltest-box1 .leaderboard-icon { float:right; display:block;} .skilltest-box1 .leaderboard-icon:hover .leaderboard-fill { fill:#7a7f8a;} .skilltest-box1 .details { float:left; width:575px;} .skilltest-box1 .button1 { min-width:120px; float:right;} .skilltest-box1 .common-msg { width:200px; position:absolute; text-align:right; right:16px; bottom:0px; padding:0px; line-height:13px; height:40px; color:#d7263d; } #analytics-tab-content.posrel > .content-block{-webkit-filter: blur(5px); filter: blur(5px);} /*========== TO remove -----------------*/ /**** New Design change ********/ .skilltest-nw-box .participant{text-align:right; color:#8a858d;} .skilltest-nw-box .participant > strong{font-weight:600;} .skilltest-nw-box .font12 + h4{margin-top:4px;} .skilltest-nw-box h4{margin-bottom:8px;} .topperrow{border-top: dashed 1px #dadada; padding-top:16px;} .skilltest-nw-box .topperrow{text-align:right; margin-top:8px;} .leadersection{position:relative; display:inline;} .leadersection .leader-details{position:absolute; bottom:32px; right:-160px; padding:16px; background:#fff; width:380px; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);text-align: left; z-index:1000; display:none;} .leadersection .footersociable{width: 128px; right: -20px; padding:8px; bottom: auto; top: 28px;} .leadersection:hover .leader-details{display:block;} .leadersection .leader-details .profilepic{width:40px; height:40px; border-radius:50%; overflow:hidden; display:block;} .leader-details:after {content: ""; position: absolute; width: 20px; height: 20px; border-bottom: solid 1px #dadada; border-right: solid 1px #dadada; background: #fff; transform: rotate(45deg); bottom: -10px; left: 50%; margin-left: -10px; border-radius: 2px;} .footersociable:after{border-color:transparent; bottom:auto; top: -6px; width:13px; height:13px; left:33px;} .leader-details h5{margin-bottom:8px;} .engage-box1 .leader-details h5 ~ p,.engage-box .leader-details h5 ~ p{margin-bottom:8px;} .rankingtip{background: #fff4e6; color: #4a4548; margin: -16px; padding: 16px; margin-bottom: 16px; border-top-left-radius: 6px; border-top-right-radius: 6px;} .rankingstrip {margin-left:-23px; margin-bottom: 16px;} .rankingstrip:after {content: ""; position: absolute; bottom: -8px; width: 0; height: 0; border: solid 4px transparent; border-top-color: #9b9bed; border-right-color: #9b9bed;} .rankingstrip span{display:inline-block; background:#6565c7; font-size:12px; padding:2px 20px; color:#fff; position:relative; line-height: 18px;} .rankingstrip span:after, .rankingstrip span:before {content: ""; display: block; position: absolute; top: 0px; right: -16px; width: 22px; height: 22px; z-index: 1; border-radius: 5px; background: #6565c7;} .rankingstrip span:after {width: 0; top: -2px; right: -19px; border: solid 14px transparent; border-right: solid 14px white; border-top: solid 12px white; height: 0; background: none; border-radius: 0;} /*--- News Box --- */ .news-box { padding:16px; background-color: #ffffff; border: solid 1px #dadada; margin-bottom:-1px; position:relative;} .news-box:hover h3 { color:#d7263d;} .news-box:hover h3 a { color:#d7263d;} .news-box:first-child { border-top-left-radius:6px; border-top-right-radius:6px; } .news-box:last-child { border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-bottom: solid 1px #dadada; } .news-box .banner { background-color:#f2f2f2; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; border-radius:3px; float:right; width:160px; height:120px;} .news-box .banner a { display:block; width:100%; height:100%; top:0; left:0; position:absolute;} .news-box p { font-size:12px; line-height:16px; color:#8a858d; margin:0;} .news-box p img { max-width:100px; max-height:20px;} .news-box p span.divider { margin:0 2px; display:inline-block;} .news-box.large .banner { margin-bottom:16px; height:292px; float:none; width:auto;} .news-box .inner-wrap { margin-right:176px; position:relative; padding-top:26px;} .news-box .inner-wrap > a { text-decoration:none;} .news-box h2,.news-box h3 { margin-bottom:6px;} .news-box h2 { color:#4a4548;} .news-box h3 { color:#19171a;} .news-box h3 a { color:#19171a;} .news-box .news-category { line-height:20px; font-weight:600; font-size:14px; display:inline-block; color:#88498f; position:absolute; left:0; top:0;} .news-box .news-category svg { margin-right:1px;} .news-box > a { text-decoration:none;} .news-box.next-story { border-radius:6px;} .news-box.next-story a:active { text-decoration:none;} .news-box.next-story h6 { line-height:20px; color:#8a858d; margin-bottom:8px;} .news-box.next-story .inner-wrap { padding-top:0; margin-right:122px;} .news-box.next-story .banner { width:106px; height:82px;} /*--- News Widget1 --- */ .news-widget1 { float:left; border-radius:6px; background-color:#48698d; padding:16px; width:288px; margin-right:16px; margin-bottom:16px; } .news-widget1 > a:active, .news-widget1 > a:focus { text-decoration:none;} .news-widget1 h3 { color:#fff; margin-bottom:8px; } .news-widget1 h6.trending-title { color:#fd805b; font-size:12px; line-height:16px; vertical-align:middle; margin-bottom:4px; } .news-widget1 h6.trending-title .icon { background:url(images/tg_images_new/sprites.svg) -216px -240px no-repeat; display:inline-block; vertical-align:text-bottom; width:16px; height:16px;} .news-widget1 p { margin-bottom:4px; color:#dadada; } .news-widget1 p .count { color:#fff; } .news-widget1 figure { width: 64px; height: 64px; text-align: center; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; float: right; margin-left: 16px; line-height: 59px; background-size: 100% 100%; background-repeat: no-repeat; } .news-widget1 figure img { max-height:56px; max-width:56px; } .news-widget1 .button1 { margin-top:12px; min-width:160px; } .news-widget1 a:hover .button1 { color:#fff; background:#ae2d43; outline:none;} .news-widget1.prize-challenge { float:right; margin:0px 0px 16px 16px; background-image:url(images/tg_images_new/news-widget1-bg.svg); background-repeat:no-repeat; background-position:right bottom; } .news-widget1.prize-challenge h2 { margin-bottom:6px; color:#fff; font-weight:900; font-size:32px; line-height:1; } .news-widget1.prize-challenge h4 { margin-bottom:4px; color:#fff; } .news-widget1.prize-challenge .button1 { margin-top:20px; } /*--- News Widget2 --- */ .news-widget2 { border-radius:6px; background-color:#ffffff; border:solid 1px #dadada; width:288px; margin-bottom:16px; float:right; margin-left:16px; } .news-widget2 header { padding:16px; border-bottom:1px solid #dadada; } .news-widget2 header h3 { margin-bottom:4px; font-weight:bold; } .news-widget2 header p { margin:0px; } .news-widget2 figure { width:48px; height:48px; text-align:center; border-radius:3px; background-color:#ffffff; border:solid 1px #dadada; float:left; line-height:43px;} .news-widget2 figure img { max-width:40px; max-height:40px; } .news-widget2 .content { padding:16px; border-bottom:1px solid #dadada; padding-right:0px; padding-bottom:0; } .news-widget2 .content ul { margin:0px; padding:0px; list-style-type:none; } .news-widget2 .content ul li { padding-left:0px; margin-bottom:16px; } .news-widget2 .content ul li a, .news-widget2 .content ul li a:hover, .news-widget2 .content ul li a:active, .news-widget2 .content ul li a:focus { text-decoration:none;} .news-widget2 .content ul li .details { margin-left:64px; padding-bottom:16px; border-bottom:1px solid #dadada; padding-right:16px;} .news-widget2 .content ul li:last-child .details{ border-bottom:none; padding-bottom:0px; } .news-widget2 .content ul li .details h5 { margin-bottom:4px; color:#d7263d;} .news-widget2 .content ul li .details p { color:#8a858d; margin:0px; } .news-widget2 .content ul li .details p .count { color:#4a4548; margin:0px; } .news-widget2 footer p { margin:0px; color:#d7263d; font-weight:600; line-height:16px; } .news-widget2 footer a { text-decoration:none; padding:16px; text-align:center; display:block;} .news-widget2 .action-lnk { margin-left:0; color:#d7263d;} .news-widget2.trending-skill { margin-right:16px; float:left; margin-left:0px; } .news-widget2.trending-skill header h3 { margin:0px 0px 0px 64px; line-height:22px; font-weight:600; } .news-widget2.trending-skill header figure { border:none; } .news-widget2.trending-skill .content ul li .details p { color:#8a858d; margin-bottom:8px; } .news-widget2.trending-skill .content ul li p:last-child { margin-bottom:0px; font-weight:600; } .news-widget2.trending-skill .content { border-bottom:none; } .news-widget2.trending-skill .content ul li .details h5 { color:#19171A;} .news-widget2.trending-skill .content ul li:hover .details h5 { color:#d7263d;} /*--- Company Box --- */ .company-box { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px; padding:10px;} .company-box .banner { background-color:#122028; background-position:left top; background-repeat:no-repeat; background-size:cover; height:120px; position:relative;} .company-box .comapny-logo { float:left; border:1px solid #dadada; width:70px; height:70px; line-height:66px;} .company-box .comapny-logo img { max-width:68px; max-height:68px; vertical-align:middle;} .company-box .details { margin-left:80px;} .company-box .followers-area { float:right; width:100px; margin-left:10px; text-align:center;} .company-box .followers-area p { margin-bottom:4px;} .company-box .followers-area .btn { margin-top:0;} .company-box .followers-area .btn span { display:inline-block; margin-right:2px; font-size:14px; line-height:16px;} .company-box p { color:#8c8c8c; font-size:12px; margin-bottom:0;} .company-box p a { color:#8c8c8c;} .company-box h4 { margin-bottom:3px; max-height:41px; overflow:hidden;} .company-box h4 a { color:#424242;} .company-box .stats { border-top:1px solid #dadada; margin-top:20px; padding:10px 0 0;} .company-box .stats p { float:left; margin:0;} .company-box .stats .view-detail { float:right; font-size:12px; text-transform:uppercase; line-height:21px;} .company-box .stats p a { margin-right:15px; line-height:19px;} .company-box .stats p a .fa { margin-right:2px;} /* .company-box .stats { border-top:1px solid #dadada; padding-top:7px; margin-top:20px;} .company-box .stats table { width:100%;} .company-box .stats table tr td a { display: block; padding:0px 5px; position: relative;} .company-box .stats table tr td { font-size: 12px; border-right:1px solid #dadada; line-height:15px; text-align: center;} .company-box .stats table tr td:last-child { border:0;} .company-box .stats table tr td strong { display: block; font-size:14px; color: #424242; margin-bottom:2px;} */ /*--- Winner Box --- */ .winner-box { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px; padding:15px 10px 5px; position:relative;} .winner-box .winner-content { min-height:210px;} .winner-box h5 { margin-bottom:10px;} .winner-box h5 a {color:#424242;} .winner-box h6 { text-transform:uppercase; font-weight:normal; padding-bottom:3px; border-bottom:1px solid #dadada;} .winner-box p { font-size:12px; color:#8c8c8c;} .winner-box p .fa { width:18px;} .winner-box p .divider { display:inline-block; margin:0 8px;} .winner-box .winners-list { text-align:center;} .winner-box .winners-list img { width:42px; height:42px; margin-bottom:5px; border-radius:50%;} .winner-box .winners-list p { margin-bottom:15px; white-space:nowrap;} .winner-box .winners-list p a { color:#424242;} .winner-box .winners-list .regular-winner { display:none;} .winner-box footer { padding:5px 10px 0; border-top:1px solid #2f94d7; position:relative; margin:0 -10px;} .winner-box footer p { margin-bottom:0; float:left;} .winner-box footer .view-area { float:right; font-weight:bold; font-size:12px;} .winner-box footer .view-area .btn { border-radius:0; font-weight:normal; text-transform:uppercase;} .winner-box footer .view-area .btn:hover, .winner-box footer .view-area .btn:focus, .winner-box footer .view-area .btn:active { box-shadow:none; text-decoration:none; color:#2f94d7;} /*--- Event Box --- */ .event-box { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px; text-align:center; border:1px solid #dadada; max-width:305px;} .event-box .banner { height:110px; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat;} .event-box .banner img { display:none;} .event-box .event-content { padding:10px;} .event-box h3:after { height:1px; display:block; background:#3bb8cf; width:90px; margin:12px auto; content:"";} .event-box p { font-size:12px; font-weight:300; line-height:18px;} .event-box p strong { font-weight:500;} .event-box.small .banner { height:80px;} .event-box.small h6 { position:relative; margin-top:-15px; margin-bottom:5px;} .event-box.small h6 span { background:#3498db; display:inline-block; padding:5px 10px; color:#fff; font-weight:normal;} .event-box.small p { line-height:18px; color:#8c8c8c; margin-bottom:10px;} .event-box.small .countdown { min-height:48px;} .event-box.small .event-content { padding-top:0;} /*--- Skills-list --- */ .skills-list { margin-bottom:15px;} .skills-list span { margin:0 7px 9px 0; font-size:12px; color:#424242; font-weight:300; padding:4px 12px; border-radius:15px; display:inline-block; border:1px solid #dadada;} /*--- Popover --- */ .popover { border:0; border-radius:2px; font-family:'lato', Arial, Helvetica, sans-serif;} .popover.top > .arrow {border-top-color:rgba(0, 0, 0, 0.02);} .popover.right > .arrow {border-right-color:rgba(0, 0, 0, 0.02);} /*--- Hidden-txt --- */ .hidden-txt { display:none;} /*--- Share-my-result --- */ #share-my-result .form-control { margin-bottom:16px;} #share-my-result .button2 { float:right; min-width:272px;} #share-my-result p { color:#8a858d; margin-bottom:16px;} #share-my-result .count { float:right; display:block; font-size:14px; color:#4a4548; line-height:20px; padding-top:20px;} #share-my-result #twitter-share-tab .form-control { margin-bottom:8px;} #share-my-result #twitter-share-tab .button2 { min-width:120px;} /*--- 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 .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; 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:#6577c2;} .social-btn.google { background:#ca4736;} .social-btn.linkedin { background:#11709c;} .social-btn.github { background:#0d2636;} .social-btn.mail { background:#0d7e8f;} .social-btn.twitter { background:#2daae2;} .social-btn.facebook:hover { background:#5365b1;} .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; } /*--- Footer Related Links --- */ #footer-related-links { padding:32px 0;} #footer-related-links p { font-size:12px; line-height:18px; color:#8a858d; margin-bottom:8px;} #footer-related-links p a { color:#8a858d;} #footer-related-links p a:hover { color:#4A4548;} /*--- Footer --- */ #footer h4 {margin-bottom:8px; color:#fff;} #footer p { font-size:12px; color:#8a858d; line-height:12px; margin-bottom:0;} #footer .tg-footer-logo { margin-bottom:14px;} #footer .inner-footer { border-top: solid 1px rgba(255, 255, 255, 0.15); padding:13px 0; margin-top:40px;} #footer .footer-error-msg { font-size:12px; line-height:20px; margin:0; color:#dadada; position:relative; margin-bottom:-15px; bottom:-12px;} #footer .footer-sociable { margin-bottom:24px;} #footer .footer-sociable a,.footersociable a { width: 32px; display:flex; height: 32px; border-radius: 3px; float:left; margin-right:16px; background-color: rgba(255, 255, 255, 0.15); text-align:center; line-height:31px;} #footer .footer-sociable a svg,.footersociable a svg{ vertical-align:middle;} #footer .footer-sociable a:hover svg path,.footersociable a:hover svg path { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} #footer .footer-sociable a:hover svg path,.footersociable a:hover svg path { fill:#d7263d;} #footer .footer-sociable a:last-child,.footersociable a:last-child { margin:0;} #footer .nav-links { margin:0; padding:0; list-style:none;} #footer .col-sm-4 .nav-links { margin-bottom:20px; padding-left:8px;} #footer .nav-links li { margin-bottom:4px;} #footer .nav-links li a, #footer .footer-more-links ul li a{color:#8a858d; line-height:16px; font-size:12px; } #footer .nav-links li a:hover {color:#d7263d;} #footer .nav-links h5{color:#fff;} /*--- Newsletter Form --- */ #newsletter-form {height: 40px; border-radius: 3px;background-color: rgba(255, 255, 255, 0.15); padding:4px;} #newsletter-form h6 { margin-bottom:3px;} #newsletter-form form { padding-left:10px; border-radius:3px;} #newsletter-form input[type="text"] { float:left; background:none; padding:5px 10px 5px 0; border:0; box-shadow:none; font-size:14px; font-weight:normal; color:#8a858d; height:32px; outline:none;} #newsletter-form input[type="button"] { height:32px; width:88px; float:right; font-size:12px; line-height:16px;} /*--- Newsletter Form1 --- */ #newsletter-form1 {height: 40px; border-radius: 3px;background-color: rgba(255, 255, 255, 0.15);} #newsletter-form1 form { padding-left:16px; border-radius:3px;} #newsletter-form1 input[type="text"] { width:248px; float:left; background:none; padding:5px 10px 5px 0; border:0; box-shadow:none; height:40px; outline:none;} #newsletter-form1 input[type="button"] { height:40px; width:100px; float:right; border-radius:0 3px 3px 0; line-height:20px;} /*--- Page More Info --- */ #page-more-info { padding:40px 0 20px;} #page-more-info h4 { margin-bottom:16px;} #page-more-info p, #page-more-info .post, #page-more-info .post li {font-size: 12px; line-height:18px; color: #8a858d; padding:0;} #page-more-info .post ul { margin:0; padding:0 0 0 12px;} /*--- Common Msg --- */ .common-msg { font-size:12px; padding-top:3px; display:block; color: #4a4548; position: relative; line-height:16px;} /*--- B-lazy --- */ .b-lazy { opacity:0; transition: all 500ms;} .b-loaded, .b-error { opacity:1;} /*--- Sociable1 --- */ .sociable1 a { width:32px; text-align:center; height:32px; display:inline-block; line-height:31px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:20px; color:#fff; margin:0 5px;} .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;} /*--- Sociable2 --- */ .sociable2 a { width: 32px; display:inline-block; height: 32px; border-radius: 3px; margin-left:8px; background-color:#f2f2f2; text-align:center; line-height:31px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .sociable2 a.facebook { margin-left:5px;} .sociable2 a svg { vertical-align:middle;} .sociable2 a svg path { fill:#8a858d; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .sociable2 a:hover svg path { fill:#d7263d;} /*--- .sociable2 .facebook:hover { background:#3b5998; } .sociable2 .twitter:hover { background:#1ab2e8; } .sociable2 .linkedin:hover { background:#0077b5; } .sociable2 .google-plus:hover { background:#dc4a38; }*/ /*--- Sociable3 --- */ .sociable3 p { margin:0px; } .sociable3 p span { display:block; margin-bottom:8px; } .sociable3 p span.link-copied { padding-top:8px; color:#feb95f; font-style:italic; font-weight:600; margin:0px; } .sociable3 a { width: 32px; display:inline-block; height: 32px; border-radius: 3px; margin-left:5px; text-align:center; line-height:26px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; background:#f2f2f2;} .sociable3 a.facebook { margin-left:0px; } .sociable3 a svg { vertical-align:middle;} .sociable3 a svg path { fill:#8a858d; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} .sociable3 a:hover svg path,.sociable3 a.active svg path,.sociable3 a:focus svg path { fill:#d7263d; } /*--- .sociable3 a:hover,.sociable3 a.active,.sociable3 a:active,.sociable3 a:focus { background:#d7263d; border-color:#d7263d;} --- */ /*--- Alert --- */ .alert-icon{margin-right:14px; margin-top: -3px;} .alert a { font-size:12px; font-weight:normal;} .alert-warning {color:#de8927; border-color:#ffc28b; background-color:#ffecd3;} .alert-danger,.color-danger {/*color:#d54343;*/color:#f54b5e;} .alert-info,.color-warning { color:#feb95f;} .alert-success,.color-success {color:#26d974;} .label.up{background:#7ed321; color:#fff; padding: 3px; text-align: center; padding-top:10px; position:relative;} .label.up:after {content: ""; position: absolute; border: solid 4px transparent; border-bottom-color: #fff; border-top: none; left: 50%; margin-left: -3px;} .label.down{background-color:#d54343;} .label.down:after{border-top: solid 4px #fff; border-bottom: none;} /*--- Rating1 --- */ .rating1 > ul {list-style: none;float: left;padding: 0;margin: 0; } .rating1 > ul > li {float: left; margin-left: 2px; background:url(images/tg_images_new/sprites.svg) -145px -80px no-repeat;width: 14px;height: 0; padding-top:16px;overflow:hidden;cursor: pointer;} .rating1 > ul > li:first-child { margin-left: 0; } .rating1 > ul > li.hover,.rating1 > ul > li:hover,.rating1 > ul > li.active {background-position:-121px -80px;} .rating1 > span.less { display:none;} .practice-ratting #click-to-rate{margin-left:20px;} .engage-box1.practice-ratting p{margin-bottom:8px;} /*--- Event Promo Widget --- */ #event-promo-widget { position:relative;} #event-promo-widget > a { display:block; text-decoration:none;} #event-promo-widget > a:hover, #event-promo-widget > a:active { text-decoration:none;} #event-promo-widget header { position:absolute; width:204px; background:#fff; border-radius:0 0 6px 6px; z-index:1; top:0; left:50%; margin-left:-102px; height:56px; padding:8px;} #event-promo-widget header .presents { display:block; padding-top:3px; float:left; width:72px; text-align:center; font-size:10px; line-height:18px; text-transform:uppercase; color:#8a858d; font-weight:bold;} #event-promo-widget header .presents img { width:72px;} #event-promo-widget header .cg-logo { width:109px; float:right;} #event-promo-widget .content-wrapper { padding:16px;} #event-promo-widget .content-wrapper .button1 { margin-bottom:16px;} #event-promo-widget .sponsored-by {color:#c2c2c2; margin-bottom:0;} #event-promo-widget .sponsored-by img { width:60px; margin:8px 4px 0 0;} /*--- My Status Block --- */ .my-status-block { color:#8a858d; position:relative; margin-top:-8px;} .my-status-block .action-lnk { margin-left:0; margin-right:24px;} .my-status-block span { margin-right:20px; color:#4a4548;} .widget .section-filter { position:relative; margin-top:-8px;} .widget .section-filter p .radio-input.radio-inline { margin-left:0; margin-right:24px;} /*--- Modal --- */ .modal .modal-header { border-bottom:0; padding-bottom:5px;} .modal .modal-header p { margin-bottom:0;} .modal .modal-footer { padding:16px; border:0;} .modal-sm { width:336px;} .modal .modal-footer .btn { min-width:120px; margin-left:14px;} .modal .modal-footer .btn:first-child { margin-left:0;} .modal button.close,.close_icon { width:16px; height:16px; outline:none; position:relative; z-index:10; background:url(images/tg_images_new/sprites.svg) -8px -152px no-repeat; opacity:1; margin-top:0;} .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-color: rgba(0, 0, 0, 0.9);} .modal-backdrop.in {opacity:1;} .modal .modal-body { padding:16px;} .modal .modal-body p { margin-bottom:8px;} .modal .tooltip{font-size:12px;line-height:18px;}.modal .tooltip-inner{ background:#e5e5e5; min-width:210px; color:#424242;}.modal .tooltip.top .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.top-left .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.top-right .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.right .tooltip-arrow{border-right-color:#e5e5e5}.modal .tooltip.left .tooltip-arrow{border-left-color:#e5e5e5}.modal .tooltip.bottom .tooltip-arrow{border-bottom-color:#e5e5e5}.modal .tooltip.bottom-left .tooltip-arrow{border-bottom-color:#e5e5e5}.modal .tooltip.bottom-right .tooltip-arrow{border-bottom-color:#e5e5e5;} .modal .tooltip.right .tooltip-inner { text-align:left;} .modal .scroll .mCSB_inside > .mCSB_container { padding-right:16px; margin:0;} /*---Form1 --- */ .form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;} .form1 ul li { margin-bottom:24px;} .form1 ul li:last-child { margin-bottom:0;} .form1 .required {color:#ff0000;} .form1 .form-control { border-radius:3px; font-size:14px; box-shadow:none; line-height:20px; color:#4a4548;} .form1 .form-control, .form1 input[type="text"], .form1 input[type="password"] { height:36px; border:1px solid #dadada; box-shadow:none;} .form1 input[type="submit"], .form1 button[type="submit"] { font-weight:900;} .form1 li input[type="submit"], .form1 li button[type="submit"], .default-submit-btn, .form1 .default-submit-btn {min-width:120px;} .form1 input[type="email"] { text-transform:lowercase; } .form1 input[type="email"]::placeholder { text-transform:none; } .form1 .forgot-password { float:right; font-size:13px;} .form1 .error_msg { color: #f54b5e; display:block; font-size:12px; position: relative; line-height:18px; margin-top:4px; } .form1 .info_msg {color: #4a4548; display:block; font-size:12px; position: relative; line-height:16px; padding-top:4px;} .form1 textarea.form-control { resize:none; height:64px; border:1px solid #dadada !important; padding:11px 12px;} .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 {color:#4a4548; display:block; font-weight:normal; } .form1 label.btn{display:inline-block; color:#d7263d;} .form1 label.tnc {color:#8a858d;} .form1 label.left-label { margin-bottom:0; padding-top:8px;} .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:14px; color:#4a4548; margin:0; cursor:pointer; } .form1 .radio-input:hover label { color:#19171a; } .form1 .radio-input label a { color:#eb494f;} .form1 .radio-input input[type=radio]:checked + label:before { background:url(images/tg_images_new/sprites.svg) -272px -215px 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_new/sprites.svg) -272px -215px no-repeat; } .form1 .radio-input input[type=radio]:checked + label:before {background:url(images/tg_images_new/sprites.svg) -248px -215px no-repeat; } .form1 .checkbox-input { position:relative; display:inline-block; padding-left:24px; } .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:16px; text-transform:capitalize;} .form1 .checkbox-input.checkbox-block label { font-weight:normal;} .form1 .checkbox-input label {margin:0; line-height:19px;cursor:pointer; } .form1 .checkbox-input:hover label { color:#19171a; } .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_new/sprites.svg) -24px -80px no-repeat; } .form1 .checkbox-input:hover label:before,.form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/tg_images_new/sprites.svg) 0px -80px no-repeat; } a.select{text-align: left; vertical-align: middle; line-height: 33px; background: #fff; color: #c2c2c2; border-radius: 3px; border-color: #dadada; padding-left: 10px;} .form1 .select select { width:100%; border:0; font-family:'lato', Arial, Helvetica, sans-serif; background: #fff; padding:0 35px 0 5px; height:34px; 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;} .form-horizontal .control-label { padding-top:8px;} .form-horizontal .control-label.two-lines { padding-top:0;} .form1 .varification-field .reg-captcha { float:left;} .form1 .varification-field .form-control { width:100px; text-align:center; height:39px; padding-left:10px !important; float:left; margin-right:6px;} .modal .form1 .varification-field .form-control { width:90px;} .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;} .form1 ul li.has-tooltip { position:relative;} .form-tooltip { position:absolute; width:300px; background:#fff; right:-345px; padding-left:32px; z-index:100; display:none; top:0;} .form-tooltip h3, .form-tooltip h5 { margin-bottom:4px;} .form-tooltip ul {list-style:outside !important; padding-left:24px !important;} .form-tooltip ul li { margin-bottom:8px !important;} .form-tooltip p { margin-bottom:8px;} .form-tooltip:before { width:16px; height:28px; background:url("images/tg_images_new/sprites.svg") -159px -339px no-repeat; display:block; position:absolute; left:-17px; top:5px; content:"";} .form-page .form1 .col-sm-9 .radio-input.radio-inline { padding-right:0;} .form1 .characters-limit, .form1 textarea.characters-limit { padding-right:60px;} /*--- Breadcrumbs --- */ #breadcrumbs.colored { background:rgb(45, 24, 70);} #breadcrumbs { padding:16px 0;} #breadcrumbs p { color:#8a858d; line-height:16px; margin-bottom:0;} #breadcrumbs p .divider { width:7px; height:8px; background:url(images/tg_images_new/sprites.svg) -13px -52px no-repeat; vertical-align:middle; margin:0 7px; display:inline-block;} /*--- Post --- */ .post { color:#4a4548; font-size:14px; line-height:20px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;} .inner-post { padding-left:14px;} .post .post-header h1 { color:#19171a; line-height:40px; font-size:32px; font-weight:normal; margin-bottom:8px;} .post .post-header p { color:#8a858d; line-height:20px; font-size:14px; margin-bottom:24px;} .post .post-header p.metadata .divider { margin:0 5px;} .post .post-header p strong { color:#fff;} .post .post-header p a { color:#8a858d; text-decoration:underline;} .post .post-header p a:hover { color:#d7263d;} .post .post-footer { padding-top:24px; margin-bottom:24px;} .post .post-footer p { line-height:32px; margin:0;} .post .post-header .sociable2, .post .post-footer .sociable2 { float:right;} .post .post-footer p img, .post .post-header p img { max-height:18px;} /*.post .post-footer p a { font-weight:600;}*/ .post .post-footer p a { color:#4a4548; text-decoration:underline;} .post .post-footer p a:hover { color:#19171A; text-decoration:underline;} .post ul, .post ol { padding-left:40px; margin-bottom:15px;} .post li { margin-bottom:10px; color:#4a4548; font-size:14px; line-height:20px; padding-left:10px; } .post .metadata { font-size:12px; color:#8c8c8c; display:block; margin-bottom:20px; line-height:18px;} /*--- Result Head --- */ .result-head { font-size:12px; border-left:3px solid #2f94d7; padding-left:10px;} /*--- Has-error --- */ .has-error .form-control, .has-error .form-control:focus, .has-error .select , .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single{border-color:#f65039 !important;} .has-error .form1 textarea.form-control {border-color:#f65039 !important;} /*--- nicEdit --- */ .nicEdit-panelContain { border:1px solid #ccc !important; background-color:#f8f8f8 !important; border-radius:6px 6px 0 0;} .nicEdit-panelContain .nicEdit-panel { margin:2px 2px 4px !important; padding:4px !important} .nicEdit-button { background-color:#f8f8f8 !important;} .nicEdit-button-undefined { border-color:#f8f8f8 !important;} /*--- Message --- */ /*--- Success --- */ .message-inner-content.success-msg { background:#e1fae6; border-color:#08d37a; top:25px;} .large-header .message-inner-content.success-msg { top:166px;} .hackathon-common-page .message-inner-content.success-msg { top:115px;} .message-inner-content.success-msg .msg-icon,._success-msg { background-position:2px -315px;} /*--- Error --- */ .message-inner-content.error-msg { background:#ffe6e6; border-color:#ee4266; top:106px;} .large-header .message-inner-content.error-msg { top:166px;} .hackathon-common-page .message-inner-content.error-msg { top:115px;} .message-inner-content.error-msg .msg-icon,._error-msg { background-position:-330px -341px;} .msg-warning {background-position: -46px -320px;} ._icon_star{background-position: -120px -80px;} /*--- Info --- */ .message-inner-content.info-msg, .message-inner-content.warning-msg { top:106px;} .large-header .message-inner-content.info-msg, .large-header .message-inner-content.warning-msg{ top:166px;} .hackathon-common-page .message-inner-content.info-msg, .hackathon-common-page .message-inner-content.warning-msg{ top:115px;} .message-inner-content.info-msg .msg-icon, .message-inner-content.warning-msg .msg-icon,._info-msg{ background-position:-45px -78px;} /*--- SignUp login ---*/ .signup-login-page .message-inner-content.success-msg, .signup-login-page .message-inner-content.error-msg,.signup-login-page .message-inner-content.warning-msg, .signup-login-page .message-inner-content.info-msg { top:50px;} /*--- Ie Alert --- */ .ie-alert { padding:16px; background:#EFE4FB; font-size:14px; text-align:center; color:#19171A; margin:0; position:fixed; left:0; top:56px; border-radius:0; z-index:1005; width:100%; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12);} .ie-alert .close { margin:-10px 20px 0 0; position:relative;} /*--- TechGigbootStrapModal --- */ #TechGigbootStrapModal { z-index:1053; } #TechGigbootStrapModal .modal-dialog { z-index:10008 !important; } /*----- Badges List ----*/ .badges-list { margin:0 0 8px 0; padding:0px; list-style-type:none;} .badges-list li i { margin-right:4px; } .badges-list li { float:left; margin-right:16px; font-size:14px; color:#19171a; font-weight:600; } /*--- Scroll --- */ .scroll { overflow:auto;} .scroll .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background:#dce0e0;} .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#999999;} .scroll .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar { background-color:#999999 !important;} .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background-color:#4990d1;} .scroll .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background:none;} .scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#8a858d;} .scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:#8a858d;} .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display:inline-block; text-align:right; margin:0; margin-right:1px;} .scroll .mCSB_inside > .mCSB_container { margin-right:16px;} .scroll .mCSB_scrollTools .mCSB_draggerContainer { text-align:right;} /*--- Pagination --- */ .pagination { display: inline-block; margin:0; font-family:'lato', Arial, Helvetica, sans-serif ; padding:4px; background-color: #ffffff; border: solid 1px #dadada; border-radius:3px;} .pagination > li { display:block; float:left;} .pagination > li > a, .pagination > li > span { font-size: 14px; font-family:'lato', Arial, Helvetica, sans-serif ; padding:0; font-weight: 600; line-height:23px; text-align: center; color: #19171a; border:0; min-width:24px; padding:0 4px; height:24px; border-radius:2px;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background:#d7263d;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:active, .pagination > li > span:active { color: #19171a;} .pagination > li { display:block; float:left;} .pagination > li > a.next-btn { width:36px; height:24px; background:url("images/tg_images_new/sprites.svg") -277px -44px no-repeat; border-left: solid 1px #dadada; margin-left:4px;} .pagination > li > a.previous-btn { width:36px; height:24px; background:url("images/tg_images_new/sprites.svg") -241px -44px no-repeat; border-right: solid 1px #dadada; margin-right:5px;} .pagination > li:first-child > a, .pagination > li:first-child > span {border-bottom-left-radius:2px; border-top-left-radius:2px;} /*--- Tooltip --- */ .tooltip{font-size:13px;line-height:18px; word-break: break-word; min-width:120px;} .tooltip.in{filter:alpha(opacity=100);opacity:1}.tooltip-inner{ background:#4a4548; padding:6px 18px;}.tooltip.top .tooltip-arrow{border-top-color:#4a4548}.tooltip.top-left .tooltip-arrow{border-top-color:#4a4548}.tooltip.top-right .tooltip-arrow{border-top-color:#4a4548}.tooltip.right .tooltip-arrow{border-right-color:#4a4548}.tooltip.left .tooltip-arrow{border-left-color:#4a4548}.tooltip.bottom .tooltip-arrow{border-bottom-color:#4a4548}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#4a4548}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#4a4548} .tooltip.top { margin-top:0;} .tooltip.top .tooltip-arrow { margin-left:-8px;border-width:8px 8px 0; bottom:0px;} .tooltip.right .tooltip-arrow { margin-top:-8px; border-width:8px 8px 8px 0; left:-3px;} /*--- Heading1 --- */ .heading1 a {font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; text-decoration:none; } /*--- View-all-block --- */ .view-all-block { padding-top:24px;} .view-all-block.no-padding { padding-top:0;} .view-all-block .button2 { max-width:288px; width:100%;} /*--- Placeholder --- */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:0.7 !important;} input:-moz-placeholder, textarea:-moz-placeholder { opacity:0.7 !important;} input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.7 !important;} input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:0.7 !important;} /*--- Custom Selectbox --- */ .custom-selectbox { position:relative; display:inline-block; vertical-align:top; margin:0;} .custom-selectbox .radio-input label { color:#8a858d; } .custom-selectbox .btn { width:134px; vertical-align:top; border-radius: 3px; position:relative; background-color: #ffffff; border: solid 1px #dadada; text-align:left; color:#4a4548; padding-right:32px; padding-left:8px; overflow:hidden;} .custom-selectbox .btn:focus, .custom-selectbox .btn:active, .custom-selectbox.open .btn { box-shadow:none; border:1px solid #fff; background:#fff;} .custom-selectbox .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:#fff url(images/tg_images_new/sprites.svg) -18px -176px no-repeat; width:31px; height:36px; content:"";} .custom-selectbox.open .btn:after { background-position:-190px -368px; } .custom-selectbox .custom-menu { left:auto; right:0; background:#fff; width:100%; top:34px; display:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); position:absolute; border-radius:0 0 3px 3px; padding:3px 0;} .custom-selectbox .custom-menu label { padding:7px 16px 7px 0;} .custom-selectbox .custom-menu li { margin-bottom:0;} /*.custom-selectbox .custom-menu li:hover label {color:#d7263d;}*/ .custom-selectbox .custom-menu .checkbox-input, .custom-selectbox .custom-menu .radio-input { padding-left:40px; margin-bottom:0;} .custom-selectbox .custom-menu .checkbox-input label:before { left:15px; top:10px;} .custom-selectbox .custom-menu .radio-input label:before { left:15px; top:8px;} .custom-selectbox.open .custom-menu { display:block;} .custom-selectbox.open .btn {color:#8a858d;} .custom-selectbox .btn { padding-left:11px;} .custom-selectbox .custom-menu { padding:0;} .custom-selectbox .custom-menu .checkbox-input, .custom-selectbox .custom-menu .radio-input { padding-left:0;} .custom-selectbox .custom-menu label:before {display:none;} .custom-selectbox .custom-menu label { padding:8px 11px; font-size:14px;} .custom-selectbox .custom-menu label:hover,.custom-selectbox .custom-menu .radio-input input[type=radio]:checked + label { background:#f2f2f2; color:#4a4548;} /*--- Submission Table --- */ .submission-table .header { margin-bottom:16px;} .submission-table .header h4 { float:left; margin-bottom:0; line-height:36px;} .submission-table .header p { float:right; margin-bottom:0;} .submission-table .header label { float:left; margin-right:8px; color:#4a4548; line-height:33px;} .submission-table .header .select{ float:left; width:152px;/* min-width:152px;*/} .submission-table .header .select select { color:#4a4548;} .submission-table .table1 tr.recent-submission-row td { background:#fff9e6; } .extra-small-view .submission-table .header p { float:left; width:100%;} /*--- 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 dd span.no-capitalize { text-transform:none;} /*--- Bootstrap Maxlength --- */ .bootstrap-maxlength { margin-top:-25px; text-indent:-70px; border-radius:0; background:none; font-size:14px; color:#c2c2c2; font-weight:normal; padding:0;} /*--- Leaderboard Info --- */ .leaderboard-info { clear:both;} .leaderboard-info p { color:#8c8c8c;} .leaderboard-info .description-list { float:right; margin-bottom:16px !important;} .leaderboard-info .description-list dt { margin-right:4px;} .leaderboard-info .description-list dd { margin-left:0 !important; margin-right:0 !important;} /*--- Tabs1 --- */ .tabs1 .nav-tabs { border-bottom:0; border-bottom:1px solid #c2c2c2; margin-bottom:20px;} .inner-content .tabs1 > .nav-tabs, .inner-content .tabs1 > .mobile-dropdown-view .nav-tabs { margin:0 -16px 24px;} .tabs1 .nav-tabs.pull-right { position:relative; margin-top:-48px;} .tabs1 .nav-tabs > li { margin-bottom:0; margin-bottom:-1px;} .tabs1 .nav-tabs > li > a { border-radius:0; border:0; font-size:14px; min-width:75px; line-height:16px; text-align:center; color:#8a858d; border:0; padding:8px 24px; border-bottom: /* solid 1px #c2c2c2 */0; margin:0;} .tabs1 .nav-tabs > li > a .icon { vertical-align:top; margin-right:5px;} .tabs1 .nav-tabs > li > a:hover { background:none;} .tabs1 .nav-tabs > li.active > a, .tabs1 .nav-tabs > li.active > a:hover, .tabs1 .nav-tabs > li.active > a:focus { color:#19171a; font-weight:600; border:0; background:none;/* border-bottom:1px solid #000013;*/} .tabs1 .nav > li > a:hover, .tabs1 .nav > li > a:focus { background:none;} .tabs1 .nav-tabs > li.active > a .icon path, .tabs1 .nav-tabs > li.active > a:hover .icon path, .tabs1 .nav-tabs > li.active > a:focus .icon path { fill:#19171a;} .small-view .tabs1 .nav-tabs > li { width:50%;} .small-view .tabs1 .nav-tabs > li a { padding:7px 8px 6px;} .small-view .tabs1 .nav-tabs .magic-line { display:none;} .small-view .tabs1 .nav-tabs > li.active > a, .small-view .tabs1 .nav-tabs > li.active > a:hover, .small-view .tabs1 .nav-tabs > li.active > a:focus { border-bottom:1px solid #000013;} .tabs1 .nav-tabs > li > a:hover { color:#4a4548;} .tabs1 .magic-line { position: absolute; bottom:-1px; left:0; width:100px; height:2px; background: #19171a;} .extra-small-view .tabs1 { position:relative;} .extra-small-view .tabs1 .nav-tabs { position:absolute; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); z-index:15; top:0px; background:#fff; display:none; border-radius:3px; width:100%;} .extra-small-view .tabs1 .nav-tabs > li { width:100%; margin-bottom:0;} .extra-small-view .tabs1 .nav-tabs > li a { padding:10px 13px; border:0; color:#8a858d; text-align:left; white-space:nowrap;} .extra-small-view .tabs1 .nav-tabs > li.active a:hover { background:#f7f7f7; border:0;} .extra-small-view .tabs1 .nav-tabs > li.active a, .extra-small-view .tabs1 .nav-tabs > li a:hover { background:#f7f7f7; border:0; font-weight:normal; color:#4a4548;} .extra-small-view .tabs1 .nav-tabs > li:first-child a { border-radius:2px 2px 0 0;} .extra-small-view .tabs1 .nav-tabs > li:last-child a { border-radius:0 0 2px 2px;} /*--- Tabs2 --- */ .tabs2 .nav-tabs { border-bottom:0; float:left; margin-bottom:24px;} .tabs2 .nav-tabs.right-align { float:right; margin-top:-5px;} .tabs2 .nav-tabs > li { margin:0;} .tabs2 .nav-tabs > li > a { border-radius:0; border: solid 1px #4a4548; font-size:14px; text-align:center; margin:0; color:#4a4548; padding:9px; line-height:14px; background:#fff; min-width:104px; border-right:0;} .tabs2 .nav-tabs > li:first-child > a { border-radius:3px 0 0 3px;} .tabs2 .nav-tabs > li:last-child > a { border-radius:0 3px 3px 0; border-right: solid 1px #4a4548;} .tabs2 .nav > li > a:hover, .tabs2 .nav > li > a:focus { background:#fff;} .tabs2 .nav-tabs > li.active > a, .tabs2 .nav-tabs > li.active > a:hover, .tabs2 .nav-tabs > li.active > a:focus { color:#fff; background-color: #4a4548; border: solid 1px #4a4548; font-weight:normal;} .tabs2 .tab-content { clear:both;} /*--- Profile Details --- */ #profile-details .box-default1 { border-radius:6px 6px 0 0; background:#f7f7f7;} #profile-details .box-default1 .content-wrapper { padding:24px 24px 16px;} #profile-details h3 small { margin-top:4px;} #profile-details h3 small a { font-size:14px; font-weight:600; } #profile-details dl.description-list { margin:0 -8px;} #profile-details dl.description-list dd { margin-left:0; float:left; width:225px; padding:0 8px; position:relative;} #profile-details dl.description-list.registration-edit-mode dd { margin-bottom:16px;} #profile-details dl.description-list .error_msg { position:absolute; left:8px; bottom:-15px;} #profile-details dl.description-list dt { width:135px; padding:0 8px; margin-right:0; } #profile-details .profile-edit li.token-input-input-token-facebook { margin-bottom:0px !important; } #profile-details .profile-edit ul.token-input-list-facebook li input { height:32px !important;} #profile-details .profile-edit li { margin-bottom:16px; } #profile-details .profile-edit li:last-child, #profile-details .profile-edit li:nth-last-child(2) { margin-bottom:8px;} #profile-details .profile-edit li label { line-height:35px; margin-bottom:0; white-space:nowrap;} #profile-details .profile-edit input[readonly]:focus { border:1px solid #dadada; } #profile-details .profile-edit .form-inline .form-group.enter-number .error_msg{ position:absolute; } #profile-details .profile-edit .form-inline .form-group.code { width:77px; float:left; } #profile-details .profile-edit .form-inline .form-group.code, #profile-details .profile-edit .form-inline .form-group.enter-number { margin:0;} #profile-details .profile-edit .form-inline .form-group.enter-number { width:auto; display:block; margin-left:85px;} #profile-details .profile-edit .form-inline .form-group.enter-number input { display:block; width:100%; } #profile-details .form1 label.left-label { padding-top:7px;} #profile-details .token-input-token-facebook input[type="text"] { margin-top:2px;} /*--- 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:600; 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;} /*--- Btn-file --- */ .btn-file .button4 { z-index:10; pointer-events:none; background:#f2f2f2; cursor:pointer; padding:9px 14px; position:absolute; left:0; top:0; color:#4a4548; border-color:#c2c2c2; text-transform:capitalize; font-size:14px;} .btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px; text-align: left; outline: none; cursor: inherit; display: block; background:none;} .btn-file { position: relative; display:block; height:37px; margin-top:0;} .btn-file .button2 { z-index:10; pointer-events:none; background:#fff; cursor:pointer; padding:9px 14px; position:absolute; left:0; top:0; } .left-panel .btn-file .button2 { background:#f2f2f2;} .left-panel .modal .btn-file .button2 { background:#ffffff;} .btn-file .button2:hover, .left-panel .btn-file .button2:hover, .left-panel .modal .button2:hover { background:#d7263d;} .btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px; text-align: left; outline: none; cursor: inherit; display: block; background:none;} @media screen and (-webkit-min-device-pixel-ratio:0) { .btn-file input[type=file] { text-indent:-50px; padding-top:7px; min-width:85px; left:1px;} } /*--- Btn-file1 --- */ .btn-file1 { position: relative; display:block; margin-top:5px; height:104px; border: 2px dashed #dadada; border-radius: 6px;} .btn-file1 .button4 { z-index:10; pointer-events:none; background:#fff; cursor:pointer; padding:9px 14px; width:100%; height:100%; position:absolute; left:0; top:0; color:#4a4548; border-color:#c2c2c2; text-transform:capitalize; font-size:14px; border:0;} .btn-file1:hover, .btn-file1:active, .btn-file1:focus {border: 2px dashed #d7263d;} .btn-file1 input[type=file] { position: absolute; top:2px; left:0px; height:98px;font-size:13px; width:100%; text-align: left; outline: none; cursor: inherit; display: block; background:none; cursor: pointer;} .btn-file1 .upload-icon { display:block; width:48px; height:48px; margin:0 auto 4px; background:url("images/tg_images_new/sprites.svg") 0 -207px no-repeat;} .btn-file1 .download-icon { display:block; width:48px; height:48px; margin:0 auto 4px; background:url("images/tg_images_new/sprites.svg") -112px -207px no-repeat;} .btn-file1 p { margin:0;} .btn-file1 .inner { pointer-events:none; padding:11px 14px; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; text-align:center; } /*--- Dropzone --- */ .dropzone.default-view { border:0; margin:0; border-radius:0; min-height:66px;} .dropzone.default-view .dz-preview .dz-details { max-width:100%; min-width:100%;} .dropzone.default-view .dz-preview .dz-progress { width:94%;} /*--- Edit Box --- */ div[unselectable='on'] { z-index:1000 !important;} /*--- Progress --- */ .progress { background:#eeeeee; box-shadow:none; height:15px; border-radius:8px;} .progress .progress-bar { background:#2f94d7; box-shadow:none; border-radius:8px; line-height:15px;} /*--- ui-datepicker-div --- */ #ui-datepicker-div { z-index:10 !important;} /*--- Active User Status --- */ #active-user-status,.active-user-status {border-radius: 6px; background-color: #ffffff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #c2c2c2; position:fixed; bottom:60px; width:731px; margin-left:-5px; padding:0 5px; z-index:100;} .active-user-status{margin-top: 16px;width: 719px; margin-left:0;} #active-user-status .table1 tr td { padding-top:11px; padding-bottom:11px; font-weight:600; color:#19171a;} #active-user-status .table1 tr td.name a { color:#19171a;} /*--- Multi Breakdown List --- */ #multi-breakdown-list { position:relative; margin-top:-8px; float:right; width:300px;} #multi-breakdown-list .btn { width:100%; position:relative; padding-right:32px; text-align:left; height:40px; margin-bottom:24px; color:#4a4548; background:#fff; box-shadow:none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border:0; line-height:27px;} #multi-breakdown-list .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:4px; background:url("images/tg_images_new/sprites.svg") no-repeat scroll -18px -176px; width:31px; height:36px; content:"";} #multi-breakdown-list ul { position:absolute; border:1px solid #dadada !important; z-index:15; top:0; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:100%; display:none; max-height:210px; overflow:auto; border-radius:3px; float:none; margin-top:0; } #multi-breakdown-list ul li { float:none; display:block; width:100% !important; border:none !important; } #multi-breakdown-list ul li.active { border:none;} #multi-breakdown-list ul > li { width:100%; margin-bottom:0 !important;} #multi-breakdown-list ul > li a, .tabs1 #multi-breakdown-list ul > li a { padding:11px; border:0; font-size:14px !important; color:#8a858d; text-align:left !important; white-space:nowrap; background:#fff; border:0 !important;} #multi-breakdown-list ul > li.active a:hover { background:#f2f2f2 !important; border:0;} #multi-breakdown-list ul > li.active a, #multi-breakdown-list ul > li a:hover, .tabs1 #multi-breakdown-list ul > li.active a, .tabs1 #multi-breakdown-list ul > li a:hover, #multi-breakdown-list ul > li a:active, #multi-breakdown-list ul > li.active a:hover { background:#f2f2f2 !important; border:0; font-weight:normal; color:#4a4548 !important;} .tablecompile th{background:#f4f4f4; line-height:30px;} .table.tablecompile > tbody > tr > td,.table.tablecompile > tbody > tr > th{ border-top:none; border-bottom:1px solid #ddd;} .table.tablecompile > tbody > tr > td.text-left{text-align:left;} .compile-sts.even td{background:#f7f7f7;} .compile-sts td{line-height:30px;} .compile-sts .action-field{text-align: center;} .compile-sts.current .action-field{border-bottom-color:#ffffff;border-left: solid 1px #ddd; background:#fff;} /*--- Table1 --- */ .table1 { width:100%;} .table1-wrap { border: solid 1px #dadada; border-radius: 6px; position:relative; background:#fff; overflow-x: auto;} .table1-wrap .table{margin-bottom:0;} .tblnw > tbody > tr > td,.tblnw > thead > tr > th{padding:10px 16px;} .hackathon-leaderboard .table1-wrap.round{border-radius:6px;} .table1 tr td.text-left, .table1 tr th.text-left { text-align:left;} .table1 th small, .table1 td small { font-size:12px; color:#8c8c8c; font-weight:normal;} .table1 tr td.text-right, .table1 tr th.text-right { text-align:right;} .table1 tr th span.secondary { color:#8a858d; font-weight:normal; line-height:20px; display:block;} .table1 tr th { text-align:center; white-space:nowrap; padding:10px 16px 11px; font-size: 14px; font-weight: 600; line-height:20px; color:#19171a; background-color: #f2f2f2; border-bottom: solid 1px #dadada; vertical-align:top;} .table1 tr th:first-child { border-radius:5px 0 0 0;} .table1 tr th:last-child { border-radius:0 5px 0 0;} .table1 tr th small { font-size:10px;} .table1 tr th .select { min-width:100px; max-width:152px; margin:4px auto 0;} .table1 tr th .select select { color:#19171a;} .table1 tr td { text-align:center; vertical-align:top; position:relative; padding:10px 16px; font-size:14px; color:#4a4548; line-height:20px;} .table1 tr:nth-child(2n) { background:#f2f2f2;} .table1 tr:last-child td:first-child { border-radius:0 0 0 5px;} .table1 tr:last-child td:last-child { border-radius:0 0 5px 0;} .table1 tr td h5.less-margin { margin-bottom:4px;} .table1 tr td.name a { color:#4a4548;} .table1 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;} .table1 tr td.down-position .arrow-icon { background-position:-319px -50px;} .table1 tr.passed { background-color:#e7ffec;} .table1 tr td.up-position .arrow-icon { background-position:-344px -49px;} .table1 tr td .my-score { display:inline-block; min-width:50px;} .table1 tr td .icon-download,._download-icon { 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;} .table1 tr.my-rank td { font-weight:600; background-color:#f7f7f7; border-top:1px solid #dadada; vertical-align:middle;} .table1 tr.bgff td {background-color:#fff; vertical-align:middle; padding-top:15px; padding-bottom:15px;} ._nwfile{background-position:-219px -79px; width: 10px;} .leaderboard-table .table1 tr td { width:130px;} .table1 tr td .tick-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -168px -81px no-repeat; margin-left:1px;} .table1 tr td .close-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -192px -80px no-repeat; margin-left:6px;} .table1 tr td .warning-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -48px -80px no-repeat; margin:0 1px;} .table1 tr td .text-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -156px -184px no-repeat; margin-left:5px;} .table1 tr td .view-icon { vertical-align:text-bottom; width:24px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -300px -216px no-repeat; margin-left:5px;} .table1 tr td .view-icon.disabled, .table1 tr td .text-icon.disabled { opacity:0.5;} .table1 tr td .tick-icon.no-space, .table1 tr td .close-icon.no-space { margin-left:0;} .table1 tr .rank, .tab-content .table1 tr .rank { padding-left:28px; width:92px; white-space:nowrap;} .table1 tr .name, .tab-content .table1 tr .name { text-align:left; width:250px; min-width:200px;} .table1 tr td.name img { margin-right:16px; border-radius:50%; width:24px; height:24px;} .table1 tr td.name img.user-pic {width:40px; height:40px;} .table1 tr .size-field {width:120px;} .table1-wrap .table1.left-aligned tr td, .table1-wrap .table1.left-aligned tr th { text-align:left;} .table1-wrap .table1.small-size tr td { font-size:12px;} .table1-wrap .table1.small-font tr td, .table1-wrap .table1.small-font tr th { font-size:12px;} .table1 tr td .checkbox-input.disabled { opacity:0.5;} .table1 tr.open-content { display:none;} .table1 tr.open-content > td {padding-top:24px; padding-bottom:24px; line-height: 1;} .submission-table .table1 .open-content { background:#ffffff;} .submission-table .table1 tr td { border-bottom:1px solid #dadada;} .submission-table .table1 tr td .checkbox-input { padding-left:12px;} .submission-table .table1 tr:last-child td { border-bottom:0;} .submission-table .table1 tr.current td.action-field { border-bottom:0; background:#fff;} .submission-table .table1 tr.current td:nth-last-child(2) { border-radius:0 0 6px 0; border-right:1px solid #dadada;} .submission-table .table1 .table1 tr td { border:0;} /*--- Table2 --- */ .table2 { width:100%;} .table2 tr th { text-align:center; background:#f4f4f4; padding:10px 30px; font-size:14px; color:#424242; font-weight:bold; border-bottom:1px solid #dadada;} .table2 tr td { text-align:center; padding:8px 30px; font-size:14px; color:#424242;} .table2 tr .text-left { text-align:left;} .table2 tr td p { margin-bottom:0;} .table2 tr td p a { color:#424242;} .table2 tbody tr:nth-child(2n) td { background:#f4f4f4;} .table2 .action-btn { min-width:145px; background:#fff;} .table2 .status-icon { background:#8c8c8c; width:12px; height:12px; border-radius:2px; vertical-align:middle; display:inline-block; border:1px solid #8c8c8c;} .table2 .status-icon.attempted { background:#2f94d7; border-color:#2f94d7;} .table2 .status-icon.skipped { background:none;} /*--- Box Default --- */ .box-default { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); padding:16px;} .box-default.no-padding { padding:0;} /*--- Box Default1 --- */ .box-default1 { background:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px;} .box-default1.padding { padding:16px;} .box-default1 .content-wrapper { border-bottom:1px solid #e0e0e0; padding:12px; } .box-default1 .content-wrapper:last-child { border:none; } .center-box { max-width:650px; width:100%; margin:0 auto 50px; padding:30px;} .center-box.no-padding { padding:0;} /*--- Default-list --- */ .default-list { margin:0 -10px; padding:0; list-style:none;} /*--- Page Footer --- */ .page-footer p { margin-bottom:0; float:left; font-size:12px; color:#8c8c8c; line-height:48px;} .page-footer .pagination { float:right;} /*--- List1 --- */ .list1 { margin:0; padding:0; list-style:none;} .post .list1 { padding:0;} .list1 > li { border-bottom:1px dashed #dadada; padding-bottom:10px; margin-bottom:10px;} .list1 li .date-stamp { background:url(images/tg_images/icons.png) -215px -57px no-repeat; width:41px; height:47px; float:left; text-align:center; font-size:8px; color:#2f94d7; text-transform:uppercase; line-height:13px; padding-top:10px; font-weight:300;} .list1 li .date-stamp span { font-size:15px;} .list1 li .image { float:left; line-height:40px;} .list1 li .image img { width:40px; height:40px; vertical-align:middle;} .list1 li .details { margin-left:50px;} .list1 li h6{ margin-bottom:3px;} .list1 li h6 a { color:#424242;} .list1 li p { font-size:12px; color:#8c8c8c; margin-bottom:0;} .list1 li p .fa { font-size:14px; margin-right:2px;} .list1.challenges-list li .details { padding-top:4px;} /*--- List2 --- */ .list2, .post .list2 { padding-left:14px;} /*--- 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:55px;} .list5 h5 { font-weight:600; margin-bottom:2px;} .list5 p { font-size:13px; font-weight:200; line-height:17px; color:#8c8c8c; margin-bottom:2px;} /*--- Follow Btn1 --- */ .follow-btn1 {min-width:100px;} /*--- Load-more-content-btn --- */ .load-more-content-btn { margin-top:8px;} /*--- Button1 --- */ .button1 { border-radius:3px; background: #d7263d; color:#fff; text-transform:capitalize; border:0; font-size:14px; line-height:18px; padding:7px 10px; font-weight:bold; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;} .form1 label.button1:hover,.button1:hover, .button1:focus, .button1:active, .button1.active { color:#fff; background:#ae2d43; outline:none;} .button1.disabled { cursor:default; pointer-events:none; background:#dadada; color:#fff; } .button1.btn-lg { padding:12px 10px;} /*--- Button2 --- */ .button2 { background:none; color:#d7263d; text-transform:capitalize; border-radius: 3px; border: solid 1px #d7263d; font-size:14px; line-height:16px; padding:7px 12px; font-weight:bold; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;} .form1 label.button2:hover,.button2:hover,.skilltest-nw-box:hover .button2 { color:#fff; background:#d7263d; outline:none;} /*.button2:focus,.button2.wrap-file_upload:hover { color:#d7263d;} .button2:active:hover, .button2:focus:hover { color:#fff;} .button2.wrap-file_upload{line-height:normal;} .button2.wrap-file_upload input[type="file"]{left: -90px;} .nobg.wrap-file_upload .btn_colorlayer{background: #f2f2f2; line-height:normal;} .button2:focus svg path, .button2:active svg path {fill:#fff;}*/ .button2.btn-lg { padding:12px 10px;} .button2.disabled { cursor:default; pointer-events:none; border:1px solid #dadada; color:#c2c2c2;} /*--- Button3 --- */ .button3 { background:#dadada; color:#424242; border-radius:3px; text-transform:capitalize; font-size:14px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;} .button3:hover, .button3:focus, .button3:active { color:#424242; background:#c9c9c9; outline:none;} /*--- Button4 --- */ .button4 { background:#8a858d; color:#ffffff; border-radius:3px; font-weight:bold; text-transform:capitalize; font-size:14px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;} .button4:hover, .button4:focus, .button4:active { color:#ffffff; background:#6b666e; outline:none;} .skill_item_add_animate{ animation-iteration-count: 1; -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */ animation: animateElement .2s 2; animation-direction: alternate; } @keyframes animateElement{ 0% {opacity:0;} 50% {opacity:.50;} 100% {opacity:1;} } /* Safari 4.0 - 8.0 */ @-webkit-keyframes animateElement { from {bottom: 100px;} to {bottom: 0px;} } /*--- Slider --- */ .slider { position:relative; } .slider .slider-box { border:1px solid #dadada; padding:12px 16px; border-radius:6px; min-height:126px; } .slider .slider-box .action-lnk { margin-top:8px; display:inline-block;} .slider .slider-box h5, #skill-analysis .slider .slider-box h5 { margin-bottom:4px; } .slider .slider-box p { color:#8a858d; margin-bottom:4px; } .slider .slider-box p strong { font-weight:600; } .slider .previous-btn,.slider .next-btn { display:inline-block; width:32px; height:32px; position:absolute; top:50%; margin-top:-16px; background:url(images/tg_images_new/sprites.svg) no-repeat;} .slider .previous-btn { background-position:-130px -264px; left:-2px; margin-left:-16px; opacity:1; } .slider .previous-btn.not-visible { opacity:0; pointer-events:none; cursor:default;} .slider .previous-btn:hover { background-position:-210px -264px; } .slider .next-btn { background-position:-170px -264px; right:-2px; margin-right:-16px; } .slider .next-btn:hover { background-position:-250px -264px; } /*----- Dragable-box ----*/ .dragable-box { margin-bottom:20px; min-height:36px;} .dragable-box a { height: 32px; text-decoration:none; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; display:inline-block; margin:4px 8px 4px 0; padding:7px 10px; white-space:nowrap; font-size:14px; cursor:move; color:#4a4548; line-height:16px; float:left;} .dragable-box a:hover { background:#4a4548; color:#fff; border: solid 1px #4a4548;} .dragable-box a .drag-frame { width:10px; display:inline-block; position:relative; top:-1px; height:7px; background:url("images/tg_images_new/sprites.svg") -3px -301px no-repeat; vertical-align:middle; margin-right:8px;} .dragable-box a:hover .drag-frame { background-position:-199px -445px; } .dragable-box a .close-icon { width:8px; display:inline-block; position:relative; top:-2px; height:8px; background:url("images/tg_images_new/sprites.svg") -52px -300px no-repeat; vertical-align:middle; margin-left:16px; cursor:pointer;} .dragable-box a:hover .close-icon { background-position:-224px -444px; } /*--- Action lnk --- */ .action-lnk { font-size:14px; font-weight:600; vertical-align:baseline; background:none; border:0; padding:0;} .action-lnk:hover { color:#ae2d43; } .action-lnk.no-margin,.action-lnk2.no-margin { margin-left:0;} .action-lnk2.bottom-margin { margin-left:0px; margin-bottom:4px; display:block; } .action-lnk2 { text-decoration:underline; color:#4a4548; margin-left:4px; font-size:14px; } .action-lnk2:hover { color:#19171A; text-decoration:underline; } /*--- After-submit --- */ #after-submit .modal-dialog { width:375px; text-align:center;} #after-submit .user-score {font-size:36px; line-height:48px; font-weight:800; color:#19171a; margin-bottom:16px; width:70px;} #after-submit .user-score span { color:#8a858d; font-weight:normal;} #after-submit .user-score span small { font-size:24px;} #after-submit p { margin-bottom:24px;} /*--- Mob-app-banner --- */ #mob-app-banner { background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000; text-align:center;} #mob-app-banner .container-fluid { background:#fff; position:fixed; left:0; bottom:0; padding:15px 0 25px; width:100%;} #mob-app-banner .container-fluid:before { content:""; height:26px; top:-26px; position:absolute; left:0; width:100%; background:url(images/techgig_new_images/shadow.png) center top repeat-x; display:block;} #mob-app-banner .app-box { background:url(images/techgig_new_images/mob-app-bg.jpg) center top repeat-x; height:350px; padding-top:24px; margin-bottom:50px;} #mob-app-banner .website-lnk { font-size:12px; color:#333; text-transform:uppercase; font-weight:600; letter-spacing:1px;} #mob-app-banner .seperation { margin-bottom: 15px; position: relative;} #mob-app-banner .seperation::after { background: #dadada; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 12px; width: 100%;} #mob-app-banner .seperation span { background: #dadada; border-radius: 50%; color: #404040; display: block; font-size: 12px; height:25px; line-height: 25px; margin: 0 auto; position: relative; text-align: center; width: 25px; z-index: 5; font-weight:600;} #mobile-app .tg-app-img{float:left;} #mobile-app .modal-body{z-index:2;} #mobile-app .tg-app-content{float:left;width: 350px;} #mobile-app .tg-app-content h3{font-size:18px;color:#000;font-family:"open_sansregular",Helvetica,Arial,sans-serif;line-height: 26px;padding-top:30px;} #mobile-app .tg-app-content h3 span{color:#ee1c27;} #mobile-app .tg-app-content p{padding:0px 0 10px;} #mobile-app .tg-app-content .send-app-block{position:relative;} #mobile-app .tg-app-content .send-app-block input[type="text"]{font-size:14px;} #mobile-app .tg-app-content .send-app-link{color:#ee1c27;position:absolute;right:0;background:#ee1c27;border-radius:0px 5px 5px 0;color:#fff;border:none;padding:10px; top:20px;} #mobile-app .tg-app-content .tg-app-store-link{padding-top:30px;} #mobile-app .tg-app-content .tg-app-store-link span{ padding:0 20px; } #mobile-app .mobile-site { display:none; } #header a.for-app-download { float:left; margin-right :10px; color :#82bd4f; margin-top:5px; font-size:14px; text-transform:none; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; } #header a.for-app-download:hover { color:#689f38;} #header a.for-app-download .fa { vertical-align:sub; margin-right:3px; font-size:28px;} @media screen and (max-width: 630px) { #mobile-app .tg-app-content{width: 256px;} } /*--- Coding Platform Head --- */ #content #coding-platform-head .container,#content #practice-tutorials{padding-top:0;} #content #coding-platform-head.full-width .question-info{width:100%;} #content #coding-platform-head.full-width h6{margin-bottom:0; color:#19171a; padding:10px 0;} #coding-platform-head { background:#fff; height:64px; padding:8px 0; position:fixed; left:0; top:0; width:100%; z-index:1002; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);} .full-screen-view #coding-platform-head { top:0 !important; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} #coding-platform-head .logo { float:left; margin-right:24px; position:relative; width:74px; height:48px; line-height:48px;} #coding-platform-head .logo img{max-height:100%;} #coding-platform-head .question-info { float:left; width:27%;} #coding-platform-head .question-info.practice-view-answer{width:80%;} #coding-platform-head .question-info h3{margin: 0; line-height: 45px;} #coding-platform-head .question-info h4 { line-height:27px; margin-bottom:0; height:27px; overflow:hidden;} #coding-platform-head .question-info h4 a { color:#4a4548; text-decoration:none;} #coding-platform-head .question-info p { margin:0; line-height:16px;} #coding-platform-head .question-info p .block { margin-right:16px;} #coding-platform-head .user-attentions { float:left; margin-left:42px; width:450px; } #coding-platform-head .user-attentions.date-time-mode { width:525px; padding-top:5px; font-size:14px; line-height:18px; margin-top:0px;} #coding-platform-head .user-attentions p { margin-bottom:0px; color:#4a4548; float:left;} #coding-platform-head .user-attentions .progress { width:158px; height:6px; margin:9px 8px 0; float:left; border-radius:3px; background:#dadada;} #coding-platform-head .user-attentions .progress .progress-bar {opacity: 0.6; border-radius: 3px; background-color: #8a858d; } #coding-platform-head .test-actions {float:right;} #coding-platform-head .test-actions .btn, #coding-platform-head .test-actions #submit_code { min-width:120px; margin-left:16px;} #coding-platform-head .test-actions .expand-collapse-btn { min-width:32px;} #coding-platform-head .test-actions .btn:first-child { margin-left:0;} #coding-platform-head .test-actions #pause-test, #coding-platform-head .test-actions #straight-page-view { width:32px; min-width:32px; border-width:2px; padding:6px 5px; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} #coding-platform-head .test-actions #straight-page-view:hover{background: transparent;} #coding-platform-head .test-actions #straight-page-view.middlebtn{width:auto; min-width:none; background: #fff; display: block; padding: 2px; position: relative;} #coding-platform-head .test-actions #pause-test svg, #coding-platform-head .test-actions #straight-page-view svg { vertical-align:text-bottom;} /* #coding-platform-head .test-actions #pause-test svg g, #coding-platform-head .test-actions #straight-page-view svg g, #coding-platform-head .test-actions #straight-page-view svg path { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} */ #coding-platform-head .test-actions #pause-test:hover svg g, #coding-platform-head .test-actions #pause-test:active svg g, #coding-platform-head .test-actions #pause-test:focus svg g{ fill:#fff;} #coding-platform-head .test-actions #pause-test:hover svg path, #coding-platform-head .test-actions #pause-test:active svg path, #coding-platform-head .test-actions #pause-test:focus svg path { fill:#fff;} #coding-platform-head .test-actions .expand-collapse-btn .expand-view { display:none;} #coding-platform-head .test-actions .expand-collapse-btn.less .expand-view { display:inline-block;} #coding-platform-head .test-actions .expand-collapse-btn.less .collapse-view { display:none;} #coding-platform-head .container-fluid { padding:0 24px;} #coding-platform-head .container-fluid.practice {padding:0;} #coding-platform-head .single .user-attentions { padding-top:13px;} #coding-platform-head span#submit_test_response { margin-left:16px !important;} #all-questions-lnk { float:left; margin-right:20px; padding-left:18px; line-height:24px; margin-top:11px; background:url("images/tg_images_new/sprites.svg") -89px -44px no-repeat; margin-left:0; position:relative; z-index:2; top:2px;} #hack-logo-holder { float:left; margin-right:16px; } #hack-logo-holder img { max-width:80px; max-height:40px;} #coding-platform-head.for-tg { padding:16px 0px; height:88px; top:-115px; -webkit-transition:1s all ease; -moz-transition:1s all ease; transition:1s all ease; } #coding-platform-head.for-tg.sticky { top:0px; } #coding-platform-head.for-tg .question-info { width:58%; } #coding-platform-head.for-tg .question-info h3 { margin-bottom:4px; } #coding-platform-head.for-tg .question-info h3 a { color:#19171a; } #coding-platform-head.for-tg .question-info p { margin: 0; line-height: 16px; } #coding-platform-head.for-tg .question-info p span { color: #8a858d; margin-right: 2px; } #coding-platform-head.for-tg .test-actions { padding-top:0px; text-align:center;} #coding-platform-head.for-tg .test-actions .btn { min-width: 188px; margin-bottom: 4px; } #coding-platform-head.for-tg .test-actions p span { color: #8a858d; margin-right: 2px; } #coding-platform-head .for-practice .question-info { min-width:27%; width:auto;} #coding-platform-head .for-practice .user-attentions { padding-top:13px;} #coding-platform-head .for-practice .question-info h4 { margin-bottom:0; line-height:22px;} #coding-platform-head .for-practice .question-info p {line-height:20px;} #coding-platform-head .for-practice .question-info p span { color:#8a858d;} #coding-platform-head .for-practice .question-info p .block { margin-right:24px; float:left;} #coding-platform-head .for-practice .question-info p .block span { color:#4a4548;} #coding-platform-head .for-practice.show-answers .question-info { padding-top:10px;} #coding-platform-head .for-practice .user-attentions { width:auto;} #coding-platform-head .answer-status-block { float:right; padding-top:14px;} #coding-platform-head .answer-status-block ul { margin:0; padding:0; list-style:none;} #coding-platform-head .answer-status-block ul li { margin-right:24px; font-size:14px; float:left; line-height:20px; color:#8a858d;} #coding-platform-head .answer-status-block ul li:last-child { margin-right:0;} #coding-platform-head .answer-status-block ul li span { color:#4a4548;} #coding-platform-head .answer-status-block ul li .icon { width:16px; height:16px; display:inline-block; vertical-align:text-bottom; margin-right:8px; background-image:url("images/tg_images_new/sprites.svg"); background-repeat:no-repeat; background-position:-360px -216px;} #coding-platform-head .answer-status-block ul li.corrent .icon { background-position:-360px -216px;} #coding-platform-head .answer-status-block ul li.incorrect .icon { background-position:-336px -216px;} /*--- Coding Platform Head --- */ #coding-platform-head.flexible { height:auto;} #coding-platform-head .test-actions .common-dropdown { display:inline-block; margin-left:16px;} #coding-platform-head .test-actions .common-dropdown .dropdown-menu { min-width:176px; right:0; top:40px;} #coding-platform-head .test-actions .more-btn { padding-right:25px; position:relative;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none; min-width:15px;} #coding-platform-head .test-actions .more-btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:9px; top:13px; background:url(images/tg_images_new/sprites.svg) -349px -317px no-repeat; width:11px; height:6px; content:"";} #coding-platform-head .test-actions .more-btn:hover:after { background-position:-199px -349px;} #coding-platform-head .for-practice .question-info p .block small { color: #ff0c0c; font-size: 100%;} #coding-platform-head .tabs1 {clear:both; padding-top:24px;} #coding-platform-head .tabs1 .nav-tabs { margin-bottom:0; border-bottom:0;} #coding-platform-head .tabs1 .nav-tabs > li { margin-bottom:-8px;} #coding-platform-head .tabs1 .nav-tabs > li > a { border-bottom:2px solid #fff; padding-bottom:14px;} #coding-platform-head .tabs1 .magic-line { height:2px; bottom:-8px;} /* #coding-platform-head .tabs1 .nav-tabs > li.active > a { border-bottom:solid 2px #19171a;} */ .sample-page #coding-platform-head { height:56px;} .sample-page #coding-platform-head .test-actions { padding-top:4px;} .sample-page #all-questions-lnk { margin-top:5px;} .sample-page #coding-platform-head .question-info { display:table; height:36px;} .sample-page #coding-platform-head .question-info h3 { margin:0; display:table-cell; vertical-align:middle;} .sample-page #coding-platform-head .question-info h3 a {color: #4a4548; text-decoration: none;} .sample-page #coding-platform-head .question-info h3 span { font-weight:normal;} /*--- Common Dropdown --- */ .common-dropdown { position:relative;} .common-dropdown .dropdown-menu {box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11); padding:0; min-width:126px; left:auto; right:-17px; top:30px;} .common-dropdown .dropdown-menu:before {width: 16px; height: 10px; content: ""; display: block; right:16px; top: -10px; position: absolute; background: url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;} .common-dropdown .dropdown-menu li {border-bottom: solid 1px #e9e9e9;} .common-dropdown .dropdown-menu li a {padding:8px 12px; color:#8a858d; } .common-dropdown .dropdown-menu li:hover a { color:#4a4548; } .common-dropdown .dropdown-menu li:first-child a { border-radius:2px 2px 0 0;} .common-dropdown .dropdown-menu li:last-child a { border-radius:0 0 2px 2px;} .common-dropdown .dropdown-menu li:last-child {border-bottom:0;} .common-dropdown .icon { width:16px; height:18px; float:right; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat;} .common-dropdown .edit-icon,.edit-icon{ background-position:-366px -271px;} .target_nw {background-position: -308px -342px;} .common-dropdown .delete-icon { background-position:-219px -311px;} .common-dropdown .preview-icon { background-position:-118px -309px; width:18px;} .common-dropdown .clone-icon { background-position:-160px -311px;} .common-dropdown .close-icon { background-position:-251px -311px;} .common-dropdown .renew-icon { background-position:-229px -342px;} .common-dropdown .share-icon { background-position:-100px -270px;} .common-dropdown .time-icon { background-position:-170px -407px;} .common-dropdown .play-icon2 { background-position:-44px -440px; width:18px; height:18px;} .common-dropdown .success-icon { background-position:-259px -343px; width:18px; height:18px; margin-right:0px;} /*--- No Content Found --- */ .no-content-found { background:#ffffff; width:412px; height:412px; margin:40px auto; border-radius:50%; text-align:center;} .no-content-found .wrapper { display:table; height:412px; width:100%;} .no-content-found .inner { display:table-cell; vertical-align:middle;} .no-content-found svg { margin-bottom:16px;} .no-content-found h2 { margin-bottom:8px;} .no-content-found h4 { margin-bottom:0;} .no-content-found p {color:#8a858d; margin-bottom:0;} .no-content-found .btn { min-width:120px; margin:16px 6px 0;} .no-content-found.small { width:auto; height:auto; margin:0 0 24px; border-radius:0;} .no-content-found.small .wrapper { display:block; height:auto;} .no-content-found.small .inner { display:block; vertical-align:middle;} /*--- Modal Small --- */ .modal.modal-small .modal-body p { margin-bottom:0;} .modal.modal-small .modal-body { padding-top:3px; padding-bottom:0;} .modal.modal-small .modal-footer { padding-top:24px;} /*--- Cutom Dropdown --- */ .custom-dropdown { position:relative;} .custom-dropdown .btn { height:32px; width:100%; text-align:left; box-shadow:none; position:relative; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; padding:2px 32px 3px 12px; line-height:16px;} .custom-dropdown .open .dropdown-toggle { box-shadow:none;} .custom-dropdown .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/tg_images_new/sprites.svg) -18px -177px no-repeat; width:31px; height:32px; content:"";} .custom-dropdown .dropdown-menu{ min-width:15px; width:100%; border:0; border-radius:3px; top:0; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1);} .custom-dropdown .dropdown-menu li { margin-bottom:0;} .custom-dropdown .dropdown-menu li a { padding:5px 13px; color:#4a4548;} .custom-dropdown .dropdown-menu li.active a { background:#f5f5f5;} .custom-dropdown .dropdown-menu li.active a:hover { color:#4a4548;} /*--- Sort By Right --- */ .sort-by-right { float:right; margin-bottom:0;} .sort-by-right.no-float { float:none; margin-bottom:16px;} .sort-by-right label { float:left; margin-right:8px; color:#4a4548; margin-bottom:0; line-height:33px;} .sort-by-right .custom-dropdown { float:left; width:120px;} /*--- Share-icon --- */ .share-icon { width:32px; height:32px; display:inline-block; vertical-align:top; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-91px -265px;} /*--- 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;} /*--- Plus icon --- */ .plus-icon { width:16px; height:16px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; margin-right:2px; background-position:-285px -346px;} /*--- Tick Icon Big --- */ .tick-icon-lg { width:32px; height:32px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-1px -105px;} /*--- Create Alert Btn --- */ .create-alert-btn, .right-action-btn { float:right; min-width:160px;} /*--- Notify Me --- */ .notify-me h3 { margin-bottom:8px;} .notify-me p span { display:block; color:#8a858d; padding-top:4px;} /*--- Description List --- */ dl.description-list .alert { margin-bottom:0; text-transform:none;} dl.description-list.bottom-margin { margin-bottom:16px;} /*--- Breadcrumbs --- */ #breadcrumbs.extra-margin { padding-bottom:24px;} #breadcrumbs p small { color:#dadada; font-size:14px;} /*--- View-all-block --- */ .view-all-block.normal-padding { padding-top:8px;} /*--- Ui-autocomplete --- */ .ui-autocomplete.ui-widget { border:0; border-top:1px solid #dadada; border-radius:0 0 6px 6px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); padding:0;} .ui-autocomplete.ui-widget li.ui-menu-item:last-child { border-bottom:0;} .ui-autocomplete.ui-widget li.ui-menu-item { padding:5px 12px; background:#fff !important; font-size:14px; color:#4a4548 !important; margin-bottom:0 !important; font-weight:normal; display:block; border:0; font-family:'lato', Arial, Helvetica, sans-serif ;} .ui-autocomplete.ui-widget li.ui-menu-item:hover, .ui-autocomplete.ui-widget li.ui-menu-item:active, .ui-autocomplete.ui-widget li.ui-menu-item:focus { background:#f2f2f2 !important; border:0; cursor:pointer;} .ui-autocomplete.ui-widget li.ui-menu-item strong { color:#4a4548;} /*--- Manage Section --- */ .manage-section .tabs2 .nav-tabs { margin-bottom:16px; float:none;} .manage-section .tabs2 .nav-tabs li { display:block; } .manage-section .tabs2 .nav-tabs li a { background:none;} .manage-section .tabs2 .nav-tabs li a:hover,.manage-section .tabs2 .nav-tabs li.active a { background:#4a4548; color:#fff; } /* one item */ .manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(1) { width: 100%; } /* two items */ .manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(2),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(2) ~ li { width: 50%; } /* three items */ .manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(3),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(3) ~ li { width: 33.3333%; } /* four items */ .manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(4),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(4) ~ li { width: 25%; } /*--- Section Box Full --- */ .section-box-full { padding:16px; background-color: #ffffff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-bottom:1px solid #e0e0e0;} .section-box-full:first-child { border-top-left-radius:6px; border-top-right-radius:6px; } .section-box-full:last-child { border-bottom-left-radius:6px; border-bottom-right-radius:6px; margin-bottom:16px; border-bottom:0; } .section-box-full h3 { margin-bottom:4px;} .section-box-full h3 a { color:#2c282f; text-decoration:none; } .section-box-full h3:hover a,.section-box-full h3:focus a,.section-box-full h3:active a { color:#d7263d } .section-box-full .tooltip { opacity:1; left:134px; top:-44px; display:none;} .section-box-full .tooltip .tooltip-inner { text-align:left; max-width:310px; padding:10px;} .section-box-full .tooltip p, .section-box-full .tooltip ul li {color:#fff; margin-bottom:4px;} .section-box-full .tooltip ul { padding-left:24px; margin-bottom:0;} .section-box-full .tooltip ul li { margin-bottom:0;} .section-box-full .user-controls { float:right;} .section-box-full .user-controls .more-btn { padding-right:25px; position:relative;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} .section-box-full .user-controls .more-btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:9px; top:13px; background:url(images/tg_images_new/sprites.svg) -349px -317px no-repeat; width:11px; height:6px; content:"";} .section-box-full .user-controls .more-btn:hover:after { background-position:-199px -349px;} .section-box-full .user-controls .button1, .section-box-full .user-controls .common-dropdown { float:left; margin-left:16px;} .section-box-full .user-controls .button1 { min-width:160px;} .section-box-full .user-controls .button1.small { min-width:120px;} .section-box-full .my-status-block { margin:0;} .section-box-full .my-status-block small { color:#ff0c0c; font-size:100%;} .section-box-full .my-status-block a { text-decoration:underline; color:#19171a;} .section-box-full .my-status-block .skills-list { margin:-2px 0 -2px 0; position:relative;} .section-box-full .my-status-block .skills-list a { text-decoration:none; display:inline-block; margin:2px 4px 2px 0; color:#8a858d; background:#f0f0f0; padding:1px 9px 3px; border-radius: 3px;} .section-box-full .my-status-block .skills-list a:last-child { margin-right:0;} .section-box-full .my-status-block .action-lnk { margin-left:12px; text-decoration:none; color:#d7263d;} .section-box-full footer {padding-top:16px;} .section-box-full footer.noborder{border:none; padding-top:0;} .section-box-full footer .my-status-block .action-lnk { margin-left:4px;} .section-box-full footer .my-status-block > span {min-width:65px; display:inline-block; vertical-align:top;} .section-box-full footer .my-status-block .skills-parent {width:525px; position:relative; margin-top:-2px;} .section-box-full .user-controls .common-dropdown .dropdown-menu { width:176px; top:42px; right:9px;} /*--- Multi Email Box ---*/ .multi-email-box { margin-bottom:16px; padding-top:8px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; position:relative; height:168px; margin-top:6px;} .multi-email-box .multiple_emails-container { border:0px; height:137px; overflow:auto; float:left; width:100%;} .multi-email-box .multiple_emails-container .form-control { font-size:14px; padding:2px 9px 2px 0; margin:0 2px 3px 12px;} .multi-email-box .form-control { border:0 !important; height:27px !important;} .multi-email-box .multiple_emails-container input.multiple_emails-error {border-radius: 3px; padding-left:9px; margin-top:4px; background-color: #fff3f3; border: solid 1px #ff0000 !important; color:#6f6a6d;} .multi-email-box .multiple_emails-ul { padding-top:0; padding-left:8px;} .multi-email-box .multiple_emails-container ul { padding-left:9px; width:100%; overflow:hidden;} .multi-email-box .multiple_emails-email{border-radius: 3px; background-color: #ececec; color:#6f6a6d; padding:2px 7px 3px 8px; font-size:14px; margin-bottom:6px; margin-bottom:5px;} .multi-email-box .multiple_emails-close { color:#4a4548; margin-left:16px;} .multi-email-box footer { background-color: #fdf5dc; border-radius:0 2px 2px 0; padding:6px 8px; clear:both; position:absolute; left:0; bottom:0; width:100%;} .multi-email-box footer p { line-height:17px; color:#19171a; margin:0 !important;} /*--- Invite Mailer Form ---*/ #invite-mailer-form .alert-warning { margin-bottom:16px; color:#ff0c0c; line-height:20px; position:relative; margin-top:-8px;} /*--- Csv Box ---*/ .csv-box {border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; margin-bottom:16px;} .csv-box .content { padding:16px;} .csv-box .content p { margin-bottom:4px;} .csv-box .apply-status { border-radius:0 2px 2px 0; background-color: #fdf5dc; padding:12px 16px;} .csv-box .apply-status p { line-height:28px; margin:0;} .csv-box .apply-status p span {color:#ff0c0c;} .csv-box footer { border-radius:0 2px 2px 0; background-color: #f2f2f2; padding:16px;} .csv-box.no-style { border:0;} .csv-box.no-style footer { border-radius:0; background-color:none; padding:0;} .csv-box footer .btn-file { margin-right:12px; width:120px; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle;} .csv-box footer p { margin:0;} .csv-box footer p small { display:inline-block; vertical-align:middle; line-height:16px; color:#8a858d;} .csv-box .dropzone.default-view .dz-preview .dz-details { margin-top:0;} .csv-box .dropzone.default-view { min-height:50px;} .csv-box .dropzone.default-view .dz-preview .dz-progress { width:90%;} /*--- Common Upload Box ---*/ .common-upload-box {margin-bottom:16px;} .common-upload-box .btn-file { margin-right:12px; width:120px; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle;} .common-upload-box p { margin:0;} .common-upload-box p small { display:inline-block; vertical-align:middle; line-height:16px; color:#8a858d;} .common-upload-box .dropzone.default-view .dz-preview .dz-details { margin-top:0;} .common-upload-box .dropzone.default-view { min-height:50px;} .common-upload-box .dropzone.default-view .dz-preview .dz-progress { width:90%;} /*-- Mailer Preview PopUp ---*/ #mailer-preview-popup .modal-dialog { width:1159px;} #mailer-preview-popup .two-column-wrap { margin:0 -10px;} #mailer-preview-popup .two-column-wrap .column { float:left; padding:0 10px;} #mailer-preview-popup .two-column-wrap .column1 { width:340px;} #mailer-preview-popup .two-column-wrap .column2 { width:790px;} #mailer-preview-popup h4 { margin-bottom:8px;} /*-- mailer-message-box ---*/ .mailer-message-box { margin-bottom:16px;} .mailer-message-box textarea.form-control { height:197px; border-bottom:0 !important; border-radius:3px 3px 0 0;} .mailer-message-box footer {border-radius:0 0 3px 3px; background-color: #f2f2f2; padding:16px; border:1px solid #dadada; border-top:0;} .mailer-message-box footer .btn { min-width:120px;} /*-- Invitaion Sent */ #invitaion-sent .icon { clear:both;} #invitaion-sent button.close { position:relative; margin-bottom:-8px;} /*-- Create New Mailer PopUp */ #create-new-mailer-popup .button1 {min-width:160px;} #create-new-mailer-popup .fields-required {color:#8a858d; margin-bottom:16px;} /*--- Instructions Popup --- */ #instructions-popup .modal-body { padding:0; height:353px !important; overflow-y:visible !important;} #instructions-popup .column { float:left; width:50%; padding:16px;} #instructions-popup .column:last-child { background:#f6f6f6; padding:0;} #instructions-popup .column .inner { padding:24px 8px 24px 24px;} #instructions-popup h2 { margin-bottom:4px;} #instructions-popup h5 { margin-bottom:8px; font-weight:bold;} #instructions-popup p { color:#8a858d; margin-bottom:32px;} #instructions-popup ul { margin:0 0 20px; padding:0; list-style:none;} #instructions-popup ul li {color:#8a858d; margin-bottom:5px; line-height:20px; font-size:14px;} #instructions-popup ul li span{ font-weight:600;} #instructions-popup ul li:last-child { margin-bottom:0;} #instructions-popup ol { margin:0; padding:8px 0 0 18px;} #instructions-popup ol li { font-size:14px; color:#19171a; font-weight:bold; line-height:18px; margin-bottom:12px;} #instructions-popup ol li:last-child { margin-bottom:0;} #instructions-popup ol li span { color:#4a4548; line-height:20px; font-weight:normal; display:block; padding-left:14px;} #instructions-popup .scroll {height:353px;} /*--- Accordion 1 --- */ .accordion1 .panel-heading { background:none; padding:0;} .accordion1 .panel-heading .panel-title { margin-bottom:0 !important;} .accordion1 .panel-heading .panel-title a { color:#19171a; display:block; border-radius:5px; background:#fff; padding:11px 0 11px 16px; text-decoration:none;} .accordion1 .panel-heading .panel-title a.collapsed { background:none;} .accordion1 .panel-heading .panel-title a.collapsed span { border:0;} .accordion1 .panel-default { background-color: #fff; border: solid 1px #dadada; border-radius:6px; margin:0; box-shadow:none;} .accordion1 .panel-heading .panel-title { font-size:14px; font-weight:bold; text-transform:uppercase; line-height:18px !important; white-space:normal !important;} .accordion1 .arrow-icon { width:32px; display:block; height:32px; background:url("images/tg_images_new/sprites.svg") -160px 0 no-repeat; position:relative; float:left; margin:-7px 4px 0 0; float:right;} .accordion1 .collapsed .arrow-icon { background-position:-200px 0; } .accordion1 .collapse {overflow:hidden;} .accordion1 .collapse.in {overflow:visible;} .accordion1.panel-group .panel + .panel { margin-top:16px;} .accordion1 .CodeMirror { margin:0 -1px -1px; border-radius:0 0 5px 5px; height:390px;} /*--- Bookmark --- */ .bookmark-icon { width:32px; height:32px; display:inline-block;} .bookmark-icon:hover .bookmark-fill, .bookmark-icon.active .bookmark-fill{ fill:#feb95f;} /*--- File-upload-widget --- */ .multi-question-format .file-upload-widget, .multi-question-format .file-upload-block { display:none; border:1px solid #dadada;} .file-upload-widget h5 { margin-bottom:4px; margin-top:16px;} .file-upload-widget .info-p { margin-bottom:0px;} /*--- Dropzone --- */ .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { border:solid 2px #dadada; border-style:dashed; border-radius:6px; margin-bottom:8px; position:relative; } .dropzone:hover { border-color:#d7263d; } .dropzone .overlay { display:none; position:absolute; width:100%; height:100%; border-radius:6px; background:#ffffff; left:0px; top:0px; pointer-events:none; padding-top:14px; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; } .dropzone.dz-drag-hover { border:dashed 2px #d7263d;} .dropzone.dz-drag-hover .overlay { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; display:block; } .dropzone.dz-started:hover .overlay { border:none; background:none; } .dropzone .overlay p { margin:0px; font-size:14px; line-height:20px; color:#4a4548; } .dropzone.dz-started { border:none; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone .dz-message { text-align: center; margin: 2em 0; font-size:14px; color:#8a858d; line-height:20px; margin:0px; padding:14px; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; width:100%; height:100%;} .dropzone .dz-preview img { width:100%; height:100%; } .dropzone .dz-preview.dz-file-preview .dz-image { border:dashed 2px #dadada; border-radius:6px; background: #fff; position:relative; } .dropzone .dz-preview.dz-file-preview .dz-image:before {content:""; display:block; width:48px; height:48px; background:url("images/tg_images_new/sprites.svg") -57px -207px no-repeat; position:absolute; top:14px; left:50%; margin-left:-24px;} .dropzone .dz-preview.dz-file-preview .dz-image:after {content:"Upload File"; display:block; width:100%; text-align:center; position:absolute; bottom:14px; color:#dadada; line-height:24px; font-size:14px;} .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; height:100%; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove {overflow:hidden; width:16px; padding-top:16px; height:0;background:url("images/tg_images_new/sprites.svg") -359px -80px no-repeat; display: block; cursor: pointer; border: none; float:right; margin-top:1px; } .dropzone .dz-preview.dz-complete .dz-remove { margin-top:-17px;} .dropzone .dz-preview .dz-details { margin-top:16px; font-size: 13px; min-width: 90%; max-width:90%; padding-left:20px; position:relative; width:100%; overflow:hidden;} .dropzone .dz-preview .dz-details:before {content:""; background:url("images/tg_images_new/sprites.svg") -214px -78px no-repeat; width:16px; height:16px; position:absolute; left:0; top:0;} .dropzone .dz-preview .dz-details .dz-size { font-size: 14px; float:right; line-height:20px; color:#8a858d; font-weight:normal; } .dropzone .dz-preview .dz-details .dz-size strong { font-weight:normal; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; font-size:14px; line-height:20px; font-weight:600; float:left; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } /*.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }*/ .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { border:0;} .dropzone .dz-preview .dz-image { border-radius:4px; overflow: hidden; width: 100%; height:102px; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 0; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; display:none; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height:4px; width:84%; background: #dadada; -webkit-transform: scale(1); border-radius: 8px; margin-left:20px; margin-top:8px; } .dropzone .dz-preview .dz-progress:after {content:"Uploading"; display:block; position:absolute; left:0; bottom:-20px; font-size:12px; line-height:16px; color:#8a858d;} .dropzone .dz-preview .dz-progress .dz-upload { background: #26d974; background: linear-gradient(to bottom, #26d974, #26d974); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; border-radius:3px; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px;font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } .dropzone .upload-icon { display:block; width:48px; height:48px; margin:0 auto 4px; background:url("images/tg_images_new/sprites.svg") 0 -207px no-repeat;} .dropzone .download-icon { display:block; width:48px; height:48px; margin:0 auto 4px; background:url("images/tg_images_new/sprites.svg") -112px -207px no-repeat;} .dropzone p { margin:0; text-align:center;} .dropzone .overlay p { font-weight:600; color:#d7263d;} /*----- Follow User ----*/ .follow_user {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} /*--- Bootstrap Datepicker --*/ .daterangepicker.single .calendar,.daterangepicker.single .ranges,.ranges{float:none}.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:3px;width:278px;padding:4px;margin-top:1px;top:100px;left:20px}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.dropup{margin-top:-5px}.daterangepicker.dropup:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.dropup:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.dropdown-menu{max-width:none;z-index:3001}.daterangepicker.show-calendar .calendar{display:block}.daterangepicker .calendar{display:none;max-width:270px;padding:4px}.daterangepicker .calendar.single .calendar-table{border:none}.daterangepicker .calendar td,.daterangepicker .calendar th{white-space:nowrap;text-align:center;font-size:13px;min-width:32px}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:3px;background-color:#fff}.daterangepicker table{width:100%;margin:0}.daterangepicker td,.daterangepicker th{text-align:center;width:20px;height:20px;border-radius:3px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#8a858d}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:3px 0 0 3px}.daterangepicker td.end-date{border-radius:0 3px 3px 0}.daterangepicker td.start-date.end-date{border-radius:3px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#d7263d;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin-bottom:0}.daterangepicker .input-mini{border:1px solid #ccc;border-radius:3px;color:#555;height:30px;line-height:30px;display:block;vertical-align:middle;margin:0 0 5px;padding:0 6px 0 28px;width:100%}.daterangepicker .input-mini.active{border:1px solid #08c;border-radius:3px}.daterangepicker .daterangepicker_input{position:relative}.daterangepicker .daterangepicker_input i{position:absolute;left:8px;top:8px}.daterangepicker.rtl .input-mini{padding-right:28px;padding-left:6px}.daterangepicker.rtl .daterangepicker_input i{left:auto;right:8px}.daterangepicker .calendar-time{text-align:center;margin:5px auto;line-height:30px;position:relative;padding-left:28px}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.ranges{font-size:11px;margin:4px;text-align:left}.ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.ranges li{font-size:13px;background-color:#f5f5f5;border:1px solid #f5f5f5;border-radius:3px;color:#08c;padding:3px 12px;margin-bottom:8px;cursor:pointer}.ranges li.active,.ranges li:hover{background-color:#08c;border:1px solid #08c;color:#fff}.daterangepicker th.next .fa,.daterangepicker th.prev .fa{width:16px;height:0;padding-top:16px;background:url(images/tg_images_new/sprites.svg) no-repeat}.daterangepicker th.month,.daterangepicker th.next,.daterangepicker th.prev{background-color:#f2f2f2;border-radius:0}.daterangepicker th.next .fa:before,.daterangepicker th.prev .fa:before{display:none}.daterangepicker th.prev{border-radius:3px 0 0 3px}.daterangepicker th.next{border-radius:0 3px 3px 0}.daterangepicker th.prev .fa{background-position:-248px -46px}.daterangepicker th.next .fa{background-position:-287px -46px}@media (min-width:564px){.daterangepicker.ltr .calendar.right .calendar-table,.daterangepicker.rtl .calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.ltr .calendar.left .calendar-table,.daterangepicker.rtl .calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker{width:auto}.daterangepicker .ranges ul{width:160px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .calendar.left{clear:none}.daterangepicker.single.ltr .calendar,.daterangepicker.single.ltr .ranges{float:left}.daterangepicker.single.rtl .calendar,.daterangepicker.single.rtl .ranges{float:right}.daterangepicker.ltr{direction:ltr;text-align:left}.daterangepicker.ltr .calendar.left{clear:left;margin-right:0}.daterangepicker.ltr .calendar.right{margin-left:0}.daterangepicker.ltr .left .daterangepicker_input{padding-right:12px}.daterangepicker.ltr .calendar,.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .calendar.right{margin-right:0}.daterangepicker.rtl .calendar.left .calendar-table,.daterangepicker.rtl .left .daterangepicker_input{padding-left:12px}.daterangepicker.rtl .calendar,.daterangepicker.rtl .ranges{text-align:right;float:right}}@media (min-width:730px){.daterangepicker .ranges{width:auto}.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .calendar.left{clear:none!important}} /* ========================================================================== Detailed Search Page Specific Settings ========================================================================== */ /*--- Detailed Search --- */ #detailed-search .result-block { padding-top:40px;} #detailed-search .result-block:first-child, #detailed-search .result-block.active { padding-top:0;} #detailed-search .tabs1 .nav-tabs { background:#e5e5e5; border-bottom:1px solid #dadada; padding:0; border-top:0;} #detailed-search .tabs1 .nav-tabs > li { margin-top:0; text-align:center;} #detailed-search .tabs1 .nav-tabs > li.all { min-width:75px;} #detailed-search .tabs1 .nav-tabs > li > a { text-transform:uppercase; padding:15px; font-weight:500; margin-right:0; border-top:3px solid #e5e5e5;} #detailed-search .tabs1 .nav-tabs > li.active > a, #detailed-search .tabs1 .nav-tabs > li.active > a:hover, #detailed-search .tabs1 .nav-tabs > li.active > a:focus { border-top:3px solid #2f94d7;} #detailed-search .view-more { text-align:center; text-transform:uppercase; margin-bottom:0;} #detailed-search .sort-by { float:right; padding:10px 10px 0 0;} #detailed-search .sort-by .select { display:block; height:30px; padding-left:3px; position:relative; background:#f4f4f4; border-radius:2px;} #detailed-search .sort-by .select .fa { position:absolute; pointer-events:none; z-index:5; position:absolute; right:0; top:0; background:#f4f4f4; width:25px; height:30px; font-size:14px; color:#8c8c8c; text-align:center; line-height:30px; vertical-align:middle;} #detailed-search .sort-by select { border:0; height:30px; width:100%; padding-right:27px; font-size:12px; color:#8c8c8c; font-weight:300; background:none;} #detailed-search .sort-by select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';} #detailed-search .sort-by .select select::-ms-expand{ display:none;} /*--- Contest Navigation --- */ #height-block { height:58px; display:none;} #common-navigation,.main-search-block { margin-bottom:24px;} #common-navigation.fixed { height:56px; background:#fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); position:fixed; left:0px; top:0px; padding:11px 0px; width:100%; z-index:1002; } #common-navigation.fixed .container { padding:0px 10px; } #common-navigation .container { padding:0px; } #common-navigation.normal-view .container { width:100%; } #common-navigation.normal-view .row { margin:0px; } #common-navigation.normal-view .row .col-sm-7, #common-navigation.normal-view .row .col-md-8 { padding:0px; width:100%; } #common-navigation ul { margin:0px; padding:0px; list-style-type:none; border-radius:3px; display:table; width: 100%;} #common-navigation ul li { border:1px solid #19171a; border-left:none; display:table-cell; width:auto; } #common-navigation ul li:first-child { border-left:1px solid #19171a; border-radius:3px 0px 0px 3px; } #common-navigation ul li:last-child { border-radius:0px 3px 3px 0px; } #common-navigation ul li a { display:block; color:#4a4548; line-height:20px; padding:6px 10px; text-align:center; font-size:14px; font-weight:normal; text-decoration:none; text-transform:capitalize; min-width:100px;} #common-navigation ul li.active a,#common-navigation ul li.active:hover a { background:#19171a; color:#fff; } #common-navigation ul li a:hover { background:#4a4548; color:#fff; } #common-navigation.for-contest .mobile-dropdown-view { float:left; width:604px;} #common-navigation.for-contest .contest-filter { float:right; position:relative;} #common-navigation.for-contest .contest-filter .btn { width: 129px; text-align:left; height:35px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; color:#19171a; padding-left:16px; padding-right:6px; line-height:20px; box-shadow:none;} #common-navigation.for-contest .contest-filter .btn .down-arrow { width:16px; height:16px; display:inline-block; vertical-align:middle; background:url("images/tg_images_new/sprites.svg") no-repeat scroll -204px -185px; float:right; margin-top:4px;} #common-navigation.for-contest .filter-lists { position:absolute; display:block; width:458px; max-width:458px; z-index:99; left:auto; right:0; top:35px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; padding:16px 16px 4px; border-radius:6px; display:none;} #common-navigation.for-contest .filter-lists .row { margin:0;} #common-navigation.for-contest .filter-lists > .arrow {left:auto; right:63px; margin-right:-11px; border-bottom-color:#dadada;} #common-navigation.for-contest .filter-lists p { color:#8a858d;} #common-navigation.for-contest .filter-lists .checkbox-input { margin-bottom:12px;} /*--- Countdown --- */ .countdown { text-align:center; display:inline-block; margin-bottom:10px; } .countdown p { position:relative; top:3px;} .countdown .alt-1, .countdown p { display:block;} .countdown .alt-1 { position:relative; } .countdown .separator { display:none;} .countdown .item { vertical-align: bottom; min-width:44px; position:relative; overflow: hidden;font-size:18px; font-weight:normal; color:#424242; line-height:19px; padding:0 5px; margin:0; float:left;} .countdown .item:first-child,.countdown .item:first-child .label{ text-align:left; padding-left:0px; min-width:30px; } .countdown .item:after { display:block; right:0; top:0px; height:16px; content:":"; position:absolute; color:#c2c2c2;} .countdown .end-info { font-size:12px; line-height:15px; text-align:center; margin-bottom:10px; color:#8c8c8c; font-weight:500; padding-bottom:3px; border-bottom:1px solid #dadada; display:block; text-transform:capitalize; } .countdown .label { display:block; padding:0; color:#8a858d; font-size:12px; border-radius:0; font-weight:normal; line-height:15px; margin-top:5px;} .countdown .item-ss:after { display:none;} /*--- Contest Countdown --- */ .contest-countdown .date-stamp { margin-bottom:8px; } .contest-countdown .date-stamp span { margin-right:8px; color:#8a858d; } /*--- Add To Calender --- */ .add-to-calender { margin-bottom:16px; } .add-to-calender .dropdown-menu { width:100%; border:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:0px; border-radius:0px; top:-5%;} .add-to-calender .dropdown-menu li:hover a { background:#f2f2f2; color:#4a4548; } .add-to-calender .dropdown-menu li a { font-size:14px; line-height:20px; color:#8a858d; padding:8px 15px; } /* 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:36px;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; padding:1px 6px; } ul.token-input-list-facebook li input{ border:none !important; padding:6px; background-color:#fff; -webkit-appearance:caret; line-height:17px !important; min-width:150px; height:32px !important; } li.token-input-token-facebook{ overflow:hidden;height:auto!important;height:24px; padding:4px 8px;cursor:default; font-size:11px;float:left;white-space:nowrap; font-weight:normal; color:#8a858d; border-radius:3px; background:#f2f2f2; border:0; padding:2px 4px; margin:3px 4px 3px 4px !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; text-transform:capitalize; font-size:13px; color:#4a4548; line-height:22px; } li.token-input-token-facebook span{ margin-left:5px;font-weight:bold;cursor:pointer; font-size:16px; color:#8a858d; line-height:19px; position:relative; top:1px;} li.token-input-selected-token-facebook { background-color:#f2f2f2; border:1px solid #dadada; color:#8a858d; } li.token-input-input-token-facebook { float:left;margin:0;padding:0;list-style-type:none;} div.token-input-dropdown-facebook{ position:absolute; width:343px; max-height:229px; overflow:auto; background-color:#fff; border:1px solid #dadada;cursor:default;font-size:14px; z-index:2000; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); } .modal-open div.token-input-dropdown-facebook { width:246px;} div.token-input-dropdown-facebook p{margin:0;padding:5px;font-weight:500;background-color:#fff;border:1px solid #dfdfdf;color:#000;font-size:12px;text-align:left; } div.token-input-dropdown-facebook ul{margin:0;padding:0} div.token-input-dropdown-facebook ul li{background-color:#fff;padding:4px 12px 5px;margin:0;list-style-type:none; color:#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; } .form-page div.token-input-dropdown-facebook, .form-page .ui-autocomplete.ui-widget { width:560px;} /*--- Ui-autocomplete --- */ .ui-autocomplete { border:1px solid #dadada; max-height:300px; max-width:300px; overflow:auto; margin:0; padding:0; list-style:none; background:#fff; font-size:12px;} .ui-autocomplete .ui-menu-item { padding:3px 3px 4px; border:1px solid #fff; color:#8c8c8c; font-weight:300;} .ui-autocomplete .ui-menu-item.ui-state-focus { background:#2f94d7; color:#fff;} /*--- Autocomplete --- */ #autocomplete { position:absolute; background:#fff; z-index:100; border:1px solid #dadada; max-height:229px; overflow:auto; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:343px; } #autocomplete ul li:last-child { border-bottom:0;} #autocomplete ul li { padding:5px 12px; background:#fff !important; font-size:14px; color:#4a4548 !important; margin-bottom:0 !important; font-weight:normal; display:block;} #autocomplete ul li:hover { background:#f2f2f2 !important;} #autocomplete ul li strong { color:#4a4548;} @media (min-width:1250px) { /*--- Right Strip --- */ #right-strip-slider { position:fixed; right:0; top:0; width:201px; border-left:1px solid #dadada; z-index:9999; height:100%; background:#fff; transition:width 0.5s; } #right-strip-slider .click_btn { background:#2d1846 url(images/tg_images_new/click-here1.png) center center no-repeat; width:25px; height:100%; position:absolute; left:0; top:0; z-index:10000;} #right-strip-slider.active .click_btn{left:-25px; } body.strip-moving #right-strip { width:84%;} .upper-banner{display:block;} body.strip-moving{overflow:hidden;} body.strip-moving #container-wrap.strip-on:after {position: absolute; content: ""; background: rgba(0,0,0,0.8);top: 0; bottom: 0; left: 0; right: 0; z-index: 1003; } body.strip-moving .upper-banner{transition:all 0.2s; display:none;} #right-strip-slider .iframe-content { width:100%; height:100%; position:absolute; left:0; top:0;} #right-strip-slider .iframe-content iframe { min-width:1050px;} #right-strip-slider .upper-banner { position:absolute; left:25px; top:0; z-index:1010;} #container-wrap.strip-on { 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-right:174px; } #container-wrap.strip-on #newsletter-form1 input[type="text"] { width:217px;} #container-wrap.strip-on .user-progressbars .progress { width:31%; min-width:94px; } #container-wrap.strip-on .form-tooltip { width:233px;} #container-wrap.strip-on .skilltest-box1 .details { width:525px;} body.hide-overflow {overflow:hidden;} /*body.strip-moving #container-wrap{transform:translate3d(-84%, 0px, 0px); margin-right: 174px; padding-right: 0;} body.strip-moving #right-strip-slider { width:100%; transform:translate3d(100%, 0px, 0px);}*/ body.strip-moving #right-strip-slider { width:84%;} #page-overlay-slide { height:100%; width:100%; position:fixed; z-index:9998; left:0; top:0; background:rgba(46, 64, 86, 0.8); display:none; cursor:pointer;} #left-strip-banner, #right-strip-banner { position:fixed; left:0; top:0; width:12%; display:block; z-index:9999; height:100%; background:#fff; 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;} #right-strip-banner { left:auto; right:0; width:162px;} } @-moz-document url-prefix() { .mac #post-job-form .btn-file .button2, .mac .profile-updation-popup .btn-file .button2 { min-width:87px;} } /* Detect Mac Firefox 25 or newer */ @supports (-moz-osx-font-smoothing:auto) { #post-job-form .btn-file .button2, .profile-updation-popup .btn-file .button2 { min-width:87px;} } /* ========================================================================== 404 Page Specific Settings ========================================================================== */ .error-page { background:#fff;} .error-page #content .container { padding-bottom:0;} .error-page #content .col-sm-4 { display:table; height:582px;} .error-page #content p { display:table-cell; vertical-align:middle; margin:0; font-size:24px; line-height:40px; color:#475773; font-weight:300;} .error-page #content p img { margin-bottom:20px;} .error-page #content p .button1 { min-width:130px; font-size:16px;} /* ========================================================================== Share Activity Page Specific Settings ========================================================================== */ /*--- Share Section --- */ .invt-lft, .flexi-list, .invt-rgt { float:none; width:100%; margin-right:0;} #network_contacts_block .clear-width { width:auto; float:left;} .invt-list-menu { margin:0; padding:0; list-style:none;} .invt-list-menu li { float:left;} .invt-list-menu li a { text-align:left; font-size:19px; padding:15px 30px; background:#faf9f9;} .invt-bx { border-radius:0; border-color:#f5f5f5; border-top:0; box-shadow:none;} .invt-list-menu li a.inv-act { background:#e1d9d3;} .inv-conn { font-size:14px; line-height:21px;} .inv-conn-btn { font-size:20px;} .inv-conn-btn span, .inv-conn-btn:hover span { padding:12px 15px; height:55px;} .invt-hd2 { line-height:32px; margin-right:10px; } .flexi-list .invt-srch-frnd { margin-bottom:20px; margin-left:15px; margin-top:-8px; clear:right; } .flexi-list .invt-frnd-info:nth-child(3n) { margin-right:0;} .invt-gmail em { margin-top:0;} .invt-frnd-info .invt-frnd-pic { float:left; margin-right:10px;} .flexi-list .invt-frnd-info { margin-right:35px;} .invt-frnt-btn{ float:right; line-height:22px;} .flexi-list .invt-frnd-info .button4 { float:right;} .invt-frnd-info .friend-name { font-size:14px; color:#424242; margin-bottom:-1px !important; font-weight:500;} .invt-frnd-info { border-bottom:1px solid #dadada; margin-bottom:4px;} .invt-frnd-info:last-child { border-bottom:0; margin-bottom:0;} .invt-lft { width:20%;} .invt-rgt { width:70%;} .invt-list-menu li a { font-size:22px; overflow:visible; line-height:22px; display:block; width:100%; overflow:hidden; height:auto; color:#fff !important; } .invt-list-menu li.gmail-menu a { background:#e93e30 !important;} .invt-list-menu li.email-menu a { background:#f89a1e !important;} .invt-list-menu li.codebuddies-menu a { background:#00a8ec !important;} .invt-list-menu li a.inv-act { background:#eeeeee; color:#333;} .invt-list-menu li a i { float:none; height:auto; width:auto; background:none; display:inline;} .invt-list-menu li a .fa { font-size:19px;} .invt-list-menu li { position:relative;} .invt-list-menu li .arrow-down { width: 0; display:none; height: 0; position:absolute; bottom:-15px; left:50%; margin-left:-15px; border-left:15px solid transparent; border-right:15px solid transparent;} .invt-list-menu li .inv-act .arrow-down { display:block;} .invt-list-menu li.email-menu .arrow-down { border-top:15px solid #f89a1e;} .invt-list-menu li.gmail-menu .arrow-down { border-top:15px solid #e93e30;} .invt-list-menu li.codebuddies-menu .arrow-down { border-top:15px solid #00a8ec;} /*--- Gallery --- */ .gallery .preview { text-align:center; height:372px; margin:0 auto 30px; padding:10px; background:#fff; width:100%;} .gallery .preview .slide { width:100%; min-height:355px; line-height:355px;} .gallery .preview .slide img { max-height:353px; vertical-align:middle;} .gallery .thumbnails { padding:0 50px; position:relative;} .gallery .thumbnails a.previous-btn { background:url(images/techgig_images/previous-btn.png) left top no-repeat; width:23px; height:32px; position:absolute; left:0; top:50%; margin-top:-16px;} .gallery .thumbnails a.next-btn { background:url(images/techgig_images/next-btn.png) left top no-repeat; width:23px; height:32px; position:absolute; right:0; top:50%; margin-top:-16px;} .gallery .thumbnails ul { margin:0; padding:0; list-style:none;} .gallery .caroufredsel_wrapper { height:100px !important;} .gallery .thumbnails ul li { float:left; margin-right:25px; width:160px; padding:5px; background:#fff; height:100px; line-height:88px; text-align:center;} .gallery .thumbnails ul li a { display:block; max-width:160px; margin:0 auto;} .gallery .thumbnails ul li img { width:100%; max-height:90px; vertical-align:middle;} .gallery .company-photos { padding-top:30px;} .gallery .company-videos .preview { border:2px solid #fff;} .gallery .preview .figcaption { width:100%; padding:7px 10px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7);} .gallery .preview .figcaption h5 { margin-bottom:3px; color:#fff;} .gallery .preview .figcaption p { margin-bottom:0; color:#8c8c8c;} .common-popup .pop-image { margin-bottom:15px; max-width:100px; float:left; margin-right:15px; } .common-popup .button1,.common-popup .button2 { margin-bottom:15px; } .common-popup h4 { margin-bottom:26px; } .codejudge-participate #container-wrap { padding-top:0px !important; } .codejudge-participate #container-wrap.loggedin { padding-top:56px !important; } .codejudge-participate .left-panel { margin-bottom:80px;} /* ========================================================================== Hackathon ========================================================================== */ body.hackathon-page #header { position:fixed; padding:0; height:60px; z-index:1002; } .hackathon-page #header .user-area .avatar-pic { color:#424242; font-size:14px;} .hackathon-page #header .user-area .avatar-pic img { margin-right:3px;} .hackathon-page #header .logo { padding:20px 0; margin-right:25px;} body.hackathon-landing #header .logo { width:80px;} body.hackathon-landing #header .logo a { display:block; background:#fff; padding:0px 3px 2px; border-radius:2px;} .hackathon-page #header .user-area { padding-top:16px;} .hackathon-page .domain-tab { margin-top:-93px;} .hackathon-page #user-attentions, .hackathon-page #user-attentions .user-attentions-inner { width:295px;} #header.hackathon-header #main-navigation { float:right; width:auto; } #header.hackathon-header .user-area { width:auto; } .hackathon-page #footer { margin-top:30px;} .hackathon-page #footer h6 { color:#fff; } .hackathon-page #footer p { color:#8a858d; margin-bottom:15px; } .hackathon-page #footer p a { color:#d7263d; } /*--- Hackathon-inner-header --- */ #hackathon-inner-header { margin-bottom:0; background:#f9f9f9; padding:15px; border-radius:6px 6px 0 0; border-bottom:1px solid #eee;} #hackathon-inner-header .company-logo { width:75px; height:75px; background:#fff; border-radius:3px; padding:5px; text-align:center; position:relative; z-index:10; float:left; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2); line-height:65px; } #hackathon-inner-header .company-logo img { max-width:65px; max-height:65px;} #hackathon-inner-header .details { margin-left:90px;} #hackathon-inner-header .details h1 { padding-top:5px; margin-bottom:15px; font-size:24px; font-family:"roboto",Arial,Helvetica,sans-serif; font-weight:500;} #hackathon-inner-header .details p { margin-bottom:0; color:#8c8c8c;} /*--- Hackathon-header-content --- */ #hackathon-header-content { float:left; padding:8px 0 8px 25px;} #hackathon-header-content .company-logo { width:45px; height:45px; background:#fff; border-radius:2px; padding:3px; text-align:center; position:relative; z-index:10; float:left; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2); line-height:39px; } #hackathon-header-content .company-logo img { max-width:39px; max-height:39px;} #hackathon-header-content .details { margin-left:60px;} #hackathon-header-content .details h5 { margin-bottom:2px; } #hackathon-header-content .details h5 a {color:#d7263d;} #hackathon-header-content .details p { margin-bottom:0; color:#8c8c8c;} #hackathon-header-content .details p a { color:#8c8c8c;} /*--- Search Form --- */ #search-form1 { float:right; width:340px; position:relative; margin-top:-20px; margin-bottom:20px;} #search-form1 .inner { background:#fff; border:1px solid #efefef; border-radius:2px; padding:0 5px 0 15px;} #search-form1 .error_msg { margin-bottom:-18px; display:block;} #search-form1 input[type='text'] { border:0; float:left; width:283px; padding-left:0;} #search-form1 input[type='submit'],#search-form1 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-form1.search-by-categories .inner{ padding-left:48px;} #search-form1.search-by-categories input[type='text']{ width:253px;} #search-form1 .category-lists { position:relative; float:left;} #search-form1 .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-form1 .category-lists .dropdown-menu li { border-bottom:1px solid #efefef; margin-bottom:0;} #search-form1 .category-lists .dropdown-menu li:last-child { border-bottom:0;} #search-form1 .category-lists .dropdown-menu li a { padding:8px 16px; font-size:14px; color:#8c8c8c;} #search-form1 .category-lists .dropdown-menu li.active a, #search-form1 .category-lists .dropdown-menu li a:hover { color:#8a858d; background:#f2f2f2;} #search-form1 .category-lists .dropdown-menu li .fa { width:32px; text-align:center;} #search-form1 .category-menu { display:block; width:37px; border-right:1px solid #efefef; height:37px; text-align:center; padding:10px 4px 0 6px; position:relative;} #search-form1 .category-menu .line { display:block; height:1px; width:15px; margin:4px auto; background:#8c8c8c;} #search-form1 .category-menu .icons { display:block; float:left; width:18px; text-align:center;} #search-form1 .category-menu .fa-caret-down { width:8px; height:4px; display:inline-block; background:url(images/tg_images_new/sprites.svg) -76px -191px no-repeat;} /*--- Invite Team Members --- */ #invite-team-members .table1-wrap { margin-bottom:8px;} #invite-team-members .table1 tr td.actions { width:150px;} #invite-team-members .table1 tr td.name small, .team-request-receive .table1 tr td.name small { font-size:100%; color:#8a858d;} #invite-team-members .table1 tr td.actions .btn { min-width:120px; box-shadow:none;} #invite-team-members .table1 tr td.name img, .team-request-receive .table1 tr td.name img { float:left;} .team-request-receive .table1 tr td .btn { min-width:130px; border:0; box-shadow:none; margin-left:2px;} .team-request-receive .table1 tr td .btn.request-sent { cursor:default;} .team-request-receive .table1 tr td.actions { text-align:right;} #invite-team-members .table1 tr .name, .team-request-receive .table1 tr .name { width: auto; min-width: 200px;} /*--- Table1 --- */ .table1 tr td .status-btn { background:none; box-shadow:none; min-width:120px; outline:none; cursor:default; border:0;} .table1 tr td .status-btn.accepted { color:#70be5b;} .table1 tr td .status-btn.pending { color:#f1a80a;} .table1 tr td .status-btn.rejected { color:#d7263d;} .table1 tr td .member-name { font-weight:600;} #members-status .table1-wrap { margin-bottom:8px;} /*--- leader-label --- */ .leader-label { background:#f1ac4f; display:inline-block; padding:0 6px 2px; margin-top:3px; font-size:12px; color:#fff; line-height:14px;} /*--- Team Header --- */ #domain-join-team #team-header.content-block-extra { border-bottom:1px dashed #e5e5e5; padding-bottom:20px;} #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 span { font-size:16px; font-weight:normal;} #team-header .team-info h4 { font-weight:normal; margin-bottom:5px;} #team-header .team-info p { color:#8c8c8c; font-size:16px; margin-bottom:0;} #team-header .form1 .team-title { margin-bottom:20px;} #team-header .team-info .team-title .fa { font-size:13px; vertical-align:top; position:relative; top:2px; margin-right:5px;} #team-header .team-info .team-title a { text-decoration:none; color:#424242;} #team-header .team-info .team-title a:hover { text-decoration:underline;} #team-header .team-info .success_msg { color: #424242; clear:left; font-size: 12px; position: relative; line-height: 16px; margin-bottom: -15px; display: block; float: left;} #team-header .team-info .textbox { display:block; float:left; width:250px; border-bottom:1px solid #e9e9e9;} #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; background:url(images/tg_images/edit-icon.png) left top no-repeat; width:16px; height:16px; display:block; 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:17px; 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 .team-info .team-info-txt { padding-top:8px; color:#4A4548; font-size:12px;} #team-header .team-info .team-info-txt.no-padding { padding:0;} #team-header .team-info .team-info-txt .warning-icon { vertical-align:text-top; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -48px -80px no-repeat; margin:0 4px 0 0;} #team-header .members { padding-top:7px;} #team-header .col-sm-5 .members { padding-top:1px;} #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 { margin-bottom:8px;} .members .member p {color:#8a858d; margin-bottom:4px; word-break:break-all;} .members .member p:last-child {margin-bottom:0;} .members .member p strong { font-weight:500; color:#4a4548;} /*--- Invite To Join --- */ #invite-to-join .inner-wrap { padding:16px; background:#f2f2f2;} #invite-to-join .button1 { min-width:130px;} /*--- Join Team --- */ #join-team { padding-top:18px;} #join-team .btn { min-width:120px; float:right;} #join-team .request-sent { background:none;} #join-team .box-default { margin-bottom:12px;} .teams-block { margin-bottom:16px; padding:16px; background:#f2f2f2;} .teams-block.no-more-contents { background:none; padding:10px 16px; border:solid 1px #dadada; border-radius:6px; margin-bottom:0;} .teams-block.no-more-contents p { margin-bottom:0;} .no-content-txt {color:#8c8c8c !important;} /*--- Multiple Email --- */ .form1 .multiple_emails-container { border:1px #dadada solid; min-height:36px; background:#fff; 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:#fff3f3; color:#6f6a6d;} /*.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:3px; background: #e5f3dc; float:left; border:1px solid #417505; } .form1 ul li.multiple_emails-email { margin-bottom:3px;} .form1 .multiple_emails-close { float:right; margin-left:7px; color:#4a4548; font-size:20px; line-height:22px;} /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width:54px; height:28px; margin-bottom:0; 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:54px; height:28px;} .switch .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left:2px; bottom:2px; 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%;} /*--- Competitive Teams --- */ #competitive-teams { padding-top:18px;} #competitive-teams h4.heading2 { word-break:break-all; font-size:16px; } #competitive-teams h4.heading2 span { display:block; font-weight:200; font-size:14px; line-height:20px; padding-top:5px; } #competitive-teams h4.heading2 small { font-size:13px;} #competitive-teams p { margin-bottom:0;} #competitive-teams .header .leader-label { background:#2e4056; } #competitive-teams .header h4 { margin-bottom:5px; } /*#competitive-teams .list5 li { min-height:70px; margin-bottom:10px; } #competitive-teams .list5 li:first-child { margin-bottom:0px; min-height:auto; }*/ /*--- Competitive Teams --- */ #competitive-teams { padding-top:18px;} #competitive-teams h4.heading2 { word-break:break-all;} #competitive-teams h4.heading2, #competitive-teams p { margin-bottom:0;} #competitive-teams .box-default { margin-bottom:12px; padding:25px;} /*--- Invite Team Members --- */ #invite-team-members { padding-top:18px;} /*--- View Reviews --- */ #view-reviews .list5 li p { margin-bottom:10px; color:#424242; font-weight:normal; line-height:21px; font-size:14px;} #view-reviews .list5 li:last-child { border-bottom:0;} #view-reviews .modal-body { max-height:500px; overflow:auto;} #view-reviews .list5 li { border-bottom:1px solid #eeeeee; margin-bottom:0; background:#f4f4f4; padding:10px 15px 15px;} #view-reviews .list5 li:nth-child(2n) { background:#ffffff;} #view-reviews .list5 li h5 { font-size:18px; margin-bottom:10px;} #view-reviews .list5 li .btn, #view-reviews .list5 li .btn:hover, #view-reviews .list5 li .btn:focus, #view-reviews .list5 li .btn:active { border:0; border-radius:0;} /*--- News Details ---*/ .news-details.box-default { border-radius:6px; } .news-details.box-default .status-details .fa { width:16px; display:block; height:16px; background-image:url("images/tg_images_new/sprites.svg"); background-repeat:no-repeat; margin-right:4px; display:inline-block; vertical-align:text-bottom; } .news-details.box-default .status-details .fa.fa-calendar { background-position:-116px -409px; } .news-details.box-default .status-details .fa.fa-user { background-position:-200px -409px; } .news-details.box-default .status-details .fa.fa-heart { background-position:-228px -409px; } /* ========================================================================== SignUp Specific Settings ========================================================================== */ .signup-login-page #container-wrap { padding-top:0;} .signup-login-page div.token-input-dropdown-facebook { width:339px; max-height:150px; overflow:auto;} /*--- Signup Login --- */ #signup-login { padding:16px;} .modal #signup-login { padding:0;} #signup-login p { margin-bottom:16px; } #signup-login .login-signup-sociable p { margin-bottom:24px; } #signup-login .left-column { float:left; } #signup-login .form1 .forgot-password-area { padding-top:8px; display:block; } #signup-login .form1 .forgot-password-area a { color:#8a858d; text-decoration:underline; } #signup-login .form1 .agreement { color:#8a858d;} #signup-login .form1 .agreement a { color:#4a4548; text-decoration:underline; } #signup-login .right-column { float:right; width:51%; padding-left:24px; } #signup-login .right-column .tabs10 { background:#f7f7f7; padding-top:24px; border-radius:6px; } #signup-login .right-column .tabs10 .nav-tabs { margin-bottom:0px; } #signup-login .right-column .nav-tabs li { width:50%; padding:0px 24px; } #signup-login .right-column .tabs10 .tab-content { padding:24px 16px; } #signup-login .inner-wrap { max-width:500px; width:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.3); margin:0 auto 50px; padding:0; border-radius:4px;} #signup-login .logo { margin:0 auto 24px; text-align:center;} #signup-login .form1 ul li { position:relative; margin-bottom:20px;} #signup-login .form1 ul li label.left-label { white-space:nowrap;} #signup-login .form1 ul li .fa { position:absolute; left:0; width:51px; top:1px; border-right:1px solid #dadada; height:50px; line-height:50px; color:#c0c0c0; font-size:17px; text-align:center;} #signup-login .tg-loader { padding:85px 0;} #signup-login .left-column { width:45%;} #signup-login .right-column { width:55%;} #signup-login .form1 ul li.token-input-input-token-facebook { margin-bottom:0px; } #signup-login #why-participate { padding-top:22px; } #login-form ul li:last-child { margin-bottom:30px;} /*--- Token Suggestions Heading --- */ .token-suggestions-heading { padding-left:10px !important; font-weight:600 !important; color:#4a4548 !important; } /*--- Signup Login Page --- */ .signup-login-page #content .container { padding-top:24px;} .signup-login-page { background:#fff; } /*--- signup-login-wrap --- */ .signup-login-wrap { padding-top:8px; padding-bottom:40px; } .signup-login-wrap .form1 ul li { margin-bottom:10px; position:relative; } .signup-login-wrap .form1 .forgot-password-area { padding-top:8px; display:block; } .signup-login-wrap .form1 .forgot-password-area a { color:#8a858d; text-decoration:underline; } .signup-login-wrap .form1 .agreement { color:#8a858d;} .signup-login-wrap .form1 .agreement a { color:#4a4548; text-decoration:underline; } .signup-login-wrap .left-column { width:50%; float:left; } .signup-login-wrap .right-column { float:right; width:50%; padding-left:80px; } .signup-login-wrap .right-column .inner-wrap { padding:24px 0px; background:#f7f7f7; border-radius:6px; } .signup-login-wrap .right-column .inner-wrap .form1 ul li { margin-bottom:16px; } .signup-login-wrap .right-column .inner-wrap .form1 ul li:last-child { margin-bottom:0px; } .signup-login-wrap .form1 #autocomplete { width:100% !important;} .signup-login-wrap ul.token-input-list-facebook li input { margin:0px; } .signup-login-wrap .tabs10 .nav-tabs { padding:0; margin-bottom:0px; } .signup-login-wrap .tabs10 .nav-tabs li { width:50%; padding:0px 24px; } .signup-login-wrap .tabs10 .tab-content { padding:24px 16px; padding-bottom:0px; } .signup-login-wrap .form1 .varification-field .form-control { width:90px;} .signup-login-wrap #signup-login .inner-wrap {box-shadow:none;} #forgot-password h2 { margin-bottom:0px; } /*--- Login Form --- */ #login-form { position:relative;} /*--- Signup Form --- */ #signup-login1 small { display:block; font-size:11px; color:#8c8c8c;} /*--- Why-participate --- */ #why-participate { padding-top:36px; } #why-participate h3 { margin-bottom:4px;} #why-participate ul { margin:0px; padding:0; list-style:none;} #why-participate li { margin-bottom:38px;} #why-participate li:last-child { margin-bottom:16px;} #why-participate .icon { float:left; } #why-participate .details { margin-left:128px; } #why-participate .details p { color:#8a858d; margin-bottom:0; } #login-register-popup .modal-header { padding-top:0; padding-bottom:0;} #login-register-popup .modal-header .close { position:relative; top:17px;} #login-register-popup .modal-body { padding-top:0;} #login-register-popup #signup-login .form1 ul li label.left-label { white-space:normal; } .modal #why-participate h3 { font-size:14px;} .modal #why-participate .icon { width:78px;} .modal #why-participate .details { margin-left:94px; } .modal #why-participate .details p { font-size:12px; line-height:16px;} /*--- Login Signup Sociable --- */ .login-signup-sociable p { margin-bottom:24px; display:flex;} .login-signup-sociable p span { vertical-align:top; display:inline-block; padding-top:6px; width:116px; } .login-signup-sociable p a { display:flex; margin-right:12px; width:48px; height:32px; text-align:center; line-height:29px; vertical-align:top; align-items:center; } .login-signup-sociable p a img,.login-signup-sociable p a svg{margin:auto;} .login-signup-sociable p a.linkedin { background:#0077b5;} .login-signup-sociable p a.facebook { background:#3b5998; } .login-signup-sociable p a.google { background:#ffffff; border:1px solid #4285f4; line-height:29px; } .login-signup-sociable p a.github { background:#3b4146; } .modal .login-signup-sociable p a.linkedin { margin-left:0;} .modal .login-signup-sociable p span{ width:87px;} .modal #signup-form #rc-imageselect, .modal #signup-form .g-recaptcha {transform:scale(0.80);-webkit-transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0;} /*--- Timezone Alert --- */ .timezone-alert { color:#a94442; border-color:#ebccd1; background-color:#f2dede; padding:15px; position:absolute; left:0px; top:0px; z-index:10000; width:100%; text-align:center; } .timezone-alert h4 { margin-bottom:0px; color:#a94442; font-weight:bold; } /*--- GDR-Box --- */ #gdr-box { padding-top:40px; padding-bottom:20px; } #gdr-box .box-default { border-radius:6px; } #gdr-box h1 { margin-bottom:30px; font-weight:600; line-height:36px; font-size:32px; } #gdr-box h5 { margin:0px; } /*--- We Offer --- */ .we-offer.content-block-extra { margin-bottom:24px; } .we-offer .box-default1 { margin-bottom:16px; text-align:center; } .we-offer figure { margin-bottom:16px; height:65px; } .we-offer h5 { margin-bottom:8px; } /*--- Expert Benefits --- */ .expert-benefits { margin:0px; padding:0px; list-style-type:none; } .expert-benefits li { margin-bottom:8px; } .expert-benefits li h3 { margin-bottom:12px; } .expert-benefits li:last-child,.expert-benefits li:last-child p { margin-bottom:0px; } #campus-ambassador h3 { margin-bottom:12px;} #campus-ambassador p:last-child { margin-bottom:0px;} #campus-ambassador .box-default1 { margin-bottom:24px;} #campus-ambassador .ambassador-header { margin-bottom:24px;} #campus-ambassador .ambassador-header h3 { margin-right:107px; margin-bottom:0px;} /*--- In Press --- */ .in-press.content-block-extra { margin-bottom:24px; } .in-press .box { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:4px; margin-bottom:16px;} .in-press .box .banner img { width:100%; border-radius:4px 4px 0px 0px; } .in-press .box .content { background:#fff; padding:12px; border-radius:0px 0px 4px 4px;} .in-press .box .content p { height:56px; overflow:hidden; margin-bottom:8px; font-weight:600; } .in-press .box .content p a { color:#19171a; text-decoration:none; } .in-press .box:hover .content p a { color:#d7263d; } .in-press .box .content p:last-child { margin-bottom:0px; height:auto; color:#8a858d; } .in-press .box .content p small { font-size:12px; line-height:16px; } /*--- Tg Awards --- */ .tg-awards { box-shadow:none; margin-bottom:24px;} .tg-awards figure img { width:100%; } .tg-awards p:last-child { margin-bottom:0px; } /*--- Tg Contact --- */ .tg-contact ul { margin:0px; padding:0px; list-style-type:none; } .tg-contact ul li { float:left; margin-right:40px;} .tg-contact ul li .action-lnk { margin-left:0px; } .tg-contact ul li p:last-child { margin-bottom:0px; } .tg-contact ul li:last-child { margin-right:0px;} /*--- Get Hired Top --- */ .static-block { text-align:center; } .static-block.less-margin { margin-bottom:16px;} .static-block .box-default1 { margin-bottom:24px; } .static-block .button1 { min-width:184px; } .static-block h3,.static-block p { margin-bottom:8px; } .static-block figure { height:79px; margin-bottom:16px; } /*--- Users Word --- */ #users-word { background:#f8f8f8; } #users-word .slides { position:relative; } #users-word ul { margin:0; padding:0; list-style:none;} #users-word h2 { margin-bottom:32px; } #users-word .box-default { margin-left:33px; padding-top:24px; border-radius:6px; } #users-word .box-default.no-margin { margin-bottom:0px; } #users-word .box-default .content { margin-left:-46px; } #users-word blockquote { border:none; padding:0px; margin:0px; margin-left:87px; } #users-word blockquote p { font-size:16px; color:#19171a; margin-bottom:24px; height:100px; overflow:hidden; } #users-word blockquote p.cite { font-size:14px; color:#696969; margin-bottom:0px; font-weight:600; height:auto; } #users-word blockquote p.cite cite { font-style:normal; } #users-word blockquote p.cite small { font-size:12px; color:#666666; font-weight:normal; } #users-word blockquote p.cite small:before { display:none; } #users-word .image { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); border: solid 2px #ffffff; border-radius:50%; width:72px; height:72px; float:left; background:#f7f7f7;} #users-word .image img { width:68px; height:68px; border-radius:50%; } #users-word .controls { display:none; text-align:center; } #users-word .controls a { background:#bebebe; display:inline-block; margin:0px 3px; width:8px; height:0; padding-top:8px; overflow:hidden; border-radius:50%;} #users-word .controls a:hover, #users-word .controls a.selected { background:#d7263d;} .get-hired-page #users-word { background:none; margin-bottom:32px; } .get-hired-page #users-word > .container { padding-top:0px; } /*--- Associate Company --- */ .associate-company .box-default1 { text-align:center; height:88px; margin-bottom:16px; } .associate-company .box-default1 figure { line-height:56px; } .associate-company .box-default1 figure img { max-width:150px; max-height:56px; } /*--- People Box --- */ .people-box { background:#fff; text-align:center; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:15px 15px 0;} .people-box .image { margin:0 auto 2px; width:70px; height:70px; display:block;} .people-box .image img { height:70px; width:70px; border-radius:50%;} .people-box h5 { margin-bottom:0px; height:22px; overflow:hidden;} .people-box h5 a {color:#424242;} .people-box p { font-size:12px; line-height:16px; color:#8c8c8c; height:34px; overflow:hidden;} .people-box footer { border-radius:0; position:relative; margin:0 -15px 0;} .people-box .button1 { border-radius:0;} .people-box .image .first-letter { display:block; margin:0 auto; width:60px; height:60px; border-radius:50%; line-height:58px; text-align:center; font-size:24px; color:#fff; font-weight:500;} /*--- Leaderboard Box ---*/ .leaderboard-box { background:#fff; border:1px solid #dadada; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); border-radius:3px; margin-bottom:16px; } .leaderboard-box header { padding:16px; } /*--- Hackathon Filters --- */ .leaderboard-filters {border-radius: 3px; background-color: #f2f2f2; border: solid 1px #c2c2c2; padding:16px; margin-top:8px;} .leaderboard-filters > .form-inline > .form-group { min-width:120px; margin-right:6px; margin-bottom:16px; position:relative;} .leaderboard-filters .btn { min-width:120px; margin-right:12px;} .leaderboard-filters .select-options { display:none; border-radius:3px; background-color: #ffffff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; width:276px; padding:0; top:61px;} .leaderboard-filters .select-options.bottom > .arrow { left:36%; border-bottom-color:rgba(0,0,0,0.15);} .leaderboard-filters .select-options .popover-content { padding:16px;} .leaderboard-filters .select-options .form-inline { margin-bottom:16px;} .leaderboard-filters .select-options .search-field { position:relative; width:160px;} .leaderboard-filters .select-options .search-field .remove { width:12px; height:12px; display:inline-block; background:url(images/tg_images_new/sprites.svg) -51px -299px no-repeat; position:absolute; right:4px; top:13px; display:none;} .leaderboard-filters .select-options .action-lnk { margin-left:6px;} .leaderboard-filters .select-options p .action-lnk { margin-left:0;} .leaderboard-filters .select-options .search-field input[type="text"] { padding-left:37px; width:160px;} .leaderboard-filters .select-options .search-field .search-icon { width:16px; height:16px; position:absolute; left:12px; top:11px; display:block; background: url(images/tg_images_new/sprites.svg) no-repeat; background-position:-287px -81px; opacity:0.4;} .leaderboard-filters .select-options .options-list { max-height:335px; overflow:auto; position:relative; margin-right:-16px;} .leaderboard-filters .custom-dropdown .btn { color:#c2c2c2;} .leaderboard-filters .custom-dropdown .btn.has-value { color:#424242;} .search-form-leaderboard { width:220px; position:relative;} .search-form-leaderboard .inner { background:#fff; border:1px solid #c2c2c2; border-radius:3px; height:32px; padding:0 8px 0 32px; position:relative;} .search-form-leaderboard .search-icon { background:url("images/tg_images_new/sprites.svg") 0 0 no-repeat; width:32px; display:block; height:32px; position:absolute; left:1px; top:-1px; background-position:-280px -72px; opacity:0.5;} .search-form-leaderboard .search-close { background:url(images/tg_images_new/sprites.svg) -52px -300px no-repeat; width:8px; height:8px; display:block; position:absolute; right:4px; top:11px; opacity:0.5;} .search-form-leaderboard input[type='text'] { border:0; float:left; width:96%; padding:0; font-size:14px; line-height:22px; color:#4a4548; font-weight:normal; height:30px;} /*--- Hackathon ContentBox --- */ #leaderboard-content-box .hackathon-alert { color:#8c8c8c; text-align:right; position:absolute; right:0; top:-40px;} #leaderboard-content-box { position:relative;} #leaderboard-content-box header { padding:16px;} #leaderboard-content-box header .description-list { float:right;} #leaderboard-content-box header .description-list dt { margin-right:2px; line-height:32px;} #leaderboard-content-box header .description-list dd { margin-right:0; line-height:32px;} #leaderboard-content-box header h3 { line-height:32px; margin-bottom:16px;} #leaderboard-content-box header h3 span { margin-left:4px; color:#8c8c8c; font-size:14px; font-weight:normal;} #leaderboard-content-box #search-form { width:200px;} #leaderboard-content-box #search-form #search-form-content { top:31px; border:1px solid #dadada; padding:8px 0 0;} #leaderboard-content-box #search-form .inner { border-radius:3px; border:1px solid #c2c2c2; padding:0 8px 0 32px; height:32px; box-shadow:none;} #leaderboard-content-box #search-form input[type="text"] { font-size:14px; font-weight:normal; height:30px;} #leaderboard-content-box #search-form .search-icon { left:1px; top:-1px; background-position:-280px -72px; opacity:0.5;} #leaderboard-content-box #search-form-content ul li a { padding:4px 4px 4px 32px;} #leaderboard-content-box #search-form-content h6 { margin-left:32px; display:none;} #leaderboard-content-box #search-form .no-content { padding:24px 16px 16px;} #leaderboard-content-box .col-sm-4 .custom-dropdown .btn {border:1px solid #8a858d; min-width:120px;} #leaderboard-content-box .col-sm-4 .custom-dropdown .btn:after { background-position:-337px -373px;} #leaderboard-content-box .col-sm-4 .custom-dropdown .btn.active:after { background-position:-365px -373px;} #leaderboard-content-box .col-sm-4 .custom-dropdown .btn.active {background-color: #f2f2f2; color:#424242; border: solid 1px #c2c2c2;} #leaderboard-content-box .common-dropdown .btn {min-width:75px;border:1px solid #8a858d;box-shadow:none; padding:5px 28px 5px 12px; color:#4a4548; background:#fff; text-align:left;} #leaderboard-content-box .common-dropdown .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:1px; background:url(images/tg_images_new/sprites.svg) -337px -373px no-repeat; width:31px; height:32px; content:"";} #leaderboard-content-box .common-dropdown .btn.active:after { background-position:-365px -373px;} #leaderboard-content-box .common-dropdown .btn.active {background-color: #f2f2f2; color:#424242; border: solid 1px #c2c2c2;} #leaderboard-content-box .common-dropdown .dropdown-menu { width:245px; top:40px; right:0;} #leaderboard-content-box .common-dropdown li.checkbox-field { padding:10px 12px;} #leaderboard-content-box .common-dropdown li.checkbox-field .checkbox-block { margin-bottom:0;} #leaderboard-content-box .common-dropdown.accepted .btn { border:1px solid #26d974; color:#26d974;} #leaderboard-content-box .common-dropdown.accepted .btn:after { background-position:-310px -373px;} #leaderboard-content-box .common-dropdown.accepted .btn.active:after { background-position:-283px -373px;} #leaderboard-content-box .common-dropdown.accepted .btn.active {background-color: #ffffff; color:#26d974; border: solid 1px #26d974;} #leaderboard-content-box .common-dropdown.accepted .dropdown-menu { width:175px;} #leaderboard-content-box .common-dropdown.rejected .btn { border:1px solid #ff3f00; color:#ff3f00;} #leaderboard-content-box .common-dropdown.rejected .btn:after { background-position:-21px -401px;} #leaderboard-content-box .common-dropdown.rejected .btn.active:after { background-position:7px -401px;} #leaderboard-content-box .common-dropdown.rejected .btn.active {background-color: #ffffff; color:#ff3f00; border: solid 1px #ff3f00;} #leaderboard-content-box .common-dropdown.rejected .dropdown-menu { width:175px;} #leaderboard-content-box .table1 tr th:first-child,#leaderboard-content-box .table1 tr th:last-child,#leaderboard-content-box .table1-wrap { border-radius:0px; } #leaderboard-content-box .table1 tr th,#leaderboard-content-box .table1 tr td { text-align:left; } #leaderboard-content-box .table1 tr .last-active { color:#8a858d; } #leaderboard-content-box .table1 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; text-align:center;} #leaderboard-content-box .table1 td a { color:#4a4548; } #leaderboard-content-box .table1 td .moved-position svg { position:relative; top:-2px;} /* -- Tablesorter -- */ table.tablesorter thead tr .header {cursor: pointer;} table.tablesorter thead tr .header:after {content:""; display:inline-block; margin-left:4px; width:8px; height:11px; background: url(images/tg_images_new/shorting-icon.svg) left top no-repeat; vertical-align:middle; position:relative; top:-1px;} table.tablesorter thead tr .headerSortUp:after { height:5px;} table.tablesorter thead tr .headerSortDown:after { background-position:0 -5px; height:5px;} /* ========================================================================== New Discussion Forum ========================================================================== */ #discussion-forum .refresh-btn { background:url(images/tg_images_new/sprites.svg) -128px -152px no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-left:8px;} #discussion-forum header { margin-bottom:28px; } #discussion-forum header h3 { float:left; margin-bottom:0; line-height:36px;} #discussion-forum header p { float:right; margin-bottom:0;} .extra-small-view #discussion-forum header p, .extra-small-view #discussion-forum header h3 { float:none;} .extra-small-view #discussion-forum header p { padding-top:8px;} #discussion-forum header label { float:left; margin-right:8px; color:#4a4548; line-height:33px;} #discussion-forum header .select{ float:left; width:auto; min-width:122px;} #discussion-forum .image-holder { float:left; } #discussion-forum .image-holder img { width:40px; height:40px; border-radius:50%; } #discussion-forum .user-comment { margin-left:55px; padding-bottom:24px; font-size:14px; } #discussion-forum .user-comment table { width:100% !important; } #discussion-forum .user-comment.disabled { opacity:0.5;} #discussion-forum ul.comment-section > li {border-bottom:1px solid #c2c2c2; margin-bottom:24px; position:relative; } #discussion-forum ul.comment-section > li:before {content:""; background:#f2f2f2; height:1px; position:absolute; width:55px; left:0; bottom:-1px; display:block;} #contest-description #discussion-forum ul.comment-section > li:before, #content .inner-content #discussion-forum ul.comment-section > li:before, .box-default1 #discussion-forum ul.comment-section > li:before, .inner-coding-area #discussion-forum ul.comment-section > li:before {background:#ffffff;} #discussion-forum ul.comment-section > li:last-child {border-bottom:0; margin-bottom:0; } #discussion-forum .editor-block { position:relative;} #discussion-forum .editor-block p { margin-bottom:0;} #discussion-forum .code-icon { position:absolute; left:110px; width:24px; height:24px; top:7px; background:url(images/tg_images_new/sprites.svg) -248px -180px no-repeat; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; opacity:0.7;} #discussion-forum .editor-block p > div:nth-child(2n) { border-radius:0 0 6px 6px;} #discussion-forum .code-icon:hover { opacity:1;} #discussion-forum ul li { position:relative; margin-bottom:0;} #discussion-forum #more_comment_link { margin-top:30px; } #discussion-forum .user-main-comment li { padding-left:0px; } #discussion-forum .user-main-comment .user-comment{ border:0;} #discussion-forum .user-main-comment li:before { display:none; } #discussion-forum h5 { margin-bottom:6px;} #discussion-forum h5 .time { font-weight:normal; color:#8a858d; margin-left:8px;} #discussion-forum h5 .reply-to { font-weight:normal; color:#8a858d; margin-left:4px; margin-right:4px;} #discussion-forum h5 .reply-to .icon { width:16px; height:16px; display:inline-block; background:url(images/tg_images_new/sprites.svg) -348px -185px no-repeat; vertical-align:middle; margin-right:2px;} #discussion-forum .comment-box p { margin-bottom:0;} #discussion-forum .comment-box p { margin-bottom:0;} #discussion-forum .footer-links { margin:0; text-align:right; display:none; padding-top:16px;} #discussion-forum .footer-links .btn { float:right; margin-left:16px;} #discussion-forum .footer-links .cancel {line-height:30px;} #discussion-forum .footer-links .add-reply { min-width:120px; margin-left:12px;} #discussion-forum .user-area-comment { font-size:14px; color:#8a858d; line-height:16px; width:100%; overflow:hidden; } #discussion-forum .user-area-comment .icon { width:9px; height:6px; display:inline-block; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; background-position:-279px -189px; vertical-align:middle; margin-left:3px;} #discussion-forum .user-comment li { font-size:14px; color:#4a4548; line-height:20px; margin-bottom:8px;} #discussion-forum .user-comment li:last-child { margin-bottom:0;} #discussion-forum .user-comment .user-controls { float:right; position:relative;} #discussion-forum .user-comment .common-dropdown .icon { float:none; margin-left:8px;} #discussion-forum .user-comment .common-dropdown .dropdown-menu { top:32px; min-width:202px; } #discussion-forum .user-comment .user-controls .dropdown-toggle { width:32px; height:32px; padding:0; margin:0; display:block; text-align:center; background:none; line-height:32px; border:0; margin:-8px -8px 0 0;} #discussion-forum .user-comment .user-controls .dropdown-toggle svg { vertical-align:middle; } #discussion-forum .user-comment .user-controls .dropdown-toggle:hover svg g { fill:#d7263d;} #discussion-forum .user-comment .user-controls.open .dropdown-toggle svg g { fill:#d7263d;} #discussion-forum .user-comment .user-controls.open .dropdown-toggle { background:#f2f2f2;} #discussion-forum .user-area-comment .like-comments-btn.active, #discussion-forum .user-area-comment .like-comments-btn:active, #discussion-forum .user-area-comment .like-comments-btn:focus { color:#26d974;} #discussion-forum .user-area-comment .like-comments-btn.active .icon, #discussion-forum .user-area-comment .like-comments-btn:active .icon, #discussion-forum .user-area-comment .like-comments-btn:focus .icon {background-position:-303px -189px;} #discussion-forum .user-area-comment .unlike-comments-btn .icon { background-position:-376px -189px;} #discussion-forum .user-area-comment .unlike-comments-btn.active, #discussion-forum .user-area-comment .unlike-comments-btn:active, #discussion-forum .user-area-comment .unlike-comments-btn:focus { color:#ff0000;} #discussion-forum .user-area-comment .unlike-comments-btn.active .icon, #discussion-forum .user-area-comment .unlike-comments-btn:active .icon, #discussion-forum .user-area-comment .unlike-comments-btn:focus .icon {background-position:-327px -189px;} #discussion-forum .user-area-comment a { margin:0px 8px; color:#8a858d; float:left;} #discussion-forum .user-area-comment a.add-comment { margin-left:16px;} #discussion-forum .user-area-comment a:first-child, #discussion-forum .user-area-comment a.edit-comment-reply { margin-left:0px; } #discussion-forum .box { position:relative; margin-top:24px;} #discussion-forum .nicEdit-button-undefined { border:none !important; background-color:#f8f8f8 !important;} #discussion-forum .nicEdit-panel div[unselectable="on"] { margin-right:3px;} #discussion-forum .editor-block p > div { width:100% !important;} #discussion-forum .box p > div { width:100% !important; } #discussion-forum ul li ul { margin-left:55px;} #discussion-forum ul li ul ul { margin-left:47px;} #discussion-forum ul li ul ul ul ul ul { margin-left:0;} #discussion-forum ul li ul li .image-holder img { width:32px; height:32px;} #discussion-forum ul li ul li .user-comment { margin-left:47px; font-size:14px; } #discussion-forum .editor-actions { display:none; margin-bottom:0; padding-top:16px;} #discussion-forum .editor-actions .post-comment { min-width:120px; margin-left:12px;} #discussion-forum .editor-actions .error_msg { line-height:28px;} #discussion-forum .user-comment-txt { margin-bottom:8px;word-wrap: break-word;} /* #code-snippet .CodeMirror-gutters { height:100% !important; min-width:28px; } #code-snippet .CodeMirror-gutters .CodeMirror-gutter { min-width:28px; } */ #left-strip-banner, #right-strip-banner { display:none;} /* Invite Participants Form */ #invite-participants-form .form1 .multiple_emails-container .form-control { width:260px; } /* Discussion-forum */ #discussion-forum .hide-replies, #discussion-forum .view-all-replies { margin-left:0; display:none; margin-top:16px;} #discussion-forum .hide-replies .icon { width:16px; height:16px; display:inline-block; background:url(images/tg_images_new/sprites.svg) -176px -216px no-repeat; vertical-align:middle; margin-left:3px;} #discussion-forum .view-all-replies .icon { width:16px; height:16px; display:inline-block; background:url(images/tg_images_new/sprites.svg) -216px -216px no-repeat; vertical-align:middle; margin-left:3px;} /* Code Wait Time */ .code-wait-time { display:inline-block; width:65px; height:65px; border:2px solid #dadada; text-align:center; border-radius:50%; font-size:12px; padding-top:8px; font-weight:600; } /* Followers Box List */ .followers-box-list .load-more-content { text-align:center; padding-top:8px; } .followers-box-list .load-more-content .button2 { width:268px; } /* Followers Box */ .followers-box { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px; margin-bottom:16px; padding:16px; min-height:95px; } .followers-box .btn { min-width:120px; margin-top:14px; } .followers-box figure { float:left; width:40px; height:40px;} .followers-box figure img { width:40px; height:40px; border-radius:50%; } .followers-box .details { margin-left:48px; } .followers-box .details h5 { margin-bottom:2px; } .followers-box .details p { margin:0px; } .followers-box .details p .company { display:block; color:#8a858d; margin-top:4px; font-size:12px; line-height:16px; } /* Nice Editor */ .nicEdit-main { margin:0 !important; padding:8px; background:#fff; width:100% !important;} /* disabled Js */ .disabled-js { background:#ffd3d3; color:#e80000; font-size:14px; line-height:20px; padding:16px; border:1px solid rgba(232, 0, 0, 0.4); display:block; width:100%; position:absolute; left:0px; top:57px; text-align:center; font-weight:bold; z-index:10000; } /*--- CSS For Code Editor --- */ .CodeMirror{font-family:'Fira Mono',monospace;height:300px}.CodeMirror-scroll{overflow:auto}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror div.CodeMirror-cursor{border-left:1px solid #000}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor{width:auto;border:0;background:#7e7}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}@-moz-keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}@-webkit-keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}@keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}.cm-tab{display:inline-block}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{line-height:1;position:relative;overflow:hidden;background:#fff;color:#000}.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-sizer{position:relative;border-right:30px solid transparent;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll;max-width:100%}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutter-wrapper{position:absolute!important;left:-32px!important;top:0;z-index:10!important}.CodeMirror-gutters{position:absolute;left:0!important;top:0;padding-bottom:30px;z-index:3}.CodeMirror-gutter{white-space:normal;width:45px !important;height:100%;-moz-box-sizing:content-box;box-sizing:content-box;padding-bottom:30px;margin-bottom:-32px;display:inline-block;*zoom:1;*display:inline}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4; left:-15px !important;}.CodeMirror-lines{cursor:text}.CodeMirror-code{height:100%!important}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:1}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.CodeMirror span{*vertical-align:text-bottom}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}#navcontainer li a.active{background:#369;color:#fff} .tg3-sponcer-18{font-size:14px;} .tg3-sponcer-18 .presented-by{padding:12px 10px;} .tg3-sponcer-18 .sponsored-by{margin-top:16px;} .table-cms td {border: solid 1px #ddd; padding: 5px;} .tg3_bannertbl{display: table; text-align:center;margin: auto;} .tg3_bannertg{width:55px; height:45px; border:solid 1px transparent; display:table-cell; vertical-align: middle; text-align:center; line-height:30px;} .tg3_bannertg > img._clogo{max-height: 100%; max-width: 100%;} .tg3_bannertg + .tg3_bannertg{margin-left:5px;} #TechGigbootStrapModal .icon-cross{background: none; border: none; float: right; margin-top: 3px; margin-right: 3px;} .first-letter { display:inline-block; margin-right:8px; width:40px; height:40px; border-radius:50%; line-height:38px; text-align:center; font-size:18px; color:#fff; font-weight:500;} /****** For Bigger Screen ******/ @media (min-width:768px){ span.presented-lbl{margin-top:10px;} ._tg3logo{max-height:45px;} .external-mobilebanner{display:table; } } /****** For Mobile Screen ******/ @media (max-width:767px) { .company-inventory .external-mobilebanner{border-bottom:dashed 1px #dadada; padding-bottom:16px; margin-bottom:16px; text-align:center;} .company-inventory .external-mobilebanner .left{float:none; display:block; text-align:center;} .tg3_bannertg{width:auto; height:auto;display: inline-block;} .presented-lbl{margin-bottom:10px;} .tg3_bannertg > img._imgm45{height:40px;} ._tg3logo{max-height:37px;} .tg3_bannertg > img._clogo.titlesponcer{max-height: 90%; max-width: 90%;} .mobilespace{margin-bottom:16px;} .leadersection .leader-details{width: 320px; right: -14px;} #need_help_coding_common.sm-help{display:inline-block !important} } .company-adv-banner{padding: 16px 0px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); background: #fff; position: relative; font-size: 14px; border-radius:5px; padding-bottom:0; margin-bottom:24px;} .gig-transactiontble{border-radius:6px; border: solid 1px #dadada; margin-bottom:16px;} .gig-transactiontble > .table{margin-bottom:0;} .gig-transactiontble tr:nth-child(odd){background-color:#f7f7f7;} .gig-transactiontble tr:nth-child(even){background-color:#fff;} .gig-transactiontble > .table tr td, .gig-transactiontble > .table tr th{line-height:23px; border-top:none;} .practice-static-pages h4,.practice-static-pages .heading{margin-bottom:8px;} .gift-block-info > h6{margin-bottom:24px;margin-top:16px;} .gift-block-info h3{margin-bottom:0; margin-top:4px;} .redeem-options{margin-bottom:16px;} .unlock-gift > img{width:100%;} .unlock-gift{position:relative;} .unlock-blk{display:none;} .unlock-gift .unlock-blk{display: block; background: rgba(0,0,0,0.8); position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; padding:16px; color:#fff; border-radius:2px;} .unlock-blk > img{margin-top:16px;} .redeem-process{border: solid 1px #dadada;} .redeem-process + .popupinput +.redeem-process{border-top:none;} .redeem-process-step + .redeem-process > h3{background:#f7f7f7; margin-bottom: 0; padding-left:16px; line-height:50px; position:relative;} .redeem-process-step + .redeem-process > h3 > i{display:none;float: right; margin-top: 16px;} .redeem-process-step + .redeemed > h3{background:#e7ffec;} .redeem-process-step + .redeemed > h3> i{display:block;} .redeem-process-step + .redeem-process > h3 > label{position:absolute; top:0; left:0; right:0; bottom:0;} .redeem-process-step + .redeem-process > .redeem-step-details{max-height:0; overflow:hidden; transition:all 0.5s; padding:0px 16px;} .redeem-process-step:checked + .redeem-process > h3{background:#fff;} .redeem-process-step:checked + .redeem-process > h3 > label,.redeem-process-step:checked + .redeem-process > h3 > i{display:none;} .redeem-process-step:checked + .redeem-process > .redeem-step-details{max-height:500px; padding:16px; padding-top:0px;} #question-filter:checked + .question-filter{padding:16px; background:#fff; display:block; border-radius: 3px; position: absolute; width:100%; right: -5px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);margin-top: 8px;} #question-filter:checked + .question-filter:after{content: ""; position: absolute; top: -19px; right: 23px; width: 0; height: 0; border: solid 10px transparent; border-bottom-color: #fff;} @media (min-width:768px){ #question-filter:checked + .question-filter{width: 500px;} } @media (max-width:767px){ .mobmtop16{margin-top:16px;} #question-filter:checked + .question-filter{width:300px;} .active-user-status{max-width:90%;} .popupinput:checked + div.guide-intro{display:none;} .popupinput:checked + .guide-intro + div.inactiveaction{pointer-events:all} } .box-default1.practice-result-success{background: #e7ffec; box-shadow: 0 0 0 0 transparent;} .box-default1.practice-result-error{background: #fff6f6; box-shadow: 0 0 0 0 transparent;} .user-score{font-size: 56px; line-height: 60px; font-weight: 900; color: #4a4548; margin-bottom: 8px;} .user-score > span{font-size: 14px;line-height: 20px; font-weight: normal; color: #8a858d; vertical-align: baseline;} .practice-ratting .rating1 > ul > li{transform: scale(1.7); margin-right: 15px;} .badge-wrap{width:80px; height:90px; display:inline-block;} .badge-list .badge-card{margin:0; transform: scale(0.56); transform-origin: left top;} .badge-list .badge-wrap + .badge-wrap{margin-left:8px;} .badge-card{width:143px; height:160px; margin:auto; position:relative; padding-top:22px; text-align:center; background:url(images/tg_images_new/yellow-badge.png) no-repeat;} .badge-orange{background-image:url(images/tg_images_new/orange-badge.png);} .badge-red{background-image:url(images/tg_images_new/red-badge.png);} .badge-purple{background-image:url(images/tg_images_new/purple-badge.png);} .badge-blue{background-image:url(images/tg_images_new/blue-badge.png);} .course-icon{width:34px; height:32px; background:url(images/tg_images_new/badge-icon-sprite.png) 0 0 no-repeat; display: inline-block;} .python-icon{background-position:-39px 0px;} .mathematics-icon{background-position: -79px 0px;} .data-structure-icon{background-position:-120px 0px;} .ruby-icon{background-position:-158px 0px} .regex-icon{background-position:-196px 0px;} .security-icon{background-position:-235px 0px;} .databases-icon{background-position:-270px 0px;} .algorithms-icon{background-position:0px -35px;} .cpp-icon{background-position:0px -72px;} .julia-icon{background-position: -105px -41px; width: 42px;} .pattern-icon{background-position: -151px -41px;} .linux-shell-icon{background-position: -188px -43px;} .machine-learning-icon{background-position: -227px -43px;} .java-icon{background-position: -73px -42px;} .form1 .pra-inte{min-height:32px;border-radius:3px; color:#4a4548;} .form1 .pra-inte select{height:32px; color: #4a4548;} #skilltest-banner{padding-top:0px;} .gift-block-img > img{width:100%;} label.icon-blk {width: 32px; height: 32px; background: transparent; text-align: center; display: inline-block; padding-top: 8px; border-radius: 3px; margin-top: -5px; margin-bottom: 0;transition: all 0.5s;cursor: pointer;} .icon-blk.selected,label.icon-blk:hover{background: #dadada;} .gigctrl + .gigctrl,.gigctrl.selected{display:none;} .gigctrl.selected + .gigctrl{display:block;} .guide-intro{display:none;} .practice-row label.lblctrl{margin-top: 12px; margin-bottom: 0px;} .widget ul.logovalignlist{margin-top: -8px;} .form1 ul.dropdownlst li{margin-bottom:0;} .contest-section .header .dropdown.folder-dropdown{margin-top:0;} .charptergroup{box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px;} .charptergroup .practice-group-wrap:first-child h6{border-top-left-radius:6px;border-top-right-radius:6px;} .charptergroup .practice-group-wrap:last-child h6{border-bottom-left-radius:6px;border-bottom-right-radius:6px;} .practice-group-wrap + .practice-group-wrap > .practice-group{border-top:solid 1px #dadada;} .shareresultbtn{display:inline-block; margin-top:5px; padding-bottom:10px;} #guide-intro:checked ~ .charptergroup{position:relative; z-index:2;} .nxt .icon-arr.ileft{border-left-color: #19171a;margin-left: 4px;} .rating-area .icon-arr.ileft{border-left-color: #19171a;margin-right: -20px; margin-left: 8px;} .coin-tooltip [data-toggle] + .tooltip.in{width:250px;} .coin-tooltip [data-toggle] + .tooltip .tooltip-inner {max-width: 100%;} li.attempted .question-number{position:relative;} li.attempted .question-number:after {position: absolute; top: 8px; width: 11px; height: 5px; border-left: solid 1px #3edc97; border-bottom: solid 1px #3edc97; transform: rotate(-45deg); content:""; left: -18px;} .fb-share-block{width: 250px; height: 250px; background-color: #fff; padding-top: 45px;} .practice-viewanswers-page{padding-top:40px;} .posrel{position:relative;} .posrel .posoverlay{position:absolute; top:0; left:0; right:0; bottom:0;} .tutorial-page .right-panel {padding-top:40px;} .practicetractsummary .practiceicon{width:56px; height:56px;display: flex; justify-content: center;border: solid 1px #979797; padding-right:0; margin-right: 10px;} .practicetractsummary .practiceicon > img{max-height:100%; max-width:100%;} .practicetractsummary .mcqnumber{text-decoration:underline;} .chaptersection label{display:block; cursor:pointer;} .icon-chevron-arr.black{border-bottom-color: #19171a; border-left-color: #19171a;} .popupinput:checked + ._lbcactivelabel .icon-chevron-arr.black{transform:rotate(135deg); margin-top:9px;} .practice-topics_learner {padding-left: 45px;} ._carrer-path {padding-left: 32px; position: relative;} ._charptergroup {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius: 6px;} .popupinput:checked + ._chapterlist, .popupinput:checked + ._practice-group h6 {background-color: #fff;} ._charptergroup ._practice-group-wrap:first-child h6 {} ._practice-group h6 {background-color: #f7f7f7; margin-bottom: 0; color: #19171A; border-right:solid 4px transparent;} ._practice-group h6 a{color:#8a858d; display:block;padding: 16px;} ._practice-group.active h6,._practice-group h6:hover{background-color:#fff; border-right-color:#d0021b;} ._practice-group.active h6 a,._practice-group h6:hover a{color:#4a4548;} ._practice-group-wrap:last-child ._practice-group:after{content:none;} ._practice-group.end:after{content:none;} ._practice-group:after {position: absolute;content:""; left:-23px; top: 28px; bottom:-20px; width: 1px; border-left: dashed 2px #dadada;} ._practice-group.done:after {border-left:solid 2px #26d974; height:100%;transition: all 0.5s;} ._practice-group.ani:after{height:100%;} ._practice-group i.circle {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: -30px; top: 20px; background: #fff; border-radius: 50%; z-index:1; border:solid 2px #dadada;} ._practice-group.active i.circle {background: #feb95f; border-color:#111;} i.circle{position:relative;} ._practice-group.done i.circle {background: #26d974; border:solid 2px #26d974;} ._practice-group i.circle {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: -30px; top: 20px; background: #fff; border-radius: 50%; z-index: 1; border: solid 2px #dadada;} ._practice-group-wrap + ._practice-group-wrap > ._practice-group {border-top: solid 1px #dadada;} .practice-problem-list .widget-heading {margin-bottom: 8px; margin-top: 8px;} .successtxt {color: #26d974;} .problem-status {color: #26d974; margin-right: 16px; font-weight: 600;} #practice-tutorials .box-default1 {padding: 16px; margin-bottom: 40px;} ._practice-course-wrap.noshadow {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18);} #practice-tutorials video{max-width:100%;} .practice-problem-list_s{display:flex; flex:1; margin-left: -16px; margin-right: -16px; padding: 0 17px 17px 17px; border-bottom: solid 1px #dadada;} .practice-problem-list_s > div{flex:1; align-self:flex-end;} /*********************** Skill Test *******************/ .leaderboard-table > .clearfix:first-child{padding-top:0;padding-bottom:0;border-bottom-color:transparent;} .leaderboard-table .leader_row{padding-bottom:16px; padding-top:16px;border-bottom:dashed 1px #dadada; color:#4a4548;} .leaderboard-table > .clearfix.lblcolor{color:#8a858d;} .leaderboard-table .name{text-decoration: underline;} .leaderboard-table .percent{color:#19171a; font-size:16px; line-height:18px;} .skilltest-widget .box-default1{margin-top:16px;} .skilltest-widget .box-default1 .primarycolor{font-weight:600;} /*********************** Challenge Proctoring profile verification *******************/ .screen-validation-process .video,.user-capture-image_wrap{border:dashed 1px #dadada; border-radius:6px; width:236px; height:134px; margin:auto; overflow:hidden; position:relative;} .screen-validation-process .video{background:#f7f7f7;} .video svg{position:absolute; z-index:1; bottom:0; left:50%; margin-left:-70px;} .video video{width:100%; position:relative; z-index:2;} .user-capture-image_wrap{border-color:#26d974;} .user-capture-image_wrap > img{max-height:100%;} .img-success .user-capture-image_wrap{border: solid 2px #26d974;} .img-error .user-capture-image_wrap{border: solid 2px #d7263d;} .screen-validation-process article.col-md-5:first-child:after{border-left:dashed 1px #dadada; content:""; position:absolute; top:0; bottom:0; right:-70px;} #tjuserpromt .icon-cross{opacity:1;} #tjuserpromt .icon-cross.close-iocn:after,#tjuserpromt .icon-cross.close-iocn:before{height:14px;} /*----- skill Badges List ----*/ .skill-badges-list ul{margin:0; padding:0; text-align:left;} .skill-badges-list li:first-child{padding-left:0;} .skill-badges-list li{display:inline-block; padding:0 12px; list-style-type:none;} .skill-badges-list p { color:#8a858d; margin-bottom:4px; } .skill-badges-list .special-achievement { float:left; } .skill-badges-list i { display:block; margin-bottom:4px; } .skill-badges-list .special-achievement i img { min-height:43px; min-width:33px; padding-top:11px; } .skill-badges-list .tips { display:inline-block; width:16px; height:16px; background:url(images/tg_images_new/sprites.svg)-237px -240px no-repeat; vertical-align:middle; } .skill-badges-list i img {height:48px; width:48px;} .widget1.ctf-box:first-child{margin-top:8px;} .footersociable a{background-color:#f2f2f2; position:relative; z-index:2; margin-right:8px;} /************ Developer Content Pages / Platform faq ************/ .cms-heading-list{border-radius: 6px; background-color: #ffffff; padding: 0; list-style-type:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); margin:0;} .cms-heading-list li > a{display:block;padding:13px 16px; line-height:20px; font-weight:normal; list-style:none; color:#4a4548; display: block; margin-bottom:0;} .cms-heading-list ul{list-style-type:none; padding:0;margin-bottom: 0;} .cms-heading-list li + li a{border-top: solid 1px #f2f2f2;} .cms-heading-list li:first-child.active a{border-top-left-radius: 6px;border-top-right-radius: 6px;} .cms-heading-list li:last-child.active a{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;} .cms-heading-list li.active a{background:#4a4548; color:#fff;} .tabs5 .container{ padding:0px 15px !important; } .tabs5 .nav-tabs { border:0; text-align:center; margin:0;} .tabs5 .nav-tabs li { margin-bottom:0; float:none; display:inline-block;} .tabs5 .nav-tabs li a { font-size:24px; color:#333333; border:0;} .tabs5 .nav-tabs li a:hover, .tabs5 .nav-tabs li > a:focus { background:none; border:0;} .tabs5 .nav-tabs li.active > a, .tabs5 .nav-tabs li.active > a:focus, .tabs5 .nav-tabs li.active > a:hover { background:#f4f4f4; color:#333333;} .tabs5 .tab-content { background:#f4f4f4; padding:50px 0;} .tabs5 .tab-content .container{ position:relative;} .tabs5 .tab-content .caroufredsel_wrapper { padding-bottom:0 !important;} .tabs5 .tab5-lists { margin:0; padding:0; list-style:none;} .tabs5 .tab5-lists li {float:left; margin:5px; margin-right:40px; background:#ffffff; height:120px; overflow:hidden; line-height:118px; text-align:center; box-shadow:0 0 5px #dfdfdf; padding:0 15px;} .tabs5 .tab5-lists li img { vertical-align:middle; max-width:150px;} .tabs5 .tab-content .tab-pane {display: none; height: 0; visibility: hidden;} .tabs5 .tab-content .tab-pane.active {display: block; height: auto; visibility: visible;} .tabs5 .previous-btn { position:absolute; left:-15px; top:50%; margin-top:-20px; color:#333;} .tabs5 .next-btn { position:absolute; right:-15px; top:50%; margin-top:-20px; color:#333;} .tabs5 .fa-3x { font-size:40px;} .cms-heading-list{border: solid 1px #f2f2f2; box-shadow: none;} .cms-heading-list.posactive{position:fixed; top:60px; z-index:3;} /************ ./Developer Content Pages ************/ .badge_wrap{height:143px; width:160px; margin:auto; position:relative;} .badge_wrap #celebration{margin-left:-130px; margin-top:-50px; position:absolute; top:0;} #badgewin_true + #allow_new_tab_div .\:modalwrap-content{overflow:hidden;} .table_wrap_overflow{max-width:100%; overflow:auto;} #gdprloggdin_block label{color:#8a858d; font-weight:normal;} #gdprloggdin_block a{text-decoration:underline;} .uploadfile{color:#4a4548;} .recommenedskill .media{background:#fff; border-radius: 6px; margin-left: 8px; margin-bottom: 8px; padding-right:8px; margin-right:4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);} .recommenedskill .media-body{height:72px; vertical-align: middle;} .recommenedskill figure img{max-height:100%; max-width:100%;} .certificate_buy{padding-left:55px; background:url(images/tg_images_new/certificate_lockopen.svg) top left no-repeat; display:inline-block; padding-top: 16px; padding-bottom: 6px;} .hrlist{position:relative;padding:16px; margin:8px 0;} .hrlist:before{content: "OR"; background: #ddd; width: 24px; height: 24px; margin: auto; display: inline-block; text-align: center; font-size: 10px; line-height: 23px; color: #fff; border-radius: 50%; position:relative; z-index:1;} .hrlist:after{border-top:solid 1px #ddd; content:""; top: 27px; position: absolute; left: 0; right: 0;} .infobox{border-radius: 6px; box-shadow: 0 4px 15px 0 rgba(25, 23, 26, 0.24); background-image: linear-gradient(128deg, #3023ae, #c86dd7); padding:24px;} .infobox li,.infobox h3{color:#fff;} .infobox li{list-style-type:none; margin-top:16px;} .infobox li span{display:inline-block; margin-right: 8px; width: 16px; height: 16px} .infobox li span svg{margin-bottom:-2px;} .infobox ul{padding-left:0; margin:0;} .urlcopied .form-control{border-radius: 3px; border: solid 1px #f2f2f2; background-color: #f7f7f7;box-shadow: none; height: 40px;outline: none;} .urlcopied .input-group-addon{border-radius: 3px; background-color: #19171a; position:relative;} .urlcopied .input-group-addon:after,.urlcopied .input-group-addon:before{width:11px; height:11px; border:solid 1px #f7f7f7; content:""; position:absolute; top:50%; left:50%; margin-left:-6px; margin-top:-6px; } .urlcopied .input-group-addon:before{margin-left:-3px; margin-top:-3px; background:#19171a; z-index:1;} .certificate_block_wrap{position:relative;} .certificate_block_wrap ._certificate{position:relative;} .certificate_block_wrap ._certificate_content{position:absolute; z-index:1; top:0; font-size:14px; padding: 280px 50px 0px 45px; text-align: center; right:0; left:0; bottom:0;} .certificate_block_wrap ._certificate_content .heading{font-size:35px; font-weight:bold;margin-bottom: 8px;} .certificate_block_wrap ._certificate_content ._text{padding-bottom: 65px;} .certificate_block_wrap ._certificate_content #c_id{padding-top: 112px; text-align: left; padding-left: 12px;} .certificate_block_wrap ._certificate_content #c_id > span{display:block; font-size: 12px; margin-right: -5px;} .certificate_block_wrap ._certificate_content .footer_block p{border-top:dotted 1px #dadada;} .disablecontest .contest_wrap{-webkit-filter: blur(5px); filter: blur(5px);} .disableoverlay,.disablecontest .rankingstrip{display:none;} .disablecontest > .disableoverlay{display:block;} #details_holder .challenge-prizes > ul{padding-left:0px;} .score_card{font-size: 56px; font-weight:bold;} #celebration{margin:auto; opacity:0.8;} .changepwdform{padding:16px 8px; background:#f7f7f7; border-radius: 6px; margin-bottom:8px;} .deactive{background:#fff9e6} .gigctrl .icon-chevron-arr {margin-bottom: 1px; margin-left: 8px; border-bottom-color: #7a7f8a; border-left-color: #7a7f8a; text-decoration: none;} .bckarrow{position: absolute; top: 50%; width: 40px; height: 40px; background: #f7f7f7; left:-12px; border-radius: 50%; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); margin-top:-20px;} .bckarrow:after {content: "";width: 12px;height: 12px;border: solid 2px transparent;display: block;border-left-color: #d7263d;border-top-color: #d7263d;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: rotate(-45deg);transform-origin: left;margin-left: -2px;margin-top: -2px;} .skill-certificate-download a:hover,.skill-certificate-download a,.tabs1 .nav-tabs > li.skill-certificate-download a,.tabs1 .nav-tabs > li.skill-certificate-download a:hover,.tabs1 .nav-tabs > li.active.skill-certificate-download > a,.tabs1 .nav-tabs > li.active > a.skill-certificate-download, .tabs1 .nav-tabs > li.active.skill-certificate-download > a:hover, .tabs1 .nav-tabs > li.active.skill-certificate-download > a:focus{color:#4a4548; text-decoration:underline; background: url(images/tg_images_new/lock.svg) top right no-repeat; padding-right: 16px;} .tabs1 .nav-tabs > li.skill-certificate-download a,.tabs1 .nav-tabs > li.skill-certificate-download a:hover,.tabs1 .nav-tabs > li.active.skill-certificate-download > a,.tabs1 .nav-tabs > li.active > a.skill-certificate-download, .tabs1 .nav-tabs > li.active.skill-certificate-download > a:hover, .tabs1 .nav-tabs > li.active.skill-certificate-download > a:focus { background: url(images/tg_images_new/lock.svg) top right no-repeat; background-position-x: right; background-position-y: 8px; text-decoration: none;margin-right: 8px; padding-right: 24px; padding-left: 16px;} td.skill-certificate-download a{text-decoration:none;} .manageemail h4,.email2frequent h4,.email2never h4{font-weight: 600;} @media (min-width:769px){ ._practice-course-wrap{margin-right: 40px;} .btxtright{text-align:right;} } @media (max-width:768px){ .table1-wrap .tblnw td{white-space: nowrap;} .text-mcenter{text-align:center;} .mtable{border:none; border-radius:0; margin-left: -16px; margin-right: -16px;} .mbtn-block{display:block;} input.mbtn-block{display:block; width:100%;} } @media (max-width: 481px) and (min-width: 321px){ .certificate_block_wrap ._certificate_content{font-size: 7px; padding:120px 12px 0px;} .certificate_block_wrap ._certificate_content .heading{font-size:18px; margin-bottom:0;} .certificate_block_wrap ._certificate_content ._text {padding-bottom: 20px;} .footer_block p {font-size: 7px; line-height: normal;} .certificate_block_wrap ._certificate_content #c_id{padding-top: 56px; padding-left:3px;} } @media (max-width:321px) { .certificate_block_wrap ._certificate_content{font-size: 5px; padding:88px 12px 0px;} .certificate_block_wrap ._certificate_content .heading{font-size:18px; margin-bottom:0;} .certificate_block_wrap ._certificate_content ._text {padding-bottom: 20px;} .footer_block p {font-size: 5px; line-height: normal;} }