/* ========================================================================== Global Settings ========================================================================== */ /* * Boxsizing set to border box http://css-tricks.com/box-sizing/ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * Body settings, change it as required */ body { font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; overflow-x:hidden; } body img[height='1']{ display:none;} /* * Headings */ h1, h2, h3, h4, h5, h6 { font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; font-weight:normal; color:#314451; text-rendering: optimizeLegibility; margin-top:0px; } h2 { font-size:36px; color:#314451; font-weight:bold; margin-bottom:30px;} h3 { font-size:26px; color:#314451; font-weight:500; margin-bottom:25px;} p { font-size:14px; color:#314451; line-height:21px; margin-bottom:20px;} p a { color:#f35c25; text-decoration:none;} /* * Paragraphs */ p { font-weight: normal; margin-top:0px; } /* * Links */ a { color: #f35c25; text-decoration: none; line-height: inherit; } a:hover { color: #c74110; text-decoration:none; } a:focus { color: #c74110; outline: none; } p a, p a:visited { line-height: inherit; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #e5e5e5; margin:25px 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Helper classes ========================================================================== */ /* * Floats */ .left { float: left; } .right { float: right; } /* * Text Alignment */ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } /* * Image Alignment */ img.alignleft { float:left; margin:0 10px 10px 0; display: inline;} img.alignright { float:right; margin:0 0px 10px 10px; display: inline;} img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats */ /* * More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/ */ .clearfix:after { content: ""; display: table; clear: both; } /* * overflow method for clearing floats */ .floatbox { overflow:hidden; } /* * older method of adding empty tags for clearing */ .clear { clear: both; height:1px; line-height:1px; } /* * Chromeframe */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* * Other */ /* * Fonts */ @font-face { font-family: 'open_sans'; src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot'); src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.eot'); src: url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('techgig_resource/cand/fonts/opensans-regular_0-webfont.eot'); src: url('techgig_resource/cand/fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/opensans-regular_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/opensans-regular_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot'); src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } /* ========================================================================== Layout ========================================================================== */ /* Container ---------------------- */ #container-wrap { min-width:320px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; left:0; position:relative; padding-top:68px;} /* Header ---------------------- */ #header { background:#ffffff; height:68px; position:fixed; left:0; top:0; width:100%; z-index:1000; 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; box-shadow:0 0px 10px -4px #000; -moz-box-shadow:0 0px 10px -4px #000; -webkit-box-shadow:0 0px 10px -4px #000;} .activeMenu #header { left:220px;} #header .container { width:100%;} /* Banner ---------------------- */ #banner { position:relative;/* background:url(images/sass_images/banner-bg.jpg) center center no-repeat; background-size:cover;*/ text-align:center; height:496px; display:table; width:100%;} #banner.wow { z-index:10;} #banner .inner-banner { display:table-cell; vertical-align:middle; background:#233a83;} #banner .inner-banner.change { background:rgba(0, 0, 0, 0.6);} #tubular-container { position:absolute !important; top:68px !important;} /* Main Navigation ---------------------- */ #main-navigation.nav-menu-lists { float:left;} /* Content ---------------------- */ #content {} #content .filter-result { font-size:13px;} /* Sidebar ---------------------- */ #sidebar { background:#314451; width:183px; 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:62px;} #sidebar.fixed { position:fixed; left:0; top:68px;} /* Main ---------------------- */ #main { margin-left:183px; 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;} .collapseMenu #main { margin-left:62px;} #main .inner-main { padding:30px 30px 65px 30px;/* overflow:auto;*/ float:left; width:100%;} #main .inner-main .container { width:100%;} #main .inner-main-wrap { padding:30px; float:left; width:100%;} /* Footer ---------------------- */ #footer { padding:30px 0 10px; position:relative; background:#273741; z-index:2;} /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- Header --- */ #header .logo { padding-top:20px; float:left;} #header .logo h1 { margin:0;} #header .logo h1 img { display:block;} #header .user-area { float:right; padding-top:17px; margin-left:20px;} #header .user-area > ul { margin:0; padding:0; list-style:none;} #header .user-area > ul li { float:left; margin-left:7px;} #header .user-area > ul li:first-child { margin-left:0;} #header .user-area .user_info{ font-size:20px; padding-top: 3px;} #header .user-area p { line-height:32px;} #header .user-area .user { float:right; margin-left:10px;} #header .user-area .user .button3 { min-width:160px; text-align:left; padding:7px 12px;} #header .user-area .user .button3 .caret { position:absolute; right:10px; top:15px;} #header .user-area .dropdown-menu li { font-size:13px;} #header .user-area .dropdown-menu li a { padding-left:15px; padding-right:15px;} #header .user-area .dropdown-menu li span { color:#f35c25;} #header .user-area .user-id { font-size:13px; color:#314451; display:block; margin-top:8px;} #header .user-area .user-id .fa { font-size:15px; vertical-align:middle; margin-right:5px;} #header .btn-group { float:right; margin-top:15px;} #header .notification-box {float:right; margin-left:15px; margin-top:2px; position:relative;} #header .notification-box .dropdown-menu { width:300px; left:auto; right:0; min-width:300px; padding:0;} #header .notification-box .dropdown-menu header { background:#273741; padding:10px; border-radius:4px 4px 0 0;} #header .notification-box .dropdown-menu header h5 { color:#fff; margin:0;} #header .notification-box .dropdown-menu .content { padding:10px;} #header .notification-box .dropdown-menu .no-notifications { border-radius:10px; padding:10px; text-align:center; border:2px dashed #e4e4e4;} #header .notification-box .dropdown-menu .no-notifications p { font-size:14px; margin:0;} #header .notification-box .dropdown-menu footer { padding:5px; border-top:1px solid #e4e4e4;} #header .notification-box .dropdown-menu footer .button6 { width:100%;} #header .notifications { width:32px; height:32px; display:block; text-align:center; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#e3e3ec; line-height:32px;} #header .notifications .fa-bell { font-size:15px; color:#314451;} #header .notifications span.number { height:17px; padding:0 5px; display:block; position:absolute; left:-9px; top:-5px; z-index:2; font-size:10px; color:#fff; background:#d84646; line-height:17px;} #header .user-area .old-site-view { background:#fed054; color:#424242; font-size:12px; padding:3px 10px; border-radius : 2px; border:none; margin-top:5px; } /*--- Search Form --- */ #search-form { background:#efeff4; margin-top:15px; float:right; border:1px solid #cacaca; padding:1px 10px 1px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #search-form input[type='text'] { border:0; background:none; box-shadow:none; font-size:13px; color:#a3b3be;} #search-form button[type='submit'] { border:0; background:none; padding:0; color:#a3b3be;} /*--- Search Test Form --- */ #search-test-form { background:#ffffff; float:right; border:1px solid #cacaca; padding:1px 10px 1px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-left:20px;} #search-test-form input[type='text'] { border:0; background:none; box-shadow:none; font-size:13px; color:#a3b3be; width:100%;} #search-test-form button[type='submit'] { border:0; background:none; padding:0; color:#314451;} /*--- Db-search-form --- */ #db-search-form { background:#ffffff; border:1px solid #dadada; padding:1px 10px 1px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #db-search-form input[type='text'] { border:0; background:none; box-shadow:none; font-size:12px; color:#999999; width:100%; height:32px; padding:4px 10px; width:203px;} #db-search-form button[type='submit'] { border:0; background:none; padding:0; color:#999999;} /*--- Banner --- */ #banner h2 {font-size:46px; color:#f35c25; font-weight:500; margin-bottom:30px;} #banner p { font-size:30px; color:#ffffff; margin-bottom:40px;} /*--- Candidate_reports --- */ #candidate_reports .TableChart { margin-top : 30px; } #candidate_reports .PieChart { margin-top : 30px; } #candidate_reports .ColumnChart { margin-top : 30px; } #candidate_reports .ChartNav a.active { color:#fff; background:#f94953; border:1px solid #f94953; outline:none; box-shadow:none;} /*--- Code Learn Banner --- */ #code-learn-banner { background-image:url(images/code_learn_images/code-learn-banner1.jpg); background-size:cover; padding:100px 0px; } #code-learn-banner h2 { font-family: 'open_sansregular'; font-size:34px; margin-bottom:20px; color:#000; font-weight:normal; text-align:center; } #code-learn-banner p { font-size:19px; margin-bottom:25px; color:#333; font-weight:light; } #code-learn-banner .details { width:800px; background-color: rgba(232, 232, 232, 0.9); padding:20px 40px; margin:0 auto; border-radius:5px; } #code-learn-banner .details .icon { float:left; margin-right:12px; } #code-learn-banner .details p { font-size:18px; line-height:21px; color:#333; font-weight:light; } #code-learn-banner2 { background-image:url(images/code_learn_images/code-learn-banner2.jpg); background-size:cover; padding:40px 0px; } #code-learn-banner2 .details { width:600px; background-color: rgba(6, 164, 251, 0.7); padding:25px; float:right; } #code-learn-banner2 .details h2 { color:#fff; font-size:54px; font-family: 'open_sansregular'; line-height:58px; } #code-learn-banner2 .details p { color:#fff; font-size:20px; line-height:26px; } /*--- Activity Banner --- */ #activity-banner { padding:30px 0px; background-image:url(images/code_learn_images/code-learn-banner3.jpg); background-size:cover; } #activity-banner .details { text-align:center; background-color: rgba(219, 218, 218, 0.9); width:777px; padding:20px 30px 30px 30px; } #activity-banner .details h2 { color:#000; font-family: 'open_sansregular'; line-height:38px; font-size:34px; margin-bottom:15px; } #activity-banner .details p { font-size:18px; line-height:36px; color:#333333; font-weight:300; } /*--- Companies --- */ #companies { text-align:center; margin-bottom:30px;} #companies h4 { font-size:20px; color:#314451; font-weight:bold; padding:15px; background:#efeff4; margin-bottom:20px;} #companies ul { margin:0; padding:0; list-style:none;} #companies ul li { float:left; padding:0 20px; text-align:center; line-height:66px;} #companies ul li img { vertical-align:middle;} /*--- Left-progress --- */ #left-progress { float:right; margin-right:180px; margin-top:22px; position:relative; overflow:visible; width:100px;} #left-progress .attempt-count { position:absolute; left:110px; white-space:nowrap; font-size:13px; color:#314451;} /*--- Main Navigation --- */ #main-navigation.nav-menu-lists ul { margin:0; padding:0; list-style:none;} #main-navigation.nav-menu-lists ul li { float:left; display:table; height:68px; margin-left:1px;} #main-navigation.nav-menu-lists ul li a { font-size:14px; min-width:65px; text-align:center; display:table-cell; border-top:3px solid #fff; padding:0 10px; vertical-align:middle; color:#314451; line-height:15px; 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;} #main-navigation.nav-menu-lists ul li .fa { margin-right:10px; font-size:20px; vertical-align:sub;} #main-navigation.nav-menu-lists ul li a:hover, #main-navigation.nav-menu-lists ul li.active a, #main-navigation.nav-menu-lists ul li.selected a, #main-navigation.nav-menu-lists ul li:hover > a { color:#fff; background:#314451; border-top:3px solid #f35c25;} #main-navigation.nav-menu-lists .menu-btn { border:0; width:40px; outline:none; height:30px; background:none; float:right; display:none; margin-top:7px; 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;} #main-navigation.nav-menu-lists .menu-btn span.line { opacity:1; display:block; width:100%; margin:5px 0; height:3px; position:relative; background:#314451; 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;} #main-navigation.nav-menu-lists ul li.more-items { position:relative;} #main-navigation.nav-menu-lists ul li .dropdown-menu { width:150px; left:auto; right:0; display:none !important;} #main-navigation.nav-menu-lists ul li.open > a { text-decoration:none; outline:none;} #main-navigation.nav-menu-lists ul li.open .dropdown-menu, #main-navigation.nav-menu-lists ul li:hover .dropdown-menu { display:block !important;} #main-navigation.nav-menu-lists ul li .dropdown-menu li { float:none; height:36px; width:100%; margin:0;} #main-navigation.nav-menu-lists ul li .dropdown-menu li a{text-align:left; border:0;} /*--- Timer --- */ .timer { font-size:14px; color:#314451; float:right; margin-right:100px; width:130px; text-align:center; padding-top:15px;} .timer span { display:block; font-size:13px;} .timer .fa { float:left; margin:0px 5px 15px 0; font-size:18px;} .timer-static { float:left; font-size:13px; line-height:24px; text-align:center; padding-top:10px;} #codehire_timer.timer-static { float:right; font-size:13px; line-height:24px; text-align:center; padding-top:0px; margin-right:30px; } .timer-static span { font-weight:500;} /*--- 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:#273741;} #sidebar-navigation ul li.active > a { background:#fff; color:#f35c25;} #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:#f35c25;} #sidebar-navigation .mCustomScrollbar ul li span.number { margin-left:18px;} #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;} /*--- User Progress --- */ #user-progress { width:122px; margin-top:16px; float:left; margin-bottom:0; position:relative; overflow:visible; margin-left:15px;} #user-progress .time-stamp { position:absolute; left:0; bottom:-21px; width:100%; text-align:center; font-size:13px; color:#314451;} /*--- Progress --- */ .progress, .progress-bar { border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; height:22px; line-height:22px;} .progress { background:#e3e3ec;} .progress-bar { background:#f35c25;} /*--- Section --- */ .section h2, .section h3 { text-align:center;} .section { position:relative; margin-bottom:40px;} /*--- Two Columns --- */ #main .inner-main.two-columns { padding:0px; } .two-columns .column1 { margin-right:300px;} .two-columns .column2 { float:right; width:300px; } /*--- Sociable2 --- */ .sociable2 a { width:32px; text-align:center; height:32px; display:inline-block; line-height:31px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:20px; color:#fff; margin:0 5px;} .sociable2 p { font-size:14px;} .sociable2 a:hover .fa, .sociable2 a:active .fa, .sociable2 a:focus .fa { color:#fff;} .sociable2 a.facebook { background:#366ea7;} .sociable2 a.twitter { background:#55acee;} .sociable2 a.google-plus { background:#ca4638;} .sociable2 a.linkedin { background:#0177b5;} .sociable2 a.email { background:#333333; line-height:29px;} /*--- Webinar-details --- */ .client-platform-page .webinar-details { float:left; width:73%;} .client-platform-page #qna { margin-bottom:100px;} .client-platform-page #qna #questions { padding:0; margin:0 -15px; list-style:none;} .client-platform-page #about-speaker { float:right; width:23%; border:0; padding:0;} .client-platform-page .courses-detail .ecs-dtl-cont h2 { font-size:26px; font-weight:normal;} .client-platform-page .courses-detail .ecs-dtl-cont {font-size: 14px; line-height: 20px;} .client-platform-page .courses-detail .ecs-dtl-cont ol { margin:0;} .course-info .webactn-join-btn img { width:143px;} /*--- User Panel --- */ #user-panel { background:url(images/sass_images/user-panel-bg.gif) 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;} #user-panel.collapseMenu { background-position:-121px top;} #user-panel.full-width { background:none;} #user-panel.full-width #main { margin-left:0;} #user-panel .slidebar-toggle { height:60px; padding:17px 20px; background:#273741; display:block; margin-bottom:20px;} #user-panel .slidebar-toggle .line { height:1px; display:block; width:20px; margin:6px 0; background:#a3b3be;} #user-panel .top-bar { height:60px; background:#e3e3ec; padding:12px 30px 8px 30px; position:relative; float:left; width:100%;} #user-panel .top-bar h5 { font-size:15px; font-weight:normal; color:#314451; line-height:40px;} #user-panel .top-bar .select-type { float:right; margin-left:20px; max-width:125px; width:100%;} #user-panel .top-bar .select-type .select { height:39px;} #user-panel .top-bar .select-type .select select,#user-panel .top-bar .select-type .select:after { height:37px;} #user-panel .top-bar .filter { float:right; margin-left:24px; position:relative; margin-right:-30px;} #user-panel .top-bar .filter .filter-btn { margin-top:-12px; position:relative; background:#c3c3cc; width:72px; height:60px; display:block; font-size:14px; color:#314451; font-weight:500; text-align:center; padding:7px;} #user-panel .top-bar .filter .filter-btn:hover { text-decoration:none;} #user-panel .top-bar .filter .filter-btn .fa-plus, #user-panel .top-bar .filter .filter-btn .fa-minus { font-size:24px; line-height:26px; font-weight:normal; display:block;} #user-panel .top-bar .create-test { float:right; position:relative;} #user-panel .top-bar .expand-all-btn { float:right;} #user-panel .top-bar .download-btn { float:right; margin-left:30px; padding:9px 15px 4px;} #user-panel .top-bar .new-user-btn, #user-panel .top-bar .new-team-btn { float:right; margin-left:30px; margin-top:1px;} #user-panel .top-bar .download-btn .fa { font-size:22px;} #user-panel .or-divider { font-size:14px; color:#314451; margin:0 20px;} #user-panel .download-reports-list {padding:10px 15px; background:#f7f7f7; float:left; width:100%; display:none;} #user-panel .download-reports-list ul { float:right; margin:0; list-style:none; padding:0;} #user-panel .download-reports-list li { float:left; margin-right:15px;} #user-panel .buttons { position:relative;} #user-panel .buttons .note { background:#f5f5f8; padding:10px; box-shadow:0px 0px 6px #d8d8d8; -moz-box-shadow:0px 0px 6px #d8d8d8; -webkit-box-shadow:0px 0px 6px #d8d8d8; width:250px; position:relative; left:50%; margin-left:-205px; margin-top:50px; margin-bottom:40px;} #user-panel .buttons .note:before { display:block; content:""; background:url(images/sass_images/top-arrow.png) left top no-repeat; width:147px; height:170px; position:absolute; right:-102px; top:-40px;} #user-panel .buttons .note p { font-size:13px; color:#314451; line-height:18px; margin:0;} #user-panel .steps { border-bottom:1px solid #cacaca; border-top:1px solid #cacaca; 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:15px; background:url(images/sass_images/steps-arrow.png) right center no-repeat; text-transform:uppercase; color:#899aa6; line-height:48px; padding:0 40px 0 45px; margin-left:-14px;} #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:#f35c25 url(images/sass_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 40px 0 45px;} #user-panel .steps.clickable ul li.active { background:none;} #user-panel .steps.clickable ul li.active a { color:#fff; background:#f35c25 url(images/sass_images/steps-arrow1.png) right center no-repeat;} #user-panel #sidebar .user-actions { position:absolute; background:#314451; border-top:1px solid #273741; left:0; bottom:0; z-index:10; width:183px; padding:5px 7px; 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-panel.collapseMenu #sidebar .user-actions { width:62px;} #user-panel #sidebar .user-actions .btn { width:100%; margin:5px 0; padding:9px 5px; 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-panel.collapseMenu #sidebar .user-actions .btn { padding:9px 5px;} #user-panel #sidebar .user-actions .btn span { position:relative; opacity:1; visibility:visible; 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-panel.collapseMenu #sidebar .user-actions .btn span { opacity:0; visibility:hidden;} #user-panel #sidebar .user-actions .invite-candidates-btn { margin-bottom:10px;} #user-panel #sidebar .user-actions .try-test-btn { background:#2a3a44; border:1px solid #23323b;} #user-panel #sidebar .user-actions .try-test-btn:hover { background:#1a262d;} #user-panel #sidebar .user-actions .fa { font-size:21px; opacity:0; visibility:hidden; 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; vertical-align:middle; width:1px;} #user-panel.collapseMenu #sidebar .user-actions .fa { opacity:1; visibility:visible; width:37px;} /*--- Widget --- */ .widget { padding:0 20px 20px; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #273741; width:183px; 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;} .collapseMenu .widget { width:42px;} .widget h3 { font-size:18px; width:183px; color:#a3b3be; margin-left:0; width:100%: font-weight:normal; margin-bottom:20px; 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;} .widget h3 span { 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; opacity:1;} .collapseMenu .widget h3 { width:15px; overflow:hidden;} .collapseMenu .widget h3 span { opacity:0;} .widget ul { margin:0; padding:0; list-style:none;} .widget ul li { margin-bottom:22px; width:145px; white-space:nowrap; 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;} .widget ul li:last-child { margin-bottom:0;} .widget:last-child { margin-bottom:0; border-bottom:0; padding-bottom:0;} .widget ul li a { font-size:13px; color:#a3b3be; 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;} .widget ul li .fa { font-size:17px; width:20px; margin-right:10px;} .widget ul li .fa:hover, .widget ul li a:hover { color:#fff;} .widget ul li .value { background: #314451; display: block; padding-left: 2px; position: absolute; right: 0; top: 1px;} .widget ul li li .value {right: 15px;} .widget ul li.active > a { color:#f35c25;} .widget ul ul { padding-top:20px; padding-left:15px;} .widget ul ul li { padding-right:15px;} .collapseMenu .widget ul ul { padding-left:7px;} /*--- Settings Widget --- */ #settings-widget li { width:155px;} /*--- Widget1 --- */ .widget1 { margin-bottom:30px;} .widget1 ul { margin:0; padding:0; list-style:none;} .widget1 ul li { border:1px solid #d8d8d8; border-bottom:0;} .widget1 ul li:first-child { border-radius:5px 5px 0 0;} .widget1 ul li:first-child a { border-radius:4px 4px 0 0;} .widget1 ul li:last-child { border-bottom:1px solid #d8d8d8; border-radius:0 0 5px 5px;} .widget1 ul li:last-child a { border-radius:0 0 4px 4px;} .widget1 ul li a { font-size:15px; color:#314451; display:block; padding:15px; font-weight:500; 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;} .widget1 ul li a:hover { color:#f35c25;} .widget1 p { font-size:15px;} /*--- Offerings --- */ #offerings .corpBlogOfferSect { margin-left:110px;} #offerings h5 a {color:#314451;} /*--- Completed-test --- */ #completed-test header { text-align:center;} #completed-test header h2 { margin-bottom:15px;} #completed-test header .fa-check-circle { font-size:21px; color:#00d8a6;} #completed-test footer { padding:20px 0;} #completed-test footer p { font-size:13px; color:#8f9ea8;} #completed-test .post .button4 { margin-bottom:20px;} #completed-test textarea { margin-bottom:20px;} #completed-test .box4 { margin-bottom:20px;} /*--- Test Result --- */ #test-result .table5 tr td, #test-result .table5 tr th { text-align:center;} #test-result .table5 tr td:first-child, #test-result .table5 tr th:first-child { text-align:left;} #test-result .table5 tr td .fa-check { color:#00d9aa; font-size:17px;} #test-result .table5 tr td .fa-times { color:#d35458; font-size:17px;} #test-result .table5 tr td .fa-smile-o { color:#00d9aa; font-size:26px;} #test-result .table5 tr td .fa-meh-o { color:#d35458; font-size:26px;} #test-result h4 { margin-bottom:20px;} #test-result #user-stats { margin:0 0 35px; padding:0; list-style:none;} #test-result #user-stats li { float:left; margin-right:5px; background:#e3e3ed; width:224px; text-align:center;} #test-result #user-stats li .inner { height:132px; width:100%; display:table;} #test-result #user-stats li .inner p { margin:0; display:table-cell; font-size:14px; vertical-align:middle;} #test-result #user-stats li .inner p .value { font-size:28px; display:block;} #test-result #user-stats li:last-child { margin-right:0;} #test-result #user_total_score { margin-bottom:35px;} #test-result #user_total_score .table5 tr th, #test-result #user_total_score .table5 tr td { font-size:17px; text-align:center; width:50%;} #user_total_score .table2 { margin-bottom:0;} #user_total_score .table2 tr th, #user_total_score .table2 tr td { text-align:center;} #test-result #completed-test { height:auto !important;} #test-result #submission-resulsts { margin-bottom:35px;} #test-result #submission-resulsts .sociable2 { float:right;} #test-result #submission-resulsts .sociable2 p { margin-bottom:0;} #test-result #submission-resulsts .sociable2 a:last-child { margin-right:0;} #test-result #submission-resulsts .compilation-log { margin-bottom:0;} #test-result #submission-resulsts .compilation-log .panel-body { max-height:120px; overflow:auto;} #test-result #try-your-test-case { margin-bottom:35px;} #test-result #try-your-test-case .box1 { padding:10px 15px 15px;} #test-result #try-your-test-case .compile-btn { margin-top:64px;} #test-result #your-submitted-code { margin-bottom:55px;} #test-result #your-submitted-code textarea { min-height:200px; background: #efeff4; border:1px solid #dadada;} /*--- Submit-feedback --- */ #submit-feedback header { text-align:center;} #submit-feedback header h2 { margin-bottom:15px;} #submit-feedback header .fa-check-circle { font-size:21px; color:#00d8a6;} #submit-feedback footer { padding:20px 0;} #submit-feedback footer p { font-size:13px; color:#8f9ea8;} #submit-feedback .post .button4 { margin-bottom:20px;} /*--- Testimonial --- */ #testimonial { background:#eff1f3; padding:70px 0; text-align:center; margin-bottom:50px;} #testimonial blockquote { border:0; padding:0; margin:0;} #testimonial blockquote p { font-size:24px; line-height:36px;} #testimonial blockquote p.cite { font-size:16px;} #testimonial blockquote p.cite cite { font-style:normal;} /*--- The Team --- */ #the-team ul { margin:0; padding:0; list-style:none;} #the-team li { margin-bottom:30px;} #the-team li figure { margin-bottom:15px; width:192px; height:192px;} #the-team li figure img { width:100%;} #the-team h4 { margin-bottom:5px;} #the-team h4 a { color:#f35c25;} #the-team p { margin-bottom:5px;} #the-team .sociable a { color:#a3b3be; font-size:21px; margin-right:15px; 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;} #the-team .sociable a:hover { color:#314451;} /*--- We-hiring --- */ #we-hiring { text-align:center; background:#273741; padding:50px 0;} #we-hiring h2, #we-hiring p { color:#fff;} /*--- Investors --- */ #investors { text-align:center; background:#fcf9f9; padding:50px 0;} #investors ul { margin:0; padding:0; list-style:none;} #investors ul li { display:inline-block; margin:0 25px 20px;} /*--- Page Head --- */ .page-head { padding:50px 0 40px; background:#eff1f3; text-align:center; margin-bottom:30px;} .page-head h2 { margin-bottom:20px;} /*--- Contact --- */ #contact { margin-bottom:30px;} #contact hr { margin:15px 0 20px;} #contact dl { font-size:14px;} #contact dt { font-weight:normal; float:left; width:30%; margin-bottom:10px;} #contact dd { font-weight:500; float:left; width:70%; margin-bottom:10px;} #contact h5 { padding:5px; background:#e1e1e6;} #contact .chosen-container-single .chosen-default { border:0; border-bottom:1px solid #ccc;} /*--- Frequently-asked-questions --- */ .frequently-asked-questions { margin-bottom:30px;} /*--- Customers --- */ #customers ul { margin:0; padding:0; list-style:none;} #customers ul li { margin-bottom:40px;} #customers ul li .inner { background:#fbf8f8; position:relative; box-shadow:0 0 2px #d3d2d2; -moz-box-shadow:0 0 2px #d3d2d2; -webkit-box-shadow:0 0 2px #d3d2d2; text-align:center; } #customers ul li figure { height:130px; line-height:130px;} #customers ul li figure img { vertical-align:middle;} #customers ul li .overlay { position:absolute; height:80px; display:table; width:100%; background:#314451; bottom:0; left:0; z-index:5;} #customers ul li .overlay h4 { display:table-cell; vertical-align:middle; margin:0; color:#fff;} /*--- How-it-works-detail --- */ #how-it-works-detail { margin-bottom:40px;} #how-it-works-detail p { margin-bottom:40px;} /*--- List-group --- */ .list-group p, .post .list-group p { margin-bottom:0;} .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color:#f35c25; border-color:#f35c25;} /*--- Company-event-landing --- */ .company-event-landing { padding:0 0 30px;} .company-event-landing .page-header, .company-event-landing .list-group { margin-bottom:30px;} .company-event-landing .list3 { margin-bottom:60px;} .company-event-landing .action-btn { text-align:center;} .company-event-landing .action-btn h4 { margin-bottom:15px;} /*--- How It Works --- */ #how-it-works .inner-wrap { background-color:rgba(0, 217, 170, 0.8); background-image:url(images/sass_images/how-it-works-bg.png); background-position:center center; background-repeat:no-repeat; background-size:cover; padding:35px 0; position:relative;} #how-it-works ul { margin:0; padding:0; list-style:none;} #how-it-works h3 { text-align:center; font-size:40px; color:#fff; font-weight:normal; margin-bottom:30px;} #how-it-works h4 { font-weight:300; font-size:30px;} #how-it-works h3 .number { display:inline-block; vertical-align:middle; margin-right:30px; background:#bffff0; width:70px; height:70px; line-height:69px; font-size:52px; color:#0acba1; font-weight:bold; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #how-it-works .image { border:8px solid #eeeeee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;} #how-it-works .image img { width:100%;} #how-it-works p { font-size:22px; color:#ffffff; line-height:28px;} #how-it-works .previous-btn { width:69px; height:148px; background:url(images/sass_images/next-previous-btn.png) left top no-repeat; position:absolute; top:50%; left:20px; margin-top:-74px;} #how-it-works .next-btn { width:69px; left:auto; height:148px; background:url(images/sass_images/next-previous-btn.png) left top no-repeat; position:absolute; top:50%; margin-top:-74px;background:url(images/sass_images/next-previous-btn.png) right top no-repeat; right:20px;} /*--- Testimonials --- */ #testimonials .tab-content { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid #00d9aa; padding:32px 40px 40px 80px; margin:0 100px; background:url(images/sass_images/blockquote-bg.png) 45px 30px no-repeat; height:154px;} #testimonials blockquote { border:0; padding:0; margin:0;} #testimonials blockquote p { font-size:20px; line-height:30px; color:#314451;} #testimonials blockquote p:last-child { display:inline; background:url(images/sass_images/blockquote-p-bg.png) right 7px no-repeat; padding-right:40px; padding-bottom:5px;} #testimonials blockquote p strong { color:#f35c25;} #testimonials .tab-content { margin-bottom:60px;} #testimonials .tab-strips { margin:0; list-style:none; text-align:center; padding:0;} #testimonials .tab-strips li { position:relative; 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;} #testimonials .tab-strips li.active .first-letter, #testimonials .tab-strips li.active .avatar-pic { border:3px solid #00d9aa;} #testimonials .tab-strips li a { display:block; padding:20px 0;} #testimonials .tab-strips .avatar-pic { width:150px; height:150px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 0 8px #666; -moz-box-shadow:0 0 8px #666; -webkit-box-shadow:0 0 8px #666; margin-bottom:20px;} #testimonials .tab-strips .first-letter { width:150px; background:#fff; display:inline-block; font-weight:bold; font-size:56px; color:#314451; text-transform:uppercase; line-height:150px; height:150px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 0 8px #666; -moz-box-shadow:0 0 8px #666; -webkit-box-shadow:0 0 8px #666; margin-bottom:20px;} #testimonials .tab-strips h4 { font-size:20px; color:#314451; margin-bottom:15px; font-weight:bold;} #testimonials .tab-strips p { font-size:16px; margin-bottom:0;} #testimonials .tab-strips a:focus, #testimonials .tab-strips:active { text-decoration:none;} #testimonials .tab-strips li.active:before { content:""; display:block; width:44px; height:37px; background:url(images/sass_images/arrow.png) left top no-repeat; position:absolute; left:50%; margin-left:-22px; top:-61px;} /*--- CreateInterviw --- */ #createInterviw .form-group { margin:0 5px 25px 0; vertical-align:top;} #createInterviw h4 .number { width:25px; height:25px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#f35c25; display:inline-block; margin-right:7px; color:#fff; font-size:15px; text-align:center; line-height:24px;} #createInterviw textarea { display:block; width:100%;} /*--- Btn-group --- */ .btn-group .active { background:#f35c25; color:#fff; box-shadow:none;} .btn-group { margin-bottom:20px;} /*--- Options Controls --- */ .options-controls { margin-bottom:20px;} .options-controls li { float:left; border-right:1px solid #314451; padding-right:10px; margin-right:10px;} .options-controls li:last-child { margin-right:0; padding-right:0; border:0;} .options-controls li a { font-size:14px; color:#314451; text-decoration:underline; line-height:14px;} /*--- Share Form --- */ .share-form input[type="text"] { width:300px;} /*--- Create-new-team --- */ #create-new-team .member { position:relative; margin-bottom:15px; background: #fff; border-radius: 5px; font-size: 15px; height: 45px; line-height: 24px; padding: 10px 15px; width: 100%; border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;} #create-new-team .member p { margin:0; font-size:14px; color:#555;} #create-new-team .member .close-btn { color:#999; font-size:14px; position:absolute; right:5px; top:9px;} #create-new-team .add-member .inner { width:485px; float:left;} #create-new-team .add-member .add-btn { float:right; margin-left:10px; padding:11px 20px 12px;} /*--- Add User --- */ #add-user .form1 ul { margin-left:-15px; margin-right:-15px;} #add-user .team-name-field label { float:left; line-height:45px; margin-right:15px;} #add-user .team-name-field .select { float:left; width:250px;} /*--- Checkboxes-list --- */ .checkboxes-list { margin-bottom:30px; border-top:1px solid #f1eded; border-left:1px solid #f1eded;} .checkboxes-list li { background:#faf7f7; margin-bottom:0; padding:12px 15px 10px; border:1px solid #f1eded; border-top:0; border-left:0;} .checkboxes-list li label { font-size:13px;} .checkboxes-list .checkbox-input { margin-bottom:0;} /*--- Candidate Settings --- */ #candidate-settings .add-custom-details-form { margin-bottom:30px;} #candidate-settings h5 { font-size: 17px; margin-bottom: 20px;} #candidate-settings h5 span {display:inline-block; padding:0 0 3px; border-bottom:2px solid #a4afb6;} #candidate-settings .add-custom-details-form input[type="text"] { width:200px;} #candidate-settings .add-custom-details-form .button4 { padding:12px 20px 13px;} #candidate-settings .stylish-checkboxes .checkbox label { padding-right:27px; padding-left:35px; font-size:12px;} #candidate-settings .set-master-password { margin-bottom:20px;} #candidate-settings .radio-input { display:inline-block; margin-right:20px;} #candidate-settings .label-block { display:block; margin-bottom:14px;} #candidate-settings .stylish-checkboxes .mandatory-check { position:absolute; right:10px; top:10px; width:23px; height:21px;} #candidate-settings .stylish-checkboxes .mandatory-check label { background:none; padding:0;} #candidate-settings .stylish-checkboxes .mandatory-check input[type=checkbox]:checked + label:before { background:url(images/sass_images/checkbox2.png) left 1px no-repeat; } #candidate-settings .stylish-checkboxes .mandatory-check input[type=checkbox] { display: none; } #candidate-settings .stylish-checkboxes .mandatory-check label:before { right:0; bottom:0; background:url(images/sass_images/checkbox2.png) left -20px no-repeat; } #candidate-settings .stylish-checkboxes .mandatory-check input[type=checkbox]:checked + label:before {background:url(images/sass_images/checkbox2.png) left 1px no-repeat; } #candidate-settings .custom_fields input[type=text] { border:0; padding:0; background:none; box-shadow:none; color:#000; height:19px; line-height:18px; opacity:1;} #candidate-settings .sample-result-area { padding-top:31px;} #candidate-settings .sample-result-popup .modal-body { padding:0px;} /*--- Choose_platform_popup --- */ #choose_platform_popup .button1 { margin:0 5px; min-width:100px;} /*--- 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 18px 15px 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:8px; 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; } .form1 .stylish-radios .radio-input { position:relative; display:inline-block; text-align:left; margin:0 3px 10px 0; padding-left:0; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .form1 .stylish-radios .radio-input label:hover, .form1 .stylish-radios .radio-input.active label, .form1 .stylish-radios .radio-input label:focus, .form1 .stylish-radios .radio-input label:active { background:#32a9dd; color:#fff;} .form1 .stylish-radios .radio-input label { font-size:12px; color:#999; cursor:pointer;} .form1 .stylish-radios .radio-input label:before { display:none;} /*--- form2 --- */ .form2 .form-control { border-radius:0px; color:#1f3038; border:1px solid #dadada; height:30px; } .form2 label { display:block; margin-bottom:10px; font-size:14px; color:#868686; font-style:italic; font-weight:normal; } .form2 .select { position:relative; display:block; border:1px solid #dadada; height:32px; width:100%;} .form2 .select select { width:100%; border:0; padding:0 10px 0 10px; height:30px; font-size:14px; color:#555; position:relative; } .form2 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; height:30px; right:0; width:22px; top:0; background:url(images/sass_images/select-after.jpg) left center no-repeat; content:""; } /*--- Form-inline --- .form-inline .button4 { padding:12px 20px 13px;} .form-inline .button5 { padding:11px 20px 12px;}*/ /*--- General-settings --- */ #general_settings .wish-to-change { margin-bottom:25px;} #general_settings .wish-to-change .checkbox-input { margin-bottom:0;} #general_settings .clearing { clear:left;} #general_settings h5 { font-size:17px; margin-bottom:20px;} #general_settings h5 span {display:inline-block; padding:0 0 3px; border-bottom:2px solid #a4afb6;} #general_settings hr { margin-top:5px;} #general_settings .radio-input { display:inline-block; margin-right:20px;} #general_settings .label-block { display:block; margin-bottom:14px;} /*--- Contest-job-details --- */ #contest_job_details h5 { font-size:17px; margin-bottom:20px;} #contest_job_details h5 span {display:inline-block; padding:0 0 3px; border-bottom:2px solid #a4afb6;} /*--- Advanced-settings --- */ #advanced-settings .checkbox-input { display:block; margin-bottom:10px;} #advanced-settings .add-tags .form-control { float:left; width:80%; border-radius:5px 0 0 5px;} #advanced-settings .add-tags .btn { float:left; width:20%; padding:12px 20px 11px; border-left:0; border-radius:0 4px 4px 0;} #advanced-settings h5 { font-size:17px; margin-bottom:20px;} #advanced-settings h5 span {display:inline-block; padding:0 0 3px; border-bottom:2px solid #a4afb6;} #advanced-settings h6 { font-size:14px;} #advanced-settings p{ color:#647785;} #advanced-settings p label{ color:#0a3542;} #advanced-settings .box3 p { word-break:break-all;} #advanced-settings .create-custom-link label { display:inline-block; margin-bottom:0; position:relative; top:2px; margin-right:15px;} #advanced-settings .create-custom-link input[type="text"] {width:200px;} #advanced-settings .create-custom-link .form-group { float:left;} #advanced-settings .create-custom-link .button4 { position:relative; margin-left:-5px;} #advanced-settings .create-custom-link .form-inline { margin-bottom:15px;} #advanced-settings .time-settings input[type="text"] { width:200px;} #advanced-settings .time-settings input[type="text"].start-time, #advanced-settings .time-settings input[type="text"].end-date { width:110px;} #advanced-settings .time-settings .to { line-height:45px; font-size:15px; color:#647785; margin:0 15px;} #advanced-settings .time-settings .form-inline { margin-bottom:15px;} #advanced-settings .set-test-admin input[type="text"], #advanced-settings .set-cutoff-score input[type="text"], #advanced-settings .set-master-password input[type="text"] { width:300px;} #advanced-settings .set-mcq-score input[type="text"] { width:110px;} #advanced-settings .set-mcq-score label { display:block;} #advanced-settings .set-mcq-score .form-group { margin-right:40px;} #advanced-settings .set-mcq-score .button4 { margin-top:27px;} #advanced-settings .set-allowed-languages .stylish-checkboxes .checkbox { min-width:15px;} #advanced-settings .question-order-field label { float:left; margin-right:15px; line-height:38px;} #advanced-settings .question-order-field .select { width:200px; float:left;} #advanced-settings .question-order-field .help-icon { margin-top:7px;} #random-category-questions-cnt .form-group { margin-bottom:15px; margin-right:15px;} #random-category-questions-cnt input[type="text"] { display:block; width:75px;} #random-category-questions-cnt { background:#f4f4f4; padding:15px;} #random-category-questions-cnt label { font-size:12px;} /*--- Switch --- */ .bootstrap-switch { position:relative; top:-2px; margin-left:10px; border-color:#e5e5e5 !important;} .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background:#f35c25 !important;} /*--- Test-library-set --- */ .test-library-set .pagination { margin-bottom:0; margin-top:15px;} .test-library-set code { display:block; margin-bottom:20px; padding:15px; font-size:15px; line-height:21px; color:#314451; border-radius:0; background:#f7f5f5; border:1px solid #dedcdc;} .test-library-set .remove-btn { background:#fff; border:1px solid #f35c25; color:#f35c25; padding:8px 19px;} .test-library-set .remove-btn:focus,.test-library-set .remove-btn:hover, .test-library-set .remove-btn:active { background:#f35c25; border:1px solid #f35c25; color:#fff;} /*--- Edit-questions --- */ #edit-questions .content-area { float:left; width:100%; overflow:auto; position:relative;} #edit-questions .content-area header { padding:20px 30px; border-bottom:1px solid #cacaca;} #edit-questions .content-area header .btn-group .active { background:#00d8a6; color:#fff; box-shadow:none;} #edit-questions .questions-points-btn { float:right; width:250px; text-align:left;} #edit-questions .questions-points-btn .caret { float:right; margin-top:-12px; margin-right:-5px; position:relative;} #edit-questions .filter { padding:15px 30px; border-bottom:1px solid #cacaca;} #edit-questions .filter .top-pagination { float:right;} #edit-questions .filter .top-pagination p { font-size:14px; line-height:40px; margin-bottom:0;} #edit-questions .add-btn .fa-plus, #edit-questions .remove-btn .fa-times { color:#fff; font-size:14px; position:relative; top:-1px; margin-right:0; margin-left:10px;} #edit-questions .remove-btn .fa-times { color:#f35c25; top:-2px;} #edit-questions .remove-btn { color:#f35c25; border:1px solid #f35c25;} #edit-questions .light { font-size:34px; color:#3e3e3e; margin-left:20px; vertical-align:middle;} #edit-questions .table1 tr td { padding:10px 30px;} #edit-questions footer { padding:15px; text-align:center; z-index:9; background:#efeff4; position:fixed; width:100%; left:0; bottom:40px;} #edit-questions .open-content p { margin-bottom:10px;} #edit-questions .open-content p:last-child { margin-bottom:0;} #edit-questions tr.current td { border-bottom:0;} /*--- What We Provide --- */ #what-we-provide { text-align:center;} #what-we-provide p { margin-bottom:40px;} #what-we-provide ul { margin:0; list-style:none;} #what-we-provide ul li .inner { position:relative; margin-bottom:12px;} #what-we-provide ul li .icon { width:170px; height:170px; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; line-height:125px;} #what-we-provide ul li .numbers { position:absolute; display:block; font-size:20px; color:#fff; font-weight:bold; width:177px; height:37px; bottom:22px; left:50%; margin-left:-88px; background-position:left top; background-repeat:no-repeat; line-height:30px;} #what-we-provide ul li.developers .icon { background:#51d480;} #what-we-provide ul li.developers .numbers { background-image:url(images/sass_images/developers-no-bg.png);} #what-we-provide ul li.languages .numbers { background-image:url(images/sass_images/languages-no-bg.png);} #what-we-provide ul li.challenges .numbers { background-image:url(images/sass_images/challenges-no-bg.png);} #what-we-provide ul li.companies .numbers { background-image:url(images/sass_images/companies-no-bg.png);} #what-we-provide ul li h4 { font-size:20px; color:#314451; margin-bottom:0;} #what-we-provide ul li.languages .icon { background:#ef9672;} #what-we-provide ul li.challenges .icon { background:#7fefeb;} #what-we-provide ul li.companies .icon { background:#c285f2;} /*--- Chart Area --- */ .chart-area { position:relative;} .chart-area .left-label { font-size:14px; position:absolute; left:30px; height:100%; top:0; color:#f35c25; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);} .chart-area .bottom-label { font-size:14px; color:#f35c25; display:block; text-align:center; padding-left:42px;} /*--- Search Question Form --- */ #search-question-form { background:#efeff4; float:right; padding:1px 10px 1px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-left:20px; width:250px;} #search-question-form input[type='text'] { border:0; width:221px; background:none; box-shadow:none; font-size:15px; color:#314451;} #search-question-form button[type='submit'] { border:0; background:none; padding:0; color:#314451;} /*--- Scroll --- */ .scroll { height:300px;} #sidebar .scroll { height:auto;} /*--- Table1 --- */ .table1 { width:100%;} .table1 tr td { border-bottom:1px solid #e5e5e5; padding:9px 15px 9px; vertical-align:middle;} .table1 .fa { color:#a3b3be; font-size:19px; margin-right:7px; vertical-align:text-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;} .table1 .favourite.active .fa-star, .table1 .favourite:hover .fa-star {color:#314451;} .table1 .fa-star { color:#e3e3ec; font-size:18px; margin-right:0;} .table1 h5 { font-weight:normal; color:#f35c25; margin-bottom:0;} .table1 tr.deactivated .test-options, .table1 tr.deactivated p, .table1 tr.deactivated .star, .table1 tr.deactivated h5 a {opacity:0.5;} .table1 tr.deactivated h5 .active-btn { opacity:1;} .table1 h5 .active-btn {border-radius: 0; color: #fff; font-size: 11px; font-weight: normal; margin-left:15px; padding: 0 5px; font-family:'open_sansregular';} .table1 h5 .active-btn:hover { color:#fff;} .table1 h5 a { color:#f35c25; 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 h5 a:hover, .table1 h5 a:focus, .table1 h5 a:active { text-decoration:none; color:#314451;} .table1 p { font-size:12px; color:#314451; margin-bottom:0;} .table1 tr td.star { width:40px; text-align:right; padding-right:0; vertical-align:top;} .table1 tr td.test-options { font-size:13px; color:#a3b3be; padding-left:0; padding-right:0; width:600px;} .table1 tr td.test-options .column { border-left:1px solid #e5e5e5; float:right; padding:7px 15px;} .table1 tr td.test-options a { color:#a3b3be; text-decoration:none; 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.test-options a:hover, .table1 tr td.test-options a:hover .fa { color:#465762;} .table1 tr td.test-options strong { font-weight:500;} .table1 tr td .number { margin-left:24px; color:#314451; width:50px; text-align:right; margin-left:0; display:inline-block;} .table1 h5 .type { display:inline-block; font-size:12px; border-radius:2px; color:#314451; padding:4px 5px; margin-left:10px; width:auto; text-align:center; background:#e3e3ec;} .table1 h5 .label { margin-left:5px; font-size:11px; font-weight:normal; line-height:15px; padding:0 4px 1px; position:relative; top:-8px;} .table1 tr td h5 .sub-titles { display:none; padding-left:15px; margin-bottom:10px;} .table1 tr td h5 .sub-titles span { display:block; font-size:13px; font-family:'open_sansregular'; font-weight:normal; margin-bottom:3px;} .table1 tr td h5 .sub-titles span .fa { color:#465762; font-size:13px; vertical-align:baseline;} .table1 tr td h5.open .sub-titles { display:block;} #dashboard-page .table1 tr td { vertical-align:top;} #dashboard-page .table1 tr td.test-options .column { padding:9px 15px;} /*--- Table2 --- */ .table2 { width:100%; margin-bottom:25px;} .table2 tr th { border-bottom: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-bottom:1px solid #e5e5e5; padding:15px; vertical-align:middle; font-size:14px; 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:#f35c25; 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:#314451;} .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;} .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;} /*--- Tooltip --- */ .tooltip {font-size:12px;line-height:18px;}.tooltip.in{filter:alpha(opacity=100);opacity:1}.tooltip-inner{ background:#5a6974;}.tooltip.top .tooltip-arrow{border-top-color:#5a6974}.tooltip.top-left .tooltip-arrow{border-top-color:#5a6974}.tooltip.top-right .tooltip-arrow{border-top-color:#5a6974}.tooltip.right .tooltip-arrow{border-right-color:#5a6974}.tooltip.left .tooltip-arrow{border-left-color:#5a6974}.tooltip.bottom .tooltip-arrow{border-bottom-color:#5a6974}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#5a6974}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#5a6974} .tooltip2 { background:#333333; color:#fff; font-size:12px; padding:15px 10px; position:absolute; right:-47%; top:65px; max-width:310px; border-radius:3px; display:none; } .tooltip2:before { content:""; width:15px; height:17px; background:url(images/code_learn_images/tooltip-arrow-left.png) no-repeat; position:absolute; top:50px; left:-15px; } .form1 ul li:hover .tooltip2 { display:block; } /*--- DataBox --- */ .data-box { border:1px solid #314451; border-radius:5px; padding:25px 15px; text-align:center; margin-bottom:25px; min-height:150px;} /*--- Breadcrumbs --- */ #breadcrumbs a, #breadcrumbs span { font-size:14px; color:#314451; line-height:37px; display:inline-block;} #breadcrumbs a { color:#f35c25;} #breadcrumbs span.divider { margin:0 5px;} #user-panel #breadcrumbs .top-bar { background:none; padding : 0;} #user-panel #breadcrumbs .button4 { line-height :22px; color:#fff} #user-panel #breadcrumbs #search-test-form, #user-panel #breadcrumbs .select-type { margin-right : 30px;} /*--- Create Test --- */ #create-test-popup {display: none; position: relative; width: 362px;position:absolute;top:39px;right:0; left:auto; max-width:362px;} #create-test-popup.popover.bottom > .arrow { left:auto; right:59px;} #create-test-popup .launch-wizard-btn { width:100%; margin:12px 0;} #create-test-popup .form1 { background:#ebebeb;} #create-test-popup input[type="text"] { height:45px; padding:10px; color:#a3b3be;} #create-test-popup .duration-field { margin-left:20px;} #create-test-popup .duration-field { width:92px;} #create-test-popup .text-name-field { width:215px;} #create-test-popup .form-group { float:left;} #create-test-popup label { display:block; text-align:left;} #create-test-popup button.close { margin-right:6px;} #create-test-popup input[type='submit'], #create-test-popup input[type='button'] { margin:12px 0 5px; min-width:110px; font-size:17px;} #create-test-popup .tooltip { width:200px;} /*--- 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;} /*--- Question-type --- */ #question-type h4{ font-size:20px; color:#314451; font-weight:normal; text-align:center; padding:10px; line-height:18px; margin-bottom:10px;} /*--- nicEdit-main --- */ .form1 .nicEdit-main { font-size:14px; line-height:20px;} .form1 .nicEdit-main ul { list-style:disc; padding-left:25px;} .form1 .nicEdit-main ol { list-style:decimal; padding-left:25px;} #fm_ecourse_chapter .nicEdit-main { width:100% !important; margin:0 !important; padding:5px !important;} /*--- Footer --- */ #footer h3 { color:#f35c25; font-weight:normal; margin-bottom:15px;} #footer p { font-size:20px; color:#a3b3be; line-height:36px;} #footer p span {color:#f35c25;} #footer p a { color:#fff; text-decoration:underline;} #footer-navigation ul { margin:0; padding:0; list-style:none; display:inline-block;} #footer-navigation ul li { float:left; font-size:13px; color:#a3b3be; border-right:1px solid #a3b3be; padding-right:18px; margin-right:18px;} #footer-navigation ul li a { font-size:13px; color:#a3b3be; line-height:13px;} #footer-navigation ul li:last-child { border:0; margin-right:0; padding-right:0;} #live-help { position:absolute; right:10px; bottom:0; width:167px; text-align:left;} #live-help header { padding:9px 15px; cursor:pointer; background:#e3e3ec; border-radius:4px 4px 0 0; font-size:16px; color:#273741; line-height:17px;} #live-help header .caret { float:right; margin-top:6px;} /*--- Token-input-dropdown-facebook --- */ div.token-input-dropdown-facebook ul li { background:#efeff4 !important; padding:8px 10px !important; font-size:13px !important; color:#314451 !important;} div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {color:#f35c25 !important;} div.token-input-dropdown-facebook p { color:#000 !important;} /*--- Form1 --- */ .form1 ul { margin:0; padding:0; list-style:none;} .form1 ul.row-margin { margin:0 -15px 30px;} .form1 ul li { margin-bottom:25px; position:relative;} .form1 ul li.clearLeft { clear:left;} .form1 ul li:last-child { margin-bottom:0;} .form1 .label {padding:0; border-radius: 0; color: #555; display: none; font-size: 14px; left: 0; position: absolute; top: -19px; text-shadow:1px 1px 0px #fff;} .form1 input[type='text'], .form1 input[type='password'], .form1 input[type='search'] { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:38px; line-height:24px; padding:8px 15px; font-size:14px; background:#fff; width:100%;} .form1 textarea { display:block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:15px; line-height:26px; background:#fff; width:100%; padding:10px 15px; resize:none; height:112px;} .form1 label { font-size:14px; color:#0a3542; font-weight:normal; line-height:20px;} .form1 label a { color:#f35c25l;} .form1 .forgot-password { font-size:16px; color:#f35c25; float:right;} .form1 .back-to-login { font-size:16px; color:#fff;} .form1 .remember-me { float:left;} .form1 input[type='submit'], .form1 input[type='button'] { min-width:170px;} .form1 .select { position:relative; display:block; border:1px solid #cacaca; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:38px; width:100%;} .form1 .select select { width:100%; border:0; padding:0 28px 0 10px; height:36px; font-size:14px; color:#555; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; height:36px; right:0; width:47px; top:0; background:url(images/sass_images/select-arrow.gif) left center no-repeat; content:""; border-radius:0 4px 4px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;} .form1 .checkbox-input { display:block; margin-bottom:5px;} .form1 .error_msg {background: #f65039; color: #fff; display: inline-block; float: right; font-size: 12px; padding: 1px 5px 2px; position: relative;} .form1 .error_msg.static { position:static; bottom:auto; left:auto; margin-bottom:10px;} .form1 .checkbox-field .error_msg { float:none; max-width:100%;} .form1 .pagination1 { margin-bottom:20px;} .form1 .checkbox-input { position:relative; display:inline-block; padding-left:30px;} .form1 .checkbox-input label { font-size:14px; color:#314451; margin:0;} .form1 .checkbox-input label a { color:#f35c25;} .form1 .checkbox-input input[type=checkbox]:checked + label:before { background:url(images/sass_images/checkbox.png) left -24px no-repeat; } .form1 .checkbox-input input[type=checkbox] { display: none; } .form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:0px; background:url(images/sass_images/checkbox.png) left 0 no-repeat; } .form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/sass_images/checkbox.png) left -24px no-repeat; } .form1 label span { color:#3b859b;} .form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;} .form1 .radio-input label { font-size:15px; color:#314451; margin:0;} .form1 .radio-input label a { color:#f35c25;} .form1 .radio-input input[type=radio]:checked + label:before { background:url(images/sass_images/radio1.png) left 0px no-repeat; } .form1 .radio-input input[type=radio] { display: none; } .form1 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:3px; background:url(images/sass_images/radio1.png) left -22px no-repeat; } .form1 .radio-input input[type=radio]:checked + label:before {background:url(images/sass_images/radio1.png) left 0px no-repeat; } .form1 .reg-frm-rfrs { background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0;float:left;height:40px;margin:-1px 0 0 12px;width:40px; border-radius:5px;} .form1 .reg-captcha { float:left;} .form1 .capcha-box { padding-top:15px;} .form-inline label { margin-right:5px;} .form1 .varification-field label { float:left; line-height:40px; margin-right:15px;} .form1 .varification-field #imgCaptcha { float:left; margin-top:3px;} .form1 .varification-field .textbox { width:390px; float:left; display:block; margin-right:15px;} .form1 .varification-field .form-control { text-align:left; padding-left:10px !important;} .form1 .varification-field .captcha-rfrs { float:left; border-radius:5px; background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0; float: left; height: 40px; margin:2px 0 0 12px; width: 40px;} .form1 .varification-field .captcha-rfrs:hover { background-position: 0 -40px;} .form1 .varification-field .captcha-rfrs:active { background-position: 0 -80px;} .form1 .participation-start-date-field input[type="text"] { width:162px; float:left; margin-right:10px;} .form1 .participation-start-date-field .checkbox-input { margin-top:11px;float:left;} .form1 .participation-start-date-field .checkbox-input label { font-size:12px;} /*--- Has-error --- */ .has-error .form-control, .has-error .form-control:focus, .has-error .select , .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single{border-color:#f65039;} .form1 .has-error .form-control, .has-error .form-control { border-radius:4px 4px 0px 4px; -moz-border-radius:4px 4px 0px 4px; -webkit-border-radius:4px 4px 0px 4px;} .form1 .selected-img { margin-top:10px; border:1px solid #dadada; padding:2px; display:inline-block;} /*--- Modal --- */ .modal-header { background:#f35c25; border-radius:4px 4px 0 0;} .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 { color:#fff;} /*--- Message Success --- */ .msgErrortop { position:fixed; left:0; top:0; width:100%; z-index:10000; text-align:center; font-size:16px;} .msgErrortopFixed { position:fixed; left:0; top:68px; width:100%; z-index:10000; text-align:center; font-size:16px;} /*.msgErrortop .close { width:15px; height:15px; display:inline-block; vertical-align:middle; margin-left:15px; float:none; position:relative; top:-2px;}*/ .msgErrortop .fa { font-size:23px; vertical-align:bottom;} .msgErrortop .close .fa { font-size:16px; color:#999; vertical-align:top;} .msgErrortop .close:hover .fa { color:#333;} .success-msg {border: 1px solid #d6e9c6; z-index:10; color:#3c763d; background:#dff0d8; margin:0 0 20px; padding: 12px;} /*--- Warning --- */ .warning-msg {border: 1px solid #faebcc; z-index:10; color:#8a6d3b; background:#fcf8e3; margin:0; padding: 12px;} /*--- Error --- */ .error-msg {border: 1px solid #ebccd1; z-index:10; color:#a94442; background:#f2dede; margin:0; padding: 12px;} /*--- Info --- */ .info-msg {border: 1px solid #bce8f1; z-index:10; color:#31708f; background:#d9edf7; margin:0; padding: 12px;} #msg-10 { position:relative;} #msg-10 .close { width:15px; height:15px; display:inline-block; vertical-align:middle; margin-left:15px; float:none; position:absolute; z-index:100; top:5px; right:10px;} #msg-10 .close .fa { font-size:16px; color:#999; vertical-align:top;} #msg-10 .close:hover .fa { color:#333;} /*--- Warning --- */ .warning-msg {border: 1px solid #faebcc; z-index:10; color:#8a6d3b; background:#fcf8e3; margin:0; padding: 12px;} /*--- Error --- */ .error-msg {border: 1px solid #ebccd1; z-index:10; color:#a94442; background:#f2dede; margin:0; padding: 12px;} /*--- Info --- */ .info-msg {border: 1px solid #bce8f1; z-index:10; color:#31708f; background:#d9edf7; margin:0; padding: 12px;} /*--- Admin-new-registration --- */ #admin-new-registration li .error_msg {float: none; position: absolute; right: 15px;} #admin-new-registration td { position: relative; } /*--- SignUp --- */ #signup { position:relative;} #signup:after { background:url(images/sass_images/divider-bg.png) left top no-repeat; width:9px; height:584px; position:absolute; left:50%; top:0px; display:block; content:"";} #signup .form1 { padding-right:45px;} #signup .details { padding-left:45px;} #signup .details .trial { margin-bottom:32px;} #signup .details h6 { font-size:20px; color:#314451; margin-bottom:20px; font-weight:normal;} #signup blockquote { border:0; padding:0; margin:0;} #signup blockquote .inner { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid #00d9aa; padding:15px 25px 20px 45px; background:#fff url(images/sass_images/blockquote-bg1.png) 20px 18px no-repeat; margin-bottom:32px;} #signup blockquote p { font-size:14px; line-height:30px; color:#314451; position:relative; text-align:center;} #signup blockquote .inner p:after { display:inline-block; content:""; width:18px; height:13px; background:url(images/sass_images/blockquote-p-bg1.png) left 0 no-repeat; position:relative; margin-left:10px; top:5px;} #signup blockquote .image { display:inline-block; position:relative;} #signup blockquote .image img { width:116px; height:116px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 0 8px #666; -moz-box-shadow:0 0 8px #666; -webkit-box-shadow:0 0 8px #666; vertical-align:middle;} #signup blockquote .cite cite { font-style:normal; display:inline-block; margin-left:40px; vertical-align:middle;} #signup blockquote .cite cite strong { text-transform:uppercase; font-size:20px;} #signup blockquote .image:before { content:""; display:block; width:25px; height:21px; background:url(images/sass_images/arrow.png) left top no-repeat; background-size:100% 100%; position:absolute; left:50%; margin-left:-12px; top:-33px;} .signup-popup #signup .form1 { padding-right:25px;} .signup-popup #signup .details { padding-left:25px;} .signup-success-msg { font-size:18px; line-height:30px;} .signup-success-msg .fa-check { font-size:70px;} .signup-success-msg span { display:inline-block;} /*--- User-panel --- */ #user-panel .top-bar .status { float:right; position:relative;} #user-panel .top-bar .status .btn { min-width:230px; padding:9px 15px 8px 20px;} #user-panel .top-bar .status .btn { text-align:left;} #user-panel .top-bar .status .btn .caret { float:right; margin-top:7px;} #user-panel .top-bar .share-btn { float:right; margin-left:30px; padding:8px 15px 6px;} #user-panel .top-bar .share-btn .fa { font-size:22px; vertical-align:middle;} #user-panel #sidebar .widget li .tooltip { display:none !important;} /*--- Upload Company Logo --- */ .upload-company-logo { float:right; width:260px; overflow:hidden;} .upload-company-logo .image-holder { background:url(images/sass_images/logo-sample.jpg) center center no-repeat; width:150px; height:96px; margin-bottom:12px;} /*--- Locked Screen --- */ .locked-screen { posit:ralative;} .locked-screen:after { display:block; width:100%; height:100%; z-index:10; background:rgba(255, 255, 255, 0.8); content:""; position:fixed; top:129px;} /*--- Bootbox --- */ .bootbox .modal-footer .btn-primary { background:#f35c25; border:1px solid #f35c25; 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;} .bootbox .modal-footer .btn-primary:hover, .bootbox .modal-footer .btn-primary:focus, .bootbox .modal-footer .btn-primary:active { color:#fff; background:#d14714; border:1px solid #d14714; outline:none;} /*--- Replies_list_block --- */ #replies_list_block .metadata, #reply_preview .metadata { display:block; font-size:11px; margin-bottom:12px;} #replies_list_block .comment-box { border-bottom:1px solid #ececec; margin-bottom:9px;} #replies_list_block .comment-box p { margin-bottom:5px;} #replies_list_block h4 span { color:#f35c25;} /*--- Try-test-page --- */ .try-test-page #main .inner-main {height:auto !important;} /*--- webcam_movement_warning --- */ #webcam_movement_warning {left: auto !important; right: 24px !important;width: 216px; top:auto !important; bottom: 190px;} #webcam_movement_warning iframe {width: 100% !important; } /*--- Search Topic --- */ .search-topic { width:100%; border:1px solid #d7d7d6; border-radius:5px; margin-bottom:35px; } .search-topic input[type="text"],.search-topic input[type="submit"] { height:48px; line-height:48px; border:none; display:inline-block; } .search-topic input[type="text"] { width:93%; float:left; padding:0px 15px; font-size:16px; color:#868686; font-weight:light;border-radius:5px 0px 0px 5px; } .search-topic input[type="submit"] { width:7%; background:#06a4fb url(images/code_learn_images/search-topic.png) center center no-repeat; border-radius:0px 5px 5px 0px; } /*--- Test-report --- */ #test-report .user-name { margin-bottom:30px;} #test-report dl dt { color:#8c9fac; font-size:14px; font-weight:500; float:left; width:40%; margin-bottom:15px;} #test-report dl dd { color:#314451; font-size:14px; float:left; width:60%; margin-bottom:15px; min-height:20px;} #test-report dl dd a { color:#f35c25;} #test-report .box1 { padding:15px; margin-bottom:30px;} #test-report .detailed-section { position:relative; margin-bottom:30px;} #test-report .detailed-section .status { width:200px; text-align:center; border:1px solid #ede7e7; border-right:0; padding:15px; border-radius:5px 0 0 5px; position:absolute; margin-top:14px;} #test-report .detailed-section .status .fa-times-circle-o { font-size:23px; color:#ff0000; margin-bottom:5px;} #test-report .detailed-section .status .fa-check-circle { font-size:23px; color:#00d8a6; margin-bottom:5px;} #test-report .detailed-section .status p { font-size:14px; margin-bottom:0;} #test-report .detailed-section .status .score { font-size:14px;color:#ff0000; font-weight:bold;} #test-report .detailed-section .status .score:active, #test-report .detailed-section .status .score:focus, #test-report .detailed-section .status .score:hover { text-decoration:none;} #test-report .detailed-section .status hr { margin:15px 0;} #test-report .detailed-section .question-container {border:1px solid #ede7e7; margin-left:200px; border-radius:5px;} #test-report .detailed-section .question-container header { padding:15px; background:#f2f5f7; border-radius:5px 5px 0 0;border-bottom:1px solid #ede7e7;} #test-report .detailed-section .question-container footer { padding:15px; background:#f2f5f7; border-radius:0 0 5px 5px;border-top:1px solid #ede7e7;} #test-report .detailed-section .question-container footer p { font-size:16px; margin-bottom:10px;} #test-report .detailed-section .question-container footer label { color:#8c9fac;} #test-report .detailed-section .question-container header h4 { margin-bottom:0; line-height:24px;} #test-report .detailed-section .question-container header .tag { background: #e3e3ec; float:right; margin-left:10px; border-radius: 2px; color: #314451; display: inline-block; font-size: 12px; padding: 4px 5px; text-align: center; } #test-report .detailed-section .question-container .inner-wrap { padding:20px 15px;} #test-report .detailed-section .question-description { min-height:152px;} #test-report .detailed-section .question-container .top-header { padding:15px; background:#f2f5f7;border-top:1px solid #ede7e7;border-bottom:1px solid #ede7e7;} #test-report .detailed-section .question-container p { font-size:14px;} #test-report .detailed-section .question-container h6 { font-size:14px; color:#8c9fac;} #test-report .detailed-section .question-container .expand-collapse-link { color:#f35c25; font-size:14px; position:relative; display:inline-block; margin-top:-15px; margin-bottom:10px;} #test-report .detailed-section .candidate-answer .copy-btn { float:right;} #test-report .detailed-section .candidate-answer .copy-btn .fa { font-size:22px;} #test-report .detailed-section .candidate-answer .top-header h5 { line-height:42px; margin-bottom:0;} #test-report .detailed-section .table5 { margin-bottom:20px;} #test-report .detailed-section .table5 tr th, #test-report .detailed-section .table5 tr td{ padding:10px; font-size:12px; word-break:break-word;} #test-report .detailed-section .table5 tr td .fa-times-circle-o { font-size:18px; vertical-align:middle; margin-right:10px;} #test-report .detailed-section .table5 tr td .fa-check-circle { font-size:18px; color:#00d8a6; vertical-align:middle; margin-right:10px;} #test-report .detailed-section .test-cases { padding-top:15px;} #test-report .detailed-section .test-case { background:#f8fafb; padding:15px; margin-bottom:20px;} #test-report .detailed-section .show-hide-content { display:none;} #test-report .c100 .total-score { position:absolute; left:0; line-height:24px; top:50%; width:100%; display:black; height:48px; margin-top:-24px; z-index:10; font-size:14px; text-align:center;} /*#test-report .cprogress { display: inline-block; position: relative; width: 1em; float:right; margin-right:100px; margin-top:100px; height: 1em; vertical-align:middle; text-align: -webkit-match-parent; font-size: 150px; cursor: default; } #test-report .cprogress:before { content: ''; display: block; position: absolute; width: 1em; height: 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; opacity: .5; z-index: 0; } #test-report .cprogress:after { content: ''; display: block; position: absolute; top: .1em; left: .1em; width: .8em; height: .8em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; z-index: 1; } #test-report .cprogress .round {border:15px solid #e8ecee; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; } #test-report .cprogress>#slice.gt50 { clip: rect(auto,auto,auto,auto); } #test-report .cprogress>#slice { position: absolute; width: 1em; height: 1em; clip: rect(0px,1em,1em,0.5em); } #test-report .cprogress>#slice>.pie { position: absolute; border:15px solid #f35c25; width:100%; height:100%; clip: rect(0em,0.5em,1em,0em); border-radius: .5em; } #test-report .cprogress>#slice>.pie.fill { -moz-transform: rotate(180deg)!important; -webkit-transform: rotate(180deg)!important; -o-transform: rotate(180deg)!important; transform: rotate(180deg)!important; } */ #test-report .tag-score ul { padding:0; margin:0; list-style:none;} #test-report .tag-score ul .title { float:left; display:block; width:250px; height:35px; border-right:1px solid #314451; padding-right:10px;} #test-report .tag-score ul li { font-size:14px; text-align:right; line-height:35px;} #test-report .tag-score ul li .bar { display:block; width:400px; height:20px; margin-top:8px; float:left;} #test-report .tag-score ul li .bar .inner { background:#bac5cd; display:block; height:20px;} /*--- Circular Progress --- */ .rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill { position: absolute; border: 0.08em solid #f35c25; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100 { position: relative; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; margin:30px auto 0; background-color: #cccccc; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .c100.center { float: none; margin: 0 auto; } .c100.big { font-size: 200px; } .c100.small { font-size: 80px; } .c100 > span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #999; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; border-radius: 50%; background-color: #f5f5f5; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p1 .bar { -webkit-transform: rotate(3.6deg); -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -o-transform: rotate(3.6deg); transform: rotate(3.6deg); } .c100.p2 .bar { -webkit-transform: rotate(7.2deg); -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -o-transform: rotate(7.2deg); transform: rotate(7.2deg); } .c100.p3 .bar { -webkit-transform: rotate(10.8deg); -moz-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); -o-transform: rotate(10.8deg); transform: rotate(10.8deg); } .c100.p4 .bar { -webkit-transform: rotate(14.4deg); -moz-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); -o-transform: rotate(14.4deg); transform: rotate(14.4deg); } .c100.p5 .bar { -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } .c100.p6 .bar { -webkit-transform: rotate(21.6deg); -moz-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); -o-transform: rotate(21.6deg); transform: rotate(21.6deg); } .c100.p7 .bar { -webkit-transform: rotate(25.2deg); -moz-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); -o-transform: rotate(25.2deg); transform: rotate(25.2deg); } .c100.p8 .bar { -webkit-transform: rotate(28.8deg); -moz-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); -o-transform: rotate(28.8deg); transform: rotate(28.8deg); } .c100.p9 .bar { -webkit-transform: rotate(32.4deg); -moz-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); -o-transform: rotate(32.4deg); transform: rotate(32.4deg); } .c100.p10 .bar { -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); } .c100.p11 .bar { -webkit-transform: rotate(39.6deg); -moz-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); -o-transform: rotate(39.6deg); transform: rotate(39.6deg); } .c100.p12 .bar { -webkit-transform: rotate(43.2deg); -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -o-transform: rotate(43.2deg); transform: rotate(43.2deg); } .c100.p13 .bar { -webkit-transform: rotate(46.800000000000004deg); -moz-transform: rotate(46.800000000000004deg); -ms-transform: rotate(46.800000000000004deg); -o-transform: rotate(46.800000000000004deg); transform: rotate(46.800000000000004deg); } .c100.p14 .bar { -webkit-transform: rotate(50.4deg); -moz-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); -o-transform: rotate(50.4deg); transform: rotate(50.4deg); } .c100.p15 .bar { -webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg); } .c100.p16 .bar { -webkit-transform: rotate(57.6deg); -moz-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); -o-transform: rotate(57.6deg); transform: rotate(57.6deg); } .c100.p17 .bar { -webkit-transform: rotate(61.2deg); -moz-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); -o-transform: rotate(61.2deg); transform: rotate(61.2deg); } .c100.p18 .bar { -webkit-transform: rotate(64.8deg); -moz-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); -o-transform: rotate(64.8deg); transform: rotate(64.8deg); } .c100.p19 .bar { -webkit-transform: rotate(68.4deg); -moz-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); -o-transform: rotate(68.4deg); transform: rotate(68.4deg); } .c100.p20 .bar { -webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); } .c100.p21 .bar { -webkit-transform: rotate(75.60000000000001deg); -moz-transform: rotate(75.60000000000001deg); -ms-transform: rotate(75.60000000000001deg); -o-transform: rotate(75.60000000000001deg); transform: rotate(75.60000000000001deg); } .c100.p22 .bar { -webkit-transform: rotate(79.2deg); -moz-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); -o-transform: rotate(79.2deg); transform: rotate(79.2deg); } .c100.p23 .bar { -webkit-transform: rotate(82.8deg); -moz-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); -o-transform: rotate(82.8deg); transform: rotate(82.8deg); } .c100.p24 .bar { -webkit-transform: rotate(86.4deg); -moz-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); -o-transform: rotate(86.4deg); transform: rotate(86.4deg); } .c100.p25 .bar { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .c100.p26 .bar { -webkit-transform: rotate(93.60000000000001deg); -moz-transform: rotate(93.60000000000001deg); -ms-transform: rotate(93.60000000000001deg); -o-transform: rotate(93.60000000000001deg); transform: rotate(93.60000000000001deg); } .c100.p27 .bar { -webkit-transform: rotate(97.2deg); -moz-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); -o-transform: rotate(97.2deg); transform: rotate(97.2deg); } .c100.p28 .bar { -webkit-transform: rotate(100.8deg); -moz-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); -o-transform: rotate(100.8deg); transform: rotate(100.8deg); } .c100.p29 .bar { -webkit-transform: rotate(104.4deg); -moz-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); -o-transform: rotate(104.4deg); transform: rotate(104.4deg); } .c100.p30 .bar { -webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg); } .c100.p31 .bar { -webkit-transform: rotate(111.60000000000001deg); -moz-transform: rotate(111.60000000000001deg); -ms-transform: rotate(111.60000000000001deg); -o-transform: rotate(111.60000000000001deg); transform: rotate(111.60000000000001deg); } .c100.p32 .bar { -webkit-transform: rotate(115.2deg); -moz-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); -o-transform: rotate(115.2deg); transform: rotate(115.2deg); } .c100.p33 .bar { -webkit-transform: rotate(118.8deg); -moz-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); -o-transform: rotate(118.8deg); transform: rotate(118.8deg); } .c100.p34 .bar { -webkit-transform: rotate(122.4deg); -moz-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); -o-transform: rotate(122.4deg); transform: rotate(122.4deg); } .c100.p35 .bar { -webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); -ms-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg); } .c100.p36 .bar { -webkit-transform: rotate(129.6deg); -moz-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); -o-transform: rotate(129.6deg); transform: rotate(129.6deg); } .c100.p37 .bar { -webkit-transform: rotate(133.20000000000002deg); -moz-transform: rotate(133.20000000000002deg); -ms-transform: rotate(133.20000000000002deg); -o-transform: rotate(133.20000000000002deg); transform: rotate(133.20000000000002deg); } .c100.p38 .bar { -webkit-transform: rotate(136.8deg); -moz-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); -o-transform: rotate(136.8deg); transform: rotate(136.8deg); } .c100.p39 .bar { -webkit-transform: rotate(140.4deg); -moz-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); -o-transform: rotate(140.4deg); transform: rotate(140.4deg); } .c100.p40 .bar { -webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg); } .c100.p41 .bar { -webkit-transform: rotate(147.6deg); -moz-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); -o-transform: rotate(147.6deg); transform: rotate(147.6deg); } .c100.p42 .bar { -webkit-transform: rotate(151.20000000000002deg); -moz-transform: rotate(151.20000000000002deg); -ms-transform: rotate(151.20000000000002deg); -o-transform: rotate(151.20000000000002deg); transform: rotate(151.20000000000002deg); } .c100.p43 .bar { -webkit-transform: rotate(154.8deg); -moz-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); -o-transform: rotate(154.8deg); transform: rotate(154.8deg); } .c100.p44 .bar { -webkit-transform: rotate(158.4deg); -moz-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); -o-transform: rotate(158.4deg); transform: rotate(158.4deg); } .c100.p45 .bar { -webkit-transform: rotate(162deg); -moz-transform: rotate(162deg); -ms-transform: rotate(162deg); -o-transform: rotate(162deg); transform: rotate(162deg); } .c100.p46 .bar { -webkit-transform: rotate(165.6deg); -moz-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); -o-transform: rotate(165.6deg); transform: rotate(165.6deg); } .c100.p47 .bar { -webkit-transform: rotate(169.20000000000002deg); -moz-transform: rotate(169.20000000000002deg); -ms-transform: rotate(169.20000000000002deg); -o-transform: rotate(169.20000000000002deg); transform: rotate(169.20000000000002deg); } .c100.p48 .bar { -webkit-transform: rotate(172.8deg); -moz-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); -o-transform: rotate(172.8deg); transform: rotate(172.8deg); } .c100.p49 .bar { -webkit-transform: rotate(176.4deg); -moz-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); -o-transform: rotate(176.4deg); transform: rotate(176.4deg); } .c100.p50 .bar { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p51 .bar { -webkit-transform: rotate(183.6deg); -moz-transform: rotate(183.6deg); -ms-transform: rotate(183.6deg); -o-transform: rotate(183.6deg); transform: rotate(183.6deg); } .c100.p52 .bar { -webkit-transform: rotate(187.20000000000002deg); -moz-transform: rotate(187.20000000000002deg); -ms-transform: rotate(187.20000000000002deg); -o-transform: rotate(187.20000000000002deg); transform: rotate(187.20000000000002deg); } .c100.p53 .bar { -webkit-transform: rotate(190.8deg); -moz-transform: rotate(190.8deg); -ms-transform: rotate(190.8deg); -o-transform: rotate(190.8deg); transform: rotate(190.8deg); } .c100.p54 .bar { -webkit-transform: rotate(194.4deg); -moz-transform: rotate(194.4deg); -ms-transform: rotate(194.4deg); -o-transform: rotate(194.4deg); transform: rotate(194.4deg); } .c100.p55 .bar { -webkit-transform: rotate(198deg); -moz-transform: rotate(198deg); -ms-transform: rotate(198deg); -o-transform: rotate(198deg); transform: rotate(198deg); } .c100.p56 .bar { -webkit-transform: rotate(201.6deg); -moz-transform: rotate(201.6deg); -ms-transform: rotate(201.6deg); -o-transform: rotate(201.6deg); transform: rotate(201.6deg); } .c100.p57 .bar { -webkit-transform: rotate(205.20000000000002deg); -moz-transform: rotate(205.20000000000002deg); -ms-transform: rotate(205.20000000000002deg); -o-transform: rotate(205.20000000000002deg); transform: rotate(205.20000000000002deg); } .c100.p58 .bar { -webkit-transform: rotate(208.8deg); -moz-transform: rotate(208.8deg); -ms-transform: rotate(208.8deg); -o-transform: rotate(208.8deg); transform: rotate(208.8deg); } .c100.p59 .bar { -webkit-transform: rotate(212.4deg); -moz-transform: rotate(212.4deg); -ms-transform: rotate(212.4deg); -o-transform: rotate(212.4deg); transform: rotate(212.4deg); } .c100.p60 .bar { -webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg); } .c100.p61 .bar { -webkit-transform: rotate(219.6deg); -moz-transform: rotate(219.6deg); -ms-transform: rotate(219.6deg); -o-transform: rotate(219.6deg); transform: rotate(219.6deg); } .c100.p62 .bar { -webkit-transform: rotate(223.20000000000002deg); -moz-transform: rotate(223.20000000000002deg); -ms-transform: rotate(223.20000000000002deg); -o-transform: rotate(223.20000000000002deg); transform: rotate(223.20000000000002deg); } .c100.p63 .bar { -webkit-transform: rotate(226.8deg); -moz-transform: rotate(226.8deg); -ms-transform: rotate(226.8deg); -o-transform: rotate(226.8deg); transform: rotate(226.8deg); } .c100.p64 .bar { -webkit-transform: rotate(230.4deg); -moz-transform: rotate(230.4deg); -ms-transform: rotate(230.4deg); -o-transform: rotate(230.4deg); transform: rotate(230.4deg); } .c100.p65 .bar { -webkit-transform: rotate(234deg); -moz-transform: rotate(234deg); -ms-transform: rotate(234deg); -o-transform: rotate(234deg); transform: rotate(234deg); } .c100.p66 .bar { -webkit-transform: rotate(237.6deg); -moz-transform: rotate(237.6deg); -ms-transform: rotate(237.6deg); -o-transform: rotate(237.6deg); transform: rotate(237.6deg); } .c100.p67 .bar { -webkit-transform: rotate(241.20000000000002deg); -moz-transform: rotate(241.20000000000002deg); -ms-transform: rotate(241.20000000000002deg); -o-transform: rotate(241.20000000000002deg); transform: rotate(241.20000000000002deg); } .c100.p68 .bar { -webkit-transform: rotate(244.8deg); -moz-transform: rotate(244.8deg); -ms-transform: rotate(244.8deg); -o-transform: rotate(244.8deg); transform: rotate(244.8deg); } .c100.p69 .bar { -webkit-transform: rotate(248.4deg); -moz-transform: rotate(248.4deg); -ms-transform: rotate(248.4deg); -o-transform: rotate(248.4deg); transform: rotate(248.4deg); } .c100.p70 .bar { -webkit-transform: rotate(252deg); -moz-transform: rotate(252deg); -ms-transform: rotate(252deg); -o-transform: rotate(252deg); transform: rotate(252deg); } .c100.p71 .bar { -webkit-transform: rotate(255.6deg); -moz-transform: rotate(255.6deg); -ms-transform: rotate(255.6deg); -o-transform: rotate(255.6deg); transform: rotate(255.6deg); } .c100.p72 .bar { -webkit-transform: rotate(259.2deg); -moz-transform: rotate(259.2deg); -ms-transform: rotate(259.2deg); -o-transform: rotate(259.2deg); transform: rotate(259.2deg); } .c100.p73 .bar { -webkit-transform: rotate(262.8deg); -moz-transform: rotate(262.8deg); -ms-transform: rotate(262.8deg); -o-transform: rotate(262.8deg); transform: rotate(262.8deg); } .c100.p74 .bar { -webkit-transform: rotate(266.40000000000003deg); -moz-transform: rotate(266.40000000000003deg); -ms-transform: rotate(266.40000000000003deg); -o-transform: rotate(266.40000000000003deg); transform: rotate(266.40000000000003deg); } .c100.p75 .bar { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .c100.p76 .bar { -webkit-transform: rotate(273.6deg); -moz-transform: rotate(273.6deg); -ms-transform: rotate(273.6deg); -o-transform: rotate(273.6deg); transform: rotate(273.6deg); } .c100.p77 .bar { -webkit-transform: rotate(277.2deg); -moz-transform: rotate(277.2deg); -ms-transform: rotate(277.2deg); -o-transform: rotate(277.2deg); transform: rotate(277.2deg); } .c100.p78 .bar { -webkit-transform: rotate(280.8deg); -moz-transform: rotate(280.8deg); -ms-transform: rotate(280.8deg); -o-transform: rotate(280.8deg); transform: rotate(280.8deg); } .c100.p79 .bar { -webkit-transform: rotate(284.40000000000003deg); -moz-transform: rotate(284.40000000000003deg); -ms-transform: rotate(284.40000000000003deg); -o-transform: rotate(284.40000000000003deg); transform: rotate(284.40000000000003deg); } .c100.p80 .bar { -webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg); } .c100.p81 .bar { -webkit-transform: rotate(291.6deg); -moz-transform: rotate(291.6deg); -ms-transform: rotate(291.6deg); -o-transform: rotate(291.6deg); transform: rotate(291.6deg); } .c100.p82 .bar { -webkit-transform: rotate(295.2deg); -moz-transform: rotate(295.2deg); -ms-transform: rotate(295.2deg); -o-transform: rotate(295.2deg); transform: rotate(295.2deg); } .c100.p83 .bar { -webkit-transform: rotate(298.8deg); -moz-transform: rotate(298.8deg); -ms-transform: rotate(298.8deg); -o-transform: rotate(298.8deg); transform: rotate(298.8deg); } .c100.p84 .bar { -webkit-transform: rotate(302.40000000000003deg); -moz-transform: rotate(302.40000000000003deg); -ms-transform: rotate(302.40000000000003deg); -o-transform: rotate(302.40000000000003deg); transform: rotate(302.40000000000003deg); } .c100.p85 .bar { -webkit-transform: rotate(306deg); -moz-transform: rotate(306deg); -ms-transform: rotate(306deg); -o-transform: rotate(306deg); transform: rotate(306deg); } .c100.p86 .bar { -webkit-transform: rotate(309.6deg); -moz-transform: rotate(309.6deg); -ms-transform: rotate(309.6deg); -o-transform: rotate(309.6deg); transform: rotate(309.6deg); } .c100.p87 .bar { -webkit-transform: rotate(313.2deg); -moz-transform: rotate(313.2deg); -ms-transform: rotate(313.2deg); -o-transform: rotate(313.2deg); transform: rotate(313.2deg); } .c100.p88 .bar { -webkit-transform: rotate(316.8deg); -moz-transform: rotate(316.8deg); -ms-transform: rotate(316.8deg); -o-transform: rotate(316.8deg); transform: rotate(316.8deg); } .c100.p89 .bar { -webkit-transform: rotate(320.40000000000003deg); -moz-transform: rotate(320.40000000000003deg); -ms-transform: rotate(320.40000000000003deg); -o-transform: rotate(320.40000000000003deg); transform: rotate(320.40000000000003deg); } .c100.p90 .bar { -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -ms-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg); } .c100.p91 .bar { -webkit-transform: rotate(327.6deg); -moz-transform: rotate(327.6deg); -ms-transform: rotate(327.6deg); -o-transform: rotate(327.6deg); transform: rotate(327.6deg); } .c100.p92 .bar { -webkit-transform: rotate(331.2deg); -moz-transform: rotate(331.2deg); -ms-transform: rotate(331.2deg); -o-transform: rotate(331.2deg); transform: rotate(331.2deg); } .c100.p93 .bar { -webkit-transform: rotate(334.8deg); -moz-transform: rotate(334.8deg); -ms-transform: rotate(334.8deg); -o-transform: rotate(334.8deg); transform: rotate(334.8deg); } .c100.p94 .bar { -webkit-transform: rotate(338.40000000000003deg); -moz-transform: rotate(338.40000000000003deg); -ms-transform: rotate(338.40000000000003deg); -o-transform: rotate(338.40000000000003deg); transform: rotate(338.40000000000003deg); } .c100.p95 .bar { -webkit-transform: rotate(342deg); -moz-transform: rotate(342deg); -ms-transform: rotate(342deg); -o-transform: rotate(342deg); transform: rotate(342deg); } .c100.p96 .bar { -webkit-transform: rotate(345.6deg); -moz-transform: rotate(345.6deg); -ms-transform: rotate(345.6deg); -o-transform: rotate(345.6deg); transform: rotate(345.6deg); } .c100.p97 .bar { -webkit-transform: rotate(349.2deg); -moz-transform: rotate(349.2deg); -ms-transform: rotate(349.2deg); -o-transform: rotate(349.2deg); transform: rotate(349.2deg); } .c100.p98 .bar { -webkit-transform: rotate(352.8deg); -moz-transform: rotate(352.8deg); -ms-transform: rotate(352.8deg); -o-transform: rotate(352.8deg); transform: rotate(352.8deg); } .c100.p99 .bar { -webkit-transform: rotate(356.40000000000003deg); -moz-transform: rotate(356.40000000000003deg); -ms-transform: rotate(356.40000000000003deg); -o-transform: rotate(356.40000000000003deg); transform: rotate(356.40000000000003deg); } .c100.p100 .bar { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .c100:hover { cursor: default; } .c100:hover > span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #307bbb; } .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } .c100.dark { background-color: #777777; } .c100.dark .bar, .c100.dark .fill { border-color: #c6ff00 !important; } .c100.dark > span { color: #777777; } .c100.dark:after { background-color: #666666; } .c100.dark:hover > span { color: #c6ff00; } .c100.green .bar, .c100.green .fill { border-color: #4db53c !important; } .c100.green:hover > span { color: #4db53c; } .c100.green.dark .bar, .c100.green.dark .fill { border-color: #5fd400 !important; } .c100.green.dark:hover > span { color: #5fd400; } .c100.orange .bar, .c100.orange .fill { border-color: #dd9d22 !important; } .c100.orange:hover > span { color: #dd9d22; } .c100.orange.dark .bar, .c100.orange.dark .fill { border-color: #e08833 !important; } .c100.orange.dark:hover > span { color: #e08833; } /*--- Api Access --- */ #api-access .token-box { margin-bottom:15px;} #api-access input[type='text'] { float:left; width:600px; margin-right:5px;} #api-access .copy-token, #api-access .delete-btn, #api-access .edit-icon { font-size:17px; display:inline-block; color:#999; margin-left:10px; margin-top:8px;} #api-access .copy-token:hover, #api-access .edit-icon:hover { color:#333;} #api-access .delete-btn:hover { color:#ff0000;} #api-access label { display:block;} #api-access h4 { margin-top:25px;} /*--- Addmoreuser --- */ #addmoreuser .inner { position:relative; padding-right:25px;} #addmoreuser .inner .fa-times-circle { font-size:21px; color:red; position:absolute; right:0; top:7px;} /*--- Teams Management --- */ #teams-management #search-form { float:left; margin-top:0;} #teams-management .add-user-icon { float:right; margin-top:8px; margin-right:40px;} #teams-management .table3 { border:1px solid #e7e7ed;} #teams-management .up-down-arrow .fa { color:#314451; font-size:12px;} #teams-management .table3 td.up-down-arrow {width:5%;} #teams-management .table3 td.name {width:30%;} #teams-management .table3 td.email_address {width:20%;} #teams-management .table3 td.last_column {width:45%;} #teams-management .table3 tr { display:none;} #teams-management .table3 tr.success-row .fa-lightbulb-o { color:#00d8a6;} #teams-management .table3 tr.delete-row .fa-trash-o { color:#d84646;} #teams-management .table3 tr .fa-lightbulb-o { float:right; margin-right:3px;} #teams-management .table3 tr .fa-trash-o { float:right;} #teams-management .table3 tr.top-header { display:table-row !important;} #teams-management .table3 tr.top-header td { position:relative;} #teams-management .team-setion .dropdown-menu { left:auto; top:45px; right:10px; text-align:right;} #teams-management .team-setion { position:relative;} #teams-management .team-setion .user-settings { position:absolute; right:15px; top:15px; color: #a3b3be; z-index:10; font-size: 20px;} #teams-management .user-settings .tooltip { width:70px;} #teams-management .delete-user .tooltip { width:60px;} #teams-management .user-status .tooltip { width:65px;} /*--- Db-search-area --- */ .bd-search-page #main .inner-main { padding-right:100px;} #send_invite_tq_users { width:58px; height:58px; text-align:center; border-radius:50%; background:#f35c25; position:fixed; right:20px; bottom:25px; font-size:24px; color:#fff; padding-top:7px; font-family: 'open_sanssemibold'; line-height:38px;} #send_invite_tq_users.disabled { opacity:0.6; cursor:default;} #send_invite_tq_users small { border-radius:10px; background:#e1e1e1; padding:3px 5px; font-size:11px; color:#314451; display:block; position:absolute; left:50%; margin-left:-43px; width:86px; bottom:-23px; line-height:14px;} .bd-search-page { background:#f2f2f2;} #db-search-area {background:url(images/sass_images/db-search-bg.gif) 0 0 repeat-y; padding-bottom:60px;} #db-search-area .view-more-btn1 { background:#fff; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #db-search-area .view-more-btn1:hover { background:#006699;} #db-search-left { background:#fff; padding:15px 15px 40px;} #db-search-left p { font-size:12px; color:#333333; line-height:17px; margin-bottom:15px;} #db-search-left p a { color:#333333;} #db-search-left hr { margin:20px 0;} .bd-search-page .page-header h5 { line-height:19px;} .bd-search-page .page-header h5 small { font-size:10px; color:#727272; text-transform:uppercase; font-family:'open_sansregular'; font-weight:normal;} .bd-search-page .searched-info { margin-bottom:20px;} .bd-search-page .searched-info h5 { margin-bottom:0;} .bd-search-page .searched-info h5 span { display:inline-block; border-bottom:3px solid #06a4fb; padding-bottom:3px;} .bd-search-page .searched-info .table5 td.heading { background:#fff; width:108px; vertical-align:middle; padding:0; position:relative;} .bd-search-page .searched-info .details { margin-left:108px;} .bd-search-page .searched-info h6 { text-transform:uppercase; font-family:'open_sansregular'; font-weight:normal; color:#747474; font-size:12px;} .bd-search-page .searched-info p { font-size:13px; margin-bottom:0;} .bd-search-page .searched-info .table5 tr td { padding:10px; vertical-align:top; border-color:#e7e7ec;} .bd-search-page .db-search-lists { margin:0; padding:0; list-style:none;} .bd-search-page .db-search-lists > li { margin-bottom:15px; background:#fff; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);} .bd-search-page .db-search-lists .table2 { margin-bottom:0;} .bd-search-page .db-search-lists .table2 td { border:0;} .bd-search-page .db-search-lists .table2 td.form1 { width:30px; padding-right:0; vertical-align:top;} .bd-search-page .db-search-lists .table2 td.form1 .checkbox-input { padding-left:16px;} .bd-search-page .db-search-lists .table2 td.actions { vertical-align:middle; min-width:175px;} .bd-search-page .db-search-lists .image { float:left; width:75px; height:75px;} .bd-search-page .db-search-lists .image img { width:75px; height:75px;} .bd-search-page .db-search-lists .details { margin-left:90px;} .bd-search-page .db-search-lists .details h4 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;} .bd-search-page .db-search-lists .details h4 a:hover { color:#f35c25;} .bd-search-page .db-search-lists .details p { font-size:13px; margin-bottom:4px;} .bd-search-page .db-search-lists .details .fa { vertical-align:sub; margin-right:5px;} .bd-search-page .db-search-lists .details .block { display:inline-block; margin-right:10px;} .bd-search-page .db-search-lists .skills-list { clear:both; padding-top:20px;} .bd-search-page .db-search-lists .actions .inner { position:relative;} .bd-search-page .db-search-lists .actions .btn { display:block; width:100%; margin:0 0 15px;} .bd-search-page .db-search-lists .actions ul li a { display:block; margin-right:0;} .bd-search-page .db-search-lists .actions .btn .fa { float:left;} .bd-search-page .db-search-lists .actions .shortlist-btn .fa { color:#e55443;} .bd-search-page .db-search-lists .actions .shortlist-btn:active, .bd-search-page .db-search-lists .actions .shortlist-btn:focus { color:#e55443; background:#fff; border:1px solid #e55443; outline:none;} .bd-search-page .db-search-lists .actions .btn:hover .fa, .bd-search-page .db-search-lists .actions .btn:focus .fa, .bd-search-page .db-search-lists .actions .btn:active .fa, .bd-search-page .db-search-lists .actions .btn.active .fa { color:#fff;} .bd-search-page .db-search-lists .actions .shortlist-btn:active .fa, .bd-search-page .db-search-lists .actions .shortlist-btn:focus .fa { color:#e55443; } .bd-search-page .db-search-lists .actions .note-btn { position:relative; background:none; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #333333; color:#333333; 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;} .bd-search-page .db-search-lists .actions .note-btn span { padding:0 10px;} .bd-search-page .db-search-lists .actions .note-btn:hover, .bd-search-page .db-search-lists .actions .note-btn:focus, .bd-search-page .db-search-lists .actions .note-btn:active, .bd-search-page .db-search-lists .actions .note-btn.active { color:#fff; background:#333333; border:1px solid #333333; outline:none;} .bd-search-page .db-search-lists .actions .button1.active { color:#fff; background:#e55443; border:1px solid #e55443; outline:none;} .bd-search-page .db-search-lists .actions .note-btn .fa { color:#333333;} .bd-search-page .shortlisted-count { width:58px; height:58px; text-align:center; border-radius:50%; background:#f35c25; position:fixed; right:20px; bottom:25px; font-size:18px; color:#fff; padding-top:7px; font-family: 'open_sanssemibold'; line-height:21px;} .bd-search-page .db-search-lists .actions .dropdown-menu > li > a{ padding:3px 15px; font-size:13px;} .bd-search-page .db-search-lists .actions .dropdown-menu p { padding:0 15px; margin-bottom:2px; font-size:13px;} .bd-search-page .db-search-lists .actions .dropdown-menu .divider { margin:0 0 5px;} .bd-search-page .db-search-lists .actions .dropdown-menu { min-width:225px; left:auto; right:0;} .bd-search-page .db-search-lists .actions .dropdown-menu .form-control { width:140px; float:left; margin-right:5px;} .bd-search-page .db-search-lists .actions .label { font-weight:normal; margin:0;} .bd-search-page .db-search-lists .actions .dropdown-menu input[type="button"] { width:58px; float:left; font-size:13px; padding:7px 5px 8px; margin:0;} .bd-search-page .shortlisted-count.active, #send_invite_tq_users.active { -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite;} @-webkit-keyframes glowing { 0% {-webkit-box-shadow: 0 0 3px #d5383e; } 50% { -webkit-box-shadow: 0 0 20px #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 20px #d5383e; } 100% {-moz-box-shadow: 0 0 3px #d5383e; } } @-o-keyframes glowing { 0% {box-shadow: 0 0 3px #d5383e; } 50% { box-shadow: 0 0 20px #d5383e; } 100% {box-shadow: 0 0 3px #d5383e; } } @keyframes glowing { 0% {box-shadow: 0 0 3px #d5383e; } 50% { box-shadow: 0 0 20px #d5383e; } 100% {box-shadow: 0 0 3px #d5383e; } } #highlighted-btn-area .button1:hover { background:#d5383e; } .bd-search-page .shortlisted-count small { border-radius:10px; background:#e1e1e1; padding:3px 5px; font-size:11px; color:#314451; display:block; position:absolute; left:50%; margin-left:-43px; width:86px; bottom:-23px; line-height:14px;} .bd-search-page .db-search-lists .actions .note-btn { margin-bottom:0;} .bd-search-page .table2 span.first-letter { width:75px; height:75px; line-height:73px; font-size:30px; font-family: 'open_sanssemibold'; border-radius:0;} /*--- Shortlisted lists --- */ .shortlisted-lists .top-head { margin-bottom:80px;} .shortlisted-lists .db-search-lists > li{ box-shadow:0 0 1px rgba(0, 0, 0, 0.2);} .shortlisted-lists .panel { position:relative;} .shortlisted-lists .panel-heading .select { float:right; background:#f2f2f2; width:250px; border:1px solid #314451; color:#314451; font-size:13px; border-radius:0px; } .shortlisted-lists .panel-heading .select select { background:#f2f2f2;} .shortlisted-lists .panel-heading .select:after { border-radius:0px; background:url(images/sass_images/select-arrow1.gif) right top no-repeat;} .shortlisted-lists .panel-heading { position:absolute; left:0; top:0; width:100%; height:60px; margin-top:-60px;} .shortlisted-lists .panel-heading h4 { float:left; background:#fff; padding:13px 10px; height:49px; border-top:4px solid #126ea1; box-shadow:0 -1px 1px rgba(0, 0, 0, 0.1); margin:0;} .shortlisted-lists .panel-heading h4 .fa { color:#f25d25; margin-right:5px;} /*--- Tg Loader --- */ .tg-loader img { width:120px; height:120px;} /*--- Widget2 --- */ .widget2 .scroll { height:205px; overflow:hidden;} .widget2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#eaeaea;} .widget2 .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar { background:#999;} .widget2 .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background:#f2f2f2;} .widget2 h5 { font-size:13px; text-transform:uppercase; margin-bottom:10px; font-family:'open_sansregular';} .form1 .widget2 .section-search { box-shadow:none; border-bottom:1px solid #dadada; font-size:12px; color:#999999; height:35px; padding:5px 10px; margin-bottom:15px;} .form1 .widget2 ul { margin-bottom:15px;} .form1 .widget2 li { margin-bottom:8px;} .form1 .widget2 .checkbox-input { margin-bottom:0;} .form1 .widget2 .radio-input label:before { top:1px;} .form1 .widget2 .checkbox-input label, .form1 .widget2 .radio-input label { font-size:12px; line-height:18px;} .form1 .widget2 .checkbox-input input[type=checkbox]:checked + label:before { background:url(images/sass_images/checkbox.png) -1px -25px no-repeat; } .form1 .widget2 .checkbox-input label:before {width: 18px; height: 19px; margin-right: 7px; background:url(images/sass_images/checkbox.png) -1px -1px no-repeat; } .form1 .widget2 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/sass_images/checkbox.png) -1px -25px no-repeat; } .widget2 .hidden-panel { height:125px; overflow:hidden;} /*--- Modify-search --- */ .db-search-popup .modal-header { background:none; padding:24px 15px;} .db-search-popup .modal-header .close { margin-top:-15px;} .db-search-popup .modal-body { padding:25px 15px;} .db-search-popup .modal-header h4 { font-size:15px; color:#333; text-transform:uppercase; font-family:'open_sansregular'; font-weight:normal;} .db-search-popup label { text-transform:uppercase; font-size:12px;} .db-search-popup .modal-footer { border-top:0;} .db-search-popup .modal-footer .btn-primary { border:0; background:#06a4fb; font-family: 'open_sanssemibold';} .db-search-popup .modal-footer .btn-primary:hover, .db-search-popup .modal-footer .btn-primary:focus, .db-search-popup .modal-footer .btn-primary:active { color:#fff; background:#0598e9; outline:none;} /*--- Modify-search --- */ #modify-search .modal-footer button[type='submit'] { min-width:150px;} #modify-search .ui-slider { background:#9643bd; } #modify-search .ui-slider-range { background:#daca12; } #YourDiv { float: right; height: 100%; background:#44b544; border-radius: 0 4px 4px 0; } #modify-search .ui-slider .ui-slider-handle { width:24px; height:24px; background:#fff; border-radius:50%; border:0; box-shadow:0 0 1px #666;} #modify-search .ui-slider .ui-slider-handle:after { width:16px; height:16px; background:#06a4fb; border-radius:50%; border:0; position:absolute; left:4px; top:4px; display:block; content:"";} #modify-search .ui-slider .ui-slider-handle:hover { background:#f5f6f6;} #modify-search .ui-slider-horizontal .ui-slider-handle { margin-left:-12px; top:-7px;} #modify-search .slider-area { border:1px solid #dadada; padding:30px 20px;} #modify-search .ui-slider-horizontal { height:11px; border:0;} #modify-search #slider-range { width:445px; margin:0 auto; margin-top:20px; margin-bottom:7px;} #modify-search .legends { list-style: outside none none; margin: 0; padding:0;float:right;} #modify-search .legends li { font-size: 13px; margin-bottom:14px;} #modify-search .legends li:last-child { margin-bottom:0;} #modify-search .legends .help-icon { margin-left:5px;} #modify-search .legends li .tooltip { position:absolute;} #modify-search .legends .help-icon .fa { font-size:18px; vertical-align:text-top; color:#06a4fb;} #modify-search .legends li span { display: inline-block; height: 10px; margin-right: 8px; vertical-align: baseline; width: 10px;} #modify-search .legends li.language span { background: #9643bd;} #modify-search .legends li.design span { background: #daca12;} #modify-search .legends li.problem span { background: #44b544;} #modify-search #amount { padding:0; width:445px; margin:0 auto; display:block; border:0; text-align:center; font-size:13px; color:#747474;} /*--- Notes-detail --- */ #notes-detail ul { margin:0; padding:0; list-style:none;} #notes-detail ul li { margin-bottom:20px;} #notes-detail ul li:last-child { margin-bottom:0;} #notes-detail cite { display:block; font-style:normal; font-size:13px; padding-top:15px;} #notes-detail cite small { font-size:11px;} #notes-detail blockquote { background: #f9f9f9; border-left: 5px solid #ccc; padding: 0.5em 10px; margin:0; } #notes-detail blockquote .quote { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; font-family:Georgia,Times,Times New Roman,serif; } /*--- Team-add-user --- */ #team-add-user dl { font-size:14px;color:#314451; } #team-add-user dl dt { font-weight:normal; display:block; line-height:30px; float:left; clear:left; min-width:80px;} #team-add-user dl dd { display:block; float:left;} #team-add-user .bootstrap-switch { vertical-align:middle;} #team-add-user .switch-option { display:block; margin-bottom:15px;} #team-add-user .show-hide-permissions { display:inline-block; margin-bottom:20px; margin-top:15px; font-size:14px; color:#f35c25; text-decoration:none;} /*--- Manage_college-page --- */ #manage_college-page .table5 tr td, #finance-page .table5 tr td {word-break:normal;} /*--- Question-area --- */ #question-area > h3 { padding-bottom:10px; border-bottom:1px solid #e5e5e5;} /*--- Edit Popup --- */ body > div[unselectable="on"] { margin-left:-175px; overflow:visible !important; left:50% !important; margin-top:-129px; top:50% !important;} body > div[unselectable="on"] .nicEdit-pane { overflow:visible !important; border:1px solid rgba(0, 0, 0, 0.15) !important;} body > div[unselectable="on"] .nicEdit-pane form { background: #fff; height: 257px; margin: -4px; padding: 4px; position: relative; z-index: 10; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);} body > div[unselectable="on"] .nicEdit-pane > div { z-index:11; position:relative;} body > div[unselectable="on"] .nicEdit-pane iframe {background: #fff; border: 0 none; margin:-20px -9px -8px -4px; position: relative; width: 268px; z-index: 10; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);} /*--- Report-preferences --- */ #report-preferences h4 { margin-bottom:30px;} #report-preferences p { margin-bottom:25px;} #report-preferences .bootstrap-switch { margin-left:0;} #report-preferences input[type='submit'] { min-width:100px;} /*--- Editor-full-width --- */ .editor-full-width > div { width:100% !important;} /*--- Extra-information-content --- */ #extra-information-content .select { float:left; width:105px; margin-right:10px;} #extra-information-content .checkbox-input { margin-top:11px;} #extra-information-content .checkbox-input label { font-size:13px;} /*--- Evaluate User --- */ #evaluate_user .table { font-size:13px;} /*--- Settings-advanced-settings --- */ #settings-advanced-settings h3 { margin-bottom:10px;} #settings-advanced-settings .add-tags { margin-bottom:30px;} #settings-advanced-settings .add-tags input[type='text'] { width:200px; float:left;} #settings-advanced-settings .add-tags button[type='button'] { float:left; padding:12px 20px 11px; border-radius:0 4px 4px 0; margin-left:-5px; z-index:5;} /*--- Testcase Output --- */ .testcase-output p { word-break:break-all;} /*--- Search-more-candidates --- */ #search-more-candidates { margin-top:20px; background:#fff; padding:15px} #search-more-candidates ul li {margin-bottom:0;} /*--- Test_window --- */ #test_window ul { margin:0; padding:0; list-style:none;} #test_window ul li { font-size:14px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eaeaea;} #test_window ul li:last-child { border-bottom:0; margin-bottom:0;} #test_window ul li .btn { float:right;} #test_window ul li .alert { margin-bottom:0; clear:both; padding:5px 15px; margin-top:12px;} /*--- FAQ --- */ #faq { margin-bottom:30px;} #faq p { margin-bottom:30px;} #faq .list3 { padding-top:0; margin-bottom:30px; padding-left:15px;} #faq .table5 { margin-bottom:20px;} #faq .table5 tr th { text-align:center;} /*--- Choice Fields --- */ .choice-fields input[type='text']{ width:200px; float:left; margin-right:15px;} .choice-fields .remove_field{ font-size:20px; color:#0a3542; float:left; margin-top:6px;} .choice-fields .choice-field { margin-bottom:15px;} .choice-fields .choice-field:last-child { margin-bottom:0;} .choice-fields .box4 { margin-bottom:20px;} /*--- Table5 --- */ .table5 { width:100%; margin-bottom:5px;} .table5 tr th { text-align:left; border:1px solid #dae1e6; padding:15px; background:#e8edf0; font-size:14px; font-weight:500; color:#314451;} .table5 tr td { border:1px solid #e8edf0; padding:15px; vertical-align:middle; font-size:14px; word-break:break-all;} .table5 tr td .fa-times-circle-o { font-size:23px; color:#ff0000;} .table5 tr td a { text-decoration:none; color:#f35c25;} .table5 tr .status { text-align:center;} .table5 tr .order-no { font-weight:bold; color:#8c9fac;} .table5 tr td h5 { font-weight:500; margin-bottom:5px;} .table5 tr td h5 small { font-size:100%;} .table5 tr td h5 span { color:#f35c25;} .table5 tr td.expand-collapse { text-align:left;} .table5 tr.open-content { display:none;} .table5 tr.open-content p { font-size:14px;} .table5 tr.current td { border-bottom:0;} .table5 tr .expand-collapse { padding:0px 0px;} .table5 tr .expand-collapse-btn { display:block; padding:10px; text-align:left;} .table5 tr .expand-collapse-btn .fa { margin:0;} /*--- Table6 --- */ .table6 { width:100%; margin-bottom:5px;} .table6 tr th { text-align:left; border:0; text-align:center; padding:5px; font-size:13px; font-weight:normal; color:#314451;} .table6 tr td { border:0; padding:5px; vertical-align:middle; font-size:10px;} .table6 tbody tr td { background:#e3e9ee;} .table6 tbody tr td:first-child, .table6 tbody tr td:nth-child(3n) { text-align:right; background:#fff; width:60px;} /*--- Table7 --- */ .table7 { width:100%; margin-bottom:20px; border:0;} .table7.spacing { margin-bottom:50px; margin-top:40px;} .table7.spacing tr td, .table7.spacing tr th { padding:15px 10px;} .table7 thead > tr th { text-align:center; text-align:center; line-height:19px; border:1px solid #f9885f; font-size:15px; font-weight:500; color:#fff; background:#f35c25;} .table7 thead tr th tr th { padding:15px; border:0;} .table7 tr td { border:0; text-align:center; border:1px solid #f9885f; font-size:15px; vertical-align:middle; color:#314451;} .table7 tr td tr td { border:0; padding:15px 0;} .table7 tr .half { width:50%;} .table7 tr .price { width:40%;} .table7 tr .border-bottom { border-bottom:1px solid #f9885f;} .table7 .bg-white { background:#fff; color:#f35c25; font-size:13px; font-weight:normal;} /*--- Table8 --- */ .table8 { width:100%;} .table8 tr th,.table8 tr td { font-size:14px; font-weight:normal; text-align:left; color:#333333; line-height:20px; padding:15px 10px; } .table8 tr th { padding:6px 10px; line-height:15px; background:#e8e8ea; font-weight:600; } .table8 tr th:first-child,.table8 tr td:first-child { padding-left:15px; width:50px; } .table8 tr td { border-bottom:1px solid #f1f1f1;} .table8 figure { float:left; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; } .table8 figure img { border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; width:60px; height:60px; } .table8 .details { margin-left:75px; } .table8 .details h6 { font-weight:normal; font-size:16px; line-height:1; margin-bottom:5px; color:#f35c25; margin-top:2px; } .table8 .details p { margin-bottom:5px; font-size:13px; color:#999999; line-height:18px; } .table8 span.first-letter, .table2 span.first-letter { display:inline-block; width:60px; height:60px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:57px; text-transform:uppercase; font-size:24px; margin-right:15px; color:#333333;} .table8 th.rank { text-align:center;} .table8 td.rank { text-align:center; font-size:15px;} .table8 .form1 .checkbox-input { margin-bottom:0; padding-left:22px;} .table8 .form1 .checkbox-input label:before { top:-1px;} .table8 .actions { background:#f6f7f8;} .table8 .actions a .fa { font-size:18px;text-align: center; vertical-align: top; width: 25px;} .table8 .actions a.sms .fa { font-size:21px;} .table8 .actions a { display:inline-block; font-size:13px; color:#f35c25; margin:5px 0;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;} .table8 .actions a:hover {color:#d34917;} .table8 .actions { width:112px;} .table8 tr th.tech-quotient, .table8 tr td.tech-quotient { text-align:center;} .table8 tr th.tech-quotient small { font-family:'open_sansregular'; font-weight:normal;} /*--- Table9 --- */ .table9 { width:100%; border:1px solid #dadada; } .table9 tr th { background:#f9f9f9; border-bottom:1px solid #dadada; font-family:'open_sanssemibold'; } .table9 tr td { border-bottom:1px solid #e4e4e4; border-bottom-style:dashed; vertical-align:top; } .table9 tr td:first-child,.table9 tr th:first-child { text-align:left; } .table9 tr td,.table9 tr th { padding:15px; font-size:14px; line-height:18px; color:#333333; text-align:center; } .table9 .user-area { margin:5px 0px 0px 24px; display:none; } .table9 .user-area a { padding:0px 5px; border-right:1px solid #d3d3d3; font-size:12px; color:#0187d0; display:inline-block; line-height:1; } .table9 .user-area a:last-child { border:0px; } .table9 tr:hover .user-area,.table9 tr.active .user-area { display:block; } .table9 tr:hover label,.table9 tr.active label { color:#0187d0; } .table9 .data { display:block; } .table9 .button3,.table9 .button4 { min-width:100px; margin-top:35px; padding:6px 12px; } .table9 .button3 { background:#a3a3a3; } /*--- Content-area --- */ .content-area { float:left; width:100%; position:relative; padding-bottom:68px; /*overflow:auto;*/} /*--- Share-with-users --- */ .share-with-users .checkbox-input { display:block;} /*--- View More Btn --- */ .view-more-btn1 {color:#006699; padding:10px; font-size:14px; clear:both; text-align:center; margin-bottom:0; position:relative; z-index:50; background:#efefef; display:block; transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .view-more-btn1:hover { background:#006699; color:#fff;} /*--- Add-edit-templates --- */ #add-edit-templates .table5 .template-name { width:40%;} #add-edit-templates .table5 .preview { width:60%;} #add-edit-templates .table5 .actions { float:right;} #add-edit-templates .table5 .actions a { font-size:19px; margin-left:10px; color:#999; color:#a3b3be; 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;} #add-edit-templates .table5 .actions a:hover { color:#465762;} /*--- Use-template --- */ #use-template .table5 .actions { float:right;} #use-template .table5 .actions a { font-size:19px; margin-left:10px; color:#999; color:#a3b3be; 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;} #use-template .table5 .actions a:hover { color:#465762;} /*--- Disable Btn --- */ .disable-icon { cursor:not-allowed; opacity:0.5;} /*--- Attempted_option --- */ #attempted_option label {white-space:normal !important;} /*--- Add-from-library --- */ #add-from-library .content-area header { padding:20px 30px; border-bottom:1px solid #cacaca;} #add-from-library .content-area header .btn-group { margin-bottom:0;} #add-from-library .questions-points-btn { float:right; width:250px; text-align:left;} #add-from-library .questions-points-btn .caret { float:right; margin-top:-12px; margin-right:-5px; position:relative;} #add-from-library .content-area .inner-wrap { padding-bottom:80px;} #add-from-library .filter { padding:15px 30px 0; border-bottom:1px solid #cacaca;} #add-from-library .filter input[type="submit"] { margin-bottom:15px;} #add-from-library .filter .top-pagination { float:right;} #add-from-library .filter .form-group { margin-right:10px; margin-bottom:15px;} #add-from-library .filter .top-pagination p { font-size:14px; line-height:40px; margin-bottom:0;} #add-from-library .add-btn .fa-plus, #add-from-library .remove-btn .fa-times { color:#fff; font-size:14px; position:relative; top:-3px; margin-right:0; margin-left:10px;} #add-from-library .remove-btn .fa-times { color:#f35c25; top:-4px; margin-left:5px;} #add-from-library .remove-btn { color:#f35c25; border:1px solid #f35c25; padding:9px 8px;} #add-from-library .remove-btn, #add-from-library .add-btn { position:relative; z-index:5;} #add-from-library .remove-btn:hover, #add-from-library .remove-btn:active, #add-from-library .remove-btn:focus { background:#f35c25; color:#fff;} #add-from-library .remove-btn:hover .fa-times, #add-from-library .remove-btn:active .fa-times, #add-from-library .remove-btn:focus .fa-times { color:#fff;} #add-from-library .light { font-size:34px; color:#3e3e3e; margin-left:20px; vertical-align:middle;} #add-from-library .table1 tr td { padding:10px 30px;} #add-from-library footer { padding:15px; text-align:center; z-index:9; background:#efeff4; position:fixed; width:100%; bottom:40px;} #add-from-library .open-content p { margin-bottom:10px;} #add-from-library .open-content p:last-child { margin-bottom:0;} #add-from-library .open-content { display:none;} #add-from-library tr.current td { border-bottom:1px solid #fff;} #add-from-library tr.title-row td { 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;} #add-from-library tr.title-row:hover td { background:#f8f3f3; cursor:pointer;} #add-from-library tr.title-row.current:hover td { background:#ffffff;} #add-from-library .table1 h5 { margin-bottom:5px;} #add-from-library .table1 .title-row td:first-child { width:65%;} /*--- filter-candidates --- */ #filter-candidates { background:#f8fafb;} #filter-candidates.fixed { position:fixed; right:0; z-index:1; width:300px;} #filter-candidates .section-header { padding:10px 10px 0; background:#f4f4f7; margin-bottom:5px;} #filter-candidates header { padding:11px 0 12px 12px;background:#e8e8ea; min-height:43px;} #filter-candidates header h4 { margin:0px; font-size:14px; font-family: 'open_sanssemibold';} #filter-candidates header h4 .fa { margin-right:10px; color:#b2bfc9; font-size:20px; vertical-align:text-top;} #filter-candidates .content .form1 label { color:#314451; margin-bottom:5px; } #filter-candidates .content .form1 input { margin-bottom:18px; } #filter-candidates .content .form1 { border-bottom:1px solid #dadada;padding:15px; } #filter-candidates .chart { padding:15px; } #filter-candidates .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#e1e1e1;} #filter-candidates .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color:#f1f1f1;} #filter-candidates .nav li a { color:#333; font-size:12px; padding:7px 10px;} #filter-candidates .form1 input[type="text"], #filter-candidates .form1 input[type="password"], #filter-candidates .form1 input[type="search"] { height:32px; padding:6px 10px; font-size:13px; border:1px solid #dadada; border-radius:0; box-shadow:none; margin-bottom:10px;} #filter-candidates .scroll { height:150px; margin-bottom:5px;} #filter-candidates .badge { font-size:11px; background:#00d9aa; padding:2px 5px 3px; margin-left:5px; font-weight:normal; float:right;} #filter-candidates .titles { background:#efeff4; font-size:13px; padding:7px 10px; color:#333; margin:0 -10px; position:relative;} #filter-candidates .titles ul { margin:0; padding:0; list-style:none;} #filter-candidates .titles li { float:left; margin-bottom:0;} #filter-candidates .titles li:last-child { float:right;} /*--- Db-search-lists --- */ #db-search-lists .panel { border-radius:0; border:0; border-right:1px solid #dadada; margin-bottom:0;} #db-search-lists .panel-heading, #db-search-lists .panel-body { float:left; width:100%; border-radius:0;} #db-search-lists .panel-heading { padding-left:15px;} #db-search-lists .panel-heading .checkbox-input { float:left; margin-right:20px; margin-bottom:0;} #db-search-lists .panel-heading .checkbox-input label { font-size:13px;} #db-search-lists .panel-body { padding:0;} #saas_db_search-page #footer { z-index:11;} /*--- User-report-area --- */ #user-report-area .panel .panel-heading h4 { margin-bottom:0;} /*--- Basic_profile --- */ .basic_profile { margin-top:60px; position:relative; border:1px solid #f3f3f3; border-radius:0 0 4px 4px; margin-bottom:32px;} .basic_profile header { background:#fff; height:40px; border:1px solid #f3f3f3; border-bottom:0; padding:10px 15px; position:absolute; left:-1px; top:-39px; box-shadow:0 0px 1px rgba(0, 0, 0, 0.05);} .basic_profile header h4 { margin-bottom:0;} .basic_profile .avatar { width:75px; height:75px; float:left; margin-right:15px;} .basic_profile .details { margin-left:90px;} .basic_profile .details h4 { margin-bottom:13px;} .basic_profile .details p { font-size:13px; color:#727272; margin-bottom:0;} .basic_profile .details .block { display:inline-block; margin:0 20px 10px 0;} .basic_profile .details .block .fa { color:#999999; font-size:18px; vertical-align:baseline; margin-right:5px;} /*--- Result View --- */ #result-view { border:2px solid #f35c25; border-radius:7px;} #result-view .btn { background:#fff; color:#454545; text-transform:uppercase;} #result-view .btn.active { background:#f35c25; color:#fff;} /*--- Share-interview_url --- */ #share-interview_url .form-control { width:510px; border-radius:4px 0 0 4px; float:left;} #share-interview_url #btn_copy { width:70px; float:left; min-width:15px; border:1px solid #ccc; border-radius:0 4px 4px 0; padding:11px 15px 12px; position:relative; margin-left:-12px; z-index:5;} /*--- Attached_seasons_list --- */ #attached_seasons_list { padding-top:35px;} #attached_seasons_list ul.list1 li{background-position:left 6px;} /*--- Invite-login --- */ .invite-login-page #container-wrap { padding-top:0;} .invite-login-page #footer { text-align:center; padding:13px 0 10px;} .invite-login-page .msgErrortop { top:0;} #invite-login header { padding:30px 0; text-align:center;} #invite-login header ul.test-info { margin:0; padding:0; list-style:none; display:inline-block;} #invite-login header ul.test-info li { text-align:left; font-size:18px; line-height:18px; display:inline-block; color:#314451; text-transform:uppercase; margin-right:25px;} #invite-login header ul.test-info li .fa { vertical-align:text-top; margin-right:10px; font-size:21px; color:#8f9ea8;} #invite-login header ul.test-info li a, #invite-login header ul.test-info li a .fa { color:#f35c25;} #invite-login footer { padding:20px 0;} #invite-login footer p { font-size:13px; color:#8f9ea8;} #invite-login .form-group { margin-bottom:20px;} #invite-login .two-select { font-size:12px;} #invite-login .two-select .select { width:138px; display:inline-block; margin-right:6px;} #invite-login .table3 .select .required { font-size:13px; position:absolute; right:-11px; top:10px; color:#ff0000;} .form-horizontal .control-label { padding-top:12px;} .form-horizontal sup { color: #ff0000; position: relative; padding-left: 5px;} /*--- Fm_ecourse_master --- */ #fm_ecourse_master .nicEdit-main { max-height:112px; overflow-y:auto !important;} /*--- Reports --- */ #reports .filter-form { margin-bottom:30px;} #reports .filter-form label { display:block;} #reports .filter-form .date-field .form-control{ width:112px;} #reports .filter-form input[type="submit"] { min-width:100px; margin-top:0px;} #reports .filter-form .form-group { margin-bottom:15px; position:relative; margin-right:5px; vertical-align:bottom;} #reports .filter-form .marks-field { width:130px;} #reports .date-range-field .dates-field { padding:0 15px;} #reports .date-range-field .dates-field .column { float:left; width:45%;} #reports .date-range-field .dates-field .column:last-child { float:right;} #reports .filter-form .dropdown-menu { min-width:100%; max-width:100%; padding-top:3px;} #reports .filter-form .dropdown-menu > li { margin-bottom:5px;} #reports .filter-form .dropdown-menu > li > a { padding:3px 15px; font-size:13px;} #reports .filter-form a.close-btn {color: #a3b3be; font-size: 21px; margin-top:7px; float:left; margin-right:10px;} #reports .filter-form .dropdown-menu input[type="text"] { padding:5px; height:35px; font-size:11px; margin-bottom:10px;} #reports .filter-form .dropdown-menu label { font-weight:500; font-size:13px;} #reports .filter-form .dropdown-menu .btn { margin-bottom:10px; padding:7px 12px; width:100%; font-size:12px;} #reports .filter-form .dropdown-menu .button5 { padding:6px 12px;} /*--- Filter Form --- */ .filter-form .add-more { font-size:13px; margin-left:10px; text-decoration:none; } .filter-form .hidden-field { display:none; } /*--- Try Test Page --- */ .try-test-page #footer { text-align:center; padding:13px 0 10px;} .try-test-page #main { margin-left:68px;} .try-test-page #user-panel { background-position:-115px top;} .try-test-page #sidebar { width:68px;} .try-test-page .table2 h5 em { font-size:70%;} .try-test-page .table2 td { font-size:14px;} .try-test-page .submitted { color:#00d8a6;} /*.try-test-page .table2 td a { color:#f35c25;}*/ .try-test-page .table2 .button6 { color:#314451;} .inner-coding-area { padding:30px;} #editor-box .ajaxCompileTable { margin-bottom:-13px; position:relative; width:100%;} #editor-box .ajaxCompileTable tr td, #editor-box .ajaxCompileTable tr th { padding:5px 10px 5px;} #editor-box .ajaxCompileTable tr td {word-break:break-word; font-family:monospace,serif; font-size:12px; color:#8c8c8c; border-right:1px solid #dadada;} #editor-box .ajaxCompileTable tr td:last-child {border-right:0;} #editor-box .ajaxCompileTable tr td h6 { text-transform:none; margin-bottom:5px;} #editor-box .ajaxCompileTable tr td.testcase-status { text-align:center;} #testcase_status_heading .alert, #editor-box .ajaxCompileTable tr td.testcase-status .alert { background:none; padding:0; border:0;} /*--- Coding Footer --- */ .coding-footer {background:#e5e5e5; height:65px; border-top:1px solid #dadada; position:fixed; z-index:100; width:100%; text-align:center; bottom:0; left:0; padding:13px 0 14px;} #content .coding-footer .container { padding:0 10px;} .coding-footer .button1 { min-width:220px;} .coding-footer .button5 { min-width:160px;} .coding-footer .go-back-btn { float:left;} .coding-footer .user-actions-block { float:right;} .coding-footer .user-actions-block .btn { margin-left:7px; min-width:160px;} .coding-footer .user-actions-block.pull-left .btn { margin-right:7px; margin-left:0;} .coding-footer .container-fluid .inner-coding-footer { padding:0 30px;} #attempted_option { margin-bottom:40px;} #attempted_option h4 { font-weight:normal; margin-bottom:25px;} #attempted_option ul { margin:0 0 40px; position:relative; padding:0; list-style:none; max-width:500px;} #attempted_option ul li { width:100%; overflow:hidden; padding-right:50px; background:#fff; border:1px solid #dadada; cursor:pointer; position:relative; border-radius:4px;} #attempted_option ul li .option { width:50px; min-height:40px; display:block; text-align:center; font-size:14px; color:#424242; border-right:1px solid #dadada; position:absolute; left:0; top:0; height:100%; line-height:18px;} #attempted_option ul li .option span { position:absolute; display:block; top:50%; margin-top:-9px; width:100%;} #attempted_option ul li .question-text { margin-left:50px; position:relative; font-size:14px; color:#424242; line-height:17px; padding:5px 10px 7px; display:table; height:40px;} #attempted_option ul li .tick-icon { position:absolute; right:0; top:0; height:100%; text-align:center; background:#dadada; opacity:0.8; width:50px;} #attempted_option ul li.active .tick-icon { background:#2f94d7; opacity:1;} #attempted_option ul li .tick-icon img { width:26px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-13px;} #attempted_option ul li .question-text span { display:table-cell; vertical-align:middle; word-break:break-word;} #attempted_option h4 { line-height:20px;} #attempted_option h4 small { font-size:12px; color:#333;} #attempted_option ul li pre { width:100%; max-height:200px; margin-bottom:0;} /*--- Post --- */ .post { font-size:14px; line-height:21px;} .post p { font-size:14px; line-height:21px; margin-bottom:20px;} .post h2 a, .post h3 a{ color:#314451;} .post .metadata { display:block; margin-bottom:20px; font-size:15px; color:#999;} .post .metadata a { color:#f35c25;} .post .tags a { color:#8c9fac; text-decoration:none;} .post .tags strong { margin-right:5px;} /*--- Test Info --- */ #test-info header { padding:30px 0; text-align:center;} #test-info header p { font-size:15px; line-height:20px; margin-bottom:20px;} #test-info header p .fa { vertical-align:baseline; margin-right:10px; font-size:21px; color:#8f9ea8;} /*--- Tab1 --- */ .tab1 .box2 { margin:0 0 20px;} .tab1 .nav > li > a { padding:12px 15px;} .tab1 .nav-tabs > li > a { font-size:15px; color:#314451; line-height:28px;} .tab1 .nav-tabs > li .fa { font-size:24px; vertical-align:sub; margin-right:10px;} .tab1 .tab-content { padding:20px 0;} /*--- Tab2 --- */ .tab2 .nav-tabs { border-bottom:none; text-align:center; } .tab2 .nav-tabs > li { float:none; display:inline-block; } .tab2 .nav-tabs li { margin-bottom:25px; } .tab2 .nav-tabs li a { border:none; padding:5px 15px; font-size:12px; color:#314451; font-family: 'open_sanssemibold'; text-transform:uppercase; } .tab2 .nav-tabs li a:hover,.tab2 .nav-tabs li.active a,.tab2 .nav-tabs li a:focus { border:none; color:#fff; background-color:#06a4fb; border-radius:25px; } .tab2 .button-group { margin:20px 0px; text-transform:uppercase;font-family: 'open_sanssemibold'; } .tab2 .button-group .back-btn:hover { background:#bfbfc8; } .inner-main .tab2 .tab-content { padding:0px; } .tab2 .tab-content .tab-pane { visibility:hidden; display:block; position:absolute; top:-100000; } .tab2 .tab-content .tab-pane.active { visibility:visible; position:relative; top:0; } .tab2 .tab-content .text-editor > div { width:100% !important;} .tab2 .tab-content .text-editor .nicEdit-main { margin:0px !important; width:100% !important; padding:4px !important; } .tab2 .form-inline .form-group { width:45%; } .tab2 .form-inline .to { width:auto; } /*--- user-block --- */ .user-block { float:right; } .user-block.manage-menu { float:left !important; font-family: 'open_sanssemibold'; font-size:16px; } .form1 .user-block.manage-menu label { color:#333333; margin-right:5px; } .user-block .btn { margin-left:20px; text-transform:uppercase; } .user-block .button1 { padding:9px 20px; } .user-block .button5 { font-family: 'open_sanssemibold'; background:#e3e3ec; border:1px solid #dadada; color:#8c8c8c;} .user-block .select { display:inline-block; width:auto; min-width:180px; position:relative; } /*--- Table3 --- */ .table3 tr td a { color:#f35c25;} .table3 tr td a.button6 { color:#314451;} .table3 tr td code { font-size:100%; background:none; color:#ababab;} .table3 tr td .action-icon { width:20px; text-align:center; margin:0 5px 5px 0;} #short-listed-page .table3 tr td.actions { width:125px;} #short-listed-page .table3 tr td { font-size:13px;} .table3 tr td small { color:#999;} /*--- user-header --- */ .user-header { border-bottom:1px solid #dadada; margin-bottom:20px; padding:10px 0px; } .user-header h5 { font-size:16px; line-height:22px; } .user-header .user-block { float:right; } /*--- Pre --- */ pre { margin-bottom:30px;} /*--- Content --- */ #content.content-space { padding:30px 0;} /*--- Pagination --- */ .pagination > li > a, .pagination > li > span { font-size:14px; color:#314451;} .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#00d8a6; border-color:#00b68c;} /*--- Pagination1 --- */ .pagination1 { margin:20px 0; padding-left:0;} .pagination1 em { display:inline-block; line-height:31px; min-width:35px; padding:0 5px; border:1px solid #e7e7e7; font-size:14px; font-style:normal; color:#f35c25;} .pagination1 em a { color:#314451;} .pagination1 em a:hover, .pagination1 em a:active, .pagination1 em a:focus { text-decoration:none;} .pagination1 em.active { background:#00d8a6; border-color:#00b68c; color:#fff;} /*--- Welcome-message --- */ #welcome-message { display:block; position:relative; text-align:center; overflow:visible; margin-bottom:100px; padding-top:25px;} #welcome-message h2 { line-height:50px;} #welcome-message h2 span { color:#f35c25;} #welcome-message h2 small{ font-size:20px; text-transform:uppercase; display:block;} #welcome-message h3 { font-size:22px; font-weight:normal; margin-bottom:5px;} #welcome-message p { font-size:13px; line-height:18px; color:#999;} #welcome-message .show-to-btn { position:absolute; right:36px; top:-66px;} #user-panel .buttons .for-create-new-test { left:auto; right:0; top:0; position:absolute;} #user-panel .buttons .for-create-new-test::before{ background:url(images/sass_images/top-arrow.png) left top no-repeat; width:147px; height:171px; left:-87px; top:-59px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} /*--- Upload-zip-file --- */ #upload-zip-file .error_msg { bottom:11px;} /*--- Unlock_total_user --- */ #unlock_total_user p:last-child { margin-bottom:0;} /*--- TechBanner --- */ .techBanner { height:400px; background-repeat:no-repeat; background-position:top center; background-size:100% auto;} .techBanner img { display:none;} /*--- video-controls --- */ #video-controls { position:fixed; color:#f4f4f4; left:50%; width:120px; bottom:0; margin-bottom:0; z-index:100000; padding:8px 0 5px 10px; border-radius:3px 3px 0 0; margin-left:-60px; font-size:13px; background:rgba(0, 0, 0, 0.5);} #video-controls a { color:#c2c2c2; font-size:24px; margin:0 8px; vertical-align:sub; 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;} #video-controls a:hover { color:#fff;} /*--- 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 13px; 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;} } /*--- Filter Options --- */ #filter-options { background:#d3d3dc; padding:10px 30px; display:none;} #filter-options .form-group { width:17.7%; padding-right:15px;} #filter-options .form-group:last-child { padding-right:0; width:100px;} #filter-options label { text-align:center; display:block;} #filter-options input[type=submit] { width:100%; min-width:15px; padding:12px 20px;} #filter-options .clear {color: #0a3542; font-size: 16px; font-weight: normal;} #user-panel .top-bar .filter .filter-btn { background:#d3d3dc;} #user-panel .top-bar .filter .filter-btn:hover, #user-panel .top-bar .filter .filter-btn:active, #user-panel .top-bar .filter .filter-btn:focus { text-decoration:none;} #user-panel .top-bar .download-btn { padding:10px 15px 6px;} #user-panel .top-bar .download-btn .fa { font-size:22px; vertical-align:middle;} #user-panel .top-bar .refresh-btn { float:right; font-size:18px; padding:5px 15px;} /*--- Insights --- */ #insights .date-range-field > input[type='text']{ float:left; margin-right:5px; width:190px;} #insights dl {font-size:14px; color:#314451; } #insights dl dt { font-weight:500; display:inline-block; width:45%;} #insights dl dd { width:50%; display:inline-block;} #insights .fa-warning { color:#ff0000;} /*--- Overall Info --- */ .overall-info .checkboxes { padding:25px 0 20px;} .overall-info .checkboxes .checkbox-input { margin-right:20px;} /*--- Auto-generated-test --- */ #auto-generated-test ul { margin:0; padding:0; list-style:none; text-align:center;} #auto-generated-test ul li figure { width:100px; height:100px; margin:0 auto; line-height:96px; border:3px solid #00d9aa; margin-bottom:10px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #auto-generated-test ul li figure img { vertical-align:middle;} #auto-generated-test ul li h6 { font-weight:500; font-size:15px;} #auto-generated-test ul li a:hover, #auto-generated-test ul li a:focus, #auto-generated-test ul li a:active { text-decoration:none;} #autocomplete ul li {margin-bottom:0px!important;} /*--- test Questions --- */ #test-questions { position:absolute; right:0; top:0; width:270px; z-index:10; background:#fff; box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; display:none;} #test-questions header { background:#efeff4; padding:18px 10px; box-shadow:2px 0px 3px #999; -moz-box-shadow:2px 0px 3px #999; -webkit-box-shadow:2px 0px 3px #999;} #test-questions header .close-btn { font-size:23px; float:right; color:#576672; position:relative; margin-top:-5px;} #test-questions header h3 { font-size:15px; color:#314451; margin-bottom:0; line-height:23px; font-weight:normal;} #test-questions ul { margin:0; list-style:none; padding:0;} #test-questions ul li { padding:15px 10px; border-bottom:1px solid #cacaca;} #test-questions ul li:last-child { border-bottom:0;} #test-questions ul li .remove { float:right; font-size:14px; color:#fff; background:#f35c25; padding:0 5px 1px;} #test-questions ul li h4 { font-size:15px; line-height:20px; color:#314451; font-weight:normal;} #test-questions ul li p { font-size:13px; line-height:18px; color:#314451; margin-bottom:0;} #test-questions ul li .points { font-size:15px; color:#314451; margin-bottom:7px; display: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 { margin-bottom:30px; padding-top:15px;} #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 ul li input[type="text"] { display:inline-block; margin-right:6px;} #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 { color:#f35c25; font-size:15px;} #problem-statement ul.token-input-list-facebook { width:250px; } #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 > 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;} /*--- Demo --- */ #html-design { padding-top:10px; margin-bottom:15px;} #html-design #navcontainer ul { width:100%; overflow:hidden;} #html-design #navcontainer ul li { float:left; margin-bottom:0;} #html-design #navcontainer ul li a { display:block; border:1px solid #e3e3e9; border-bottom:0; padding:7px 12px; font-size:13px; color:#314451; background:#efeff4;} #html-design #navcontainer ul li a.active { background:#314451; color:#fff; border-color:#314451;} /*--- Design-stubs --- */ #design-stubs p a { text-decoration:none;} /*--- Upload-banner-pic --- */ .upload-banner-pic .uploaded-image { position:relative; display:inline-block;} .upload-banner-pic .uploaded-image figcaption { position:absolute; left:0; bottom:0; text-align:center; width:100%; background:rgba(0, 0, 0, 0.7); font-size:15px; color:#fff; border-radius:0 0 6px 6px; padding:5px 5px 7px;} .upload-banner-pic .form-group { vertical-align:bottom; margin-right:10px;} /*--- Jumbotron --- */ .jumbotron { padding:48px;} .jumbotron p { line-height:28px; margin-bottom:30px;} .jumbotron p:last-child{margin-bottom:0;} .jumbotron h1 a { color:#314451;} .jumbotron .btn .fa { margin-right:5px;} /*--- Tags --- */ ul.token-input-list-facebook { border:1px solid #ccc; border-radius:5px; display:inline-block; clear:none; background:none; float:left;} ul.token-input-list-facebook li { margin-bottom:0;} ul.token-input-list-facebook li p { font-size:12px;} ul.token-input-list-facebook li input {border:0 !important; box-shadow:none !important; margin:0; } .tags-field .help-icon { margin-top:9px;} li.token-input-token-facebook { padding:5px 7px 6px;} li.token-input-input-token-facebook input[type="text"] { height:36px;} /*--- Help Icon --- */ .help-icon { display:inline-block; margin-left:10px; vertical-align:text-bottom; margin-bottom:-1px; position:relative;} .help-icon .fa { font-size:21px; vertical-align:text-bottom; color:#00d9aa;} /*--- Aricent Certificate --- */ #aricent-certificate { border:9px solid #d7a335; padding:9px; width:842px; margin:20px auto;} #aricent-certificate .inner { padding:0 0 15px 15px; background:#f3f3f4;} #aricent-certificate table { width:100%;} #aricent-certificate table tr td { text-align:center; vertical-align:top;} #aricent-certificate table tr.last-row td {vertical-align:bottom;} #aricent-certificate table tr td.text-left { text-align:left;} #aricent-certificate table tr td.text-right { text-align:right;} #aricent-certificate h2 { padding-right:15px; text-transform:uppercase; color:#d8a237; margin-bottom:30px; font-weight:bold; font-size:28px; font-family:Arial, Helvetica, sans-serif;} #aricent-certificate p { padding-right:15px; color:#000; margin-bottom:12px; font-size:16px; line-height:24px; font-family:Arial, Helvetica, sans-serif;} #aricent-certificate p span { line-height:54px; color:#eb640d; font-size:24px; font-family:'Comic Sans MS',Helvetica,sans-serif;} #aricent-certificate h3 { padding-right:15px; color:#ec6d1c; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:15px; margin-bottom:28px;} #aricent-certificate h4 { padding-right:15px; color:#000000; font-size:22px; margin-bottom:50px;} /*--- Login Form --- */ #login-form, #forgot-password, #reset-password { padding:100px 0;} #login-form .form1, #forgot-password .form1 { background:#314451; max-width:635px; width:100%; margin:0 auto; padding:30px 38px;} #login-form label, #forgot-password label { color:#fff;} #login-form ul li, #forgot-password ul li { margin-bottom:22px;} #login-form ul li:last-child, #forgot-password ul li:last-child { margin-bottom:0;} /*--- Stylish Checkboxes --- */ .stylish-checkboxes { background:#efeff4; padding:20px 20px 5px; position:relative; margin-bottom:20px;} .stylish-checkboxes .checkbox { position:relative; min-width:23.1%; display:inline-block; text-align:left; margin:0 18px 15px 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:7px; 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; } /*--- Basic_settings_popup --- */ #basic_settings_popup form { margin-bottom:0;} #basic_settings_popup .table5, #basic_settings_popup .table5 tr table { width:100%;} #basic_settings_popup .table5 tr table tr td { padding-bottom:0;} #basic_settings_popup .table5 tr td { padding:0 0 15px; position:relative; border:0; height:48px;} #basic_settings_popup .table5 tr .title { width:190px; font-family: 'open_sanssemibold';} #basic_settings_popup .table5 tr .data-field { width:245px;} #basic_settings_popup .edit-icon { font-size:19px; vertical-align:sub; color:#cccccc; margin-left:10px;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;} #basic_settings_popup .edit-icon:hover, #basic_settings_popup .edit-icon.active { color:#999;} #basic_settings_popup .box3 { display:block;} #basic_settings_popup .edit-value .form-control { display:inline-block; width:auto; width:150px;} #basic_settings_popup .edit-value .form-control[readonly] { border-color:#fff; box-shadow:none; background:#f9f9f9;} #basic_settings_popup .to { margin:0 5px;} #basic_settings_popup .dropdown-menu { top:31px; padding:3px 0;} #basic_settings_popup .dropdown-menu > li { margin-bottom:0;} #basic_settings_popup .dropdown-menu > li > a { padding:3px 15px; color:#333; font-size:13px;} #basic_settings_popup .hide-date-field { display:none;} #basic_settings_popup .show-date-field { margin-right:15px;} #basic_settings_popup .create-custom-link label { display:inline-block; margin-bottom:0; position:relative; top:2px; margin-right:15px;} #basic_settings_popup .create-custom-link input[type="text"] {width:200px;} #basic_settings_popup .create-custom-link .form-group { float:left;} #basic_settings_popup .create-custom-link .button4 { position:relative; margin-left:-5px;} #basic_settings_popup .create-custom-link .form-inline { margin-bottom:15px;} #basic_settings_popup .registration-fields .btn { margin-right:5px; cursor:default;} #basic_settings_popup .modal-footer p{ float:left; line-height:35px; margin-bottom:0;} #basic_settings_popup .radio-input { display:inline-block; margin-right:12px; margin-bottom:0;} #basic_settings_popup .radio-input:last-child { margin-right:0;} /*--- Finilized_test_settings --- */ #finilized_test_settings form { margin-bottom:0;} #finilized_test_settings .table5 { width:100%;} #finilized_test_settings .table5 tr td { padding:0 0 15px; position:relative; border:0; height:48px; color:#666;} #finilized_test_settings .table5 tr .title { width:150px; font-family: 'open_sanssemibold'; color:#333;} #finilized_test_settings .table5 tr .data-field { width:245px;} #finilized_test_settings .no-of-questions .btn, #finilized_test_settings .registration-fields .btn { margin:0 5px 5px 0; cursor:default;} #finilized_test_settings .pending-items .btn { margin:0 5px 5px 0;} #finilized_test_settings .pending-items { padding-bottom:7px;} #finilized_test_settings .modal-body { padding-bottom:0;} /*--- Languages-tabs --- */ #languages-tabs { padding:15px; background:#f4f5f6; border:1px solid #f1f2f2; margin-bottom:30px;} #languages-tabs .scroll { height:300px; float:left; width:150px; overflow:auto; } #languages-tabs .nav-tabs { margin-bottom:0; border-bottom:0;} #languages-tabs .tab-content { margin-left:165px;} #languages-tabs .nav-tabs li { float:none; margin-bottom:0; border-bottom:1px solid #ebedee;} #languages-tabs .nav-tabs li:last-child {border-bottom:0;} #languages-tabs .nav-tabs li a { border-radius:0; background:#eef0f1; font-size:13px; padding:10px; border-bottom:0; 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;} #languages-tabs .nav-tabs li a:hover, #languages-tabs .nav-tabs li.active a { background:#314451; color:#fff;} #languages-tabs .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #languages-tabs .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background:#e6e7e8;} #languages-tabs .tab-content pre { margin-bottom:0; max-height:300px; overflow:auto; background:#fdfdfd;} /*--- 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 30px 5px; margin:0 -30px; 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 { bottom:2px;} #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 { float:left; margin-right:9px; text-align:right; padding-top:8px; margin-bottom:12px; width:27%;} #languages ul li input[type="text"], #languages ul li .select { width:70%; display:inline-block; float:right;} #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 .editor { background:#efeff4; padding:15px;} #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;} /*--- Editor --- */ #code_result {max-height:none !important;overflow-y:visible !important; font-size:13px !important; line-height:18px !important; margin-right:0 !important; margin-bottom:15px;} #editor-box { margin-bottom:65px;} #editor-box header { background:#fff; padding:7px 10px; border:1px solid #ccc; border-bottom:0; border-radius:4px 4px 0 0;} #editor-box header p { margin-bottom:0;} #editor-box header p a { text-decoration:none;} #editor-box header > .select { float:left; width:100px; margin-left:10px;} #editor-box header .form1 label { float:left; line-height:36px; margin-bottom:0;} #editor-box header .form1.pull-left label { margin-right:15px;} #editor-box #editor { border-radius:0; margin-bottom:0;} #editor-box .editor-footer {background:#f7f7f7; padding:6px 15px 7px; border:1px solid #ccc; border-top:0; border-radius:0 0 4px 4px; text-align:right;} #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 .user-actions { margin-top:8px; position:relative; float:right;} #editor-box .user-actions p { line-height:20px;} #editor-box .user-actions a { font-size:11px; float:left; padding-left:7px; margin-left:5px; border-left:1px solid #f0f0f0;margin-top:7px;} #editor-box .user-actions a .fa { font-size:17px; color:#868686; margin-top:2px;} #editor-box .user-actions .download-btn .fa { position:relative; top:2px;} #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;} #editor-box .user-actions a:hover, #editor-box .user-actions a:focus, #editor-box .user-actions a:active { text-decoration:none; outline:none;} #editor-box #editor-actions { padding-top:15px; margin-bottom:15px;} #editor-box #own_testcase .form-control { height:75px;} #editor-box .panel h3 { margin-bottom:10px;} #editor-box .panel h4 { margin-bottom:5px; color:#868686;} #editor-box .panel pre { margin-bottom:15px;} #editor-box .ajaxCompileTable tr td, #editor-box .ajaxCompileTable tr th { border:1px solid #dadada; font-size:12px; line-height:17px;} #editor-box .ajaxCompileTable tr td:before, #editor-box .ajaxCompileTable tr th:before { display:block; width:6px; height:20px; content:""; float:left;} #editor-box .expand-collapse-btn .fa-compress { display:none;} #full-screen-question.expanded { position:fixed; left:0; top:0; height:100%; width:100%; background:#fff; z-index:1001;} #full-screen-question.expanded .expand-collapse-btn .fa-compress { display:block;} #full-screen-question.expanded .expand-collapse-btn .fa-arrows-alt { display:none;} #full-screen-question.expanded #question-area, #full-screen-question.expanded #editor-box { width:50%; float:left; padding:20px 25px 20px 20px; overflow:scroll;} #full-screen-question.expanded #question-area hr { display:none;} #keyboard-bindings h4 { font-weight:normal;} #keyboard-bindings .table5 tr td, #keyboard-bindings .table5 tr th { font-size:10px; padding:7px;} #keyboard-bindings .modal-body { max-height:400px; overflow:auto;} #full-screen-question .user-actions { margin-top:0px!important; } #settings-dropdown { display:block; width:250px; z-index:99; left:auto; right:-11px; top:23px; display:none;} #settings-dropdown > .arrow {left:auto; right:6px;} #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;} #settings-dropdown .popover-title { padding:8px 15px; position:relative;} #settings-dropdown hr { margin:5px 0;} #editor-box #settings-dropdown .two-col { padding:10px 0;} #editor-box #settings-dropdown label { line-height:20px;} #editor-box #settings-dropdown .two-col label { line-height:15px; margin-bottom:5px;} #editor-box #settings-dropdown .two-col .select { margin-left:0; width:100%;}} #editor-box #settings-dropdown .checkbox-input label { line-height:19px; font-weight:normal;} #editor-box header { background:#f7f7f7; padding:10px 15px; border:1px solid #ccc; border-bottom:0; border-radius:4px 4px 0 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:45px;} #editor-box #editor { border-radius:0 0 4px 4px;} .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:100% !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 .add-parameters-btn { text-decoration:none; vertical-align:baseline;} #languages li .right-content p { font-size:14px;} #languages .input-options { float:right; width:70%;} #languages .input-function-params label { float:left; width:27%;} #languages .input-option { margin-bottom:15px;} #languages .input-option .chosen-container{ width:88% !important;} #languages .input-option .fa { font-size:22px; color:#0a3542; margin-left:10px; vertical-align:sub;} #languages .input-option label {float: left; margin-right: 10px; padding-top: 11px; text-align: right; width: 125px;} #languages .input-function-params .error_msg { clear:both;} /*--- Approximate-solution --- */ .approximate-solution textarea { height:150px;} .approximate-solution .editor { margin-bottom:15px;} .approximate-solution #SaveLanguageTemplate { float:right;} /*--- Pre defined Message --- */ .save_answer_status_msg { height: 400px; position: relative; background-color: gray; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.6); z-index:1000; } .ajax-loader { position: absolute; left: 50%; top: 50%; font:normal 12px/24px 'HelveticaNeueLTPro-Lt'; width:80px; height:80px; margin-left:-40px; margin-top:-40px; border-radius:50%; } .ajax-loader img {height:80px; width:80px;} input.codeJreportInSmall1 { border:1px solid #89a7c8 !important; border-radius:3px !important;} /*--- CodeMirror --- */ .CodeMirror { font-size:15px; color:#314451;} /* #languages .editor .CodeMirror { height:30px;} #languages .editor .CodeMirror-gutters { height:110px !important;} */ /*--- 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;} /*--- Are-you-sure --- */ #are-you-sure p { font-size:13px; line-height:19px;} #are-you-sure .button5 { padding:8px 20px; margin-right:8px;} /*--- Alert --- */ .alert { font-size:13px; padding:10px 15px;} /*--- Ecr-list-item --- */ .ecr-list-item { margin:0 15px 30px; padding:0 15px;} .ecrs-pic a { margin:15px 0 0 0;} .ecr-level-icons { margin-right:-19px;} .ecr-mn-cc-lst { height:auto; overflow:visible;} .bordered-head { border-bottom:1px solid #e5e5e5; padding-bottom:10px;} .ecr-price-lst{padding-top:4px;} .ecrs-item-ttl{height:50px;padding:5px 0 10px; margin-bottom:5px;} .ecs-item-txt {padding-top:5px; height:51px; width:100%; overflow:hidden;} .ecs-item-by, .ecr-list-item .rating-area, .ecr-list-item1 .rating-area{float:none;display:block;overflow:hidden;} .ecr-mn-cc-lst li h3 a { font-family:'open_sansregular'; padding:7px; background:#f4f4f4;} .ecr-mn-cc-lst li.active h3 a { background:#5192b0; color:#fff;} /*--- Webinar box --- */ .webinar-listings { margin:0 -15px; padding:0; list-style:none;} .webinar-listings li { margin-bottom:30px; text-align:center;} .webinar-box { border:1px solid #dadada;} .webinar-box .button2 { font-size:14px; padding:6px 15px;} .webinar-box header { position:relative;} .webinar-box header .overlay { height:195px; overflow:hidden;position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0, 0); transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .webinar-box header .overlay .views { position:absolute; left:15px; bottom:5px; font-size:12px; color:#fff; z-index:10;} .webinar-box .video-holder { position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:5; background:rgba(29, 41, 47, 0.7);} .webinar-box .video-holder:before { background:#fff; width:30px; height:30px; content:""; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px;} .webinar-box .video-holder .fa {color: #e02926; font-size:46px; left: 50%; margin-left: -23px; margin-top: -23px; position: absolute; top: 50%;} .webinar-box header .tag { position:absolute; z-index:10; right:-6px; top:-6px;} .webinar-box header .image { width:100%;} .webinar-box header .sociable1 { position:absolute; z-index:10; width:100%; left:-230px; top:0; padding:10px; text-align:left; 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;} .webinar-box:hover header .sociable1 { left:0;} .webinar-box:hover header .overlay { background:rgba(0,0,0, 0.5);} .webinar-box header .avatar { position:absolute; width:80px; height:80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; right:15px; bottom:-20px; z-index:10; box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333;} .webinar-box .content { padding:25px 10px 0;} .webinar-box h4 { line-height:22px; height:47px; font-size:16px; overflow:hidden;} .webinar-box h4 a { color:#333333; 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;} .webinar-box h4 a:hover { color: #eb494f;} .webinar-box .tags .fa { font-size:19px; margin-right:5px; color:#999;} .webinar-box p { font-size:13px; line-height:20px; color:#424242; margin-bottom:7px;} .webinar-box p.tags { height:45px; overflow:hidden; display:table; width:100%;} .webinar-box p.speaker-info { height:41px; overflow:hidden;} .webinar-box p.tags .inner { display:table-cell; vertical-align:middle;} .webinar-box p span { color:#999;} .webinar-box .metadata { display:block; font-size:12px; line-height:22px; color:#424242;} .webinar-box hr { border-top:1px dashed #cacaca; margin:10px 0;} .webinar-box footer { padding-bottom:18px; height:84px; display:table; width:100%;} .webinar-box footer p { font-weight:bold;} .webinar-box footer .inner-footer { display:table-cell; vertical-align:middle;} .list2 li .webinar-box, .list4 li .webinar-box {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;} .list2 li .webinar-box:hover, .list4 li .webinar-box:hover { box-shadow:0 1px 4px #dadada;} /*--- Webinar List --- */ .webinar-list .box1 { border:1px solid #dadada; padding:0px; background:#fff; position:relative; } .webinar-list header { position:relative; } .webinar-list .video-holder { position:relative;} .webinar-list .video-holder img { width:100%; } .webinar-list .video-btn { position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; width:50px; height:50px; } .webinar-list .webinar-img-holder,.webinar-list .webinar-img-holder img { width:100px; height:100px; border-radius:50%; } .webinar-list .webinar-img-holder { box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333; -web-kit-box-shadow:0 0 5px #333; position:absolute; bottom:-20px; right:15px; } .webinar-list .views { position:absolute; bottom:5px; left:15px; font-size:12px; color:#fff; } .webinar-list .speaker-info { height:41px; overflow:hidden; } .webinar-list .speaker-info span { color:#999; font-size:13px; } .webinar-list .content { padding:25px 10px 0; text-align:center; } .webinar-list h4 { font-size:16px; height:47px;line-height:22px; overflow:hidden; } .webinar-list h4 a { color:#333333 } .webinar-list h4 a:hover { color:#eb494f; } .webinar-list footer { padding-bottom:28px; text-align:center; } .webinar-list footer p { margin-bottom:7px; font-size:13px; color:#424242; font-weight:bold; } .webinar-list .controls-group { padding:5px 10px; position:absolute; bottom:0px; left:0px; width:100%; border-top:1px solid #dadada; text-align:center; } .webinar-list .controls-group a { display:inline-block; font-size:12px; color:#666666; } .webinar-list .controls-group a .fa { color:#06a4fb; } .webinar-list .controls-group a .fa-remove { color:#f94e58; } /*--- Challenges To Solve --- */ ul.challenges-to-solve { margin:0; padding:0; list-style:none;} ul.challenges-to-solve li { border-bottom:1px dashed #747474; padding-bottom:30px; margin-bottom:30px;} ul.challenges-to-solve li:last-child { border-bottom:0; padding-bottom:0;} ul.challenges-to-solve li .image { float:left;} /*ul.challenges-to-solve li .description { margin-left:81px;}*/ ul.challenges-to-solve li h3 { font-size:18px; color:#2572b9; margin-bottom:10px;} ul.challenges-to-solve li h3 a { color:#2572b9;} ul.challenges-to-solve li p { font-size:14px; color:#333; line-height:21px; margin-bottom:7px; font-family:"open_sansregular";} ul.challenges-to-solve li p.dev-sub { color:#999; padding-top:10px;} ul.challenges-to-solve li p img { vertical-align:baseline; margin-right:5px; width:12px;} ul.challenges-to-solve li p .divider { margin:0 5px;} ul.challenges-to-solve li .button1 {background:#2572b9; color:#fff;} ul.challenges-to-solve li .button4 {background:#eb494f ; color:#fff;} ul.challenges-to-solve li .button1:hover {background:#145b9c; } ul.challenges-to-solve li .button4:hover {background:#d14714; } ul.challenges-to-solve .button1, ul.challenges-to-solve .button4 { float:right;} ul.challenges-to-solve .sociable { padding-top:10px; float:right; clear:right;} ul.challenges-to-solve .sociable a { display:block; float:left; margin-left:8px;} ul.challenges-to-solve .sociable p { float:left;} ul.challenges-to-solve .sociable img {filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); position:relative; 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;} ul.challenges-to-solve .sociable img:hover {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);} ul.challenges-to-solve .table3 { margin-top:15px; margin-bottom:0;} ul.challenges-to-solve .table3 tr th, ul.challenges-to-solve .table3 tr td { padding:10px;} /*--- Invite-candidates --- */ #invite-candidates .invites-left { display:block; padding-top:8px; font-size:13px; color:#314451;} #invite-candidates .email-subject-field input[type='text'] { max-width:320px; width:100%;} #invite-candidates .save-template-btn, #invite-candidates .use-template-btn { float:right; margin-left:10px;} #invite-candidates .email-body-field .help-icon { float:right; margin-top:9px;} #invite-candidates .email-body-field label { margin-top:8px;} #invite-candidates .add-address .form-control { float:left; width:82%; border-radius:5px 0 0 5px;} #invite-candidates .add-address .btn { float:left; width:18%; padding:8px 0 8px; border-left:0; border-radius:0 4px 4px 0;} #invite-candidates .add-address .address-list { background:#ebebf1; overflow:auto; max-height:200px; clear:both; margin-bottom:10px;} #invite-candidates .add-address .address-list p { text-align:center; margin:7px 0; font-size:13px;} #invite-candidates .add-address .address-list ul li { padding:7px 10px; font-size:13px; border-bottom:1px solid #e6e6ec; line-height:21px; color:#000; margin-bottom:0px;} #invite-candidates .add-address .address-list ul li:last-child {border-bottom:0;} #invite-candidates .add-address .address-list ul li:hover { background:#dbdbe1;} #invite-candidates #cke_1_contents { height:90px !important;} #invite-candidates .challenge-info { padding:15px; border:1px solid #ccc;} #invite-candidates .challenge-info p { font-size:14px; line-height:21px;} #invite-candidates .challenge-info .inner { padding-left:20px;} #invite-candidates .challenge-info .title { width:75px; display:inline-block;} #invite-candidates #email_msg { margin-bottom:0;} /*--- Comparison-banner --- */ #comparison-banner {position:relative; margin-bottom:30px;} #comparison-banner img { width:100%;} #comparison-banner .trigger-button { display:block; height:35px; width:22px; border:1px solid #fff; border-radius:5px; background:url(images/techgig_images/times-point-arrow.png) center center no-repeat; position:absolute; left:50%; bottom:15px; margin-left:-11px; } #comparison-banner .trigger-button:hover { background: #000a30 url(images/techgig_images/times-point-arrow-hover.png) no-repeat center center; border:1px solid #fff; } /*--- Comparison-section --- */ .comparison-section { padding:30px 0 15px;} .comparison-section header { text-align:center;} .comparison-section header h3 { color:#414042; font-weight:normal; font-size:22px; margin-bottom:10px;} .comparison-section .seperation {display:block; position:relative; width:285px; margin:0 auto 30px;} .comparison-section .seperation:after { background: #b7b7b7; content: ""; display: block; height: 1px; left: 0; position: absolute; top:9px; width: 100%;} .comparison-section .seperation span { background: #314451; border:3px solid #c2c2c2; border-radius: 50%; display: block; height:18px; margin: 0 auto; position: relative; text-align: center; width:18px; z-index: 5;} .comparison-section .trigger-button { display:block; height:35px; width:22px; border:1px solid #464646; border-radius:5px; background:url(images/techgig_images/times-point-arrow.png) center center no-repeat; margin:0 auto;} .comparison-section .trigger-button:hover { background: #314451 url(images/techgig_images/times-point-arrow-hover.png) no-repeat center center; border:1px solid #464646; } .comparison-section .table2 { margin-bottom:15px;} .comparison-section .scrolling-table .table2, .comparison-section .table-head .table2 { margin-bottom:0;} .comparison-section .table2 tr th { background:#314451; border:1px solid #314451; width:25%; color:#fff; text-transform:uppercase; font-size:16px; font-family:'open_sansregular';} .comparison-section .table2 tr td { background:#fff; text-transform:uppercase; width:25%; font-size:12px; text-transform:uppercase; border-bottom:1px solid #b2b2b2;} .comparison-section .table2 tr td:last-child { border-right:1px solid #b2b2b2;} .comparison-section .scrolling-table tbody tr:last-child td { border-bottom:0;} .comparison-section .table2 tr td:first-child { border-left:1px solid #b2b2b2;} .comparison-section .table-head { padding-right:16px; background:#314451; border:1px solid #445a6a;} .comparison-section.alt .table-head { border-bottom:1px solid #6f7c86;} .comparison-section .table-head .table2 tr th { border-bottom:0 !important;} .comparison-section.alt .table-head { background:#445a6a;} .comparison-section .scrolling-table { max-height:300px; position:relative; overflow:auto; margin-bottom:15px; position:relative; border-bottom:1px solid #b2b2b2;} .comparison-section .scrolling-table .mCSB_scrollTools { width:4px;} .comparison-section .scrolling-table .absolute-content { background:#314451; width:25%; position:absolute; right:0; top:0; height:100%; border-left:1px solid #6f7c86;} .comparison-section .scrolling-table .absolute-content p { margin:0; line-height:300px; color:#fff; text-align:center;} .comparison-section.alt .scrolling-table { border-bottom:1px solid #6f7c86;} .comparison-section .mCSB_scrollTools .mCSB_draggerContainer { background:none;} .comparison-section.alt .mCSB_scrollTools .mCSB_draggerContainer { background:none;} .comparison-section .mCSB_inside > .mCSB_container { margin-right:3px;} .comparison-section.alt { background:#314451;} .comparison-section.alt header h3 { color:#fff;} .comparison-section.alt .table2 tr th { background:#445a6a; border:1px solid #445a6a; border-bottom:1px solid #6f7c86;} .comparison-section.alt .table2 tr td { background:#314451;border-bottom:1px solid #6f7c86; color:#fff;} .comparison-section .scrolling-table .table2 tr td { border-right:0 !important;} .comparison-section.alt .table2 tr td:last-child { border-right:1px solid #6f7c86;} .comparison-section.alt .table2 tr td:first-child { border-left:1px solid #6f7c86;} .comparison-section.alt .trigger-button { border:1px solid #fff;} .comparison-section.alt .trigger-button:hover { background: #fff url(images/techgig_images/times-point-arrow.png) no-repeat center center;} /*--- Upload-csv --- */ #upload-csv .checkbox-input { float:left; margin-top:8px; text-align:left; clear:both; width:100%; margin-bottom:15px;} #upload-csv .table3 { margin-bottom:0;} #upload-csv .table3 tr th, #upload-csv .table3 tr td { text-align:center; border:1px solid #e8e8ec; width:50%;} #upload-csv .table3 tr th { background:#f3f3f7; border-right:1px solid #e1e1e6;} #upload-csv .btn-file { float:left; clear:left; margin-top:0;} #upload-csv .error_msg { clear:both; color:#f65039; background:none; float:left; padding-left:0; padding-top:10px;} /*--- Advanced-settings --- */ #advanced-settings .checkbox-input { display:block; margin-bottom:10px;} #advanced-settings .add-tags .form-control { float:left; width:80%; border-radius:5px 0 0 5px;} #advanced-settings .add-tags .btn { float:left; width:20%; padding:12px 20px 11px; border-left:0; border-radius:0 4px 4px 0;} #advanced-settings .stylish-checkboxes .checkbox { min-width:155px;} #advanced-settings .level { margin-top:10px;} #advanced-settings .level.level1 { margin-top:0;} #advanced-settings .level .select { float:left; margin-right:10px; min-width:160px; width:auto;} #advanced-settings .level .select:last-child { margin-right:0;} #advanced-settings .levels .step1 { width:300px;} #advanced-settings .levels .step2, #advanced-settings .levels .step3 { display:none;} #advanced-settings .level.default .step1, #advanced-settings .level.default .step2, #advanced-settings .level.default .step3 { display:block;} #advanced-settings #show_season_atteched_view .box3 { min-width:480px;} #advanced-settings #show_season_atteched_view hr { margin-top:5px; margin-bottom:10px;} #advanced-settings .add-more-level { margin-top:10px; display:none;} #advanced-settings .add-more-level.default { display:block;} #advanced-settings .level .remove-btn { font-size:19px; float:left; color:#999; margin-top:5px;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;} #advanced-settings .level .remove-btn:hover { color:#666;} /*--- Locked content --- */ #locked-content { display:table; width:87%; height:100%; position:absolute; top:0; background:url("images/sass_images/disabled-bg.png") left top repeat; text-align:center; z-index : 99; } #locked-content .locked-inner { display:table-cell; vertical-align:top;} #locked-content .center-white-box { background:#fff; padding:25px 15px; width:400px; margin:200px auto; box-shadow:0 0 40px rgba(0, 0, 0, 0.1);} /*--- Advance-search --- */ #user-panel #advance-search { position:relative; padding:0 0 10px; height:auto; position:relative; background:#efeff4; } #advance-search .inner-wrap { padding:12px 130px 0 15px; background:#efeff4;} #user-panel #advance-search.top-bar h5 { line-height:24px;} #advance-search h5 { font-size:16px; line-height:20px; } #advance-search .searched-for p { font-size:13px; margin-bottom:0;} #advance-search .form1 > ul > li.coding-contest { width:22%; } #advance-search .form1 > ul > li.no-fixed-width { width:auto;} #advance-search .form1 > ul > li { width:18%; float:left; margin-right:20px; margin-bottom:10px; } #advance-search .form1 > ul > li:last-child { width:auto; } #advance-search .form1 > ul > li.hide-default { display:none;} #advance-search .form1 input[type="submit"] { min-width:98px;} #advance-search .add-more-field { background:#c3c3cc; width:115px; height:100%; text-align:center; position:absolute; right:0px; top:0px; display:table; } #advance-search .add-more-field:hover, #advance-search .add-more-field:focus, #advance-search .add-more-field:active { text-decoration:none;} #advance-search .add-more-field span { display:table-cell; vertical-align:middle; text-transform:uppercase; color:#314451; font-size:14px; font-weight:600; padding:10px; } #advance-search .add-more-field span .fa { font-size:24px; } #advance-search.advanced .form1 ul li.hide-default { display:block;} #advance-search.advanced { z-index:1041;} #advance-search.advanced .hide-on-more { display:none;} #advance-search .select .chosen-container .chosen-choices, #advance-search .select .chosen-container .chosen-single { border:1px solid #fff !important;} #advance-search .form-group input[type="text"] { width:120px;} #advance-search.advanced .inner-wrap, #user-panel #advance-search.advanced { background:#fff;} #advance-search.advanced .add-more-field { background:#fafafa;} #advance-search-more { background:#fff; padding:12px 12px 15px 15px; position:absolute; right:0px; width:100%; z-index:100; display:none; } #advance-search-more .form1 > ul > li.experience-field { width:23%;} #advance-search-more .button4 { min-width:100px; margin-right:15px; margin-top:20px; } #advance-search-more .button4.cancel { background:#595959; } /*--- Use-template --- */ #use-template .table3 { margin-bottom:0;} #use-template .table3 td { border:1px solid #e8e8ed; text-align:left; padding:13px 10px;} #use-template .table3 td:first-child { width:35%;} /*--- Folder Structure --- */ #folder-structure .folder-box { border:1px solid #d0d0d7; margin-bottom:25px;} #folder-structure header { padding:15px; border-bottom:1px solid #d0d0d7; background:#f6f6fb; position:relative;} #folder-structure header .select { width:200px;} #selectable-tree { border-right:1px solid #d0d0d7; background:#e7e7f2; padding:10px 0; overflow:auto; height:300px; z-index:10; position:relative; margin-right:-30px;} #folder-structure .common-lnk { float:none; margin-right:20px;} #folder-structure .common-lnk .fa { color:#280b01; font-size:17px;} #folder-structure header .settings { font-size:18px; float:right; margin-left:15px; color:#314451; opacity:0.7; margin-top:9px; 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;} #folder-structure header .settings:hover { opacity:1;} /*--- Preferences-popup --- */ #preferences-popup { max-width:342px; right:-15px; left:auto; top:55px;} #preferences-popup .arrow { left:auto; right:25px; margin-left:0;} #preferences-popup .tab-spaces-field input[type='text'] { width:100px; display:block;} #preferences-popup .form-group{ display:block; margin-bottom:15px;} /*--- Preferences-popup --- */ .manage-company-page { background:#eee;} /*--- Slider Range Area --- */ #advance-search .form1 label { display:block;} #advance-search .slider-range-area { display:inline-block; float:right; width:120px; background:none; border-radius:0; border:0; padding:0; height:22px; line-height:22px; border:1px solid #f7f7f7; text-align:right; margin-left:5px; color:#999;} #advance-search .ui-slider-horizontal { width:215px;} #advance-search .ui-slider-horizontal { height:11px; border:0; margin-top:18px; background:#d4d4d4; border-radius:7px 7px 7px 7px;} #advance-search .ui-widget-header { background:#32a9dd;} #advance-search .ui-slider .ui-slider-handle { width:24px; height:24px; background:#fff; border-radius:50%; border:0; box-shadow:0 0 1px #666;} #advance-search .ui-slider .ui-slider-handle:hover { background:#f5f6f6;} #advance-search .ui-slider-horizontal .ui-slider-handle { margin-left:-12px; top:-7px;} #advance-search .form1 > ul > li.experience-field .ui-slider-horizontal { width:100%;} /*--- Quick-tour --- */ #quick-tour .modal-header { border-bottom:0;} #quick-tour .slides { height:300px !important; width:100%;} #quick-tour .slide { width:100%;} #quick-tour #slideshow-nav { position:relative; margin:-15px 0 -15px -15px; float:left;} #quick-tour #slideshow-nav ul { margin:0; padding:0; list-style:none;} #quick-tour #slideshow-nav ul li { float:left; border-right:1px solid #d84914;} #quick-tour #slideshow-nav ul li a { display:block; padding:15px 20px; font-size:14px; color:#f7d4c8; line-height:34px; 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;} #quick-tour #slideshow-nav ul li:first-child a { border-radius:4px 0 0 0;} #quick-tour #slideshow-nav ul li:last-child { border:0;} #quick-tour #slideshow-nav ul li.activeSlide a { background:#fff; color:#314451;} #quick-tour #slideshow-nav ul li a:hover, #quick-tour #slideshow-nav ul li a:active, #quick-tour #slideshow-nav ul li a:focus { text-decoration:none;} /*--- Datepicker --- */ .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0; background:#333;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:2px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:2px}.ui-datepicker .ui-datepicker-next-hover{right:2px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block; background:#f2f2f2; border-radius:2px; border:1px sociable #4c4c4c; color:#333; padding:2px; position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-7px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center; color:#fff; font-size:12px;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{ background:#e5e8eb; font-size:12px; padding:.5em .3em;text-align:center;font-weight:500;border:0}.ui-datepicker td{ background:#fff; border:1px solid #e7ebed; padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block; font-size:11px; text-align:center; color:#666;padding:.2em;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px} .ui-datepicker .ui-datepicker-next span { margin-left:-18px;} /*.code-learn-page .ui-datepicker .ui-datepicker-title{ color:#000!important;}*/ /*--- Table3 --- */ .table3 { width:100%; margin-bottom:25px;} .table3 tr th { border-bottom:1px solid #cacaca; background:#efeff4; padding:10px 15px; font-size:14px; color:#314451; text-align:left; font-weight:normal; text-transform:uppercase;} .table3 tr th input[type='checkbox'] { margin-right:7px;} .table3 tr td { padding:10px 15px; font-size:14px; color:#314451; border-bottom:1px solid #e7e7ed; word-break:break-all;} .table3 .checkbox-input { margin-bottom:0;} .table3 .checkbox-input label { font-size:14px;} .table3 tr td,.table3 tr th { text-align:left;} .table3 tr td:first-child, .table3 tr th:first-child { text-align:left;} .table3 tr td.text-center { text-align:center;} .table3 .fa { font-size:20px; color:#a3b3be;} .table3 .help-icon .fa{color:#ff0000;} .table3 .user-actions a { margin:0 20px;} .table3 tr th { position:relative;} .table3 .sorting-arrows { display:inline-block; width:10px; position:absolute; right:-2px; height:14px; top:50%; margin-top:-7px;} .table3 .sorting-arrows .fa { font-size:8px;} .table3 .sorting-arrows .fa-arrow-up { position:relative; top:-10px;} .table3 .sorting-arrows .fa-arrow-down { position:relative; top:-22px;} .table3 tr th.headerSortDown .sorting-arrows .fa-arrow-up { color:#00d8a6; top:-6px;} .table3 tr th.headerSortDown .sorting-arrows .fa-arrow-down {display:none;} .table3 tr th.headerSortUp .sorting-arrows .fa-arrow-up { display:none;} .table3 tr th.headerSortUp .sorting-arrows .fa-arrow-down { color:#00d8a6; top:-6px;} /*--- Table4 --- */ .table4 { width:100%; margin-bottom:5px;} /*.table4 tr td { border-bottom:1px solid #bbbbc3; padding:15px 30px; background:#f4f4f9; vertical-align:middle;}*/ .table4 tr td { border-bottom:1px solid #bbbbc3; padding:15px 30px; background:#fff; vertical-align:middle;} .table4 .fa-star { color:#e3e3ec; font-size:18px; margin-right:0;} .table4 h4 { font-weight:normal; font-size:18px; color:#314451; margin-bottom:15px; float:left;} .table4 h4 a:hover { color:#b23c11;} .table4 p { font-size:14px; line-height:18px; clear:both; color:#314451; margin-bottom:0;} .table4 .questions { font-size:13px; line-height:20px; font-weight:500; color:#627583; width:200px; display:block;} .table4 .questions small { color:#314451; font-size:100%;} .table4 .last { text-align:right;} .table4 .languages { margin-bottom:20px;} .table4 .languages .language { padding:4px 10px 3px; font-size:12px; color:#314451; display:inline-block; margin-left:10px; background:#e3e3ec; border:1px solid #d0d0d9;} .table4 .button6 .fa { font-size:12px;} /*--- Add-test-case --- */ #add-test-case input[type='submit'] { margin-left:15px;} #add-test-case .form1 .checkbox-input { margin-top:7px; float:left;} #add-test-case .modal-body { max-height:400px; overflow:auto;} #add-test-case .input-ex { font-size:14px; color:#b23c11; margin-top:3px;} .mcq-description { color: #314451;font-size: 18px;line-height: 24px;margin-bottom: 20px;} #candidate_question_listing .inner-wrap { padding-bottom:80px;} #candidate_question_listing footer { padding:15px; text-align:center; z-index:9; background:#efeff4; position:fixed; width:100%; bottom:40px;} #candidate_question_listing .table2 td {height:65px;} body > div[unselectable="on"] { margin-left:-175px; overflow:visible !important; left:50% !important; margin-top:-129px; top:50% !important; position:fixed !important; z-index : 100005 !important;} body > div[unselectable="on"] .nicEdit-pane { overflow:visible !important; border:1px solid rgba(0, 0, 0, 0.15) !important; z-index : 100005 !important;} body > div[unselectable="on"] .nicEdit-pane form { background: #fff; height: 257px; margin: -4px; padding: 4px; position: relative; z-index: 10; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);} body > div[unselectable="on"] .nicEdit-pane > div { z-index:11; position:relative;} body > div[unselectable="on"] .nicEdit-pane iframe {background: #fff; border: 0 none; margin:-20px -9px -8px -4px; position: relative; width: 268px; z-index: 10; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);} /*--- Upload-test-cases --- */ #upload-test-cases .form1 label { display:block;} /*--- Landing Page --- */ .landing-page #main-navigation.nav-menu-lists { float:right;} /*--- Landing_page_settings --- */ #extra-information-content .requirement_url span.msg { font-size:12px; padding-left:2px; margin-top:5px;} #extra-information-content .home_requirement_url span.msg { font-size:12px; padding-left:2px; margin-top:5px;} #extra-information-content .requirement_url { position:relative;} #extra-information-content .home_requirement_url { position:relative;} #extra-information-content .requirement_url .form-control { padding-right:45px;} #extra-information-content .home_requirement_url .form-control { padding-right:45px;} #extra-information-content .requirement_url .fa { display:none} #extra-information-content .home_requirement_url .fa { display:none} #extra-information-content .requirement_url .fa { font-size:27px; position:absolute; right:15px; top:11px;} #extra-information-content .home_requirement_url .fa { font-size:27px; position:absolute; right:15px; top:11px;} #extra-information-content .requirement_url .fa-check {color:#01DF01 ; top:6px; margin-right: 10px; right:-4px;} #extra-information-content .home_requirement_url .fa-check {color:#01DF01 ; top:34px; margin-right: 10px;} #extra-information-content .requirement_url .fa-times {color:#ff0101; top:5px; margin-right: 10px; right:2px;} #extra-information-content .home_requirement_url .fa-times {color:#ff0101; top:34px; margin-right: 10px;} #extra-information-content .textbox { display:inline-block; position:relative; vertical-align:middle; margin-left:15px;} #extra-information-content .codehireshareurl { display:block; padding-top:5px;} /*--- db-search-filter --- */ .db-search-filter .search-content { position:relative; background:#fff; padding:10px; border-radius:5px; -moz-border-radius:5px; -web-kit-border-radius:5px; padding-right:130px; margin-bottom:15px; border:1px solid #dadada; margin-top:15px; } .db-search-filter .search-btn { position:absolute; top:0px; right:0px; text-align:center; background:#06a4fb; display:block; width:120px; border-radius:0px 5px 5px 0px; height:100%; cursor:pointer; } .db-search-filter .search-btn a { display:block; font-size:16px; color:#fff; font-family: 'open_sanssemibold'; text-transform:uppercase; position:absolute; top:50%; margin-top:-26px; width:100%; height:100%; } .db-search-filter .search-btn a .fa { display:block; margin-bottom:10px; font-size:24px; } .db-search-filter ul { margin:0px; padding:0px; list-style-type:none; } .db-search-filter ul li { float:left; width:165px; margin-right:10px; margin-bottom:8px; } .db-search-filter ul li:last-child { margin-right:0px; } .db-search-filter label { font-size:11px; margin-bottom:8px; color:#314451; display:block; line-height:15px; font-weight:normal; text-transform:uppercase; } .db-search-filter input[type="text"],.db-search-filter select { border:1px solid #314451; background:#fff; width:100%; display:block; padding:10px; height:36px; color:#314451; font-size:13px; line-height:36px; border-radius:0px; } .db-search-filter .slider-area { padding:5px 10px; border-radius:5px; -moz-border-radius:5px; -web-kit-border-radius:5px; margin-bottom:0px; } .db-search-filter ul.legends li { background:#fff; border-radius:25px; font-size:12px; line-height:13px; width:auto; height:34px; text-align:center;margin-bottom:3px; } .db-search-filter ul.legends li span { display:inline-block; float:left; padding:3px 10px; text-align:right; } .db-search-filter ul.legends .design { border:1px solid #fe931b; } .db-search-filter ul.legends .language { border:1px solid #9643bd; } .db-search-filter ul.legends .problem { border:1px solid #44b544; } .db-search-filter ul.legends .design span { line-height:26px; border-right:1px solid #fe931b; color:#fe931b; } .db-search-filter ul.legends .language span { border-right:1px solid #9643bd; color:#9643bd; } .db-search-filter ul.legends .problem span { border-right:1px solid #44b544; color:#44b544; } #problem_percent,#design_percent,#language_percent { padding:5px 10px; font-size:20px; float:left; line-height:24px; font-family: 'open_sanssemibold'; border:none; 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;} /*--- Chosen --- */ .db-search-filter #skill_id_chosen ,.db-search-filter #city_chosen { border:1px solid #314451; } .db-search-filter #skill_id_chosen .chosen-single,.db-search-filter #city_chosen .chosen-single { border-radius:0px; } .chosen-container .chosen-choices, .chosen-container .chosen-single { border:0px !important; min-height:34px !important; } #amount { background:none; border:none; color:#333333; line-height:1; font-family: 'open_sanssemibold'; height:auto; padding:3px 0px 0px 0px; text-align:center; } /*--- Filter Control --- */ .filter-control { margin-bottom:15px; } .filter-control h6 { display:inline-block; margin-right:10px; font-size:14px; color:#314451; } .filter-control span { display:inline-block; font-size:12px; color:#747474; margin-right:10px; } .filter-control span a .fa { font-size:15px; color:#747474; font-weight:normal; } .filter-control .close-btn { display:inline-block; width:20px; height:20px; background:url("images/sass_images/cut.png") no-repeat center center; } .db-search-filter .slider-area .ui-slider { background:#9643bd; } .db-search-filter .slider-area .ui-slider-range { background:#daca12; } #YourDiv { float: right; height: 100%; background:#44b544; border-radius: 0 4px 4px 0; } .db-search-filter .slider-area .ui-slider .ui-slider-handle { width:24px; height:24px; background:#fff; border-radius:50%; border:0; box-shadow:0 0 1px #666;} .db-search-filter .slider-area .ui-slider .ui-slider-handle:after { width:16px; height:16px; background:#06a4fb; border-radius:50%; border:0; position:absolute; left:4px; top:4px; display:block; content:"";} .db-search-filter .slider-area .ui-slider .ui-slider-handle:hover { background:#f5f6f6;} .db-search-filter .slider-area .ui-slider-horizontal .ui-slider-handle { margin-left:-12px; top:-7px;} .db-search-filter .slider-area .slider-area { border:1px solid #dadada; padding:30px 20px;} .db-search-filter .slider-area .ui-slider-horizontal { height:11px; border:0;} .db-search-filter .slider-area #slider-range { width:100%; margin:0 auto; margin-top:3px; margin-bottom:3px;} /*--- Dashboard Page --- */ /*.dashboard-page, .try-test-page { overflow-y:hidden;}*/ .dashboard-page #footer, .try-test-page #footer { position:fixed; text-align:center; left:0; bottom:0; width:100%; background:#273741; height:40px; padding:11px 0; border:0; z-index:100; border-radius:0;} /*--- Box1 --- */ .box1 {background:#efeff4; padding:40px 0;} /*--- Box2 --- */ .box2 {margin:30px; padding:20px 15px 5px; border:1px solid #00d8a6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; box-shadow:0 0 10px #ccc;} .box2 h4 { font-weight:500;} .box2 p {font-size:15px;} /*--- Box3 --- */ .box3 { background:#f1f1f1; border:1px solid #e7e5e5; padding:10px; display:inline-block;} .box3 p { margin-bottom:0;} /*--- Box4 --- */ .box4 { border:1px solid #e9e8e8; box-shadow:0 0 10px #e9e8e8; background:#fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:20px;} /*--- box5 .box5 { margin-bottom:20px; } .box5 .form-control,.box5 .select { border:1px solid #dadada; } .box5 label { margin-bottom:10px; font-family: 'open_sanssemibold'; } .box5 input,.box5 input textarea , .box5 select ,.box5 .select{ box-shadow:0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.1); -web-kit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.1); } .box5 .select { box-shadow:0 1px 8px rgba(0, 0, 0, 0.03); } .box5 .field-info, .box5 .show_me { margin-top:5px; } .box5 .field-info, .box5 .show_me label { font-size:10px; line-height:20px; margin:0px; } .box5 { padding:15px 25px 15px 25px; border:1px solid #dadada; } .box5 .label-block { display:block; } .box5 .radio-input { display:inline-block; margin-right:20px; } .box5 ul li:last-child { margin-bottom:25px; } .box5 .radio-input label { font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .box5 .edit-image ,.box5 .remove-image{ padding:6px 12px; margin:0px 5px; } .box5 input[type="file"]{ box-shadow:none; } /*--- Box12 --- */ .box12 { background:#ffe9d0; padding:55px 20px 60px 20px; text-align:center; } .box12 h2 { color:#f94953; margin-bottom:20px; font-family: 'open_sanssemibold'; font-size:28px; } .box12 .button12 { min-width:356px; font-size:20px; } /*--- Box13 --- */ .box13 { background:#333333; padding:55px 20px 90px 20px; text-align:center; } .box13 h2 { color:#fff; margin-bottom:30px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:26px; } .box13 .button12 { font-size:26px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; text-transform:capitalize; } /*--- List1 --- */ .list1 { margin:0 0 30px 0; padding:0; list-style:none;} .list1 li { padding-left:30px; background:url(images/sass_images/tick.png) left 7px no-repeat; font-size:18px; color:#314451; margin-bottom:7px;} /*--- List2 --- */ .list2 { margin:0; padding:0; list-style:none;} .list2 li { border-bottom:1px solid #cacaca; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; 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; margin-bottom:5px;} .list2 li a { display:block; padding:10px 5px;} .list2 li:hover { background:#f1f1f6;} .list2 li:last-child { border-bottom:0;} .list2 li h5 { font-size:17px; color:#314451; font-weight:500; margin-bottom:5px;} .list2 li p { font-size:12px; color:#314451; line-height:16px; margin-bottom:0;} /*--- List3 --- */ .list3 { margin:0 0 20px; padding:10px 0 0 18px;} .list3 li { font-size:15px; line-height:20px; margin-bottom:15px;} .list3 li a { color:#f35c25;} .list3 li:last-child { margin-bottom:0;} /*--- List4 --- */ .list4 { padding:0; list-style:none;} .list4 li { text-align:center; margin-bottom:30px;} .list4 li h2 { margin-bottom:20px;} .list4 li .inner { border:1px solid #eee8e8; background:#fff; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); padding:15px;} .list4 li p { font-size:14px;} .list4 li h4 { color:#f35c25;} /*--- List5 --- */ .list5 { margin:0; padding:0 0 0 35px; list-style:lower-alpha;} .list5 li {font-size: 15px; line-height: 20px; margin-bottom: 20px;color: #314451;} /*--- List6 --- */ .list6 { margin:0; padding:0 0 0 35px; list-style:lower-roman;} .list6 li {font-size: 15px; line-height: 20px; margin-bottom: 20px;color: #314451;} /*--- List7 --- */ .list7 { padding:30px 0px; } .list7 .author-image { float:left; } .list7 .author-image img { max-width:76px; } .list7 .author-details { margin-left:95px; } .list7 .author-details h5 { font-family:'open_sansregular', Arial, Helvetica, sans-serif; margin-bottom:20px; } .list7 .inner-content figure { float:left; max-width:360px; } .list7 .inner-content .details { margin-left:380px; } .list7 .author-video .inner-content .details { margin-left:175px; } .list7 .inner-content .details h5 { margin-bottom:10px; } .list7 .without-author .author-image { display:none; } .list7 .without-author .author-details { margin-left:0px; } .list7 .author-details.author-video { margin-left:0px; } /*--- List8 --- */ .list8 { margin0px; padding:0px; } /*--- List12 --- */ .list12 { margin:0px; padding:0px; list-style-type:none; margin-top:30px; } .list12 ul { padding:0px 0px 0px 30px; list-style-type:initial; margin-bottom:20px; } .list12 > li { margin-bottom:30px; padding:25px; padding-bottom:40px; background:#fff; box-shadow:0 2px 4px 1px #c7c7c7; -moz-box-shadow:0 2px 4px 1px #c7c7c7; -web-kit-box-shadow:0 2px 4px 1px #c7c7c7; } .list12 h2 { font-size:34px; margin-bottom:10px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .list12 h2 .fa { margin-right:20px; } .list12 p { color:#333; margin-bottom:15px; } .list12 ul li { font-size:16px; color:#333; margin-bottom:15px; } .list12 .demo-link { color:#f94953; font-size:16px; text-decoration:underline; margin-left:15px; font-family: 'open_sanssemibold'; } .list12 .button12 { min-width:250px; } .list12 .view-all { color:#f94953; font-size:14px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .list12 .code-list { margin:0px; padding:0px; list-style-type:none; padding-top:15px; } .list12 .btn-lg { font-size:14px; background:#fff !important; padding:10px; margin-right:10px; margin-top:10px; } .list12 .expert-webinar li { font-size:14px; margin-bottom:20px; } /*--- code-list --- */ .code-list { margin:0px; padding:0px; list-style-type:none; } .code-list li { width:23%; border:1px solid #dadada; float:left; margin-right:20px; margin-bottom:20px; background:#fff; position:relative; font-size:16px; } .code-list .course-image { width:100%; height:130px; } .code-list li .inner { padding:10px; } .code-list li .inner h6 { font-size:14px; margin-bottom:20px; font-family: 'open_sanssemibold'; line-height:18px; height:35px; overflow:hidden; text-align:left; } .code-list li .inner h6 a { color:#314451; } .code-list li .inner h5 { font-size:18px; margin-bottom:10px; font-family: 'open_sanssemibold'; line-height:21px; height:66px; overflow:hidden; } .code-list li .inner h5 a { color:#314451; } .code-list li .inner .meta-data { font-family:'open_sansregular', Arial, Helvetica, sans-serif; display:block; margin-bottom:20px; color:#999999; line-height:16px; font-size:13px; text-align:left; } .code-list .rating { display:block; width:96px; height:16px; background:url(images/code_learn_images/rating.png) repeat-x; margin-bottom:20px; } .code-list .rating .rating-level { display:block; height:16px; background:url(images/code_learn_images/rating-level.png) repeat-x; } .code-list .buttons a { font-size:11px; color:#333; text-transform:uppercase; } .code-list .buttons .fa { font-size:14px; color:#9c9c9c; margin-right:5px; } .code-list .webinar .banner { height:105px; width:100%; background-image:url(images/code_learn_images/webinar-banner.jpg); background-size:cover; } .code-list .rating .fa-star { position:relative; top:-3px; color:#fd931b; font-size:17px; } .code-list .assesment .banner { height:132px; width:100%; background-image:url(images/code_learn_images/image10.png); background-size:cover; } .code-list .webinar .inner .meta,.code-list .assesment .inner .meta { font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:13px; line-height:21px; border-top:1px solid #999999; border-top-style:dashed; border-bottom:1px solid #999999; border-bottom-style:dashed; padding:5px 0px; height:57px; overflow:hidden; margin-bottom:15px; display:block; } .code-list .webinar .inner,.code-list .assesment .inner { padding-top:0px; } .code-list .webinar .inner p { font-size:11px; } .code-list .image-holder { width:75px; height:75px; border-radius:50%; -moz-border-radius:50%; -web-kit-border-radius:50%; border:3px solid #fff; margin:0 auto; position:relative; display:block; top:-27px; } .code-list .list-box { margin-top:-70px; background:#fff; padding:0px 10px; } .code-list .assesment .list-box { padding-top:20px; } .code-list .assesment .button4 { font-size:14px; text-transform:uppercase; } .code-list .assesment p { font-size:11px; text-align:center; color:#333; } .code-list .score { width:50%; display:inline-block; font-size:13px; float:left; padding-bottom:10px; } .code-list .score .number { font-size:11px; } .code-list li .controls-group { border-top:1px solid #dadada; padding-top:10px; } .code-list li .controls-group a {color:#666666; font-size:12px; } .code-list li .controls-group a.green,.code-list li .controls-group a.green .fa { color:green; } .code-list li .controls-group a.red,.code-list li .controls-group a.red .fa { color:red; } .code-list li .controls-group a .fa { color:#1facfb; } .code-list .assesment .inner .meta { height:auto; text-align:center; font--size:12px; } .code-list .button1 { border:1px solid #f94953; min-width:150px; } .code-list .button1:hover { background:#f94953; } .code-list .webinar .attendee { display:block; font-size:12px; text-align:center; margin-bottom:5px; } /*--- list Head --- */ .list-head { font-family: 'open_sanssemibold'; line-height:26px; font-size:20px; color:#212f3a; font-weight:normal; margin-bottom:15px; } /*--- Common-lnk --- */ .common-lnk { float:right; color:#f35c25; font-size:15px; font-weight:500; margin-bottom:7px; 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;} .common-lnk:hover, .common-lnk:active, .common-lnk:focus { text-decoration:none; color:#d94d1a;} /*--- Button1 --- */ .button1 { position:relative; background:none; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #e55443; color:#e55443; 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;} .button1:hover, .button1:focus, .button1:active { color:#fff; background:#e55443; border:1px solid #e55443; outline:none;} /*--- Button2 --- */ .button2 { position:relative; background:#f35c25; padding:13px 30px; font-size:22px; 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;} .button2:hover, .button2:focus, .button2:active { color:#fff; background:#d14714; outline:none;} /*--- Button3 --- */ .button3 { position:relative; background:#314451; font-size:14px; display:inline-block; border:0; color:#fff; font-weight:normal; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .button3:hover, .button3:focus, .button3:active { color:#fff; background:#314451; outline:none;} /*--- Button4 --- */ .button4 { position:relative; background:#f35c25; padding:9px 20px; 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;} .button4:hover, .button4:focus, .button4:active { color:#fff; background:#d14714; outline:none;} /*--- Button5 --- */ .button5 { position:relative; background:#d3d3dc; padding:9px 20px; display:inline-block; border:1px solid #c4c4cd; color:#314451; 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;} .button5:hover, .button5:focus, .button5:active { color:#314451; background:#bfbfc8; border:1px solid #bfbfc8; outline:none;} /*--- Button6 --- */ .button6 { position:relative; background:#efeff4; padding:8px 20px; display:inline-block; border:1px solid #c4c4cd; color:#314451; 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;} .button6:hover, .button6:active { color:#314451; background:#e7e7ec; border:1px solid #bfbfc8; outline:none;} /*--- Button12 --- */ .button12 { position:relative; background:#f94953; border:none; padding:15px 20px; display:inline-block; 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; font-weight:normal; font-size:16px; text-transform:uppercase; font-family: 'open_sanssemibold'; } .button12:hover, .button12:active,.button12:focus { background:#d5383e; outline:none; color:#fff; } /*--- Placeholder --- */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1 !important;} input:-moz-placeholder, textarea:-moz-placeholder { opacity:1 !important;} input::-moz-placeholder, textarea::-moz-placeholder { opacity:1 !important;} input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1 !important;} /*--- interview --------*/ .interview_user_image { position:absolute; right:0; } /*--- Bottom Sticky Footer --------*/ .bottom-sticky-footer {padding-bottom:68px;} .bottom-sticky-footer footer { padding:15px; text-align:center; z-index:9; background:#efeff4; position:fixed; width:100%; left:0; bottom:40px;} /*--- Upload Test Banner --------*/ #upload-test-banner .error_msg { float:left; margin-top:10px;} /*--- Codehire Specific --- */ .codehire #footer { background:#202f39;} .codehire #header { height:100px !important;} .codehire #header .logo { padding-top:7px;} .codehire #content { padding:0;} .codehire #search-form { padding:0; border: 0 none; border-radius: 0; float:left;} /*.codehire .links-container { padding:0; width:100%;}*/ .codehire #header { box-shadow:none;} .codehire #header .user-area { margin-left:0; padding-top:0;} .codehire #header #main-navigation.nav-menu-lists { float:none;} .codehire #header #main-navigation.nav-menu-lists ul li { display:block; height:auto; margin-left:0; font-size: 13px;} .codehire #header #main-navigation.nav-menu-lists ul li a { font-size: 12px; min-width: 15px; padding: 0; text-align: center; border:0;} .codehire #footer h4 { font-family:open_sanssemibold;} .codehire #footer .section { margin-bottom:0;} .codehire .list1 { margin-bottom:50px;} .codehire .list1 li { padding:0; margin-bottom:4px; background:none;font-size: 13px;} .codehire .list1 li a { color: #fff; font-size: 13px; font-weight: normal; line-height: 17px;} .codehire #main { margin-left:68px;} /*.codehire #sidebar .scroll { height:330px !important;}*/ .codehire #sidebar, .codehire #sidebar-navigation { width:68px; margin:0; height:auto !important; background:#202f39;} .codehire #sidebar-navigation { padding-bottom:10px;} .codehire #user-panel { width:100%; padding-top:0; overflow:hidden; background-image:url("images/sass_images/user-panel-bg1.jpg");} .codehire #main .inner-main{ height:auto !important; padding-bottom:0;} .codehire .content-area { padding-bottom:0;} .codehire #main .inner-main { padding-bottom:30px;} .codehire #header .user-area .dropdown ul li { float:none; margin-left:0;} .codehire #candidate_question_listing footer { bottom:0;} .codehire #candidate_question_listing footer .button4 { background:#eb494f; color:#fff; border:0;} .codehire #candidate_question_listing footer .button4:hover, .codehire #candidate_question_listing footer .button4:active,.codehire #candidate_question_listing footer .button4:focus { background:#eb494f; color:#fff;} .codehire #left-progress { background:#fafafa; margin-top:11px; margin-bottom:0; margin-right:110px; position:relative; left:auto;} .codehire #left-progress .progress-bar { display:block; float:left;} .codehire #header .container { width:1170px;} .codehire .timer { margin-right:30px; float:right; width:110px; padding-top:3px;} .codehire .timer span { vertical-align:middle;} .codehire #breadcrumbs { padding-top:3px;} .codehire .timer .fa { font-size:27px; margin:2px 5px 11px 0;} .codehire .user-info-bar { background:#e3e3ec; position:relative; padding:10px 10px 10px 80px; height:60px;} .codehire .user-info-bar:before { width:68px; height:100%; background:#202f39; content:""; display:block; position:absolute; left:0; top:0;} .codehire #header .user-area > ul > li, .codehire #header .user-area .user { margin-left:0;} .codehire #footer h4, .codehire #footer h3 { color:#536571;} .codehire #footer .inner-footer { border-top:1px solid #536571;} .codehire #sidebar.fixed { top:100px;} .codehire #footer {display:none;} .codehire .msgErrortopFixed { top:100px;} /*--- Company Form Content .company-form-content .label-block { display:block; } .company-form-content p { font-size:14px; } .company-form-content .radio-input { display:inline-block; margin-right:20px; } .company-form-content .image-thumbnail { max-width:65px !important; max-height75px; border:1px solid #cccccc; float:left; } .company-form-content .field-info { margin-bottom:0px; text-decoration:none; font-size:10px; line-height:14px; color:#758895; } .company-form-content .edit-image ,.company-form-content .remove-image{ padding:6px 12px; margin:0px 10px; } .company-form-content .edit-img #logo_file { float:left; margin-top:13px; margin-left:10px; } .inner-main .tab-content { padding-top:15px; } .company-form-content .load-id input { float:left; width:25%; } .company-form-content .actions { background:#ececec; padding:10px; margin-right:-15px; margin-top:-10px; } .company-form-content .actions a { color:#a3b3be; padding:5px; display:block; } .company-form-content .actions .fa { margin-right:5px; } .company-form-content .actions { font-size:14px; } .company-form-content ul li:last-child { margin-bottom:25px;} /*--- heading3 --------*/ h5.heading3 { font-size:17px; margin-bottom:20px; color:##314451; } h5.heading3 span { border-bottom:2px solid #a4afb6; display:inline-block; padding:0 0 3px; } h5.form1 .select { width:auto; display:inline-block; } /*--- Result Table --------*/ .result-table { margin:25px 0px; } .result-table .user-actions a { margin:0px 2px; display:block; text-align:center; color:#f94953; } .result-table h3 { margin-bottom:15px; font-size:22px; } .result-table .table1 { font-size:14px; } .result-table .table1 td,.result-table .table1 th { border:1px solid #e5e5e5; } .result-table .table1 th { background:#dadada; padding:9px 15px; } .result-table .table1 .test-options { width:auto; } .content-area .table1 .company-logo { max-width:80px; max-height:80px; } .result-table .table1 td:last-child a { color:#666666; margin:5px; display:inline-block; } .result-table .table1 td:last-child a .fa { margin-right:2px; color:#06a4fb; font-size:15px; } .result-table .table1 td:last-child a .fa-remove { color:#f94c56; } /*--- Upload Image --------*/ #main.upload-image { margin:0px; } /*--- Fetch nw blk --------*/ #fetch_nw_blk { font-size:14px; display:inline-block; } #fetch_nw_blk .fetch-remove { display:inline-block; padding:5px; border-left:1px solid #dadada; } #fetch_nw_blk.actions { margin:0px; border-radius:5px; } #fetch_nw_blk.actions a { display:inline-block; } /*--- radio-section --- */ .radio-section .label-block { margin-bottom:14px; } /*--- Hr --- */ .hr { margin-top:5px; } .form-inline .to { font-size:10px; color:#314451; } /*--- Share Url --------*/ .share-url { padding:10px; position:relative; } .share-url h5 { font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .share-url .publish { float:right; padding:5px; background:#314451; display:inline-block; color:#fff; font-size:12px; } .share-url .enter-url { padding:10px; margin-bottom:10px; } .share-url button.close { margin-top:-7px; } .share-url .enter-url input[type="button"] { min-width:auto; margin-top:10px; } .list-group-item { border-radius:4px; } /*--- Share Url --------*/ .optional-header { border-bottom:1px solid #dadada; margin-bottom:25px; } .optional-header h4 small { display:block; font-family:'open_sansregular', Arial, Helvetica, sans-serif; line-height:20px; } .optional-header .user-area { float:right; } .optional-header .user-area label { font-family:'open_sansregular', Arial, Helvetica, sans-serif; margin:0px 10px 0px 0px; font-size:12px; color:#747474; font-weight:normal; } .optional-header .select select { background:#f35c25; border-radius:4px; -moz-border-radius:4px; -web-kit-border-radius:4px; display:inline-block; color:#fffefe; border:0px; height:35px; font-size:14px; padding:0px 25px 0px 10px; } .optional-header .select { position:relative; display:inline-block; } .optional-header .select:after { content:""; position:absolute; right:0px; top:0px; width:25px; height:35px; z-index:5px; pointer-events:none; display:block; background:url(images/sass_images/optional-select.jpg) no-repeat; } /*--- add-content-list --- */ .add-content-list { padding:0px; list-style-type:none; margin:0px 0px 40px 0px; } .add-content-list li { width:145px; float:left; margin:0px 20px 20px 0px; text-align:center; border-radius:5px; -moz-border-radius:5px; -web-kit-border-radius:5px;border:1px solid #dadada; } .add-content-list li .inner { padding:15px 12px 12px 12px; border-bottom:1px solid #dadada; min-height:93px; } .add-content-list li a { font-family: 'open_sanssemibold'; display:block; text-transform:uppercase; font-size:13px; color:#333333; 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; } .add-content-list li a:hover .icon1 { color:#06a4fb; } .add-content-list li.edited a:hover .icon1 { color:#3fb074; } .add-content-list li .add-btn,.add-content-list li .edit-btn { color:#fff; } .add-content-list .icon1 { display:block; color:#b2b2b2; font-size:22px; margin-bottom:7px; margin-right:0px; 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; } .add-content-list .add-btn .fa,.add-content-list .edit-btn .fa { margin-right:10px; } /*--- why-should-add --- */ .why-should-add h5 { font-size:15px; padding-bottom:8px; border-bottom:1px solid #dadada; line-height:20px; text-transform:uppercase; } .why-should-add .list3 { color:#333333; } /*--- optional-popup --- */ #optional-popup { padding:60px 0 60px; background-color: #fff; height: 100%; max-width: 100%; opacity: 0; left:0; overflow: auto; pointer-events: none; position: fixed; top: -100px; transform: scale(0.5); transition: transform 0.4s ease 0s; width: 100%; z-index: -1;} #optional-popup.active {height: 100%; opacity: 1; pointer-events: all; top: 0; transform: scale(1); z-index: 1000;} #optional-popup .edit-section { padding-top:100px; transition:all .9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #optional-popup.active .edit-section { padding-top:0; } #main #optional-popup .container { width:1170px; position:relative;} #optional-popup h4 { margin-bottom:15px; } #optional-popup .button3 { min-width:145px; background:#333333; padding:9px 20px; } #optional-popup .button4 { min-width:145px; } #optional-popup .content { margin-bottom:20px; } #optional-popup textarea { min-height:240px; } #optional-popup .close { font-size:24px; color:#333333; position:absolute;top:2px; right:15px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; } /*--- Steps Process --- */ .steps-process label { font-size:13px; margin-bottom:5px; text-transform:uppercase; line-height:15px; font-family:'open_sanssemibold'; } .steps-process .label-block { display:block; } .steps-process.form1 ul li { margin-bottom:30px; } .steps-process .show_me { margin-top:3px; } .steps-process .show_me label { font-size:10px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-weight:normal; line-height:20px; } .steps-process .field-info { font-size:10px; } .steps-process .field-info.else-info { font-size:14px; } .steps-process .radio-input { display:inline-block; margin-right:20px; } .steps-process .radio-select label { margin-bottom:15px; } .steps-process .radio-input label { line-height:23px; } .steps-process .load-id input { float:left; width:65%; } .steps-process .edit-image ,.steps-process .remove-image{ padding:6px 12px; margin:0px 5px; } /*--- Steps Progress --- */ .steps-process .steps-progress { text-align:center; margin-bottom:10px; } .steps-process .steps-progress ul { display:inline-block; position:relative; } .steps-process .steps-progress ul:before { content:""; position:absolute; top:9px; width:100%; left:0px; height:4px; background:#dadada; display:block; } .steps-process .steps-progress ul li { margin-bottom:15px; width:160px; float:left;} .steps-process .steps-progress ul li a { text-transform:uppercase; font-size:10px; color:#999999; line-height:15px; display:inline-block; padding:30px 10px; background:url(images/sass_images/steps-bg.png) top center no-repeat; position:relative; font-family:'open_sanssemibold'; } .steps-process .steps-progress ul li.active a { background:url(images/sass_images/steps-bg-hover.png) top center no-repeat; color:#333333; } .steps-process .steps-progress ul li:before { content:""; position:absolute; top:9px; width:80px; left:0px; height:4px; background:#0ea7fb; display:block; display:none; } .steps-process .steps-progress ul li.active:before,.steps-process .steps-progress ul li.completed:before { display:block; } .steps-process .steps-progress ul li:after { content:""; position:absolute; top:9px; width:72px; right:0px; height:4px; background:#0ea7fb; display:none; } .steps-process .steps-progress ul li.completed a { background:url(images/sass_images/steps-bg-compleated.png) top center no-repeat; color:#333333; } .steps-process .steps-progress ul li:first-child:before { display:block; } .steps-process .steps-progress ul li.completed:after { display:block; } .steps-process .steps-contents { margin-bottom:20px; } .steps-process .steps-content { visibility:hidden; position:absolute; top:-10000px;} .steps-process .steps-content.active { visibility:visible; position:relative; top:auto;} /*--- Product Service --- */ .product-sevice { padding-top:20px; } .product-sevice .category-btn { float:right; margin-bottom:15px; color:#fff; } .product-sevice .category-select { float:left; margin:0px 5px 15px 5px; } .form1 .product-sevice .category-select { display:inline-block; max-width:200px; } .product-sevice .form-inline { float:left; } /*--- Search Code --- */ .search-code input { max-width:200px; display:inline-block; margin:0px 5px; float:left; } .search-code .button4 { float:left; } /*--- Button Group --- */ .steps-process .button-group { margin:15px 0px; padding-top:10px; border-top:1px solid #dadada; } .steps-process .button-group .back-btn { padding:10px; border:1px solid #dadada; text-transform:uppercase; float:left; font-family:'open_sanssemibold'; background:#e5e5e5; color:#8c8c8c; } .steps-process .button-group .back-btn:hover { background:#ccc; } .steps-process .button-group .back-btn .fa { margin-right:10px;} .steps-process .button-group .next-btn { padding:10px; color:#fff; background:#f35c25; border:none; text-transform:uppercase; float:right; font-family:'open_sanssemibold';} .steps-process .button-group .next-btn:hover,.steps-process .button-group .next-btn.active { background:#d14714; } .steps-process .button-group .next-btn .fa { margin-left:10px;} .steps-process .button-group .save-btn { min-width:80px; float:right; font-family:'open_sanssemibold'; background:#f35c25; } .text-area { width:100%; } .text-area > div { width:100% !important; } /*--- Add Content Head --- */ .add-content-head { margin:0px 0px 20px 0px; } .add-content-head header { background:#06a4fb; padding:20px; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -web-kit-border-radius:5px 5px 0px 0px; } .add-content-head ul { margin-bottom:10px; } .add-content-head .button5 { background:#e5e5e5 } .add-content-head h5 { margin-bottom:0px; } .add-content-head h5 a { font-size:20px; color:#fff; display:block; position:relative; } .add-content-head label { margin-bottom:10px; font-size:13px; text-transform:uppercase; } .add-content-head .inner { padding:30px 20px 13px 20px; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -web-kit-border-radius:0px 0px 5px 5px; border:1px solid #dadada; } .steps-process .add-content-head ul li { margin-bottom:0px; } .steps-process .add-content-head .button4 { min-width:auto; margin-top:24px; font-size:14px; text-transform:uppercase; font-family:'open_sanssemibold'; } /*--- Add Content Inner --- */ .add-content-inner { margin-bottom:15px; } .add-content-inner h6 { font-size:13px; color:#314451; margin-bottom:15px; text-transform:uppercase; } .add-content-inner ul li { float:left; border:1px solid #dadada; max-width:225px; min-height:260px; border-radius:5px; -moz-border-radius:5px; -web-kit-border-radius:5px; box-shadow:0px 0px 3px #ccc; -moz-box-shadow:0px 0px 3px #ccc; -web-kit-box-shadow:0px 0px 3px #ccc; margin-right:40px; padding-bottom:30px; } .add-content-inner ul li .content { padding:10px; position:relative; min-height:213px; } .add-content-inner .meta-data,.add-content-inner .news-source { font-size:12px; display:block; margin-bottom:5px; color:#999999; line-height:16px; } .add-content-inner .news-source { color:#314451; } .add-content-inner ul li h5 { height:49px; overflow:hidden; line-height:16px; } .add-content-inner h5 a { font-size:14px; color:#314451; } .add-content-inner p { font-size:13px; color:#314451; line-height:18px; max-height:92px; overflow:hidden; } /*---.add-content-inner .content p { height:93px; overflow:hidden; } */ .add-content-inner .controls-group { padding:5px 10px; position:absolute; bottom:0px; left:0px; width:100%; border-top:1px solid #dadada; text-align:center; } .add-content-inner .controls-group a { display:inline-block; font-size:12px; color:#666666; } .add-content-inner .controls-group a .fa { color:#06a4fb; } .add-content-inner .controls-group a .fa-remove { color:#f94e58; } /*--- uploaded-photo & uploaded-Video --- */ .uploaded-photo,.uploaded-video { border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -web-kit-border-radius:5px 5px 0px 0px; position:relative; } .uploaded-photo img,.uploaded-video img { border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -web-kit-border-radius:5px 5px 0px 0px; width:100%; } .uploaded-video .video-btn img { width:50px; height:50px; } .uploaded-video .video-btn { position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; } /*--- Border --- */ .border-left { border-left:1px solid #dadada; } /*--- White Box --- */ .white-box { background: #fff none repeat scroll 0 0; border-radius: 5px; margin-bottom: 30px; } .white-box a { color:#0187d0; } .white-box .form1 label { font-family:'open_sanssemibold'; color:#314451; font-size:12px; text-transform:uppercase; } .white-box .form1 .form-control { border-color:#dadada; } .white-box .form1 .select { border:1px solid #dadada; } .white-box .form1 .label-block { display:block; margin-bottom:10px; } .white-box .form1 .label-block span { display:block; font-size:12px; color:#9c9c9c; font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .white-box .form1 .radio-select.form-inline .radio-input { display:inline-block; margin:0px 10px 10px; } .white-box .form1 .radio-select.form-inline .radio-input label { font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .white-box .form-inline .form-group { width:45%; } .white-box .overall-info .form-inline .form-group { width:auto; } .white-box .form-inline .to { width:auto; } .white-box .button1 { color:#9d9b9c; border:1px solid #9d9b9c; } .white-box .button1:hover,.white-box .button1:focus { background:#dadada; } .white-box .button4 { background:#f94953; color:#fff; } .white-box .button4:hover { background:#d5383e; } .white-box .nicEdit-panelContain { background:#fff !important; border:none !important; border-bottom:1px solid #dadada !important; } .white-box .text-area { width:100% !important; } .white-box .text-area > div { width:100% !important; } .white-box .table5 { text-align:center; font-size:14px; margin-bottom:15px; } .white-box .table5 tr td { padding:10px; } .white-box .table5 a { color:#0187d0; } .white-box .table5 table { width:100%; } .white-box .table5 table td:first-child { width:31%; } .white-box .table5 table td { width:23%; } .white-box .table10 { width:100%; font-size:14px; } .white-box .table10 td { border:1px solid #dadada; padding:10px; } .white-box .table10 h6 { font-weight:normal; font-size:14px; line-height:1.6; margin-bottom:0px; } .white-box .table10 p { margin:0px; line-height:1.6; } .white-box .table10 .image-holder { float:left; margin-bottom:15px; width:40px; height:40px; margin-right:10px; border:1px solid #dadada; } .white-box .table10 .current strong { float:left; margin-bottom:10px; } .white-box .table10 strong { font-weight:normal; font-family:'open_sanssemibold'; } .white-box .table10 .meta-data { display:block; line-height:1.6; font-size:12px; } .white-box .table10 h6 span { font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .white-box .table10 .button4 { color:#fff; } .white-box .table10 tr td:first-child { width:70%; } .white-box .table10 tr td:last-child { width:30%; } .white-box .white-box-content .add-content-head .btn { text-transform:uppercase; min-width:95px; } .white-box .white-box-content .add-content-head .button1:focus { background:#dadada; } .white-box .white-box-content .add-content-head .button5 { min-width:auto; text-transform:none; } .white-box .white-box-content figure { height:140px; } .white-box .white-box-content figure.uploaded-video img { max-height:140px; } .white-box .form1 .attach-link { width:80%; float:left; } .white-box .button5 { background:#e5e5e5 } .white-box .doc-control label { font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .white-box .filter-form { margin-bottom:35px; } .white-box .back-btn { padding:10px 15px; min-width:100px; font-family:'open_sanssemibold'; } .white-box .nicEdit-main { width:100% !important; min-height:160px !important; margin:0 !important; padding:5px; } .white-box #folder-structure .common-lnk { color:#f94953; } .white-box .button12 { color:#fff; } /*--- White Box tabs --- */ .white-box .nav-tabs { margin:0px 20px; border-bottom:1px solid #dadada; } .white-box .nav > li > a { padding:28px 0px 10px 0px; } .white-box .nav-tabs > li > a { margin-right:20px; } .white-box .nav-tabs li a { font-size:12px; color:#9c9c9c; text-transform:uppercase; border:none; font-family:'open_sanssemibold'; } .white-box .nav-tabs li a:hover,.white-box .nav-tabs li.active a { color:#06a4fb; background:none; border:none; border-bottom:2px solid #0592df; } /*--- White Tab Content --- */ .white-box .tabs { box-shadow:0 0px 10px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0px 10px 1px rgba(0, 0, 0, 0.25); -web-kit-box-shadow:0 0px 10px 1px rgba(0, 0, 0, 0.25); position:relative; } .white-box .tab-content { padding:30px 20px; } .white-box .tab-content .button5 { background:#e5e5e5 } .white-box .tab-content .tabs { box-shadow:none; } .white-box .tab-content h4 { font-size:20px; line-height:25px; margin-bottom:20px; } .white-box .tab-content h4 span { display:block; color:#9c9c9c; font-size:14px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; } /*--- White Box Content --- */ .white-box-content { padding:35px 22px 22px 22px; box-shadow:0 0px 10px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0px 10px 1px rgba(0, 0, 0, 0.25); -web-kit-box-shadow:0 0px 10px 1px rgba(0, 0, 0, 0.25); position:relative; } .white-box .white-box-content .button1,.white-box .white-box-content .button4 { min-width:100px; padding:9px 20px; font-family:'open_sanssemibold'; } .white-box-content .tabs { box-shadow:none; } .white-box .edit-image,.white-box .remove-image { font-size:12px; padding:5px 10px; min-width:65px; } /*--- Page Header --- */ .white-box .page-header { background: #06a4fb none repeat scroll 0 0; border-radius: 5px 5px 0 0; margin-bottom: 0; margin-top: 0; padding:20px; position:relative; } .white-box .page-header h2 { text-transform:uppercase; font-weight:normal; font-size:20px; color: #fff; margin-bottom: 0; font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .white-box .page-header h2 .fa { margin-right:20px; font-size:28px; } .white-box .page-header h2 a { color:#fff; } .white-box .page-header h2 .icon { margin-right:10px; } /*--- Search-area --- */ .white-box .search-area { width:210px; position:absolute; top:25px; left:50%; margin-left:-105px; } .white-box .search-area input { float:left; display:inline-block; border:none; border-bottom:1px solid #fff; background-color:#06a4fb; height:25px; } .white-box .search-area input[type="text"] { width:80%; color:#fff; font-size:14px; } .white-box .search-area input:-ms-input-placeholder{ color:#fff !important;} .white-box .search-area ::-webkit-input-placeholder { color: #fff; } .white-box .search-area input[type="submit"] { width:20%; background:url(images/sass_images/menu-icon8.png) center right no-repeat; } .white-box .search-area input::-moz-placeholder { opacity:10 !important; } /*--- Followers List --- */ .followers-list { padding:20px 0px; } .followers-list .checkbox-input { margin-bottom:15px;} .followers-list .checkbox-input label { font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .followers-list .table3 .checkbox-input label { margin-bottom:0px; } .followers-list .follower-image { float:left; width:62px; height:62px; margin-right:10px; } .followers-list .table3 { font-size:12px; } .followers-list .table3 .name { width:215px; } .followers-list .table3 a { color:#0187d0; } .followers-list .table3 h6 { margin:0px; } .followers-list .table3 h6 a { font-size:12px; line-height:20px; color:#0187d0; } .followers-list .table3 .meta { font-size:11px; } /*--- highlighted-btn-area --- */ #highlighted-btn-area { float: right; margin-bottom: -26px; margin-top: -26px; position: relative; right: 45px; z-index: 10; } #highlighted-btn-area .button1 { background: #eb494f none repeat scroll 0 0; border-radius: 50%; float: right; font-size: 20px; outline: medium none; padding: 10px 17px; height:50px; width:50px; } #highlighted-btn-area .button1 .fa { color:#fff; vertical-align:middle; } #highlighted-btn-area .button1:hover { animation: 1500ms ease 0s normal none infinite running glowing; } #highlighted-btn-area .button1.active { animation: 0s ease 0s normal none 1 running none !important; } @keyframes glowing { 0% { } 50% { } 100% { } } @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 none repeat scroll 0 0; } /*--- Menu Table --- */ .menu-table,.menu-table table { width:100%; } .menu-table .number { display:inline-block; width:40px; height:40px; background:#dadada; text-align:center; line-height:45px; border-radius:50%; -moz-border-radius:50%; -web-kit-border-radius:50%; } .menu-table .number span { display:none;} .menu-table .success .number span { display:block;} .menu-table .count { width:60px; } .menu-table .number .fa { color:#c0c0c0; font-size:16px; } .menu-table h2 { font-size:20px; color:#212f3a; line-height:28px; font-family:'open_sanssemibold'; font-weight:normal; margin:0px; } .menu-table h2 small { display:block; font-size:14px; color:#868686; font-family:'open_sansregular', Arial, Helvetica, sans-serif; } /* .menu-table .success h2 small.no-content { display:none;} */ /* .menu-table h2 small.success-alert { display:none;} */ .menu-table .success h2 small.success-alert { display:block;} .menu-table h2 small .icon { margin-right:5px;} .menu-table .inner-table tr td { padding:20px 10px; } .menu-table .inner-table tr { border-bottom:1px solid #dadada; } .menu-table .inner-table td:first-child { padding:15px 10px 15px 0px; } .menu-table .inner-table td:last-child { padding:15px 0px 15px 10px; } .menu-table .user-actions { float:right; } .menu-table .inner-table .last { border-bottom:none !important; } .menu-table .user-actions p { display:inline-block; margin:0px 15px; } .menu-table .user-actions p a { font-size:14px; color:#868686; font-family:'open_sanssemibold'; line-height:21px; display:inline-block; } .menu-table .user-actions p .icon { margin-right:10px; } .menu-table .success .number { background:#06a4fb; color:#fff; font-family:'open_sanssemibold'; font-size:25px; line-height:40px; } .menu-table .success .number .fa { display:none;} .menu-table .manage-menu h2 small,.menu-table .manage-menu .user-actions,.menu-table .manage-menu .count,menu-table .manage-content h2 small,.menu-table .manage-content .user-actions,.menu-table .manage-content .count { display:none; } .menu-table .manage-menu td:nth-child(2), .menu-table .manage-content td:nth-child(2) { padding-left:0px; } /*--- Manage Menu Link --- */ .menu-table .inner-table .manage-menu-link ,.menu-table .inner-table .manage-menu-addval{ border-bottom:none; display:none; } .menu-table .manage-menu .manage-menu-link,.menu-table .manage-content .manage-menu-addval { display:table-row; } .menu-table .manage-menu-link td ,.menu-table .manage-menu-addval td{ padding:0px; } /*--- .menu-table .user-actions .add-edit-content { display:none; } --- */ .menu-table .success .user-actions .add-edit-content { display:inline-block; } .menu-table .user-actions .add-content-btn { display:inline-block; } /*--- .menu-table .success .user-actions .add-content-btn { display:none; } --- */ .menu-table .success .user-actions .live-view-btn { display:inline-block; } /*--- Manage Menu Content --- */ .manage-menu-content { background:#eeeeee; border:1px solid #dadada; padding:10px 10px 25px 10px; border-top:none; } .manage-menu-content .form2 { padding-bottom:45px; } .manage-menu-content .btn { min-width:100px; padding:9px 20px; font-family:'open_sanssemibold'; } .menu-table .inner-table .manage-menu-link .manage-menu-content, .menu-table .inner-table .manage-menu-addval .manage-menu-content { padding:15px; } /*--- Menu Link Control --- */ .field-info { font-size:10px; color:#0187d0; font-style:italic; margin-bottom:0px; line-height:1.4; } /*--- Menu Link Control --- */ #active-menu .number { background:#06a4fb; color:#fff; font-family:'open_sanssemibold'; font-size:25px; line-height:40px; } /*--- User-title --- */ #user_title { width:100%!important;} /*--- Clear --- */ .clear-left { clear:left } /*--- Doc-Control --- */ .doc-control { padding:15px 0px; } .doc-control span.radio-input { display:inline-block!important; margin-bottom:10px; margin-right:10px; } .doc-control .checkbox-input { display:block; margin-bottom:10px; } .doc-control a { font-size:14px; } /*--- job-list --- */ .job-list figure.company-logo { max-width:25px; float:left; } .job-list figure.company-logo img { border:1px solid #dadada; } .job-list .details { margin-left:30px; } .job-list .company-name { font-size:12px; color:ff000c; display:block; } .job-list .company-name .location { color:#314451; } .job-list .meta-data { font-size:10px; } .job-list h5 { margin-bottom:5px; } .job-list .active-job,.job-list .expired-job { font-size:14px; margin:0px 5px; } .job-list .active-job { color:#6ba000; } .job-list .expired-job { color:#e60d16; } /*--- job-list2 --- */ .job-list2 li {width:250px; border:1px solid #dadada; padding:25px 15px 20px 15px; margin:0px 15px 15px 0px; box-shadow:3px 3px 3px #e2e2e2; -moz-box-shadow:3px 3px 3px #e2e2e2; -web-kit-box-shadow:3px 3px 3px #e2e2e2; position:relative; float:left; min-height:255px; } .job-list2 li h5 { font-size:16px; line-height:20px; min-height:40px; } .job-list2 li h6 { font-size:14px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; line-height:20px; height:60px; overflow:hidden; } .job-list2 li h6 a { color:#0187d0 } .job-list2 li h6 .fa { margin-right:10px; color:#9b9b9b; } .job-list2 li span { display:block; color:#999999; font-size:14px; margin-bottom:10px; } .job-list2 li span.total-app { height:40px; overflow;hidden; } .job-list2 li span .fa { margin-right:8px; } .job-list2 li span.active .fa { color:#58cda6; } .job-list2 li span.expired .fa { color:#ed1c24; } .job-list2 li span.pending .fa { color:#f2d15f; } .job-list2 li .buttons { margin-top:20px; } .job-list2 li .buttons .attach-btn { border:1px solid #8c8c8c; color:#8c8c8c; } .job-list2 li .buttons .attach-btn:hover,.job-list2 li .buttons .attach-btn:focus { background:#dadada; color:#555; } .job-list2 li .buttons .button2 { border:1px solid #f94953 ; color:#f94953 ; padding:6px 12px; font-size:12px; background:none; } .job-list2 li .buttons .button2:hover { background:#d5383e; color:#fff; } .job-list2 .total-app a { color:#999; } /*--- Custom News --- */ .custom-news { padding:20px; border:1px solid #dadada; border-radius:5px;} /*--- news control --- */ .news-control { padding:20px 0px;} .news-control p { margin-bottom:5px; } /*--- edit-delete--- */ .edit-delete { position:absolute;top:0px; right:0px; padding:2px; border:1px solid #dadada; font-size:16px; border-top:none;border-right:none; } .edit-delete a { padding:0px 5px; line-height:1; display:inline-block; } .edit-delete .edit-button { color:#2eb3fc; } .edit-delete .delete-button { color:#ed1c24; border-left:1px solid #f35c25; } /*--- edit-section--- */ .edit-section { margin-bottom:35px; } .edit-section label { font-family:'open_sansregular', Arial, Helvetica, sans-serif; margin:0px 10px 0px 0px; font-size:14px; color:#333333; font-weight:normal; } .edit-section .select select { background:#fff; border-radius:25px; -moz-border-radius:25px; -web-kit-border-radius:25px; display:inline-block; color:#333333; border:1px solid #dadada; height:35px; font-size:14px; padding:0px 46px 0px 20px; } .edit-section .select { position:relative; display:inline-block; } .edit-section .select:after { content:""; position:absolute; right:0px; top:0px; width:46px; height:35px; z-index:5px; pointer-events:none; display:block; background:url(images/sass_images/popup-select.jpg) no-repeat; } /*--- Save-Submit-Btn --- */ .save-submit-btn { background:#f94953; color:#fff; padding:10px 15px; font-size:14px; font-family:'open_sanssemibold'; text-transform:uppercase; min-width:100px; } .white-box .save-submit-btn { color:#fff; } .save-submit-btn .icon { margin-left:10px; } .save-submit-btn:hover { color:#fff; background:#d5383e; } /*--- Form List --- */ .form-list li { width:28%; margin-right:8%; float:left; } .form-list li.outer-most { margin-right:0px; } .form-list li.block { width:100%; } .form-list li.text-editor { width:100%; margin-right:0px; } .form-list li.radio-select { margin-right:0px; } .form-list li.mailer-mode { margin-right:8%; } .form-list li.radio-select .radio-input { display:inline-block; margin-right:10px; } .form-list li.radio-select .radio-input label { font-family:'open_sansregular', Arial, Helvetica, sans-serif; } .form-list li.batch-name { width:100%; } .form-list li.batch-name p { font-size:12px; margin-left:25px; } .form-list li.batch-name .radio-input { margin-right:20px; } .form1 .form-list li:last-child { margin-bottom:25px; } .form1 .checkbox-input .email-info { font-size:10px; } .form1 .checkbox-input.show_me { margin-top:5px; } .form1 .form-list { margin-bottom:25px; } /*--- Create Account --- */ #create-account { width:650px; margin:0 auto; } #create-account .button4 { font-size:14px; text-transform:uppercase; } #create-account h2 { font-weight:normal; text-align:center; color:#333; margin-bottom:25px; } #create-account .box { background:#eeeeee; padding:25px; } #create-account .field-info { display:block; font-size:12px; font-style:italic; color:#868686; padding-top:5px; } #create-account .checkbox-input label { font-size:13px; color:#333333; } #create-account .email-id .aricent-com { font-size:14px; color:#9d9c9c; position:absolute; right:10px; bottom:8px; } #create-account .email-id input { padding-right:105px; } #create-account .mobile-number label { display:block;} #create-account .mobile-number .country-code { font-size:14px; color:#333333; position:absolute; left:10px; bottom:8px; display:inline-block; } #create-account .mobile-number .country-code img { margin-right:10px; } #create-account .chosen-container-multi .chosen-choices { border:0 !important; border-bottom:1px solid #ccc !important;} /*--- How Works --- */ .how-works { padding:70px 0px 50px; } .how-works h2 { font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:28px; margin-bottom:20px; color:#333333; font-weight:normal; } .how-works p { font-size:24px; margin-bottom:40px; color:#010101; font-weight:light; opacity:0.5; } .how-works .button12 { min-width:240px; } /*--- Learning Features --- */ .learning-features { text-align:center; padding:40px 0px; padding-top:0px; } .learning-features h2 { font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:28px; color:#333; font-weight:normal; margin-bottom:40px; } .learning-features h6 { font-size:16px; color:#424242; margin-bottom:12px; } .learning-features p { color:#9a9a9a; margin-bottom:40px; } .learning-features .fa { margin-bottom:12px; font-size:35px; color:#06a4fb; } .learning-features h2 span { font-size:24px; padding-top:20px; color:#010101; font-weight:light; opacity:0.5; display:block; } .learning-features .button12 { text-transform:capitalize; } .learning-features .button12.btn-lg { text-transform:capitalize; font-size:26px; min-width:260px; } /*--- Learning Process --- */ .learning-process { margin-bottom:45px; text-align:center; } /*--- declaration --- */ .declaration { padding:15px 0px; background:#eeeeee; margin-bottom:50px; } .declaration span { font-size:24px; line-height:28px; color:#3333; font-weight:light; } .declaration .button12 { min-width:250px; } /*--- learn-testimonials ---*/ #learn-testimonials { padding:70px 0; } #learn-testimonials h2 { font-family: 'open_sansregular'; text-align:center; margin-bottom:25px; font-size:28px; color:#333;} #learn-testimonials .image { float:left; width:100px;} #learn-testimonials .slide { width:100%;} #learn-testimonials .image img { max-width:100px; border-radius:50%; width:100%;} #learn-testimonials blockquote { margin-left:130px; background:url(images/learn-testimonials/testimonial-code-learn.png) left top no-repeat; padding-left:50px; border:0;} #learn-testimonials blockquote p.cite cite { font-style:normal; color:#999999;} #learn-testimonials .controls { display:block; text-align:center; position:relative; z-index:10;} #learn-testimonials .controls a { display:inline-block; margin:0 5px; width:10px; height:0; padding-top:10px; overflow:hidden; border-radius:50%; cursor:pointer; background:#999999;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;} #learn-testimonials .controls a:hover, #learn-testimonials .controls a.activeSlide { background:#333333;} /*--- Demo Slider ---*/ #demo-slider .slide { width:100%;} #demo-slider .controls { display:block; text-align:center; position:relative; z-index:10;} #demo-slider .controls a { display:inline-block; margin:0 5px; width:10px; height:0; padding-top:10px; overflow:hidden; border-radius:50%; cursor:pointer; background:#9d9c9c;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;} #demo-slider .controls a:hover, #demo-slider .controls a.activeSlide { background:#06a4fb; } /*--- Choose Skill ---*/ .choose-Skill { text-align:center; } .choose-Skill .button12 { min-width:252px; } .choose-Skill { padding:40px 0px 80px; } .choose-Skill h2 { font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:28px; line-height:32px; color:#333333; } .choose-Skill p { text-align:center; font-weight:light; color:#333333; font-size:24px; margin-bottom:40px; } .choose-Skill .checkboxes { margin-bottom:50px; } .choose-Skill .checkboxes .checkbox { margin:0 15px 36px; display:inline-block; text-align:left; position:relative; width:17%; float:left; } .choose-Skill .checkboxes .checkbox label { background:#eee; padding:5px 10px 11px 40px; cursor:pointer; color:#333; display:block; border-radius:4px; font-size:14px; position:relative; height:50px; overflow:hidden; line-height:21px; } .choose-Skill input[type="checkbox"] { display:none; } .choose-Skill label:before { content: ""; background:url(images/code_learn_images/learn-checkbox.png) no-repeat left top; display: inline-block; position: absolute; width:13px; left:10px; height:13px; top:12px; } .choose-Skill input[type="checkbox"]:checked + label:before { background-position:left bottom; } .choose-Skill input[type="checkbox"]:checked + label { background:#06a4fb; color:#fff; } /*--- Page Specific ---*/ .code-learn-page .modal-header,.code-learn-page .button4,.code-learn-page .form1 .error_msg { background:#f94953; } .code-learn-page .common-lnk { color:#f94953; } .code-learn-page .help-icon .fa { color:#06a4fb; } .code-learn-inner .white-box .nav-tabs { height:56px; } .code-learn-page .button12 { color:#fff; } .code-learn-page .admin-inner { padding:25px; } .code-learn-page .admin-inner .btn-file .button5 { color:#f94953; } .code-learn-page sup { color:#f94953; } .code-learn-page .no-margin { margin-bottom:0px; } .code-learn-page #main .inner-main { padding-top:0px; } .code-learn-page #main .inner-main.form1 { padding-top:30px; } .code-learn-page .modal-header .modal-title { color:#fff; margin:0px;font-family:'open_sanssemibold'; } #header .logo { padding-top:10px; } #header .logo h1 img { width:auto!important; max-width:130px; max-height:45px; } .code-learn-page #comment_block.comment-forum { border:1px solid #dadada; border-radius:5px; margin-top:30px; position:relative; padding:20px; margin-bottom:30px; } .code-learn-page #comment_block .page-header { padding:0px; background:none; } .code-learn-page #comment_block.comment-forum h2 { font-size:28px; font-family: "open_sansregular"; border-bottom:1px solid #dadada; padding-bottom:10px; color:#333;} .code-learn-page #comment_block .cmnt-blk { margin-bottom:10px; border-bottom:1px solid #dadada; } .code-learn-page #comment_block.comment-forum .cmnt_dtl_txt { font-size:14px; } .code-learn-page #comment_block.comment-forum #no_of_comments_display { font-size:18px; margin-top:25px; font-family:'open_sanssemibold'; color:#333333; margin-bottom:10px; } .code-learn-page #comment_block.comment-forum .cmnt_dtl,.code-learn-page #comment_block.comment-forum .metadata { margin-top:10px; margin-bottom:10px; color:#979797; font-size:13px; } .code-learn-page #comment_block .reply-box-in textarea{ width:100%; min-height:100px; margin-bottom:10px; padding:10px; font-size:12px; } .code-learn-page #comment_block .replies { font-size:14px; } .code-learn-page #comment_block .rpl_txt { font-size:12px; } .code-learn-page #comment_block.comment-forum .cmnt-blk-in { margin-bottom:15px; } .code-learn-page #comment_block .lk-cmnt-actn { margin-bottom:5px; font-size:12px; } .code-learn-page #add-new-question #submitanswer .button3 { color:#fff; margin:0px 5px; } .code-learn-page #sorting_types { font-size:13px; } .code-learn-page #sorting_types a { font-size:13px; padding:10px; color:#f94953; } /*--- Admin Dashboard ---*/ .admin-dashboard { background:#fff; } .admin-dashboard .padding-top { padding-top:30px; } .admin-dashboard .top-area { background:#fff; } .admin-dashboard h4 { font-family: 'open_sansregular'; font-size:20px; margin-bottom:10px; line-height:26px; color:#333; text-transform:uppercase; } .admin-dashboard p { color:#9d9c9c; line-height:21px; } /*--- admin dashboard tabs --- */ .admin-dashboard .nav-tabs { border:none; background:#fff; padding:0px; border-bottom:1px solid #ddd; height:40px; } .admin-dashboard .nav > li > a { padding:10px 0px 10px 0px; } .admin-dashboard .nav-tabs > li > a { margin-right:20px; } .admin-dashboard .nav-tabs li a { font-size:12px; color:#9c9c9c; text-transform:uppercase; border:none; font-family:'open_sanssemibold'; } .admin-dashboard .nav-tabs li a:hover,.admin-dashboard .nav-tabs li.active a { color:#06a4fb; background:none; border:none; } /*--- admin dashboard Content --- */ .admin-dashboard .tab-content { padding:0px; } .admin-dashboard .tab-content .button5 { background:#e5e5e5 } .admin-dashboard .tab-content .tabs { box-shadow:none; } /*--- Activity Progress --- */ .activity-progress { text-align:center; } .activity-progress .progress-bar { position: relative; height: 160px; width: 160px; margin:0px 45px 40px 0px; background:none; box-shadow:none; float:none; display:inline-block; } .activity-progress .progress-bar div { position: absolute; height: 160px; width: 160px; border-radius: 50%; } .activity-progress .progress-bar div span { position: absolute; font-family: Arial; font-size: 25px; line-height: 135px; height: 135px; width: 135px; left: 12.5px; top: 12.5px; text-align: center; border-radius: 50%; background-color: white; color:#000; } .activity-progress .progress-bar .rotate { clip: rect(0 100px 200px 0); background-color: #4b86db; } .activity-progress .progress-bar .left { clip: rect(0 100px 200px 0); opacity: 1; background-color: #b3cef6; } .activity-progress .progress-bar .right { clip: rect(0 100px 200px 0); transform: rotate(180deg); opacity: 0; background-color: #4b86db; } @keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } /*--- Contest-info --- */ #contest-info .registred-developers { text-align:center; padding:20px 0px; } #contest-info .registred-developers p { font-size:20px; color:#747474; line-height:35px; margin:0;} #contest-info .registred-developers .inner { display:inline-block; top:20px; position:relative;} #contest-info .invite-your-friends { background:#eceff1; padding:6px 10px 10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center;} #contest-info .invite-your-friends p { font-size:13px; margin-bottom:10px;} #contest-info .invite-your-friends h3 { margin-bottom:7px;} #contest-info .registred-developers .cprogress .number { position:absolute; left:0; line-height:30px; top:50%; width:100%; display:black; height:30px; margin-top:-24px; z-index:10; font-size:18px; line-height:24px; } #contest-info .registred-developers .cprogress { display: inline-block; position: relative; width: 1em; height: 1em; vertical-align:middle; text-align: -webkit-match-parent; font-size: 110px; cursor: default; } #contest-info .registred-developers .cprogress:before { content: ''; display: block; position: absolute; width: 1em; height: 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; opacity: .5; z-index: 0; } #contest-info .registred-developers .cprogress:after { content: ''; display: block; position: absolute; top: .1em; left: .1em; width: .8em; height: .8em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; z-index: 1; } #contest-info .registred-developers .cprogress>#slice.gt50 { clip: rect(auto,auto,auto,auto); } #contest-info .registred-developers .cprogress>#slice { position: absolute; width: 1em; height: 1em; clip: rect(0px,1em,1em,0.5em); } #contest-info .registred-developers .cprogress>#slice>.pie { position: absolute; width:100%; height:100%; clip: rect(0em,0.5em,1em,0em); border-radius: .5em; } #contest-info .registred-developers .cprogress>#slice>.pie { border:6px solid #7f3e98!important; } #contest-info #registered1-developers.cprogress>#slice>.pie { border:6px solid #72a520!important; } #contest-info #registered2-developers.cprogress>#slice>.pie { border:6px solid #bca629!important; } #contest-info .registred-developers .cprogress>#slice>.pie.fill { -moz-transform: rotate(180deg)!important; -webkit-transform: rotate(180deg)!important; -o-transform: rotate(180deg)!important; transform: rotate(180deg)!important; } #contest-info .activity-name { display:block; font-size:14px; } /*--- Activity Button --- */ .activity-button { display:inline-block; font-weight:normal; font-size:14px; line-height:39px; text-align:center; color:#868686; font-family:'open_sanssemibold'; border-radius:25px; border:2px solid #dadada; margin-bottom:45px; min-width:205px; background:#fff; } /*--- Activity Select --- */ .activity-select select { background:#fff; border-radius:25px; -moz-border-radius:25px; -web-kit-border-radius:25px; display:inline-block; color:#868686; border:2px solid #dadada; height:43px; font-size:14px; width:205px; padding-left:15px;font-family:'open_sanssemibold'; } .activity-select { position:relative; display:inline-block; } .activity-select:after { content:""; position:absolute; right:0px; top:0px; width:52px; height:43px; z-index:5px; pointer-events:none; display:block; background:url(images/code_learn_images/progress-select.png) no-repeat; } /*--- add-item-box --- */ .add-item-box { text-align:right; } .add-item-box .add-item-button { display:inline-block; text-decoration:none; padding:20px; border:1px solid #dadada; border-radius:5px; text-align:center; font-size:14px; font-family:'open_sanssemibold'; min-width:195px; min-height:78px; line-height:38px; color:#9c9c9c; margin-bottom:30px; 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; text-transform:uppercase; } .add-item-box .add-item-button .icon { display:inline-block; width:40px; height:40px; line-height:38px; border:1px solid #dadada; text-align:center; border-radius:50%; margin-right:10px; float:left; font-size:28px; font-family:'open_sanssemibold'; font-style:normal; 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; } .add-item-box .add-item-button.active,.add-item-box .add-item-button:hover,.add-item-box .add-item-button.active .icon,.add-item-box .add-item-button:hover .icon { border:1px solid #06a4fb; color:#06a4fb; } /*--- Add Chapter Box --- */ .add-chapter-box { width:80%; margin:0 auto; background:#eeeeee; padding:40px 100px 30px 100px; margin-top:50px; position:relative; border:1px solid #dadada; border-radius:5px; -moz-border-radius:5px; -web-kit-border-radius:5px; text-align:center; margin-bottom:25px; } .add-chapter-box h2 { font-family:'open_sanssemibold'; font-size:24px; margin-bottom:35px; color:#333333; font-weight:normal; text-transform:uppercase; } .add-chapter-box .button12 { color:#fff; min-width:210px; } .add-chapters, .new-chapter { } /*--- Adding Popup --- */ #adding-popup .modal-content { padding:15px; background:#fff; border:1px solid #dadada; border-radius:5px; } #adding-popup h6 { font-size:16px; color:#000; text-transform:uppercase; margin-bottom:8px; } #adding-popup p { color:#000; margin-bottom:8px; } #adding-popup .button { display:block; border:1px solid #dadada; background:#0187d0; color:#fff; font-size:14px; text-transform:uppercase; } #adding-popup .modal-dialog { width:330px; position:absolute; right:40px; top:275px; margin:0px; } #adding-popup .modal-dialog:before { content:""; position:absolute; top:-14px; width:18px; height:16px;display:block; background:url(images/code_learn_images/popup-arrow.png) no-repeat; margin-left:-9px; right:61px; z-index:100; } /*--- Demo Page Content --- */ .demo-page-content h2,.demo-page-content h3,.demo-page-content h5 { font-family:'open_sanssemibold'; color:#333; } .demo-page-content h4 { color:#333; margin-bottom:15px; font-size:20px; } .demo-page-content h3 { font-size:28px; line-height:28px; text-align:center; } .demo-page-content h3 span { display:block; color:#9d9c9c; padding:15px 0px; font-size:20px; } .demo-page-content h3 .icon { display:inline-block; width:100px; height:100px; border-radius:50%; -moz-border-radius:50%; -web-kit-border-radius:50%; border:1px solid #fec98d; line-height:98px; text-align:center; margin:0px 20px 25px; } .demo-page-content h3 .icon .fa { color:#fec98d; font-size:50px; line-height:98px; } .demo-page-content p { font-size:16px; line-height:24px; color:#333; margin-bottom:20px; } .demo-page-content ul li p { margin-bottom:10px; } .demo-page-content .box12 h2 { color:#f94953; } .demo-page-content .btn-lg { font-size:26px; text-transform:capitalize; min-width:260px; } /*--- Demo Content --- */ .welcome-section { text-align:center; } .welcome-section h2 { font-size:34px; margin-bottom:15px; } .welcome-section h5 { font-size:24px; line-height:28px; margin-bottom:45px;} .welcome-section p { font-size:14px; margin-bottom:25px; } .welcome-section .button12 { margin-bottom:45px; min-width:280px; } /*--- How Works Demo --- */ .how-works-demo { padding-top:20px; } .how-works-demo h3 { font-size:28px; font-family:'open_sanssemibold'; } /*--- powered By Techgig --- */ .powered-by-techgig { background:#eeeeee; padding:15px 0px 25px; } .powered-by-techgig p { color:#3c3c3c; font-size:20px; font-weight:bold; } .powered-by-techgig .button12 { min-width:260px; } /*--- Learn User Dashboard --- */ .learn-user-dashboard { padding:25px 0px 50px; background:#eee; min-height:600px; } .learn-user-dashboard h2 { font-family:'open_sanssemibold'; font-size:20px; color:#333; margin-bottom:25px; font-weight:normal; } .learn-user-dashboard .code-list li { min-height:327px; } .learn-user-dashboard .padding-margin { padding-top:95px; margin-top:-68px; } /*--- Gallery-capture-screen --- */ #gallery-capture-screen .preview { height:350px; margin-bottom:20px;} #gallery-capture-screen .preview .slides, #gallery-capture-screen .preview .slide { width:100% !important; height:350px !important; text-align:center; line-height:320px;} #gallery-capture-screen .preview .slide { padding:15px; border:1px solid #dadada;} #gallery-capture-screen .preview .slide img { vertical-align:middle; max-height:320px;} #slider-controls { padding:0 20px 0 30px; position:relative;} #slider-controls ul { margin:0; padding:0; list-style:none;} #slider-controls ul li { border:1px solid #dadada; margin-right:20px; height:85px; line-height:83px; text-align:center; float:left;} #slider-controls ul li img { vertical-align:middle; max-height:83px;} #slider-controls a.previous-btn { font-size:32px; position:absolute; left:0; top:50%; margin-top:-18px; color:#ccc;} #slider-controls a.next-btn { font-size:32px; position:absolute; right:0; top:50%; margin-top:-18px; color:#ccc;} /*--- Activity Tab --- */ .activity-tab .nav-tabs { border-bottom:1px solid #dadada; padding-left:150px; padding-right:15px; } .activity-tab .nav-tabs li { margin:0px 30px; } .activity-tab .nav-tabs li a { padding:20px 0px 15px 0px; border:none; border-bottom:5px solid #fff; font-size:18px; color:#9d9c9c; } .activity-tab .nav-tabs li a:hover,.activity-tab .nav-tabs li.active a,.activity-tab .nav-tabs li a:focus { border:none; border-bottom:5px solid #f94953; background:none; } .activity-tab .tab-content { padding:50px 15px;} .activity-tab .about { margin-bottom:40px; } .activity-tab .about div { font-size:14px; } .activity-tab .about h5 { font-size:20px; margin-bottom:20px; color:#333;} .activity-tab .about h6 { font-size:18px; font-family: 'open_sansregular';color:#333; } .activity-tab .about p { color:#333; } .activity-tab .instructor { float:left; margin:0px 30px 30px 0px; } .activity-tab .about .button12 { text-transform:capitalize; } .activity-tab h4 { color:#333; font-size:20px; margin-bottom:30px; } .activity-tab .code-list { text-align:center; } .activity-tab .code-list li { width:19%; float:none; display:inline-block; margin-right:11px; } .activity-tab .about ul { padding-left:15px; clear:left; } .activity-tab .about ul li { font-size:14px; line-height:21px; color:#333; margin-bottom:10px; } .activity-tab .about .rating { display:inline-block; width:96px; height:16px; background:url(images/code_learn_images/rating.png) repeat-x; margin-bottom:20px; font-size:16px; } .activity-tab .about .rating .rating-level { display:block; height:16px; background:url(images/code_learn_images/rating-level.png) repeat-x; } .activity-tab .about .fa-star { position:relative; top:0px; color:#fd931b; font-size:17px; } /*--- Activity Content --- */ .activity-content { padding-top:20px; font-size:13px; } .activity-content a { color:#f94953; } .activity-content .col-sm-8 { min-height:500px; } .activity-content h1,.activity-content h2,.activity-content h3,.activity-content h4,.activity-content h5,.activity-content h6 { color:#333; margin-bottom:20px; font-family:'open_sanssemibold';} .activity-content p { color:#333; } .activity-content .video { position:relative; margin-bottom:20px; } .activity-content .video .dummy { width:100%; } .activity-content .video .play-button { position:absolute; left:50%; top:50%; margin-left:-45px; margin-top:-45px; width:90px; height:90px; background:url(images/code_learn_images/learn-video-play.png) no-repeat; } .activity-content .back-dashboard { width:100%; display:block; background:#eeeeee; font-size:16px; color:#868686; padding:10px; position:relative; z-index:1; margin-bottom:25px; } .activity-content .chapter-button { width:53px; height:46px; background:#eeeeee; text-align:center; line-height:46px; display:inline-block; position:relative; z-index:1;} .activity-content .chapter-button .fa { color:#868686; font-size:20px; } .activity-content .back-dashboard .tooltip,.activity-content .chapter-button .tooltip { color:#fff!important; } .activity-content .tooltip { display:none; background:#06a4fb; font-size:16px; color:#fff; padding:10px; position:absolute; opacity:10; top:65px; left:0px; min-width:142px; text-align:center; pointer-events:none; } .activity-content .tooltip:before { content:""; width:13px; height:10px; background:url(images/code_learn_images/tooltip-arrow-top.png); position:absolute; left:20px; top:-10px; } .activity-content .back-dashboard .tooltip { right:0px; left:auto; } .activity-content .back-dashboard .tooltip:before { right:20px; left:auto; } .activity-content .chapter-button:hover .tooltip,.activity-content .back-dashboard:hover .tooltip { display:block; } /*--- Learn Header --- */ .learn-header { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dadada; } .learn-header .rating { display:block; width:96px; height:16px; background:url(images/code_learn_images/rating.png) repeat-x; } .learn-header .rating .rating-level { display:block; height:16px; background:url(images/code_learn_images/rating-level.png) repeat-x; } .learn-header h2 { font-size:28px; line-height:31px; margin-bottom:15px; } .learn-header .meta-data { display:block; line-height:1; } .learn-header .meta-data span { display:inline-block; font-size:14px; color:#3333; margin-right:15px; } .learn-header .meta-data span.rating { font-size:16px; } .learn-header .meta-data span.rating .fa-star { position:relative; color:#fd931b; font-size:17px; } /*--- Learn Certification --- */ .learn-certification { padding:45px 0px 30px 0px; } .learn-certification h2 { font-size:28px; line-height:32px; font-family:'open_sanssemibold'; font-weight:normal; margin-bottom:30px; text-align:center; } .learn-certification h3 { font-size:16px; line-height:22px; font-family: 'open_sansregular'; margin-bottom:15px; } .learn-certification ul { list-style-type:none; padding:0px; } .learn-certification ul li { margin-bottom:15px; } .learn-certification .inner { padding:15px; border:1px solid #dadada; border-radius:5px; text-align:center; } .learn-certification .inner .button1 { border:1px solid #f94953; } .learn-certification .button1:hover, .learn-certification .button1:focus, .learn-certification .button1:active { background:#f94953; } /*--- Summary List --- */ .manage-activity h2 { margin-bottom:20px; } .manage-activity .row { height:auto!important; } .manage-activity .table2 a { color:#f94953; } .manage-activity .button12 { padding:10px; text-transform:capitalize; margin-bottom:15px; } /*--- Summary List --- */ .summary-list { margin:0px; padding:15px 0px 60px 0px; list-style-type:none; } .summary-list li { margin-right:20px; text-align:center; float:left; margin-bottom:15px; } .summary-list li .fa { display:inline-block; width:63px; height:63px; line-height:63px; border-radius:2px 0px 0px 2px; float:left; background:#ab9ff7; font-size:36px; color:#fff; } .summary-list li .fa-book { background:#6ccac9; } .summary-list li .fa-play-circle { background:#ff6c60; } .summary-list li .fa-list-alt { background:#f8d347; } .summary-list li .fa-level-up { background:#57c8f2; } .summary-list li .fa-star { background:#ab9ff7; } .summary-list li .fa-clock-o { background:#57f2c1; } .summary-list li .fa-eye { background:#6ccac9; } .summary-list li .fa-users { background:#57c8f2; } .summary-list li { width:195px; margin-right:20px; } .summary-list li .number { display:inline-block; background:#eee; border-radius:0px 2px 2x 0px; padding:8px; float:left; font-size:12px; height:63px; width:130px; line-height:18px; color:#999999; } .summary-list li .number strong { display:block; font-size:14px; font-family: 'open_sansregular'; font-weight:normal; line-height:30px; } .summary-list .rating { display:block; width:96px; height:16px; background:url(images/code_learn_images/rating.png) repeat-x; margin-bottom:10px; } .summary-list .rating .rating-level { display:block; height:16px; background:url(images/code_learn_images/rating-level.png) repeat-x; } /*--- Summary List --- */ /*.learn-navigation { background:#dadada; padding:12px 0px; }--- */ .learn-navigation .button6,.learn-navigation .button5,.learn-navigation .button12 { min-width:150px; padding:10px; font-size:14px; text-transform:capitalize;font-family:'open_sanssemibold'; border-radius:5px; } .learn-navigation .button6 { border:1px solid #868686; background:#dadada; color:#868686; } .learn-navigation .button6:hover { background:#ccc; } .learn-navigation .button5 { background:#c0c0c0; color:#fff; } .learn-navigation .button5:hover { background:#dadada; color:#868686; } .learn-navigation .button5 .fa { margin-right:10px; } /*--- Chapter List --- */ .chapter-list .modal-header,.chapter-list .modal-body { background:#ffffff; border:none; border-radius:0px; } .chapter-list .content { padding:0px 10px; max-height:1000px; overflow:auto; } .chapter-list header { background:#eee; padding:10px; margin-bottom:25px; } .chapter-list h4 { font-size:16px; color:#868686; font-family: 'open_sansregular'; margin:0px; } .chapter-list h5 { line-height:1.7; margin-bottom:10px; } .chapter-list h5 a { text-decoration:none; color:#fd931b; } .chapter-list h5:hover a,.chapter-list h5:focus a,.chapter-list h5.active a { color:#f94953; } .chapter-list h5 small { display:block; line-height:1.4; } .chapter-list .modal-body h6 { background:#eeeeee; padding:6px; font-family:'open_sanssemibold'; margin:0px; font-size:16px; line-height:19px; color:#333;} .chapter-list .modal-body h6 a { display:block; color:#333; } .chapter-list .modal-body p { padding:15px 6px; font-family: 'open_sansregular'; margin:0px; font-size:15px; color:#333; line-height:20px; } .chapter-list .modal-dialog { width:295px; margin:0px; top:80px; } /*---.chapter-list .close { width:45px; height:45px; background:#eeeeee; font-family:'open_sanssemibold'; line-height:45px; position:absolute; right:-45px; top:20px; opacity:10; color:#868686; } --- */ /*--- lear-top-bar --- */ .learn-top-bar { background: #e3e3ec none repeat scroll 0 0; height: 60px; padding: 12px 30px 8px; position: relative; margin-bottom:15px; margin:0px -30px 30px -30px; } .learn-top-bar #breadcrumbs a { color:#f94953; } #add-assessment.modal .form-inline .form-group { display:block; margin-bottom:15px; } /*--- Feedback Section --- */ .feedback-section textarea { margin-bottom:20px; min-height:200px; } .feedback-section .button1{ min-width:125px; } /*--- Notes Section --- */ .notes_section .ecr-notes h2 { font-size:26px; } .notes_section .ecr-notes textarea { background: #ffffd8; color: #979797; font-size: 13px; font-family: arial; line-height: 18px; width: 95%; margin: 0; padding: 10px 0 10px 10px; min-height:200px; border: none; margin-bottom:20px; } /*--- About Certification --- */ .about-certification { text-align:center; padding-bottom:45px; } .about-certification h2 { font-family:'open_sanssemibold'; font-weight:normal; font-size: 28px; line-height: 30px; margin-bottom: 30px; text-align:left; text-align:center; } .about-certification h5 { font-size:20px; } .about-certification .icon-image { margin-bottom:15px; } .about-certification p { line-height:24px; } /*--- Publication --- */ .publication .button1 { min-width:80px; outline:none; padding:6px 12px; vertical-align:middle; font-size:14px; } .publication .button1.active, .publication .button1.active:focus, .publication .button1.active:active { background:#eb494f; color:#fff; outline:none; } .publication .button1:focus, .publication .button1:active { background:#fff; color:#eb494f;} .publication .btn-disabled { opacity:0.5; vertical-align:middle; font-size:14px; } /*--- slider --- */ .bx-wrapper { position:relative; } .bx-wrapper .bx-controls-direction .bx-prev { left: 0px; background:#ed7b26 url(images/capgemini_images/feature-prev-arrow1.png) no-repeat 40% 50%; width:50px; height:80px; } .bx-wrapper .bx-controls-direction .bx-next { right: 0px; background:#ed7b26 url(images/capgemini_images/feature-next-arrow1.png) no-repeat 40% 50%; width:50px; height:80px; } .bx-wrapper .bx-controls-direction a { margin-top: -16px; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; z-index: 20; } /*--- Data Science--- */ #data-science .tab1 .nav-tabs { background:#e4e7e9; border:none; } #data-science ul li,#data-science #problem-rules { font-size:14px; } #data-science .button15 { border:none; } #data-science #editor { margin-bottom:0px; } #data-science #editor-box { margin-bottom:0px; box-shadow:none;} #data-science #editor-box #editor { border-radius:0px; 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;} #data-science .user-actions { display:block; } #data-science #editor-box .user-actions { margin-top:4px;} #data-science #settings-dropdown { left:auto; right:0px; top:29px; } #data-science .tab1 .nav-tabs { background:#f7f7f7; } #data-science .tab1 .nav-tabs li a { margin:0px; border:none; border-radius:0px; } #data-science #editor-box .header { border-radius:0px; border:none;} #data-science .settings-btn { float:right; font-size:18px; margin-left:10px; color:#868686; } #data-science .fa-compress, #data-science .fa-expand { font-size:17px;color:#868686; } #data-science #panel-fullscreen { margin-top:5px; display:inline-block; } #data-science .settings-btn a {color:#fff; } #data-science .editor-footer { padding:10px 5px; background:#e4e7e9; } #data-science .editor-footer p { margin:0px; float:left; line-height:35px;} #data-science #editor-actions { margin-top:15px; } #data-science .popover.bottom > .arrow { left:auto; right:25px; } #data-science .editor-footer .button3 { background:none; margin-right:10px; } #data-science .editor-footer .button3:hove { color:#fff; } #data-science #editor-box .editor-footer code { border:none; } #data-science #editor-actions { float:right; margin-top:0px!important; padding-top:0px!important; margin-bottom:0px!important; margin-left:15px; } #data-science #submit-data-science { margin-left:15px; } #data-science #submit-data-science:hover { color:#fff; } #data-science #panel-fullscreen1 { position:absolute; top:17px; right:15px; } #data-science .btn-file .button5 { padding:9px 15px; } #data-science .inner-content { padding:0px; margin:0; } #data-science .tab1 .tab-content { padding-left:15px; height:450px; overflow:auto; border:0; } #data-science .nav-tabs > li { margin-bottom:0;} #data-science #run-info .table5 tr td { padding:8px; width:50%; background:#f7f7f7;} #user_run_hide_show { float:right; margin-top:5px; font-size:19px; color:#666;} .panel-fullscreen { display: block; z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; overflow: auto;} #data_science_user_run { overflow:auto; padding:0; height:0; background:#fff; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #data_science_user_run.open { padding:15px;} #data_science_user_run .tabs1 .nav-tabs > li > a, #data_science_user_run .tabs1 .nav-tabs > li > a:hover, #data_science_user_run .tabs1 .nav-tabs > li > a:active, #data_science_user_run .tabs1 .nav-tabs > li > a:focus { font-size:13px; padding:6px;} /*--- welcome dashboard2 --- */ .welcome-dashboard2 { padding:30px; padding-top:90px; } .welcome-dashboard2 h3 {color: #333333;font-family: "open_sansregular";font-size: 20px; line-height: 26px; margin-bottom: 20px; text-transform: uppercase; } .welcome-dashboard2 p { color:#9d9c9c; line-height:21px; } .welcome-dashboard2 ul li {color:#9d9c9c; line-height:21px; font-size:14px; margin-bottom:10px; } /*--- Tab1--- */ .tab1 #signup-tab { width:800px; margin:0 auto; } .tab1 #signup-tab .table3 tr th{ width:auto; } /*--- Expert Webinar--- */ .expert-webinar li { width:100%; margin-right:0px; padding:20px; border-radius:5px; font-size:14px; margin-bottom:20px; } .expert-webinar li .count .fa { font-size:22px; margin-right:10px; float:left; color:#84adc6; min-height:48px; min-width:30px;} .expert-webinar li .count .count-list { display:block; width:50%; float:left; padding-right:15px; min-height:48px; } .expert-webinar .profile { background:#fff; border-radius:5px; text-align:center; } .expert-webinar .profile img { margin-bottom:10px; } .expert-webinar .profile p { font-size:11px; line-height:16px; } .expert-webinar .profile hr { margin:10px 0px; } .expert-webinar li .inner h5 { height:auto; margin-bottom:20px; } .expert-webinar .date-time { text-align:center; } .expert-webinar .date-time p { font-size:11px; } .expert-webinar .links { text-align:center; margin-left:-90px; } .expert-webinar .links a { margin-bottom:10px; display:inline-block; } .expert-webinar .links .button1 { margin-bottom:0px; } /*--- Candidates Popup --- */ #candidates-popup .modal-header { background:#d3d3d3; } #candidates-popup .modal-title { color:#000; } #candidates-popup .message { font-size:12px; color:#000; background:#ebebeb; padding:5px; display:block; } #candidates-popup .create-folder { margin:20px 0px; position:relative; } #candidates-popup.form1 .create-folder input[type="text"] { display:block; width:75%; background:#fff; color:#fff; height:32px; float:left; border:1px solid #dadada; border-radius:0px; color:#000; font-weight:bold; padding:0px 15px; font-size:12px; line-height:30px; } #candidates-popup.form1 .create-folder input[type="button"] { display:block; width:15%; background:#3892c9; color:#fff; height:32px; float:left; border:none; font-weight:bold; font-size:12px; min-width:15%; } #candidates-popup .btn-primary { background:red; border:none; } #candidates-popup table { width:100%; padding:15px 0px; } #candidates-popup table td { padding:10px; color:#6bccf9; font-size:12px; } #candidates-popup strong { font-family:'open_sanssemibold'; font-weight:normal; } /*--- Report Search --- */ .report-search { background:#f35c25; padding-top:20px; padding-bottom:50px; } .report-search h2 { color:#fff; float:left; margin-bottom:10px; } .report-search h2 span { display:block; color:#fff; font-size:16px; line-height:24px; padding-top:15px; font-weight:normal; } .report-search .download-btn,.report-search .top-link { color:#fff; float:right; font-size:16px; text-decoration:none; margin-top:15px; } .report-search .divider2 { display:inline-block; color:#314451; margin:0px 5px; margin-top:15px; float:right; font-size:16px; } .report-search #breadcrumbs { width:100%; clear:left; margin-bottom:15px; } .report-search #breadcrumbs a { color:#fff; } .report-search #breadcrumbs span { color:#314451; } /*--- Report Search Inner --- */ .report-search-inner { position:relative; z-index:100px; margin-top:-50px; padding-bottom:20px; } #reports .filter-form.no-margin { margin-bottom:5px; } .report-search-inner #reports .filter-form .form-inline { margin-top:32px;} .report-search-inner #reports .filter-form .form-inline .form-group { margin-bottom:0px; margin-right:10px; } .report-search-inner #reports .filter-form .button4,.report-search-inner #reports .filter-form .button3 { min-width:160px; } .report-search-inner #reports .filter-form .button3 { padding-top:9px; padding-bottom:9px; } .report-search-inner #reports .filter-form ul li:last-child { margin-bottom:0px; } .report-search-inner .data-box { margin:0px; } .report-search-inner .event-header { text-align:center; margin:20px 0px; text-align:center; } .report-search-inner .more-list1 { display:none; } /*--- Report Search Count --- */ .report-search-count { margin-bottom:20px; border-bottom:1px solid #dadada; padding-bottom:10px; } .report-search-count p { font-size:16px; margin:0px; color:#f35c25; } /*--- Report List --- */ .report-list .box { margin-bottom:20px; } .report-list .box .header { background:#668ba5; border-radius:5px 5px 0px 0px; padding:15px; } .report-list .box .header h4 { margin:0px; color:#fff; } .report-list .box .content { border-radius:0px 0px 5px 5px; border:1px solid #dadada; border-top:0px; padding:15px; } .report-list .box .details { margin-left:30px; } .report-list .box .details.profile { margin-left:70px; } .report-list .box .details h6 { font-size:14px; line-height:22px; } .report-list .box .details h6 small{ display:block; color:#949494; font-size:12px; line-height:18px; } .report-list .box .inner { margin-bottom:15px; } .report-list .box .fa { float:left; font-size:16px; color:#668ba5; min-width:25px; margin-top:5px; } .report-list .box .image-holder { border:1px solid #dadada; float:left; max-width:59px; max-height:62px; } .report-list .box .user-details { float:left; } .report-list .box p .view-more { font-size:13px; } /*--- Report Widget --- */ .report-widget { padding-top:10px; border-top:1px solid #2f94d7; margin-bottom:15px; } .report-widget .column { width:50%; float:left; padding:10px; } .report-widget .column:first-child { border-right:1px solid #dadada; } .report-widget .column .count { display:block; text-align:center; color:#314451; font-size:20px; } .report-widget .two-column { padding-bottom:10px; border-bottom:1px solid #dadada; margin-bottom:10px; } .report-widget .two-column:last-child { border:none; margin-bottom:0px; } .report-widget .column .count small { display:block; color:#8c8c8c; } /*--- Report Tab --- */ .report-tab .nav-tabs { background:#668ba5; padding:5px 10px 0px 10px; } .report-tab .nav-tabs li { width:30%; text-align:center; } .report-tab .nav-tabs li a { color:#fff; font-size:16px; } .report-tab .nav-tabs li:hover a,.report-tab .nav-tabs li.active a { color:#314451; } .report-tab .tab-content { padding-top:15px; } .report-tab .column { width:50%; float:left; padding:10px; } .report-tab.column:first-child { border-right:1px solid #dadada; } .report-tab .column .count { display:block; text-align:center; color:#314451; font-size:20px; } .report-tab.two-column { padding-bottom:10px; border-bottom:1px solid #dadada; margin-bottom:10px; } .report-tab .two-column:last-child { border:none; margin-bottom:0px; } .report-tab .column .count small { display:block; color:#8c8c8c; } .shortlist-button { position:fixed; left:50%; bottom:0px; font-size:16px; min-width:275px; margin-left:-137px; z-index:10000; } /*--- Head body Code --- */ #split-editor .CodeMirror { border:1px solid #dadada; background:#eee; font-size:16px; } /*--- Not Supported --- */ .not-supported { list-style:inside; } .not-supported li { float:left; margin-right:10px; margin-bottom:10px !important; padding:3px 5px; border-radius:5px; border:1px solid #dadada; min-width:30px; min-width:60px; text-align:center; } .not-supported li label { font-size:12px; line-height:1; } @media (max-width:1200px) { .codehire #header .container { width:100%;} #main-navigation.nav-menu-lists ul li a { font-size:13px; padding:0 8px;} #user-progress { width:90px;} #user-progress .time-stamp { font-size:12px;} #header .notification-box { display:none;} #header .user-area .user { margin-left:0;} #header .user-area .dropdown-menu { min-width:120px;} #header .user-area .user .button3{ min-width:120px; font-size:13px;} #user-panel .top-bar { height:auto;} #user-panel .or-divider { margin:0 17px;} #user-panel .top-bar h5 { margin-bottom:0;} #user-panel .top-bar .select-type { margin-bottom:10px;} #search-test-form { clear:right;} .table1 tr td.test-options { font-size:12px; width:504px;} .table1 tr td .number { width:42px;} .techBanner { height:300px;} } @media (min-width:993px) { #main-navigation.nav-menu-lists .menu-btn { display:none !important;} #main-navigation.nav-menu-lists ul { display:block !important;} } @media (max-width:992px) { #testimonials .tab-content { margin:0 0 60px;} #what-we-provide ul li h4, #testimonials .tab-strips h4 { font-size:15px; margin-bottom:5px;} #testimonials .tab-strips p { font-size:13px;} #testimonials blockquote p { font-size:22px; line-height:30px;} #what-we-provide ul li .icon { width:140px; height:140px; line-height:90px;} #what-we-provide ul li .numbers { width:168px; background-size:100% 100%; margin-left:-83px; bottom:25px;} #testimonials .tab-strips .avatar-pic, #testimonials .tab-strips .first-letter { width:130px; height:130px; line-height:130px;} #how-it-works p { font-size:18px; line-height:24px;} #how-it-works h4 { font-size:24px;} #offerings .corpBlogOfferSect { margin-left:0;} .table1 tr td.test-options {width:325px;} #main-navigation.nav-menu-lists .menu-btn { display:block !important; margin-bottom:20px;} #main-navigation.nav-menu-lists { float:none; position:absolute; right:0; top:11px; margin:0;} #main-navigation.nav-menu-lists ul { background:#fff; width:180px; top:57px; display:none; position:absolute; right:0;} #main-navigation.nav-menu-lists ul li { float:none; height:40px; margin-left:0; width:100%;} #main-navigation.nav-menu-lists ul li a { font-size:13px; text-align:left; border-top:1px solid #fff; padding:0 10px;} #main-navigation.nav-menu-lists ul li .fa{ vertical-align:text-bottom;} #main-navigation.nav-menu-lists ul li a:hover, #main-navigation.nav-menu-lists ul li.active a { border-top:1px solid #f35c25;} #main-navigation.nav-menu-lists ul li .fa { display:inline-block; margin:0 10px 0 0;} #header .user-area { margin-left:0; margin-right:30px;} #header .user-area .button1 { padding:6px 8px;} .codehire #header #main-navigation.nav-menu-lists { position:relative; top:auto;} .codehire #header #main-navigation.nav-menu-lists ul { position:relative; top:auto; right:auto; width:auto; background:none;} .codehire #header .user-area { margin-right:0;} #user-panel .top-bar .create-test .button4{ padding:9px 10px;} #footer-navigation ul li { float:none; display:inline-block; margin-bottom:11px; padding-right:10px; margin-right:10px; line-height:16px;} #footer-navigation ul li a { font-size:11px;} .dashboard-page #footer, .try-test-page #footer { padding:13px 5px; 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;} .dashboard-page #footer:hover, .try-test-page #footer:hover { height:70px;} .scrolling-table { overflow:auto; margin-bottom:30px;} .scrolling-table table { margin-bottom:0; min-width:640px;} .scrolling-table .table3 tr th { text-align:left; white-space:nowrap;} .scrolling-table .sorting-arrows { white-space:normal;} .techBanner { height:250px;} #code-learn-banner { padding:25px 0px; } .code-list li { width:30%; } .learn-user-dashboard { min-height:auto; } .expert-webinar .links { margin-left:0px; } } @media (max-width:767px) { #create-account { width:100%; } #create-account h2 { font-size:26px; margin-bottom:20px; } #signup .form1 { padding-right:15px;} #signup .details { padding-left:15px; padding-top:30px;} #signup blockquote .cite cite { margin-left:0;} .dashboard-page #footer:hover, .try-test-page #footer:hover { height:97px;} #login-form, #forgot-password, #reset-password { padding:50px 0;} .list1 li { font-size:14px;} #header .logo h1 img { width:100px;} #header .logo { padding-top:24px;} #banner h2 { font-size:32px; line-height:40px;} #banner p { font-size:18px; line-height:28px;} #companies h4 { font-size:18px;} h2 { font-size:30px;} .codehire .user-info-bar { height:auto;} h3 { font-size:24px;} #how-it-works h3 .number { font-size:25px; width:40px; text-align:center; height:40px; line-height:39px; margin-right:10px;} #how-it-works h3 { font-size:17px; text-align:left; margin-bottom:20px;} #how-it-works .image{ margin-bottom:20px;} #how-it-works h4 { font-size:18px;} #how-it-works p { font-size:15px; line-height:24px;} #how-it-works .previous-btn { width:30px; height:50px; margin-top:-25px; background-size:63px 50px; left:5px;} #how-it-works .next-btn { width:30px; height:50px; margin-top:-25px; background-size:63px 50px; right:5px;} #how-it-works .col-md-10 { padding:0 40px;} #testimonials .tab-content { padding:20px 22px 20px 35px; background-position:9px 15px;} #testimonials blockquote p { font-size:15px; line-height:28px;} #testimonials blockquote p:last-child { background-position:right 0; display:block; padding-right:0; background:none;} #testimonials .tab-strips .avatar-pic, #testimonials .tab-strips .first-letter { width:67px; height:67px; line-height:60px; font-size:20px;} #testimonials .tab-strips p { line-height:17px;} p { font-size:14px; line-height:20px;} #what-we-provide ul { padding-left:0;} #what-we-provide ul li .icon img { max-width:60px;} #what-we-provide ul li { margin-bottom:20px;} #what-we-provide ul li .inner { margin-bottom:5px;} .db-search-filter #skill_id_chosen, .db-search-filter #city_chosen { width:100%; } .db-search-filter .search-content { padding-right:10px; } .db-search-filter .chosen-container { width:100% !important; } .db-search-filter .search-btn { position:relative; } .db-search-filter .search-btn a { position:relative; margin:0px; top:auto; } .db-search-filter ul li { width:100%; } #amount { margin-bottom:10px; } .db-search-filter ul.legends li { margin-bottom:10px; } .db-search-filter ul.legends { margin-bottom:15px; } .db-search-filter .search-btn { width:100%; font-size:14px; border-radius:0px; padding:10px 10px; } .db-search-filter .search-btn a .fa { font-size:16px; margin-bottom:5px; } .page-head { padding:30px 15px 15px;} #how-it-works-detail img { margin-bottom:20px;} .table7.spacing tr td, .table7.spacing tr th { padding:10px 5px;} .table7 tr td, .table7 thead > tr th { font-size:11px;} #contact .form1 ul { margin-bottom:30px;} #offerings .corpBlogOfferSect { margin-left:110px;} .codehire #user-panel.collapseMenu { background-position:0 0;} .user-info-bar { height:auto;} #left-progress { position:absolute; left:-66px; bottom:-1px; margin-right:0; float:none;} .timer { margin-right:0; width:155px;} .table-responsive { border: 1px solid #ddd; margin-bottom: 15px; overflow-y: hidden; width: 100%; position:relative; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;overflow-x: auto;} .table-responsive .table2 { min-width:500px;} #candidate_question_listing footer { width:90%;} #editor-box .user-actions a.expand-collapse-btn { display:none;} #editor-box header .select { width:100% !important;} #editor-box .user-actions { float:none !important; margin-left:0 !important; clear:both;} #editor-box .user-actions p { float:none !important; margin-bottom:5px;} #editor-actions .button3 { margin-bottom:10px;} #editor-actions p.right { float:none !important; margin-top:15px !important;} .try-test-page #header .logo { padding-top:12px;} .try-test-page #header .user-area { margin-right:0; padding-top:3px;} .timer .fa { display:none;} .timer { width:75px;} .codehire .timer { margin-right:0; background:#314451; border-radius:3px; padding-bottom:3px;} .codehire #breadcrumbs { clear:both;} .codehire #left-progress { margin-top:0; margin-right:0; float:left;} #left-progress .attempt-count { position:relative; left:auto; display:block; text-align:center;} .codehire #left-progress .progress-bar { float:none;} .timer span { color:#fff;} #header .user-area p { font-size:11px;} .form1 .forgot-password { font-size:14px; display:inline-block; margin-bottom:20px; float:none;} .button2 { font-size:18px; padding:9px 20px 12px;} #user-progress { display:none;} #search-test-form { width:200px; margin-bottom:5px;} #search-test-form .form-group { width:172px; margin-bottom:0; float:left;} #search-test-form button[type="submit"] { float:left; margin-top:6px;} #user-panel .top-bar { padding:12px 15px 8px;} #user-panel .or-divider { font-size:12px; margin:0 4px;} #user-panel .top-bar .create-test .button4 { padding:7px 5px; font-size:12px;} #user-panel .top-bar .create-test { float:left; padding-top:3px; clear:both;} #user-panel .top-bar .select-type { float:left; clear:both; margin-left:0; margin-right:20px;} #search-test-form { float:left; margin-left:0;} #user-panel .top-bar h5 { float:left; clear:both;} .table1 tr td.star, .table1 tr td.test-info-column { float:left; border-bottom:0;} .table1 tr td.test-options { float:left; width:100%; border-bottom:1px solid #e5e5e5; padding-left:40px;} .table1 tr td.test-options .column { border:0; float:none;} .collapseMenu .table1 tr td.test-info-column { width:84%;} .table1 tr td.test-info-column { width:70%;} .pagination1 em { margin-bottom:3px;} #user-panel .buttons .for-create-new-test { display:none;} #welcome-message { margin-bottom:0; padding-top:0;} #welcome-message h2 { font-size:21px;} #welcome-message h2 small { font-size:17px;} .tab1 .nav-tabs > li > a { font-size:13px; padding:9px 10px;} .tab1 .nav-tabs > li > a .fa { display:none;} #main { min-width:258px;} #create-test-popup { right:auto; max-width:241px;} #create-test-popup input[type="text"] { height:38px;} #create-test-popup.popover.bottom > .arrow { right:auto; left:47px;} #create-test-popup .duration-field { display:block; float:none; margin-left:0; width:100%;} #create-test-popup .form-group { margin-bottom:10px;} #user-panel .buttons .or-divider { display:block; margin:10px 0; font-size:16px;} h3, .post h3 { font-size:20px;} #question-type h4 { background:#f4f4f4;} #add-from-library .questions-points-btn { float:left; } #add-from-library #breadcrumbs { float:left; clear:both;} #add-from-library .content-area header, #add-from-library .filter { padding:15px 15px;} .box2 { margin:30px 15px;} .chosen-container { width:91% !important;} #add-from-library .filter .form-group { margin-right:0;} #add-from-library footer { min-width:257px;} #user-panel #breadcrumbs { float:left; clear:both;} #breadcrumbs a, #breadcrumbs span { font-size:13px;} .btn-group > .button6 { font-size:12px; padding:8px 10px;} #add-from-library .questions-points-btn { width:230px;} .table4 tr td { float:left; width:100%; padding:10px 15px; border-bottom:0;} .table4 .last { text-align:left; border-bottom:1px solid #bbbbc3;} .table4 .languages .language { margin-left:0; margin-right:8px; margin-bottom:3px;} #contact dt { float:none; width:100%; font-family:'open_sanssemibold'; margin-bottom:0;} #contact dd { float:none; width:100%;} #main .inner-main { padding:30px 15px 65px;} #first_name_error_div, .form1 ul li { margin-bottom:20px;} .upload-company-logo { float:none; width:auto; padding-top:25px;} .techBanner { height:150px;} #invite-login header { padding-top:0;} #invite-login header ul.test-info li { margin:0 10px 15px;} #invite-login .list3 { padding-left:8px;} .list3 li { font-size:14px;} #invite-login .form-group { margin-bottom:10px;} #reports .filter-form .date-field { display:inline-block;} #reports .filter-form .date-field .form-control { width:107px;} #filter_content { float:none; margin-top:0;} .common-lnk { font-size:13px;} #invite-candidates .email-body-field label { float:left; width:100%;} #invite-candidates .save-template-btn, #invite-candidates .use-template-btn { float:left; margin-left:0; margin-right:10px; padding:8px 10px;} #invite-candidates .email-body-field .help-icon { float:left; margin-left:0;} #invite-candidates #send_invite { margin-bottom:25px;} #user-panel .top-bar .download-btn { float:left; margin-left:0; margin-right:15px;} .form1 ul li:last-child { margin-bottom:20px;} .btn-group { min-width:300px;} #user-panel .top-bar .new-user-btn, #user-panel .top-bar .new-team-btn { float:left; margin-left:0; margin-right:15px; padding:8px 11px;} #user-panel .top-bar .new-team-btn { margin-right:0;} #candidate-settings .sample-result-area { padding-top:0;} .stylish-checkboxes .checkbox { width:100%;} #languages .controls { clear:both; margin-left:0;} .bootstrap-switch { margin-left:0; margin-bottom:15px; margin-top:5px;} #user-panel #sidebar .user-actions .fa { font-size:17px;} #user-panel #sidebar .user-actions .btn, #user-panel.collapseMenu #sidebar .user-actions .btn { padding:7px 5px;} .upload-banner-pic .uploaded-image img { width:100%;} #folder-structure { display:block;} .codehire #header #main-navigation.nav-menu-lists { left:auto; top:auto; right:auto;} .codehire #header #main-navigation.nav-menu-lists ul {background: #202f39; display:block; height: 100%;left: -230px; padding: 0; position: fixed; top: 0; width: 230px;} .codehire .activeMenu #header #main-navigation.nav-menu-lists > ul { left: 0;} .codehire #header #main-navigation.nav-menu-lists ul li { float: none; font-size: 13px; margin: 0; text-align: left; width: 100% !important;} .codehire #header #main-navigation.nav-menu-lists ul li a { text-align: left; padding: 0 15px;} .modal-footer .btn { padding:7px 15px !important; font-size:12px !important;} .jumbotron { padding:25px;} .h1, h1 { font-size:30px;} .jumbotron p { font-size:15px; line-height:21px;} .jumbotron .btn { font-size:14px; padding:6px 15px; margin-bottom:10px;} #learn-testimonials { padding:25px; } #learn-testimonials h2 { font-size:22px; } #learn-testimonials .image { float:none; margin:0 auto 20px;} #learn-testimonials blockquote { margin-left:0;} #code-learn-banner .details { width:100%; } .search-topic input[type="text"] { width:85%; } .search-topic input[type="submit"] { width:15%; } #code-learn-banner .details { padding:20px 15px; } #code-learn-banner h2 { font-size:30px; margin-bottom:15px; } #code-learn-banner .details p { font-size:16px; } #code-learn-banner .details .icon { min-width:52px; } .how-works { padding:25px 0px; } .how-works p { font-size:21px; margin-bottom:30px; line-height:26px; } .learning-features h2 { font-size:22px; } .declaration { margin-bottom:20px; } .declaration span { font-size:18px; line-height:24px; margin-bottom:15px; display:block; } #code-learn-banner2 .details { float:none; width:100%; } #code-learn-banner2 .details h2 { font-size:25px; line-height:30px; } #code-learn-banner2 .details p { font-size:18px; } .code-list li { width:95%; } .activity-tab .code-list li { width:95%; } #activity-banner .details { width:100%; } } .modal { z-index:100001;} #sidebar-navigation .not-active { pointer-events: none; cursor: default; } #db-search-left.not-active { pointer-events: none; cursor: default; } .eq-ie8 .container { width:1170px; margin:0 auto;} .eq-ie8 #header {height:auto;} .eq-ie8 #header .col-lg-2 { float:left; width:16.6667%;} .eq-ie8 #header .col-lg-10 { float:left; width:83.33%;} .eq-ie8 #search-test-form { width:190px;} .eq-ie8 #search-test-form .form-group { float:left; width:165px; margin-bottom:0;} .eq-ie8 .form-inline .form-group label { display:block;} .eq-ie8 .form-inline .form-group { display: inline-block; margin-bottom: 0; margin-right:7px; vertical-align: middle; } .eq-ie8 .form-group { margin-bottom: 15px; } .eq-ie8 .form-inline .form-control { display: inline-block; vertical-align: middle; width: auto; } .eq-ie8 #container-wrap .wow { visibility:visible !important; opacity:1 !important;} .eq-ie8 #banner { background-repeat:repeat-x;} .eq-ie8 #how-it-works .inner-wrap { background:#2eceaf;} @media (min-width:767px) { .codehire #header #main-navigation.nav-menu-lists ul li a:hover, .codehire #header #main-navigation.nav-menu-lists ul li.active a { background:#2c3d48;} } /* ------------------------------------- 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; } */ .intl-tel-input{position:relative;display:block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px; margin-bottom:0;}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("images/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("images/flags_2x.png")}}.iti-flag.np{background-color:transparent}