p { font-size:14px;} /* Container ---------------------- */ .dashboard-page { background:#f5f6f7;} .dashboard-page #content .container { width:100%;} .dashboard-page #footer { display:none;} .dashboard-page #footer.codebattle-footer { display:block;} /* Content ---------------------- */ .dashboard-page #content .container { padding:0 10px;} /* Header ---------------------- */ .dashboard-page #header { height:60px;} /* Footer ---------------------- */ #footer .button1 { background:#2f94d7;} .dashboard-page #footer { padding-top:10px; position:fixed; left:0; bottom:0; z-index:10; width:100%;} .dashboard-page #footer p { margin-bottom:0; text-align:center;} /* Main ---------------------- */ .middle-panel #main { background:#fff; border-radius:5px; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-bottom:30px; padding:0 15px 15px;} /* Content ---------------------- */ .dashboard-page #content { padding:0; } /*.dashboard-page #content.waitme-loader { padding-bottom:45px; }*/ .dashboard-page #content.waitme-loader #save-template { z-index:100px; margin-bottom: 10px; } .dashboard-page #content .middle-panel { padding-right:0;} .dashboard-page #content .middle-panel .inner-middle { overflow:auto; margin:0; position:relative; margin:0 -10px 0 -4px;} .large-middle-page #content .middle-panel .inner-middle {margin:0 -15px 0 -17px;} .dashboard-page #content .middle-panel .inner-middle.scroll { max-height:none;} .dashboard-page #content .inner-middle.scroll .mCSB_scrollTools { z-index:5; background:#eaeaea;} .dashboard-page #content .inner-middle.scroll .mCSB_scrollTools .mCSB_draggerContainer { background:none;} .dashboard-page #content .inner-middle.scroll .mCustomScrollBox { padding-left:4px;} .dashboard-page #content .inner-middle.scroll .mCSB_inside > .mCSB_container { padding:15px 0 1px;} .dashboard-page #content .left-panel { padding-left:0; padding-right:10px;} .dashboard-page #content .right-panel { padding-right:0; padding-left:10px;} /* Content ---------------------- */ /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- About Code Battle --- */ #about-codebattle { padding-top:30px;} #about-codebattle h1 { margin-bottom:15px;} /*--- use-of-contest --- */ #use-of-contest { padding:50px 0;} #use-of-contest h2 { margin-bottom:10px;} #use-of-contest p { font-size:16px; line-height:28px; margin-bottom:30px;} #use-of-contest h2.heading { margin-bottom:20px; text-align:center; text-transform:uppercase; font-family: 'open_sansregular';} #use-of-contest h2.heading small { color:#424242;} #use-of-contest h2.heading strong { font-family: 'open_sanssemibold';} #use-of-contest p.lead { color:#999999; text-align:center; font-size:18px; margin-bottom:60px;} /* Banner ---------------------- */ #code-battle-banner { position:relative; text-align:center; background:#000000 url(images/code_battle_images/codebattle-banner-bg.jpg) bottom center no-repeat; padding:50px 0 40px;} #code-battle-banner .battle-logo { margin-bottom:85px;} #code-battle-banner h4 { font-size:22px; line-height:28px; color:#fff; font-family:'open_sansregular'; border-bottom:1px solid #b70e0e; padding:2px 10px 10px; margin-bottom:10px;} #code-battle-banner p { font-size:12px; color:#c0bdcb; line-height:16px; font-style:italic; padding:0 10px;} #code-battle-banner .benefits { margin:0 auto 55px; width:879px; padding:0; list-style:none; text-align:left;} #code-battle-banner .benefits li { float:left; width:270px;} #code-battle-banner .benefits li:last-child { width:auto;} #code-battle-banner .benefits .icon { float:left;} #code-battle-banner .benefits .details { margin-left:69px;} #code-battle-banner .button3 { background:#b70e0e; font-size:20px; min-width:328px; 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;} #code-battle-banner .button3:hover, #code-battle-banner .button3:active, #code-battle-banner .button3:focus { background:#9f0a0a;} /*--- Logo --- */ .battle-logo { margin-bottom:35px; } /*--- SignUp --- */ #signup { background:#3d87cb; padding:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #signup h4{ font-size:24px;text-align:center; margin-bottom:15px; font-weight:bold;} #signup p { font-size:18px; color:#fff; line-height:24px;} #signup .social-logins { margin:0; padding:0; list-style:none;} #signup .social-logins .social-btn { width:100%;} #signup .social-logins li { margin-bottom:35px; float:left; width:48%;} #signup .social-logins li.full-width { width:100%; clear:both; margin-right:0;} #signup .social-logins li.half:nth-child(2n) { float:right;} #signup input[type='submit'] { width:100%;} /*--- Modal --- */ .modal .modal-footer .button1 { border:1px solid #d59600;} /*--- User Panel --- */ #user-panel { padding-top:0;} #user-panel .user-area .btn { margin-bottom:15px; display:block; display:block;} #user-panel .user-info { background:#f8f8f8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; padding:10px; margin-bottom:20px; border:1px solid #f0f0f0;} .avatar { float:left; margin:0px 10px 10px 0px; } #user-panel .user-info .title { text-align:left; margin-bottom:40px; } #user-panel .user-area .button3,#user-panel .user-area .button5 { font-size:20px; margin-bottom:20px; } #user-panel .button2 { background:#2f94d7; } #user-panel .button2:hover { background: #22b8f7; } #user-panel .user-info .avatar { margin-right:15px; position:relative; } #user-panel .user-info .avatar img, #user-panel .user-info .avatar { width:80px; height:80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } #user-panel .user-info .title h5 {margin-top:10px; } #user-panel .user-info .title p { color:#c3c3c3; font-size:13px; line-height:16px; margin-bottom:10px; } #user-panel .user-info .stats { margin:0; padding:0; list-style:none;} #user-panel .user-info .stats li { float:left; width:33.333%; line-height:15px; font-size:11px; color:#999999; border-right:1px solid #dadada; padding:1px 5px; text-transform:uppercase; font-weight:bold; } #user-panel .user-info .stats li:last-child { border:0;} #user-panel .user-info .stats li strong { display:block; margin-bottom:5px; font-size:16px; color:#ffffff;} #user-panel .user-area .actions .btn { float:left; width:79px; font-size:35px; padding:0px 10px 2px; background-color:#2f94d7; color:#fff;} #user-panel .user-area .actions .btn:hover { background-color:#22b8f7; color:#fff;} #user-panel .user-area .actions .btn.like-btn { margin:0 12px;} #user-panel .user-area .badges-won a { display:inline-block; margin-right:10px;} #user-panel .current-battle .user-actions { width:259px; text-align:center; margin-left:-130px; top:79px; left:50%;} #user-panel .current-battle .user-actions .rating { font-size:18px; color:#333333; font-weight:bold; display:block; margin-bottom:10px;} #user-panel .current-battle .user-actions .btn { margin:0 3px; font-size:12px; font-weight:bold; min-width:105px;} #user-panel .current-battle .user-actions .btn .fa { margin-right:5px; color:#58ebf0; font-size:14px;} /*--- Page Header --- */ .page-header { background:#2f94d7; padding:30px 15px; border-radius:5px 5px 0 0; margin-top:0; margin-bottom:0;} .page-header h2 { color:#fff; margin-bottom:0;} .page-header h2 small { color:#fff; font-size:11px; font-family:'open_sansregular'; vertical-align:middle;} .page-header.form1 .select { float:right; min-height:27px; width:150px; background:none; border:0;} .page-header.form1 .select:after { width:27px; height:26px; background:url(images/code_battle_images/select-arrow.png) left top no-repeat;} .page-header.form1 select { background:none; border-bottom:1px solid #fff; border-radius:0; color:#fff; font-family: "open_sanssemibold"; text-transform:uppercase; padding-left:0; height:27px; padding-right:27px;} .page-header.form1 select.search-leader-board { background:#2f94d7; } /*--- Comments --- */ .add-comment { clear:both;} .add-comment textarea.form-control { height:35px; padding:5px 15px; line-height:23px; font-size:13px;} .comments .add-vote { float:right; padding-top:8px;} .comments .add-vote a { background:#0c3e6d; display:block; float:left; width:20px; height:30px; line-height:28px; text-align:center; font-size:16px; font-weight:bold; color:#fff;} .comments .add-vote a:hover, .comments .add-vote a:active, .comments .add-vote a:focus { text-decoration:none;} .comments .add-vote input[type='text'] { width:35px; background:#f0f5f9; border:0; box-shadow:none; float:left; border-radius:0; padding:5px 3px; text-align:center;font-size:12px; font-weight:normal; color:#344b51; height:30px;} .comments .add-vote .decrease-btn { border-radius:3px 0 0 3px; line-height:25px;} .comments .add-vote .increase-btn { border-radius:0 3px 3px 0;} .comments .add-vote .button1 { background:#e7a300;} .comments .add-vote .red-btn { background:#ff0000;} .comments .show-more-lnk { color:#e7a300; font-size:18px; display:inline-block; margin-bottom:10px;} .comments { margin-top:15px;} .comments .comment { padding-top:10px; border-top:1px solid #f2f2f2; margin-bottom:12px;} .comments .comment:last-child { margin-bottom:0;} .comments .avatar { float:left; font-size:18px; color:#333333; text-transform:uppercase; text-align:center; border-radius:50%; background:#c0becc; margin-right:12px; width:45px; height:45px; line-height:45px; border:0; margin-bottom:0;} .comments .avatar img { max-width:45px; max-height:45px; display:block;} .comments h5 a, .comments h5 { font-size:14px;} .comments h5 { margin-bottom:3px; padding-top:5px;} .comments h5 a { color:#44abd6;} .comments .metadata { font-size:11px; color:#999;} /* User Nav ---------------------- */ #user-nav { background:#2e4056; z-index:999; margin-bottom:0; position:absolute; width:100%; left:0; top:60px; } #user-nav.fixed { top:0; position:fixed;} #user-nav ul { margin:0px; padding:0px; list-style-type:none; } #user-nav ul li { float:left; } #user-nav ul li a:active { text-decoration:none;} #user-nav ul li.active a { background:#f94953; color:#fff;} #user-nav ul li .fa-home { font-size:28px; vertical-align:sub; position:relative; top:3px; color:#fff; } #user-nav ul li a { position: relative;display: inline-block;outline: none; line-height:37px; padding:7px 25px 8px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; color:#f94953; font-family: 'open_sanssemibold'; text-shadow: none; font-size:13px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #user-nav ul li a:before { color: #fff; content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} #user-nav ul li a:hover:before,#user-nav ul li a:focus:before { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); opacity: 0;} /*--- Describe-your-topic --- */ #describe-your-topic label { text-align:right; line-height:45px;} /*--- Challenges-details --- */ #challenges-details { padding:50px 0 0; background:#f6f6f6;/* margin-top:50px;*/} #challenges-details .see-all-challenges { float:right; font-size:14px; display:inline-block; margin-top:13px;} #challenges-details .tabs .nav-tabs { margin-bottom:42px; border-bottom:1px solid #39b2e5; height:auto;} #challenges-details .tabs .nav-tabs li { margin-right:35px; margin-bottom:-2px;} #challenges-details .tabs .nav-tabs a { padding:11px 0 13px; font-size:15px; color:#727272;} #challenges-details .nav > li > a:focus, #challenges-details .nav > li > a:hover { background:none;} #challenges-details .tabs .nav-tabs a:hover, #challenges-details .tabs .nav-tabs li.active a { color:#39b2e5; background:none; border-bottom:3px solid #39b2e5;} /*--- Challenge Box --- */ .challenge-box { border:1px solid #efefef; text-align:left; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);} .challenge-box .panel-heading { padding:15px; background:#efefef; border:0;} .challenge-box .panel-heading h5 { color:#727272; margin:0;} .box3 .challenge-box .panel-heading h5 { display:inline-block; } .challenge-box . .challenge-box .panel-heading .fa { font-size:17px;} .challenge-box .panel-heading h5 span { float:right;} .challenge-box .img-thumbnail { padding:3px; border-color:#f6f6f6;} .challenge-box .avatar { margin-bottom:0;} .challenge-box .details { margin-left:85px;} .challenge-box .panel-body p{ font-size:13px; color:#727272;} .challenge-box .panel-body p span { font-family: "open_sanssemibold";} .challenge-box .panel-footer { background:none; border:0;} .challenge-box .panel-footer .points { margin-right:10px; font-size:18px; vertical-align:sub; float:left;} .challenge-box .panel-footer .points img { margin-right:7px; vertical-align:middle; position:relative; top:-1px;} .challenge-box .panel-footer .btn { float:right;} .challenge-box .panel-footer .metadata {font-size:11px; display:table; height:28px; font-family:'open_sanssemibold'; color:#727272; line-height:14px; float:left; width:58%;} .challenge-box .panel-footer .metadata small { font-size:100%; color:#727272; display:table-cell; vertical-align:middle;} .challenge-box .panel-footer .metadata span { color:#999; font-family:'open_sansregular';} .challenge-box .panel-footer .metadata strong { font-size:12px; color:#333333; margin-right:10px;} .challenge-box .points .fa-star { background:#fdc632; font-size:15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; width:25px; height:25px; text-align:center; vertical-align:middle; margin-right:8px; line-height:25px; text-align: center; } /*--- Coding Platform --- */ #coding-platform-area { padding:50px 0; background:#f6f6f6;} #coding-platform-area .demonstration-img { margin:0 0 50px;} /*--- Section-info --- */ .section-info h2 { text-transform:uppercase;} .section-info .button3 { text-transform:none; padding:12px 15px; min-width:200px; font-size:15px;} .section-info .panel-footer .button3 { min-width:15px; padding:6px 12px; font-size:12px;} /*--- User-info-bar --- */ .codehire #sidebar-navigation .mCSB_scrollTools .mCSB_draggerContainer { background:#d0d0d0;} .codehire #sidebar-navigation .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#999;} .codehire .user-info-bar { padding-top:13px; background:#2f94d7; border-top:0;} .codehire .user-info-bar:before { background:#2f94d7;} .codehire .timer .fa { margin-top:7px;} .user-info-bar { background:#2c3d48; border-top:1px solid #384955; padding:15px;} .user-info-bar .timer, .user-info-bar #breadcrumbs { float:left; width:33.333%; font-size:14px; color:#9ca9b2; margin-bottom:0; padding-top:8px;} .user-info-bar .timer { padding-top:0; text-align:left;color:#fff;} .user-info-bar #breadcrumbs { font-size:16px; color:#424242; font-family: "open_sanssemibold";} .user-info-bar #breadcrumbs a {color:#fff; font-size:16px;} .user-info-bar .timer #remain { margin-right:5px; display:inline-block;} .user-info-bar #breadcrumbs { text-align:center;} #left-progress { margin-right:115px; position:relative; overflow:visible; width:100px; float:right; margin-bottom:0; margin-top:3px; background:#fff;} #left-progress .attempt-count { position:absolute; left:110px; white-space:nowrap; font-size:13px; color:#0d6b93;} #left-progress .progress-bar { background-color:#eb494f; box-shadow:none; border-radius:0;} .user-info-bar #breadcrumbs { padding-top:3px;} .timer span { font-size:15px; display:inline-block;} #breadcrumbs a, #breadcrumbs span { line-height:25px;} .codehire .timer { padding-top:1px;} .codehire #left-progress { margin-top:5px; background:#efeff4;} .codehire .timer .fa { font-size:20px; position:relative; bottom:-2px; margin-top:0;} .codehire .timer { line-height:25px;} /*--- Match Box --- */ .match-box { background:#fff;} .match-box header { background:#2c3d48; border-top:1px solid #384955; padding:10px 15px;} .match-box header .challenge-btn { color:#9ca9b2; 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; border-radius:0; } .match-box header .timer { float:right; font-size:12px; color:#9ca9b2; padding-top:10px;} .match-box header .timer .fa { font-size:21px; vertical-align:sub; margin-right:3px;} .match-box header .challenge-btn:hover, .match-box header .challenge-btn:active, .match-box header .challenge-btn:focus { background:#1c272f;} .match-box header h6 { font-weight:normal; text-transform:uppercase; color:#fff; line-height:32px; margin-bottom:0;} .match-box header h3 { text-align:center; font-size:24px; color:#91a2ad; line-height:28px; padding-top:10px; margin-bottom:0; font-weight:normal; } .match-box header .fight .timer { float:none; margin:0 auto; display:block; width:100%; text-align:center;} .match-box .content { padding:0 15px 0;} .match-box footer { padding:20px; text-align:left;} .match-box footer .report-task { border:1px solid #e8ecee; border-radius:3px; padding:8px 10px; display:inline-block; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .match-box footer .report-task:hover { background:#c8c8c8; border-color:#c8c8c8;} .match-box footer .report-task:hover .fa { color:#fff;} .match-box header h4 { padding-top:10px;} .match-box header h4 a { color:#fff;} .match-box header .avatar { width:78px; height:78px; float:left; margin-right:15px; margin-bottom:0; text-align:center; line-height:78px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .match-box header .avatar img { max-width:78px; max-height:78px; vertical-align:middle; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .match-box header .pull-right .avatar, .match-box header .pull-right h4 { float:right; margin-right:0; margin-left:15px;} .match-box header .pull-right .user-more-info { text-align:right; min-width:200px;} .match-box header .pull-right .user-more-info a { margin-right:0; margin-left:3px;} .match-box footer .fa { font-size:22px; color:#c0becc; 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;} .match-box .task-info footer { background:#f4f6f8; padding:10px 15px; margin:0 -15px; position:relative; z-index:5;} .match-box .scroll { height:265px; max-height:none;} .match-box .task-info .tabs3 > .nav-tabs { margin:0 -15px 0 -15px; background:#e4e7e9; border:0;} .match-box .task-info p { font-size:14px; } .match-box .tabs3 { z-index:5; margin-right:-5px;} .match-box .tabs3 > .nav-tabs > li { border-right:1px solid #e4e7e9; margin-bottom:0;} .match-box .tabs3 > .nav-tabs > li > a:hover, .match-box .tabs3 > .nav-tabs > li > a:active, .match-box.tabs3 > .nav-tabs > li > a:focus, .match-box .tabs3 > .nav-tabs > li.active > a, .match-box .tabs3 > .nav-tabs > li.active > a:hover { background:#fff; color:#424242; border:0;} .match-box .tabs3 > .nav-tabs > li .badge { background:#000; margin-left:7px;} .match-box .tabs3 > .nav-tabs > li > a { font-size:13px; padding:19px 15px 16px; margin:0; background:#edf0f2; text-transform:uppercase;} .match-box .tabs3 > .tab-content { padding:15px 0 0 0; max-height:800px; overflow:auto; border:0;} .match-box .tabs3 > .tab-content textarea.form-control { box-shadow:none;} .match-box .results { max-width:1050px; width:100%; margin:0 auto; padding-top:25px;} .match-box .results .top-bar { border-bottom:1px solid #e1e8e8; border-top:1px solid #e1e8e8; padding:20px 0; margin-bottom:30px;} .match-box .results .top-bar h3 { text-align:center; margin-bottom:0; font-size:26px; color:#333; font-weight:bold; } .match-box .results .top-bar p { font-size:20px; margin-bottom:0; line-height:26px; color:#333;} .match-box .results .top-bar p .fa { font-size:17px; vertical-align:baseline; margin-right:5px; position:relative; top:-2px; margin-left:5px;} .match-box .results .top-bar p .fa-long-arrow-up { color:#2f94d7;} .match-box .results .top-bar p .fa-long-arrow-down { color:#2f94d7;} .match-box .results .progress { height:30px; margin-bottom:40px;} .match-box .results .progress-bar { line-height:28px;} .match-box .rounds { max-width:355px; width:100%; margin:0 auto;} .match-box .rounds ul { margin:0; padding:0; list-style:none; text-align:center;} .match-box .rounds ul li { margin-bottom:10px;} .match-box .rounds ul li h5 { font-weight:normal; color:#333; font-size:20px; border-bottom:1px solid #e1e8e8; padding-bottom:10px; margin-bottom:10px;} .match-box .progress { margin-bottom:0; height:7px; background:#f4f4f4;} .match-box .task-info { z-index:10;} .match-box .task-info .tabs3 .tabs .nav-tabs { margin:0; background:none;} .match-box .task-info .tabs3 .tabs .nav-tabs > li > a {background:none;} .match-box .task-info .tabs3 .tabs .nav-tabs > li > a:hover { color:#999999;} .match-box #match-comments .page-header { display:none;} .match-box #highlighted-btn-area { margin-top:18px; right:15px;} .match-box #editor-box { padding:0; background:#fcfcfc; margin-bottom:0;} .match-box #editor-box #editor-actions .btn:hover, .match-box #editor-box #editor-actions .btn:focus, .match-box #editor-box #editor-actions .btn:active {outline:none;} .match-box #editor-box #editor-actions .button15 { font-size:13px; padding:4px 12px 5px;} .match-box #editor-box #editor-actions { padding:5px 0; margin-top:0!important; margin-bottom:0;} .match-box #editor-box #editor, .match-box #editor-box .editor-footer, .match-box #editor-box #editor-actions,.match-box #editor-box .inner-editor { margin-right:-15px;} .match-box #editor-box .inner-editor { height:0; padding:0; overflow:auto;} .match-box #editor-box pre, .match-box #editor-box .ajaxCompileTable { background-color:#fff;} .match-box #editor-box .ajaxCompileTable { margin-bottom:10px;} .match-box #editor-box .ajaxCompileTable tr td, .match-box #editor-box .ajaxCompileTable tr th { padding-left:0px !important; text-indent:6px;} /*--- Languages-tabs --- */ #languages-tabs .nav-tabs { margin-bottom:15px;} /*--- Sidebar Navigation --- */ #sidebar-navigation ul { margin:0; padding:0; list-style:none;} #sidebar-navigation ul li a { display:block; text-align:center; font-size:21px; padding:10px 0; color:#fff; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #sidebar-navigation ul li:hover > a { background:#2b95c2;} #sidebar-navigation ul li.active > a { background:#fff; color:#eb494f;} #sidebar-navigation ul li span.number { display:inline-block; width:22px; font-size:12px; line-height:22px; height:22px; border-radius:50%; background:#fff; color:#314451;} #sidebar-navigation .mCustomScrollbar ul li.active span.number { color:#fff; background:#ee3037;} #sidebar-navigation .mCustomScrollbar ul li span.number { margin-left:14px;} #sidebar-navigation .mCustomScrollbar ul li:hover > a { background:none;} #sidebar-navigation ul li ul a { line-height:12px;} #sidebar-navigation ul li.view-link a { font-size:13px;} #sidebar-navigation ul li.view-link { border-bottom:1px solid #425562;} #submit_button, .codehire #candidate_question_listing footer .button4 { position:relative; background:#eb494f; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;-moz-user-select: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap;} #submit_button:hover, .codehire #candidate_question_listing footer .button4:hover, #submit_button:focus, .codehire #candidate_question_listing footer .button4:focus, #submit_button:active, .codehire #candidate_question_listing footer .button4:active { color:#fff; background:#d63a40; outline:none;} #candidate_question_listing .table2 tr th { background:#fff; border:0; border-bottom:1px solid #e5e5e5; text-transform:uppercase; font-size:17px; padding:13px 8px 12px;} #candidate_question_listing .table2 tr td { border:0; border-bottom:1px solid #e5e5e5;} /* Sidebar ---------------------- */ #sidebar { background:#314451; width:68px; float:left; 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; position:relative;} .collapseMenu #sidebar { width:68px;} /* Main ---------------------- */ .codehire #main { margin-left:68px; 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;} .codehire #user-panel.full-width #main { margin-left:0;} .codehire #user-panel.full-width #main .inner-main { padding:0;} .codehire.collapseMenu #main { margin-left:68px;} .codehire #main .inner-main { padding:30px 30px 65px 30px;/* overflow:auto;*/ float:left; width:100%; background:#fff;} .codehire #main .inner-main .container { width:100%;} .codehire #main .inner-main-wrap { padding:30px; float:left; width:100%;} /*--- User Panel --- */ body.codehire #content { padding:0;} .codehire #user-panel { background:url(images/code_battle_images/user-panel-bg.jpg) left top repeat-y; position:relative; 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; width:100%; overflow:hidden;} .codehire #user-panel.collapseMenu { background-position:-121px top;} /*--- Dual Fight --- */ .dual-fight { padding:15px; border-bottom:1px solid #e5e5e5;} .dual-fight:last-child { border-bottom:0;} .dual-fight .users-versus { text-align:center;} .dual-fight .feedbacks {background: #fbfbfb; float: right; margin-top: 2px; padding: 10px 15px; position: relative; right: -15px;} .dual-fight .user-pic { width:84px; height:84px; margin:0 auto 10px;;} .dual-fight .score-value { font-size:38px; line-height:42px; color:#eb494f; text-transform:uppercase; padding-top:18px; font-weight:bold;} .dual-fight .score { padding-top:25px;} .dual-fight .score small { display:block; font-size:11px; color:#999; line-height:15px;} .dual-fight h3 { font-size:18px; margin-bottom:0;} .dual-fight h3 a { color:#333; 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;} .dual-fight h3 a:hover { color:#eb494f;} .dual-fight .top-bar h5 { padding-top:7px; margin-bottom:6px;} .dual-fight .code-score,.dual-fight .comment-lnk { font-size:15px; color:#2f94d7; display:inline-block;} .dual-fight .code-score { margin-right:15px;} .dual-fight .code-score .fa,.dual-fight .comment-lnk .fa { margin-right:5px;} /*--- Badges & Boosters --- */ #badges,#boosters { padding-top:30px; } #badges h3,#boosters h3 { font-size:26px; } #badges .progress-bar-warning,#boosters .coins { background:#e7a300; height:26px; line-height:26px; font-size:16px; font-weight:bold; border-radius:5px; } #badges .progress { height:26px; background:#c0bdcb; border-radius:5px; } #boosters .tooltip-inner { background:#34b5ba;} #boosters .tooltip.top .tooltip-arrow{border-top-color:#34b5ba} #boosters .tooltip.top-left .tooltip-arrow{border-top-color:#34b5ba} #boosters .tooltip.top-right .tooltip-arrow{border-top-color:#34b5ba} #boosters .tooltip.right .tooltip-arrow{border-right-color:#34b5ba} #boosters .tooltip.left .tooltip-arrow{border-left-color:#34b5ba} #boosters .tooltip.bottom .tooltip-arrow{border-bottom-color:#34b5ba} #boosters .tooltip.bottom-left .tooltip-arrow{border-bottom-color:#34b5ba} #boosters .tooltip.bottom-right .tooltip-arrow{ border-bottom-color:#34b5ba} /*--- Replies_list_block --- */ #replies_list_block { border-top:0; padding:0;} #replies_list_block h4 span { color:#ffac52; } #replies_list_block .comment-box { border:1px solid #fbfbfb; padding:10px; margin-bottom:20px; background:#fefefe;} #replies_list_block .userDtlCmnts { font-size:13px; margin-bottom:10px; line-height:20px; margin-left:72px;} #replies_list_block .userDtlCmnts .replies-blk {padding-left:0;} #replies_list_block .userDtlCmnts h5 { margin-bottom:5px;} #replies_list_block .userDtlCmnts h5 a, #replies_list_block .replies-blk .rplyWrapWhite .smlDtl a { color:#333; 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;} #replies_list_block .userDtlCmnts h5 a:hover, #replies_list_block .replies-blk .rplyWrapWhite .smlDtl a:hover { color:#eb494f;} #replies_list_block .userDtlCmnts .company-name { font-size:11px; color:#999; margin-left:5px; font-family:'open_sansregular';} #replies_list_block .userShare { margin-top:5px;} #replies_list_block .userPicCmnts { margin-top:2px; float:left;} #replies_list_block .userPicCmnts .img-thumbnail { padding:3px; border:1px solid #f8f8f8; width:84px; height:84px;} #replies_list_block .userDtlCmnts p { margin-bottom:10px;} #replies_list_block .comment-box .metadata { margin-bottom:5px; display:block;} #replies_list_block .comment-box .metadata, #replies_list_block .userDtlCmnts { font-size:11px; color:#999;} #replies_list_block .compuserShare { font-size:11px; line-height:15px; color:#999;} #replies_list_block .compuserShare .reply-icon { color:#333; font-size:11px;} #replies_list_block .compuserShare span { color:#333;} #replies_list_block .compuserShare a .fa { color:#2f94d7;} #replies_list_block .compuserShare a.thmb-btn-dn .fa { color:#999;} #replies_list_block .compuserShare label { font-weight:normal; font-size:13px;} #replies_list_block .comment-box p { margin-bottom:15px; font-size:13px; line-height:20px;} #replies_list_block .comment-box .lk-cmnt-actn { padding:4px; background:#fff; margin:7px 0 0 0; background:#f8f8f8;} #replies_list_block .comment-box .lk-cmnt-actn .fa, #replies_list_block .userShare .fa { font-size:14px; color:#2572b9;} #replies_list_block .comment-box .lk-cmnt-actn .thmb-dn-btn .fa, #replies_list_block .userShare .fbicDwn .fa { color:#d9534f;} #replies_list_block .comment-box .lk-cmnt-actn .sep-lk { margin:0 2px; color:#999;} #replies_list_block .comment-box .lk-cmnt-actn label { color:#333;} #replies_list_block .replies-blk { padding-top:15px; padding-left:30px; border-top:0;} #replies_list_block .replies-blk ul { margin:0; padding:0; list-style:none;} #replies_list_block .replies-blk ul .reply_blk_user { padding:10px; background:#fff;} #replies_list_block .replies-blk ul .reply_blk_user:nth-child(2n) { background:#f7fbfc;} #replies_list_block .reply-box { padding-top:15px;} #replies_list_block .comment-box .dlt-icon, #replies_list_block .userShare .dlt-icon, #replies_list_block .dlt-icon {} #reply_preview { margin-bottom:10px;} #reply_preview h6 span { font-family:'open_sansregular'; color:#666; line-height:17px;} #reply_preview #preview_posted_by { color:#999; font-size:11px;} #replies_list_block .replies-blk .wallTareaWrp textarea.form-control, #replies_list_block .answers-block textarea.form-control{ height:70px;} #replies_list_block .replies-blk .wallTareaWrp { padding-top:0;} #replies_list_block .answers-block h4 { padding-top:20px;} #replies_list_block .answers-block .smlPic { float:left; margin-right:10px;} #replies_list_block .answers-block .detailed { margin-left:50px;} #replies_list_block .answers-block .author-img { margin-top:4px;} #replies_list_block .answers-block p { margin-bottom:5px;} #replies_list_block .userDtlCmnts p { font-size:12px; line-height:18px;} #replies_list_block .userDtlCmnts { margin-bottom:0;} #replies_list_block .single_box { border-bottom:1px solid #f6f6f6; padding:15px;} #replies_list_block .single_box:last-child { border-bottom:0;} #replies_list_block .replies-blk .rplyWrapWhite .smlPic { float:left;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl { margin-bottom:15px; margin-left:42px;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl span { font-size:11px; line-height:15px;} #replies_list_block textarea { font-size:13px !important; line-height:19px; padding:5px 10px;} /*--- Active Fight --- */ #active-fight { float:right; display:block; text-align:center; line-height:35px; margin-right:30px; margin-top:6px; border:2px solid #eb494f; width:39px; height:39px; border-radius:50%;} #active-fight img { width:22px; vertical-align:middle; position:relative; top:-1px;} @-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite} /*--- Scroll --- */ .scroll { overflow:auto;} .scroll .mCustomScrollBox { padding-right:20px;} #sidebar-navigation .scroll .mCustomScrollBox { padding-right:0;} .scroll .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background:#dce0e0;} .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#cecece;} .scroll .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar { background-color:#cecece !important;} .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background-color:#4990d1;} .scroll .mCSB_container { width:100% !important; overflow:visible;} /*--- Coding Platform --- */ .coding-platform .button2 { float:right; border-radius:0; background:#2f94d7; padding:8px 15px; } .coding-platform .info { font-size:12px; color:#858585; line-height:25px;} .coding-platform .editor { background:#000; height:265px; background-image:url(images/code_battle_images/code-bg.jpg); } /*--- Pagination --- */ .pagination > li > a, .pagination > li > span, .pagination1 em{ border:1px solid #dadada; min-width:47px; min-height:30px; line-height:30px; font-size:15px; color:#2f94d7; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination1 em.active { background-color:#2f94d7;} .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pagination1 em:hover, .pagination1 em:focus { color:#2f94d7; } .pagination li i { line-height:30px; } .pagination { margin:20px 0;} .pagination1 em.active:hover, .pagination1 em.active:focus { color:#fff;} .pagination1 em:first-child, .pagination1 em:last-child { border-radius:0;} /*--- Progress --- */ .progress { box-shadow:none; border-radius:0; background:none; } .progress-bar-warning { background:#2f94d7; } /*--- Popover --- */ .popover .close { margin-right:5px;} .popover .popover-content { clear:both;} /*--- Image --- */ .sample-image { margin-bottom:15px;} /*--- Why-should-participate --- */ #why-should-participate { padding-top:25px;} /*--- User Profile --- */ #user-profile .section { margin-bottom:30px;} #user-profile .category .content { text-align:center;} #user-profile .category .main { display:block; margin-bottom:15px; font-size:40px; color:#333333; line-height:32px;} #user-profile .category .main small { font-size:16px; display:block;} #user-profile .category .detailed-info { margin:0; padding:0; list-style:none;} #user-profile .category .detailed-info li { font-size:13px; color:#333333; float:left; padding:0 5px; width:33.333%;} #user-profile .category .detailed-info li span { display:block; font-size:30px; color:#34b5ba; text-transform:uppercase;} #user-profile .user-brief { margin-bottom:20px;} #user-profile .user-brief .image { float:left; border:1px solid #9bc6ee; width:130px; height:130px; padding:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 0 15px #ccc; -moz-box-shadow:0 0 15px #ccc; -webkit-box-shadow:0 0 15px #ccc; float:left;} #user-profile .user-brief .image img { width:116px; height:116px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #user-profile .user-brief .inner-wrap { margin-left:150px; display:table; height:130px;} #user-profile .user-brief .inner-wrap .inner { display:table-cell; vertical-align:middle;} #user-profile .user-brief h3 { margin-bottom:15px;} #user-profile .user-brief p { margin-bottom:15px; color:#777;} #user-profile .user-brief .skills-rating ul { margin:0; padding:0; list-style:none;} #user-profile .user-brief .skills-rating ul li { float:left; margin-right:15px; margin-bottom:15px;} #user-profile .user-brief .skills-rating ul li a { display:block; background:#efeff9; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:12px; color:#333333;} #user-profile .user-brief .skills-rating ul li .skill-name { padding:5px 15px 8px 10px; display:inline-block;} #user-profile .user-brief .skills-rating ul li .stats { padding:5px 7px 8px 7px; position:relative; display:inline-block; background:#71b2ee; color:#fff; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;} #user-profile .user-brief .skills-rating ul li .stats:before { content:""; display:block; position:absolute; left:-15px; top:0; width:15px; border-top:15px solid transparent; border-right:7px solid #71b2ee; border-bottom:15px solid transparent;} #user-profile .user-brief .skills-rating ul li .stats .fa { margin-right:3px; color:#fffc00;} #user-profile .sociable { text-align:center; border-bottom:1px solid #eaeaea; margin-bottom:50px;} #user-profile .sociable .inner { background:#fff; display:inline-block; position:relative; top:14px; padding:0 5px;} #user-profile .sociable a { width:28px; height:28px; display:inline-block; line-height:27px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:20px; color:#fff; margin:0 5px;} #user-profile .sociable a.facebook { background:#366ea7;} #user-profile .sociable a.twitter { background:#4086cd;} #user-profile .sociable a.google-plus { background:#ca4638;} #user-profile .nav-tabs { text-align:center; margin-bottom:20px; border-color:#5fa5e6;} #user-profile .nav-tabs li { display:inline-block; float:none;} #user-profile .nav-tabs li a { font-size:15px; background:#71b2ee; border-color:#5fa5e6; color:#fff;} #user-profile .nav-tabs li a:hover { background:#5fa5e6; border-color:#71b2ee;} #user-profile .nav-tabs li.active a { background:#fff; color:#e7a300; border-bottom-color:#fff;} #user-profile .box { border:1px solid #eaeaea; width:48%; display:inline-block; vertical-align:top; margin-right:8px; margin-bottom:15px;} #user-profile .box header { padding:10px; border-bottom:1px solid #eaeaea; background:#f9f9f9;} #user-profile .box header .avatar { float:left; border:1px solid #9bc6ee; margin-bottom:15px; margin-right:15px; width:40px; height:40px; padding:2px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:left;} #user-profile .box header .avatar img { width:34px; height:34px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #user-profile .box header h5 { margin-bottom:3px;} #user-profile .box header p { font-size:12px; color:#777; line-height:16px; margin-bottom:0;} #user-profile .box .content { padding:10px;} #user-profile .box footer { padding:10px; border-top:1px solid #eaeaea;} #user-profile .box footer a { display:block; float:right; margin-left:10px;} #user-profile .box footer .fa { font-size:15px; color:#d6d6d6; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #user-profile .box footer a:hover .fa { color:#999;} /*--- Help Section --- */ .help-section { position:fixed; z-index:10; left:15px; bottom:15px;} .help-section .help-icon { display:block; background:url(images/code_battle_images/help-icon.png) left top no-repeat; width:84px; height:80px; z-index:} .help-section .help-box { width:300px; top:-262px; position:absolute; left:0; height:260px;} .help-section .help-box.top > .arrow { left:42px;} .help-section h5 { text-align:center; font-weight:normal; font-size:16px; position:relative; margin-top:-20px;} .help-section textarea { height:172px; padding-bottom:25px;} .help-section .textarea { margin-bottom:9px; position:relative;} .help-section .next-btn { float:right; padding-left:15px; padding-right:15px;} .help-section .checkbox-input { position:absolute; width:100%; display:block; left:10px; bottom:0px;} .help-section .checkbox-input label { font-size:12px; padding-left:0; font-weight:normal; color:#999;} .help-section .checkbox-input input[type="checkbox"] { margin-right:5px; vertical-align:sub;} /*--- Form1 --- */ .form1 ul li { margin-bottom:20px;} .form1 ul li:last-child { margin-bottom:0;} /*--- Problem --- */ .problem .nicEdit-main { max-height:150px; overflow:auto !important;} /*--- GenerateTemplates --- */ #generateTemplates p { clear:both; float:none !important;} #generateTemplates .radio-input { margin-bottom:30px;} /*--- Main Title --- */ .main-title { padding-top:15px;} /*--- Battle Invite --- */ .battle-invite .invt-frnd-dtl { line-height:18px !important; margin-bottom:4px;} .battle-invite .working-place { font-size:11px; color:#999; margin-left:40px; display:block;} .battle-invite .invt-frnd-info { min-height:40px;} .battle-invite .invt-frnd-info h6, .battle-invite .invt-frnd-info p { margin-left:40px;} .battle-invite .invt-frnd-info h6 { margin-bottom:4px;} .battle-invite .invt-frnd-info p { font-size:12px; color:#999; line-height:16px; margin-bottom:0;} /*--- User Panel --- */ #user-panel .steps { position:relative; margin:0 -15px 30px; background:#efeff4;} #user-panel .steps ul { margin:0; padding:0; list-style:none;} #user-panel .steps ul li { float:left; position:relative; z-index:2; font-size:14px; text-transform:uppercase; background:url(images/sass_images/steps-arrow.png) right center no-repeat; color:#899aa6; line-height:48px; padding:0 30px 0 24px; margin-left:-19px; text-align:center; margin-right:5px; } #user-panel .steps ul li:first-child, #user-panel .steps.clickable ul li:first-child a { margin-left:0; border-radius:5px 0 0 0;} #user-panel .steps ul li .fa { font-size:24px; color:#7d8892; vertical-align:baseline; position:relative; top:3px; margin-right:10px;} #user-panel .steps ul li.active { background:#2f94d7 url(images/code_battle_images/steps-arrow1.png) right center no-repeat; z-index:1; color:#fff;} #user-panel .steps ul li.active .fa { color:#fff;} #user-panel .steps.clickable ul li { padding:0; background:none; padding:0;} #user-panel .steps.clickable ul li a { display:block; cursor:pointer; background:url(images/sass_images/steps-arrow.png) right center no-repeat; color:#899aa6; padding:0 30px 0 24px;} #user-panel .steps.clickable ul li.active { background:none;} #user-panel .steps.clickable ul li.active a { color:#fff; background:#2f94d7 url(images/code_battle_images/steps-arrow1.png) right center no-repeat;} #problem-statement ul.token-input-list-facebook { width:336px !important; border:1px solid #dadada; float:left;} #problem-statement .form-group.col-sm-9 label { float:left;} #problem-statement .form1 ul.row { margin:0 -10px 20px;} #problem-statement .form1 .form-group.col-sm-9 { width:100%;} #problem-statement .sample-problem {font-size: 13px; margin-bottom:10px; display:block;} #problem-statement .button4, #languages .button4, #test-cases .button4, #add-test-case .button4 { position:relative; border:0; background:#2f94d7; color:#fff;} #problem-statement .button4:hover, #languages .button4:hover, #test-cases .button4:hover, #add-test-case .button4:hover , #problem-statement .button4:focus, #languages .button4:focus, #test-cases .button4:focus, #add-test-case .button4:focus, #problem-statement .button4:active, #languages .button4:active, #test-cases .button4:active, #add-test-case .button4:active { color:#fff; background:#2384c4; outline:none;} #user-panel .top-bar { display:none;} .problem > div { width:100% !important;} .problem .nicEdit-main { margin:0 !important; padding:5px; width:100% !important; font-size:14px;} #add-test-case p.input-ex { font-size:11px; color:#aaa;} /*--- Stylish Checkboxes --- */ .stylish-checkboxes { background:#efeff4; padding:20px 20px 5px; position:relative; margin-bottom:20px;} .stylish-checkboxes .checkbox { position:relative; min-width:30.333%; display:inline-block; text-align:left; margin:0 5px 0 0;} .stylish-checkboxes .checkbox label { font-size:13px; color:#314451; background:#e3e3ec; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 15px 10px 40px; display:block; cursor:pointer;} .stylish-checkboxes .checkbox input[type=checkbox]:checked + label:before { background:url(images/sass_images/checkbox1.png) left 1px no-repeat; } .stylish-checkboxes .checkbox input[type=checkbox] { display: none; } .stylish-checkboxes .checkbox label:before {content: ""; display: inline-block; width: 23px; height: 21px; margin-right: 10px; position: absolute; left: 11px; bottom:10px; background:url(images/sass_images/checkbox1.png) left -20px no-repeat; } .stylish-checkboxes .checkbox input[type=checkbox]:checked + label:before {background:url(images/sass_images/checkbox1.png) left 1px no-repeat; } /*--- Languages --- */ #languages h6 { font-size:15px; color:#314451; font-weight:normal;} #languages h5 { font-size:18px; color:#314451; font-weight:normal; margin-bottom:20px;} #languages .stylish-checkboxes { padding:20px 20px 5px; margin-bottom:20px;} #languages .stylish-checkboxes .checkbox { min-width:92px;} #languages .allow-languages { margin-bottom:30px; position:relative; clear:both;} #languages .allow-languages .error_msg { display:block; margin-bottom:20px;} #languages .controls { margin-left:25px; float:left; margin-top:3px;} #languages .controls li { float:left; border-right:1px solid #314451; padding-right:10px; margin-right:10px;} #languages .controls li:last-child { margin-right:0; padding-right:0; border:0;} #languages .controls li a { font-size:14px; color:#314451; text-decoration:underline; line-height:14px;} #languages ul li > label, #languages .input-option label { float:left; margin-right:9px; text-align:right; padding-top:11px; margin-bottom:12px; width:15%;} #languages ul li input[type="text"], #languages ul li .select { width:83%; display:inline-block; float:right;} #languages ul li .error_msg { margin-left:17px;} #languages ul li .add-parameters { float:right; font-size:15px; color:#314451; text-decoration:underline;} #languages ul li a.close-btn { float:right; margin-left:15px; margin-top:-1px; position:relative; display:block; font-size:30px; color:#5a6974;} #languages ul li .value-field { width:140px !important;} #languages ul li.left-space { padding-left:140px;} #languages ul li.left-space .select { width:175px; margin-right:20px; float:right;} #languages li .right-content { width:83% !important; position:relative; } #standard-template-test-case .button5 { margin-left:17px; margin-top:5px;} #languages .editor { background:#efeff4; padding:15px;} #languages .approximate-solution { width:100%;} #languages .approximate-solution .editor { margin-bottom:15px;} #languages .approximate-solution .editor-header { display:none;} #languages .editor header { margin-bottom:15px;} #languages .editor header .select { float:right; width:150px;} #languages .editor header .button3 { margin-top:5px;} #languages input[type='submit'] { margin-top:20px;} #languages .editor header .reset { font-size:15px; color:#314451; margin-left:10px; top:4px; position:relative;} #languages .editor .editing-area .editor-header { background:#e9e9ee; padding:5px; border:1px solid #e1e1e6;} #languages .editor .editing-area .editor-header h6 { margin-bottom:0;} #languages .editor .editing-area .editor-header h6 strong { font-weight:500;} .chosen-container { width:100% !important;} .chosen-container .chosen-choices, .chosen-container .chosen-single { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; min-height:38px; line-height:26px !important; padding:4px 10px !important; font-size:14px; background:#fff !important; width:100% !important; box-shadow:none; border:1px solid #ccc !important;} .chosen-container .chosen-choices .search-choice-close { position:relative;} .chosen-container .chosen-choices .search-choice-close:before {color: #999; content: "x"; display: block; font-size: 15px; left: 2px; position: relative; top: -2px;} .chosen-container .chosen-choices li span { font-size:12px;} .chosen-container-single .chosen-search input[type="text"] { float:none !important; width:100% !important; display:block !important;} #languages .chosen-container { width:90% !important; display:inline-block;} #languages .memory-limit-field label { padding-top:2px; line-height:19px;} #languages .checkbox-input { margin-bottom:30px; margin-right:20px;} #languages li .right-content { width:275px; float:right;} #languages li .add-parameters-btn { text-decoration:none; margin-left:0px; vertical-align:baseline;} #languages li .right-content p { font-size:14px;} #languages .input-options {clear:both; padding-top:1px;} #languages #custom-template-test .input-options { clear:none;} #languages #custom-template-test .input-function-params .button3 { margin-left:17%; margin-top:15px;} #languages .input-option { margin-top:15px;} #languages .input-option:first-child { margin-top:0;} #languages .input-option .chosen-container{ width:90% !important;} #languages .input-option .fa { font-size:22px; color:#0a3542; margin-left:10px; vertical-align:sub;} .right-content .delete { position:absolute; right:0px; bottom:10px; } #languages .input-function-params .error_msg { clear:both;} #languages .CodeMirror { height:250px; font-size:12px;} #custom-template-test, #standard-template-test-case { width:100%; margin-bottom:20px;} #standard-template-test-case ul { min-height:15px !important;} #generateTemplates .col-sm-7.col-xs-12 { width:100%;} #custom-template-test > ul { min-height:50px !important;} #custom-template-test #languages .input-options { clear: none !important; } /*--- Help Icon --- */ .help-icon { display:inline-block; margin-left:10px; vertical-align:text-top; margin-bottom:-1px; position:relative;} .help-icon .fa { font-size:21px; vertical-align:text-bottom; color:#2e4056;} /*--- display-form --- */ form1.display-form { margin-top: 10px !important; } /*--- challenge-additional --- */ .challenge-additional { border:1px solid #ebebeb; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding-bottom:50px; box-shadow: 1px -1px 1px #ebebeb; -moz-box-shadow: 1px -1px 1px #ebebeb; -webkit-box-shadow: 1px -1px 1px #ebebeb; } .challenge-additional .content { width:75%; } .challenge-additional .content h6 { font-size:14px; color:#333333; padding-bottom:10px; border-bottom:1px solid #ebebeb; margin-bottom:15px; } .challenge-additional .table8 { width:100%; } .challenge-additional .table8 figure { width:auto; height:auto; border:none; } .challenge-additional .table8 td p .s { display:inline-block; background:#dadada; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px; } .challenge-additional .table8 .button3 { min-width:115px; padding:10px; text-transform:uppercase; } .challenge-additional .table8 td:last-child { border:none; } .table9 td p .s { display:inline-block; background:#dadada; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px; line-height:1; } #Challengers-list { padding:20px; } /*--- Game Rules --- */ .game-rules .modal-dialog { max-width:660px; width:100%;} .game-rules .modal-body, .game-rules .modal-footer { text-align:center;} .game-rules .icon { margin-bottom:20px;} /*--- form1 --- */ .form1 textarea.form-control { border:1px solid #e5e5e5 !important;} .form1 .varification-field.has-error .error_msg { position:relative; left:auto; bottom:auto;} /*--- Create Tournament --- */ #create-tournament .form-group { width:250px; margin-bottom:15px; padding-right:20px; vertical-align:top;} /*--- Testimonials --- */ #testimonials { background:#e7a300; padding:34px 0;} #testimonials blockquote { border:0; margin:0; padding:0; width:90%;} #testimonials blockquote .inner { background:#fff; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px; margin-bottom:27px;} #testimonials blockquote .inner:after { display:block; background:url(images/code_battle_images/arrow1.png) left top no-repeat; width:17px; height:14px; position:absolute; left:50%; margin-left:-7px; bottom:-14px; content:"";} #testimonials blockquote .cite { text-align:right; padding-top:20px; font-weight:bold; margin-bottom:0;} #testimonials blockquote .cite cite { font-style:normal;} #testimonials blockquote .avatar { background:#e2e1e5; font-size:26px; text-transform:uppercase; width:78px; line-height:72px; height:78px; border:3px solid #fff; margin:0 auto; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #testimonials blockquote .avatar img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; height:72px; width:72px; display:block;} #testimonials .middle blockquote { margin:0 auto;} #testimonials .last blockquote { float:right;} /*--- How It Works --- */ #how-it-works { text-align:center; padding:60px 0 0; position:relative;} #how-it-works .container { width:100%;} #how-it-works .number { width:103px; height:103px; margin:0 auto 25px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#115572;text-align:center; display:block; padding-top:20px; font-size:20px; color:#fff; text-transform:uppercase;} #how-it-works .number strong { display:block; font-size:36px; line-height:36px;} #how-it-works p { font-size:18px; line-height:28px; color:#999;} #how-it-works .col-sm-4 { padding-bottom:20px; padding-top:20px;} /*--- Challenge With --- */ #challenge-with { background:#20202f; padding:85px 0; text-align:center;} #challenge-with h2 { color:#fff; font-weight:normal; text-transform:uppercase; margin-bottom:50px; text-shadow:0 -3px 4px #223337;} #challenge-with p { color:#fff; font-style:italic; font-size:26px; margin-bottom:60px; text-shadow:0 -3px 4px #223337;} #challenge-with .social-btn { width:208px; margin-right:20px;} #challenge-with .social-btn:last-child { margin-right:0;} /*--- Question-type --- */ #question-type .panel { text-align:center; min-height:109px;} #question-type .panel:hover { background:#f9fafb;} #question-type .panel-heading { background:none; border-bottom:0;} #question-type .panel-body { font-size:14px; color:#999;} #question-type .panel-body a:hover, #question-type .panel-body a:active, #question-type .panel-body a:focus { text-decoration:none;} /*--- Create Test --- */ #create-test-popup .duration-field { margin-left:20px;} #create-test-popup .duration-field { width:92px;} #create-test-popup .text-name-field { width:70%;} #create-test-popup .form-group { float:left; margin-bottom:15px;} #create-test-popup label { display:block; text-align:left; margin-bottom:5px;} #create-test-popup button.close { margin-right:6px;} #create-test-popup input[type='text'] { width:100%;} #create-test-popup .tooltip { width:200px;} #create-test-popup .radio-input { display:inline-block; margin-right:20px; margin-bottom:0; margin-top:5px;} #create-test-popup .popover-content { padding-top:0; padding-bottom:20px;} #create-test-popup label { font-family: "open_sanssemibold"; font-weight:normal;} #create-test-popup .radio-input label { font-size:13px; font-family:'open_sansregular';} #create-test-popup .time-field .form-control { width:150px;} #create-test-popup .time-field .to { vertical-align:middle; font-size:12px; color:#999; margin:0 10px;} #create-test-popup .varification-field { position:relative;} #create-test-popup .varification-field .form-control { width:100px;} #create-test-popup .varification-field label {float:none; margin-right:0; line-height:normal;} #create-test-popup .varification-field .error_msg {bottom: -26px; float: none; left: 0; position: absolute;} /*--- Section-info ---*/ .section-info { text-align:center;} .section-info .section3 { padding:25px 0 30px;} .section-info h2 { margin-bottom:20px; font-family: 'open_sansregular';} .section-info h2 small { color:#424242;} .section-info h2 strong { font-family: 'open_sanssemibold';} .section-info p { color:#999999;} .section-info p.lead { font-size:18px; margin-bottom:60px;} .section-info .section3.gray-bg { background:#f9f9f9;} /*--- Xdsoft_datetimepicker --- */ .xdsoft_datetimepicker { z-index:10001 !important;} /*--- White-box --- */ .white-box { background:#fff; border-radius:5px; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-bottom:30px;} .white-box .box-content { padding:15px;} /*--- Create-question-btn --- */ #highlighted-btn-area { float:right; position:relative; z-index:10; right:25px; margin-top:-26px; margin-bottom:-26px;} #highlighted-btn-area .button1 { float:right; outline:none; padding:10px 17px; border-radius:50%; font-size: 20px; background:#eb494f;} #highlighted-btn-area .button1:hover { -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite;} #highlighted-btn-area .button1.active { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important;} @-webkit-keyframes glowing { 0% {-webkit-box-shadow: 0 0 3px #d5383e; } 50% { -webkit-box-shadow: 0 0 40px #d5383e; } 100% {-webkit-box-shadow: 0 0 3px #d5383e; } } @-moz-keyframes glowing { 0% {-moz-box-shadow: 0 0 3px #d5383e; } 50% { -moz-box-shadow: 0 0 40px #d5383e; } 100% {-moz-box-shadow: 0 0 3px #d5383e; } } @-o-keyframes glowing { 0% {box-shadow: 0 0 3px #d5383e; } 50% { box-shadow: 0 0 40px #d5383e; } 100% {box-shadow: 0 0 3px #d5383e; } } @keyframes glowing { 0% {box-shadow: 0 0 3px #d5383e; } 50% { box-shadow: 0 0 40px #d5383e; } 100% {box-shadow: 0 0 3px #d5383e; } } #highlighted-btn-area .button1:hover { background:#d5383e; } /*--- Slider --- */ .slider1 .slide { width:100%;} .slider1 .controls { display:block; text-align:center; position:relative; z-index:10;} .slider1 .controls a { display:inline-block; margin:0 5px; width:10px; height:0; padding-top:10px; overflow:hidden; border-radius:50%; cursor:pointer; background:#727272;transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .slider1 .controls a:hover, .slider1 .controls a.activeSlide { background:#2f94d7;} /*--- Select-pro-language --- */ #select-pro-language .alert { padding:10px;} /*--- User-more-info --- */ .user-more-info a { display:inline-block; line-height:21px; width:30px; text-align:center; margin-right:3px; height:30px; border:2px solid #556570; vertical-align:middle; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; 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;} .user-more-info a:hover, .user-more-info a:active, .user-more-info a:focus { border:2px solid #3e505b;} .user-more-info a img { display:block; width:22px; height:22px; position:relative; margin:2px auto 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .user-more-info a .fa { font-size:21px; margin-top:2px; color:#666; vertical-align:middle;-webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; transition-property: transform; transition-duration: 1s;} .user-more-info a.disabled { background:#45555f;} .user-more-info a.running { background:#2f94d7;} .user-more-info a.completed .fa { color:#5cb85c;} .user-more-info a.not-completed .fa { color:#d9534f;} .user-more-info a.running .fa { color:#fff; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear;} .user-more-info a .fa-times, .user-more-info a .fa-check {color:#ff0000;} @-webkit-keyframes rotate { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-moz-keyframes rotate { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} } @keyframes rotate { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } /*--- Leaderboard --- */ #leaderboard .btn-group { float:left;} #leaderboard h3 { text-align:center; line-height:44px;} /*--- Widget --- */ .widget { border-radius:6px; border:1px solid #dadada; background:#fff;} .widget header { background:#202f39; border-radius:5px 5px 0 0; padding:10px 10px; text-align:center; margin-bottom:6px; } .widget header a { display:block; padding:8px; text-decoration:none;} .widget header h6 { font-size:14px; margin-bottom:0; text-transform:uppercase; color:#fff; line-height:20px; } .widget header h6 .fa { margin-right:10px; vertical-align:top;} .widget .content { padding:20px;} .widget p { font-size:13px; line-height:18px;} .widget .search { padding:0px 5px; } .widget .search input[type="text"] { display:block; width:100%; height:35px; line-height:35px; border:1px solid #dadada; font-size:14px; color:#999999; padding:0px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(images/code_battle_images/icon7.png) right center no-repeat; } #user-panel .widget .content { padding:0px; } /*--- Find Buddies --- */ .find-buddies span { display:block; background:#ebeff2; font-size:14px; color:#999999; font-weight:600; text-align:center; padding:7px; border-bottom:1px solid #dadada; margin-bottom:5px; } .find-buddies .user { padding:0px 5px; } .find-buddies .user .fb,.find-buddies .user .gp { display:inline-block; width:49%; text-align:center; font-size:24px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:40px; line-height:40px; } .find-buddies .user .fb { border:1px solid #3b5998; color:#3b5998; margin-right:1%; } .find-buddies .user .gp { border:1px solid #ca4736; color:#ca4736; margin-left:1%; } /*--- Instructions_data --- */ #instructions_data .list3 li { font-size:13px;} /*--- Chat Lists --- */ #chat-lists { position:fixed; width:19.5%; top:128px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; padding-bottom:7px; z-index:10;} #chat-lists .expand-collapse { float:right; color:#c0becc; font-size:21px;} #chat-lists .expand-collapse .fa { vertical-align:top; position:relative; top:-1px;} #chat-lists .display-message { min-height:200px; padding:5px; text-align:center; vertical-align:middle; font-size:24px; line-height:28px; color:#c9c9c9; } .label { font-family: "open_sanssemibold"; font-weight:normal;} /*--- Test-cases --- */ #test-cases .actions { margin-bottom:30px;} #test-cases .actions .button5 { margin-right:10px;} #test-cases .actions .button5 .fa { margin-left:10px;} #test-cases .table3 .dropdown { display:inline-block;} #test-cases .table3 .dropdown ul { padding:5px 0; margin:2px 0 0;} #test-cases .table3 .dropdown ul li { margin-bottom:3px; font-size:13px;} #test-cases .table3 input[type="text"] { width:150px; height:40px; margin:0 auto;} #test-cases .table3 tr th:first-child { border-radius:0;} #test-cases .table3 tr th { background:#f4f4f4; color:#333; font-weight:600; font-size:14px; border:1px solid #e9e9e9;} #test-cases .table3 tr th:last-child { border-right:0;} #test-cases .table3 tr td { padding:10px; font-size:14px; font-weight:normal; border:1px solid #e9e9e9;} #test-cases .table3 tr td.user-actions a { font-size:17px; margin:0 5px;} /*--- box3 --- */ .box3 { margin-bottom:20px;} .box3 .content { padding-bottom:30px; } .box3 h4 { margin-bottom:15px; font-size:15px; color:#727272; text-transform:uppercase; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;} .box3 .metadata { font-size:11px; line-height:15px; text-align:left; color:#858585; display:block;} .box3 .top-bar { margin-bottom:20px;} .box3 .table1 h3 { font-size:18px; margin-bottom:0;} .box3 .table1 p { font-size:13px; margin-bottom:10px; color:#727272;} .box3 .table1 p span {font-family: "open_sanssemibold";} .box3 .table1 tr .marks img { width:20px; margin-right:5px;} .box3 .table1 tr .marks { font-size:14px; color:#333; margin-right:10px; font-family:'open_sanssemibold';} .box3 .table1 tr td:last-child { text-align:center;} .box3 #previous-challenges tr td:last-child { width:130px; text-align:center; border-left:1px solid #f6f6f6;} .box3 .table1 tr td.test-details .code-score, .box3 .table1 tr td.test-details .comment-lnk { margin-top:1px; font-size:15px; vertical-align:text-bottom;} .box3 .table1 tr td .score .meta-data { display:block; font-size:12px; color:#999999; margin-top:5px; } .box3 .table1 .code-score,.box3 .table1 .comment-lnk { font-size:14px; color:#2f94d7; display:inline-block; font-size:15px;} .box3 .table1 .code-score { margin-right:15px;} .box3 .table1 .code-score .fa,.box3 .table1 .comment-lnk .fa { margin-right:5px;} /*--- Search Filter --- */ #search-filter .filter-btn {display:table; width:100%; background:#39d1b4; width:180px; position:relative; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:22px; color:#fff; line-height:26px; padding:15px 20px;} #search-filter .filter-btn.active .add-icon { font-size:30px; line-height:28px;} #search-filter .add-icon { width:30px; height:30px; line-height:22px; font-size:42px; color:#39d1b4; display:block; background:#fff; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:right; font-style:normal;} #search-filter .search-form { background:#f9f9f9;border:1px solid #f1f1f1; position:relative; z-index:10; padding:10px;} #search-filter h3 { margin-bottom:10px;} #search-filter .search-form form { margin:0;} #search-filter .search-form form ul li { margin-bottom:0;} #search-filter .search-form form > ul > li { float:left; width:33.333%; padding:0 10px 0 0;} #search-filter .search-form .select select { height:43px; padding:10px 40px 10px 10px; font-size:15px;} #search-filter .search-form .select { height:45px;} #search-filter .search-form .select::after { height:43px; background-position:9px center;} #search-filter .search-form input[type="text"], #search-filter .search-form input[type="password"] { height:45px; font-size:15px; padding:10px;} #search-filter .search-form .rank-field input[type="text"], #search-filter .search-form .tech-quotient-field input[type="text"] { width:89px;} #search-filter .search-form .fields { display:none; margin-bottom:0; font-size:15px; color:#999;} #search-filter .search-form .advance-search { text-align:center; border-bottom:1px solid #d4dbe0; margin:0 10px 10px; height:8px;} #search-filter .search-form .advance-search .advanced-btn { background:#fff; border-radius:6px; padding:2px 10px 3px; position:relative; top:-5px; font-size:13px; color:#2572b9; border:1px solid #d4dbe0;} #search-filter .search-form .off { display:none;} #ldb-srch-btns input[type="submit"],#ldb-srch-btns input[type="button"] { padding:10px 12px; margin-right:5px;} #search-filter #ldb-srch-btns { padding-top:29px;} #all-top-scores .table2 { margin:15px 0 20px;} #all-top-scores .table2 tr th { font-size:17px; padding:12px 20px;} #all-top-scores .table2 tr td { font-size:14px;} #all-top-scores .table2 tr th, #all-top-scores .table2 tr td { text-align:center;} #all-top-scores .table2 tr td.name { text-align:left;} /*--- Textarea --- */ textarea.form-control { resize:none;} /*--- All-top-scores --- */ #all-top-scores .table2 tr th, #all-top-scores .table2 tr td { border:1px solid #e5e5e5;} /*--- Tabs --- */ .tabs { position:relative;} .tabs .nav-tabs { border-bottom:1px solid #f2f2f2; height:41px; } .tabs .nav-tabs li.active a{ background:#fff;border:none; border-bottom:2px solid #eb494f; color:#eb494f; } .tabs .nav-tabs li.active a:hover, .tabs .nav-tabs li.active a:focus, .tabs .nav-tabs li.active a:active { border-bottom:2px solid #eb494f;} .tabs .nav-tabs a:hover,.tabs .nav-tabs a:active, .tabs .nav-tabs a:focus { color:#eb494f; background:#fff;} .tabs .left-menu { position:absolute; left:-209px; top:60px; border-bottom:0;} .tabs .left-menu li { float:none; margin-bottom:3px;} .tabs .left-menu li a { margin-right:0; border:1px solid #dadada; border-radius:4px 0 0 4px; font-size:16px; padding:11px 15px 13px; color:#eb494f;} .nav-tabs > li > a { border:0px solid hsla(0, 0%, 0%, 0) } .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active > a:hover { border:none;border-bottom:1px solid #eb494f; } .tabs .left-menu li.active a { } .tabs .left-menu { width:210px;} .tabs .tab-content { border:none; padding:0 0; } .tabs .nav-tabs li a {font-size:13px; padding:10px 15px 10px; border-radius:0; text-transform:uppercase; color:#999999; font-family:'open_sanssemibold';} .tabs .nav-tabs li { float:left; } .challenge-additional .nav-tabs { text-align:center; } .challenge-additional .nav-tabs li { display:inline-block; text-align:center; float:none; } .challenge-additional .nav-tabs li .fa { font-size:20px; } .challenge-additional .nav-tabs { border-bottom:1px solid #eb494f; } .challenge-additional .tabs .nav-tabs li a { color:#333333; border-bottom:3px solid #fff;} .challenge-additional .tabs .nav-tabs li a:hover, .challenge-additional.tabs .nav-tabs li.active a { border-bottom:3px solid #eb494f; background:#fff; color:#eb494f; } .challenge-additional .tabs .nav-tabs li { border:none; } .challenge-additional .tabs .nav-tabs li.active a { border-bottom:3px solid #eb494f;} /*--- Solve-the-problem --- */ #solve-the-problem .modal-body { padding:20px 0px; text-align:center; } #solve-the-problem h3 { font-size:14px; line-height:17px; color:#314451; border-bottom:1px solid #f4f4f4; padding-bottom:8px; text-align:center; text-transform:uppercase; margin-bottom:20px; } #solve-the-problem img { margin-bottom:15px; } #solve-the-problem .inner { min-height:190px;} #solve-the-problem .alert { font-size:12px; padding:10px; margin-top:15px; margin-bottom:0;} #solve-the-problem p { font-style:italic; font-size:14px; line-height:18px; color:#727272; margin-bottom:15px; } #solve-the-problem .button1 { background:#eb494f; font-size:14px; text-transform:uppercase; padding:10px 25px; } #solve-the-problem .button5 { text-transform:uppercase; font-size:14px;} #solve-the-problem .button1:hover,#solve-the-problem .modal-body .button1:focus { background:#f11f27; } #solve-the-problem .select { width:203px; margin:15px auto 10px;} #solve-the-problem .table11 th { padding:12px 15px; border-bottom:1px solid #eff2f3; color:#424242; background:#f5f9fb; font-size:13px; font-family:'open_sanssemibold'; font-weight:normal; } #solve-the-problem .table11 td { text-align:left; } #solve-the-problem .table11 td.form1 { width:50px;} #solve-the-problem .modal-footer { position:relative; } #solve-the-problem .modal-footer .popover { display:block; left:auto; right:-55px; top:-130px; } #solve-the-problem .table11 { margin-bottom:0;} #solve-the-problem .table11 .form1 .checkbox-input { display:inline;} #solve-the-problem .action { float:left;} #solve-the-problem .action p { line-height:0; font-style:normal; margin:0; line-height:33px;} #solve-the-problem .popover-footer { padding:8px 14px; border-top:1px solid #ebebeb;} /*--- Company-updates --- */ #company-updates { padding-top:0;} #company-updates ul li { width:100%;} #company-updates .list6 li { margin-bottom:20px;} #company-updates .list6 li .inner-content { min-height:15px; width:100%; overflow:hidden;} #company-updates .list6 li .inner-wrap { border:1px solid #f4f4f4; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);} #company-updates .list6 h3 { font-size:16px;} #company-updates .list6 h3 a:hover { color:#333;} #company-updates .list6 .content { padding:10px 10px 15px;} #company-updates .list6 .content, #company-updates h3 { height:auto;} #company-updates .list6 li header h4 { font-family:'open_sanssemibold'; font-weight:normal;} #company-updates .list6 p { margin-bottom:0;} #company-updates .list6 li header h4 { font-size:14px; color:#39b2e5;} #company-updates .list6 li header { border-bottom:1px solid #f4f4f4;} #company-updates .list6 li header .metadata, #company-updates .list6 li header .posted-by { line-height:15px; color:#c1c1c1;} #company-updates .list6 li footer p { text-align:left;} #company-updates .list6 footer p a { margin:0 20px 0 0;} #company-updates .send-updates { padding-bottom:0;} #company-updates .image-holder { float:left; margin-right:15px;} /*--- Loader --- */ .waitMe_container .waitMe { position:relative; width:100%; height:200px;} /*--- Table1 --- */ .table1 { width:100%;} .table1 tr td { padding-right:10px; position:relative;} .box3 .table1 tr td.image { width:82px; padding-right:0; vertical-align:top;} .box3 .table1 tr td.image:last-child { padding-right:15px; padding-left:0;} .box3 .table1 tr td.image img { width:72px; height:72px;} .table1 tr td:last-child { padding-right:0;} .table1 tr td .score {color:#333333;} .table1 tr td.marks .icon { display:block; width:30px; margin:0 auto 5px;} .box3 .table1 tr td { padding:15px; border-bottom:1px solid #e5e5e5; text-align:left;} .box3 .table1 { background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);} .box3 .table1 tr td.details { padding-left:0px; text-align:left; } .box3 .user-more-info a { border:1px solid hsl(244, 11%, 76%); } .table1 tr td.user-match-action {text-align:center !important; background:#f5f6f7; position:relative; width:100px; border-left:1px solid #ebebeb; font-size:15px; 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;} .table1 tr td.user-match-action:before { display:block; position:absolute; left:0; top:-1px; width:100%; height:1px; background:#e5e5e5; content:"";} .table1 tr:first-child td.user-match-action:before { display:none;} .table1 tr td.user-match-action a { color:#eb494f; font-family:'open_sanssemibold'; text-transform:uppercase; font-size:13px;} .table1 tr td.user-match-action .fa { font-size:28px;} .table1 tr:first-child td.user-match-action { border-top-right-radius:5px;} .table1 tr:last-child td.user-match-action { border-bottom-right-radius:5px;} .table1 tr td.user-match-action.fight { background:#eb494f; border-bottom-color:#6acaf3;} .table1 tr td.user-match-action.fight a { color:#fff;} .table1 tr td.fighter-info h5 { margin-bottom:0;} .table1 tr td.score { text-align:center; width:160px;} .table1 tr td.score .score-value { font-size:30px; font-family:'open_sanssemibold'; text-transform:uppercase;} .table1 tr td.score small { display:block; font-size:11px; color:#999; line-height:15px;} /*--- Table2 --- */ .middle-panel .table2 { margin-top:15px; margin-bottom:20px;} .codehire #sidebar-navigation { background:#d0d0d0;} .table2 { width:100%; margin-bottom:25px;} .table2 tr th { border:1px solid #e5e5e5; background:#f4f4f7; padding:15px; font-size:14px; color:#314451; font-family: 'open_sanssemibold'; text-align:left; font-weight:normal;} .table2 tr td { border:1px solid #e5e5e5; padding:15px; vertical-align:middle; font-size:14px; color:#314451;} .table2 tr td a { color:#eb494f;} .table2 tr td a.button6 { color:#314451;} .table2 .fa { color:#a3b3be; font-size:18px; margin-right:10px; vertical-align:bottom; 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;} .table2 h5 { margin-bottom:0;} .table2 h5 a { color:#314451; 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;} .table2 h5 a:hover { color:#ee3037;} .table2 tr td.actions a { margin:0 12px; display:inline-block;} .table2 tr td.actions a .fa { margin:0;} .table2 tr td.actions a:first-child { margin-left:0;} .table2 tr td.question-number { text-transform:uppercase; color:#a3b3be; font-weight:bold; padding:15px 7px; width:75px; } .table2 tr td.expand-collapse { text-align:right;} .table2 tr.open-content { display:none;} .table2 tr.open-content p { font-size:14px;} .table2 tr.current td { border-bottom:0;} .table2 tr .actions { width:165px;} .table2 tr .expand-collapse { padding:5px 15px; width:50px;} .table2 tr .expand-collapse-btn { display:block; padding:10px; text-align:center;} .table2 tr .expand-collapse-btn .fa { margin:0;} .content-area .table2 tr td,.content-area .table2 tr th { padding:15px 8px 14px; } /*--- Table3 --- */ .table3 { width:100%; margin-bottom:20px;} .table3 tr td { border:1px solid #dadada; border-top:0; border-bottom:1px dashed #dadada; padding:7px 10px 8px; background:#fff; text-align:center; font-size:16px; color:#333333;} .table3 tr th { background:#36344c; color:#fff; padding:9px 10px 11px; border:1px solid #dadada;text-align:center; font-size:16px;} .table3 tr th:first-child { border-left:0; border-radius:8px 0 0 0;} .table3 .avatar { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:60px; height:60px; line-height:60px; margin-right:15px;} .table3 .avatar img { width:60px; height:60px; vertical-align:middle; border-radius:50%;} .table3 td.rank { font-size:30px; font-weight:bold;} .table3 td.score { font-size:20px; font-weight:bold;} /*--- Table8 --- */ .table8 { width:100%; margin-bottom:20px; } .table8 figure { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:94px; height:94px; text-align:center; border:1px solid #79cef2; line-height:94px; } .table8 td { padding:0px 10px; } .table8 td h4 { font-weight:normal; color:#333333; font-size:20px; line-height:25px; margin-bottom:10px; } .table8 td p { font-size:14px; color:#333333; line-height:17px; margin-bottom:10px; } .table8 td i { margin:0px 5px 5px 0px; } .table8 td:last-child { border-left:1px solid #dadada; } .table8 td .meta-data { font-size:12px; color:#999999; } .table8 td .meta-data .numbers { font-size:14px; color:#333333; font-weight:bold; margin-right:10px; } .table8 td .button3 { font-size:16px; text-transform:inherit; min-width:95px; } /*--- Table9 --- */ .table9 { width:100%; text-align:center; margin-bottom:30px; } .table9 tr td { padding:15px; position:relative; border-bottom:1px solid #f2f2f2; } .table9 tr td.details { vertical-align:top;} .table9 tr td:first-child { width:70px; padding-right:0;} .table9 tr td:last-child { /*text-align:right;*/ width:130px; border-left:1px solid #f2f2f2; } .table9 tr td:last-child .action-area { text-align:center; display:inline-block;} .table9 tr:last-child td { border-bottom:none; } .table9 .user-img img { width:84px; height:84px;} .table9 h4 { color:#333; text-align:left; margin-bottom:5px;} .table9 p { color:#333; font-size:14px; margin-bottom:10px;text-align:left; } .table9 .meta-data { color:#999999; font-size:11px; text-align:left; display:block;} .table9 .active-label { position:absolute; left:0px; top:0; display:none; } .table9 tr.active .active-label { display:block; } .table9 div.points { text-align:left; margin-top:9px;} .table9 div.points img { width:20px; margin-right:8px; position:relative; top:-1px;} .table9 .points span { display:block; margin-bottom:10px; text-transform:uppercase; font-size:14px; color:#333333; } .table9 .points {font-size:12px; } .table9 .button3 { min-width:85px; margin-bottom:10px; } .table9 .code-score,.table9 .comment-lnk { font-size:14px; color:#2f94d7; margin:0px 5px; } .table9 .fa { margin-right:5px; display:inline; } /*--- Table10 --- */ .table10 { width:100%; } .table10 th,.table10 td { padding:15px 0px; } .table10 th { font-size:16px; color:#333; font-weight:600; } .table10 td { font-size:16px; border-bottom:1px solid # } .table10 .avatar img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .table10 .details { margin-left:90px; padding-top:10px; } .table10 h6 { font-size:16px; margin-bottom:5px; color:#eb494f; } .table10 p { font-size:14px; color:#333; } .table10 .button3 { text-transform:inherit; font-size:16px; padding:10px; } /*--- Table11 --- */ .table11 { width:100%; margin-bottom:10px; border:0;} .table11 th { padding:10px 15px; vertical-align:top; text-transform:uppercase; font-size:16px; color:#333; font-family:'open_sanssemibold'; font-weight:normal; text-align:center;} .table11 th small { font-family:'open_sansregular'; color:#999; font-size:11px;} .table11 td { border-bottom:1px dotted #e0e0e0; padding:10px 15px; font-size:14px; color:#666666; font-weight:normal; text-align:center;} .table11 tr td { vertical-align:middle;} .table11 td h5 {margin-bottom:0;} .table11 td h5 a { color:#333; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .table11 td h5 a:hover { color:#eb494f;} .table11 td .btn { font-size:12px;} .table11 .user { text-align:left;} .table11 tr:last-child td { border-bottom:0;} .table11 span.first-letter { display:inline-block; width:41px; height:41px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:40px; text-transform:uppercase; font-size:20px; font-weight:600; margin-right:10px;} .table11 .user-pic { width:41px; height:41px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-right:15px;} .table11 span.order-number { width:29px; height:29px; display:inline-block; line-height:28px; text-align:center; background:#fff; border:1px solid #0bb475; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:14px; color:#0bb475; position:relative; font-weight:600; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .table11 span.number { width:29px; height:29px; display:inline-block; line-height:28px; text-align:center; background:#fff; border:1px solid #0bb475; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:14px; color:#0bb475; position:relative; font-weight:600; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .table11 tr.active span.number {background:#0bb475; color:#fff;} .table11 tr.active span.order-number {background:#0bb475; color:#fff;} .table11 .rank { padding:0; border-bottom:0; width:29px; position:relative;} .table11 .rank-head { padding:10px 0 0 0; border-bottom:0; width:29px; position:relative;} .table11 .rank:before { display:block; width:2px; height:100%; content:""; left:50%; margin-left:-1px; background:#0bb475; position:absolute; top:0;} .table11 .mark { font-size:24px; background:none; padding:0; font-weight:600;} /*--- 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;} /*--- Btn Group --- */ .btn-group { margin-bottom:20px;} .btn-group .btn.active { background:#2572b9; box-shadow:none; color:#fff;} .btn-group .btn.active:hover, .btn-group .btn.active:active, .btn-group .btn.active:focus { color:#fff;} .btn-group .btn { border:0; background:#eaeef1;} .btn-group .btn:hover, .btn-group .btn:active, .btn-group .btn:focus { color:#2572b9;} /*--- Alert Message --- */ .alert { font-size:14px;} .alert .close { position:relative; margin:-10px -5px 0 0;} .alert-message { position:absolute; right:15px; z-index:10; top:100px; width:300px;} /*--- Landing Page --- */ .landing-page #content { padding:0;} /*--- Button15 --- */ .button15 { 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.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .button15:hover, .button15:focus, .button15:active { color:#fff; background:#2384c4; outline:none;} .button15.disabled { background:#c0c0c0;} /*--- Boosters --- */ #boosters .inner-wrap { padding-top:20px;} /*--- List1 --- */ .list1 { padding-top:0; margin-top:0; padding-bottom:0; margin-bottom:0; list-style:none;} .list1 li { margin-bottom:30px;} .list1 li .inner-wrap { position:relative; border-radius:4px; box-shadow:0px 0px 3px #c1c1c1; border:1px solid #c0bdcb; padding:2px; background:#fff; text-align:center;} .list1 li .progress { margin-bottom:0;} .list1 li img { margin-bottom:10px;} .list1 li h3 { font-weight:normal; margin-bottom:12px;} .list1 li.no-completed .inner-wrap:after { position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; display:block; content:""; background:rgba(255, 255, 255, 0.5);} .list1 li .coins {height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#f0ad4e;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;} /*--- Social Btn --- */ .social-btn1 { position:relative; background:none; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:2px solid #fff; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; padding:0 0 0 12px; height:56px; font-size:20px;} .social-btn1:hover, .social-btn1:focus, .social-btn1:active { color:#fff; outline:none; text-decoration:none;} .social-btn1 .inner { display:block; margin-left:37px; line-height:52px;} .social-btn1 .fa { font-size:26px; float:left; vertical-align:top; width:37px; text-align:left; height:52px; line-height:52px;} .social-btn1.facebook { background:#3b5998;} .social-btn1.google { background:#ca4736;} .social-btn1.linkedin { background:#11709c;} .social-btn1.github { background:#37393d;} .social-btn1.mail { background:#0d7e8f;} .social-btn1.facebook .fa { border-right:1px solid #2d4a87; padding-left:5px;} .social-btn1.google .fa { border-right:1px solid #b63f2f;} .social-btn1.linkedin .fa { border-right:1px solid #0e5e83;} .social-btn1.github .fa { border-right:1px solid #252629;} .social-btn1.mail .fa { border-right:1px solid #0b6e7d;} /*--- Button1 --- .button1 { position:relative; background:#e7a300; border-radius:5px; display:inline-block; border:0; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .button1:hover, .button1:focus, .button1:active { color:#fff; background:#d19401; outline:none;} */ /*--- View More Btn --- */ .view-more-btn1 {color:#39b2e5; padding:10px; font-size:14px; clear:both; text-align:center; margin-bottom:0; margin-top:25px; position:relative; z-index:50; background:#efefef; display:block; transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .view-more-btn1:hover, .view-more-btn1:focus, .view-more-btn1:active { background:#39b2e5; color:#fff; text-decoration:none;} /*--- Search-filter --- */ #search-filter .search-form .select { border-color:#dadada;} /*--- Why Participate --- */ #why-participate { padding:40px 0px 45px; text-align:center; } #why-participate h2 { font-size:28px; line-height:32px; color:#0a3542; font-weight:normal; margin-bottom:55px; } #why-participate figure { margin-bottom:25px; } #why-participate h4 { text-transform:uppercase; color:#333333; line-height:23px; font-weight:normal; margin-bottom:10px; font-size:20px; } #why-participate p { color:#333333; line-height:23px; font-weight:normal; margin-bottom:45px;font-size:16px; } #why-participate .button3 { font-size:16px; line-height:18px; min-width:275px; } /*--- Why Participate --- */ #code-thrill { background:url(images/code_battle_images/code-thrill-bg) no-repeat; background-size:cover; padding-top:40px; } #code-thrill h2 { font-size:42px; text-align:center; color:#fff; font-weight:300; margin-bottom:45px; } #code-thrill h4 { font-size:30px; color:#fff; font-weight:300; margin-bottom:20px; font-style:italic; } #code-thrill h4 .fun { color:#eb494f; } #code-thrill ul { list-style-position:inside; } #code-thrill ul li { font-size:20px; color:#fff; margin-bottom:10px; } /*--- Start Battle --- */ #start-battle { text-align:center; padding:50px 0px; } #start-battle .button3 { min-width:240px; font-size:18px; } /*--- Add-battle-buddy --- */ #add-battle-buddy .form-group { margin-right:5px; margin-bottom:0; vertical-align:baseline;} #add-battle-buddy .close-btn { font-size:21px; margin-left:5px; position:relative; top:4px;} #add-battle-buddy .form1 ul li:last-child { margin-bottom:20px;} #add-battle-buddy .form1 .form-control, #add-battle-buddy.form1 input[type="text"], #add-battle-buddy.form1 input[type="password"] { width:250px;} /*--- User Status --- */ #user-status { border-right:1px solid #efefef;} #user-status, #code-buddies { min-height:500px; background:#fff;} #user-status header { padding:20px 15px; } #user-status header img.user-img { float:left; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-right:15px; width:72px; height:72px; } #user-status header .details { margin-left:87px;} #user-status header h5 { margin:0 0px 0; color:#333333; padding-top:5px; font-size:16px; } .user-info-icons a { display:inline-block; line-height:16px; border-radius:3px; font-size:13px; font-family:'open_sanssemibold'; margin-bottom:5px;} .user-info-icons a small { font-size:100%; color:#eb494f;} .user-info-icons p { font-size:11px; line-height:15px; color:#999; margin-bottom:0;} /*.user-info-icons a img { width:30px; height:30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}*/ #user-status .points { background:#efefef; padding:23px 15px; } #user-status .points a { background:#fff; color:#2f94d7; font-weight:600; font-size:16px; display:inline-block; line-height:28px; } #user-status .points a span { padding:6px 5px 6px 10px; } #user-status .points a.total-points { float:left; } #user-status .points a.total-points span { display:inline-block; min-width:85px;border-left:1px solid #efefef; } #user-status .points a.total-likes { float:right; } #user-status .points a.total-likes span { min-width:45px; display:inline-block; border-left:1px solid #efefef; } #user-status .points a.total-points .fa-star { background:#fdc632; position:relative; top:-1px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; width:25px; height:25px; text-align:center; vertical-align:middle; margin:0px 8px; line-height:25px; text-align: center; } #user-status .points a.total-likes .fa-heart { font-size:20px; color:#eb494f; vertical-align:middle; min-width:35px; text-align: center; } #user-status .level { padding:15px 15px 25px 15px; border-bottom:1px solid #efefef; } #user-status .level h6 { font-size:15px; margin-bottom:10px; text-transform:uppercase; color:#727272; } #user-status .level .recruit1,#user-status .level .recruit2 { width:50px; height:50px; background-position:center center; display:inline-block; margin-bottom:15px; } #user-status .level .recruit1 { background-image:url(images/code_battle_images/icon11.png); float:left; } #user-status .level .recruit2 { background-image:url(images/code_battle_images/icon12.png); float:right; } #user-status .level .progress { background:#efefef; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; color:#000; font-size:12px; line-height:20px; margin-bottom:0;} #user-status .level .progress-bar { box-shadow:none; } #user-status .share-profile { padding:15px 15px 20px 15px; } #user-status .share-profile h6 { font-size:15px; text-transform:uppercase; color:#727272; margin-bottom:10px; font-weight:600px; } #user-status .share-profile p { font-size:12px; line-height:16px; color:#727272; margin-bottom:15px; } #user-status .sociable1 a { width:40px; height:37px; margin:0 10px 0 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:37px; } /*--- Code Buddiesr --- */ #code-buddies { border-left:1px solid #efefef; padding:15px 10px 10px 10px; } #code-buddies .alert { font-size:13px; padding:10px;} #code-buddies .scroll { margin-bottom:5px; max-height:none;} #code-buddies h6 { font-family:'open_sanssemibold'; color:#727272; font-size:15px; text-transform:uppercase; margin-bottom:12px; letter-spacing:1px; } #code-buddies h6 .fa { margin-right:10px; } #code-buddies input[type="text"] { border:none; border-bottom:1px solid #dadada; border-radius:0; box-shadow:none; margin-bottom:5px; font-size:13px; padding:6px 0;} #code-buddies input[type="submit"] { width:27px; height:30px; border:none;background: #fff url(images/code_battle_images/icon13.png) center center no-repeat; } #code-buddies .display-message { text-align:center; } #code-buddies .sociable { text-align:center; padding-top:10px; border-top:1px solid #ededed; } #code-buddies .sociable .social-btn.facebook,#code-buddies .sociable .social-btn.google { width:165px; text-transform:uppercase; } #code-buddies .sociable .social-btn.google { margin:0;} #code-buddies .sociable .social-btn.facebook { margin-bottom:10px;} #code-buddies .nav > li a img { width:30px; height:30px; border-radius:50%; margin-right:7px;} #code-buddies .nav > li > a { color:#333; font-size:12px; padding:5px;} #code-buddies .nav > li > a { cursor:pointer;} #code-buddies .nav > li > a:focus, #code-buddies .nav > li:hover > a { background-color:#f4f4f4;} #code-buddies .nav > li:hover .user-more-detail { display:block;} #code-buddies .nav > li .user-more-detail { width:100%; top:37px;} #code-buddies .nav > li .user-more-detail:before { height:15px; left:0; top:-15px; width:100%; content:""; display:block; position:absolute;} #code-buddies .nav > li .user-more-detail h5 { margin-bottom:2px;} #code-buddies .nav > li .user-more-detail h5 a { color:#424242;} #code-buddies .nav > li .user-more-detail .arrow { left:19px;} #code-buddies .nav > li .user-more-detail .invt-frnd-pic { float:left;} #code-buddies .nav > li .user-more-detail .details { margin-left:55px;} #code-buddies .nav > li .user-more-detail p { font-size:11px; line-height:15px; color:#999; margin-bottom:10px;} #code-buddies .nav > li .user-more-detail .btn { padding:2px 10px;} #code-buddies .basis-of { font-size:11px; padding:3px 5px; background:#f7fafb; margin-bottom:10px; display:block; word-break:break-all;} #code-buddies .nav > li.popover-top .user-more-detail { top:auto; bottom:47px;} #code-buddies .nav > li.popover-top .user-more-detail > .arrow:after { border-bottom-width: 0;border-top-width:11px; border-top-color: #fff; bottom: 1px; content: " "; margin-left: -10px;} #code-buddies .nav > li.popover-top .user-more-detail.bottom > .arrow { background:none; top:auto; bottom:-10px; border-bottom-color:transparent;} /*--- Dashboardpage Specific --- */ .dashboard-page { padding:0 !important; background:#fff;} .dashboard-page #main { margin-bottom:50px;} .dashboard-page #container-wrap { padding-top:112px !important; -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } .dashboard-page.codehire #container-wrap { padding-top:38px !important;} .dashboard-page #header {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} .dashboard-page #header .inner-header { display:none;} /*.dashboard-page.fixed-contents #container-wrap { padding-top:0 !important;} .dashboard-page.fixed-contents .dashboard-container { padding-top:65px;} .dashboard-page.fixed-contents #user-nav { position:fixed;} .dashboard-page.fixed-contents #user-status, .dashboard-page.fixed-contents #code-buddies { position:fixed; top:65px; width:262px;}*/ #editor-box #editor { border:0; margin-bottom:0px; } #editor-box .form1 label { display:inline-block; } /*--- Problem Statement --- */ #problem-statement form > ul { margin-bottom:20px; margin-left:-15px; margin-right:-15px;} #problem-statement ul li label { float:left; width:100%;} #problem-statement ul li .select { clear:both;} #problem-statement .choices-checkbox-input { padding-top:15px;} #problem-statement .choices-checkbox-input textarea.form-control { height:90px;} #problem-statement .choices-checkbox-input .checkbox-input {/* margin-bottom:25px;*/ padding-left:0; display:block;} #problem-statement .choices-checkbox-input .checkbox { margin:0;margin-left:10px; width: 80px; float:left; margin-right:10px;} #problem-statement .choices-checkbox-input label { font-size:16px; border-radius: 5px 5px 0 0; background: #eaeaed; border:1px solid #dddde1; border-bottom:0; color:#314451; float:none; display:block; margin:0;padding:7px 5px 7px 45px;} #problem-statement .choices-checkbox-input .active label { background: #f35c25; color:#fff; border-color:#e1501b;} #problem-statement .choices-checkbox-input label a { color:#f35c25;} #problem-statement .choices-checkbox-input input[type=checkbox]:checked + label:before { background:url(images/sass_images/radio.png) left -32px no-repeat; } #problem-statement .choices-checkbox-input input[type=checkbox] { display: none; } #problem-statement .choices-checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 20px; top:10px; background:url(images/sass_images/radio.png) left 0 no-repeat; } #problem-statement .choices-checkbox-input input[type=checkbox]:checked + label:before {background:url(images/sass_images/radio.png) left -32px no-repeat; } #problem-statement .choices-checkbox-input .col-xs-12 { width:100%;} #problem-statement ul li input[type="text"] { display:inline-block; margin-right:6px;} #problem-statement ul.token-input-list-facebook li input[type="text"] { height:30px; border:0;} #problem-statement .choices-checkbox-input .textarea { position:relative;clear:both;} #problem-statement .textarea .mark-unmark {position:absolute; z-index:5; right:7px; top:6px; display:none; } #problem-statement .textarea .mark-unmark .button5 { padding:2px 5px; margin-right:7px; font-size:12px;} #problem-statement .textarea .mark-unmark .close { position:relative; top:1px;} #problem-statement .choices-checkbox-input .checkbox-input:hover .mark-unmark { display:block;} #problem-statement .sample-problem { font-size:15px;} #sample-coding-problems .modal-body { max-height: 450px; overflow-y: auto; } #problem-statement .close_btn { font-size:19px; color:#f35c25; margin-top:5px; position:relative; top:7px; float:right; z-index:10;} #problem-statement .CodeMirror-scroll { overflow:auto;} /*#problem-statement .form1 form > ul > li { width:100%;}*/ #problem-statement .form1 ul > li.col-sm-3 { width:182px; float:right;} #problem-statement .form1 ul > li.tags-field { width:400px; float:left;} #problem-statement > .button4 { margin-top:15px;} #problem-statement #add-more-options {-moz-user-select: none; margin-top:10px; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap;background-color: #fff; border-color: #ccc; color: #333;} #upload_mcq_question .table3 tr th:first-child { border-radius:0;} #upload_mcq_question .table3 tr th { background:#f0f0f0; color:#333; font-weight:600; font-size:14px; border:1px solid #efefef;} #upload_mcq_question .table3 tr td { padding:10px; font-size:14px; font-weight:normal; border:1px solid #f0f0f0;} #upload_mcq_question .table3 tr td.user-actions a { font-size:17px; margin:0 5px;} .problem > div { width:100% !important;} .problem .nicEdit-main { margin:0 !important; padding:5px; width:100% !important; font-size:14px;} #problem-statement .add-more-level { padding-top:32px;} /*--- Btn-file --- */ .btn-file { position: relative; display:block; margin-top:5px; height:40px;} .btn-file .button5 { z-index:10; pointer-events:none; cursor:pointer; padding:9px 14px; position:absolute; left:0; top:0;} .btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px; text-align: left; outline: none; background: white; cursor: inherit; display: block;} .chrome .btn-file input[type=file] { text-indent:-50px; padding-top:7px;} .safari .btn-file input[type=file] { text-indent:-5px; padding-top:2px;} .ie-platform .btn-file .button5 { display:none !important;} @media screen and (-webkit-min-device-pixel-ratio:0) { .btn-file input[type=file] { text-indent:-50px; padding-top:7px;} } /*--- Scroll --- */ .scroll { height:300px; max-height:300px;} .mCSB_scrollTools .mCSB_draggerContainer { background:#fff;} /*--- editor-box --- */ #editor-box { position:relative; padding-bottom:15px;} #editor-box .header { background:#edf0f2; position:relative; margin-right:-15px; padding:7px 15px; border:0;} #editor-box .header p { margin-bottom:0;} #editor-box .header p a { text-decoration:none;} #editor-box .header p label { margin-right:15px; margin-bottom:0; font-size:14px; line-height:40px;} #editor-box .header h6 { color:#333; line-height:18px;} #editor-box #editor { border-radius:0;} #editor-box .editor-footer {background:#edf0f2; padding:6px 15px 7px; text-align:right; border:0;} #editor-box .editor-footer code { font-size:12px; color:#666; background:none; padding:0; border-radius:0;} #editor-box .editor-footer p { margin-bottom:0;} #editor-box .editor-footer .editor-mode { text-transform:uppercase;} #editor-box #editor-actions { margin-top:12px;} #editor-box #editor-actions .btn { margin-right:3px;} #editor-box .user-actions { float:right; margin-left:15px; margin-top:3px; position:relative;} #editor-box .user-actions a { font-size:23px; color:#b2b2b2; float:left; padding-left:7px; margin-left:5px; border-left:1px solid #f0f0f0; 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;} #editor-box .user-actions a:first-child { padding:0; margin:0; border:0;} #editor-box .user-actions a:hover { color:#999;} #editor-box .user-actions a:hover, #editor-box .user-actions a:focus, #editor-box .user-actions a:active { text-decoration:none; outline:none;} #settings-dropdown { display:block; width:250px; left:auto; right:-15px; top:30px; display:none;} #settings-dropdown > .arrow {left:auto; right:13px;} #settings-dropdown .btn-group { display:block; margin-bottom:0;} #settings-dropdown .btn-group .btn { width:33.333%;} #settings-dropdown .row { margin:0;} #settings-dropdown .col-sm-6 { padding:0;} #testcase_status .ajaxCompileTable { border:0; width:100%; } #testcase_status .ajaxCompileTable tr td, #testcase_status .ajaxCompileTable tr th { border:1px solid #dadada; padding:10px 10px 10px 10px !important; font-size:11px;} #TechGigbootStrapModal .post p { margin-bottom:15px; line-height:16px; } #TechGigbootStrapModal .button1 { background:#2f94d7; font-size:16px; } /*#TechGigbootStrapModal .modal-footer,#TechGigbootStrapModal .modal-body,#TechGigbootStrapModal .modal-header { padding:10px; }*/ #TechGigbootStrapModal .modal-dialog { margin-top:15px; } #TechGigbootStrapModal #instructions_data .list3 li { font-size:13px; } /*--- 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;} @media (min-width:1200px) { } @media (max-width:1200px) { #code-battle-banner,#code-battle-banner .details { padding-top:20px; } #code-battle-banner h2 { font-size:28px; } #user-panel .user-area .actions .btn.like-btn { margin:0px 3px; } #user-panel .user-area .actions .btn { width:30%; } } @media (max-width:1100px) { } @media (max-width:992px) { .battle-logo { margin-bottom:15px; } #code-battle-banner h2 { font-size:23px; padding:10px 0px; margin-bottom:20px;} #code-thrill h2 { font-size:32px; } #code-thrill ul li { font-size:16px; } #start-battle h2 { font-size:26px; } .box3 .table1 tr td.avatar-img { width:auto; } .box3 .table1 tr td .avatar { margin-bottom:10px; } .table8 td { padding:0px 5px; } .table8,.box3 .table1 { width:700px; } .table8 td h4 { font-size:16px; line-height:19px; } .table8 td p,.table8 td .meta-data .numbers { font-size:12px; } .table8 td .meta-data { font-size:10 px; } #user-panel .user-info .title { text-align:center; } #user-panel .user-info .title .avatar { float:none; margin:0 auto; } #user-panel .user-info .stats li strong { font-size:12px; } #user-panel .user-info .stats li { font-size:9px; } #user-panel .user-area .actions .btn.like-btn { margin:0px 3px; } #user-panel .user-area .actions .btn { width:30%; } .box3 .content { overflow-x:auto; } #code-battle-banner .benefits { width:100%;} #code-battle-banner .benefits li { width:50%;} } @media (min-width:768px) { #main-navigation .menu-btn { display:none !important;} #main-navigation > ul { display:block !important;} } @media (max-width:767px) { #code-battle-banner .benefits li { width:100%;} #code-battle-banner .battle-logo { margin-bottom:25px;} #code-battle-banner .battle-logo img { width:200px;} #code-battle-banner .benefits li:last-child { text-align:center; width:100%;} #code-battle-banner .benefits li:last-child .icon { float:none;} #code-battle-banner .details { padding-bottom:0; } #code-battle-banner h2 { font-size:18px; } #code-battle-banner .button3 { min-width:250px; } #use-of-contest .row { text-align:center; padding-bottom:50px; } #why-participate h2 { font-size:25px; } #use-of-contest h2 { font-size:26px; margin-bottom:20px; } #use-of-contest p { font-size:17px; } #code-thrill h2 { font-size:26px; margin-bottom:20px; } #code-thrill h4 { margin-top:15px; font-size:22px; } #code-thrill ul li { font-size:13px; } #start-battle h2 { font-size:18px; line-height:26px; } #start-battle .button3 { min-width:195px; font-size:18px; } #why-participate h2 { margin-bottom:25px; } #use-of-contest { padding:30px 0px 0px; } #use-of-contest .inner-wrap { max-width: 100%; } .match-box header .pull-right { float:none; } .match-box footer .button3 { font-size:16px; min-width:150px; padding:10px; } .coding-platform .info { font-size:10px; line-height:16px; } .coding-platform .button2 { padding:5px; } .coding-platform { margin-top:15px; } #chat-lists { position:relative; width:100%; } #user-panel .user-info .title { margin-bottom:15px; } .challenge-additional .table8 { width:700px; } .challenge-additional .content { overflow-x:auto; } } /* ------------------------------------- Cross Browser CSS Documentation: http://rafael.adm.br/css_browser_selector/ ------------------------------------- */ /*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */ /* .ie .css3 { behavior: url("../javascript/vendor/PIE.htc"); position:relative; } */